@devalok/shilp-sutra 0.17.2 → 0.18.1

package/dist/ui/accordion.js

@@ -1,47 +1,57 @@
 "use client";
-import { jsx as a, jsxs as c } from "react/jsx-runtime";
-import * as r from "react";
-import { c as m, H as l, T as n, d, e as f } from "../_chunks/primitives.js";
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import * as i from "react";
+import { I as m, H as f, T as n, C as c, R as l } from "../_chunks/primitives.js";
 import { IconChevronDown as p } from "@tabler/icons-react";
-import { c as i } from "../_chunks/utils.js";
-const y = f, u = r.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ a(
+import { cn as s } from "./lib/utils.js";
+import { tweens as u } from "./lib/motion.js";
+import { m as N } from "../_chunks/framer.js";
+const I = l, w = i.forwardRef(({ className: o, ...a }, t) => /* @__PURE__ */ e(
   m,
   {
     ref: t,
-    className: i("border-b border-border-subtle", e),
-    ...o
+    className: s("border-b border-surface-border", o),
+    ...a
   }
 ));
-u.displayName = "AccordionItem";
-const x = r.forwardRef(({ className: e, children: o, ...t }, s) => /* @__PURE__ */ a(l, { className: "flex", children: /* @__PURE__ */ c(
+w.displayName = "AccordionItem";
+const x = i.forwardRef(({ className: o, children: a, ...t }, r) => /* @__PURE__ */ e(f, { className: "flex", children: /* @__PURE__ */ d(
   n,
   {
-    ref: s,
-    className: i(
-      "flex flex-1 items-center justify-between py-ds-05 text-left text-ds-md font-medium transition-colors hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus [&[data-state=open]>svg]:rotate-180",
-      e
+    ref: r,
+    className: s(
+      "group flex flex-1 items-center justify-between py-ds-05 text-left text-ds-md font-medium hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9",
+      o
     ),
     ...t,
     children: [
-      o,
-      /* @__PURE__ */ a(p, { className: "h-ico-sm w-ico-sm shrink-0 text-text-secondary transition-transform duration-moderate-02" })
+      a,
+      /* @__PURE__ */ e(p, { className: "h-ico-sm w-ico-sm shrink-0 text-surface-fg-muted transition-transform duration-200 group-data-[state=open]:rotate-180" })
     ]
   }
 ) }));
 x.displayName = n.displayName;
-const N = r.forwardRef(({ className: e, children: o, ...t }, s) => /* @__PURE__ */ a(
-  d,
+const b = i.forwardRef(({ className: o, children: a, ...t }, r) => /* @__PURE__ */ e(
+  c,
   {
-    ref: s,
-    className: "transition-all duration-moderate-02 ease-productive-standard data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down w-full overflow-hidden text-ds-md",
+    ref: r,
+    className: "w-full overflow-hidden text-ds-md data-[state=open]:animate-accordion-down data-[state=closed]:animate-accordion-up",
     ...t,
-    children: /* @__PURE__ */ a("div", { className: i("pb-ds-05 pt-0", e), children: o })
+    children: /* @__PURE__ */ e(
+      N.div,
+      {
+        initial: !1,
+        animate: { opacity: 1 },
+        transition: u.fade,
+        children: /* @__PURE__ */ e("div", { className: s("pb-ds-05 pt-0", o), children: a })
+      }
+    )
   }
 ));
-N.displayName = d.displayName;
+b.displayName = c.displayName;
 export {
-  y as Accordion,
-  N as AccordionContent,
-  u as AccordionItem,
+  I as Accordion,
+  b as AccordionContent,
+  w as AccordionItem,
   x as AccordionTrigger
 };

package/dist/ui/alert-dialog.d.ts

@@ -1,7 +1,7 @@
 "use client";
 import * as React from 'react';
 import * as AlertDialogPrimitive from '../primitives/react-alert-dialog';
-declare const AlertDialog: React.FC<AlertDialogPrimitive.AlertDialogProps>;
+declare const AlertDialog: React.FC<React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Root>>;
 declare const AlertDialogTrigger: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const AlertDialogPortal: React.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
 declare const AlertDialogOverlay: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
@@ -12,5 +12,8 @@ declare const AlertDialogTitle: React.ForwardRefExoticComponent<Omit<AlertDialog
 declare const AlertDialogDescription: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
 declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export type AlertDialogContentProps = React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content>;
+export type AlertDialogActionProps = React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action>;
+export type AlertDialogCancelProps = React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel>;
 export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };
 //# sourceMappingURL=alert-dialog.d.ts.map

package/dist/ui/alert-dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../src/ui/alert-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,oBAAoB,MAAM,gCAAgC,CAAA;AAItE,QAAA,MAAM,WAAW,iDAA4B,CAAA;AAE7C,QAAA,MAAM,kBAAkB,wHAA+B,CAAA;AAEvD,QAAA,MAAM,iBAAiB,uDAA8B,CAAA;AAErD,QAAA,MAAM,kBAAkB,wKAYtB,CAAA;AAGF,QAAA,MAAM,kBAAkB,wKAetB,CAAA;AAGF,QAAA,MAAM,iBAAiB,6GAWtB,CAAA;AAGD,QAAA,MAAM,iBAAiB,6GAWtB,CAAA;AAGD,QAAA,MAAM,gBAAgB,8KAYpB,CAAA;AAGF,QAAA,MAAM,sBAAsB,wLAS1B,CAAA;AAIF,QAAA,MAAM,iBAAiB,6KAYrB,CAAA;AAGF,QAAA,MAAM,iBAAiB,6KAYrB,CAAA;AAGF,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,GAClB,CAAA"}
+{"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../src/ui/alert-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,oBAAoB,MAAM,gCAAgC,CAAA;AAYtE,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,CAyB3F,CAAA;AAGD,QAAA,MAAM,kBAAkB,wHAA+B,CAAA;AAEvD,QAAA,MAAM,iBAAiB,uDAA8B,CAAA;AAErD,QAAA,MAAM,kBAAkB,wKAatB,CAAA;AAGF,QAAA,MAAM,kBAAkB,wKAyCtB,CAAA;AAGF,QAAA,MAAM,iBAAiB,6GAWtB,CAAA;AAGD,QAAA,MAAM,iBAAiB,6GAWtB,CAAA;AAGD,QAAA,MAAM,gBAAgB,8KAYpB,CAAA;AAGF,QAAA,MAAM,sBAAsB,wLAS1B,CAAA;AAIF,QAAA,MAAM,iBAAiB,6KAYrB,CAAA;AAGF,QAAA,MAAM,iBAAiB,6KAYrB,CAAA;AAGF,MAAM,MAAM,uBAAuB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,CAAA;AACzG,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,CAAA;AACvG,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,CAAA;AAEvG,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,GAClB,CAAA"}

package/dist/ui/alert-dialog.js

@@ -1,118 +1,159 @@
 "use client";
-import { jsx as s, jsxs as p } from "react/jsx-runtime";
+import { jsx as s, jsxs as h } from "react/jsx-runtime";
 import * as o from "react";
-import { O as l, B as g, D as d, E as r, J as n, K as c, M as f, N as x, Q as b } from "../_chunks/primitives.js";
-import { c as i } from "../_chunks/utils.js";
-const C = x, T = b, y = g, m = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ s(
-  l,
+import { O as p, w as R, x as u, y as g, D as x, A as y, z as b, B as C, E as j } from "../_chunks/primitives.js";
+import { cn as i } from "./lib/utils.js";
+import { tweens as f, springs as M } from "./lib/motion.js";
+import { A as T, m } from "../_chunks/framer.js";
+const v = o.createContext({ open: !1 }), z = () => o.useContext(v), P = ({
+  open: t,
+  defaultOpen: a,
+  onOpenChange: e,
+  ...r
+}) => {
+  const [l, A] = o.useState(a ?? !1), n = t !== void 0, d = n ? t : l, D = o.useCallback(
+    (c) => {
+      n || A(c), e == null || e(c);
+    },
+    [n, e]
+  ), w = o.useMemo(() => ({ open: d }), [d]);
+  return /* @__PURE__ */ s(v.Provider, { value: w, children: /* @__PURE__ */ s(C, { open: d, onOpenChange: D, ...r }) });
+};
+P.displayName = "AlertDialog";
+const L = j, F = R, N = o.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ s(
+  p,
   {
-    ref: a,
+    ref: e,
+    forceMount: !0,
     className: i(
-      "fixed inset-0 z-modal bg-overlay data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-      e
+      "fixed inset-0 z-modal bg-overlay",
+      t
     ),
-    ...t
+    ...a
   }
 ));
-m.displayName = l.displayName;
-const u = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ p(y, { children: [
-  /* @__PURE__ */ s(m, {}),
-  /* @__PURE__ */ s(
-    d,
-    {
-      ref: a,
-      className: i(
-        "fixed left-[50%] top-[50%] z-modal grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-ds-05 border border-border bg-layer-01 p-ds-06 shadow-04 rounded-ds-xl duration-moderate-02 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]",
-        e
-      ),
-      ...t
-    }
-  )
-] }));
-u.displayName = d.displayName;
-const v = o.forwardRef(
-  ({ className: e, ...t }, a) => /* @__PURE__ */ s(
+N.displayName = p.displayName;
+const H = o.forwardRef(({ className: t, children: a, ...e }, r) => {
+  const { open: l } = z();
+  return /* @__PURE__ */ s(T, { children: l && /* @__PURE__ */ h(F, { forceMount: !0, children: [
+    /* @__PURE__ */ s(N, { asChild: !0, children: /* @__PURE__ */ s(
+      m.div,
+      {
+        initial: { opacity: 0 },
+        animate: { opacity: 1 },
+        exit: { opacity: 0 },
+        transition: f.fade
+      }
+    ) }),
+    /* @__PURE__ */ s(
+      u,
+      {
+        ref: r,
+        forceMount: !0,
+        asChild: !0,
+        ...e,
+        children: /* @__PURE__ */ s(
+          m.div,
+          {
+            initial: { opacity: 0, scale: 0.95 },
+            animate: { opacity: 1, scale: 1 },
+            exit: { opacity: 0, scale: 0.95 },
+            transition: { ...M.smooth, opacity: f.fade },
+            className: i(
+              "fixed left-[50%] top-[50%] z-modal grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-ds-05 border border-surface-border-strong bg-surface-1 p-ds-06 shadow-04 rounded-ds-xl",
+              t
+            ),
+            children: a
+          }
+        )
+      }
+    )
+  ] }) });
+});
+H.displayName = u.displayName;
+const O = o.forwardRef(
+  ({ className: t, ...a }, e) => /* @__PURE__ */ s(
     "div",
     {
-      ref: a,
+      ref: e,
       className: i(
         "flex flex-col space-y-ds-02b text-center sm:text-left",
-        e
+        t
       ),
-      ...t
+      ...a
     }
   )
 );
-v.displayName = "AlertDialogHeader";
-const N = o.forwardRef(
-  ({ className: e, ...t }, a) => /* @__PURE__ */ s(
+O.displayName = "AlertDialogHeader";
+const k = o.forwardRef(
+  ({ className: t, ...a }, e) => /* @__PURE__ */ s(
     "div",
     {
-      ref: a,
+      ref: e,
       className: i(
         "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-ds-03",
-        e
+        t
       ),
-      ...t
+      ...a
     }
   )
 );
-N.displayName = "AlertDialogFooter";
-const D = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ s(
-  r,
+k.displayName = "AlertDialogFooter";
+const B = o.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ s(
+  g,
   {
-    ref: a,
+    ref: e,
     className: i(
       "text-ds-lg font-semibold",
-      e
+      t
     ),
-    ...t
+    ...a
   }
 ));
-D.displayName = r.displayName;
-const A = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ s(
-  n,
+B.displayName = g.displayName;
+const E = o.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ s(
+  x,
   {
-    ref: a,
-    className: i("text-ds-md text-text-secondary", e),
-    ...t
+    ref: e,
+    className: i("text-ds-md text-surface-fg-muted", t),
+    ...a
   }
 ));
-A.displayName = n.displayName;
-const w = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ s(
-  c,
+E.displayName = x.displayName;
+const I = o.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ s(
+  y,
   {
-    ref: a,
+    ref: e,
     className: i(
-      "inline-flex h-ds-md items-center justify-center rounded-ds-md px-ds-05 text-ds-md font-semibold transition-colors bg-interactive text-text-on-color hover:bg-interactive-hover active:bg-interactive-active shadow-01 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-[0.38]",
-      e
+      "inline-flex h-ds-md items-center justify-center rounded-ds-md px-ds-05 text-ds-md font-semibold transition-colors bg-accent-9 text-accent-fg hover:bg-accent-10 active:bg-accent-10 shadow-01 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-action-disabled",
+      t
     ),
-    ...t
+    ...a
   }
 ));
-w.displayName = c.displayName;
-const R = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ s(
-  f,
+I.displayName = y.displayName;
+const S = o.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ s(
+  b,
   {
-    ref: a,
+    ref: e,
     className: i(
-      "inline-flex h-ds-md items-center justify-center rounded-ds-md px-ds-05 text-ds-md font-semibold transition-colors bg-transparent text-text-secondary border border-border hover:bg-layer-02 hover:text-text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-[0.38]",
-      e
+      "inline-flex h-ds-md items-center justify-center rounded-ds-md px-ds-05 text-ds-md font-semibold transition-colors bg-transparent text-surface-fg-muted border border-surface-border-strong hover:bg-surface-2 hover:text-surface-fg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-action-disabled",
+      t
     ),
-    ...t
+    ...a
   }
 ));
-R.displayName = f.displayName;
+S.displayName = b.displayName;
 export {
-  C as AlertDialog,
-  w as AlertDialogAction,
-  R as AlertDialogCancel,
-  u as AlertDialogContent,
-  A as AlertDialogDescription,
-  N as AlertDialogFooter,
-  v as AlertDialogHeader,
-  m as AlertDialogOverlay,
-  y as AlertDialogPortal,
-  D as AlertDialogTitle,
-  T as AlertDialogTrigger
+  P as AlertDialog,
+  I as AlertDialogAction,
+  S as AlertDialogCancel,
+  H as AlertDialogContent,
+  E as AlertDialogDescription,
+  k as AlertDialogFooter,
+  O as AlertDialogHeader,
+  N as AlertDialogOverlay,
+  F as AlertDialogPortal,
+  B as AlertDialogTitle,
+  L as AlertDialogTrigger
 };

package/dist/ui/alert.d.ts

@@ -2,7 +2,7 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const alertVariants: (props?: ({
-    variant?: "filled" | "subtle" | "outline" | null | undefined;
+    variant?: "outline" | "filled" | "subtle" | null | undefined;
     color?: "error" | "info" | "success" | "warning" | "neutral" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 /**
@@ -44,6 +44,11 @@ declare const alertVariants: (props?: ({
  */
 export interface AlertProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'>, VariantProps<typeof alertVariants> {
     title?: string;
+    /**
+     * Called after the exit animation completes, not immediately on click.
+     * The dismiss button sets internal visibility to false, triggering the exit
+     * animation; `onDismiss` fires via `AnimatePresence.onExitComplete`.
+     */
     onDismiss?: () => void;
 }
 declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -1 +1 @@
-{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../src/ui/alert.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,QAAA,MAAM,aAAa;;;8EAuClB,CAAA;AAUD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,EACzD,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB;AAED,QAAA,MAAM,KAAK,mFA8BV,CAAA;AAGD,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA"}
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../src/ui/alert.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAKjE,QAAA,MAAM,aAAa;;;8EAuClB,CAAA;AAUD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,EACzD,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB;AAED,QAAA,MAAM,KAAK,mFA0CV,CAAA;AAGD,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA"}

package/dist/ui/alert.js

@@ -1,10 +1,12 @@
 "use client";
-import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import { IconInfoCircle as n, IconAlertCircle as g, IconAlertTriangle as v, IconCircleCheck as p, IconX as N } from "@tabler/icons-react";
-import * as t from "react";
-import { e as w } from "../_chunks/vendor-utils.js";
-import { c as h } from "../_chunks/utils.js";
-const y = w(
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { IconInfoCircle as o, IconAlertCircle as x, IconAlertTriangle as v, IconCircleCheck as p, IconX as N } from "@tabler/icons-react";
+import * as r from "react";
+import { ag as w } from "../_chunks/vendor-utils.js";
+import { cn as h } from "./lib/utils.js";
+import { springs as y, motionProps as I } from "./lib/motion.js";
+import { A as C, m as A } from "../_chunks/framer.js";
+const k = w(
   "relative flex gap-ds-04 rounded-ds-lg border p-ds-05",
   {
     variants: {
@@ -23,58 +25,71 @@ const y = w(
     },
     compoundVariants: [
       // subtle (surface bg) — default, matches previous behavior
-      { variant: "subtle", color: "info", className: "bg-info-surface border-info-border text-info-text" },
-      { variant: "subtle", color: "success", className: "bg-success-surface border-success-border text-success-text" },
-      { variant: "subtle", color: "warning", className: "bg-warning-surface border-warning-border text-warning-text" },
-      { variant: "subtle", color: "error", className: "bg-error-surface border-error-border text-error-text" },
-      { variant: "subtle", color: "neutral", className: "bg-layer-02 border-border text-text-primary [&>svg]:text-text-secondary" },
+      { variant: "subtle", color: "info", className: "bg-info-3 border-info-7 text-info-11" },
+      { variant: "subtle", color: "success", className: "bg-success-3 border-success-7 text-success-11" },
+      { variant: "subtle", color: "warning", className: "bg-warning-3 border-warning-7 text-warning-11" },
+      { variant: "subtle", color: "error", className: "bg-error-3 border-error-7 text-error-11" },
+      { variant: "subtle", color: "neutral", className: "bg-surface-2 border-surface-border-strong text-surface-fg [&>svg]:text-surface-fg-muted" },
       // filled (solid bg, white text)
-      { variant: "filled", color: "info", className: "bg-info text-text-on-color border-transparent [&>svg]:text-text-on-color" },
-      { variant: "filled", color: "success", className: "bg-success text-text-on-color border-transparent [&>svg]:text-text-on-color" },
-      { variant: "filled", color: "warning", className: "bg-warning text-text-on-color border-transparent [&>svg]:text-text-on-color" },
-      { variant: "filled", color: "error", className: "bg-error text-text-on-color border-transparent [&>svg]:text-text-on-color" },
-      { variant: "filled", color: "neutral", className: "bg-layer-03 text-text-primary border-transparent [&>svg]:text-text-secondary" },
+      { variant: "filled", color: "info", className: "bg-info-9 text-accent-fg border-transparent [&>svg]:text-accent-fg" },
+      { variant: "filled", color: "success", className: "bg-success-9 text-accent-fg border-transparent [&>svg]:text-accent-fg" },
+      { variant: "filled", color: "warning", className: "bg-warning-9 text-accent-fg border-transparent [&>svg]:text-accent-fg" },
+      { variant: "filled", color: "error", className: "bg-error-9 text-accent-fg border-transparent [&>svg]:text-accent-fg" },
+      { variant: "filled", color: "neutral", className: "bg-surface-3 text-surface-fg border-transparent [&>svg]:text-surface-fg-muted" },
       // outline (transparent bg, colored border)
-      { variant: "outline", color: "info", className: "bg-transparent border-info-border text-info-text" },
-      { variant: "outline", color: "success", className: "bg-transparent border-success-border text-success-text" },
-      { variant: "outline", color: "warning", className: "bg-transparent border-warning-border text-warning-text" },
-      { variant: "outline", color: "error", className: "bg-transparent border-error-border text-error-text" },
-      { variant: "outline", color: "neutral", className: "bg-transparent border-border text-text-primary [&>svg]:text-text-secondary" }
+      { variant: "outline", color: "info", className: "bg-transparent border-info-7 text-info-11" },
+      { variant: "outline", color: "success", className: "bg-transparent border-success-7 text-success-11" },
+      { variant: "outline", color: "warning", className: "bg-transparent border-warning-7 text-warning-11" },
+      { variant: "outline", color: "error", className: "bg-transparent border-error-7 text-error-11" },
+      { variant: "outline", color: "neutral", className: "bg-transparent border-surface-border-strong text-surface-fg [&>svg]:text-surface-fg-muted" }
     ],
     defaultVariants: { variant: "subtle", color: "info" }
   }
-), I = {
-  info: n,
+), V = {
+  info: o,
   success: p,
   warning: v,
-  error: g,
-  neutral: n
-}, C = t.forwardRef(
-  ({ className: c, variant: l = "subtle", color: o = "info", title: a, onDismiss: r, children: i, ...d }, b) => {
-    const x = I[o ?? "info"], [u, m] = t.useState(!1), f = t.useCallback(() => {
-      m(!0), setTimeout(() => r == null ? void 0 : r(), 150);
-    }, [r]);
-    return /* @__PURE__ */ s("div", { ref: b, className: h(y({ variant: l, color: o }), u && "animate-slide-out-up", c), role: "alert", ...d, children: [
-      /* @__PURE__ */ e(x, { className: "mt-ds-01 h-ico-md w-ico-md shrink-0", "aria-hidden": "true" }),
-      /* @__PURE__ */ s("div", { className: "flex-1 min-w-0", children: [
-        a && /* @__PURE__ */ e("p", { className: "text-ds-md font-semibold mb-ds-01", children: a }),
-        /* @__PURE__ */ e("div", { className: "text-ds-md opacity-[0.9]", children: i })
-      ] }),
-      r && /* @__PURE__ */ e(
-        "button",
-        {
-          type: "button",
-          onClick: f,
-          className: "shrink-0 min-h-ds-xs min-w-ds-xs flex items-center justify-center rounded-ds-sm text-icon-secondary transition-colors hover:text-icon-primary hover:bg-field focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus",
-          "aria-label": "Dismiss",
-          children: /* @__PURE__ */ e(N, { className: "h-ico-sm w-ico-sm" })
-        }
-      )
-    ] });
+  error: x,
+  neutral: o
+}, j = r.forwardRef(
+  ({ className: c, variant: i = "subtle", color: t = "info", title: a, onDismiss: s, children: l, ...f }, u) => {
+    const m = V[t ?? "info"], [d, g] = r.useState(!0), b = r.useCallback(() => {
+      g(!1);
+    }, []);
+    return /* @__PURE__ */ e(C, { onExitComplete: s, children: d && /* @__PURE__ */ n(
+      A.div,
+      {
+        ref: u,
+        initial: { opacity: 1, y: 0 },
+        animate: { opacity: 1, y: 0 },
+        exit: { opacity: 0, y: -8 },
+        transition: y.snappy,
+        className: h(k({ variant: i, color: t }), c),
+        role: "alert",
+        ...I(f),
+        children: [
+          /* @__PURE__ */ e(m, { className: "mt-ds-01 h-ico-md w-ico-md shrink-0", "aria-hidden": "true" }),
+          /* @__PURE__ */ n("div", { className: "flex-1 min-w-0", children: [
+            a && /* @__PURE__ */ e("p", { className: "text-ds-md font-semibold mb-ds-01", children: a }),
+            /* @__PURE__ */ e("div", { className: "text-ds-md opacity-[0.9]", children: l })
+          ] }),
+          s && /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              onClick: b,
+              className: "shrink-0 min-h-ds-xs min-w-ds-xs flex items-center justify-center rounded-ds-sm text-surface-fg-subtle transition-colors hover:text-surface-fg-muted hover:bg-surface-3 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9",
+              "aria-label": "Dismiss",
+              children: /* @__PURE__ */ e(N, { className: "h-ico-sm w-ico-sm" })
+            }
+          )
+        ]
+      }
+    ) });
   }
 );
-C.displayName = "Alert";
+j.displayName = "Alert";
 export {
-  C as Alert,
-  y as alertVariants
+  j as Alert,
+  k as alertVariants
 };

package/dist/ui/aspect-ratio.d.ts

@@ -1,5 +1,6 @@
 "use client";
+import * as React from 'react';
 import * as AspectRatioPrimitive from '../primitives/react-aspect-ratio';
-declare const AspectRatio: import('react').ForwardRefExoticComponent<AspectRatioPrimitive.AspectRatioProps & import('react').RefAttributes<HTMLDivElement>>;
+declare const AspectRatio: React.ForwardRefExoticComponent<Omit<AspectRatioPrimitive.AspectRatioProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export { AspectRatio };
 //# sourceMappingURL=aspect-ratio.d.ts.map

package/dist/ui/aspect-ratio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"aspect-ratio.d.ts","sourceRoot":"","sources":["../../src/ui/aspect-ratio.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,oBAAoB,MAAM,gCAAgC,CAAA;AAEtE,QAAA,MAAM,WAAW,kIAA4B,CAAA;AAG7C,OAAO,EAAE,WAAW,EAAE,CAAA"}
+{"version":3,"file":"aspect-ratio.d.ts","sourceRoot":"","sources":["../../src/ui/aspect-ratio.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,oBAAoB,MAAM,gCAAgC,CAAA;AAGtE,QAAA,MAAM,WAAW,iKASf,CAAA;AAGF,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/ui/aspect-ratio.js

@@ -1,7 +1,17 @@
 "use client";
-import { f as o } from "../_chunks/primitives.js";
-const t = o;
-t.displayName = "AspectRatio";
+import { jsx as r } from "react/jsx-runtime";
+import * as m from "react";
+import { a as s } from "../_chunks/primitives.js";
+import { cn as p } from "./lib/utils.js";
+const e = m.forwardRef(({ className: o, ...t }, a) => /* @__PURE__ */ r(
+  s,
+  {
+    ref: a,
+    className: p(o),
+    ...t
+  }
+));
+e.displayName = "AspectRatio";
 export {
-  t as AspectRatio
+  e as AspectRatio
 };

package/dist/ui/autocomplete.d.ts

@@ -35,7 +35,7 @@ type AutocompleteOption = {
  * />
  * // These are just a few ways — feel free to combine props creatively!
  */
-type AutocompleteProps = {
+type AutocompleteProps = React.HTMLAttributes<HTMLDivElement> & {
     options: AutocompleteOption[];
     value?: AutocompleteOption | null;
     onValueChange?: (option: AutocompleteOption) => void;
@@ -45,6 +45,15 @@ type AutocompleteProps = {
     className?: string;
     id?: string;
 };
-declare const Autocomplete: React.ForwardRefExoticComponent<AutocompleteProps & React.RefAttributes<HTMLInputElement>>;
+declare const Autocomplete: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    options: AutocompleteOption[];
+    value?: AutocompleteOption | null;
+    onValueChange?: (option: AutocompleteOption) => void;
+    placeholder?: string;
+    emptyText?: string;
+    disabled?: boolean;
+    className?: string;
+    id?: string;
+} & React.RefAttributes<HTMLInputElement>>;
 export { Autocomplete, type AutocompleteProps, type AutocompleteOption };
 //# sourceMappingURL=autocomplete.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"autocomplete.d.ts","sourceRoot":"","sources":["../../src/ui/autocomplete.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,KAAK,kBAAkB,GAAG;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,KAAK,iBAAiB,GAAG;IACvB,OAAO,EAAE,kBAAkB,EAAE,CAAA;IAC7B,KAAK,CAAC,EAAE,kBAAkB,GAAG,IAAI,CAAA;IACjC,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAA;IACpD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,QAAA,MAAM,YAAY,4FAyKjB,CAAA;AAGD,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,KAAK,kBAAkB,EAAE,CAAA"}
+{"version":3,"file":"autocomplete.d.ts","sourceRoot":"","sources":["../../src/ui/autocomplete.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAe9B,KAAK,kBAAkB,GAAG;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,KAAK,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IAC9D,OAAO,EAAE,kBAAkB,EAAE,CAAA;IAC7B,KAAK,CAAC,EAAE,kBAAkB,GAAG,IAAI,CAAA;IACjC,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAA;IACpD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,QAAA,MAAM,YAAY;aAVP,kBAAkB,EAAE;YACrB,kBAAkB,GAAG,IAAI;oBACjB,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI;kBACtC,MAAM;gBACR,MAAM;eACP,OAAO;gBACN,MAAM;SACb,MAAM;0CA8LZ,CAAA;AAGD,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,KAAK,kBAAkB,EAAE,CAAA"}