@devalok/shilp-sutra 0.34.0 → 0.36.0

package/dist/ui/select.js

@@ -1,158 +1,138 @@
 "use client";
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import * as o from "react";
-import { ao as n, ap as N, aq as m, ar as p, as as S, at as f, au as I, av as u, aw as b, ax as R, ay as z, az as g, aA as C, aB as j, aC as B } from "../_chunks/primitives.js";
-import { IconChevronDown as h, IconChevronUp as V, IconCheck as T } from "@tabler/icons-react";
-import { a as D } from "../_chunks/vendor-utils.js";
-import { cn as t } from "./lib/utils.js";
-import { tweens as U, springs as G } from "./lib/motion.js";
-import { Icon as i } from "./icon.js";
-import { m as L } from "../_chunks/framer.js";
-const X = C, Y = B, Z = j, k = D(
-  "flex w-full items-center justify-between whitespace-nowrap rounded-ds-md placeholder:text-surface-fg-subtle focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-action-disabled [&>span]:line-clamp-1",
-  {
-    variants: {
-      variant: {
-        default: "border border-surface-border-strong bg-surface-raised-hover focus-visible:border-accent-7",
-        outline: "border border-surface-border-strong bg-transparent focus-visible:border-accent-7",
-        ghost: "border border-transparent bg-transparent hover:bg-surface-raised-hover focus-visible:border-accent-7"
-      },
-      color: {
-        default: "",
-        error: "border-error-7 text-error-11 focus-visible:ring-error-9",
-        success: "border-success-7",
-        warning: "border-warning-7"
-      },
-      size: {
-        xs: "h-ds-xs-plus text-ds-sm px-ds-02",
-        sm: "h-ds-sm text-ds-sm px-ds-03",
-        md: "h-ds-md text-ds-md px-ds-04",
-        lg: "h-ds-lg text-ds-md px-ds-05"
-      }
-    },
-    defaultVariants: { variant: "default", color: "default", size: "md" }
-  }
-), q = o.forwardRef(({ className: s, children: r, variant: a, color: d, size: l, ...v }, w) => /* @__PURE__ */ c(
-  n,
-  {
-    ref: w,
-    className: t(k({ variant: a, color: d, size: l }), s),
-    "aria-invalid": d === "error" || void 0,
-    ...v,
-    children: [
-      r,
-      /* @__PURE__ */ e(N, { asChild: !0, children: /* @__PURE__ */ e(i, { icon: h, size: "sm", className: "opacity-50" }) })
-    ]
-  }
-));
-q.displayName = n.displayName;
-const x = o.forwardRef(({ className: s, ...r }, a) => /* @__PURE__ */ e(
-  m,
-  {
-    ref: a,
-    className: t(
-      "flex cursor-default items-center justify-center py-ds-02",
-      s
-    ),
-    ...r,
-    children: /* @__PURE__ */ e(i, { icon: V, size: "sm" })
-  }
-));
-x.displayName = m.displayName;
-const y = o.forwardRef(({ className: s, ...r }, a) => /* @__PURE__ */ e(
-  p,
-  {
-    ref: a,
-    className: t(
-      "flex cursor-default items-center justify-center py-ds-02",
-      s
-    ),
-    ...r,
-    children: /* @__PURE__ */ e(i, { icon: h, size: "sm" })
-  }
-));
-y.displayName = p.displayName;
-const A = o.forwardRef(({ className: s, children: r, position: a = "popper", ...d }, l) => /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(
-  f,
-  {
-    ref: l,
-    position: a,
-    asChild: !0,
-    ...d,
-    children: /* @__PURE__ */ c(
-      L.div,
-      {
-        initial: { opacity: 0, scale: 0.95 },
-        animate: { opacity: 1, scale: 1 },
-        transition: { ...G.snappy, opacity: U.fade },
-        className: t(
-          "relative z-popover max-h-96 min-w-[8rem] overflow-hidden rounded-ds-lg border border-surface-border-strong bg-surface-overlay text-surface-fg shadow-floating",
-          a === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
-          s
-        ),
-        children: [
-          /* @__PURE__ */ e(x, {}),
-          /* @__PURE__ */ e(
-            I,
-            {
-              className: t(
-                "p-ds-02",
-                a === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
-              ),
-              children: r
-            }
-          ),
-          /* @__PURE__ */ e(y, {})
-        ]
-      }
-    )
-  }
-) }));
-A.displayName = f.displayName;
-const P = o.forwardRef(({ className: s, ...r }, a) => /* @__PURE__ */ e(
-  u,
-  {
-    ref: a,
-    className: t("px-ds-03 py-ds-02b text-ds-md font-semibold", s),
-    ...r
-  }
-));
-P.displayName = u.displayName;
-const $ = o.forwardRef(({ className: s, children: r, ...a }, d) => /* @__PURE__ */ c(
-  b,
-  {
-    ref: d,
-    className: t(
-      "relative flex w-full cursor-default select-none items-center rounded-ds-md py-ds-02b pl-ds-03 pr-ds-07 text-ds-md outline-hidden transition-colors duration-fast-01 ease-productive-standard hover:bg-surface-raised focus:bg-surface-raised focus:text-surface-fg data-[disabled]:pointer-events-none data-[disabled]:opacity-action-disabled",
-      s
-    ),
-    ...a,
-    children: [
-      /* @__PURE__ */ e("span", { className: "absolute right-ds-03 flex h-ico-sm w-ico-sm items-center justify-center", children: /* @__PURE__ */ e(R, { children: /* @__PURE__ */ e(i, { icon: T, size: "sm" }) }) }),
-      /* @__PURE__ */ e(z, { children: r })
-    ]
-  }
-));
-$.displayName = b.displayName;
-const E = o.forwardRef(({ className: s, ...r }, a) => /* @__PURE__ */ e(
-  g,
-  {
-    ref: a,
-    className: t("-mx-ds-01 my-ds-02 h-px bg-surface-border", s),
-    ...r
-  }
-));
-E.displayName = g.displayName;
-export {
-  X as Select,
-  A as SelectContent,
-  Y as SelectGroup,
-  $ as SelectItem,
-  P as SelectLabel,
-  y as SelectScrollDownButton,
-  x as SelectScrollUpButton,
-  E as SelectSeparator,
-  q as SelectTrigger,
-  Z as SelectValue,
-  k as selectTriggerVariants
-};
+import { $ as e, G as t, J as n, K as r, Q as i, U as a, W as o, X as s, Y as c, Z as l, et as u, nt as d, q as f, rt as p, tt as m } from "../_chunks/primitives.js";
+import { a as h } from "../_chunks/framer.js";
+import { springs as g, tweens as _ } from "./lib/motion.js";
+import { t as v } from "../_chunks/vendor-utils.js";
+import { cn as y } from "./lib/utils.js";
+import { Icon as b } from "./icon.js";
+import { useFormField as x } from "./form.js";
+import * as S from "react";
+import { jsx as C, jsxs as w } from "react/jsx-runtime";
+import { IconCheck as T, IconChevronDown as E, IconChevronUp as D } from "@tabler/icons-react";
+//#region src/ui/select.tsx
+var O = l, k = o, A = d, j = v("flex w-full items-center justify-between whitespace-nowrap rounded-ds-md placeholder:text-surface-fg-subtle focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-action-disabled [&>span]:line-clamp-1", {
+	variants: {
+		variant: {
+			default: "border border-surface-border-strong bg-surface-raised-hover focus-visible:border-accent-7",
+			outline: "border border-surface-border-strong bg-transparent focus-visible:border-accent-7",
+			ghost: "border border-transparent bg-transparent hover:bg-surface-raised-hover focus-visible:border-accent-7"
+		},
+		color: {
+			default: "",
+			error: "border-error-7 text-error-11 focus-visible:ring-error-9",
+			success: "border-success-7",
+			warning: "border-warning-7"
+		},
+		size: {
+			xs: "h-ds-xs-plus text-ds-sm px-ds-02",
+			sm: "h-ds-sm text-ds-sm px-ds-03",
+			md: "h-ds-md text-ds-md px-ds-04",
+			lg: "h-ds-lg text-ds-md px-ds-05"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		color: "default",
+		size: "md"
+	}
+}), M = S.forwardRef(({ className: e, children: n, variant: r, color: i, size: a, ...o }, s) => {
+	let c = x(), l = i === "error" || c.state === "error" && i == null, u = o["aria-describedby"] ?? c.helperTextId, d = o["aria-required"] ?? c.required;
+	return /* @__PURE__ */ w(m, {
+		ref: s,
+		className: y(j({
+			variant: r,
+			color: l && !i ? "error" : i,
+			size: a
+		}), e),
+		"aria-invalid": l || void 0,
+		"aria-describedby": u,
+		"aria-required": d || void 0,
+		...o,
+		children: [n, /* @__PURE__ */ C(t, {
+			asChild: !0,
+			children: /* @__PURE__ */ C(b, {
+				icon: E,
+				size: "sm",
+				className: "opacity-50"
+			})
+		})]
+	});
+});
+M.displayName = m.displayName;
+var N = S.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ C(e, {
+	ref: r,
+	className: y("flex cursor-default items-center justify-center py-ds-02", t),
+	...n,
+	children: /* @__PURE__ */ C(b, {
+		icon: D,
+		size: "sm"
+	})
+}));
+N.displayName = e.displayName;
+var P = S.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ C(i, {
+	ref: n,
+	className: y("flex cursor-default items-center justify-center py-ds-02", e),
+	...t,
+	children: /* @__PURE__ */ C(b, {
+		icon: E,
+		size: "sm"
+	})
+}));
+P.displayName = i.displayName;
+var F = S.forwardRef(({ className: e, children: t, position: n = "popper", ...r }, i) => /* @__PURE__ */ C(s, { children: /* @__PURE__ */ C(a, {
+	ref: i,
+	position: n,
+	asChild: !0,
+	...r,
+	children: /* @__PURE__ */ w(h.div, {
+		initial: {
+			opacity: 0,
+			scale: .95
+		},
+		animate: {
+			opacity: 1,
+			scale: 1
+		},
+		transition: {
+			...g.snappy,
+			opacity: _.fade
+		},
+		className: y("relative z-popover max-h-96 min-w-[8rem] overflow-hidden rounded-ds-lg border border-surface-border-strong bg-surface-overlay text-surface-fg shadow-floating", n === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", e),
+		children: [
+			/* @__PURE__ */ C(N, {}),
+			/* @__PURE__ */ C(p, {
+				className: y("p-ds-02", n === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),
+				children: t
+			}),
+			/* @__PURE__ */ C(P, {})
+		]
+	})
+}) }));
+F.displayName = a.displayName;
+var I = S.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ C(c, {
+	ref: n,
+	className: y("px-ds-03 py-ds-02b text-ds-md font-semibold", e),
+	...t
+}));
+I.displayName = c.displayName;
+var L = S.forwardRef(({ className: e, children: t, ...i }, a) => /* @__PURE__ */ w(r, {
+	ref: a,
+	className: y("relative flex w-full cursor-default select-none items-center rounded-ds-md py-ds-02b pl-ds-03 pr-ds-07 text-ds-md outline-hidden transition-colors duration-fast-01 ease-productive-standard hover:bg-surface-raised focus:bg-surface-raised focus:text-surface-fg data-[disabled]:pointer-events-none data-[disabled]:opacity-action-disabled", e),
+	...i,
+	children: [/* @__PURE__ */ C("span", {
+		className: "absolute right-ds-03 flex h-ico-sm w-ico-sm items-center justify-center",
+		children: /* @__PURE__ */ C(f, { children: /* @__PURE__ */ C(b, {
+			icon: T,
+			size: "sm"
+		}) })
+	}), /* @__PURE__ */ C(n, { children: t })]
+}));
+L.displayName = r.displayName;
+var R = S.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ C(u, {
+	ref: n,
+	className: y("-mx-ds-01 my-ds-02 h-px bg-surface-border", e),
+	...t
+}));
+R.displayName = u.displayName;
+//#endregion
+export { O as Select, F as SelectContent, k as SelectGroup, L as SelectItem, I as SelectLabel, P as SelectScrollDownButton, N as SelectScrollUpButton, R as SelectSeparator, M as SelectTrigger, A as SelectValue, j as selectTriggerVariants };

