@channel.io/bezier-react 3.1.2 → 3.1.3

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

@@ -174,6 +174,14 @@ const SegmentedControl = /*#__PURE__*/React.forwardRef(SegmentedControlImpl);
  * NOTE: (@ed) A property injected at runtime by the radix-ui lib.
  */
 
+function getTypography(size) {
+  return {
+    xs: '13',
+    s: '13',
+    m: '13',
+    l: '14'
+  }[size];
+}
 const Item = /*#__PURE__*/React.forwardRef(function Item({
   children,
   leftContent,
@@ -203,12 +211,11 @@ const Item = /*#__PURE__*/React.forwardRef(function Item({
     children: /*#__PURE__*/jsxRuntime.jsxs(Stack.HStack, {
       className: SegmentedControl_module.default.SegmentedControlItemContainer,
       align: "center",
-      spacing: 2,
+      spacing: 4,
       children: [leftContent, /*#__PURE__*/jsxRuntime.jsx(Text.Text, {
         className: SegmentedControl_module.default.SegmentedControlItemLabel,
         bold: true,
-        truncated: true,
-        typo: size === 'xs' ? '13' : '14',
+        typo: getTypography(size),
         children: children
       }), rightContent]
     })

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 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\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={2}\n        >\n          {leftContent}\n          <Text\n            className={styles.SegmentedControlItemLabel}\n            bold\n            truncated\n            typo={size === 'xs' ? '13' : '14'}\n          >\n            {children}\n          </Text>\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","Item","leftContent","rightContent","checked","useEffect","setSelectedItem","BaseButton","ariaAttr","SegmentedControlItem","HStack","SegmentedControlItemContainer","align","spacing","Text","SegmentedControlItemLabel","bold","truncated","typo","SegmentedControlItemImpl"],"mappings":"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"}
+{"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":"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"}