@devalok/shilp-sutra 0.56.0 → 0.59.0

package/dist/tokens/semantic.css

@@ -163,17 +163,26 @@
   --color-surface-3: var(--neutral-3);
   --color-surface-4: var(--neutral-4);
 
-  --color-surface-base:          var(--neutral-2);
-  --color-surface-sunken:        var(--color-surface-0);
-  --color-surface-raised:        var(--neutral-1);
-  --color-surface-overlay:       var(--neutral-1);
-  --color-surface-raised-hover:  var(--neutral-3);
-  --color-surface-raised-active: var(--neutral-4);
-  /* App chrome (TopBar, Sidebar, BottomNavbar). Its own tier so chrome's
-     surface is an explicit, independently-tunable decision (per the Carbon/
-     Atlassian/Ant model), not coupled to the card surface. Starts equal to
-     `raised` — zero visual change — but can now diverge without touching cards. */
-  --color-surface-chrome:        var(--neutral-1);
+  /* GROUNDS take the brand tint; OBJECTS hold neutral. In light the page, the
+     panel and an overlay are all pure white — an edge is what makes a card a
+     card. See docs/plans/2026-08-26-surface-model-rebuild.md */
+  --color-surface-base:          var(--neutral-0);
+  --color-surface-panel:         var(--neutral-0);
+  --color-surface-overlay:       var(--neutral-0);
+  --color-surface-panel-hover:   var(--neutral-2);
+  --color-surface-panel-active:  var(--neutral-3);
+  --color-surface-sunken:        var(--neutral-sunken);
+  --color-surface-sunken-hover:  var(--neutral-3);
+
+  /* DEPRECATED, removed next major. `surface-raised` is renamed `surface-panel`
+     because in light it is not raised — it is the same white as the page.
+     Aliased so nothing breaks mid-migration; `pnpm lint --fix` rewrites them.
+     NOTE hover/focus utilities must retarget to `-panel-hover`, NOT rename: a
+     hover painted with a container value is invisible. That is what made every
+     menu item's hover a no-op in light before this rebuild. */
+  --color-surface-raised:        var(--color-surface-panel);
+  --color-surface-raised-hover:  var(--color-surface-panel-hover);
+  --color-surface-raised-active: var(--color-surface-panel-active);
   --color-surface-inverted:      var(--neutral-12);
   --color-surface-inverted-fg:   var(--neutral-1);
   --color-surface-disabled:      var(--neutral-2);
@@ -181,11 +190,17 @@
   --color-surface-fg:            var(--neutral-12);
   --color-surface-fg-muted:      var(--neutral-11);
   --color-surface-fg-subtle:     var(--neutral-9);  /* 4.664:1 on surface-base — WCAG AA (verify, don't assume: see neutral-9) */
-  --color-surface-border:        var(--neutral-6);  /* bumped for WCAG 1.4.11 (interactive/control edge) */
-  --color-surface-border-strong: var(--neutral-7);
-  --color-surface-border-subtle: var(--neutral-5);
-  /* Card/panel edge — a faint hairline (NOT for interactive controls, which need the contrast-bumped token above). */
-  --color-surface-border-card:   color-mix(in oklch, var(--neutral-5) 30%, transparent);
+  /* OBJECT edges — translucent, so an edge darkens whatever it lands on and can
+     never coincide with it. `surface-border` on white computes to #e8e8e8. */
+  --color-surface-border-subtle: oklch(0 0 0 / 0.05);
+  --color-surface-border:        oklch(0 0 0 / 0.09);
+  --color-surface-border-strong: oklch(0 0 0 / 0.14);
+  --color-surface-border-card:   var(--color-surface-border);
+
+  /* CONTROL edges — solid, so their contrast is measurable. WCAG 1.4.11 applies
+     to these and NOT to the decorative tiers above. */
+  --color-surface-border-interactive:        var(--neutral-6);
+  --color-surface-border-interactive-strong: var(--neutral-7);
   --color-backdrop:              oklch(0 0 0 / 0.4);
 
   /* Segmented control — translucent recess + raised thumb. Alpha, NOT a fixed
@@ -264,37 +279,58 @@
   /* ───────────────────────────────────────────────────────────
      CATEGORY COLORS (Sapta Varna — step subsets)
      ─────────────────────────────────────────────────────────── */
