@devalok/shilp-sutra 0.34.0 → 0.36.0

package/dist/ui/switch.js

@@ -1,57 +1,58 @@
 "use client";
-import { jsx as t } from "react/jsx-runtime";
-import * as a from "react";
-import { am as c, an as C } from "../_chunks/primitives.js";
-import { springs as y } from "./lib/motion.js";
-import { cn as n } from "./lib/utils.js";
-import { m as N } from "../_chunks/framer.js";
-const R = {
-  sm: { track: "h-6 w-[38px]", thumb: "h-5 w-5", travel: 16 },
-  md: { track: "h-6 w-11", thumb: "h-ico-md w-ico-md", travel: 20 },
-  lg: { track: "h-7 w-[52px]", thumb: "h-6 w-6", travel: 24 }
-}, j = {
-  accent: "data-[state=checked]:bg-accent-9",
-  success: "data-[state=checked]:bg-success-9",
-  warning: "data-[state=checked]:bg-warning-9"
-}, S = a.forwardRef(({ className: i, error: d, size: l = "md", color: h = "accent", thumbIcon: m, checked: e, defaultChecked: r, onCheckedChange: s, ...u }, b) => {
-  const [f, p] = a.useState(r ?? !1), g = e !== void 0 ? e : f, { track: w, thumb: v, travel: k } = R[l], x = a.useCallback(
-    (o) => {
-      e === void 0 && p(o), s?.(o);
-    },
-    [e, s]
-  );
-  return /* @__PURE__ */ t(
-    c,
-    {
-      className: n(
-        "touch-target peer inline-flex shrink-0 cursor-pointer items-center rounded-ds-full border-2 border-surface-border-strong shadow-raised transition-colors duration-fast-01 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 data-[state=checked]:border-transparent data-[state=unchecked]:bg-surface-border-strong data-[state=unchecked]:hover:bg-surface-raised-active",
-        w,
-        j[h],
-        d && "border-error-7 data-[state=checked]:bg-error-9",
-        i
-      ),
-      checked: e,
-      defaultChecked: r,
-      onCheckedChange: x,
-      ...u,
-      ref: b,
-      children: /* @__PURE__ */ t(C, { asChild: !0, children: /* @__PURE__ */ t(
-        N.span,
-        {
-          className: n(
-            "pointer-events-none flex items-center justify-center rounded-ds-full bg-accent-fg shadow-raised-hover ring-0",
-            v
-          ),
-          animate: { x: g ? k : 0 },
-          whileTap: { scale: 0.85 },
-          transition: y.snappy,
-          children: m
-        }
-      ) })
-    }
-  );
+import { at as e, it as t } from "../_chunks/primitives.js";
+import { a as n } from "../_chunks/framer.js";
+import { springs as r } from "./lib/motion.js";
+import { cn as i } from "./lib/utils.js";
+import { useFormField as a } from "./form.js";
+import * as o from "react";
+import { jsx as s } from "react/jsx-runtime";
+//#region src/ui/switch.tsx
+var c = {
+	sm: {
+		track: "h-6 w-[38px]",
+		thumb: "h-5 w-5",
+		travel: 16
+	},
+	md: {
+		track: "h-6 w-11",
+		thumb: "h-ico-md w-ico-md",
+		travel: 20
+	},
+	lg: {
+		track: "h-7 w-[52px]",
+		thumb: "h-6 w-6",
+		travel: 24
+	}
+}, l = {
+	accent: "data-[state=checked]:bg-accent-9",
+	success: "data-[state=checked]:bg-success-9",
+	warning: "data-[state=checked]:bg-warning-9"
+}, u = o.forwardRef(({ className: u, error: d, size: f = "md", color: p = "accent", thumbIcon: m, checked: h, defaultChecked: g, onCheckedChange: _, ...v }, y) => {
+	let b = a(), x = d ?? b.state === "error", S = v["aria-describedby"] ?? b.helperTextId, C = v["aria-required"] ?? b.required, [w, T] = o.useState(g ?? !1), E = h === void 0 ? w : h, { track: D, thumb: O, travel: k } = c[f], A = o.useCallback((e) => {
+		h === void 0 && T(e), _?.(e);
+	}, [h, _]);
+	return /* @__PURE__ */ s(t, {
+		className: i("touch-target peer inline-flex shrink-0 cursor-pointer items-center rounded-ds-full border-2 border-surface-border-strong shadow-raised transition-colors duration-fast-01 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 data-[state=checked]:border-transparent data-[state=unchecked]:bg-surface-border-strong data-[state=unchecked]:hover:bg-surface-raised-active", D, l[p], x && "border-error-7 data-[state=checked]:bg-error-9", u),
+		checked: h,
+		defaultChecked: g,
+		onCheckedChange: A,
+		"aria-invalid": x || void 0,
+		"aria-describedby": S,
+		"aria-required": C || void 0,
+		...v,
+		ref: y,
+		children: /* @__PURE__ */ s(e, {
+			asChild: !0,
+			children: /* @__PURE__ */ s(n.span, {
+				className: i("pointer-events-none flex items-center justify-center rounded-ds-full bg-accent-fg shadow-raised-hover ring-0", O),
+				animate: { x: E ? k : 0 },
+				whileTap: { scale: .85 },
+				transition: r.snappy,
+				children: m
+			})
+		})
+	});
 });
-S.displayName = c.displayName;
-export {
-  S as Switch
-};
+u.displayName = t.displayName;
+//#endregion
+export { u as Switch };

package/dist/ui/switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.js","names":[],"sources":["../../src/ui/switch.tsx"],"sourcesContent":["'use client'\n\nimport { motion } from 'framer-motion'\nimport * as React from \"react\"\nimport * as SwitchPrimitives from \"@primitives/react-switch\"\n\nimport { springs } from './lib/motion'\nimport { cn } from \"./lib/utils\"\nimport { useFormField } from './form'\n\nconst sizeConfig = {\n  sm: { track: 'h-6 w-[38px]', thumb: 'h-5 w-5', travel: 16 },\n  md: { track: 'h-6 w-11', thumb: 'h-ico-md w-ico-md', travel: 20 },\n  lg: { track: 'h-7 w-[52px]', thumb: 'h-6 w-6', travel: 24 },\n} as const\n\nconst colorMap = {\n  accent: 'data-[state=checked]:bg-accent-9',\n  success: 'data-[state=checked]:bg-success-9',\n  warning: 'data-[state=checked]:bg-warning-9',\n} as const\n\nexport interface SwitchProps extends React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> {\n  error?: boolean\n  size?: 'sm' | 'md' | 'lg'\n  color?: 'accent' | 'success' | 'warning'\n  thumbIcon?: React.ReactNode\n}\n\nconst Switch = React.forwardRef<\n  React.ElementRef<typeof SwitchPrimitives.Root>,\n  SwitchProps\n>(({ className, error, size = 'md', color = 'accent', thumbIcon, checked, defaultChecked, onCheckedChange, ...props }, ref) => {\n  const fieldCtx = useFormField()\n  const isError = error ?? fieldCtx.state === 'error'\n  const ariaDescribedBy = props['aria-describedby'] ?? fieldCtx.helperTextId\n  const ariaRequired = props['aria-required'] ?? fieldCtx.required\n\n  // Track checked state internally to drive Framer Motion animation\n  const [internalChecked, setInternalChecked] = React.useState(defaultChecked ?? false)\n  const isChecked = checked !== undefined ? checked : internalChecked\n  const { track, thumb, travel } = sizeConfig[size]\n\n  const handleCheckedChange = React.useCallback(\n    (value: boolean) => {\n      if (checked === undefined) {\n        setInternalChecked(value)\n      }\n      onCheckedChange?.(value)\n    },\n    [checked, onCheckedChange],\n  )\n\n  return (\n    <SwitchPrimitives.Root\n      className={cn(\n        \"touch-target peer inline-flex shrink-0 cursor-pointer items-center rounded-ds-full border-2 border-surface-border-strong shadow-raised transition-colors duration-fast-01 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 data-[state=checked]:border-transparent data-[state=unchecked]:bg-surface-border-strong data-[state=unchecked]:hover:bg-surface-raised-active\",\n        track,\n        colorMap[color],\n        isError && \"border-error-7 data-[state=checked]:bg-error-9\",\n        className\n      )}\n      checked={checked}\n      defaultChecked={defaultChecked}\n      onCheckedChange={handleCheckedChange}\n      aria-invalid={isError || undefined}\n      aria-describedby={ariaDescribedBy}\n      aria-required={ariaRequired || undefined}\n      {...props}\n      ref={ref}\n    >\n      <SwitchPrimitives.Thumb asChild>\n        <motion.span\n          className={cn(\n            \"pointer-events-none flex items-center justify-center rounded-ds-full bg-accent-fg shadow-raised-hover ring-0\",\n            thumb\n          )}\n          animate={{ x: isChecked ? travel : 0 }}\n          whileTap={{ scale: 0.85 }}\n          transition={springs.snappy}\n        >\n          {thumbIcon}\n        </motion.span>\n      </SwitchPrimitives.Thumb>\n    </SwitchPrimitives.Root>\n  )\n})\nSwitch.displayName = SwitchPrimitives.Root.displayName\n\nexport { Switch }\n"],"mappings":";;;;;;;;;AAUA,IAAM,IAAa;CACjB,IAAI;EAAE,OAAO;EAAgB,OAAO;EAAW,QAAQ;EAAI;CAC3D,IAAI;EAAE,OAAO;EAAY,OAAO;EAAqB,QAAQ;EAAI;CACjE,IAAI;EAAE,OAAO;EAAgB,OAAO;EAAW,QAAQ;EAAI;CAC5D,EAEK,IAAW;CACf,QAAQ;CACR,SAAS;CACT,SAAS;CACV,EASK,IAAS,EAAM,YAGlB,EAAE,cAAW,UAAO,UAAO,MAAM,WAAQ,UAAU,cAAW,YAAS,mBAAgB,oBAAiB,GAAG,KAAS,MAAQ;CAC7H,IAAM,IAAW,GAAc,EACzB,IAAU,KAAS,EAAS,UAAU,SACtC,IAAkB,EAAM,uBAAuB,EAAS,cACxD,IAAe,EAAM,oBAAoB,EAAS,UAGlD,CAAC,GAAiB,KAAsB,EAAM,SAAS,KAAkB,GAAM,EAC/E,IAAY,MAAY,KAAA,IAAsB,IAAV,GACpC,EAAE,UAAO,UAAO,cAAW,EAAW,IAEtC,IAAsB,EAAM,aAC/B,MAAmB;AAIlB,EAHI,MAAY,KAAA,KACd,EAAmB,EAAM,EAE3B,IAAkB,EAAM;IAE1B,CAAC,GAAS,EAAgB,CAC3B;AAED,QACE,kBAAC,GAAD;EACE,WAAW,EACT,keACA,GACA,EAAS,IACT,KAAW,kDACX,EACD;EACQ;EACO;EAChB,iBAAiB;EACjB,gBAAc,KAAW,KAAA;EACzB,oBAAkB;EAClB,iBAAe,KAAgB,KAAA;EAC/B,GAAI;EACC;YAEL,kBAAC,GAAD;GAAwB,SAAA;aACtB,kBAAC,EAAO,MAAR;IACE,WAAW,EACT,gHACA,EACD;IACD,SAAS,EAAE,GAAG,IAAY,IAAS,GAAG;IACtC,UAAU,EAAE,OAAO,KAAM;IACzB,YAAY,EAAQ;cAEnB;IACW,CAAA;GACS,CAAA;EACH,CAAA;EAE1B;AACF,EAAO,cAAA,EAAoC"}

