@nimbus-ds/components 5.35.0 → 5.35.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/Box/index.d.ts +24 -22
  3. package/dist/Box/index.js +1 -1
  4. package/dist/CHANGELOG.md +7 -0
  5. package/dist/MultiSelect/index.js +1 -1
  6. package/dist/ScrollPane/index.d.ts +24 -22
  7. package/dist/ScrollPane/index.js +1 -1
  8. package/dist/SegmentedControl/index.d.ts +24 -22
  9. package/dist/SegmentedControl/index.js +1 -1
  10. package/dist/SplitButton/index.d.ts +24 -22
  11. package/dist/SplitButton/index.js +1 -1
  12. package/dist/Stepper/index.d.ts +24 -22
  13. package/dist/Stepper/index.js +1 -1
  14. package/dist/Toggle/index.js +1 -1
  15. package/dist/Tooltip/index.js +1 -1
  16. package/dist/components-props.json +1 -1
  17. package/dist/index.d.ts +24 -22
  18. package/dist/index.js +1 -1
  19. package/package.json +1 -1
package/dist/ScrollPane/index.d.ts CHANGED
@@ -110,7 +110,9 @@ declare const propertiesBox: {
110
110
  "primary-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
111
111
  "primary-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
112
112
  "primary-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
113
- "primary-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
113
+ "primary-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
114
+ * The width property specifies the width of a box's content area.
115
+ */
114
116
  "success-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
115
117
  "success-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
116
118
  "success-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -119,9 +121,7 @@ declare const propertiesBox: {
119
121
  "warning-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
120
122
  "warning-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
121
123
  "warning-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
122
- "danger-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
123
- * The min height property specifies the height of a box's content area.
124
- */
124
+ "danger-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
125
125
  "danger-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
126
126
  "danger-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
127
127
  "danger-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -146,7 +146,9 @@ declare const propertiesBox: {
146
146
  "primary-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
147
147
  "primary-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
148
148
  "primary-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
149
- "primary-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
149
+ "primary-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
150
+ * The width property specifies the width of a box's content area.
151
+ */
150
152
  "success-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
151
153
  "success-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
152
154
  "success-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -155,9 +157,7 @@ declare const propertiesBox: {
155
157
  "warning-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
156
158
  "warning-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
157
159
  "warning-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
158
- "danger-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
159
- * The min height property specifies the height of a box's content area.
160
- */
160
+ "danger-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
161
161
  "danger-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
162
162
  "danger-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
163
163
  "danger-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -186,16 +186,17 @@ declare const propertiesBox: {
186
186
  "danger-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
187
187
  "danger-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
188
188
  "neutral-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
189
+ /**
190
+ * The gridArea shorthand property specifies a grid item's size and location within a grid by contributing a line,
191
+ * a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area.
192
+ */
189
193
  "neutral-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
190
194
  "neutral-surfaceDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
191
195
  "neutral-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
192
196
  transparent: string;
193
197
  };
