@devalok/shilp-sutra 0.30.0 → 0.32.0

package/dist/tailwind/index.cjs

@@ -38,6 +38,12 @@ const s = {
    * set it explicitly in your own tailwind.config — your config takes precedence.
    */
   darkMode: "class",
+  safelist: [
+    "py-ds-02",
+    "py-ds-03",
+    "py-ds-05",
+    "py-ds-07"
+  ],
   theme: {
     extend: {
       // Breakpoints must be static values — CSS custom properties cannot be used
@@ -349,6 +355,14 @@ const s = {
           "0%": { transform: "scaleX(1)" },
           "100%": { transform: "scaleX(0)" }
         },
+        "popover-in": {
+          from: { opacity: "0", transform: "scale(0.95)" },
+          to: { opacity: "1", transform: "scale(1)" }
+        },
+        "popover-out": {
+          from: { opacity: "1", transform: "scale(1)" },
+          to: { opacity: "0", transform: "scale(0.95)" }
+        },
         "processing-ants": {
           to: { "--border-angle": "360deg" }
         }
@@ -364,6 +378,8 @@ const s = {
         "skeleton-shimmer": "skeleton-shimmer var(--duration-slow-02) var(--ease-linear) infinite",
         "caret-blink": "caret-blink 1.25s ease-out infinite",
         "timer-bar": "timer-bar linear forwards",
+        "popover-in": "popover-in 150ms var(--ease-productive-entrance)",
+        "popover-out": "popover-out 100ms var(--ease-productive-exit)",
         "processing-ants-ambient": "processing-ants 3s linear infinite",
         "processing-ants-working": "processing-ants 2s linear infinite",
         "processing-ants-urgent": "processing-ants 1s linear infinite"
@@ -386,7 +402,8 @@ const s = {
         error: "var(--shadow-error)",
         warning: "var(--shadow-warning)",
         "ring-sm": "var(--shadow-ring-sm)",
-        ring: "var(--shadow-ring)"
+        ring: "var(--shadow-ring)",
+        kbd: "var(--shadow-kbd)"
       },
       transitionDuration: {
         instant: "var(--duration-instant)",
@@ -417,9 +434,6 @@ const s = {
         popover: "var(--z-popover)",
         toast: "var(--z-toast)",
         tooltip: "var(--z-tooltip)"
-      },
-      fontVariantNumeric: {
-        tabular: "tabular-nums"
       }
     }
   },
@@ -430,25 +444,55 @@ const s = {
           syntax: '"<angle>"',
           "initial-value": "0deg",
           inherits: "false"
+        },
+        // Prevent iOS Safari auto-zoom on inputs with font-size < 16px
+        "@media screen and (max-width: 767px)": {
+          'input:not([type="checkbox"]):not([type="radio"]), textarea, select': {
+            "font-size": "max(16px, 1em) !important"
+          }
         }
       }), a({
+        ".tabular-nums": { "font-variant-numeric": "tabular-nums" },
+        ".touch-target": {
+          position: "relative"
+        },
+        ".touch-target::before": {
+          content: '""',
+          position: "absolute",
+          top: "50%",
+          left: "50%",
+          transform: "translate(-50%, -50%)",
+          "min-width": "44px",
+          "min-height": "44px"
+        },
         ".focus-ring": {
           "&:focus-visible": {
             outline: "none",
-            "box-shadow": "0 0 0 2px var(--color-surface-base), 0 0 0 4px var(--color-accent-9)"
+            "box-shadow": "0 0 0 var(--border-focus-width) var(--color-surface-base), 0 0 0 calc(var(--border-focus-width) + var(--border-focus-offset)) var(--color-accent-9)"
           }
         },
         ".focus-ring-inset": {
           "&:focus-visible": {
             outline: "none",
-            "box-shadow": "inset 0 0 0 2px var(--color-accent-9)"
+            "box-shadow": "inset 0 0 0 var(--border-focus-width) var(--color-accent-9)"
           }
         },
         ".focus-ring-sm": {
           "&:focus-visible": {
             outline: "none",
-            "box-shadow": "0 0 0 1px var(--color-accent-7)"
+            "box-shadow": "0 0 0 var(--border-focus-width) var(--color-accent-7)"
           }
+        },
+        // Safe area inset utilities for notched/island devices
+        ".pt-safe": { "padding-top": "env(safe-area-inset-top, 0px)" },
+        ".pb-safe": { "padding-bottom": "env(safe-area-inset-bottom, 0px)" },
+        ".pl-safe": { "padding-left": "env(safe-area-inset-left, 0px)" },
+        ".pr-safe": { "padding-right": "env(safe-area-inset-right, 0px)" },
+        ".p-safe": {
+          "padding-top": "env(safe-area-inset-top, 0px)",
+          "padding-bottom": "env(safe-area-inset-bottom, 0px)",
+          "padding-left": "env(safe-area-inset-left, 0px)",
+          "padding-right": "env(safe-area-inset-right, 0px)"
         }
       });
     })

