@devalok/shilp-sutra 0.57.0 → 0.60.0

package/dist/tokens/semantic.css

@@ -211,6 +211,21 @@
   --color-segment-track: color-mix(in oklch, var(--neutral-12) 6%, transparent);
   --color-segment-thumb: var(--neutral-1);
 
+  /* Form-control ground (Input, Select, Textarea, Combobox). A ROLE token, not
+     a surface tier: the control is defined by its BORDER, so its fill sits
+     essentially flush with whatever it is dropped onto and the edge does the
+     work. Design 2026-08-24 moved light from neutral-2 to neutral-1.
+
+     The spec was authored light-only. Taking it literally in dark would be a
+     regression — neutral-1 in dark IS surface-base, so the field would vanish
+     into the page at 1.000:1 (the Table-striped / linear-Progress failure).
+     Dark therefore takes the step that preserves the INTENT, not the number.
+     Measured: light field #fcfcfc = 1.026:1 vs the page, hover lifts 1.063:1;
+     dark field #181818 = 1.000:1 vs a panel / 1.115:1 vs the page, hover lifts
+     1.173:1. Same relationship in both themes. */
+  --color-field:       var(--neutral-1);
+  --color-field-hover: var(--neutral-2);
+
   /* Overlay + disabled — promoted from internal :root into @theme so
      `bg-overlay`, `text-overlay`, `bg-disabled`, `text-disabled` emit. */
   --color-overlay:  oklch(0 0 0 / 0.50);
@@ -228,6 +243,11 @@
   --color-error-5:  var(--red-5);
   --color-error-6:  var(--red-6);
   --color-error-7:  var(--red-7);
+  /* Step 8 exists so validation EDGES can clear WCAG 1.4.11. Step 7 measures
+     2.831:1 on a light field; step 8 is 3.929:1 (dark: 2.397:1 → 3.440:1).
+     Bridged 2026-08-24 — the primitive was always there, the semantic alias
+     was not, so `border-error-8` silently emitted nothing. */
+  --color-error-8:  var(--red-8);
   --color-error-9:  var(--red-9);
   --color-error-10: var(--red-10);
   --color-error-11: var(--red-11);
@@ -240,6 +260,8 @@
   --color-success-5:  var(--green-5);
   --color-success-6:  var(--green-6);
   --color-success-7:  var(--green-7);
+  /* See --color-error-8. 2.557:1 → 3.441:1 light, 2.660:1 → 3.971:1 dark. */
+  --color-success-8:  var(--green-8);
   --color-success-9:  var(--green-9);
   --color-success-10: var(--green-10);
   --color-success-11: var(--green-11);
@@ -486,6 +508,10 @@
   --shadow-warning: 0 2px 8px oklch(0.78 0.16 65 / 0.22),  0 6px 20px oklch(0.78 0.16 65 / 0.15);
 
   /* Keyboard shortcut badge shadow */
+  /* A key cap's bottom bevel. Black works on a light cap; on a dark one it is
+     invisible (1.02:1), so the cap loses the only thing making it look pressable.
+     `.dark` flips it to a top highlight, which is how a raised surface catches
+     light from above in a dark UI. See the .dark block below. */
   --shadow-kbd: inset 0 -1px 0 oklch(0 0 0 / 0.1);
 
   /* ───────────────────────────────────────────────────────────
@@ -522,7 +548,12 @@
   /* Action state opacities (reflected by preset `opacity-action-*` util) */
   --action-hover-opacity:    0.04;
   --action-selected-opacity: 0.08;
-  --action-disabled-opacity: 0.38;
+  /* 0.38 → 0.45 (design, 2026-08-24). Disabled text is exempt from WCAG 1.4.3,
+     so this is a legibility call, not a pass/fail one — and it moves the right
+     way on every ground. Measured over surface-panel, worst case first:
+     surface-fg-subtle 1.673:1 → 1.859:1, surface-fg-muted 1.879:1 → 2.169:1,
+     surface-fg 2.144:1 → 2.523:1 in light; surface-fg 3.046:1 → 3.745:1 in dark. */
+  --action-disabled-opacity: 0.45;
   --action-focus-opacity:    0.12;
   --action-active-opacity:   0.12;
 
@@ -536,25 +567,45 @@
      the public `--shadow-raised`/`--shadow-floating` @theme values above.
      They depend on `--shadow-color` (a runtime var) so they cannot live
      in @theme (TW4 may statically-inline theme values). */
-  --shadow-color:    0.15 0.015 260;   /* cool blue tint */
+  /* Light ink matches the Figma library's `#1c2533` exactly, so a designer
+     measuring a shadow in Figma and a developer measuring it in the browser
+     get the same answer. The two had drifted; Figma won on cost, not merit —
+     one value here against 26 in the library, for a difference measured at
+     **1/255** at the strongest light layer. Below what anyone can see.
+     DARK overrides this (see the .dark block) and must keep a darker ink:
+     dark multiplies every alpha by --shadow-strength 2.5, and at that weight
+     this lighter ink composites LIGHTER than the panel it sits on — a glow,
+     not a shadow. Measured before adopting; the light-mode reasoning does not
+     survive the multiplier. */
+  --shadow-color:    0.263 0.029 259;  /* #1c2533 — cool blue tint, light */
   --shadow-strength: 1;
   --shadow-transition: box-shadow var(--duration-fast-02) var(--ease-productive-standard);
 
+  /* Hairline edge ring — the shadow's own 1px border-substitute (make-kit rule #6:
+     shadow already carries the ring, so components never add an explicit border).
+     Light: cool tint. Dark: a light ring, since drop shadows barely read on dark.
+
+     Declared BEFORE the internals below because all four consume it. It used to
+     sit between sm and md, and only md/lg referenced it — xs and sm hardcoded
+     their own near-black ring and so never received the dark-mode correction.
+     That left `shadow-raised` / `-raised-hover` at 1.00–1.03:1 in dark, i.e. no
+     edge, for every component using them as its only boundary. */
+  --shadow-edge-ring: 0 0 0 1px oklch(var(--shadow-color) / calc(0.09 * var(--shadow-strength)));
+  /* xs/sm take the ring at a lighter weight than md/lg — a raised card should
+     not read as strongly as a floating overlay. `--shadow-edge-ring-subtle`
+     mirrors `--shadow-edge-ring` and is likewise dark-corrected below. */
+  --shadow-edge-ring-subtle: 0 0 0 1px oklch(var(--shadow-color) / calc(0.035 * var(--shadow-strength)));
   --shadow-xs-internal:
