@devalok/shilp-sutra 0.33.2 → 0.34.1

package/dist/ui/skeleton.js

@@ -1,231 +1,179 @@
-import { jsx as l, jsxs as f } from "react/jsx-runtime";
-import * as o from "react";
-import { a as g } from "../_chunks/vendor-utils.js";
-import { cn as r } from "./lib/utils.js";
-const k = g("bg-skeleton-base", {
-  variants: {
-    variant: {
-      rectangle: "rounded-ds-md",
-      circle: "rounded-ds-full aspect-square",
-      text: "rounded-ds-sm h-4 w-full"
-    },
-    animation: {
-      pulse: "animate-pulse motion-reduce:animate-none",
-      shimmer: "bg-[length:200%_100%] bg-gradient-to-r from-skeleton-base via-skeleton-shimmer to-skeleton-base animate-skeleton-shimmer [background-attachment:fixed] motion-reduce:animate-none",
-      none: ""
-    }
-  },
-  defaultVariants: {
-    variant: "rectangle",
-    animation: "pulse"
-  }
-}), w = o.forwardRef(
-  ({ className: e, variant: s, animation: t, ...a }, n) => /* @__PURE__ */ l(
-    "div",
-    {
-      ref: n,
-      "aria-hidden": "true",
-      className: r(k({ variant: s, animation: t }), e),
-      ...a
-    }
-  )
-);
-w.displayName = "Skeleton";
-const i = {
-  pulse: "animate-pulse",
-  shimmer: "bg-[length:200%_100%] bg-gradient-to-r from-skeleton-base via-skeleton-shimmer to-skeleton-base animate-skeleton-shimmer motion-reduce:animate-none",
-  none: ""
-}, b = {
-  sm: "h-8 w-8",
-  md: "h-10 w-10",
-  lg: "h-12 w-12",
-  xl: "h-16 w-16"
-}, v = o.forwardRef(
-  ({ className: e, size: s = "md", animation: t = "pulse", ...a }, n) => /* @__PURE__ */ l(
-    "div",
-    {
-      ref: n,
-      className: r(
-        "bg-skeleton-base rounded-ds-full",
-        b[s],
-        i[t],
-        e
-      ),
-      ...a
-    }
-  )
-);
-v.displayName = "SkeletonAvatar";
-const x = {
-  full: "w-full",
-  "three-quarter": "w-3/4",
-  half: "w-1/2"
-}, S = {
-  sm: "gap-ds-02",
-  md: "gap-ds-03"
-}, y = o.forwardRef(
-  ({
-    className: e,
-    lines: s = 3,
-    lastLineWidth: t = "three-quarter",
-    spacing: a = "md",
-    animation: n = "pulse",
-    ...d
-  }, m) => {
-    const c = Math.max(1, s ?? 3);
-    return /* @__PURE__ */ l(
-      "div",
-      {
-        ref: m,
-        className: r("flex flex-col", S[a], e),
-        ...d,
-        children: Array.from({ length: c }).map((h, u) => /* @__PURE__ */ l(
-          "div",
-          {
-            className: r(
-              "h-3.5 rounded-ds-sm bg-skeleton-base",
-              i[n],
-              u === c - 1 ? x[t] : "w-full"
-            )
-          },
-          u
-        ))
-      }
-    );
-  }
-);
-y.displayName = "SkeletonText";
-const N = {
-  sm: "h-ds-sm",
-  md: "h-ds-md",
-  lg: "h-ds-lg"
-}, C = {
-  auto: { sm: "w-24", md: "w-28", lg: "w-32" },
-  full: { sm: "w-full", md: "w-full", lg: "w-full" }
-}, R = o.forwardRef(
-  ({ className: e, size: s = "md", width: t = "auto", animation: a = "pulse", ...n }, d) => {
-    const m = t === "icon";
-    return /* @__PURE__ */ l(
-      "div",
-      {
-        ref: d,
-        className: r(
-          "bg-skeleton-base rounded-ds-md",
-          N[s],
-          m ? "aspect-square" : C[t][s],
-          i[a],
-          e
-        ),
-        ...n
-      }
-    );
-  }
-);
-R.displayName = "SkeletonButton";
-const I = {
-  sm: "h-ds-sm",
-  md: "h-ds-md",
-  lg: "h-ds-lg"
-}, A = o.forwardRef(
-  ({ className: e, size: s = "md", animation: t = "pulse", ...a }, n) => /* @__PURE__ */ l(
-    "div",
-    {
-      ref: n,
-      className: r(
-        "w-full bg-skeleton-base rounded-ds-md border border-skeleton-base/30",
-        I[s],
-        i[t],
-        e
-      ),
-      ...a
-    }
-  )
-);
-A.displayName = "SkeletonInput";
-const p = [65, 40, 85, 55, 70, 30, 90, 50, 75, 35, 80, 45, 60, 95, 38], B = o.forwardRef(
-  ({ className: e, bars: s = 7, height: t = "h-40", animation: a = "pulse", ...n }, d) => {
-    const m = Math.max(1, s ?? 7);
-    return /* @__PURE__ */ l(
-      "div",
-      {
-        ref: d,
-        className: r("flex items-end gap-ds-02", t, e),
-        ...n,
-        children: Array.from({ length: m }).map((c, h) => {
-          const u = p[h % p.length];
-          return /* @__PURE__ */ l(
-            "div",
-            {
-              className: r(
-                "flex-1 bg-skeleton-base rounded-t-ds-sm",
-                i[a]
-              ),
-              style: { height: `${u}%` }
-            },
-            h
-          );
-        })
-      }
-    );
-  }
-);
-B.displayName = "SkeletonChart";
-const L = o.forwardRef(
-  ({ className: e, width: s = "w-full", height: t = "h-40", animation: a = "pulse", ...n }, d) => /* @__PURE__ */ l(
-    "div",
-    {
-      ref: d,
-      className: r(
-        "bg-skeleton-base rounded-ds-md relative flex items-center justify-center",
-        s,
-        t,
-        i[a],
-        e
-      ),
-      ...n,
-      children: /* @__PURE__ */ f(
-        "svg",
-        {
-          xmlns: "http://www.w3.org/2000/svg",
-          width: "24",
-          height: "24",
-          viewBox: "0 0 24 24",
-          fill: "none",
-          stroke: "currentColor",
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          className: "text-skeleton-shimmer opacity-40",
-          "aria-hidden": "true",
-          children: [
-            /* @__PURE__ */ l("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }),
-            /* @__PURE__ */ l("circle", { cx: "8.5", cy: "8.5", r: "1.5" }),
-            /* @__PURE__ */ l("polyline", { points: "21 15 16 10 5 21" })
-          ]
-        }
-      )
-    }
-  )
-);
-L.displayName = "SkeletonImage";
-const _ = o.forwardRef(
-  ({ label: e = "Loading", children: s, ...t }, a) => /* @__PURE__ */ f("div", { ref: a, role: "status", "aria-label": e, "aria-busy": "true", ...t, children: [
-    /* @__PURE__ */ f("span", { className: "sr-only", children: [
-      e,
-      "..."
-    ] }),
-    s
-  ] })
-);
-_.displayName = "SkeletonGroup";
-export {
-  w as Skeleton,
-  v as SkeletonAvatar,
-  R as SkeletonButton,
-  B as SkeletonChart,
-  _ as SkeletonGroup,
-  L as SkeletonImage,
-  A as SkeletonInput,
-  y as SkeletonText,
-  k as skeletonVariants
-};
+import { t as e } from "../_chunks/vendor-utils.js";
+import { cn as t } from "./lib/utils.js";
+import * as n from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/ui/skeleton.tsx
+var a = e("bg-skeleton-base", {
+	variants: {
+		variant: {
+			rectangle: "rounded-ds-md",
+			circle: "rounded-ds-full aspect-square",
+			text: "rounded-ds-sm h-4 w-full"
+		},
+		animation: {
+			pulse: "animate-pulse motion-reduce:animate-none",
+			shimmer: "bg-[length:200%_100%] bg-gradient-to-r from-skeleton-base via-skeleton-shimmer to-skeleton-base animate-skeleton-shimmer [background-attachment:fixed] motion-reduce:animate-none",
+			none: ""
+		}
+	},
+	defaultVariants: {
+		variant: "rectangle",
+		animation: "pulse"
+	}
+}), o = n.forwardRef(({ className: e, variant: n, animation: i, ...o }, s) => /* @__PURE__ */ r("div", {
+	ref: s,
+	"aria-hidden": "true",
+	className: t(a({
+		variant: n,
+		animation: i
+	}), e),
+	...o
+}));
+o.displayName = "Skeleton";
+var s = {
+	pulse: "animate-pulse",
+	shimmer: "bg-[length:200%_100%] bg-gradient-to-r from-skeleton-base via-skeleton-shimmer to-skeleton-base animate-skeleton-shimmer motion-reduce:animate-none",
+	none: ""
+}, c = {
+	sm: "h-8 w-8",
+	md: "h-10 w-10",
+	lg: "h-12 w-12",
+	xl: "h-16 w-16"
+}, l = n.forwardRef(({ className: e, size: n = "md", animation: i = "pulse", ...a }, o) => /* @__PURE__ */ r("div", {
+	ref: o,
+	className: t("bg-skeleton-base rounded-ds-full", c[n], s[i], e),
+	...a
+}));
+l.displayName = "SkeletonAvatar";
+var u = {
+	full: "w-full",
+	"three-quarter": "w-3/4",
+	half: "w-1/2"
+}, d = {
+	sm: "gap-ds-02",
+	md: "gap-ds-03"
+}, f = n.forwardRef(({ className: e, lines: n = 3, lastLineWidth: i = "three-quarter", spacing: a = "md", animation: o = "pulse", ...c }, l) => {
+	let f = Math.max(1, n ?? 3);
+	return /* @__PURE__ */ r("div", {
+		ref: l,
+		className: t("flex flex-col", d[a], e),
+		...c,
+		children: Array.from({ length: f }).map((e, n) => /* @__PURE__ */ r("div", { className: t("h-3.5 rounded-ds-sm bg-skeleton-base", s[o], n === f - 1 ? u[i] : "w-full") }, n))
+	});
+});
+f.displayName = "SkeletonText";
+var p = {
+	sm: "h-ds-sm",
+	md: "h-ds-md",
+	lg: "h-ds-lg"
+}, m = {
+	auto: {
+		sm: "w-24",
+		md: "w-28",
+		lg: "w-32"
+	},
+	full: {
+		sm: "w-full",
+		md: "w-full",
+		lg: "w-full"
+	}
+}, h = n.forwardRef(({ className: e, size: n = "md", width: i = "auto", animation: a = "pulse", ...o }, c) => {
+	let l = i === "icon";
+	return /* @__PURE__ */ r("div", {
+		ref: c,
+		className: t("bg-skeleton-base rounded-ds-md", p[n], l ? "aspect-square" : m[i][n], s[a], e),
+		...o
+	});
+});
+h.displayName = "SkeletonButton";
+var g = {
+	sm: "h-ds-sm",
+	md: "h-ds-md",
+	lg: "h-ds-lg"
+}, _ = n.forwardRef(({ className: e, size: n = "md", animation: i = "pulse", ...a }, o) => /* @__PURE__ */ r("div", {
+	ref: o,
+	className: t("w-full bg-skeleton-base rounded-ds-md border border-skeleton-base/30", g[n], s[i], e),
+	...a
+}));
+_.displayName = "SkeletonInput";
+var v = [
+	65,
+	40,
+	85,
+	55,
+	70,
+	30,
+	90,
+	50,
+	75,
+	35,
+	80,
+	45,
+	60,
+	95,
+	38
+], y = n.forwardRef(({ className: e, bars: n = 7, height: i = "h-40", animation: a = "pulse", ...o }, c) => {
+	let l = Math.max(1, n ?? 7);
+	return /* @__PURE__ */ r("div", {
+		ref: c,
+		className: t("flex items-end gap-ds-02", i, e),
+		...o,
+		children: Array.from({ length: l }).map((e, n) => {
+			let i = v[n % v.length];
+			return /* @__PURE__ */ r("div", {
+				className: t("flex-1 bg-skeleton-base rounded-t-ds-sm", s[a]),
+				style: { height: `${i}%` }
+			}, n);
+		})
+	});
+});
+y.displayName = "SkeletonChart";
+var b = n.forwardRef(({ className: e, width: n = "w-full", height: a = "h-40", animation: o = "pulse", ...c }, l) => /* @__PURE__ */ r("div", {
+	ref: l,
+	className: t("bg-skeleton-base rounded-ds-md relative flex items-center justify-center", n, a, s[o], e),
+	...c,
+	children: /* @__PURE__ */ i("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: "24",
+		height: "24",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "1.5",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: "text-skeleton-shimmer opacity-40",
+		"aria-hidden": "true",
+		children: [
+			/* @__PURE__ */ r("rect", {
+				x: "3",
+				y: "3",
+				width: "18",
+				height: "18",
+				rx: "2",
+				ry: "2"
+			}),
+			/* @__PURE__ */ r("circle", {
+				cx: "8.5",
+				cy: "8.5",
+				r: "1.5"
+			}),
+			/* @__PURE__ */ r("polyline", { points: "21 15 16 10 5 21" })
+		]
+	})
+}));
+b.displayName = "SkeletonImage";
+var x = n.forwardRef(({ label: e = "Loading", children: t, ...n }, r) => /* @__PURE__ */ i("div", {
+	ref: r,
+	role: "status",
+	"aria-label": e,
+	"aria-busy": "true",
+	...n,
+	children: [/* @__PURE__ */ i("span", {
+		className: "sr-only",
+		children: [e, "..."]
+	}), t]
+}));
+x.displayName = "SkeletonGroup";
+//#endregion
+export { o as Skeleton, l as SkeletonAvatar, h as SkeletonButton, y as SkeletonChart, x as SkeletonGroup, b as SkeletonImage, _ as SkeletonInput, f as SkeletonText, a as skeletonVariants };