package/dist/tailwind/preset.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"preset.d.ts","sourceRoot":"","sources":["../../src/tailwind/preset.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAGzC,QAAA,MAAM,MAAM,EAAE,OAAO,CAAC,MAAM,CA8a3B,CAAA;AAED,eAAe,MAAM,CAAA"}
+{"version":3,"file":"preset.d.ts","sourceRoot":"","sources":["../../src/tailwind/preset.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAGzC,QAAA,MAAM,MAAM,EAAE,OAAO,CAAC,MAAM,CAud3B,CAAA;AAED,eAAe,MAAM,CAAA"}

package/dist/tailwind/preset.js

@@ -5,6 +5,12 @@ const s = {
    * set it explicitly in your own tailwind.config — your config takes precedence.
    */
   darkMode: "class",
+  safelist: [
+    "py-ds-02",
+    "py-ds-03",
+    "py-ds-05",
+    "py-ds-07"
+  ],
   theme: {
     extend: {
       // Breakpoints must be static values — CSS custom properties cannot be used
@@ -316,6 +322,14 @@ const s = {
           "0%": { transform: "scaleX(1)" },
           "100%": { transform: "scaleX(0)" }
         },
+        "popover-in": {
+          from: { opacity: "0", transform: "scale(0.95)" },
+          to: { opacity: "1", transform: "scale(1)" }
+        },
+        "popover-out": {
+          from: { opacity: "1", transform: "scale(1)" },
+          to: { opacity: "0", transform: "scale(0.95)" }
+        },
         "processing-ants": {
           to: { "--border-angle": "360deg" }
         }
@@ -331,6 +345,8 @@ const s = {
         "skeleton-shimmer": "skeleton-shimmer var(--duration-slow-02) var(--ease-linear) infinite",
         "caret-blink": "caret-blink 1.25s ease-out infinite",
         "timer-bar": "timer-bar linear forwards",
+        "popover-in": "popover-in 150ms var(--ease-productive-entrance)",
+        "popover-out": "popover-out 100ms var(--ease-productive-exit)",
         "processing-ants-ambient": "processing-ants 3s linear infinite",
         "processing-ants-working": "processing-ants 2s linear infinite",
         "processing-ants-urgent": "processing-ants 1s linear infinite"
@@ -353,7 +369,8 @@ const s = {
         error: "var(--shadow-error)",
         warning: "var(--shadow-warning)",
         "ring-sm": "var(--shadow-ring-sm)",
-        ring: "var(--shadow-ring)"
+        ring: "var(--shadow-ring)",
+        kbd: "var(--shadow-kbd)"
       },
       transitionDuration: {
         instant: "var(--duration-instant)",
@@ -384,9 +401,6 @@ const s = {
         popover: "var(--z-popover)",
         toast: "var(--z-toast)",
         tooltip: "var(--z-tooltip)"
-      },
-      fontVariantNumeric: {
-        tabular: "tabular-nums"
       }
     }
   },
@@ -397,25 +411,55 @@ const s = {
           syntax: '"<angle>"',
           "initial-value": "0deg",
           inherits: "false"
+        },
+        // Prevent iOS Safari auto-zoom on inputs with font-size < 16px
+        "@media screen and (max-width: 767px)": {
+          'input:not([type="checkbox"]):not([type="radio"]), textarea, select': {
+            "font-size": "max(16px, 1em) !important"
+          }
         }
       }), a({
+        ".tabular-nums": { "font-variant-numeric": "tabular-nums" },
+        ".touch-target": {
+          position: "relative"
+        },
+        ".touch-target::before": {
+          content: '""',
+          position: "absolute",
+          top: "50%",
+          left: "50%",
+          transform: "translate(-50%, -50%)",
+          "min-width": "44px",
+          "min-height": "44px"
+        },
         ".focus-ring": {
           "&:focus-visible": {
             outline: "none",
-            "box-shadow": "0 0 0 2px var(--color-surface-base), 0 0 0 4px var(--color-accent-9)"
+            "box-shadow": "0 0 0 var(--border-focus-width) var(--color-surface-base), 0 0 0 calc(var(--border-focus-width) + var(--border-focus-offset)) var(--color-accent-9)"
           }
         },
         ".focus-ring-inset": {
           "&:focus-visible": {
             outline: "none",
-            "box-shadow": "inset 0 0 0 2px var(--color-accent-9)"
+            "box-shadow": "inset 0 0 0 var(--border-focus-width) var(--color-accent-9)"
           }
         },
         ".focus-ring-sm": {
           "&:focus-visible": {
             outline: "none",
-            "box-shadow": "0 0 0 1px var(--color-accent-7)"
+            "box-shadow": "0 0 0 var(--border-focus-width) var(--color-accent-7)"
           }
+        },
+        // Safe area inset utilities for notched/island devices
+        ".pt-safe": { "padding-top": "env(safe-area-inset-top, 0px)" },
+        ".pb-safe": { "padding-bottom": "env(safe-area-inset-bottom, 0px)" },
+        ".pl-safe": { "padding-left": "env(safe-area-inset-left, 0px)" },
+        ".pr-safe": { "padding-right": "env(safe-area-inset-right, 0px)" },
+        ".p-safe": {
+          "padding-top": "env(safe-area-inset-top, 0px)",
+          "padding-bottom": "env(safe-area-inset-bottom, 0px)",
+          "padding-left": "env(safe-area-inset-left, 0px)",
+          "padding-right": "env(safe-area-inset-right, 0px)"
         }
       });
     })

