@cascivo/react 0.13.0 → 0.13.1

package/dist/styles.css

@@ -36,6 +36,48 @@
  */
 @layer cascivo.reset, cascivo.base, cascivo.tokens, cascivo.component, cascivo.theme, cascivo.blocks,
   cascivo.override;
+/* packages/tokens/src/reset.css */
+/* cascivo — the `cascivo.reset` floor. */
+/*
+ * `layers.css` has always described `cascivo.reset` as "consumer reset (box-sizing,
+ * margin/padding zeroing) — the floor". For thirteen minor versions that layer shipped
+ * EMPTY, and nothing else in @cascivo/tokens, @cascivo/themes or @cascivo/react set a
+ * global `box-sizing` either.
+ *
+ * That is not cosmetic. `textarea.css` is `width: 100%` + 32px of inline padding + a 2px
+ * border with no `box-sizing`, so under the browser default of `content-box` it computes
+ * 34px wider than its container. A 2026-07-28 adopter measured the textarea overhanging
+ * the viewport by 25px, which pushed a horizontal scrollbar, which made the document 16px
+ * taller than the viewport, which produced a SECOND vertical scrollbar beside AppShell's
+ * own. Following getting-started exactly and writing no CSS at all produced two stray
+ * scrollbars, and every instinct says "my layout is broken".
+ *
+ * It survived because every app in this repo — apps/site, apps/storybook, every example —
+ * ships its own reset in app CSS, so no shipped surface has ever rendered on the browser
+ * default. See `docs/internal/feedback/README.md`, Mechanism E.
+ *
+ * DELIBERATELY MINIMAL. `box-sizing` and `body { margin: 0 }` only. Typography, list and
+ * heading resets are opinions and belong to the consumer; `@cascivo/themes/base.css`
+ * already owns the html font/color floor in `cascivo.base`.
+ *
+ * OPTING OUT is the layer, and it already works: `cascivo.reset` is the LOWEST layer in
+ * the canonical order, so it loses to every other cascivo layer and to all unlayered
+ * author CSS. A consumer's own reset simply wins — no `!important`, no specificity fight.
+ * That is what makes shipping this safe.
+ */
+
+@layer cascivo.reset {
+  *,
+  *::before,
+  *::after {
+    box-sizing: border-box;
+  }
+
+  body {
+    margin: 0;
+  }
+}
+
 /* packages/tokens/src/index.css */
 /* cascivo Design System — Primitive Tokens */
 /* These are raw values. Never use directly in components. Use semantic tokens. */
@@ -44,6 +86,14 @@
    consumer path imports @cascivo/tokens (directly or via a theme), so this rides
    along first and dedupes by URL. See ./layers.css for the authoritative order. */
 
+/* Fill the `cascivo.reset` floor. Same reasoning as the layer statement above: every
+   consumer path reaches @cascivo/tokens, so importing it here is the ONE place that
+   guarantees a default install gets `box-sizing: border-box` — which components with
+   `width: 100%` + padding require and which nothing shipped before (2026-07-28 report
+   C12). It is the lowest layer, so a consumer's own reset still wins. Both @imports stay
+   ahead of the @layer block below: an @import after a @layer rule is a spec violation and
+   browsers warn. */
+
 @layer cascivo.tokens {
   :root {
     /* ── Color Primitives ─────────────────────────────── */
@@ -822,7 +872,7 @@
 /*$vite$:1*/
 @layer cascivo.component{._alert_a2dn2_2{gap:var(--cascivo-space-3);padding:var(--cascivo-space-4);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-surface);background-color:var(--cascivo-color-surface);font-family:var(--cascivo-font-sans);color:var(--cascivo-color-text);display:flex}._alert_a2dn2_2[data-variant=info]{border-color:color-mix(in oklch, var(--cascivo-color-info) 35%, var(--cascivo-color-border));background:color-mix(in oklch, var(--cascivo-color-info) 5%, var(--cascivo-color-bg));color:var(--cascivo-color-info-content)}._alert_a2dn2_2[data-variant=info] ._icon_a2dn2_18,._alert_a2dn2_2[data-variant=info] ._title_a2dn2_19{color:var(--cascivo-color-info-foreground,var(--cascivo-color-info))}._alert_a2dn2_2[data-variant=success]{border-color:color-mix(in oklch, var(--cascivo-color-success) 35%, var(--cascivo-color-border));background:color-mix(in oklch, var(--cascivo-color-success) 5%, var(--cascivo-color-bg));color:var(--cascivo-color-success-content)}._alert_a2dn2_2[data-variant=success] ._icon_a2dn2_18,._alert_a2dn2_2[data-variant=success] ._title_a2dn2_19{color:var(--cascivo-color-success-foreground,var(--cascivo-color-success))}._alert_a2dn2_2[data-variant=warning]{border-color:color-mix(in oklch, var(--cascivo-color-warning) 35%, var(--cascivo-color-border));background:color-mix(in oklch, var(--cascivo-color-warning) 5%, var(--cascivo-color-bg));color:var(--cascivo-color-warning-content)}._alert_a2dn2_2[data-variant=warning] ._icon_a2dn2_18,._alert_a2dn2_2[data-variant=warning] ._title_a2dn2_19{color:var(--cascivo-color-warning-foreground,var(--cascivo-color-warning))}._alert_a2dn2_2[data-variant=destructive]{border-color:color-mix(in oklch, var(--cascivo-color-destructive) 35%, var(--cascivo-color-border));background:color-mix(in oklch, var(--cascivo-color-destructive) 5%, var(--cascivo-color-bg));color:var(--cascivo-color-destructive-content)}._alert_a2dn2_2[data-variant=destructive] ._icon_a2dn2_18,._alert_a2dn2_2[data-variant=destructive] ._title_a2dn2_19{color:var(--cascivo-color-destructive-foreground,var(--cascivo-color-destructive))}._icon_a2dn2_18{flex-shrink:0;align-items:center;margin-block-start:.125rem;line-height:1;display:flex}._alert_a2dn2_2[data-variant=info] ._icon_a2dn2_18{color:var(--cascivo-color-info-foreground,var(--cascivo-color-info))}._alert_a2dn2_2[data-variant=success] ._icon_a2dn2_18{color:var(--cascivo-color-success-foreground,var(--cascivo-color-success))}._alert_a2dn2_2[data-variant=warning] ._icon_a2dn2_18{color:var(--cascivo-color-warning-foreground,var(--cascivo-color-warning))}._alert_a2dn2_2[data-variant=destructive] ._icon_a2dn2_18{color:var(--cascivo-color-destructive-foreground,var(--cascivo-color-destructive))}._body_a2dn2_90{gap:var(--cascivo-space-1);flex-direction:column;flex:1;min-inline-size:0;display:flex}._title_a2dn2_19{font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-semibold);line-height:var(--cascivo-leading-snug)}._content_a2dn2_104{font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-subtle);line-height:var(--cascivo-leading-normal)}._action_a2dn2_110{padding-block:var(--cascivo-space-1);padding-inline:var(--cascivo-space-2);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-medium);line-height:var(--cascivo-leading-none);color:var(--cascivo-color-text);border-radius:var(--cascivo-radius-control);cursor:pointer;transition:background-color var(--cascivo-duration-150) var(--cascivo-ease-out);background:0 0;border:none;align-self:flex-start;margin-block-start:var(--cascivo-space-1)}._action_a2dn2_110:hover{background-color:var(--cascivo-color-bg-subtle)}._action_a2dn2_110:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._alert_a2dn2_2[data-variant=info] ._action_a2dn2_110{color:var(--cascivo-color-info-foreground,var(--cascivo-color-info))}._alert_a2dn2_2[data-variant=success] ._action_a2dn2_110{color:var(--cascivo-color-success-foreground,var(--cascivo-color-success))}._alert_a2dn2_2[data-variant=warning] ._action_a2dn2_110{color:var(--cascivo-color-warning-foreground,var(--cascivo-color-warning))}._alert_a2dn2_2[data-variant=destructive] ._action_a2dn2_110{color:var(--cascivo-color-destructive-foreground,var(--cascivo-color-destructive))}._dismiss_a2dn2_149{block-size:1.5rem;inline-size:1.5rem;font-size:var(--cascivo-text-xs);color:var(--cascivo-color-text-muted);border-radius:var(--cascivo-radius-control);cursor:pointer;transition:color var(--cascivo-duration-150) var(--cascivo-ease-out), background-color var(--cascivo-duration-150) var(--cascivo-ease-out);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}._dismiss_a2dn2_149:hover{color:var(--cascivo-color-text);background-color:var(--cascivo-color-bg-subtle)}._dismiss_a2dn2_149:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}}@media (forced-colors:active){._alert_a2dn2_2{border:1px solid canvastext}._alert_a2dn2_2[data-variant=info],._alert_a2dn2_2[data-variant=success],._alert_a2dn2_2[data-variant=warning],._alert_a2dn2_2[data-variant=destructive]{border-width:2px}._dismiss_a2dn2_149:focus-visible{outline-offset:2px;outline:2px solid highlight}}@media (prefers-contrast:more){._alert_a2dn2_2,._alert_a2dn2_2[data-variant=info],._alert_a2dn2_2[data-variant=success],._alert_a2dn2_2[data-variant=warning],._alert_a2dn2_2[data-variant=destructive]{border-width:2px}}
 /*$vite$:1*/
