@nimbus-ds/segmented-control 1.0.0 → 2.0.0

package/CHANGELOG.md

@@ -2,6 +2,16 @@
 
 The SegmentedControl component is a composite component that allows us to select one or more options from a list. 
 
+## 2025-07-28 `2.0.0`
+
+#### 🎉 Breaking changes
+
+- Using `id-based` indexation instead of `index-based` for the `SegmentedControl` component. Changed the API to use `id` instead of `indexes`.([#319](https://github.com/TiendaNube/nimbus-design-system/pull/319) by [@joacotornello](https://github.com/joacotornello))
+
+#### 🎉 New features
+
+- Improved SegmentedControl scalability by adding a new context system without breaking the existing API. Enhanced internal architecture for better performance and maintainability. ([#319](https://github.com/TiendaNube/nimbus-design-system/pull/319) by [@joacotornello](https://github.com/joacotornello))
+
 ## 2025-05-06 `1.0.0`
 
-- Initial release of the SegmentedControl component. ([#290](https://github.com/TiendaNube/nimbus-design-system/pull/290) by [@joacotornello](https://github.com/joacotornello))
+- Initial release of the SegmentedControl component. ([#290](https://github.com/TiendaNube/nimbus-design-system/pull/290) by [@joacotornello](https://github.com/joacotornello))

package/README.md

@@ -17,7 +17,7 @@ import { SegmentedControl } from "@nimbus-ds/segmented-control";
 const BasicExample = () => (
   <SegmentedControl>
     {["First", "Second", "Third"].map((name) => (
-      <SegmentedControl.Button key={name} label={name}>
+      <SegmentedControl.Button key={name} label={name} id={name}>
         {name}
       </SegmentedControl.Button>
     ))}
@@ -37,6 +37,7 @@ const ControlledExample = () => {
         <SegmentedControl.Button 
           key={name} 
           label={name}
+          id={name}
         >
           {name}
         </SegmentedControl.Button>
@@ -49,7 +50,7 @@ const ControlledExample = () => {
 const FullWidthExample = () => (
   <SegmentedControl fullWidth>
     {["First", "Second", "Third"].map((name) => (
-      <SegmentedControl.Button key={name} label={name}>
+      <SegmentedControl.Button key={name} label={name} id={name}>
         {name}
       </SegmentedControl.Button>
     ))}
@@ -64,4 +65,4 @@ const LoadingExample = () => (
 
 View docs [here](https://nimbus.nuvemshop.com.br/documentation/composite-components/segmented-control).
 
-<img alt="Nimbus" style="margin-bottom: 30px;" src="https://tiendanube.github.io/design-system-nimbus/static/media/nimbus-logo.ab60bd79.png" height="30" />
+<img alt="Nimbus" style="margin-bottom: 30px;" src="https://tiendanube.github.io/design-system-nimbus/static/media/nimbus-logo.ab60bd79.png" height="30" />

package/dist/CHANGELOG.md

@@ -2,6 +2,16 @@
 
 The SegmentedControl component is a composite component that allows us to select one or more options from a list. 
 
+## 2025-07-28 `2.0.0`
+
+#### 🎉 Breaking changes
+
+- Using `id-based` indexation instead of `index-based` for the `SegmentedControl` component. Changed the API to use `id` instead of `indexes`.([#319](https://github.com/TiendaNube/nimbus-design-system/pull/319) by [@joacotornello](https://github.com/joacotornello))
+
+#### 🎉 New features
+
+- Improved SegmentedControl scalability by adding a new context system without breaking the existing API. Enhanced internal architecture for better performance and maintainability. ([#319](https://github.com/TiendaNube/nimbus-design-system/pull/319) by [@joacotornello](https://github.com/joacotornello))
+
 ## 2025-05-06 `1.0.0`
 
-- Initial release of the SegmentedControl component. ([#290](https://github.com/TiendaNube/nimbus-design-system/pull/290) by [@joacotornello](https://github.com/joacotornello))
+- Initial release of the SegmentedControl component. ([#290](https://github.com/TiendaNube/nimbus-design-system/pull/290) by [@joacotornello](https://github.com/joacotornello))

package/dist/README.md

@@ -17,7 +17,7 @@ import { SegmentedControl } from "@nimbus-ds/segmented-control";
 const BasicExample = () => (
   <SegmentedControl>
     {["First", "Second", "Third"].map((name) => (
-      <SegmentedControl.Button key={name} label={name}>
+      <SegmentedControl.Button key={name} label={name} id={name}>
         {name}
       </SegmentedControl.Button>
     ))}
@@ -37,6 +37,7 @@ const ControlledExample = () => {
         <SegmentedControl.Button 
           key={name} 
           label={name}
+          id={name}
         >
           {name}
         </SegmentedControl.Button>
@@ -49,7 +50,7 @@ const ControlledExample = () => {
 const FullWidthExample = () => (
   <SegmentedControl fullWidth>
     {["First", "Second", "Third"].map((name) => (
-      <SegmentedControl.Button key={name} label={name}>
+      <SegmentedControl.Button key={name} label={name} id={name}>
         {name}
       </SegmentedControl.Button>
     ))}
@@ -64,4 +65,4 @@ const LoadingExample = () => (
 
 View docs [here](https://nimbus.nuvemshop.com.br/documentation/composite-components/segmented-control).
 
-<img alt="Nimbus" style="margin-bottom: 30px;" src="https://tiendanube.github.io/design-system-nimbus/static/media/nimbus-logo.ab60bd79.png" height="30" />
+<img alt="Nimbus" style="margin-bottom: 30px;" src="https://tiendanube.github.io/design-system-nimbus/static/media/nimbus-logo.ab60bd79.png" height="30" />

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 // Generated by dts-bundle-generator v7.2.0
 
 import React from 'react';
-import { ButtonHTMLAttributes, ComponentPropsWithRef, HTMLAttributes, PropsWithChildren, ReactElement, ReactNode } from 'react';
+import { ButtonHTMLAttributes, ComponentPropsWithRef, HTMLAttributes, PropsWithChildren, ReactNode } from 'react';
 
 export type Merge<P1 = {}, P2 = {}> = Omit<P1, keyof P2> & P2;
 export type ForwardRefExoticComponent<E, OwnProps> = React.ForwardRefExoticComponent<Merge<E extends React.ElementType ? React.ComponentPropsWithRef<E> : never, OwnProps & {
@@ -768,14 +768,14 @@ export interface SegmentedControlButtonSkeletonProps {
 }
 export type SegmentedControlButtonProperties = PropsWithChildren<{
 	/**
-	 * Label of the segment.
+	 * Unique identifier for the segment button.
+	 * Required for proper state management and accessibility.
 	 */
-	label: string;
+	id: string;
 	/**
-	 * Determines if segment is active.
-	 * @default false
+	 * Label of the segment used for accessibility.
 	 */
-	selected?: boolean;
+	label?: string;
 	/**
 	 * Determines if segment spans all available width.
 	 * @default false
@@ -791,9 +791,9 @@ declare const SegmentedControlButtonSkeleton: React.FC<SegmentedControlButtonSke
 export interface SegmentedControlBaseProps {
 	/**
 	 * The content of the segmented control.
-	 * @TJS-type ReactElement<SegmentedControlButtonProps | SegmentedControlButtonSkeletonProps>[];
+	 * Should contain SegmentedControlButton components with unique id props.
 	 */
-	children: ReactElement<SegmentedControlButtonProps | SegmentedControlButtonSkeletonProps>[];
+	children: ReactNode;
 	/**
 	 * Determines if segments span all available width.
 	 * @default false
@@ -809,15 +809,15 @@ export interface SegmentedControlComponents {
 }
 export interface ControlledSegmentedControlProperties extends SegmentedControlBaseProps {
 	/**
-	 * The currently selected segment indices.
+	 * The currently selected segment IDs.
 	 * Allows for single or multiple selection.
 	 */
-	selectedSegments: number[];
+	selectedSegments: string[];
 	/**
 	 * Callback fired when the selected segments change.
-	 * This will only be called if the change results in at least one selected segment.
+	 * @param selectedIds Array of selected segment IDs
 	 */
-	onSegmentsSelect: (indices: number[]) => void;
+	onSegmentsSelect: (selectedIds: string[]) => void;
 }
 /**
  * Props for the SegmentedControl component, supporting both controlled and uncontrolled modes
@@ -827,6 +827,37 @@ export type SegmentedControlProps = (SegmentedControlBaseProps | ControlledSegme
  * SegmentedControl component for grouped selection controls
  */
 export declare const SegmentedControl: React.FC<SegmentedControlProps> & SegmentedControlComponents;
+export interface SegmentedControlContextValue {
+	/**
+	 * Register a button with its unique identifier
+	 * @param id The unique identifier for the button
+	 */
+	registerButton: (id: string) => void;
+	/**
+	 * Unregister a button by its identifier
+	 * @param id The identifier of the button to unregister
+	 */
+	unregisterButton: (id: string) => void;
+	/**
+	 * Toggle a segment's state by ID
+	 * @param id The unique identifier of the segment to toggle
+	 */
+	toggleSegment: (id: string) => void;
+	/**
+	 * Check if a segment is currently selected by ID
+	 * @param id The unique identifier of the segment to check
+	 */
+	isSelected: (id: string) => boolean;
+	/**
+	 * Whether buttons should span full width
+	 */
+	fullWidth: boolean;
+}
+/**
+ * Hook to use SegmentedControl context with error if not found
+ * @throws Error if not within a SegmentedControl
+ */
+export declare const useSegmentedControlContext: () => SegmentedControlContextValue;
 
 export {
 	SegmentedControl as default,

package/dist/index.js

@@ -1,2 +1,2 @@
 "use client";
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@nimbus-ds/box"),require("@nimbus-ds/styles"),require("@nimbus-ds/skeleton")):"function"==typeof define&&define.amd?define(["react","@nimbus-ds/box","@nimbus-ds/styles","@nimbus-ds/skeleton"],t):"object"==typeof exports?exports["@nimbus-ds/segmented-control"]=t(require("react"),require("@nimbus-ds/box"),require("@nimbus-ds/styles"),require("@nimbus-ds/skeleton")):e["@nimbus-ds/segmented-control"]=t(e.react,e["@nimbus-ds/box"],e["@nimbus-ds/styles"],e["@nimbus-ds/skeleton"])}(global,((e,t,r,n)=>(()=>{"use strict";var o={480:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useRefObjectAsForwardedRef=void 0;const n=r(155);t.useRefObjectAsForwardedRef=function(e,t){(0,n.useImperativeHandle)(e,(()=>t.current))}},849:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SegmentedControl=void 0;const n=r(769).__importStar(r(155)),o=r(558),a=r(337),i=r(595),l=r(43),s=({children:e,fullWidth:t=!1,...r})=>{const[l,s]=(0,n.useState)([]),u=(0,i.isControlled)(r);(0,n.useEffect)((()=>{if(!u&&n.default.Children.count(e)>0){const t=[];n.default.Children.forEach(e,((e,r)=>{(0,i.isButton)(e.props)&&e.props.selected&&t.push(r)})),t.length>0&&s(t)}}),[e,u]);const c=(0,n.useMemo)((()=>u?r.selectedSegments:l),[u,l,r]),f=(0,n.useCallback)((e=>{const t=t=>{const r=[...t],n=r.indexOf(e);return-1!==n?(r.splice(n,1),r):(r.push(e),r)};if(u){const e=r;e.onSegmentsSelect&&e.onSegmentsSelect(t(c))}else s(t)}),[u,c,r]),{onSegmentsSelect:d,selectedSegments:p,...y}=r;return n.default.createElement(o.Box,{flexWrap:"wrap","aria-label":"Segmented control",role:"group","data-testid":"segmented-control-container",maxWidth:t?"100%":"fit-content",alignItems:"center",justifyContent:"center",...y,display:"flex",gap:"1",backgroundColor:"neutral-surface",borderRadius:"2"},n.default.Children.map(e,((e,r)=>{if((0,i.isButton)(e.props)){const{props:{children:o,...i}}=e,l=c.includes(r);return n.default.createElement(a.SegmentedControlButton,{...i,key:`segment-${i.label}`,selected:l,fullWidth:t,onClick:e=>{f(r),i.onClick?.(e)}},o)}return e})))};t.SegmentedControl=s,s.displayName="SegmentedControl",(s.Button=a.SegmentedControlButton).displayName="SegmentedControl.Button",(s.ButtonSkeleton=l.SegmentedControlButtonSkeleton).displayName="SegmentedControl.ButtonSkeleton"},454:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SegmentedControlButton=void 0;const n=r(769).__importStar(r(155)),o=r(480),a=r(367),i=r(595),l=r(43),s=(0,n.forwardRef)((({className:e,style:t,as:r="button",label:l,selected:s=!1,disabled:u=!1,fullWidth:c=!1,children:f,...d},p)=>{const y=(0,n.useRef)(null);(0,o.useRefObjectAsForwardedRef)(p,y),(0,n.useImperativeHandle)(p,(()=>y?.current)),(0,n.useEffect)((()=>{!y.current||y.current instanceof HTMLAnchorElement||y.current instanceof HTMLButtonElement||console.error("Error: Found `SegmentedControlButton` component that renders an inaccessible element",y.current,"Please ensure `SegmentedControlButton` always renders as <a> or <button>")}),[y]);const _=(0,i.generateID)(l),{classnames:m}=a.segmentedControl.subcomponents.button,b=[m.appearance[s?"selected":"default"]].concat(c&&m.fullWidth?m.fullWidth:"").filter(Boolean).join(" ");return n.default.createElement(r,{id:`segment-${_}`,role:"button",...d,className:b,"aria-pressed":s,disabled:u,ref:y},f)}));t.SegmentedControlButton=s,s.Skeleton=l.SegmentedControlButtonSkeleton,s.Skeleton.displayName="SegmentedControlButton.Skeleton"},43:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SegmentedControlButtonSkeleton=void 0;const n=r(769).__importDefault(r(155)),o=r(334);t.SegmentedControlButtonSkeleton=({width:e="100%",height:t="2rem",...r})=>n.default.createElement(o.Skeleton,{width:e,height:t,borderRadius:"0.5rem",...r})},207:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SegmentedControlButtonSkeleton=void 0;const n=r(43);var o=r(43);Object.defineProperty(t,"SegmentedControlButtonSkeleton",{enumerable:!0,get:function(){return o.SegmentedControlButtonSkeleton}}),t.default=n.SegmentedControlButtonSkeleton},76:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0});r(769).__exportStar(r(207),t)},611:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SegmentedControlButton=t.SegmentedControlButtonSkeleton=void 0;const n=r(454);var o=r(76);Object.defineProperty(t,"SegmentedControlButtonSkeleton",{enumerable:!0,get:function(){return o.SegmentedControlButtonSkeleton}});var a=r(454);Object.defineProperty(t,"SegmentedControlButton",{enumerable:!0,get:function(){return a.SegmentedControlButton}}),t.default=n.SegmentedControlButton},337:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0});r(769).__exportStar(r(611),t)},595:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.isButton=t.isControlled=t.generateID=void 0;t.generateID=e=>e.toLowerCase().replace(" ","-");t.isControlled=e=>"selectedSegments"in e&&"onSegmentsSelect"in e;t.isButton=e=>"label"in e},558:e=>{e.exports=t},334:e=>{e.exports=n},367:e=>{e.exports=r},155:t=>{t.exports=e},769:(e,t,r)=>{r.r(t),r.d(t,{__addDisposableResource:()=>M,__assign:()=>a,__asyncDelegator:()=>P,__asyncGenerator:()=>j,__asyncValues:()=>C,__await:()=>O,__awaiter:()=>y,__classPrivateFieldGet:()=>T,__classPrivateFieldIn:()=>I,__classPrivateFieldSet:()=>R,__createBinding:()=>m,__decorate:()=>l,__disposeResources:()=>A,__esDecorate:()=>u,__exportStar:()=>b,__extends:()=>o,__generator:()=>_,__importDefault:()=>B,__importStar:()=>E,__makeTemplateObject:()=>x,__metadata:()=>p,__param:()=>s,__propKey:()=>f,__read:()=>h,__rest:()=>i,__runInitializers:()=>c,__setFunctionName:()=>d,__spread:()=>g,__spreadArray:()=>w,__spreadArrays:()=>S,__values:()=>v,default:()=>F});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 l(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 l=e.length-1;l>=0;l--)(o=e[l])&&(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 s(e,t){return function(r,n){t(r,n,e)}}function u(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 l,s=n.kind,u="getter"===s?"get":"setter"===s?"set":"value",c=!t&&e?n.static?e:e.prototype:null,f=t||(c?Object.getOwnPropertyDescriptor(c,n.name):{}),d=!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(d)throw new TypeError("Cannot add initializers after decoration has completed");a.push(i(e||null))};var m=(0,r[p])("accessor"===s?{get:f.get,set:f.set}:f[u],y);if("accessor"===s){if(void 0===m)continue;if(null===m||"object"!=typeof m)throw new TypeError("Object expected");(l=i(m.get))&&(f.get=l),(l=i(m.set))&&(f.set=l),(l=i(m.init))&&o.unshift(l)}else(l=i(m))&&("field"===s?o.unshift(l):f[u]=l)}c&&Object.defineProperty(c,n.name,f),d=!0}function c(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 f(e){return"symbol"==typeof e?e:"".concat(e)}function d(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{s(n.next(e))}catch(e){a(e)}}function l(e){try{s(n.throw(e))}catch(e){a(e)}}function s(e){var t;e.done?o(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(i,l)}s((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:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function l(l){return function(s){return function(l){if(r)throw new TypeError("Generator is already executing.");for(;a&&(a=0,l[0]&&(i=0)),i;)try{if(r=1,n&&(o=2&l[0]?n.return:l[0]?n.throw||((o=n.return)&&o.call(n),0):n.next)&&!(o=o.call(n,l[1])).done)return o;switch(n=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++,n=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],n=0}finally{r=o=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,s])}}}var m=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)||m(t,e,r)}function v(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 S(){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,l=a.length;i<l;i++,o++)n[o]=a[i];return n}function w(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 O(e){return this instanceof O?(this.v=e,this):new O(e)}function j(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||l(e,t)}))})}function l(e,t){try{(r=o[e](t)).value instanceof O?Promise.resolve(r.value.v).then(s,u):c(a[0][2],r)}catch(e){c(a[0][3],e)}var r}function s(e){l("next",e)}function u(e){l("throw",e)}function c(e,t){e(t),a.shift(),a.length&&l(a[0][0],a[0][1])}}function P(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:O(e[n](t)),done:!1}:o?o(t):t}:o}}function C(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,r=e[Symbol.asyncIterator];return r?r.call(e):(e=v(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 x(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 E(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)&&m(t,e,r);return k(t,e),t}function B(e){return e&&e.__esModule?e:{default:e}}function T(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 I(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 M(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 D="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 A(e){function t(t){e.error=e.hasError?new D(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 F={__extends:o,__assign:a,__rest:i,__decorate:l,__param:s,__metadata:p,__awaiter:y,__generator:_,__createBinding:m,__exportStar:b,__values:v,__read:h,__spread:g,__spreadArrays:S,__spreadArray:w,__await:O,__asyncGenerator:j,__asyncDelegator:P,__asyncValues:C,__makeTemplateObject:x,__importStar:E,__importDefault:B,__classPrivateFieldGet:T,__classPrivateFieldSet:R,__classPrivateFieldIn:I,__addDisposableResource:M,__disposeResources:A}}},a={};function i(e){var t=a[e];if(void 0!==t)return t.exports;var r=a[e]={exports:{}};return o[e](r,r.exports,i),r.exports}i.d=(e,t)=>{for(var r in t)i.o(t,r)&&!i.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var l={};return(()=>{var e=l;Object.defineProperty(e,"__esModule",{value:!0}),e.SegmentedControl=void 0;const t=i(849);var r=i(849);Object.defineProperty(e,"SegmentedControl",{enumerable:!0,get:function(){return r.SegmentedControl}}),e.default=t.SegmentedControl})(),l})()));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@nimbus-ds/box"),require("@nimbus-ds/styles"),require("@nimbus-ds/skeleton")):"function"==typeof define&&define.amd?define(["react","@nimbus-ds/box","@nimbus-ds/styles","@nimbus-ds/skeleton"],t):"object"==typeof exports?exports["@nimbus-ds/segmented-control"]=t(require("react"),require("@nimbus-ds/box"),require("@nimbus-ds/styles"),require("@nimbus-ds/skeleton")):e["@nimbus-ds/segmented-control"]=t(e.react,e["@nimbus-ds/box"],e["@nimbus-ds/styles"],e["@nimbus-ds/skeleton"])}(global,((e,t,n,r)=>(()=>{"use strict";var o={480:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useRefObjectAsForwardedRef=void 0;const r=n(155);t.useRefObjectAsForwardedRef=function(e,t){(0,r.useImperativeHandle)(e,(()=>t.current))}},849:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SegmentedControl=void 0;const r=n(769).__importStar(n(155)),o=n(558),a=n(337),i=n(595),l=n(43),u=n(142),s=({children:e,fullWidth:t=!1,...n})=>{const[a,l]=(0,r.useState)([]),s=(0,r.useRef)(new Set),c=(0,i.isControlled)(n),d=(0,r.useMemo)((()=>c?n.selectedSegments:a),[c,a,n]),f=(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(d))}else l(t)}),[c,d,n]),p=(0,r.useCallback)((e=>{s.current.add(e)}),[]),y=(0,r.useCallback)((e=>{s.current.delete(e)}),[]),m=(0,r.useCallback)((e=>d.includes(e)),[d]),b=(0,r.useMemo)((()=>({registerButton:p,unregisterButton:y,toggleSegment:f,isSelected:m,fullWidth:t})),[p,y,f,m,t]),{onSegmentsSelect:_,selectedSegments:g,...v}=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",...v,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"},454:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SegmentedControlButton=void 0;const r=n(769).__importStar(n(155)),o=n(480),a=n(367),i=n(43),l=n(142),u=(0,r.forwardRef)((({className:e,style:t,as:n="button",id:i,label:u,disabled:s=!1,fullWidth:c=!1,children:d,onClick:f,...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),g=b?b.fullWidth:c,{classnames:v}=a.segmentedControl.subcomponents.button,S=[v.appearance[_?"selected":"default"]].concat(g?v.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),f?.(e)},ref:m},d)}));t.SegmentedControlButton=u,u.Skeleton=i.SegmentedControlButtonSkeleton,u.Skeleton.displayName="SegmentedControlButton.Skeleton"},43:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SegmentedControlButtonSkeleton=void 0;const r=n(769).__importDefault(n(155)),o=n(334);t.SegmentedControlButtonSkeleton=({width:e="100%",height:t="2rem",...n})=>r.default.createElement(o.Skeleton,{width:e,height:t,borderRadius:"0.5rem",...n})},207:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SegmentedControlButtonSkeleton=void 0;const r=n(43);var o=n(43);Object.defineProperty(t,"SegmentedControlButtonSkeleton",{enumerable:!0,get:function(){return o.SegmentedControlButtonSkeleton}}),t.default=r.SegmentedControlButtonSkeleton},76:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0});n(769).__exportStar(n(207),t)},611:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SegmentedControlButton=t.SegmentedControlButtonSkeleton=void 0;const r=n(454);var o=n(76);Object.defineProperty(t,"SegmentedControlButtonSkeleton",{enumerable:!0,get:function(){return o.SegmentedControlButtonSkeleton}});var a=n(454);Object.defineProperty(t,"SegmentedControlButton",{enumerable:!0,get:function(){return a.SegmentedControlButton}}),t.default=r.SegmentedControlButton},337:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0});n(769).__exportStar(n(611),t)},898:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useSegmentedControlContext=t.SegmentedControlContext=void 0;const r=n(155);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}},142:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useSegmentedControlContext=t.SegmentedControlContext=void 0;var r=n(898);Object.defineProperty(t,"SegmentedControlContext",{enumerable:!0,get:function(){return r.SegmentedControlContext}}),Object.defineProperty(t,"useSegmentedControlContext",{enumerable:!0,get:function(){return r.useSegmentedControlContext}})},595:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.isControlled=void 0;t.isControlled=e=>"selectedSegments"in e&&"onSegmentsSelect"in e},558:e=>{e.exports=t},334:e=>{e.exports=r},367:e=>{e.exports=n},155:t=>{t.exports=e},769:(e,t,n)=>{n.r(t),n.d(t,{__addDisposableResource:()=>I,__assign:()=>a,__asyncDelegator:()=>j,__asyncGenerator:()=>O,__asyncValues:()=>x,__await:()=>C,__awaiter:()=>y,__classPrivateFieldGet:()=>T,__classPrivateFieldIn:()=>R,__classPrivateFieldSet:()=>M,__createBinding:()=>b,__decorate:()=>l,__disposeResources:()=>A,__esDecorate:()=>s,__exportStar:()=>_,__extends:()=>o,__generator:()=>m,__importDefault:()=>B,__importStar:()=>E,__makeTemplateObject:()=>P,__metadata:()=>p,__param:()=>u,__propKey:()=>d,__read:()=>v,__rest:()=>i,__runInitializers:()=>c,__setFunctionName:()=>f,__spread:()=>S,__spreadArray:()=>w,__spreadArrays:()=>h,__values:()=>g,default:()=>F});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,d=t||(c?Object.getOwnPropertyDescriptor(c,r.name):{}),f=!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(f)throw new TypeError("Cannot add initializers after decoration has completed");a.push(i(e||null))};var b=(0,n[p])("accessor"===u?{get:d.get,set:d.set}:d[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))&&(d.get=l),(l=i(b.set))&&(d.set=l),(l=i(b.init))&&o.unshift(l)}else(l=i(b))&&("field"===u?o.unshift(l):d[s]=l)}c&&Object.defineProperty(c,r.name,d),f=!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 d(e){return"symbol"==typeof e?e:"".concat(e)}function f(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 g(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 v(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(v(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 C(e){return this instanceof C?(this.v=e,this):new C(e)}function O(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 C?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 j(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:C(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=g(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 E(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 B(e){return e&&e.__esModule?e:{default:e}}function T(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 M(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 R(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 I(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 D="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 A(e){function t(t){e.error=e.hasError?new D(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 F={__extends:o,__assign:a,__rest:i,__decorate:l,__param:u,__metadata:p,__awaiter:y,__generator:m,__createBinding:b,__exportStar:_,__values:g,__read:v,__spread:S,__spreadArrays:h,__spreadArray:w,__await:C,__asyncGenerator:O,__asyncDelegator:j,__asyncValues:x,__makeTemplateObject:P,__importStar:E,__importDefault:B,__classPrivateFieldGet:T,__classPrivateFieldSet:M,__classPrivateFieldIn:R,__addDisposableResource:I,__disposeResources:A}}},a={};function i(e){var t=a[e];if(void 0!==t)return t.exports;var n=a[e]={exports:{}};return o[e](n,n.exports,i),n.exports}i.d=(e,t)=>{for(var n in t)i.o(t,n)&&!i.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var l={};return(()=>{var e=l;Object.defineProperty(e,"__esModule",{value:!0}),e.useSegmentedControlContext=e.SegmentedControl=void 0;const t=i(849);var n=i(849);Object.defineProperty(e,"SegmentedControl",{enumerable:!0,get:function(){return n.SegmentedControl}});var r=i(142);Object.defineProperty(e,"useSegmentedControlContext",{enumerable:!0,get:function(){return r.useSegmentedControlContext}}),e.default=t.SegmentedControl})(),l})()));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nimbus-ds/segmented-control",
-  "version": "1.0.0",
+  "version": "2.0.0",
   "license": "MIT",
   "main": "dist/index.js",
   "files": [
@@ -15,12 +15,12 @@
   },
   "dependencies": {
     "@nimbus-ds/box": "^4.2.0",
-    "@nimbus-ds/button": "^2.6.0",
+    "@nimbus-ds/button": "^2.6.1",
     "@nimbus-ds/skeleton": "^3.0.1",
     "@nimbus-ds/typings": "^1.2.1"
   },
   "peerDependencies": {
-    "@nimbus-ds/styles": "^9.15.0",
+    "@nimbus-ds/styles": "^9.18.0",
     "react": "^16.8 || ^17.0 || ^18.0",
     "react-dom": "^16.8 || ^17.0 || ^18.0"
   },
@@ -34,8 +34,8 @@
   },
   "devDependencies": {
     "@nimbus-ds/badge": "^3.1.2",
-    "@nimbus-ds/icon": "^3.0.1",
-    "@nimbus-ds/icons": "^1.8.0",
+    "@nimbus-ds/icon": "^3.1.0",
+    "@nimbus-ds/icons": "^1.11.0",
     "@nimbus-ds/tooltip": "^2.6.0",
     "@nimbus-ds/webpack": "^1.5.1"
   }