package/dist/tokens/primitives.css

@@ -91,7 +91,9 @@
   --green-11: oklch(0.43 0.1032 145);
   --green-12: oklch(0.32 0.0589 145);
 
-  /* ── Yellow — H:85 ── */
+  /* ── Yellow — H:85 ── RESERVED — not referenced by semantic tokens.
+     Kept for consumer apps that may use primitives directly.
+     Warning status uses amber-bright scale instead. */
   --yellow-1:  oklch(0.99 0.0037 85);
   --yellow-2:  oklch(0.97 0.0111 85);
   --yellow-3:  oklch(0.93 0.0258 85);

package/dist/tokens/semantic.css

@@ -112,9 +112,9 @@
   --color-surface-fg: var(--neutral-12);
   --color-surface-fg-muted: var(--neutral-11);
   --color-surface-fg-subtle: var(--neutral-8);
-  --color-surface-border: var(--neutral-5);
-  --color-surface-border-strong: var(--neutral-6);
-  --color-surface-border-subtle: var(--neutral-4);
+  --color-surface-border: var(--neutral-6);         /* was neutral-5; bumped for WCAG 1.4.11 non-text contrast */
+  --color-surface-border-strong: var(--neutral-7);   /* was neutral-6 */
+  --color-surface-border-subtle: var(--neutral-5);   /* was neutral-4 */
   --color-backdrop: oklch(0 0 0 / 0.4);
 
   /* ═══════════════════════════════════════════════════════════
@@ -292,6 +292,9 @@
   /* Shadow transition */
   --shadow-transition: box-shadow var(--duration-fast-02) var(--ease-productive-standard);
 