package/dist/ui/table.js

@@ -1,91 +1,58 @@
-import { jsx as t } from "react/jsx-runtime";
-import * as s from "react";
-import { cn as l } from "./lib/utils.js";
-const r = s.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ t(
-  "table",
-  {
-    ref: o,
-    className: l("w-full caption-bottom text-ds-md", e),
-    ...a
-  }
-) }));
+import { cn as e } from "./lib/utils.js";
+import * as t from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/ui/table.tsx
+var r = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("div", {
+	className: "relative w-full overflow-auto",
+	children: /* @__PURE__ */ n("table", {
+		ref: i,
+		className: e("w-full caption-bottom text-ds-md", t),
+		...r
+	})
+}));
 r.displayName = "Table";
-const d = s.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t("thead", { ref: o, className: l("", e), ...a }));
-d.displayName = "TableHeader";
-const c = s.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t(
-  "tbody",
-  {
-    ref: o,
-    className: l("[&_tr:last-child]:border-0", e),
-    ...a
-  }
-));
-c.displayName = "TableBody";
-const m = s.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t(
-  "tfoot",
-  {
-    ref: o,
-    className: l(
-      "bg-[color-mix(in_srgb,var(--color-surface-raised)_50%,transparent)] font-medium [&>tr]:last:border-b-0",
-      e
-    ),
-    ...a
-  }
-));
-m.displayName = "TableFooter";
-const f = s.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t(
-  "tr",
-  {
-    ref: o,
-    className: l(
-      "transition-colors hover:bg-surface-raised data-[state=selected]:bg-accent-3",
-      e
-    ),
-    ...a
-  }
-));
-f.displayName = "TableRow";
-const b = s.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t(
-  "th",
-  {
-    ref: o,
-    scope: "col",
-    className: l(
-      "h-ds-md px-ds-03 text-left font-medium text-surface-fg-muted [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
-      e
-    ),
-    ...a
-  }
-));
-b.displayName = "TableHead";
-const i = s.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t(
-  "td",
-  {
-    ref: o,
-    className: l(
-      "py-ds-03 px-ds-03 [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
-      e
-    ),
-    ...a
-  }
-));
-i.displayName = "TableCell";
-const p = s.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t(
-  "caption",
-  {
-    ref: o,
-    className: l("mt-ds-05 text-ds-md text-surface-fg-muted", e),
-    ...a
-  }
-));
-p.displayName = "TableCaption";
-export {
-  r as Table,
-  c as TableBody,
-  p as TableCaption,
-  i as TableCell,
-  m as TableFooter,
-  b as TableHead,
-  d as TableHeader,
-  f as TableRow
-};
+var i = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("thead", {
+	ref: i,
+	className: e("", t),
+	...r
+}));
+i.displayName = "TableHeader";
+var a = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("tbody", {
+	ref: i,
+	className: e("[&_tr:last-child]:border-0", t),
+	...r
+}));
+a.displayName = "TableBody";
+var o = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("tfoot", {
+	ref: i,
+	className: e("bg-[color-mix(in_srgb,var(--color-surface-raised)_50%,transparent)] font-medium [&>tr]:last:border-b-0", t),
+	...r
+}));
+o.displayName = "TableFooter";
+var s = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("tr", {
+	ref: i,
+	className: e("transition-colors hover:bg-surface-raised data-[state=selected]:bg-accent-3", t),
+	...r
+}));
+s.displayName = "TableRow";
+var c = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("th", {
+	ref: i,
+	scope: "col",
+	className: e("h-ds-md px-ds-03 text-left font-medium text-surface-fg-muted [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", t),
+	...r
+}));
+c.displayName = "TableHead";
+var l = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("td", {
+	ref: i,
+	className: e("py-ds-03 px-ds-03 [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", t),
+	...r
+}));
+l.displayName = "TableCell";
+var u = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("caption", {
+	ref: i,
+	className: e("mt-ds-05 text-ds-md text-surface-fg-muted", t),
+	...r
+}));
+u.displayName = "TableCaption";
+//#endregion
+export { r as Table, a as TableBody, u as TableCaption, l as TableCell, o as TableFooter, c as TableHead, i as TableHeader, s as TableRow };

