@devalok/shilp-sutra 0.33.2 → 0.34.1

package/dist/composed/confirm-dialog.js

@@ -1,50 +1,30 @@
 "use client";
-import { jsx as r, jsxs as e } from "react/jsx-runtime";
-import * as g from "react";
-import { AlertDialog as p, AlertDialogContent as A, AlertDialogHeader as C, AlertDialogTitle as u, AlertDialogDescription as x, AlertDialogFooter as b } from "../ui/alert-dialog.js";
+import { AlertDialog as e, AlertDialogContent as t, AlertDialogDescription as n, AlertDialogFooter as r, AlertDialogHeader as i, AlertDialogTitle as a } from "../ui/alert-dialog.js";
 import { Button as o } from "../ui/button.js";
-const j = g.forwardRef(
-  ({
-    open: t,
-    onOpenChange: l,
-    title: a,
-    description: n,
-    confirmText: c = "Confirm",
-    cancelText: d = "Cancel",
-    color: s = "accent",
-    loading: i = !1,
-    onConfirm: m,
-    className: f,
-    ...D
-  }, h) => /* @__PURE__ */ r(p, { open: t, onOpenChange: l, children: /* @__PURE__ */ e(A, { ref: h, className: f, ...D, children: [
-    /* @__PURE__ */ e(C, { children: [
-      /* @__PURE__ */ r(u, { children: a }),
-      /* @__PURE__ */ r(x, { children: n })
-    ] }),
-    /* @__PURE__ */ e(b, { children: [
-      /* @__PURE__ */ r(
-        o,
-        {
-          variant: "outline",
-          disabled: i,
-          onClick: () => l(!1),
-          children: d
-        }
-      ),
-      /* @__PURE__ */ r(
-        o,
-        {
-          variant: "solid",
-          color: s,
-          disabled: i,
-          onClick: () => m(),
-          children: i ? "Processing..." : c
-        }
-      )
-    ] })
-  ] }) })
-);
-j.displayName = "ConfirmDialog";
-export {
-  j as ConfirmDialog
-};
+import * as s from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/composed/confirm-dialog.tsx
+var u = s.forwardRef(({ open: s, onOpenChange: u, title: d, description: f, confirmText: p = "Confirm", cancelText: m = "Cancel", color: h = "accent", loading: g = !1, onConfirm: _, className: v, ...y }, b) => /* @__PURE__ */ c(e, {
+	open: s,
+	onOpenChange: u,
+	children: /* @__PURE__ */ l(t, {
+		ref: b,
+		className: v,
+		...y,
+		children: [/* @__PURE__ */ l(i, { children: [/* @__PURE__ */ c(a, { children: d }), /* @__PURE__ */ c(n, { children: f })] }), /* @__PURE__ */ l(r, { children: [/* @__PURE__ */ c(o, {
+			variant: "outline",
+			disabled: g,
+			onClick: () => u(!1),
+			children: m
+		}), /* @__PURE__ */ c(o, {
+			variant: "solid",
+			color: h,
+			disabled: g,
+			onClick: () => _(),
+			children: g ? "Processing..." : p
+		})] })]
+	})
+}));
+u.displayName = "ConfirmDialog";
+//#endregion
+export { u as ConfirmDialog };

package/dist/composed/content-card.js