+  /* Keyboard shortcut badge shadow */
+  --shadow-kbd: inset 0 -1px 0 oklch(0 0 0 / 0.1);
+
   /* Shadow primitives (internal) */
   --shadow-xs:
     0 0 0 1px oklch(var(--shadow-color) / calc(0.035 * var(--shadow-strength))),
@@ -417,12 +420,12 @@
 .dark {
   color-scheme: dark;
 
-  /* Foreground on accent flips in dark mode */
-  --color-accent-fg: var(--neutral-12);
-  --color-secondary-fg: var(--neutral-12);
-  --color-error-fg: var(--neutral-12);
-  --color-success-fg: var(--neutral-12);
-  --color-info-fg: var(--neutral-12);
+  /* Foreground on solid accent/status backgrounds — pure white on brand colors */
+  --color-accent-fg: var(--neutral-0);
+  --color-secondary-fg: var(--neutral-0);
+  --color-error-fg: var(--neutral-0);
+  --color-success-fg: var(--neutral-0);
+  --color-info-fg: var(--neutral-0);
 
   /* Warning: amber-bright dark ramp for dark mode */
   --color-warning-2:  var(--amber-bright-2);
@@ -433,7 +436,7 @@
   --color-warning-9:  var(--amber-bright-9);
   --color-warning-10: var(--amber-bright-10);
   --color-warning-11: var(--amber-bright-11);
-  --color-warning-fg: var(--neutral-12);
+  --color-warning-fg: var(--neutral-0);
 
   /* Dark mode borders need lower contrast — bright borders look harsh.
      Drop to step 3/4 for subtle resting borders that don't overpower surfaces */
@@ -441,10 +444,10 @@
   --color-surface-base: var(--neutral-1);     /* 0.11L — dark page */
   --color-surface-raised: var(--neutral-2);   /* 0.17L — lighter cards */
 
-  --color-surface-border: var(--neutral-3);
-  --color-surface-border-strong: var(--neutral-4);
+  --color-surface-border: var(--neutral-4);         /* was neutral-3; bumped for contrast */
+  --color-surface-border-strong: var(--neutral-5);   /* was neutral-4 */
   --color-surface-overlay: oklch(0.13 0.0002 350);
-  --color-surface-border-subtle: var(--neutral-2);
+  --color-surface-border-subtle: var(--neutral-3); /* was neutral-2 = same as raised = invisible (1:1) */
   --color-backdrop: oklch(0 0 0 / 0.6);
 
   /* Overlay */

package/dist/tokens/typography.css

@@ -39,7 +39,17 @@
   font-display: swap;
 }
 
-/* ── Title Scale (T1–T7) ───────────────────────────────────────── */
+/* ── DEPRECATED Title Scale (T1–T7) ────────────────────────────────
+ * @deprecated Use typography-semantic.css tokens instead:
+ *   T1-Reg → --typo-heading-2xl  (60px)
+ *   T2-Reg → --typo-heading-xl   (48px)
+ *   T3-Reg → --typo-heading-lg   (36px)
+ *   T4-Reg → --typo-heading-md   (32px)
+ *   T5-Reg → --typo-heading-sm   (24px)
+ *   T6-Reg → --typo-heading-xs   (20px)
+ *   T7-Reg → --typo-heading-xs   (20px, tighter)
+ * These classes will be removed in v1.0.
+ * ──────────────────────────────────────────────────────────────── */
 
 .T1-Reg {
   font-family: inherit;
@@ -103,7 +113,15 @@
   letter-spacing: -0.48px;
 }
 
