@devalok/shilp-sutra 0.33.2 → 0.34.1

package/dist/_chunks/badge-group.js

@@ -1,251 +1,311 @@
 "use client";
-import { jsxs as v, jsx as o } from "react/jsx-runtime";
-import * as R from "react";
-import { cn as a } from "../ui/lib/utils.js";
-import { IconCheck as D, IconX as E } from "@tabler/icons-react";
-import { a as I } from "./vendor-utils.js";
-import { springs as O } from "../ui/lib/motion.js";
-import { S as T } from "./primitives.js";
-import { Icon as N } from "../ui/icon.js";
-import { BadgeIndicator as q } from "../ui/badge-indicator.js";
-import { u as X, A as _, m as F } from "./framer.js";
-const $ = {
-  default: { bg: "bg-surface-raised-hover", fg: "text-surface-fg-muted", border: "border-surface-border-strong", solid: "bg-neutral-5", solidFg: "text-surface-fg" },
-  accent: { bg: "bg-accent-3", fg: "text-accent-11", border: "border-accent-7", solid: "bg-accent-9", solidFg: "text-accent-fg" },
-  error: { bg: "bg-error-3", fg: "text-error-11", border: "border-error-7", solid: "bg-error-9", solidFg: "text-error-fg" },
-  success: { bg: "bg-success-3", fg: "text-success-11", border: "border-success-7", solid: "bg-success-9", solidFg: "text-success-fg" },
-  warning: { bg: "bg-warning-3", fg: "text-warning-11", border: "border-warning-7", solid: "bg-warning-9", solidFg: "text-warning-fg" },
-  info: { bg: "bg-info-3", fg: "text-info-11", border: "border-info-7", solid: "bg-info-9", solidFg: "text-info-fg" },
-  neutral: { bg: "bg-surface-raised-hover", fg: "text-surface-fg-muted", border: "border-surface-border-strong", solid: "bg-neutral-5", solidFg: "text-surface-fg" },
-  teal: { bg: "bg-category-teal-3", fg: "text-category-teal-11", border: "border-category-teal-7", solid: "bg-category-teal-9", solidFg: "text-white" },
-  amber: { bg: "bg-category-amber-3", fg: "text-category-amber-11", border: "border-category-amber-7", solid: "bg-category-amber-9", solidFg: "text-white" },
-  slate: { bg: "bg-category-slate-3", fg: "text-category-slate-11", border: "border-category-slate-7", solid: "bg-category-slate-9", solidFg: "text-white" },
-  indigo: { bg: "bg-category-indigo-3", fg: "text-category-indigo-11", border: "border-category-indigo-7", solid: "bg-category-indigo-9", solidFg: "text-white" },
-  cyan: { bg: "bg-category-cyan-3", fg: "text-category-cyan-11", border: "border-category-cyan-7", solid: "bg-category-cyan-9", solidFg: "text-white" },
-  orange: { bg: "bg-category-orange-3", fg: "text-category-orange-11", border: "border-category-orange-7", solid: "bg-category-orange-9", solidFg: "text-white" },
-  emerald: { bg: "bg-category-emerald-3", fg: "text-category-emerald-11", border: "border-category-emerald-7", solid: "bg-category-emerald-9", solidFg: "text-white" }
+import { Ln as e } from "./primitives.js";
+import { a as t, c as n, n as r } from "./framer.js";
+import { springs as i } from "../ui/lib/motion.js";
+import { t as a } from "./vendor-utils.js";
+import { cn as o } from "../ui/lib/utils.js";
+import { Icon as s } from "../ui/icon.js";
+import { BadgeIndicator as c } from "../ui/badge-indicator.js";
+import * as l from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { IconCheck as f, IconX as p } from "@tabler/icons-react";
+//#region src/ui/badge.tsx
+var m = {
+	default: {
+		bg: "bg-surface-raised-hover",
+		fg: "text-surface-fg-muted",
+		border: "border-surface-border-strong",
+		solid: "bg-neutral-5",
+		solidFg: "text-surface-fg"
+	},
+	accent: {
+		bg: "bg-accent-3",
+		fg: "text-accent-11",
+		border: "border-accent-7",
+		solid: "bg-accent-9",
+		solidFg: "text-accent-fg"
+	},
+	error: {
+		bg: "bg-error-3",
+		fg: "text-error-11",
+		border: "border-error-7",
+		solid: "bg-error-9",
+		solidFg: "text-error-fg"
+	},
+	success: {
+		bg: "bg-success-3",
+		fg: "text-success-11",
+		border: "border-success-7",
+		solid: "bg-success-9",
+		solidFg: "text-success-fg"
+	},
+	warning: {
+		bg: "bg-warning-3",
+		fg: "text-warning-11",
+		border: "border-warning-7",
+		solid: "bg-warning-9",
+		solidFg: "text-warning-fg"
+	},
+	info: {
+		bg: "bg-info-3",
+		fg: "text-info-11",
+		border: "border-info-7",
+		solid: "bg-info-9",
+		solidFg: "text-info-fg"
+	},
+	neutral: {
+		bg: "bg-surface-raised-hover",
+		fg: "text-surface-fg-muted",
+		border: "border-surface-border-strong",
+		solid: "bg-neutral-5",
+		solidFg: "text-surface-fg"
+	},
+	teal: {
+		bg: "bg-category-teal-3",
+		fg: "text-category-teal-11",
+		border: "border-category-teal-7",
+		solid: "bg-category-teal-9",
+		solidFg: "text-white"
+	},
+	amber: {
+		bg: "bg-category-amber-3",
+		fg: "text-category-amber-11",
+		border: "border-category-amber-7",
+		solid: "bg-category-amber-9",
+		solidFg: "text-white"
+	},
+	slate: {
+		bg: "bg-category-slate-3",
+		fg: "text-category-slate-11",
+		border: "border-category-slate-7",
+		solid: "bg-category-slate-9",
+		solidFg: "text-white"
+	},
+	indigo: {
+		bg: "bg-category-indigo-3",
+		fg: "text-category-indigo-11",
+		border: "border-category-indigo-7",
+		solid: "bg-category-indigo-9",
+		solidFg: "text-white"
+	},
+	cyan: {
+		bg: "bg-category-cyan-3",
+		fg: "text-category-cyan-11",
+		border: "border-category-cyan-7",
+		solid: "bg-category-cyan-9",
+		solidFg: "text-white"
+	},
+	orange: {
+		bg: "bg-category-orange-3",
+		fg: "text-category-orange-11",
+		border: "border-category-orange-7",
+		solid: "bg-category-orange-9",
+		solidFg: "text-white"
+	},
+	emerald: {
+		bg: "bg-category-emerald-3",
+		fg: "text-category-emerald-11",
+		border: "border-category-emerald-7",
+		solid: "bg-category-emerald-9",
+		solidFg: "text-white"
+	}
 };
-function H(n, d) {
-  if (d === "custom") return "";
-  const e = $[d];
-  switch (n) {
-    case "subtle":
-      return a(e.bg, e.fg, e.border);
-    case "solid":
-      return a(e.solid, e.solidFg, "border-transparent");
-    case "outline":
-      return a("bg-transparent", e.fg, e.border);
-    case "soft":
-      return a(e.bg, e.fg, "border-transparent");
-  }
+function h(e, t) {
+	if (t === "custom") return "";
+	let n = m[t];
+	switch (e) {
+		case "subtle": return o(n.bg, n.fg, n.border);
+		case "solid": return o(n.solid, n.solidFg, "border-transparent");
+		case "outline": return o("bg-transparent", n.fg, n.border);
+		case "soft": return o(n.bg, n.fg, "border-transparent");
+	}
 }
-const J = I(
-  "relative inline-flex items-center rounded-full font-sans font-medium overflow-hidden isolate transition-[color,background-color,border-color,padding] duration-fast-02 ease-productive-standard select-none [&>span:not([data-grain])]:relative [&>span:not([data-grain])]:z-[2]",
-  {
-    variants: {
-      variant: {
-        subtle: "border",
-        solid: "border border-transparent",
-        outline: "border",
-        soft: "border border-transparent"
-      },
-      size: {
-        xs: "h-4 px-1.5 text-[10px] gap-1",
-        sm: "h-5 px-2 text-ds-xs gap-1",
-        md: "h-6 px-2.5 text-ds-xs gap-1.5",
-        lg: "h-7 px-3 text-ds-sm gap-1.5"
-      }
-    },
-    defaultVariants: {
-      variant: "subtle",
-      size: "md"
-    }
-  }
-), z = {
-  xs: "[&>svg]:h-2.5 [&>svg]:w-2.5",
-  sm: "[&>svg]:h-3 [&>svg]:w-3",
-  md: "[&>svg]:h-3 [&>svg]:w-3",
-  lg: "[&>svg]:h-3.5 [&>svg]:w-3.5"
-}, Q = {
-  xs: "pl-1",
-  sm: "pl-1.5",
-  md: "pl-2",
-  lg: "pl-2.5"
-}, U = {
-  xs: "pr-0.5",
-  sm: "pr-1",
-  md: "pr-1",
-  lg: "pr-1.5"
-}, S = R.forwardRef(
-  ({
-    className: n,
-    variant: d,
-    color: e,
-    size: x,
-    asChild: h,
-    startIcon: s,
-    endIcon: i,
-    dot: g,
-    onDismiss: t,
-    onClick: r,
-    selected: l,
-    disabled: p,
-    maxWidth: y,
-    truncate: A,
-    circle: j,
-    children: b,
-    style: G,
-    ...w
-  }, K) => {
-    const k = X(), u = d ?? "subtle", C = e ?? "default", f = x ?? "md", m = h ? T : r && t ? "div" : r ? "button" : "span", M = C === "custom" ? {
-      ...u === "subtle" && {
-        backgroundColor: "color-mix(in oklch, var(--badge-color) 15%, transparent)",
-        color: "var(--badge-color)",
-        borderColor: "color-mix(in oklch, var(--badge-color) 40%, transparent)"
-      },
-      ...u === "solid" && {
-        backgroundColor: "var(--badge-color)",
-        color: "var(--badge-fg-color, white)",
-        borderColor: "transparent"
-      },
-      ...u === "outline" && {
-        backgroundColor: "transparent",
-        color: "var(--badge-color)",
-        borderColor: "color-mix(in oklch, var(--badge-color) 50%, transparent)"
-      },
-      ...u === "soft" && {
-        backgroundColor: "color-mix(in oklch, var(--badge-color) 12%, transparent)",
-        color: "var(--badge-color)",
-        borderColor: "transparent"
-      }
-    } : void 0, L = r && t ? (c) => {
-      (c.key === "Enter" || c.key === " ") && (c.preventDefault(), p || r(c)), w.onKeyDown?.(c);
-    } : w.onKeyDown, P = !!(g || s || r && l && !s && !g), V = !!(t || i);
-    return /* @__PURE__ */ v(
-      m,
-      {
-        ref: K,
-        className: a(
-          J({ variant: u, size: f }),
-          H(u, C),
-          P && Q[f],
-          V && U[f],
-          r && "cursor-pointer hover:brightness-[0.97] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-1 transition-[color,background-color,border-color,transform,filter] duration-moderate-01 ease-productive-exit hover:duration-fast-02 hover:ease-productive-entrance active:scale-[0.95] active:brightness-[0.92] active:duration-[0ms]",
-          l && "ring-1 ring-current/20 transition-shadow duration-fast-02",
-          p && "opacity-action-disabled pointer-events-none saturate-[0.3]",
-          j && "justify-center px-0 aspect-square",
-          n
-        ),
-        style: { ...G, ...M, ...y ? { maxWidth: y } : void 0 },
-        onClick: p ? void 0 : r,
-        onKeyDown: L,
-        ...m === "button" && { type: "button" },
-        ...m === "button" && p ? { disabled: !0 } : {},
-        ...m === "div" && r ? { role: "button", tabIndex: 0 } : {},
-        ...w,
-        children: [
-          /* @__PURE__ */ o(_, { children: g && /* @__PURE__ */ v(
-            F.span,
-            {
-              initial: { scale: 0 },
-              animate: { scale: 1 },
-              exit: { scale: 0 },
-              transition: O.snappy,
-              className: "relative inline-flex h-1.5 w-1.5 shrink-0",
-              "aria-hidden": "true",
-              children: [
-                /* @__PURE__ */ o(
-                  F.span,
-                  {
-                    className: "absolute inset-0 rounded-full bg-current",
-                    animate: k ? void 0 : { scale: [1, 2.5], opacity: [0.35, 0] },
-                    transition: k ? { duration: 0 } : { repeat: 1 / 0, repeatDelay: 0.3, duration: 1.2, ease: [0, 0, 0.58, 1] }
-                  }
-                ),
-                /* @__PURE__ */ o("span", { className: "relative h-1.5 w-1.5 rounded-full bg-current" })
-              ]
-            },
-            "dot"
-          ) }),
-          r && !s && !g && /* @__PURE__ */ o(
-            F.span,
-            {
-              initial: !1,
-              animate: l ? { opacity: 1, scale: 1, width: "auto", marginRight: 0 } : { opacity: 0, scale: 0.5, width: 0, marginRight: -4 },
-              transition: { type: "tween", duration: 0.15, ease: [0.2, 0, 0.38, 0.9] },
-              className: "inline-flex shrink-0 overflow-hidden",
-              "aria-hidden": !l,
-              children: /* @__PURE__ */ o(N, { icon: D, size: "xs" })
-            }
-          ),
-          s && /* @__PURE__ */ o("span", { className: a("shrink-0", z[f]), children: s }),
-          A || y ? /* @__PURE__ */ o(
-            "span",
-            {
-              className: "truncate",
-              title: typeof b == "string" ? b : void 0,
-              children: b
-            }
-          ) : b,
-          i && /* @__PURE__ */ o("span", { className: a("shrink-0", z[f]), children: i }),
-          t && /* @__PURE__ */ o(
-            "button",
-            {
-              type: "button",
-              onClick: (c) => {
-                c.stopPropagation(), t();
-              },
-              className: a(
-                "shrink-0 rounded-full text-current/60 hover:text-current hover:bg-current/10 transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-accent-9",
-                f === "xs" ? "p-0 -mr-0.5 min-w-[16px] min-h-[16px]" : "p-px"
-              ),
-              "aria-label": `Remove ${typeof b == "string" ? b : ""}`.trim() || "Remove",
-              children: /* @__PURE__ */ o(N, { icon: E, size: "xs" })
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-S.displayName = "Badge";
-const W = Object.assign(S, {
-  Indicator: q,
-  Group: B
-}), Y = {
-  tight: "gap-1",
-  default: "gap-1.5",
-  loose: "gap-2"
+var g = a("relative inline-flex items-center rounded-full font-sans font-medium overflow-hidden isolate transition-[color,background-color,border-color,padding] duration-fast-02 ease-productive-standard select-none [&>span:not([data-grain])]:relative [&>span:not([data-grain])]:z-[2]", {
+	variants: {
+		variant: {
+			subtle: "border",
+			solid: "border border-transparent",
+			outline: "border",
+			soft: "border border-transparent"
+		},
+		size: {
+			xs: "h-4 px-1.5 text-[10px] gap-1",
+			sm: "h-5 px-2 text-ds-xs gap-1",
+			md: "h-6 px-2.5 text-ds-xs gap-1.5",
+			lg: "h-7 px-3 text-ds-sm gap-1.5"
+		}
+	},
+	defaultVariants: {
+		variant: "subtle",
+		size: "md"
+	}
+}), _ = {
+	xs: "[&>svg]:h-2.5 [&>svg]:w-2.5",
+	sm: "[&>svg]:h-3 [&>svg]:w-3",
+	md: "[&>svg]:h-3 [&>svg]:w-3",
+	lg: "[&>svg]:h-3.5 [&>svg]:w-3.5"
+}, v = {
+	xs: "pl-1",
+	sm: "pl-1.5",
+	md: "pl-2",
+	lg: "pl-2.5"
+}, y = {
+	xs: "pr-0.5",
+	sm: "pr-1",
+	md: "pr-1",
+	lg: "pr-1.5"
+}, b = l.forwardRef(({ className: a, variant: c, color: l, size: m, asChild: b, startIcon: x, endIcon: S, dot: C, onDismiss: w, onClick: T, selected: E, disabled: D, maxWidth: O, truncate: k, circle: A, children: j, style: M, ...N }, P) => {
+	let F = r(), I = c ?? "subtle", L = l ?? "default", R = m ?? "md", z = b ? e : T && w ? "div" : T ? "button" : "span", B = L === "custom" ? {
+		...I === "subtle" && {
+			backgroundColor: "color-mix(in oklch, var(--badge-color) 15%, transparent)",
+			color: "var(--badge-color)",
+			borderColor: "color-mix(in oklch, var(--badge-color) 40%, transparent)"
+		},
+		...I === "solid" && {
+			backgroundColor: "var(--badge-color)",
+			color: "var(--badge-fg-color, white)",
+			borderColor: "transparent"
+		},
+		...I === "outline" && {
+			backgroundColor: "transparent",
+			color: "var(--badge-color)",
+			borderColor: "color-mix(in oklch, var(--badge-color) 50%, transparent)"
+		},
+		...I === "soft" && {
+			backgroundColor: "color-mix(in oklch, var(--badge-color) 12%, transparent)",
+			color: "var(--badge-color)",
+			borderColor: "transparent"
+		}
+	} : void 0, V = T && w ? (e) => {
+		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), D || T(e)), N.onKeyDown?.(e);
+	} : N.onKeyDown, H = !!(C || x || T && E && !x && !C), U = !!(w || S);
+	return /* @__PURE__ */ d(z, {
+		ref: P,
+		className: o(g({
+			variant: I,
+			size: R
+		}), h(I, L), H && v[R], U && y[R], T && "cursor-pointer hover:brightness-[0.97] focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-1 transition-[color,background-color,border-color,transform,filter] duration-moderate-01 ease-productive-exit hover:duration-fast-02 hover:ease-productive-entrance active:scale-[0.95] active:brightness-[0.92] active:duration-[0ms]", E && "ring-1 ring-current/20 transition-shadow duration-fast-02", D && "opacity-action-disabled pointer-events-none saturate-[0.3]", A && "justify-center px-0 aspect-square", a),
+		style: {
+			...M,
+			...B,
+			...O ? { maxWidth: O } : void 0
+		},
+		onClick: D ? void 0 : T,
+		onKeyDown: V,
+		...z === "button" && { type: "button" },
+		...z === "button" && D ? { disabled: !0 } : {},
+		...z === "div" && T ? {
+			role: "button",
+			tabIndex: 0
+		} : {},
+		...N,
+		children: [
+			/* @__PURE__ */ u(n, { children: C && /* @__PURE__ */ d(t.span, {
+				initial: { scale: 0 },
+				animate: { scale: 1 },
+				exit: { scale: 0 },
+				transition: i.snappy,
+				className: "relative inline-flex h-1.5 w-1.5 shrink-0",
+				"aria-hidden": "true",
+				children: [/* @__PURE__ */ u(t.span, {
+					className: "absolute inset-0 rounded-full bg-current",
+					animate: F ? void 0 : {
+						scale: [1, 2.5],
+						opacity: [.35, 0]
+					},
+					transition: F ? { duration: 0 } : {
+						repeat: Infinity,
+						repeatDelay: .3,
+						duration: 1.2,
+						ease: [
+							0,
+							0,
+							.58,
+							1
+						]
+					}
+				}), /* @__PURE__ */ u("span", { className: "relative h-1.5 w-1.5 rounded-full bg-current" })]
+			}, "dot") }),
+			T && !x && !C && /* @__PURE__ */ u(t.span, {
+				initial: !1,
+				animate: E ? {
+					opacity: 1,
+					scale: 1,
+					width: "auto",
+					marginRight: 0
+				} : {
+					opacity: 0,
+					scale: .5,
+					width: 0,
+					marginRight: -4
+				},
+				transition: {
+					type: "tween",
+					duration: .15,
+					ease: [
+						.2,
+						0,
+						.38,
+						.9
+					]
+				},
+				className: "inline-flex shrink-0 overflow-hidden",
+				"aria-hidden": !E,
+				children: /* @__PURE__ */ u(s, {
+					icon: f,
+					size: "xs"
+				})
+			}),
+			x && /* @__PURE__ */ u("span", {
+				className: o("shrink-0", _[R]),
+				children: x
+			}),
+			k || O ? /* @__PURE__ */ u("span", {
+				className: "truncate",
+				title: typeof j == "string" ? j : void 0,
+				children: j
+			}) : j,
+			S && /* @__PURE__ */ u("span", {
+				className: o("shrink-0", _[R]),
+				children: S
+			}),
+			w && /* @__PURE__ */ u("button", {
+				type: "button",
+				onClick: (e) => {
+					e.stopPropagation(), w();
+				},
+				className: o("shrink-0 rounded-full text-current/60 hover:text-current hover:bg-current/10 transition-colors focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-accent-9", R === "xs" ? "p-0 -mr-0.5 min-w-[16px] min-h-[16px]" : "p-px"),
+				"aria-label": `Remove ${typeof j == "string" ? j : ""}`.trim() || "Remove",
+				children: /* @__PURE__ */ u(s, {
+					icon: p,
+					size: "xs"
+				})
+			})
+		]
+	});
+});
+b.displayName = "Badge";
+var x = Object.assign(b, {
+	Indicator: c,
+	Group: C
+}), S = {
+	tight: "gap-1",
+	default: "gap-1.5",
+	loose: "gap-2"
 };
-function B({
-  max: n,
-  gap: d = "default",
-  size: e,
-  onOverflowClick: x,
-  className: h,
-  children: s
-}) {
-  const i = R.Children.toArray(s), g = i.length, t = n !== void 0 && g > n, r = t ? i.slice(0, n) : i, l = t ? g - n : 0;
-  return /* @__PURE__ */ v("div", { className: a("flex flex-wrap items-center", Y[d], h), children: [
-    r,
-    t && /* @__PURE__ */ v(
-      W,
-      {
-        variant: "outline",
-        color: "neutral",
-        size: e ?? "sm",
-        onClick: x,
-        children: [
-          "+",
-          l
-        ]
-      }
-    )
-  ] });
+function C({ max: e, gap: t = "default", size: n, onOverflowClick: r, className: i, children: a }) {
+	let s = l.Children.toArray(a), c = s.length, u = e !== void 0 && c > e, f = u ? s.slice(0, e) : s, p = u ? c - e : 0;
+	return /* @__PURE__ */ d("div", {
+		className: o("flex flex-wrap items-center", S[t], i),
+		children: [f, u && /* @__PURE__ */ d(x, {
+			variant: "outline",
+			color: "neutral",
+			size: n ?? "sm",
+			onClick: r,
+			children: ["+", p]
+		})]
+	});
 }
-B.displayName = "BadgeGroup";
-export {
-  W as B,
-  B as a,
-  J as b
-};
+C.displayName = "BadgeGroup";
+//#endregion
+export { x as n, g as r, C as t };