@nimbus-ds/components 5.57.2-rc.7 → 5.57.3-rc.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 (18) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/Box/index.d.ts +19 -4
  3. package/dist/CHANGELOG.md +6 -0
  4. package/dist/Card/index.d.ts +4 -4
  5. package/dist/IconButton/index.js +1 -1
  6. package/dist/ScrollPane/index.d.ts +19 -4
  7. package/dist/SegmentedControl/index.d.ts +19 -4
  8. package/dist/Select/index.js +1 -1
  9. package/dist/Sidebar/index.d.ts +4 -4
  10. package/dist/Spinner/index.d.ts +2 -1
  11. package/dist/SplitButton/index.d.ts +19 -4
  12. package/dist/Stepper/index.d.ts +19 -4
  13. package/dist/Text/index.d.ts +5 -5
  14. package/dist/Toast/index.js +1 -1
  15. package/dist/Toggle/index.js +1 -1
  16. package/dist/index.d.ts +37 -21
  17. package/dist/index.js +1 -1
  18. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -3,6 +3,12 @@
3
3
  Nimbus is an open-source Design System created by Tiendanube / Nuvemshop's team to empower and enhance more stories
4
4
  every day, with simplicity, accessibility, consistency and performance.
5
5
 
6
+ ## 2026-04-07 `5.57.2`
7
+
8
+ #### 🎉 New features
9
+
10
+ - Storybook: Added **Tokens / Motion** overview with duration and easing tables, interactive previews, legacy `speed.*` reference, and reduced-motion snippet. ([#455](https://github.com/TiendaNube/nimbus-design-system/pull/455) by [@noecondoleo](https://github.com/noecondoleo))
11
+
6
12
  ## 2026-03-04 `5.56.0`
7
13
 
8
14
  #### 🎉 New features
package/dist/Box/index.d.ts CHANGED
@@ -58,6 +58,9 @@ declare const propertiesBox: {
58
58
  "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
59
59
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
60
60
  "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
61
+ /**
62
+ * The gridGap property sets the gaps between rows and columns. It is a shorthand for rowGap and columnGap.
63
+ */
61
64
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
62
65
  "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
63
66
  "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -82,6 +85,9 @@ declare const propertiesBox: {
82
85
  "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
83
86
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
84
87
  "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
88
+ /**
89
+ * The gridGap property sets the gaps between rows and columns. It is a shorthand for rowGap and columnGap.
90
+ */
85
91
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
86
92
  "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
87
93
  "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -198,10 +204,7 @@ declare const propertiesBox: {
198
204
  "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
199
205
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
200
206
  "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
201
- "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
202
- * The alignSelf property overrides a grid or flex item's align-items value. In Grid, it aligns the item inside the grid area.
203
- * In Flexbox, it aligns the item on the cross axis.
204
- */
207
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
205
208
  "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
206
209
  "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
207
210
  full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -227,6 +230,9 @@ declare const propertiesBox: {
227
230
  "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
228
231
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
229
232
  "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
233
+ /**
234
+ * The gridGap property sets the gaps between rows and columns. It is a shorthand for rowGap and columnGap.
235
+ */
230
236
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
231
237
  "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
232
238
  "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -250,6 +256,9 @@ declare const propertiesBox: {
250
256
  "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
251
257
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
252
258
  "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
259
+ /**
260
+ * The gridGap property sets the gaps between rows and columns. It is a shorthand for rowGap and columnGap.
261
+ */
253
262
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
254
263
  "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
255
264
  "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -314,6 +323,9 @@ declare const propertiesBox: {
314
323
  "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
315
324
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
316
325
  "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
326
+ /**
327
+ * The gridGap property sets the gaps between rows and columns. It is a shorthand for rowGap and columnGap.
328
+ */
317
329
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
318
330
  "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
319
331
  "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -343,6 +355,9 @@ declare const propertiesBox: {
343
355
  "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
344
356
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
345
357
  "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
358
+ /**
359
+ * The gridGap property sets the gaps between rows and columns. It is a shorthand for rowGap and columnGap.
360
+ */
346
361
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
347
362
  "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
348
363
  "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
package/dist/CHANGELOG.md CHANGED
@@ -3,6 +3,12 @@
3
3
  Nimbus is an open-source Design System created by Tiendanube / Nuvemshop's team to empower and enhance more stories
4
4
  every day, with simplicity, accessibility, consistency and performance.
5
5
 
6
+ ## 2026-04-07 `5.57.2`
7
+
8
+ #### 🎉 New features
9
+
10
+ - Storybook: Added **Tokens / Motion** overview with duration and easing tables, interactive previews, legacy `speed.*` reference, and reduced-motion snippet. ([#455](https://github.com/TiendaNube/nimbus-design-system/pull/455) by [@noecondoleo](https://github.com/noecondoleo))
11
+
6
12
  ## 2026-03-04 `5.56.0`
7
13
 
8
14
  #### 🎉 New features
package/dist/Card/index.d.ts CHANGED
@@ -11,7 +11,7 @@ declare const card: {
11
11
  subComponents: {
12
12
  header: {
13
13
  sprinkle: ((props: {
14
- padding?: "base" | "small" | "none" | undefined;
14
+ padding?: "base" | "none" | "small" | undefined;
15
15
  }) => string) & {
16
16
  properties: Set<"padding">;
17
17
  };
@@ -25,7 +25,7 @@ declare const card: {
25
25
  };
26
26
  body: {
27
27
  sprinkle: ((props: {
28
- padding?: "base" | "small" | "none" | undefined;
28
+ padding?: "base" | "none" | "small" | undefined;
29
29
  }) => string) & {
30
30
  properties: Set<"padding">;
31
31
  };
@@ -39,7 +39,7 @@ declare const card: {
39
39
  };
40
40
  footer: {
41
41
  sprinkle: ((props: {
42
- padding?: "base" | "small" | "none" | undefined;
42
+ padding?: "base" | "none" | "small" | undefined;
43
43
  }) => string) & {
44
44
  properties: Set<"padding">;
45
45
  };
@@ -54,7 +54,7 @@ declare const card: {
54
54
  };
55
55
  sprinkle: ((props: {
56
56
  backgroundColor?: "primary-surface" | "primary-surfaceHighlight" | "success-surface" | "success-surfaceHighlight" | "warning-surface" | "warning-surfaceHighlight" | "danger-surface" | "danger-surfaceHighlight" | "neutral-background" | "neutral-surface" | "neutral-surfaceHighlight" | undefined;
57
- padding?: "base" | "small" | "none" | undefined;
57
+ padding?: "base" | "none" | "small" | undefined;
58
58
  }) => string) & {
59
59
  properties: Set<"backgroundColor" | "padding">;
60
60
  };
package/dist/IconButton/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 r={9003:(e,t,r)=>{function n(e){var t=e.match(/^var\((.*)\)$/);return t?t[1]:e}function o(e,t){var r=e;for(var n of t){if(!(n in r))throw new Error("Path ".concat(t.join(" -> ")," does not exist in object"));r=r[n]}return r}function a(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],n=e.constructor();for(var o in e){var i=e[o],c=[...r,o];"string"==typeof i||"number"==typeof i||null==i?n[o]=t(i,c):"object"!=typeof i||Array.isArray(i)?console.warn('Skipping invalid key "'.concat(c.join("."),'". Should be a string, number, null or object. Received: "').concat(Array.isArray(i)?"Array":typeof i,'"')):n[o]=a(i,t,c)}return n}function i(e,t){var r={};if("object"==typeof t){var i=e;a(t,((e,t)=>{if(null!=e){var a=o(i,t);r[n(a)]=String(e)}}))}else{var c=e;for(var l in c){var s=c[l];null!=s&&(r[n(l)]=s)}}return Object.defineProperty(r,"toString",{value:function(){return Object.keys(this).map((e=>"".concat(e,":").concat(this[e]))).join(";")},writable:!1}),r}function c(e,t,r){e.style.setProperty(n(t),r)}function l(e,t,r){if("object"==typeof r){var n=t;a(r,((t,r)=>{null!=t&&c(e,o(n,r),String(t))}))}else{var i=t;for(var l in i){null!=i[l]&&c(e,l,i[l])}}}r.r(t),r.d(t,{assignInlineVars:()=>i,setElementVars:()=>l})},7095:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Icon=void 0;const n=r(5608).__importStar(r(9155)),o=r(4367),a=r(7579),i=r(9929),c=({className:e,style:t,color:r="neutral-textLow",cursor:a="inherit",source:c,...l})=>{const s=(0,n.useMemo)((()=>(0,i.isGradient)(r)),[r]),u=(0,n.useMemo)((()=>s?(0,i.applyGradientToSvg)(c):c),[s,c]);return n.default.createElement("div",{...l,className:[e,o.icon.sprinkle({...!s&&{color:r},cursor:a}),o.icon.classnames.base].filter(Boolean).join(" ")},u)};t.Icon=c,c.Skeleton=a.IconSkeleton,c.displayName="Icon",c.Skeleton.displayName="Icon.Skeleton"},1638:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.IconSkeleton=void 0;const n=r(5608).__importDefault(r(9155)),o=r(7940);t.IconSkeleton=({className:e,width:t,height:r,"data-testid":a})=>n.default.createElement(o.Skeleton,{className:e,width:t??"1rem",height:r??"1rem",borderRadius:"0.25rem","data-testid":a})},6830:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.IconSkeleton=void 0;const n=r(1638);var o=r(1638);Object.defineProperty(t,"IconSkeleton",{enumerable:!0,get:function(){return o.IconSkeleton}}),t.default=n.IconSkeleton},7579:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0});r(5608).__exportStar(r(6830),t)},3302:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.GRADIENT_COLORS=t.isValidColorValue=t.canUseGradient=t.isGradient=t.Icon=void 0;const n=r(7095);var o=r(7095);Object.defineProperty(t,"Icon",{enumerable:!0,get:function(){return o.Icon}});var a=r(9929);Object.defineProperty(t,"isGradient",{enumerable:!0,get:function(){return a.isGradient}}),Object.defineProperty(t,"canUseGradient",{enumerable:!0,get:function(){return a.canUseGradient}}),Object.defineProperty(t,"isValidColorValue",{enumerable:!0,get:function(){return a.isValidColorValue}}),Object.defineProperty(t,"GRADIENT_COLORS",{enumerable:!0,get:function(){return a.GRADIENT_COLORS}}),t.default=n.Icon},630:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.GRADIENT_COLORS=void 0;const r=new Set(["ai-generative"]);t.GRADIENT_COLORS=r},1294:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.isGradient=t.canUseGradient=t.isValidColorValue=void 0;const n=r(630);t.isValidColorValue=e=>Boolean(e&&"none"!==e&&"transparent"!==e);t.canUseGradient=e=>(0,t.isValidColorValue)(e)&&!e.startsWith("url(");t.isGradient=e=>n.GRADIENT_COLORS.has(e)},8366:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.GRADIENT_COLORS=t.isGradient=t.canUseGradient=t.isValidColorValue=void 0;var n=r(1294);Object.defineProperty(t,"isValidColorValue",{enumerable:!0,get:function(){return n.isValidColorValue}}),Object.defineProperty(t,"canUseGradient",{enumerable:!0,get:function(){return n.canUseGradient}}),Object.defineProperty(t,"isGradient",{enumerable:!0,get:function(){return n.isGradient}});var o=r(630);Object.defineProperty(t,"GRADIENT_COLORS",{enumerable:!0,get:function(){return o.GRADIENT_COLORS}})},1770:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.parseLinearGradient=void 0;t.parseLinearGradient=e=>{const t=/linear-gradient\([^,]+,\s*(.+)\)/.exec(e);if(!t)return[];const r=t[1],n=[],o=r.split(/,(?![^()]*\))/);return o.forEach((e=>{const t=e.trim(),r=/^(.+)\s+(\d+(?:\.\d+)?%)$/.exec(t);if(r)n.push({color:r[1].trim(),offset:r[2]});else{const r=o.indexOf(e),a=1===o.length?"100%":r/(o.length-1)*100+"%";n.push({color:t,offset:a})}})),n}},4862:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.parseLinearGradient=void 0;var n=r(1770);Object.defineProperty(t,"parseLinearGradient",{enumerable:!0,get:function(){return n.parseLinearGradient}})},1518:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.createSvgGradientDef=t.getGradientStops=void 0;const n=r(5608).__importDefault(r(9155)),o=r(4367),a=r(4862);t.getGradientStops=e=>"linear"===e?(0,a.parseLinearGradient)(o.gradients.aiGenerativeIconGradient):(console.warn(`Unsupported gradient type: ${e}`),[]);t.createSvgGradientDef=(e,r,o="horizontal")=>{const a=(0,t.getGradientStops)(r),i="horizontal"===o?{x1:"0%",y1:"0%",x2:"100%",y2:"0%"}:{x1:"0%",y1:"0%",x2:"0%",y2:"100%"};return n.default.createElement("linearGradient",{id:e,gradientUnits:"objectBoundingBox",...i},...a.map(((t,r)=>n.default.createElement("stop",{key:`${e}-stop-${r}`,offset:t.offset,stopColor:t.color}))))}},484:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.createSvgGradientDef=t.getGradientStops=void 0;var n=r(1518);Object.defineProperty(t,"getGradientStops",{enumerable:!0,get:function(){return n.getGradientStops}}),Object.defineProperty(t,"createSvgGradientDef",{enumerable:!0,get:function(){return n.createSvgGradientDef}})},8230:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.applyGradientToSvg=void 0;const n=r(5608).__importDefault(r(9155)),o=r(2325),a=r(484);t.applyGradientToSvg=(e,t="linear")=>{if(!n.default.isValidElement(e))return e;const r=(0,o.generateGradientId)(),i=(0,a.createSvgGradientDef)(r,t);if("function"==typeof e.type)try{const t=(0,e.type)(e.props);if(!n.default.isValidElement(t))return e;const a=(0,o.processElement)(t,r);return(0,o.injectGradientDefs)(a,i)}catch(t){return console.warn("Failed to render SVG component for gradient application:",t),e}const c=(0,o.processElement)(e,r);return(0,o.injectGradientDefs)(c,i)}},1690:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.applyGradientToSvg=void 0;var n=r(8230);Object.defineProperty(t,"applyGradientToSvg",{enumerable:!0,get:function(){return n.applyGradientToSvg}})},9929:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.GRADIENT_COLORS=t.isValidColorValue=t.canUseGradient=t.isGradient=t.applyGradientToSvg=void 0;var n=r(1690);Object.defineProperty(t,"applyGradientToSvg",{enumerable:!0,get:function(){return n.applyGradientToSvg}});var o=r(8366);Object.defineProperty(t,"isGradient",{enumerable:!0,get:function(){return o.isGradient}}),Object.defineProperty(t,"canUseGradient",{enumerable:!0,get:function(){return o.canUseGradient}}),Object.defineProperty(t,"isValidColorValue",{enumerable:!0,get:function(){return o.isValidColorValue}}),Object.defineProperty(t,"GRADIENT_COLORS",{enumerable:!0,get:function(){return o.GRADIENT_COLORS}})},2325:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.processElement=t.injectGradientDefs=t.generateGradientId=void 0;var n=r(6122);Object.defineProperty(t,"generateGradientId",{enumerable:!0,get:function(){return n.generateGradientId}}),Object.defineProperty(t,"injectGradientDefs",{enumerable:!0,get:function(){return n.injectGradientDefs}}),Object.defineProperty(t,"processElement",{enumerable:!0,get:function(){return n.processElement}})},9650:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.GRADIENT_PROPERTIES=t.GRADIENT_ID_LENGTH=void 0;t.GRADIENT_ID_LENGTH=9;t.GRADIENT_PROPERTIES=["fill","stroke"]},6122:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.processElement=t.injectGradientDefs=t.generateGradientId=void 0;const n=r(5608).__importDefault(r(9155)),o=r(8366),a=r(9650);t.generateGradientId=()=>`nimbus-gradient-${Math.random().toString(36).slice(2,2+a.GRADIENT_ID_LENGTH)}`;t.injectGradientDefs=(e,t)=>{const r=n.default.createElement("defs",{key:"gradient-defs"},t),o=e.props,a=[r,...n.default.Children.toArray(o.children||[])];return n.default.cloneElement(e,{...o,children:a})};t.processElement=(e,r)=>{if(!n.default.isValidElement(e))return e;const i=e.props,c=n.default.Children.map(i.children,(e=>n.default.isValidElement(e)?(0,t.processElement)(e,r):e)),l={...i};return a.GRADIENT_PROPERTIES.forEach((e=>{const t=i[e];t&&((0,o.canUseGradient)(t)||"currentColor"===t)&&(l[e]=`url(#${r})`)})),l.children=c,n.default.cloneElement(e,l)}},5951:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.IconButton=void 0;const n=r(5608).__importDefault(r(9155)),o=r(4367),a=r(3302),i=r(5591),c=({className:e,style:t,as:r="button",size:i="1.75rem",backgroundColor:c={xs:"neutral-surface",active:"neutral-interactive",hover:"neutral-surfaceHighlight"},borderColor:l={xs:"neutral-interactive",active:"neutral-interactivePressed",hover:"neutral-interactiveHover",focus:"neutral-interactive"},color:s="neutral-textHigh",appearance:u,disabled:d,source:f,...p})=>{const y={size:i,..."ai-generative"!==u&&"transparent"!==u&&"ai-secondary"!==u&&{borderColor:l,backgroundColor:c}},{className:_,style:v,otherProps:b}=o.iconButton.sprinkle({...p,...y}),m=d?"ai-generative"===u?"neutral-surface":"neutral-textDisabled":s;return n.default.createElement(r,{className:[e,_,u?o.iconButton.classnames.appearance?.[u]:o.iconButton.classnames.base].filter(Boolean).join(" "),style:v,disabled:d,...b},n.default.createElement(a.Icon,{"data-testid":"icon-element",color:m,cursor:"pointer",source:f}))};t.IconButton=c,c.Skeleton=i.IconButtonSkeleton,c.displayName="IconButton",c.Skeleton.displayName="IconButton.Skeleton"},5107:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0});const n=r(5608);n.__exportStar(r(1722),t),n.__exportStar(r(5591),t)},7318:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.IconButtonSkeleton=void 0;const n=r(5608).__importDefault(r(9155)),o=r(7940);t.IconButtonSkeleton=({className:e,width:t,height:r,"data-testid":a})=>n.default.createElement(o.Skeleton,{className:e,width:t??"2.75rem",height:r??"2.75rem",borderRadius:"100%","data-testid":a})},5002:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.IconButtonSkeleton=void 0;const n=r(7318);var o=r(7318);Object.defineProperty(t,"IconButtonSkeleton",{enumerable:!0,get:function(){return o.IconButtonSkeleton}}),t.default=n.IconButtonSkeleton},5591:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0});r(5608).__exportStar(r(5002),t)},1722:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.IconButton=void 0;const n=r(5951);var o=r(5951);Object.defineProperty(t,"IconButton",{enumerable:!0,get:function(){return o.IconButton}}),t.default=n.IconButton},5579:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Skeleton=void 0;const n=r(5608).__importDefault(r(9155)),o=r(9003),a=r(4367),i=({className:e,style:t,height:r,width:i,borderRadius:c="0",...l})=>n.default.createElement("div",{className:[e,a.skeleton.classnames.base].filter(Boolean).join(" "),style:(0,o.assignInlineVars)({[a.vars.width]:i,[a.vars.height]:r,[a.vars.borderRadius]:c}),...l});t.Skeleton=i,i.displayName="Skeleton"},7940:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Skeleton=void 0;const n=r(5579);var o=r(5579);Object.defineProperty(t,"Skeleton",{enumerable:!0,get:function(){return o.Skeleton}}),t.default=n.Skeleton},4367:e=>{e.exports=t},9155:t=>{t.exports=e},5608:(e,t,r)=>{r.r(t),r.d(t,{__addDisposableResource:()=>N,__assign:()=>a,__asyncDelegator:()=>w,__asyncGenerator:()=>P,__asyncValues:()=>G,__await:()=>S,__awaiter:()=>y,__classPrivateFieldGet:()=>k,__classPrivateFieldIn:()=>x,__classPrivateFieldSet:()=>R,__createBinding:()=>v,__decorate:()=>c,__disposeResources:()=>M,__esDecorate:()=>s,__exportStar:()=>b,__extends:()=>o,__generator:()=>_,__importDefault:()=>T,__importStar:()=>D,__makeTemplateObject:()=>E,__metadata:()=>p,__param:()=>l,__propKey:()=>d,__read:()=>h,__rest:()=>i,__runInitializers:()=>u,__setFunctionName:()=>f,__spread:()=>g,__spreadArray:()=>j,__spreadArrays:()=>O,__values:()=>m,default:()=>V});var n=function(e,t){return n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])},n(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 r(){this.constructor=e}n(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}var a=function(){return a=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},a.apply(this,arguments)};function i(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}function c(e,t,r,n){var o,a=arguments.length,i=a<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,n);else for(var c=e.length-1;c>=0;c--)(o=e[c])&&(i=(a<3?o(i):a>3?o(t,r,i):o(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i}function l(e,t){return function(r,n){t(r,n,e)}}function s(e,t,r,n,o,a){function i(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var c,l=n.kind,s="getter"===l?"get":"setter"===l?"set":"value",u=!t&&e?n.static?e:e.prototype:null,d=t||(u?Object.getOwnPropertyDescriptor(u,n.name):{}),f=!1,p=r.length-1;p>=0;p--){var y={};for(var _ in n)y[_]="access"===_?{}:n[_];for(var _ in n.access)y.access[_]=n.access[_];y.addInitializer=function(e){if(f)throw new TypeError("Cannot add initializers after decoration has completed");a.push(i(e||null))};var v=(0,r[p])("accessor"===l?{get:d.get,set:d.set}:d[s],y);if("accessor"===l){if(void 0===v)continue;if(null===v||"object"!=typeof v)throw new TypeError("Object expected");(c=i(v.get))&&(d.get=c),(c=i(v.set))&&(d.set=c),(c=i(v.init))&&o.unshift(c)}else(c=i(v))&&("field"===l?o.unshift(c):d[s]=c)}u&&Object.defineProperty(u,n.name,d),f=!0}function u(e,t,r){for(var n=arguments.length>2,o=0;o<t.length;o++)r=n?t[o].call(e,r):t[o].call(e);return n?r:void 0}function d(e){return"symbol"==typeof e?e:"".concat(e)}function f(e,t,r){return"symbol"==typeof t&&(t=t.description?"[".concat(t.description,"]"):""),Object.defineProperty(e,"name",{configurable:!0,value:r?"".concat(r," ",t):t})}function p(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function y(e,t,r,n){return new(r||(r=Promise))((function(o,a){function i(e){try{l(n.next(e))}catch(e){a(e)}}function c(e){try{l(n.throw(e))}catch(e){a(e)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(i,c)}l((n=n.apply(e,t||[])).next())}))}function _(e,t){var r,n,o,a,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[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(l){return function(c){if(r)throw new TypeError("Generator is already executing.");for(;a&&(a=0,c[0]&&(i=0)),i;)try{if(r=1,n&&(o=2&c[0]?n.return:c[0]?n.throw||((o=n.return)&&o.call(n),0):n.next)&&!(o=o.call(n,c[1])).done)return o;switch(n=0,o&&(c=[2&c[0],o.value]),c[0]){case 0:case 1:o=c;break;case 4:return i.label++,{value:c[1],done:!1};case 5:i.label++,n=c[1],c=[0];continue;case 7:c=i.ops.pop(),i.trys.pop();continue;default:if(!(o=i.trys,(o=o.length>0&&o[o.length-1])||6!==c[0]&&2!==c[0])){i=0;continue}if(3===c[0]&&(!o||c[1]>o[0]&&c[1]<o[3])){i.label=c[1];break}if(6===c[0]&&i.label<o[1]){i.label=o[1],o=c;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(c);break}o[2]&&i.ops.pop(),i.trys.pop();continue}c=t.call(e,i)}catch(e){c=[6,e],n=0}finally{r=o=0}if(5&c[0])throw c[1];return{value:c[0]?c[1]:void 0,done:!0}}([c,l])}}}var v=Object.create?function(e,t,r,n){void 0===n&&(n=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,o)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]};function b(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||v(t,e,r)}function m(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function h(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i}function g(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(h(arguments[t]));return e}function O(){for(var e=0,t=0,r=arguments.length;t<r;t++)e+=arguments[t].length;var n=Array(e),o=0;for(t=0;t<r;t++)for(var a=arguments[t],i=0,c=a.length;i<c;i++,o++)n[o]=a[i];return n}function j(e,t,r){if(r||2===arguments.length)for(var n,o=0,a=t.length;o<a;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))}function S(e){return this instanceof S?(this.v=e,this):new S(e)}function P(e,t,r){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var n,o=r.apply(e,t||[]),a=[];return n={},i("next"),i("throw"),i("return"),n[Symbol.asyncIterator]=function(){return this},n;function i(e){o[e]&&(n[e]=function(t){return new Promise((function(r,n){a.push([e,t,r,n])>1||c(e,t)}))})}function c(e,t){try{(r=o[e](t)).value instanceof S?Promise.resolve(r.value.v).then(l,s):u(a[0][2],r)}catch(e){u(a[0][3],e)}var r}function l(e){c("next",e)}function s(e){c("throw",e)}function u(e,t){e(t),a.shift(),a.length&&c(a[0][0],a[0][1])}}function w(e){var t,r;return t={},n("next"),n("throw",(function(e){throw e})),n("return"),t[Symbol.iterator]=function(){return this},t;function n(n,o){t[n]=e[n]?function(t){return(r=!r)?{value:S(e[n](t)),done:!1}:o?o(t):t}:o}}function G(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,r=e[Symbol.asyncIterator];return r?r.call(e):(e=m(e),t={},n("next"),n("throw"),n("return"),t[Symbol.asyncIterator]=function(){return this},t);function n(r){t[r]=e[r]&&function(t){return new Promise((function(n,o){(function(e,t,r,n){Promise.resolve(n).then((function(t){e({value:t,done:r})}),t)})(n,o,(t=e[r](t)).done,t.value)}))}}}function E(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var I=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};function D(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&v(t,e,r);return I(t,e),t}function T(e){return e&&e.__esModule?e:{default:e}}function k(e,t,r,n){if("a"===r&&!n)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===r?n:"a"===r?n.call(e):n?n.value:t.get(e)}function R(e,t,r,n,o){if("m"===n)throw new TypeError("Private method is not writable");if("a"===n&&!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"===n?o.call(e,r):o?o.value=r:t.set(e,r),r}function x(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 N(e,t,r){if(null!=t){if("object"!=typeof t&&"function"!=typeof t)throw new TypeError("Object expected.");var n;if(r){if(!Symbol.asyncDispose)throw new TypeError("Symbol.asyncDispose is not defined.");n=t[Symbol.asyncDispose]}if(void 0===n){if(!Symbol.dispose)throw new TypeError("Symbol.dispose is not defined.");n=t[Symbol.dispose]}if("function"!=typeof n)throw new TypeError("Object not disposable.");e.stack.push({value:t,dispose:n,async:r})}else r&&e.stack.push({async:!0});return t}var C="function"==typeof SuppressedError?SuppressedError:function(e,t,r){var n=new Error(r);return n.name="SuppressedError",n.error=e,n.suppressed=t,n};function M(e){function t(t){e.error=e.hasError?new C(t,e.error,"An error was suppressed during disposal."):t,e.hasError=!0}return function r(){for(;e.stack.length;){var n=e.stack.pop();try{var o=n.dispose&&n.dispose.call(n.value);if(n.async)return Promise.resolve(o).then(r,(function(e){return t(e),r()}))}catch(e){t(e)}}if(e.hasError)throw e.error}()}const V={__extends:o,__assign:a,__rest:i,__decorate:c,__param:l,__metadata:p,__awaiter:y,__generator:_,__createBinding:v,__exportStar:b,__values:m,__read:h,__spread:g,__spreadArrays:O,__spreadArray:j,__await:S,__asyncGenerator:P,__asyncDelegator:w,__asyncValues:G,__makeTemplateObject:E,__importStar:D,__importDefault:T,__classPrivateFieldGet:k,__classPrivateFieldSet:R,__classPrivateFieldIn:x,__addDisposableResource:N,__disposeResources:M}}},n={};function o(e){var t=n[e];if(void 0!==t)return t.exports;var a=n[e]={exports:{}};return r[e](a,a.exports,o),a.exports}return o.d=(e,t)=>{for(var r in t)o.o(t,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},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(5107)})()));
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 r={9003:(e,t,r)=>{function n(e){var t=e.match(/^var\((.*)\)$/);return t?t[1]:e}function o(e,t){var r=e;for(var n of t){if(!(n in r))throw new Error("Path ".concat(t.join(" -> ")," does not exist in object"));r=r[n]}return r}function a(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],n=e.constructor();for(var o in e){var i=e[o],c=[...r,o];"string"==typeof i||"number"==typeof i||null==i?n[o]=t(i,c):"object"!=typeof i||Array.isArray(i)?console.warn('Skipping invalid key "'.concat(c.join("."),'". Should be a string, number, null or object. Received: "').concat(Array.isArray(i)?"Array":typeof i,'"')):n[o]=a(i,t,c)}return n}function i(e,t){var r={};if("object"==typeof t){var i=e;a(t,((e,t)=>{if(null!=e){var a=o(i,t);r[n(a)]=String(e)}}))}else{var c=e;for(var l in c){var s=c[l];null!=s&&(r[n(l)]=s)}}return Object.defineProperty(r,"toString",{value:function(){return Object.keys(this).map((e=>"".concat(e,":").concat(this[e]))).join(";")},writable:!1}),r}function c(e,t,r){e.style.setProperty(n(t),r)}function l(e,t,r){if("object"==typeof r){var n=t;a(r,((t,r)=>{null!=t&&c(e,o(n,r),String(t))}))}else{var i=t;for(var l in i){null!=i[l]&&c(e,l,i[l])}}}r.r(t),r.d(t,{assignInlineVars:()=>i,setElementVars:()=>l})},7095:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Icon=void 0;const n=r(5608).__importStar(r(9155)),o=r(4367),a=r(7579),i=r(9929),c=({className:e,style:t,color:r="neutral-textLow",cursor:a="inherit",source:c,...l})=>{const s=(0,n.useMemo)((()=>(0,i.isGradient)(r)),[r]),u=(0,n.useMemo)((()=>s?(0,i.applyGradientToSvg)(c):c),[s,c]);return n.default.createElement("div",{...l,className:[e,o.icon.sprinkle({...!s&&{color:r},cursor:a}),o.icon.classnames.base].filter(Boolean).join(" ")},u)};t.Icon=c,c.Skeleton=a.IconSkeleton,c.displayName="Icon",c.Skeleton.displayName="Icon.Skeleton"},1638:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.IconSkeleton=void 0;const n=r(5608).__importDefault(r(9155)),o=r(7940);t.IconSkeleton=({className:e,width:t,height:r,"data-testid":a})=>n.default.createElement(o.Skeleton,{className:e,width:t??"1rem",height:r??"1rem",borderRadius:"0.25rem","data-testid":a})},6830:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.IconSkeleton=void 0;const n=r(1638);var o=r(1638);Object.defineProperty(t,"IconSkeleton",{enumerable:!0,get:function(){return o.IconSkeleton}}),t.default=n.IconSkeleton},7579:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0});r(5608).__exportStar(r(6830),t)},3302:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.GRADIENT_COLORS=t.isValidColorValue=t.canUseGradient=t.isGradient=t.Icon=void 0;const n=r(7095);var o=r(7095);Object.defineProperty(t,"Icon",{enumerable:!0,get:function(){return o.Icon}});var a=r(9929);Object.defineProperty(t,"isGradient",{enumerable:!0,get:function(){return a.isGradient}}),Object.defineProperty(t,"canUseGradient",{enumerable:!0,get:function(){return a.canUseGradient}}),Object.defineProperty(t,"isValidColorValue",{enumerable:!0,get:function(){return a.isValidColorValue}}),Object.defineProperty(t,"GRADIENT_COLORS",{enumerable:!0,get:function(){return a.GRADIENT_COLORS}}),t.default=n.Icon},630:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.GRADIENT_COLORS=void 0;const r=new Set(["ai-generative"]);t.GRADIENT_COLORS=r},1294:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.isGradient=t.canUseGradient=t.isValidColorValue=void 0;const n=r(630);t.isValidColorValue=e=>Boolean(e&&"none"!==e&&"transparent"!==e);t.canUseGradient=e=>(0,t.isValidColorValue)(e)&&!e.startsWith("url(");t.isGradient=e=>n.GRADIENT_COLORS.has(e)},8366:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.GRADIENT_COLORS=t.isGradient=t.canUseGradient=t.isValidColorValue=void 0;var n=r(1294);Object.defineProperty(t,"isValidColorValue",{enumerable:!0,get:function(){return n.isValidColorValue}}),Object.defineProperty(t,"canUseGradient",{enumerable:!0,get:function(){return n.canUseGradient}}),Object.defineProperty(t,"isGradient",{enumerable:!0,get:function(){return n.isGradient}});var o=r(630);Object.defineProperty(t,"GRADIENT_COLORS",{enumerable:!0,get:function(){return o.GRADIENT_COLORS}})},1770:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.parseLinearGradient=void 0;t.parseLinearGradient=e=>{const t=/linear-gradient\([^,]+,\s*(.+)\)/.exec(e);if(!t)return[];const r=t[1],n=[],o=r.split(/,(?![^()]*\))/);return o.forEach((e=>{const t=e.trim(),r=/^(.+)\s+(\d+(?:\.\d+)?%)$/.exec(t);if(r)n.push({color:r[1].trim(),offset:r[2]});else{const r=o.indexOf(e),a=1===o.length?"100%":r/(o.length-1)*100+"%";n.push({color:t,offset:a})}})),n}},4862:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.parseLinearGradient=void 0;var n=r(1770);Object.defineProperty(t,"parseLinearGradient",{enumerable:!0,get:function(){return n.parseLinearGradient}})},1518:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.createSvgGradientDef=t.getGradientStops=void 0;const n=r(5608).__importDefault(r(9155)),o=r(4367),a=r(4862);t.getGradientStops=e=>"linear"===e?(0,a.parseLinearGradient)(o.gradients.aiGenerativeIconGradient):(console.warn(`Unsupported gradient type: ${e}`),[]);t.createSvgGradientDef=(e,r,o="horizontal")=>{const a=(0,t.getGradientStops)(r),i="horizontal"===o?{x1:"0%",y1:"0%",x2:"100%",y2:"0%"}:{x1:"0%",y1:"0%",x2:"0%",y2:"100%"};return n.default.createElement("linearGradient",{id:e,gradientUnits:"objectBoundingBox",...i},...a.map(((t,r)=>n.default.createElement("stop",{key:`${e}-stop-${r}`,offset:t.offset,stopColor:t.color}))))}},484:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.createSvgGradientDef=t.getGradientStops=void 0;var n=r(1518);Object.defineProperty(t,"getGradientStops",{enumerable:!0,get:function(){return n.getGradientStops}}),Object.defineProperty(t,"createSvgGradientDef",{enumerable:!0,get:function(){return n.createSvgGradientDef}})},8230:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.applyGradientToSvg=void 0;const n=r(5608).__importDefault(r(9155)),o=r(2325),a=r(484);t.applyGradientToSvg=(e,t="linear")=>{if(!n.default.isValidElement(e))return e;const r=(0,o.generateGradientId)(),i=(0,a.createSvgGradientDef)(r,t);if("function"==typeof e.type)try{const t=(0,e.type)(e.props);if(!n.default.isValidElement(t))return e;const a=(0,o.processElement)(t,r);return(0,o.injectGradientDefs)(a,i)}catch(t){return console.warn("Failed to render SVG component for gradient application:",t),e}const c=(0,o.processElement)(e,r);return(0,o.injectGradientDefs)(c,i)}},1690:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.applyGradientToSvg=void 0;var n=r(8230);Object.defineProperty(t,"applyGradientToSvg",{enumerable:!0,get:function(){return n.applyGradientToSvg}})},9929:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.GRADIENT_COLORS=t.isValidColorValue=t.canUseGradient=t.isGradient=t.applyGradientToSvg=void 0;var n=r(1690);Object.defineProperty(t,"applyGradientToSvg",{enumerable:!0,get:function(){return n.applyGradientToSvg}});var o=r(8366);Object.defineProperty(t,"isGradient",{enumerable:!0,get:function(){return o.isGradient}}),Object.defineProperty(t,"canUseGradient",{enumerable:!0,get:function(){return o.canUseGradient}}),Object.defineProperty(t,"isValidColorValue",{enumerable:!0,get:function(){return o.isValidColorValue}}),Object.defineProperty(t,"GRADIENT_COLORS",{enumerable:!0,get:function(){return o.GRADIENT_COLORS}})},2325:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.processElement=t.injectGradientDefs=t.generateGradientId=void 0;var n=r(6122);Object.defineProperty(t,"generateGradientId",{enumerable:!0,get:function(){return n.generateGradientId}}),Object.defineProperty(t,"injectGradientDefs",{enumerable:!0,get:function(){return n.injectGradientDefs}}),Object.defineProperty(t,"processElement",{enumerable:!0,get:function(){return n.processElement}})},9650:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.GRADIENT_PROPERTIES=t.GRADIENT_ID_LENGTH=void 0;t.GRADIENT_ID_LENGTH=9;t.GRADIENT_PROPERTIES=["fill","stroke"]},6122:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.processElement=t.injectGradientDefs=t.generateGradientId=void 0;const n=r(5608).__importDefault(r(9155)),o=r(8366),a=r(9650);t.generateGradientId=()=>`nimbus-gradient-${Math.random().toString(36).slice(2,2+a.GRADIENT_ID_LENGTH)}`;t.injectGradientDefs=(e,t)=>{const r=n.default.createElement("defs",{key:"gradient-defs"},t),o=e.props,a=[r,...n.default.Children.toArray(o.children||[])];return n.default.cloneElement(e,{...o,children:a})};t.processElement=(e,r)=>{if(!n.default.isValidElement(e))return e;const i=e.props,c=n.default.Children.map(i.children,(e=>n.default.isValidElement(e)?(0,t.processElement)(e,r):e)),l={...i};return a.GRADIENT_PROPERTIES.forEach((e=>{const t=i[e];t&&((0,o.canUseGradient)(t)||"currentColor"===t)&&(l[e]=`url(#${r})`)})),l.children=c,n.default.cloneElement(e,l)}},5951:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.IconButton=void 0;const n=r(5608).__importDefault(r(9155)),o=r(4367),a=r(3302),i=r(5591),c=({className:e,style:t,as:r="button",size:i="1.75rem",backgroundColor:c={xs:"neutral-surface",active:"neutral-interactive",hover:"neutral-surfaceHighlight"},borderColor:l={xs:"neutral-interactive",active:"neutral-interactivePressed",hover:"neutral-interactiveHover",focus:"neutral-interactive"},color:s="neutral-textHigh",appearance:u,disabled:d,source:f,...p})=>{const y={size:i,..."ai-generative"!==u&&"transparent"!==u&&"ai-secondary"!==u&&{borderColor:l,backgroundColor:c}},{className:_,style:v,otherProps:b}=o.iconButton.sprinkle({...p,...y}),m=d?"ai-generative"===u?"neutral-surface":"neutral-textDisabled":s;return n.default.createElement(r,{className:[e,_,u?o.iconButton.classnames.appearance?.[u]:o.iconButton.classnames.base].filter(Boolean).join(" "),style:v,disabled:d,...b},n.default.createElement(a.Icon,{"data-testid":"icon-element",color:m,cursor:"pointer",source:f}))};t.IconButton=c,c.Skeleton=i.IconButtonSkeleton,c.displayName="IconButton",c.Skeleton.displayName="IconButton.Skeleton"},5107:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0});const n=r(5608);n.__exportStar(r(1722),t),n.__exportStar(r(5591),t)},7318:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.IconButtonSkeleton=void 0;const n=r(5608).__importDefault(r(9155)),o=r(7940),a="1.75rem";t.IconButtonSkeleton=({className:e,width:t,height:r,"data-testid":i})=>n.default.createElement(o.Skeleton,{className:e,width:t??a,height:r??a,borderRadius:"0.375rem","data-testid":i})},5002:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.IconButtonSkeleton=void 0;const n=r(7318);var o=r(7318);Object.defineProperty(t,"IconButtonSkeleton",{enumerable:!0,get:function(){return o.IconButtonSkeleton}}),t.default=n.IconButtonSkeleton},5591:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0});r(5608).__exportStar(r(5002),t)},1722:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.IconButton=void 0;const n=r(5951);var o=r(5951);Object.defineProperty(t,"IconButton",{enumerable:!0,get:function(){return o.IconButton}}),t.default=n.IconButton},5579:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Skeleton=void 0;const n=r(5608).__importDefault(r(9155)),o=r(9003),a=r(4367),i=({className:e,style:t,height:r,width:i,borderRadius:c="0",...l})=>n.default.createElement("div",{className:[e,a.skeleton.classnames.base].filter(Boolean).join(" "),style:(0,o.assignInlineVars)({[a.vars.width]:i,[a.vars.height]:r,[a.vars.borderRadius]:c}),...l});t.Skeleton=i,i.displayName="Skeleton"},7940:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Skeleton=void 0;const n=r(5579);var o=r(5579);Object.defineProperty(t,"Skeleton",{enumerable:!0,get:function(){return o.Skeleton}}),t.default=n.Skeleton},4367:e=>{e.exports=t},9155:t=>{t.exports=e},5608:(e,t,r)=>{r.r(t),r.d(t,{__addDisposableResource:()=>N,__assign:()=>a,__asyncDelegator:()=>w,__asyncGenerator:()=>P,__asyncValues:()=>G,__await:()=>S,__awaiter:()=>y,__classPrivateFieldGet:()=>k,__classPrivateFieldIn:()=>x,__classPrivateFieldSet:()=>R,__createBinding:()=>v,__decorate:()=>c,__disposeResources:()=>M,__esDecorate:()=>s,__exportStar:()=>b,__extends:()=>o,__generator:()=>_,__importDefault:()=>T,__importStar:()=>D,__makeTemplateObject:()=>E,__metadata:()=>p,__param:()=>l,__propKey:()=>d,__read:()=>h,__rest:()=>i,__runInitializers:()=>u,__setFunctionName:()=>f,__spread:()=>g,__spreadArray:()=>j,__spreadArrays:()=>O,__values:()=>m,default:()=>V});var n=function(e,t){return n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])},n(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 r(){this.constructor=e}n(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}var a=function(){return a=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},a.apply(this,arguments)};function i(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}function c(e,t,r,n){var o,a=arguments.length,i=a<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,n);else for(var c=e.length-1;c>=0;c--)(o=e[c])&&(i=(a<3?o(i):a>3?o(t,r,i):o(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i}function l(e,t){return function(r,n){t(r,n,e)}}function s(e,t,r,n,o,a){function i(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var c,l=n.kind,s="getter"===l?"get":"setter"===l?"set":"value",u=!t&&e?n.static?e:e.prototype:null,d=t||(u?Object.getOwnPropertyDescriptor(u,n.name):{}),f=!1,p=r.length-1;p>=0;p--){var y={};for(var _ in n)y[_]="access"===_?{}:n[_];for(var _ in n.access)y.access[_]=n.access[_];y.addInitializer=function(e){if(f)throw new TypeError("Cannot add initializers after decoration has completed");a.push(i(e||null))};var v=(0,r[p])("accessor"===l?{get:d.get,set:d.set}:d[s],y);if("accessor"===l){if(void 0===v)continue;if(null===v||"object"!=typeof v)throw new TypeError("Object expected");(c=i(v.get))&&(d.get=c),(c=i(v.set))&&(d.set=c),(c=i(v.init))&&o.unshift(c)}else(c=i(v))&&("field"===l?o.unshift(c):d[s]=c)}u&&Object.defineProperty(u,n.name,d),f=!0}function u(e,t,r){for(var n=arguments.length>2,o=0;o<t.length;o++)r=n?t[o].call(e,r):t[o].call(e);return n?r:void 0}function d(e){return"symbol"==typeof e?e:"".concat(e)}function f(e,t,r){return"symbol"==typeof t&&(t=t.description?"[".concat(t.description,"]"):""),Object.defineProperty(e,"name",{configurable:!0,value:r?"".concat(r," ",t):t})}function p(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function y(e,t,r,n){return new(r||(r=Promise))((function(o,a){function i(e){try{l(n.next(e))}catch(e){a(e)}}function c(e){try{l(n.throw(e))}catch(e){a(e)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(i,c)}l((n=n.apply(e,t||[])).next())}))}function _(e,t){var r,n,o,a,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[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(l){return function(c){if(r)throw new TypeError("Generator is already executing.");for(;a&&(a=0,c[0]&&(i=0)),i;)try{if(r=1,n&&(o=2&c[0]?n.return:c[0]?n.throw||((o=n.return)&&o.call(n),0):n.next)&&!(o=o.call(n,c[1])).done)return o;switch(n=0,o&&(c=[2&c[0],o.value]),c[0]){case 0:case 1:o=c;break;case 4:return i.label++,{value:c[1],done:!1};case 5:i.label++,n=c[1],c=[0];continue;case 7:c=i.ops.pop(),i.trys.pop();continue;default:if(!(o=i.trys,(o=o.length>0&&o[o.length-1])||6!==c[0]&&2!==c[0])){i=0;continue}if(3===c[0]&&(!o||c[1]>o[0]&&c[1]<o[3])){i.label=c[1];break}if(6===c[0]&&i.label<o[1]){i.label=o[1],o=c;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(c);break}o[2]&&i.ops.pop(),i.trys.pop();continue}c=t.call(e,i)}catch(e){c=[6,e],n=0}finally{r=o=0}if(5&c[0])throw c[1];return{value:c[0]?c[1]:void 0,done:!0}}([c,l])}}}var v=Object.create?function(e,t,r,n){void 0===n&&(n=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,o)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]};function b(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||v(t,e,r)}function m(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function h(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i}function g(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(h(arguments[t]));return e}function O(){for(var e=0,t=0,r=arguments.length;t<r;t++)e+=arguments[t].length;var n=Array(e),o=0;for(t=0;t<r;t++)for(var a=arguments[t],i=0,c=a.length;i<c;i++,o++)n[o]=a[i];return n}function j(e,t,r){if(r||2===arguments.length)for(var n,o=0,a=t.length;o<a;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))}function S(e){return this instanceof S?(this.v=e,this):new S(e)}function P(e,t,r){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var n,o=r.apply(e,t||[]),a=[];return n={},i("next"),i("throw"),i("return"),n[Symbol.asyncIterator]=function(){return this},n;function i(e){o[e]&&(n[e]=function(t){return new Promise((function(r,n){a.push([e,t,r,n])>1||c(e,t)}))})}function c(e,t){try{(r=o[e](t)).value instanceof S?Promise.resolve(r.value.v).then(l,s):u(a[0][2],r)}catch(e){u(a[0][3],e)}var r}function l(e){c("next",e)}function s(e){c("throw",e)}function u(e,t){e(t),a.shift(),a.length&&c(a[0][0],a[0][1])}}function w(e){var t,r;return t={},n("next"),n("throw",(function(e){throw e})),n("return"),t[Symbol.iterator]=function(){return this},t;function n(n,o){t[n]=e[n]?function(t){return(r=!r)?{value:S(e[n](t)),done:!1}:o?o(t):t}:o}}function G(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,r=e[Symbol.asyncIterator];return r?r.call(e):(e=m(e),t={},n("next"),n("throw"),n("return"),t[Symbol.asyncIterator]=function(){return this},t);function n(r){t[r]=e[r]&&function(t){return new Promise((function(n,o){(function(e,t,r,n){Promise.resolve(n).then((function(t){e({value:t,done:r})}),t)})(n,o,(t=e[r](t)).done,t.value)}))}}}function E(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var I=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};function D(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&v(t,e,r);return I(t,e),t}function T(e){return e&&e.__esModule?e:{default:e}}function k(e,t,r,n){if("a"===r&&!n)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===r?n:"a"===r?n.call(e):n?n.value:t.get(e)}function R(e,t,r,n,o){if("m"===n)throw new TypeError("Private method is not writable");if("a"===n&&!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"===n?o.call(e,r):o?o.value=r:t.set(e,r),r}function x(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 N(e,t,r){if(null!=t){if("object"!=typeof t&&"function"!=typeof t)throw new TypeError("Object expected.");var n;if(r){if(!Symbol.asyncDispose)throw new TypeError("Symbol.asyncDispose is not defined.");n=t[Symbol.asyncDispose]}if(void 0===n){if(!Symbol.dispose)throw new TypeError("Symbol.dispose is not defined.");n=t[Symbol.dispose]}if("function"!=typeof n)throw new TypeError("Object not disposable.");e.stack.push({value:t,dispose:n,async:r})}else r&&e.stack.push({async:!0});return t}var C="function"==typeof SuppressedError?SuppressedError:function(e,t,r){var n=new Error(r);return n.name="SuppressedError",n.error=e,n.suppressed=t,n};function M(e){function t(t){e.error=e.hasError?new C(t,e.error,"An error was suppressed during disposal."):t,e.hasError=!0}return function r(){for(;e.stack.length;){var n=e.stack.pop();try{var o=n.dispose&&n.dispose.call(n.value);if(n.async)return Promise.resolve(o).then(r,(function(e){return t(e),r()}))}catch(e){t(e)}}if(e.hasError)throw e.error}()}const V={__extends:o,__assign:a,__rest:i,__decorate:c,__param:l,__metadata:p,__awaiter:y,__generator:_,__createBinding:v,__exportStar:b,__values:m,__read:h,__spread:g,__spreadArrays:O,__spreadArray:j,__await:S,__asyncGenerator:P,__asyncDelegator:w,__asyncValues:G,__makeTemplateObject:E,__importStar:D,__importDefault:T,__classPrivateFieldGet:k,__classPrivateFieldSet:R,__classPrivateFieldIn:x,__addDisposableResource:N,__disposeResources:M}}},n={};function o(e){var t=n[e];if(void 0!==t)return t.exports;var a=n[e]={exports:{}};return r[e](a,a.exports,o),a.exports}return o.d=(e,t)=>{for(var r in t)o.o(t,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},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(5107)})()));
package/dist/ScrollPane/index.d.ts CHANGED
@@ -58,6 +58,9 @@ declare const propertiesBox: {
58
58
  "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
59
59
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
60
60
  "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
61
+ /**
62
+ * The gridGap property sets the gaps between rows and columns. It is a shorthand for rowGap and columnGap.
63
+ */
61
64
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
62
65
  "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
63
66
  "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -82,6 +85,9 @@ declare const propertiesBox: {
82
85
  "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
83
86
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
84
87
  "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
88
+ /**
89
+ * The gridGap property sets the gaps between rows and columns. It is a shorthand for rowGap and columnGap.
90
+ */
85
91
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
86
92
  "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
87
93
  "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -198,10 +204,7 @@ declare const propertiesBox: {
198
204
  "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
199
205
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
200
206
  "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
201
- "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
202
- * The alignSelf property overrides a grid or flex item's align-items value. In Grid, it aligns the item inside the grid area.
203
- * In Flexbox, it aligns the item on the cross axis.
204
- */
207
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
205
208
  "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
206
209
  "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
207
210
  full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -227,6 +230,9 @@ declare const propertiesBox: {
227
230
  "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
228
231
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
229
232
  "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
233
+ /**
234
+ * The gridGap property sets the gaps between rows and columns. It is a shorthand for rowGap and columnGap.
235
+ */
230
236
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
231
237
  "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
232
238
  "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -250,6 +256,9 @@ declare const propertiesBox: {
250
256
  "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
251
257
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
252
258
  "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
259
+ /**
260
+ * The gridGap property sets the gaps between rows and columns. It is a shorthand for rowGap and columnGap.
261
+ */
253
262
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
254
263
  "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
255
264
  "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -314,6 +323,9 @@ declare const propertiesBox: {
314
323
  "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
315
324
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
316
325
  "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
326
+ /**
327
+ * The gridGap property sets the gaps between rows and columns. It is a shorthand for rowGap and columnGap.
328
+ */
317
329
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
318
330
  "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
319
331
  "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -343,6 +355,9 @@ declare const propertiesBox: {
343
355
  "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
344
356
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
345
357
  "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
358
+ /**
359
+ * The gridGap property sets the gaps between rows and columns. It is a shorthand for rowGap and columnGap.
360
+ */
346
361
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
347
362
  "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
348
363
  "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
package/dist/SegmentedControl/index.d.ts CHANGED
@@ -58,6 +58,9 @@ declare const propertiesBox: {
58
58
  "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
59
59
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
60
60
  "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
61
+ /**
62
+ * The gridGap property sets the gaps between rows and columns. It is a shorthand for rowGap and columnGap.
63
+ */
61
64
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
62
65
  "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
63
66
  "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -82,6 +85,9 @@ declare const propertiesBox: {
82
85
  "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
83
86
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
84
87
  "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
88
+ /**
89
+ * The gridGap property sets the gaps between rows and columns. It is a shorthand for rowGap and columnGap.
90
+ */
85
91
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
86
92
  "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
87
93
  "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -198,10 +204,7 @@ declare const propertiesBox: {
198
204
  "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
199
205
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
200
206
  "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
201
- "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
202
- * The alignSelf property overrides a grid or flex item's align-items value. In Grid, it aligns the item inside the grid area.
203
- * In Flexbox, it aligns the item on the cross axis.
204
- */
207
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
205
208
  "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
206
209
  "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
207
210
  full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -227,6 +230,9 @@ declare const propertiesBox: {
227
230
  "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
228
231
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
229
232
  "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
233
+ /**
234
+ * The gridGap property sets the gaps between rows and columns. It is a shorthand for rowGap and columnGap.
235
+ */
230
236
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
231
237
  "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
232
238
  "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -250,6 +256,9 @@ declare const propertiesBox: {
250
256
  "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
251
257
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
252
258
  "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
259
+ /**
260
+ * The gridGap property sets the gaps between rows and columns. It is a shorthand for rowGap and columnGap.
261
+ */
253
262
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
254
263
  "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
255
264
  "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -314,6 +323,9 @@ declare const propertiesBox: {
314
323
  "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
315
324
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
316
325
  "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
326
+ /**
327
+ * The gridGap property sets the gaps between rows and columns. It is a shorthand for rowGap and columnGap.
328
+ */
317
329
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
318
330
  "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
319
331
  "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -343,6 +355,9 @@ declare const propertiesBox: {
343
355
  "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
344
356
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
345
357
  "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
358
+ /**
359
+ * The gridGap property sets the gaps between rows and columns. It is a shorthand for rowGap and columnGap.
360
+ */
346
361
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
347
362
  "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
348
363
  "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;