-@layer cascivo.component{._shell_11je2_4{box-sizing:border-box;block-size:100dvh;font-family:var(--cascivo-font-sans);color:var(--cascivo-color-foreground);background-color:var(--cascivo-color-background);flex-direction:column;display:flex;overflow:hidden}._header_11je2_16{z-index:var(--cascivo-z-raised);flex:none}._body_11je2_21{flex:auto;min-block-size:0;display:flex;position:relative}._navWrapper_11je2_32{z-index:var(--cascivo-z-overlay);block-size:100%;transition:transform var(--cascivo-motion-emphasis);position:absolute;inset-block:0;inset-inline-start:0;overflow:hidden;transform:translate(-100%)}._navWrapper_11je2_32[data-open=true]{transform:translate(0)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) ._navWrapper_11je2_32{transform:translate(100%)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) ._navWrapper_11je2_32[data-open=true]{transform:translate(0)}._navInner_11je2_58{block-size:100%;inline-size:var(--cascivo-shell-panel-inline-size,20rem);display:flex}._navInner_11je2_58>*{flex:auto;min-block-size:0}._scrim_11je2_70{z-index:var(--cascivo-z-dropdown);opacity:0;visibility:hidden;transition:opacity var(--cascivo-motion-emphasis), visibility var(--cascivo-motion-emphasis);background-color:oklch(0% 0 0/.4);position:absolute;inset:0}._scrim_11je2_70[data-open=true]{opacity:1;visibility:visible}._main_11je2_87{flex:auto;min-inline-size:0;overflow-y:auto}._footer_11je2_93{flex:none}@media (width>=64rem){._navWrapper_11je2_32{z-index:auto;inline-size:var(--cascivo-shell-aside-inline-size,18rem);transition:inline-size var(--cascivo-motion-emphasis);position:static;transform:none}._navWrapper_11je2_32[data-open=false]{inline-size:0}._navInner_11je2_58{inline-size:var(--cascivo-shell-aside-inline-size,18rem)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) ._navWrapper_11je2_32{transform:none}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) ._navWrapper_11je2_32[data-open=true]{transform:none}._scrim_11je2_70{display:none}}}
+@layer cascivo.component{._shell_1y4cv_4{box-sizing:border-box;block-size:100dvh;font-family:var(--cascivo-font-sans);color:var(--cascivo-color-foreground);background-color:var(--cascivo-color-background);flex-direction:column;display:flex;overflow:hidden}._header_1y4cv_16{z-index:var(--cascivo-z-raised);flex:none}._body_1y4cv_21{flex:auto;min-block-size:0;display:flex;position:relative}._navWrapper_1y4cv_32{z-index:var(--cascivo-z-overlay);block-size:100%;transition:transform var(--cascivo-motion-emphasis);position:absolute;inset-block:0;inset-inline-start:0;overflow:hidden;transform:translate(-100%)}._navWrapper_1y4cv_32[data-open=true]{transform:translate(0)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) ._navWrapper_1y4cv_32{transform:translate(100%)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) ._navWrapper_1y4cv_32[data-open=true]{transform:translate(0)}._navInner_1y4cv_58{block-size:100%;inline-size:var(--cascivo-shell-panel-inline-size,20rem);display:flex}._navInner_1y4cv_58>*{flex:auto;min-block-size:0}._scrim_1y4cv_70{z-index:var(--cascivo-z-dropdown);opacity:0;visibility:hidden;transition:opacity var(--cascivo-motion-emphasis), visibility var(--cascivo-motion-emphasis);background-color:oklch(0% 0 0/.4);position:absolute;inset:0}._scrim_1y4cv_70[data-open=true]{opacity:1;visibility:visible}._main_1y4cv_87{flex:auto;min-inline-size:0;overflow-y:auto}._footer_1y4cv_93{flex:none}@media (width>=64rem){._navWrapper_1y4cv_32{z-index:auto;inline-size:var(--cascivo-shell-aside-inline-size,18rem);transition:inline-size var(--cascivo-motion-emphasis);flex-shrink:0;position:static;transform:none}._navWrapper_1y4cv_32[data-open=false]{inline-size:0}._navInner_1y4cv_58{inline-size:var(--cascivo-shell-aside-inline-size,18rem)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) ._navWrapper_1y4cv_32{transform:none}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) ._navWrapper_1y4cv_32[data-open=true]{transform:none}._scrim_1y4cv_70{display:none}}}
 /*$vite$:1*/
 @layer cascivo.component{._root_5ltw4_2{inline-size:100%;aspect-ratio:var(--cascivo-aspect-ratio,1);position:relative}._inner_5ltw4_8{block-size:100%;inline-size:100%;position:absolute;inset:0}._inner_5ltw4_8>*{object-fit:cover;block-size:100%;inline-size:100%}}
 /*$vite$:1*/
@@ -884,7 +934,7 @@
 /*$vite$:1*/
 @layer cascivo.component{._dock_cqgv4_2{background-color:var(--cascivo-color-surface);border-block-start:1px solid var(--cascivo-border-subtle);z-index:var(--cascivo-z-dock,40);align-items:stretch;padding-block-end:env(safe-area-inset-bottom,0);display:flex;position:fixed;inset-block-end:0;inset-inline:0}@media (width>=64rem){._dock_cqgv4_2{display:none}}._item_cqgv4_20{min-block-size:var(--cascivo-target-min-coarse,2.75rem);cursor:pointer;color:var(--cascivo-color-text-muted);transition:color .1s var(--cascivo-ease-out);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.25rem;padding-block:.5rem;padding-inline:.25rem;text-decoration:none;display:flex}._item_cqgv4_20[data-active]{color:var(--cascivo-color-accent)}._item_cqgv4_20:focus-visible{outline:var(--cascivo-ring-width) solid var(--cascivo-ring-color);outline-offset:-2px}._icon_cqgv4_47{align-items:center;font-size:1.25rem;line-height:1;display:flex}._label_cqgv4_54{font-size:.6875rem;line-height:1}._item_cqgv4_20[data-active] ._label_cqgv4_54{font-weight:600}}
 /*$vite$:1*/
