@jobber/components 5.47.2-node22-3bf0edd.3 → 5.48.0

package/dist/{Option-ByS7mqmb.js → Option-DfX9rnPv.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var FormField = require('./FormField-BvygFMRj.js');
+var FormField = require('./FormField-PHgx6761.js');
 
 function Select(props) {
     return React.createElement(FormField.FormField, Object.assign({ type: "select" }, props));

package/dist/{Option-CCPjJXI-.js → Option-qkQ-BNaQ.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { F as FormField } from './FormField-DNuwdPUp.js';
+import { F as FormField } from './FormField-CgGWp5P6.js';
 
 function Select(props) {
     return React.createElement(FormField, Object.assign({ type: "select" }, props));

package/dist/Page/index.cjs

@@ -1,36 +1,36 @@
 'use strict';
 
-var Page = require('../Page-BHw2s0mu.js');
+var Page = require('../Page-Coz4Im_T.js');
 require('react');
 require('classnames');
-require('../useResizeObserver-Be7RP5UO.js');
-require('../_commonjsHelpers-DExf2qrD.js');
-require('../throttle-Bt09yP5z.js');
-require('../debounce-D9u3Agu1.js');
-require('../isObjectLike-QNoGXcHn.js');
-require('../isSymbol-CS3tuVu3.js');
-require('../Heading-BiJmJ2IL.js');
-require('../Typography-CC6Wlf-w.js');
-require('../Text-CkldiSG0.js');
-require('../Content-JCMxqUQE.js');
-require('../Markdown-DYh6Rq-T.js');
-require('../Emphasis-BA075RpR.js');
-require('../index-Z7zMM6mw.js');
-require('../_polyfill-node.process-bzOhO7YA.js');
-require('../Button-DxfeGu4R.js');
+require('../useResizeObserver-X3O15qxM.js');
+require('../_commonjsHelpers-BcKGCMEL.js');
+require('../throttle-C_g3CGcm.js');
+require('../debounce-CYA4gdCZ.js');
+require('../isObjectLike-BANyPuJb.js');
+require('../isSymbol-BWWxLFr8.js');
+require('../Heading-za4Dw-6o.js');
+require('../Typography-C4fbR1a0.js');
+require('../Text-BxX9FBFd.js');
+require('../Content-JYep8UO3.js');
+require('../Markdown-Bn1WGZZU.js');
+require('../Emphasis-pp7CIAn5.js');
+require('../index-CuxLywQ7.js');
+require('../_polyfill-node.process-Bl4GAOX1.js');
+require('../Button-CGLBoWce.js');
 require('react-router-dom');
-require('../Icon-DoJfrsRS.js');
+require('../Icon-BTLL7Wz9.js');
 require('@jobber/design');
-require('../Menu-D82VBOwG.js');
+require('../Menu-BKRozNxJ.js');
 require('framer-motion');
-require('../useOnKeyDown-Dp7TxntA.js');
-require('../useRefocusOnActivator-D_ECi3lb.js');
+require('../useOnKeyDown-C9h4yfc5.js');
+require('../useRefocusOnActivator-TE91eaJT.js');
 require('react-popper');
-require('../useIsMounted-Bi0La1B1.js');
-require('../useSafeLayoutEffect-CgGaaJeZ.js');
+require('../useIsMounted-ChYKE94d.js');
+require('../useSafeLayoutEffect-C_yR-uUW.js');
 require('react-dom');
-require('../useFocusTrap-5pyS1BZn.js');
-require('../useFormFieldFocus-kEtGYF6T.js');
+require('../useFocusTrap-BsjOLdm9.js');
+require('../useFormFieldFocus-BbdJBcvb.js');
 
 
 

package/dist/Page/index.mjs

@@ -1,31 +1,31 @@
-export { P as Page } from '../Page-UheTZBE5.js';
+export { P as Page } from '../Page-CU0LP6nz.js';
 import 'react';
 import 'classnames';
-import '../useResizeObserver-K9l0U2-E.js';
-import '../_commonjsHelpers-DQl_W0a7.js';
-import '../throttle-Bn4TEGUr.js';
-import '../debounce-DUQWMYcy.js';
-import '../isObjectLike-DLHXQEHP.js';
-import '../isSymbol-BT7PTeyI.js';
-import '../Heading-BCtcG678.js';
-import '../Typography-CYqJpEn3.js';
-import '../Text-BEZOU-Gp.js';
-import '../Content-DoTU3QXw.js';
-import '../Markdown-Ewb1mpqM.js';
-import '../Emphasis-fMBYZrHK.js';
-import '../index-nBHrMV4v.js';
-import '../_polyfill-node.process-B--oHnur.js';
-import '../Button-C4yZB1Zw.js';
+import '../useResizeObserver-B-5LaHRk.js';
+import '../_commonjsHelpers-o6SmX22J.js';
+import '../throttle-fRfXWBF1.js';
+import '../debounce-Cw7bUsin.js';
+import '../isObjectLike-DGb6EUYu.js';
+import '../isSymbol-CNurcTNM.js';
+import '../Heading-AE_DxPGo.js';
+import '../Typography-gtp9W0fd.js';
+import '../Text-BhIeVqPB.js';
+import '../Content-CTBMa2D-.js';
+import '../Markdown-kaCCMTUR.js';
+import '../Emphasis-BhDmobje.js';
+import '../index-CJwbAaUg.js';
+import '../_polyfill-node.process-BOmcji4u.js';
+import '../Button-DzAm_u3u.js';
 import 'react-router-dom';
-import '../Icon-0Fmz2CT3.js';
+import '../Icon-BgkCTP9P.js';
 import '@jobber/design';
-import '../Menu-CmVhHvUw.js';
+import '../Menu-C62bcDau.js';
 import 'framer-motion';
-import '../useOnKeyDown-D2AWgglp.js';
-import '../useRefocusOnActivator-Dj1lhA0Z.js';
+import '../useOnKeyDown-1N_mUhQs.js';
+import '../useRefocusOnActivator-Bmd6Umf2.js';
 import 'react-popper';
-import '../useIsMounted-xpViMY_G.js';
-import '../useSafeLayoutEffect-DgyNgWc0.js';
+import '../useIsMounted-ClEqUmNU.js';
+import '../useSafeLayoutEffect-Fe9H_GB8.js';
 import 'react-dom';
-import '../useFocusTrap-ImW4pEJz.js';
-import '../useFormFieldFocus-D6b3xyQf.js';
+import '../useFocusTrap-5eIndTzH.js';
+import '../useFormFieldFocus-BJcQYxlm.js';

package/dist/{Page-UheTZBE5.js → Page-CU0LP6nz.js}

@@ -1,13 +1,13 @@
 import React from 'react';
 import classnames from 'classnames';
-import { u as useResizeObserver } from './useResizeObserver-K9l0U2-E.js';
-import { H as Heading } from './Heading-BCtcG678.js';
-import { T as Text } from './Text-BEZOU-Gp.js';
-import { C as Content } from './Content-DoTU3QXw.js';
-import { M as Markdown } from './Markdown-Ewb1mpqM.js';
-import { B as Button } from './Button-C4yZB1Zw.js';
-import { M as Menu } from './Menu-CmVhHvUw.js';
-import { E as Emphasis } from './Emphasis-fMBYZrHK.js';
+import { u as useResizeObserver } from './useResizeObserver-B-5LaHRk.js';
+import { H as Heading } from './Heading-AE_DxPGo.js';
+import { T as Text } from './Text-BhIeVqPB.js';
+import { C as Content } from './Content-CTBMa2D-.js';
+import { M as Markdown } from './Markdown-kaCCMTUR.js';
+import { B as Button } from './Button-DzAm_u3u.js';
+import { M as Menu } from './Menu-C62bcDau.js';
+import { E as Emphasis } from './Emphasis-BhDmobje.js';
 
 var styles = {"page":"BLYnKItuM3c-","fill":"n5WRRhMkoLs-","standard":"WziKEWW9nA8-","narrow":"qgGzgDyS2NY-","titleBar":"lbmoDvdtQO4-","titleRow":"k9y5NuqTcks-","actionGroup":"_7t53-bnzh98-","large":"SH0aNOLVhE8-","medium":"Lc7Z0FsBa6w-","small":"iF5IA1SYKoA-","primaryAction":"g-H7CKkX-LA-","actionButton":"RSP7jHjP-mw-","subtitle":"EqsNMrZVL-8-","spinning":"MJZVhEmx6h4-"};
 

package/dist/{Page-BHw2s0mu.js → Page-Coz4Im_T.js}

@@ -2,14 +2,14 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var useResizeObserver = require('./useResizeObserver-Be7RP5UO.js');
-var Heading = require('./Heading-BiJmJ2IL.js');
-var Text = require('./Text-CkldiSG0.js');
-var Content = require('./Content-JCMxqUQE.js');
-var Markdown = require('./Markdown-DYh6Rq-T.js');
-var Button = require('./Button-DxfeGu4R.js');
-var Menu = require('./Menu-D82VBOwG.js');
-var Emphasis = require('./Emphasis-BA075RpR.js');
+var useResizeObserver = require('./useResizeObserver-X3O15qxM.js');
+var Heading = require('./Heading-za4Dw-6o.js');
+var Text = require('./Text-BxX9FBFd.js');
+var Content = require('./Content-JYep8UO3.js');
+var Markdown = require('./Markdown-Bn1WGZZU.js');
+var Button = require('./Button-CGLBoWce.js');
+var Menu = require('./Menu-BKRozNxJ.js');
+var Emphasis = require('./Emphasis-pp7CIAn5.js');
 
 var styles = {"page":"BLYnKItuM3c-","fill":"n5WRRhMkoLs-","standard":"WziKEWW9nA8-","narrow":"qgGzgDyS2NY-","titleBar":"lbmoDvdtQO4-","titleRow":"k9y5NuqTcks-","actionGroup":"_7t53-bnzh98-","large":"SH0aNOLVhE8-","medium":"Lc7Z0FsBa6w-","small":"iF5IA1SYKoA-","primaryAction":"g-H7CKkX-LA-","actionButton":"RSP7jHjP-mw-","subtitle":"EqsNMrZVL-8-","spinning":"MJZVhEmx6h4-"};
 

package/dist/Popover/index.cjs

@@ -1,16 +1,16 @@
 'use strict';
 
-var Popover = require('../Popover-CDr4oOqu.js');
+var Popover = require('../Popover-BOhK-PJU.js');
 require('react');
 require('react-popper');
-require('../useRefocusOnActivator-D_ECi3lb.js');
-require('../ButtonDismiss-BjsJ4kne.js');
-require('../Button-DxfeGu4R.js');
+require('../useRefocusOnActivator-TE91eaJT.js');
+require('../ButtonDismiss-DDrNGWZ8.js');
+require('../Button-CGLBoWce.js');
 require('classnames');
 require('react-router-dom');
-require('../Icon-DoJfrsRS.js');
+require('../Icon-BTLL7Wz9.js');
 require('@jobber/design');
-require('../Typography-CC6Wlf-w.js');
+require('../Typography-C4fbR1a0.js');
 
 
 

package/dist/Popover/index.mjs

@@ -1,11 +1,11 @@
-export { P as Popover } from '../Popover-BLcUKnZq.js';
+export { P as Popover } from '../Popover-BXSrsTGJ.js';
 import 'react';
 import 'react-popper';
-import '../useRefocusOnActivator-Dj1lhA0Z.js';
-import '../ButtonDismiss-BG0xJXVX.js';
-import '../Button-C4yZB1Zw.js';
+import '../useRefocusOnActivator-Bmd6Umf2.js';
+import '../ButtonDismiss-BLQD9Nc9.js';
+import '../Button-DzAm_u3u.js';
 import 'classnames';
 import 'react-router-dom';
-import '../Icon-0Fmz2CT3.js';
+import '../Icon-BgkCTP9P.js';
 import '@jobber/design';
-import '../Typography-CYqJpEn3.js';
+import '../Typography-gtp9W0fd.js';

package/dist/{Popover-CDr4oOqu.js → Popover-BOhK-PJU.js}

@@ -2,8 +2,8 @@
 
 var React = require('react');
 var reactPopper = require('react-popper');
-var useRefocusOnActivator = require('./useRefocusOnActivator-D_ECi3lb.js');
-var ButtonDismiss = require('./ButtonDismiss-BjsJ4kne.js');
+var useRefocusOnActivator = require('./useRefocusOnActivator-TE91eaJT.js');
+var ButtonDismiss = require('./ButtonDismiss-DDrNGWZ8.js');
 
 var classes = {"popover":"rY8OtuArIi0-","header":"UI1AohefbSo-","dismissButton":"HyA0TM5soDM-","arrow":"uClo-5-xhAc-","spinning":"VA0ROLmpLPs-"};
 

package/dist/{Popover-BLcUKnZq.js → Popover-BXSrsTGJ.js}

@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
 import { usePopper } from 'react-popper';
-import { u as useRefocusOnActivator_2 } from './useRefocusOnActivator-Dj1lhA0Z.js';
-import { B as ButtonDismiss } from './ButtonDismiss-BG0xJXVX.js';
+import { u as useRefocusOnActivator_2 } from './useRefocusOnActivator-Bmd6Umf2.js';
+import { B as ButtonDismiss } from './ButtonDismiss-BLQD9Nc9.js';
 
 var classes = {"popover":"rY8OtuArIi0-","header":"UI1AohefbSo-","dismissButton":"HyA0TM5soDM-","arrow":"uClo-5-xhAc-","spinning":"VA0ROLmpLPs-"};
 

package/dist/ProgressBar/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var ProgressBar = require('../ProgressBar-Bq7GQ0X2.js');
+var ProgressBar = require('../ProgressBar-Di4TBbHZ.js');
 require('react');
 require('classnames');
 

package/dist/ProgressBar/index.mjs

@@ -1,3 +1,3 @@
-export { P as ProgressBar } from '../ProgressBar-DdCFuJ8p.js';
+export { P as ProgressBar } from '../ProgressBar-CN8ph6cn.js';
 import 'react';
 import 'classnames';

package/dist/RadioGroup/index.cjs

@@ -1,9 +1,9 @@
 'use strict';
 
-var RadioGroup = require('../RadioGroup-CAHrXh4M.js');
+var RadioGroup = require('../RadioGroup-BatchINi.js');
 require('react');
-require('../Text-CkldiSG0.js');
-require('../Typography-CC6Wlf-w.js');
+require('../Text-BxX9FBFd.js');
+require('../Typography-C4fbR1a0.js');
 require('classnames');
 
 

package/dist/RadioGroup/index.mjs

@@ -1,5 +1,5 @@
-export { R as RadioGroup, a as RadioOption } from '../RadioGroup-DJ08J38I.js';
+export { R as RadioGroup, a as RadioOption } from '../RadioGroup-DjGvBXvk.js';
 import 'react';
-import '../Text-BEZOU-Gp.js';
-import '../Typography-CYqJpEn3.js';
+import '../Text-BhIeVqPB.js';
+import '../Typography-gtp9W0fd.js';
 import 'classnames';

package/dist/{RadioGroup-CAHrXh4M.js → RadioGroup-BatchINi.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var Text = require('./Text-CkldiSG0.js');
+var Text = require('./Text-BxX9FBFd.js');
 
 var styles = {"radioGroup":"KZfSK2vhTyI-","input":"w1Rr3bk2t5g-","label":"gN41T07x0l0-","description":"Ke2WKKuvmRo-","children":"JZOA-psW-FI-","spinning":"_54fzkHxkCbs-"};
 

package/dist/{RadioGroup-DJ08J38I.js → RadioGroup-DjGvBXvk.js}

@@ -1,5 +1,5 @@
 import React, { useId } from 'react';
-import { T as Text } from './Text-BEZOU-Gp.js';
+import { T as Text } from './Text-BhIeVqPB.js';
 
 var styles = {"radioGroup":"KZfSK2vhTyI-","input":"w1Rr3bk2t5g-","label":"gN41T07x0l0-","description":"Ke2WKKuvmRo-","children":"JZOA-psW-FI-","spinning":"_54fzkHxkCbs-"};
 

package/dist/RecurringSelect/components/index.cjs

@@ -1,10 +1,10 @@
 'use strict';
 
-var DayOfMonthSelect = require('../../DayOfMonthSelect-DL_WztkV.js');
+var DayOfMonthSelect = require('../../DayOfMonthSelect-DnBeRQa5.js');
 require('react');
-require('../../RadioGroup-CAHrXh4M.js');
-require('../../Text-CkldiSG0.js');
-require('../../Typography-CC6Wlf-w.js');
+require('../../RadioGroup-BatchINi.js');
+require('../../Text-BxX9FBFd.js');
+require('../../Typography-C4fbR1a0.js');
 require('classnames');
 
 

package/dist/RecurringSelect/components/index.mjs

@@ -1,6 +1,6 @@
-export { c as DayOfMonthSelect, b as MonthlyDayOfWeekSelect, M as MonthlySelect, a as WeeklySelect } from '../../DayOfMonthSelect-BVQQ-5RG.js';
+export { c as DayOfMonthSelect, b as MonthlyDayOfWeekSelect, M as MonthlySelect, a as WeeklySelect } from '../../DayOfMonthSelect-44YgRYks.js';
 import 'react';
-import '../../RadioGroup-DJ08J38I.js';
-import '../../Text-BEZOU-Gp.js';
-import '../../Typography-CYqJpEn3.js';
+import '../../RadioGroup-DjGvBXvk.js';
+import '../../Text-BhIeVqPB.js';
+import '../../Typography-gtp9W0fd.js';
 import 'classnames';

package/dist/RecurringSelect/index.cjs

@@ -1,27 +1,27 @@
 'use strict';
 
-var RecurringSelect = require('../RecurringSelect-B5LpKzVG.js');
-var DayOfMonthSelect = require('../DayOfMonthSelect-DL_WztkV.js');
+var RecurringSelect = require('../RecurringSelect-nRtsSfku.js');
+var DayOfMonthSelect = require('../DayOfMonthSelect-DnBeRQa5.js');
 require('react');
-require('../Text-CkldiSG0.js');
-require('../Typography-CC6Wlf-w.js');
+require('../Text-BxX9FBFd.js');
+require('../Typography-C4fbR1a0.js');
 require('classnames');
-require('../Option-ByS7mqmb.js');
-require('../FormField-BvygFMRj.js');
-require('../tslib.es6-BD42x80K.js');
+require('../Option-DfX9rnPv.js');
+require('../FormField-PHgx6761.js');
+require('../tslib.es6-DntXU5b7.js');
 require('react-hook-form');
 require('framer-motion');
 require('@jobber/design');
-require('../Button-DxfeGu4R.js');
+require('../Button-CGLBoWce.js');
 require('react-router-dom');
-require('../Icon-DoJfrsRS.js');
-require('../useFormFieldFocus-kEtGYF6T.js');
-require('../InputValidation-DrL_cRXm.js');
-require('../Spinner-BC1-fEl0.js');
-require('../InputNumber-DhU7Yj4z.js');
-require('../InputGroup-qTPdt8OK.js');
-require('../Content-JCMxqUQE.js');
-require('../RadioGroup-CAHrXh4M.js');
+require('../Icon-BTLL7Wz9.js');
+require('../useFormFieldFocus-BbdJBcvb.js');
+require('../InputValidation-04cmXl0c.js');
+require('../Spinner-tqkY3m6H.js');
+require('../InputNumber-qBZnX-iw.js');
+require('../InputGroup-C1vedG17.js');
+require('../Content-JYep8UO3.js');
+require('../RadioGroup-BatchINi.js');
 
 
 

package/dist/RecurringSelect/index.mjs

@@ -1,22 +1,22 @@
-export { R as RecurringSelect } from '../RecurringSelect-DCD4HcYy.js';
-export { D as DurationPeriod, W as WeekDay } from '../DayOfMonthSelect-BVQQ-5RG.js';
+export { R as RecurringSelect } from '../RecurringSelect-C_F37Ch1.js';
+export { D as DurationPeriod, W as WeekDay } from '../DayOfMonthSelect-44YgRYks.js';
 import 'react';
-import '../Text-BEZOU-Gp.js';
-import '../Typography-CYqJpEn3.js';
+import '../Text-BhIeVqPB.js';
+import '../Typography-gtp9W0fd.js';
 import 'classnames';
-import '../Option-CCPjJXI-.js';
-import '../FormField-DNuwdPUp.js';
-import '../tslib.es6-BkQUif_G.js';
+import '../Option-qkQ-BNaQ.js';
+import '../FormField-CgGWp5P6.js';
+import '../tslib.es6-8nmMmkl8.js';
 import 'react-hook-form';
 import 'framer-motion';
 import '@jobber/design';
-import '../Button-C4yZB1Zw.js';
+import '../Button-DzAm_u3u.js';
 import 'react-router-dom';
-import '../Icon-0Fmz2CT3.js';
-import '../useFormFieldFocus-D6b3xyQf.js';
-import '../InputValidation-K25vI8DN.js';
-import '../Spinner-DUFh6krZ.js';
-import '../InputNumber-XKxR5g0K.js';
-import '../InputGroup-DbgViAOS.js';
-import '../Content-DoTU3QXw.js';
-import '../RadioGroup-DJ08J38I.js';
+import '../Icon-BgkCTP9P.js';
+import '../useFormFieldFocus-BJcQYxlm.js';
+import '../InputValidation-Cw8s_Jxo.js';
+import '../Spinner-B0E-kLpK.js';
+import '../InputNumber-Gi637rbm.js';
+import '../InputGroup-C7oaL7hC.js';
+import '../Content-CTBMa2D-.js';
+import '../RadioGroup-DjGvBXvk.js';

package/dist/{RecurringSelect-DCD4HcYy.js → RecurringSelect-C_F37Ch1.js}

@@ -1,11 +1,11 @@
 import React from 'react';
-import { D as DurationPeriod, c as DayOfMonthSelect, b as MonthlyDayOfWeekSelect, a as WeeklySelect, i as isMonthly, M as MonthlySelect, t as typeInitialStateMap } from './DayOfMonthSelect-BVQQ-5RG.js';
-import { T as Text } from './Text-BEZOU-Gp.js';
+import { D as DurationPeriod, c as DayOfMonthSelect, b as MonthlyDayOfWeekSelect, a as WeeklySelect, i as isMonthly, M as MonthlySelect, t as typeInitialStateMap } from './DayOfMonthSelect-44YgRYks.js';
+import { T as Text } from './Text-BhIeVqPB.js';
 import 'classnames';
-import { S as Select, a as SelectOption } from './Option-CCPjJXI-.js';
-import { I as InputNumber } from './InputNumber-XKxR5g0K.js';
-import { I as InputGroup } from './InputGroup-DbgViAOS.js';
-import { C as Content } from './Content-DoTU3QXw.js';
+import { S as Select, a as SelectOption } from './Option-qkQ-BNaQ.js';
+import { I as InputNumber } from './InputNumber-Gi637rbm.js';
+import { I as InputGroup } from './InputGroup-C7oaL7hC.js';
+import { C as Content } from './Content-CTBMa2D-.js';
 
 function CurrentRecurrenceComponent({ recurrenceRule, disabled = false, onChange, }) {
     switch (recurrenceRule.type) {

package/dist/{RecurringSelect-B5LpKzVG.js → RecurringSelect-nRtsSfku.js}

@@ -1,13 +1,13 @@
 'use strict';
 
 var React = require('react');
-var DayOfMonthSelect = require('./DayOfMonthSelect-DL_WztkV.js');
-var Text = require('./Text-CkldiSG0.js');
+var DayOfMonthSelect = require('./DayOfMonthSelect-DnBeRQa5.js');
+var Text = require('./Text-BxX9FBFd.js');
 require('classnames');
-var Option = require('./Option-ByS7mqmb.js');
-var InputNumber = require('./InputNumber-DhU7Yj4z.js');
-var InputGroup = require('./InputGroup-qTPdt8OK.js');
-var Content = require('./Content-JCMxqUQE.js');
+var Option = require('./Option-DfX9rnPv.js');
+var InputNumber = require('./InputNumber-qBZnX-iw.js');
+var InputGroup = require('./InputGroup-C1vedG17.js');
+var Content = require('./Content-JYep8UO3.js');
 
 function CurrentRecurrenceComponent({ recurrenceRule, disabled = false, onChange, }) {
     switch (recurrenceRule.type) {

package/dist/SegmentedControl/SegmentedControl.d.ts

@@ -0,0 +1,35 @@
+import React, { type PropsWithChildren } from "react";
+import { SegmentedControlOption } from "./SegmentedControlOption";
+interface SegmentedControlProps<T> extends PropsWithChildren {
+    /**
+     * The currently selected option. Use this prop with `onSelectValue` for
+     * a controlled component.
+     */
+    readonly selectedValue?: T;
+    /**
+     * A callback function that is called whenever the selected option changes.
+     * Use this prop with `selectedValue` for a controlled component.
+     */
+    readonly onSelectValue?: (value: T) => void;
+    /**
+     * The default option to be selected initially.
+     * Set this prop when the component is uncontrolled.
+     */
+    readonly defaultValue?: T;
+    /**
+     * A unique name for the SegmentedControl, that links the group of
+     * options together. Can be a string or, if not set, will default to a generated
+     * id.
+     *
+     * @default useId()
+     */
+    readonly name?: string;
+}
+export declare function SegmentedControl<T>({ selectedValue, onSelectValue, defaultValue, children, name, }: SegmentedControlProps<T>): JSX.Element;
+export declare namespace SegmentedControl {
+    var Option: typeof SegmentedControlOption;
+    var Base: React.ForwardRefExoticComponent<{
+        children?: React.ReactNode;
+    } & React.RefAttributes<HTMLDivElement>>;
+}
+export {};

package/dist/SegmentedControl/SegmentedControlBase.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+declare const SegmentedControlBase: React.ForwardRefExoticComponent<{
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;
+export { SegmentedControlBase };

package/dist/SegmentedControl/SegmentedControlOption.d.ts

@@ -0,0 +1,14 @@
+import { PropsWithChildren } from "react";
+interface SegmentedControlOptionProps<TValue extends string | number> extends PropsWithChildren {
+    /**
+     * The unique value associated with this option. This value is used to determine
+     * which option is selected and is passed to the onSelectValue callback.
+     */
+    readonly value: TValue;
+    /**
+     * An aria-label that describes the option.
+     */
+    readonly ariaLabel?: string;
+}
+export declare function SegmentedControlOption<TValue extends string | number>({ value, children, ariaLabel, }: SegmentedControlOptionProps<TValue>): JSX.Element;
+export {};

package/dist/SegmentedControl/SegmentedControlProvider.d.ts

@@ -0,0 +1,16 @@
+import React, { ChangeEventHandler, PropsWithChildren } from "react";
+interface SegmentedControlProviderContext<T = unknown> {
+    handleChange: ChangeEventHandler<HTMLInputElement>;
+    selectedValue: T;
+    segmentedControlName?: string;
+}
+export declare const SegmentedControlContext: React.Context<SegmentedControlProviderContext<unknown>>;
+interface SegmentedControlProviderProps<T> extends PropsWithChildren {
+    readonly selectedValue?: T;
+    readonly onSelectValue?: (value: T) => void;
+    readonly defaultValue?: T;
+    readonly name?: string;
+}
+export declare const useSegmentedControl: <T>() => SegmentedControlProviderContext<T>;
+export declare function SegmentedControlProvider<T>({ children, selectedValue, onSelectValue, defaultValue, name, }: SegmentedControlProviderProps<T>): JSX.Element;
+export {};

package/dist/SegmentedControl/index.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+var SegmentedControl = require('../SegmentedControl-BUvykvcs.js');
+require('react');
+
+
+
+exports.SegmentedControl = SegmentedControl.SegmentedControl;
+exports.SegmentedControlContext = SegmentedControl.SegmentedControlContext;
+exports.SegmentedControlProvider = SegmentedControl.SegmentedControlProvider;
+exports.useSegmentedControl = SegmentedControl.useSegmentedControl;

package/dist/SegmentedControl/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./SegmentedControl";
+export * from "./SegmentedControlProvider";

package/dist/SegmentedControl/index.mjs

@@ -0,0 +1,2 @@
+export { S as SegmentedControl, a as SegmentedControlContext, b as SegmentedControlProvider, u as useSegmentedControl } from '../SegmentedControl-BHL66DsT.js';
+import 'react';

package/dist/SegmentedControl-BHL66DsT.js

@@ -0,0 +1,64 @@
+import React, { createContext, useContext, useState, useCallback, useRef, useMemo, useId, forwardRef, Children } from 'react';
+
+const SegmentedControlContext = createContext({
+    handleChange: () => ({}),
+    selectedValue: null,
+    segmentedControlName: "",
+});
+const useSegmentedControl = () => {
+    return useContext(SegmentedControlContext);
+};
+function SegmentedControlProvider({ children, selectedValue, onSelectValue, defaultValue, name, }) {
+    const isControlled = selectedValue !== undefined && onSelectValue !== undefined;
+    const [internalSelectedValue, setInternalSelectedValue] = useState(defaultValue);
+    const handleChange = useCallback(event => {
+        const value = event.target.value;
+        if (!isControlled) {
+            setInternalSelectedValue(value);
+        }
+        onSelectValue === null || onSelectValue === void 0 ? void 0 : onSelectValue(value);
+    }, [onSelectValue, isControlled]);
+    const currentSelectedOption = isControlled
+        ? selectedValue
+        : internalSelectedValue;
+    const hasInitialized = useRef(false);
+    if (!hasInitialized.current && currentSelectedOption !== undefined) {
+        onSelectValue === null || onSelectValue === void 0 ? void 0 : onSelectValue(currentSelectedOption);
+        hasInitialized.current = true;
+    }
+    return (React.createElement(SegmentedControlContext.Provider, { value: {
+            handleChange,
+            selectedValue: currentSelectedOption,
+            segmentedControlName: name,
+        } }, children));
+}
+
+function SegmentedControlOption({ value, children, ariaLabel, }) {
+    const { selectedValue, handleChange, segmentedControlName } = useSegmentedControl();
+    const localChecked = useMemo(() => selectedValue === value, [selectedValue, value]);
+    const inputId = `${value.toString()}_${useId()}`;
+    return (React.createElement(React.Fragment, null,
+        React.createElement("input", { type: "radio", id: inputId, name: segmentedControlName, checked: localChecked, value: value, onChange: handleChange, "aria-label": ariaLabel, tabIndex: localChecked ? 0 : -1 }),
+        React.createElement("label", { htmlFor: inputId }, children)));
+}
+
+var styles = {"container":"FDDKTZkTdfM-","spinning":"iKliBX-y4ec-"};
+
+const SegmentedControlBase = forwardRef(function SegmentedControlBase({ children }, ref) {
+    const optionCount = Children.count(children);
+    return (React.createElement("div", { ref: ref, className: styles.container, role: "radiogroup", style: {
+            "--segmentedControl--option-count": optionCount,
+        } },
+        children,
+        React.createElement("span", null)));
+});
+
+function SegmentedControl({ selectedValue, onSelectValue, defaultValue, children, name = useId(), }) {
+    const container = useRef(null);
+    return (React.createElement(SegmentedControlProvider, { selectedValue: selectedValue, onSelectValue: onSelectValue, defaultValue: defaultValue, name: name },
+        React.createElement(SegmentedControlBase, { ref: container }, children)));
+}
+SegmentedControl.Option = SegmentedControlOption;
+SegmentedControl.Base = SegmentedControlBase;
+
+export { SegmentedControl as S, SegmentedControlContext as a, SegmentedControlProvider as b, useSegmentedControl as u };