@devalok/shilp-sutra 0.55.0 → 0.56.0

package/dist/ui/select.js

@@ -1,17 +1,17 @@
 "use client";
 import { springs as e, tweens as t } from "./lib/motion.js";
-import { cva as n } from "../_chunks/vendor-utils.js";
-import { cn as r } from "./lib/utils.js";
-import { Icon as i } from "./icon.js";
-import { useFormField as a } from "./form.js";
-import { resolveFieldState as o } from "../_chunks/field-state.js";
-import { Content2 as s, Group as c, Icon as l, Item as u, ItemIndicator as d, ItemText as f, Label as p, Portal as m, Root2 as h, ScrollDownButton as g, ScrollUpButton as _, Separator as v, Trigger as y, Value as b, Viewport as x } from "../_chunks/primitives/react-select.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";
-import { motion as O } from "framer-motion";
+import { cn as n } from "./lib/utils.js";
+import { Icon as r } from "./icon.js";
+import { useFormField as i } from "./form.js";
+import { resolveFieldState as a } from "../_chunks/field-state.js";
+import { Content2 as o, Group as s, Icon as c, Item as l, ItemIndicator as u, ItemText as d, Label as f, Portal as p, Root2 as m, ScrollDownButton as h, ScrollUpButton as g, Separator as _, Trigger as v, Value as y, Viewport as b } from "../_chunks/primitives/react-select.js";
+import * as x from "react";
+import { jsx as S, jsxs as C } from "react/jsx-runtime";
+import { IconCheck as w, IconChevronDown as T, IconChevronUp as E } from "@tabler/icons-react";
+import { motion as D } from "framer-motion";
+import { cva as O } from "class-variance-authority";
 //#region src/ui/select.tsx
