@devalok/shilp-sutra 0.34.0 → 0.36.0

package/dist/composed/status-badge.js

@@ -1,138 +1,134 @@
 "use client";
-import { jsx as r, jsxs as m } from "react/jsx-runtime";
-import * as B from "react";
-import { a as I } from "../_chunks/vendor-utils.js";
-import { IconChevronDown as M } from "@tabler/icons-react";
-import { Icon as L } from "../ui/icon.js";
-import { motionProps as x } from "../ui/lib/motion.js";
-import { cn as n } from "../ui/lib/utils.js";
-import { m as w, A as h } from "../_chunks/framer.js";
-const y = I(
-  "inline-flex items-center gap-ds-02b rounded-ds-full font-body",
-  {
-    variants: {
-      status: {
-        active: "bg-success-3 text-success-11",
-        pending: "bg-warning-3 text-warning-11",
-        approved: "bg-success-3 text-success-11",
-        rejected: "bg-error-3 text-error-11",
-        completed: "bg-success-3 text-success-11",
-        blocked: "bg-error-3 text-error-11",
-        "in-progress": "bg-accent-3 text-accent-11",
-        review: "bg-info-3 text-info-11",
-        cancelled: "bg-surface-raised text-surface-fg-subtle",
-        draft: "bg-surface-raised text-surface-fg-subtle"
-      },
-      color: {
-        success: "bg-success-3 text-success-11",
-        warning: "bg-warning-3 text-warning-11",
-        error: "bg-error-3 text-error-11",
-        info: "bg-info-3 text-info-11",
-        neutral: "bg-surface-raised text-surface-fg-subtle"
-      },
-      size: {
-        sm: "px-ds-03 py-ds-01 text-ds-xs font-semibold",
-        md: "px-ds-04 py-ds-02 text-ds-sm font-medium"
-      }
-    },
-    defaultVariants: {
-      size: "md"
-    }
-  }
-), P = {
-  active: "bg-success-9",
-  pending: "bg-warning-9",
-  approved: "bg-success-9",
-  rejected: "bg-error-9",
-  completed: "bg-success-9",
-  blocked: "bg-error-9",
-  "in-progress": "bg-accent-9",
-  review: "bg-info-9",
-  cancelled: "bg-disabled",
-  draft: "bg-surface-fg-subtle"
-}, R = {
-  success: "bg-success-9",
-  warning: "bg-warning-9",
-  error: "bg-error-9",
-  info: "bg-info-9",
-  neutral: "bg-surface-fg-subtle"
-}, v = { duration: 0.3, ease: "easeOut" }, S = B.forwardRef(
-  ({ status: C, color: e, size: a, label: c, hideDot: i = !1, onClick: o, icon: d, className: u, ...l }, g) => {
-    const s = o != null, p = s ? w.button : w.span, b = s ? "cursor-pointer hover:opacity-80 transition-opacity" : void 0, f = d ?? (s ? /* @__PURE__ */ r(L, { icon: M, size: "xs", className: "text-current/50 -mr-0.5 shrink-0" }) : null);
-    if (e != null) {
-      const j = c ?? e.charAt(0).toUpperCase() + e.slice(1), A = R[e];
-      return /* @__PURE__ */ r(h, { mode: "wait", children: /* @__PURE__ */ m(
-        p,
-        {
-          ref: g,
-          ...s ? { type: "button", onClick: o } : {},
-          initial: { opacity: 0.6, scale: 0.95 },
-          animate: { opacity: 1, scale: 1 },
-          exit: { opacity: 0.6, scale: 0.95 },
-          transition: v,
-          className: n(
-            y({ color: e, size: a }),
-            b,
-            u
-          ),
-          ...x(l),
-          children: [
-            !i && /* @__PURE__ */ r(
-              "span",
-              {
-                className: n(
-                  "shrink-0 rounded-ds-full",
-                  a === "sm" ? "h-ds-02b w-ds-02b" : "h-[8px] w-[8px]",
-                  A
-                ),
-                "aria-hidden": "true"
-              }
-            ),
-            j,
-            f
-          ]
-        },
-        e
-      ) });
-    }
-    const t = C ?? "pending", k = c ?? t.charAt(0).toUpperCase() + t.slice(1), N = P[t];
-    return /* @__PURE__ */ r(h, { mode: "wait", children: /* @__PURE__ */ m(
-      p,
-      {
-        ref: g,
-        ...s ? { type: "button", onClick: o } : {},
-        initial: { opacity: 0.6 },
-        animate: { opacity: 1 },
-        exit: { opacity: 0.6 },
-        transition: v,
-        className: n(
-          y({ status: t, size: a }),
-          b,
-          u
-        ),
-        ...x(l),
-        children: [
-          !i && /* @__PURE__ */ r(
-            "span",
-            {
-              className: n(
-                "shrink-0 rounded-ds-full",
-                a === "sm" ? "h-ds-02b w-ds-02b" : "h-[8px] w-[8px]",
-                N
-              ),
-              "aria-hidden": "true"
-            }
-          ),
-          k,
-          f
-        ]
-      },
-      t
-    ) });
-  }
-);
-S.displayName = "StatusBadge";
-export {
-  S as StatusBadge,
-  y as statusBadgeVariants
-};
+import { a as e, c as t } from "../_chunks/framer.js";
+import { motionProps as n } from "../ui/lib/motion.js";
+import { t as r } from "../_chunks/vendor-utils.js";
+import { cn as i } from "../ui/lib/utils.js";
+import { Icon as a } from "../ui/icon.js";
+import * as o from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { IconChevronDown as l } from "@tabler/icons-react";
+//#region src/composed/status-badge.tsx
+var u = r("inline-flex items-center gap-ds-02b rounded-ds-full font-body", {
+	variants: {
+		status: {
+			active: "bg-success-3 text-success-11",
+			pending: "bg-warning-3 text-warning-11",
+			approved: "bg-success-3 text-success-11",
+			rejected: "bg-error-3 text-error-11",
+			completed: "bg-success-3 text-success-11",
+			blocked: "bg-error-3 text-error-11",
+			"in-progress": "bg-accent-3 text-accent-11",
+			review: "bg-info-3 text-info-11",
+			cancelled: "bg-surface-raised text-surface-fg-subtle",
+			draft: "bg-surface-raised text-surface-fg-subtle"
+		},
+		color: {
+			success: "bg-success-3 text-success-11",
+			warning: "bg-warning-3 text-warning-11",
+			error: "bg-error-3 text-error-11",
+			info: "bg-info-3 text-info-11",
+			neutral: "bg-surface-raised text-surface-fg-subtle"
+		},
+		size: {
+			sm: "px-ds-03 py-ds-01 text-ds-xs font-semibold",
+			md: "px-ds-04 py-ds-02 text-ds-sm font-medium"
+		}
+	},
+	defaultVariants: { size: "md" }
+}), d = {
+	active: "bg-success-9",
+	pending: "bg-warning-9",
+	approved: "bg-success-9",
+	rejected: "bg-error-9",
+	completed: "bg-success-9",
+	blocked: "bg-error-9",
+	"in-progress": "bg-accent-9",
+	review: "bg-info-9",
+	cancelled: "bg-disabled",
+	draft: "bg-surface-fg-subtle"
+}, f = {
+	success: "bg-success-9",
+	warning: "bg-warning-9",
+	error: "bg-error-9",
+	info: "bg-info-9",
+	neutral: "bg-surface-fg-subtle"
+}, p = {
+	duration: .3,
+	ease: "easeOut"
+}, m = o.forwardRef(({ status: r, color: o, size: m, label: h, hideDot: g = !1, onClick: _, icon: v, className: y, ...b }, x) => {
+	let S = _ != null, C = S ? e.button : e.span, w = S ? "cursor-pointer hover:opacity-80 transition-opacity" : void 0, T = v ?? (S ? /* @__PURE__ */ s(a, {
+		icon: l,
+		size: "xs",
+		className: "text-current/50 -mr-0.5 shrink-0"
+	}) : null);
+	if (o != null) {
+		let e = h ?? o.charAt(0).toUpperCase() + o.slice(1), r = f[o];
+		return /* @__PURE__ */ s(t, {
+			mode: "wait",
+			children: /* @__PURE__ */ c(C, {
+				ref: x,
+				...S ? {
+					type: "button",
+					onClick: _
+				} : {},
+				initial: {
+					opacity: .6,
+					scale: .95
+				},
+				animate: {
+					opacity: 1,
+					scale: 1
+				},
+				exit: {
+					opacity: .6,
+					scale: .95
+				},
+				transition: p,
+				className: i(u({
+					color: o,
+					size: m
+				}), w, y),
+				...n(b),
+				children: [
+					!g && /* @__PURE__ */ s("span", {
+						className: i("shrink-0 rounded-ds-full", m === "sm" ? "h-ds-02b w-ds-02b" : "h-[8px] w-[8px]", r),
+						"aria-hidden": "true"
+					}),
+					e,
+					T
+				]
+			}, o)
+		});
+	}
+	let E = r ?? "pending", D = h ?? E.charAt(0).toUpperCase() + E.slice(1), O = d[E];
+	return /* @__PURE__ */ s(t, {
+		mode: "wait",
+		children: /* @__PURE__ */ c(C, {
+			ref: x,
+			...S ? {
+				type: "button",
+				onClick: _
+			} : {},
+			initial: { opacity: .6 },
+			animate: { opacity: 1 },
+			exit: { opacity: .6 },
+			transition: p,
+			className: i(u({
+				status: E,
+				size: m
+			}), w, y),
+			...n(b),
+			children: [
+				!g && /* @__PURE__ */ s("span", {
+					className: i("shrink-0 rounded-ds-full", m === "sm" ? "h-ds-02b w-ds-02b" : "h-[8px] w-[8px]", O),
+					"aria-hidden": "true"
+				}),
+				D,
+				T
+			]
+		}, E)
+	});
+});
+m.displayName = "StatusBadge";
+//#endregion
+export { m as StatusBadge, u as statusBadgeVariants };