-    0 0 0 1px oklch(var(--shadow-color) / calc(0.035 * var(--shadow-strength))),
+    var(--shadow-edge-ring-subtle),
     0 0.5px 1px -0.5px oklch(var(--shadow-color) / calc(0.045 * var(--shadow-strength))),
     0 1.5px 3px -1px oklch(var(--shadow-color) / calc(0.04 * var(--shadow-strength))),
     0 3px 7px -2px oklch(var(--shadow-color) / calc(0.03 * var(--shadow-strength)));
   --shadow-sm-internal:
-    0 0 0 1px oklch(var(--shadow-color) / calc(0.035 * var(--shadow-strength))),
+    var(--shadow-edge-ring-subtle),
     0 0.5px 1px -0.5px oklch(var(--shadow-color) / calc(0.04 * var(--shadow-strength))),
     0 2px 4px -1.5px oklch(var(--shadow-color) / calc(0.045 * var(--shadow-strength))),
     0 6px 12px -3px oklch(var(--shadow-color) / calc(0.035 * var(--shadow-strength))),
     0 14px 28px -8px oklch(var(--shadow-color) / calc(0.025 * var(--shadow-strength)));
-  /* Hairline edge ring — the shadow's own 1px border-substitute (make-kit rule #6:
-     shadow already carries the ring, so components never add an explicit border).
-     Light: cool tint. Dark: a light ring, since drop shadows barely read on dark. */
-  --shadow-edge-ring: 0 0 0 1px oklch(var(--shadow-color) / calc(0.09 * var(--shadow-strength)));
   --shadow-md-internal:
     var(--shadow-edge-ring),
     0 1px 2px -1px oklch(var(--shadow-color) / calc(0.05 * var(--shadow-strength))),
@@ -657,6 +708,12 @@
   --color-surface-raised-hover:  var(--color-surface-panel-hover);
   --color-surface-raised-active: var(--color-surface-panel-active);
 
+  /* Form-control ground — one step up from the light values, NOT the same
+     neutral step. neutral-1 in dark is surface-base, so reusing the light
+     number would sink the field into the page. See the :root note. */
+  --color-field:       var(--neutral-2);
+  --color-field-hover: var(--neutral-3);
+
   /* Object edges invert to translucent white. */
   --color-surface-border-subtle: oklch(1 0 0 / 0.06);
   --color-surface-border:        oklch(1 0 0 / 0.10);