package/dist/ui/table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","names":[],"sources":["../../src/ui/table.tsx"],"sourcesContent":["// @server-safe\nimport * as React from \"react\"\n\nimport { cn } from \"./lib/utils\"\n\nconst Table = React.forwardRef<\n  HTMLTableElement,\n  React.HTMLAttributes<HTMLTableElement>\n>(({ className, ...props }, ref) => (\n  <div className=\"relative w-full overflow-auto\">\n    <table\n      ref={ref}\n      className={cn(\"w-full caption-bottom text-ds-md\", className)}\n      {...props}\n    />\n  </div>\n))\nTable.displayName = \"Table\"\n\nconst TableHeader = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <thead ref={ref} className={cn(\"\", className)} {...props} />\n))\nTableHeader.displayName = \"TableHeader\"\n\nconst TableBody = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <tbody\n    ref={ref}\n    className={cn(\"[&_tr:last-child]:border-0\", className)}\n    {...props}\n  />\n))\nTableBody.displayName = \"TableBody\"\n\nconst TableFooter = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <tfoot\n    ref={ref}\n    className={cn(\n      \"bg-[color-mix(in_srgb,var(--color-surface-raised)_50%,transparent)] font-medium [&>tr]:last:border-b-0\",\n      className\n    )}\n    {...props}\n  />\n))\nTableFooter.displayName = \"TableFooter\"\n\nconst TableRow = React.forwardRef<\n  HTMLTableRowElement,\n  React.HTMLAttributes<HTMLTableRowElement>\n>(({ className, ...props }, ref) => (\n  <tr\n    ref={ref}\n    className={cn(\n      \"transition-colors hover:bg-surface-raised data-[state=selected]:bg-accent-3\",\n      className\n    )}\n    {...props}\n  />\n))\nTableRow.displayName = \"TableRow\"\n\nconst TableHead = React.forwardRef<\n  HTMLTableCellElement,\n  React.ThHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n  <th\n    ref={ref}\n    scope=\"col\"\n    className={cn(\n      \"h-ds-md px-ds-03 text-left font-medium text-surface-fg-muted [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\",\n      className\n    )}\n    {...props}\n  />\n))\nTableHead.displayName = \"TableHead\"\n\nconst TableCell = React.forwardRef<\n  HTMLTableCellElement,\n  React.TdHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n  <td\n    ref={ref}\n    className={cn(\n      \"py-ds-03 px-ds-03 [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\",\n      className\n    )}\n    {...props}\n  />\n))\nTableCell.displayName = \"TableCell\"\n\nconst TableCaption = React.forwardRef<\n  HTMLTableCaptionElement,\n  React.HTMLAttributes<HTMLTableCaptionElement>\n>(({ className, ...props }, ref) => (\n  <caption\n    ref={ref}\n    className={cn(\"mt-ds-05 text-ds-md text-surface-fg-muted\", className)}\n    {...props}\n  />\n))\nTableCaption.displayName = \"TableCaption\"\n\nexport type TableProps = React.HTMLAttributes<HTMLTableElement>\nexport type TableRowProps = React.HTMLAttributes<HTMLTableRowElement>\nexport type TableCellProps = React.TdHTMLAttributes<HTMLTableCellElement>\n\nexport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableFooter,\n  TableHead,\n  TableRow,\n  TableCell,\n  TableCaption,\n}\n"],"mappings":";;;;AAKA,IAAM,IAAQ,EAAM,YAGjB,EAAE,cAAW,GAAG,KAAS,MAC1B,kBAAC,OAAD;CAAK,WAAU;WACb,kBAAC,SAAD;EACO;EACL,WAAW,EAAG,oCAAoC,EAAU;EAC5D,GAAI;EACJ,CAAA;CACE,CAAA,CACN;AACF,EAAM,cAAc;AAEpB,IAAM,IAAc,EAAM,YAGvB,EAAE,cAAW,GAAG,KAAS,MAC1B,kBAAC,SAAD;CAAY;CAAK,WAAW,EAAG,IAAI,EAAU;CAAE,GAAI;CAAS,CAAA,CAC5D;AACF,EAAY,cAAc;AAE1B,IAAM,IAAY,EAAM,YAGrB,EAAE,cAAW,GAAG,KAAS,MAC1B,kBAAC,SAAD;CACO;CACL,WAAW,EAAG,8BAA8B,EAAU;CACtD,GAAI;CACJ,CAAA,CACF;AACF,EAAU,cAAc;AAExB,IAAM,IAAc,EAAM,YAGvB,EAAE,cAAW,GAAG,KAAS,MAC1B,kBAAC,SAAD;CACO;CACL,WAAW,EACT,0GACA,EACD;CACD,GAAI;CACJ,CAAA,CACF;AACF,EAAY,cAAc;AAE1B,IAAM,IAAW,EAAM,YAGpB,EAAE,cAAW,GAAG,KAAS,MAC1B,kBAAC,MAAD;CACO;CACL,WAAW,EACT,+EACA,EACD;CACD,GAAI;CACJ,CAAA,CACF;AACF,EAAS,cAAc;AAEvB,IAAM,IAAY,EAAM,YAGrB,EAAE,cAAW,GAAG,KAAS,MAC1B,kBAAC,MAAD;CACO;CACL,OAAM;CACN,WAAW,EACT,oIACA,EACD;CACD,GAAI;CACJ,CAAA,CACF;AACF,EAAU,cAAc;AAExB,IAAM,IAAY,EAAM,YAGrB,EAAE,cAAW,GAAG,KAAS,MAC1B,kBAAC,MAAD;CACO;CACL,WAAW,EACT,yFACA,EACD;CACD,GAAI;CACJ,CAAA,CACF;AACF,EAAU,cAAc;AAExB,IAAM,IAAe,EAAM,YAGxB,EAAE,cAAW,GAAG,KAAS,MAC1B,kBAAC,WAAD;CACO;CACL,WAAW,EAAG,6CAA6C,EAAU;CACrE,GAAI;CACJ,CAAA,CACF;AACF,EAAa,cAAc"}