+  /* Foreground for solid category fills. Category step 9 LIGHTENS in dark mode,
+     the opposite of the intent ramps, so a fixed white fails AA there. neutral-1
+     inverts with the theme: near-white in light, near-black in dark.
+     Measured: light 4.59-4.97 on all seven, dark 5.55-6.24. Badge labels are 10px,
+     so AA body (4.5) is the bar, not large text. */
+  --color-category-fg:         var(--neutral-0);
+
+  --color-category-teal-2:     var(--teal-2);
   --color-category-teal-3:     var(--teal-3);
+  --color-category-teal-4:     var(--teal-4);
   --color-category-teal-7:     var(--teal-7);
   --color-category-teal-9:     var(--teal-9);
   --color-category-teal-11:    var(--teal-11);
 
+  --color-category-amber-2:    var(--amber-2);
   --color-category-amber-3:    var(--amber-3);
+  --color-category-amber-4:    var(--amber-4);
   --color-category-amber-7:    var(--amber-7);
   --color-category-amber-9:    var(--amber-9);
   --color-category-amber-11:   var(--amber-11);
 
+  --color-category-slate-2:    var(--slate-2);
   --color-category-slate-3:    var(--slate-3);
+  --color-category-slate-4:    var(--slate-4);
   --color-category-slate-7:    var(--slate-7);
   --color-category-slate-9:    var(--slate-9);
   --color-category-slate-11:   var(--slate-11);
 
+  --color-category-indigo-2:   var(--indigo-2);
   --color-category-indigo-3:   var(--indigo-3);
+  --color-category-indigo-4:   var(--indigo-4);
   --color-category-indigo-7:   var(--indigo-7);
   --color-category-indigo-9:   var(--indigo-9);
   --color-category-indigo-11:  var(--indigo-11);
 
+  --color-category-cyan-2:     var(--cyan-2);
   --color-category-cyan-3:     var(--cyan-3);
+  --color-category-cyan-4:     var(--cyan-4);
   --color-category-cyan-7:     var(--cyan-7);
   --color-category-cyan-9:     var(--cyan-9);
   --color-category-cyan-11:    var(--cyan-11);
 
+  --color-category-orange-2:   var(--orange-2);
   --color-category-orange-3:   var(--orange-3);
+  --color-category-orange-4:   var(--orange-4);
   --color-category-orange-7:   var(--orange-7);
   --color-category-orange-9:   var(--orange-9);
   --color-category-orange-11:  var(--orange-11);
 
+  --color-category-emerald-2:  var(--emerald-2);
   --color-category-emerald-3:  var(--emerald-3);
+  --color-category-emerald-4:  var(--emerald-4);
   --color-category-emerald-7:  var(--emerald-7);
   --color-category-emerald-9:  var(--emerald-9);
   --color-category-emerald-11: var(--emerald-11);
@@ -450,6 +486,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);
 
   /* ───────────────────────────────────────────────────────────
@@ -504,21 +544,31 @@
   --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))),
@@ -592,6 +642,9 @@
   --color-success-fg:   var(--neutral-0);
   --color-info-fg:      var(--neutral-0);
 
+  /* Category fills lighten in dark, so their label goes near-black, not white */
+  --color-category-fg:  var(--neutral-1);
+
   /* Warning: amber-bright dark ramp */
   --color-warning-2:  var(--amber-bright-2);
   --color-warning-3:  var(--amber-bright-3);
@@ -603,22 +656,40 @@
   --color-warning-11: var(--amber-bright-11);
   --color-warning-fg: var(--neutral-0);
 
