@channel.io/bezier-react 3.4.0 → 3.4.1

package/dist/cjs/components/SegmentedControl/SegmentedControl.js

@@ -11,10 +11,10 @@ var type = require('../../utils/type.js');
 var Divider_module = require('../Divider/Divider.module.scss.js');
 var SegmentedControl_module = require('./SegmentedControl.module.scss.js');
 var jsxRuntime = require('react/jsx-runtime');
-var Divider = require('../Divider/Divider.js');
 var BaseButton = require('../BaseButton/BaseButton.js');
 var Stack = require('../Stack/Stack.js');
 var Text = require('../Text/Text.js');
+var Divider = require('../Divider/Divider.js');
 var FormControl = require('../FormControl/FormControl.js');
 
 function _interopNamespaceDefault(e) {
@@ -39,6 +39,17 @@ var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 const [SegmentedControlContextProvider, useSegmentedControlContext] = react.createContext(null, 'SegmentedControl');
 const [SegmentedControlItemContextProvider, useSegmentedControlItemContext] = react.createContext(null, 'SegmentedControlItem');
 const [SegmentedControlItemListContextProvider, useSegmentedControlItemListContext] = react.createContext(null, 'SegmentedControlItemList');
+function SegmentedControlDivider({
+  index,
+  selectedItemIndex
+}) {
+  const isAdjacentToSelectedItem = !type.isNil(selectedItemIndex) && (selectedItemIndex + 1 === index || selectedItemIndex === index);
+  return /*#__PURE__*/jsxRuntime.jsx(Divider.Divider, {
+    className: index$1.default(SegmentedControl_module.default.SegmentedControlDivider, isAdjacentToSelectedItem && SegmentedControl_module.default.hidden),
+    withoutParallelIndent: true,
+    orientation: "vertical"
+  });
+}
 function SegmentedControlItemListImpl({
   children,
   style: style$1,
@@ -70,9 +81,9 @@ function SegmentedControlItemListImpl({
       children: /*#__PURE__*/jsxRuntime.jsxs(SegmentedControlItemListContextProvider, {
         value: contextValue,
         children: [React__namespace.Children.map(children, (child, index) => /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-          children: [index !== 0 && /*#__PURE__*/jsxRuntime.jsx(Divider.Divider, {
-            withoutParallelIndent: true,
-            orientation: "vertical"
+          children: [index !== 0 && /*#__PURE__*/jsxRuntime.jsx(SegmentedControlDivider, {
+            index: index,
+            selectedItemIndex: selectedItemIndex
           }), /*#__PURE__*/jsxRuntime.jsx(SegmentedControlItemContextProvider, {
             value: index,
             children: child

package/dist/cjs/components/SegmentedControl/SegmentedControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControl.js","sources":["../../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":["'use client'\n\nimport {\n  type ForwardedRef,\n  type JSX,\n  forwardRef,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react'\nimport * as React from 'react'\n\nimport * as RadioGroupPrimitive from '@radix-ui/react-radio-group'\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\nimport classNames from 'classnames'\n\nimport { ariaAttr } from '~/src/utils/aria'\nimport { createContext } from '~/src/utils/react'\nimport { cssDimension } from '~/src/utils/style'\nimport { isNil } from '~/src/utils/type'\n\nimport { BaseButton } from '~/src/components/BaseButton'\nimport { Divider } from '~/src/components/Divider'\nimport dividerStyles from '~/src/components/Divider/Divider.module.scss'\nimport { useFormFieldProps } from '~/src/components/FormControl'\nimport { HStack } from '~/src/components/Stack'\nimport { Text } from '~/src/components/Text'\n\nimport {\n  type SegmentedControlItemListProps,\n  type SegmentedControlItemProps,\n  type SegmentedControlProps,\n  type SegmentedControlRadioGroupProps,\n  type SegmentedControlSize,\n  type SegmentedControlTabContentProps,\n  type SegmentedControlTabListProps,\n  type SegmentedControlTabsProps,\n  type SegmentedControlType,\n} from './SegmentedControl.types'\n\nimport styles from './SegmentedControl.module.scss'\n\ntype SegmentedControlContextValue = Required<\n  Pick<\n    SegmentedControlProps<SegmentedControlType, string>,\n    'type' | 'size' | 'width'\n  >\n>\n\nconst [SegmentedControlContextProvider, useSegmentedControlContext] =\n  createContext<SegmentedControlContextValue | null>(null, 'SegmentedControl')\n\ntype SegmentedControlItemListContextValue = {\n  setSelectedItemIndex: (index: number | null) => void\n}\n\nconst [SegmentedControlItemContextProvider, useSegmentedControlItemContext] =\n  createContext<number | null>(null, 'SegmentedControlItem')\n\nconst [\n  SegmentedControlItemListContextProvider,\n  useSegmentedControlItemListContext,\n] = createContext<SegmentedControlItemListContextValue | null>(\n  null,\n  'SegmentedControlItemList'\n)\n\nfunction SegmentedControlItemListImpl<\n  Type extends SegmentedControlType,\n  Value extends string,\n>(\n  {\n    children,\n    style,\n    className,\n    ...rest\n  }: SegmentedControlItemListProps<Type, Value>,\n  forwardedRef: ForwardedRef<HTMLDivElement>\n) {\n  const [selectedItemIndex, setSelectedItemIndex] = useState<number | null>(\n    null\n  )\n\n  const { type, size, width } = useSegmentedControlContext(\n    'SegmentedControlItemList'\n  )\n\n  const contextValue: SegmentedControlItemListContextValue = useMemo(\n    () => ({\n      setSelectedItemIndex,\n    }),\n    []\n  )\n\n  const SegmentedControlItemList =\n    type === 'radiogroup' ? RadioGroupPrimitive.Root : TabsPrimitive.List\n\n  return (\n    <SegmentedControlItemList\n      asChild\n      ref={forwardedRef}\n      {...rest}\n    >\n      <div\n        style={\n          {\n            '--b-segmented-control-width': cssDimension(width),\n            '--b-segmented-control-item-index': selectedItemIndex,\n            '--b-segmented-control-item-count': React.Children.count(children),\n            ...style,\n          } as React.CSSProperties\n        }\n        className={classNames(\n          styles.SegmentedControl,\n          styles[`size-${size}`],\n          className\n        )}\n      >\n        <SegmentedControlItemListContextProvider value={contextValue}>\n          {React.Children.map(children, (child, index) => (\n            <>\n              {index !== 0 && (\n                <Divider\n                  withoutParallelIndent\n                  orientation=\"vertical\"\n                />\n              )}\n              <SegmentedControlItemContextProvider value={index}>\n                {child}\n              </SegmentedControlItemContextProvider>\n            </>\n          ))}\n          {!isNil(selectedItemIndex) && (\n            <div\n              className={classNames(\n                styles.SegmentedControlIndicator,\n                dividerStyles.variables\n              )}\n            />\n          )}\n        </SegmentedControlItemListContextProvider>\n      </div>\n    </SegmentedControlItemList>\n  )\n}\n\nconst SegmentedControlItemList = forwardRef(SegmentedControlItemListImpl) as <\n  Type extends SegmentedControlType,\n  Value extends string,\n>(\n  props: SegmentedControlItemListProps<Type, Value> & {\n    ref?: React.ForwardedRef<HTMLDivElement>\n  }\n) => JSX.Element\n\nfunction SegmentedControlRadioGroupImpl<Value extends string>(\n  { children, size, ...rest }: SegmentedControlRadioGroupProps<Value>,\n  forwardedRef: React.Ref<HTMLDivElement>\n) {\n  const { hasError, ...ownProps } = useFormFieldProps(rest)\n  return (\n    <SegmentedControlItemList\n      ref={forwardedRef}\n      {...ownProps}\n      size={size}\n    >\n      {children}\n    </SegmentedControlItemList>\n  )\n}\n\nconst SegmentedControlRadioGroup = forwardRef(\n  SegmentedControlRadioGroupImpl\n) as <Value extends string>(\n  props: SegmentedControlRadioGroupProps<Value> & {\n    ref?: React.ForwardedRef<HTMLDivElement>\n  }\n) => JSX.Element\n\n/**\n * `SegmentedControlTabList` is the component that wraps `SegmentedControlItem`.\n * It can be used only when `SegmentedControl` component is used as the `tabs` type.\n *\n * It must be used as a child of `SegmentedControl`.\n */\nexport const SegmentedControlTabList = SegmentedControlItemList as (\n  props: SegmentedControlTabListProps & {\n    ref?: React.ForwardedRef<HTMLDivElement>\n  }\n) => JSX.Element\n\n/**\n * `SegmentedControlTabContent` is the component that wraps the content that corresponds to a specific value of `SegmentedControlItem`.\n * It can be used only when `SegmentedControl` component is used as the `tabs` type.\n *\n * It must be used as a child of `SegmentedControl`.\n */\nexport const SegmentedControlTabContent = TabsPrimitive.Content as <\n  Value extends string,\n>(\n  props: SegmentedControlTabContentProps<Value> & {\n    ref?: React.ForwardedRef<HTMLDivElement>\n  }\n) => JSX.Element\n\nconst SegmentedControlTabs = TabsPrimitive.Root as <Value extends string>(\n  props: SegmentedControlTabsProps<Value> & {\n    ref?: React.ForwardedRef<HTMLDivElement>\n  }\n) => JSX.Element\n\nfunction SegmentedControlImpl<\n  Type extends SegmentedControlType,\n  Value extends string,\n>(\n  {\n    type = 'radiogroup' as Type,\n    size = 'm',\n    width = '100%',\n    onValueChange,\n    children,\n    ...rest\n  }: SegmentedControlProps<Type, Value>,\n  forwardedRef: React.Ref<HTMLDivElement>\n) {\n  const SegmentedControlRoot =\n    type === 'radiogroup' ? SegmentedControlRadioGroup : SegmentedControlTabs\n\n  const contextValue = useMemo(\n    () => ({\n      type,\n      size,\n      width,\n    }),\n    [type, size, width]\n  )\n\n  return (\n    <SegmentedControlContextProvider value={contextValue}>\n      <SegmentedControlRoot\n        ref={forwardedRef}\n        onValueChange={onValueChange}\n        {...rest}\n      >\n        {children}\n      </SegmentedControlRoot>\n    </SegmentedControlContextProvider>\n  )\n}\n\n/**\n * `SegmentedControl` is component that looks like a combination of a radio and a button.\n * They can be used in place of tabs and as input elements in modals.\n * If you have more than five items, use a different element, such as a dropdown.\n *\n * `SegmentedControl` can be used as a radio group, tabs element depending on its `type`.\n * @example\n *\n * ```tsx\n * // Anatomy of the SegmentedControl type=\"radiogroup\"\n * <SegmentedControl type=\"radiogroup\">\n *  <SegmentedControlItem />\n * </SegmentedControl>\n *\n * // Anatomy of the SegmentedControl type=\"tabs\"\n * <SegmentedControl type=\"tabs\">\n *  <SegmentedControlTabList>\n *   <SegmentedControlItem />\n *  </SegmentedControlTabList>\n *\n *  <SegmentedControlTabContent />\n * </SegmentedControl>\n * ```\n */\nexport const SegmentedControl = forwardRef(SegmentedControlImpl) as <\n  Type extends SegmentedControlType,\n  Value extends string,\n>(\n  props: SegmentedControlProps<Type, Value> & {\n    ref?: React.ForwardedRef<HTMLDivElement>\n  }\n) => JSX.Element\n\n/**\n * NOTE: (@ed) A property injected at runtime by the radix-ui lib.\n */\ntype ItemProps<Type extends SegmentedControlType> = (Type extends 'radiogroup'\n  ? { 'data-state'?: 'unchecked' | 'checked' }\n  : { 'data-state'?: 'inactive' | 'active' }) &\n  React.HTMLAttributes<HTMLButtonElement> &\n  Partial<SegmentedControlItemProps<Type>>\n\nfunction getTypography(size: SegmentedControlSize) {\n  return (\n    {\n      xs: '13',\n      s: '13',\n      m: '13',\n      l: '14',\n    } as const\n  )[size]\n}\n\nconst Item = forwardRef<HTMLButtonElement, ItemProps<SegmentedControlType>>(\n  function Item(\n    { children, leftContent, rightContent, className, ...rest },\n    forwardedRef\n  ) {\n    const { type, size } = useSegmentedControlContext('SegmentedControlItem')\n    const { setSelectedItemIndex } = useSegmentedControlItemListContext(\n      'SegmentedControlItem'\n    )\n    const index = useSegmentedControlItemContext('SegmentedControlItem')\n\n    const checked =\n      type === 'radiogroup'\n        ? (rest as ItemProps<typeof type>)?.['data-state'] === 'checked'\n        : (rest as ItemProps<typeof type>)?.['data-state'] === 'active'\n\n    useEffect(\n      function setSelectedItem() {\n        if (checked) {\n          setSelectedItemIndex(index)\n        }\n      },\n      [checked, index, setSelectedItemIndex]\n    )\n\n    return (\n      <BaseButton\n        {...rest}\n        ref={forwardedRef}\n        data-checked={ariaAttr(checked)}\n        className={classNames(styles.SegmentedControlItem, className)}\n      >\n        <HStack\n          className={styles.SegmentedControlItemContainer}\n          align=\"center\"\n          spacing={4}\n        >\n          {leftContent}\n\n          <Text\n            className={styles.SegmentedControlItemLabel}\n            bold\n            typo={getTypography(size)}\n          >\n            {children}\n          </Text>\n\n          {rightContent}\n        </HStack>\n      </BaseButton>\n    )\n  }\n)\n\nfunction SegmentedControlItemImpl<Value extends string>(\n  { children, ...rest }: SegmentedControlItemProps<Value>,\n  forwardedRef: React.Ref<HTMLButtonElement>\n) {\n  const { type } = useSegmentedControlContext('SegmentedControlItem')\n\n  const SegmentedControlItem =\n    type === 'radiogroup' ? RadioGroupPrimitive.Item : TabsPrimitive.Trigger\n\n  return (\n    <SegmentedControlItem\n      asChild\n      ref={forwardedRef}\n      {...rest}\n    >\n      <Item>{children}</Item>\n    </SegmentedControlItem>\n  )\n}\n\n/**\n * `SegmentedControlItem` component is each item in `SegmentedControl`.\n *\n * If the type of `SegmentedControl` is `radiogroup`, this component acts as a radio item.\n * In this case, it must be used as a child of `SegmentedControl`.\n *\n * If the type of `SegmentedControl` is `tabs`, this component acts as a tab item.\n * In this case, it must be used as a child of `SegmentedControlTabList`.\n */\nexport const SegmentedControlItem = forwardRef(SegmentedControlItemImpl) as <\n  Value extends string,\n>(\n  props: SegmentedControlItemProps<Value> & {\n    ref?: React.ForwardedRef<HTMLButtonElement>\n  }\n) => JSX.Element\n"],"names":["SegmentedControlContextProvider","useSegmentedControlContext","createContext","SegmentedControlItemContextProvider","useSegmentedControlItemContext","SegmentedControlItemListContextProvider","useSegmentedControlItemListContext","SegmentedControlItemListImpl","children","style","className","rest","forwardedRef","selectedItemIndex","setSelectedItemIndex","useState","type","size","width","contextValue","useMemo","SegmentedControlItemList","RadioGroupPrimitive","TabsPrimitive","_jsx","asChild","ref","cssDimension","React","Children","count","classNames","styles","SegmentedControl","_jsxs","value","map","child","index","_Fragment","Divider","withoutParallelIndent","orientation","isNil","SegmentedControlIndicator","dividerStyles","variables","forwardRef","SegmentedControlRadioGroupImpl","hasError","ownProps","useFormFieldProps","SegmentedControlRadioGroup","SegmentedControlTabList","SegmentedControlTabContent","SegmentedControlTabs","SegmentedControlImpl","onValueChange","SegmentedControlRoot","getTypography","xs","s","m","l","Item","leftContent","rightContent","checked","useEffect","setSelectedItem","BaseButton","ariaAttr","SegmentedControlItem","HStack","SegmentedControlItemContainer","align","spacing","Text","SegmentedControlItemLabel","bold","typo","SegmentedControlItemImpl"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiDA,MAAM,CAACA,+BAA+B,EAAEC,0BAA0B,CAAC,GACjEC,mBAAa,CAAsC,IAAI,EAAE,kBAAkB,CAAC;AAM9E,MAAM,CAACC,mCAAmC,EAAEC,8BAA8B,CAAC,GACzEF,mBAAa,CAAgB,IAAI,EAAE,sBAAsB,CAAC;AAE5D,MAAM,CACJG,uCAAuC,EACvCC,kCAAkC,CACnC,GAAGJ,mBAAa,CACf,IAAI,EACJ,0BACF,CAAC;AAED,SAASK,4BAA4BA,CAInC;EACEC,QAAQ;SACRC,OAAK;EACLC,SAAS;EACT,GAAGC;AACuC,CAAC,EAC7CC,YAA0C,EAC1C;EACA,MAAM,CAACC,iBAAiB,EAAEC,oBAAoB,CAAC,GAAGC,cAAQ,CACxD,IACF,CAAC;EAED,MAAM;UAAEC,MAAI;IAAEC,IAAI;AAAEC,IAAAA;AAAM,GAAC,GAAGjB,0BAA0B,CACtD,0BACF,CAAC;AAED,EAAA,MAAMkB,YAAkD,GAAGC,aAAO,CAChE,OAAO;AACLN,IAAAA;GACD,CAAC,EACF,EACF,CAAC;AAED,EAAA,MAAMO,wBAAwB,GAC5BL,MAAI,KAAK,YAAY,GAAGM,YAAwB,GAAGC,UAAkB;EAEvE,oBACEC,cAAA,CAACH,wBAAwB,EAAA;IACvBI,OAAO,EAAA,IAAA;AACPC,IAAAA,GAAG,EAAEd,YAAa;AAAA,IAAA,GACdD,IAAI;AAAAH,IAAAA,QAAA,eAERgB,cAAA,CAAA,KAAA,EAAA;AACEf,MAAAA,KAAK,EACH;AACE,QAAA,6BAA6B,EAAEkB,kBAAY,CAACT,KAAK,CAAC;AAClD,QAAA,kCAAkC,EAAEL,iBAAiB;QACrD,kCAAkC,EAAEe,gBAAK,CAACC,QAAQ,CAACC,KAAK,CAACtB,QAAQ,CAAC;QAClE,GAAGC;OAEN;AACDC,MAAAA,SAAS,EAAEqB,eAAU,CACnBC,+BAAM,CAACC,gBAAgB,EACvBD,+BAAM,CAAC,QAAQf,IAAI,CAAA,CAAE,CAAC,EACtBP,SACF,CAAE;MAAAF,QAAA,eAEF0B,eAAA,CAAC7B,uCAAuC,EAAA;AAAC8B,QAAAA,KAAK,EAAEhB,YAAa;AAAAX,QAAAA,QAAA,GAC1DoB,gBAAK,CAACC,QAAQ,CAACO,GAAG,CAAC5B,QAAQ,EAAE,CAAC6B,KAAK,EAAEC,KAAK,kBACzCJ,eAAA,CAAAK,mBAAA,EAAA;AAAA/B,UAAAA,QAAA,GACG8B,KAAK,KAAK,CAAC,iBACVd,cAAA,CAACgB,eAAO,EAAA;YACNC,qBAAqB,EAAA,IAAA;AACrBC,YAAAA,WAAW,EAAC;AAAU,WACvB,CACF,eACDlB,cAAA,CAACrB,mCAAmC,EAAA;AAACgC,YAAAA,KAAK,EAAEG,KAAM;AAAA9B,YAAAA,QAAA,EAC/C6B;AAAK,WAC6B,CAAC;SACtC,CACH,CAAC,EACD,CAACM,UAAK,CAAC9B,iBAAiB,CAAC,iBACxBW,cAAA,CAAA,KAAA,EAAA;UACEd,SAAS,EAAEqB,eAAU,CACnBC,+BAAM,CAACY,yBAAyB,EAChCC,sBAAa,CAACC,SAChB;AAAE,SACH,CACF;OACsC;KACtC;AAAC,GACkB,CAAC;AAE/B;AAEA,MAAMzB,wBAAwB,gBAAG0B,gBAAU,CAACxC,4BAA4B,CAOxD;AAEhB,SAASyC,8BAA8BA,CACrC;EAAExC,QAAQ;EAAES,IAAI;EAAE,GAAGN;AAA6C,CAAC,EACnEC,YAAuC,EACvC;EACA,MAAM;IAAEqC,QAAQ;IAAE,GAAGC;AAAS,GAAC,GAAGC,6BAAiB,CAACxC,IAAI,CAAC;EACzD,oBACEa,cAAA,CAACH,wBAAwB,EAAA;AACvBK,IAAAA,GAAG,EAAEd,YAAa;AAAA,IAAA,GACdsC,QAAQ;AACZjC,IAAAA,IAAI,EAAEA,IAAK;AAAAT,IAAAA,QAAA,EAEVA;AAAQ,GACe,CAAC;AAE/B;AAEA,MAAM4C,0BAA0B,gBAAGL,gBAAU,CAC3CC,8BACF,CAIgB;;AAEhB;AACA;AACA;AACA;AACA;AACA;AACO,MAAMK,uBAAuB,GAAGhC;;AAMvC;AACA;AACA;AACA;AACA;AACA;AACaiC,MAAAA,0BAA0B,GAAG/B;AAQ1C,MAAMgC,oBAAoB,GAAGhC,UAIb;AAEhB,SAASiC,oBAAoBA,CAI3B;AACExC,EAAAA,IAAI,GAAG,YAAoB;AAC3BC,EAAAA,IAAI,GAAG,GAAG;AACVC,EAAAA,KAAK,GAAG,MAAM;EACduC,aAAa;EACbjD,QAAQ;EACR,GAAGG;AAC+B,CAAC,EACrCC,YAAuC,EACvC;EACA,MAAM8C,oBAAoB,GACxB1C,IAAI,KAAK,YAAY,GAAGoC,0BAA0B,GAAGG,oBAAoB;AAE3E,EAAA,MAAMpC,YAAY,GAAGC,aAAO,CAC1B,OAAO;IACLJ,IAAI;IACJC,IAAI;AACJC,IAAAA;GACD,CAAC,EACF,CAACF,IAAI,EAAEC,IAAI,EAAEC,KAAK,CACpB,CAAC;EAED,oBACEM,cAAA,CAACxB,+BAA+B,EAAA;AAACmC,IAAAA,KAAK,EAAEhB,YAAa;IAAAX,QAAA,eACnDgB,cAAA,CAACkC,oBAAoB,EAAA;AACnBhC,MAAAA,GAAG,EAAEd,YAAa;AAClB6C,MAAAA,aAAa,EAAEA,aAAc;AAAA,MAAA,GACzB9C,IAAI;AAAAH,MAAAA,QAAA,EAEPA;KACmB;AAAC,GACQ,CAAC;AAEtC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MACayB,gBAAgB,gBAAGc,gBAAU,CAACS,oBAAoB;;AAS/D;AACA;AACA;;AAOA,SAASG,aAAaA,CAAC1C,IAA0B,EAAE;EACjD,OACE;AACE2C,IAAAA,EAAE,EAAE,IAAI;AACRC,IAAAA,CAAC,EAAE,IAAI;AACPC,IAAAA,CAAC,EAAE,IAAI;AACPC,IAAAA,CAAC,EAAE;GACJ,CACD9C,IAAI,CAAC;AACT;AAEA,MAAM+C,IAAI,gBAAGjB,gBAAU,CACrB,SAASiB,IAAIA,CACX;EAAExD,QAAQ;EAAEyD,WAAW;EAAEC,YAAY;EAAExD,SAAS;EAAE,GAAGC;AAAK,CAAC,EAC3DC,YAAY,EACZ;EACA,MAAM;IAAEI,IAAI;AAAEC,IAAAA;AAAK,GAAC,GAAGhB,0BAA0B,CAAC,sBAAsB,CAAC;EACzE,MAAM;AAAEa,IAAAA;AAAqB,GAAC,GAAGR,kCAAkC,CACjE,sBACF,CAAC;AACD,EAAA,MAAMgC,KAAK,GAAGlC,8BAA8B,CAAC,sBAAsB,CAAC;AAEpE,EAAA,MAAM+D,OAAO,GACXnD,IAAI,KAAK,YAAY,GACjB,CAACL,IAAI,KAAJA,IAAAA,IAAAA,IAAI,KAAJA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,IAAI,CAA8B,YAAY,CAAC,MAAK,SAAS,GAC9D,CAACA,IAAI,KAAJA,IAAAA,IAAAA,IAAI,KAAJA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,IAAI,CAA8B,YAAY,CAAC,MAAK,QAAQ;AAEnEyD,EAAAA,eAAS,CACP,SAASC,eAAeA,GAAG;AACzB,IAAA,IAAIF,OAAO,EAAE;MACXrD,oBAAoB,CAACwB,KAAK,CAAC;AAC7B;GACD,EACD,CAAC6B,OAAO,EAAE7B,KAAK,EAAExB,oBAAoB,CACvC,CAAC;EAED,oBACEU,cAAA,CAAC8C,qBAAU,EAAA;AAAA,IAAA,GACL3D,IAAI;AACRe,IAAAA,GAAG,EAAEd,YAAa;IAClB,cAAc2D,EAAAA,aAAQ,CAACJ,OAAO,CAAE;IAChCzD,SAAS,EAAEqB,eAAU,CAACC,+BAAM,CAACwC,oBAAoB,EAAE9D,SAAS,CAAE;IAAAF,QAAA,eAE9D0B,eAAA,CAACuC,YAAM,EAAA;MACL/D,SAAS,EAAEsB,+BAAM,CAAC0C,6BAA8B;AAChDC,MAAAA,KAAK,EAAC,QAAQ;AACdC,MAAAA,OAAO,EAAE,CAAE;AAAApE,MAAAA,QAAA,EAEVyD,CAAAA,WAAW,eAEZzC,cAAA,CAACqD,SAAI,EAAA;QACHnE,SAAS,EAAEsB,+BAAM,CAAC8C,yBAA0B;QAC5CC,IAAI,EAAA,IAAA;AACJC,QAAAA,IAAI,EAAErB,aAAa,CAAC1C,IAAI,CAAE;AAAAT,QAAAA,QAAA,EAEzBA;OACG,CAAC,EAEN0D,YAAY;KACP;AAAC,GACC,CAAC;AAEjB,CACF,CAAC;AAED,SAASe,wBAAwBA,CAC/B;EAAEzE,QAAQ;EAAE,GAAGG;AAAuC,CAAC,EACvDC,YAA0C,EAC1C;EACA,MAAM;AAAEI,IAAAA;AAAK,GAAC,GAAGf,0BAA0B,CAAC,sBAAsB,CAAC;AAEnE,EAAA,MAAMuE,oBAAoB,GACxBxD,IAAI,KAAK,YAAY,GAAGM,YAAwB,GAAGC,aAAqB;EAE1E,oBACEC,cAAA,CAACgD,oBAAoB,EAAA;IACnB/C,OAAO,EAAA,IAAA;AACPC,IAAAA,GAAG,EAAEd,YAAa;AAAA,IAAA,GACdD,IAAI;IAAAH,QAAA,eAERgB,cAAA,CAACwC,IAAI,EAAA;AAAAxD,MAAAA,QAAA,EAAEA;KAAe;AAAC,GACH,CAAC;AAE3B;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MACagE,oBAAoB,gBAAGzB,gBAAU,CAACkC,wBAAwB;;;;;;;"}
+{"version":3,"file":"SegmentedControl.js","sources":["../../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":["'use client'\n\nimport {\n  type ForwardedRef,\n  type JSX,\n  forwardRef,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react'\nimport * as React from 'react'\n\nimport * as RadioGroupPrimitive from '@radix-ui/react-radio-group'\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\nimport classNames from 'classnames'\n\nimport { ariaAttr } from '~/src/utils/aria'\nimport { createContext } from '~/src/utils/react'\nimport { cssDimension } from '~/src/utils/style'\nimport { isNil } from '~/src/utils/type'\n\nimport { BaseButton } from '~/src/components/BaseButton'\nimport { Divider } from '~/src/components/Divider'\nimport dividerStyles from '~/src/components/Divider/Divider.module.scss'\nimport { useFormFieldProps } from '~/src/components/FormControl'\nimport { HStack } from '~/src/components/Stack'\nimport { Text } from '~/src/components/Text'\n\nimport {\n  type SegmentedControlItemListProps,\n  type SegmentedControlItemProps,\n  type SegmentedControlProps,\n  type SegmentedControlRadioGroupProps,\n  type SegmentedControlSize,\n  type SegmentedControlTabContentProps,\n  type SegmentedControlTabListProps,\n  type SegmentedControlTabsProps,\n  type SegmentedControlType,\n} from './SegmentedControl.types'\n\nimport styles from './SegmentedControl.module.scss'\n\ntype SegmentedControlContextValue = Required<\n  Pick<\n    SegmentedControlProps<SegmentedControlType, string>,\n    'type' | 'size' | 'width'\n  >\n>\n\nconst [SegmentedControlContextProvider, useSegmentedControlContext] =\n  createContext<SegmentedControlContextValue | null>(null, 'SegmentedControl')\n\ntype SegmentedControlItemListContextValue = {\n  setSelectedItemIndex: (index: number | null) => void\n}\n\nconst [SegmentedControlItemContextProvider, useSegmentedControlItemContext] =\n  createContext<number | null>(null, 'SegmentedControlItem')\n\nconst [\n  SegmentedControlItemListContextProvider,\n  useSegmentedControlItemListContext,\n] = createContext<SegmentedControlItemListContextValue | null>(\n  null,\n  'SegmentedControlItemList'\n)\n\nfunction SegmentedControlDivider({\n  index,\n  selectedItemIndex,\n}: {\n  index: number\n  selectedItemIndex: number | null\n}) {\n  const isAdjacentToSelectedItem =\n    !isNil(selectedItemIndex) &&\n    (selectedItemIndex + 1 === index || selectedItemIndex === index)\n\n  return (\n    <Divider\n      className={classNames(\n        styles.SegmentedControlDivider,\n        isAdjacentToSelectedItem && styles.hidden\n      )}\n      withoutParallelIndent\n      orientation=\"vertical\"\n    />\n  )\n}\n\nfunction SegmentedControlItemListImpl<\n  Type extends SegmentedControlType,\n  Value extends string,\n>(\n  {\n    children,\n    style,\n    className,\n    ...rest\n  }: SegmentedControlItemListProps<Type, Value>,\n  forwardedRef: ForwardedRef<HTMLDivElement>\n) {\n  const [selectedItemIndex, setSelectedItemIndex] = useState<number | null>(\n    null\n  )\n\n  const { type, size, width } = useSegmentedControlContext(\n    'SegmentedControlItemList'\n  )\n\n  const contextValue: SegmentedControlItemListContextValue = useMemo(\n    () => ({\n      setSelectedItemIndex,\n    }),\n    []\n  )\n\n  const SegmentedControlItemList =\n    type === 'radiogroup' ? RadioGroupPrimitive.Root : TabsPrimitive.List\n\n  return (\n    <SegmentedControlItemList\n      asChild\n      ref={forwardedRef}\n      {...rest}\n    >\n      <div\n        style={\n          {\n            '--b-segmented-control-width': cssDimension(width),\n            '--b-segmented-control-item-index': selectedItemIndex,\n            '--b-segmented-control-item-count': React.Children.count(children),\n            ...style,\n          } as React.CSSProperties\n        }\n        className={classNames(\n          styles.SegmentedControl,\n          styles[`size-${size}`],\n          className\n        )}\n      >\n        <SegmentedControlItemListContextProvider value={contextValue}>\n          {React.Children.map(children, (child, index) => (\n            <>\n              {index !== 0 && (\n                <SegmentedControlDivider\n                  index={index}\n                  selectedItemIndex={selectedItemIndex}\n                />\n              )}\n              <SegmentedControlItemContextProvider value={index}>\n                {child}\n              </SegmentedControlItemContextProvider>\n            </>\n          ))}\n          {!isNil(selectedItemIndex) && (\n            <div\n              className={classNames(\n                styles.SegmentedControlIndicator,\n                dividerStyles.variables\n              )}\n            />\n          )}\n        </SegmentedControlItemListContextProvider>\n      </div>\n    </SegmentedControlItemList>\n  )\n}\n\nconst SegmentedControlItemList = forwardRef(SegmentedControlItemListImpl) as <\n  Type extends SegmentedControlType,\n  Value extends string,\n>(\n  props: SegmentedControlItemListProps<Type, Value> & {\n    ref?: React.ForwardedRef<HTMLDivElement>\n  }\n) => JSX.Element\n\nfunction SegmentedControlRadioGroupImpl<Value extends string>(\n  { children, size, ...rest }: SegmentedControlRadioGroupProps<Value>,\n  forwardedRef: React.Ref<HTMLDivElement>\n) {\n  const { hasError, ...ownProps } = useFormFieldProps(rest)\n  return (\n    <SegmentedControlItemList\n      ref={forwardedRef}\n      {...ownProps}\n      size={size}\n    >\n      {children}\n    </SegmentedControlItemList>\n  )\n}\n\nconst SegmentedControlRadioGroup = forwardRef(\n  SegmentedControlRadioGroupImpl\n) as <Value extends string>(\n  props: SegmentedControlRadioGroupProps<Value> & {\n    ref?: React.ForwardedRef<HTMLDivElement>\n  }\n) => JSX.Element\n\n/**\n * `SegmentedControlTabList` is the component that wraps `SegmentedControlItem`.\n * It can be used only when `SegmentedControl` component is used as the `tabs` type.\n *\n * It must be used as a child of `SegmentedControl`.\n */\nexport const SegmentedControlTabList = SegmentedControlItemList as (\n  props: SegmentedControlTabListProps & {\n    ref?: React.ForwardedRef<HTMLDivElement>\n  }\n) => JSX.Element\n\n/**\n * `SegmentedControlTabContent` is the component that wraps the content that corresponds to a specific value of `SegmentedControlItem`.\n * It can be used only when `SegmentedControl` component is used as the `tabs` type.\n *\n * It must be used as a child of `SegmentedControl`.\n */\nexport const SegmentedControlTabContent = TabsPrimitive.Content as <\n  Value extends string,\n>(\n  props: SegmentedControlTabContentProps<Value> & {\n    ref?: React.ForwardedRef<HTMLDivElement>\n  }\n) => JSX.Element\n\nconst SegmentedControlTabs = TabsPrimitive.Root as <Value extends string>(\n  props: SegmentedControlTabsProps<Value> & {\n    ref?: React.ForwardedRef<HTMLDivElement>\n  }\n) => JSX.Element\n\nfunction SegmentedControlImpl<\n  Type extends SegmentedControlType,\n  Value extends string,\n>(\n  {\n    type = 'radiogroup' as Type,\n    size = 'm',\n    width = '100%',\n    onValueChange,\n    children,\n    ...rest\n  }: SegmentedControlProps<Type, Value>,\n  forwardedRef: React.Ref<HTMLDivElement>\n) {\n  const SegmentedControlRoot =\n    type === 'radiogroup' ? SegmentedControlRadioGroup : SegmentedControlTabs\n\n  const contextValue = useMemo(\n    () => ({\n      type,\n      size,\n      width,\n    }),\n    [type, size, width]\n  )\n\n  return (\n    <SegmentedControlContextProvider value={contextValue}>\n      <SegmentedControlRoot\n        ref={forwardedRef}\n        onValueChange={onValueChange}\n        {...rest}\n      >\n        {children}\n      </SegmentedControlRoot>\n    </SegmentedControlContextProvider>\n  )\n}\n\n/**\n * `SegmentedControl` is component that looks like a combination of a radio and a button.\n * They can be used in place of tabs and as input elements in modals.\n * If you have more than five items, use a different element, such as a dropdown.\n *\n * `SegmentedControl` can be used as a radio group, tabs element depending on its `type`.\n * @example\n *\n * ```tsx\n * // Anatomy of the SegmentedControl type=\"radiogroup\"\n * <SegmentedControl type=\"radiogroup\">\n *  <SegmentedControlItem />\n * </SegmentedControl>\n *\n * // Anatomy of the SegmentedControl type=\"tabs\"\n * <SegmentedControl type=\"tabs\">\n *  <SegmentedControlTabList>\n *   <SegmentedControlItem />\n *  </SegmentedControlTabList>\n *\n *  <SegmentedControlTabContent />\n * </SegmentedControl>\n * ```\n */\nexport const SegmentedControl = forwardRef(SegmentedControlImpl) as <\n  Type extends SegmentedControlType,\n  Value extends string,\n>(\n  props: SegmentedControlProps<Type, Value> & {\n    ref?: React.ForwardedRef<HTMLDivElement>\n  }\n) => JSX.Element\n\n/**\n * NOTE: (@ed) A property injected at runtime by the radix-ui lib.\n */\ntype ItemProps<Type extends SegmentedControlType> = (Type extends 'radiogroup'\n  ? { 'data-state'?: 'unchecked' | 'checked' }\n  : { 'data-state'?: 'inactive' | 'active' }) &\n  React.HTMLAttributes<HTMLButtonElement> &\n  Partial<SegmentedControlItemProps<Type>>\n\nfunction getTypography(size: SegmentedControlSize) {\n  return (\n    {\n      xs: '13',\n      s: '13',\n      m: '13',\n      l: '14',\n    } as const\n  )[size]\n}\n\nconst Item = forwardRef<HTMLButtonElement, ItemProps<SegmentedControlType>>(\n  function Item(\n    { children, leftContent, rightContent, className, ...rest },\n    forwardedRef\n  ) {\n    const { type, size } = useSegmentedControlContext('SegmentedControlItem')\n    const { setSelectedItemIndex } = useSegmentedControlItemListContext(\n      'SegmentedControlItem'\n    )\n    const index = useSegmentedControlItemContext('SegmentedControlItem')\n\n    const checked =\n      type === 'radiogroup'\n        ? (rest as ItemProps<typeof type>)?.['data-state'] === 'checked'\n        : (rest as ItemProps<typeof type>)?.['data-state'] === 'active'\n\n    useEffect(\n      function setSelectedItem() {\n        if (checked) {\n          setSelectedItemIndex(index)\n        }\n      },\n      [checked, index, setSelectedItemIndex]\n    )\n\n    return (\n      <BaseButton\n        {...rest}\n        ref={forwardedRef}\n        data-checked={ariaAttr(checked)}\n        className={classNames(styles.SegmentedControlItem, className)}\n      >\n        <HStack\n          className={styles.SegmentedControlItemContainer}\n          align=\"center\"\n          spacing={4}\n        >\n          {leftContent}\n\n          <Text\n            className={styles.SegmentedControlItemLabel}\n            bold\n            typo={getTypography(size)}\n          >\n            {children}\n          </Text>\n\n          {rightContent}\n        </HStack>\n      </BaseButton>\n    )\n  }\n)\n\nfunction SegmentedControlItemImpl<Value extends string>(\n  { children, ...rest }: SegmentedControlItemProps<Value>,\n  forwardedRef: React.Ref<HTMLButtonElement>\n) {\n  const { type } = useSegmentedControlContext('SegmentedControlItem')\n\n  const SegmentedControlItem =\n    type === 'radiogroup' ? RadioGroupPrimitive.Item : TabsPrimitive.Trigger\n\n  return (\n    <SegmentedControlItem\n      asChild\n      ref={forwardedRef}\n      {...rest}\n    >\n      <Item>{children}</Item>\n    </SegmentedControlItem>\n  )\n}\n\n/**\n * `SegmentedControlItem` component is each item in `SegmentedControl`.\n *\n * If the type of `SegmentedControl` is `radiogroup`, this component acts as a radio item.\n * In this case, it must be used as a child of `SegmentedControl`.\n *\n * If the type of `SegmentedControl` is `tabs`, this component acts as a tab item.\n * In this case, it must be used as a child of `SegmentedControlTabList`.\n */\nexport const SegmentedControlItem = forwardRef(SegmentedControlItemImpl) as <\n  Value extends string,\n>(\n  props: SegmentedControlItemProps<Value> & {\n    ref?: React.ForwardedRef<HTMLButtonElement>\n  }\n) => JSX.Element\n"],"names":["SegmentedControlContextProvider","useSegmentedControlContext","createContext","SegmentedControlItemContextProvider","useSegmentedControlItemContext","SegmentedControlItemListContextProvider","useSegmentedControlItemListContext","SegmentedControlDivider","index","selectedItemIndex","isAdjacentToSelectedItem","isNil","_jsx","Divider","className","classNames","styles","hidden","withoutParallelIndent","orientation","SegmentedControlItemListImpl","children","style","rest","forwardedRef","setSelectedItemIndex","useState","type","size","width","contextValue","useMemo","SegmentedControlItemList","RadioGroupPrimitive","TabsPrimitive","asChild","ref","cssDimension","React","Children","count","SegmentedControl","_jsxs","value","map","child","_Fragment","SegmentedControlIndicator","dividerStyles","variables","forwardRef","SegmentedControlRadioGroupImpl","hasError","ownProps","useFormFieldProps","SegmentedControlRadioGroup","SegmentedControlTabList","SegmentedControlTabContent","SegmentedControlTabs","SegmentedControlImpl","onValueChange","SegmentedControlRoot","getTypography","xs","s","m","l","Item","leftContent","rightContent","checked","useEffect","setSelectedItem","BaseButton","ariaAttr","SegmentedControlItem","HStack","SegmentedControlItemContainer","align","spacing","Text","SegmentedControlItemLabel","bold","typo","SegmentedControlItemImpl"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiDA,MAAM,CAACA,+BAA+B,EAAEC,0BAA0B,CAAC,GACjEC,mBAAa,CAAsC,IAAI,EAAE,kBAAkB,CAAC;AAM9E,MAAM,CAACC,mCAAmC,EAAEC,8BAA8B,CAAC,GACzEF,mBAAa,CAAgB,IAAI,EAAE,sBAAsB,CAAC;AAE5D,MAAM,CACJG,uCAAuC,EACvCC,kCAAkC,CACnC,GAAGJ,mBAAa,CACf,IAAI,EACJ,0BACF,CAAC;AAED,SAASK,uBAAuBA,CAAC;EAC/BC,KAAK;AACLC,EAAAA;AAIF,CAAC,EAAE;AACD,EAAA,MAAMC,wBAAwB,GAC5B,CAACC,UAAK,CAACF,iBAAiB,CAAC,KACxBA,iBAAiB,GAAG,CAAC,KAAKD,KAAK,IAAIC,iBAAiB,KAAKD,KAAK,CAAC;EAElE,oBACEI,cAAA,CAACC,eAAO,EAAA;AACNC,IAAAA,SAAS,EAAEC,eAAU,CACnBC,+BAAM,CAACT,uBAAuB,EAC9BG,wBAAwB,IAAIM,+BAAM,CAACC,MACrC,CAAE;IACFC,qBAAqB,EAAA,IAAA;AACrBC,IAAAA,WAAW,EAAC;AAAU,GACvB,CAAC;AAEN;AAEA,SAASC,4BAA4BA,CAInC;EACEC,QAAQ;SACRC,OAAK;EACLR,SAAS;EACT,GAAGS;AACuC,CAAC,EAC7CC,YAA0C,EAC1C;EACA,MAAM,CAACf,iBAAiB,EAAEgB,oBAAoB,CAAC,GAAGC,cAAQ,CACxD,IACF,CAAC;EAED,MAAM;UAAEC,MAAI;IAAEC,IAAI;AAAEC,IAAAA;AAAM,GAAC,GAAG5B,0BAA0B,CACtD,0BACF,CAAC;AAED,EAAA,MAAM6B,YAAkD,GAAGC,aAAO,CAChE,OAAO;AACLN,IAAAA;GACD,CAAC,EACF,EACF,CAAC;AAED,EAAA,MAAMO,wBAAwB,GAC5BL,MAAI,KAAK,YAAY,GAAGM,YAAwB,GAAGC,UAAkB;EAEvE,oBACEtB,cAAA,CAACoB,wBAAwB,EAAA;IACvBG,OAAO,EAAA,IAAA;AACPC,IAAAA,GAAG,EAAEZ,YAAa;AAAA,IAAA,GACdD,IAAI;AAAAF,IAAAA,QAAA,eAERT,cAAA,CAAA,KAAA,EAAA;AACEU,MAAAA,KAAK,EACH;AACE,QAAA,6BAA6B,EAAEe,kBAAY,CAACR,KAAK,CAAC;AAClD,QAAA,kCAAkC,EAAEpB,iBAAiB;QACrD,kCAAkC,EAAE6B,gBAAK,CAACC,QAAQ,CAACC,KAAK,CAACnB,QAAQ,CAAC;QAClE,GAAGC;OAEN;AACDR,MAAAA,SAAS,EAAEC,eAAU,CACnBC,+BAAM,CAACyB,gBAAgB,EACvBzB,+BAAM,CAAC,QAAQY,IAAI,CAAA,CAAE,CAAC,EACtBd,SACF,CAAE;MAAAO,QAAA,eAEFqB,eAAA,CAACrC,uCAAuC,EAAA;AAACsC,QAAAA,KAAK,EAAEb,YAAa;AAAAT,QAAAA,QAAA,GAC1DiB,gBAAK,CAACC,QAAQ,CAACK,GAAG,CAACvB,QAAQ,EAAE,CAACwB,KAAK,EAAErC,KAAK,kBACzCkC,eAAA,CAAAI,mBAAA,EAAA;AAAAzB,UAAAA,QAAA,GACGb,KAAK,KAAK,CAAC,iBACVI,cAAA,CAACL,uBAAuB,EAAA;AACtBC,YAAAA,KAAK,EAAEA,KAAM;AACbC,YAAAA,iBAAiB,EAAEA;AAAkB,WACtC,CACF,eACDG,cAAA,CAACT,mCAAmC,EAAA;AAACwC,YAAAA,KAAK,EAAEnC,KAAM;AAAAa,YAAAA,QAAA,EAC/CwB;AAAK,WAC6B,CAAC;SACtC,CACH,CAAC,EACD,CAAClC,UAAK,CAACF,iBAAiB,CAAC,iBACxBG,cAAA,CAAA,KAAA,EAAA;UACEE,SAAS,EAAEC,eAAU,CACnBC,+BAAM,CAAC+B,yBAAyB,EAChCC,sBAAa,CAACC,SAChB;AAAE,SACH,CACF;OACsC;KACtC;AAAC,GACkB,CAAC;AAE/B;AAEA,MAAMjB,wBAAwB,gBAAGkB,gBAAU,CAAC9B,4BAA4B,CAOxD;AAEhB,SAAS+B,8BAA8BA,CACrC;EAAE9B,QAAQ;EAAEO,IAAI;EAAE,GAAGL;AAA6C,CAAC,EACnEC,YAAuC,EACvC;EACA,MAAM;IAAE4B,QAAQ;IAAE,GAAGC;AAAS,GAAC,GAAGC,6BAAiB,CAAC/B,IAAI,CAAC;EACzD,oBACEX,cAAA,CAACoB,wBAAwB,EAAA;AACvBI,IAAAA,GAAG,EAAEZ,YAAa;AAAA,IAAA,GACd6B,QAAQ;AACZzB,IAAAA,IAAI,EAAEA,IAAK;AAAAP,IAAAA,QAAA,EAEVA;AAAQ,GACe,CAAC;AAE/B;AAEA,MAAMkC,0BAA0B,gBAAGL,gBAAU,CAC3CC,8BACF,CAIgB;;AAEhB;AACA;AACA;AACA;AACA;AACA;AACO,MAAMK,uBAAuB,GAAGxB;;AAMvC;AACA;AACA;AACA;AACA;AACA;AACayB,MAAAA,0BAA0B,GAAGvB;AAQ1C,MAAMwB,oBAAoB,GAAGxB,UAIb;AAEhB,SAASyB,oBAAoBA,CAI3B;AACEhC,EAAAA,IAAI,GAAG,YAAoB;AAC3BC,EAAAA,IAAI,GAAG,GAAG;AACVC,EAAAA,KAAK,GAAG,MAAM;EACd+B,aAAa;EACbvC,QAAQ;EACR,GAAGE;AAC+B,CAAC,EACrCC,YAAuC,EACvC;EACA,MAAMqC,oBAAoB,GACxBlC,IAAI,KAAK,YAAY,GAAG4B,0BAA0B,GAAGG,oBAAoB;AAE3E,EAAA,MAAM5B,YAAY,GAAGC,aAAO,CAC1B,OAAO;IACLJ,IAAI;IACJC,IAAI;AACJC,IAAAA;GACD,CAAC,EACF,CAACF,IAAI,EAAEC,IAAI,EAAEC,KAAK,CACpB,CAAC;EAED,oBACEjB,cAAA,CAACZ,+BAA+B,EAAA;AAAC2C,IAAAA,KAAK,EAAEb,YAAa;IAAAT,QAAA,eACnDT,cAAA,CAACiD,oBAAoB,EAAA;AACnBzB,MAAAA,GAAG,EAAEZ,YAAa;AAClBoC,MAAAA,aAAa,EAAEA,aAAc;AAAA,MAAA,GACzBrC,IAAI;AAAAF,MAAAA,QAAA,EAEPA;KACmB;AAAC,GACQ,CAAC;AAEtC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MACaoB,gBAAgB,gBAAGS,gBAAU,CAACS,oBAAoB;;AAS/D;AACA;AACA;;AAOA,SAASG,aAAaA,CAAClC,IAA0B,EAAE;EACjD,OACE;AACEmC,IAAAA,EAAE,EAAE,IAAI;AACRC,IAAAA,CAAC,EAAE,IAAI;AACPC,IAAAA,CAAC,EAAE,IAAI;AACPC,IAAAA,CAAC,EAAE;GACJ,CACDtC,IAAI,CAAC;AACT;AAEA,MAAMuC,IAAI,gBAAGjB,gBAAU,CACrB,SAASiB,IAAIA,CACX;EAAE9C,QAAQ;EAAE+C,WAAW;EAAEC,YAAY;EAAEvD,SAAS;EAAE,GAAGS;AAAK,CAAC,EAC3DC,YAAY,EACZ;EACA,MAAM;IAAEG,IAAI;AAAEC,IAAAA;AAAK,GAAC,GAAG3B,0BAA0B,CAAC,sBAAsB,CAAC;EACzE,MAAM;AAAEwB,IAAAA;AAAqB,GAAC,GAAGnB,kCAAkC,CACjE,sBACF,CAAC;AACD,EAAA,MAAME,KAAK,GAAGJ,8BAA8B,CAAC,sBAAsB,CAAC;AAEpE,EAAA,MAAMkE,OAAO,GACX3C,IAAI,KAAK,YAAY,GACjB,CAACJ,IAAI,KAAJA,IAAAA,IAAAA,IAAI,KAAJA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,IAAI,CAA8B,YAAY,CAAC,MAAK,SAAS,GAC9D,CAACA,IAAI,KAAJA,IAAAA,IAAAA,IAAI,KAAJA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,IAAI,CAA8B,YAAY,CAAC,MAAK,QAAQ;AAEnEgD,EAAAA,eAAS,CACP,SAASC,eAAeA,GAAG;AACzB,IAAA,IAAIF,OAAO,EAAE;MACX7C,oBAAoB,CAACjB,KAAK,CAAC;AAC7B;GACD,EACD,CAAC8D,OAAO,EAAE9D,KAAK,EAAEiB,oBAAoB,CACvC,CAAC;EAED,oBACEb,cAAA,CAAC6D,qBAAU,EAAA;AAAA,IAAA,GACLlD,IAAI;AACRa,IAAAA,GAAG,EAAEZ,YAAa;IAClB,cAAckD,EAAAA,aAAQ,CAACJ,OAAO,CAAE;IAChCxD,SAAS,EAAEC,eAAU,CAACC,+BAAM,CAAC2D,oBAAoB,EAAE7D,SAAS,CAAE;IAAAO,QAAA,eAE9DqB,eAAA,CAACkC,YAAM,EAAA;MACL9D,SAAS,EAAEE,+BAAM,CAAC6D,6BAA8B;AAChDC,MAAAA,KAAK,EAAC,QAAQ;AACdC,MAAAA,OAAO,EAAE,CAAE;AAAA1D,MAAAA,QAAA,EAEV+C,CAAAA,WAAW,eAEZxD,cAAA,CAACoE,SAAI,EAAA;QACHlE,SAAS,EAAEE,+BAAM,CAACiE,yBAA0B;QAC5CC,IAAI,EAAA,IAAA;AACJC,QAAAA,IAAI,EAAErB,aAAa,CAAClC,IAAI,CAAE;AAAAP,QAAAA,QAAA,EAEzBA;OACG,CAAC,EAENgD,YAAY;KACP;AAAC,GACC,CAAC;AAEjB,CACF,CAAC;AAED,SAASe,wBAAwBA,CAC/B;EAAE/D,QAAQ;EAAE,GAAGE;AAAuC,CAAC,EACvDC,YAA0C,EAC1C;EACA,MAAM;AAAEG,IAAAA;AAAK,GAAC,GAAG1B,0BAA0B,CAAC,sBAAsB,CAAC;AAEnE,EAAA,MAAM0E,oBAAoB,GACxBhD,IAAI,KAAK,YAAY,GAAGM,YAAwB,GAAGC,aAAqB;EAE1E,oBACEtB,cAAA,CAAC+D,oBAAoB,EAAA;IACnBxC,OAAO,EAAA,IAAA;AACPC,IAAAA,GAAG,EAAEZ,YAAa;AAAA,IAAA,GACdD,IAAI;IAAAF,QAAA,eAERT,cAAA,CAACuD,IAAI,EAAA;AAAA9C,MAAAA,QAAA,EAAEA;KAAe;AAAC,GACH,CAAC;AAE3B;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MACasD,oBAAoB,gBAAGzB,gBAAU,CAACkC,wBAAwB;;;;;;;"}

package/dist/cjs/components/SegmentedControl/SegmentedControl.module.scss.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var styles = {"SegmentedControl":"b-QJFyw","size-xs":"b-KfsMM","SegmentedControlItem":"b-Fxuhx","SegmentedControlIndicator":"b-G5Rub","size-s":"b-YkgBA","size-m":"b-GGYhm","size-l":"b-4ubIM","SegmentedControlItemContainer":"b-eMgAF","SegmentedControlItemLabel":"b-yS7U6"};
+var styles = {"SegmentedControl":"b-QJFyw","size-xs":"b-KfsMM","SegmentedControlItem":"b-Fxuhx","SegmentedControlIndicator":"b-G5Rub","size-s":"b-YkgBA","size-m":"b-GGYhm","size-l":"b-4ubIM","SegmentedControlItemContainer":"b-eMgAF","SegmentedControlItemLabel":"b-yS7U6","SegmentedControlDivider":"b-RgPrE","hidden":"b-FM5TV"};
 
 exports.default = styles;
 //# sourceMappingURL=SegmentedControl.module.scss.js.map