@devalok/shilp-sutra 0.33.2 → 0.34.1

package/dist/ui/banner.js

@@ -1,69 +1,77 @@
 "use client";
-import { jsx as e, jsxs as x } from "react/jsx-runtime";
-import { IconInfoCircle as o, IconAlertCircle as h, IconAlertTriangle as v, IconCircleCheck as w, IconX as I } from "@tabler/icons-react";
-import * as r from "react";
-import { a as N } from "../_chunks/vendor-utils.js";
-import { cn as C } from "./lib/utils.js";
-import { springs as y, motionProps as k } from "./lib/motion.js";
-import { Icon as i } from "./icon.js";
-import { A, m as _ } from "../_chunks/framer.js";
-const B = N(
-  "flex flex-wrap items-center gap-ds-04 px-ds-06 py-ds-04 text-ds-md font-medium border-b",
-  {
-    variants: {
-      color: {
-        info: "bg-info-3 border-info-7 text-info-11",
-        success: "bg-success-3 border-success-7 text-success-11",
-        warning: "bg-warning-3 border-warning-7 text-warning-11",
-        error: "bg-error-3 border-error-7 text-error-11",
-        neutral: "bg-surface-raised border-surface-border-strong text-surface-fg [&>svg]:text-surface-fg-muted"
-      }
-    },
-    defaultVariants: { color: "info" }
-  }
-), V = {
-  info: o,
-  success: w,
-  warning: v,
-  error: h,
-  neutral: o
-}, j = r.forwardRef(
-  ({ className: a, color: s = "info", action: c, actions: l, onDismiss: n, children: d, ...m }, f) => {
-    const t = l ?? c, u = V[s ?? "info"], [b, p] = r.useState(!0), g = r.useCallback(() => {
-      p(!1);
-    }, []);
-    return /* @__PURE__ */ e(A, { onExitComplete: n, children: b && /* @__PURE__ */ x(
-      _.div,
-      {
-        ref: f,
-        initial: { height: "auto", opacity: 1 },
-        exit: { height: 0, opacity: 0 },
-        transition: y.snappy,
-        className: C(B({ color: s }), "overflow-hidden", a),
-        role: "alert",
-        ...k(m),
-        children: [
-          /* @__PURE__ */ e(i, { icon: u, size: "md", className: "shrink-0" }),
-          /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: d }),
-          t && /* @__PURE__ */ e("div", { className: "flex shrink-0 items-center gap-ds-02 [&_button]:transition-colors [&_button]:duration-moderate-01 [&_button]:ease-productive-standard [&_button:hover]:bg-current/10", children: t }),
-          n && /* @__PURE__ */ e(
-            "button",
-            {
-              type: "button",
-              onClick: g,
-              className: "shrink-0 min-h-ds-xs min-w-ds-xs flex items-center justify-center rounded-ds-sm transition-colors duration-moderate-01 ease-productive-standard hover:bg-current/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9",
-              "aria-label": "Dismiss",
-              title: "Dismiss",
-              children: /* @__PURE__ */ e(i, { icon: I, size: "sm" })
-            }
-          )
-        ]
-      }
-    ) });
-  }
-);
-j.displayName = "Banner";
-export {
-  j as Banner,
-  B as bannerVariants
-};
+import { a as e, c as t } from "../_chunks/framer.js";
+import { motionProps as n, springs as r } from "./lib/motion.js";
+import { t as i } from "../_chunks/vendor-utils.js";
+import { cn as a } from "./lib/utils.js";
+import { Icon as o } from "./icon.js";
+import * as s from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { IconAlertCircle as u, IconAlertTriangle as d, IconCircleCheck as f, IconInfoCircle as p, IconX as m } from "@tabler/icons-react";
+//#region src/ui/banner.tsx
+var h = i("flex flex-wrap items-center gap-ds-04 px-ds-06 py-ds-04 text-ds-md font-medium border-b", {
+	variants: { color: {
+		info: "bg-info-3 border-info-7 text-info-11",
+		success: "bg-success-3 border-success-7 text-success-11",
+		warning: "bg-warning-3 border-warning-7 text-warning-11",
+		error: "bg-error-3 border-error-7 text-error-11",
+		neutral: "bg-surface-raised border-surface-border-strong text-surface-fg [&>svg]:text-surface-fg-muted"
+	} },
+	defaultVariants: { color: "info" }
+}), g = {
+	info: p,
+	success: f,
+	warning: d,
+	error: u,
+	neutral: p
+}, _ = s.forwardRef(({ className: i, color: u = "info", action: d, actions: f, onDismiss: p, children: _, ...v }, y) => {
+	let b = f ?? d, x = g[u ?? "info"], [S, C] = s.useState(!0), w = s.useCallback(() => {
+		C(!1);
+	}, []);
+	return /* @__PURE__ */ c(t, {
+		onExitComplete: p,
+		children: S && /* @__PURE__ */ l(e.div, {
+			ref: y,
+			initial: {
+				height: "auto",
+				opacity: 1
+			},
+			exit: {
+				height: 0,
+				opacity: 0
+			},
+			transition: r.snappy,
+			className: a(h({ color: u }), "overflow-hidden", i),
+			role: "alert",
+			...n(v),
+			children: [
+				/* @__PURE__ */ c(o, {
+					icon: x,
+					size: "md",
+					className: "shrink-0"
+				}),
+				/* @__PURE__ */ c("div", {
+					className: "min-w-0 flex-1",
+					children: _
+				}),
+				b && /* @__PURE__ */ c("div", {
+					className: "flex shrink-0 items-center gap-ds-02 [&_button]:transition-colors [&_button]:duration-moderate-01 [&_button]:ease-productive-standard [&_button:hover]:bg-current/10",
+					children: b
+				}),
+				p && /* @__PURE__ */ c("button", {
+					type: "button",
+					onClick: w,
+					className: "shrink-0 min-h-ds-xs min-w-ds-xs flex items-center justify-center rounded-ds-sm transition-colors duration-moderate-01 ease-productive-standard hover:bg-current/10 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9",
+					"aria-label": "Dismiss",
+					title: "Dismiss",
+					children: /* @__PURE__ */ c(o, {
+						icon: m,
+						size: "sm"
+					})
+				})
+			]
+		})
+	});
+});
+_.displayName = "Banner";
+//#endregion
+export { _ as Banner, h as bannerVariants };