@@ -1,108 +1,69 @@
-import { jsxs as i, jsx as e, Fragment as m } from "react/jsx-runtime";
-import * as g from "react";
-import { a as h } from "../_chunks/vendor-utils.js";
-import { cn as d } from "../ui/lib/utils.js";
-const v = h(
-  "rounded-ds-lg will-change-[box-shadow] transition-[color,background-color,border-color,box-shadow] duration-fast-02 ease-productive-standard",
-  {
-    variants: {
-      variant: {
-        default: "border border-surface-border-strong bg-surface-raised shadow-raised hover:shadow-raised-hover",
-        outline: "border border-surface-border bg-transparent hover:border-surface-border-strong",
-        ghost: "border border-transparent bg-transparent hover:bg-surface-raised"
-      },
-      padding: {
-        default: "p-ds-05b",
-        compact: "p-ds-04",
-        spacious: "p-ds-06",
-        none: "p-0"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      padding: "default"
-    }
-  }
-), b = (r) => {
-  switch (r) {
-    case "compact":
-      return "px-ds-04 py-ds-03";
-    case "spacious":
-      return "px-ds-06 py-ds-05";
-    default:
-      return "px-ds-05b py-ds-04";
-  }
-}, x = (r) => {
-  switch (r) {
-    case "compact":
-      return "p-ds-04";
-    case "spacious":
-      return "p-ds-06";
-    default:
-      return "p-ds-05b";
-  }
-}, w = g.forwardRef(
-  ({
-    variant: r,
-    padding: s,
-    header: c,
-    headerTitle: t,
-    headerActions: o,
-    footer: a,
-    className: u,
-    children: p,
-    ...l
-  }, f) => {
-    const n = c || t || o;
-    return /* @__PURE__ */ i(
-      "div",
-      {
-        ref: f,
-        className: d(
-          v({ variant: r, padding: n || a ? "none" : s }),
-          u
-        ),
-        ...l,
-        children: [
-          n && /* @__PURE__ */ e(
-            "div",
-            {
-              className: d(
-                "flex items-center justify-between border-b border-surface-border-strong",
-                b(s)
-              ),
-              children: c ?? /* @__PURE__ */ i(m, { children: [
-                t && /* @__PURE__ */ e("h3", { className: "text-ds-base font-semibold text-surface-fg", children: t }),
-                o && /* @__PURE__ */ e("div", { className: "flex items-center gap-ds-03", children: o })
-              ] })
-            }
-          ),
-          /* @__PURE__ */ e(
-            "div",
-            {
-              className: d(
-                (n || a) && x(s)
-              ),
-              children: p
-            }
-          ),
-          a && /* @__PURE__ */ e(
-            "div",
-            {
-              className: d(
-                "border-t border-surface-border-strong",
-                b(s)
-              ),
-              children: a
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-w.displayName = "ContentCard";
-export {
-  w as ContentCard,
-  v as contentCardVariants
-};
+import { t as e } from "../_chunks/vendor-utils.js";
+import { cn as t } from "../ui/lib/utils.js";
+import * as n from "react";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/composed/content-card.tsx
+var o = e("rounded-ds-lg will-change-[box-shadow] transition-[color,background-color,border-color,box-shadow] duration-fast-02 ease-productive-standard", {
+	variants: {
+		variant: {
+			default: "border border-surface-border-strong bg-surface-raised shadow-raised hover:shadow-raised-hover",
+			outline: "border border-surface-border bg-transparent hover:border-surface-border-strong",
+			ghost: "border border-transparent bg-transparent hover:bg-surface-raised"
+		},
+		padding: {
+			default: "p-ds-05b",
+			compact: "p-ds-04",
+			spacious: "p-ds-06",
+			none: "p-0"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		padding: "default"
+	}
+}), s = (e) => {
+	switch (e) {
+		case "compact": return "px-ds-04 py-ds-03";
+		case "spacious": return "px-ds-06 py-ds-05";
+		default: return "px-ds-05b py-ds-04";
+	}
+}, c = (e) => {
+	switch (e) {
+		case "compact": return "p-ds-04";
+		case "spacious": return "p-ds-06";
+		default: return "p-ds-05b";
+	}
+}, l = n.forwardRef(({ variant: e, padding: n, header: l, headerTitle: u, headerActions: d, footer: f, className: p, children: m, ...h }, g) => {
+	let _ = l || u || d;
+	return /* @__PURE__ */ a("div", {
+		ref: g,
+		className: t(o({
+			variant: e,
+			padding: _ || f ? "none" : n
+		}), p),
+		...h,
+		children: [
+			_ && /* @__PURE__ */ i("div", {
+				className: t("flex items-center justify-between border-b border-surface-border-strong", s(n)),
+				children: l ?? /* @__PURE__ */ a(r, { children: [u && /* @__PURE__ */ i("h3", {
+					className: "text-ds-base font-semibold text-surface-fg",
+					children: u
+				}), d && /* @__PURE__ */ i("div", {
+					className: "flex items-center gap-ds-03",
+					children: d
+				})] })
+			}),
+			/* @__PURE__ */ i("div", {
+				className: t((_ || f) && c(n)),
+				children: m
+			}),
+			f && /* @__PURE__ */ i("div", {
+				className: t("border-t border-surface-border-strong", s(n)),
+				children: f
+			})
+		]
+	});
+});
+l.displayName = "ContentCard";
+//#endregion
+export { l as ContentCard, o as contentCardVariants };

package/dist/composed/date-picker/index.js

@@ -1,14 +1,4 @@
 "use client";
-import { C as r, u as s } from "../../_chunks/use-calendar.js";
-import { D as P, a as t, b as c, M as k, P as o, T as m, Y as n } from "../../_chunks/date-time-picker.js";
-export {
-  r as CalendarGrid,
-  P as DatePicker,
-  t as DateRangePicker,
-  c as DateTimePicker,
-  k as MonthPicker,
-  o as Presets,
-  m as TimePicker,
-  n as YearPicker,
-  s as useCalendar
-};
+import { n as e, t } from "../../_chunks/use-calendar.js";
+import { a as n, i as r, n as i, o as a, r as o, s, t as c } from "../../_chunks/date-picker.js";
+export { e as CalendarGrid, n as DatePicker, o as DateRangePicker, c as DateTimePicker, a as MonthPicker, r as Presets, i as TimePicker, s as YearPicker, t as useCalendar };

package/dist/composed/deadline-indicator.js

@@ -1,79 +1,73 @@
 "use client";
-import { jsxs as D, jsx as c } from "react/jsx-runtime";
+import { a as e } from "../_chunks/framer.js";
+import { motionProps as t } from "../ui/lib/motion.js";
+import { cn as n } from "../ui/lib/utils.js";
+import { Icon as r } from "../ui/icon.js";
+import { SimpleTooltip as i } from "./simple-tooltip.js";
 import * as a from "react";
-import { cn as b } from "../ui/lib/utils.js";
-import { motionProps as S } from "../ui/lib/motion.js";
-import { IconClock as g } from "@tabler/icons-react";
-import { Icon as w } from "../ui/icon.js";
-import { SimpleTooltip as y } from "./simple-tooltip.js";
-import { m as j } from "../_chunks/framer.js";
-function z(t) {
-  const e = Math.abs(t), n = t < 0 ? "Overdue by " : "", r = t >= 0 ? " left" : "";
-  return e < 1 ? t < 0 ? "Overdue" : "Due now" : e < 60 ? `${n}${Math.round(e)}m${r}` : e < 1440 ? `${n}${Math.round(e / 60)}h${r}` : `${n}${Math.round(e / 1440)}d${r}`;
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { IconClock as c } from "@tabler/icons-react";
+//#region src/composed/deadline-indicator.tsx
+function l(e) {
+	let t = Math.abs(e), n = e < 0 ? "Overdue by " : "", r = e >= 0 ? " left" : "";
+	return t < 1 ? e < 0 ? "Overdue" : "Due now" : t < 60 ? `${n}${Math.round(t)}m${r}` : t < 1440 ? `${n}${Math.round(t / 60)}h${r}` : `${n}${Math.round(t / 1440)}d${r}`;
 }
-function L(t) {
-  return t.toLocaleDateString(void 0, {
-    month: "short",
-    day: "numeric",
-    hour: "numeric",
-    minute: "2-digit"
-  });
+function u(e) {
+	return e.toLocaleDateString(void 0, {
+		month: "short",
+		day: "numeric",
+		hour: "numeric",
+		minute: "2-digit"
+	});
 }
-const N = a.forwardRef(({
-  deadline: t,
-  warningThreshold: e = 1440,
-  criticalThreshold: n = 240,
-  format: r = "relative",
-  showIcon: m = !1,
-  refreshInterval: f = 6e4,
-  className: u,
-  ...d
-}, p) => {
-  const [, M] = a.useReducer((s) => s + 1, 0);
-  a.useEffect(() => {
-    if (!f) return;
-    const s = setInterval(M, f);
-    return () => clearInterval(s);
-  }, [f]);
-  const l = a.useMemo(
-    () => t instanceof Date ? t : new Date(t),
-    [t]
-  ), o = (l.getTime() - Date.now()) / 6e4;
-  let i;
-  o <= 0 ? i = "text-error-11 font-semibold" : o <= n ? i = "text-error-11" : o <= e ? i = "text-warning-11" : i = "text-success-11";
-  const x = r === "relative" ? z(o) : L(l), C = o <= 0, I = o <= n && o > 0, O = C || I, h = r === "relative", $ = l.toLocaleString();
-  if (O) {
-    const s = /* @__PURE__ */ D(
-      j.span,
-      {
-        ref: p,
-        className: b("inline-flex items-center gap-ds-01 font-sans text-ds-sm", i, u),
-        animate: { opacity: [1, 0.7, 1] },
-        transition: { duration: 2, repeat: 1 / 0 },
-        ...S(d),
-        children: [
-          m && /* @__PURE__ */ c(w, { icon: g, size: "xs" }),
-          x
-        ]
-      }
-    );
-    return h ? /* @__PURE__ */ c(y, { content: $, children: s }) : s;
-  }
-  const v = /* @__PURE__ */ D(
-    "span",
-    {
-      ref: p,
-      className: b("inline-flex items-center gap-ds-01 font-sans text-ds-sm", i, u),
-      ...d,
-      children: [
-        m && /* @__PURE__ */ c(w, { icon: g, size: "xs" }),
-        x
-      ]
-    }
-  );
-  return h ? /* @__PURE__ */ c(y, { content: $, children: v }) : v;
+var d = a.forwardRef(({ deadline: d, warningThreshold: f = 1440, criticalThreshold: p = 240, format: m = "relative", showIcon: h = !1, refreshInterval: g = 6e4, className: _, ...v }, y) => {
+	let [, b] = a.useReducer((e) => e + 1, 0);
+	a.useEffect(() => {
+		if (!g) return;
+		let e = setInterval(b, g);
+		return () => clearInterval(e);
+	}, [g]);
+	let x = a.useMemo(() => d instanceof Date ? d : new Date(d), [d]), S = (x.getTime() - Date.now()) / 6e4, C;
+	C = S <= 0 ? "text-error-11 font-semibold" : S <= p ? "text-error-11" : S <= f ? "text-warning-11" : "text-success-11";
+	let w = m === "relative" ? l(S) : u(x), T = S <= 0 || S <= p && S > 0, E = m === "relative", D = x.toLocaleString();
+	if (T) {
+		let a = /* @__PURE__ */ s(e.span, {
+			ref: y,
+			className: n("inline-flex items-center gap-ds-01 font-sans text-ds-sm", C, _),
+			animate: { opacity: [
+				1,
+				.7,
+				1
+			] },
+			transition: {
+				duration: 2,
+				repeat: Infinity
+			},
+			...t(v),
+			children: [h && /* @__PURE__ */ o(r, {
+				icon: c,
+				size: "xs"
+			}), w]
+		});
+		return E ? /* @__PURE__ */ o(i, {
+			content: D,
+			children: a
+		}) : a;
+	}
+	let O = /* @__PURE__ */ s("span", {
+		ref: y,
+		className: n("inline-flex items-center gap-ds-01 font-sans text-ds-sm", C, _),
+		...v,
+		children: [h && /* @__PURE__ */ o(r, {
+			icon: c,
+			size: "xs"
+		}), w]
+	});
+	return E ? /* @__PURE__ */ o(i, {
+		content: D,
+		children: O
+	}) : O;
 });
-N.displayName = "DeadlineIndicator";
-export {
-  N as DeadlineIndicator
-};
+d.displayName = "DeadlineIndicator";
+//#endregion
+export { d as DeadlineIndicator };

package/dist/composed/emoji-picker.js

@@ -1,115 +1,88 @@
 "use client";
-import { jsx as e, jsxs as S } from "react/jsx-runtime";
-import * as o from "react";
-import { cn as u } from "../ui/lib/utils.js";
-import { springs as f } from "../ui/lib/motion.js";
-import { Skeleton as h } from "../ui/skeleton.js";
-import { Popover as j, PopoverTrigger as x, PopoverContent as E } from "../ui/popover.js";
-import { A as w, m as y } from "../_chunks/framer.js";
-const N = o.lazy(
-  () => import("@emoji-mart/react").then((t) => ({
-    default: t.default
-  }))
-), g = {
-  native: () => import("@emoji-mart/data"),
-  apple: () => import("@emoji-mart/data/sets/15/apple.json"),
-  google: () => import("@emoji-mart/data/sets/15/google.json"),
-  twitter: () => import("@emoji-mart/data/sets/15/twitter.json"),
-  facebook: () => import("@emoji-mart/data/sets/15/facebook.json")
+import { a as e, c as t } from "../_chunks/framer.js";
+import { springs as n } from "../ui/lib/motion.js";
+import { cn as r } from "../ui/lib/utils.js";
+import { i, r as a, t as o } from "../_chunks/popover.js";
+import { Skeleton as s } from "../ui/skeleton.js";
+import * as c from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/composed/emoji-picker.tsx
+var d = c.lazy(() => import("@emoji-mart/react").then((e) => ({ default: e.default }))), f = {
+	native: () => import("@emoji-mart/data"),
+	apple: () => import("@emoji-mart/data/sets/15/apple.json"),
+	google: () => import("@emoji-mart/data/sets/15/google.json"),
+	twitter: () => import("@emoji-mart/data/sets/15/twitter.json"),
+	facebook: () => import("@emoji-mart/data/sets/15/facebook.json")
 };
-function b(t) {
-  return t !== "auto" ? t : typeof document > "u" ? "light" : document.documentElement.classList.contains("dark") ? "dark" : "light";
+function p(e) {
+	return e === "auto" ? typeof document > "u" ? "light" : document.documentElement.classList.contains("dark") ? "dark" : "light" : e;
 }
-function k({
-  onSelect: t,
-  set: n = "native",
-  theme: s = "auto",
-  previewPosition: c = "none",
-  skinTonePosition: d = "search",
-  className: a
-}) {
-  const [l, p] = o.useState(!1), [i, r] = o.useState(null);
-  return o.useEffect(() => {
-    p(!0), (g[n] ?? g.native)().then((P) => r(P.default));
-  }, [n]), /* @__PURE__ */ e(w, { mode: "wait", children: l && !!i ? /* @__PURE__ */ e(
-    y.div,
-    {
-      initial: { opacity: 0, scale: 0.95 },
-      animate: { opacity: 1, scale: 1 },
-      transition: f.snappy,
-      className: a,
-      children: /* @__PURE__ */ e(
-        o.Suspense,
-        {
-          fallback: /* @__PURE__ */ e("div", { className: u("rounded-ds-lg", a), children: /* @__PURE__ */ e(h, { className: "h-[435px] w-[352px] rounded-ds-lg" }) }),
-          children: /* @__PURE__ */ e(
-            N,
-            {
-              data: i,
-              set: n,
-              onEmojiSelect: t,
-              theme: b(s),
-              previewPosition: c,
-              skinTonePosition: d
-            }
-          )
-        }
-      )
-    },
-    "picker"
-  ) : /* @__PURE__ */ e(
-    y.div,
-    {
-      initial: { opacity: 0 },
-      animate: { opacity: 1 },
-      exit: { opacity: 0 },
-      transition: f.snappy,
-      className: u("rounded-ds-lg", a),
-      children: /* @__PURE__ */ e(h, { className: "h-[435px] w-[352px] rounded-ds-lg" })
-    },
-    "skeleton"
-  ) });
+function m({ onSelect: i, set: a = "native", theme: o = "auto", previewPosition: u = "none", skinTonePosition: m = "search", className: h }) {
+	let [g, _] = c.useState(!1), [v, y] = c.useState(null);
+	return c.useEffect(() => {
+		_(!0), (f[a] ?? f.native)().then((e) => y(e.default));
+	}, [a]), /* @__PURE__ */ l(t, {
+		mode: "wait",
+		children: g && v ? /* @__PURE__ */ l(e.div, {
+			initial: {
+				opacity: 0,
+				scale: .95
+			},
+			animate: {
+				opacity: 1,
+				scale: 1
+			},
+			transition: n.snappy,
+			className: h,
+			children: /* @__PURE__ */ l(c.Suspense, {
+				fallback: /* @__PURE__ */ l("div", {
+					className: r("rounded-ds-lg", h),
+					children: /* @__PURE__ */ l(s, { className: "h-[435px] w-[352px] rounded-ds-lg" })
+				}),
+				children: /* @__PURE__ */ l(d, {
+					data: v,
+					set: a,
+					onEmojiSelect: i,
+					theme: p(o),
+					previewPosition: u,
+					skinTonePosition: m
+				})
+			})
+		}, "picker") : /* @__PURE__ */ l(e.div, {
+			initial: { opacity: 0 },
+			animate: { opacity: 1 },
+			exit: { opacity: 0 },
+			transition: n.snappy,
+			className: r("rounded-ds-lg", h),
+			children: /* @__PURE__ */ l(s, { className: "h-[435px] w-[352px] rounded-ds-lg" })
+		}, "skeleton")
+	});
 }
-function C({
-  children: t,
-  align: n = "start",
-  onSelect: s,
-  set: c,
-  theme: d,
-  previewPosition: a,
-  skinTonePosition: l,
-  className: p
-}) {
-  const [i, r] = o.useState(!1);
-  return /* @__PURE__ */ S(j, { open: i, onOpenChange: r, children: [
-    /* @__PURE__ */ e(x, { asChild: !0, children: t }),
-    /* @__PURE__ */ e(
-      E,
-      {
-        align: n,
-        className: "w-auto border-none bg-transparent p-0 shadow-none",
-        sideOffset: 8,
-        children: /* @__PURE__ */ e(
-          k,
-          {
-            onSelect: (m) => {
-              s(m), r(!1);
-            },
-            set: c,
-            theme: d,
-            previewPosition: a,
-            skinTonePosition: l,
-            className: p
-          }
-        )
-      }
-    )
-  ] });
+function h({ children: e, align: t = "start", onSelect: n, set: r, theme: s, previewPosition: d, skinTonePosition: f, className: p }) {
+	let [h, g] = c.useState(!1);
+	return /* @__PURE__ */ u(o, {
+		open: h,
+		onOpenChange: g,
+		children: [/* @__PURE__ */ l(i, {
+			asChild: !0,
+			children: e
+		}), /* @__PURE__ */ l(a, {
+			align: t,
+			className: "w-auto border-none bg-transparent p-0 shadow-none",
+			sideOffset: 8,
+			children: /* @__PURE__ */ l(m, {
+				onSelect: (e) => {
+					n(e), g(!1);
+				},
+				set: r,
+				theme: s,
+				previewPosition: d,
+				skinTonePosition: f,
+				className: p
+			})
+		})]
+	});
 }
-k.displayName = "EmojiPicker";
-C.displayName = "EmojiPickerPopover";
-export {
-  k as EmojiPicker,
-  C as EmojiPickerPopover,
-  g as emojiDataLoaders
-};
+m.displayName = "EmojiPicker", h.displayName = "EmojiPickerPopover";
+//#endregion
+export { m as EmojiPicker, h as EmojiPickerPopover, f as emojiDataLoaders };