package/dist/composed/status-badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-badge.js","names":[],"sources":["../../src/composed/status-badge.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { motion, AnimatePresence } from 'framer-motion'\nimport { IconChevronDown } from '@tabler/icons-react'\n\nimport { Icon } from '../ui/icon'\nimport { motionProps } from '../ui/lib/motion'\nimport { cn } from '../ui/lib/utils'\n\nconst statusBadgeVariants = cva(\n  'inline-flex items-center gap-ds-02b rounded-ds-full font-body',\n  {\n    variants: {\n      status: {\n        active: 'bg-success-3 text-success-11',\n        pending: 'bg-warning-3 text-warning-11',\n        approved: 'bg-success-3 text-success-11',\n        rejected: 'bg-error-3 text-error-11',\n        completed: 'bg-success-3 text-success-11',\n        blocked: 'bg-error-3 text-error-11',\n        'in-progress': 'bg-accent-3 text-accent-11',\n        review: 'bg-info-3 text-info-11',\n        cancelled: 'bg-surface-raised text-surface-fg-subtle',\n        draft: 'bg-surface-raised text-surface-fg-subtle',\n      },\n      color: {\n        success: 'bg-success-3 text-success-11',\n        warning: 'bg-warning-3 text-warning-11',\n        error: 'bg-error-3 text-error-11',\n        info: 'bg-info-3 text-info-11',\n        neutral: 'bg-surface-raised text-surface-fg-subtle',\n      },\n      size: {\n        sm: 'px-ds-03 py-ds-01 text-ds-xs font-semibold',\n        md: 'px-ds-04 py-ds-02 text-ds-sm font-medium',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n)\n\nconst dotColorMap: Record<string, string> = {\n  active: 'bg-success-9',\n  pending: 'bg-warning-9',\n  approved: 'bg-success-9',\n  rejected: 'bg-error-9',\n  completed: 'bg-success-9',\n  blocked: 'bg-error-9',\n  'in-progress': 'bg-accent-9',\n  review: 'bg-info-9',\n  cancelled: 'bg-disabled',\n  draft: 'bg-surface-fg-subtle',\n}\n\nconst colorDotMap: Record<string, string> = {\n  success: 'bg-success-9',\n  warning: 'bg-warning-9',\n  error: 'bg-error-9',\n  info: 'bg-info-9',\n  neutral: 'bg-surface-fg-subtle',\n}\n\ninterface StatusBadgeBaseProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'children' | 'color'> {\n  label?: string\n  hideDot?: boolean\n  size?: VariantProps<typeof statusBadgeVariants>['size']\n  onClick?: () => void\n  icon?: React.ReactNode\n}\n\ninterface StatusBadgeWithStatus extends StatusBadgeBaseProps {\n  status?: VariantProps<typeof statusBadgeVariants>['status']\n  color?: never\n}\n\ninterface StatusBadgeWithColor extends StatusBadgeBaseProps {\n  status?: never\n  color: 'success' | 'warning' | 'error' | 'info' | 'neutral'\n}\n\nexport type StatusBadgeProps = StatusBadgeWithStatus | StatusBadgeWithColor\n\n/* Between durations.moderate02 (0.24) and durations.slow01 (0.4) — intentional for smooth morph */\nconst statusMorphTransition = { duration: 0.3, ease: 'easeOut' as const }\n\nconst StatusBadge = React.forwardRef<HTMLSpanElement, StatusBadgeProps>(\n  ({ status, color, size, label, hideDot = false, onClick, icon, className, ...props }, ref) => {\n    const isClickable = onClick != null\n    const Tag = isClickable ? motion.button : motion.span\n    const clickableClasses = isClickable ? 'cursor-pointer hover:opacity-80 transition-opacity' : undefined\n\n    const trailingIcon = icon != null\n      ? icon\n      : isClickable\n        ? <Icon icon={IconChevronDown} size=\"xs\" className=\"text-current/50 -mr-0.5 shrink-0\" />\n        : null\n\n    if (color != null) {\n      // Color branch — color is the styling key\n      const displayLabel = label ?? (color.charAt(0).toUpperCase() + color.slice(1))\n      const dotColor = colorDotMap[color]\n\n      return (\n        <AnimatePresence mode=\"wait\">\n          <Tag\n            key={color}\n            ref={ref as any}\n            {...(isClickable ? { type: 'button' as const, onClick } : {})}\n            initial={{ opacity: 0.6, scale: 0.95 }}\n            animate={{ opacity: 1, scale: 1 }}\n            exit={{ opacity: 0.6, scale: 0.95 }}\n            transition={statusMorphTransition}\n            className={cn(\n              statusBadgeVariants({ color, size }),\n              clickableClasses,\n              className,\n            )}\n            {...motionProps(props)}\n          >\n            {!hideDot && (\n              <span\n                className={cn(\n                  'shrink-0 rounded-ds-full',\n                  size === 'sm' ? 'h-ds-02b w-ds-02b' : 'h-[8px] w-[8px]',\n                  dotColor,\n                )}\n                aria-hidden=\"true\"\n              />\n            )}\n            {displayLabel}\n            {trailingIcon}\n          </Tag>\n        </AnimatePresence>\n      )\n    }\n\n    // Status branch — derive styling from status (default: 'pending')\n    const statusKey = status ?? 'pending'\n    const displayLabel = label ?? (statusKey.charAt(0).toUpperCase() + statusKey.slice(1))\n    const dotColor = dotColorMap[statusKey]\n\n    return (\n      <AnimatePresence mode=\"wait\">\n        <Tag\n          key={statusKey}\n          ref={ref as any}\n          {...(isClickable ? { type: 'button' as const, onClick } : {})}\n          initial={{ opacity: 0.6 }}\n          animate={{ opacity: 1 }}\n          exit={{ opacity: 0.6 }}\n          transition={statusMorphTransition}\n          className={cn(\n            statusBadgeVariants({ status: statusKey, size }),\n            clickableClasses,\n            className,\n          )}\n          {...motionProps(props)}\n        >\n          {!hideDot && (\n            <span\n              className={cn(\n                'shrink-0 rounded-ds-full',\n                size === 'sm' ? 'h-ds-02b w-ds-02b' : 'h-[8px] w-[8px]',\n                dotColor,\n              )}\n              aria-hidden=\"true\"\n            />\n          )}\n          {displayLabel}\n          {trailingIcon}\n        </Tag>\n      </AnimatePresence>\n    )\n  },\n)\nStatusBadge.displayName = 'StatusBadge'\n\nexport { StatusBadge, statusBadgeVariants }\n"],"mappings":";;;;;;;;;;AAWA,IAAM,IAAsB,EAC1B,iEACA;CACE,UAAU;EACR,QAAQ;GACN,QAAQ;GACR,SAAS;GACT,UAAU;GACV,UAAU;GACV,WAAW;GACX,SAAS;GACT,eAAe;GACf,QAAQ;GACR,WAAW;GACX,OAAO;GACR;EACD,OAAO;GACL,SAAS;GACT,SAAS;GACT,OAAO;GACP,MAAM;GACN,SAAS;GACV;EACD,MAAM;GACJ,IAAI;GACJ,IAAI;GACL;EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CACF,EAEK,IAAsC;CAC1C,QAAQ;CACR,SAAS;CACT,UAAU;CACV,UAAU;CACV,WAAW;CACX,SAAS;CACT,eAAe;CACf,QAAQ;CACR,WAAW;CACX,OAAO;CACR,EAEK,IAAsC;CAC1C,SAAS;CACT,SAAS;CACT,OAAO;CACP,MAAM;CACN,SAAS;CACV,EAuBK,IAAwB;CAAE,UAAU;CAAK,MAAM;CAAoB,EAEnE,IAAc,EAAM,YACvB,EAAE,WAAQ,UAAO,SAAM,UAAO,aAAU,IAAO,YAAS,SAAM,cAAW,GAAG,KAAS,MAAQ;CAC5F,IAAM,IAAc,KAAW,MACzB,IAAM,IAAc,EAAO,SAAS,EAAO,MAC3C,IAAmB,IAAc,uDAAuD,KAAA,GAExF,IAAe,MAEjB,IACE,kBAAC,GAAD;EAAM,MAAM;EAAiB,MAAK;EAAK,WAAU;EAAqC,CAAA,GACtF;AAEN,KAAI,KAAS,MAAM;EAEjB,IAAM,IAAe,KAAU,EAAM,OAAO,EAAE,CAAC,aAAa,GAAG,EAAM,MAAM,EAAE,EACvE,IAAW,EAAY;AAE7B,SACE,kBAAC,GAAD;GAAiB,MAAK;aACpB,kBAAC,GAAD;IAEO;IACL,GAAK,IAAc;KAAE,MAAM;KAAmB;KAAS,GAAG,EAAE;IAC5D,SAAS;KAAE,SAAS;KAAK,OAAO;KAAM;IACtC,SAAS;KAAE,SAAS;KAAG,OAAO;KAAG;IACjC,MAAM;KAAE,SAAS;KAAK,OAAO;KAAM;IACnC,YAAY;IACZ,WAAW,EACT,EAAoB;KAAE;KAAO;KAAM,CAAC,EACpC,GACA,EACD;IACD,GAAI,EAAY,EAAM;cAbxB;KAeG,CAAC,KACA,kBAAC,QAAD;MACE,WAAW,EACT,4BACA,MAAS,OAAO,sBAAsB,mBACtC,EACD;MACD,eAAY;MACZ,CAAA;KAEH;KACA;KACG;MA1BC,EA0BD;GACU,CAAA;;CAKtB,IAAM,IAAY,KAAU,WACtB,IAAe,KAAU,EAAU,OAAO,EAAE,CAAC,aAAa,GAAG,EAAU,MAAM,EAAE,EAC/E,IAAW,EAAY;AAE7B,QACE,kBAAC,GAAD;EAAiB,MAAK;YACpB,kBAAC,GAAD;GAEO;GACL,GAAK,IAAc;IAAE,MAAM;IAAmB;IAAS,GAAG,EAAE;GAC5D,SAAS,EAAE,SAAS,IAAK;GACzB,SAAS,EAAE,SAAS,GAAG;GACvB,MAAM,EAAE,SAAS,IAAK;GACtB,YAAY;GACZ,WAAW,EACT,EAAoB;IAAE,QAAQ;IAAW;IAAM,CAAC,EAChD,GACA,EACD;GACD,GAAI,EAAY,EAAM;aAbxB;IAeG,CAAC,KACA,kBAAC,QAAD;KACE,WAAW,EACT,4BACA,MAAS,OAAO,sBAAsB,mBACtC,EACD;KACD,eAAY;KACZ,CAAA;IAEH;IACA;IACG;KA1BC,EA0BD;EACU,CAAA;EAGvB;AACD,EAAY,cAAc"}

package/dist/hooks/index.js

@@ -1,13 +1,8 @@
 "use client";
-import { useColorMode as r } from "./use-color-mode.js";
-import { useIsMobile as p } from "./use-mobile.js";
-import { useTouchDevice as f } from "./use-touch-device.js";
-import { useViewportHeight as u } from "./use-viewport-height.js";
-import { toast as i } from "../ui/toast.js";
-export {
-  i as toast,
-  r as useColorMode,
-  p as useIsMobile,
-  f as useTouchDevice,
-  u as useViewportHeight
-};
+import { useIsMobile as e } from "./use-mobile.js";
+import { toast as t } from "../ui/toast.js";
+import { useColorMode as n } from "./use-color-mode.js";
+import { useTouchDevice as r } from "./use-touch-device.js";
+import { useViewportHeight as i } from "./use-viewport-height.js";
+import "./use-toast.js";
+export { t as toast, n as useColorMode, e as useIsMobile, r as useTouchDevice, i as useViewportHeight };

package/dist/hooks/use-color-mode.js

@@ -1,28 +1,31 @@
 "use client";
-import { useState as d, useCallback as s, useEffect as m } from "react";
-function i(t) {
-  return t === "system" ? typeof window > "u" ? "light" : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : t;
+import { useCallback as e, useEffect as t, useState as n } from "react";
+//#region src/hooks/use-color-mode.ts
+function r(e) {
+	return e === "system" ? typeof window > "u" ? "light" : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : e;
 }
-function u() {
-  const [t, n] = d(() => {
-    if (typeof window > "u") return "system";
-    const e = localStorage.getItem("theme");
-    return e === "light" || e === "dark" || e === "system" ? e : "system";
-  }), r = s((e) => {
-    const o = i(e);
-    document.documentElement.classList.toggle("dark", o === "dark"), localStorage.setItem("theme", e), document.cookie = `theme=${e};path=/;max-age=31536000;SameSite=Lax`, n(e);
-  }, []), a = s(() => {
-    const e = document.documentElement.classList.contains("dark");
-    r(e ? "light" : "dark");
-  }, [r]);
-  return m(() => {
-    if (t !== "system") return;
-    const e = window.matchMedia("(prefers-color-scheme: dark)"), o = (c) => {
-      document.documentElement.classList.toggle("dark", c.matches);
-    };
-    return e.addEventListener("change", o), () => e.removeEventListener("change", o);
-  }, [t]), { colorMode: t, setColorMode: r, toggleColorMode: a };
+function i() {
+	let [i, a] = n(() => {
+		if (typeof window > "u") return "system";
+		let e = localStorage.getItem("theme");
+		return e === "light" || e === "dark" || e === "system" ? e : "system";
+	}), o = e((e) => {
+		let t = r(e);
+		document.documentElement.classList.toggle("dark", t === "dark"), localStorage.setItem("theme", e), document.cookie = `theme=${e};path=/;max-age=31536000;SameSite=Lax`, a(e);
+	}, []), s = e(() => {
+		o(document.documentElement.classList.contains("dark") ? "light" : "dark");
+	}, [o]);
+	return t(() => {
+		if (i !== "system") return;
+		let e = window.matchMedia("(prefers-color-scheme: dark)"), t = (e) => {
+			document.documentElement.classList.toggle("dark", e.matches);
+		};
+		return e.addEventListener("change", t), () => e.removeEventListener("change", t);
+	}, [i]), {
+		colorMode: i,
+		setColorMode: o,
+		toggleColorMode: s
+	};
 }
-export {
-  u as useColorMode
-};
+//#endregion
+export { i as useColorMode };

package/dist/hooks/use-color-mode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-color-mode.js","names":[],"sources":["../../src/hooks/use-color-mode.ts"],"sourcesContent":["'use client'\n\nimport { useState, useCallback, useEffect } from 'react'\n\nexport type ColorMode = 'light' | 'dark' | 'system'\n\nfunction resolveMode(mode: ColorMode): 'light' | 'dark' {\n  if (mode === 'system') {\n    if (typeof window === 'undefined') return 'light'\n    return window.matchMedia('(prefers-color-scheme: dark)').matches\n      ? 'dark'\n      : 'light'\n  }\n  return mode\n}\n\nexport function useColorMode() {\n  const [mode, setModeState] = useState<ColorMode>(() => {\n    if (typeof window === 'undefined') return 'system'\n    const stored = localStorage.getItem('theme')\n    return stored === 'light' || stored === 'dark' || stored === 'system' ? stored : 'system'\n  })\n\n  const setColorMode = useCallback((newMode: ColorMode) => {\n    const resolved = resolveMode(newMode)\n    document.documentElement.classList.toggle('dark', resolved === 'dark')\n    localStorage.setItem('theme', newMode)\n    document.cookie = `theme=${newMode};path=/;max-age=31536000;SameSite=Lax`\n    setModeState(newMode)\n  }, [])\n\n  const toggleColorMode = useCallback(() => {\n    const isDark = document.documentElement.classList.contains('dark')\n    setColorMode(isDark ? 'light' : 'dark')\n  }, [setColorMode])\n\n  useEffect(() => {\n    if (mode !== 'system') return\n    const mq = window.matchMedia('(prefers-color-scheme: dark)')\n    const handler = (e: MediaQueryListEvent) => {\n      document.documentElement.classList.toggle('dark', e.matches)\n    }\n    mq.addEventListener('change', handler)\n    return () => mq.removeEventListener('change', handler)\n  }, [mode])\n\n  return { colorMode: mode, setColorMode, toggleColorMode } as const\n}\n"],"mappings":";;;AAMA,SAAS,EAAY,GAAmC;AAOtD,QANI,MAAS,WACP,OAAO,SAAW,MAAoB,UACnC,OAAO,WAAW,+BAA+B,CAAC,UACrD,SACA,UAEC;;AAGT,SAAgB,IAAe;CAC7B,IAAM,CAAC,GAAM,KAAgB,QAA0B;AACrD,MAAI,OAAO,SAAW,IAAa,QAAO;EAC1C,IAAM,IAAS,aAAa,QAAQ,QAAQ;AAC5C,SAAO,MAAW,WAAW,MAAW,UAAU,MAAW,WAAW,IAAS;GACjF,EAEI,IAAe,GAAa,MAAuB;EACvD,IAAM,IAAW,EAAY,EAAQ;AAIrC,EAHA,SAAS,gBAAgB,UAAU,OAAO,QAAQ,MAAa,OAAO,EACtE,aAAa,QAAQ,SAAS,EAAQ,EACtC,SAAS,SAAS,SAAS,EAAQ,wCACnC,EAAa,EAAQ;IACpB,EAAE,CAAC,EAEA,IAAkB,QAAkB;AAExC,IADe,SAAS,gBAAgB,UAAU,SAAS,OAAO,GAC5C,UAAU,OAAO;IACtC,CAAC,EAAa,CAAC;AAYlB,QAVA,QAAgB;AACd,MAAI,MAAS,SAAU;EACvB,IAAM,IAAK,OAAO,WAAW,+BAA+B,EACtD,KAAW,MAA2B;AAC1C,YAAS,gBAAgB,UAAU,OAAO,QAAQ,EAAE,QAAQ;;AAG9D,SADA,EAAG,iBAAiB,UAAU,EAAQ,QACzB,EAAG,oBAAoB,UAAU,EAAQ;IACrD,CAAC,EAAK,CAAC,EAEH;EAAE,WAAW;EAAM;EAAc;EAAiB"}

package/dist/hooks/use-mobile.js

@@ -1,15 +1,15 @@
 "use client";
-import * as o from "react";
-const e = 768;
-function r() {
-  const [s, n] = o.useState(void 0);
-  return o.useEffect(() => {
-    const t = window.matchMedia(`(max-width: ${e - 1}px)`), i = () => {
-      n(window.innerWidth < e);
-    };
-    return t.addEventListener("change", i), n(window.innerWidth < e), () => t.removeEventListener("change", i);
-  }, []), !!s;
+import * as e from "react";
+//#region src/hooks/use-mobile.ts
+var t = 768;
+function n() {
+	let [n, r] = e.useState(void 0);
+	return e.useEffect(() => {
+		let e = window.matchMedia(`(max-width: ${t - 1}px)`), n = () => {
+			r(window.innerWidth < t);
+		};
+		return e.addEventListener("change", n), r(window.innerWidth < t), () => e.removeEventListener("change", n);
+	}, []), !!n;
 }
-export {
-  r as useIsMobile
-};
+//#endregion
+export { n as useIsMobile };

package/dist/hooks/use-mobile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-mobile.js","names":[],"sources":["../../src/hooks/use-mobile.ts"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\n\nconst MOBILE_BREAKPOINT = 768\n\n/**\n * Returns `false` during SSR and before the first client-side effect.\n * If you need to distinguish \"not yet measured\" from \"not mobile\",\n * use the raw state instead.\n */\nexport function useIsMobile() {\n  const [isMobile, setIsMobile] = React.useState<boolean | undefined>(undefined)\n\n  React.useEffect(() => {\n    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`)\n    const onChange = () => {\n      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)\n    }\n    mql.addEventListener('change', onChange)\n    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)\n    return () => mql.removeEventListener('change', onChange)\n  }, [])\n\n  return !!isMobile\n}\n"],"mappings":";;;AAIA,IAAM,IAAoB;AAO1B,SAAgB,IAAc;CAC5B,IAAM,CAAC,GAAU,KAAe,EAAM,SAA8B,KAAA,EAAU;AAY9E,QAVA,EAAM,gBAAgB;EACpB,IAAM,IAAM,OAAO,WAAW,eAAe,IAAoB,EAAE,KAAK,EAClE,UAAiB;AACrB,KAAY,OAAO,aAAa,EAAkB;;AAIpD,SAFA,EAAI,iBAAiB,UAAU,EAAS,EACxC,EAAY,OAAO,aAAa,EAAkB,QACrC,EAAI,oBAAoB,UAAU,EAAS;IACvD,EAAE,CAAC,EAEC,CAAC,CAAC"}

package/dist/hooks/use-toast.js

@@ -1,5 +1,3 @@
 "use client";
-import { toast as r } from "../ui/toast.js";
-export {
-  r as toast
-};
+import { toast as e } from "../ui/toast.js";
+export { e as toast };

package/dist/hooks/use-touch-device.js

@@ -1,13 +1,11 @@
 "use client";
-import * as t from "react";
-function s() {
-  const [o, e] = t.useState(!1);
-  return t.useEffect(() => {
-    e(
-      "ontouchstart" in window || navigator.maxTouchPoints > 0
-    );
-  }, []), o;
+import * as e from "react";
+//#region src/hooks/use-touch-device.ts
+function t() {
+	let [t, n] = e.useState(!1);
+	return e.useEffect(() => {
+		n("ontouchstart" in window || navigator.maxTouchPoints > 0);
+	}, []), t;
 }
-export {
-  s as useTouchDevice
-};
+//#endregion
+export { t as useTouchDevice };

package/dist/hooks/use-touch-device.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-touch-device.js","names":[],"sources":["../../src/hooks/use-touch-device.ts"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\n\n/**\n * Detects whether the device supports touch input.\n *\n * Use `useIsMobile()` for layout decisions (viewport width).\n * Use `useTouchDevice()` for interaction decisions (hover vs touch).\n *\n * SSR-safe: returns false on server.\n * Stable: only checks on mount, doesn't change on resize.\n */\nexport function useTouchDevice(): boolean {\n  const [isTouch, setIsTouch] = React.useState(false)\n\n  React.useEffect(() => {\n    setIsTouch(\n      'ontouchstart' in window || navigator.maxTouchPoints > 0\n    )\n  }, [])\n\n  return isTouch\n}\n"],"mappings":";;;AAaA,SAAgB,IAA0B;CACxC,IAAM,CAAC,GAAS,KAAc,EAAM,SAAS,GAAM;AAQnD,QANA,EAAM,gBAAgB;AACpB,IACE,kBAAkB,UAAU,UAAU,iBAAiB,EACxD;IACA,EAAE,CAAC,EAEC"}

package/dist/hooks/use-viewport-height.js

@@ -1,16 +1,16 @@
 "use client";
-import * as i from "react";
-function s() {
-  const [n, r] = i.useState(0);
-  return i.useEffect(() => {
-    const e = () => {
-      r(window.visualViewport?.height ?? window.innerHeight);
-    };
-    e();
-    const t = window.visualViewport;
-    return t ? (t.addEventListener("resize", e), () => t.removeEventListener("resize", e)) : (window.addEventListener("resize", e), () => window.removeEventListener("resize", e));
-  }, []), n;
+import * as e from "react";
+//#region src/hooks/use-viewport-height.ts
+function t() {
+	let [t, n] = e.useState(0);
+	return e.useEffect(() => {
+		let e = () => {
+			n(window.visualViewport?.height ?? window.innerHeight);
+		};
+		e();
+		let t = window.visualViewport;
+		return t ? (t.addEventListener("resize", e), () => t.removeEventListener("resize", e)) : (window.addEventListener("resize", e), () => window.removeEventListener("resize", e));
+	}, []), t;
 }
-export {
-  s as useViewportHeight
-};
+//#endregion
+export { t as useViewportHeight };

package/dist/hooks/use-viewport-height.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-viewport-height.js","names":[],"sources":["../../src/hooks/use-viewport-height.ts"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\n\n/**\n * Returns the current dynamic viewport height in pixels.\n *\n * Unlike CSS `100vh`, this accounts for mobile browser toolbar\n * show/hide and virtual keyboard appearance via the Visual Viewport API.\n *\n * SSR-safe: returns 0 on server (check for 0 to detect SSR).\n */\nexport function useViewportHeight(): number {\n  const [height, setHeight] = React.useState(0)\n\n  React.useEffect(() => {\n    const update = () => {\n      setHeight(window.visualViewport?.height ?? window.innerHeight)\n    }\n\n    update()\n\n    const vv = window.visualViewport\n    if (vv) {\n      vv.addEventListener('resize', update)\n      return () => vv.removeEventListener('resize', update)\n    } else {\n      window.addEventListener('resize', update)\n      return () => window.removeEventListener('resize', update)\n    }\n  }, [])\n\n  return height\n}\n"],"mappings":";;;AAYA,SAAgB,IAA4B;CAC1C,IAAM,CAAC,GAAQ,KAAa,EAAM,SAAS,EAAE;AAmB7C,QAjBA,EAAM,gBAAgB;EACpB,IAAM,UAAe;AACnB,KAAU,OAAO,gBAAgB,UAAU,OAAO,YAAY;;AAGhE,KAAQ;EAER,IAAM,IAAK,OAAO;AAMhB,SALE,KACF,EAAG,iBAAiB,UAAU,EAAO,QACxB,EAAG,oBAAoB,UAAU,EAAO,KAErD,OAAO,iBAAiB,UAAU,EAAO,QAC5B,OAAO,oBAAoB,UAAU,EAAO;IAE1D,EAAE,CAAC,EAEC"}

package/dist/motion/check-motion-provider.d.ts

@@ -0,0 +1,3 @@
+"use client";
+export declare function checkMotionProvider(): void;
+//# sourceMappingURL=check-motion-provider.d.ts.map

package/dist/motion/check-motion-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"check-motion-provider.d.ts","sourceRoot":"","sources":["../../src/motion/check-motion-provider.ts"],"names":[],"mappings":"AAWA,wBAAgB,mBAAmB,IAAI,IAAI,CAiB1C"}

package/dist/motion/index.js

@@ -1,12 +1,18 @@
 "use client";
-import { M as r, u as t } from "../_chunks/motion-provider.js";
-import { motionProps as i, springs as n, stagger as p, tweens as M, withReducedMotion as a } from "../ui/lib/motion.js";
-export {
-  r as MotionProvider,
-  i as motionProps,
-  n as springs,
-  p as stagger,
-  M as tweens,
-  t as useMotion,
-  a as withReducedMotion
-};
+import { motionProps as e, springs as t, stagger as n, tweens as r, withReducedMotion as i } from "../ui/lib/motion.js";
+import { n as a, t as o } from "../_chunks/motion-provider.js";
+//#region src/motion/check-motion-provider.ts
+var s = !1;
+function c() {
+	if (!s && !(typeof window > "u")) {
+		try {
+			return;
+		} catch {}
+		s = !0, console.info("[shilp-sutra] Tip: Wrap your app in <MotionProvider> for reduced-motion support across all shilp-sutra animations. See https://www.npmjs.com/package/@devalok/shilp-sutra");
+	}
+}
+//#endregion
+//#region src/motion/index.ts
+c();
+//#endregion
+export { o as MotionProvider, e as motionProps, t as springs, n as stagger, r as tweens, a as useMotion, i as withReducedMotion };

package/dist/motion/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/motion/check-motion-provider.ts","../../src/motion/index.ts"],"sourcesContent":["/**\n * Dev-mode hint for missing MotionProvider.\n *\n * If the consumer hasn't wrapped their app in <MotionProvider>, Framer Motion\n * animations still work but reduced-motion preferences won't propagate through\n * MotionConfig. This check emits a one-time console.info in dev mode.\n *\n * Only runs once, only in development, only in the browser.\n */\nlet checked = false\n\nexport function checkMotionProvider(): void {\n  if (checked) return\n  if (typeof window === 'undefined') return\n\n  // Skip in production\n  try {\n    // @ts-expect-error -- import.meta.env is Vite-specific, not in base TS lib\n    if (import.meta.env?.PROD) return\n  } catch { /* not in Vite */ }\n\n  checked = true\n\n  // eslint-disable-next-line no-console\n  console.info(\n    '[shilp-sutra] Tip: Wrap your app in <MotionProvider> for reduced-motion support ' +\n    'across all shilp-sutra animations. See https://www.npmjs.com/package/@devalok/shilp-sutra',\n  )\n}\n","export { MotionProvider, useMotion, type MotionProviderProps } from './motion-provider'\nexport { springs, tweens, stagger, withReducedMotion, motionProps, type SpringPreset, type TweenPreset } from '../ui/lib/motion'\n\nimport { checkMotionProvider } from './check-motion-provider'\ncheckMotionProvider()\n"],"mappings":";;;AASA,IAAI,IAAU;AAEd,SAAgB,IAA4B;AACtC,WACA,SAAO,SAAW,MAGtB;MAAI;AAEyB;UACrB;AAKR,EAHA,IAAU,IAGV,QAAQ,KACN,4KAED;;;;;ACvBH,GAAqB"}