package/dist/ui/breadcrumb.js

@@ -1,85 +1,66 @@
 "use client";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { S as d } from "../_chunks/primitives.js";
-import { IconDots as n, IconChevronRight as l } from "@tabler/icons-react";
-import * as o from "react";
-import { cn as i } from "./lib/utils.js";
-import { Icon as m } from "./icon.js";
-const u = o.forwardRef(({ ...e }, r) => /* @__PURE__ */ s("nav", { ref: r, "aria-label": "breadcrumb", ...e }));
-u.displayName = "Breadcrumb";
-const f = o.forwardRef(
-  ({ className: e, ...r }, a) => /* @__PURE__ */ s(
-    "ol",
-    {
-      ref: a,
-      className: i(
-        "flex flex-wrap items-center gap-ds-02b break-words text-ds-md text-surface-fg-muted sm:gap-ds-03",
-        e
-      ),
-      ...r
-    }
-  )
-);
-f.displayName = "BreadcrumbList";
-const p = o.forwardRef(
-  ({ className: e, ...r }, a) => /* @__PURE__ */ s("li", { ref: a, className: i("inline-flex items-center gap-ds-03", e), ...r })
-);
-p.displayName = "BreadcrumbItem";
-const b = o.forwardRef(({ className: e, asChild: r = !1, ...a }, t) => /* @__PURE__ */ s(
-  r ? d : "a",
-  {
-    ref: t,
-    className: i(
-      "transition-colors duration-fast-01 ease-productive-standard hover:text-surface-fg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 rounded-ds-sm",
-      e
-    ),
-    ...a
-  }
-));
-b.displayName = "BreadcrumbLink";
-const g = o.forwardRef(
-  ({ className: e, ...r }, a) => /* @__PURE__ */ s(
-    "span",
-    {
-      ref: a,
-      "aria-current": "page",
-      className: i("font-medium text-surface-fg", e),
-      ...r
-    }
-  )
-);
-g.displayName = "BreadcrumbPage";
-const B = ({ children: e, className: r, ...a }) => /* @__PURE__ */ s(
-  "li",
-  {
-    role: "presentation",
-    "aria-hidden": "true",
-    className: i("[&>svg]:h-ico-sm [&>svg]:w-ico-sm", r),
-    ...a,
-    children: e ?? /* @__PURE__ */ s(m, { icon: l, size: "sm" })
-  }
-);
-B.displayName = "BreadcrumbSeparator";
-const N = ({ className: e, ...r }) => /* @__PURE__ */ c(
-  "span",
-  {
-    role: "presentation",
-    "aria-hidden": "true",
-    className: i("flex h-ds-sm-plus w-ds-sm-plus items-center justify-center", e),
-    ...r,
-    children: [
-      /* @__PURE__ */ s(m, { icon: n, size: "sm" }),
-      /* @__PURE__ */ s("span", { className: "sr-only", children: "More" })
-    ]
-  }
-);
-N.displayName = "BreadcrumbEllipsis";
-export {
-  u as Breadcrumb,
-  N as BreadcrumbEllipsis,
-  p as BreadcrumbItem,
-  b as BreadcrumbLink,
-  f as BreadcrumbList,
-  g as BreadcrumbPage,
-  B as BreadcrumbSeparator
-};
+import { Ln as e } from "../_chunks/primitives.js";
+import { cn as t } from "./lib/utils.js";
+import { Icon as n } from "./icon.js";
+import * as r from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { IconChevronRight as o, IconDots as s } from "@tabler/icons-react";
+//#region src/ui/breadcrumb.tsx
+var c = r.forwardRef(({ ...e }, t) => /* @__PURE__ */ i("nav", {
+	ref: t,
+	"aria-label": "breadcrumb",
+	...e
+}));
+c.displayName = "Breadcrumb";
+var l = r.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ i("ol", {
+	ref: r,
+	className: t("flex flex-wrap items-center gap-ds-02b break-words text-ds-md text-surface-fg-muted sm:gap-ds-03", e),
+	...n
+}));
+l.displayName = "BreadcrumbList";
+var u = r.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ i("li", {
+	ref: r,
+	className: t("inline-flex items-center gap-ds-03", e),
+	...n
+}));
+u.displayName = "BreadcrumbItem";
+var d = r.forwardRef(({ className: n, asChild: r = !1, ...a }, o) => /* @__PURE__ */ i(r ? e : "a", {
+	ref: o,
+	className: t("transition-colors duration-fast-01 ease-productive-standard hover:text-surface-fg focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 rounded-ds-sm", n),
+	...a
+}));
+d.displayName = "BreadcrumbLink";
+var f = r.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ i("span", {
+	ref: r,
+	"aria-current": "page",
+	className: t("font-medium text-surface-fg", e),
+	...n
+}));
+f.displayName = "BreadcrumbPage";
+var p = ({ children: e, className: r, ...a }) => /* @__PURE__ */ i("li", {
+	role: "presentation",
+	"aria-hidden": "true",
+	className: t("[&>svg]:h-ico-sm [&>svg]:w-ico-sm", r),
+	...a,
+	children: e ?? /* @__PURE__ */ i(n, {
+		icon: o,
+		size: "sm"
+	})
+});
+p.displayName = "BreadcrumbSeparator";
+var m = ({ className: e, ...r }) => /* @__PURE__ */ a("span", {
+	role: "presentation",
+	"aria-hidden": "true",
+	className: t("flex h-ds-sm-plus w-ds-sm-plus items-center justify-center", e),
+	...r,
+	children: [/* @__PURE__ */ i(n, {
+		icon: s,
+		size: "sm"
+	}), /* @__PURE__ */ i("span", {
+		className: "sr-only",
+		children: "More"
+	})]
+});
+m.displayName = "BreadcrumbEllipsis";
+//#endregion
+export { c as Breadcrumb, m as BreadcrumbEllipsis, u as BreadcrumbItem, d as BreadcrumbLink, l as BreadcrumbList, f as BreadcrumbPage, p as BreadcrumbSeparator };

