@neynar/ui 0.4.0 → 1.0.0

package/dist/components/ui/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/components/ui/select.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/components/ui/select.tsx"],"names":[],"mappings":"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"}

package/dist/components/ui/select.js

@@ -0,0 +1,200 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+import { cn } from "../../lib/utils.js";
+import Check from "../../node_modules/lucide-react/dist/esm/icons/check.js";
+import ChevronDown from "../../node_modules/lucide-react/dist/esm/icons/chevron-down.js";
+import ChevronUp from "../../node_modules/lucide-react/dist/esm/icons/chevron-up.js";
+import { SelectRoot } from "../../node_modules/@base-ui/react/esm/select/root/SelectRoot.js";
+import { SelectPortal } from "../../node_modules/@base-ui/react/esm/select/portal/SelectPortal.js";
+import { SelectPositioner } from "../../node_modules/@base-ui/react/esm/select/positioner/SelectPositioner.js";
+import { SelectPopup } from "../../node_modules/@base-ui/react/esm/select/popup/SelectPopup.js";
+import { SelectList } from "../../node_modules/@base-ui/react/esm/select/list/SelectList.js";
+import { SelectGroup as SelectGroup$1 } from "../../node_modules/@base-ui/react/esm/select/group/SelectGroup.js";
+import { SelectItem as SelectItem$1 } from "../../node_modules/@base-ui/react/esm/select/item/SelectItem.js";
+import { SelectItemText } from "../../node_modules/@base-ui/react/esm/select/item-text/SelectItemText.js";
+import { SelectItemIndicator } from "../../node_modules/@base-ui/react/esm/select/item-indicator/SelectItemIndicator.js";
+import { SelectGroupLabel } from "../../node_modules/@base-ui/react/esm/select/group-label/SelectGroupLabel.js";
+import { SelectScrollDownArrow } from "../../node_modules/@base-ui/react/esm/select/scroll-down-arrow/SelectScrollDownArrow.js";
+import { SelectScrollUpArrow } from "../../node_modules/@base-ui/react/esm/select/scroll-up-arrow/SelectScrollUpArrow.js";
+import { Separator } from "../../node_modules/@base-ui/react/esm/separator/Separator.js";
+import { SelectTrigger as SelectTrigger$1 } from "../../node_modules/@base-ui/react/esm/select/trigger/SelectTrigger.js";
+import { SelectIcon } from "../../node_modules/@base-ui/react/esm/select/icon/SelectIcon.js";
+import { SelectValue as SelectValue$1 } from "../../node_modules/@base-ui/react/esm/select/value/SelectValue.js";
+const Select = SelectRoot;
+function SelectGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    SelectGroup$1,
+    {
+      "data-slot": "select-group",
+      className: cn("scroll-my-1 p-1", className),
+      ...props
+    }
+  );
+}
+function SelectValue({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    SelectValue$1,
+    {
+      "data-slot": "select-value",
+      className: cn("flex flex-1 text-left", className),
+      ...props
+    }
+  );
+}
+function SelectTrigger({
+  className,
+  size = "default",
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    SelectTrigger$1,
+    {
+      "data-slot": "select-trigger",
+      "data-size": size,
+      className: cn(
+        "border-input data-[placeholder]:text-muted-foreground dark:bg-input/30 dark:hover:bg-input/50 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 gap-1.5 rounded-md border bg-transparent py-2 pr-2 pl-2.5 text-sm shadow-xs transition-[color,box-shadow] focus-visible:ring-[3px] aria-invalid:ring-[3px] data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:flex *:data-[slot=select-value]:gap-1.5 [&_svg:not([class*='size-'])]:size-4 flex w-fit items-center justify-between whitespace-nowrap outline-none disabled:cursor-not-allowed disabled:opacity-50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(
+          SelectIcon,
+          {
+            render: /* @__PURE__ */ jsx(ChevronDown, { className: "text-muted-foreground size-4 pointer-events-none" })
+          }
+        )
+      ]
+    }
+  );
+}
+function SelectContent({
+  className,
+  children,
+  side = "bottom",
+  sideOffset = 4,
+  align = "center",
+  alignOffset = 0,
+  alignItemWithTrigger = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(SelectPortal, { children: /* @__PURE__ */ jsx(
+    SelectPositioner,
+    {
+      side,
+      sideOffset,
+      align,
+      alignOffset,
+      alignItemWithTrigger,
+      className: "isolate z-50",
+      children: /* @__PURE__ */ jsxs(
+        SelectPopup,
+        {
+          "data-slot": "select-content",
+          className: cn(
+            "bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 min-w-36 rounded-md shadow-md ring-1 duration-100 relative isolate z-50 max-h-(--available-height) w-(--anchor-width) origin-(--transform-origin) overflow-x-hidden overflow-y-auto",
+            className
+          ),
+          ...props,
+          children: [
+            /* @__PURE__ */ jsx(SelectScrollUpButton, {}),
+            /* @__PURE__ */ jsx(SelectList, { children }),
+            /* @__PURE__ */ jsx(SelectScrollDownButton, {})
+          ]
+        }
+      )
+    }
+  ) });
+}
+function SelectLabel({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    SelectGroupLabel,
+    {
+      "data-slot": "select-label",
+      className: cn("text-muted-foreground px-2 py-1.5 text-xs", className),
+      ...props
+    }
+  );
+}
+function SelectItem({ className, children, ...props }) {
+  return /* @__PURE__ */ jsxs(
+    SelectItem$1,
+    {
+      "data-slot": "select-item",
+      className: cn(
+        "focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2 relative flex w-full cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(SelectItemText, { className: "flex flex-1 gap-2 shrink-0 whitespace-nowrap", children }),
+        /* @__PURE__ */ jsx(
+          SelectItemIndicator,
+          {
+            render: /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center" }),
+            children: /* @__PURE__ */ jsx(Check, { className: "pointer-events-none" })
+          }
+        )
+      ]
+    }
+  );
+}
+function SelectSeparator({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Separator,
+    {
+      "data-slot": "select-separator",
+      className: cn("bg-border -mx-1 my-1 h-px pointer-events-none", className),
+      ...props
+    }
+  );
+}
+function SelectScrollUpButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    SelectScrollUpArrow,
+    {
+      "data-slot": "select-scroll-up-button",
+      className: cn(
+        "bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4 top-0 w-full",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(ChevronUp, {})
+    }
+  );
+}
+function SelectScrollDownButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    SelectScrollDownArrow,
+    {
+      "data-slot": "select-scroll-down-button",
+      className: cn(
+        "bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4 bottom-0 w-full",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(ChevronDown, {})
+    }
+  );
+}
+export {
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectScrollDownButton,
+  SelectScrollUpButton,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue
+};
+//# sourceMappingURL=select.js.map