194
198
  borderRadius: {
195
- "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
196
- * The alignItems property sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis.
197
- * In Grid Layout, it controls the alignment of items on the Block Axis within their grid area.
198
- */
199
+ "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
199
200
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
200
201
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
201
202
  "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -203,10 +204,6 @@ declare const propertiesBox: {
203
204
  "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
204
205
  "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
205
206
  full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
206
- /**
207
- * The alignSelf property overrides a grid or flex item's align-items value. In Grid, it aligns the item inside the grid area.
208
- * In Flexbox, it aligns the item on the cross axis.
209
- */
210
207
  base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
211
208
  half: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
212
209
  none: string;
@@ -214,7 +211,9 @@ declare const propertiesBox: {
214
211
  borderWidth: {
215
212
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
216
213
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
217
- "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
214
+ "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
215
+ * The gap property sets the gaps between rows and columns. It is a shorthand for rowGap and columnGap.
216
+ */
218
217
  "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
219
218
  "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
220
219
  none: string;
@@ -336,7 +335,9 @@ declare const propertiesBox: {
336
335
  h2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
337
336
  h3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
338
337
  h4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
339
- h5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
338
+ h5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
339
+ * This defines the ability for a flex item to grow if necessary.
340
+ */
340
341
  h6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
341
342
  };
342
343
  lineHeight: {
@@ -361,15 +362,15 @@ declare const propertiesBox: {
361
362
  "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
362
363
  "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
363
364
  "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
364
- h1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
365
+ h1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
366
+ * The flexWrap property sets whether flex items are forced onto one line or can wrap onto multiple lines.
367
+ */
365
368
  h2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
366
369
  h3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
367
370
  h4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
368
371
  h5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
369
372
  h6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
370
- }; /**
371
- * The paddingBottom property sets the height of the padding area on the bottom of an box.
372
- */
373
+ };
373
374
  };
374
375
  export type BoxBorderColorProperties = keyof typeof propertiesBox.borderColor;
375
376
  export type BoxBorderRadiusProperties = keyof typeof propertiesBox.borderRadius;
@@ -389,6 +390,7 @@ export type BoxLineHeightProperties = keyof typeof propertiesBox.lineHeight;
389
390
  export type BoxBackgroundProperties = keyof typeof propertiesBox.background;
390
391
  export interface BoxConditions<T> extends Conditions<T> {
391
392
  focus?: T;
393
+ focusVisible?: T;
392
394
  focusWithin?: T;
393
395
  active?: T;
394
396
  hover?: T;
package/dist/ScrollPane/index.js CHANGED
@@ -1,2 +1,2 @@
1
1
  "use client";
2
- !function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("react"),require("@nimbus-ds/styles")):"function"==typeof define&&define.amd?define(["react","@nimbus-ds/styles"],r):"object"==typeof exports?exports["@nimbus-ds/components"]=r(require("react"),require("@nimbus-ds/styles")):e["@nimbus-ds/components"]=r(e.react,e["@nimbus-ds/styles"])}(global,((e,r)=>(()=>{"use strict";var t={8973:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.Box=void 0;const o=t(5608).__importStar(t(9155)),n=t(4367),a=(0,o.forwardRef)((({className:e,style:r,as:t="div",boxSizing:a="border-box",...l},c)=>{const{className:i,style:s,otherProps:u}=n.box.sprinkle({...l,boxSizing:a});return o.default.createElement(t,{ref:c,className:i,style:s,...u})}));r.Box=a,a.displayName="Box"},9598:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.Box=void 0;const o=t(8973);var n=t(8973);Object.defineProperty(r,"Box",{enumerable:!0,get:function(){return n.Box}}),r.default=o.Box},8327:(e,r)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.getPosition=void 0;r.getPosition=(e,r)=>{const t=((e,r)=>{const t="horizontal"===r;return"start"===e?t?"left":"top":t?"right":"bottom"})(e,r);return`${r}-${t}`}},6085:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.ScrollPane=void 0;const o=t(5608).__importStar(t(9155)),n=t(9598),a=t(4367),l=t(6083),c=t(8327),i=({children:e,showGradients:r=!0,showArrows:t=!1,showScrollbar:i=!0,direction:s="horizontal",scrollToItemOnClick:u=!0,scrollPaneArrowStart:f,scrollPaneArrowEnd:d,contentContainerProps:p,...y})=>{const _=(0,o.useRef)(null),b=(0,o.useRef)(null),[m,v]=(0,o.useState)(!1),[P,w]=(0,o.useState)(!1),[h,S]=(0,o.useState)(!1),g=(0,o.useCallback)((()=>{if(!_.current)return;const e=_.current,{scrollLeft:r,scrollTop:t,scrollWidth:o,scrollHeight:n,clientWidth:a,clientHeight:l}=e;"horizontal"===s?(v(r>0),w(r<o-a-1)):(v(t>0),w(t<n-l-1))}),[s]),O=(0,o.useCallback)((()=>{h||S(!0),g(),b.current&&clearTimeout(b.current),b.current=setTimeout((()=>{S(!1)}),150)}),[g,h]),j=(0,o.useCallback)((e=>{if(!_.current)return;const r=_.current,t="horizontal"===s?.8*r.clientWidth:.8*r.clientHeight;if("horizontal"===s){const o="start"===e?r.scrollLeft-t:r.scrollLeft+t;r.scrollTo({left:Math.max(0,Math.min(o,r.scrollWidth-r.clientWidth)),behavior:"smooth"})}else{const o="start"===e?r.scrollTop-t:r.scrollTop+t;r.scrollTo({top:Math.max(0,Math.min(o,r.scrollHeight-r.clientHeight)),behavior:"smooth"})}}),[s]);(0,o.useEffect)((()=>{const e=_.current;if(!e)return;g(),e.addEventListener("scroll",O);const r=new ResizeObserver(g);return r.observe(e),()=>{e.removeEventListener("scroll",O),r.disconnect(),b.current&&clearTimeout(b.current)}}),[g,O]);const x=(0,o.useMemo)((()=>({direction:s,scrollToItemOnClick:u,containerRef:_,scrollToDirection:j})),[s,u,j]);return o.default.createElement(l.ScrollPaneContext.Provider,{value:x},o.default.createElement(n.Box,{as:"div",position:"relative",...y},o.default.createElement("div",{ref:_,className:[a.scrollPane.classnames.scrollArea,a.scrollPane.classnames.direction[s],!i&&a.scrollPane.classnames.scrollAreaHidden].filter(Boolean).join(" ")},o.default.createElement(n.Box,{display:"flex",margin:"1",...p},e),r&&o.default.createElement(o.default.Fragment,null,m&&o.default.createElement("div",{className:[a.scrollPane.classnames.gradient,a.scrollPane.classnames.gradientVariants[(0,c.getPosition)("start",s)]].join(" ")}),P&&o.default.createElement("div",{className:[a.scrollPane.classnames.gradient,a.scrollPane.classnames.gradientVariants[(0,c.getPosition)("end",s)]].join(" ")})),t&&o.default.createElement(o.default.Fragment,null,m&&f,P&&d))))};r.ScrollPane=i,i.displayName="ScrollPane",i.Item=l.ScrollPaneItem,i.ArrowHorizontalStart=l.ScrollPaneArrowHorizontalStart,i.ArrowHorizontalEnd=l.ScrollPaneArrowHorizontalEnd,i.ArrowVerticalStart=l.ScrollPaneArrowVerticalStart,i.ArrowVerticalEnd=l.ScrollPaneArrowVerticalEnd,i.Item.displayName="ScrollPane.Item",i.ArrowHorizontalStart.displayName="ScrollPane.ArrowHorizontalStart",i.ArrowHorizontalEnd.displayName="ScrollPane.ArrowHorizontalEnd",i.ArrowVerticalStart.displayName="ScrollPane.ArrowVerticalStart",i.ArrowVerticalEnd.displayName="ScrollPane.ArrowVerticalEnd"},2239:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0});const o=t(5608);o.__exportStar(t(1630),r),o.__exportStar(t(6083),r)},4584:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.ScrollPaneArrowVerticalEnd=r.ScrollPaneArrowVerticalStart=r.ScrollPaneArrowHorizontalEnd=r.ScrollPaneArrowHorizontalStart=void 0;const o=t(5608).__importDefault(t(9155)),n=t(4367),a=t(3590),l=({children:e,variant:r,direction:t})=>{const l=(0,a.useScrollPaneContext)(),c=()=>l.scrollToDirection(t);return o.default.createElement("div",{className:[n.scrollPane.classnames.arrow,n.scrollPane.classnames.arrowVariants[r]].join(" "),onClick:c,onKeyDown:e=>{"Enter"!==e.key&&"Space"!==e.code||(e.preventDefault(),c())},role:"button",tabIndex:0,"aria-label":"Scroll "+("start"===t?"backward":"forward")},e)};r.ScrollPaneArrowHorizontalStart=({children:e})=>o.default.createElement(l,{variant:"horizontal-left",direction:"start"},e);r.ScrollPaneArrowHorizontalEnd=({children:e})=>o.default.createElement(l,{variant:"horizontal-right",direction:"end"},e);r.ScrollPaneArrowVerticalStart=({children:e})=>o.default.createElement(l,{variant:"vertical-top",direction:"start"},e);r.ScrollPaneArrowVerticalEnd=({children:e})=>o.default.createElement(l,{variant:"vertical-bottom",direction:"end"},e)},3076:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.ScrollPaneArrowVerticalEnd=r.ScrollPaneArrowVerticalStart=r.ScrollPaneArrowHorizontalEnd=r.ScrollPaneArrowHorizontalStart=void 0;var o=t(4584);Object.defineProperty(r,"ScrollPaneArrowHorizontalStart",{enumerable:!0,get:function(){return o.ScrollPaneArrowHorizontalStart}}),Object.defineProperty(r,"ScrollPaneArrowHorizontalEnd",{enumerable:!0,get:function(){return o.ScrollPaneArrowHorizontalEnd}}),Object.defineProperty(r,"ScrollPaneArrowVerticalStart",{enumerable:!0,get:function(){return o.ScrollPaneArrowVerticalStart}}),Object.defineProperty(r,"ScrollPaneArrowVerticalEnd",{enumerable:!0,get:function(){return o.ScrollPaneArrowVerticalEnd}})},2222:(e,r)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.scrollItemIntoView=void 0;r.scrollItemIntoView=(e,r,t)=>{const o=e.getBoundingClientRect(),n=r.getBoundingClientRect();if(!((e,r,t)=>"horizontal"===t?r.left>=e.left&&r.right<=e.right:r.top>=e.top&&r.bottom<=e.bottom)(o,n,t))if("horizontal"===t){const r=o.width/2,t=n.width/2,a=n.left-o.left-r+t,l=e.scrollLeft+a;e.scrollTo({left:Math.max(0,l),behavior:"smooth"})}else{const r=o.height/2,t=n.height/2,a=n.top-o.top-r+t,l=e.scrollTop+a;e.scrollTo({top:Math.max(0,l),behavior:"smooth"})}}},4941:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.ScrollPaneItem=void 0;const o=t(5608).__importDefault(t(9155)),n=t(9598),a=t(3590),l=t(2222);r.ScrollPaneItem=({children:e,onClick:r,...t})=>{const c=(0,a.useScrollPaneContext)();return o.default.createElement(n.Box,{...t,onClick:e=>{if(r&&r(e),c.scrollToItemOnClick&&e.currentTarget){const r=c.containerRef?.current,t=e.currentTarget;r&&t&&c.direction&&(0,l.scrollItemIntoView)(r,t,c.direction)}}},e)}},324:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0});const o=t(5608);o.__exportStar(t(4941),r),o.__exportStar(t(505),r)},505:(e,r)=>{Object.defineProperty(r,"__esModule",{value:!0})},6083:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.ScrollPaneArrowVerticalEnd=r.ScrollPaneArrowVerticalStart=r.ScrollPaneArrowHorizontalEnd=r.ScrollPaneArrowHorizontalStart=r.ScrollPaneContext=r.ScrollPaneItem=void 0;var o=t(324);Object.defineProperty(r,"ScrollPaneItem",{enumerable:!0,get:function(){return o.ScrollPaneItem}});var n=t(3590);Object.defineProperty(r,"ScrollPaneContext",{enumerable:!0,get:function(){return n.ScrollPaneContext}});var a=t(3076);Object.defineProperty(r,"ScrollPaneArrowHorizontalStart",{enumerable:!0,get:function(){return a.ScrollPaneArrowHorizontalStart}}),Object.defineProperty(r,"ScrollPaneArrowHorizontalEnd",{enumerable:!0,get:function(){return a.ScrollPaneArrowHorizontalEnd}}),Object.defineProperty(r,"ScrollPaneArrowVerticalStart",{enumerable:!0,get:function(){return a.ScrollPaneArrowVerticalStart}}),Object.defineProperty(r,"ScrollPaneArrowVerticalEnd",{enumerable:!0,get:function(){return a.ScrollPaneArrowVerticalEnd}})},3464:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.useScrollPaneContext=r.ScrollPaneContext=void 0;const o=t(9155);r.ScrollPaneContext=(0,o.createContext)(null);r.useScrollPaneContext=()=>{const e=(0,o.useContext)(r.ScrollPaneContext);if(!e)throw new Error("useScrollPaneContext must be used within a ScrollPane");return e}},3590:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.useScrollPaneContext=r.ScrollPaneContext=void 0;var o=t(3464);Object.defineProperty(r,"ScrollPaneContext",{enumerable:!0,get:function(){return o.ScrollPaneContext}}),Object.defineProperty(r,"useScrollPaneContext",{enumerable:!0,get:function(){return o.useScrollPaneContext}})},1630:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.ScrollPane=void 0;var o=t(6085);Object.defineProperty(r,"ScrollPane",{enumerable:!0,get:function(){return o.ScrollPane}})},4367:e=>{e.exports=r},9155:r=>{r.exports=e},5608:(e,r,t)=>{t.r(r),t.d(r,{__addDisposableResource:()=>H,__assign:()=>a,__asyncDelegator:()=>j,__asyncGenerator:()=>O,__asyncValues:()=>x,__await:()=>g,__awaiter:()=>y,__classPrivateFieldGet:()=>C,__classPrivateFieldIn:()=>I,__classPrivateFieldSet:()=>V,__createBinding:()=>b,__decorate:()=>c,__disposeResources:()=>k,__esDecorate:()=>s,__exportStar:()=>m,__extends:()=>n,__generator:()=>_,__importDefault:()=>z,__importStar:()=>T,__makeTemplateObject:()=>E,__metadata:()=>p,__param:()=>i,__propKey:()=>f,__read:()=>P,__rest:()=>l,__runInitializers:()=>u,__setFunctionName:()=>d,__spread:()=>w,__spreadArray:()=>S,__spreadArrays:()=>h,__values:()=>v,default:()=>D});var o=function(e,r){return o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,r){e.__proto__=r}||function(e,r){for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])},o(e,r)};function n(e,r){if("function"!=typeof r&&null!==r)throw new TypeError("Class extends value "+String(r)+" is not a constructor or null");function t(){this.constructor=e}o(e,r),e.prototype=null===r?Object.create(r):(t.prototype=r.prototype,new t)}var a=function(){return a=Object.assign||function(e){for(var r,t=1,o=arguments.length;t<o;t++)for(var n in r=arguments[t])Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n]);return e},a.apply(this,arguments)};function l(e,r){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)r.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(t[o[n]]=e[o[n]])}return t}function c(e,r,t,o){var n,a=arguments.length,l=a<3?r:null===o?o=Object.getOwnPropertyDescriptor(r,t):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,r,t,o);else for(var c=e.length-1;c>=0;c--)(n=e[c])&&(l=(a<3?n(l):a>3?n(r,t,l):n(r,t))||l);return a>3&&l&&Object.defineProperty(r,t,l),l}function i(e,r){return function(t,o){r(t,o,e)}}function s(e,r,t,o,n,a){function l(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var c,i=o.kind,s="getter"===i?"get":"setter"===i?"set":"value",u=!r&&e?o.static?e:e.prototype:null,f=r||(u?Object.getOwnPropertyDescriptor(u,o.name):{}),d=!1,p=t.length-1;p>=0;p--){var y={};for(var _ in o)y[_]="access"===_?{}:o[_];for(var _ in o.access)y.access[_]=o.access[_];y.addInitializer=function(e){if(d)throw new TypeError("Cannot add initializers after decoration has completed");a.push(l(e||null))};var b=(0,t[p])("accessor"===i?{get:f.get,set:f.set}:f[s],y);if("accessor"===i){if(void 0===b)continue;if(null===b||"object"!=typeof b)throw new TypeError("Object expected");(c=l(b.get))&&(f.get=c),(c=l(b.set))&&(f.set=c),(c=l(b.init))&&n.unshift(c)}else(c=l(b))&&("field"===i?n.unshift(c):f[s]=c)}u&&Object.defineProperty(u,o.name,f),d=!0}function u(e,r,t){for(var o=arguments.length>2,n=0;n<r.length;n++)t=o?r[n].call(e,t):r[n].call(e);return o?t:void 0}function f(e){return"symbol"==typeof e?e:"".concat(e)}function d(e,r,t){return"symbol"==typeof r&&(r=r.description?"[".concat(r.description,"]"):""),Object.defineProperty(e,"name",{configurable:!0,value:t?"".concat(t," ",r):r})}function p(e,r){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,r)}function y(e,r,t,o){return new(t||(t=Promise))((function(n,a){function l(e){try{i(o.next(e))}catch(e){a(e)}}function c(e){try{i(o.throw(e))}catch(e){a(e)}}function i(e){var r;e.done?n(e.value):(r=e.value,r instanceof t?r:new t((function(e){e(r)}))).then(l,c)}i((o=o.apply(e,r||[])).next())}))}function _(e,r){var t,o,n,a,l={label:0,sent:function(){if(1&n[0])throw n[1];return n[1]},trys:[],ops:[]};return a={next:c(0),throw:c(1),return:c(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function c(c){return function(i){return function(c){if(t)throw new TypeError("Generator is already executing.");for(;a&&(a=0,c[0]&&(l=0)),l;)try{if(t=1,o&&(n=2&c[0]?o.return:c[0]?o.throw||((n=o.return)&&n.call(o),0):o.next)&&!(n=n.call(o,c[1])).done)return n;switch(o=0,n&&(c=[2&c[0],n.value]),c[0]){case 0:case 1:n=c;break;case 4:return l.label++,{value:c[1],done:!1};case 5:l.label++,o=c[1],c=[0];continue;case 7:c=l.ops.pop(),l.trys.pop();continue;default:if(!(n=l.trys,(n=n.length>0&&n[n.length-1])||6!==c[0]&&2!==c[0])){l=0;continue}if(3===c[0]&&(!n||c[1]>n[0]&&c[1]<n[3])){l.label=c[1];break}if(6===c[0]&&l.label<n[1]){l.label=n[1],n=c;break}if(n&&l.label<n[2]){l.label=n[2],l.ops.push(c);break}n[2]&&l.ops.pop(),l.trys.pop();continue}c=r.call(e,l)}catch(e){c=[6,e],o=0}finally{t=n=0}if(5&c[0])throw c[1];return{value:c[0]?c[1]:void 0,done:!0}}([c,i])}}}var b=Object.create?function(e,r,t,o){void 0===o&&(o=t);var n=Object.getOwnPropertyDescriptor(r,t);n&&!("get"in n?!r.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(e,o,n)}:function(e,r,t,o){void 0===o&&(o=t),e[o]=r[t]};function m(e,r){for(var t in e)"default"===t||Object.prototype.hasOwnProperty.call(r,t)||b(r,e,t)}function v(e){var r="function"==typeof Symbol&&Symbol.iterator,t=r&&e[r],o=0;if(t)return t.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&o>=e.length&&(e=void 0),{value:e&&e[o++],done:!e}}};throw new TypeError(r?"Object is not iterable.":"Symbol.iterator is not defined.")}function P(e,r){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var o,n,a=t.call(e),l=[];try{for(;(void 0===r||r-- >0)&&!(o=a.next()).done;)l.push(o.value)}catch(e){n={error:e}}finally{try{o&&!o.done&&(t=a.return)&&t.call(a)}finally{if(n)throw n.error}}return l}function w(){for(var e=[],r=0;r<arguments.length;r++)e=e.concat(P(arguments[r]));return e}function h(){for(var e=0,r=0,t=arguments.length;r<t;r++)e+=arguments[r].length;var o=Array(e),n=0;for(r=0;r<t;r++)for(var a=arguments[r],l=0,c=a.length;l<c;l++,n++)o[n]=a[l];return o}function S(e,r,t){if(t||2===arguments.length)for(var o,n=0,a=r.length;n<a;n++)!o&&n in r||(o||(o=Array.prototype.slice.call(r,0,n)),o[n]=r[n]);return e.concat(o||Array.prototype.slice.call(r))}function g(e){return this instanceof g?(this.v=e,this):new g(e)}function O(e,r,t){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var o,n=t.apply(e,r||[]),a=[];return o={},l("next"),l("throw"),l("return"),o[Symbol.asyncIterator]=function(){return this},o;function l(e){n[e]&&(o[e]=function(r){return new Promise((function(t,o){a.push([e,r,t,o])>1||c(e,r)}))})}function c(e,r){try{(t=n[e](r)).value instanceof g?Promise.resolve(t.value.v).then(i,s):u(a[0][2],t)}catch(e){u(a[0][3],e)}var t}function i(e){c("next",e)}function s(e){c("throw",e)}function u(e,r){e(r),a.shift(),a.length&&c(a[0][0],a[0][1])}}function j(e){var r,t;return r={},o("next"),o("throw",(function(e){throw e})),o("return"),r[Symbol.iterator]=function(){return this},r;function o(o,n){r[o]=e[o]?function(r){return(t=!t)?{value:g(e[o](r)),done:!1}:n?n(r):r}:n}}function x(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var r,t=e[Symbol.asyncIterator];return t?t.call(e):(e=v(e),r={},o("next"),o("throw"),o("return"),r[Symbol.asyncIterator]=function(){return this},r);function o(t){r[t]=e[t]&&function(r){return new Promise((function(o,n){(function(e,r,t,o){Promise.resolve(o).then((function(r){e({value:r,done:t})}),r)})(o,n,(r=e[t](r)).done,r.value)}))}}}function E(e,r){return Object.defineProperty?Object.defineProperty(e,"raw",{value:r}):e.raw=r,e}var A=Object.create?function(e,r){Object.defineProperty(e,"default",{enumerable:!0,value:r})}:function(e,r){e.default=r};function T(e){if(e&&e.__esModule)return e;var r={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&b(r,e,t);return A(r,e),r}function z(e){return e&&e.__esModule?e:{default:e}}function C(e,r,t,o){if("a"===t&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof r?e!==r||!o:!r.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===t?o:"a"===t?o.call(e):o?o.value:r.get(e)}function V(e,r,t,o,n){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof r?e!==r||!n:!r.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?n.call(e,t):n?n.value=t:r.set(e,t),t}function I(e,r){if(null===r||"object"!=typeof r&&"function"!=typeof r)throw new TypeError("Cannot use 'in' operator on non-object");return"function"==typeof e?r===e:e.has(r)}function H(e,r,t){if(null!=r){if("object"!=typeof r&&"function"!=typeof r)throw new TypeError("Object expected.");var o;if(t){if(!Symbol.asyncDispose)throw new TypeError("Symbol.asyncDispose is not defined.");o=r[Symbol.asyncDispose]}if(void 0===o){if(!Symbol.dispose)throw new TypeError("Symbol.dispose is not defined.");o=r[Symbol.dispose]}if("function"!=typeof o)throw new TypeError("Object not disposable.");e.stack.push({value:r,dispose:o,async:t})}else t&&e.stack.push({async:!0});return r}var M="function"==typeof SuppressedError?SuppressedError:function(e,r,t){var o=new Error(t);return o.name="SuppressedError",o.error=e,o.suppressed=r,o};function k(e){function r(r){e.error=e.hasError?new M(r,e.error,"An error was suppressed during disposal."):r,e.hasError=!0}return function t(){for(;e.stack.length;){var o=e.stack.pop();try{var n=o.dispose&&o.dispose.call(o.value);if(o.async)return Promise.resolve(n).then(t,(function(e){return r(e),t()}))}catch(e){r(e)}}if(e.hasError)throw e.error}()}const D={__extends:n,__assign:a,__rest:l,__decorate:c,__param:i,__metadata:p,__awaiter:y,__generator:_,__createBinding:b,__exportStar:m,__values:v,__read:P,__spread:w,__spreadArrays:h,__spreadArray:S,__await:g,__asyncGenerator:O,__asyncDelegator:j,__asyncValues:x,__makeTemplateObject:E,__importStar:T,__importDefault:z,__classPrivateFieldGet:C,__classPrivateFieldSet:V,__classPrivateFieldIn:I,__addDisposableResource:H,__disposeResources:k}}},o={};function n(e){var r=o[e];if(void 0!==r)return r.exports;var a=o[e]={exports:{}};return t[e](a,a.exports,n),a.exports}return n.d=(e,r)=>{for(var t in r)n.o(r,t)&&!n.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},n.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n(2239)})()));
2
+ !function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("react"),require("@nimbus-ds/styles")):"function"==typeof define&&define.amd?define(["react","@nimbus-ds/styles"],r):"object"==typeof exports?exports["@nimbus-ds/components"]=r(require("react"),require("@nimbus-ds/styles")):e["@nimbus-ds/components"]=r(e.react,e["@nimbus-ds/styles"])}(global,((e,r)=>(()=>{"use strict";var t={8973:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.Box=void 0;const o=t(5608).__importStar(t(9155)),n=t(4367),a=(0,o.forwardRef)((({className:e,style:r,as:t="div",boxSizing:a="border-box",...l},c)=>{const i="button"===t,{className:s,style:u,otherProps:f}=n.box.sprinkle({...l,boxSizing:a}),d=[s,i&&n.box.asButton].filter(Boolean).join(" ");return o.default.createElement(t,{ref:c,className:d,style:u,...f})}));r.Box=a,a.displayName="Box"},9598:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.Box=void 0;const o=t(8973);var n=t(8973);Object.defineProperty(r,"Box",{enumerable:!0,get:function(){return n.Box}}),r.default=o.Box},8327:(e,r)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.getPosition=void 0;r.getPosition=(e,r)=>{const t=((e,r)=>{const t="horizontal"===r;return"start"===e?t?"left":"top":t?"right":"bottom"})(e,r);return`${r}-${t}`}},6085:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.ScrollPane=void 0;const o=t(5608).__importStar(t(9155)),n=t(9598),a=t(4367),l=t(6083),c=t(8327),i=({children:e,showGradients:r=!0,showArrows:t=!1,showScrollbar:i=!0,direction:s="horizontal",scrollToItemOnClick:u=!0,scrollPaneArrowStart:f,scrollPaneArrowEnd:d,contentContainerProps:p,...y})=>{const _=(0,o.useRef)(null),b=(0,o.useRef)(null),[m,v]=(0,o.useState)(!1),[P,w]=(0,o.useState)(!1),[h,S]=(0,o.useState)(!1),g=(0,o.useCallback)((()=>{if(!_.current)return;const e=_.current,{scrollLeft:r,scrollTop:t,scrollWidth:o,scrollHeight:n,clientWidth:a,clientHeight:l}=e;"horizontal"===s?(v(r>0),w(r<o-a-1)):(v(t>0),w(t<n-l-1))}),[s]),O=(0,o.useCallback)((()=>{h||S(!0),g(),b.current&&clearTimeout(b.current),b.current=setTimeout((()=>{S(!1)}),150)}),[g,h]),j=(0,o.useCallback)((e=>{if(!_.current)return;const r=_.current,t="horizontal"===s?.8*r.clientWidth:.8*r.clientHeight;if("horizontal"===s){const o="start"===e?r.scrollLeft-t:r.scrollLeft+t;r.scrollTo({left:Math.max(0,Math.min(o,r.scrollWidth-r.clientWidth)),behavior:"smooth"})}else{const o="start"===e?r.scrollTop-t:r.scrollTop+t;r.scrollTo({top:Math.max(0,Math.min(o,r.scrollHeight-r.clientHeight)),behavior:"smooth"})}}),[s]);(0,o.useEffect)((()=>{const e=_.current;if(!e)return;g(),e.addEventListener("scroll",O);const r=new ResizeObserver(g);return r.observe(e),()=>{e.removeEventListener("scroll",O),r.disconnect(),b.current&&clearTimeout(b.current)}}),[g,O]);const x=(0,o.useMemo)((()=>({direction:s,scrollToItemOnClick:u,containerRef:_,scrollToDirection:j})),[s,u,j]);return o.default.createElement(l.ScrollPaneContext.Provider,{value:x},o.default.createElement(n.Box,{as:"div",position:"relative",...y},o.default.createElement("div",{ref:_,className:[a.scrollPane.classnames.scrollArea,a.scrollPane.classnames.direction[s],!i&&a.scrollPane.classnames.scrollAreaHidden].filter(Boolean).join(" ")},o.default.createElement(n.Box,{display:"flex",margin:"1",...p},e),r&&o.default.createElement(o.default.Fragment,null,m&&o.default.createElement("div",{className:[a.scrollPane.classnames.gradient,a.scrollPane.classnames.gradientVariants[(0,c.getPosition)("start",s)]].join(" ")}),P&&o.default.createElement("div",{className:[a.scrollPane.classnames.gradient,a.scrollPane.classnames.gradientVariants[(0,c.getPosition)("end",s)]].join(" ")})),t&&o.default.createElement(o.default.Fragment,null,m&&f,P&&d))))};r.ScrollPane=i,i.displayName="ScrollPane",i.Item=l.ScrollPaneItem,i.ArrowHorizontalStart=l.ScrollPaneArrowHorizontalStart,i.ArrowHorizontalEnd=l.ScrollPaneArrowHorizontalEnd,i.ArrowVerticalStart=l.ScrollPaneArrowVerticalStart,i.ArrowVerticalEnd=l.ScrollPaneArrowVerticalEnd,i.Item.displayName="ScrollPane.Item",i.ArrowHorizontalStart.displayName="ScrollPane.ArrowHorizontalStart",i.ArrowHorizontalEnd.displayName="ScrollPane.ArrowHorizontalEnd",i.ArrowVerticalStart.displayName="ScrollPane.ArrowVerticalStart",i.ArrowVerticalEnd.displayName="ScrollPane.ArrowVerticalEnd"},2239:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0});const o=t(5608);o.__exportStar(t(1630),r),o.__exportStar(t(6083),r)},4584:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.ScrollPaneArrowVerticalEnd=r.ScrollPaneArrowVerticalStart=r.ScrollPaneArrowHorizontalEnd=r.ScrollPaneArrowHorizontalStart=void 0;const o=t(5608).__importDefault(t(9155)),n=t(4367),a=t(3590),l=({children:e,variant:r,direction:t})=>{const l=(0,a.useScrollPaneContext)(),c=()=>l.scrollToDirection(t);return o.default.createElement("div",{className:[n.scrollPane.classnames.arrow,n.scrollPane.classnames.arrowVariants[r]].join(" "),onClick:c,onKeyDown:e=>{"Enter"!==e.key&&"Space"!==e.code||(e.preventDefault(),c())},role:"button",tabIndex:0,"aria-label":"Scroll "+("start"===t?"backward":"forward")},e)};r.ScrollPaneArrowHorizontalStart=({children:e})=>o.default.createElement(l,{variant:"horizontal-left",direction:"start"},e);r.ScrollPaneArrowHorizontalEnd=({children:e})=>o.default.createElement(l,{variant:"horizontal-right",direction:"end"},e);r.ScrollPaneArrowVerticalStart=({children:e})=>o.default.createElement(l,{variant:"vertical-top",direction:"start"},e);r.ScrollPaneArrowVerticalEnd=({children:e})=>o.default.createElement(l,{variant:"vertical-bottom",direction:"end"},e)},3076:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.ScrollPaneArrowVerticalEnd=r.ScrollPaneArrowVerticalStart=r.ScrollPaneArrowHorizontalEnd=r.ScrollPaneArrowHorizontalStart=void 0;var o=t(4584);Object.defineProperty(r,"ScrollPaneArrowHorizontalStart",{enumerable:!0,get:function(){return o.ScrollPaneArrowHorizontalStart}}),Object.defineProperty(r,"ScrollPaneArrowHorizontalEnd",{enumerable:!0,get:function(){return o.ScrollPaneArrowHorizontalEnd}}),Object.defineProperty(r,"ScrollPaneArrowVerticalStart",{enumerable:!0,get:function(){return o.ScrollPaneArrowVerticalStart}}),Object.defineProperty(r,"ScrollPaneArrowVerticalEnd",{enumerable:!0,get:function(){return o.ScrollPaneArrowVerticalEnd}})},2222:(e,r)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.scrollItemIntoView=void 0;r.scrollItemIntoView=(e,r,t)=>{const o=e.getBoundingClientRect(),n=r.getBoundingClientRect();if(!((e,r,t)=>"horizontal"===t?r.left>=e.left&&r.right<=e.right:r.top>=e.top&&r.bottom<=e.bottom)(o,n,t))if("horizontal"===t){const r=o.width/2,t=n.width/2,a=n.left-o.left-r+t,l=e.scrollLeft+a;e.scrollTo({left:Math.max(0,l),behavior:"smooth"})}else{const r=o.height/2,t=n.height/2,a=n.top-o.top-r+t,l=e.scrollTop+a;e.scrollTo({top:Math.max(0,l),behavior:"smooth"})}}},4941:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.ScrollPaneItem=void 0;const o=t(5608).__importDefault(t(9155)),n=t(9598),a=t(3590),l=t(2222);r.ScrollPaneItem=({children:e,onClick:r,...t})=>{const c=(0,a.useScrollPaneContext)();return o.default.createElement(n.Box,{...t,onClick:e=>{if(r&&r(e),c.scrollToItemOnClick&&e.currentTarget){const r=c.containerRef?.current,t=e.currentTarget;r&&t&&c.direction&&(0,l.scrollItemIntoView)(r,t,c.direction)}}},e)}},324:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0});const o=t(5608);o.__exportStar(t(4941),r),o.__exportStar(t(505),r)},505:(e,r)=>{Object.defineProperty(r,"__esModule",{value:!0})},6083:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.ScrollPaneArrowVerticalEnd=r.ScrollPaneArrowVerticalStart=r.ScrollPaneArrowHorizontalEnd=r.ScrollPaneArrowHorizontalStart=r.ScrollPaneContext=r.ScrollPaneItem=void 0;var o=t(324);Object.defineProperty(r,"ScrollPaneItem",{enumerable:!0,get:function(){return o.ScrollPaneItem}});var n=t(3590);Object.defineProperty(r,"ScrollPaneContext",{enumerable:!0,get:function(){return n.ScrollPaneContext}});var a=t(3076);Object.defineProperty(r,"ScrollPaneArrowHorizontalStart",{enumerable:!0,get:function(){return a.ScrollPaneArrowHorizontalStart}}),Object.defineProperty(r,"ScrollPaneArrowHorizontalEnd",{enumerable:!0,get:function(){return a.ScrollPaneArrowHorizontalEnd}}),Object.defineProperty(r,"ScrollPaneArrowVerticalStart",{enumerable:!0,get:function(){return a.ScrollPaneArrowVerticalStart}}),Object.defineProperty(r,"ScrollPaneArrowVerticalEnd",{enumerable:!0,get:function(){return a.ScrollPaneArrowVerticalEnd}})},3464:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.useScrollPaneContext=r.ScrollPaneContext=void 0;const o=t(9155);r.ScrollPaneContext=(0,o.createContext)(null);r.useScrollPaneContext=()=>{const e=(0,o.useContext)(r.ScrollPaneContext);if(!e)throw new Error("useScrollPaneContext must be used within a ScrollPane");return e}},3590:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.useScrollPaneContext=r.ScrollPaneContext=void 0;var o=t(3464);Object.defineProperty(r,"ScrollPaneContext",{enumerable:!0,get:function(){return o.ScrollPaneContext}}),Object.defineProperty(r,"useScrollPaneContext",{enumerable:!0,get:function(){return o.useScrollPaneContext}})},1630:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.ScrollPane=void 0;var o=t(6085);Object.defineProperty(r,"ScrollPane",{enumerable:!0,get:function(){return o.ScrollPane}})},4367:e=>{e.exports=r},9155:r=>{r.exports=e},5608:(e,r,t)=>{t.r(r),t.d(r,{__addDisposableResource:()=>H,__assign:()=>a,__asyncDelegator:()=>j,__asyncGenerator:()=>O,__asyncValues:()=>x,__await:()=>g,__awaiter:()=>y,__classPrivateFieldGet:()=>C,__classPrivateFieldIn:()=>I,__classPrivateFieldSet:()=>V,__createBinding:()=>b,__decorate:()=>c,__disposeResources:()=>k,__esDecorate:()=>s,__exportStar:()=>m,__extends:()=>n,__generator:()=>_,__importDefault:()=>z,__importStar:()=>T,__makeTemplateObject:()=>E,__metadata:()=>p,__param:()=>i,__propKey:()=>f,__read:()=>P,__rest:()=>l,__runInitializers:()=>u,__setFunctionName:()=>d,__spread:()=>w,__spreadArray:()=>S,__spreadArrays:()=>h,__values:()=>v,default:()=>D});var o=function(e,r){return o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,r){e.__proto__=r}||function(e,r){for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])},o(e,r)};function n(e,r){if("function"!=typeof r&&null!==r)throw new TypeError("Class extends value "+String(r)+" is not a constructor or null");function t(){this.constructor=e}o(e,r),e.prototype=null===r?Object.create(r):(t.prototype=r.prototype,new t)}var a=function(){return a=Object.assign||function(e){for(var r,t=1,o=arguments.length;t<o;t++)for(var n in r=arguments[t])Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n]);return e},a.apply(this,arguments)};function l(e,r){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)r.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(t[o[n]]=e[o[n]])}return t}function c(e,r,t,o){var n,a=arguments.length,l=a<3?r:null===o?o=Object.getOwnPropertyDescriptor(r,t):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,r,t,o);else for(var c=e.length-1;c>=0;c--)(n=e[c])&&(l=(a<3?n(l):a>3?n(r,t,l):n(r,t))||l);return a>3&&l&&Object.defineProperty(r,t,l),l}function i(e,r){return function(t,o){r(t,o,e)}}function s(e,r,t,o,n,a){function l(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var c,i=o.kind,s="getter"===i?"get":"setter"===i?"set":"value",u=!r&&e?o.static?e:e.prototype:null,f=r||(u?Object.getOwnPropertyDescriptor(u,o.name):{}),d=!1,p=t.length-1;p>=0;p--){var y={};for(var _ in o)y[_]="access"===_?{}:o[_];for(var _ in o.access)y.access[_]=o.access[_];y.addInitializer=function(e){if(d)throw new TypeError("Cannot add initializers after decoration has completed");a.push(l(e||null))};var b=(0,t[p])("accessor"===i?{get:f.get,set:f.set}:f[s],y);if("accessor"===i){if(void 0===b)continue;if(null===b||"object"!=typeof b)throw new TypeError("Object expected");(c=l(b.get))&&(f.get=c),(c=l(b.set))&&(f.set=c),(c=l(b.init))&&n.unshift(c)}else(c=l(b))&&("field"===i?n.unshift(c):f[s]=c)}u&&Object.defineProperty(u,o.name,f),d=!0}function u(e,r,t){for(var o=arguments.length>2,n=0;n<r.length;n++)t=o?r[n].call(e,t):r[n].call(e);return o?t:void 0}function f(e){return"symbol"==typeof e?e:"".concat(e)}function d(e,r,t){return"symbol"==typeof r&&(r=r.description?"[".concat(r.description,"]"):""),Object.defineProperty(e,"name",{configurable:!0,value:t?"".concat(t," ",r):r})}function p(e,r){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,r)}function y(e,r,t,o){return new(t||(t=Promise))((function(n,a){function l(e){try{i(o.next(e))}catch(e){a(e)}}function c(e){try{i(o.throw(e))}catch(e){a(e)}}function i(e){var r;e.done?n(e.value):(r=e.value,r instanceof t?r:new t((function(e){e(r)}))).then(l,c)}i((o=o.apply(e,r||[])).next())}))}function _(e,r){var t,o,n,a,l={label:0,sent:function(){if(1&n[0])throw n[1];return n[1]},trys:[],ops:[]};return a={next:c(0),throw:c(1),return:c(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function c(c){return function(i){return function(c){if(t)throw new TypeError("Generator is already executing.");for(;a&&(a=0,c[0]&&(l=0)),l;)try{if(t=1,o&&(n=2&c[0]?o.return:c[0]?o.throw||((n=o.return)&&n.call(o),0):o.next)&&!(n=n.call(o,c[1])).done)return n;switch(o=0,n&&(c=[2&c[0],n.value]),c[0]){case 0:case 1:n=c;break;case 4:return l.label++,{value:c[1],done:!1};case 5:l.label++,o=c[1],c=[0];continue;case 7:c=l.ops.pop(),l.trys.pop();continue;default:if(!(n=l.trys,(n=n.length>0&&n[n.length-1])||6!==c[0]&&2!==c[0])){l=0;continue}if(3===c[0]&&(!n||c[1]>n[0]&&c[1]<n[3])){l.label=c[1];break}if(6===c[0]&&l.label<n[1]){l.label=n[1],n=c;break}if(n&&l.label<n[2]){l.label=n[2],l.ops.push(c);break}n[2]&&l.ops.pop(),l.trys.pop();continue}c=r.call(e,l)}catch(e){c=[6,e],o=0}finally{t=n=0}if(5&c[0])throw c[1];return{value:c[0]?c[1]:void 0,done:!0}}([c,i])}}}var b=Object.create?function(e,r,t,o){void 0===o&&(o=t);var n=Object.getOwnPropertyDescriptor(r,t);n&&!("get"in n?!r.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(e,o,n)}:function(e,r,t,o){void 0===o&&(o=t),e[o]=r[t]};function m(e,r){for(var t in e)"default"===t||Object.prototype.hasOwnProperty.call(r,t)||b(r,e,t)}function v(e){var r="function"==typeof Symbol&&Symbol.iterator,t=r&&e[r],o=0;if(t)return t.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&o>=e.length&&(e=void 0),{value:e&&e[o++],done:!e}}};throw new TypeError(r?"Object is not iterable.":"Symbol.iterator is not defined.")}function P(e,r){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var o,n,a=t.call(e),l=[];try{for(;(void 0===r||r-- >0)&&!(o=a.next()).done;)l.push(o.value)}catch(e){n={error:e}}finally{try{o&&!o.done&&(t=a.return)&&t.call(a)}finally{if(n)throw n.error}}return l}function w(){for(var e=[],r=0;r<arguments.length;r++)e=e.concat(P(arguments[r]));return e}function h(){for(var e=0,r=0,t=arguments.length;r<t;r++)e+=arguments[r].length;var o=Array(e),n=0;for(r=0;r<t;r++)for(var a=arguments[r],l=0,c=a.length;l<c;l++,n++)o[n]=a[l];return o}function S(e,r,t){if(t||2===arguments.length)for(var o,n=0,a=r.length;n<a;n++)!o&&n in r||(o||(o=Array.prototype.slice.call(r,0,n)),o[n]=r[n]);return e.concat(o||Array.prototype.slice.call(r))}function g(e){return this instanceof g?(this.v=e,this):new g(e)}function O(e,r,t){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var o,n=t.apply(e,r||[]),a=[];return o={},l("next"),l("throw"),l("return"),o[Symbol.asyncIterator]=function(){return this},o;function l(e){n[e]&&(o[e]=function(r){return new Promise((function(t,o){a.push([e,r,t,o])>1||c(e,r)}))})}function c(e,r){try{(t=n[e](r)).value instanceof g?Promise.resolve(t.value.v).then(i,s):u(a[0][2],t)}catch(e){u(a[0][3],e)}var t}function i(e){c("next",e)}function s(e){c("throw",e)}function u(e,r){e(r),a.shift(),a.length&&c(a[0][0],a[0][1])}}function j(e){var r,t;return r={},o("next"),o("throw",(function(e){throw e})),o("return"),r[Symbol.iterator]=function(){return this},r;function o(o,n){r[o]=e[o]?function(r){return(t=!t)?{value:g(e[o](r)),done:!1}:n?n(r):r}:n}}function x(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var r,t=e[Symbol.asyncIterator];return t?t.call(e):(e=v(e),r={},o("next"),o("throw"),o("return"),r[Symbol.asyncIterator]=function(){return this},r);function o(t){r[t]=e[t]&&function(r){return new Promise((function(o,n){(function(e,r,t,o){Promise.resolve(o).then((function(r){e({value:r,done:t})}),r)})(o,n,(r=e[t](r)).done,r.value)}))}}}function E(e,r){return Object.defineProperty?Object.defineProperty(e,"raw",{value:r}):e.raw=r,e}var A=Object.create?function(e,r){Object.defineProperty(e,"default",{enumerable:!0,value:r})}:function(e,r){e.default=r};function T(e){if(e&&e.__esModule)return e;var r={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&b(r,e,t);return A(r,e),r}function z(e){return e&&e.__esModule?e:{default:e}}function C(e,r,t,o){if("a"===t&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof r?e!==r||!o:!r.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===t?o:"a"===t?o.call(e):o?o.value:r.get(e)}function V(e,r,t,o,n){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof r?e!==r||!n:!r.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?n.call(e,t):n?n.value=t:r.set(e,t),t}function I(e,r){if(null===r||"object"!=typeof r&&"function"!=typeof r)throw new TypeError("Cannot use 'in' operator on non-object");return"function"==typeof e?r===e:e.has(r)}function H(e,r,t){if(null!=r){if("object"!=typeof r&&"function"!=typeof r)throw new TypeError("Object expected.");var o;if(t){if(!Symbol.asyncDispose)throw new TypeError("Symbol.asyncDispose is not defined.");o=r[Symbol.asyncDispose]}if(void 0===o){if(!Symbol.dispose)throw new TypeError("Symbol.dispose is not defined.");o=r[Symbol.dispose]}if("function"!=typeof o)throw new TypeError("Object not disposable.");e.stack.push({value:r,dispose:o,async:t})}else t&&e.stack.push({async:!0});return r}var M="function"==typeof SuppressedError?SuppressedError:function(e,r,t){var o=new Error(t);return o.name="SuppressedError",o.error=e,o.suppressed=r,o};function k(e){function r(r){e.error=e.hasError?new M(r,e.error,"An error was suppressed during disposal."):r,e.hasError=!0}return function t(){for(;e.stack.length;){var o=e.stack.pop();try{var n=o.dispose&&o.dispose.call(o.value);if(o.async)return Promise.resolve(n).then(t,(function(e){return r(e),t()}))}catch(e){r(e)}}if(e.hasError)throw e.error}()}const D={__extends:n,__assign:a,__rest:l,__decorate:c,__param:i,__metadata:p,__awaiter:y,__generator:_,__createBinding:b,__exportStar:m,__values:v,__read:P,__spread:w,__spreadArrays:h,__spreadArray:S,__await:g,__asyncGenerator:O,__asyncDelegator:j,__asyncValues:x,__makeTemplateObject:E,__importStar:T,__importDefault:z,__classPrivateFieldGet:C,__classPrivateFieldSet:V,__classPrivateFieldIn:I,__addDisposableResource:H,__disposeResources:k}}},o={};function n(e){var r=o[e];if(void 0!==r)return r.exports;var a=o[e]={exports:{}};return t[e](a,a.exports,n),a.exports}return n.d=(e,r)=>{for(var t in r)n.o(r,t)&&!n.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},n.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n(2239)})()));
package/dist/SegmentedControl/index.d.ts CHANGED
@@ -110,7 +110,9 @@ declare const propertiesBox: {
110
110
  "primary-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
111
111
  "primary-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
112
112
  "primary-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
113
- "primary-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
113
+ "primary-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
114
+ * The width property specifies the width of a box's content area.
115
+ */
114
116
  "success-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
115
117
  "success-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
116
118
  "success-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -119,9 +121,7 @@ declare const propertiesBox: {
119
121
  "warning-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
120
122
  "warning-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
121
123
  "warning-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
122
- "danger-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
123
- * The min height property specifies the height of a box's content area.
124
- */
124
+ "danger-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
125
125
  "danger-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
126
126
  "danger-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
127
127
  "danger-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -146,7 +146,9 @@ declare const propertiesBox: {
146
146
  "primary-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
147
147
  "primary-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
148
148
  "primary-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
149
- "primary-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
149
+ "primary-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
150
+ * The width property specifies the width of a box's content area.
151
+ */
150
152
  "success-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
151
153
  "success-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
152
154
  "success-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -155,9 +157,7 @@ declare const propertiesBox: {
155
157
  "warning-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
156
158
  "warning-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
157
159
  "warning-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
158
- "danger-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
159
- * The min height property specifies the height of a box's content area.
160
- */
160
+ "danger-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
161
161
  "danger-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
162
162
  "danger-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
163
163
  "danger-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -186,16 +186,17 @@ declare const propertiesBox: {
186
186
  "danger-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
187
187
  "danger-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
188
188
  "neutral-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
189
+ /**
190
+ * The gridArea shorthand property specifies a grid item's size and location within a grid by contributing a line,
191
+ * a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area.
192
+ */
189
193
  "neutral-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
190
194
  "neutral-surfaceDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
191
195
  "neutral-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
192
196
  transparent: string;
193
197
  };