-var k = h, A = c, j = b, M = n("flex w-full items-center justify-between whitespace-nowrap rounded-control 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 [&>span]:min-w-0", {
+var k = m, A = s, j = y, M = O("flex w-full items-center justify-between whitespace-nowrap rounded-control 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 [&>span]:min-w-0", {
 	variants: {
 		variant: {
 			default: "border border-surface-border-strong bg-surface-raised-hover focus-visible:border-accent-7",
@@ -36,57 +36,57 @@ var k = h, A = c, j = b, M = n("flex w-full items-center justify-between whitesp
 		state: "default",
 		size: "md"
 	}
-}), N = S.forwardRef(({ className: e, children: t, variant: n, state: s, size: c, ...u }, d) => {
-	let f = a(), p = o(s ?? void 0, f.state), m = u["aria-describedby"] ?? f.helperTextId, h = u["aria-required"] ?? f.required;
-	return /* @__PURE__ */ w(y, {
+}), N = x.forwardRef(({ className: e, children: t, variant: o, state: s, size: l, ...u }, d) => {
+	let f = i(), p = a(s ?? void 0, f.state), m = u["aria-describedby"] ?? f.helperTextId, h = u["aria-required"] ?? f.required;
+	return /* @__PURE__ */ C(v, {
 		ref: d,
-		className: r(M({
-			variant: n,
+		className: n(M({
+			variant: o,
 			state: p ?? "default",
-			size: c
+			size: l
 		}), e),
 		"aria-invalid": p === "error" || void 0,
 		"aria-describedby": m,
 		"aria-required": h || void 0,
 		...u,
 		id: u.id ?? f.inputId,
-		children: [t, /* @__PURE__ */ C(l, {
+		children: [t, /* @__PURE__ */ S(c, {
 			asChild: !0,
-			children: /* @__PURE__ */ C(i, {
-				icon: E,
+			children: /* @__PURE__ */ S(r, {
+				icon: T,
 				size: "sm",
 				className: "opacity-50"
 			})
 		})]
 	});
 });
-N.displayName = y.displayName;
-var P = S.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ C(_, {
-	ref: n,
-	className: r("flex cursor-default items-center justify-center py-ds-02", e),
+N.displayName = v.displayName;
+var P = x.forwardRef(({ className: e, ...t }, i) => /* @__PURE__ */ S(g, {
+	ref: i,
+	className: n("flex cursor-default items-center justify-center py-ds-02", e),
 	...t,
-	children: /* @__PURE__ */ C(i, {
-		icon: D,
+	children: /* @__PURE__ */ S(r, {
+		icon: E,
 		size: "sm"
 	})
 }));
-P.displayName = _.displayName;
-var F = S.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ C(g, {
-	ref: n,
-	className: r("flex cursor-default items-center justify-center py-ds-02", e),
+P.displayName = g.displayName;
+var F = x.forwardRef(({ className: e, ...t }, i) => /* @__PURE__ */ S(h, {
+	ref: i,
+	className: n("flex cursor-default items-center justify-center py-ds-02", e),
 	...t,
-	children: /* @__PURE__ */ C(i, {
-		icon: E,
+	children: /* @__PURE__ */ S(r, {
+		icon: T,
 		size: "sm"
 	})
 }));
-F.displayName = g.displayName;
-var I = S.forwardRef(({ className: n, children: i, position: a = "popper", ...o }, c) => /* @__PURE__ */ C(m, { children: /* @__PURE__ */ C(s, {
+F.displayName = h.displayName;
+var I = x.forwardRef(({ className: r, children: i, position: a = "popper", ...s }, c) => /* @__PURE__ */ S(p, { children: /* @__PURE__ */ S(o, {
 	ref: c,
 	position: a,
 	asChild: !0,
-	...o,
-	children: /* @__PURE__ */ w(O.div, {
+	...s,
+	children: /* @__PURE__ */ C(D.div, {
 		initial: {
 			opacity: 0,
 			scale: .95
@@ -99,45 +99,45 @@ var I = S.forwardRef(({ className: n, children: i, position: a = "popper", ...o
 			...e.snappy,
 			opacity: t.fade
 		},
-		className: r("relative z-popover max-h-96 min-w-[8rem] overflow-hidden rounded-overlay 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", n),
+		className: n("relative z-popover max-h-96 min-w-[8rem] overflow-hidden rounded-overlay 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", r),
 		children: [
-			/* @__PURE__ */ C(P, {}),
-			/* @__PURE__ */ C(x, {
-				className: r("p-ds-02", a === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),
+			/* @__PURE__ */ S(P, {}),
+			/* @__PURE__ */ S(b, {
+				className: n("p-ds-02", a === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),
 				children: i
 			}),
-			/* @__PURE__ */ C(F, {})
+			/* @__PURE__ */ S(F, {})
 		]
 	})
 }) }));
-I.displayName = s.displayName;
-var L = S.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ C(p, {
-	ref: n,
-	className: r("px-ds-03 py-ds-02b text-body-md font-semibold", e),
+I.displayName = o.displayName;
+var L = x.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ S(f, {
+	ref: r,
+	className: n("px-ds-03 py-ds-02b text-body-md font-semibold", e),
 	...t
 }));
-L.displayName = p.displayName;
-var R = S.forwardRef(({ className: e, children: t, ...n }, a) => /* @__PURE__ */ w(u, {
+L.displayName = f.displayName;
+var R = x.forwardRef(({ className: e, children: t, ...i }, a) => /* @__PURE__ */ C(l, {
 	ref: a,
-	className: r("relative flex w-full cursor-default select-none items-center rounded-control py-ds-02b pl-ds-03 pr-ds-07 text-body-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),
-	...n,
-	children: [/* @__PURE__ */ C("span", {
+	className: n("relative flex w-full cursor-default select-none items-center rounded-control py-ds-02b pl-ds-03 pr-ds-07 text-body-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__ */ S("span", {
 		className: "absolute right-ds-03 flex h-ico-sm w-ico-sm items-center justify-center",
-		children: /* @__PURE__ */ C(d, { children: /* @__PURE__ */ C(i, {
-			icon: T,
+		children: /* @__PURE__ */ S(u, { children: /* @__PURE__ */ S(r, {
+			icon: w,
 			size: "sm"
 		}) })
-	}), /* @__PURE__ */ C(f, {
+	}), /* @__PURE__ */ S(d, {
 		className: "min-w-0 line-clamp-1",
 		children: t
 	})]
 }));
-R.displayName = u.displayName;
-var z = S.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ C(v, {
-	ref: n,
-	className: r("-mx-ds-01 my-ds-02 h-px bg-surface-border", e),
+R.displayName = l.displayName;
+var z = x.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ S(_, {
+	ref: r,
+	className: n("-mx-ds-01 my-ds-02 h-px bg-surface-border", e),
 	...t
 }));
-z.displayName = v.displayName;
+z.displayName = _.displayName;
 //#endregion
 export { k as Select, I as SelectContent, A as SelectGroup, R as SelectItem, L as SelectLabel, F as SelectScrollDownButton, P as SelectScrollUpButton, z as SelectSeparator, N as SelectTrigger, j as SelectValue, M as selectTriggerVariants };

package/dist/ui/sheet.js

@@ -1,31 +1,31 @@
 "use client";
 import { motionProps as e, springs as t, tweens as n } from "./lib/motion.js";
-import { cva as r } from "../_chunks/vendor-utils.js";
-import { cn as i } from "./lib/utils.js";
-import { Icon as a } from "./icon.js";
-import { Close as o, Content as s, Description as c, Overlay as l, Portal as u, Root as d, Title as f, Trigger as p } from "../_chunks/primitives/react-alert-dialog.js";
-import { useIsMobile as m } from "../hooks/use-mobile.js";
-import { useControllableOpen as h } from "../_chunks/use-controllable-open.js";
-import * as g from "react";
-import { jsx as _, jsxs as v } from "react/jsx-runtime";
-import { IconX as y } from "@tabler/icons-react";
-import { AnimatePresence as b, motion as x, useReducedMotion as S } from "framer-motion";
+import { cn as r } from "./lib/utils.js";
+import { Icon as i } from "./icon.js";
+import { Close as a, Content as o, Description as s, Overlay as c, Portal as l, Root as u, Title as d, Trigger as f } from "../_chunks/primitives/react-alert-dialog.js";
+import { useIsMobile as p } from "../hooks/use-mobile.js";
+import { useControllableOpen as m } from "../_chunks/use-controllable-open.js";
+import * as h from "react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { IconX as v } from "@tabler/icons-react";
+import { AnimatePresence as y, motion as b, useReducedMotion as x } from "framer-motion";
+import { cva as S } from "class-variance-authority";
 //#region src/ui/sheet.tsx
-var C = g.createContext({
+var C = h.createContext({
 	open: !1,
 	onClose: () => {}
 }), w = ({ open: e, defaultOpen: t = !1, onOpenChange: n, children: r, ...i }) => {
-	let { open: a, setOpen: o, close: s } = h({
+	let { open: a, setOpen: o, close: s } = m({
 		open: e,
 		defaultOpen: t,
 		onOpenChange: n
-	}), c = g.useMemo(() => ({
+	}), c = h.useMemo(() => ({
 		open: a,
 		onClose: s
 	}), [a, s]);
-	return /* @__PURE__ */ _(C.Provider, {
+	return /* @__PURE__ */ g(C.Provider, {
 		value: c,
-		children: /* @__PURE__ */ _(d, {
+		children: /* @__PURE__ */ g(u, {
 			open: a,
 			onOpenChange: o,
 			...i,
@@ -34,20 +34,20 @@ var C = g.createContext({
 	});
 };
 w.displayName = "Sheet";
-var T = p, E = o, D = u, O = g.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ _(l, {
+var T = f, E = a, D = l, O = h.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ g(c, {
 	forceMount: !0,
 	asChild: !0,
-	children: /* @__PURE__ */ _(x.div, {
+	children: /* @__PURE__ */ g(b.div, {
 		ref: a,
-		className: i("fixed inset-0 z-modal bg-overlay", t),
+		className: r("fixed inset-0 z-modal bg-overlay", t),
 		initial: { opacity: 0 },
 		animate: { opacity: 1 },
 		exit: { opacity: 0 },
 		transition: n.fade,
-		...e(r)
+		...e(i)
 	})
 }));
-O.displayName = l.displayName;
+O.displayName = c.displayName;
 var k = {
 	top: { y: "-100%" },
 	bottom: { y: "100%" },
@@ -58,7 +58,7 @@ var k = {
 	bottom: { y: 0 },
 	left: { x: 0 },
 	right: { x: 0 }
-}, j = r("fixed z-modal gap-ds-05 bg-surface-overlay p-ds-06 shadow-overlay", {
+}, j = S("fixed z-modal gap-ds-05 bg-surface-overlay p-ds-06 shadow-overlay", {
 	variants: { side: {
 		top: "inset-x-0 top-0 border-b border-surface-border-strong",
 		bottom: "inset-x-0 bottom-0 border-t border-surface-border-strong",
@@ -66,42 +66,42 @@ var k = {
 		right: "inset-y-0 right-0 h-full w-3/4 border-l border-surface-border-strong sm:max-w-sm"
 	} },
 	defaultVariants: { side: "right" }
-}), M = g.forwardRef(({ side: n = "right", responsive: r, className: c, children: l, ...u }, d) => {
-	let f = m(), p = r !== !1 && f, h = S(), { open: w, onClose: T } = g.useContext(C), E = p ? "bottom" : n ?? "right", M = g.useRef(null), N = g.useCallback((e) => {
+}), M = h.forwardRef(({ side: n = "right", responsive: s, className: c, children: l, ...u }, d) => {
+	let f = p(), m = s !== !1 && f, S = x(), { open: w, onClose: T } = h.useContext(C), E = m ? "bottom" : n ?? "right", M = h.useRef(null), N = h.useCallback((e) => {
 		M.current = e, typeof d == "function" ? d(e) : d && (d.current = e);
 	}, [d]);
-	return /* @__PURE__ */ _(b, { children: w && /* @__PURE__ */ v(D, {
+	return /* @__PURE__ */ g(y, { children: w && /* @__PURE__ */ _(D, {
 		forceMount: !0,
-		children: [/* @__PURE__ */ _(O, {}), /* @__PURE__ */ _(s, {
+		children: [/* @__PURE__ */ g(O, {}), /* @__PURE__ */ g(o, {
 			forceMount: !0,
 			asChild: !0,
-			children: /* @__PURE__ */ v(x.div, {
+			children: /* @__PURE__ */ _(b.div, {
 				ref: N,
-				className: i(j({ side: E }), c),
+				className: r(j({ side: E }), c),
 				initial: k[E],
 				animate: A[E],
 				exit: k[E],
 				transition: t.smooth,
-				drag: p && !h ? "y" : !1,
+				drag: m && !S ? "y" : !1,
 				dragConstraints: { top: 0 },
 				dragElastic: .2,
-				onDragEnd: p ? (e, t) => {
+				onDragEnd: m ? (e, t) => {
 					let n = M.current?.getBoundingClientRect().height ?? 300;
 					(t.offset.y > n * .3 || t.velocity.y > 500) && T();
 				} : void 0,
 				...e(u),
 				children: [
-					p && /* @__PURE__ */ _("div", {
+					m && /* @__PURE__ */ g("div", {
 						className: "flex justify-center pt-ds-03 pb-ds-02",
-						children: /* @__PURE__ */ _("div", { className: "h-1 w-8 rounded-pill bg-surface-border" })
+						children: /* @__PURE__ */ g("div", { className: "h-1 w-8 rounded-pill bg-surface-border" })
 					}),
-					/* @__PURE__ */ v(o, {
+					/* @__PURE__ */ _(a, {
 						title: "Close",
 						className: "absolute right-ds-05 top-ds-05 min-h-ds-xs min-w-ds-xs flex items-center justify-center rounded-control-inner text-surface-fg-subtle transition-colors ease-productive-standard hover:text-surface-fg-muted hover:bg-surface-raised-hover active:scale-90 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 disabled:pointer-events-none",
-						children: [/* @__PURE__ */ _(a, {
-							icon: y,
+						children: [/* @__PURE__ */ g(i, {
+							icon: v,
 							size: "sm"
-						}), /* @__PURE__ */ _("span", {
+						}), /* @__PURE__ */ g("span", {
 							className: "sr-only",
 							children: "Close"
 						})]
@@ -112,30 +112,30 @@ var k = {
 		})]
 	}) });
 });
-M.displayName = s.displayName;
-var N = g.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ _("div", {
+M.displayName = o.displayName;
+var N = h.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ g("div", {
 	ref: n,
-	className: i("flex flex-col space-y-ds-03 text-center sm:text-left", e),
+	className: r("flex flex-col space-y-ds-03 text-center sm:text-left", e),
 	...t
 }));
 N.displayName = "SheetHeader";
-var P = g.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ _("div", {
+var P = h.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ g("div", {
 	ref: n,
-	className: i("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-ds-03", e),
+	className: r("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-ds-03", e),
 	...t
 }));
 P.displayName = "SheetFooter";
-var F = g.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ _(f, {
+var F = h.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ g(d, {
 	ref: n,
-	className: i("text-heading-xs font-semibold text-surface-fg", e),
+	className: r("text-heading-xs font-semibold text-surface-fg", e),
 	...t
 }));
-F.displayName = f.displayName;
-var I = g.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ _(c, {
+F.displayName = d.displayName;
+var I = h.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ g(s, {
 	ref: n,
-	className: i("text-body-md text-surface-fg-muted", e),
+	className: r("text-body-md text-surface-fg-muted", e),
 	...t
 }));
-I.displayName = c.displayName;
+I.displayName = s.displayName;
 //#endregion
 export { w as Sheet, E as SheetClose, M as SheetContent, I as SheetDescription, P as SheetFooter, N as SheetHeader, O as SheetOverlay, D as SheetPortal, F as SheetTitle, T as SheetTrigger };