package/dist/ui/slider.js

@@ -1,36 +1,26 @@
 "use client";
-import { jsxs as d, jsx as e } from "react/jsx-runtime";
-import * as f from "react";
-import { aD as s, aE as b, aF as u, aG as h } from "../_chunks/primitives.js";
-import { cn as m } from "./lib/utils.js";
-const v = f.forwardRef(({ className: i, "aria-label": l, value: a, defaultValue: o, ...t }, n) => {
-  const r = (a ?? o ?? [0]).length;
-  return /* @__PURE__ */ d(
-    s,
-    {
-      ref: n,
-      value: a,
-      defaultValue: o,
-      className: m(
-        "relative flex w-full touch-none select-none items-center",
-        i
-      ),
-      ...t,
-      children: [
-        /* @__PURE__ */ e(b, { className: "relative h-ds-02b w-full grow overflow-hidden rounded-ds-full bg-surface-raised-hover", children: /* @__PURE__ */ e(u, { className: "absolute h-full bg-accent-9" }) }),
-        Array.from({ length: r }, (g, c) => /* @__PURE__ */ e(
-          h,
-          {
-            "aria-label": r === 1 ? l : void 0,
-            className: "touch-target block h-6 w-6 rounded-ds-full border-2 border-accent-7 bg-surface-overlay shadow-raised transition-[color,transform,box-shadow] duration-fast-02 ease-productive-standard hover:scale-110 hover:shadow-raised-hover active:scale-[1.15] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-action-disabled"
-          },
-          c
-        ))
-      ]
-    }
-  );
+import { B as e, H as t, V as n, z as r } from "../_chunks/primitives.js";
+import { cn as i } from "./lib/utils.js";
+import * as a from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/ui/slider.tsx
+var c = a.forwardRef(({ className: a, "aria-label": c, value: l, defaultValue: u, ...d }, f) => {
+	let p = (l ?? u ?? [0]).length;
+	return /* @__PURE__ */ s(e, {
+		ref: f,
+		value: l,
+		defaultValue: u,
+		className: i("relative flex w-full touch-none select-none items-center", a),
+		...d,
+		children: [/* @__PURE__ */ o(t, {
+			className: "relative h-ds-02b w-full grow overflow-hidden rounded-ds-full bg-surface-raised-hover",
+			children: /* @__PURE__ */ o(r, { className: "absolute h-full bg-accent-9" })
+		}), Array.from({ length: p }, (e, t) => /* @__PURE__ */ o(n, {
+			"aria-label": p === 1 ? c : void 0,
+			className: "touch-target block h-6 w-6 rounded-ds-full border-2 border-accent-7 bg-surface-overlay shadow-raised transition-[color,transform,box-shadow] duration-fast-02 ease-productive-standard hover:scale-110 hover:shadow-raised-hover active:scale-[1.15] focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-action-disabled"
+		}, t))]
+	});
 });
-v.displayName = s.displayName;
-export {
-  v as Slider
-};
+c.displayName = e.displayName;
+//#endregion
+export { c as Slider };