-@layer cascivo.component{._overlay_cbcjg_2{z-index:var(--cascivo-z-overlay,50);opacity:1;transition:opacity var(--cascivo-motion-enter);background-color:#0006;display:flex;position:fixed;inset:0}._overlay_cbcjg_2[data-state=closed]{opacity:0;transition:opacity var(--cascivo-motion-exit)}@starting-style{._overlay_cbcjg_2[data-state=open]{opacity:0}}._overlay_cbcjg_2[data-side=end]{justify-content:flex-end;align-items:stretch}._overlay_cbcjg_2[data-side=start]{justify-content:flex-start;align-items:stretch}._overlay_cbcjg_2[data-side=top]{align-items:flex-start}._overlay_cbcjg_2[data-side=bottom]{align-items:flex-end}._panel_cbcjg_39{background:var(--cascivo-color-surface);box-shadow:var(--cascivo-shadow-overlay);transform:none;transform:translate(var(--_drawer-drag-x,0), var(--_drawer-drag-y,0));transition:translate var(--cascivo-motion-enter), transform var(--cascivo-motion-exit);flex-direction:column;display:flex}._panel_cbcjg_39[data-dragging]{transition:none}._overlay_cbcjg_2[data-state=closed] ._panel_cbcjg_39{transition:translate var(--cascivo-motion-exit)}._panel_cbcjg_39[data-side=end]{inline-size:var(--_drawer-size,min(24rem, 90vw));border-inline-start:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-overlay) 0 0 var(--cascivo-radius-overlay);block-size:100%;translate:0}._overlay_cbcjg_2[data-state=closed] ._panel_cbcjg_39[data-side=end]{translate:100%}._panel_cbcjg_39[data-side=start]{inline-size:var(--_drawer-size,min(24rem, 90vw));border-inline-end:1px solid var(--cascivo-color-border);border-radius:0 var(--cascivo-radius-overlay) var(--cascivo-radius-overlay) 0;block-size:100%;translate:0}._overlay_cbcjg_2[data-state=closed] ._panel_cbcjg_39[data-side=start]{translate:-100%}._panel_cbcjg_39[data-side=top]{inline-size:100%;block-size:var(--_drawer-size,auto);border-block-end:1px solid var(--cascivo-color-border);border-radius:0 0 var(--cascivo-radius-overlay) var(--cascivo-radius-overlay);max-block-size:80vh;translate:0}._overlay_cbcjg_2[data-state=closed] ._panel_cbcjg_39[data-side=top]{translate:0 -100%}._panel_cbcjg_39[data-side=bottom]{inline-size:100%;block-size:var(--_drawer-size,auto);border-block-start:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-overlay) var(--cascivo-radius-overlay) 0 0;max-block-size:80vh;translate:0}._overlay_cbcjg_2[data-state=closed] ._panel_cbcjg_39[data-side=bottom]{translate:0 100%}@starting-style{._overlay_cbcjg_2[data-state=open] ._panel_cbcjg_39[data-side=end]{translate:100%}._overlay_cbcjg_2[data-state=open] ._panel_cbcjg_39[data-side=start]{translate:-100%}._overlay_cbcjg_2[data-state=open] ._panel_cbcjg_39[data-side=top]{translate:0 -100%}._overlay_cbcjg_2[data-state=open] ._panel_cbcjg_39[data-side=bottom]{translate:0 100%}}._header_cbcjg_124{justify-content:space-between;align-items:flex-start;gap:var(--cascivo-space-4);padding:var(--cascivo-space-4) var(--cascivo-space-6);border-block-end:1px solid var(--cascivo-color-border);flex-shrink:0;display:flex}._heading_cbcjg_134{gap:var(--cascivo-space-1);flex-direction:column;display:flex}._title_cbcjg_140{font-size:var(--cascivo-text-lg);font-weight:var(--cascivo-font-semibold);color:var(--cascivo-color-text);margin:0}._description_cbcjg_147{font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-subtle);margin:0}._close_cbcjg_153{block-size:2rem;inline-size:2rem;color:var(--cascivo-color-text-muted);border-radius:var(--cascivo-radius-control);cursor:pointer;transition:color var(--cascivo-duration-150) var(--cascivo-ease-out), background-color var(--cascivo-duration-150) var(--cascivo-ease-out);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}._close_cbcjg_153:hover{color:var(--cascivo-color-text);background-color:var(--cascivo-color-bg-subtle)}._close_cbcjg_153:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._closeIcon_cbcjg_181{block-size:1rem;inline-size:1rem}._body_cbcjg_186{padding:var(--cascivo-space-6);flex:1;overflow-y:auto}@media (prefers-reduced-motion:reduce){._panel_cbcjg_39{transition:none}}}
+@layer cascivo.component{._overlay_1q94b_2{z-index:var(--cascivo-z-overlay,50);opacity:1;transition:opacity var(--cascivo-motion-enter);background-color:#0006;display:flex;position:fixed;inset:0}._overlay_1q94b_2[data-state=closed]{opacity:0;transition:opacity var(--cascivo-motion-exit)}@starting-style{._overlay_1q94b_2[data-state=open]{opacity:0}}._overlay_1q94b_2[data-side=end]{justify-content:flex-end;align-items:stretch}._overlay_1q94b_2[data-side=start]{justify-content:flex-start;align-items:stretch}._overlay_1q94b_2[data-side=top]{align-items:flex-start}._overlay_1q94b_2[data-side=bottom]{align-items:flex-end}._panel_1q94b_39{background:var(--cascivo-color-surface);box-shadow:var(--cascivo-shadow-overlay);transform:none;transform:translate(var(--_drawer-drag-x,0), var(--_drawer-drag-y,0));transition:translate var(--cascivo-motion-enter), transform var(--cascivo-motion-exit);flex-direction:column;display:flex}._panel_1q94b_39[data-dragging]{transition:none}._overlay_1q94b_2[data-state=closed] ._panel_1q94b_39{transition:translate var(--cascivo-motion-exit)}._panel_1q94b_39[data-side=end]{inline-size:var(--_drawer-size,min(24rem, 90vw));border-inline-start:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-overlay) 0 0 var(--cascivo-radius-overlay);block-size:100%;translate:0}._overlay_1q94b_2[data-state=closed] ._panel_1q94b_39[data-side=end]{translate:100%}._panel_1q94b_39[data-side=start]{inline-size:var(--_drawer-size,min(24rem, 90vw));border-inline-end:1px solid var(--cascivo-color-border);border-radius:0 var(--cascivo-radius-overlay) var(--cascivo-radius-overlay) 0;block-size:100%;translate:0}._overlay_1q94b_2[data-state=closed] ._panel_1q94b_39[data-side=start]{translate:-100%}._panel_1q94b_39[data-side=top]{inline-size:100%;block-size:var(--_drawer-size,auto);border-block-end:1px solid var(--cascivo-color-border);border-radius:0 0 var(--cascivo-radius-overlay) var(--cascivo-radius-overlay);max-block-size:80vh;translate:0}._overlay_1q94b_2[data-state=closed] ._panel_1q94b_39[data-side=top]{translate:0 -100%}._panel_1q94b_39[data-side=bottom]{inline-size:100%;block-size:var(--_drawer-size,auto);border-block-start:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-overlay) var(--cascivo-radius-overlay) 0 0;max-block-size:80vh;translate:0}._overlay_1q94b_2[data-state=closed] ._panel_1q94b_39[data-side=bottom]{translate:0 100%}@starting-style{._overlay_1q94b_2[data-state=open] ._panel_1q94b_39[data-side=end]{translate:100%}._overlay_1q94b_2[data-state=open] ._panel_1q94b_39[data-side=start]{translate:-100%}._overlay_1q94b_2[data-state=open] ._panel_1q94b_39[data-side=top]{translate:0 -100%}._overlay_1q94b_2[data-state=open] ._panel_1q94b_39[data-side=bottom]{translate:0 100%}}._header_1q94b_124{justify-content:space-between;align-items:flex-start;gap:var(--cascivo-space-4);padding:var(--cascivo-space-4) var(--cascivo-space-6);border-block-end:1px solid var(--cascivo-color-border);flex-shrink:0;display:flex}._heading_1q94b_134{gap:var(--cascivo-space-1);flex-direction:column;display:flex}._title_1q94b_140{font-size:var(--cascivo-text-lg);font-weight:var(--cascivo-font-semibold);color:var(--cascivo-color-text);margin:0}._description_1q94b_147{font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-subtle);margin:0}._close_1q94b_153{block-size:2rem;inline-size:2rem;color:var(--cascivo-color-text-muted);border-radius:var(--cascivo-radius-control);cursor:pointer;transition:color var(--cascivo-duration-150) var(--cascivo-ease-out), background-color var(--cascivo-duration-150) var(--cascivo-ease-out);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}._close_1q94b_153:hover{color:var(--cascivo-color-text);background-color:var(--cascivo-color-bg-subtle)}._close_1q94b_153:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._closeIcon_1q94b_181{block-size:1rem;inline-size:1rem}._body_1q94b_186{gap:var(--cascivo-dialog-body-gap,var(--cascivo-space-5));padding:var(--cascivo-space-6);flex-direction:column;flex:1;display:flex;overflow-y:auto}@media (prefers-reduced-motion:reduce){._panel_1q94b_39{transition:none}}}
 /*$vite$:1*/
 @layer cascivo.component{._root_3wuq6_2{display:inline-flex;position:relative}._menu_3wuq6_7{z-index:var(--cascivo-z-dropdown);min-inline-size:10rem;max-inline-size:calc(100vw - var(--cascivo-space-4,1rem));padding:var(--cascivo-space-1);background-color:var(--cascivo-color-surface-overlay);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-overlay);box-shadow:var(--cascivo-shadow-overlay);opacity:0;visibility:hidden;transition:opacity var(--cascivo-motion-enter), translate var(--cascivo-motion-enter), visibility var(--cascivo-motion-enter);position:absolute;inset-block-start:calc(100% + var(--cascivo-space-1));translate:0 -.25rem}._menu_3wuq6_7[data-placement=bottom-start]{inset-inline-start:0}._menu_3wuq6_7[data-placement=bottom-end]{inset-inline-end:0}._menu_3wuq6_7[data-state=open]{opacity:1;visibility:visible;translate:0}@starting-style{._menu_3wuq6_7[data-state=open]{opacity:0;translate:0 -.25rem}}@supports (anchor-name:--a) and (position-anchor:--a){._menu_3wuq6_7{position-anchor:var(--cascivo-dropdown-anchor,--dropdown-trigger);position:fixed;inset:auto}._menu_3wuq6_7[data-placement=bottom-start]{inset-area:block-end span-inline-start;inset-inline-start:0}._menu_3wuq6_7[data-placement=bottom-end]{inset-area:block-end span-inline-end;inset-inline-end:0}@media (prefers-reduced-motion:no-preference){._menu_3wuq6_7{transition:opacity var(--cascivo-motion-enter), translate var(--cascivo-motion-enter), visibility var(--cascivo-motion-enter), display var(--cascivo-motion-enter) allow-discrete, overlay var(--cascivo-motion-enter) allow-discrete}@starting-style{._menu_3wuq6_7[data-state=open]{opacity:0;translate:0 -.25rem}}}}._item_3wuq6_83{align-items:center;gap:var(--cascivo-space-2);inline-size:100%;padding-inline:var(--cascivo-space-3);padding-block:var(--cascivo-space-2);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);text-align:start;color:var(--cascivo-color-text);border-radius:var(--cascivo-radius-item);cursor:pointer;background:0 0;border:none;display:flex}._item_3wuq6_83:hover:not(:disabled),._item_3wuq6_83:focus-visible{background-color:var(--cascivo-color-bg-subtle);outline:none}._item_3wuq6_83:disabled{opacity:.5;cursor:not-allowed}._icon_3wuq6_111{color:var(--cascivo-color-text-muted);align-items:center;display:inline-flex}._separator_3wuq6_117{block-size:1px;margin-block:var(--cascivo-space-1);background-color:var(--cascivo-color-border)}}@media (forced-colors:active){._menu_3wuq6_7{border:1px solid buttontext}._item_3wuq6_83:focus-visible{outline-offset:2px;outline:2px solid highlight}}
 /*$vite$:1*/
@@ -956,9 +1006,9 @@
 /*$vite$:1*/
 @layer cascivo.component{._menubar_1fs00_2{align-items:center;gap:var(--cascivo-space-1);padding:var(--cascivo-space-1);background:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-control);display:flex}._trigger_1fs00_12{padding-block:var(--cascivo-space-1);padding-inline:var(--cascivo-space-3);border-radius:var(--cascivo-radius-item);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);cursor:pointer;background:0 0;border:none;align-items:center;display:inline-flex}._trigger_1fs00_12:hover,._trigger_1fs00_12[data-state=open]{background:var(--cascivo-color-bg-subtle)}._trigger_1fs00_12:focus-visible{outline:var(--cascivo-focus-ring);outline-offset:2px}._panel_1fs00_35{padding:var(--cascivo-space-1);background:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-overlay);min-width:10rem;box-shadow:var(--cascivo-shadow-md);opacity:1;transition:opacity var(--cascivo-motion-enter), translate var(--cascivo-motion-enter);margin:0;position:fixed;inset:auto;translate:0}@starting-style{._panel_1fs00_35{opacity:0;translate:0 calc(-1 * var(--cascivo-space-2))}}._panel_1fs00_35[data-state=closed]{opacity:0;translate:0 calc(-1 * var(--cascivo-space-2));transition:opacity var(--cascivo-motion-exit), translate var(--cascivo-motion-exit)}._item_1fs00_66{align-items:center;gap:var(--cascivo-space-2);padding-block:var(--cascivo-space-2);padding-inline:var(--cascivo-space-3);border-radius:var(--cascivo-radius-item);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;display:flex}._item_1fs00_66:hover,._item_1fs00_66:focus-visible{background:var(--cascivo-color-bg-subtle)}._item_1fs00_66[aria-disabled=true]{opacity:.5;cursor:not-allowed}}@media (prefers-reduced-motion:reduce){._panel_1fs00_35{transition:none}}@media (forced-colors:active){._trigger_1fs00_12:focus-visible{outline:2px solid highlight}}
 /*$vite$:1*/