@@ -668,9 +725,14 @@
   --color-backdrop:              oklch(0 0 0 / 0.6);
 
   /* Segmented control — inverted elevation in dark: track is a faint LIGHTER
-     fill (can't go darker than a near-black page), thumb steps lighter still. */
+     fill (can't go darker than a near-black page), thumb steps lighter still.
+     The model is right; the value was one step short. neutral-3 (#262626) is
+     DARKER than the track composited over a panel (#282828), so the selected
+     segment read as a dent — 1.028:1, inverted. neutral-5 clears the track on
+     both grounds a segmented control actually sits on: 1.46:1 over a panel,
+     1.69:1 over the page. */
   --color-segment-track: color-mix(in oklch, oklch(1 0 0) 7%, transparent);
-  --color-segment-thumb: var(--neutral-3);
+  --color-segment-thumb: var(--neutral-5);
 
   /* Overlay */
   --color-overlay: oklch(0 0 0 / 0.70);
@@ -678,7 +740,8 @@
   /* Action state opacities (higher in dark mode) */
   --action-hover-opacity:    0.08;
   --action-selected-opacity: 0.12;
-  --action-disabled-opacity: 0.38;
+  /* Tracks the light value — see the note on the :root declaration. */
+  --action-disabled-opacity: 0.45;
   --action-focus-opacity:    0.12;
   --action-active-opacity:   0.16;
 
@@ -689,8 +752,54 @@
   /* Shadows (heavier in dark mode) — brand-reactive via color-mix on
      --color-accent-9 so they follow consumer brand swaps. */
   --shadow-strength: 2.5;
+  /* Dark needs its OWN, DARKER ink, and the reason is worth reading before
+     touching this line.
+
+     Light moved to #1c2533 to match the Figma library. Dark cannot follow:
+     --shadow-strength is 2.5 here, and at that weight #1c2533 composites to
+     #1b1d21 over a #1a1a1a panel — LIGHTER than the surface it is meant to
+     darken. A glow, not a shadow. Worst case 9/255 in the wrong direction.
+
+     The previous dark ink (oklch(0.15 …)) had a milder version of the same
+     fault: it reads as a shadow on `surface-panel` but GLOWS on
+     `surface-base` (#0a0a0a), where it is itself the lighter colour. Measured
+     separation there was 1.001:1 — the drop layers contributed literally
+     nothing. 0.05 is below both grounds, so the sign is now correct everywhere.
+
+     What this does NOT do is make drop shadows carry dark elevation, and no
+     ink can. There is no headroom below a near-black ground: the best any ink
+     achieves at the strongest layer is 1.013:1 on base and 1.040:1 on panel.
+     **The white edge ring is what actually separates an elevated surface in
+     dark, and that is structural rather than a workaround.** If dark elevation
+     ever needs to read more strongly, the answer is the ring or a lighter
+     surface step — not a darker shadow, which has nowhere left to go. */
+  --shadow-color:    0.05 0.012 260;
   /* Light ring on dark — a dark-tinted ring would vanish against dark surfaces. */
   --shadow-edge-ring: 0 0 0 1px oklch(1 0 0 / 0.12);
+  /* Same correction for the raised tier. Without this, `shadow-raised` /
+     `-raised-hover` keep a near-black ring that measures ~1.00:1 on a dark
+     ground, so anything using them as its only edge has none. 0.07 keeps a
+     raised card quieter than a floating overlay while still reading. */
+  --shadow-edge-ring-subtle: 0 0 0 1px oklch(1 0 0 / 0.07);
+  /* The third ring, and the one that was missed. `--shadow-pressed` is also a
+     1px ring built from `--shadow-color`, so in dark it composited to
+     **1.012:1** against `surface-panel` — a pressed control had no pressed
+     state at all. Its two siblings above were corrected; this was not, which is
+     the failure mode the comment on --shadow-edge-ring describes. White at 0.10
+     measures 2.640:1, between subtle (2.148:1) and the full edge ring
+     (2.968:1) — pressed should read more firmly than a resting card and less
+     than a floating overlay. Found while binding the Figma effect styles, where
+     it had been masked by a binding to the wrong variable.
+     All three rings stop deliberately short of 1.4.11's 3:1 —
+     deviation: SHADOW-RING-BELOW-NONTEXT */
+  --shadow-pressed: 0 0 0 1px oklch(1 0 0 / 0.10);
+  --shadow-kbd: inset 0 1px 0 oklch(1 0 0 / 0.10);
+  /* The segmented thumb is documented as deliberately ring-less, the shadow
+     being its whole edge. That works in light and cannot work in dark, where
+     the shadow is near-black on a near-black ground — so the fallback failed in
+     the same theme as the fill it was meant to rescue. In dark it takes a ring
+     like everything else. */
+  --shadow-segment: 0 0 0 1px oklch(1 0 0 / 0.07), 0 1px 2px -0.5px oklch(0 0 0 / 0.40), 0 3px 8px -2px oklch(0 0 0 / 0.30);
   --shadow-brand:    0 2px 8px color-mix(in oklch, var(--color-accent-9) 30%, transparent), 0 6px 20px color-mix(in oklch, var(--color-accent-9) 20%, transparent);
   --shadow-glow:     0 0 0 1.5px color-mix(in oklch, var(--color-accent-9) 35%, transparent), 0 0 10px color-mix(in oklch, var(--color-accent-9) 20%, transparent);
   --shadow-ring:     0 0 0 2px color-mix(in oklch, var(--color-accent-9) 45%, transparent);
@@ -722,6 +831,39 @@
   --color-text-shadow:           oklch(0 0 0 / 0.40);
 }
 
+/* ═══════════════════════════════════════════════════════════════════
+   HIGH CONTRAST — opt-in, via `data-contrast="high"` on any ancestor
+
+   WCAG 2.2 SC 1.4.11 asks for 3:1 between a control's edge and its
+   background. Our default control edge is 2.00:1 in light and 2.08:1 in
+   dark — deliberately softer, and deliberately under the bar. That gap is
+   recorded in docs/deviations.md as PALETTE-CONTROL-EDGE-BELOW-AA.
+
+   This block is the opt-out from that decision. Set the attribute on
+   <html> (or any wrapper) and every control edge in the subtree moves to
+   3.64:1 light / 3.93:1 dark.
+
+       <html data-contrast="high">          <!-- whole app -->
+       <div data-contrast="high"> … </div>  <!-- one region -->
+
+   It is an ATTRIBUTE rather than a React provider on purpose: `.dark`
+   already works this way, so a consumer's existing theme switcher can set
+   both, it needs no client component, and it survives SSR.
+
+   The steps are named, not literal, so a consumer who rebrands the neutral
+   ramp gets a correctly-scaled high-contrast mode for free. `--neutral-*`
+   is itself theme-aware, so ONE rule serves light and dark.
+
+   Placed after `.dark` deliberately: `[data-contrast='high']` and `.dark`
+   have the same specificity (0,1,0), so when both sit on <html> source
+   order is what decides. Moving this block above `.dark` silently breaks
+   high contrast in dark mode only.
+   ═══════════════════════════════════════════════════════════════════ */
+[data-contrast='high'] {
+  --color-surface-border-interactive:        var(--neutral-8);
+  --color-surface-border-interactive-strong: var(--neutral-9);
+}
+
 /* ═══════════════════════════════════════════════════════════════════
    Ensure Radix popper content (Select, Combobox, Popover, etc.)
    renders above Sheet/Dialog overlays.
@@ -795,6 +937,8 @@
     --color-surface-disabled:      Canvas;
     --color-surface-inverted:      CanvasText;
     --color-surface-inverted-fg:   Canvas;
+    --color-field:              Canvas;
+    --color-field-hover:        Canvas;
     /* Forced colours flatten the object/control split — every edge must be a
        system colour or it disappears entirely. */
     --color-surface-border:                    CanvasText;
@@ -834,6 +978,7 @@
     --color-error-4: Canvas;
     --color-error-5: Canvas;
     --color-error-7: CanvasText;
+    --color-error-8: CanvasText;
     --color-error-9:  Mark;
     --color-error-10: Mark;
     --color-error-11: CanvasText;
@@ -843,6 +988,7 @@
     --color-success-4: Canvas;
     --color-success-5: Canvas;
     --color-success-7: CanvasText;
+    --color-success-8: CanvasText;
     --color-success-9:  Highlight;
     --color-success-10: Highlight;
     --color-success-11: CanvasText;

package/dist/tokens/shilp-sutra.css

@@ -18,6 +18,7 @@
    legacy subpath. */
 @import "./primitives.css";
 @import "./semantic.css";
+@import "./palettes.css";
 @import "./typography.css";
 @import "./typography-semantic.css";
 @import "./base.css";

package/dist/tokens/utilities.css

@@ -334,15 +334,18 @@
 @utility bg-gradient-brand-dark { background-image: var(--gradient-brand-dark); }
 
 /* ───────────────────────────────────────────────────────────────────
-   Card edge — the faint hairline for card/panel containers (NOT interactive
-   controls, which use border-surface-border/-strong for WCAG 1.4.11 contrast).
+   Card edge — the faint hairline for card/panel containers. These are the
+   DECORATIVE border tier: they mark objects. Interactive controls must NOT
+   use them — controls take `border-surface-border-interactive[-strong]`,
+   which is the tier that carries WCAG 1.4.11 non-text contrast.
+   (This comment previously said the opposite, and ~19 controls followed it.)
    Single tunable source of truth; pairs with `border` (width) on the element.
    ─────────────────────────────────────────────────────────────────── */
 
 @utility border-card { border-color: var(--color-surface-border-card); }
 /* Stronger card edge (kbd caps, code blocks, skeleton/panel outlines, chip
-   borders) — one step up from the faint `border-card` mix. Dark-mode aware via
-   the semantic token. Was referenced in ~11 components with no matching utility
-   (dead class → border fell back to currentColor); defined here to restore the
-   intended hairline. */
-@utility border-card-strong { border-color: var(--color-surface-border); }
+   borders) — genuinely one step up from `border-card`. It previously pointed at
+   `--color-surface-border`, which is exactly what `--color-surface-border-card`
+   already aliases, so the two utilities were the SAME colour and the ~13 call
+   sites asking for a heavier edge silently got the faint one. */
+@utility border-card-strong { border-color: var(--color-surface-border-strong); }

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

@@ -1 +1 @@
-{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../src/ui/accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,kBAAkB,MAAM,6BAA6B,CAAA;AAGjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,QAAA,MAAM,SAAS,8JAA0B,CAAA;AAEzC,QAAA,MAAM,aAAa,iKASjB,CAAA;AAGF,UAAU,6BAA8B,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC;IAC/G,eAAe,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CACnC;AAED,QAAA,MAAM,gBAAgB,yGAwBpB,CAAA;AAGF,QAAA,MAAM,gBAAgB,oKAiBpB,CAAA;AAGF,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,CAAA;AAC/F,MAAM,MAAM,qBAAqB,GAAG,6BAA6B,CAAA;AACjE,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,CAAA;AAErG,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAC,aAAa,EAAE,gBAAgB,EAAE,CAAA"}
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../src/ui/accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,kBAAkB,MAAM,6BAA6B,CAAA;AAGjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,QAAA,MAAM,SAAS,8JAA0B,CAAA;AAEzC,QAAA,MAAM,aAAa,iKASjB,CAAA;AAGF,UAAU,6BAA8B,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC;IAC/G,eAAe,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CACnC;AAED,QAAA,MAAM,gBAAgB,yGAwBpB,CAAA;AAGF,QAAA,MAAM,gBAAgB,oKAmBpB,CAAA;AAGF,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,CAAA;AAC/F,MAAM,MAAM,qBAAqB,GAAG,6BAA6B,CAAA;AACjE,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,CAAA;AAErG,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAC,aAAa,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/ui/accordion.js

@@ -1,54 +1,55 @@
 "use client";
 import { Content2 as e, Header as t, Item as n, Root2 as r, Trigger2 as i } from "../_chunks/primitives/react-accordion.js";
 import { tweens as a } from "./lib/motion.js";
-import { cn as o } from "./lib/utils.js";
-import { Icon as s } from "./icon.js";
-import * as c from "react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { IconChevronDown as d } from "@tabler/icons-react";
-import { motion as f } from "framer-motion";
+import { MotionPreference as o } from "../_chunks/motion-preference.js";
+import { cn as s } from "./lib/utils.js";
+import { Icon as c } from "./icon.js";
+import * as l from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { IconChevronDown as f } from "@tabler/icons-react";
+import { motion as p } from "framer-motion";
 //#region src/ui/accordion.tsx
-var p = r, m = c.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ l(n, {
+var m = r, h = l.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ u(n, {
 	ref: r,
-	className: o("border-b border-surface-border", e),
+	className: s("border-b border-surface-border", e),
 	...t
 }));
-m.displayName = "AccordionItem";
-var h = c.forwardRef(({ className: e, children: n, chevronPosition: r = "right", ...a }, c) => {
-	let f = /* @__PURE__ */ l(s, {
-		icon: d,
+h.displayName = "AccordionItem";
+var g = l.forwardRef(({ className: e, children: n, chevronPosition: r = "right", ...a }, o) => {
+	let l = /* @__PURE__ */ u(c, {
+		icon: f,
 		size: "sm",
 		className: "shrink-0 text-surface-fg-muted transition-transform duration-moderate-02 ease-productive-standard group-data-[state=open]:rotate-180"
 	});
-	return /* @__PURE__ */ l(t, {
+	return /* @__PURE__ */ u(t, {
 		className: "flex",
-		children: /* @__PURE__ */ u(i, {
-			ref: c,
-			className: o("group flex flex-1 items-center justify-between py-ds-05 text-left text-body-md font-medium hover:bg-surface-panel-hover rounded-control data-[state=open]:bg-surface-panel-hover focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9", e),
+		children: /* @__PURE__ */ d(i, {
+			ref: o,
+			className: s("group flex flex-1 items-center justify-between py-ds-05 text-left text-body-md font-medium hover:bg-surface-panel-hover rounded-control data-[state=open]:bg-surface-panel-hover focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9", e),
 			...a,
 			children: [
-				r === "left" && f,
+				r === "left" && l,
 				n,
-				r === "right" && f
+				r === "right" && l
 			]
 		})
 	});
 });
-h.displayName = i.displayName;
-var g = c.forwardRef(({ className: t, children: n, ...r }, i) => /* @__PURE__ */ l(e, {
+g.displayName = i.displayName;
+var _ = l.forwardRef(({ className: t, children: n, ...r }, i) => /* @__PURE__ */ u(o, { children: /* @__PURE__ */ u(e, {
 	ref: i,
 	className: "w-full overflow-hidden text-body-md data-[state=open]:animate-accordion-down data-[state=closed]:animate-accordion-up",
 	...r,
-	children: /* @__PURE__ */ l(f.div, {
+	children: /* @__PURE__ */ u(p.div, {
 		initial: !1,
 		animate: { opacity: 1 },
 		transition: a.fade,
-		children: /* @__PURE__ */ l("div", {
-			className: o("pb-ds-05 pt-ds-02", t),
+		children: /* @__PURE__ */ u("div", {
+			className: s("pb-ds-05 pt-ds-02", t),
 			children: n
 		})
 	})
-}));
-g.displayName = e.displayName;
+}) }));
+_.displayName = e.displayName;
 //#endregion
-export { p as Accordion, g as AccordionContent, m as AccordionItem, h as AccordionTrigger };
+export { m as Accordion, _ as AccordionContent, h as AccordionItem, g as AccordionTrigger };

package/dist/ui/accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.js","names":[],"sources":["../../src/ui/accordion.tsx"],"sourcesContent":["'use client'\n\nimport * as AccordionPrimitive from '@primitives/react-accordion'\nimport { IconChevronDown } from '@tabler/icons-react'\nimport { motion } from 'framer-motion'\nimport * as React from 'react'\n\nimport { Icon } from './icon'\nimport { tweens } from './lib/motion'\nimport { cn } from './lib/utils'\n\n/**\n * Accordion compound component — vertically stacked, collapsible content sections.\n *\n * **Parts (in composition order):**\n * - `Accordion` — root; controls single vs. multiple open panels (this root)\n * - `AccordionItem` — individual collapsible section (requires `value` prop)\n * - `AccordionTrigger` — the clickable header row (chevron icon auto-renders and rotates)\n * - `AccordionContent` — the collapsible body revealed when the item is open\n *\n * **`type` prop (required on root):**\n * - `\"single\"` — only one panel open at a time; supports `collapsible` prop to re-close the active item\n * - `\"multiple\"` — multiple panels open simultaneously (value is `string[]`); `collapsible` is NOT valid here\n *\n * @compound\n * @example\n * // Single-open FAQ accordion:\n * <Accordion type=\"single\" defaultValue=\"item-1\" collapsible>\n *   <AccordionItem value=\"item-1\">\n *     <AccordionTrigger>What is Shilp Sutra?</AccordionTrigger>\n *     <AccordionContent>\n *       A React design system built for Next.js App Router, with full accessibility baked in.\n *     </AccordionContent>\n *   </AccordionItem>\n *   <AccordionItem value=\"item-2\">\n *     <AccordionTrigger>Is dark mode supported?</AccordionTrigger>\n *     <AccordionContent>\n *       Yes — add the <code>.dark</code> class to the root element to activate it.\n *     </AccordionContent>\n *   </AccordionItem>\n * </Accordion>\n *\n * @example\n * // Multiple-open controlled accordion:\n * const [open, setOpen] = useState<string[]>(['billing'])\n * <Accordion type=\"multiple\" value={open} onValueChange={setOpen}>\n *   <AccordionItem value=\"billing\">\n *     <AccordionTrigger>Billing</AccordionTrigger>\n *     <AccordionContent>Your billing details here.</AccordionContent>\n *   </AccordionItem>\n *   <AccordionItem value=\"security\">\n *     <AccordionTrigger>Security</AccordionTrigger>\n *     <AccordionContent>Security settings here.</AccordionContent>\n *   </AccordionItem>\n * </Accordion>\n */\nconst Accordion = AccordionPrimitive.Root\n\nconst AccordionItem = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>\n>(({ className, ...props }, ref) => (\n  <AccordionPrimitive.Item\n    ref={ref}\n    className={cn('border-b border-surface-border', className)}\n    {...props}\n  />\n))\nAccordionItem.displayName = 'AccordionItem'\n\ninterface AccordionTriggerExtendedProps extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger> {\n  chevronPosition?: 'left' | 'right'\n}\n\nconst AccordionTrigger = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Trigger>,\n  AccordionTriggerExtendedProps\n>(({ className, children, chevronPosition = 'right', ...props }, ref) => {\n  const chevron = (\n    <Icon icon={IconChevronDown} size=\"sm\" className=\"shrink-0 text-surface-fg-muted transition-transform duration-moderate-02 ease-productive-standard group-data-[state=open]:rotate-180\" />\n  )\n\n  return (\n    <AccordionPrimitive.Header className=\"flex\">\n      <AccordionPrimitive.Trigger\n        ref={ref}\n        className={cn(\n          'group flex flex-1 items-center justify-between py-ds-05 text-left text-body-md font-medium hover:bg-surface-panel-hover rounded-control data-[state=open]:bg-surface-panel-hover focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9',\n          className,\n        )}\n        {...props}\n      >\n        {chevronPosition === 'left' && chevron}\n        {children}\n        {chevronPosition === 'right' && chevron}\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  )\n})\nAccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName\n\nconst AccordionContent = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n  <AccordionPrimitive.Content\n    ref={ref}\n    className=\"w-full overflow-hidden text-body-md data-[state=open]:animate-accordion-down data-[state=closed]:animate-accordion-up\"\n    {...props}\n  >\n    <motion.div\n      initial={false}\n      animate={{ opacity: 1 }}\n      transition={tweens.fade}\n    >\n      <div className={cn('pb-ds-05 pt-ds-02', className)}>{children}</div>\n    </motion.div>\n  </AccordionPrimitive.Content>\n))\nAccordionContent.displayName = AccordionPrimitive.Content.displayName\n\nexport type AccordionItemProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>\nexport type AccordionTriggerProps = AccordionTriggerExtendedProps\nexport type AccordionContentProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>\n\nexport { Accordion, AccordionContent,AccordionItem, AccordionTrigger }\n"],"mappings":";;;;;;;;;;AAwDA,IAAM,IAAY,GAEZ,IAAgB,EAAM,YAGzB,EAAE,cAAW,GAAG,KAAS,MAC1B,kBAAC,GAAD;CACO;CACL,WAAW,EAAG,kCAAkC,CAAS;CACzD,GAAI;AACL,CAAA,CACF;AACD,EAAc,cAAc;AAM5B,IAAM,IAAmB,EAAM,YAG5B,EAAE,cAAW,aAAU,qBAAkB,SAAS,GAAG,KAAS,MAAQ;CACvE,IAAM,IACJ,kBAAC,GAAD;EAAM,MAAM;EAAiB,MAAK;EAAK,WAAU;CAAwI,CAAA;CAG3L,OACE,kBAAC,GAAD;EAA2B,WAAU;YACnC,kBAAC,GAAD;GACO;GACL,WAAW,EACT,kQACA,CACF;GACA,GAAI;aANN;IAQG,MAAoB,UAAU;IAC9B;IACA,MAAoB,WAAW;GACN;;CACH,CAAA;AAE/B,CAAC;AACD,EAAiB,cAAA,EAAyC;AAE1D,IAAM,IAAmB,EAAM,YAG5B,EAAE,cAAW,aAAU,GAAG,KAAS,MACpC,kBAAC,GAAD;CACO;CACL,WAAU;CACV,GAAI;WAEJ,kBAAC,EAAO,KAAR;EACE,SAAS;EACT,SAAS,EAAE,SAAS,EAAE;EACtB,YAAY,EAAO;YAEnB,kBAAC,OAAD;GAAK,WAAW,EAAG,qBAAqB,CAAS;GAAI;EAAc,CAAA;CACzD,CAAA;AACc,CAAA,CAC7B;AACD,EAAiB,cAAA,EAAyC"}
+{"version":3,"file":"accordion.js","names":[],"sources":["../../src/ui/accordion.tsx"],"sourcesContent":["'use client'\n\nimport * as AccordionPrimitive from '@primitives/react-accordion'\nimport { IconChevronDown } from '@tabler/icons-react'\nimport { motion } from 'framer-motion'\nimport * as React from 'react'\n\nimport { MotionPreference } from '../motion/motion-preference'\nimport { Icon } from './icon'\nimport { tweens } from './lib/motion'\nimport { cn } from './lib/utils'\n\n/**\n * Accordion compound component — vertically stacked, collapsible content sections.\n *\n * **Parts (in composition order):**\n * - `Accordion` — root; controls single vs. multiple open panels (this root)\n * - `AccordionItem` — individual collapsible section (requires `value` prop)\n * - `AccordionTrigger` — the clickable header row (chevron icon auto-renders and rotates)\n * - `AccordionContent` — the collapsible body revealed when the item is open\n *\n * **`type` prop (required on root):**\n * - `\"single\"` — only one panel open at a time; supports `collapsible` prop to re-close the active item\n * - `\"multiple\"` — multiple panels open simultaneously (value is `string[]`); `collapsible` is NOT valid here\n *\n * @compound\n * @example\n * // Single-open FAQ accordion:\n * <Accordion type=\"single\" defaultValue=\"item-1\" collapsible>\n *   <AccordionItem value=\"item-1\">\n *     <AccordionTrigger>What is Shilp Sutra?</AccordionTrigger>\n *     <AccordionContent>\n *       A React design system built for Next.js App Router, with full accessibility baked in.\n *     </AccordionContent>\n *   </AccordionItem>\n *   <AccordionItem value=\"item-2\">\n *     <AccordionTrigger>Is dark mode supported?</AccordionTrigger>\n *     <AccordionContent>\n *       Yes — add the <code>.dark</code> class to the root element to activate it.\n *     </AccordionContent>\n *   </AccordionItem>\n * </Accordion>\n *\n * @example\n * // Multiple-open controlled accordion:\n * const [open, setOpen] = useState<string[]>(['billing'])\n * <Accordion type=\"multiple\" value={open} onValueChange={setOpen}>\n *   <AccordionItem value=\"billing\">\n *     <AccordionTrigger>Billing</AccordionTrigger>\n *     <AccordionContent>Your billing details here.</AccordionContent>\n *   </AccordionItem>\n *   <AccordionItem value=\"security\">\n *     <AccordionTrigger>Security</AccordionTrigger>\n *     <AccordionContent>Security settings here.</AccordionContent>\n *   </AccordionItem>\n * </Accordion>\n */\nconst Accordion = AccordionPrimitive.Root\n\nconst AccordionItem = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>\n>(({ className, ...props }, ref) => (\n  <AccordionPrimitive.Item\n    ref={ref}\n    className={cn('border-b border-surface-border', className)}\n    {...props}\n  />\n))\nAccordionItem.displayName = 'AccordionItem'\n\ninterface AccordionTriggerExtendedProps extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger> {\n  chevronPosition?: 'left' | 'right'\n}\n\nconst AccordionTrigger = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Trigger>,\n  AccordionTriggerExtendedProps\n>(({ className, children, chevronPosition = 'right', ...props }, ref) => {\n  const chevron = (\n    <Icon icon={IconChevronDown} size=\"sm\" className=\"shrink-0 text-surface-fg-muted transition-transform duration-moderate-02 ease-productive-standard group-data-[state=open]:rotate-180\" />\n  )\n\n  return (\n    <AccordionPrimitive.Header className=\"flex\">\n      <AccordionPrimitive.Trigger\n        ref={ref}\n        className={cn(\n          'group flex flex-1 items-center justify-between py-ds-05 text-left text-body-md font-medium hover:bg-surface-panel-hover rounded-control data-[state=open]:bg-surface-panel-hover focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9',\n          className,\n        )}\n        {...props}\n      >\n        {chevronPosition === 'left' && chevron}\n        {children}\n        {chevronPosition === 'right' && chevron}\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  )\n})\nAccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName\n\nconst AccordionContent = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n  <MotionPreference>\n    <AccordionPrimitive.Content\n      ref={ref}\n      className=\"w-full overflow-hidden text-body-md data-[state=open]:animate-accordion-down data-[state=closed]:animate-accordion-up\"\n      {...props}\n    >\n      <motion.div\n        initial={false}\n        animate={{ opacity: 1 }}\n        transition={tweens.fade}\n      >\n        <div className={cn('pb-ds-05 pt-ds-02', className)}>{children}</div>\n      </motion.div>\n    </AccordionPrimitive.Content>\n  </MotionPreference>\n))\nAccordionContent.displayName = AccordionPrimitive.Content.displayName\n\nexport type AccordionItemProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>\nexport type AccordionTriggerProps = AccordionTriggerExtendedProps\nexport type AccordionContentProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>\n\nexport { Accordion, AccordionContent,AccordionItem, AccordionTrigger }\n"],"mappings":";;;;;;;;;;;AAyDA,IAAM,IAAY,GAEZ,IAAgB,EAAM,YAGzB,EAAE,cAAW,GAAG,KAAS,MAC1B,kBAAC,GAAD;CACO;CACL,WAAW,EAAG,kCAAkC,CAAS;CACzD,GAAI;AACL,CAAA,CACF;AACD,EAAc,cAAc;AAM5B,IAAM,IAAmB,EAAM,YAG5B,EAAE,cAAW,aAAU,qBAAkB,SAAS,GAAG,KAAS,MAAQ;CACvE,IAAM,IACJ,kBAAC,GAAD;EAAM,MAAM;EAAiB,MAAK;EAAK,WAAU;CAAwI,CAAA;CAG3L,OACE,kBAAC,GAAD;EAA2B,WAAU;YACnC,kBAAC,GAAD;GACO;GACL,WAAW,EACT,kQACA,CACF;GACA,GAAI;aANN;IAQG,MAAoB,UAAU;IAC9B;IACA,MAAoB,WAAW;GACN;;CACH,CAAA;AAE/B,CAAC;AACD,EAAiB,cAAA,EAAyC;AAE1D,IAAM,IAAmB,EAAM,YAG5B,EAAE,cAAW,aAAU,GAAG,KAAS,MACpC,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;CACO;CACL,WAAU;CACV,GAAI;WAEJ,kBAAC,EAAO,KAAR;EACE,SAAS;EACT,SAAS,EAAE,SAAS,EAAE;EACtB,YAAY,EAAO;YAEnB,kBAAC,OAAD;GAAK,WAAW,EAAG,qBAAqB,CAAS;GAAI;EAAc,CAAA;CACzD,CAAA;AACc,CAAA,EACZ,CAAA,CACnB;AACD,EAAiB,cAAA,EAAyC"}

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,oBAAoB,MAAM,gCAAgC,CAAA;AAEtE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAY9B,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,UAAU,uBAAwB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC;IAC3G,oHAAoH;IACpH,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,QAAA,MAAM,kBAAkB,gGAiDtB,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,YAAY,EAAE,uBAAuB,EAAE,CAAA;AACvC,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,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,GACnB,CAAA"}
+{"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../src/ui/alert-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,oBAAoB,MAAM,gCAAgC,CAAA;AAEtE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAa9B,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,UAAU,uBAAwB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC;IAC3G,oHAAoH;IACpH,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,QAAA,MAAM,kBAAkB,gGAmDtB,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,YAAY,EAAE,uBAAuB,EAAE,CAAA;AACvC,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,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,GACnB,CAAA"}

package/dist/ui/alert-dialog.js

@@ -1,115 +1,116 @@
 "use client";
 import { springs as e, tweens as t } from "./lib/motion.js";
-import { cn as n } from "./lib/utils.js";
-import { Action as r, Cancel as i, Content2 as a, Description2 as o, Overlay2 as s, Portal2 as c, Root2 as l, Title2 as u, Trigger2 as d } from "../_chunks/primitives/react-alert-dialog.js";
-import { useIsMobile as f } from "../hooks/use-mobile.js";
-import * as p from "react";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
-import { AnimatePresence as g, motion as _ } from "framer-motion";
+import { MotionPreference as n } from "../_chunks/motion-preference.js";
+import { cn as r } from "./lib/utils.js";
+import { Action as i, Cancel as a, Content2 as o, Description2 as s, Overlay2 as c, Portal2 as l, Root2 as u, Title2 as d, Trigger2 as f } from "../_chunks/primitives/react-alert-dialog.js";
+import { useIsMobile as p } from "../hooks/use-mobile.js";
+import * as m from "react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { AnimatePresence as _, motion as v } from "framer-motion";
 //#region src/ui/alert-dialog.tsx
-var v = p.createContext({ open: !1 }), y = () => p.useContext(v), b = ({ open: e, defaultOpen: t, onOpenChange: n, ...r }) => {
-	let [i, a] = p.useState(t ?? !1), o = e !== void 0, s = o ? e : i, c = p.useCallback((e) => {
+var y = m.createContext({ open: !1 }), b = () => m.useContext(y), x = ({ open: e, defaultOpen: t, onOpenChange: n, ...r }) => {
+	let [i, a] = m.useState(t ?? !1), o = e !== void 0, s = o ? e : i, c = m.useCallback((e) => {
 		o || a(e), n?.(e);
-	}, [o, n]), u = p.useMemo(() => ({ open: s }), [s]);
-	return /* @__PURE__ */ m(v.Provider, {
-		value: u,
-		children: /* @__PURE__ */ m(l, {
+	}, [o, n]), l = m.useMemo(() => ({ open: s }), [s]);
+	return /* @__PURE__ */ h(y.Provider, {
+		value: l,
+		children: /* @__PURE__ */ h(u, {
 			open: s,
 			onOpenChange: c,
 			...r
 		})
 	});
 };
-b.displayName = "AlertDialog";
-var x = d, S = c, C = p.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ m(s, {
-	ref: r,
+x.displayName = "AlertDialog";
+var S = f, C = l, w = m.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ h(c, {
+	ref: n,
 	forceMount: !0,
-	className: n("fixed inset-0 z-modal bg-overlay", e),
+	className: r("fixed inset-0 z-modal bg-overlay", e),
 	...t
 }));
-C.displayName = s.displayName;
-var w = p.forwardRef(({ className: r, children: i, responsive: o, ...s }, c) => {
-	let { open: l } = y(), u = f(), d = o !== !1 && u;
-	return /* @__PURE__ */ m(g, { children: l && /* @__PURE__ */ h(S, {
+w.displayName = c.displayName;
+var T = m.forwardRef(({ className: i, children: a, responsive: s, ...c }, l) => {
+	let { open: u } = b(), d = p(), f = s !== !1 && d;
+	return /* @__PURE__ */ h(n, { children: /* @__PURE__ */ h(_, { children: u && /* @__PURE__ */ g(C, {
 		forceMount: !0,
-		children: [/* @__PURE__ */ m(C, {
+		children: [/* @__PURE__ */ h(w, {
 			asChild: !0,
-			children: /* @__PURE__ */ m(_.div, {
+			children: /* @__PURE__ */ h(v.div, {
 				initial: { opacity: 0 },
 				animate: { opacity: 1 },
 				exit: { opacity: 0 },
 				transition: t.fade
 			})
-		}), /* @__PURE__ */ m(a, {
-			ref: c,
+		}), /* @__PURE__ */ h(o, {
+			ref: l,
 			forceMount: !0,
 			asChild: !0,
-			...s,
-			children: /* @__PURE__ */ m(_.div, {
-				initial: d ? { y: "100%" } : {
+			...c,
+			children: /* @__PURE__ */ h(v.div, {
+				initial: f ? { y: "100%" } : {
 					opacity: 0,
 					scale: .95,
 					x: "-50%",
 					y: "-50%"
 				},
-				animate: d ? { y: 0 } : {
+				animate: f ? { y: 0 } : {
 					opacity: 1,
 					scale: 1,
 					x: "-50%",
 					y: "-50%"
 				},
-				exit: d ? { y: "100%" } : {
+				exit: f ? { y: "100%" } : {
 					opacity: 0,
 					scale: .95,
 					x: "-50%",
 					y: "-50%"
 				},
-				transition: d ? e.smooth : {
+				transition: f ? e.smooth : {
 					...e.smooth,
 					opacity: t.fade
 				},
-				className: n("fixed z-modal grid w-full gap-ds-05 bg-surface-overlay p-ds-06", o === !1 ? "left-[50%] top-[50%] max-w-lg rounded-overlay-lg shadow-overlay" : "inset-0 md:inset-auto md:left-[50%] md:top-[50%] md:max-w-lg md:rounded-overlay-lg md:shadow-overlay", r),
-				children: i
+				className: r("fixed z-modal grid w-full gap-ds-05 bg-surface-overlay p-ds-06", s === !1 ? "left-[50%] top-[50%] max-w-lg rounded-overlay-lg shadow-overlay" : "inset-0 md:inset-auto md:left-[50%] md:top-[50%] md:max-w-lg md:rounded-overlay-lg md:shadow-overlay", i),
+				children: a
 			})
 		})]
-	}) });
+	}) }) });
 });
-w.displayName = a.displayName;
-var T = p.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ m("div", {
-	ref: r,
-	className: n("flex flex-col space-y-ds-02b text-center sm:text-left", e),
+T.displayName = o.displayName;
+var E = m.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ h("div", {
+	ref: n,
+	className: r("flex flex-col space-y-ds-02b text-center sm:text-left", e),
 	...t
 }));
-T.displayName = "AlertDialogHeader";
-var E = p.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ m("div", {
-	ref: r,
-	className: n("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-ds-03", e),
+E.displayName = "AlertDialogHeader";
+var D = m.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ h("div", {
+	ref: n,
+	className: r("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-ds-03", e),
 	...t
 }));
-E.displayName = "AlertDialogFooter";
-var D = p.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ m(u, {
-	ref: r,
-	className: n("text-heading-xs font-semibold", e),
+D.displayName = "AlertDialogFooter";
+var O = m.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ h(d, {
+	ref: n,
+	className: r("text-heading-xs font-semibold", e),
 	...t
 }));
-D.displayName = u.displayName;
-var O = p.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ m(o, {
-	ref: r,
-	className: n("text-body-md text-surface-fg-muted", e),
+O.displayName = d.displayName;
+var k = m.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ h(s, {
+	ref: n,
+	className: r("text-body-md text-surface-fg-muted", e),
 	...t
 }));
-O.displayName = o.displayName;
-var k = p.forwardRef(({ className: e, ...t }, i) => /* @__PURE__ */ m(r, {
-	ref: i,
-	className: n("inline-flex h-ds-md items-center justify-center rounded-control px-ds-05 text-body-md font-semibold transition-colors bg-accent-9 text-accent-fg hover:bg-accent-10 active:bg-accent-10 shadow-raised focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-action-disabled", e),
+k.displayName = s.displayName;
+var A = m.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ h(i, {
+	ref: n,
+	className: r("inline-flex h-ds-md items-center justify-center rounded-control px-ds-05 text-body-md font-semibold transition-colors bg-accent-9 text-accent-fg hover:bg-accent-10 active:bg-accent-10 shadow-raised focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-action-disabled", e),
 	...t
 }));
-k.displayName = r.displayName;
-var A = p.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ m(i, {
-	ref: r,
-	className: n("inline-flex h-ds-md items-center justify-center rounded-control px-ds-05 text-body-md font-semibold transition-colors bg-transparent text-surface-fg-muted border border-surface-border-strong hover:bg-surface-panel-hover hover:text-surface-fg focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-action-disabled", e),
+A.displayName = i.displayName;
+var j = m.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ h(a, {
+	ref: n,
+	className: r("inline-flex h-ds-md items-center justify-center rounded-control px-ds-05 text-body-md font-semibold transition-colors bg-transparent text-surface-fg-muted border border-surface-border-interactive hover:bg-surface-panel-hover hover:text-surface-fg focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-action-disabled", e),
 	...t
 }));
-A.displayName = i.displayName;
+j.displayName = a.displayName;
 //#endregion
-export { b as AlertDialog, k as AlertDialogAction, A as AlertDialogCancel, w as AlertDialogContent, O as AlertDialogDescription, E as AlertDialogFooter, T as AlertDialogHeader, C as AlertDialogOverlay, S as AlertDialogPortal, D as AlertDialogTitle, x as AlertDialogTrigger };
+export { x as AlertDialog, A as AlertDialogAction, j as AlertDialogCancel, T as AlertDialogContent, k as AlertDialogDescription, D as AlertDialogFooter, E as AlertDialogHeader, w as AlertDialogOverlay, C as AlertDialogPortal, O as AlertDialogTitle, S as AlertDialogTrigger };