package/dist/components/ui/select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.js","sources":["../../../src/components/ui/select.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Select as SelectPrimitive } from \"@base-ui/react/select\";\n\nimport { cn } from \"@/lib/utils\";\nimport { ChevronDownIcon, CheckIcon, ChevronUpIcon } from \"lucide-react\";\n\ntype SelectProps<T = unknown> = SelectPrimitive.Root.Props<T>;\n\n/**\n * Select root component. Manages select state and provides context to children.\n * Use with SelectTrigger, SelectContent, SelectItem, and SelectValue.\n */\nconst Select = SelectPrimitive.Root;\n\ntype SelectGroupProps = SelectPrimitive.Group.Props;\n\n/**\n * Groups related select items with a label.\n */\nfunction SelectGroup({ className, ...props }: SelectGroupProps) {\n  return (\n    <SelectPrimitive.Group\n      data-slot=\"select-group\"\n      className={cn(\"scroll-my-1 p-1\", className)}\n      {...props}\n    />\n  );\n}\n\ntype SelectValueProps = SelectPrimitive.Value.Props;\n\n/**\n * Displays the selected item's value or placeholder text.\n */\nfunction SelectValue({ className, ...props }: SelectValueProps) {\n  return (\n    <SelectPrimitive.Value\n      data-slot=\"select-value\"\n      className={cn(\"flex flex-1 text-left\", className)}\n      {...props}\n    />\n  );\n}\n\ntype SelectTriggerProps = SelectPrimitive.Trigger.Props & {\n  /** Select trigger size. @default \"default\" */\n  size?: \"sm\" | \"default\";\n};\n\n/**\n * Button that opens the select dropdown. Automatically includes chevron icon.\n */\nfunction SelectTrigger({\n  className,\n  size = \"default\",\n  children,\n  ...props\n}: SelectTriggerProps) {\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      data-size={size}\n      className={cn(\n        \"border-input data-[placeholder]:text-muted-foreground dark:bg-input/30 dark:hover:bg-input/50 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 gap-1.5 rounded-md border bg-transparent py-2 pr-2 pl-2.5 text-sm shadow-xs transition-[color,box-shadow] focus-visible:ring-[3px] aria-invalid:ring-[3px] data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:flex *:data-[slot=select-value]:gap-1.5 [&_svg:not([class*='size-'])]:size-4 flex w-fit items-center justify-between whitespace-nowrap outline-none disabled:cursor-not-allowed disabled:opacity-50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon\n        render={\n          <ChevronDownIcon className=\"text-muted-foreground size-4 pointer-events-none\" />\n        }\n      />\n    </SelectPrimitive.Trigger>\n  );\n}\n\ntype SelectContentProps = SelectPrimitive.Popup.Props &\n  Pick<\n    SelectPrimitive.Positioner.Props,\n    \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\" | \"alignItemWithTrigger\"\n  >;\n\n/**\n * Select dropdown content. Automatically renders in a portal with positioning and scroll buttons.\n */\nfunction SelectContent({\n  className,\n  children,\n  side = \"bottom\",\n  sideOffset = 4,\n  align = \"center\",\n  alignOffset = 0,\n  alignItemWithTrigger = true,\n  ...props\n}: SelectContentProps) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Positioner\n        side={side}\n        sideOffset={sideOffset}\n        align={align}\n        alignOffset={alignOffset}\n        alignItemWithTrigger={alignItemWithTrigger}\n        className=\"isolate z-50\"\n      >\n        <SelectPrimitive.Popup\n          data-slot=\"select-content\"\n          className={cn(\n            \"bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 min-w-36 rounded-md shadow-md ring-1 duration-100 relative isolate z-50 max-h-(--available-height) w-(--anchor-width) origin-(--transform-origin) overflow-x-hidden overflow-y-auto\",\n            className,\n          )}\n          {...props}\n        >\n          <SelectScrollUpButton />\n          <SelectPrimitive.List>{children}</SelectPrimitive.List>\n          <SelectScrollDownButton />\n        </SelectPrimitive.Popup>\n      </SelectPrimitive.Positioner>\n    </SelectPrimitive.Portal>\n  );\n}\n\ntype SelectLabelProps = SelectPrimitive.GroupLabel.Props;\n\n/**\n * Label for a group of select items.\n */\nfunction SelectLabel({ className, ...props }: SelectLabelProps) {\n  return (\n    <SelectPrimitive.GroupLabel\n      data-slot=\"select-label\"\n      className={cn(\"text-muted-foreground px-2 py-1.5 text-xs\", className)}\n      {...props}\n    />\n  );\n}\n\ntype SelectItemProps = SelectPrimitive.Item.Props;\n\n/**\n * Individual selectable item. Automatically shows check icon when selected.\n */\nfunction SelectItem({ className, children, ...props }: SelectItemProps) {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2 relative flex w-full cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className,\n      )}\n      {...props}\n    >\n      <SelectPrimitive.ItemText className=\"flex flex-1 gap-2 shrink-0 whitespace-nowrap\">\n        {children}\n      </SelectPrimitive.ItemText>\n      <SelectPrimitive.ItemIndicator\n        render={\n          <span className=\"pointer-events-none absolute right-2 flex size-4 items-center justify-center\" />\n        }\n      >\n        <CheckIcon className=\"pointer-events-none\" />\n      </SelectPrimitive.ItemIndicator>\n    </SelectPrimitive.Item>\n  );\n}\n\ntype SelectSeparatorProps = SelectPrimitive.Separator.Props;\n\n/**\n * Visual separator between select groups.\n */\nfunction SelectSeparator({ className, ...props }: SelectSeparatorProps) {\n  return (\n    <SelectPrimitive.Separator\n      data-slot=\"select-separator\"\n      className={cn(\"bg-border -mx-1 my-1 h-px pointer-events-none\", className)}\n      {...props}\n    />\n  );\n}\n\ntype SelectScrollUpButtonProps = React.ComponentProps<\n  typeof SelectPrimitive.ScrollUpArrow\n>;\n\n/**\n * Scroll indicator button at the top of scrollable content.\n */\nfunction SelectScrollUpButton({\n  className,\n  ...props\n}: SelectScrollUpButtonProps) {\n  return (\n    <SelectPrimitive.ScrollUpArrow\n      data-slot=\"select-scroll-up-button\"\n      className={cn(\n        \"bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4 top-0 w-full\",\n        className,\n      )}\n      {...props}\n    >\n      <ChevronUpIcon />\n    </SelectPrimitive.ScrollUpArrow>\n  );\n}\n\ntype SelectScrollDownButtonProps = React.ComponentProps<\n  typeof SelectPrimitive.ScrollDownArrow\n>;\n\n/**\n * Scroll indicator button at the bottom of scrollable content.\n */\nfunction SelectScrollDownButton({\n  className,\n  ...props\n}: SelectScrollDownButtonProps) {\n  return (\n    <SelectPrimitive.ScrollDownArrow\n      data-slot=\"select-scroll-down-button\"\n      className={cn(\n        \"bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4 bottom-0 w-full\",\n        className,\n      )}\n      {...props}\n    >\n      <ChevronDownIcon />\n    </SelectPrimitive.ScrollDownArrow>\n  );\n}\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n  type SelectProps,\n  type SelectContentProps,\n  type SelectGroupProps,\n  type SelectItemProps,\n  type SelectLabelProps,\n  type SelectScrollDownButtonProps,\n  type SelectScrollUpButtonProps,\n  type SelectSeparatorProps,\n  type SelectTriggerProps,\n  type SelectValueProps,\n};\n"],"names":["SelectPrimitive.Group","SelectPrimitive.Value","SelectPrimitive.Trigger","SelectPrimitive.Icon","SelectPrimitive.Positioner","SelectPrimitive.Popup","SelectPrimitive.GroupLabel","SelectPrimitive.Item","SelectPrimitive.ItemIndicator","SelectPrimitive.Separator","SelectPrimitive.ScrollUpArrow","SelectPrimitive.ScrollDownArrow"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAcA;AAOA;AACE;AACE;AAACA;AAAA;AACW;AACgC;AACtC;AAAA;AAGV;AAOA;AACE;AACE;AAACC;AAAA;AACW;AACsC;AAC5C;AAAA;AAGV;AAUA;AAAuB;AACrB;AACO;AACP;AAEF;AACE;AACE;AAACC;AAAA;AACW;AACC;AACA;AACT;AACA;AAAA;AAEE;AAEH;AAAA;AACD;AAACC;AAAA;AAEiF;AAAA;AAAA;AAElF;AAAA;AAGN;AAWA;AAAuB;AACrB;AACA;AACO;AACM;AACL;AACM;AACS;AAEzB;AACE;AAEI;AAACC;AAAA;AACC;AACA;AACA;AACA;AACA;AACU;AAEV;AAACC;AAAA;AACW;AACC;AACT;AACA;AAAA;AAEE;AAEJ;AAAsB;AACU;AACR;AAAA;AAAA;AAAA;AAC1B;AAIR;AAOA;AACE;AACE;AAACC;AAAA;AACW;AAC0D;AAChE;AAAA;AAGV;AAOA;AACE;AACE;AAACC;AAAA;AACW;AACC;AACT;AACA;AAAA;AAEE;AAEJ;AAEA;AACA;AAACC;AAAA;AAEkG;AAGtD;AAAA;AAAA;AAC7C;AAAA;AAGN;AAOA;AACE;AACE;AAACC;AAAA;AACW;AAC8D;AACpE;AAAA;AAGV;AASA;AAA8B;AAC5B;AAEF;AACE;AACE;AAACC;AAAA;AACW;AACC;AACT;AACA;AAAA;AAEE;AAEW;AAAA;AAGrB;AASA;AAAgC;AAC9B;AAEF;AACE;AACE;AAACC;AAAA;AACW;AACC;AACT;AACA;AAAA;AAEE;AAEa;AAAA;AAGvB;;;;;;;;;;;;;"}

package/dist/components/ui/separator.d.ts

@@ -1,93 +1,9 @@
-import * as React from "react";
-import * as SeparatorPrimitive from "@radix-ui/react-separator";
+import { Separator as SeparatorPrimitive } from '@base-ui/react/separator';
+type SeparatorProps = SeparatorPrimitive.Props;
 /**
- * Separator component for visually and semantically dividing content sections
- *
- * A flexible, accessible separator component built on Radix UI primitives that creates
- * visual or semantic divisions between content sections. Supports both horizontal
- * and vertical orientations with full accessibility features including decorative
- * and semantic separator modes for optimal screen reader compatibility.
- *
- * Built on Radix UI Separator primitive which automatically handles:
- * - WAI-ARIA separator role compliance
- * - Proper orientation data attributes
- * - Screen reader visibility control via decorative prop
- * - Keyboard navigation support for interactive separators
- * - Semantic HTML structure with proper ARIA attributes
- *
- * @example
- * ```tsx
- * // Basic horizontal separator - decorative divider
- * <div className="space-y-4">
- *   <p>Content above</p>
- *   <Separator />
- *   <p>Content below</p>
- * </div>
- * ```
- *
- * @example
- * ```tsx
- * // Vertical separator in toolbar layouts
- * <div className="flex items-center space-x-2">
- *   <button>Bold</button>
- *   <button>Italic</button>
- *   <Separator orientation="vertical" className="h-4" />
- *   <button>Underline</button>
- *   <button>Strike</button>
- * </div>
- * ```
- *
- * @example
- * ```tsx
- * // Semantic separator with screen reader support
- * <nav className="flex items-center space-x-2">
- *   <a href="/dashboard">Dashboard</a>
- *   <Separator
- *     orientation="vertical"
- *     decorative={false}
- *     aria-label="Navigation separator"
- *     className="h-4"
- *   />
- *   <a href="/settings">Settings</a>
- * </nav>
- * ```
- *
- * @example
- * ```tsx
- * // Custom styled separator with gradient
- * <Separator className="my-8 h-px bg-gradient-to-r from-transparent via-border to-transparent" />
- * ```
- *
- * @example
- * ```tsx
- * // Polymorphic separator using semantic HTML
- * <article>
- *   <section>First section content</section>
- *   <Separator asChild decorative={false} aria-label="Section divider">
- *     <hr className="my-6" />
- *   </Separator>
- *   <section>Second section content</section>
- * </article>
- * ```
- *
- * @accessibility
- * - Implements WAI-ARIA separator role automatically
- * - Supports both decorative (visual-only) and semantic modes
- * - When decorative=false, separator is announced by screen readers
- * - Proper ARIA labeling support via aria-label or aria-labelledby
- * - Orientation communicated via data-orientation attribute
- * - Supports interactive separators with ARIA value properties
- * - Keyboard navigation ready for focusable separator implementations
- *
- * @see {@link Button} for related interactive elements
- * @see {@link https://ui.shadcn.com/docs/components/separator} for design patterns
- * @see {@link https://www.radix-ui.com/primitives/docs/components/separator} for Radix UI API
- * @see {@link https://www.w3.org/WAI/ARIA/apg/patterns/separator/} for ARIA separator pattern
- * @since 1.0.0
+ * Visual divider for separating content sections.
+ * Supports both horizontal (default) and vertical orientations.
  */
-declare function Separator({ className, orientation, decorative, ...props }: React.ComponentProps<typeof SeparatorPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare namespace Separator {
-    var displayName: string;
-}
-export { Separator };
+declare function Separator({ className, orientation, ...props }: SeparatorProps): import("react/jsx-runtime").JSX.Element;
+export { Separator, type SeparatorProps };
 //# sourceMappingURL=separator.d.ts.map

package/dist/components/ui/separator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"separator.d.ts","sourceRoot":"","sources":["../../../src/components/ui/separator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAkGhE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoFG;AACH,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,WAA0B,EAC1B,UAAiB,EACjB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,2CAatD;kBAlBQ,SAAS;;;AAsBlB,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"separator.d.ts","sourceRoot":"","sources":["../../../src/components/ui/separator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAI3E,KAAK,cAAc,GAAG,kBAAkB,CAAC,KAAK,CAAC;AAE/C;;;GAGG;AACH,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,WAA0B,EAC1B,GAAG,KAAK,EACT,EAAE,cAAc,2CAYhB;AAED,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,CAAC"}

package/dist/components/ui/separator.js

@@ -0,0 +1,25 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../../lib/utils.js";
+import { Separator as Separator$1 } from "../../node_modules/@base-ui/react/esm/separator/Separator.js";
+function Separator({
+  className,
+  orientation = "horizontal",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Separator$1,
+    {
+      "data-slot": "separator",
+      orientation,
+      className: cn(
+        "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px data-[orientation=vertical]:self-stretch",
+        className
+      ),
+      ...props
+    }
+  );
+}
+export {
+  Separator
+};
+//# sourceMappingURL=separator.js.map

package/dist/components/ui/separator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator.js","sources":["../../../src/components/ui/separator.tsx"],"sourcesContent":["import { Separator as SeparatorPrimitive } from \"@base-ui/react/separator\";\n\nimport { cn } from \"@/lib/utils\";\n\ntype SeparatorProps = SeparatorPrimitive.Props;\n\n/**\n * Visual divider for separating content sections.\n * Supports both horizontal (default) and vertical orientations.\n */\nfunction Separator({\n  className,\n  orientation = \"horizontal\",\n  ...props\n}: SeparatorProps) {\n  return (\n    <SeparatorPrimitive\n      data-slot=\"separator\"\n      orientation={orientation}\n      className={cn(\n        \"bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px data-[orientation=vertical]:self-stretch\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Separator, type SeparatorProps };\n"],"names":["SeparatorPrimitive"],"mappings":";;;AAUA,SAAS,UAAU;AAAA,EACjB;AAAA,EACA,cAAc;AAAA,EACd,GAAG;AACL,GAAmB;AACjB,SACE;AAAA,IAACA;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;"}