-  /* Surface — dark page, lighter cards */
-  --color-surface-base:          var(--neutral-1);  /* 0.11L */
-  --color-surface-raised:        var(--neutral-2);  /* 0.17L */
-  --color-surface-chrome:        var(--neutral-2);  /* chrome tier — matches raised for now */
-  --color-surface-border:        var(--neutral-4);
-  --color-surface-border-strong: var(--neutral-5);
-  --color-surface-overlay:       oklch(0.13 0.0002 350);
-  --color-surface-border-subtle: var(--neutral-3);
-  /* Card edge in dark: a hair stronger so it still reads on the near-black base. */
-  --color-surface-border-card:   color-mix(in oklch, var(--neutral-6) 45%, transparent);
+  /* Surface — dark page, lighter cards. Unlike light, dark HAS room above the
+     page, so panel and overlay genuinely lift. */
+  --color-surface-base:          var(--neutral-1);        /* 0.147L */
+  --color-surface-panel:         var(--neutral-2);        /* 0.207L */
+  --color-surface-overlay:       var(--neutral-2);        /* same as panel + shadow */
+  --color-surface-panel-hover:   var(--neutral-3);
+  --color-surface-panel-active:  var(--neutral-4);
+  --color-surface-sunken:        var(--neutral-sunken);   /* coincides with the page */
+  --color-surface-sunken-hover:  var(--neutral-2);
+
+  /* DEPRECATED — see the light block. */
+  --color-surface-raised:        var(--color-surface-panel);
+  --color-surface-raised-hover:  var(--color-surface-panel-hover);
+  --color-surface-raised-active: var(--color-surface-panel-active);
+
+  /* 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);
+  --color-surface-border-strong: oklch(1 0 0 / 0.16);
+  --color-surface-border-card:   var(--color-surface-border);
+
+  --color-surface-border-interactive:        var(--neutral-6);
+  --color-surface-border-interactive-strong: var(--neutral-7);
   --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);
@@ -639,6 +710,18 @@
   --shadow-strength: 2.5;
   /* 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);
+  --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);
@@ -670,6 +753,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.
@@ -730,20 +846,27 @@
     --color-surface-fg-muted:     CanvasText;
     --color-surface-fg-subtle:    GrayText;
     --color-surface-fg-disabled:  GrayText;
-    --color-surface-base:         Canvas;
-    --color-surface-sunken:       Canvas;
-    --color-surface-raised:       Canvas;
-    --color-surface-raised-hover: Canvas;
+    --color-surface-base:          Canvas;
+    --color-surface-panel:         Canvas;
+    --color-surface-overlay:       Canvas;
+    --color-surface-panel-hover:   Canvas;
+    --color-surface-panel-active:  Canvas;
+    --color-surface-sunken:        Canvas;
+    --color-surface-sunken-hover:  Canvas;
+    --color-surface-raised:        Canvas;
+    --color-surface-raised-hover:  Canvas;
     --color-surface-raised-active: Canvas;
-    --color-surface-chrome:       Canvas;
-    --color-surface-overlay:      Canvas;
-    --color-surface-disabled:     Canvas;
-    --color-surface-inverted:     CanvasText;
-    --color-surface-inverted-fg:  Canvas;
-    --color-surface-border:         CanvasText;
-    --color-surface-border-strong:  CanvasText;
-    --color-surface-border-subtle:  GrayText;
-    --color-surface-border-card:    GrayText;
+    --color-surface-disabled:      Canvas;
+    --color-surface-inverted:      CanvasText;
+    --color-surface-inverted-fg:   Canvas;
+    /* Forced colours flatten the object/control split — every edge must be a
+       system colour or it disappears entirely. */
+    --color-surface-border:                    CanvasText;
+    --color-surface-border-strong:             CanvasText;
+    --color-surface-border-subtle:             GrayText;
+    --color-surface-border-card:               GrayText;
+    --color-surface-border-interactive:        CanvasText;
+    --color-surface-border-interactive-strong: CanvasText;
     --color-backdrop: Canvas;
     --color-overlay:  Canvas;
     --color-disabled: GrayText;

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/tokens/variants.css

@@ -2,7 +2,7 @@
    CUSTOM VARIANTS (TW4 native)
 
    `@custom-variant <name> <selector>` registers a Tailwind 4 variant
-   that consumers can use as a prefix, e.g. `dark:bg-surface-raised`.
+   that consumers can use as a prefix, e.g. `dark:bg-surface-panel`.
 
    Our dark variant matches TW3's classic `darkMode: 'class'` behavior
    plus one extra: the `.dark` element itself also receives `dark:*`

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-raised rounded-control data-[state=open]:bg-surface-raised 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-raised rounded-control data-[state=open]:bg-surface-raised 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,wPACA,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"}