@pearpages/pulp-react 0.2.1 → 0.3.0

package/dist/popover.js

@@ -1,7 +1,7 @@
-export { Popover } from './chunk-N7L66GMG.js';
+"use client";export { Popover } from './chunk-SDIK6VSC.js';
 import './chunk-NAYFLTK6.js';
 import './chunk-U6QRAD73.js';
-import './chunk-ZVDN3GRI.js';
+import './chunk-QJG5ILK5.js';
 import './chunk-MI4QUKQS.js';
 //# sourceMappingURL=popover.js.map
 //# sourceMappingURL=popover.js.map

package/dist/progress.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/progress/Progress.module.css */
+@layer reset, tokens, vendor, base, components, utilities;
 @layer components {
   .Progress_progress {
     --_height: var(--progress-height-md);

package/dist/progress.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/visually-hidden/VisuallyHidden.module.css","../src/progress/Progress.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 (--progress-*). The fill width is the per-instance --_value custom property. */\n\n@layer components {\n  .progress {\n    --_height: var(--progress-height-md);\n    --_indicator: var(--progress-indicator-primary);\n\n    display: flex;\n    flex-direction: column;\n    gap: var(--progress-gap);\n    font-family: var(--font-family-body);\n\n    &[data-size=\"sm\"] { --_height: var(--progress-height-sm); }\n    &[data-tone=\"success\"] { --_indicator: var(--progress-indicator-success); }\n    &[data-tone=\"warning\"] { --_indicator: var(--progress-indicator-warning); }\n    &[data-tone=\"error\"] { --_indicator: var(--progress-indicator-error); }\n  }\n\n  .header {\n    display: flex;\n    justify-content: space-between;\n    gap: var(--space-3);\n    font-size: var(--progress-label-font-size);\n  }\n\n  .label {\n    color: var(--progress-label-fg);\n  }\n\n  .value {\n    color: var(--progress-value-fg);\n    font-variant-numeric: tabular-nums;\n  }\n\n  .track {\n    overflow: hidden;\n    block-size: var(--_height);\n    border-radius: var(--progress-radius);\n    background-color: var(--progress-track);\n  }\n\n  .indicator {\n    block-size: 100%;\n    inline-size: var(--_value, 0%);\n    border-radius: var(--progress-radius);\n    background-color: var(--_indicator);\n    transition: inline-size var(--progress-duration) var(--motion-easing-standard);\n  }\n\n  .progress[data-indeterminate] .indicator {\n    inline-size: 40%;\n    animation: slide calc(4 * var(--progress-duration)) var(--motion-easing-standard) infinite;\n  }\n\n  @keyframes slide {\n    from {\n      translate: -100% 0;\n    }\n\n    to {\n      translate: 250% 0;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .progress[data-indeterminate] .indicator {\n      inline-size: 50%;\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,eAAW,IAAI;AACf,kBAAc,IAAI;AAElB,aAAS;AACT,oBAAgB;AAChB,SAAK,IAAI;AACT,iBAAa,IAAI;AAEjB,KAAC,CAAC;AAAkB,iBAAW,IAAI;AAAuB;AAC1D,KAAC,CAAC;AAAuB,oBAAc,IAAI;AAA+B;AAC1E,KAAC,CAAC;AAAuB,oBAAc,IAAI;AAA+B;AAC1E,KAAC,CAAC;AAAqB,oBAAc,IAAI;AAA6B;AACxE;AAEA,GAACC;AACC,aAAS;AACT,qBAAiB;AACjB,SAAK,IAAI;AACT,eAAW,IAAI;AACjB;AAEA,GAACC;AACC,WAAO,IAAI;AACb;AAEA,GAACC;AACC,WAAO,IAAI;AACX,0BAAsB;AACxB;AAEA,GAACC;AACC,cAAU;AACV,gBAAY,IAAI;AAChB,mBAAe,IAAI;AACnB,sBAAkB,IAAI;AACxB;AAEA,GAACC;AACC,gBAAY;AACZ,iBAAa,IAAI,QAAQ,EAAE;AAC3B,mBAAe,IAAI;AACnB,sBAAkB,IAAI;AACtB,gBAAY,YAAY,IAAI,qBAAqB,IAAI;AACvD;AAEA,GA9CCL,iBA8CQ,CAAC,oBAAoB,CAR7BK;AASC,iBAAa;AACb,eAAW,eAAM,KAAK,EAAE,EAAE,IAAI,sBAAsB,IAAI,0BAA0B;AACpF;AAEA,aAHaC;AAIX;AACE,iBAAW,MAAM;AACnB;AAEA;AACE,iBAAW,KAAK;AAClB;AACF;AAEA,UAAO,wBAAyB;AAC9B,KA9DDN,iBA8DU,CAAC,oBAAoB,CAxB/BK;AAyBG,mBAAa;AACb,iBAAW;AACb;AACF;AACF;","names":["root","progress","header","label","value","track","indicator","slide"]}
+{"version":3,"sources":["../src/visually-hidden/VisuallyHidden.module.css","../src/progress/Progress.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 (--progress-*). The fill width is the per-instance --_value custom property. */\n\n@layer reset, tokens, vendor, base, components, utilities;\n\n@layer components {\n  .progress {\n    --_height: var(--progress-height-md);\n    --_indicator: var(--progress-indicator-primary);\n\n    display: flex;\n    flex-direction: column;\n    gap: var(--progress-gap);\n    font-family: var(--font-family-body);\n\n    &[data-size=\"sm\"] { --_height: var(--progress-height-sm); }\n    &[data-tone=\"success\"] { --_indicator: var(--progress-indicator-success); }\n    &[data-tone=\"warning\"] { --_indicator: var(--progress-indicator-warning); }\n    &[data-tone=\"error\"] { --_indicator: var(--progress-indicator-error); }\n  }\n\n  .header {\n    display: flex;\n    justify-content: space-between;\n    gap: var(--space-3);\n    font-size: var(--progress-label-font-size);\n  }\n\n  .label {\n    color: var(--progress-label-fg);\n  }\n\n  .value {\n    color: var(--progress-value-fg);\n    font-variant-numeric: tabular-nums;\n  }\n\n  .track {\n    overflow: hidden;\n    block-size: var(--_height);\n    border-radius: var(--progress-radius);\n    background-color: var(--progress-track);\n  }\n\n  .indicator {\n    block-size: 100%;\n    inline-size: var(--_value, 0%);\n    border-radius: var(--progress-radius);\n    background-color: var(--_indicator);\n    transition: inline-size var(--progress-duration) var(--motion-easing-standard);\n  }\n\n  .progress[data-indeterminate] .indicator {\n    inline-size: 40%;\n    animation: slide calc(4 * var(--progress-duration)) var(--motion-easing-standard) infinite;\n  }\n\n  @keyframes slide {\n    from {\n      translate: -100% 0;\n    }\n\n    to {\n      translate: 250% 0;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .progress[data-indeterminate] .indicator {\n      inline-size: 50%;\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,eAAW,IAAI;AACf,kBAAc,IAAI;AAElB,aAAS;AACT,oBAAgB;AAChB,SAAK,IAAI;AACT,iBAAa,IAAI;AAEjB,KAAC,CAAC;AAAkB,iBAAW,IAAI;AAAuB;AAC1D,KAAC,CAAC;AAAuB,oBAAc,IAAI;AAA+B;AAC1E,KAAC,CAAC;AAAuB,oBAAc,IAAI;AAA+B;AAC1E,KAAC,CAAC;AAAqB,oBAAc,IAAI;AAA6B;AACxE;AAEA,GAACC;AACC,aAAS;AACT,qBAAiB;AACjB,SAAK,IAAI;AACT,eAAW,IAAI;AACjB;AAEA,GAACC;AACC,WAAO,IAAI;AACb;AAEA,GAACC;AACC,WAAO,IAAI;AACX,0BAAsB;AACxB;AAEA,GAACC;AACC,cAAU;AACV,gBAAY,IAAI;AAChB,mBAAe,IAAI;AACnB,sBAAkB,IAAI;AACxB;AAEA,GAACC;AACC,gBAAY;AACZ,iBAAa,IAAI,QAAQ,EAAE;AAC3B,mBAAe,IAAI;AACnB,sBAAkB,IAAI;AACtB,gBAAY,YAAY,IAAI,qBAAqB,IAAI;AACvD;AAEA,GA9CCL,iBA8CQ,CAAC,oBAAoB,CAR7BK;AASC,iBAAa;AACb,eAAW,eAAM,KAAK,EAAE,EAAE,IAAI,sBAAsB,IAAI,0BAA0B;AACpF;AAEA,aAHaC;AAIX;AACE,iBAAW,MAAM;AACnB;AAEA;AACE,iBAAW,KAAK;AAClB;AACF;AAEA,UAAO,wBAAyB;AAC9B,KA9DDN,iBA8DU,CAAC,oBAAoB,CAxB/BK;AAyBG,mBAAa;AACb,iBAAW;AACb;AACF;AACF;","names":["root","progress","header","label","value","track","indicator","slide"]}

package/dist/progress.js

@@ -1,5 +1,5 @@
-export { Progress } from './chunk-75GTNRBH.js';
-import './chunk-Z4PN6B2C.js';
+export { Progress } from './chunk-YK2OOM56.js';
+import './chunk-IB5UUE3S.js';
 import './chunk-MI4QUKQS.js';
 //# sourceMappingURL=progress.js.map
 //# sourceMappingURL=progress.js.map

package/dist/radio.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/radio/Radio.module.css */
+@layer reset, tokens, vendor, base, components, utilities;
 @layer components {
   .Radio_group {
     --_size: var(--radio-size-md);

package/dist/radio.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/field/Field.module.css","../src/radio/Radio.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 (--radio-*). The input draws itself; the dot is its ::after. */\n\n@layer components {\n  .group {\n    --_size: var(--radio-size-md);\n    --_border: var(--radio-border);\n\n    font-family: var(--font-family-body);\n\n    &[data-size=\"sm\"] { --_size: var(--radio-size-sm); }\n    &[data-size=\"lg\"] { --_size: var(--radio-size-lg); }\n    &[data-invalid] { --_border: var(--radio-border-invalid); }\n  }\n\n  .items {\n    display: flex;\n    flex-direction: column;\n    gap: var(--radio-group-gap);\n\n    &[data-orientation=\"horizontal\"] {\n      flex-flow: row wrap;\n      gap: var(--radio-group-gap) var(--space-4);\n    }\n  }\n\n  .radio {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--radio-gap);\n    cursor: pointer;\n\n    &[data-disabled] {\n      cursor: not-allowed;\n    }\n  }\n\n  .label {\n    font-size: var(--field-label-font-size);\n    color: var(--field-label-fg);\n  }\n\n  .input {\n    display: grid;\n    flex: none;\n    place-content: center;\n    inline-size: var(--_size);\n    block-size: var(--_size);\n    margin: 0;\n    border: var(--size-hairline) solid var(--_border);\n    border-radius: var(--radio-radius);\n    background-color: var(--radio-bg);\n    appearance: none;\n    cursor: inherit;\n    transition: border-color var(--radio-motion-duration) var(--motion-easing-standard);\n\n    /* Sized from the box, not in percent: a grid item's percentage resolves against an auto area and collapses. */\n    &::after {\n      content: \"\";\n      inline-size: calc(var(--_size) / 2);\n      block-size: calc(var(--_size) / 2);\n      border-radius: var(--radio-radius);\n      background-color: var(--radio-dot);\n      scale: 0;\n      transition: scale var(--radio-motion-duration) var(--motion-easing-standard);\n    }\n\n    &:checked {\n      border-color: var(--radio-border-checked);\n\n      &::after {\n        scale: 1;\n      }\n    }\n\n    &:focus-visible {\n      outline: var(--radio-focus-ring-width) solid var(--radio-focus-ring);\n      outline-offset: var(--radio-focus-ring-offset);\n    }\n\n    &:disabled {\n      opacity: 0.55;\n    }\n\n    &:hover:not(:disabled, :checked) {\n      border-color: var(--radio-border-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;;;AC7BA;AACE,GAACC;AACC,aAAS,IAAI;AACb,eAAW,IAAI;AAEf,iBAAa,IAAI;AAEjB,KAAC,CAAC;AAAkB,eAAS,IAAI;AAAkB;AACnD,KAAC,CAAC;AAAkB,eAAS,IAAI;AAAkB;AACnD,KAAC,CAAC;AAAgB,iBAAW,IAAI;AAAyB;AAC5D;AAEA,GAACC;AACC,aAAS;AACT,oBAAgB;AAChB,SAAK,IAAI;AAET,KAAC,CAAC;AACA,iBAAW,IAAI;AACf,WAAK,IAAI,mBAAmB,IAAI;AAClC;AACF;AAEA,GAACC;AACC,aAAS;AACT,iBAAa;AACb,SAAK,IAAI;AACT,YAAQ;AAER,KAAC,CAAC;AACA,cAAQ;AACV;AACF;AAEA,GAACC;AACC,eAAW,IAAI;AACf,WAAO,IAAI;AACb;AAEA,GAACC;AACC,aAAS;AACT,UAAM;AACN,mBAAe;AACf,iBAAa,IAAI;AACjB,gBAAY,IAAI;AAChB,YAAQ;AACR,YAAQ,IAAI,iBAAiB,MAAM,IAAI;AACvC,mBAAe,IAAI;AACnB,sBAAkB,IAAI;AACtB,gBAAY;AACZ,YAAQ;AACR,gBAAY,aAAa,IAAI,yBAAyB,IAAI;AAG1D,KAAC;AACC,eAAS;AACT,mBAAa,KAAK,IAAI,SAAS,EAAE;AACjC,kBAAY,KAAK,IAAI,SAAS,EAAE;AAChC,qBAAe,IAAI;AACnB,wBAAkB,IAAI;AACtB,aAAO;AACP,kBAAY,MAAM,IAAI,yBAAyB,IAAI;AACrD;AAEA,KAAC;AACC,oBAAc,IAAI;AAElB,OAAC;AACC,eAAO;AACT;AACF;AAEA,KAAC;AACC,eAAS,IAAI,0BAA0B,MAAM,IAAI;AACjD,sBAAgB,IAAI;AACtB;AAEA,KAAC;AACC,eAAS;AACX;AAEA,KAAC,MAAM,KAAK,WAAW;AACrB,oBAAc,IAAI;AACpB;AACF;AACF;","names":["field","label","required","description","error","group","items","radio","label","input"]}
+{"version":3,"sources":["../src/field/Field.module.css","../src/radio/Radio.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 (--radio-*). The input draws itself; the dot is its ::after. */\n\n@layer reset, tokens, vendor, base, components, utilities;\n\n@layer components {\n  .group {\n    --_size: var(--radio-size-md);\n    --_border: var(--radio-border);\n\n    font-family: var(--font-family-body);\n\n    &[data-size=\"sm\"] { --_size: var(--radio-size-sm); }\n    &[data-size=\"lg\"] { --_size: var(--radio-size-lg); }\n    &[data-invalid] { --_border: var(--radio-border-invalid); }\n  }\n\n  .items {\n    display: flex;\n    flex-direction: column;\n    gap: var(--radio-group-gap);\n\n    &[data-orientation=\"horizontal\"] {\n      flex-flow: row wrap;\n      gap: var(--radio-group-gap) var(--space-4);\n    }\n  }\n\n  .radio {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--radio-gap);\n    cursor: pointer;\n\n    &[data-disabled] {\n      cursor: not-allowed;\n    }\n  }\n\n  .label {\n    font-size: var(--field-label-font-size);\n    color: var(--field-label-fg);\n  }\n\n  .input {\n    display: grid;\n    flex: none;\n    place-content: center;\n    inline-size: var(--_size);\n    block-size: var(--_size);\n    margin: 0;\n    border: var(--size-hairline) solid var(--_border);\n    border-radius: var(--radio-radius);\n    background-color: var(--radio-bg);\n    appearance: none;\n    cursor: inherit;\n    transition: border-color var(--radio-motion-duration) var(--motion-easing-standard);\n\n    /* Sized from the box, not in percent: a grid item's percentage resolves against an auto area and collapses. */\n    &::after {\n      content: \"\";\n      inline-size: calc(var(--_size) / 2);\n      block-size: calc(var(--_size) / 2);\n      border-radius: var(--radio-radius);\n      background-color: var(--radio-dot);\n      scale: 0;\n      transition: scale var(--radio-motion-duration) var(--motion-easing-standard);\n    }\n\n    &:checked {\n      border-color: var(--radio-border-checked);\n\n      &::after {\n        scale: 1;\n      }\n    }\n\n    &:focus-visible {\n      outline: var(--radio-focus-ring-width) solid var(--radio-focus-ring);\n      outline-offset: var(--radio-focus-ring-offset);\n    }\n\n    &:disabled {\n      opacity: 0.55;\n    }\n\n    &:hover:not(:disabled, :checked) {\n      border-color: var(--radio-border-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;;;AC/BA;AAEA;AACE,GAACC;AACC,aAAS,IAAI;AACb,eAAW,IAAI;AAEf,iBAAa,IAAI;AAEjB,KAAC,CAAC;AAAkB,eAAS,IAAI;AAAkB;AACnD,KAAC,CAAC;AAAkB,eAAS,IAAI;AAAkB;AACnD,KAAC,CAAC;AAAgB,iBAAW,IAAI;AAAyB;AAC5D;AAEA,GAACC;AACC,aAAS;AACT,oBAAgB;AAChB,SAAK,IAAI;AAET,KAAC,CAAC;AACA,iBAAW,IAAI;AACf,WAAK,IAAI,mBAAmB,IAAI;AAClC;AACF;AAEA,GAACC;AACC,aAAS;AACT,iBAAa;AACb,SAAK,IAAI;AACT,YAAQ;AAER,KAAC,CAAC;AACA,cAAQ;AACV;AACF;AAEA,GAACC;AACC,eAAW,IAAI;AACf,WAAO,IAAI;AACb;AAEA,GAACC;AACC,aAAS;AACT,UAAM;AACN,mBAAe;AACf,iBAAa,IAAI;AACjB,gBAAY,IAAI;AAChB,YAAQ;AACR,YAAQ,IAAI,iBAAiB,MAAM,IAAI;AACvC,mBAAe,IAAI;AACnB,sBAAkB,IAAI;AACtB,gBAAY;AACZ,YAAQ;AACR,gBAAY,aAAa,IAAI,yBAAyB,IAAI;AAG1D,KAAC;AACC,eAAS;AACT,mBAAa,KAAK,IAAI,SAAS,EAAE;AACjC,kBAAY,KAAK,IAAI,SAAS,EAAE;AAChC,qBAAe,IAAI;AACnB,wBAAkB,IAAI;AACtB,aAAO;AACP,kBAAY,MAAM,IAAI,yBAAyB,IAAI;AACrD;AAEA,KAAC;AACC,oBAAc,IAAI;AAElB,OAAC;AACC,eAAO;AACT;AACF;AAEA,KAAC;AACC,eAAS,IAAI,0BAA0B,MAAM,IAAI;AACjD,sBAAgB,IAAI;AACtB;AAEA,KAAC;AACC,eAAS;AACX;AAEA,KAAC,MAAM,KAAK,WAAW;AACrB,oBAAc,IAAI;AACpB;AACF;AACF;","names":["field","label","required","description","error","group","items","radio","label","input"]}

package/dist/radio.js

@@ -1,6 +1,6 @@
-export { Radio, RadioGroup } from './chunk-XDVS7HX7.js';
-import './chunk-2PXTVZ7H.js';
-import './chunk-ZVDN3GRI.js';
+"use client";export { Radio, RadioGroup } from './chunk-2NVC3C7K.js';
+import './chunk-SXMORGSG.js';
+import './chunk-QJG5ILK5.js';
 import './chunk-MI4QUKQS.js';
 //# sourceMappingURL=radio.js.map
 //# sourceMappingURL=radio.js.map

package/dist/segmented-control.css

@@ -0,0 +1,111 @@
+/* src/segmented-control/SegmentedControl.module.css */
+@layer reset, tokens, vendor, base, components, utilities;
+@layer components {
+  .SegmentedControl_root {
+    --_height: var(--segmented-control-height-md);
+    --_padding: var(--segmented-control-padding-x-md);
+    display: inline-flex;
+    box-sizing: border-box;
+    max-inline-size: 100%;
+    color: var(--segmented-control-fg);
+    font-family: var(--font-family-body);
+    font-size: var(--segmented-control-font-size-md);
+    font-weight: var(--segmented-control-weight);
+    line-height: 1;
+    &[data-size=sm] {
+      --_height: var(--segmented-control-height-sm);
+      --_padding: var(--segmented-control-padding-x-sm);
+      font-size: var(--segmented-control-font-size-sm);
+    }
+    &[data-look=segmented] {
+      padding: var(--segmented-control-inset);
+      border: var(--segmented-control-border-width) solid var(--segmented-control-track-border);
+      border-radius: var(--segmented-control-track-radius);
+      background: var(--segmented-control-track-bg);
+    }
+    &[data-look=chips] {
+      flex-wrap: wrap;
+      gap: var(--segmented-control-gap);
+    }
+    &[data-full-width][data-look=segmented] {
+      display: flex;
+    }
+    &[aria-disabled=true] {
+      opacity: 0.55;
+    }
+  }
+  .SegmentedControl_list {
+    display: contents;
+  }
+  .SegmentedControl_option {
+    display: inline-flex;
+    position: relative;
+    min-inline-size: 0;
+    .SegmentedControl_root[data-full-width] & {
+      flex: 1;
+    }
+  }
+  .SegmentedControl_input {
+    position: absolute;
+    inset: 0;
+    inline-size: 100%;
+    block-size: 100%;
+    margin: 0;
+    opacity: 0;
+    cursor: pointer;
+    &:disabled {
+      cursor: not-allowed;
+    }
+  }
+  .SegmentedControl_segment {
+    display: inline-flex;
+    flex: 1;
+    align-items: center;
+    justify-content: center;
+    gap: var(--segmented-control-gap);
+    box-sizing: border-box;
+    min-block-size: calc(var(--_height) - 2 * var(--segmented-control-inset) - 2 * var(--segmented-control-border-width));
+    padding-block: 0;
+    padding-inline: var(--_padding);
+    border: var(--segmented-control-border-width) solid transparent;
+    border-radius: var(--segmented-control-segment-radius);
+    color: inherit;
+    text-decoration: none;
+    white-space: nowrap;
+    transition: background-color var(--motion-duration-fast) var(--motion-easing-standard), color var(--motion-duration-fast) var(--motion-easing-standard);
+    .SegmentedControl_root[data-look=chips] & {
+      min-block-size: var(--_height);
+      border-color: var(--segmented-control-chip-border);
+      border-radius: var(--segmented-control-chip-radius);
+      background: var(--segmented-control-chip-bg);
+    }
+  }
+  .SegmentedControl_option:hover .SegmentedControl_segment,
+  a.SegmentedControl_segment:hover {
+    color: var(--segmented-control-fg-hover);
+  }
+  .SegmentedControl_option[data-selected] .SegmentedControl_segment {
+    border-color: var(--segmented-control-segment-selected-border);
+    background: var(--segmented-control-segment-selected-bg);
+    box-shadow: var(--segmented-control-segment-selected-shadow);
+    color: var(--segmented-control-segment-selected-fg);
+    .SegmentedControl_root[data-look=chips] & {
+      border-color: var(--segmented-control-chip-selected-border);
+      background: var(--segmented-control-chip-selected-bg);
+      box-shadow: none;
+      color: var(--segmented-control-chip-selected-fg);
+    }
+  }
+  .SegmentedControl_input:focus-visible + .SegmentedControl_segment,
+  a.SegmentedControl_segment:focus-visible {
+    outline: var(--segmented-control-focus-ring-width) solid var(--segmented-control-focus-ring);
+    outline-offset: var(--segmented-control-focus-ring-offset);
+  }
+  .SegmentedControl_input:disabled + .SegmentedControl_segment {
+    opacity: 0.55;
+  }
+  .SegmentedControl_icon {
+    display: inline-flex;
+  }
+}
+/*# sourceMappingURL=segmented-control.css.map */

package/dist/segmented-control.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/segmented-control/SegmentedControl.module.css"],"sourcesContent":["/* Every value is a token: --segmented-control-* in packages/tokens/tokens/component/segmented-control.json */\n\n@layer reset, tokens, vendor, base, components, utilities;\n\n@layer components {\n  .root {\n    --_height: var(--segmented-control-height-md);\n    --_padding: var(--segmented-control-padding-x-md);\n\n    display: inline-flex;\n    box-sizing: border-box;\n    max-inline-size: 100%;\n    color: var(--segmented-control-fg);\n    font-family: var(--font-family-body);\n    font-size: var(--segmented-control-font-size-md);\n    font-weight: var(--segmented-control-weight);\n    line-height: 1;\n\n    &[data-size='sm'] {\n      --_height: var(--segmented-control-height-sm);\n      --_padding: var(--segmented-control-padding-x-sm);\n\n      font-size: var(--segmented-control-font-size-sm);\n    }\n\n    &[data-look='segmented'] {\n      padding: var(--segmented-control-inset);\n      border: var(--segmented-control-border-width) solid var(--segmented-control-track-border);\n      border-radius: var(--segmented-control-track-radius);\n      background: var(--segmented-control-track-bg);\n    }\n\n    &[data-look='chips'] {\n      flex-wrap: wrap;\n      gap: var(--segmented-control-gap);\n    }\n\n    &[data-full-width][data-look='segmented'] {\n      display: flex;\n    }\n\n    &[aria-disabled='true'] {\n      opacity: 0.55;\n    }\n  }\n\n  /* The Nav flavour: the list is the flex row the root is for the radios. */\n  .list {\n    display: contents;\n  }\n\n  .option {\n    display: inline-flex;\n    position: relative;\n    min-inline-size: 0;\n\n    .root[data-full-width] & {\n      flex: 1;\n    }\n  }\n\n  /* Visually hidden, still focusable and still in the form: the segment draws its state. */\n  .input {\n    position: absolute;\n    inset: 0;\n    inline-size: 100%;\n    block-size: 100%;\n    margin: 0;\n    opacity: 0;\n    cursor: pointer;\n\n    &:disabled {\n      cursor: not-allowed;\n    }\n  }\n\n  .segment {\n    display: inline-flex;\n    flex: 1;\n    align-items: center;\n    justify-content: center;\n    gap: var(--segmented-control-gap);\n    box-sizing: border-box;\n    min-block-size: calc(var(--_height) - 2 * var(--segmented-control-inset) - 2 * var(--segmented-control-border-width));\n    padding-block: 0;\n    padding-inline: var(--_padding);\n    border: var(--segmented-control-border-width) solid transparent;\n    border-radius: var(--segmented-control-segment-radius);\n    color: inherit;\n    text-decoration: none;\n    white-space: nowrap;\n    transition:\n      background-color var(--motion-duration-fast) var(--motion-easing-standard),\n      color var(--motion-duration-fast) var(--motion-easing-standard);\n\n    .root[data-look='chips'] & {\n      min-block-size: var(--_height);\n      border-color: var(--segmented-control-chip-border);\n      border-radius: var(--segmented-control-chip-radius);\n      background: var(--segmented-control-chip-bg);\n    }\n  }\n\n  .option:hover .segment,\n  a.segment:hover {\n    color: var(--segmented-control-fg-hover);\n  }\n\n  .option[data-selected] .segment {\n    border-color: var(--segmented-control-segment-selected-border);\n    background: var(--segmented-control-segment-selected-bg);\n    box-shadow: var(--segmented-control-segment-selected-shadow);\n    color: var(--segmented-control-segment-selected-fg);\n\n    .root[data-look='chips'] & {\n      border-color: var(--segmented-control-chip-selected-border);\n      background: var(--segmented-control-chip-selected-bg);\n      box-shadow: none;\n      color: var(--segmented-control-chip-selected-fg);\n    }\n  }\n\n  .input:focus-visible + .segment,\n  a.segment:focus-visible {\n    outline: var(--segmented-control-focus-ring-width) solid var(--segmented-control-focus-ring);\n    outline-offset: var(--segmented-control-focus-ring-offset);\n  }\n\n  .input:disabled + .segment {\n    opacity: 0.55;\n  }\n\n  .icon {\n    display: inline-flex;\n  }\n}\n"],"mappings":";AAEA;AAEA;AACE,GAACA;AACC,eAAW,IAAI;AACf,gBAAY,IAAI;AAEhB,aAAS;AACT,gBAAY;AACZ,qBAAiB;AACjB,WAAO,IAAI;AACX,iBAAa,IAAI;AACjB,eAAW,IAAI;AACf,iBAAa,IAAI;AACjB,iBAAa;AAEb,KAAC,CAAC;AACA,iBAAW,IAAI;AACf,kBAAY,IAAI;AAEhB,iBAAW,IAAI;AACjB;AAEA,KAAC,CAAC;AACA,eAAS,IAAI;AACb,cAAQ,IAAI,kCAAkC,MAAM,IAAI;AACxD,qBAAe,IAAI;AACnB,kBAAY,IAAI;AAClB;AAEA,KAAC,CAAC;AACA,iBAAW;AACX,WAAK,IAAI;AACX;AAEA,KAAC,CAAC,gBAAgB,CAAC;AACjB,eAAS;AACX;AAEA,KAAC,CAAC;AACA,eAAS;AACX;AACF;AAGA,GAACC;AACC,aAAS;AACX;AAEA,GAACC;AACC,aAAS;AACT,cAAU;AACV,qBAAiB;AAEjB,KAnDDF,qBAmDM,CAAC,iBAAiB;AACrB,YAAM;AACR;AACF;AAGA,GAACG;AACC,cAAU;AACV,WAAO;AACP,iBAAa;AACb,gBAAY;AACZ,YAAQ;AACR,aAAS;AACT,YAAQ;AAER,KAAC;AACC,cAAQ;AACV;AACF;AAEA,GAACC;AACC,aAAS;AACT,UAAM;AACN,iBAAa;AACb,qBAAiB;AACjB,SAAK,IAAI;AACT,gBAAY;AACZ,oBAAgB,KAAK,IAAI,WAAW,EAAE,EAAE,EAAE,IAAI,2BAA2B,EAAE,EAAE,EAAE,IAAI;AACnF,mBAAe;AACf,oBAAgB,IAAI;AACpB,YAAQ,IAAI,kCAAkC,MAAM;AACpD,mBAAe,IAAI;AACnB,WAAO;AACP,qBAAiB;AACjB,iBAAa;AACb,gBACE,iBAAiB,IAAI,wBAAwB,IAAI,yBAAyB,EAC1E,MAAM,IAAI,wBAAwB,IAAI;AAExC,KA1FDJ,qBA0FM,CAAC,iBAAmB;AACvB,sBAAgB,IAAI;AACpB,oBAAc,IAAI;AAClB,qBAAe,IAAI;AACnB,kBAAY,IAAI;AAClB;AACF;AAEA,GApDCE,uBAoDM,OAAO,CA3BbE;AAAA,EA4BD,CAAC,CA5BAA,wBA4BQ;AACP,WAAO,IAAI;AACb;AAEA,GAzDCF,uBAyDM,CAAC,eAAe,CAhCtBE;AAiCC,kBAAc,IAAI;AAClB,gBAAY,IAAI;AAChB,gBAAY,IAAI;AAChB,WAAO,IAAI;AAEX,KA7GDJ,qBA6GM,CAAC,iBAAmB;AACvB,oBAAc,IAAI;AAClB,kBAAY,IAAI;AAChB,kBAAY;AACZ,aAAO,IAAI;AACb;AACF;AAEA,GA5DCG,sBA4DK,eAAe,EAAE,CA9CtBC;AAAA,EA+CD,CAAC,CA/CAA,wBA+CQ;AACP,aAAS,IAAI,sCAAsC,MAAM,IAAI;AAC7D,oBAAgB,IAAI;AACtB;AAEA,GAlECD,sBAkEK,UAAU,EAAE,CApDjBC;AAqDC,aAAS;AACX;AAEA,GAACC;AACC,aAAS;AACX;AACF;","names":["root","list","option","input","segment","icon"]}

package/dist/segmented-control.d.ts

@@ -0,0 +1,90 @@
+import * as react from 'react';
+import { HTMLAttributes, ReactNode, Ref, AnchorHTMLAttributes } from 'react';
+
+type SegmentedControlSize = 'sm' | 'md';
+type SegmentedControlLook = 'segmented' | 'chips';
+interface SegmentedControlOption<T extends string = string> {
+    value: T;
+    label: ReactNode;
+    /** Decorative: hidden from assistive technology, so the label must stand on its own. */
+    icon?: ReactNode;
+    disabled?: boolean;
+}
+interface SegmentedControlProps<T extends string = string> extends Omit<HTMLAttributes<HTMLDivElement>, 'defaultValue' | 'onChange' | 'children'> {
+    /** Names the group for assistive technology. Not rendered; label it visibly with `aria-labelledby` instead when there is a heading. */
+    label?: string;
+    options: ReadonlyArray<SegmentedControlOption<T>>;
+    /** Controlled selected value. */
+    value?: T;
+    /** Initially selected value when uncontrolled. */
+    defaultValue?: T;
+    onValueChange?: (value: T) => void;
+    /** Form field name shared by the radios. Generated when omitted. */
+    name?: string;
+    /** `segmented` is one track with a raised thumb; `chips` is separate pills that wrap. @default 'segmented' */
+    look?: SegmentedControlLook;
+    /** @default 'md' */
+    size?: SegmentedControlSize;
+    /** Segments share the container's width equally. `segmented` look only. @default false */
+    fullWidth?: boolean;
+    disabled?: boolean;
+    ref?: Ref<HTMLDivElement>;
+}
+/**
+ * One choice out of a few, all visible, switching what is shown in place: a
+ * view mode, a unit, a sort order. Generic over a string union, so `value`
+ * and `onValueChange` are typed by the options. For links that navigate to
+ * another page use `SegmentedControl.Nav`, which looks the same and is a `nav`.
+ *
+ * @status experimental
+ * @category Forms
+ * @accessibility A `radiogroup` of native radio inputs, exactly as RadioGroup: the keyboard is the browser's own (arrows move and select, Tab enters on the checked radio and leaves the group), nothing is re-implemented. Name the group with `label` or `aria-labelledby`. The inputs are visually hidden, not removed, so the focus ring is drawn on the visible segment and the control takes part in a form (`name`). Icons are decorative.
+ * @do Use it for two to five short options that change the view in place.
+ * @do Use `SegmentedControl.Nav` when each option is a URL.
+ * @dont Use it for on/off; that is a Switch. For several at once, toggle Chips.
+ * @dont Use it for a form question with longer labels or a description; that is a RadioGroup.
+ */
+declare function SegmentedControl<T extends string = string>({ label, options, value, defaultValue, onValueChange, name, look, size, fullWidth, disabled, className, ref, ...rest }: SegmentedControlProps<T>): react.JSX.Element;
+declare namespace SegmentedControl {
+    var displayName: string;
+    var Nav: typeof SegmentedControlNav;
+    var NavItem: typeof SegmentedControlNavItem;
+}
+interface SegmentedControlNavProps extends HTMLAttributes<HTMLElement> {
+    /** Names the landmark ("Feed view"). Required: a page with several `nav`s needs them told apart. */
+    label: string;
+    /** @default 'segmented' */
+    look?: SegmentedControlLook;
+    /** @default 'md' */
+    size?: SegmentedControlSize;
+    /** @default false */
+    fullWidth?: boolean;
+    ref?: Ref<HTMLElement>;
+    /** `SegmentedControl.NavItem`s. */
+    children: ReactNode;
+}
+/**
+ * The same look for links that navigate: a labelled `nav` with a list of
+ * links, the current one marked `aria-current="page"`. Not a radiogroup and
+ * not tabs: following a link loads another page, and a screen reader user
+ * should be told so.
+ */
+declare function SegmentedControlNav({ label, look, size, fullWidth, className, ref, children, ...rest }: SegmentedControlNavProps): react.JSX.Element;
+declare namespace SegmentedControlNav {
+    var displayName: string;
+}
+interface SegmentedControlNavItemProps<E extends HTMLElement = HTMLAnchorElement> extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    /** This link is the page being shown: `aria-current="page"` and the selected look. @default false */
+    current?: boolean;
+    /** Render the single child instead of an `a`: a router's link component. @default false */
+    asChild?: boolean;
+    ref?: Ref<E>;
+    children: ReactNode;
+}
+/** One link of a `SegmentedControl.Nav`. With `asChild`, the router's own link takes the styles. */
+declare function SegmentedControlNavItem<E extends HTMLElement = HTMLAnchorElement>({ current, asChild, className, ref, children, ...rest }: SegmentedControlNavItemProps<E>): react.JSX.Element;
+declare namespace SegmentedControlNavItem {
+    var displayName: string;
+}
+
+export { SegmentedControl, type SegmentedControlProps };

package/dist/segmented-control.js

@@ -0,0 +1,5 @@
+"use client";export { SegmentedControl } from './chunk-Y7KC2FDU.js';
+import './chunk-QJG5ILK5.js';
+import './chunk-MI4QUKQS.js';
+//# sourceMappingURL=segmented-control.js.map
+//# sourceMappingURL=segmented-control.js.map

package/dist/segmented-control.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"segmented-control.js"}

package/dist/select.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/select/Select.module.css */
+@layer reset, tokens, vendor, base, components, utilities;
 @layer components {
   .Select_field {
     --_height: var(--select-height-md);

package/dist/select.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/field/Field.module.css","../src/select/Select.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 (--select-*). The chevron is the wrapper's ::after,\n * sharing the select's grid cell. Size and invalid state resolve into private\n * custom properties on the root.\n */\n\n@layer components {\n  .field {\n    --_height: var(--select-height-md);\n    --_font-size: var(--select-font-size-md);\n    --_border: var(--select-border-default);\n\n    font-family: var(--select-font-family);\n\n    &[data-size=\"sm\"] {\n      --_height: var(--select-height-sm);\n      --_font-size: var(--select-font-size-sm);\n    }\n\n    &[data-size=\"lg\"] {\n      --_height: var(--select-height-lg);\n      --_font-size: var(--select-font-size-lg);\n    }\n\n    &[data-invalid] { --_border: var(--select-border-invalid); }\n  }\n\n  .control {\n    display: grid;\n    align-items: center;\n\n    & > * {\n      grid-area: 1 / 1;\n    }\n\n    &::after {\n      content: \"\";\n      inline-size: var(--space-2);\n      block-size: var(--space-2);\n      margin-inline-end: var(--select-chevron-inset);\n      border-inline-end: var(--select-chevron-width) solid var(--select-chevron);\n      border-block-end: var(--select-chevron-width) solid var(--select-chevron);\n      justify-self: end;\n      rotate: 45deg;\n      translate: 0 -25%;\n      pointer-events: none;\n      grid-area: 1 / 1;\n    }\n  }\n\n  .select {\n    inline-size: 100%;\n    min-block-size: var(--_height);\n    padding-block: 0;\n    padding-inline: var(--select-padding-inline) var(--select-chevron-gap);\n    border: var(--size-hairline) solid var(--_border);\n    border-radius: var(--select-radius);\n    background-color: var(--select-bg);\n    color: var(--select-fg);\n    font-size: var(--_font-size);\n    appearance: none;\n    cursor: pointer;\n    transition: border-color var(--select-motion-duration) var(--motion-easing-standard);\n\n    &:focus-visible {\n      border-color: var(--select-border-focus);\n      outline: var(--select-focus-ring-width) solid var(--select-focus-ring);\n      outline-offset: var(--select-focus-ring-offset);\n    }\n\n    &:disabled {\n      cursor: not-allowed;\n      opacity: 0.55;\n    }\n\n    &:hover:not(:disabled, :focus-visible) {\n      border-color: var(--select-border-hover);\n    }\n\n    &:has(option[value=\"\"]:checked) {\n      color: var(--select-placeholder);\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,eAAW,IAAI;AACf,kBAAc,IAAI;AAClB,eAAW,IAAI;AAEf,iBAAa,IAAI;AAEjB,KAAC,CAAC;AACA,iBAAW,IAAI;AACf,oBAAc,IAAI;AACpB;AAEA,KAAC,CAAC;AACA,iBAAW,IAAI;AACf,oBAAc,IAAI;AACpB;AAEA,KAAC,CAAC;AAAgB,iBAAW,IAAI;AAA0B;AAC7D;AAEA,GAACC;AACC,aAAS;AACT,iBAAa;AAEb,MAAE,EAAE;AACF,iBAAW,EAAE,EAAE;AACjB;AAEA,KAAC;AACC,eAAS;AACT,mBAAa,IAAI;AACjB,kBAAY,IAAI;AAChB,yBAAmB,IAAI;AACvB,yBAAmB,IAAI,wBAAwB,MAAM,IAAI;AACzD,wBAAkB,IAAI,wBAAwB,MAAM,IAAI;AACxD,oBAAc;AACd,cAAQ;AACR,iBAAW,EAAE;AACb,sBAAgB;AAChB,iBAAW,EAAE,EAAE;AACjB;AACF;AAEA,GAACC;AACC,iBAAa;AACb,oBAAgB,IAAI;AACpB,mBAAe;AACf,oBAAgB,IAAI,yBAAyB,IAAI;AACjD,YAAQ,IAAI,iBAAiB,MAAM,IAAI;AACvC,mBAAe,IAAI;AACnB,sBAAkB,IAAI;AACtB,WAAO,IAAI;AACX,eAAW,IAAI;AACf,gBAAY;AACZ,YAAQ;AACR,gBAAY,aAAa,IAAI,0BAA0B,IAAI;AAE3D,KAAC;AACC,oBAAc,IAAI;AAClB,eAAS,IAAI,2BAA2B,MAAM,IAAI;AAClD,sBAAgB,IAAI;AACtB;AAEA,KAAC;AACC,cAAQ;AACR,eAAS;AACX;AAEA,KAAC,MAAM,KAAK,WAAW;AACrB,oBAAc,IAAI;AACpB;AAEA,KAAC,KAAK,MAAM,CAAC,SAAS;AACpB,aAAO,IAAI;AACb;AACF;AACF;","names":["field","label","required","description","error","field","control","select"]}
+{"version":3,"sources":["../src/field/Field.module.css","../src/select/Select.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 (--select-*). The chevron is the wrapper's ::after,\n * sharing the select's grid cell. Size and invalid state resolve into private\n * custom properties on the root.\n */\n\n@layer reset, tokens, vendor, base, components, utilities;\n\n@layer components {\n  .field {\n    --_height: var(--select-height-md);\n    --_font-size: var(--select-font-size-md);\n    --_border: var(--select-border-default);\n\n    font-family: var(--select-font-family);\n\n    &[data-size=\"sm\"] {\n      --_height: var(--select-height-sm);\n      --_font-size: var(--select-font-size-sm);\n    }\n\n    &[data-size=\"lg\"] {\n      --_height: var(--select-height-lg);\n      --_font-size: var(--select-font-size-lg);\n    }\n\n    &[data-invalid] { --_border: var(--select-border-invalid); }\n  }\n\n  .control {\n    display: grid;\n    align-items: center;\n\n    & > * {\n      grid-area: 1 / 1;\n    }\n\n    &::after {\n      content: \"\";\n      inline-size: var(--space-2);\n      block-size: var(--space-2);\n      margin-inline-end: var(--select-chevron-inset);\n      border-inline-end: var(--select-chevron-width) solid var(--select-chevron);\n      border-block-end: var(--select-chevron-width) solid var(--select-chevron);\n      justify-self: end;\n      rotate: 45deg;\n      translate: 0 -25%;\n      pointer-events: none;\n      grid-area: 1 / 1;\n    }\n  }\n\n  .select {\n    inline-size: 100%;\n    min-block-size: var(--_height);\n    padding-block: 0;\n    padding-inline: var(--select-padding-inline) var(--select-chevron-gap);\n    border: var(--size-hairline) solid var(--_border);\n    border-radius: var(--select-radius);\n    background-color: var(--select-bg);\n    color: var(--select-fg);\n    font-size: var(--_font-size);\n    appearance: none;\n    cursor: pointer;\n    transition: border-color var(--select-motion-duration) var(--motion-easing-standard);\n\n    &:focus-visible {\n      border-color: var(--select-border-focus);\n      outline: var(--select-focus-ring-width) solid var(--select-focus-ring);\n      outline-offset: var(--select-focus-ring-offset);\n    }\n\n    &:disabled {\n      cursor: not-allowed;\n      opacity: 0.55;\n    }\n\n    &:hover:not(:disabled, :focus-visible) {\n      border-color: var(--select-border-hover);\n    }\n\n    &:has(option[value=\"\"]:checked) {\n      color: var(--select-placeholder);\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,eAAW,IAAI;AACf,kBAAc,IAAI;AAClB,eAAW,IAAI;AAEf,iBAAa,IAAI;AAEjB,KAAC,CAAC;AACA,iBAAW,IAAI;AACf,oBAAc,IAAI;AACpB;AAEA,KAAC,CAAC;AACA,iBAAW,IAAI;AACf,oBAAc,IAAI;AACpB;AAEA,KAAC,CAAC;AAAgB,iBAAW,IAAI;AAA0B;AAC7D;AAEA,GAACC;AACC,aAAS;AACT,iBAAa;AAEb,MAAE,EAAE;AACF,iBAAW,EAAE,EAAE;AACjB;AAEA,KAAC;AACC,eAAS;AACT,mBAAa,IAAI;AACjB,kBAAY,IAAI;AAChB,yBAAmB,IAAI;AACvB,yBAAmB,IAAI,wBAAwB,MAAM,IAAI;AACzD,wBAAkB,IAAI,wBAAwB,MAAM,IAAI;AACxD,oBAAc;AACd,cAAQ;AACR,iBAAW,EAAE;AACb,sBAAgB;AAChB,iBAAW,EAAE,EAAE;AACjB;AACF;AAEA,GAACC;AACC,iBAAa;AACb,oBAAgB,IAAI;AACpB,mBAAe;AACf,oBAAgB,IAAI,yBAAyB,IAAI;AACjD,YAAQ,IAAI,iBAAiB,MAAM,IAAI;AACvC,mBAAe,IAAI;AACnB,sBAAkB,IAAI;AACtB,WAAO,IAAI;AACX,eAAW,IAAI;AACf,gBAAY;AACZ,YAAQ;AACR,gBAAY,aAAa,IAAI,0BAA0B,IAAI;AAE3D,KAAC;AACC,oBAAc,IAAI;AAClB,eAAS,IAAI,2BAA2B,MAAM,IAAI;AAClD,sBAAgB,IAAI;AACtB;AAEA,KAAC;AACC,cAAQ;AACR,eAAS;AACX;AAEA,KAAC,MAAM,KAAK,WAAW;AACrB,oBAAc,IAAI;AACpB;AAEA,KAAC,KAAK,MAAM,CAAC,SAAS;AACpB,aAAO,IAAI;AACb;AACF;AACF;","names":["field","label","required","description","error","field","control","select"]}

package/dist/select.js

@@ -1,6 +1,6 @@
-export { Select } from './chunk-OGIQRHNF.js';
-import './chunk-2PXTVZ7H.js';
-import './chunk-ZVDN3GRI.js';
+"use client";export { Select } from './chunk-ZEVQQQOA.js';
+import './chunk-SXMORGSG.js';
+import './chunk-QJG5ILK5.js';
 import './chunk-MI4QUKQS.js';
 //# sourceMappingURL=select.js.map
 //# 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,11 +62,40 @@
 }
 
 /* src/sheet/Sheet.module.css */
+@layer reset, tokens, vendor, base, components, utilities;
 @layer components {
   .Sheet_content {
     --modal-width-sheet: var(--sheet-width);
     --modal-height-sheet: var(--sheet-height);
     --modal-animation-translate-sheet: var(--sheet-motion-translate);
   }
+  .Sheet_content[data-draggable] {
+    translate: 0 var(--_drag, 0);
+    transition: translate var(--sheet-handle-snap-duration) var(--motion-easing-standard);
+    &[data-dragging] {
+      transition: none;
+    }
+  }
+  .Sheet_handle {
+    display: grid;
+    flex: none;
+    place-items: center;
+    block-size: var(--sheet-handle-hit-height);
+    cursor: grab;
+    touch-action: none;
+    &::before {
+      inline-size: var(--sheet-handle-width);
+      block-size: var(--sheet-handle-height);
+      border-radius: var(--sheet-handle-radius);
+      background: var(--sheet-handle-bg);
+      content: "";
+    }
+    [data-dragging] > & {
+      cursor: grabbing;
+    }
+    @media (prefers-reduced-motion: reduce) {
+      display: none;
+    }
+  }
 }
 /*# sourceMappingURL=sheet.css.map */

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  /*\n   * Drag to dismiss (bottom sheets). The vendor moves the sheet with `transform`; the drag uses\n   * the separate `translate` property, so the two never fight. --_drag is set by the handle while\n   * the pointer is down: the one per-instance value, like Progress's --_value.\n   */\n  .content[data-draggable] {\n    translate: 0 var(--_drag, 0);\n    transition: translate var(--sheet-handle-snap-duration) var(--motion-easing-standard);\n\n    &[data-dragging] {\n      transition: none;\n    }\n  }\n\n  .handle {\n    display: grid;\n    flex: none;\n    place-items: center;\n    block-size: var(--sheet-handle-hit-height);\n    cursor: grab;\n    touch-action: none;\n\n    &::before {\n      inline-size: var(--sheet-handle-width);\n      block-size: var(--sheet-handle-height);\n      border-radius: var(--sheet-handle-radius);\n      background: var(--sheet-handle-bg);\n      content: \"\";\n    }\n\n    [data-dragging] > & {\n      cursor: grabbing;\n    }\n\n    /* Following the finger is motion: without it there is no handle to offer. */\n    @media (prefers-reduced-motion: reduce) {\n      display: none;\n    }\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;AAOA,GAXCA,aAWO,CAAC;AACP,eAAW,EAAE,IAAI,OAAO,EAAE;AAC1B,gBAAY,UAAU,IAAI,8BAA8B,IAAI;AAE5D,KAAC,CAAC;AACA,kBAAY;AACd;AACF;AAEA,GAACC;AACC,aAAS;AACT,UAAM;AACN,iBAAa;AACb,gBAAY,IAAI;AAChB,YAAQ;AACR,kBAAc;AAEd,KAAC;AACC,mBAAa,IAAI;AACjB,kBAAY,IAAI;AAChB,qBAAe,IAAI;AACnB,kBAAY,IAAI;AAChB,eAAS;AACX;AAEA,KAAC,eAAe,EAAE;AAChB,cAAQ;AACV;AAGA,YAAO,wBAAyB;AAC9B,eAAS;AACX;AACF;AACF;","names":["root","content","handle"]}

package/dist/sheet.d.ts

@@ -14,6 +14,13 @@ interface SheetContentProps extends Omit<ComponentProps<typeof Dialog.Content>,
      * @default 'end'
      */
     placement?: SheetPlacement;
+    /**
+     * `placement="bottom"` only: a grab handle at the top of the sheet that can be dragged down to
+     * close it (past a quarter of the sheet's height, or with a flick). Pointer and touch only, and
+     * off under `prefers-reduced-motion`; Escape, the backdrop and `Sheet.Close` are unchanged.
+     * @default true
+     */
+    dragToDismiss?: boolean;
 }
 /**
  * A dialog docked to an edge of the viewport: a side panel for detail or settings that keeps the
@@ -28,7 +35,7 @@ interface SheetContentProps extends Omit<ComponentProps<typeof Dialog.Content>,
  *
  * @status experimental
  * @category Overlays
- * @accessibility Dialog's: `role="dialog"` with `aria-modal`, named by `Sheet.Title` and described by `Sheet.Description`; focus moves in on open, is trapped, and returns to the trigger on close; Escape and the backdrop dismiss it; the page behind is inert. Docking changes the layout only, never the semantics.
+ * @accessibility The drag handle of a bottom sheet is a pointer and touch shortcut, hidden from assistive technology and not focusable: it adds no keyboard stop, and closing by keyboard stays Escape or `Sheet.Close`, so always render a `Sheet.Close` in a sheet that can be dragged. Otherwise Dialog's: `role="dialog"` with `aria-modal`, named by `Sheet.Title` and described by `Sheet.Description`; focus moves in on open, is trapped, and returns to the trigger on close; Escape and the backdrop dismiss it; the page behind is inert. Docking changes the layout only, never the semantics.
  * @do Always render a `Sheet.Title`.
  * @do Dock to `end` for detail and settings beside the page, and to `bottom` for choices on a narrow screen.
  * @dont Use it for a short confirmation; a centred Dialog reads as more urgent and takes less room.
@@ -50,7 +57,7 @@ declare namespace Sheet {
  * The docked dialog element. Dialog's `Content`, with `placement` and the class that maps pulp's
  * `--sheet-*` tokens onto the vendor's sheet variables.
  */
-declare function SheetContent({ placement, className, ...rest }: SheetContentProps): react.JSX.Element;
+declare function SheetContent({ placement, dragToDismiss, className, children, ...rest }: SheetContentProps): react.JSX.Element;
 declare namespace SheetContent {
     var displayName: string;
 }

package/dist/sheet.js

@@ -1,5 +1,5 @@
-export { Sheet } from './chunk-XUROYTJ7.js';
-import './chunk-IDNGNQNV.js';
+"use client";export { Sheet } from './chunk-7O6FTCZL.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';
+"use client";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"]}