package/dist/ui/select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.js","names":[],"sources":["../../src/ui/select.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as SelectPrimitive from '@primitives/react-select'\nimport { IconCheck, IconChevronDown, IconChevronUp } from '@tabler/icons-react'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { motion } from 'framer-motion'\n\nimport { cn } from './lib/utils'\nimport { springs, tweens } from './lib/motion'\nimport { Icon } from './icon'\nimport { useFormField } from './form'\n\n/**\n * Select root — manages open/close state and selected value.\n *\n * **Important:** `size` is NOT a prop on `Select`. Set it on `SelectTrigger` instead.\n * Passing `size` directly to `Select` produces no TypeScript error but has no effect.\n *\n * @example\n * // CORRECT — size goes on SelectTrigger:\n * <Select onValueChange={setValue}>\n *   <SelectTrigger size=\"lg\">\n *     <SelectValue placeholder=\"Choose...\" />\n *   </SelectTrigger>\n *   <SelectContent>\n *     <SelectItem value=\"a\">Option A</SelectItem>\n *     <SelectItem value=\"b\">Option B</SelectItem>\n *   </SelectContent>\n * </Select>\n *\n * // WRONG — size on Select root is silently ignored (no TypeScript error):\n * // <Select size=\"lg\">...</Select>\n */\nconst Select = SelectPrimitive.Root\n\nconst SelectGroup = SelectPrimitive.Group\n\nconst SelectValue = SelectPrimitive.Value\n\nexport const selectTriggerVariants = cva(\n  'flex w-full items-center justify-between whitespace-nowrap rounded-ds-md placeholder:text-surface-fg-subtle focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-action-disabled [&>span]:line-clamp-1',\n  {\n    variants: {\n      variant: {\n        default:\n          'border border-surface-border-strong bg-surface-raised-hover focus-visible:border-accent-7',\n        outline:\n          'border border-surface-border-strong bg-transparent focus-visible:border-accent-7',\n        ghost:\n          'border border-transparent bg-transparent hover:bg-surface-raised-hover focus-visible:border-accent-7',\n      },\n      color: {\n        default: '',\n        error: 'border-error-7 text-error-11 focus-visible:ring-error-9',\n        success: 'border-success-7',\n        warning: 'border-warning-7',\n      },\n      size: {\n        xs: 'h-ds-xs-plus text-ds-sm px-ds-02',\n        sm: 'h-ds-sm text-ds-sm px-ds-03',\n        md: 'h-ds-md text-ds-md px-ds-04',\n        lg: 'h-ds-lg text-ds-md px-ds-05',\n      },\n    },\n    defaultVariants: { variant: 'default', color: 'default', size: 'md' },\n  },\n)\n\n/**\n * Props for SelectTrigger. Use `size` here (not on the `Select` root).\n *\n * @example\n * <SelectTrigger size=\"lg\" className=\"w-[200px]\">\n *   <SelectValue placeholder=\"Select an option\" />\n * </SelectTrigger>\n */\nexport interface SelectTriggerProps\n  extends Omit<React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>, 'color'>,\n    VariantProps<typeof selectTriggerVariants> {}\n\nconst SelectTrigger = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Trigger>,\n  SelectTriggerProps\n>(({ className, children, variant, color, size, ...props }, ref) => {\n  const fieldCtx = useFormField()\n  const isError =\n    color === 'error' ||\n    (fieldCtx.state === 'error' && color == null)\n  const ariaDescribedBy = props['aria-describedby'] ?? fieldCtx.helperTextId\n  const ariaRequired = props['aria-required'] ?? fieldCtx.required\n\n  return (\n  <SelectPrimitive.Trigger\n    ref={ref}\n    className={cn(selectTriggerVariants({ variant, color: isError && !color ? 'error' : color, size }), className)}\n    aria-invalid={isError || undefined}\n    aria-describedby={ariaDescribedBy}\n    aria-required={ariaRequired || undefined}\n    {...props}\n  >\n    {children}\n    <SelectPrimitive.Icon asChild>\n      <Icon icon={IconChevronDown} size=\"sm\" className=\"opacity-50\" />\n    </SelectPrimitive.Icon>\n  </SelectPrimitive.Trigger>\n  )\n})\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName\n\nconst SelectScrollUpButton = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.ScrollUpButton>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.ScrollUpButton\n    ref={ref}\n    className={cn(\n      'flex cursor-default items-center justify-center py-ds-02',\n      className,\n    )}\n    {...props}\n  >\n    <Icon icon={IconChevronUp} size=\"sm\" />\n  </SelectPrimitive.ScrollUpButton>\n))\nSelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName\n\nconst SelectScrollDownButton = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.ScrollDownButton>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.ScrollDownButton\n    ref={ref}\n    className={cn(\n      'flex cursor-default items-center justify-center py-ds-02',\n      className,\n    )}\n    {...props}\n  >\n    <Icon icon={IconChevronDown} size=\"sm\" />\n  </SelectPrimitive.ScrollDownButton>\n))\nSelectScrollDownButton.displayName =\n  SelectPrimitive.ScrollDownButton.displayName\n\nconst SelectContent = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>\n>(({ className, children, position = 'popper', ...props }, ref) => (\n  <SelectPrimitive.Portal>\n    <SelectPrimitive.Content\n      ref={ref}\n      position={position}\n      asChild\n      {...props}\n    >\n      <motion.div\n        initial={{ opacity: 0, scale: 0.95 }}\n        animate={{ opacity: 1, scale: 1 }}\n        transition={{ ...springs.snappy, opacity: tweens.fade }}\n        className={cn(\n          'relative z-popover max-h-96 min-w-[8rem] overflow-hidden rounded-ds-lg border border-surface-border-strong bg-surface-overlay text-surface-fg shadow-floating',\n          position === 'popper' &&\n            'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1',\n          className,\n        )}\n      >\n        <SelectScrollUpButton />\n        <SelectPrimitive.Viewport\n          className={cn(\n            'p-ds-02',\n            position === 'popper' &&\n              'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]',\n          )}\n        >\n          {children}\n        </SelectPrimitive.Viewport>\n        <SelectScrollDownButton />\n      </motion.div>\n    </SelectPrimitive.Content>\n  </SelectPrimitive.Portal>\n))\nSelectContent.displayName = SelectPrimitive.Content.displayName\n\nconst SelectLabel = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Label>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Label\n    ref={ref}\n    className={cn('px-ds-03 py-ds-02b text-ds-md font-semibold', className)}\n    {...props}\n  />\n))\nSelectLabel.displayName = SelectPrimitive.Label.displayName\n\nconst SelectItem = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>\n>(({ className, children, ...props }, ref) => (\n  <SelectPrimitive.Item\n    ref={ref}\n    className={cn(\n      'relative flex w-full cursor-default select-none items-center rounded-ds-md py-ds-02b pl-ds-03 pr-ds-07 text-ds-md outline-hidden transition-colors duration-fast-01 ease-productive-standard hover:bg-surface-raised focus:bg-surface-raised focus:text-surface-fg data-[disabled]:pointer-events-none data-[disabled]:opacity-action-disabled',\n      className,\n    )}\n    {...props}\n  >\n    <span className=\"absolute right-ds-03 flex h-ico-sm w-ico-sm items-center justify-center\">\n      <SelectPrimitive.ItemIndicator>\n        <Icon icon={IconCheck} size=\"sm\" />\n      </SelectPrimitive.ItemIndicator>\n    </span>\n    <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n  </SelectPrimitive.Item>\n))\nSelectItem.displayName = SelectPrimitive.Item.displayName\n\nconst SelectSeparator = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Separator\n    ref={ref}\n    className={cn('-mx-ds-01 my-ds-02 h-px bg-surface-border', className)}\n    {...props}\n  />\n))\nSelectSeparator.displayName = SelectPrimitive.Separator.displayName\n\nexport {\n  Select,\n  SelectGroup,\n  SelectValue,\n  SelectTrigger,\n  SelectContent,\n  SelectLabel,\n  SelectItem,\n  SelectSeparator,\n  SelectScrollUpButton,\n  SelectScrollDownButton,\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"separator.d.ts","sourceRoot":"","sources":["../../src/ui/separator.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,kBAAkB,MAAM,6BAA6B,CAAA;AAIjE,MAAM,WAAW,cACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC;IACtE;;;;;OAKG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,eAAe,GAAG,gBAAgB,CAAA;CACtE;AAED,QAAA,MAAM,SAAS,uFA2Bd,CAAA;AAGD,OAAO,EAAE,SAAS,EAAE,CAAA"}
+{"version":3,"file":"separator.d.ts","sourceRoot":"","sources":["../../src/ui/separator.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,kBAAkB,MAAM,6BAA6B,CAAA;AAIjE,MAAM,WAAW,cACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC;IACtE;;;;;OAKG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,eAAe,GAAG,gBAAgB,CAAA;CACtE;AAED,QAAA,MAAM,SAAS,uFAgCd,CAAA;AAGD,OAAO,EAAE,SAAS,EAAE,CAAA"}

package/dist/ui/separator.js

@@ -1,26 +1,19 @@
 "use client";
-import { jsx as g } from "react/jsx-runtime";
-import * as i from "react";
-import { ai as e } from "../_chunks/primitives.js";
-import { cn as d } from "./lib/utils.js";
-const l = i.forwardRef(
-  ({ className: t, orientation: a = "horizontal", decorative: o = !0, variant: r = "default", ...n }, s) => /* @__PURE__ */ g(
-    e,
-    {
-      ref: s,
-      decorative: o,
-      orientation: a,
-      className: d(
-        "shrink-0",
-        r === "gradient" ? "bg-transparent bg-[image:linear-gradient(90deg,transparent,var(--color-surface-border)_15%,var(--color-surface-border)_85%,transparent)]" : r === "gradient-left" ? "bg-transparent bg-[image:linear-gradient(90deg,transparent,var(--color-surface-border)_30%)]" : r === "gradient-right" ? "bg-transparent bg-[image:linear-gradient(90deg,var(--color-surface-border)_70%,transparent)]" : "bg-surface-border",
-        a === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
-        t
-      ),
-      ...n
-    }
-  )
-);
-l.displayName = e.displayName;
-export {
-  l as Separator
-};
+import { lt as e } from "../_chunks/primitives.js";
+import { cn as t } from "./lib/utils.js";
+import * as n from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/ui/separator.tsx
+var i = n.forwardRef(({ className: n, orientation: i = "horizontal", decorative: a = !0, variant: o = "default", ...s }, c) => {
+	let l = i === "horizontal" ? "90deg" : "180deg";
+	return /* @__PURE__ */ r(e, {
+		ref: c,
+		decorative: a,
+		orientation: i,
+		className: t("shrink-0", o === "gradient" ? `bg-transparent bg-[image:linear-gradient(${l},transparent,var(--color-surface-border)_15%,var(--color-surface-border)_85%,transparent)]` : o === "gradient-left" ? `bg-transparent bg-[image:linear-gradient(${l},transparent,var(--color-surface-border)_30%)]` : o === "gradient-right" ? `bg-transparent bg-[image:linear-gradient(${l},var(--color-surface-border)_70%,transparent)]` : "bg-surface-border", i === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]", n),
+		...s
+	});
+});
+i.displayName = e.displayName;
+//#endregion
+export { i as Separator };

package/dist/ui/separator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator.js","names":[],"sources":["../../src/ui/separator.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as SeparatorPrimitive from '@primitives/react-separator'\n\nimport { cn } from './lib/utils'\n\nexport interface SeparatorProps\n  extends React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root> {\n  /** Visual variant:\n   * - `default` — solid line\n   * - `gradient` — fades at both edges\n   * - `gradient-left` — fades on the left, solid on the right\n   * - `gradient-right` — fades on the right, solid on the left\n   */\n  variant?: 'default' | 'gradient' | 'gradient-left' | 'gradient-right'\n}\n\nconst Separator = React.forwardRef<\n  React.ElementRef<typeof SeparatorPrimitive.Root>,\n  SeparatorProps\n>(\n  (\n    { className, orientation = 'horizontal', decorative = true, variant = 'default', ...props },\n    ref,\n  ) => {\n    // Gradient direction: 90deg (left→right) for horizontal, 180deg (top→bottom) for vertical\n    const deg = orientation === 'horizontal' ? '90deg' : '180deg'\n\n    return (\n      <SeparatorPrimitive.Root\n        ref={ref}\n        decorative={decorative}\n        orientation={orientation}\n        className={cn(\n          'shrink-0',\n          variant === 'gradient'\n            ? `bg-transparent bg-[image:linear-gradient(${deg},transparent,var(--color-surface-border)_15%,var(--color-surface-border)_85%,transparent)]`\n            : variant === 'gradient-left'\n              ? `bg-transparent bg-[image:linear-gradient(${deg},transparent,var(--color-surface-border)_30%)]`\n              : variant === 'gradient-right'\n                ? `bg-transparent bg-[image:linear-gradient(${deg},var(--color-surface-border)_70%,transparent)]`\n                : 'bg-surface-border',\n          orientation === 'horizontal' ? 'h-[1px] w-full' : 'h-full w-[1px]',\n          className,\n        )}\n        {...props}\n      />\n    )\n  },\n)\nSeparator.displayName = SeparatorPrimitive.Root.displayName\n\nexport { Separator }\n"],"mappings":";;;;;;AAkBA,IAAM,IAAY,EAAM,YAKpB,EAAE,cAAW,iBAAc,cAAc,gBAAa,IAAM,aAAU,WAAW,GAAG,KACpF,MACG;CAEH,IAAM,IAAM,MAAgB,eAAe,UAAU;AAErD,QACE,kBAAC,GAAD;EACO;EACO;EACC;EACb,WAAW,EACT,YACA,MAAY,aACR,4CAA4C,EAAI,8FAChD,MAAY,kBACV,4CAA4C,EAAI,kDAChD,MAAY,mBACV,4CAA4C,EAAI,kDAChD,qBACR,MAAgB,eAAe,mBAAmB,kBAClD,EACD;EACD,GAAI;EACJ,CAAA;EAGP;AACD,EAAU,cAAA,EAAsC"}