package/dist/ui/tabs.d.ts

@@ -2,6 +2,7 @@
 import { VariantProps } from 'class-variance-authority';
 import * as TabsPrimitive from '../primitives/react-tabs';
 import * as React from 'react';
+type TabsOrientation = 'horizontal' | 'vertical';
 /**
  * Tabs compound component — accessible tabbed navigation with keyboard support and two visual
  * variants (line underline and contained pill styles).
@@ -53,6 +54,7 @@ type TabsColor = 'accent' | 'neutral';
 declare const tabsListVariants: (props?: ({
     variant?: "line" | "contained" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
+    orientation?: "horizontal" | "vertical" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare const tabsTriggerVariants: (props?: ({
     variant?: "line" | "contained" | null | undefined;
@@ -88,5 +90,5 @@ declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.Ta
 /** Props for TabsContent. The `value` prop must match a TabsTrigger's `value`. */
 export type TabsContentProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>;
 export { Tabs, TabsList, TabsTrigger, TabsContent };
-export type { TabsSize, TabsColor };
+export type { TabsSize, TabsColor, TabsOrientation };
 //# sourceMappingURL=tabs.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../src/ui/tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,aAAa,MAAM,wBAAwB,CAAA;AACvD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAQjE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,QAAA,MAAM,IAAI,mJAgCR,CAAA;AAGF,0EAA0E;AAC1E,MAAM,MAAM,SAAS,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,CAAA;AAGjF,KAAK,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAClC,KAAK,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAA;AAgBrC,QAAA,MAAM,gBAAgB;;;8EAcpB,CAAA;AAEF,QAAA,MAAM,mBAAmB;;;8EAuBxB,CAAA;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,EAC/D,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC,kFAAkF;IAClF,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB;AAED,QAAA,MAAM,QAAQ,sFA4BZ,CAAA;AAGF,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,EAClE,YAAY,CAAC,OAAO,mBAAmB,CAAC;CAAG;AAa/C,QAAA,MAAM,WAAW,4FAyCf,CAAA;AAGF,QAAA,MAAM,WAAW,0JAoBf,CAAA;AAGF,kFAAkF;AAClF,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,CAAA;AAE3F,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,CAAA;AACnD,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAA"}
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../src/ui/tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,aAAa,MAAM,wBAAwB,CAAA;AACvD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAMjE,KAAK,eAAe,GAAG,YAAY,GAAG,UAAU,CAAA;AAIhD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,QAAA,MAAM,IAAI,mJAyCR,CAAA;AAGF,0EAA0E;AAC1E,MAAM,MAAM,SAAS,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,CAAA;AAGjF,KAAK,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAClC,KAAK,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAA;AAgBrC,QAAA,MAAM,gBAAgB;;;;8EAwBpB,CAAA;AAEF,QAAA,MAAM,mBAAmB;;;8EAuBxB,CAAA;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,EAC/D,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC,kFAAkF;IAClF,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB;AAED,QAAA,MAAM,QAAQ,sFA6BZ,CAAA;AAGF,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,EAClE,YAAY,CAAC,OAAO,mBAAmB,CAAC;CAAG;AAa/C,QAAA,MAAM,WAAW,4FAoDf,CAAA;AAGF,QAAA,MAAM,WAAW,0JA0Bf,CAAA;AAGF,kFAAkF;AAClF,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,CAAA;AAE3F,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,CAAA;AACnD,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,eAAe,EAAE,CAAA"}