@devalok/shilp-sutra 0.33.2 → 0.34.1

package/dist/ui/avatar.js

@@ -1,174 +1,201 @@
 "use client";
-import { jsx as a, jsxs as R } from "react/jsx-runtime";
-import * as l from "react";
-import { g as v, h as N, F as C } from "../_chunks/primitives.js";
-import { a as F } from "../_chunks/vendor-utils.js";
-import { springs as k } from "./lib/motion.js";
-import { cn as n } from "./lib/utils.js";
-import { m as f } from "../_chunks/framer.js";
-const A = l.createContext("circle"), M = l.createContext("md"), p = F(
-  "relative flex shrink-0 overflow-hidden",
-  {
-    variants: {
-      size: {
-        xs: "h-ds-xs w-ds-xs",
-        sm: "h-ds-sm w-ds-sm",
-        md: "h-ds-md w-ds-md",
-        lg: "h-ds-lg w-ds-lg",
-        xl: "h-ds-xl w-ds-xl"
-      },
-      shape: {
-        circle: "rounded-ds-full",
-        square: "rounded-ds-none",
-        rounded: "rounded-ds-md"
-      }
-    },
-    defaultVariants: { size: "md", shape: "circle" }
-  }
-), h = {
-  online: "bg-success-9",
-  offline: "bg-surface-raised-hover",
-  busy: "bg-error-9",
-  away: "bg-warning-9"
-}, b = {
-  online: "Online",
-  offline: "Offline",
-  busy: "Busy",
-  away: "Away"
-}, y = {
-  xs: "h-ds-02b w-ds-02b",
-  sm: "h-[8px] w-[8px]",
-  md: "h-ds-03 w-ds-03",
-  lg: "h-[12px] w-[12px]",
-  xl: "h-ds-04 w-ds-04"
-}, O = {
-  lead: "ring-accent-7",
-  admin: "ring-warning-7",
-  client: "ring-info-7"
-}, j = {
-  circle: "rounded-ds-full",
-  square: "rounded-ds-none",
-  rounded: "rounded-ds-md"
-}, q = {
-  xs: "text-[9px]",
-  sm: "text-ds-xs",
-  md: "text-ds-sm",
-  lg: "text-ds-md",
-  xl: "text-ds-lg"
-}, w = [
-  { bg: "bg-accent-3", text: "text-accent-11" },
-  { bg: "bg-success-3", text: "text-success-11" },
-  { bg: "bg-warning-3", text: "text-warning-11" },
-  { bg: "bg-error-3", text: "text-error-11" },
-  { bg: "bg-info-3", text: "text-info-11" },
-  { bg: "bg-category-teal-3", text: "text-category-teal-11" },
-  { bg: "bg-category-indigo-3", text: "text-category-indigo-11" },
-  { bg: "bg-category-cyan-3", text: "text-category-cyan-11" }
+import { cn as e, ln as t, un as n } from "../_chunks/primitives.js";
+import { a as r } from "../_chunks/framer.js";
+import { springs as i } from "./lib/motion.js";
+import { t as a } from "../_chunks/vendor-utils.js";
+import { cn as o } from "./lib/utils.js";
+import * as s from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/ui/avatar.tsx
+var u = s.createContext("circle"), d = s.createContext("md"), f = a("relative flex shrink-0 overflow-hidden", {
+	variants: {
+		size: {
+			xs: "h-ds-xs w-ds-xs",
+			sm: "h-ds-sm w-ds-sm",
+			md: "h-ds-md w-ds-md",
+			lg: "h-ds-lg w-ds-lg",
+			xl: "h-ds-xl w-ds-xl"
+		},
+		shape: {
+			circle: "rounded-ds-full",
+			square: "rounded-ds-none",
+			rounded: "rounded-ds-md"
+		}
+	},
+	defaultVariants: {
+		size: "md",
+		shape: "circle"
+	}
+}), p = {
+	online: "bg-success-9",
+	offline: "bg-surface-raised-hover",
+	busy: "bg-error-9",
+	away: "bg-warning-9"
+}, m = {
+	online: "Online",
+	offline: "Offline",
+	busy: "Busy",
+	away: "Away"
+}, h = {
+	xs: "h-ds-02b w-ds-02b",
+	sm: "h-[8px] w-[8px]",
+	md: "h-ds-03 w-ds-03",
+	lg: "h-[12px] w-[12px]",
+	xl: "h-ds-04 w-ds-04"
+}, g = {
+	lead: "ring-accent-7",
+	admin: "ring-warning-7",
+	client: "ring-info-7"
+}, _ = {
+	circle: "rounded-ds-full",
+	square: "rounded-ds-none",
+	rounded: "rounded-ds-md"
+}, v = {
+	xs: "text-[9px]",
+	sm: "text-ds-xs",
+	md: "text-ds-sm",
+	lg: "text-ds-md",
+	xl: "text-ds-lg"
+}, y = [
+	{
+		bg: "bg-accent-3",
+		text: "text-accent-11"
+	},
+	{
+		bg: "bg-success-3",
+		text: "text-success-11"
+	},
+	{
+		bg: "bg-warning-3",
+		text: "text-warning-11"
+	},
+	{
+		bg: "bg-error-3",
+		text: "text-error-11"
+	},
+	{
+		bg: "bg-info-3",
+		text: "text-info-11"
+	},
+	{
+		bg: "bg-category-teal-3",
+		text: "text-category-teal-11"
+	},
+	{
+		bg: "bg-category-indigo-3",
+		text: "text-category-indigo-11"
+	},
+	{
+		bg: "bg-category-cyan-3",
+		text: "text-category-cyan-11"
+	}
 ];
-function I(o) {
-  let e = 5381;
-  for (let t = 0; t < o.length; t++)
-    e = (e << 5) + e + o.charCodeAt(t) | 0;
-  const r = Math.abs(e) % w.length;
-  return w[r];
+function b(e) {
+	let t = 5381;
+	for (let n = 0; n < e.length; n++) t = (t << 5) + t + e.charCodeAt(n) | 0;
+	return y[Math.abs(t) % y.length];
 }
-const L = l.forwardRef(({ className: o, size: e, shape: r, status: t, ring: i, badge: s, loading: x, children: d, ...c }, g) => {
-  const m = r ?? "circle", u = i && i !== "none" ? n("ring-2 ring-offset-2 ring-offset-surface-raised", O[i], j[m]) : void 0;
-  if (x)
-    return /* @__PURE__ */ a("span", { ref: g, className: n("relative inline-flex shrink-0", u), children: /* @__PURE__ */ a(
-      "span",
-      {
-        className: n(p({ size: e, shape: r }), "animate-pulse bg-surface-raised-hover"),
-        "data-slot": "avatar-skeleton"
-      }
-    ) });
-  const S = s !== void 0 && s !== 0;
-  return /* @__PURE__ */ a(A.Provider, { value: m, children: /* @__PURE__ */ a(M.Provider, { value: e ?? "md", children: /* @__PURE__ */ R("span", { className: n("relative inline-flex shrink-0", u), children: [
-    /* @__PURE__ */ a(
-      v,
-      {
-        ref: g,
-        className: n(p({ size: e, shape: r }), o),
-        ...c,
-        children: d
-      }
-    ),
-    t && (t === "online" ? /* @__PURE__ */ a(
-      f.span,
-      {
-        className: n("absolute bottom-0 right-0 rounded-ds-full ring-2 ring-surface-raised", h[t], y[e ?? "md"]),
-        animate: { opacity: [1, 0.75, 1] },
-        transition: { duration: 2.5, repeat: 1 / 0, ease: "easeInOut" },
-        role: "img",
-        "aria-label": b[t]
-      }
-    ) : /* @__PURE__ */ a("span", { className: n("absolute bottom-0 right-0 rounded-ds-full ring-2 ring-surface-raised", h[t], y[e ?? "md"]), role: "img", "aria-label": b[t] })),
-    S && (s === "dot" ? /* @__PURE__ */ a(
-      "span",
-      {
-        className: "absolute -right-0.5 -top-0.5 h-[8px] w-[8px] rounded-ds-full bg-error-9 ring-2 ring-surface-raised",
-        "data-slot": "avatar-badge-dot",
-        "aria-hidden": "true"
-      }
-    ) : typeof s == "number" ? /* @__PURE__ */ a(
-      f.span,
-      {
-        initial: { scale: 0 },
-        animate: { scale: 1 },
-        transition: k.bouncy,
-        className: "absolute -right-1 -top-1 flex min-w-[16px] items-center justify-center rounded-ds-full bg-error-9 px-1 text-[10px] font-bold leading-[16px] text-error-fg ring-2 ring-surface-raised",
-        "data-slot": "avatar-badge",
-        role: "status",
-        "aria-label": `${s > 99 ? "99+" : s} notifications`,
-        children: s > 99 ? "99+" : s
-      }
-    ) : /* @__PURE__ */ a("span", { className: "absolute -right-1 -top-1", "data-slot": "avatar-badge-custom", children: s }))
-  ] }) }) });
+var x = s.forwardRef(({ className: e, size: t, shape: a, status: s, ring: v, badge: y, loading: b, children: x, ...S }, C) => {
+	let w = a ?? "circle", T = v && v !== "none" ? o("ring-2 ring-offset-2 ring-offset-surface-raised", g[v], _[w]) : void 0;
+	if (b) return /* @__PURE__ */ c("span", {
+		ref: C,
+		className: o("relative inline-flex shrink-0", T),
+		children: /* @__PURE__ */ c("span", {
+			className: o(f({
+				size: t,
+				shape: a
+			}), "animate-pulse bg-surface-raised-hover"),
+			"data-slot": "avatar-skeleton"
+		})
+	});
+	let E = y !== void 0 && y !== 0;
+	return /* @__PURE__ */ c(u.Provider, {
+		value: w,
+		children: /* @__PURE__ */ c(d.Provider, {
+			value: t ?? "md",
+			children: /* @__PURE__ */ l("span", {
+				className: o("relative inline-flex shrink-0", T),
+				children: [
+					/* @__PURE__ */ c(n, {
+						ref: C,
+						className: o(f({
+							size: t,
+							shape: a
+						}), e),
+						...S,
+						children: x
+					}),
+					s && (s === "online" ? /* @__PURE__ */ c(r.span, {
+						className: o("absolute bottom-0 right-0 rounded-ds-full ring-2 ring-surface-raised", p[s], h[t ?? "md"]),
+						animate: { opacity: [
+							1,
+							.75,
+							1
+						] },
+						transition: {
+							duration: 2.5,
+							repeat: Infinity,
+							ease: "easeInOut"
+						},
+						role: "img",
+						"aria-label": m[s]
+					}) : /* @__PURE__ */ c("span", {
+						className: o("absolute bottom-0 right-0 rounded-ds-full ring-2 ring-surface-raised", p[s], h[t ?? "md"]),
+						role: "img",
+						"aria-label": m[s]
+					})),
+					E && (y === "dot" ? /* @__PURE__ */ c("span", {
+						className: "absolute -right-0.5 -top-0.5 h-[8px] w-[8px] rounded-ds-full bg-error-9 ring-2 ring-surface-raised",
+						"data-slot": "avatar-badge-dot",
+						"aria-hidden": "true"
+					}) : typeof y == "number" ? /* @__PURE__ */ c(r.span, {
+						initial: { scale: 0 },
+						animate: { scale: 1 },
+						transition: i.bouncy,
+						className: "absolute -right-1 -top-1 flex min-w-[16px] items-center justify-center rounded-ds-full bg-error-9 px-1 text-[10px] font-bold leading-[16px] text-error-fg ring-2 ring-surface-raised",
+						"data-slot": "avatar-badge",
+						role: "status",
+						"aria-label": `${y > 99 ? "99+" : y} notifications`,
+						children: y > 99 ? "99+" : y
+					}) : /* @__PURE__ */ c("span", {
+						className: "absolute -right-1 -top-1",
+						"data-slot": "avatar-badge-custom",
+						children: y
+					}))
+				]
+			})
+		})
+	});
 });
-L.displayName = v.displayName;
-const B = l.forwardRef(({ className: o, ...e }, r) => /* @__PURE__ */ a(
-  f.span,
-  {
-    initial: { opacity: 0, scale: 0.96 },
-    animate: { opacity: 1, scale: 1 },
-    transition: k.smooth,
-    className: "absolute inset-0 h-full w-full",
-    children: /* @__PURE__ */ a(
-      N,
-      {
-        ref: r,
-        className: n("aspect-square h-full w-full", o),
-        ...e
-      }
-    )
-  }
-));
-B.displayName = N.displayName;
-const z = l.forwardRef(({ className: o, colorSeed: e, children: r, ...t }, i) => {
-  const s = typeof r == "string" ? r : "", d = I(e ?? s), c = l.useContext(A), g = l.useContext(M), m = c === "square" ? "rounded-ds-none" : c === "rounded" ? "rounded-ds-md" : "rounded-ds-full", u = s.length === 1 ? "tracking-wide" : "tracking-normal";
-  return /* @__PURE__ */ a(
-    C,
-    {
-      ref: i,
-      "data-slot": "avatar-fallback",
-      className: n(
-        "flex h-full w-full items-center justify-center font-semibold",
-        m,
-        q[g],
-        d.bg,
-        d.text,
-        u,
-        o
-      ),
-      ...t,
-      children: r
-    }
-  );
+x.displayName = n.displayName;
+var S = s.forwardRef(({ className: e, ...n }, a) => /* @__PURE__ */ c(r.span, {
+	initial: {
+		opacity: 0,
+		scale: .96
+	},
+	animate: {
+		opacity: 1,
+		scale: 1
+	},
+	transition: i.smooth,
+	className: "absolute inset-0 h-full w-full",
+	children: /* @__PURE__ */ c(t, {
+		ref: a,
+		className: o("aspect-square h-full w-full", e),
+		...n
+	})
+}));
+S.displayName = t.displayName;
+var C = s.forwardRef(({ className: t, colorSeed: n, children: r, ...i }, a) => {
+	let l = typeof r == "string" ? r : "", f = b(n ?? l), p = s.useContext(u), m = s.useContext(d), h = p === "square" ? "rounded-ds-none" : p === "rounded" ? "rounded-ds-md" : "rounded-ds-full", g = l.length === 1 ? "tracking-wide" : "tracking-normal";
+	return /* @__PURE__ */ c(e, {
+		ref: a,
+		"data-slot": "avatar-fallback",
+		className: o("flex h-full w-full items-center justify-center font-semibold", h, v[m], f.bg, f.text, g, t),
+		...i,
+		children: r
+	});
 });
-z.displayName = C.displayName;
-export {
-  L as Avatar,
-  z as AvatarFallback,
-  B as AvatarImage,
-  p as avatarVariants
-};
+C.displayName = e.displayName;
+//#endregion
+export { x as Avatar, C as AvatarFallback, S as AvatarImage, f as avatarVariants };

package/dist/ui/badge-group.js

@@ -1,8 +1,3 @@
 "use client";
-import "react/jsx-runtime";
-import "react";
-import "./lib/utils.js";
-import { a } from "../_chunks/badge-group.js";
-export {
-  a as BadgeGroup
-};
+import { t as e } from "../_chunks/badge-group.js";
+export { e as BadgeGroup };

package/dist/ui/badge-indicator.js

@@ -1,54 +1,45 @@
 "use client";
-import { jsxs as d, jsx as n } from "react/jsx-runtime";
-import { cn as r } from "./lib/utils.js";
-import { springs as x } from "./lib/motion.js";
-import { u as b, A as u, m as h } from "../_chunks/framer.js";
-const y = {
-  "top-right": "-top-1 -right-1",
-  "top-left": "-top-1 -left-1",
-  "bottom-right": "-bottom-1 -right-1",
-  "bottom-left": "-bottom-1 -left-1"
-}, w = {
-  error: "bg-error-9 text-error-fg",
-  success: "bg-success-9 text-success-fg",
-  warning: "bg-warning-9 text-warning-fg",
-  accent: "bg-accent-9 text-accent-fg",
-  info: "bg-info-9 text-info-fg"
+import { a as e, c as t, n } from "../_chunks/framer.js";
+import { springs as r } from "./lib/motion.js";
+import { cn as i } from "./lib/utils.js";
+import "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/ui/badge-indicator.tsx
+var s = {
+	"top-right": "-top-1 -right-1",
+	"top-left": "-top-1 -left-1",
+	"bottom-right": "-bottom-1 -right-1",
+	"bottom-left": "-bottom-1 -left-1"
+}, c = {
+	error: "bg-error-9 text-error-fg",
+	success: "bg-success-9 text-success-fg",
+	warning: "bg-warning-9 text-warning-fg",
+	accent: "bg-accent-9 text-accent-fg",
+	info: "bg-info-9 text-info-fg"
 };
-function S({
-  count: t,
-  max: o = 99,
-  dot: e = !1,
-  color: s = "error",
-  invisible: a = !1,
-  showZero: c = !1,
-  placement: f = "top-right",
-  className: l,
-  children: p
-}) {
-  const i = b(), g = !a && (e || t !== void 0 && (t > 0 || c)), m = t !== void 0 && t > o ? `${o}+` : t;
-  return /* @__PURE__ */ d("span", { className: r("relative inline-flex", l), children: [
-    p,
-    /* @__PURE__ */ n(u, { children: g && /* @__PURE__ */ n(
-      h.span,
-      {
-        initial: i ? { opacity: 0 } : { scale: 0, opacity: 0 },
-        animate: i ? { opacity: 1 } : { scale: 1, opacity: 1 },
-        exit: i ? { opacity: 0 } : { scale: 0, opacity: 0 },
-        transition: x.bouncy,
-        className: r(
-          "absolute flex items-center justify-center rounded-full font-sans font-semibold ring-2 ring-surface-raised",
-          w[s],
-          y[f],
-          e ? "h-2.5 w-2.5" : "min-w-[18px] h-[18px] px-1 text-[11px] leading-none"
-        ),
-        children: !e && m
-      },
-      "indicator"
-    ) })
-  ] });
+function l({ count: l, max: u = 99, dot: d = !1, color: f = "error", invisible: p = !1, showZero: m = !1, placement: h = "top-right", className: g, children: _ }) {
+	let v = n(), y = !p && (d || l !== void 0 && (l > 0 || m)), b = l !== void 0 && l > u ? `${u}+` : l;
+	return /* @__PURE__ */ o("span", {
+		className: i("relative inline-flex", g),
+		children: [_, /* @__PURE__ */ a(t, { children: y && /* @__PURE__ */ a(e.span, {
+			initial: v ? { opacity: 0 } : {
+				scale: 0,
+				opacity: 0
+			},
+			animate: v ? { opacity: 1 } : {
+				scale: 1,
+				opacity: 1
+			},
+			exit: v ? { opacity: 0 } : {
+				scale: 0,
+				opacity: 0
+			},
+			transition: r.bouncy,
+			className: i("absolute flex items-center justify-center rounded-full font-sans font-semibold ring-2 ring-surface-raised", c[f], s[h], d ? "h-2.5 w-2.5" : "min-w-[18px] h-[18px] px-1 text-[11px] leading-none"),
+			children: !d && b
+		}, "indicator") })]
+	});
 }
-S.displayName = "BadgeIndicator";
-export {
-  S as BadgeIndicator
-};
+l.displayName = "BadgeIndicator";
+//#endregion
+export { l as BadgeIndicator };

package/dist/ui/badge.js

@@ -1,16 +1,3 @@
 "use client";
-import "react/jsx-runtime";
-import "@tabler/icons-react";
-import "../_chunks/vendor-utils.js";
-import "./lib/motion.js";
-import "../_chunks/primitives.js";
-import "react";
-import "./icon.js";
-import "./lib/utils.js";
-import "./badge-indicator.js";
-import { B, b as f } from "../_chunks/badge-group.js";
-import "../_chunks/framer.js";
-export {
-  B as Badge,
-  f as badgeVariants
-};
+import { n as e, r as t } from "../_chunks/badge-group.js";
+export { e as Badge, t as badgeVariants };