package/dist/ui/button-group.js

@@ -1,108 +1,115 @@
 "use client";
-import { jsx as i, jsxs as y } from "react/jsx-runtime";
+import { cn as e } from "./lib/utils.js";
 import * as t from "react";
-import { cn as R } from "./lib/utils.js";
-const x = t.createContext({}), B = t.createContext(null);
-function j() {
-  return t.useContext(x);
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/ui/button-group.tsx
+var i = t.createContext({}), a = t.createContext(null);
+function o() {
+	return t.useContext(i);
 }
-function D() {
-  return t.useContext(B);
+function s() {
+	return t.useContext(a);
 }
-function I(o, r) {
-  if (o !== "only")
-    if (r === "horizontal")
-      switch (o) {
-        case "first":
-          return { borderTopRightRadius: 0, borderBottomRightRadius: 0, borderRightWidth: 0 };
-        case "middle":
-          return { borderRadius: 0, borderRightWidth: 0 };
-        case "last":
-          return { borderTopLeftRadius: 0, borderBottomLeftRadius: 0 };
-      }
-    else
-      switch (o) {
-        case "first":
-          return { borderBottomLeftRadius: 0, borderBottomRightRadius: 0, borderBottomWidth: 0 };
-        case "middle":
-          return { borderRadius: 0, borderBottomWidth: 0 };
-        case "last":
-          return { borderTopLeftRadius: 0, borderTopRightRadius: 0 };
-      }
+function c(e, t) {
+	if (e !== "only") if (t === "horizontal") switch (e) {
+		case "first": return {
+			borderTopRightRadius: 0,
+			borderBottomRightRadius: 0,
+			borderRightWidth: 0
+		};
+		case "middle": return {
+			borderRadius: 0,
+			borderRightWidth: 0
+		};
+		case "last": return {
+			borderTopLeftRadius: 0,
+			borderBottomLeftRadius: 0
+		};
+	}
+	else switch (e) {
+		case "first": return {
+			borderBottomLeftRadius: 0,
+			borderBottomRightRadius: 0,
+			borderBottomWidth: 0
+		};
+		case "middle": return {
+			borderRadius: 0,
+			borderBottomWidth: 0
+		};
+		case "last": return {
+			borderTopLeftRadius: 0,
+			borderTopRightRadius: 0
+		};
+	}
 }
-function L(o, r) {
-  if (o === "solid") {
-    const e = {
-      accent: "bg-accent-11/20",
-      error: "bg-error-11/20",
-      success: "bg-success-11/20",
-      warning: "bg-warning-11/20",
-      neutral: "bg-neutral-8/30"
-    };
-    return e[r ?? "accent"] ?? e.accent;
-  }
-  if (o === "soft") {
-    const e = {
-      accent: "bg-accent-5",
-      error: "bg-error-5",
-      success: "bg-success-5",
-      warning: "bg-warning-5",
-      neutral: "bg-neutral-4"
-    };
-    return e[r ?? "accent"] ?? e.accent;
-  }
-  return "bg-surface-border";
+function l(e, t) {
+	if (e === "solid") {
+		let e = {
+			accent: "bg-accent-11/20",
+			error: "bg-error-11/20",
+			success: "bg-success-11/20",
+			warning: "bg-warning-11/20",
+			neutral: "bg-neutral-8/30"
+		};
+		return e[t ?? "accent"] ?? e.accent;
+	}
+	if (e === "soft") {
+		let e = {
+			accent: "bg-accent-5",
+			error: "bg-error-5",
+			success: "bg-success-5",
+			warning: "bg-warning-5",
+			neutral: "bg-neutral-4"
+		};
+		return e[t ?? "accent"] ?? e.accent;
+	}
+	return "bg-surface-border";
 }
-const P = t.forwardRef(
-  ({ className: o, variant: r, color: e, weight: a, shape: l, size: f, disabled: g, orientation: n = "horizontal", attached: s = !0, fullWidth: c, children: m, ...v }, w) => {
-    const h = c || n === "vertical", C = t.useMemo(
-      () => ({ variant: r, color: e, weight: a, shape: l, size: f, disabled: g, orientation: n, attached: s, _stretch: h }),
-      [r, e, a, l, f, g, n, s, h]
-    ), b = t.Children.toArray(m).filter(t.isValidElement), p = b.length;
-    function G(u) {
-      return p === 1 ? "only" : u === 0 ? "first" : u === p - 1 ? "last" : "middle";
-    }
-    return /* @__PURE__ */ i(x.Provider, { value: C, children: /* @__PURE__ */ i(
-      "div",
-      {
-        ref: w,
-        role: "group",
-        className: R(
-          "inline-flex",
-          c && "w-full",
-          c && n === "horizontal" && "[&>*]:flex-1",
-          n === "horizontal" ? "flex-row" : "flex-col items-stretch",
-          !s && "gap-ds-02",
-          // Focus isolation — lift focused/hovered button above siblings
-          "[&>*:focus-within]:z-10 [&>*:hover]:z-10",
-          o
-        ),
-        ...v,
-        children: s ? b.map((u, d) => {
-          const z = d > 0 && r !== "outline";
-          return /* @__PURE__ */ y(t.Fragment, { children: [
-            z && /* @__PURE__ */ i(
-              "div",
-              {
-                "aria-hidden": !0,
-                className: R(
-                  "shrink-0 self-stretch",
-                  n === "horizontal" ? "w-px" : "h-px",
-                  L(r ?? void 0, e ?? void 0)
-                )
-              }
-            ),
-            /* @__PURE__ */ i(B.Provider, { value: { position: G(d) }, children: u })
-          ] }, d);
-        }) : m
-      }
-    ) });
-  }
-);
-P.displayName = "ButtonGroup";
-export {
-  P as ButtonGroup,
-  I as getGroupPositionStyle,
-  j as useButtonGroup,
-  D as useButtonGroupItem
-};
+var u = t.forwardRef(({ className: o, variant: s, color: c, weight: u, shape: d, size: f, disabled: p, orientation: m = "horizontal", attached: h = !0, fullWidth: g, children: _, ...v }, y) => {
+	let b = g || m === "vertical", x = t.useMemo(() => ({
+		variant: s,
+		color: c,
+		weight: u,
+		shape: d,
+		size: f,
+		disabled: p,
+		orientation: m,
+		attached: h,
+		_stretch: b
+	}), [
+		s,
+		c,
+		u,
+		d,
+		f,
+		p,
+		m,
+		h,
+		b
+	]), S = t.Children.toArray(_).filter(t.isValidElement), C = S.length;
+	function w(e) {
+		return C === 1 ? "only" : e === 0 ? "first" : e === C - 1 ? "last" : "middle";
+	}
+	return /* @__PURE__ */ n(i.Provider, {
+		value: x,
+		children: /* @__PURE__ */ n("div", {
+			ref: y,
+			role: "group",
+			className: e("inline-flex", g && "w-full", g && m === "horizontal" && "[&>*]:flex-1", m === "horizontal" ? "flex-row" : "flex-col items-stretch", !h && "gap-ds-02", "[&>*:focus-within]:z-10 [&>*:hover]:z-10", o),
+			...v,
+			children: h ? S.map((i, o) => {
+				let u = o > 0 && s !== "outline";
+				return /* @__PURE__ */ r(t.Fragment, { children: [u && /* @__PURE__ */ n("div", {
+					"aria-hidden": !0,
+					className: e("shrink-0 self-stretch", m === "horizontal" ? "w-px" : "h-px", l(s ?? void 0, c ?? void 0))
+				}), /* @__PURE__ */ n(a.Provider, {
+					value: { position: w(o) },
+					children: i
+				})] }, o);
+			}) : _
+		})
+	});
+});
+u.displayName = "ButtonGroup";
+//#endregion
+export { u as ButtonGroup, c as getGroupPositionStyle, o as useButtonGroup, s as useButtonGroupItem };