-/* ── Body Scale (B1–B8) ────────────────────────────────────────── */
+/* ── DEPRECATED Body Scale (B1–B8) ─────────────────────────────────
+ * @deprecated Use typography-semantic.css tokens instead:
+ *   B1-Reg → --typo-body-lg   (16px)
+ *   B2-Reg → --typo-body-md   (14px)
+ *   B3-Reg → --typo-body-sm   (12px)
+ *   B4-Reg → --typo-body-xs   (10px)
+ *   B5-B8  → Use body-lg/md/sm/xs with weight overrides
+ * These classes will be removed in v1.0.
+ * ──────────────────────────────────────────────────────────────── */
 
 .B1-Reg {
   font-family: inherit;
@@ -184,7 +202,15 @@
   letter-spacing: -0.32px;
 }
 
-/* ── Label Scale (L1–L6) ───────────────────────────────────────── */
+/* ── DEPRECATED Label Scale (L1–L6) ────────────────────────────────
+ * @deprecated Use typography-semantic.css tokens instead:
+ *   L1 → --typo-label-lg   (16px)
+ *   L2 → --typo-label-md   (14px)
+ *   L3 → --typo-label-sm   (12px)
+ *   L4 → --typo-label-xs   (10px)
+ *   L5-L6 → Use label-sm/xs with weight overrides
+ * These classes will be removed in v1.0.
+ * ──────────────────────────────────────────────────────────────── */
 
 .L1 {
   font-family: inherit;
@@ -236,7 +262,10 @@
   text-transform: uppercase;
 }
 
-/* ── Paragraph Scale (P1–P7) ───────────────────────────────────── */
+/* ── DEPRECATED Paragraph Scale (P1–P7) ────────────────────────────
+ * @deprecated Use typography-semantic.css --typo-body-* tokens instead.
+ * These classes will be removed in v1.0.
+ * ──────────────────────────────────────────────────────────────── */
 /* NOTE: P2 (0.36px tracking) and B5-Reg (0.32px tracking) are near-identical
    at 16px/140%. P2 is for paragraph blocks, B5-Reg for inline body text. */
 

package/dist/ui/alert.d.ts