194
198
  borderRadius: {
195
- "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
196
- * The alignItems property sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis.
197
- * In Grid Layout, it controls the alignment of items on the Block Axis within their grid area.
198
- */
199
+ "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
199
200
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
200
201
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
201
202
  "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -203,10 +204,6 @@ declare const propertiesBox: {
203
204
  "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
204
205
  "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
205
206
  full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
206
- /**
207
- * The alignSelf property overrides a grid or flex item's align-items value. In Grid, it aligns the item inside the grid area.
208
- * In Flexbox, it aligns the item on the cross axis.
209
- */
210
207
  base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
211
208
  half: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
212
209
  none: string;
@@ -214,7 +211,9 @@ declare const propertiesBox: {
214
211
  borderWidth: {
215
212
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
216
213
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
217
- "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
214
+ "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
215
+ * The gap property sets the gaps between rows and columns. It is a shorthand for rowGap and columnGap.
216
+ */
218
217
  "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
219
218
  "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
220
219
  none: string;
@@ -336,7 +335,9 @@ declare const propertiesBox: {
336
335
  h2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
337
336
  h3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
338
337
  h4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
339
- h5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
338
+ h5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
339
+ * This defines the ability for a flex item to grow if necessary.
340
+ */
340
341
  h6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
341
342
  };
342
343
  lineHeight: {
@@ -361,15 +362,15 @@ declare const propertiesBox: {
361
362
  "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
362
363
  "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
363
364
  "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
364
- h1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
365
+ h1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
366
+ * The flexWrap property sets whether flex items are forced onto one line or can wrap onto multiple lines.
367
+ */
365
368
  h2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
366
369
  h3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
367
370
  h4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
368
371
  h5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
369
372
  h6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
370
- }; /**
371
- * The paddingBottom property sets the height of the padding area on the bottom of an box.
372
- */
373
+ };
373
374
  };
374
375
  export type BoxBorderColorProperties = keyof typeof propertiesBox.borderColor;
375
376
  export type BoxBorderRadiusProperties = keyof typeof propertiesBox.borderRadius;
@@ -389,6 +390,7 @@ export type BoxLineHeightProperties = keyof typeof propertiesBox.lineHeight;
389
390
  export type BoxBackgroundProperties = keyof typeof propertiesBox.background;
390
391
  export interface BoxConditions<T> extends Conditions<T> {
391
392
  focus?: T;
393
+ focusVisible?: T;
392
394
  focusWithin?: T;
393
395
  active?: T;
394
396
  hover?: T;
package/dist/SegmentedControl/index.js CHANGED
@@ -1,2 +1,2 @@
1
1
  "use client";
2
- !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@nimbus-ds/styles")):"function"==typeof define&&define.amd?define(["react","@nimbus-ds/styles"],t):"object"==typeof exports?exports["@nimbus-ds/components"]=t(require("react"),require("@nimbus-ds/styles")):e["@nimbus-ds/components"]=t(e.react,e["@nimbus-ds/styles"])}(global,((e,t)=>(()=>{"use strict";var n={9003:(e,t,n)=>{function r(e){var t=e.match(/^var\((.*)\)$/);return t?t[1]:e}function o(e,t){var n=e;for(var r of t){if(!(r in n))throw new Error("Path ".concat(t.join(" -> ")," does not exist in object"));n=n[r]}return n}function a(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],r=e.constructor();for(var o in e){var i=e[o],l=[...n,o];"string"==typeof i||"number"==typeof i||null==i?r[o]=t(i,l):"object"!=typeof i||Array.isArray(i)?console.warn('Skipping invalid key "'.concat(l.join("."),'". Should be a string, number, null or object. Received: "').concat(Array.isArray(i)?"Array":typeof i,'"')):r[o]=a(i,t,l)}return r}function i(e,t){var n={};if("object"==typeof t){var i=e;a(t,((e,t)=>{if(null!=e){var a=o(i,t);n[r(a)]=String(e)}}))}else{var l=e;for(var u in l){var s=l[u];null!=s&&(n[r(u)]=s)}}return Object.defineProperty(n,"toString",{value:function(){return Object.keys(this).map((e=>"".concat(e,":").concat(this[e]))).join(";")},writable:!1}),n}function l(e,t,n){e.style.setProperty(r(t),n)}function u(e,t,n){if("object"==typeof n){var r=t;a(n,((t,n)=>{null!=t&&l(e,o(r,n),String(t))}))}else{var i=t;for(var u in i){null!=i[u]&&l(e,u,i[u])}}}n.r(t),n.d(t,{assignInlineVars:()=>i,setElementVars:()=>u})},4556:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useRefObjectAsForwardedRef=void 0;const r=n(9155);t.useRefObjectAsForwardedRef=function(e,t){(0,r.useImperativeHandle)(e,(()=>t.current))}},8973:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Box=void 0;const r=n(5608).__importStar(n(9155)),o=n(4367),a=(0,r.forwardRef)((({className:e,style:t,as:n="div",boxSizing:a="border-box",...i},l)=>{const{className:u,style:s,otherProps:c}=o.box.sprinkle({...i,boxSizing:a});return r.default.createElement(n,{ref:l,className:u,style:s,...c})}));t.Box=a,a.displayName="Box"},9598:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Box=void 0;const r=n(8973);var o=n(8973);Object.defineProperty(t,"Box",{enumerable:!0,get:function(){return o.Box}}),t.default=r.Box},5579:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Skeleton=void 0;const r=n(5608).__importDefault(n(9155)),o=n(9003),a=n(4367),i=({className:e,style:t,height:n,width:i,borderRadius:l="0",...u})=>r.default.createElement("div",{className:a.skeleton.classnames.base,style:(0,o.assignInlineVars)({[a.vars.width]:i,[a.vars.height]:n,[a.vars.borderRadius]:l}),...u});t.Skeleton=i,i.displayName="Skeleton"},7940:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Skeleton=void 0;const r=n(5579);var o=n(5579);Object.defineProperty(t,"Skeleton",{enumerable:!0,get:function(){return o.Skeleton}}),t.default=r.Skeleton},9370:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SegmentedControl=void 0;const r=n(5608).__importStar(n(9155)),o=n(9598),a=n(1517),i=n(6255),l=n(8071),u=n(3242),s=({children:e,fullWidth:t=!1,...n})=>{const[a,l]=(0,r.useState)([]),s=(0,r.useRef)(new Set),c=(0,i.isControlled)(n),f=(0,r.useMemo)((()=>c?n.selectedSegments:a),[c,a,n]),d=(0,r.useCallback)((e=>{const t=t=>{const n=[...t],r=n.indexOf(e);return-1!==r?(n.splice(r,1),n):(n.push(e),n)};if(c){const e=n;e.onSegmentsSelect&&e.onSegmentsSelect(t(f))}else l(t)}),[c,f,n]),p=(0,r.useCallback)((e=>{s.current.add(e)}),[]),y=(0,r.useCallback)((e=>{s.current.delete(e)}),[]),m=(0,r.useCallback)((e=>f.includes(e)),[f]),_=(0,r.useMemo)((()=>({registerButton:p,unregisterButton:y,toggleSegment:d,isSelected:m,fullWidth:t})),[p,y,d,m,t]),{onSegmentsSelect:b,selectedSegments:v,...g}=n;return r.default.createElement(u.SegmentedControlContext.Provider,{value:_},r.default.createElement(o.Box,{"aria-label":"Segmented control",role:"group","data-testid":"segmented-control-container",maxWidth:t?"100%":"fit-content",alignItems:"center",justifyContent:"center",flexWrap:"nowrap",...g,display:"flex",gap:"1",backgroundColor:"neutral-surface",borderRadius:"2"},e))};t.SegmentedControl=s,s.displayName="SegmentedControl",(s.Button=a.SegmentedControlButton).displayName="SegmentedControl.Button",(s.ButtonSkeleton=l.SegmentedControlButtonSkeleton).displayName="SegmentedControl.ButtonSkeleton"},6461:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0});const r=n(5608);r.__exportStar(n(7496),t),r.__exportStar(n(1517),t)},9346:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SegmentedControlButton=void 0;const r=n(5608).__importStar(n(9155)),o=n(4556),a=n(4367),i=n(8071),l=n(3242),u=(0,r.forwardRef)((({className:e,style:t,as:n="button",id:i,label:u,disabled:s=!1,fullWidth:c=!1,children:f,onClick:d,...p},y)=>{const m=(0,r.useRef)(null);(0,o.useRefObjectAsForwardedRef)(y,m);const _=(0,l.useSegmentedControlContext)();(0,r.useEffect)((()=>{if(i)return _.registerButton(i),()=>{_.unregisterButton(i)}}),[_,i]),(0,r.useImperativeHandle)(y,(()=>m?.current)),(0,r.useEffect)((()=>{!m.current||m.current instanceof HTMLAnchorElement||m.current instanceof HTMLButtonElement||console.error("Error: Found `SegmentedControlButton` component that renders an inaccessible element",m.current,"Please ensure `SegmentedControlButton` always renders as <a> or <button>")}),[m]);const b=_.isSelected(i),v=_?_.fullWidth:c,{classnames:g}=a.segmentedControl.subcomponents.button,S=[g.appearance[b?"selected":"default"]].concat(v?g.fullWidth:"").join(" ");return r.default.createElement(n,{id:i,role:"button",...p,className:S,"aria-pressed":b,"aria-label":u,disabled:s,onClick:e=>{_&&i&&_.toggleSegment(i),d?.(e)},ref:m},f)}));t.SegmentedControlButton=u,u.Skeleton=i.SegmentedControlButtonSkeleton,u.Skeleton.displayName="SegmentedControlButton.Skeleton"},8071:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SegmentedControlButtonSkeleton=void 0;const r=n(5608).__importDefault(n(9155)),o=n(7940);t.SegmentedControlButtonSkeleton=({width:e="100%",height:t="2rem",...n})=>r.default.createElement(o.Skeleton,{width:e,height:t,borderRadius:"0.5rem",...n})},9139:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SegmentedControlButtonSkeleton=void 0;const r=n(8071);var o=n(8071);Object.defineProperty(t,"SegmentedControlButtonSkeleton",{enumerable:!0,get:function(){return o.SegmentedControlButtonSkeleton}}),t.default=r.SegmentedControlButtonSkeleton},6504:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0});n(5608).__exportStar(n(9139),t)},4079:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SegmentedControlButton=t.SegmentedControlButtonSkeleton=void 0;const r=n(9346);var o=n(6504);Object.defineProperty(t,"SegmentedControlButtonSkeleton",{enumerable:!0,get:function(){return o.SegmentedControlButtonSkeleton}});var a=n(9346);Object.defineProperty(t,"SegmentedControlButton",{enumerable:!0,get:function(){return a.SegmentedControlButton}}),t.default=r.SegmentedControlButton},1517:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0});n(5608).__exportStar(n(4079),t)},5702:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useSegmentedControlContext=t.SegmentedControlContext=void 0;const r=n(9155);t.SegmentedControlContext=(0,r.createContext)(null);t.useSegmentedControlContext=()=>{const e=(0,r.useContext)(t.SegmentedControlContext);if(!e)throw new Error("useSegmentedControlContext must be used within a SegmentedControl");return e}},3242:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useSegmentedControlContext=t.SegmentedControlContext=void 0;var r=n(5702);Object.defineProperty(t,"SegmentedControlContext",{enumerable:!0,get:function(){return r.SegmentedControlContext}}),Object.defineProperty(t,"useSegmentedControlContext",{enumerable:!0,get:function(){return r.useSegmentedControlContext}})},7496:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useSegmentedControlContext=t.SegmentedControl=void 0;const r=n(9370);var o=n(9370);Object.defineProperty(t,"SegmentedControl",{enumerable:!0,get:function(){return o.SegmentedControl}});var a=n(3242);Object.defineProperty(t,"useSegmentedControlContext",{enumerable:!0,get:function(){return a.useSegmentedControlContext}}),t.default=r.SegmentedControl},6255:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.isControlled=void 0;t.isControlled=e=>"selectedSegments"in e},4367:e=>{e.exports=t},9155:t=>{t.exports=e},5608:(e,t,n)=>{n.r(t),n.d(t,{__addDisposableResource:()=>A,__assign:()=>a,__asyncDelegator:()=>O,__asyncGenerator:()=>C,__asyncValues:()=>x,__await:()=>j,__awaiter:()=>y,__classPrivateFieldGet:()=>M,__classPrivateFieldIn:()=>T,__classPrivateFieldSet:()=>R,__createBinding:()=>_,__decorate:()=>l,__disposeResources:()=>D,__esDecorate:()=>s,__exportStar:()=>b,__extends:()=>o,__generator:()=>m,__importDefault:()=>E,__importStar:()=>B,__makeTemplateObject:()=>P,__metadata:()=>p,__param:()=>u,__propKey:()=>f,__read:()=>g,__rest:()=>i,__runInitializers:()=>c,__setFunctionName:()=>d,__spread:()=>S,__spreadArray:()=>w,__spreadArrays:()=>h,__values:()=>v,default:()=>N});var r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},r(e,t)};function o(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}var a=function(){return a=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},a.apply(this,arguments)};function i(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}function l(e,t,n,r){var o,a=arguments.length,i=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,r);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(i=(a<3?o(i):a>3?o(t,n,i):o(t,n))||i);return a>3&&i&&Object.defineProperty(t,n,i),i}function u(e,t){return function(n,r){t(n,r,e)}}function s(e,t,n,r,o,a){function i(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var l,u=r.kind,s="getter"===u?"get":"setter"===u?"set":"value",c=!t&&e?r.static?e:e.prototype:null,f=t||(c?Object.getOwnPropertyDescriptor(c,r.name):{}),d=!1,p=n.length-1;p>=0;p--){var y={};for(var m in r)y[m]="access"===m?{}:r[m];for(var m in r.access)y.access[m]=r.access[m];y.addInitializer=function(e){if(d)throw new TypeError("Cannot add initializers after decoration has completed");a.push(i(e||null))};var _=(0,n[p])("accessor"===u?{get:f.get,set:f.set}:f[s],y);if("accessor"===u){if(void 0===_)continue;if(null===_||"object"!=typeof _)throw new TypeError("Object expected");(l=i(_.get))&&(f.get=l),(l=i(_.set))&&(f.set=l),(l=i(_.init))&&o.unshift(l)}else(l=i(_))&&("field"===u?o.unshift(l):f[s]=l)}c&&Object.defineProperty(c,r.name,f),d=!0}function c(e,t,n){for(var r=arguments.length>2,o=0;o<t.length;o++)n=r?t[o].call(e,n):t[o].call(e);return r?n:void 0}function f(e){return"symbol"==typeof e?e:"".concat(e)}function d(e,t,n){return"symbol"==typeof t&&(t=t.description?"[".concat(t.description,"]"):""),Object.defineProperty(e,"name",{configurable:!0,value:n?"".concat(n," ",t):t})}function p(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function y(e,t,n,r){return new(n||(n=Promise))((function(o,a){function i(e){try{u(r.next(e))}catch(e){a(e)}}function l(e){try{u(r.throw(e))}catch(e){a(e)}}function u(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(i,l)}u((r=r.apply(e,t||[])).next())}))}function m(e,t){var n,r,o,a,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function l(l){return function(u){return function(l){if(n)throw new TypeError("Generator is already executing.");for(;a&&(a=0,l[0]&&(i=0)),i;)try{if(n=1,r&&(o=2&l[0]?r.return:l[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,l[1])).done)return o;switch(r=0,o&&(l=[2&l[0],o.value]),l[0]){case 0:case 1:o=l;break;case 4:return i.label++,{value:l[1],done:!1};case 5:i.label++,r=l[1],l=[0];continue;case 7:l=i.ops.pop(),i.trys.pop();continue;default:if(!(o=i.trys,(o=o.length>0&&o[o.length-1])||6!==l[0]&&2!==l[0])){i=0;continue}if(3===l[0]&&(!o||l[1]>o[0]&&l[1]<o[3])){i.label=l[1];break}if(6===l[0]&&i.label<o[1]){i.label=o[1],o=l;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(l);break}o[2]&&i.ops.pop(),i.trys.pop();continue}l=t.call(e,i)}catch(e){l=[6,e],r=0}finally{n=o=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,u])}}}var _=Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]};function b(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||_(t,e,n)}function v(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],r=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function g(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,o,a=n.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(r=a.next()).done;)i.push(r.value)}catch(e){o={error:e}}finally{try{r&&!r.done&&(n=a.return)&&n.call(a)}finally{if(o)throw o.error}}return i}function S(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(g(arguments[t]));return e}function h(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;var r=Array(e),o=0;for(t=0;t<n;t++)for(var a=arguments[t],i=0,l=a.length;i<l;i++,o++)r[o]=a[i];return r}function w(e,t,n){if(n||2===arguments.length)for(var r,o=0,a=t.length;o<a;o++)!r&&o in t||(r||(r=Array.prototype.slice.call(t,0,o)),r[o]=t[o]);return e.concat(r||Array.prototype.slice.call(t))}function j(e){return this instanceof j?(this.v=e,this):new j(e)}function C(e,t,n){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var r,o=n.apply(e,t||[]),a=[];return r={},i("next"),i("throw"),i("return"),r[Symbol.asyncIterator]=function(){return this},r;function i(e){o[e]&&(r[e]=function(t){return new Promise((function(n,r){a.push([e,t,n,r])>1||l(e,t)}))})}function l(e,t){try{(n=o[e](t)).value instanceof j?Promise.resolve(n.value.v).then(u,s):c(a[0][2],n)}catch(e){c(a[0][3],e)}var n}function u(e){l("next",e)}function s(e){l("throw",e)}function c(e,t){e(t),a.shift(),a.length&&l(a[0][0],a[0][1])}}function O(e){var t,n;return t={},r("next"),r("throw",(function(e){throw e})),r("return"),t[Symbol.iterator]=function(){return this},t;function r(r,o){t[r]=e[r]?function(t){return(n=!n)?{value:j(e[r](t)),done:!1}:o?o(t):t}:o}}function x(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,n=e[Symbol.asyncIterator];return n?n.call(e):(e=v(e),t={},r("next"),r("throw"),r("return"),t[Symbol.asyncIterator]=function(){return this},t);function r(n){t[n]=e[n]&&function(t){return new Promise((function(r,o){(function(e,t,n,r){Promise.resolve(r).then((function(t){e({value:t,done:n})}),t)})(r,o,(t=e[n](t)).done,t.value)}))}}}function P(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var k=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};function B(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&_(t,e,n);return k(t,e),t}function E(e){return e&&e.__esModule?e:{default:e}}function M(e,t,n,r){if("a"===n&&!r)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!r:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===n?r:"a"===n?r.call(e):r?r.value:t.get(e)}function R(e,t,n,r,o){if("m"===r)throw new TypeError("Private method is not writable");if("a"===r&&!o)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===r?o.call(e,n):o?o.value=n:t.set(e,n),n}function T(e,t){if(null===t||"object"!=typeof t&&"function"!=typeof t)throw new TypeError("Cannot use 'in' operator on non-object");return"function"==typeof e?t===e:e.has(t)}function A(e,t,n){if(null!=t){if("object"!=typeof t&&"function"!=typeof t)throw new TypeError("Object expected.");var r;if(n){if(!Symbol.asyncDispose)throw new TypeError("Symbol.asyncDispose is not defined.");r=t[Symbol.asyncDispose]}if(void 0===r){if(!Symbol.dispose)throw new TypeError("Symbol.dispose is not defined.");r=t[Symbol.dispose]}if("function"!=typeof r)throw new TypeError("Object not disposable.");e.stack.push({value:t,dispose:r,async:n})}else n&&e.stack.push({async:!0});return t}var I="function"==typeof SuppressedError?SuppressedError:function(e,t,n){var r=new Error(n);return r.name="SuppressedError",r.error=e,r.suppressed=t,r};function D(e){function t(t){e.error=e.hasError?new I(t,e.error,"An error was suppressed during disposal."):t,e.hasError=!0}return function n(){for(;e.stack.length;){var r=e.stack.pop();try{var o=r.dispose&&r.dispose.call(r.value);if(r.async)return Promise.resolve(o).then(n,(function(e){return t(e),n()}))}catch(e){t(e)}}if(e.hasError)throw e.error}()}const N={__extends:o,__assign:a,__rest:i,__decorate:l,__param:u,__metadata:p,__awaiter:y,__generator:m,__createBinding:_,__exportStar:b,__values:v,__read:g,__spread:S,__spreadArrays:h,__spreadArray:w,__await:j,__asyncGenerator:C,__asyncDelegator:O,__asyncValues:x,__makeTemplateObject:P,__importStar:B,__importDefault:E,__classPrivateFieldGet:M,__classPrivateFieldSet:R,__classPrivateFieldIn:T,__addDisposableResource:A,__disposeResources:D}}},r={};function o(e){var t=r[e];if(void 0!==t)return t.exports;var a=r[e]={exports:{}};return n[e](a,a.exports,o),a.exports}return o.d=(e,t)=>{for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o(6461)})()));
2
+ !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@nimbus-ds/styles")):"function"==typeof define&&define.amd?define(["react","@nimbus-ds/styles"],t):"object"==typeof exports?exports["@nimbus-ds/components"]=t(require("react"),require("@nimbus-ds/styles")):e["@nimbus-ds/components"]=t(e.react,e["@nimbus-ds/styles"])}(global,((e,t)=>(()=>{"use strict";var n={9003:(e,t,n)=>{function r(e){var t=e.match(/^var\((.*)\)$/);return t?t[1]:e}function o(e,t){var n=e;for(var r of t){if(!(r in n))throw new Error("Path ".concat(t.join(" -> ")," does not exist in object"));n=n[r]}return n}function a(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],r=e.constructor();for(var o in e){var i=e[o],l=[...n,o];"string"==typeof i||"number"==typeof i||null==i?r[o]=t(i,l):"object"!=typeof i||Array.isArray(i)?console.warn('Skipping invalid key "'.concat(l.join("."),'". Should be a string, number, null or object. Received: "').concat(Array.isArray(i)?"Array":typeof i,'"')):r[o]=a(i,t,l)}return r}function i(e,t){var n={};if("object"==typeof t){var i=e;a(t,((e,t)=>{if(null!=e){var a=o(i,t);n[r(a)]=String(e)}}))}else{var l=e;for(var u in l){var s=l[u];null!=s&&(n[r(u)]=s)}}return Object.defineProperty(n,"toString",{value:function(){return Object.keys(this).map((e=>"".concat(e,":").concat(this[e]))).join(";")},writable:!1}),n}function l(e,t,n){e.style.setProperty(r(t),n)}function u(e,t,n){if("object"==typeof n){var r=t;a(n,((t,n)=>{null!=t&&l(e,o(r,n),String(t))}))}else{var i=t;for(var u in i){null!=i[u]&&l(e,u,i[u])}}}n.r(t),n.d(t,{assignInlineVars:()=>i,setElementVars:()=>u})},4556:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useRefObjectAsForwardedRef=void 0;const r=n(9155);t.useRefObjectAsForwardedRef=function(e,t){(0,r.useImperativeHandle)(e,(()=>t.current))}},8973:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Box=void 0;const r=n(5608).__importStar(n(9155)),o=n(4367),a=(0,r.forwardRef)((({className:e,style:t,as:n="div",boxSizing:a="border-box",...i},l)=>{const u="button"===n,{className:s,style:c,otherProps:f}=o.box.sprinkle({...i,boxSizing:a}),d=[s,u&&o.box.asButton].filter(Boolean).join(" ");return r.default.createElement(n,{ref:l,className:d,style:c,...f})}));t.Box=a,a.displayName="Box"},9598:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Box=void 0;const r=n(8973);var o=n(8973);Object.defineProperty(t,"Box",{enumerable:!0,get:function(){return o.Box}}),t.default=r.Box},5579:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Skeleton=void 0;const r=n(5608).__importDefault(n(9155)),o=n(9003),a=n(4367),i=({className:e,style:t,height:n,width:i,borderRadius:l="0",...u})=>r.default.createElement("div",{className:a.skeleton.classnames.base,style:(0,o.assignInlineVars)({[a.vars.width]:i,[a.vars.height]:n,[a.vars.borderRadius]:l}),...u});t.Skeleton=i,i.displayName="Skeleton"},7940:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Skeleton=void 0;const r=n(5579);var o=n(5579);Object.defineProperty(t,"Skeleton",{enumerable:!0,get:function(){return o.Skeleton}}),t.default=r.Skeleton},9370:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SegmentedControl=void 0;const r=n(5608).__importStar(n(9155)),o=n(9598),a=n(1517),i=n(6255),l=n(8071),u=n(3242),s=({children:e,fullWidth:t=!1,...n})=>{const[a,l]=(0,r.useState)([]),s=(0,r.useRef)(new Set),c=(0,i.isControlled)(n),f=(0,r.useMemo)((()=>c?n.selectedSegments:a),[c,a,n]),d=(0,r.useCallback)((e=>{const t=t=>{const n=[...t],r=n.indexOf(e);return-1!==r?(n.splice(r,1),n):(n.push(e),n)};if(c){const e=n;e.onSegmentsSelect&&e.onSegmentsSelect(t(f))}else l(t)}),[c,f,n]),p=(0,r.useCallback)((e=>{s.current.add(e)}),[]),y=(0,r.useCallback)((e=>{s.current.delete(e)}),[]),m=(0,r.useCallback)((e=>f.includes(e)),[f]),b=(0,r.useMemo)((()=>({registerButton:p,unregisterButton:y,toggleSegment:d,isSelected:m,fullWidth:t})),[p,y,d,m,t]),{onSegmentsSelect:_,selectedSegments:v,...g}=n;return r.default.createElement(u.SegmentedControlContext.Provider,{value:b},r.default.createElement(o.Box,{"aria-label":"Segmented control",role:"group","data-testid":"segmented-control-container",maxWidth:t?"100%":"fit-content",alignItems:"center",justifyContent:"center",flexWrap:"nowrap",...g,display:"flex",gap:"1",backgroundColor:"neutral-surface",borderRadius:"2"},e))};t.SegmentedControl=s,s.displayName="SegmentedControl",(s.Button=a.SegmentedControlButton).displayName="SegmentedControl.Button",(s.ButtonSkeleton=l.SegmentedControlButtonSkeleton).displayName="SegmentedControl.ButtonSkeleton"},6461:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0});const r=n(5608);r.__exportStar(n(7496),t),r.__exportStar(n(1517),t)},9346:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SegmentedControlButton=void 0;const r=n(5608).__importStar(n(9155)),o=n(4556),a=n(4367),i=n(8071),l=n(3242),u=(0,r.forwardRef)((({className:e,style:t,as:n="button",id:i,label:u,disabled:s=!1,fullWidth:c=!1,children:f,onClick:d,...p},y)=>{const m=(0,r.useRef)(null);(0,o.useRefObjectAsForwardedRef)(y,m);const b=(0,l.useSegmentedControlContext)();(0,r.useEffect)((()=>{if(i)return b.registerButton(i),()=>{b.unregisterButton(i)}}),[b,i]),(0,r.useImperativeHandle)(y,(()=>m?.current)),(0,r.useEffect)((()=>{!m.current||m.current instanceof HTMLAnchorElement||m.current instanceof HTMLButtonElement||console.error("Error: Found `SegmentedControlButton` component that renders an inaccessible element",m.current,"Please ensure `SegmentedControlButton` always renders as <a> or <button>")}),[m]);const _=b.isSelected(i),v=b?b.fullWidth:c,{classnames:g}=a.segmentedControl.subcomponents.button,S=[g.appearance[_?"selected":"default"]].concat(v?g.fullWidth:"").join(" ");return r.default.createElement(n,{id:i,role:"button",...p,className:S,"aria-pressed":_,"aria-label":u,disabled:s,onClick:e=>{b&&i&&b.toggleSegment(i),d?.(e)},ref:m},f)}));t.SegmentedControlButton=u,u.Skeleton=i.SegmentedControlButtonSkeleton,u.Skeleton.displayName="SegmentedControlButton.Skeleton"},8071:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SegmentedControlButtonSkeleton=void 0;const r=n(5608).__importDefault(n(9155)),o=n(7940);t.SegmentedControlButtonSkeleton=({width:e="100%",height:t="2rem",...n})=>r.default.createElement(o.Skeleton,{width:e,height:t,borderRadius:"0.5rem",...n})},9139:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SegmentedControlButtonSkeleton=void 0;const r=n(8071);var o=n(8071);Object.defineProperty(t,"SegmentedControlButtonSkeleton",{enumerable:!0,get:function(){return o.SegmentedControlButtonSkeleton}}),t.default=r.SegmentedControlButtonSkeleton},6504:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0});n(5608).__exportStar(n(9139),t)},4079:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SegmentedControlButton=t.SegmentedControlButtonSkeleton=void 0;const r=n(9346);var o=n(6504);Object.defineProperty(t,"SegmentedControlButtonSkeleton",{enumerable:!0,get:function(){return o.SegmentedControlButtonSkeleton}});var a=n(9346);Object.defineProperty(t,"SegmentedControlButton",{enumerable:!0,get:function(){return a.SegmentedControlButton}}),t.default=r.SegmentedControlButton},1517:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0});n(5608).__exportStar(n(4079),t)},5702:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useSegmentedControlContext=t.SegmentedControlContext=void 0;const r=n(9155);t.SegmentedControlContext=(0,r.createContext)(null);t.useSegmentedControlContext=()=>{const e=(0,r.useContext)(t.SegmentedControlContext);if(!e)throw new Error("useSegmentedControlContext must be used within a SegmentedControl");return e}},3242:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useSegmentedControlContext=t.SegmentedControlContext=void 0;var r=n(5702);Object.defineProperty(t,"SegmentedControlContext",{enumerable:!0,get:function(){return r.SegmentedControlContext}}),Object.defineProperty(t,"useSegmentedControlContext",{enumerable:!0,get:function(){return r.useSegmentedControlContext}})},7496:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useSegmentedControlContext=t.SegmentedControl=void 0;const r=n(9370);var o=n(9370);Object.defineProperty(t,"SegmentedControl",{enumerable:!0,get:function(){return o.SegmentedControl}});var a=n(3242);Object.defineProperty(t,"useSegmentedControlContext",{enumerable:!0,get:function(){return a.useSegmentedControlContext}}),t.default=r.SegmentedControl},6255:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.isControlled=void 0;t.isControlled=e=>"selectedSegments"in e},4367:e=>{e.exports=t},9155:t=>{t.exports=e},5608:(e,t,n)=>{n.r(t),n.d(t,{__addDisposableResource:()=>A,__assign:()=>a,__asyncDelegator:()=>O,__asyncGenerator:()=>C,__asyncValues:()=>x,__await:()=>j,__awaiter:()=>y,__classPrivateFieldGet:()=>M,__classPrivateFieldIn:()=>T,__classPrivateFieldSet:()=>R,__createBinding:()=>b,__decorate:()=>l,__disposeResources:()=>D,__esDecorate:()=>s,__exportStar:()=>_,__extends:()=>o,__generator:()=>m,__importDefault:()=>E,__importStar:()=>B,__makeTemplateObject:()=>P,__metadata:()=>p,__param:()=>u,__propKey:()=>f,__read:()=>g,__rest:()=>i,__runInitializers:()=>c,__setFunctionName:()=>d,__spread:()=>S,__spreadArray:()=>w,__spreadArrays:()=>h,__values:()=>v,default:()=>N});var r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},r(e,t)};function o(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}var a=function(){return a=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},a.apply(this,arguments)};function i(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}function l(e,t,n,r){var o,a=arguments.length,i=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,r);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(i=(a<3?o(i):a>3?o(t,n,i):o(t,n))||i);return a>3&&i&&Object.defineProperty(t,n,i),i}function u(e,t){return function(n,r){t(n,r,e)}}function s(e,t,n,r,o,a){function i(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var l,u=r.kind,s="getter"===u?"get":"setter"===u?"set":"value",c=!t&&e?r.static?e:e.prototype:null,f=t||(c?Object.getOwnPropertyDescriptor(c,r.name):{}),d=!1,p=n.length-1;p>=0;p--){var y={};for(var m in r)y[m]="access"===m?{}:r[m];for(var m in r.access)y.access[m]=r.access[m];y.addInitializer=function(e){if(d)throw new TypeError("Cannot add initializers after decoration has completed");a.push(i(e||null))};var b=(0,n[p])("accessor"===u?{get:f.get,set:f.set}:f[s],y);if("accessor"===u){if(void 0===b)continue;if(null===b||"object"!=typeof b)throw new TypeError("Object expected");(l=i(b.get))&&(f.get=l),(l=i(b.set))&&(f.set=l),(l=i(b.init))&&o.unshift(l)}else(l=i(b))&&("field"===u?o.unshift(l):f[s]=l)}c&&Object.defineProperty(c,r.name,f),d=!0}function c(e,t,n){for(var r=arguments.length>2,o=0;o<t.length;o++)n=r?t[o].call(e,n):t[o].call(e);return r?n:void 0}function f(e){return"symbol"==typeof e?e:"".concat(e)}function d(e,t,n){return"symbol"==typeof t&&(t=t.description?"[".concat(t.description,"]"):""),Object.defineProperty(e,"name",{configurable:!0,value:n?"".concat(n," ",t):t})}function p(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function y(e,t,n,r){return new(n||(n=Promise))((function(o,a){function i(e){try{u(r.next(e))}catch(e){a(e)}}function l(e){try{u(r.throw(e))}catch(e){a(e)}}function u(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(i,l)}u((r=r.apply(e,t||[])).next())}))}function m(e,t){var n,r,o,a,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function l(l){return function(u){return function(l){if(n)throw new TypeError("Generator is already executing.");for(;a&&(a=0,l[0]&&(i=0)),i;)try{if(n=1,r&&(o=2&l[0]?r.return:l[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,l[1])).done)return o;switch(r=0,o&&(l=[2&l[0],o.value]),l[0]){case 0:case 1:o=l;break;case 4:return i.label++,{value:l[1],done:!1};case 5:i.label++,r=l[1],l=[0];continue;case 7:l=i.ops.pop(),i.trys.pop();continue;default:if(!(o=i.trys,(o=o.length>0&&o[o.length-1])||6!==l[0]&&2!==l[0])){i=0;continue}if(3===l[0]&&(!o||l[1]>o[0]&&l[1]<o[3])){i.label=l[1];break}if(6===l[0]&&i.label<o[1]){i.label=o[1],o=l;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(l);break}o[2]&&i.ops.pop(),i.trys.pop();continue}l=t.call(e,i)}catch(e){l=[6,e],r=0}finally{n=o=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,u])}}}var b=Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]};function _(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||b(t,e,n)}function v(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],r=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function g(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,o,a=n.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(r=a.next()).done;)i.push(r.value)}catch(e){o={error:e}}finally{try{r&&!r.done&&(n=a.return)&&n.call(a)}finally{if(o)throw o.error}}return i}function S(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(g(arguments[t]));return e}function h(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;var r=Array(e),o=0;for(t=0;t<n;t++)for(var a=arguments[t],i=0,l=a.length;i<l;i++,o++)r[o]=a[i];return r}function w(e,t,n){if(n||2===arguments.length)for(var r,o=0,a=t.length;o<a;o++)!r&&o in t||(r||(r=Array.prototype.slice.call(t,0,o)),r[o]=t[o]);return e.concat(r||Array.prototype.slice.call(t))}function j(e){return this instanceof j?(this.v=e,this):new j(e)}function C(e,t,n){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var r,o=n.apply(e,t||[]),a=[];return r={},i("next"),i("throw"),i("return"),r[Symbol.asyncIterator]=function(){return this},r;function i(e){o[e]&&(r[e]=function(t){return new Promise((function(n,r){a.push([e,t,n,r])>1||l(e,t)}))})}function l(e,t){try{(n=o[e](t)).value instanceof j?Promise.resolve(n.value.v).then(u,s):c(a[0][2],n)}catch(e){c(a[0][3],e)}var n}function u(e){l("next",e)}function s(e){l("throw",e)}function c(e,t){e(t),a.shift(),a.length&&l(a[0][0],a[0][1])}}function O(e){var t,n;return t={},r("next"),r("throw",(function(e){throw e})),r("return"),t[Symbol.iterator]=function(){return this},t;function r(r,o){t[r]=e[r]?function(t){return(n=!n)?{value:j(e[r](t)),done:!1}:o?o(t):t}:o}}function x(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,n=e[Symbol.asyncIterator];return n?n.call(e):(e=v(e),t={},r("next"),r("throw"),r("return"),t[Symbol.asyncIterator]=function(){return this},t);function r(n){t[n]=e[n]&&function(t){return new Promise((function(r,o){(function(e,t,n,r){Promise.resolve(r).then((function(t){e({value:t,done:n})}),t)})(r,o,(t=e[n](t)).done,t.value)}))}}}function P(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var k=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};function B(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&b(t,e,n);return k(t,e),t}function E(e){return e&&e.__esModule?e:{default:e}}function M(e,t,n,r){if("a"===n&&!r)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!r:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===n?r:"a"===n?r.call(e):r?r.value:t.get(e)}function R(e,t,n,r,o){if("m"===r)throw new TypeError("Private method is not writable");if("a"===r&&!o)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===r?o.call(e,n):o?o.value=n:t.set(e,n),n}function T(e,t){if(null===t||"object"!=typeof t&&"function"!=typeof t)throw new TypeError("Cannot use 'in' operator on non-object");return"function"==typeof e?t===e:e.has(t)}function A(e,t,n){if(null!=t){if("object"!=typeof t&&"function"!=typeof t)throw new TypeError("Object expected.");var r;if(n){if(!Symbol.asyncDispose)throw new TypeError("Symbol.asyncDispose is not defined.");r=t[Symbol.asyncDispose]}if(void 0===r){if(!Symbol.dispose)throw new TypeError("Symbol.dispose is not defined.");r=t[Symbol.dispose]}if("function"!=typeof r)throw new TypeError("Object not disposable.");e.stack.push({value:t,dispose:r,async:n})}else n&&e.stack.push({async:!0});return t}var I="function"==typeof SuppressedError?SuppressedError:function(e,t,n){var r=new Error(n);return r.name="SuppressedError",r.error=e,r.suppressed=t,r};function D(e){function t(t){e.error=e.hasError?new I(t,e.error,"An error was suppressed during disposal."):t,e.hasError=!0}return function n(){for(;e.stack.length;){var r=e.stack.pop();try{var o=r.dispose&&r.dispose.call(r.value);if(r.async)return Promise.resolve(o).then(n,(function(e){return t(e),n()}))}catch(e){t(e)}}if(e.hasError)throw e.error}()}const N={__extends:o,__assign:a,__rest:i,__decorate:l,__param:u,__metadata:p,__awaiter:y,__generator:m,__createBinding:b,__exportStar:_,__values:v,__read:g,__spread:S,__spreadArrays:h,__spreadArray:w,__await:j,__asyncGenerator:C,__asyncDelegator:O,__asyncValues:x,__makeTemplateObject:P,__importStar:B,__importDefault:E,__classPrivateFieldGet:M,__classPrivateFieldSet:R,__classPrivateFieldIn:T,__addDisposableResource:A,__disposeResources:D}}},r={};function o(e){var t=r[e];if(void 0!==t)return t.exports;var a=r[e]={exports:{}};return n[e](a,a.exports,o),a.exports}return o.d=(e,t)=>{for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o(6461)})()));
package/dist/SplitButton/index.d.ts CHANGED
@@ -110,7 +110,9 @@ declare const propertiesBox: {
110
110
  "primary-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
111
111
  "primary-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
112
112
  "primary-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
113
- "primary-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
113
+ "primary-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
114
+ * The width property specifies the width of a box's content area.
115
+ */
114
116
  "success-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
115
117
  "success-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
116
118
  "success-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -119,9 +121,7 @@ declare const propertiesBox: {
119
121
  "warning-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
120
122
  "warning-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
121
123
  "warning-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
122
- "danger-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
123
- * The min height property specifies the height of a box's content area.
124
- */
124
+ "danger-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
125
125
  "danger-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
126
126
  "danger-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
127
127
  "danger-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -146,7 +146,9 @@ declare const propertiesBox: {
146
146
  "primary-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
147
147
  "primary-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
148
148
  "primary-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
149
- "primary-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
149
+ "primary-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
150
+ * The width property specifies the width of a box's content area.
151
+ */
150
152
  "success-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
151
153
  "success-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
152
154
  "success-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -155,9 +157,7 @@ declare const propertiesBox: {
155
157
  "warning-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
156
158
  "warning-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
157
159
  "warning-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
158
- "danger-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
159
- * The min height property specifies the height of a box's content area.
160
- */
160
+ "danger-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
161
161
  "danger-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
162
162
  "danger-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
163
163
  "danger-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -186,16 +186,17 @@ declare const propertiesBox: {
186
186
  "danger-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
187
187
  "danger-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
188
188
  "neutral-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
189
+ /**
190
+ * The gridArea shorthand property specifies a grid item's size and location within a grid by contributing a line,
191
+ * a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area.
192
+ */
189
193
  "neutral-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
190
194
  "neutral-surfaceDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
191
195
  "neutral-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
192
196
  transparent: string;
193
197
  };
194
198
  borderRadius: {
195
- "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
196
- * The alignItems property sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis.
197
- * In Grid Layout, it controls the alignment of items on the Block Axis within their grid area.
198
- */
199
+ "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
199
200
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
200
201
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
201
202
  "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -203,10 +204,6 @@ declare const propertiesBox: {
203
204
  "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
204
205
  "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
205
206
  full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
206
- /**
207
- * The alignSelf property overrides a grid or flex item's align-items value. In Grid, it aligns the item inside the grid area.
208
- * In Flexbox, it aligns the item on the cross axis.
209
- */
210
207
  base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
211
208
  half: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
212
209
  none: string;
@@ -214,7 +211,9 @@ declare const propertiesBox: {
214
211
  borderWidth: {
215
212
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
216
213
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
217
- "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
214
+ "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
215
+ * The gap property sets the gaps between rows and columns. It is a shorthand for rowGap and columnGap.
216
+ */
218
217
  "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
219
218
  "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
220
219
  none: string;
@@ -336,7 +335,9 @@ declare const propertiesBox: {
336
335
  h2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
337
336
  h3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
338
337
  h4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
339
- h5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
338
+ h5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
339
+ * This defines the ability for a flex item to grow if necessary.
340
+ */
340
341
  h6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
341
342
  };
342
343
  lineHeight: {
@@ -361,15 +362,15 @@ declare const propertiesBox: {
361
362
  "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
362
363
  "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
363
364
  "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
364
- h1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
365
+ h1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
366
+ * The flexWrap property sets whether flex items are forced onto one line or can wrap onto multiple lines.
367
+ */
365
368
  h2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
366
369
  h3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
367
370
  h4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
368
371
  h5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
369
372
  h6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
370
- }; /**
371
- * The paddingBottom property sets the height of the padding area on the bottom of an box.
372
- */
373
+ };
373
374
  };
374
375
  export type BoxBorderColorProperties = keyof typeof propertiesBox.borderColor;
375
376
  export type BoxBorderRadiusProperties = keyof typeof propertiesBox.borderRadius;
@@ -389,6 +390,7 @@ export type BoxLineHeightProperties = keyof typeof propertiesBox.lineHeight;
389
390
  export type BoxBackgroundProperties = keyof typeof propertiesBox.background;
390
391
  export interface BoxConditions<T> extends Conditions<T> {
391
392
  focus?: T;
393
+ focusVisible?: T;
392
394
  focusWithin?: T;
393
395
  active?: T;
394
396
  hover?: T;