@pearpages/pulp-react 0.2.0 → 0.2.2

package/dist/select.js

@@ -1,5 +1,5 @@
-export { Select } from './chunk-OGIQRHNF.js';
-import './chunk-2PXTVZ7H.js';
+export { Select } from './chunk-OFKSU77Y.js';
+import './chunk-M5VL22MY.js';
 import './chunk-ZVDN3GRI.js';
 import './chunk-MI4QUKQS.js';
 //# sourceMappingURL=select.js.map

package/dist/sheet.css

@@ -1,4 +1,5 @@
 /* src/dialog/Dialog.module.css */
+@layer reset, tokens, vendor, base, components, utilities;
 @layer components {
   .Dialog_root {
     --modal-bg: var(--dialog-surface);
@@ -61,6 +62,7 @@
 }
 
 /* src/sheet/Sheet.module.css */
+@layer reset, tokens, vendor, base, components, utilities;
 @layer components {
   .Sheet_content {
     --modal-width-sheet: var(--sheet-width);

package/dist/sheet.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/dialog/Dialog.module.css","../src/sheet/Sheet.module.css"],"sourcesContent":["/*\n * The vendor (@pearpages/modals) reads --modal-* custom properties. This class\n * goes on the portal element pulp owns, so every dialog inherits pulp's\n * --dialog-* tokens and the vendor's :root defaults never apply.\n */\n\n@layer components {\n  .root {\n    --modal-bg: var(--dialog-surface);\n    --modal-surface-elevated: var(--dialog-surface);\n    --modal-surface-subtle: var(--dialog-surface-subtle);\n    --modal-color: var(--dialog-fg);\n    --modal-text-secondary: var(--dialog-fg-muted);\n    --modal-text-muted: var(--dialog-fg-muted);\n    --modal-backdrop-bg: var(--dialog-backdrop);\n    --modal-border-primary-color: var(--dialog-border);\n    --modal-border-hover-color: var(--dialog-border-hover);\n    --modal-border-focus-color: var(--dialog-focus);\n    --modal-border-accent-color: var(--dialog-border);\n    --modal-radius: var(--dialog-radius);\n    --modal-radius-md: var(--dialog-radius);\n    --modal-radius-sm: var(--radius-control);\n    --modal-button-radius: var(--radius-control);\n    --modal-shadow: var(--dialog-shadow);\n    --modal-padding: var(--dialog-padding);\n    --modal-spacing-xs: var(--space-1);\n    --modal-spacing-sm: var(--space-2);\n    --modal-spacing-md: var(--dialog-gap);\n    --modal-spacing-lg: var(--space-4);\n    --modal-spacing-xl: var(--space-5);\n    --modal-font-family: var(--dialog-font-family);\n    --modal-font-family-mono: var(--font-family-mono);\n    --modal-font-size-title: var(--dialog-title-font-size);\n    --modal-font-size-title-mobile: var(--dialog-title-font-size);\n    --modal-font-weight-title: var(--dialog-title-font-weight);\n    --modal-font-size-description: var(--dialog-description-font-size);\n    --modal-font-size-description-mobile: var(--dialog-description-font-size);\n    --modal-font-size-button: var(--font-size-sm);\n    --modal-close-bg: var(--dialog-close-bg);\n    --modal-close-hover-bg: var(--dialog-close-bg-hover);\n    --modal-close-text: var(--dialog-close-fg);\n    --modal-close-hover-text: var(--dialog-close-fg-hover);\n    --modal-interactive-hover: var(--color-action-secondary-hover);\n    --modal-interactive-active: var(--color-action-secondary-hover);\n    --modal-interactive-focus: var(--color-action-primary-quiet);\n    --modal-transition-duration: var(--dialog-motion-duration);\n    --modal-transition-easing: var(--dialog-motion-easing);\n    --modal-outline-width: var(--focus-ring-width);\n    --modal-outline-offset: var(--focus-ring-offset);\n    --modal-button-focus-color: var(--dialog-focus);\n    --modal-button-primary-bg: var(--color-action-primary);\n    --modal-button-primary-border: var(--color-action-primary);\n    --modal-button-primary-color: var(--color-text-on-action);\n    --modal-button-primary-hover-bg: var(--color-action-primary-hover);\n    --modal-button-primary-hover-border: var(--color-action-primary-hover);\n    --modal-button-primary-active-bg: var(--color-action-primary-active);\n    --modal-button-primary-active-border: var(--color-action-primary-active);\n    --modal-button-secondary-bg: var(--color-action-secondary);\n    --modal-button-secondary-border: var(--color-border-default);\n    --modal-button-secondary-color: var(--color-text-default);\n    --modal-button-secondary-hover-bg: var(--color-action-secondary-hover);\n    --modal-button-secondary-hover-border: var(--color-border-strong);\n    --modal-button-secondary-active-bg: var(--color-action-secondary-hover);\n    --modal-button-secondary-active-border: var(--color-border-strong);\n  }\n}\n","/*\n * The vendor (@pearpages/modals) docks the dialog and sizes it from three variables it declares on\n * :root. This class sits on the dialog element itself, so its own declarations beat the inherited\n * :root defaults whatever the cascade layer or import order: no specificity fight with the\n * vendor's unlayered rules, which only *read* these. Colour, type and motion timing come from\n * Dialog's mapping on the portal root.\n */\n\n@layer components {\n  .content {\n    --modal-width-sheet: var(--sheet-width);\n    --modal-height-sheet: var(--sheet-height);\n    --modal-animation-translate-sheet: var(--sheet-motion-translate);\n  }\n}\n"],"mappings":";AAMA;AACE,GAACA;AACC,gBAAY,IAAI;AAChB,8BAA0B,IAAI;AAC9B,4BAAwB,IAAI;AAC5B,mBAAe,IAAI;AACnB,4BAAwB,IAAI;AAC5B,wBAAoB,IAAI;AACxB,yBAAqB,IAAI;AACzB,kCAA8B,IAAI;AAClC,gCAA4B,IAAI;AAChC,gCAA4B,IAAI;AAChC,iCAA6B,IAAI;AACjC,oBAAgB,IAAI;AACpB,uBAAmB,IAAI;AACvB,uBAAmB,IAAI;AACvB,2BAAuB,IAAI;AAC3B,oBAAgB,IAAI;AACpB,qBAAiB,IAAI;AACrB,wBAAoB,IAAI;AACxB,wBAAoB,IAAI;AACxB,wBAAoB,IAAI;AACxB,wBAAoB,IAAI;AACxB,wBAAoB,IAAI;AACxB,yBAAqB,IAAI;AACzB,8BAA0B,IAAI;AAC9B,6BAAyB,IAAI;AAC7B,oCAAgC,IAAI;AACpC,+BAA2B,IAAI;AAC/B,mCAA+B,IAAI;AACnC,0CAAsC,IAAI;AAC1C,8BAA0B,IAAI;AAC9B,sBAAkB,IAAI;AACtB,4BAAwB,IAAI;AAC5B,wBAAoB,IAAI;AACxB,8BAA0B,IAAI;AAC9B,+BAA2B,IAAI;AAC/B,gCAA4B,IAAI;AAChC,+BAA2B,IAAI;AAC/B,iCAA6B,IAAI;AACjC,+BAA2B,IAAI;AAC/B,2BAAuB,IAAI;AAC3B,4BAAwB,IAAI;AAC5B,gCAA4B,IAAI;AAChC,+BAA2B,IAAI;AAC/B,mCAA+B,IAAI;AACnC,kCAA8B,IAAI;AAClC,qCAAiC,IAAI;AACrC,yCAAqC,IAAI;AACzC,sCAAkC,IAAI;AACtC,0CAAsC,IAAI;AAC1C,iCAA6B,IAAI;AACjC,qCAAiC,IAAI;AACrC,oCAAgC,IAAI;AACpC,uCAAmC,IAAI;AACvC,2CAAuC,IAAI;AAC3C,wCAAoC,IAAI;AACxC,4CAAwC,IAAI;AAC9C;AACF;;;ACzDA;AACE,GAACC;AACC,yBAAqB,IAAI;AACzB,0BAAsB,IAAI;AAC1B,uCAAmC,IAAI;AACzC;AACF;","names":["root","content"]}
+{"version":3,"sources":["../src/dialog/Dialog.module.css","../src/sheet/Sheet.module.css"],"sourcesContent":["/*\n * The vendor (@pearpages/modals) reads --modal-* custom properties. This class\n * goes on the portal element pulp owns, so every dialog inherits pulp's\n * --dialog-* tokens and the vendor's :root defaults never apply.\n */\n\n@layer reset, tokens, vendor, base, components, utilities;\n\n@layer components {\n  .root {\n    --modal-bg: var(--dialog-surface);\n    --modal-surface-elevated: var(--dialog-surface);\n    --modal-surface-subtle: var(--dialog-surface-subtle);\n    --modal-color: var(--dialog-fg);\n    --modal-text-secondary: var(--dialog-fg-muted);\n    --modal-text-muted: var(--dialog-fg-muted);\n    --modal-backdrop-bg: var(--dialog-backdrop);\n    --modal-border-primary-color: var(--dialog-border);\n    --modal-border-hover-color: var(--dialog-border-hover);\n    --modal-border-focus-color: var(--dialog-focus);\n    --modal-border-accent-color: var(--dialog-border);\n    --modal-radius: var(--dialog-radius);\n    --modal-radius-md: var(--dialog-radius);\n    --modal-radius-sm: var(--radius-control);\n    --modal-button-radius: var(--radius-control);\n    --modal-shadow: var(--dialog-shadow);\n    --modal-padding: var(--dialog-padding);\n    --modal-spacing-xs: var(--space-1);\n    --modal-spacing-sm: var(--space-2);\n    --modal-spacing-md: var(--dialog-gap);\n    --modal-spacing-lg: var(--space-4);\n    --modal-spacing-xl: var(--space-5);\n    --modal-font-family: var(--dialog-font-family);\n    --modal-font-family-mono: var(--font-family-mono);\n    --modal-font-size-title: var(--dialog-title-font-size);\n    --modal-font-size-title-mobile: var(--dialog-title-font-size);\n    --modal-font-weight-title: var(--dialog-title-font-weight);\n    --modal-font-size-description: var(--dialog-description-font-size);\n    --modal-font-size-description-mobile: var(--dialog-description-font-size);\n    --modal-font-size-button: var(--font-size-sm);\n    --modal-close-bg: var(--dialog-close-bg);\n    --modal-close-hover-bg: var(--dialog-close-bg-hover);\n    --modal-close-text: var(--dialog-close-fg);\n    --modal-close-hover-text: var(--dialog-close-fg-hover);\n    --modal-interactive-hover: var(--color-action-secondary-hover);\n    --modal-interactive-active: var(--color-action-secondary-hover);\n    --modal-interactive-focus: var(--color-action-primary-quiet);\n    --modal-transition-duration: var(--dialog-motion-duration);\n    --modal-transition-easing: var(--dialog-motion-easing);\n    --modal-outline-width: var(--focus-ring-width);\n    --modal-outline-offset: var(--focus-ring-offset);\n    --modal-button-focus-color: var(--dialog-focus);\n    --modal-button-primary-bg: var(--color-action-primary);\n    --modal-button-primary-border: var(--color-action-primary);\n    --modal-button-primary-color: var(--color-text-on-action);\n    --modal-button-primary-hover-bg: var(--color-action-primary-hover);\n    --modal-button-primary-hover-border: var(--color-action-primary-hover);\n    --modal-button-primary-active-bg: var(--color-action-primary-active);\n    --modal-button-primary-active-border: var(--color-action-primary-active);\n    --modal-button-secondary-bg: var(--color-action-secondary);\n    --modal-button-secondary-border: var(--color-border-default);\n    --modal-button-secondary-color: var(--color-text-default);\n    --modal-button-secondary-hover-bg: var(--color-action-secondary-hover);\n    --modal-button-secondary-hover-border: var(--color-border-strong);\n    --modal-button-secondary-active-bg: var(--color-action-secondary-hover);\n    --modal-button-secondary-active-border: var(--color-border-strong);\n  }\n}\n","/*\n * The vendor (@pearpages/modals) docks the dialog and sizes it from three variables it declares on\n * :root. This class sits on the dialog element itself, so its own declarations beat the inherited\n * :root defaults whatever the cascade layer or import order: no specificity fight with the\n * vendor's unlayered rules, which only *read* these. Colour, type and motion timing come from\n * Dialog's mapping on the portal root.\n */\n\n@layer reset, tokens, vendor, base, components, utilities;\n\n@layer components {\n  .content {\n    --modal-width-sheet: var(--sheet-width);\n    --modal-height-sheet: var(--sheet-height);\n    --modal-animation-translate-sheet: var(--sheet-motion-translate);\n  }\n}\n"],"mappings":";AAMA;AAEA;AACE,GAACA;AACC,gBAAY,IAAI;AAChB,8BAA0B,IAAI;AAC9B,4BAAwB,IAAI;AAC5B,mBAAe,IAAI;AACnB,4BAAwB,IAAI;AAC5B,wBAAoB,IAAI;AACxB,yBAAqB,IAAI;AACzB,kCAA8B,IAAI;AAClC,gCAA4B,IAAI;AAChC,gCAA4B,IAAI;AAChC,iCAA6B,IAAI;AACjC,oBAAgB,IAAI;AACpB,uBAAmB,IAAI;AACvB,uBAAmB,IAAI;AACvB,2BAAuB,IAAI;AAC3B,oBAAgB,IAAI;AACpB,qBAAiB,IAAI;AACrB,wBAAoB,IAAI;AACxB,wBAAoB,IAAI;AACxB,wBAAoB,IAAI;AACxB,wBAAoB,IAAI;AACxB,wBAAoB,IAAI;AACxB,yBAAqB,IAAI;AACzB,8BAA0B,IAAI;AAC9B,6BAAyB,IAAI;AAC7B,oCAAgC,IAAI;AACpC,+BAA2B,IAAI;AAC/B,mCAA+B,IAAI;AACnC,0CAAsC,IAAI;AAC1C,8BAA0B,IAAI;AAC9B,sBAAkB,IAAI;AACtB,4BAAwB,IAAI;AAC5B,wBAAoB,IAAI;AACxB,8BAA0B,IAAI;AAC9B,+BAA2B,IAAI;AAC/B,gCAA4B,IAAI;AAChC,+BAA2B,IAAI;AAC/B,iCAA6B,IAAI;AACjC,+BAA2B,IAAI;AAC/B,2BAAuB,IAAI;AAC3B,4BAAwB,IAAI;AAC5B,gCAA4B,IAAI;AAChC,+BAA2B,IAAI;AAC/B,mCAA+B,IAAI;AACnC,kCAA8B,IAAI;AAClC,qCAAiC,IAAI;AACrC,yCAAqC,IAAI;AACzC,sCAAkC,IAAI;AACtC,0CAAsC,IAAI;AAC1C,iCAA6B,IAAI;AACjC,qCAAiC,IAAI;AACrC,oCAAgC,IAAI;AACpC,uCAAmC,IAAI;AACvC,2CAAuC,IAAI;AAC3C,wCAAoC,IAAI;AACxC,4CAAwC,IAAI;AAC9C;AACF;;;AC3DA;AAEA;AACE,GAACC;AACC,yBAAqB,IAAI;AACzB,0BAAsB,IAAI;AAC1B,uCAAmC,IAAI;AACzC;AACF;","names":["root","content"]}

package/dist/sheet.js

@@ -1,5 +1,5 @@
-export { Sheet } from './chunk-XUROYTJ7.js';
-import './chunk-IDNGNQNV.js';
+export { Sheet } from './chunk-TJJBCS3N.js';
+import './chunk-55QUKGK2.js';
 import './chunk-MI4QUKQS.js';
 //# sourceMappingURL=sheet.js.map
 //# sourceMappingURL=sheet.js.map

package/dist/skeleton.css

@@ -1,4 +1,5 @@
 /* src/skeleton/Skeleton.module.css */
+@layer reset, tokens, vendor, base, components, utilities;
 @layer components {
   .Skeleton_skeleton {
     --_size: var(--skeleton-circle-md);

package/dist/skeleton.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/skeleton/Skeleton.module.css"],"sourcesContent":["/* Every value is a token (--skeleton-*). Shimmer is a moving background-image; off under reduced motion. */\n\n@layer components {\n  .skeleton {\n    --_size: var(--skeleton-circle-md);\n\n    display: block;\n    inline-size: 100%;\n    border-radius: var(--skeleton-radius);\n    background-color: var(--skeleton-base);\n    background-image: linear-gradient(90deg, var(--skeleton-base), var(--skeleton-highlight), var(--skeleton-base));\n    background-size: 200% 100%;\n    animation: shimmer calc(6 * var(--skeleton-duration)) linear infinite;\n\n    &[data-shape=\"text\"] {\n      block-size: var(--skeleton-text-height);\n    }\n\n    &[data-shape=\"rect\"] {\n      block-size: var(--skeleton-circle-lg);\n    }\n\n    &[data-shape=\"circle\"] {\n      inline-size: var(--_size);\n      block-size: var(--_size);\n      border-radius: var(--radius-full);\n    }\n\n    &[data-size=\"sm\"] { --_size: var(--skeleton-circle-sm); }\n    &[data-size=\"lg\"] { --_size: var(--skeleton-circle-lg); }\n\n    &[data-last] {\n      inline-size: 60%;\n    }\n  }\n\n  .lines {\n    display: flex;\n    flex-direction: column;\n    gap: var(--skeleton-gap);\n    inline-size: 100%;\n  }\n\n  @keyframes shimmer {\n    from {\n      background-position: 200% 0;\n    }\n\n    to {\n      background-position: -200% 0;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .skeleton {\n      animation: none;\n      background-image: none;\n    }\n  }\n}\n"],"mappings":";AAEA;AACE,GAACA;AACC,aAAS,IAAI;AAEb,aAAS;AACT,iBAAa;AACb,mBAAe,IAAI;AACnB,sBAAkB,IAAI;AACtB;AAAA,MAAkB;AAAA,QAAgB,KAAK;AAAA,QAAE,IAAI,gBAAgB;AAAA,QAAE,IAAI,qBAAqB;AAAA,QAAE,IAAI;AAC9F,qBAAiB,KAAK;AACtB,eAAW,iBAAQ,KAAK,EAAE,EAAE,IAAI,sBAAsB,OAAO;AAE7D,KAAC,CAAC;AACA,kBAAY,IAAI;AAClB;AAEA,KAAC,CAAC;AACA,kBAAY,IAAI;AAClB;AAEA,KAAC,CAAC;AACA,mBAAa,IAAI;AACjB,kBAAY,IAAI;AAChB,qBAAe,IAAI;AACrB;AAEA,KAAC,CAAC;AAAkB,eAAS,IAAI;AAAuB;AACxD,KAAC,CAAC;AAAkB,eAAS,IAAI;AAAuB;AAExD,KAAC,CAAC;AACA,mBAAa;AACf;AACF;AAEA,GAACC;AACC,aAAS;AACT,oBAAgB;AAChB,SAAK,IAAI;AACT,iBAAa;AACf;AAEA,aA/BaC;AAgCX;AACE,2BAAqB,KAAK;AAC5B;AAEA;AACE,2BAAqB,MAAM;AAC7B;AACF;AAEA,UAAO,wBAAyB;AAC9B,KAnDDF;AAoDG,iBAAW;AACX,wBAAkB;AACpB;AACF;AACF;","names":["skeleton","lines","shimmer"]}
+{"version":3,"sources":["../src/skeleton/Skeleton.module.css"],"sourcesContent":["/* Every value is a token (--skeleton-*). Shimmer is a moving background-image; off under reduced motion. */\n\n@layer reset, tokens, vendor, base, components, utilities;\n\n@layer components {\n  .skeleton {\n    --_size: var(--skeleton-circle-md);\n\n    display: block;\n    inline-size: 100%;\n    border-radius: var(--skeleton-radius);\n    background-color: var(--skeleton-base);\n    background-image: linear-gradient(90deg, var(--skeleton-base), var(--skeleton-highlight), var(--skeleton-base));\n    background-size: 200% 100%;\n    animation: shimmer calc(6 * var(--skeleton-duration)) linear infinite;\n\n    &[data-shape=\"text\"] {\n      block-size: var(--skeleton-text-height);\n    }\n\n    &[data-shape=\"rect\"] {\n      block-size: var(--skeleton-circle-lg);\n    }\n\n    &[data-shape=\"circle\"] {\n      inline-size: var(--_size);\n      block-size: var(--_size);\n      border-radius: var(--radius-full);\n    }\n\n    &[data-size=\"sm\"] { --_size: var(--skeleton-circle-sm); }\n    &[data-size=\"lg\"] { --_size: var(--skeleton-circle-lg); }\n\n    &[data-last] {\n      inline-size: 60%;\n    }\n  }\n\n  .lines {\n    display: flex;\n    flex-direction: column;\n    gap: var(--skeleton-gap);\n    inline-size: 100%;\n  }\n\n  @keyframes shimmer {\n    from {\n      background-position: 200% 0;\n    }\n\n    to {\n      background-position: -200% 0;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .skeleton {\n      animation: none;\n      background-image: none;\n    }\n  }\n}\n"],"mappings":";AAEA;AAEA;AACE,GAACA;AACC,aAAS,IAAI;AAEb,aAAS;AACT,iBAAa;AACb,mBAAe,IAAI;AACnB,sBAAkB,IAAI;AACtB;AAAA,MAAkB;AAAA,QAAgB,KAAK;AAAA,QAAE,IAAI,gBAAgB;AAAA,QAAE,IAAI,qBAAqB;AAAA,QAAE,IAAI;AAC9F,qBAAiB,KAAK;AACtB,eAAW,iBAAQ,KAAK,EAAE,EAAE,IAAI,sBAAsB,OAAO;AAE7D,KAAC,CAAC;AACA,kBAAY,IAAI;AAClB;AAEA,KAAC,CAAC;AACA,kBAAY,IAAI;AAClB;AAEA,KAAC,CAAC;AACA,mBAAa,IAAI;AACjB,kBAAY,IAAI;AAChB,qBAAe,IAAI;AACrB;AAEA,KAAC,CAAC;AAAkB,eAAS,IAAI;AAAuB;AACxD,KAAC,CAAC;AAAkB,eAAS,IAAI;AAAuB;AAExD,KAAC,CAAC;AACA,mBAAa;AACf;AACF;AAEA,GAACC;AACC,aAAS;AACT,oBAAgB;AAChB,SAAK,IAAI;AACT,iBAAa;AACf;AAEA,aA/BaC;AAgCX;AACE,2BAAqB,KAAK;AAC5B;AAEA;AACE,2BAAqB,MAAM;AAC7B;AACF;AAEA,UAAO,wBAAyB;AAC9B,KAnDDF;AAoDG,iBAAW;AACX,wBAAkB;AACpB;AACF;AACF;","names":["skeleton","lines","shimmer"]}

package/dist/skeleton.js

@@ -1,4 +1,4 @@
-export { Skeleton } from './chunk-ASOQ2MVR.js';
+export { Skeleton } from './chunk-BR2EH4TK.js';
 import './chunk-MI4QUKQS.js';
 //# sourceMappingURL=skeleton.js.map
 //# sourceMappingURL=skeleton.js.map

package/dist/slider.css

@@ -1,4 +1,5 @@
 /* src/internal/AriaField.module.css */
+@layer reset, tokens, vendor, base, components, utilities;
 @layer components {
   .AriaField_field {
     display: flex;
@@ -28,6 +29,7 @@
 }
 
 /* src/slider/Slider.module.css */
+@layer reset, tokens, vendor, base, components, utilities;
 @layer components {
   .Slider_root {
     --_thumb: var(--slider-thumb-size);

package/dist/slider.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/internal/AriaField.module.css","../src/slider/Slider.module.css"],"sourcesContent":["/* The same --field-* tokens Field reads, on React Aria's label, description and error parts. */\n\n@layer components {\n  .field {\n    display: flex;\n    flex-direction: column;\n    gap: var(--field-gap);\n    font-family: var(--font-family-body);\n  }\n\n  .label {\n    font-size: var(--field-label-font-size);\n    font-weight: var(--field-label-font-weight);\n    color: var(--field-label-fg);\n  }\n\n  .required {\n    margin-inline-start: var(--field-required-gap);\n    color: var(--field-required-fg);\n  }\n\n  .description {\n    margin: 0;\n    font-size: var(--field-description-font-size);\n    color: var(--field-description-fg);\n  }\n\n  .error {\n    margin: 0;\n    font-size: var(--field-error-font-size);\n    color: var(--field-error-fg);\n  }\n}\n","/*\n * Every value is a token (--slider-*); the label and description read\n * --field-*. React Aria positions the thumbs and the fill (its inline\n * values); the rail is the visible track inside a larger pointer target.\n * State: data-orientation and data-disabled on the root; data-dragging,\n * data-hovered, data-focus-visible on a thumb.\n */\n\n@layer components {\n  .root {\n    --_thumb: var(--slider-thumb-size);\n\n    display: flex;\n    flex-direction: column;\n    gap: var(--slider-gap);\n    inline-size: 100%;\n    font-family: var(--slider-font-family);\n\n    &[data-orientation=\"vertical\"] {\n      inline-size: auto;\n      block-size: var(--slider-track-length);\n    }\n\n  }\n\n  .header {\n    display: flex;\n    justify-content: space-between;\n    gap: var(--slider-gap);\n  }\n\n  .hidden {\n    position: absolute;\n    inline-size: var(--size-hairline);\n    block-size: var(--size-hairline);\n    overflow: hidden;\n    clip-path: inset(50%);\n    white-space: nowrap;\n  }\n\n  .output {\n    color: var(--slider-output-fg);\n    font-family: var(--slider-output-font-family);\n    font-size: var(--slider-output-font-size);\n    font-variant-numeric: tabular-nums;\n  }\n\n  .track {\n    position: relative;\n    block-size: var(--slider-track-hit-size);\n\n    .root[data-orientation=\"vertical\"] & {\n      inline-size: var(--slider-track-hit-size);\n      block-size: 100%;\n    }\n  }\n\n  /* Disabled dims the track, not the label and output, so the text keeps its contrast. */\n  .root[data-disabled] .track {\n    opacity: 0.55;\n  }\n\n  .rail {\n    position: absolute;\n    inset-block-start: 50%;\n    inline-size: 100%;\n    block-size: var(--slider-track-size);\n    overflow: hidden;\n    border-radius: var(--slider-track-radius);\n    background-color: var(--slider-track-bg);\n    translate: 0 -50%;\n\n    .root[data-orientation=\"vertical\"] & {\n      inset-block-start: 0;\n      inset-inline-start: 50%;\n      inline-size: var(--slider-track-size);\n      block-size: 100%;\n      translate: -50% 0;\n    }\n  }\n\n  .fill {\n    position: absolute;\n    block-size: 100%;\n    background-color: var(--slider-fill);\n\n    .root[data-orientation=\"vertical\"] & {\n      inline-size: 100%;\n    }\n  }\n\n  .thumb {\n    inset-block-start: 50%;\n    inline-size: var(--_thumb);\n    block-size: var(--_thumb);\n    border: var(--slider-thumb-border-width) solid var(--slider-thumb-border);\n    border-radius: var(--slider-thumb-radius);\n    background-color: var(--slider-thumb-bg);\n    box-shadow: var(--slider-thumb-shadow);\n    cursor: grab;\n    transition: border-color var(--slider-motion-duration) var(--motion-easing-standard);\n\n    .root[data-orientation=\"vertical\"] & {\n      inset-block-start: auto;\n      inset-inline-start: 50%;\n    }\n\n    &[data-hovered],\n    &[data-dragging] {\n      border-color: var(--slider-thumb-border-hover);\n    }\n\n    &[data-dragging] {\n      cursor: grabbing;\n    }\n\n    &[data-focus-visible] {\n      outline: var(--slider-focus-ring-width) solid var(--slider-focus-ring);\n      outline-offset: var(--slider-focus-ring-offset);\n    }\n  }\n}\n"],"mappings":";AAEA;AACE,GAACA;AACC,aAAS;AACT,oBAAgB;AAChB,SAAK,IAAI;AACT,iBAAa,IAAI;AACnB;AAEA,GAACC;AACC,eAAW,IAAI;AACf,iBAAa,IAAI;AACjB,WAAO,IAAI;AACb;AAEA,GAACC;AACC,yBAAqB,IAAI;AACzB,WAAO,IAAI;AACb;AAEA,GAACC;AACC,YAAQ;AACR,eAAW,IAAI;AACf,WAAO,IAAI;AACb;AAEA,GAACC;AACC,YAAQ;AACR,eAAW,IAAI;AACf,WAAO,IAAI;AACb;AACF;;;ACxBA;AACE,GAACC;AACC,cAAU,IAAI;AAEd,aAAS;AACT,oBAAgB;AAChB,SAAK,IAAI;AACT,iBAAa;AACb,iBAAa,IAAI;AAEjB,KAAC,CAAC;AACA,mBAAa;AACb,kBAAY,IAAI;AAClB;AAEF;AAEA,GAACC;AACC,aAAS;AACT,qBAAiB;AACjB,SAAK,IAAI;AACX;AAEA,GAACC;AACC,cAAU;AACV,iBAAa,IAAI;AACjB,gBAAY,IAAI;AAChB,cAAU;AACV,eAAW,MAAM;AACjB,iBAAa;AACf;AAEA,GAACC;AACC,WAAO,IAAI;AACX,iBAAa,IAAI;AACjB,eAAW,IAAI;AACf,0BAAsB;AACxB;AAEA,GAACC;AACC,cAAU;AACV,gBAAY,IAAI;AAEhB,KA1CDJ,WA0CM,CAAC,2BAA6B;AACjC,mBAAa,IAAI;AACjB,kBAAY;AACd;AACF;AAGA,GAjDCA,WAiDI,CAAC,eAAe,CAXpBI;AAYC,aAAS;AACX;AAEA,GAACC;AACC,cAAU;AACV,uBAAmB;AACnB,iBAAa;AACb,gBAAY,IAAI;AAChB,cAAU;AACV,mBAAe,IAAI;AACnB,sBAAkB,IAAI;AACtB,eAAW,EAAE;AAEb,KA/DDL,WA+DM,CAAC,2BAA6B;AACjC,yBAAmB;AACnB,0BAAoB;AACpB,mBAAa,IAAI;AACjB,kBAAY;AACZ,iBAAW,KAAK;AAClB;AACF;AAEA,GAACM;AACC,cAAU;AACV,gBAAY;AACZ,sBAAkB,IAAI;AAEtB,KA7EDN,WA6EM,CAAC,2BAA6B;AACjC,mBAAa;AACf;AACF;AAEA,GAACO;AACC,uBAAmB;AACnB,iBAAa,IAAI;AACjB,gBAAY,IAAI;AAChB,YAAQ,IAAI,6BAA6B,MAAM,IAAI;AACnD,mBAAe,IAAI;AACnB,sBAAkB,IAAI;AACtB,gBAAY,IAAI;AAChB,YAAQ;AACR,gBAAY,aAAa,IAAI,0BAA0B,IAAI;AAE3D,KA7FDP,WA6FM,CAAC,2BAA6B;AACjC,yBAAmB;AACnB,0BAAoB;AACtB;AAEA,KAAC,CAAC;AAAA,IACF,CAAC,CAAC;AACA,oBAAc,IAAI;AACpB;AAEA,KAAC,CAAC;AACA,cAAQ;AACV;AAEA,KAAC,CAAC;AACA,eAAS,IAAI,2BAA2B,MAAM,IAAI;AAClD,sBAAgB,IAAI;AACtB;AACF;AACF;","names":["field","label","required","description","error","root","header","hidden","output","track","rail","fill","thumb"]}
+{"version":3,"sources":["../src/internal/AriaField.module.css","../src/slider/Slider.module.css"],"sourcesContent":["/* The same --field-* tokens Field reads, on React Aria's label, description and error parts. */\n\n@layer reset, tokens, vendor, base, components, utilities;\n\n@layer components {\n  .field {\n    display: flex;\n    flex-direction: column;\n    gap: var(--field-gap);\n    font-family: var(--font-family-body);\n  }\n\n  .label {\n    font-size: var(--field-label-font-size);\n    font-weight: var(--field-label-font-weight);\n    color: var(--field-label-fg);\n  }\n\n  .required {\n    margin-inline-start: var(--field-required-gap);\n    color: var(--field-required-fg);\n  }\n\n  .description {\n    margin: 0;\n    font-size: var(--field-description-font-size);\n    color: var(--field-description-fg);\n  }\n\n  .error {\n    margin: 0;\n    font-size: var(--field-error-font-size);\n    color: var(--field-error-fg);\n  }\n}\n","/*\n * Every value is a token (--slider-*); the label and description read\n * --field-*. React Aria positions the thumbs and the fill (its inline\n * values); the rail is the visible track inside a larger pointer target.\n * State: data-orientation and data-disabled on the root; data-dragging,\n * data-hovered, data-focus-visible on a thumb.\n */\n\n@layer reset, tokens, vendor, base, components, utilities;\n\n@layer components {\n  .root {\n    --_thumb: var(--slider-thumb-size);\n\n    display: flex;\n    flex-direction: column;\n    gap: var(--slider-gap);\n    inline-size: 100%;\n    font-family: var(--slider-font-family);\n\n    &[data-orientation=\"vertical\"] {\n      inline-size: auto;\n      block-size: var(--slider-track-length);\n    }\n\n  }\n\n  .header {\n    display: flex;\n    justify-content: space-between;\n    gap: var(--slider-gap);\n  }\n\n  .hidden {\n    position: absolute;\n    inline-size: var(--size-hairline);\n    block-size: var(--size-hairline);\n    overflow: hidden;\n    clip-path: inset(50%);\n    white-space: nowrap;\n  }\n\n  .output {\n    color: var(--slider-output-fg);\n    font-family: var(--slider-output-font-family);\n    font-size: var(--slider-output-font-size);\n    font-variant-numeric: tabular-nums;\n  }\n\n  .track {\n    position: relative;\n    block-size: var(--slider-track-hit-size);\n\n    .root[data-orientation=\"vertical\"] & {\n      inline-size: var(--slider-track-hit-size);\n      block-size: 100%;\n    }\n  }\n\n  /* Disabled dims the track, not the label and output, so the text keeps its contrast. */\n  .root[data-disabled] .track {\n    opacity: 0.55;\n  }\n\n  .rail {\n    position: absolute;\n    inset-block-start: 50%;\n    inline-size: 100%;\n    block-size: var(--slider-track-size);\n    overflow: hidden;\n    border-radius: var(--slider-track-radius);\n    background-color: var(--slider-track-bg);\n    translate: 0 -50%;\n\n    .root[data-orientation=\"vertical\"] & {\n      inset-block-start: 0;\n      inset-inline-start: 50%;\n      inline-size: var(--slider-track-size);\n      block-size: 100%;\n      translate: -50% 0;\n    }\n  }\n\n  .fill {\n    position: absolute;\n    block-size: 100%;\n    background-color: var(--slider-fill);\n\n    .root[data-orientation=\"vertical\"] & {\n      inline-size: 100%;\n    }\n  }\n\n  .thumb {\n    inset-block-start: 50%;\n    inline-size: var(--_thumb);\n    block-size: var(--_thumb);\n    border: var(--slider-thumb-border-width) solid var(--slider-thumb-border);\n    border-radius: var(--slider-thumb-radius);\n    background-color: var(--slider-thumb-bg);\n    box-shadow: var(--slider-thumb-shadow);\n    cursor: grab;\n    transition: border-color var(--slider-motion-duration) var(--motion-easing-standard);\n\n    .root[data-orientation=\"vertical\"] & {\n      inset-block-start: auto;\n      inset-inline-start: 50%;\n    }\n\n    &[data-hovered],\n    &[data-dragging] {\n      border-color: var(--slider-thumb-border-hover);\n    }\n\n    &[data-dragging] {\n      cursor: grabbing;\n    }\n\n    &[data-focus-visible] {\n      outline: var(--slider-focus-ring-width) solid var(--slider-focus-ring);\n      outline-offset: var(--slider-focus-ring-offset);\n    }\n  }\n}\n"],"mappings":";AAEA;AAEA;AACE,GAACA;AACC,aAAS;AACT,oBAAgB;AAChB,SAAK,IAAI;AACT,iBAAa,IAAI;AACnB;AAEA,GAACC;AACC,eAAW,IAAI;AACf,iBAAa,IAAI;AACjB,WAAO,IAAI;AACb;AAEA,GAACC;AACC,yBAAqB,IAAI;AACzB,WAAO,IAAI;AACb;AAEA,GAACC;AACC,YAAQ;AACR,eAAW,IAAI;AACf,WAAO,IAAI;AACb;AAEA,GAACC;AACC,YAAQ;AACR,eAAW,IAAI;AACf,WAAO,IAAI;AACb;AACF;;;AC1BA;AAEA;AACE,GAACC;AACC,cAAU,IAAI;AAEd,aAAS;AACT,oBAAgB;AAChB,SAAK,IAAI;AACT,iBAAa;AACb,iBAAa,IAAI;AAEjB,KAAC,CAAC;AACA,mBAAa;AACb,kBAAY,IAAI;AAClB;AAEF;AAEA,GAACC;AACC,aAAS;AACT,qBAAiB;AACjB,SAAK,IAAI;AACX;AAEA,GAACC;AACC,cAAU;AACV,iBAAa,IAAI;AACjB,gBAAY,IAAI;AAChB,cAAU;AACV,eAAW,MAAM;AACjB,iBAAa;AACf;AAEA,GAACC;AACC,WAAO,IAAI;AACX,iBAAa,IAAI;AACjB,eAAW,IAAI;AACf,0BAAsB;AACxB;AAEA,GAACC;AACC,cAAU;AACV,gBAAY,IAAI;AAEhB,KA1CDJ,WA0CM,CAAC,2BAA6B;AACjC,mBAAa,IAAI;AACjB,kBAAY;AACd;AACF;AAGA,GAjDCA,WAiDI,CAAC,eAAe,CAXpBI;AAYC,aAAS;AACX;AAEA,GAACC;AACC,cAAU;AACV,uBAAmB;AACnB,iBAAa;AACb,gBAAY,IAAI;AAChB,cAAU;AACV,mBAAe,IAAI;AACnB,sBAAkB,IAAI;AACtB,eAAW,EAAE;AAEb,KA/DDL,WA+DM,CAAC,2BAA6B;AACjC,yBAAmB;AACnB,0BAAoB;AACpB,mBAAa,IAAI;AACjB,kBAAY;AACZ,iBAAW,KAAK;AAClB;AACF;AAEA,GAACM;AACC,cAAU;AACV,gBAAY;AACZ,sBAAkB,IAAI;AAEtB,KA7EDN,WA6EM,CAAC,2BAA6B;AACjC,mBAAa;AACf;AACF;AAEA,GAACO;AACC,uBAAmB;AACnB,iBAAa,IAAI;AACjB,gBAAY,IAAI;AAChB,YAAQ,IAAI,6BAA6B,MAAM,IAAI;AACnD,mBAAe,IAAI;AACnB,sBAAkB,IAAI;AACtB,gBAAY,IAAI;AAChB,YAAQ;AACR,gBAAY,aAAa,IAAI,0BAA0B,IAAI;AAE3D,KA7FDP,WA6FM,CAAC,2BAA6B;AACjC,yBAAmB;AACnB,0BAAoB;AACtB;AAEA,KAAC,CAAC;AAAA,IACF,CAAC,CAAC;AACA,oBAAc,IAAI;AACpB;AAEA,KAAC,CAAC;AACA,cAAQ;AACV;AAEA,KAAC,CAAC;AACA,eAAS,IAAI,2BAA2B,MAAM,IAAI;AAClD,sBAAgB,IAAI;AACtB;AACF;AACF;","names":["field","label","required","description","error","root","header","hidden","output","track","rail","fill","thumb"]}

package/dist/slider.js

@@ -1,5 +1,5 @@
-export { Slider } from './chunk-P5C2U5ZF.js';
-import './chunk-YUHS5S5Y.js';
+export { Slider } from './chunk-YBECKOVP.js';
+import './chunk-DGIXNUNI.js';
 import './chunk-MI4QUKQS.js';
 //# sourceMappingURL=slider.js.map
 //# sourceMappingURL=slider.js.map

package/dist/spinner.css

@@ -1,4 +1,5 @@
 /* src/visually-hidden/VisuallyHidden.module.css */
+@layer reset, tokens, vendor, base, components, utilities;
 @layer components {
   .VisuallyHidden_root {
     position: absolute;
@@ -14,6 +15,7 @@
 }
 
 /* src/spinner/Spinner.module.css */
+@layer reset, tokens, vendor, base, components, utilities;
 @layer components {
   .Spinner_spinner {
     --_size: var(--spinner-size-md);

package/dist/spinner.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/visually-hidden/VisuallyHidden.module.css","../src/spinner/Spinner.module.css"],"sourcesContent":["/* The clip-path technique: present in the accessibility tree, absent from the layout. */\n\n@layer components {\n  .root {\n    position: absolute;\n    inline-size: var(--visually-hidden-size);\n    block-size: var(--visually-hidden-size);\n    padding: 0;\n    margin: 0;\n    overflow: hidden;\n    clip-path: inset(50%);\n    white-space: nowrap;\n    border: 0;\n  }\n}\n","/* Every value is a token (--spinner-*). The ring is a border with one coloured side. */\n\n@layer components {\n  .spinner {\n    --_size: var(--spinner-size-md);\n    --_track: var(--spinner-track);\n    --_indicator: var(--spinner-indicator);\n\n    display: inline-flex;\n    flex: none;\n    inline-size: var(--_size);\n    block-size: var(--_size);\n    vertical-align: middle;\n\n    &[data-size=\"sm\"] { --_size: var(--spinner-size-sm); }\n    &[data-size=\"lg\"] { --_size: var(--spinner-size-lg); }\n    &[data-size=\"inherit\"] { --_size: 1em; }\n\n    &[data-tone=\"inherit\"] {\n      --_track: transparent;\n      --_indicator: currentcolor;\n    }\n  }\n\n  .ring {\n    inline-size: 100%;\n    block-size: 100%;\n    border: var(--spinner-width) solid var(--_track);\n    border-block-start-color: var(--_indicator);\n    border-radius: var(--radius-full);\n    animation: spin var(--spinner-duration) linear infinite;\n  }\n\n  @keyframes spin {\n    to {\n      rotate: 1turn;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .ring {\n      animation: none;\n    }\n  }\n}\n"],"mappings":";AAEA;AACE,GAACA;AACC,cAAU;AACV,iBAAa,IAAI;AACjB,gBAAY,IAAI;AAChB,aAAS;AACT,YAAQ;AACR,cAAU;AACV,eAAW,MAAM;AACjB,iBAAa;AACb,YAAQ;AACV;AACF;;;ACZA;AACE,GAACC;AACC,aAAS,IAAI;AACb,cAAU,IAAI;AACd,kBAAc,IAAI;AAElB,aAAS;AACT,UAAM;AACN,iBAAa,IAAI;AACjB,gBAAY,IAAI;AAChB,oBAAgB;AAEhB,KAAC,CAAC;AAAkB,eAAS,IAAI;AAAoB;AACrD,KAAC,CAAC;AAAkB,eAAS,IAAI;AAAoB;AACrD,KAAC,CAAC;AAAuB,eAAS;AAAK;AAEvC,KAAC,CAAC;AACA,gBAAU;AACV,oBAAc;AAChB;AACF;AAEA,GAACC;AACC,iBAAa;AACb,gBAAY;AACZ,YAAQ,IAAI,iBAAiB,MAAM,IAAI;AACvC,8BAA0B,IAAI;AAC9B,mBAAe,IAAI;AACnB,eAAW,aAAK,IAAI,oBAAoB,OAAO;AACjD;AAEA,aAHaC;AAIX;AACE,cAAQ;AACV;AACF;AAEA,UAAO,wBAAyB;AAC9B,KAhBDD;AAiBG,iBAAW;AACb;AACF;AACF;","names":["root","spinner","ring","spin"]}
+{"version":3,"sources":["../src/visually-hidden/VisuallyHidden.module.css","../src/spinner/Spinner.module.css"],"sourcesContent":["/* The clip-path technique: present in the accessibility tree, absent from the layout. */\n\n@layer reset, tokens, vendor, base, components, utilities;\n\n@layer components {\n  .root {\n    position: absolute;\n    inline-size: var(--visually-hidden-size);\n    block-size: var(--visually-hidden-size);\n    padding: 0;\n    margin: 0;\n    overflow: hidden;\n    clip-path: inset(50%);\n    white-space: nowrap;\n    border: 0;\n  }\n}\n","/* Every value is a token (--spinner-*). The ring is a border with one coloured side. */\n\n@layer reset, tokens, vendor, base, components, utilities;\n\n@layer components {\n  .spinner {\n    --_size: var(--spinner-size-md);\n    --_track: var(--spinner-track);\n    --_indicator: var(--spinner-indicator);\n\n    display: inline-flex;\n    flex: none;\n    inline-size: var(--_size);\n    block-size: var(--_size);\n    vertical-align: middle;\n\n    &[data-size=\"sm\"] { --_size: var(--spinner-size-sm); }\n    &[data-size=\"lg\"] { --_size: var(--spinner-size-lg); }\n    &[data-size=\"inherit\"] { --_size: 1em; }\n\n    &[data-tone=\"inherit\"] {\n      --_track: transparent;\n      --_indicator: currentcolor;\n    }\n  }\n\n  .ring {\n    inline-size: 100%;\n    block-size: 100%;\n    border: var(--spinner-width) solid var(--_track);\n    border-block-start-color: var(--_indicator);\n    border-radius: var(--radius-full);\n    animation: spin var(--spinner-duration) linear infinite;\n  }\n\n  @keyframes spin {\n    to {\n      rotate: 1turn;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .ring {\n      animation: none;\n    }\n  }\n}\n"],"mappings":";AAEA;AAEA;AACE,GAACA;AACC,cAAU;AACV,iBAAa,IAAI;AACjB,gBAAY,IAAI;AAChB,aAAS;AACT,YAAQ;AACR,cAAU;AACV,eAAW,MAAM;AACjB,iBAAa;AACb,YAAQ;AACV;AACF;;;ACdA;AAEA;AACE,GAACC;AACC,aAAS,IAAI;AACb,cAAU,IAAI;AACd,kBAAc,IAAI;AAElB,aAAS;AACT,UAAM;AACN,iBAAa,IAAI;AACjB,gBAAY,IAAI;AAChB,oBAAgB;AAEhB,KAAC,CAAC;AAAkB,eAAS,IAAI;AAAoB;AACrD,KAAC,CAAC;AAAkB,eAAS,IAAI;AAAoB;AACrD,KAAC,CAAC;AAAuB,eAAS;AAAK;AAEvC,KAAC,CAAC;AACA,gBAAU;AACV,oBAAc;AAChB;AACF;AAEA,GAACC;AACC,iBAAa;AACb,gBAAY;AACZ,YAAQ,IAAI,iBAAiB,MAAM,IAAI;AACvC,8BAA0B,IAAI;AAC9B,mBAAe,IAAI;AACnB,eAAW,aAAK,IAAI,oBAAoB,OAAO;AACjD;AAEA,aAHaC;AAIX;AACE,cAAQ;AACV;AACF;AAEA,UAAO,wBAAyB;AAC9B,KAhBDD;AAiBG,iBAAW;AACb;AACF;AACF;","names":["root","spinner","ring","spin"]}

package/dist/spinner.js

@@ -1,5 +1,5 @@
-export { Spinner } from './chunk-I4KC4V6A.js';
-import './chunk-Z4PN6B2C.js';
+export { Spinner } from './chunk-ZL5MMRLG.js';
+import './chunk-IB5UUE3S.js';
 import './chunk-MI4QUKQS.js';
 //# sourceMappingURL=spinner.js.map
 //# sourceMappingURL=spinner.js.map

package/dist/stack.css

@@ -1,4 +1,5 @@
 /* src/stack/Stack.module.css */
+@layer reset, tokens, vendor, base, components, utilities;
 @layer components {
   .Stack_stack {
     display: flex;

package/dist/stack.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/stack/Stack.module.css"],"sourcesContent":["/* Every value is a token (--stack-gap-*). Gap, alignment and justification are data attributes. */\n\n@layer components {\n  .stack {\n    display: flex;\n    flex-direction: column;\n    gap: var(--stack-gap-3);\n    margin: 0;\n    padding: 0;\n    list-style: none;\n\n    &[data-gap=\"1\"] { gap: var(--stack-gap-1); }\n    &[data-gap=\"2\"] { gap: var(--stack-gap-2); }\n    &[data-gap=\"3\"] { gap: var(--stack-gap-3); }\n    &[data-gap=\"4\"] { gap: var(--stack-gap-4); }\n    &[data-gap=\"5\"] { gap: var(--stack-gap-5); }\n    &[data-gap=\"6\"] { gap: var(--stack-gap-6); }\n    &[data-gap=\"7\"] { gap: var(--stack-gap-7); }\n    &[data-gap=\"8\"] { gap: var(--stack-gap-8); }\n    &[data-align=\"start\"] { align-items: flex-start; }\n    &[data-align=\"center\"] { align-items: center; }\n    &[data-align=\"end\"] { align-items: flex-end; }\n    &[data-align=\"stretch\"] { align-items: stretch; }\n    &[data-justify=\"start\"] { justify-content: flex-start; }\n    &[data-justify=\"center\"] { justify-content: center; }\n    &[data-justify=\"end\"] { justify-content: flex-end; }\n    &[data-justify=\"between\"] { justify-content: space-between; }\n  }\n}\n"],"mappings":";AAEA;AACE,GAACA;AACC,aAAS;AACT,oBAAgB;AAChB,SAAK,IAAI;AACT,YAAQ;AACR,aAAS;AACT,gBAAY;AAEZ,KAAC,CAAC;AAAgB,WAAK,IAAI;AAAgB;AAC3C,KAAC,CAAC;AAAgB,WAAK,IAAI;AAAgB;AAC3C,KAAC,CAAC;AAAgB,WAAK,IAAI;AAAgB;AAC3C,KAAC,CAAC;AAAgB,WAAK,IAAI;AAAgB;AAC3C,KAAC,CAAC;AAAgB,WAAK,IAAI;AAAgB;AAC3C,KAAC,CAAC;AAAgB,WAAK,IAAI;AAAgB;AAC3C,KAAC,CAAC;AAAgB,WAAK,IAAI;AAAgB;AAC3C,KAAC,CAAC;AAAgB,WAAK,IAAI;AAAgB;AAC3C,KAAC,CAAC;AAAsB,mBAAa;AAAY;AACjD,KAAC,CAAC;AAAuB,mBAAa;AAAQ;AAC9C,KAAC,CAAC;AAAoB,mBAAa;AAAU;AAC7C,KAAC,CAAC;AAAwB,mBAAa;AAAS;AAChD,KAAC,CAAC;AAAwB,uBAAiB;AAAY;AACvD,KAAC,CAAC;AAAyB,uBAAiB;AAAQ;AACpD,KAAC,CAAC;AAAsB,uBAAiB;AAAU;AACnD,KAAC,CAAC;AAA0B,uBAAiB;AAAe;AAC9D;AACF;","names":["stack"]}
+{"version":3,"sources":["../src/stack/Stack.module.css"],"sourcesContent":["/* Every value is a token (--stack-gap-*). Gap, alignment and justification are data attributes. */\n\n@layer reset, tokens, vendor, base, components, utilities;\n\n@layer components {\n  .stack {\n    display: flex;\n    flex-direction: column;\n    gap: var(--stack-gap-3);\n    margin: 0;\n    padding: 0;\n    list-style: none;\n\n    &[data-gap=\"1\"] { gap: var(--stack-gap-1); }\n    &[data-gap=\"2\"] { gap: var(--stack-gap-2); }\n    &[data-gap=\"3\"] { gap: var(--stack-gap-3); }\n    &[data-gap=\"4\"] { gap: var(--stack-gap-4); }\n    &[data-gap=\"5\"] { gap: var(--stack-gap-5); }\n    &[data-gap=\"6\"] { gap: var(--stack-gap-6); }\n    &[data-gap=\"7\"] { gap: var(--stack-gap-7); }\n    &[data-gap=\"8\"] { gap: var(--stack-gap-8); }\n    &[data-align=\"start\"] { align-items: flex-start; }\n    &[data-align=\"center\"] { align-items: center; }\n    &[data-align=\"end\"] { align-items: flex-end; }\n    &[data-align=\"stretch\"] { align-items: stretch; }\n    &[data-justify=\"start\"] { justify-content: flex-start; }\n    &[data-justify=\"center\"] { justify-content: center; }\n    &[data-justify=\"end\"] { justify-content: flex-end; }\n    &[data-justify=\"between\"] { justify-content: space-between; }\n  }\n}\n"],"mappings":";AAEA;AAEA;AACE,GAACA;AACC,aAAS;AACT,oBAAgB;AAChB,SAAK,IAAI;AACT,YAAQ;AACR,aAAS;AACT,gBAAY;AAEZ,KAAC,CAAC;AAAgB,WAAK,IAAI;AAAgB;AAC3C,KAAC,CAAC;AAAgB,WAAK,IAAI;AAAgB;AAC3C,KAAC,CAAC;AAAgB,WAAK,IAAI;AAAgB;AAC3C,KAAC,CAAC;AAAgB,WAAK,IAAI;AAAgB;AAC3C,KAAC,CAAC;AAAgB,WAAK,IAAI;AAAgB;AAC3C,KAAC,CAAC;AAAgB,WAAK,IAAI;AAAgB;AAC3C,KAAC,CAAC;AAAgB,WAAK,IAAI;AAAgB;AAC3C,KAAC,CAAC;AAAgB,WAAK,IAAI;AAAgB;AAC3C,KAAC,CAAC;AAAsB,mBAAa;AAAY;AACjD,KAAC,CAAC;AAAuB,mBAAa;AAAQ;AAC9C,KAAC,CAAC;AAAoB,mBAAa;AAAU;AAC7C,KAAC,CAAC;AAAwB,mBAAa;AAAS;AAChD,KAAC,CAAC;AAAwB,uBAAiB;AAAY;AACvD,KAAC,CAAC;AAAyB,uBAAiB;AAAQ;AACpD,KAAC,CAAC;AAAsB,uBAAiB;AAAU;AACnD,KAAC,CAAC;AAA0B,uBAAiB;AAAe;AAC9D;AACF;","names":["stack"]}

package/dist/stack.js

@@ -1,4 +1,4 @@
-export { Stack } from './chunk-7DS4I7OJ.js';
+export { Stack } from './chunk-2E2ESMS2.js';
 import './chunk-MI4QUKQS.js';
 //# sourceMappingURL=stack.js.map
 //# sourceMappingURL=stack.js.map

package/dist/switch.css

@@ -1,4 +1,5 @@
 /* src/field/Field.module.css */
+@layer reset, tokens, vendor, base, components, utilities;
 @layer components {
   .Field_field {
     display: flex;
@@ -27,6 +28,7 @@
 }
 
 /* src/switch/Switch.module.css */
+@layer reset, tokens, vendor, base, components, utilities;
 @layer components {
   .Switch_switch {
     --_size: var(--switch-size-md);

package/dist/switch.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/field/Field.module.css","../src/switch/Switch.module.css"],"sourcesContent":["/* Every value is a token (--field-*). The control itself brings its own styles. */\n\n@layer components {\n  .field {\n    display: flex;\n    flex-direction: column;\n    gap: var(--field-gap);\n  }\n\n  .label {\n    font-size: var(--field-label-font-size);\n    font-weight: var(--field-label-font-weight);\n    color: var(--field-label-fg);\n  }\n\n  .required {\n    margin-inline-start: var(--field-required-gap);\n    color: var(--field-required-fg);\n  }\n\n  .description {\n    margin: 0;\n    font-size: var(--field-description-font-size);\n    color: var(--field-description-fg);\n  }\n\n  .error {\n    margin: 0;\n    font-size: var(--field-error-font-size);\n    color: var(--field-error-fg);\n  }\n}\n","/*\n * Every value is a token (--switch-*). The input is the track; its ::before\n * is the thumb. Size and invalid state resolve into private custom\n * properties on the root.\n */\n\n@layer components {\n  .switch {\n    --_size: var(--switch-size-md);\n    --_track: var(--switch-track-bg);\n\n    font-family: var(--font-family-body);\n\n    &[data-size=\"sm\"] { --_size: var(--switch-size-sm); }\n    &[data-size=\"lg\"] { --_size: var(--switch-size-lg); }\n    &[data-invalid] { --_track: var(--switch-track-invalid); }\n  }\n\n  .row {\n    display: flex;\n    align-items: center;\n    gap: var(--switch-gap);\n  }\n\n  .input {\n    --_inset: calc(2 * var(--switch-thumb-inset));\n\n    position: relative;\n    flex: none;\n    inline-size: calc(2 * var(--_size));\n    block-size: var(--_size);\n    margin: 0;\n    border: none;\n    border-radius: var(--switch-radius);\n    background-color: var(--_track);\n    appearance: none;\n    cursor: pointer;\n    transition: background-color var(--switch-motion-duration) var(--motion-easing-standard);\n\n    &::before {\n      content: \"\";\n      position: absolute;\n      inset-block-start: var(--_inset);\n      inset-inline-start: var(--_inset);\n      inline-size: calc(var(--_size) - 2 * var(--_inset));\n      block-size: calc(var(--_size) - 2 * var(--_inset));\n      border-radius: var(--switch-radius);\n      background-color: var(--switch-thumb);\n      transition: translate var(--switch-motion-duration) var(--motion-easing-standard);\n    }\n\n    &:checked {\n      background-color: var(--switch-track-bg-checked);\n\n      &::before {\n        translate: var(--_size) 0;\n        background-color: var(--switch-thumb-checked);\n      }\n    }\n\n    &:focus-visible {\n      outline: var(--switch-focus-ring-width) solid var(--switch-focus-ring);\n      outline-offset: var(--switch-focus-ring-offset);\n    }\n\n    &:disabled {\n      cursor: not-allowed;\n      opacity: 0.55;\n    }\n\n    &:hover:not(:disabled, :checked) {\n      background-color: var(--switch-track-bg-hover);\n    }\n\n    &:hover:not(:disabled):checked {\n      background-color: var(--switch-track-bg-checked-hover);\n    }\n  }\n}\n"],"mappings":";AAEA;AACE,GAACA;AACC,aAAS;AACT,oBAAgB;AAChB,SAAK,IAAI;AACX;AAEA,GAACC;AACC,eAAW,IAAI;AACf,iBAAa,IAAI;AACjB,WAAO,IAAI;AACb;AAEA,GAACC;AACC,yBAAqB,IAAI;AACzB,WAAO,IAAI;AACb;AAEA,GAACC;AACC,YAAQ;AACR,eAAW,IAAI;AACf,WAAO,IAAI;AACb;AAEA,GAACC;AACC,YAAQ;AACR,eAAW,IAAI;AACf,WAAO,IAAI;AACb;AACF;;;ACzBA;AACE,GAACC;AACC,aAAS,IAAI;AACb,cAAU,IAAI;AAEd,iBAAa,IAAI;AAEjB,KAAC,CAAC;AAAkB,eAAS,IAAI;AAAmB;AACpD,KAAC,CAAC;AAAkB,eAAS,IAAI;AAAmB;AACpD,KAAC,CAAC;AAAgB,gBAAU,IAAI;AAAyB;AAC3D;AAEA,GAACC;AACC,aAAS;AACT,iBAAa;AACb,SAAK,IAAI;AACX;AAEA,GAACC;AACC,cAAU,KAAK,EAAE,EAAE,IAAI;AAEvB,cAAU;AACV,UAAM;AACN,iBAAa,KAAK,EAAE,EAAE,IAAI;AAC1B,gBAAY,IAAI;AAChB,YAAQ;AACR,YAAQ;AACR,mBAAe,IAAI;AACnB,sBAAkB,IAAI;AACtB,gBAAY;AACZ,YAAQ;AACR,gBAAY,iBAAiB,IAAI,0BAA0B,IAAI;AAE/D,KAAC;AACC,eAAS;AACT,gBAAU;AACV,yBAAmB,IAAI;AACvB,0BAAoB,IAAI;AACxB,mBAAa,KAAK,IAAI,SAAS,EAAE,EAAE,EAAE,IAAI;AACzC,kBAAY,KAAK,IAAI,SAAS,EAAE,EAAE,EAAE,IAAI;AACxC,qBAAe,IAAI;AACnB,wBAAkB,IAAI;AACtB,kBAAY,UAAU,IAAI,0BAA0B,IAAI;AAC1D;AAEA,KAAC;AACC,wBAAkB,IAAI;AAEtB,OAAC;AACC,mBAAW,IAAI,SAAS;AACxB,0BAAkB,IAAI;AACxB;AACF;AAEA,KAAC;AACC,eAAS,IAAI,2BAA2B,MAAM,IAAI;AAClD,sBAAgB,IAAI;AACtB;AAEA,KAAC;AACC,cAAQ;AACR,eAAS;AACX;AAEA,KAAC,MAAM,KAAK,WAAW;AACrB,wBAAkB,IAAI;AACxB;AAEA,KAAC,MAAM,KAAK,UAAU;AACpB,wBAAkB,IAAI;AACxB;AACF;AACF;","names":["field","label","required","description","error","switch","row","input"]}
+{"version":3,"sources":["../src/field/Field.module.css","../src/switch/Switch.module.css"],"sourcesContent":["/* Every value is a token (--field-*). The control itself brings its own styles. */\n\n@layer reset, tokens, vendor, base, components, utilities;\n\n@layer components {\n  .field {\n    display: flex;\n    flex-direction: column;\n    gap: var(--field-gap);\n  }\n\n  .label {\n    font-size: var(--field-label-font-size);\n    font-weight: var(--field-label-font-weight);\n    color: var(--field-label-fg);\n  }\n\n  .required {\n    margin-inline-start: var(--field-required-gap);\n    color: var(--field-required-fg);\n  }\n\n  .description {\n    margin: 0;\n    font-size: var(--field-description-font-size);\n    color: var(--field-description-fg);\n  }\n\n  .error {\n    margin: 0;\n    font-size: var(--field-error-font-size);\n    color: var(--field-error-fg);\n  }\n}\n","/*\n * Every value is a token (--switch-*). The input is the track; its ::before\n * is the thumb. Size and invalid state resolve into private custom\n * properties on the root.\n */\n\n@layer reset, tokens, vendor, base, components, utilities;\n\n@layer components {\n  .switch {\n    --_size: var(--switch-size-md);\n    --_track: var(--switch-track-bg);\n\n    font-family: var(--font-family-body);\n\n    &[data-size=\"sm\"] { --_size: var(--switch-size-sm); }\n    &[data-size=\"lg\"] { --_size: var(--switch-size-lg); }\n    &[data-invalid] { --_track: var(--switch-track-invalid); }\n  }\n\n  .row {\n    display: flex;\n    align-items: center;\n    gap: var(--switch-gap);\n  }\n\n  .input {\n    --_inset: calc(2 * var(--switch-thumb-inset));\n\n    position: relative;\n    flex: none;\n    inline-size: calc(2 * var(--_size));\n    block-size: var(--_size);\n    margin: 0;\n    border: none;\n    border-radius: var(--switch-radius);\n    background-color: var(--_track);\n    appearance: none;\n    cursor: pointer;\n    transition: background-color var(--switch-motion-duration) var(--motion-easing-standard);\n\n    &::before {\n      content: \"\";\n      position: absolute;\n      inset-block-start: var(--_inset);\n      inset-inline-start: var(--_inset);\n      inline-size: calc(var(--_size) - 2 * var(--_inset));\n      block-size: calc(var(--_size) - 2 * var(--_inset));\n      border-radius: var(--switch-radius);\n      background-color: var(--switch-thumb);\n      transition: translate var(--switch-motion-duration) var(--motion-easing-standard);\n    }\n\n    &:checked {\n      background-color: var(--switch-track-bg-checked);\n\n      &::before {\n        translate: var(--_size) 0;\n        background-color: var(--switch-thumb-checked);\n      }\n    }\n\n    &:focus-visible {\n      outline: var(--switch-focus-ring-width) solid var(--switch-focus-ring);\n      outline-offset: var(--switch-focus-ring-offset);\n    }\n\n    &:disabled {\n      cursor: not-allowed;\n      opacity: 0.55;\n    }\n\n    &:hover:not(:disabled, :checked) {\n      background-color: var(--switch-track-bg-hover);\n    }\n\n    &:hover:not(:disabled):checked {\n      background-color: var(--switch-track-bg-checked-hover);\n    }\n  }\n}\n"],"mappings":";AAEA;AAEA;AACE,GAACA;AACC,aAAS;AACT,oBAAgB;AAChB,SAAK,IAAI;AACX;AAEA,GAACC;AACC,eAAW,IAAI;AACf,iBAAa,IAAI;AACjB,WAAO,IAAI;AACb;AAEA,GAACC;AACC,yBAAqB,IAAI;AACzB,WAAO,IAAI;AACb;AAEA,GAACC;AACC,YAAQ;AACR,eAAW,IAAI;AACf,WAAO,IAAI;AACb;AAEA,GAACC;AACC,YAAQ;AACR,eAAW,IAAI;AACf,WAAO,IAAI;AACb;AACF;;;AC3BA;AAEA;AACE,GAACC;AACC,aAAS,IAAI;AACb,cAAU,IAAI;AAEd,iBAAa,IAAI;AAEjB,KAAC,CAAC;AAAkB,eAAS,IAAI;AAAmB;AACpD,KAAC,CAAC;AAAkB,eAAS,IAAI;AAAmB;AACpD,KAAC,CAAC;AAAgB,gBAAU,IAAI;AAAyB;AAC3D;AAEA,GAACC;AACC,aAAS;AACT,iBAAa;AACb,SAAK,IAAI;AACX;AAEA,GAACC;AACC,cAAU,KAAK,EAAE,EAAE,IAAI;AAEvB,cAAU;AACV,UAAM;AACN,iBAAa,KAAK,EAAE,EAAE,IAAI;AAC1B,gBAAY,IAAI;AAChB,YAAQ;AACR,YAAQ;AACR,mBAAe,IAAI;AACnB,sBAAkB,IAAI;AACtB,gBAAY;AACZ,YAAQ;AACR,gBAAY,iBAAiB,IAAI,0BAA0B,IAAI;AAE/D,KAAC;AACC,eAAS;AACT,gBAAU;AACV,yBAAmB,IAAI;AACvB,0BAAoB,IAAI;AACxB,mBAAa,KAAK,IAAI,SAAS,EAAE,EAAE,EAAE,IAAI;AACzC,kBAAY,KAAK,IAAI,SAAS,EAAE,EAAE,EAAE,IAAI;AACxC,qBAAe,IAAI;AACnB,wBAAkB,IAAI;AACtB,kBAAY,UAAU,IAAI,0BAA0B,IAAI;AAC1D;AAEA,KAAC;AACC,wBAAkB,IAAI;AAEtB,OAAC;AACC,mBAAW,IAAI,SAAS;AACxB,0BAAkB,IAAI;AACxB;AACF;AAEA,KAAC;AACC,eAAS,IAAI,2BAA2B,MAAM,IAAI;AAClD,sBAAgB,IAAI;AACtB;AAEA,KAAC;AACC,cAAQ;AACR,eAAS;AACX;AAEA,KAAC,MAAM,KAAK,WAAW;AACrB,wBAAkB,IAAI;AACxB;AAEA,KAAC,MAAM,KAAK,UAAU;AACpB,wBAAkB,IAAI;AACxB;AACF;AACF;","names":["field","label","required","description","error","switch","row","input"]}

package/dist/switch.js

@@ -1,6 +1,6 @@
-export { Switch } from './chunk-OUFAFINB.js';
-import './chunk-BBV4L5WO.js';
-import './chunk-2PXTVZ7H.js';
+export { Switch } from './chunk-DVZ46GQN.js';
+import './chunk-6BIEW4WJ.js';
+import './chunk-M5VL22MY.js';
 import './chunk-ZVDN3GRI.js';
 import './chunk-MI4QUKQS.js';
 //# sourceMappingURL=switch.js.map

package/dist/table.css

@@ -1,4 +1,5 @@
 /* src/visually-hidden/VisuallyHidden.module.css */
+@layer reset, tokens, vendor, base, components, utilities;
 @layer components {
   .VisuallyHidden_root {
     position: absolute;
@@ -14,6 +15,7 @@
 }
 
 /* src/table/Table.module.css */
+@layer reset, tokens, vendor, base, components, utilities;
 @layer components {
   .Table_container {
     overflow: auto;

package/dist/table.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/visually-hidden/VisuallyHidden.module.css","../src/table/Table.module.css"],"sourcesContent":["/* The clip-path technique: present in the accessibility tree, absent from the layout. */\n\n@layer components {\n  .root {\n    position: absolute;\n    inline-size: var(--visually-hidden-size);\n    block-size: var(--visually-hidden-size);\n    padding: 0;\n    margin: 0;\n    overflow: hidden;\n    clip-path: inset(50%);\n    white-space: nowrap;\n    border: 0;\n  }\n}\n","/*\n * Every value is a token (--table-*). Density resolves the row padding into a\n * private custom property on the table. React Aria writes the state:\n * data-hovered, data-selected, data-disabled, data-focus-visible on rows and\n * cells; data-allows-sorting and data-sort-direction on columns;\n * data-selected and data-indeterminate on the selection checkbox.\n * Rules are ordered from general to specific so no later selector has a lower\n * specificity than an earlier one for the same element.\n */\n\n@layer components {\n  .container {\n    overflow: auto;\n    border: var(--size-hairline) solid var(--table-border);\n    border-radius: var(--table-radius);\n    background-color: var(--table-bg);\n    color: var(--table-fg);\n    font-family: var(--table-font-family);\n    font-size: var(--table-font-size);\n  }\n\n  .table {\n    --_padding-block: var(--table-cell-padding-block-default);\n\n    inline-size: 100%;\n    border-collapse: collapse;\n    border-spacing: 0;\n    outline: none;\n\n    &[data-density=\"compact\"] {\n      --_padding-block: var(--table-cell-padding-block-compact);\n    }\n\n    &[data-focus-visible] {\n      outline: var(--table-focus-ring-width) solid var(--table-focus-ring);\n      outline-offset: calc(-1 * var(--table-focus-ring-width));\n    }\n  }\n\n  .header {\n    background-color: var(--table-header-bg);\n  }\n\n  .container[data-sticky-header] .header {\n    position: sticky;\n    inset-block-start: 0;\n  }\n\n  .column {\n    padding-block: var(--_padding-block);\n    padding-inline: var(--table-cell-padding-inline);\n    border-block-end: var(--size-hairline) solid var(--table-border);\n    color: var(--table-header-fg);\n    font-size: var(--table-header-font-size);\n    font-weight: var(--table-header-font-weight);\n    text-align: start;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    outline: none;\n\n    &[data-align=\"end\"] {\n      text-align: end;\n    }\n\n    &[data-allows-sorting] {\n      cursor: pointer;\n    }\n\n    &[data-allows-sorting]::after {\n      content: \"\";\n      display: inline-block;\n      inline-size: var(--table-header-sort-indicator-size);\n      block-size: var(--table-header-sort-indicator-size);\n      margin-inline-start: var(--table-header-sort-indicator-size);\n      border-inline-end: var(--table-header-sort-indicator-width) solid currentcolor;\n      border-block-end: var(--table-header-sort-indicator-width) solid currentcolor;\n      rotate: -135deg;\n      translate: 0 25%;\n      opacity: 0;\n      transition: opacity var(--table-motion-duration) var(--motion-easing-standard);\n    }\n\n    &[data-hovered]::after {\n      opacity: 0.5;\n    }\n\n    &[data-sort-direction] {\n      color: var(--table-header-fg-active);\n    }\n\n    &[data-sort-direction]::after {\n      color: var(--table-header-sort-indicator);\n      opacity: 1;\n    }\n\n    &[data-sort-direction=\"descending\"]::after {\n      rotate: 45deg;\n      translate: 0 -25%;\n    }\n\n    &[data-focus-visible] {\n      outline: var(--table-focus-ring-width) solid var(--table-focus-ring);\n      outline-offset: calc(-1 * var(--table-focus-ring-width));\n    }\n  }\n\n  .row {\n    outline: none;\n    transition: background-color var(--table-motion-duration) var(--motion-easing-standard);\n\n    &[data-hovered] {\n      background-color: var(--table-row-bg-hover);\n    }\n\n    &[data-selected] {\n      background-color: var(--table-row-bg-selected);\n    }\n\n    &[data-disabled] {\n      color: var(--table-row-fg-disabled);\n    }\n\n    &[data-focus-visible] {\n      outline: var(--table-focus-ring-width) solid var(--table-focus-ring);\n      outline-offset: calc(-1 * var(--table-focus-ring-width));\n    }\n  }\n\n  .cell {\n    padding-block: var(--_padding-block);\n    padding-inline: var(--table-cell-padding-inline);\n    outline: none;\n\n    &[data-align=\"end\"] {\n      text-align: end;\n      font-variant-numeric: tabular-nums;\n    }\n\n    &[data-focus-visible] {\n      outline: var(--table-focus-ring-width) solid var(--table-focus-ring);\n      outline-offset: calc(-1 * var(--table-focus-ring-width));\n    }\n  }\n\n  .body .row:not(:last-child) .cell {\n    border-block-end: var(--size-hairline) solid var(--table-border);\n  }\n\n  .selectColumn,\n  .selectCell {\n    inline-size: var(--table-select-size);\n    padding-inline-end: 0;\n  }\n\n  .selectBox {\n    display: grid;\n    place-content: center;\n    inline-size: var(--table-select-size);\n    block-size: var(--table-select-size);\n    border: var(--size-hairline) solid var(--table-select-border);\n    border-radius: var(--table-select-radius);\n    background-color: var(--table-select-bg);\n    transition:\n      background-color var(--table-motion-duration) var(--motion-easing-standard),\n      border-color var(--table-motion-duration) var(--motion-easing-standard);\n\n    &::after {\n      content: \"\";\n      inline-size: calc(var(--table-select-size) * 0.3);\n      block-size: calc(var(--table-select-size) * 0.55);\n      border-style: solid;\n      border-color: var(--table-select-check);\n      border-width: 0 var(--table-select-check-width) var(--table-select-check-width) 0;\n      rotate: 45deg;\n      translate: 0 -10%;\n      opacity: 0;\n    }\n  }\n\n  .select {\n    display: inline-grid;\n    place-items: center;\n    inline-size: var(--table-select-size);\n    block-size: var(--table-select-size);\n    cursor: pointer;\n\n    &[data-focus-visible] .selectBox {\n      outline: var(--table-focus-ring-width) solid var(--table-focus-ring);\n      outline-offset: var(--table-focus-ring-offset);\n    }\n\n    &[data-selected] .selectBox,\n    &[data-indeterminate] .selectBox {\n      border-color: var(--table-select-bg-checked);\n      background-color: var(--table-select-bg-checked);\n\n      &::after {\n        opacity: 1;\n      }\n    }\n\n    &[data-indeterminate] .selectBox::after {\n      inline-size: calc(var(--table-select-size) * 0.55);\n      block-size: 0;\n      border-width: 0 0 var(--table-select-check-width);\n      rotate: 0deg;\n      translate: 0 0;\n    }\n  }\n\n  .empty {\n    padding: var(--table-empty-padding);\n    color: var(--table-empty-fg);\n    text-align: center;\n  }\n}\n"],"mappings":";AAEA;AACE,GAACA;AACC,cAAU;AACV,iBAAa,IAAI;AACjB,gBAAY,IAAI;AAChB,aAAS;AACT,YAAQ;AACR,cAAU;AACV,eAAW,MAAM;AACjB,iBAAa;AACb,YAAQ;AACV;AACF;;;ACJA;AACE,GAACC;AACC,cAAU;AACV,YAAQ,IAAI,iBAAiB,MAAM,IAAI;AACvC,mBAAe,IAAI;AACnB,sBAAkB,IAAI;AACtB,WAAO,IAAI;AACX,iBAAa,IAAI;AACjB,eAAW,IAAI;AACjB;AAEA,GAACC;AACC,sBAAkB,IAAI;AAEtB,iBAAa;AACb,qBAAiB;AACjB,oBAAgB;AAChB,aAAS;AAET,KAAC,CAAC;AACA,wBAAkB,IAAI;AACxB;AAEA,KAAC,CAAC;AACA,eAAS,IAAI,0BAA0B,MAAM,IAAI;AACjD,sBAAgB,KAAK,GAAG,EAAE,IAAI;AAChC;AACF;AAEA,GAACC;AACC,sBAAkB,IAAI;AACxB;AAEA,GAhCCF,eAgCS,CAAC,oBAAoB,CAJ9BE;AAKC,cAAU;AACV,uBAAmB;AACrB;AAEA,GAACC;AACC,mBAAe,IAAI;AACnB,oBAAgB,IAAI;AACpB,sBAAkB,IAAI,iBAAiB,MAAM,IAAI;AACjD,WAAO,IAAI;AACX,eAAW,IAAI;AACf,iBAAa,IAAI;AACjB,gBAAY;AACZ,oBAAgB;AAChB,oBAAgB;AAChB,aAAS;AAET,KAAC,CAAC;AACA,kBAAY;AACd;AAEA,KAAC,CAAC;AACA,cAAQ;AACV;AAEA,KAAC,CAAC,oBAAoB;AACpB,eAAS;AACT,eAAS;AACT,mBAAa,IAAI;AACjB,kBAAY,IAAI;AAChB,2BAAqB,IAAI;AACzB,yBAAmB,IAAI,qCAAqC,MAAM;AAClE,wBAAkB,IAAI,qCAAqC,MAAM;AACjE,cAAQ;AACR,iBAAW,EAAE;AACb,eAAS;AACT,kBAAY,QAAQ,IAAI,yBAAyB,IAAI;AACvD;AAEA,KAAC,CAAC,aAAa;AACb,eAAS;AACX;AAEA,KAAC,CAAC;AACA,aAAO,IAAI;AACb;AAEA,KAAC,CAAC,oBAAoB;AACpB,aAAO,IAAI;AACX,eAAS;AACX;AAEA,KAAC,CAAC,+BAAiC;AACjC,cAAQ;AACR,iBAAW,EAAE;AACf;AAEA,KAAC,CAAC;AACA,eAAS,IAAI,0BAA0B,MAAM,IAAI;AACjD,sBAAgB,KAAK,GAAG,EAAE,IAAI;AAChC;AACF;AAEA,GAACC;AACC,aAAS;AACT,gBAAY,iBAAiB,IAAI,yBAAyB,IAAI;AAE9D,KAAC,CAAC;AACA,wBAAkB,IAAI;AACxB;AAEA,KAAC,CAAC;AACA,wBAAkB,IAAI;AACxB;AAEA,KAAC,CAAC;AACA,aAAO,IAAI;AACb;AAEA,KAAC,CAAC;AACA,eAAS,IAAI,0BAA0B,MAAM,IAAI;AACjD,sBAAgB,KAAK,GAAG,EAAE,IAAI;AAChC;AACF;AAEA,GAACC;AACC,mBAAe,IAAI;AACnB,oBAAgB,IAAI;AACpB,aAAS;AAET,KAAC,CAAC;AACA,kBAAY;AACZ,4BAAsB;AACxB;AAEA,KAAC,CAAC;AACA,eAAS,IAAI,0BAA0B,MAAM,IAAI;AACjD,sBAAgB,KAAK,GAAG,EAAE,IAAI;AAChC;AACF;AAEA,GAACC,WAAK,CAtCLF,SAsCS,KAAK,aAAa,CAhB3BC;AAiBC,sBAAkB,IAAI,iBAAiB,MAAM,IAAI;AACnD;AAEA,GAACE;AAAA,EACD,CAACC;AACC,iBAAa,IAAI;AACjB,wBAAoB;AACtB;AAEA,GAACC;AACC,aAAS;AACT,mBAAe;AACf,iBAAa,IAAI;AACjB,gBAAY,IAAI;AAChB,YAAQ,IAAI,iBAAiB,MAAM,IAAI;AACvC,mBAAe,IAAI;AACnB,sBAAkB,IAAI;AACtB,gBACE,iBAAiB,IAAI,yBAAyB,IAAI,yBAAyB,EAC3E,aAAa,IAAI,yBAAyB,IAAI;AAEhD,KAAC;AACC,eAAS;AACT,mBAAa,KAAK,IAAI,qBAAqB,EAAE;AAC7C,kBAAY,KAAK,IAAI,qBAAqB,EAAE;AAC5C,oBAAc;AACd,oBAAc,IAAI;AAClB,oBAAc,EAAE,IAAI,4BAA4B,IAAI,4BAA4B;AAChF,cAAQ;AACR,iBAAW,EAAE;AACb,eAAS;AACX;AACF;AAEA,GAACC;AACC,aAAS;AACT,iBAAa;AACb,iBAAa,IAAI;AACjB,gBAAY,IAAI;AAChB,YAAQ;AAER,KAAC,CAAC,oBAAoB,CAhCvBD;AAiCG,eAAS,IAAI,0BAA0B,MAAM,IAAI;AACjD,sBAAgB,IAAI;AACtB;AAEA,KAAC,CAAC,eAAe,CArClBA;AAAA,IAsCC,CAAC,CAAC,oBAAoB,CAtCvBA;AAuCG,oBAAc,IAAI;AAClB,wBAAkB,IAAI;AAEtB,OAAC;AACC,iBAAS;AACX;AACF;AAEA,KAAC,CAAC,oBAAoB,CA/CvBA,eA+CiC;AAC9B,mBAAa,KAAK,IAAI,qBAAqB,EAAE;AAC7C,kBAAY;AACZ,oBAAc,EAAE,EAAE,IAAI;AACtB,cAAQ;AACR,iBAAW,EAAE;AACf;AACF;AAEA,GAACE;AACC,aAAS,IAAI;AACb,WAAO,IAAI;AACX,gBAAY;AACd;AACF;","names":["root","container","table","header","column","row","cell","body","selectColumn","selectCell","selectBox","select","empty"]}
+{"version":3,"sources":["../src/visually-hidden/VisuallyHidden.module.css","../src/table/Table.module.css"],"sourcesContent":["/* The clip-path technique: present in the accessibility tree, absent from the layout. */\n\n@layer reset, tokens, vendor, base, components, utilities;\n\n@layer components {\n  .root {\n    position: absolute;\n    inline-size: var(--visually-hidden-size);\n    block-size: var(--visually-hidden-size);\n    padding: 0;\n    margin: 0;\n    overflow: hidden;\n    clip-path: inset(50%);\n    white-space: nowrap;\n    border: 0;\n  }\n}\n","/*\n * Every value is a token (--table-*). Density resolves the row padding into a\n * private custom property on the table. React Aria writes the state:\n * data-hovered, data-selected, data-disabled, data-focus-visible on rows and\n * cells; data-allows-sorting and data-sort-direction on columns;\n * data-selected and data-indeterminate on the selection checkbox.\n * Rules are ordered from general to specific so no later selector has a lower\n * specificity than an earlier one for the same element.\n */\n\n@layer reset, tokens, vendor, base, components, utilities;\n\n@layer components {\n  .container {\n    overflow: auto;\n    border: var(--size-hairline) solid var(--table-border);\n    border-radius: var(--table-radius);\n    background-color: var(--table-bg);\n    color: var(--table-fg);\n    font-family: var(--table-font-family);\n    font-size: var(--table-font-size);\n  }\n\n  .table {\n    --_padding-block: var(--table-cell-padding-block-default);\n\n    inline-size: 100%;\n    border-collapse: collapse;\n    border-spacing: 0;\n    outline: none;\n\n    &[data-density=\"compact\"] {\n      --_padding-block: var(--table-cell-padding-block-compact);\n    }\n\n    &[data-focus-visible] {\n      outline: var(--table-focus-ring-width) solid var(--table-focus-ring);\n      outline-offset: calc(-1 * var(--table-focus-ring-width));\n    }\n  }\n\n  .header {\n    background-color: var(--table-header-bg);\n  }\n\n  .container[data-sticky-header] .header {\n    position: sticky;\n    inset-block-start: 0;\n  }\n\n  .column {\n    padding-block: var(--_padding-block);\n    padding-inline: var(--table-cell-padding-inline);\n    border-block-end: var(--size-hairline) solid var(--table-border);\n    color: var(--table-header-fg);\n    font-size: var(--table-header-font-size);\n    font-weight: var(--table-header-font-weight);\n    text-align: start;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    outline: none;\n\n    &[data-align=\"end\"] {\n      text-align: end;\n    }\n\n    &[data-allows-sorting] {\n      cursor: pointer;\n    }\n\n    &[data-allows-sorting]::after {\n      content: \"\";\n      display: inline-block;\n      inline-size: var(--table-header-sort-indicator-size);\n      block-size: var(--table-header-sort-indicator-size);\n      margin-inline-start: var(--table-header-sort-indicator-size);\n      border-inline-end: var(--table-header-sort-indicator-width) solid currentcolor;\n      border-block-end: var(--table-header-sort-indicator-width) solid currentcolor;\n      rotate: -135deg;\n      translate: 0 25%;\n      opacity: 0;\n      transition: opacity var(--table-motion-duration) var(--motion-easing-standard);\n    }\n\n    &[data-hovered]::after {\n      opacity: 0.5;\n    }\n\n    &[data-sort-direction] {\n      color: var(--table-header-fg-active);\n    }\n\n    &[data-sort-direction]::after {\n      color: var(--table-header-sort-indicator);\n      opacity: 1;\n    }\n\n    &[data-sort-direction=\"descending\"]::after {\n      rotate: 45deg;\n      translate: 0 -25%;\n    }\n\n    &[data-focus-visible] {\n      outline: var(--table-focus-ring-width) solid var(--table-focus-ring);\n      outline-offset: calc(-1 * var(--table-focus-ring-width));\n    }\n  }\n\n  .row {\n    outline: none;\n    transition: background-color var(--table-motion-duration) var(--motion-easing-standard);\n\n    &[data-hovered] {\n      background-color: var(--table-row-bg-hover);\n    }\n\n    &[data-selected] {\n      background-color: var(--table-row-bg-selected);\n    }\n\n    &[data-disabled] {\n      color: var(--table-row-fg-disabled);\n    }\n\n    &[data-focus-visible] {\n      outline: var(--table-focus-ring-width) solid var(--table-focus-ring);\n      outline-offset: calc(-1 * var(--table-focus-ring-width));\n    }\n  }\n\n  .cell {\n    padding-block: var(--_padding-block);\n    padding-inline: var(--table-cell-padding-inline);\n    outline: none;\n\n    &[data-align=\"end\"] {\n      text-align: end;\n      font-variant-numeric: tabular-nums;\n    }\n\n    &[data-focus-visible] {\n      outline: var(--table-focus-ring-width) solid var(--table-focus-ring);\n      outline-offset: calc(-1 * var(--table-focus-ring-width));\n    }\n  }\n\n  .body .row:not(:last-child) .cell {\n    border-block-end: var(--size-hairline) solid var(--table-border);\n  }\n\n  .selectColumn,\n  .selectCell {\n    inline-size: var(--table-select-size);\n    padding-inline-end: 0;\n  }\n\n  .selectBox {\n    display: grid;\n    place-content: center;\n    inline-size: var(--table-select-size);\n    block-size: var(--table-select-size);\n    border: var(--size-hairline) solid var(--table-select-border);\n    border-radius: var(--table-select-radius);\n    background-color: var(--table-select-bg);\n    transition:\n      background-color var(--table-motion-duration) var(--motion-easing-standard),\n      border-color var(--table-motion-duration) var(--motion-easing-standard);\n\n    &::after {\n      content: \"\";\n      inline-size: calc(var(--table-select-size) * 0.3);\n      block-size: calc(var(--table-select-size) * 0.55);\n      border-style: solid;\n      border-color: var(--table-select-check);\n      border-width: 0 var(--table-select-check-width) var(--table-select-check-width) 0;\n      rotate: 45deg;\n      translate: 0 -10%;\n      opacity: 0;\n    }\n  }\n\n  .select {\n    display: inline-grid;\n    place-items: center;\n    inline-size: var(--table-select-size);\n    block-size: var(--table-select-size);\n    cursor: pointer;\n\n    &[data-focus-visible] .selectBox {\n      outline: var(--table-focus-ring-width) solid var(--table-focus-ring);\n      outline-offset: var(--table-focus-ring-offset);\n    }\n\n    &[data-selected] .selectBox,\n    &[data-indeterminate] .selectBox {\n      border-color: var(--table-select-bg-checked);\n      background-color: var(--table-select-bg-checked);\n\n      &::after {\n        opacity: 1;\n      }\n    }\n\n    &[data-indeterminate] .selectBox::after {\n      inline-size: calc(var(--table-select-size) * 0.55);\n      block-size: 0;\n      border-width: 0 0 var(--table-select-check-width);\n      rotate: 0deg;\n      translate: 0 0;\n    }\n  }\n\n  .empty {\n    padding: var(--table-empty-padding);\n    color: var(--table-empty-fg);\n    text-align: center;\n  }\n}\n"],"mappings":"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","names":["root","container","table","header","column","row","cell","body","selectColumn","selectCell","selectBox","select","empty"]}

package/dist/table.js

@@ -1,6 +1,6 @@
-export { Table } from './chunk-7RQQASKS.js';
+export { Table } from './chunk-XGWFTFGR.js';
 import './chunk-CZBCGLEM.js';
-import './chunk-Z4PN6B2C.js';
+import './chunk-IB5UUE3S.js';
 import './chunk-MI4QUKQS.js';
 //# sourceMappingURL=table.js.map
 //# sourceMappingURL=table.js.map

package/dist/tabs.css

@@ -1,4 +1,5 @@
 /* src/tabs/Tabs.module.css */
+@layer reset, tokens, vendor, base, components, utilities;
 @layer components {
   .Tabs_root {
     display: flex;

package/dist/tabs.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/tabs/Tabs.module.css"],"sourcesContent":["/* Every value is a token (--tabs-*). The indicator is a logical border on the active tab, so vertical orientation just flips the side. */\n\n@layer components {\n  .root {\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n\n    &[data-orientation=\"vertical\"] {\n      flex-direction: row;\n    }\n  }\n\n  .list {\n    display: flex;\n    gap: var(--tabs-gap);\n    border-block-end: 1px solid var(--tabs-list-border);\n\n    &[data-orientation=\"vertical\"] {\n      flex-direction: column;\n      border-block-end: none;\n      border-inline-end: 1px solid var(--tabs-list-border);\n    }\n  }\n\n  .tab {\n    position: relative;\n    padding-block: var(--tabs-tab-padding-block);\n    padding-inline: var(--tabs-tab-padding-inline);\n    border: none;\n    border-radius: var(--tabs-tab-radius) var(--tabs-tab-radius) 0 0;\n    background-color: transparent;\n    color: var(--tabs-tab-fg);\n    font-size: var(--tabs-tab-font-size);\n    font-weight: var(--tabs-tab-font-weight);\n    line-height: 1;\n    white-space: nowrap;\n    cursor: pointer;\n    transition:\n      color var(--tabs-motion-duration) var(--motion-easing-standard),\n      background-color var(--tabs-motion-duration) var(--motion-easing-standard);\n\n    /* Indicator: a transparent border always present, coloured when active, so nothing shifts. */\n    border-block-end: 2px solid transparent;\n\n    &:focus-visible {\n      outline: var(--tabs-focus-ring-width) solid var(--tabs-focus-ring);\n      outline-offset: calc(-1 * var(--tabs-focus-ring-offset));\n    }\n\n    &:disabled {\n      cursor: not-allowed;\n      opacity: 0.55;\n    }\n\n    &[data-state=\"active\"] {\n      color: var(--tabs-tab-fg-active);\n      border-block-end-color: var(--tabs-tab-indicator);\n    }\n\n    &:hover:not(:disabled, [data-state=\"active\"]) {\n      color: var(--tabs-tab-fg-hover);\n      background-color: var(--tabs-tab-bg-hover);\n    }\n  }\n\n  .list[data-orientation=\"vertical\"] .tab {\n    border-radius: var(--tabs-tab-radius) 0 0 var(--tabs-tab-radius);\n    border-block-end: none;\n    border-inline-end: 2px solid transparent;\n    text-align: start;\n\n    &[data-state=\"active\"] {\n      border-inline-end-color: var(--tabs-tab-indicator);\n    }\n  }\n\n  .panel {\n    padding-block: var(--tabs-panel-padding-block);\n    color: var(--tabs-panel-fg);\n\n    &:focus-visible {\n      outline: var(--tabs-focus-ring-width) solid var(--tabs-focus-ring);\n      outline-offset: var(--tabs-focus-ring-offset);\n    }\n  }\n\n  .root[data-orientation=\"vertical\"] .panel {\n    padding-block: 0;\n    padding-inline-start: var(--tabs-tab-padding-inline);\n  }\n}\n"],"mappings":";AAEA;AACE,GAACA;AACC,aAAS;AACT,oBAAgB;AAChB,SAAK;AAEL,KAAC,CAAC;AACA,sBAAgB;AAClB;AACF;AAEA,GAACC;AACC,aAAS;AACT,SAAK,IAAI;AACT,sBAAkB,IAAI,MAAM,IAAI;AAEhC,KAAC,CAAC;AACA,sBAAgB;AAChB,wBAAkB;AAClB,yBAAmB,IAAI,MAAM,IAAI;AACnC;AACF;AAEA,GAACC;AACC,cAAU;AACV,mBAAe,IAAI;AACnB,oBAAgB,IAAI;AACpB,YAAQ;AACR,mBAAe,IAAI,mBAAmB,IAAI,mBAAmB,EAAE;AAC/D,sBAAkB;AAClB,WAAO,IAAI;AACX,eAAW,IAAI;AACf,iBAAa,IAAI;AACjB,iBAAa;AACb,iBAAa;AACb,YAAQ;AACR,gBACE,MAAM,IAAI,wBAAwB,IAAI,yBAAyB,EAC/D,iBAAiB,IAAI,wBAAwB,IAAI;AAGnD,sBAAkB,IAAI,MAAM;AAE5B,KAAC;AACC,eAAS,IAAI,yBAAyB,MAAM,IAAI;AAChD,sBAAgB,KAAK,GAAG,EAAE,IAAI;AAChC;AAEA,KAAC;AACC,cAAQ;AACR,eAAS;AACX;AAEA,KAAC,CAAC;AACA,aAAO,IAAI;AACX,8BAAwB,IAAI;AAC9B;AAEA,KAAC,MAAM,KAAK,WAAW,CAAC;AACtB,aAAO,IAAI;AACX,wBAAkB,IAAI;AACxB;AACF;AAEA,GArDCD,SAqDI,CAAC,2BAA6B,CAzClCC;AA0CC,mBAAe,IAAI,mBAAmB,EAAE,EAAE,IAAI;AAC9C,sBAAkB;AAClB,uBAAmB,IAAI,MAAM;AAC7B,gBAAY;AAEZ,KAAC,CAAC;AACA,+BAAyB,IAAI;AAC/B;AACF;AAEA,GAACC;AACC,mBAAe,IAAI;AACnB,WAAO,IAAI;AAEX,KAAC;AACC,eAAS,IAAI,yBAAyB,MAAM,IAAI;AAChD,sBAAgB,IAAI;AACtB;AACF;AAEA,GApFCH,SAoFI,CAAC,2BAA6B,CAVlCG;AAWC,mBAAe;AACf,0BAAsB,IAAI;AAC5B;AACF;","names":["root","list","tab","panel"]}
+{"version":3,"sources":["../src/tabs/Tabs.module.css"],"sourcesContent":["/* Every value is a token (--tabs-*). The indicator is a logical border on the active tab, so vertical orientation just flips the side. */\n\n@layer reset, tokens, vendor, base, components, utilities;\n\n@layer components {\n  .root {\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n\n    &[data-orientation=\"vertical\"] {\n      flex-direction: row;\n    }\n  }\n\n  .list {\n    display: flex;\n    gap: var(--tabs-gap);\n    border-block-end: 1px solid var(--tabs-list-border);\n\n    &[data-orientation=\"vertical\"] {\n      flex-direction: column;\n      border-block-end: none;\n      border-inline-end: 1px solid var(--tabs-list-border);\n    }\n  }\n\n  .tab {\n    position: relative;\n    padding-block: var(--tabs-tab-padding-block);\n    padding-inline: var(--tabs-tab-padding-inline);\n    border: none;\n    border-radius: var(--tabs-tab-radius) var(--tabs-tab-radius) 0 0;\n    background-color: transparent;\n    color: var(--tabs-tab-fg);\n    font-size: var(--tabs-tab-font-size);\n    font-weight: var(--tabs-tab-font-weight);\n    line-height: 1;\n    white-space: nowrap;\n    cursor: pointer;\n    transition:\n      color var(--tabs-motion-duration) var(--motion-easing-standard),\n      background-color var(--tabs-motion-duration) var(--motion-easing-standard);\n\n    /* Indicator: a transparent border always present, coloured when active, so nothing shifts. */\n    border-block-end: 2px solid transparent;\n\n    &:focus-visible {\n      outline: var(--tabs-focus-ring-width) solid var(--tabs-focus-ring);\n      outline-offset: calc(-1 * var(--tabs-focus-ring-offset));\n    }\n\n    &:disabled {\n      cursor: not-allowed;\n      opacity: 0.55;\n    }\n\n    &[data-state=\"active\"] {\n      color: var(--tabs-tab-fg-active);\n      border-block-end-color: var(--tabs-tab-indicator);\n    }\n\n    &:hover:not(:disabled, [data-state=\"active\"]) {\n      color: var(--tabs-tab-fg-hover);\n      background-color: var(--tabs-tab-bg-hover);\n    }\n  }\n\n  .list[data-orientation=\"vertical\"] .tab {\n    border-radius: var(--tabs-tab-radius) 0 0 var(--tabs-tab-radius);\n    border-block-end: none;\n    border-inline-end: 2px solid transparent;\n    text-align: start;\n\n    &[data-state=\"active\"] {\n      border-inline-end-color: var(--tabs-tab-indicator);\n    }\n  }\n\n  .panel {\n    padding-block: var(--tabs-panel-padding-block);\n    color: var(--tabs-panel-fg);\n\n    &:focus-visible {\n      outline: var(--tabs-focus-ring-width) solid var(--tabs-focus-ring);\n      outline-offset: var(--tabs-focus-ring-offset);\n    }\n  }\n\n  .root[data-orientation=\"vertical\"] .panel {\n    padding-block: 0;\n    padding-inline-start: var(--tabs-tab-padding-inline);\n  }\n}\n"],"mappings":";AAEA;AAEA;AACE,GAACA;AACC,aAAS;AACT,oBAAgB;AAChB,SAAK;AAEL,KAAC,CAAC;AACA,sBAAgB;AAClB;AACF;AAEA,GAACC;AACC,aAAS;AACT,SAAK,IAAI;AACT,sBAAkB,IAAI,MAAM,IAAI;AAEhC,KAAC,CAAC;AACA,sBAAgB;AAChB,wBAAkB;AAClB,yBAAmB,IAAI,MAAM,IAAI;AACnC;AACF;AAEA,GAACC;AACC,cAAU;AACV,mBAAe,IAAI;AACnB,oBAAgB,IAAI;AACpB,YAAQ;AACR,mBAAe,IAAI,mBAAmB,IAAI,mBAAmB,EAAE;AAC/D,sBAAkB;AAClB,WAAO,IAAI;AACX,eAAW,IAAI;AACf,iBAAa,IAAI;AACjB,iBAAa;AACb,iBAAa;AACb,YAAQ;AACR,gBACE,MAAM,IAAI,wBAAwB,IAAI,yBAAyB,EAC/D,iBAAiB,IAAI,wBAAwB,IAAI;AAGnD,sBAAkB,IAAI,MAAM;AAE5B,KAAC;AACC,eAAS,IAAI,yBAAyB,MAAM,IAAI;AAChD,sBAAgB,KAAK,GAAG,EAAE,IAAI;AAChC;AAEA,KAAC;AACC,cAAQ;AACR,eAAS;AACX;AAEA,KAAC,CAAC;AACA,aAAO,IAAI;AACX,8BAAwB,IAAI;AAC9B;AAEA,KAAC,MAAM,KAAK,WAAW,CAAC;AACtB,aAAO,IAAI;AACX,wBAAkB,IAAI;AACxB;AACF;AAEA,GArDCD,SAqDI,CAAC,2BAA6B,CAzClCC;AA0CC,mBAAe,IAAI,mBAAmB,EAAE,EAAE,IAAI;AAC9C,sBAAkB;AAClB,uBAAmB,IAAI,MAAM;AAC7B,gBAAY;AAEZ,KAAC,CAAC;AACA,+BAAyB,IAAI;AAC/B;AACF;AAEA,GAACC;AACC,mBAAe,IAAI;AACnB,WAAO,IAAI;AAEX,KAAC;AACC,eAAS,IAAI,yBAAyB,MAAM,IAAI;AAChD,sBAAgB,IAAI;AACtB;AACF;AAEA,GApFCH,SAoFI,CAAC,2BAA6B,CAVlCG;AAWC,mBAAe;AACf,0BAAsB,IAAI;AAC5B;AACF;","names":["root","list","tab","panel"]}

package/dist/tabs.js

@@ -1,4 +1,4 @@
-export { Tabs } from './chunk-FH54XQ35.js';
+export { Tabs } from './chunk-2IYYES7V.js';
 import './chunk-I5OZ63W7.js';
 import './chunk-MI4QUKQS.js';
 //# sourceMappingURL=tabs.js.map

package/dist/text-field.css

@@ -1,4 +1,5 @@
 /* src/field/Field.module.css */
+@layer reset, tokens, vendor, base, components, utilities;
 @layer components {
   .Field_field {
     display: flex;
@@ -27,6 +28,7 @@
 }
 
 /* src/text-field/TextField.module.css */
+@layer reset, tokens, vendor, base, components, utilities;
 @layer components {
   .TextField_field {
     font-family: var(--text-field-font-family);

package/dist/text-field.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/field/Field.module.css","../src/text-field/TextField.module.css"],"sourcesContent":["/* Every value is a token (--field-*). The control itself brings its own styles. */\n\n@layer components {\n  .field {\n    display: flex;\n    flex-direction: column;\n    gap: var(--field-gap);\n  }\n\n  .label {\n    font-size: var(--field-label-font-size);\n    font-weight: var(--field-label-font-weight);\n    color: var(--field-label-fg);\n  }\n\n  .required {\n    margin-inline-start: var(--field-required-gap);\n    color: var(--field-required-fg);\n  }\n\n  .description {\n    margin: 0;\n    font-size: var(--field-description-font-size);\n    color: var(--field-description-fg);\n  }\n\n  .error {\n    margin: 0;\n    font-size: var(--field-error-font-size);\n    color: var(--field-error-fg);\n  }\n}\n","/*\n * The input's own styles (--text-field-*). Label, description and error come\n * from Field. State lives on the wrapper as data attributes and on the input\n * as native pseudo-classes.\n */\n\n@layer components {\n  .field {\n    font-family: var(--text-field-font-family);\n  }\n\n  .input {\n    min-block-size: var(--text-field-height-md);\n    padding-block: 0;\n    padding-inline: var(--text-field-padding-inline);\n    border: 1px solid var(--text-field-border-default);\n    border-radius: var(--text-field-radius);\n    background-color: var(--text-field-bg);\n    color: var(--text-field-fg);\n    font-size: var(--text-field-font-size-md);\n    transition:\n      border-color var(--text-field-motion-duration) var(--motion-easing-standard),\n      background-color var(--text-field-motion-duration) var(--motion-easing-standard);\n\n    &::placeholder {\n      color: var(--text-field-placeholder);\n    }\n\n    &:focus-visible {\n      border-color: var(--text-field-border-focus);\n      outline: var(--text-field-focus-ring-width) solid var(--text-field-focus-ring);\n      outline-offset: var(--text-field-focus-ring-offset);\n    }\n\n    &:disabled {\n      cursor: not-allowed;\n      opacity: 0.55;\n    }\n\n    &:read-only:not(:disabled) {\n      background-color: var(--color-surface-sunken);\n    }\n\n    &:hover:not(:disabled, :focus-visible) {\n      border-color: var(--text-field-border-hover);\n    }\n  }\n\n  .field[data-size=\"sm\"] .input {\n    min-block-size: var(--text-field-height-sm);\n    font-size: var(--text-field-font-size-sm);\n  }\n\n  .field[data-size=\"lg\"] .input {\n    min-block-size: var(--text-field-height-lg);\n    font-size: var(--text-field-font-size-lg);\n  }\n\n  .field[data-invalid] .input {\n    border-color: var(--text-field-border-invalid);\n  }\n}\n"],"mappings":";AAEA;AACE,GAACA;AACC,aAAS;AACT,oBAAgB;AAChB,SAAK,IAAI;AACX;AAEA,GAACC;AACC,eAAW,IAAI;AACf,iBAAa,IAAI;AACjB,WAAO,IAAI;AACb;AAEA,GAACC;AACC,yBAAqB,IAAI;AACzB,WAAO,IAAI;AACb;AAEA,GAACC;AACC,YAAQ;AACR,eAAW,IAAI;AACf,WAAO,IAAI;AACb;AAEA,GAACC;AACC,YAAQ;AACR,eAAW,IAAI;AACf,WAAO,IAAI;AACb;AACF;;;ACzBA;AACE,GAACC;AACC,iBAAa,IAAI;AACnB;AAEA,GAACC;AACC,oBAAgB,IAAI;AACpB,mBAAe;AACf,oBAAgB,IAAI;AACpB,YAAQ,IAAI,MAAM,IAAI;AACtB,mBAAe,IAAI;AACnB,sBAAkB,IAAI;AACtB,WAAO,IAAI;AACX,eAAW,IAAI;AACf,gBACE,aAAa,IAAI,8BAA8B,IAAI,yBAAyB,EAC5E,iBAAiB,IAAI,8BAA8B,IAAI;AAEzD,KAAC;AACC,aAAO,IAAI;AACb;AAEA,KAAC;AACC,oBAAc,IAAI;AAClB,eAAS,IAAI,+BAA+B,MAAM,IAAI;AACtD,sBAAgB,IAAI;AACtB;AAEA,KAAC;AACC,cAAQ;AACR,eAAS;AACX;AAEA,KAAC,UAAU,KAAK;AACd,wBAAkB,IAAI;AACxB;AAEA,KAAC,MAAM,KAAK,WAAW;AACrB,oBAAc,IAAI;AACpB;AACF;AAEA,GAzCCD,eAyCK,CAAC,cAAgB,CArCtBC;AAsCC,oBAAgB,IAAI;AACpB,eAAW,IAAI;AACjB;AAEA,GA9CCD,eA8CK,CAAC,cAAgB,CA1CtBC;AA2CC,oBAAgB,IAAI;AACpB,eAAW,IAAI;AACjB;AAEA,GAnDCD,eAmDK,CAAC,cAAc,CA/CpBC;AAgDC,kBAAc,IAAI;AACpB;AACF;","names":["field","label","required","description","error","field","input"]}
+{"version":3,"sources":["../src/field/Field.module.css","../src/text-field/TextField.module.css"],"sourcesContent":["/* Every value is a token (--field-*). The control itself brings its own styles. */\n\n@layer reset, tokens, vendor, base, components, utilities;\n\n@layer components {\n  .field {\n    display: flex;\n    flex-direction: column;\n    gap: var(--field-gap);\n  }\n\n  .label {\n    font-size: var(--field-label-font-size);\n    font-weight: var(--field-label-font-weight);\n    color: var(--field-label-fg);\n  }\n\n  .required {\n    margin-inline-start: var(--field-required-gap);\n    color: var(--field-required-fg);\n  }\n\n  .description {\n    margin: 0;\n    font-size: var(--field-description-font-size);\n    color: var(--field-description-fg);\n  }\n\n  .error {\n    margin: 0;\n    font-size: var(--field-error-font-size);\n    color: var(--field-error-fg);\n  }\n}\n","/*\n * The input's own styles (--text-field-*). Label, description and error come\n * from Field. State lives on the wrapper as data attributes and on the input\n * as native pseudo-classes.\n */\n\n@layer reset, tokens, vendor, base, components, utilities;\n\n@layer components {\n  .field {\n    font-family: var(--text-field-font-family);\n  }\n\n  .input {\n    min-block-size: var(--text-field-height-md);\n    padding-block: 0;\n    padding-inline: var(--text-field-padding-inline);\n    border: 1px solid var(--text-field-border-default);\n    border-radius: var(--text-field-radius);\n    background-color: var(--text-field-bg);\n    color: var(--text-field-fg);\n    font-size: var(--text-field-font-size-md);\n    transition:\n      border-color var(--text-field-motion-duration) var(--motion-easing-standard),\n      background-color var(--text-field-motion-duration) var(--motion-easing-standard);\n\n    &::placeholder {\n      color: var(--text-field-placeholder);\n    }\n\n    &:focus-visible {\n      border-color: var(--text-field-border-focus);\n      outline: var(--text-field-focus-ring-width) solid var(--text-field-focus-ring);\n      outline-offset: var(--text-field-focus-ring-offset);\n    }\n\n    &:disabled {\n      cursor: not-allowed;\n      opacity: 0.55;\n    }\n\n    &:read-only:not(:disabled) {\n      background-color: var(--color-surface-sunken);\n    }\n\n    &:hover:not(:disabled, :focus-visible) {\n      border-color: var(--text-field-border-hover);\n    }\n  }\n\n  .field[data-size=\"sm\"] .input {\n    min-block-size: var(--text-field-height-sm);\n    font-size: var(--text-field-font-size-sm);\n  }\n\n  .field[data-size=\"lg\"] .input {\n    min-block-size: var(--text-field-height-lg);\n    font-size: var(--text-field-font-size-lg);\n  }\n\n  .field[data-invalid] .input {\n    border-color: var(--text-field-border-invalid);\n  }\n}\n"],"mappings":";AAEA;AAEA;AACE,GAACA;AACC,aAAS;AACT,oBAAgB;AAChB,SAAK,IAAI;AACX;AAEA,GAACC;AACC,eAAW,IAAI;AACf,iBAAa,IAAI;AACjB,WAAO,IAAI;AACb;AAEA,GAACC;AACC,yBAAqB,IAAI;AACzB,WAAO,IAAI;AACb;AAEA,GAACC;AACC,YAAQ;AACR,eAAW,IAAI;AACf,WAAO,IAAI;AACb;AAEA,GAACC;AACC,YAAQ;AACR,eAAW,IAAI;AACf,WAAO,IAAI;AACb;AACF;;;AC3BA;AAEA;AACE,GAACC;AACC,iBAAa,IAAI;AACnB;AAEA,GAACC;AACC,oBAAgB,IAAI;AACpB,mBAAe;AACf,oBAAgB,IAAI;AACpB,YAAQ,IAAI,MAAM,IAAI;AACtB,mBAAe,IAAI;AACnB,sBAAkB,IAAI;AACtB,WAAO,IAAI;AACX,eAAW,IAAI;AACf,gBACE,aAAa,IAAI,8BAA8B,IAAI,yBAAyB,EAC5E,iBAAiB,IAAI,8BAA8B,IAAI;AAEzD,KAAC;AACC,aAAO,IAAI;AACb;AAEA,KAAC;AACC,oBAAc,IAAI;AAClB,eAAS,IAAI,+BAA+B,MAAM,IAAI;AACtD,sBAAgB,IAAI;AACtB;AAEA,KAAC;AACC,cAAQ;AACR,eAAS;AACX;AAEA,KAAC,UAAU,KAAK;AACd,wBAAkB,IAAI;AACxB;AAEA,KAAC,MAAM,KAAK,WAAW;AACrB,oBAAc,IAAI;AACpB;AACF;AAEA,GAzCCD,eAyCK,CAAC,cAAgB,CArCtBC;AAsCC,oBAAgB,IAAI;AACpB,eAAW,IAAI;AACjB;AAEA,GA9CCD,eA8CK,CAAC,cAAgB,CA1CtBC;AA2CC,oBAAgB,IAAI;AACpB,eAAW,IAAI;AACjB;AAEA,GAnDCD,eAmDK,CAAC,cAAc,CA/CpBC;AAgDC,kBAAc,IAAI;AACpB;AACF;","names":["field","label","required","description","error","field","input"]}

package/dist/text-field.js

@@ -1,5 +1,5 @@
-export { TextField } from './chunk-MXWXJZFS.js';
-import './chunk-2PXTVZ7H.js';
+export { TextField } from './chunk-IFIQLIA3.js';
+import './chunk-M5VL22MY.js';
 import './chunk-ZVDN3GRI.js';
 import './chunk-MI4QUKQS.js';
 //# sourceMappingURL=text-field.js.map

package/dist/text.css

@@ -1,4 +1,5 @@
 /* src/text/Text.module.css */
+@layer reset, tokens, vendor, base, components, utilities;
 @layer components {
   .Text_text {
     margin: 0;

package/dist/text.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/text/Text.module.css"],"sourcesContent":["/* Every value is a token (--text-*). Variants are data attributes. */\n\n@layer components {\n  .text {\n    margin: 0;\n    font-family: var(--text-font-family-body);\n    font-size: var(--text-size-md);\n    font-weight: var(--text-weight-regular);\n    line-height: var(--text-line-height);\n    color: var(--text-tone-default);\n\n    &[data-size=\"xs\"] { font-size: var(--text-size-xs); }\n    &[data-size=\"sm\"] { font-size: var(--text-size-sm); }\n    &[data-size=\"lg\"] { font-size: var(--text-size-lg); }\n    &[data-size=\"xl\"] { font-size: var(--text-size-xl); }\n    &[data-weight=\"medium\"] { font-weight: var(--text-weight-medium); }\n    &[data-weight=\"semibold\"] { font-weight: var(--text-weight-semibold); }\n    &[data-tone=\"muted\"] { color: var(--text-tone-muted); }\n    &[data-tone=\"faint\"] { color: var(--text-tone-faint); }\n    &[data-family=\"mono\"] { font-family: var(--text-font-family-mono); }\n    &[data-align=\"start\"] { text-align: start; }\n    &[data-align=\"center\"] { text-align: center; }\n    &[data-align=\"end\"] { text-align: end; }\n\n    &[data-truncate] {\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n  }\n}\n"],"mappings":";AAEA;AACE,GAACA;AACC,YAAQ;AACR,iBAAa,IAAI;AACjB,eAAW,IAAI;AACf,iBAAa,IAAI;AACjB,iBAAa,IAAI;AACjB,WAAO,IAAI;AAEX,KAAC,CAAC;AAAkB,iBAAW,IAAI;AAAiB;AACpD,KAAC,CAAC;AAAkB,iBAAW,IAAI;AAAiB;AACpD,KAAC,CAAC;AAAkB,iBAAW,IAAI;AAAiB;AACpD,KAAC,CAAC;AAAkB,iBAAW,IAAI;AAAiB;AACpD,KAAC,CAAC;AAAwB,mBAAa,IAAI;AAAuB;AAClE,KAAC,CAAC;AAA0B,mBAAa,IAAI;AAAyB;AACtE,KAAC,CAAC;AAAqB,aAAO,IAAI;AAAoB;AACtD,KAAC,CAAC;AAAqB,aAAO,IAAI;AAAoB;AACtD,KAAC,CAAC;AAAsB,mBAAa,IAAI;AAA0B;AACnE,KAAC,CAAC;AAAsB,kBAAY;AAAO;AAC3C,KAAC,CAAC;AAAuB,kBAAY;AAAQ;AAC7C,KAAC,CAAC;AAAoB,kBAAY;AAAK;AAEvC,KAAC,CAAC;AACA,gBAAU;AACV,qBAAe;AACf,mBAAa;AACf;AACF;AACF;","names":["text"]}
+{"version":3,"sources":["../src/text/Text.module.css"],"sourcesContent":["/* Every value is a token (--text-*). Variants are data attributes. */\n\n@layer reset, tokens, vendor, base, components, utilities;\n\n@layer components {\n  .text {\n    margin: 0;\n    font-family: var(--text-font-family-body);\n    font-size: var(--text-size-md);\n    font-weight: var(--text-weight-regular);\n    line-height: var(--text-line-height);\n    color: var(--text-tone-default);\n\n    &[data-size=\"xs\"] { font-size: var(--text-size-xs); }\n    &[data-size=\"sm\"] { font-size: var(--text-size-sm); }\n    &[data-size=\"lg\"] { font-size: var(--text-size-lg); }\n    &[data-size=\"xl\"] { font-size: var(--text-size-xl); }\n    &[data-weight=\"medium\"] { font-weight: var(--text-weight-medium); }\n    &[data-weight=\"semibold\"] { font-weight: var(--text-weight-semibold); }\n    &[data-tone=\"muted\"] { color: var(--text-tone-muted); }\n    &[data-tone=\"faint\"] { color: var(--text-tone-faint); }\n    &[data-family=\"mono\"] { font-family: var(--text-font-family-mono); }\n    &[data-align=\"start\"] { text-align: start; }\n    &[data-align=\"center\"] { text-align: center; }\n    &[data-align=\"end\"] { text-align: end; }\n\n    &[data-truncate] {\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n  }\n}\n"],"mappings":";AAEA;AAEA;AACE,GAACA;AACC,YAAQ;AACR,iBAAa,IAAI;AACjB,eAAW,IAAI;AACf,iBAAa,IAAI;AACjB,iBAAa,IAAI;AACjB,WAAO,IAAI;AAEX,KAAC,CAAC;AAAkB,iBAAW,IAAI;AAAiB;AACpD,KAAC,CAAC;AAAkB,iBAAW,IAAI;AAAiB;AACpD,KAAC,CAAC;AAAkB,iBAAW,IAAI;AAAiB;AACpD,KAAC,CAAC;AAAkB,iBAAW,IAAI;AAAiB;AACpD,KAAC,CAAC;AAAwB,mBAAa,IAAI;AAAuB;AAClE,KAAC,CAAC;AAA0B,mBAAa,IAAI;AAAyB;AACtE,KAAC,CAAC;AAAqB,aAAO,IAAI;AAAoB;AACtD,KAAC,CAAC;AAAqB,aAAO,IAAI;AAAoB;AACtD,KAAC,CAAC;AAAsB,mBAAa,IAAI;AAA0B;AACnE,KAAC,CAAC;AAAsB,kBAAY;AAAO;AAC3C,KAAC,CAAC;AAAuB,kBAAY;AAAQ;AAC7C,KAAC,CAAC;AAAoB,kBAAY;AAAK;AAEvC,KAAC,CAAC;AACA,gBAAU;AACV,qBAAe;AACf,mBAAa;AACf;AACF;AACF;","names":["text"]}

package/dist/text.js

@@ -1,4 +1,4 @@
-export { Text } from './chunk-2ZP4ZBI5.js';
+export { Text } from './chunk-LKWZZIRZ.js';
 import './chunk-MI4QUKQS.js';
 //# sourceMappingURL=text.js.map
 //# sourceMappingURL=text.js.map

package/dist/textarea.css

@@ -1,4 +1,5 @@
 /* src/field/Field.module.css */
+@layer reset, tokens, vendor, base, components, utilities;
 @layer components {
   .Field_field {
     display: flex;
@@ -27,6 +28,7 @@
 }
 
 /* src/textarea/Textarea.module.css */
+@layer reset, tokens, vendor, base, components, utilities;
 @layer components {
   .Textarea_field {
     font-family: var(--textarea-font-family);

package/dist/textarea.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/field/Field.module.css","../src/textarea/Textarea.module.css"],"sourcesContent":["/* Every value is a token (--field-*). The control itself brings its own styles. */\n\n@layer components {\n  .field {\n    display: flex;\n    flex-direction: column;\n    gap: var(--field-gap);\n  }\n\n  .label {\n    font-size: var(--field-label-font-size);\n    font-weight: var(--field-label-font-weight);\n    color: var(--field-label-fg);\n  }\n\n  .required {\n    margin-inline-start: var(--field-required-gap);\n    color: var(--field-required-fg);\n  }\n\n  .description {\n    margin: 0;\n    font-size: var(--field-description-font-size);\n    color: var(--field-description-fg);\n  }\n\n  .error {\n    margin: 0;\n    font-size: var(--field-error-font-size);\n    color: var(--field-error-fg);\n  }\n}\n","/* Every value is a token (--textarea-*). Label, description and error come from Field. */\n\n@layer components {\n  .field {\n    font-family: var(--textarea-font-family);\n  }\n\n  .textarea {\n    min-block-size: var(--textarea-min-height);\n    padding-block: var(--textarea-padding-block);\n    padding-inline: var(--textarea-padding-inline);\n    border: var(--size-hairline) solid var(--textarea-border-default);\n    border-radius: var(--textarea-radius);\n    background-color: var(--textarea-bg);\n    color: var(--textarea-fg);\n    font-size: var(--textarea-font-size-md);\n    line-height: var(--textarea-line-height);\n    resize: vertical;\n    transition:\n      border-color var(--textarea-motion-duration) var(--motion-easing-standard),\n      background-color var(--textarea-motion-duration) var(--motion-easing-standard);\n\n    &::placeholder {\n      color: var(--textarea-placeholder);\n    }\n\n    &:focus-visible {\n      border-color: var(--textarea-border-focus);\n      outline: var(--textarea-focus-ring-width) solid var(--textarea-focus-ring);\n      outline-offset: var(--textarea-focus-ring-offset);\n    }\n\n    &:disabled {\n      cursor: not-allowed;\n      opacity: 0.55;\n    }\n\n    &:read-only:not(:disabled) {\n      background-color: var(--color-surface-sunken);\n    }\n\n    &:hover:not(:disabled, :focus-visible) {\n      border-color: var(--textarea-border-hover);\n    }\n  }\n\n  .field[data-size=\"sm\"] .textarea { font-size: var(--textarea-font-size-sm); }\n  .field[data-size=\"lg\"] .textarea { font-size: var(--textarea-font-size-lg); }\n  .field[data-resize=\"none\"] .textarea { resize: none; }\n  .field[data-resize=\"both\"] .textarea { resize: both; }\n  .field[data-auto-grow] .textarea { field-sizing: content; }\n  .field[data-invalid] .textarea { border-color: var(--textarea-border-invalid); }\n}\n"],"mappings":";AAEA;AACE,GAACA;AACC,aAAS;AACT,oBAAgB;AAChB,SAAK,IAAI;AACX;AAEA,GAACC;AACC,eAAW,IAAI;AACf,iBAAa,IAAI;AACjB,WAAO,IAAI;AACb;AAEA,GAACC;AACC,yBAAqB,IAAI;AACzB,WAAO,IAAI;AACb;AAEA,GAACC;AACC,YAAQ;AACR,eAAW,IAAI;AACf,WAAO,IAAI;AACb;AAEA,GAACC;AACC,YAAQ;AACR,eAAW,IAAI;AACf,WAAO,IAAI;AACb;AACF;;;AC7BA;AACE,GAACC;AACC,iBAAa,IAAI;AACnB;AAEA,GAACC;AACC,oBAAgB,IAAI;AACpB,mBAAe,IAAI;AACnB,oBAAgB,IAAI;AACpB,YAAQ,IAAI,iBAAiB,MAAM,IAAI;AACvC,mBAAe,IAAI;AACnB,sBAAkB,IAAI;AACtB,WAAO,IAAI;AACX,eAAW,IAAI;AACf,iBAAa,IAAI;AACjB,YAAQ;AACR,gBACE,aAAa,IAAI,4BAA4B,IAAI,yBAAyB,EAC1E,iBAAiB,IAAI,4BAA4B,IAAI;AAEvD,KAAC;AACC,aAAO,IAAI;AACb;AAEA,KAAC;AACC,oBAAc,IAAI;AAClB,eAAS,IAAI,6BAA6B,MAAM,IAAI;AACpD,sBAAgB,IAAI;AACtB;AAEA,KAAC;AACC,cAAQ;AACR,eAAS;AACX;AAEA,KAAC,UAAU,KAAK;AACd,wBAAkB,IAAI;AACxB;AAEA,KAAC,MAAM,KAAK,WAAW;AACrB,oBAAc,IAAI;AACpB;AACF;AAEA,GA3CCD,cA2CK,CAAC,cAAgB,CAvCtBC;AAuCkC,eAAW,IAAI;AAA0B;AAC5E,GA5CCD,cA4CK,CAAC,cAAgB,CAxCtBC;AAwCkC,eAAW,IAAI;AAA0B;AAC5E,GA7CCD,cA6CK,CAAC,kBAAoB,CAzC1BC;AAyCsC,YAAQ;AAAM;AACrD,GA9CCD,cA8CK,CAAC,kBAAoB,CA1C1BC;AA0CsC,YAAQ;AAAM;AACrD,GA/CCD,cA+CK,CAAC,gBAAgB,CA3CtBC;AA2CkC,kBAAc;AAAS;AAC1D,GAhDCD,cAgDK,CAAC,cAAc,CA5CpBC;AA4CgC,kBAAc,IAAI;AAA4B;AACjF;","names":["field","label","required","description","error","field","textarea"]}
+{"version":3,"sources":["../src/field/Field.module.css","../src/textarea/Textarea.module.css"],"sourcesContent":["/* Every value is a token (--field-*). The control itself brings its own styles. */\n\n@layer reset, tokens, vendor, base, components, utilities;\n\n@layer components {\n  .field {\n    display: flex;\n    flex-direction: column;\n    gap: var(--field-gap);\n  }\n\n  .label {\n    font-size: var(--field-label-font-size);\n    font-weight: var(--field-label-font-weight);\n    color: var(--field-label-fg);\n  }\n\n  .required {\n    margin-inline-start: var(--field-required-gap);\n    color: var(--field-required-fg);\n  }\n\n  .description {\n    margin: 0;\n    font-size: var(--field-description-font-size);\n    color: var(--field-description-fg);\n  }\n\n  .error {\n    margin: 0;\n    font-size: var(--field-error-font-size);\n    color: var(--field-error-fg);\n  }\n}\n","/* Every value is a token (--textarea-*). Label, description and error come from Field. */\n\n@layer reset, tokens, vendor, base, components, utilities;\n\n@layer components {\n  .field {\n    font-family: var(--textarea-font-family);\n  }\n\n  .textarea {\n    min-block-size: var(--textarea-min-height);\n    padding-block: var(--textarea-padding-block);\n    padding-inline: var(--textarea-padding-inline);\n    border: var(--size-hairline) solid var(--textarea-border-default);\n    border-radius: var(--textarea-radius);\n    background-color: var(--textarea-bg);\n    color: var(--textarea-fg);\n    font-size: var(--textarea-font-size-md);\n    line-height: var(--textarea-line-height);\n    resize: vertical;\n    transition:\n      border-color var(--textarea-motion-duration) var(--motion-easing-standard),\n      background-color var(--textarea-motion-duration) var(--motion-easing-standard);\n\n    &::placeholder {\n      color: var(--textarea-placeholder);\n    }\n\n    &:focus-visible {\n      border-color: var(--textarea-border-focus);\n      outline: var(--textarea-focus-ring-width) solid var(--textarea-focus-ring);\n      outline-offset: var(--textarea-focus-ring-offset);\n    }\n\n    &:disabled {\n      cursor: not-allowed;\n      opacity: 0.55;\n    }\n\n    &:read-only:not(:disabled) {\n      background-color: var(--color-surface-sunken);\n    }\n\n    &:hover:not(:disabled, :focus-visible) {\n      border-color: var(--textarea-border-hover);\n    }\n  }\n\n  .field[data-size=\"sm\"] .textarea { font-size: var(--textarea-font-size-sm); }\n  .field[data-size=\"lg\"] .textarea { font-size: var(--textarea-font-size-lg); }\n  .field[data-resize=\"none\"] .textarea { resize: none; }\n  .field[data-resize=\"both\"] .textarea { resize: both; }\n  .field[data-auto-grow] .textarea { field-sizing: content; }\n  .field[data-invalid] .textarea { border-color: var(--textarea-border-invalid); }\n}\n"],"mappings":";AAEA;AAEA;AACE,GAACA;AACC,aAAS;AACT,oBAAgB;AAChB,SAAK,IAAI;AACX;AAEA,GAACC;AACC,eAAW,IAAI;AACf,iBAAa,IAAI;AACjB,WAAO,IAAI;AACb;AAEA,GAACC;AACC,yBAAqB,IAAI;AACzB,WAAO,IAAI;AACb;AAEA,GAACC;AACC,YAAQ;AACR,eAAW,IAAI;AACf,WAAO,IAAI;AACb;AAEA,GAACC;AACC,YAAQ;AACR,eAAW,IAAI;AACf,WAAO,IAAI;AACb;AACF;;;AC/BA;AAEA;AACE,GAACC;AACC,iBAAa,IAAI;AACnB;AAEA,GAACC;AACC,oBAAgB,IAAI;AACpB,mBAAe,IAAI;AACnB,oBAAgB,IAAI;AACpB,YAAQ,IAAI,iBAAiB,MAAM,IAAI;AACvC,mBAAe,IAAI;AACnB,sBAAkB,IAAI;AACtB,WAAO,IAAI;AACX,eAAW,IAAI;AACf,iBAAa,IAAI;AACjB,YAAQ;AACR,gBACE,aAAa,IAAI,4BAA4B,IAAI,yBAAyB,EAC1E,iBAAiB,IAAI,4BAA4B,IAAI;AAEvD,KAAC;AACC,aAAO,IAAI;AACb;AAEA,KAAC;AACC,oBAAc,IAAI;AAClB,eAAS,IAAI,6BAA6B,MAAM,IAAI;AACpD,sBAAgB,IAAI;AACtB;AAEA,KAAC;AACC,cAAQ;AACR,eAAS;AACX;AAEA,KAAC,UAAU,KAAK;AACd,wBAAkB,IAAI;AACxB;AAEA,KAAC,MAAM,KAAK,WAAW;AACrB,oBAAc,IAAI;AACpB;AACF;AAEA,GA3CCD,cA2CK,CAAC,cAAgB,CAvCtBC;AAuCkC,eAAW,IAAI;AAA0B;AAC5E,GA5CCD,cA4CK,CAAC,cAAgB,CAxCtBC;AAwCkC,eAAW,IAAI;AAA0B;AAC5E,GA7CCD,cA6CK,CAAC,kBAAoB,CAzC1BC;AAyCsC,YAAQ;AAAM;AACrD,GA9CCD,cA8CK,CAAC,kBAAoB,CA1C1BC;AA0CsC,YAAQ;AAAM;AACrD,GA/CCD,cA+CK,CAAC,gBAAgB,CA3CtBC;AA2CkC,kBAAc;AAAS;AAC1D,GAhDCD,cAgDK,CAAC,cAAc,CA5CpBC;AA4CgC,kBAAc,IAAI;AAA4B;AACjF;","names":["field","label","required","description","error","field","textarea"]}

package/dist/textarea.js

@@ -1,5 +1,5 @@
-export { Textarea } from './chunk-TGMDOQCL.js';
-import './chunk-2PXTVZ7H.js';
+export { Textarea } from './chunk-5PYLJQJX.js';
+import './chunk-M5VL22MY.js';
 import './chunk-ZVDN3GRI.js';
 import './chunk-MI4QUKQS.js';
 //# sourceMappingURL=textarea.js.map

package/dist/toast.css

@@ -1,4 +1,5 @@
 /* src/icon/Icon.module.css */
+@layer reset, tokens, vendor, base, components, utilities;
 @layer components {
   .Icon_icon {
     display: inline-flex;
@@ -24,6 +25,7 @@
 }
 
 /* src/visually-hidden/VisuallyHidden.module.css */
+@layer reset, tokens, vendor, base, components, utilities;
 @layer components {
   .VisuallyHidden_root {
     position: absolute;
@@ -39,6 +41,7 @@
 }
 
 /* src/spinner/Spinner.module.css */
+@layer reset, tokens, vendor, base, components, utilities;
 @layer components {
   .Spinner_spinner {
     --_size: var(--spinner-size-md);
@@ -84,6 +87,7 @@
 }
 
 /* src/button/Button.module.css */
+@layer reset, tokens, vendor, base, components, utilities;
 @layer components {
   .Button_button {
     display: inline-flex;
@@ -102,6 +106,7 @@
     text-decoration: none;
     white-space: nowrap;
     cursor: pointer;
+    -webkit-user-select: none;
     user-select: none;
     transition:
       background-color var(--button-motion-duration) var(--motion-easing-standard),
@@ -161,6 +166,7 @@
 }
 
 /* src/icon-button/IconButton.module.css */
+@layer reset, tokens, vendor, base, components, utilities;
 @layer components {
   .IconButton_iconButton[data-icon-only] {
     gap: 0;
@@ -176,6 +182,7 @@
 }
 
 /* src/alert/Alert.module.css */
+@layer reset, tokens, vendor, base, components, utilities;
 @layer components {
   .Alert_alert {
     --_bg: var(--alert-info-bg);
@@ -245,6 +252,7 @@
 }
 
 /* src/toast/Toast.module.css */
+@layer reset, tokens, vendor, base, components, utilities;
 @layer components {
   .Toast_region {
     --_top: auto;