-@layer cascivo.component{._dialog_t1gwg_2{border-radius:var(--cascivo-radius-overlay);max-height:calc(100dvh - var(--cascivo-space-16));opacity:0;transition:opacity var(--cascivo-motion-exit), scale var(--cascivo-motion-exit), display var(--cascivo-duration-150) allow-discrete, overlay var(--cascivo-duration-150) allow-discrete;background:0 0;border:none;padding:0;overflow:visible;scale:.96}._dialog_t1gwg_2[open]{opacity:1;transition:opacity var(--cascivo-motion-enter), scale var(--cascivo-motion-enter), display var(--cascivo-duration-200) allow-discrete, overlay var(--cascivo-duration-200) allow-discrete;scale:1}@starting-style{._dialog_t1gwg_2[open]{opacity:0;scale:.96}}._dialog_t1gwg_2::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;transition:opacity var(--cascivo-motion-exit), display var(--cascivo-duration-150) allow-discrete, overlay var(--cascivo-duration-150) allow-discrete;background-color:#00000080}._dialog_t1gwg_2[open]::backdrop{opacity:1;transition:opacity var(--cascivo-motion-enter), display var(--cascivo-duration-200) allow-discrete, overlay var(--cascivo-duration-200) allow-discrete}@starting-style{._dialog_t1gwg_2[open]::backdrop{opacity:0}}._dialog_t1gwg_2[data-size=sm]{--_modal-width:24rem}._dialog_t1gwg_2[data-size=md]{--_modal-width:32rem}._dialog_t1gwg_2[data-size=lg]{--_modal-width:48rem}._panel_t1gwg_69{width:var(--_modal-width,32rem);max-width:calc(100vw - var(--cascivo-space-8));background-color:var(--cascivo-color-surface-overlay);border-radius:var(--cascivo-radius-overlay);border:1px solid var(--cascivo-color-border);box-shadow:var(--cascivo-shadow-overlay);overflow:hidden}._header_t1gwg_79{padding:var(--cascivo-space-6);border-block-end:1px solid var(--cascivo-color-border);justify-content:space-between;align-items:center;padding-block-end:var(--cascivo-space-4);display:flex}._dialog_t1gwg_2[data-draggable]{translate:var(--modal-x,0) var(--modal-y,0)}._dialog_t1gwg_2[data-draggable] ._header_t1gwg_79{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}._dialog_t1gwg_2[data-draggable] ._header_t1gwg_79:active{cursor:grabbing}._title_t1gwg_101{font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-lg);font-weight:var(--cascivo-font-semibold);color:var(--cascivo-color-text);line-height:var(--cascivo-leading-tight);margin:0}._close_t1gwg_110{width:2rem;height:2rem;font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-muted);border-radius:var(--cascivo-radius-control);cursor:pointer;transition:color var(--cascivo-duration-150) var(--cascivo-ease-out), background-color var(--cascivo-duration-150) var(--cascivo-ease-out);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}._close_t1gwg_110:hover{color:var(--cascivo-color-text);background-color:var(--cascivo-color-bg-subtle)}._close_t1gwg_110:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._description_t1gwg_138{padding-inline:var(--cascivo-space-6);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-subtle);line-height:var(--cascivo-leading-relaxed);margin:0;padding-block-start:var(--cascivo-space-4)}._body_t1gwg_148{padding:var(--cascivo-space-6)}@media (width<=40rem){._dialog_t1gwg_2{max-block-size:90dvh;margin:0}._panel_t1gwg_69{max-block-size:90dvh;inline-size:100%;max-inline-size:100%;border-start-start-radius:var(--cascivo-radius-overlay);border-start-end-radius:var(--cascivo-radius-overlay);border-end-end-radius:0;border-end-start-radius:0;padding-block-end:env(safe-area-inset-bottom,0);overflow-y:auto}}@media (prefers-reduced-motion:reduce){._dialog_t1gwg_2,._dialog_t1gwg_2[open]{transition:none}}}@media (forced-colors:active){._panel_t1gwg_69{border:1px solid buttontext}._close_t1gwg_110:focus-visible{outline-offset:2px;outline:2px solid highlight}}
+@layer cascivo.component{._dialog_hywey_2{border-radius:var(--cascivo-radius-overlay);max-height:calc(100dvh - var(--cascivo-space-16));opacity:0;transition:opacity var(--cascivo-motion-exit), scale var(--cascivo-motion-exit), display var(--cascivo-duration-150) allow-discrete, overlay var(--cascivo-duration-150) allow-discrete;background:0 0;border:none;padding:0;overflow:visible;scale:.96}._dialog_hywey_2[open]{opacity:1;transition:opacity var(--cascivo-motion-enter), scale var(--cascivo-motion-enter), display var(--cascivo-duration-200) allow-discrete, overlay var(--cascivo-duration-200) allow-discrete;scale:1}@starting-style{._dialog_hywey_2[open]{opacity:0;scale:.96}}._dialog_hywey_2::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;transition:opacity var(--cascivo-motion-exit), display var(--cascivo-duration-150) allow-discrete, overlay var(--cascivo-duration-150) allow-discrete;background-color:#00000080}._dialog_hywey_2[open]::backdrop{opacity:1;transition:opacity var(--cascivo-motion-enter), display var(--cascivo-duration-200) allow-discrete, overlay var(--cascivo-duration-200) allow-discrete}@starting-style{._dialog_hywey_2[open]::backdrop{opacity:0}}._dialog_hywey_2[data-size=sm]{--_modal-width:24rem}._dialog_hywey_2[data-size=md]{--_modal-width:32rem}._dialog_hywey_2[data-size=lg]{--_modal-width:48rem}._panel_hywey_69{width:var(--_modal-width,32rem);max-width:calc(100vw - var(--cascivo-space-8));background-color:var(--cascivo-color-surface-overlay);border-radius:var(--cascivo-radius-overlay);border:1px solid var(--cascivo-color-border);box-shadow:var(--cascivo-shadow-overlay);overflow:hidden}._header_hywey_79{padding:var(--cascivo-space-6);border-block-end:1px solid var(--cascivo-color-border);justify-content:space-between;align-items:center;padding-block-end:var(--cascivo-space-4);display:flex}._dialog_hywey_2[data-draggable]{translate:var(--modal-x,0) var(--modal-y,0)}._dialog_hywey_2[data-draggable] ._header_hywey_79{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}._dialog_hywey_2[data-draggable] ._header_hywey_79:active{cursor:grabbing}._title_hywey_101{font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-lg);font-weight:var(--cascivo-font-semibold);color:var(--cascivo-color-text);line-height:var(--cascivo-leading-tight);margin:0}._close_hywey_110{width:2rem;height:2rem;font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-muted);border-radius:var(--cascivo-radius-control);cursor:pointer;transition:color var(--cascivo-duration-150) var(--cascivo-ease-out), background-color var(--cascivo-duration-150) var(--cascivo-ease-out);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}._close_hywey_110:hover{color:var(--cascivo-color-text);background-color:var(--cascivo-color-bg-subtle)}._close_hywey_110:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._description_hywey_138{padding-inline:var(--cascivo-space-6);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-subtle);line-height:var(--cascivo-leading-relaxed);margin:0;padding-block-start:var(--cascivo-space-4)}._body_hywey_148{gap:var(--cascivo-dialog-body-gap,var(--cascivo-space-5));padding:var(--cascivo-space-6);flex-direction:column;display:flex}._footer_hywey_166{justify-content:flex-end;gap:var(--cascivo-space-2);padding:var(--cascivo-space-4) var(--cascivo-space-6);border-block-start:1px solid var(--cascivo-color-border);flex-wrap:wrap;display:flex}@media (width<=40rem){._dialog_hywey_2{max-block-size:90dvh;margin:0}._panel_hywey_69{max-block-size:90dvh;inline-size:100%;max-inline-size:100%;border-start-start-radius:var(--cascivo-radius-overlay);border-start-end-radius:var(--cascivo-radius-overlay);border-end-end-radius:0;border-end-start-radius:0;padding-block-end:env(safe-area-inset-bottom,0);overflow-y:auto}}@media (prefers-reduced-motion:reduce){._dialog_hywey_2,._dialog_hywey_2[open]{transition:none}}}@media (forced-colors:active){._panel_hywey_69{border:1px solid buttontext}._close_hywey_110:focus-visible{outline-offset:2px;outline:2px solid highlight}}
 /*$vite$:1*/
-@layer cascivo.component{._wrapper_1r5fv_2{min-inline-size:0;width:100%;display:inline-block;position:relative}._trigger_1r5fv_12{width:100%;height:2.5rem;padding-inline:var(--cascivo-space-4);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);background-color:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-field);cursor:pointer;text-align:start;transition:border-color var(--cascivo-duration-150) var(--cascivo-ease-out);justify-content:space-between;align-items:center;display:flex}._trigger_1r5fv_12:hover:not(:disabled){border-color:var(--cascivo-color-border-strong)}._trigger_1r5fv_12:focus-visible{border-color:var(--cascivo-color-accent);box-shadow:var(--cascivo-focus-ring);outline:none}._trigger_1r5fv_12:disabled{opacity:.5;cursor:not-allowed;background-color:var(--cascivo-color-bg-subtle)}._trigger_1r5fv_12[aria-expanded=true]{border-color:var(--cascivo-color-accent);box-shadow:var(--cascivo-focus-ring)}._trigger-label_1r5fv_51{text-overflow:ellipsis;white-space:nowrap;color:var(--cascivo-color-text-muted);overflow:hidden}._chevron_1r5fv_63{width:1rem;height:1rem;background-color:var(--cascivo-color-text-muted);transition:transform var(--cascivo-duration-150) var(--cascivo-ease-out);flex-shrink:0;margin-inline-start:var(--cascivo-space-2);display:block;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}._trigger_1r5fv_12[aria-expanded=true] ._chevron_1r5fv_63{transform:rotate(180deg)}._panel_1r5fv_83{position-area:block-end span-inline-end;position-try-fallbacks:--bottom-start, block-start span-inline-end;padding:var(--cascivo-space-1);background-color:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-overlay);min-width:12rem;max-height:16rem;box-shadow:var(--cascivo-shadow-md);opacity:0;transition:opacity var(--cascivo-motion-enter), translate var(--cascivo-motion-enter), display var(--cascivo-motion-enter) allow-discrete, overlay var(--cascivo-motion-enter) allow-discrete;flex-direction:column;margin-block-start:var(--cascivo-space-1);display:flex;overflow:hidden;translate:0 -.25rem}._panel_1r5fv_83:popover-open{opacity:1;translate:0}@starting-style{._panel_1r5fv_83:popover-open{opacity:0;translate:0 -.25rem}}._search-row_1r5fv_121{padding-block-end:var(--cascivo-space-1)}._search_1r5fv_121{width:100%;height:2rem;padding-inline:var(--cascivo-space-3);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);background-color:var(--cascivo-color-bg-subtle);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-field);outline:none}._search_1r5fv_121:focus{border-color:var(--cascivo-color-accent)}._options_1r5fv_142{flex:1;overflow-y:auto}._option_1r5fv_142{align-items:center;gap:var(--cascivo-space-2);padding-block:var(--cascivo-space-1-5);padding-inline:var(--cascivo-space-2);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);border-radius:var(--cascivo-radius-item);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}._option_1r5fv_142[data-active]{background-color:var(--cascivo-color-bg-subtle)}._option_1r5fv_142[data-disabled]{opacity:.5;cursor:not-allowed}._checkbox_1r5fv_170{border:1.5px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-indicator);background-color:var(--cascivo-color-surface);width:1rem;height:1rem;transition:background-color var(--cascivo-duration-100) var(--cascivo-ease-out);flex-shrink:0}._option_1r5fv_142[data-selected] ._checkbox_1r5fv_170{background-color:var(--cascivo-color-accent);border-color:var(--cascivo-color-accent)}._no-results_1r5fv_185{padding-block:var(--cascivo-space-3);padding-inline:var(--cascivo-space-2);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-muted);text-align:center}}
+@layer cascivo.component{._wrapper_1fi6e_2{min-inline-size:0;width:100%;display:inline-block;position:relative}._trigger_1fi6e_12{width:100%;height:2.5rem;padding-inline:var(--cascivo-space-4);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);background-color:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-field);cursor:pointer;text-align:start;transition:border-color var(--cascivo-duration-150) var(--cascivo-ease-out);justify-content:space-between;align-items:center;display:flex}._trigger_1fi6e_12:hover:not(:disabled){border-color:var(--cascivo-color-border-strong)}._trigger_1fi6e_12:focus-visible{border-color:var(--cascivo-color-accent);box-shadow:var(--cascivo-focus-ring);outline:none}._trigger_1fi6e_12:disabled{opacity:.5;cursor:not-allowed;background-color:var(--cascivo-color-bg-subtle)}._trigger_1fi6e_12[aria-expanded=true]{border-color:var(--cascivo-color-accent);box-shadow:var(--cascivo-focus-ring)}._trigger-label_1fi6e_51{text-overflow:ellipsis;white-space:nowrap;color:var(--cascivo-color-text-muted);overflow:hidden}._chevron_1fi6e_63{width:1rem;height:1rem;background-color:var(--cascivo-color-text-muted);transition:transform var(--cascivo-duration-150) var(--cascivo-ease-out);flex-shrink:0;margin-inline-start:var(--cascivo-space-2);display:block;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}._trigger_1fi6e_12[aria-expanded=true] ._chevron_1fi6e_63{transform:rotate(180deg)}._panel_1fi6e_83{position-area:block-end span-inline-end;position-try-fallbacks:--bottom-start, block-start span-inline-end;padding:var(--cascivo-space-1);background-color:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-overlay);min-width:12rem;max-height:16rem;box-shadow:var(--cascivo-shadow-md);opacity:0;transition:opacity var(--cascivo-motion-enter), translate var(--cascivo-motion-enter), display var(--cascivo-motion-enter) allow-discrete, overlay var(--cascivo-motion-enter) allow-discrete;flex-direction:column;margin-block-start:var(--cascivo-space-1);overflow:hidden;translate:0 -.25rem}._panel_1fi6e_83:popover-open{opacity:1;display:flex;translate:0}@starting-style{._panel_1fi6e_83:popover-open{opacity:0;translate:0 -.25rem}}._search-row_1fi6e_128{padding-block-end:var(--cascivo-space-1)}._search_1fi6e_128{width:100%;height:2rem;padding-inline:var(--cascivo-space-3);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);background-color:var(--cascivo-color-bg-subtle);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-field);outline:none}._search_1fi6e_128:focus{border-color:var(--cascivo-color-accent)}._options_1fi6e_149{flex:1;overflow-y:auto}._option_1fi6e_149{align-items:center;gap:var(--cascivo-space-2);padding-block:var(--cascivo-space-1-5);padding-inline:var(--cascivo-space-2);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);border-radius:var(--cascivo-radius-item);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}._option_1fi6e_149[data-active]{background-color:var(--cascivo-color-bg-subtle)}._option_1fi6e_149[data-disabled]{opacity:.5;cursor:not-allowed}._checkbox_1fi6e_177{border:1.5px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-indicator);background-color:var(--cascivo-color-surface);width:1rem;height:1rem;transition:background-color var(--cascivo-duration-100) var(--cascivo-ease-out);flex-shrink:0}._option_1fi6e_149[data-selected] ._checkbox_1fi6e_177{background-color:var(--cascivo-color-accent);border-color:var(--cascivo-color-accent)}._no-results_1fi6e_192{padding-block:var(--cascivo-space-3);padding-inline:var(--cascivo-space-2);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-muted);text-align:center}}
 /*$vite$:1*/
 @layer cascivo.component{._root_1s4kv_2{inline-size:100%;display:inline-flex;position:relative}._root_1s4kv_2[data-size=sm]{--_select-height:2rem;--_select-font:var(--cascivo-text-sm);--_select-px:var(--cascivo-space-3)}._root_1s4kv_2[data-size=md]{--_select-height:2.5rem;--_select-font:var(--cascivo-text-sm);--_select-px:var(--cascivo-space-4)}._root_1s4kv_2[data-size=lg]{--_select-height:3rem;--_select-font:var(--cascivo-text-base);--_select-px:var(--cascivo-space-4)}._select_1s4kv_24{appearance:none;inline-size:100%;block-size:var(--_select-height,2.5rem);font-family:var(--cascivo-font-sans);font-size:var(--_select-font,var(--cascivo-text-sm));color:var(--cascivo-color-text);background-color:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-field);cursor:pointer;transition:border-color var(--cascivo-duration-150) var(--cascivo-ease-out), box-shadow var(--cascivo-duration-150) var(--cascivo-ease-out);outline:none;padding-inline-start:var(--_select-px,var(--cascivo-space-4));padding-inline-end:var(--cascivo-space-10)}._select_1s4kv_24:hover:not(:disabled):not(:focus){border-color:var(--cascivo-color-border-strong)}._select_1s4kv_24:focus{border-color:var(--cascivo-color-accent);box-shadow:var(--cascivo-focus-ring)}._select_1s4kv_24:disabled{opacity:.5;cursor:not-allowed;background-color:var(--cascivo-color-bg-subtle)}._root_1s4kv_2[data-invalid] ._select_1s4kv_24{border-color:var(--cascivo-color-destructive)}._root_1s4kv_2[data-invalid] ._select_1s4kv_24:focus{box-shadow:0 0 0 3px rgb(from var(--cascivo-color-destructive) r g b / .3)}._chevron_1s4kv_66{pointer-events:none;background-color:var(--cascivo-color-text-muted);block-size:1rem;inline-size:1rem;position:absolute;inset-block-start:50%;inset-inline-end:var(--cascivo-space-3);translate:0 -50%;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M4 6l4 4 4-4'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M4 6l4 4 4-4'/%3E%3C/svg%3E") 50%/contain no-repeat}}@media (forced-colors:active){._select_1s4kv_24{color:fieldtext;background-color:field;border:1px solid fieldtext}._select_1s4kv_24:focus{outline-offset:2px;outline:2px solid highlight}}
 /*$vite$:1*/
@@ -1014,7 +1064,7 @@
 /*$vite$:1*/
 @layer cascivo.component{._separator_fgwc8_2{background-color:var(--cascivo-color-border);border:none;flex-shrink:0;margin:0}._separator_fgwc8_2[data-orientation=horizontal]{block-size:1px;inline-size:100%}._separator_fgwc8_2[data-orientation=vertical]{align-self:stretch;block-size:100%;inline-size:1px}}
 /*$vite$:1*/
-@layer cascivo.component{._sheet_18eks_2{background:var(--cascivo-color-surface);box-shadow:var(--cascivo-shadow-overlay);transition:translate var(--cascivo-motion-enter), display var(--cascivo-motion-enter) allow-discrete, overlay var(--cascivo-motion-enter) allow-discrete;border:none;flex-direction:column;margin:0;padding:0;display:flex;position:fixed}._sheet_18eks_2[data-state=closed]{transition:translate var(--cascivo-motion-exit), display var(--cascivo-motion-exit) allow-discrete, overlay var(--cascivo-motion-exit) allow-discrete}._sheet_18eks_2[data-side=end]{border-inline-start:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-overlay) 0 0 var(--cascivo-radius-overlay);width:min(24rem,90vw);height:100%;inset-block:0;inset-inline-end:0;translate:100%}._sheet_18eks_2[data-side=end][data-state=open]{translate:0}@starting-style{._sheet_18eks_2[data-side=end][data-state=open]{translate:100%}}._sheet_18eks_2[data-side=start]{border-inline-end:1px solid var(--cascivo-color-border);border-radius:0 var(--cascivo-radius-overlay) var(--cascivo-radius-overlay) 0;width:min(24rem,90vw);height:100%;inset-block:0;inset-inline-start:0;translate:-100%}._sheet_18eks_2[data-side=start][data-state=open]{translate:0}@starting-style{._sheet_18eks_2[data-side=start][data-state=open]{translate:-100%}}._sheet_18eks_2[data-side=top]{border-block-end:1px solid var(--cascivo-color-border);border-radius:0 0 var(--cascivo-radius-overlay) var(--cascivo-radius-overlay);width:100%;height:auto;max-height:80vh;inset-block-start:0;inset-inline:0;translate:0 -100%}._sheet_18eks_2[data-side=top][data-state=open]{translate:0}@starting-style{._sheet_18eks_2[data-side=top][data-state=open]{translate:0 -100%}}._sheet_18eks_2[data-side=bottom]{border-block-start:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-overlay) var(--cascivo-radius-overlay) 0 0;width:100%;height:auto;max-height:80vh;inset-block-end:0;inset-inline:0;translate:0 100%}._sheet_18eks_2[data-side=bottom][data-state=open]{translate:0}@starting-style{._sheet_18eks_2[data-side=bottom][data-state=open]{translate:0 100%}}._sheet_18eks_2::backdrop{opacity:1;transition:opacity var(--cascivo-motion-enter), display var(--cascivo-motion-enter) allow-discrete, overlay var(--cascivo-motion-enter) allow-discrete;background-color:#0006}@starting-style{._sheet_18eks_2::backdrop{opacity:0}}._sheet_18eks_2[data-state=closed]::backdrop{opacity:0;transition:opacity var(--cascivo-motion-exit), display var(--cascivo-motion-exit) allow-discrete, overlay var(--cascivo-motion-exit) allow-discrete}._header_18eks_133{padding:var(--cascivo-space-4) var(--cascivo-space-6);border-block-end:1px solid var(--cascivo-color-border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}._title_18eks_142{font-size:var(--cascivo-text-lg);font-weight:var(--cascivo-font-semibold);color:var(--cascivo-color-text)}._close_18eks_148{width:2rem;height:2rem;font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-muted);border-radius:var(--cascivo-radius-control);cursor:pointer;transition:color var(--cascivo-duration-150) var(--cascivo-ease-out), background-color var(--cascivo-duration-150) var(--cascivo-ease-out);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}._close_18eks_148:hover{color:var(--cascivo-color-text);background-color:var(--cascivo-color-bg-subtle)}._close_18eks_148:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._body_18eks_176{padding:var(--cascivo-space-6);flex:1;overflow-y:auto}}
+@layer cascivo.component{._sheet_gx7nz_2{background:var(--cascivo-color-surface);box-shadow:var(--cascivo-shadow-overlay);border:none;flex-direction:column;margin:0;padding:0;position:fixed}._sheet_gx7nz_2:popover-open{display:flex}._sheet_gx7nz_2{transition:translate var(--cascivo-motion-enter), display var(--cascivo-motion-enter) allow-discrete, overlay var(--cascivo-motion-enter) allow-discrete}._sheet_gx7nz_2[data-state=closed]{transition:translate var(--cascivo-motion-exit), display var(--cascivo-motion-exit) allow-discrete, overlay var(--cascivo-motion-exit) allow-discrete}._sheet_gx7nz_2[data-side=end]{border-inline-start:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-overlay) 0 0 var(--cascivo-radius-overlay);width:min(24rem,90vw);height:100%;inset-block:0;inset-inline-end:0;translate:100%}._sheet_gx7nz_2[data-side=end][data-state=open]{translate:0}@starting-style{._sheet_gx7nz_2[data-side=end][data-state=open]{translate:100%}}._sheet_gx7nz_2[data-side=start]{border-inline-end:1px solid var(--cascivo-color-border);border-radius:0 var(--cascivo-radius-overlay) var(--cascivo-radius-overlay) 0;width:min(24rem,90vw);height:100%;inset-block:0;inset-inline-start:0;translate:-100%}._sheet_gx7nz_2[data-side=start][data-state=open]{translate:0}@starting-style{._sheet_gx7nz_2[data-side=start][data-state=open]{translate:-100%}}._sheet_gx7nz_2[data-side=top]{border-block-end:1px solid var(--cascivo-color-border);border-radius:0 0 var(--cascivo-radius-overlay) var(--cascivo-radius-overlay);width:100%;height:auto;max-height:80vh;inset-block-start:0;inset-inline:0;translate:0 -100%}._sheet_gx7nz_2[data-side=top][data-state=open]{translate:0}@starting-style{._sheet_gx7nz_2[data-side=top][data-state=open]{translate:0 -100%}}._sheet_gx7nz_2[data-side=bottom]{border-block-start:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-overlay) var(--cascivo-radius-overlay) 0 0;width:100%;height:auto;max-height:80vh;inset-block-end:0;inset-inline:0;translate:0 100%}._sheet_gx7nz_2[data-side=bottom][data-state=open]{translate:0}@starting-style{._sheet_gx7nz_2[data-side=bottom][data-state=open]{translate:0 100%}}._sheet_gx7nz_2::backdrop{opacity:1;transition:opacity var(--cascivo-motion-enter), display var(--cascivo-motion-enter) allow-discrete, overlay var(--cascivo-motion-enter) allow-discrete;background-color:#0006}@starting-style{._sheet_gx7nz_2::backdrop{opacity:0}}._sheet_gx7nz_2[data-state=closed]::backdrop{opacity:0;transition:opacity var(--cascivo-motion-exit), display var(--cascivo-motion-exit) allow-discrete, overlay var(--cascivo-motion-exit) allow-discrete}._header_gx7nz_141{padding:var(--cascivo-space-4) var(--cascivo-space-6);border-block-end:1px solid var(--cascivo-color-border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}._title_gx7nz_150{font-size:var(--cascivo-text-lg);font-weight:var(--cascivo-font-semibold);color:var(--cascivo-color-text)}._close_gx7nz_156{width:2rem;height:2rem;font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-muted);border-radius:var(--cascivo-radius-control);cursor:pointer;transition:color var(--cascivo-duration-150) var(--cascivo-ease-out), background-color var(--cascivo-duration-150) var(--cascivo-ease-out);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}._close_gx7nz_156:hover{color:var(--cascivo-color-text);background-color:var(--cascivo-color-bg-subtle)}._close_gx7nz_156:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._body_gx7nz_184{gap:var(--cascivo-dialog-body-gap,var(--cascivo-space-5));padding:var(--cascivo-space-6);flex-direction:column;flex:1;display:flex;overflow-y:auto}}
 /*$vite$:1*/
 @layer cascivo.component{._header_80jhs_2{align-items:center;gap:var(--cascivo-space-2);block-size:var(--cascivo-shell-header-block-size);padding-inline:var(--cascivo-space-3);background:var(--cascivo-color-surface);border-block-end:1px solid var(--cascivo-color-border);font-family:var(--cascivo-font-sans);display:flex;position:relative}._skipLink_80jhs_14{z-index:100;padding:var(--cascivo-space-2) var(--cascivo-space-3);background:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-control);color:var(--cascivo-color-text);font-size:var(--cascivo-text-sm);clip-path:inset(50%);text-decoration:none;position:absolute;inset-block-start:var(--cascivo-space-2);inset-inline-start:var(--cascivo-space-2)}._skipLink_80jhs_14:focus-visible{clip-path:none;box-shadow:var(--cascivo-focus-ring);outline:none}._menuButton_80jhs_36{border-radius:var(--cascivo-radius-control);block-size:2.5rem;inline-size:2.5rem;color:var(--cascivo-color-text);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}._menuButton_80jhs_36:hover{background:var(--cascivo-color-bg-subtle)}._menuButton_80jhs_36:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._brand_80jhs_59{align-items:baseline;gap:var(--cascivo-space-1);color:var(--cascivo-color-text);white-space:nowrap;font-size:var(--cascivo-text-sm);text-decoration:none;display:inline-flex}._brandPrefix_80jhs_69{font-weight:var(--cascivo-font-normal)}._brandName_80jhs_73{font-weight:var(--cascivo-font-semibold)}._nav_80jhs_77{min-inline-size:0}._navList_80jhs_81{align-items:center;gap:var(--cascivo-space-1);margin:0;padding:0;list-style:none;display:flex}._navLink_80jhs_90{padding-inline:var(--cascivo-space-3);padding-block:var(--cascivo-space-2);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-subtle);white-space:nowrap;border-radius:var(--cascivo-radius-control);transition:color var(--cascivo-duration-150) var(--cascivo-ease-out);align-items:center;text-decoration:none;display:inline-flex}._navLink_80jhs_90:hover{color:var(--cascivo-color-text);background:var(--cascivo-color-bg-subtle)}._navLink_80jhs_90:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._navLink_80jhs_90[data-state=active]{color:var(--cascivo-color-text);font-weight:var(--cascivo-font-semibold);background:var(--cascivo-color-bg-subtle)}._navMenuWrapper_80jhs_119{list-style:none;position:relative}._navMenuTrigger_80jhs_124{align-items:center;gap:var(--cascivo-space-1);padding-inline:var(--cascivo-space-3);padding-block:var(--cascivo-space-2);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-subtle);border-radius:var(--cascivo-radius-control);cursor:pointer;white-space:nowrap;transition:color var(--cascivo-duration-150) var(--cascivo-ease-out);background:0 0;border:none;display:inline-flex}._navMenuTrigger_80jhs_124:hover{color:var(--cascivo-color-text);background:var(--cascivo-color-bg-subtle)}._navMenuTrigger_80jhs_124:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._navMenuTrigger_80jhs_124[data-state=active]{color:var(--cascivo-color-text);font-weight:var(--cascivo-font-semibold);background:var(--cascivo-color-bg-subtle)}._chevron_80jhs_156{transition:transform var(--cascivo-duration-150) var(--cascivo-ease-out)}[aria-expanded=true] ._chevron_80jhs_156{transform:rotate(180deg)}._navMenuPanel_80jhs_164{position-anchor:var(--cascivo-popover-anchor,inherit);margin:var(--cascivo-space-1) 0 0;padding:var(--cascivo-space-1);background:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-control);min-inline-size:12rem;box-shadow:var(--cascivo-shadow-md);transition:translate var(--cascivo-motion-enter), display var(--cascivo-motion-enter) allow-discrete, overlay var(--cascivo-motion-enter) allow-discrete;list-style:none;position:fixed;inset-block-start:anchor(end);inset-inline-start:anchor(start);translate:0}@starting-style{._navMenuPanel_80jhs_164{translate:0 -.5rem}}._navMenuPanel_80jhs_164[data-state=closed]{transition:translate var(--cascivo-motion-exit), display var(--cascivo-motion-exit) allow-discrete, overlay var(--cascivo-motion-exit) allow-discrete;translate:0 -.5rem}._navMenuItem_80jhs_197{padding-inline:var(--cascivo-space-3);padding-block:var(--cascivo-space-2);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);border-radius:var(--cascivo-radius-item);white-space:nowrap;text-decoration:none;display:block}._navMenuItem_80jhs_197:hover,._navMenuItem_80jhs_197:focus-visible{background:var(--cascivo-color-bg-subtle);outline:none}._navMenuItem_80jhs_197[data-state=active]{background:var(--cascivo-color-active-bg);font-weight:var(--cascivo-font-medium)}._spacer_80jhs_219{flex:1}._actions_80jhs_223{align-items:center;gap:var(--cascivo-space-1);display:flex}._action_80jhs_223{border:none;block-size:2.5rem;inline-size:2.5rem;color:var(--cascivo-color-text);cursor:pointer;border-radius:var(--cascivo-radius-control);background:0 0;border-block-end:2px solid #0000;justify-content:center;align-items:center;display:inline-flex}._action_80jhs_223:hover{background:var(--cascivo-color-bg-subtle)}._action_80jhs_223:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._action_80jhs_223[data-state=active]{border-block-end-color:var(--cascivo-color-accent);background:var(--cascivo-color-bg-subtle)}._actionIcon_80jhs_257{justify-content:center;align-items:center;block-size:1.25rem;inline-size:1.25rem;display:inline-flex}._end_80jhs_265{align-items:center;gap:var(--cascivo-space-2);padding-inline-start:var(--cascivo-space-2);display:flex}}
 /*$vite$:1*/

package/dist/tabs/tabs.js

@@ -2,94 +2,96 @@
 
 import e from "./tabs.module.js";
 import { cn as t, useSignal as n, useSignals as r } from "@cascivo/core";
-import { jsx as i } from "react/jsx-runtime";
-import { createContext as a, useId as o, useRef as s } from "react";
+import { createContext as i, forwardRef as a, useId as o, useRef as s } from "react";
+import { jsx as c } from "react/jsx-runtime";
 //#region ../components/src/tabs/tabs.tsx
-var c = a(null);
-function l({ defaultValue: r, value: a, onValueChange: s, className: l, children: u }) {
-	let d = o(), f = n(a ?? r ?? "");
-	a !== void 0 && (f.value = a);
+var l = i(null);
+function u({ defaultValue: r, value: i, onValueChange: a, className: s, children: u }) {
+	let d = o(), f = n(i ?? r ?? "");
+	i !== void 0 && (f.value = i);
 	let p = {
 		active: f,
 		baseId: d,
 		setValue: (e) => {
-			a === void 0 && (f.value = e), s?.(e);
+			i === void 0 && (f.value = e), a?.(e);
 		}
 	};
-	return /* @__PURE__ */ i(c.Provider, {
+	return /* @__PURE__ */ c(l.Provider, {
 		value: p,
-		children: /* @__PURE__ */ i("div", {
-			className: t(e.tabs, l),
+		children: /* @__PURE__ */ c("div", {
+			className: t(e.tabs, s),
 			children: u
 		})
 	});
 }
-function u({ className: n, children: r, ...a }) {
-	let o = s(null);
-	return /* @__PURE__ */ i(c.Consumer, { children: (s) => /* @__PURE__ */ i("div", {
-		ref: o,
+function d({ className: n, children: r, ...i }) {
+	let a = s(null);
+	return /* @__PURE__ */ c(l.Consumer, { children: (o) => /* @__PURE__ */ c("div", {
+		ref: a,
 		role: "tablist",
 		className: t(e.list, n),
 		onKeyDown: (e) => {
-			if (!s || ![
+			if (!o || ![
 				"ArrowRight",
 				"ArrowLeft",
 				"Home",
 				"End"
 			].includes(e.key)) return;
-			let t = Array.from(o.current?.querySelectorAll("[role=\"tab\"]:not([disabled])") ?? []);
+			let t = Array.from(a.current?.querySelectorAll("[role=\"tab\"]:not([disabled])") ?? []);
 			if (t.length === 0) return;
 			e.preventDefault();
-			let n = t.findIndex((e) => e.dataset.value === s.active.value), r = n;
+			let n = t.findIndex((e) => e.dataset.value === o.active.value), r = n;
 			e.key === "ArrowRight" ? r = (n + 1) % t.length : e.key === "ArrowLeft" ? r = (n - 1 + t.length) % t.length : e.key === "Home" ? r = 0 : e.key === "End" && (r = t.length - 1);
 			let i = t[r];
-			i?.focus(), i?.dataset.value && s.setValue(i.dataset.value);
+			i?.focus(), i?.dataset.value && o.setValue(i.dataset.value);
 		},
-		...a,
+		...i,
 		children: r
 	}) });
 }
-function d(e) {
-	return /* @__PURE__ */ i(c.Consumer, { children: (t) => t ? /* @__PURE__ */ i(f, {
-		store: t,
+var f = a(function(e, t) {
+	return /* @__PURE__ */ c(l.Consumer, { children: (n) => n ? /* @__PURE__ */ c(p, {
+		store: n,
+		buttonRef: t,
 		...e
 	}) : null });
-}
-function f({ store: n, value: a, className: o, children: s, disabled: c, ...l }) {
+});
+function p({ store: n, value: i, className: a, children: o, disabled: s, buttonRef: l, ...u }) {
 	r();
-	let u = n.active.value === a;
-	return /* @__PURE__ */ i("button", {
+	let d = n.active.value === i;
+	return /* @__PURE__ */ c("button", {
 		type: "button",
 		role: "tab",
-		id: `${n.baseId}-trigger-${a}`,
-		"aria-selected": u,
-		"aria-controls": `${n.baseId}-content-${a}`,
-		tabIndex: u ? 0 : -1,
-		"data-state": u ? "active" : "inactive",
-		"data-value": a,
-		disabled: c,
-		className: t(e.trigger, o),
-		onClick: () => n.setValue(a),
-		...l,
-		children: s
+		id: `${n.baseId}-trigger-${i}`,
+		"aria-selected": d,
+		"aria-controls": `${n.baseId}-content-${i}`,
+		tabIndex: d ? 0 : -1,
+		"data-state": d ? "active" : "inactive",
+		"data-value": i,
+		disabled: s,
+		className: t(e.trigger, a),
+		onClick: () => n.setValue(i),
+		ref: l,
+		...u,
+		children: o
 	});
 }
-function p(e) {
-	return /* @__PURE__ */ i(c.Consumer, { children: (t) => t ? /* @__PURE__ */ i(m, {
+function m(e) {
+	return /* @__PURE__ */ c(l.Consumer, { children: (t) => t ? /* @__PURE__ */ c(h, {
 		store: t,
 		...e
 	}) : null });
 }
-function m({ store: n, value: a, className: o, children: s, ...c }) {
-	return r(), n.active.value === a ? /* @__PURE__ */ i("div", {
+function h({ store: n, value: i, className: a, children: o, ...s }) {
+	return r(), n.active.value === i ? /* @__PURE__ */ c("div", {
 		role: "tabpanel",
-		id: `${n.baseId}-content-${a}`,
-		"aria-labelledby": `${n.baseId}-trigger-${a}`,
+		id: `${n.baseId}-content-${i}`,
+		"aria-labelledby": `${n.baseId}-trigger-${i}`,
 		tabIndex: 0,
-		className: t(e.content, o),
-		...c,
-		children: s
+		className: t(e.content, a),
+		...s,
+		children: o
 	}) : null;
 }
 //#endregion
-export { l as Tabs, p as TabsContent, u as TabsList, d as TabsTrigger };
+export { u as Tabs, m as TabsContent, d as TabsList, f as TabsTrigger };

package/dist/tags-input/tags-input.js

@@ -1,64 +1,64 @@
 "use client";
 
 import e from "./tags-input.module.js";
-import { cn as t, useSignal as n, useSignals as r } from "@cascivo/core";
-import { builtin as i, t as a } from "@cascivo/i18n";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { useRef as c } from "react";
+import { cn as t, focusElement as n, useSignal as r, useSignals as i } from "@cascivo/core";
+import { useRef as a } from "react";
+import { builtin as o, t as s } from "@cascivo/i18n";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region ../components/src/tags-input/tags-input.tsx
-function l({ value: l, onValueChange: u, placeholder: d, validate: f, max: p, disabled: m = !1, className: h, ...g }) {
-	r();
-	let _ = n(""), v = c(null);
-	function y(e) {
+function u({ value: u, onValueChange: d, placeholder: f, validate: p, max: m, disabled: h = !1, className: g, ..._ }) {
+	i();
+	let v = r(""), y = a(null);
+	function b(e) {
 		let t = e.trim();
-		t && (p !== void 0 && l.length >= p || l.includes(t) || f && !f(t) || (u([...l, t]), _.value = ""));
+		t && (m !== void 0 && u.length >= m || u.includes(t) || p && !p(t) || (d([...u, t]), v.value = ""));
 	}
-	function b(e) {
-		u(l.filter((t, n) => n !== e));
+	function x(e) {
+		d(u.filter((t, n) => n !== e));
 	}
-	let x = d ?? a(i.tagsInput.placeholder);
-	return /* @__PURE__ */ s("div", {
-		className: t(e.wrapper, h),
-		"data-disabled": m ? "" : void 0,
-		onClick: () => v.current?.focus(),
-		...g,
-		children: [l.map((t, n) => {
-			let r = f ? !f(t) : !1;
-			return /* @__PURE__ */ s("span", {
+	let S = f ?? s(o.tagsInput.placeholder);
+	return /* @__PURE__ */ l("div", {
+		className: t(e.wrapper, g),
+		"data-disabled": h ? "" : void 0,
+		onClick: () => n(y.current),
+		..._,
+		children: [u.map((t, n) => {
+			let r = p ? !p(t) : !1;
+			return /* @__PURE__ */ l("span", {
 				className: e.tag,
 				"data-state": r ? "invalid" : void 0,
-				children: [t, /* @__PURE__ */ o("button", {
+				children: [t, /* @__PURE__ */ c("button", {
 					type: "button",
 					className: e.dismiss,
-					"aria-label": a(i.tagsInput.remove, { tag: t }),
-					disabled: m,
+					"aria-label": s(o.tagsInput.remove, { tag: t }),
+					disabled: h,
 					onClick: (e) => {
-						e.stopPropagation(), b(n);
+						e.stopPropagation(), x(n);
 					},
-					children: /* @__PURE__ */ o("span", {
+					children: /* @__PURE__ */ c("span", {
 						"aria-hidden": "true",
 						children: "×"
 					})
 				})]
 			}, n);
-		}), /* @__PURE__ */ o("input", {
-			ref: v,
+		}), /* @__PURE__ */ c("input", {
+			ref: y,
 			className: e.input,
-			value: _.value,
-			"aria-label": a(i.tagsInput.label),
-			placeholder: l.length === 0 ? x : void 0,
-			disabled: m,
+			value: v.value,
+			"aria-label": s(o.tagsInput.label),
+			placeholder: u.length === 0 ? S : void 0,
+			disabled: h,
 			onChange: (e) => {
-				_.value = e.currentTarget.value;
+				v.value = e.currentTarget.value;
 			},
 			onKeyDown: (e) => {
-				e.key === "Enter" || e.key === "," ? (e.preventDefault(), y(_.value)) : e.key === "Backspace" && !_.value && b(l.length - 1);
+				e.key === "Enter" || e.key === "," ? (e.preventDefault(), b(v.value)) : e.key === "Backspace" && !v.value && x(u.length - 1);
 			},
 			onBlur: () => {
-				_.value && y(_.value);
+				v.value && b(v.value);
 			}
 		})]
 	});
 }
 //#endregion
-export { l as TagsInput };
+export { u as TagsInput };

package/dist/textarea/textarea.js

@@ -2,55 +2,56 @@
 
 import e from "./textarea.module.js";
 import { cn as t, createMachine as n, useMachine as r } from "@cascivo/core";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region ../components/src/textarea/textarea.tsx
-var o = n({
+var s = n({
 	initial: "idle",
 	states: {
 		idle: { on: { FOCUS: "focused" } },
 		focused: { on: { BLUR: "idle" } }
 	}
-});
-function s({ label: n, hint: s, error: c, resize: l = "vertical", rows: u = 4, className: d, id: f, onFocus: p, onBlur: m, ...h }) {
-	let [g, _] = r(o), v = f ?? (n ? `cascade-textarea-${n.toLowerCase().replace(/\s+/g, "-")}` : void 0);
-	return /* @__PURE__ */ a("div", {
+}), c = i(function({ label: n, hint: i, error: c, resize: l = "vertical", rows: u = 4, className: d, id: f, onFocus: p, onBlur: m, ...h }, g) {
+	let [_, v] = r(s), y = f ?? (n ? `cascade-textarea-${n.toLowerCase().replace(/\s+/g, "-")}` : void 0);
+	return /* @__PURE__ */ o("div", {
 		className: t(e.wrapper, d),
-		"data-state": c ? "error" : g.value,
+		"data-state": c ? "error" : _.value,
 		"data-resize": l,
 		children: [
-			n && /* @__PURE__ */ i("label", {
+			n && /* @__PURE__ */ a("label", {
 				className: e.label,
-				htmlFor: v,
+				htmlFor: y,
 				children: n
 			}),
-			/* @__PURE__ */ i("textarea", {
-				id: v,
+			/* @__PURE__ */ a("textarea", {
+				ref: g,
+				id: y,
 				rows: u,
 				"aria-multiline": "true",
 				className: e.textarea,
 				"aria-invalid": c ? !0 : void 0,
-				"aria-describedby": c ? `${v}-error` : s ? `${v}-hint` : void 0,
+				"aria-describedby": c ? `${y}-error` : i ? `${y}-hint` : void 0,
 				onFocus: (e) => {
-					_("FOCUS"), p?.(e);
+					v("FOCUS"), p?.(e);
 				},
 				onBlur: (e) => {
-					_("BLUR"), m?.(e);
+					v("BLUR"), m?.(e);
 				},
 				...h
 			}),
-			c && /* @__PURE__ */ i("span", {
-				id: `${v}-error`,
+			c && /* @__PURE__ */ a("span", {
+				id: `${y}-error`,
 				className: e.error,
 				role: "alert",
 				children: c
 			}),
-			!c && s && /* @__PURE__ */ i("span", {
-				id: `${v}-hint`,
+			!c && i && /* @__PURE__ */ a("span", {
+				id: `${y}-hint`,
 				className: e.hint,
-				children: s
+				children: i
 			})
 		]
 	});
-}
+});
 //#endregion
-export { s as Textarea };
+export { c as Textarea };