@devalok/shilp-sutra 0.34.0 → 0.36.0

package/dist/ui/input-otp.js

@@ -1,50 +1,60 @@
 "use client";
-import { jsx as t, jsxs as p } from "react/jsx-runtime";
-import * as o from "react";
-import { OTPInput as m, OTPInputContext as u } from "input-otp";
-import { IconMinus as f } from "@tabler/icons-react";
-import { cn as a } from "./lib/utils.js";
-import { Icon as x } from "./icon.js";
-const b = o.forwardRef(({ className: e, containerClassName: r, ...s }, n) => /* @__PURE__ */ t(
-  m,
-  {
-    ref: n,
-    containerClassName: a(
-      "flex items-center gap-ds-03 has-[:disabled]:opacity-action-disabled",
-      r
-    ),
-    className: a("disabled:cursor-not-allowed", e),
-    ...s
-  }
-));
-b.displayName = "InputOTP";
-const I = o.forwardRef(({ className: e, ...r }, s) => /* @__PURE__ */ t("div", { ref: s, className: a("flex items-center", e), ...r }));
-I.displayName = "InputOTPGroup";
-const O = o.forwardRef(({ index: e, className: r, ...s }, n) => {
-  const i = o.useContext(u), { char: d, hasFakeCaret: c, isActive: l } = i.slots[e];
-  return /* @__PURE__ */ p(
-    "div",
-    {
-      ref: n,
-      className: a(
-        "relative flex h-ds-sm-plus w-ds-sm-plus items-center justify-center border-y border-r border-surface-border-strong text-ds-md shadow-raised transition-[box-shadow] first:rounded-l-ds-md first:border-l last:rounded-r-ds-md",
-        l && "z-raised ring-2 ring-accent-9",
-        r
-      ),
-      ...s,
-      children: [
-        d,
-        c && /* @__PURE__ */ t("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ t("div", { className: "animate-caret-blink h-[16px] w-px bg-surface-fg duration-slow-02" }) })
-      ]
-    }
-  );
+import { cn as e } from "./lib/utils.js";
+import { Icon as t } from "./icon.js";
+import { useFormField as n } from "./form.js";
+import * as r from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { IconMinus as o } from "@tabler/icons-react";
+import { OTPInput as s, OTPInputContext as c } from "input-otp";
+//#region src/ui/input-otp.tsx
+var l = r.createContext("md"), u = {
+	sm: "h-ds-sm w-ds-sm text-ds-sm",
+	md: "h-ds-sm-plus w-ds-sm-plus text-ds-md",
+	lg: "h-ds-md w-ds-md text-ds-lg"
+}, d = r.forwardRef(({ className: t, containerClassName: r, state: a, size: o, ...c }, u) => {
+	let d = n(), f = a === "error" || d?.state === "error", p = (typeof o == "string" ? o : void 0) ?? "md";
+	return /* @__PURE__ */ i(l.Provider, {
+		value: p,
+		children: /* @__PURE__ */ i(s, {
+			ref: u,
+			"aria-invalid": f || void 0,
+			"aria-describedby": d?.helperTextId,
+			"aria-required": d?.required || void 0,
+			containerClassName: e("group/otp flex items-center gap-ds-03 has-[:disabled]:opacity-action-disabled", f && "is-error", r),
+			className: e("disabled:cursor-not-allowed", t),
+			...c
+		})
+	});
 });
-O.displayName = "InputOTPSlot";
-const P = o.forwardRef(({ ...e }, r) => /* @__PURE__ */ t("div", { ref: r, role: "separator", ...e, children: /* @__PURE__ */ t(x, { icon: f, size: "sm" }) }));
-P.displayName = "InputOTPSeparator";
-export {
-  b as InputOTP,
-  I as InputOTPGroup,
-  P as InputOTPSeparator,
-  O as InputOTPSlot
-};
+d.displayName = "InputOTP";
+var f = r.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ i("div", {
+	ref: r,
+	className: e("flex items-center", t),
+	...n
+}));
+f.displayName = "InputOTPGroup";
+var p = r.forwardRef(({ index: t, className: n, ...o }, s) => {
+	let d = r.useContext(c), f = r.useContext(l), { char: p, hasFakeCaret: m, isActive: h } = d.slots[t];
+	return /* @__PURE__ */ a("div", {
+		ref: s,
+		className: e("relative flex items-center justify-center border-y border-r border-surface-border-strong shadow-raised transition-[box-shadow,border-color] first:rounded-l-ds-md first:border-l last:rounded-r-ds-md", u[f], "group-[.is-error]/otp:border-error-7", h && "z-raised ring-2 ring-accent-9", n),
+		...o,
+		children: [p, m && /* @__PURE__ */ i("div", {
+			className: "pointer-events-none absolute inset-0 flex items-center justify-center",
+			children: /* @__PURE__ */ i("div", { className: "animate-caret-blink h-[16px] w-px bg-surface-fg duration-slow-02" })
+		})]
+	});
+});
+p.displayName = "InputOTPSlot";
+var m = r.forwardRef(({ ...e }, n) => /* @__PURE__ */ i("div", {
+	ref: n,
+	role: "separator",
+	...e,
+	children: /* @__PURE__ */ i(t, {
+		icon: o,
+		size: "sm"
+	})
+}));
+m.displayName = "InputOTPSeparator";
+//#endregion
+export { d as InputOTP, f as InputOTPGroup, m as InputOTPSeparator, p as InputOTPSlot };

package/dist/ui/input-otp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-otp.js","names":[],"sources":["../../src/ui/input-otp.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { OTPInput, OTPInputContext } from 'input-otp'\nimport { IconMinus } from '@tabler/icons-react'\n\nimport { cn } from './lib/utils'\nimport { Icon } from './icon'\nimport { useFormField } from './form'\n\n// ── Size context ────────────────────────────────────────────────────\n\ntype InputOTPSize = 'sm' | 'md' | 'lg'\n\nconst InputOTPSizeContext = React.createContext<InputOTPSize>('md')\n\nconst slotSizeClasses: Record<InputOTPSize, string> = {\n  sm: 'h-ds-sm w-ds-sm text-ds-sm',\n  md: 'h-ds-sm-plus w-ds-sm-plus text-ds-md',\n  lg: 'h-ds-md w-ds-md text-ds-lg',\n}\n\n// ── InputOTP ────────────────────────────────────────────────────────\n\nconst InputOTP = React.forwardRef<\n  React.ElementRef<typeof OTPInput>,\n  React.ComponentPropsWithoutRef<typeof OTPInput> & {\n    state?: 'default' | 'error'\n    /** Slot size. @default 'md' */\n    size?: InputOTPSize\n  }\n>(({ className, containerClassName, state, size: sizeProp, ...props }, ref) => {\n  const formField = useFormField()\n  const isError = state === 'error' || formField?.state === 'error'\n  const size: InputOTPSize = (typeof sizeProp === 'string' ? sizeProp : undefined) ?? 'md'\n\n  return (\n    <InputOTPSizeContext.Provider value={size}>\n      <OTPInput\n        ref={ref}\n        aria-invalid={isError || undefined}\n        aria-describedby={formField?.helperTextId}\n        aria-required={formField?.required || undefined}\n        containerClassName={cn(\n          'group/otp flex items-center gap-ds-03 has-[:disabled]:opacity-action-disabled',\n          isError && 'is-error',\n          containerClassName,\n        )}\n        className={cn('disabled:cursor-not-allowed', className)}\n        {...props}\n      />\n    </InputOTPSizeContext.Provider>\n  )\n})\nInputOTP.displayName = 'InputOTP'\n\nconst InputOTPGroup = React.forwardRef<\n  React.ElementRef<'div'>,\n  React.ComponentPropsWithoutRef<'div'>\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn('flex items-center', className)} {...props} />\n))\nInputOTPGroup.displayName = 'InputOTPGroup'\n\nconst InputOTPSlot = React.forwardRef<\n  React.ElementRef<'div'>,\n  React.ComponentPropsWithoutRef<'div'> & { index: number }\n>(({ index, className, ...props }, ref) => {\n  const inputOTPContext = React.useContext(OTPInputContext)\n  const size = React.useContext(InputOTPSizeContext)\n  const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index]\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        'relative flex items-center justify-center border-y border-r border-surface-border-strong shadow-raised transition-[box-shadow,border-color] first:rounded-l-ds-md first:border-l last:rounded-r-ds-md',\n        slotSizeClasses[size],\n        'group-[.is-error]/otp:border-error-7',\n        isActive && 'z-raised ring-2 ring-accent-9',\n        className,\n      )}\n      {...props}\n    >\n      {char}\n      {hasFakeCaret && (\n        <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n          <div className=\"animate-caret-blink h-[16px] w-px bg-surface-fg duration-slow-02\" />\n        </div>\n      )}\n    </div>\n  )\n})\nInputOTPSlot.displayName = 'InputOTPSlot'\n\nconst InputOTPSeparator = React.forwardRef<\n  React.ElementRef<'div'>,\n  React.ComponentPropsWithoutRef<'div'>\n>(({ ...props }, ref) => (\n  <div ref={ref} role=\"separator\" {...props}>\n    <Icon icon={IconMinus} size=\"sm\" />\n  </div>\n))\nInputOTPSeparator.displayName = 'InputOTPSeparator'\n\nexport type InputOTPProps = React.ComponentPropsWithoutRef<typeof OTPInput> & {\n  state?: 'default' | 'error'\n  /** Slot size. @default 'md' */\n  size?: InputOTPSize\n}\n\nexport { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator }\n"],"mappings":";;;;;;;;;AAcA,IAAM,IAAsB,EAAM,cAA4B,KAAK,EAE7D,IAAgD;CACpD,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,EAIK,IAAW,EAAM,YAOpB,EAAE,cAAW,uBAAoB,UAAO,MAAM,GAAU,GAAG,KAAS,MAAQ;CAC7E,IAAM,IAAY,GAAc,EAC1B,IAAU,MAAU,WAAW,GAAW,UAAU,SACpD,KAAsB,OAAO,KAAa,WAAW,IAAW,KAAA,MAAc;AAEpF,QACE,kBAAC,EAAoB,UAArB;EAA8B,OAAO;YACnC,kBAAC,GAAD;GACO;GACL,gBAAc,KAAW,KAAA;GACzB,oBAAkB,GAAW;GAC7B,iBAAe,GAAW,YAAY,KAAA;GACtC,oBAAoB,EAClB,iFACA,KAAW,YACX,EACD;GACD,WAAW,EAAG,+BAA+B,EAAU;GACvD,GAAI;GACJ,CAAA;EAC2B,CAAA;EAEjC;AACF,EAAS,cAAc;AAEvB,IAAM,IAAgB,EAAM,YAGzB,EAAE,cAAW,GAAG,KAAS,MAC1B,kBAAC,OAAD;CAAU;CAAK,WAAW,EAAG,qBAAqB,EAAU;CAAE,GAAI;CAAS,CAAA,CAC3E;AACF,EAAc,cAAc;AAE5B,IAAM,IAAe,EAAM,YAGxB,EAAE,UAAO,cAAW,GAAG,KAAS,MAAQ;CACzC,IAAM,IAAkB,EAAM,WAAW,EAAgB,EACnD,IAAO,EAAM,WAAW,EAAoB,EAC5C,EAAE,SAAM,iBAAc,gBAAa,EAAgB,MAAM;AAE/D,QACE,kBAAC,OAAD;EACO;EACL,WAAW,EACT,yMACA,EAAgB,IAChB,wCACA,KAAY,iCACZ,EACD;EACD,GAAI;YATN,CAWG,GACA,KACC,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,OAAD,EAAK,WAAU,oEAAqE,CAAA;GAChF,CAAA,CAEJ;;EAER;AACF,EAAa,cAAc;AAE3B,IAAM,IAAoB,EAAM,YAG7B,EAAE,GAAG,KAAS,MACf,kBAAC,OAAD;CAAU;CAAK,MAAK;CAAY,GAAI;WAClC,kBAAC,GAAD;EAAM,MAAM;EAAW,MAAK;EAAO,CAAA;CAC/B,CAAA,CACN;AACF,EAAkB,cAAc"}

package/dist/ui/input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/ui/input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAKjE,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAA;AAEpE,QAAA,MAAM,oBAAoB;;8EAsBzB,CAAA;AAgBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,EAC/D,YAAY,CAAC,OAAO,oBAAoB,CAAC;IAC3C,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B;qFACiF;IACjF,gBAAgB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACnC;qFACiF;IACjF,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACjC,sDAAsD;IACtD,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,mCAAmC;IACnC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,iCAAiC;IACjC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,QAAA,MAAM,KAAK,qFA4JV,CAAA;AAGD,gGAAgG;AAChG,QAAA,MAAM,aAAa;;8EAAuB,CAAA;AAE1C,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,oBAAoB,EAAE,CAAA"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/ui/input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAKjE,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAA;AAEpE,QAAA,MAAM,oBAAoB;;8EAsBzB,CAAA;AAgBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,EAC/D,YAAY,CAAC,OAAO,oBAAoB,CAAC;IAC3C,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B;qFACiF;IACjF,gBAAgB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACnC;qFACiF;IACjF,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACjC,sDAAsD;IACtD,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,mCAAmC;IACnC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,iCAAiC;IACjC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,QAAA,MAAM,KAAK,qFA+JV,CAAA;AAGD,gGAAgG;AAChG,QAAA,MAAM,aAAa;;8EAAuB,CAAA;AAE1C,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,oBAAoB,EAAE,CAAA"}

package/dist/ui/input.js

@@ -1,170 +1,94 @@
 "use client";
-import { jsxs as F, jsx as s } from "react/jsx-runtime";
-import * as W from "react";
-import { a as B } from "../_chunks/vendor-utils.js";
-import { cn as r } from "./lib/utils.js";
-import { useFormField as D } from "./form.js";
-import { IconProvider as h } from "./icon-context.js";
-const w = B(
-  [
-    "relative flex items-center w-full font-sans",
-    "bg-surface-raised-hover text-surface-fg",
-    "border border-surface-border rounded-ds-md",
-    "hover:bg-surface-raised-active",
-    "transition-[color,background-color,border-color,box-shadow] duration-fast-02 ease-productive-standard",
-    "focus-within:outline-hidden focus-within:ring-2 focus-within:ring-accent-9 focus-within:ring-offset-2 focus-within:border-surface-border",
-    "has-[:disabled]:cursor-not-allowed has-[:disabled]:opacity-action-disabled",
-    "has-[:read-only]:bg-surface-raised has-[:read-only]:cursor-default"
-  ],
-  {
-    variants: {
-      size: {
-        xs: "h-ds-xs-plus text-ds-sm",
-        sm: "h-ds-sm text-ds-sm",
-        md: "h-ds-md text-ds-md",
-        lg: "h-ds-lg rounded-ds-lg text-ds-md"
-      }
-    },
-    defaultVariants: { size: "md" }
-  }
-), b = {
-  xs: "w-[26px]",
-  sm: "w-[30px]",
-  md: "w-[38px]",
-  lg: "w-[46px]"
-}, g = {
-  xs: "xs",
-  sm: "sm",
-  md: "md",
-  lg: "lg"
-}, A = W.forwardRef(
-  ({
-    className: v,
-    type: y,
-    state: z,
-    size: N = "md",
-    startSection: T,
-    endSection: j,
-    startSectionClickable: f,
-    endSectionClickable: m,
-    startSectionType: q,
-    endSectionType: I,
-    startIcon: M,
-    endIcon: k,
-    wrapperClassName: P,
-    ...a
-  }, R) => {
-    const e = N ?? "md", t = D(), n = z ?? (t.state === "helper" ? void 0 : t.state), S = a["aria-describedby"] ?? t.helperTextId, V = a["aria-required"] ?? t.required, d = T ?? M, i = j ?? k, o = !!d, c = !!i, l = q ?? (typeof d == "string" ? "label" : "icon"), u = I ?? (typeof i == "string" ? "label" : "icon"), p = {
-      xs: "px-ds-02",
-      sm: "px-ds-02",
-      md: "px-ds-03",
-      lg: "px-ds-03"
-    }, x = {
-      xs: "text-ds-sm",
-      sm: "text-ds-sm",
-      md: "text-ds-sm",
-      lg: "text-ds-md"
-    }, E = {
-      xs: "px-ds-02",
-      sm: "px-ds-03",
-      md: "px-ds-03",
-      lg: "px-ds-04"
-    };
-    return /* @__PURE__ */ F(
-      "div",
-      {
-        className: r(
-          w({ size: e }),
-          n === "error" && "border-error-7 focus-within:ring-error-7",
-          n === "warning" && "border-warning-7 focus-within:ring-warning-7",
-          n === "success" && "border-success-7 focus-within:ring-success-7",
-          P
-        ),
-        children: [
-          o && l === "label" && /* @__PURE__ */ s(
-            "span",
-            {
-              className: r(
-                "flex items-center shrink-0 select-none self-stretch",
-                "border-r border-surface-border",
-                "bg-surface-raised text-surface-fg-muted",
-                "rounded-l-[inherit]",
-                p[e],
-                x[e],
-                !f && "pointer-events-none"
-              ),
-              children: d
-            }
-          ),
-          o && l === "icon" && /* @__PURE__ */ s(h, { size: g[e], children: /* @__PURE__ */ s(
-            "span",
-            {
-              className: r(
-                "flex items-center justify-center shrink-0 self-stretch text-surface-fg-muted",
-                b[e],
-                !f && "pointer-events-none"
-              ),
-              children: d
-            }
-          ) }),
-          /* @__PURE__ */ s(
-            "input",
-            {
-              type: y,
-              className: r(
-                "flex-1 min-w-0 h-full bg-transparent outline-hidden font-sans",
-                "placeholder:text-surface-fg-subtle",
-                "disabled:cursor-not-allowed",
-                "read-only:cursor-default",
-                E[e],
-                // Remove left padding when start icon section is present (icon provides visual space)
-                o && l === "icon" && "pl-0",
-                // Remove right padding when end icon section is present
-                c && u === "icon" && "pr-0",
-                v
-              ),
-              "aria-invalid": n === "error" || void 0,
-              "aria-describedby": S,
-              "aria-required": V || void 0,
-              ref: R,
-              ...a
-            }
-          ),
-          c && u === "label" && /* @__PURE__ */ s(
-            "span",
-            {
-              className: r(
-                "flex items-center shrink-0 select-none self-stretch",
-                "border-l border-surface-border",
-                "bg-surface-raised text-surface-fg-muted",
-                "rounded-r-[inherit]",
-                p[e],
-                x[e],
-                !m && "pointer-events-none"
-              ),
-              children: i
-            }
-          ),
-          c && u === "icon" && /* @__PURE__ */ s(h, { size: g[e], children: /* @__PURE__ */ s(
-            "span",
-            {
-              className: r(
-                "flex items-center justify-center shrink-0 self-stretch text-surface-fg-muted",
-                b[e],
-                !m && "pointer-events-none"
-              ),
-              children: i
-            }
-          ) })
-        ]
-      }
-    );
-  }
-);
-A.displayName = "Input";
-const O = w;
-export {
-  A as Input,
-  O as inputVariants,
-  w as inputWrapperVariants
-};
+import { t as e } from "../_chunks/vendor-utils.js";
+import { cn as t } from "./lib/utils.js";
+import { IconProvider as n } from "./icon-context.js";
+import { useFormField as r } from "./form.js";
+import * as i from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/ui/input.tsx
+var s = e([
+	"relative flex items-center w-full font-sans",
+	"bg-surface-raised-hover text-surface-fg",
+	"border border-surface-border-strong rounded-ds-md",
+	"hover:bg-surface-raised-active",
+	"transition-[color,background-color,border-color,box-shadow] duration-fast-02 ease-productive-standard",
+	"focus-within:outline-hidden focus-within:ring-2 focus-within:ring-accent-9 focus-within:ring-offset-2 focus-within:border-surface-border",
+	"has-[:disabled]:cursor-not-allowed has-[:disabled]:opacity-action-disabled",
+	"has-[:read-only]:bg-surface-raised has-[:read-only]:cursor-default"
+], {
+	variants: { size: {
+		xs: "h-ds-xs-plus text-ds-sm",
+		sm: "h-ds-sm text-ds-sm",
+		md: "h-ds-md text-ds-md",
+		lg: "h-ds-lg rounded-ds-lg text-ds-md"
+	} },
+	defaultVariants: { size: "md" }
+}), c = {
+	xs: "w-[26px]",
+	sm: "w-[30px]",
+	md: "w-[38px]",
+	lg: "w-[46px]"
+}, l = {
+	xs: "xs",
+	sm: "sm",
+	md: "md",
+	lg: "lg"
+}, u = i.forwardRef(({ className: e, type: i, state: u, size: d = "md", startSection: f, endSection: p, startSectionClickable: m, endSectionClickable: h, startSectionType: g, endSectionType: _, startIcon: v, endIcon: y, wrapperClassName: b, ...x }, S) => {
+	let C = d ?? "md", w = r(), T = u ?? (w.state === "helper" ? void 0 : w.state), E = x["aria-describedby"] ?? w.helperTextId, D = x["aria-required"] ?? w.required, O = x.id ?? w.inputId, k = f ?? v, A = p ?? y, j = !!k, M = !!A, N = g ?? (typeof k == "string" ? "label" : "icon"), P = _ ?? (typeof A == "string" ? "label" : "icon"), F = {
+		xs: "px-ds-02",
+		sm: "px-ds-02",
+		md: "px-ds-03",
+		lg: "px-ds-03"
+	}, I = {
+		xs: "text-ds-sm",
+		sm: "text-ds-sm",
+		md: "text-ds-sm",
+		lg: "text-ds-md"
+	};
+	return /* @__PURE__ */ o("div", {
+		className: t(s({ size: C }), T === "error" && "border-error-7 focus-within:ring-error-7", T === "warning" && "border-warning-7 focus-within:ring-warning-7", T === "success" && "border-success-7 focus-within:ring-success-7", b),
+		children: [
+			j && N === "label" && /* @__PURE__ */ a("span", {
+				className: t("flex items-center shrink-0 select-none self-stretch", "border-r border-surface-border", "bg-surface-raised text-surface-fg-muted", "rounded-l-[inherit]", F[C], I[C], !m && "pointer-events-none"),
+				children: k
+			}),
+			j && N === "icon" && /* @__PURE__ */ a(n, {
+				size: l[C],
+				children: /* @__PURE__ */ a("span", {
+					className: t("flex items-center justify-center shrink-0 self-stretch text-surface-fg-muted", c[C], !m && "pointer-events-none"),
+					children: k
+				})
+			}),
+			/* @__PURE__ */ a("input", {
+				type: i,
+				className: t("flex-1 min-w-0 h-full bg-transparent outline-hidden font-sans", "placeholder:text-surface-fg-subtle", "disabled:cursor-not-allowed", "read-only:cursor-default", {
+					xs: "px-ds-02",
+					sm: "px-ds-03",
+					md: "px-ds-03",
+					lg: "px-ds-04"
+				}[C], j && N === "icon" && "pl-0", M && P === "icon" && "pr-0", e),
+				"aria-invalid": T === "error" || void 0,
+				"aria-describedby": E,
+				"aria-required": D || void 0,
+				ref: S,
+				...x,
+				id: O
+			}),
+			M && P === "label" && /* @__PURE__ */ a("span", {
+				className: t("flex items-center shrink-0 select-none self-stretch", "border-l border-surface-border", "bg-surface-raised text-surface-fg-muted", "rounded-r-[inherit]", F[C], I[C], !h && "pointer-events-none"),
+				children: A
+			}),
+			M && P === "icon" && /* @__PURE__ */ a(n, {
+				size: l[C],
+				children: /* @__PURE__ */ a("span", {
+					className: t("flex items-center justify-center shrink-0 self-stretch text-surface-fg-muted", c[C], !h && "pointer-events-none"),
+					children: A
+				})
+			})
+		]
+	});
+});
+u.displayName = "Input";
+var d = s;
+//#endregion
+export { u as Input, d as inputVariants, s as inputWrapperVariants };

package/dist/ui/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","names":[],"sources":["../../src/ui/input.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from './lib/utils'\nimport { useFormField } from './form'\nimport { IconProvider, type IconSize } from './icon-context'\n\nexport type InputState = 'default' | 'error' | 'warning' | 'success'\n\nconst inputWrapperVariants = cva(\n  [\n    'relative flex items-center w-full font-sans',\n    'bg-surface-raised-hover text-surface-fg',\n    'border border-surface-border-strong rounded-ds-md',\n    'hover:bg-surface-raised-active',\n    'transition-[color,background-color,border-color,box-shadow] duration-fast-02 ease-productive-standard',\n    'focus-within:outline-hidden focus-within:ring-2 focus-within:ring-accent-9 focus-within:ring-offset-2 focus-within:border-surface-border',\n    'has-[:disabled]:cursor-not-allowed has-[:disabled]:opacity-action-disabled',\n    'has-[:read-only]:bg-surface-raised has-[:read-only]:cursor-default',\n  ],\n  {\n    variants: {\n      size: {\n        xs: 'h-ds-xs-plus text-ds-sm',\n        sm: 'h-ds-sm text-ds-sm',\n        md: 'h-ds-md text-ds-md',\n        lg: 'h-ds-lg rounded-ds-lg text-ds-md',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n)\n\nconst sectionWidthMap: Record<string, string> = {\n  xs: 'w-[26px]',\n  sm: 'w-[30px]',\n  md: 'w-[38px]',\n  lg: 'w-[46px]',\n}\n\nconst iconSizeMap: Record<string, IconSize> = {\n  xs: 'xs',\n  sm: 'sm',\n  md: 'md',\n  lg: 'lg',\n}\n\n/**\n * Props for Input — a single-line text field with container-first architecture,\n * section-based icons with automatic padding, per-size scaling, and validation state coloring.\n *\n * **Sizes:** `xs` (28px) | `sm` (32px) | `md` (40px, default) | `lg` (48px)\n * HTML's native `size` attribute is excluded — use CSS width instead.\n *\n * **Validation states:** `state=\"error\"` colors the border red and sets `aria-invalid`.\n * Use with `<FormField>` to show helper text below the input.\n *\n * **Section-based icons:** `startSection` and `endSection` accept any React node.\n * Icons are auto-sized via `IconProvider`. Sections are `pointer-events-none` by default;\n * use `startSectionClickable`/`endSectionClickable` for interactive sections.\n *\n * **className** targets the `<input>` element (backward compatible).\n * **wrapperClassName** targets the wrapper div for border/bg/ring overrides.\n *\n * @example\n * // Basic email field with placeholder:\n * <Input type=\"email\" placeholder=\"you@example.com\" />\n *\n * @example\n * // Search input with a leading icon:\n * <Input size=\"md\" startSection={<IconSearch />} placeholder=\"Search projects...\" />\n *\n * @example\n * // Validated error state (pair with FormField for label + helper text):\n * <Input state=\"error\" value={email} onChange={handleChange} />\n *\n * @example\n * // Read-only field (shows a muted background, non-editable):\n * <Input readOnly value=\"https://devalok.com/api/key/abc123\" endSection={<IconCopy />} />\n */\nexport interface InputProps\n  extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>,\n    VariantProps<typeof inputWrapperVariants> {\n  state?: InputState\n  startSection?: React.ReactNode\n  endSection?: React.ReactNode\n  startSectionClickable?: boolean\n  endSectionClickable?: boolean\n  /** Section display type. `'icon'` = fixed-width centered cell (default for ReactElements).\n   *  `'label'` = tinted background with border separator (default for strings). */\n  startSectionType?: 'icon' | 'label'\n  /** Section display type. `'icon'` = fixed-width centered cell (default for ReactElements).\n   *  `'label'` = tinted background with border separator (default for strings). */\n  endSectionType?: 'icon' | 'label'\n  /** Classes for the wrapper div (border, bg, ring). */\n  wrapperClassName?: string\n  /** @deprecated Use startSection */\n  startIcon?: React.ReactNode\n  /** @deprecated Use endSection */\n  endIcon?: React.ReactNode\n}\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      className,\n      type,\n      state: stateProp,\n      size: sizeProp = 'md',\n      startSection,\n      endSection,\n      startSectionClickable,\n      endSectionClickable,\n      startSectionType: startSectionTypeProp,\n      endSectionType: endSectionTypeProp,\n      startIcon,\n      endIcon,\n      wrapperClassName,\n      ...props\n    },\n    ref,\n  ) => {\n    const size = sizeProp ?? 'md'\n    const fieldCtx = useFormField()\n    // Merge FormField context — explicit props always win\n    const state =\n      stateProp ??\n      (fieldCtx.state === 'helper'\n        ? undefined\n        : (fieldCtx.state as InputState | undefined))\n    const ariaDescribedBy = props['aria-describedby'] ?? fieldCtx.helperTextId\n    const ariaRequired = props['aria-required'] ?? fieldCtx.required\n    // Explicit id wins; otherwise adopt FormField's inputId so <Label htmlFor> resolves.\n    const inputId = props.id ?? fieldCtx.inputId\n\n    // Backward compat: map deprecated props\n    const resolvedStart = startSection ?? startIcon\n    const resolvedEnd = endSection ?? endIcon\n\n    const hasStart = !!resolvedStart\n    const hasEnd = !!resolvedEnd\n\n    // Infer section type: string → label, ReactElement → icon\n    const startType = startSectionTypeProp ?? (typeof resolvedStart === 'string' ? 'label' : 'icon')\n    const endType = endSectionTypeProp ?? (typeof resolvedEnd === 'string' ? 'label' : 'icon')\n\n    const labelPaddingMap: Record<string, string> = {\n      xs: 'px-ds-02',\n      sm: 'px-ds-02',\n      md: 'px-ds-03',\n      lg: 'px-ds-03',\n    }\n\n    const labelTextMap: Record<string, string> = {\n      xs: 'text-ds-sm',\n      sm: 'text-ds-sm',\n      md: 'text-ds-sm',\n      lg: 'text-ds-md',\n    }\n\n    const inputPadding: Record<string, string> = {\n      xs: 'px-ds-02',\n      sm: 'px-ds-03',\n      md: 'px-ds-03',\n      lg: 'px-ds-04',\n    }\n\n    return (\n      <div\n        className={cn(\n          inputWrapperVariants({ size }),\n          state === 'error' && 'border-error-7 focus-within:ring-error-7',\n          state === 'warning' && 'border-warning-7 focus-within:ring-warning-7',\n          state === 'success' && 'border-success-7 focus-within:ring-success-7',\n          wrapperClassName,\n        )}\n      >\n        {hasStart && startType === 'label' && (\n          <span\n            className={cn(\n              'flex items-center shrink-0 select-none self-stretch',\n              'border-r border-surface-border',\n              'bg-surface-raised text-surface-fg-muted',\n              'rounded-l-[inherit]',\n              labelPaddingMap[size],\n              labelTextMap[size],\n              !startSectionClickable && 'pointer-events-none',\n            )}\n          >\n            {resolvedStart}\n          </span>\n        )}\n\n        {hasStart && startType === 'icon' && (\n          <IconProvider size={iconSizeMap[size]}>\n            <span\n              className={cn(\n                'flex items-center justify-center shrink-0 self-stretch text-surface-fg-muted',\n                sectionWidthMap[size],\n                !startSectionClickable && 'pointer-events-none',\n              )}\n            >\n              {resolvedStart}\n            </span>\n          </IconProvider>\n        )}\n\n        <input\n          type={type}\n          className={cn(\n            'flex-1 min-w-0 h-full bg-transparent outline-hidden font-sans',\n            'placeholder:text-surface-fg-subtle',\n            'disabled:cursor-not-allowed',\n            'read-only:cursor-default',\n            inputPadding[size],\n            // Remove left padding when start icon section is present (icon provides visual space)\n            hasStart && startType === 'icon' && 'pl-0',\n            // Remove right padding when end icon section is present\n            hasEnd && endType === 'icon' && 'pr-0',\n            className,\n          )}\n          aria-invalid={state === 'error' || undefined}\n          aria-describedby={ariaDescribedBy}\n          aria-required={ariaRequired || undefined}\n          ref={ref}\n          {...props}\n          id={inputId}\n        />\n\n        {hasEnd && endType === 'label' && (\n          <span\n            className={cn(\n              'flex items-center shrink-0 select-none self-stretch',\n              'border-l border-surface-border',\n              'bg-surface-raised text-surface-fg-muted',\n              'rounded-r-[inherit]',\n              labelPaddingMap[size],\n              labelTextMap[size],\n              !endSectionClickable && 'pointer-events-none',\n            )}\n          >\n            {resolvedEnd}\n          </span>\n        )}\n\n        {hasEnd && endType === 'icon' && (\n          <IconProvider size={iconSizeMap[size]}>\n            <span\n              className={cn(\n                'flex items-center justify-center shrink-0 self-stretch text-surface-fg-muted',\n                sectionWidthMap[size],\n                !endSectionClickable && 'pointer-events-none',\n              )}\n            >\n              {resolvedEnd}\n            </span>\n          </IconProvider>\n        )}\n      </div>\n    )\n  },\n)\nInput.displayName = 'Input'\n\n/** @deprecated Use inputWrapperVariants — semantics changed (now targets wrapper, not input) */\nconst inputVariants = inputWrapperVariants\n\nexport { Input, inputVariants, inputWrapperVariants }\n"],"mappings":";;;;;;;;AAUA,IAAM,IAAuB,EAC3B;CACE;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACD;CACE,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EAAE,MAAM,MAAM;CAChC,CACF,EAEK,IAA0C;CAC9C,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,EAEK,IAAwC;CAC5C,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,EAyDK,IAAQ,EAAM,YAEhB,EACE,cACA,SACA,OAAO,GACP,MAAM,IAAW,MACjB,iBACA,eACA,0BACA,wBACA,kBAAkB,GAClB,gBAAgB,GAChB,cACA,YACA,qBACA,GAAG,KAEL,MACG;CACH,IAAM,IAAO,KAAY,MACnB,IAAW,GAAc,EAEzB,IACJ,MACC,EAAS,UAAU,WAChB,KAAA,IACC,EAAS,QACV,IAAkB,EAAM,uBAAuB,EAAS,cACxD,IAAe,EAAM,oBAAoB,EAAS,UAElD,IAAU,EAAM,MAAM,EAAS,SAG/B,IAAgB,KAAgB,GAChC,IAAc,KAAc,GAE5B,IAAW,CAAC,CAAC,GACb,IAAS,CAAC,CAAC,GAGX,IAAY,MAAyB,OAAO,KAAkB,WAAW,UAAU,SACnF,IAAU,MAAuB,OAAO,KAAgB,WAAW,UAAU,SAE7E,IAA0C;EAC9C,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EAEK,IAAuC;EAC3C,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL;AASD,QACE,kBAAC,OAAD;EACE,WAAW,EACT,EAAqB,EAAE,SAAM,CAAC,EAC9B,MAAU,WAAW,4CACrB,MAAU,aAAa,gDACvB,MAAU,aAAa,gDACvB,EACD;YAPH;GASG,KAAY,MAAc,WACzB,kBAAC,QAAD;IACE,WAAW,EACT,uDACA,kCACA,2CACA,uBACA,EAAgB,IAChB,EAAa,IACb,CAAC,KAAyB,sBAC3B;cAEA;IACI,CAAA;GAGR,KAAY,MAAc,UACzB,kBAAC,GAAD;IAAc,MAAM,EAAY;cAC9B,kBAAC,QAAD;KACE,WAAW,EACT,gFACA,EAAgB,IAChB,CAAC,KAAyB,sBAC3B;eAEA;KACI,CAAA;IACM,CAAA;GAGjB,kBAAC,SAAD;IACQ;IACN,WAAW,EACT,iEACA,sCACA,+BACA,4BArDqC;KAC3C,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,IAAI;KACL,CAiDoB,IAEb,KAAY,MAAc,UAAU,QAEpC,KAAU,MAAY,UAAU,QAChC,EACD;IACD,gBAAc,MAAU,WAAW,KAAA;IACnC,oBAAkB;IAClB,iBAAe,KAAgB,KAAA;IAC1B;IACL,GAAI;IACJ,IAAI;IACJ,CAAA;GAED,KAAU,MAAY,WACrB,kBAAC,QAAD;IACE,WAAW,EACT,uDACA,kCACA,2CACA,uBACA,EAAgB,IAChB,EAAa,IACb,CAAC,KAAuB,sBACzB;cAEA;IACI,CAAA;GAGR,KAAU,MAAY,UACrB,kBAAC,GAAD;IAAc,MAAM,EAAY;cAC9B,kBAAC,QAAD;KACE,WAAW,EACT,gFACA,EAAgB,IAChB,CAAC,KAAuB,sBACzB;eAEA;KACI,CAAA;IACM,CAAA;GAEb;;EAGX;AACD,EAAM,cAAc;AAGpB,IAAM,IAAgB"}

package/dist/ui/label.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../src/ui/label.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,cAAc,MAAM,yBAAyB,CAAA;AAIzD,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC;IAClE,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,QAAA,MAAM,KAAK,qFAiBT,CAAA;AAGF,OAAO,EAAE,KAAK,EAAE,CAAA"}
+{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../src/ui/label.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,cAAc,MAAM,yBAAyB,CAAA;AAKzD,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC;IAClE,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,QAAA,MAAM,KAAK,qFAwBT,CAAA;AAGF,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/dist/ui/label.js

@@ -1,24 +1,24 @@
 "use client";
-import { jsxs as i, jsx as d } from "react/jsx-runtime";
-import * as n from "react";
-import { ah as a } from "../_chunks/primitives.js";
-import { cn as m } from "./lib/utils.js";
-const c = n.forwardRef(({ className: e, required: t, children: r, ...s }, o) => /* @__PURE__ */ i(
-  a,
-  {
-    ref: o,
-    className: m(
-      "font-sans text-ds-md font-medium text-surface-fg leading-none transition-opacity duration-fast-01 ease-productive-standard peer-disabled:opacity-action-disabled",
-      e
-    ),
-    ...s,
-    children: [
-      r,
-      t && /* @__PURE__ */ d("span", { className: "text-error-11 ml-ds-01", "aria-hidden": "true", children: "*" })
-    ]
-  }
-));
-c.displayName = a.displayName;
-export {
-  c as Label
-};
+import { ut as e } from "../_chunks/primitives.js";
+import { cn as t } from "./lib/utils.js";
+import { useFormField as n } from "./form.js";
+import * as r from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/ui/label.tsx
+var o = r.forwardRef(({ className: r, required: o, children: s, htmlFor: c, ...l }, u) => {
+	let d = n(), f = c ?? d.inputId, p = o ?? d.required;
+	return /* @__PURE__ */ a(e, {
+		ref: u,
+		htmlFor: f,
+		className: t("font-sans text-ds-md font-medium text-surface-fg leading-none transition-opacity duration-fast-01 ease-productive-standard peer-disabled:opacity-action-disabled", r),
+		...l,
+		children: [s, p && /* @__PURE__ */ i("span", {
+			className: "text-error-11 ml-ds-01",
+			"aria-hidden": "true",
+			children: "*"
+		})]
+	});
+});
+o.displayName = e.displayName;
+//#endregion
+export { o as Label };

package/dist/ui/label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.js","names":[],"sources":["../../src/ui/label.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as LabelPrimitive from '@primitives/react-label'\n\nimport { cn } from './lib/utils'\nimport { useFormField } from './form'\n\nexport interface LabelProps\n  extends React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> {\n  required?: boolean\n}\n\nconst Label = React.forwardRef<\n  React.ElementRef<typeof LabelPrimitive.Root>,\n  LabelProps\n>(({ className, required, children, htmlFor, ...props }, ref) => {\n  const fieldCtx = useFormField()\n  // Explicit htmlFor wins; otherwise fall back to FormField's inputId.\n  const resolvedHtmlFor = htmlFor ?? fieldCtx.inputId\n  const resolvedRequired = required ?? fieldCtx.required\n  return (\n    <LabelPrimitive.Root\n      ref={ref}\n      htmlFor={resolvedHtmlFor}\n      className={cn(\n        'font-sans text-ds-md font-medium text-surface-fg leading-none transition-opacity duration-fast-01 ease-productive-standard peer-disabled:opacity-action-disabled',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      {resolvedRequired && (\n        <span className=\"text-error-11 ml-ds-01\" aria-hidden=\"true\">*</span>\n      )}\n    </LabelPrimitive.Root>\n  )\n})\nLabel.displayName = LabelPrimitive.Root.displayName\n\nexport { Label }\n"],"mappings":";;;;;;;AAaA,IAAM,IAAQ,EAAM,YAGjB,EAAE,cAAW,aAAU,aAAU,YAAS,GAAG,KAAS,MAAQ;CAC/D,IAAM,IAAW,GAAc,EAEzB,IAAkB,KAAW,EAAS,SACtC,IAAmB,KAAY,EAAS;AAC9C,QACE,kBAAC,GAAD;EACO;EACL,SAAS;EACT,WAAW,EACT,oKACA,EACD;EACD,GAAI;YAPN,CASG,GACA,KACC,kBAAC,QAAD;GAAM,WAAU;GAAyB,eAAY;aAAO;GAAQ,CAAA,CAElD;;EAExB;AACF,EAAM,cAAA,EAAkC"}

package/dist/ui/lib/check-tokens.d.ts

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

package/dist/ui/lib/check-tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"check-tokens.d.ts","sourceRoot":"","sources":["../../../src/ui/lib/check-tokens.ts"],"names":[],"mappings":"AAYA,wBAAgB,iBAAiB,IAAI,IAAI,CAuBxC"}

package/dist/ui/lib/date-utils.js

@@ -1,12 +1,15 @@
-function a(t) {
-  const n = typeof t == "string" ? new Date(t) : t, f = (/* @__PURE__ */ new Date()).getTime() - n.getTime(), o = Math.floor(f / 6e4);
-  if (o < 1) return "Just now";
-  if (o < 60) return `${o}m ago`;
-  const e = Math.floor(o / 60);
-  if (e < 24) return `${e}h ago`;
-  const r = Math.floor(e / 24);
-  return r < 7 ? `${r}d ago` : n.toLocaleDateString("en-IN", { month: "short", day: "numeric" });
+//#region src/ui/lib/date-utils.ts
+function e(e) {
+	let t = typeof e == "string" ? new Date(e) : e, n = (/* @__PURE__ */ new Date()).getTime() - t.getTime(), r = Math.floor(n / 6e4);
+	if (r < 1) return "Just now";
+	if (r < 60) return `${r}m ago`;
+	let i = Math.floor(r / 60);
+	if (i < 24) return `${i}h ago`;
+	let a = Math.floor(i / 24);
+	return a < 7 ? `${a}d ago` : t.toLocaleDateString("en-IN", {
+		month: "short",
+		day: "numeric"
+	});
 }
-export {
-  a as formatRelativeTime
-};
+//#endregion
+export { e as formatRelativeTime };

package/dist/ui/lib/date-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-utils.js","names":[],"sources":["../../../src/ui/lib/date-utils.ts"],"sourcesContent":["// @server-safe\n/**\n * Shared relative-time formatting utility.\n */\nexport function formatRelativeTime(dateInput: Date | string): string {\n  const date = typeof dateInput === 'string' ? new Date(dateInput) : dateInput\n  const now = new Date()\n  const diffMs = now.getTime() - date.getTime()\n  const diffMin = Math.floor(diffMs / 60000)\n\n  if (diffMin < 1) return 'Just now'\n  if (diffMin < 60) return `${diffMin}m ago`\n\n  const diffHour = Math.floor(diffMin / 60)\n  if (diffHour < 24) return `${diffHour}h ago`\n\n  const diffDay = Math.floor(diffHour / 24)\n  if (diffDay < 7) return `${diffDay}d ago`\n\n  return date.toLocaleDateString('en-IN', { month: 'short', day: 'numeric' })\n}\n"],"mappings":";AAIA,SAAgB,EAAmB,GAAkC;CACnE,IAAM,IAAO,OAAO,KAAc,WAAW,IAAI,KAAK,EAAU,GAAG,GAE7D,qBADM,IAAI,MAAM,EACH,SAAS,GAAG,EAAK,SAAS,EACvC,IAAU,KAAK,MAAM,IAAS,IAAM;AAE1C,KAAI,IAAU,EAAG,QAAO;AACxB,KAAI,IAAU,GAAI,QAAO,GAAG,EAAQ;CAEpC,IAAM,IAAW,KAAK,MAAM,IAAU,GAAG;AACzC,KAAI,IAAW,GAAI,QAAO,GAAG,EAAS;CAEtC,IAAM,IAAU,KAAK,MAAM,IAAW,GAAG;AAGzC,QAFI,IAAU,IAAU,GAAG,EAAQ,SAE5B,EAAK,mBAAmB,SAAS;EAAE,OAAO;EAAS,KAAK;EAAW,CAAC"}

package/dist/ui/lib/motion.d.ts

@@ -1,4 +1,15 @@
 import { Transition } from 'framer-motion';
+export declare const durations: {
+    readonly instant: 0;
+    readonly fast01: 0.07;
+    readonly fast02: 0.11;
+    readonly moderate01: 0.15;
+    readonly moderate01b: 0.2;
+    readonly moderate02: 0.24;
+    readonly slow01: 0.4;
+    readonly slow02: 0.7;
+};
+export type DurationPreset = keyof typeof durations;
 export declare const springs: {
     /** Micro-interactions: buttons, hover, form inputs */
     readonly snappy: Transition;
@@ -12,13 +23,13 @@ export declare const springs: {
     readonly responsive: Transition;
 };
 export declare const tweens: {
-    /** Opacity enter/exit */
+    /** Opacity enter/exit — matches --duration-fast-02 (110ms) */
     readonly fade: Transition;
-    /** Hover color, bg, border transitions */
+    /** Hover color, bg, border transitions — matches --duration-fast-01 (70ms) */
     readonly colorShift: Transition;
-    /** Greeting fade, hint crossfade — unhurried, confident */
+    /** Greeting fade, hint crossfade — matches --duration-slow-01 (400ms) */
     readonly elegant: Transition;
-    /** Button/element layout transitions — smooth width/height changes, no overshoot */
+    /** Button/element layout transitions — matches --duration-moderate-01b (200ms) */
     readonly layout: Transition;
 };
 export declare function stagger(delay?: number): {

package/dist/ui/lib/motion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"motion.d.ts","sourceRoot":"","sources":["../../../src/ui/lib/motion.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAI/C,eAAO,MAAM,OAAO;IAClB,sDAAsD;qBACgB,UAAU;IAChF,0CAA0C;qBAC4B,UAAU;IAChF,4CAA4C;qBAC0B,UAAU;IAChF,iDAAiD;qBACqB,UAAU;IAChF,qEAAqE;yBACK,UAAU;CAC5E,CAAA;AAIV,eAAO,MAAM,MAAM;IACjB,yBAAyB;mBACmC,UAAU;IACtE,0CAA0C;yBACwB,UAAU;IAC5E,2DAA2D;sBACc,UAAU;IACnF,oFAAoF;qBACZ,UAAU;CAC1E,CAAA;AAIV,wBAAgB,OAAO,CAAC,KAAK,SAAO;;;;;;;;;;;EAKnC;AAID,wBAAgB,iBAAiB,CAAC,UAAU,EAAE,UAAU,GAAG,UAAU,CAEpE;AAID,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,OAAO,CAAA;AAC/C,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,MAAM,CAAA;AAQ7C;;;;;;;;;;GAUG;AACH,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAEhG"}
+{"version":3,"file":"motion.d.ts","sourceRoot":"","sources":["../../../src/ui/lib/motion.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAI/C,eAAO,MAAM,SAAS;;;;;;;;;CASZ,CAAA;AAEV,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,SAAS,CAAA;AAInD,eAAO,MAAM,OAAO;IAClB,sDAAsD;qBACgB,UAAU;IAChF,0CAA0C;qBAC4B,UAAU;IAChF,4CAA4C;qBAC0B,UAAU;IAChF,iDAAiD;qBACqB,UAAU;IAChF,qEAAqE;yBACK,UAAU;CAC5E,CAAA;AAIV,eAAO,MAAM,MAAM;IACjB,8DAA8D;mBACU,UAAU;IAClF,8EAA8E;yBACA,UAAU;IACxF,yEAAyE;sBACa,UAAU;IAChG,kFAAkF;qBACQ,UAAU;CAC5F,CAAA;AAIV,wBAAgB,OAAO,CAAC,KAAK,SAAO;;;;;;;;;;;EAKnC;AAID,wBAAgB,iBAAiB,CAAC,UAAU,EAAE,UAAU,GAAG,UAAU,CAEpE;AAID,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,OAAO,CAAA;AAC/C,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,MAAM,CAAA;AAQ7C;;;;;;;;;;GAUG;AACH,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAEhG"}