@@ -4,6 +4,7 @@ import * as React from 'react';
 declare const alertVariants: (props?: ({
     variant?: "outline" | "filled" | "subtle" | null | undefined;
     color?: "success" | "error" | "info" | "warning" | "neutral" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 /**
  * Props for Alert — an inline message block with a colored icon, optional title, optional body,

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;AAMjE,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"}
+{"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;AAMjE,QAAA,MAAM,aAAa;;;;8EA4ClB,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,mFA+CV,CAAA;AAGD,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA"}

package/dist/ui/alert.js

@@ -1,14 +1,14 @@
 "use client";
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import { IconInfoCircle as o, IconAlertCircle as x, IconAlertTriangle as p, IconCircleCheck as N, IconX as h } from "@tabler/icons-react";
-import * as r from "react";
-import { a as w } from "../_chunks/vendor-utils.js";
-import { cn as y } from "./lib/utils.js";
-import { springs as I, motionProps as A } from "./lib/motion.js";
-import { Icon as c } from "./icon.js";
-import { A as C, m as k } from "../_chunks/framer.js";
-const V = w(
-  "relative flex gap-ds-04 rounded-ds-lg border p-ds-05",
+import { jsx as r, jsxs as c } from "react/jsx-runtime";
+import { IconInfoCircle as i, IconAlertCircle as y, IconAlertTriangle as C, IconCircleCheck as A, IconX as k } from "@tabler/icons-react";
+import * as s from "react";
+import { a as V } from "../_chunks/vendor-utils.js";
+import { cn as t } from "./lib/utils.js";
+import { springs as S, motionProps as j } from "./lib/motion.js";
+import { Icon as l } from "./icon.js";
+import { A as R, m as E } from "../_chunks/framer.js";
+const P = V(
+  "relative flex rounded-ds-lg border",
   {
     variants: {
       variant: {
@@ -22,6 +22,11 @@ const V = w(
         warning: "",
         error: "",
         neutral: ""
+      },
+      size: {
+        sm: "gap-ds-03 p-ds-03",
+        md: "gap-ds-04 p-ds-05",
+        lg: "gap-ds-05 p-ds-07"
       }
     },
     compoundVariants: [
@@ -44,44 +49,44 @@ const V = w(
       { 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" }
+    defaultVariants: { variant: "subtle", color: "info", size: "md" }
   }
-), j = {
-  info: o,
-  success: N,
-  warning: p,
-  error: x,
-  neutral: o
-}, R = r.forwardRef(
-  ({ className: i, variant: l = "subtle", color: t = "info", title: s, onDismiss: a, children: f, ...d }, u) => {
-    const m = j[t ?? "info"], [g, b] = r.useState(!0), v = r.useCallback(() => {
-      b(!1);
-    }, []);
-    return /* @__PURE__ */ e(C, { onExitComplete: a, children: g && /* @__PURE__ */ n(
-      k.div,
+), T = {
+  info: i,
+  success: A,
+  warning: C,
+  error: y,
+  neutral: i
+}, D = s.forwardRef(
+  ({ className: d, variant: m = "subtle", color: a = "info", size: e = "md", title: n, onDismiss: o, children: f, ...g }, u) => {
+    const b = T[a ?? "info"], [x, v] = s.useState(!0), p = s.useCallback(() => {
+      v(!1);
+    }, []), N = e === "sm" ? "sm" : e === "lg" ? "lg" : "md", h = e === "sm" ? "xs" : "sm", w = e === "sm" ? "text-ds-xs" : "text-ds-md", I = e === "sm" ? "text-ds-sm" : e === "lg" ? "text-ds-lg" : "text-ds-md";
+    return /* @__PURE__ */ r(R, { onExitComplete: o, children: x && /* @__PURE__ */ c(
+      E.div,
       {
         ref: u,
         initial: { opacity: 1, y: 0 },
         animate: { opacity: 1, y: 0 },
         exit: { opacity: 0, y: -8 },
-        transition: I.snappy,
-        className: y(V({ variant: l, color: t }), i),
+        transition: S.snappy,
+        className: t(P({ variant: m, color: a, size: e }), d),
         role: "alert",
-        ...A(d),
+        ...j(g),
         children: [
-          /* @__PURE__ */ e(c, { icon: m, size: "md", className: "mt-ds-01 shrink-0" }),
-          /* @__PURE__ */ n("div", { className: "flex-1 min-w-0", children: [
-            s && /* @__PURE__ */ e("p", { className: "text-ds-md font-semibold mb-ds-01", children: s }),
-            /* @__PURE__ */ e("div", { className: "text-ds-md text-surface-fg-muted", children: f })
+          /* @__PURE__ */ r(l, { icon: b, size: N, className: "mt-ds-01 shrink-0" }),
+          /* @__PURE__ */ c("div", { className: "flex-1 min-w-0", children: [
+            n && /* @__PURE__ */ r("p", { className: t(I, "font-semibold mb-ds-01"), children: n }),
+            /* @__PURE__ */ r("div", { className: t(w, "text-surface-fg-muted"), children: f })
           ] }),
-          a && /* @__PURE__ */ e(
+          o && /* @__PURE__ */ r(
             "button",
             {
               type: "button",
-              onClick: v,
+              onClick: p,
               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 duration-fast-01 ease-productive-standard hover:text-surface-fg-muted hover:bg-surface-raised-hover active:scale-95 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9",
               "aria-label": "Dismiss",
-              children: /* @__PURE__ */ e(c, { icon: h, size: "sm" })
+              children: /* @__PURE__ */ r(l, { icon: k, size: h })
             }
           )
         ]
@@ -89,8 +94,8 @@ const V = w(
     ) });
   }
 );
-R.displayName = "Alert";
+D.displayName = "Alert";
 export {
-  R as Alert,
-  V as alertVariants
+  D as Alert,
+  P as alertVariants
 };

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;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"}
+{"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;0CAiMZ,CAAA;AAGD,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,KAAK,kBAAkB,EAAE,CAAA"}