@devalok/shilp-sutra 0.27.2 → 0.29.0

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

@@ -1 +1 @@
-{"version":3,"file":"input-otp.d.ts","sourceRoot":"","sources":["../../src/ui/input-otp.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAmB,MAAM,WAAW,CAAA;AAKrD,QAAA,MAAM,QAAQ;;;;;kBAUF,GAAG;;;;;;;;;;;;;kBAAH,GAAG;;;;;;;;2FAGb,CAAA;AAGF,QAAA,MAAM,aAAa,mKAKjB,CAAA;AAGF,QAAA,MAAM,YAAY;WAEiC,MAAM;wCAuBvD,CAAA;AAGF,QAAA,MAAM,iBAAiB,mKAOrB,CAAA;AAGF,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,QAAQ,CAAC,CAAA;AAE3E,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,YAAY,EAAE,iBAAiB,EAAE,CAAA"}
+{"version":3,"file":"input-otp.d.ts","sourceRoot":"","sources":["../../src/ui/input-otp.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAmB,MAAM,WAAW,CAAA;AAMrD,QAAA,MAAM,QAAQ;;;;;kBAQE,GAAG;;;;;;;;;;;;;kBAAH,GAAG;;;;;;;;2FAKjB,CAAA;AAGF,QAAA,MAAM,aAAa,mKAKjB,CAAA;AAGF,QAAA,MAAM,YAAY;WAEiC,MAAM;wCAuBvD,CAAA;AAGF,QAAA,MAAM,iBAAiB,mKAOrB,CAAA;AAGF,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,QAAQ,CAAC,CAAA;AAE3E,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,YAAY,EAAE,iBAAiB,EAAE,CAAA"}

package/dist/ui/input-otp.js

@@ -1,49 +1,50 @@
 "use client";
 import { jsx as t, jsxs as p } from "react/jsx-runtime";
-import * as a from "react";
+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 o } from "./lib/utils.js";
-const x = a.forwardRef(({ className: e, containerClassName: r, ...s }, n) => /* @__PURE__ */ t(
+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: o(
+    containerClassName: a(
       "flex items-center gap-ds-03 has-[:disabled]:opacity-action-disabled",
       r
     ),
-    className: o("disabled:cursor-not-allowed", e),
+    className: a("disabled:cursor-not-allowed", e),
     ...s
   }
 ));
-x.displayName = "InputOTP";
-const b = a.forwardRef(({ className: e, ...r }, s) => /* @__PURE__ */ t("div", { ref: s, className: o("flex items-center", e), ...r }));
-b.displayName = "InputOTPGroup";
-const I = a.forwardRef(({ index: e, className: r, ...s }, n) => {
-  const i = a.useContext(u), { char: d, hasFakeCaret: l, isActive: c } = i.slots[e];
+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: o(
+      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",
-        c && "z-raised ring-2 ring-accent-9",
+        l && "z-raised ring-2 ring-accent-9",
         r
       ),
       ...s,
       children: [
         d,
-        l && /* @__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" }) })
+        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" }) })
       ]
     }
   );
 });
-I.displayName = "InputOTPSlot";
-const O = a.forwardRef(({ ...e }, r) => /* @__PURE__ */ t("div", { ref: r, role: "separator", ...e, children: /* @__PURE__ */ t(f, {}) }));
-O.displayName = "InputOTPSeparator";
+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 {
-  x as InputOTP,
-  b as InputOTPGroup,
-  O as InputOTPSeparator,
-  I as InputOTPSlot
+  b as InputOTP,
+  I as InputOTPGroup,
+  P as InputOTPSeparator,
+  O as InputOTPSlot
 };

package/dist/ui/input.d.ts

@@ -2,21 +2,25 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 export type InputState = 'default' | 'error' | 'warning' | 'success';
-declare const inputVariants: (props?: ({
+declare const inputWrapperVariants: (props?: ({
     size?: "xs" | "sm" | "md" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 /**
- * Props for Input — a single-line text field with size variants, validation state coloring,
- * and icon adornments (start/end slots).
+ * Props for Input — a single-line text field with container-first architecture,
+ * section-based icons with automatic padding, per-size scaling, and validation state coloring.
  *
- * **Sizes:** `sm` (32px) | `md` (40px, default) | `lg` (48px) — matches SearchInput's `size` prop.
+ * **Sizes:** `xs` (28px) | `sm` (32px) | `md` (40px, default) | `lg` (48px)
  * HTML's native `size` attribute is excluded — use CSS width instead.
  *
  * **Validation states:** `state="error"` colors the border red and sets `aria-invalid`.
  * Use with `<FormField>` to show helper text below the input.
  *
- * **Icon adornments:** `startIcon` and `endIcon` accept any React node (prefer SVG icons at 16px).
- * The icon is pointer-events-none (decorative); for a clickable end icon use `endIcon` + a sibling button.
+ * **Section-based icons:** `startSection` and `endSection` accept any React node.
+ * Icons are auto-sized via `IconProvider`. Sections are `pointer-events-none` by default;
+ * use `startSectionClickable`/`endSectionClickable` for interactive sections.
+ *
+ * **className** targets the `<input>` element (backward compatible).
+ * **wrapperClassName** targets the wrapper div for border/bg/ring overrides.
  *
  * @example
  * // Basic email field with placeholder:
@@ -24,7 +28,7 @@ declare const inputVariants: (props?: ({
  *
  * @example
  * // Search input with a leading icon:
- * <Input size="md" startIcon={<IconSearch />} placeholder="Search projects..." />
+ * <Input size="md" startSection={<IconSearch />} placeholder="Search projects..." />
  *
  * @example
  * // Validated error state (pair with FormField for label + helper text):
@@ -32,14 +36,31 @@ declare const inputVariants: (props?: ({
  *
  * @example
  * // Read-only field (shows a muted background, non-editable):
- * <Input readOnly value="https://devalok.com/api/key/abc123" endIcon={<IconCopy />} />
- * // These are just a few ways — feel free to combine props creatively!
+ * <Input readOnly value="https://devalok.com/api/key/abc123" endSection={<IconCopy />} />
  */
-export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>, VariantProps<typeof inputVariants> {
+export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>, VariantProps<typeof inputWrapperVariants> {
     state?: InputState;
+    startSection?: React.ReactNode;
+    endSection?: React.ReactNode;
+    startSectionClickable?: boolean;
+    endSectionClickable?: boolean;
+    /** Section display type. `'icon'` = fixed-width centered cell (default for ReactElements).
+     *  `'label'` = tinted background with border separator (default for strings). */
+    startSectionType?: 'icon' | 'label';
+    /** Section display type. `'icon'` = fixed-width centered cell (default for ReactElements).
+     *  `'label'` = tinted background with border separator (default for strings). */
+    endSectionType?: 'icon' | 'label';
+    /** Classes for the wrapper div (border, bg, ring). */
+    wrapperClassName?: string;
+    /** @deprecated Use startSection */
     startIcon?: React.ReactNode;
+    /** @deprecated Use endSection */
     endIcon?: React.ReactNode;
 }
 declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
-export { Input, inputVariants };
+/** @deprecated Use inputWrapperVariants — semantics changed (now targets wrapper, not input) */
+declare const inputVariants: (props?: ({
+    size?: "xs" | "sm" | "md" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export { Input, inputVariants, inputWrapperVariants };
 //# sourceMappingURL=input.d.ts.map

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;AAE9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAKjE,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAA;AAEpE,QAAA,MAAM,aAAa;;8EAuBlB,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,EAC/D,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,QAAA,MAAM,KAAK,qFA6CV,CAAA;AAGD,OAAO,EAAE,KAAK,EAAE,aAAa,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,qFA4JV,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,65 +1,170 @@
 "use client";
-import { jsx as d, jsxs as v } from "react/jsx-runtime";
-import * as g from "react";
-import { c as p } from "../_chunks/vendor-utils.js";
-import { cn as o } from "./lib/utils.js";
-import { motionProps as x } from "./lib/motion.js";
-import { useFormField as h } from "./form.js";
-import { m as w } from "../_chunks/framer.js";
-const y = p(
+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(
   [
-    "flex w-full font-sans",
+    "relative flex items-center w-full font-sans",
     "bg-surface-raised-hover text-surface-fg",
     "border border-surface-border rounded-ds-md",
-    "placeholder:text-surface-fg-subtle",
     "hover:bg-surface-raised-active",
-    "transition-colors duration-fast-01 ease-productive-standard",
-    "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-accent-7 focus-visible:border-surface-border",
-    "disabled:cursor-not-allowed disabled:opacity-action-disabled",
-    "read-only:bg-surface-raised read-only:cursor-default"
+    "transition-[color,background-color,border-color,box-shadow] duration-fast-02 ease-productive-standard",
+    "focus-within:outline-none 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 px-ds-02",
-        sm: "h-ds-sm text-ds-sm px-ds-03",
-        md: "h-ds-md text-ds-md px-ds-04",
-        lg: "h-ds-lg text-ds-md px-ds-05"
+        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" }
   }
-), N = g.forwardRef(
-  ({ className: n, type: l, state: m, size: t = "md", startIcon: e, endIcon: s, ...a }, u) => {
-    const r = h(), i = m ?? (r.state === "helper" ? void 0 : r.state), f = a["aria-describedby"] ?? r.helperTextId, b = a["aria-required"] ?? r.required, c = /* @__PURE__ */ d(
-      w.input,
+), 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,
+    ...o
+  }, R) => {
+    const e = N ?? "md", t = D(), n = z ?? (t.state === "helper" ? void 0 : t.state), S = o["aria-describedby"] ?? t.helperTextId, V = o["aria-required"] ?? t.required, d = T ?? M, i = j ?? k, a = !!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",
       {
-        type: l,
-        className: o(
-          y({ size: t }),
-          e && "pl-ds-07",
-          s && "pr-ds-07",
-          i === "error" && "border-error-7 focus-visible:ring-error-7",
-          i === "warning" && "border-warning-7 focus-visible:ring-warning-7",
-          i === "success" && "border-success-7 focus-visible:ring-success-7",
-          n
+        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
         ),
-        "aria-invalid": i === "error" || void 0,
-        "aria-describedby": f,
-        "aria-required": b || void 0,
-        ref: u,
-        ...x(a)
+        children: [
+          a && 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
+            }
+          ),
+          a && 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-none 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)
+                a && 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,
+              ...o
+            }
+          ),
+          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
+            }
+          ) })
+        ]
       }
     );
-    return !e && !s ? c : /* @__PURE__ */ v("div", { className: "relative flex items-center w-full", children: [
-      e && /* @__PURE__ */ d("span", { className: o("absolute left-ds-03 flex items-center text-surface-fg-muted pointer-events-none", t === "lg" ? "[&>svg]:h-ico-md [&>svg]:w-ico-md" : "[&>svg]:h-ico-sm [&>svg]:w-ico-sm"), children: e }),
-      c,
-      s && /* @__PURE__ */ d("span", { className: o("absolute right-ds-03 flex items-center text-surface-fg-muted pointer-events-none", t === "lg" ? "[&>svg]:h-ico-md [&>svg]:w-ico-md" : "[&>svg]:h-ico-sm [&>svg]:w-ico-sm"), children: s })
-    ] });
   }
 );
-N.displayName = "Input";
+A.displayName = "Input";
+const O = w;
 export {
-  N as Input,
-  y as inputVariants
+  A as Input,
+  O as inputVariants,
+  w as inputWrapperVariants
 };

package/dist/ui/label.js

@@ -1,7 +1,7 @@
 "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 { ai 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,

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

@@ -18,6 +18,8 @@ export declare const tweens: {
     readonly colorShift: Transition;
     /** Greeting fade, hint crossfade — unhurried, confident */
     readonly elegant: Transition;
+    /** Button/element layout transitions — smooth width/height changes, no overshoot */
+    readonly layout: Transition;
 };
 export declare function stagger(delay?: number): {
     visible: {

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":"AAAA,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;CAC3E,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":"AAAA,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"}

package/dist/ui/lib/motion.js

@@ -1,4 +1,4 @@
-const e = {
+const s = {
   /** Micro-interactions: buttons, hover, form inputs */
   snappy: { type: "spring", stiffness: 500, damping: 30, mass: 0.5 },
   /** Dialogs, sheets, panels, navigation */
@@ -15,23 +15,25 @@ const e = {
   /** Hover color, bg, border transitions */
   colorShift: { type: "tween", duration: 0.07, ease: "easeOut" },
   /** Greeting fade, hint crossfade — unhurried, confident */
-  elegant: { type: "tween", duration: 0.4, ease: [0.25, 0.1, 0.25, 1] }
+  elegant: { type: "tween", duration: 0.4, ease: [0.25, 0.1, 0.25, 1] },
+  /** Button/element layout transitions — smooth width/height changes, no overshoot */
+  layout: { type: "tween", duration: 0.2, ease: [0.25, 0.1, 0.25, 1] }
 };
-function t(s = 0.04) {
+function t(e = 0.04) {
   return {
-    visible: { transition: { staggerChildren: s } },
-    hidden: { transition: { staggerChildren: s } }
+    visible: { transition: { staggerChildren: e } },
+    hidden: { transition: { staggerChildren: e } }
   };
 }
-function i(s) {
-  return { ...s, duration: 0 };
+function i(e) {
+  return { ...e, duration: 0 };
 }
-function r(s) {
-  return s;
+function a(e) {
+  return e;
 }
 export {
-  r as motionProps,
-  e as springs,
+  a as motionProps,
+  s as springs,
   t as stagger,
   n as tweens,
   i as withReducedMotion

package/dist/ui/lib/utils.js

@@ -1,4 +1,4 @@
-import { e as d, a as e } from "../../_chunks/vendor-utils.js";
+import { e as d, c as e } from "../../_chunks/vendor-utils.js";
 const t = d({
   extend: {
     theme: {

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

@@ -1 +1 @@
-{"version":3,"file":"menubar.d.ts","sourceRoot":"","sources":["../../src/ui/menubar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,gBAAgB,MAAM,2BAA2B,CAAA;AAW7D,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,CAUvF,CAAA;AAOD,QAAA,MAAM,YAAY,EAAE,OAAO,gBAAgB,CAAC,KAA8B,CAAA;AAE1E,QAAA,MAAM,aAAa,EAAE,OAAO,gBAAgB,CAAC,MAAgC,CAAA;AAE7E,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,GAAG,CAAC,CAuBrF,CAAA;AAGD,QAAA,MAAM,iBAAiB,EAAE,OAAO,gBAAgB,CAAC,UACpB,CAAA;AAE7B,QAAA,MAAM,OAAO,yJAYX,CAAA;AAGF,QAAA,MAAM,cAAc,sKAYlB,CAAA;AAGF,QAAA,MAAM,iBAAiB;YAGX,OAAO;wCAejB,CAAA;AAGF,QAAA,MAAM,iBAAiB,mKA+BrB,CAAA;AAaF,QAAA,MAAM,cAAc,gKAgCnB,CAAA;AAGD,QAAA,MAAM,WAAW;YAGL,OAAO;wCAYjB,CAAA;AAGF,QAAA,MAAM,mBAAmB,qKAoBvB,CAAA;AAGF,QAAA,MAAM,gBAAgB,kKAmBpB,CAAA;AAGF,QAAA,MAAM,YAAY;YAGN,OAAO;wCAYjB,CAAA;AAGF,QAAA,MAAM,gBAAgB,kKASpB,CAAA;AAGF,QAAA,MAAM,eAAe;8BAGlB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;;CAUvC,CAAA;AAGD,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,CAAA;AACjG,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,CAAA;AAE3F,OAAO,EACL,OAAO,EACP,WAAW,EACX,cAAc,EACd,cAAc,EACd,WAAW,EACX,gBAAgB,EAChB,YAAY,EACZ,mBAAmB,EACnB,iBAAiB,EACjB,gBAAgB,EAChB,aAAa,EACb,YAAY,EACZ,UAAU,EACV,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,GAChB,CAAA"}
+{"version":3,"file":"menubar.d.ts","sourceRoot":"","sources":["../../src/ui/menubar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,gBAAgB,MAAM,2BAA2B,CAAA;AAY7D,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,CAUvF,CAAA;AAOD,QAAA,MAAM,YAAY,EAAE,OAAO,gBAAgB,CAAC,KAA8B,CAAA;AAE1E,QAAA,MAAM,aAAa,EAAE,OAAO,gBAAgB,CAAC,MAAgC,CAAA;AAE7E,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,GAAG,CAAC,CAuBrF,CAAA;AAGD,QAAA,MAAM,iBAAiB,EAAE,OAAO,gBAAgB,CAAC,UACpB,CAAA;AAE7B,QAAA,MAAM,OAAO,yJAYX,CAAA;AAGF,QAAA,MAAM,cAAc,sKAYlB,CAAA;AAGF,QAAA,MAAM,iBAAiB;YAGX,OAAO;wCAejB,CAAA;AAGF,QAAA,MAAM,iBAAiB,mKA+BrB,CAAA;AAaF,QAAA,MAAM,cAAc,gKAgCnB,CAAA;AAGD,QAAA,MAAM,WAAW;YAGL,OAAO;wCAYjB,CAAA;AAGF,QAAA,MAAM,mBAAmB,qKAoBvB,CAAA;AAGF,QAAA,MAAM,gBAAgB,kKAmBpB,CAAA;AAGF,QAAA,MAAM,YAAY;YAGN,OAAO;wCAYjB,CAAA;AAGF,QAAA,MAAM,gBAAgB,kKASpB,CAAA;AAGF,QAAA,MAAM,eAAe;8BAGlB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;;CAUvC,CAAA;AAGD,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,CAAA;AACjG,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,CAAA;AAE3F,OAAO,EACL,OAAO,EACP,WAAW,EACX,cAAc,EACd,cAAc,EACd,WAAW,EACX,gBAAgB,EAChB,YAAY,EACZ,mBAAmB,EACnB,iBAAiB,EACjB,gBAAgB,EAChB,aAAa,EACb,YAAY,EACZ,UAAU,EACV,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,GAChB,CAAA"}