{"name":"group","type":"registry:ui","files":[{"path":"group.tsx","type":"registry:ui","content":"import * as React from \"react\"\nimport { mergeProps } from \"@base-ui-components/react/merge-props\"\nimport { useRender } from \"@base-ui-components/react/use-render\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Separator } from \"@/components/ui/separator\"\n\nfunction Group({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"group\"\n      className={cn(\n        \"isolate inline-flex w-fit items-stretch overflow-hidden rounded-[var(--hui-radius-2)] border-[0.5px] border-[var(--hui-color-border-base-primary)] bg-[var(--hui-color-background-base-primary)] shadow-[var(--hui-shadow-feather)] has-[[data-slot=input-control]:focus-within]:border-[var(--hui-color-border-accent-emphasis)] *:pointer-coarse:after:min-w-auto\",\n        className\n      )}\n      role=\"group\"\n      {...props}\n    >\n      {children}\n    </div>\n  )\n}\n\nfunction GroupItem({\n  className,\n  render,\n  ...props\n}: useRender.ComponentProps<\"div\">) {\n  const defaultProps = {\n    className: cn(\n      \"relative min-w-0 self-stretch rounded-none! border-0! shadow-none! focus-visible:z-10 focus-visible:outline-offset-[var(--hui-focus-ring-offset-inset-border)] has-focus-visible:z-10 data-[slot=input-control]:bg-[var(--hui-color-background-base-primary)]\",\n      className\n    ),\n  }\n  return useRender({\n    defaultTagName: \"div\",\n    render,\n    props: mergeProps(defaultProps, props),\n  })\n}\n\nfunction GroupSeparator({ className, ...props }: { className?: string }) {\n  return (\n    <Separator\n      orientation=\"vertical\"\n      className={cn(\n        \"relative z-20 self-stretch bg-[var(--hui-color-border-base-primary)] data-[orientation=vertical]:h-auto!\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Group, GroupItem, GroupSeparator }\n","target":"components/ui/group.tsx"}],"dependencies":["@base-ui-components/react"],"registryDependencies":["https://www.honestui.com/r/separator.json"]}