@channel.io/bezier-react 2.6.1 → 3.0.0

package/dist/cjs/components/RadioGroup/RadioGroup.js

@@ -2,10 +2,11 @@
 
 var React = require('react');
 var index = require('../../node_modules/@radix-ui/react-radio-group/dist/index.js');
-var index$1 = require('../../node_modules/classnames/index.js');
+var index$1 = require('../../_virtual/index.js');
 var useId = require('../../hooks/useId.js');
 var propsHelpers = require('../../types/props-helpers.js');
 var RadioGroup_module = require('./RadioGroup.module.scss.js');
+var jsxRuntime = require('react/jsx-runtime');
 var FormControl = require('../FormControl/FormControl.js');
 var Stack = require('../Stack/Stack.js');
 var BaseButton = require('../BaseButton/BaseButton.js');
@@ -21,15 +22,18 @@ function RadioGroupImpl({
     hasError,
     ...formFieldProps
   } = FormControl.useFormFieldProps(rest);
-  return /*#__PURE__*/React.createElement(index.Root, Object.assign({
-    asChild: true
-  }, formFieldProps), /*#__PURE__*/React.createElement(Stack.Stack, {
-    ref: forwardedRef,
-    justify: "start",
-    align: "stretch",
-    spacing: spacing,
-    direction: direction
-  }, children));
+  return /*#__PURE__*/jsxRuntime.jsx(index.Root, {
+    asChild: true,
+    ...formFieldProps,
+    children: /*#__PURE__*/jsxRuntime.jsx(Stack.Stack, {
+      ref: forwardedRef,
+      justify: "start",
+      align: "stretch",
+      spacing: spacing,
+      direction: direction,
+      children: children
+    })
+  });
 }
 
 /**
@@ -54,20 +58,25 @@ function RadioImpl({
   ...rest
 }, forwardedRef) {
   const id = useId.default(idProp, 'bezier-radio');
-  return /*#__PURE__*/React.createElement(index.Item, Object.assign({
+  return /*#__PURE__*/jsxRuntime.jsx(index.Item, {
     asChild: true,
     className: index$1.default(RadioGroup_module.default.RadioGroupItem, propsHelpers.getFormFieldSizeClassName('m'), className),
     ref: forwardedRef,
-    id: id
-  }, rest), /*#__PURE__*/React.createElement(BaseButton.BaseButton, null, children && /*#__PURE__*/React.createElement(Text.Text, {
-    className: RadioGroup_module.default.Label,
-    as: "label"
-    /* FIXME(@ed): Delete after applying polymorphic props */
-    /* @ts-ignore */,
-    htmlFor: id,
-    typo: "14",
-    color: "txt-black-darkest"
-  }, children)));
+    id: id,
+    ...rest,
+    children: /*#__PURE__*/jsxRuntime.jsx(BaseButton.BaseButton, {
+      children: children && /*#__PURE__*/jsxRuntime.jsx(Text.Text, {
+        className: RadioGroup_module.default.Label,
+        as: "label"
+        /* FIXME(@ed): Delete after applying polymorphic props */
+        /* @ts-ignore */,
+        htmlFor: id,
+        typo: "14",
+        color: "txt-black-darkest",
+        children: children
+      })
+    })
+  });
 }
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.js","sources":["../../../../src/components/RadioGroup/RadioGroup.tsx"],"sourcesContent":["'use client'\n\nimport React, { forwardRef } from 'react'\n\nimport * as RadioGroupPrimitive from '@radix-ui/react-radio-group'\nimport classNames from 'classnames'\n\nimport useId from '~/src/hooks/useId'\nimport { getFormFieldSizeClassName } from '~/src/types/props-helpers'\n\nimport { BaseButton } from '~/src/components/BaseButton'\nimport { useFormFieldProps } from '~/src/components/FormControl'\nimport { Stack } from '~/src/components/Stack'\nimport { Text } from '~/src/components/Text'\n\nimport { type RadioGroupProps, type RadioProps } from './RadioGroup.types'\n\nimport styles from './RadioGroup.module.scss'\n\nfunction RadioGroupImpl<Value extends string>(\n  {\n    children,\n    spacing = 0,\n    direction = 'vertical',\n    ...rest\n  }: RadioGroupProps<Value>,\n  forwardedRef: React.Ref<HTMLDivElement>\n) {\n  const { hasError, ...formFieldProps } = useFormFieldProps(rest)\n\n  return (\n    <RadioGroupPrimitive.Root\n      asChild\n      {...formFieldProps}\n    >\n      <Stack\n        ref={forwardedRef}\n        justify=\"start\"\n        align=\"stretch\"\n        spacing={spacing}\n        direction={direction}\n      >\n        {children}\n      </Stack>\n    </RadioGroupPrimitive.Root>\n  )\n}\n\n/**\n * `RadioGroup` is a set of checkable buttons, known as radio buttons.\n *\n * `RadioGroup` is a context of the `Radio` components. also, it renders an element which has the 'radiogroup' role.\n * It controls all the parts of a radio group.\n * @example\n *\n * ```tsx\n * // Anatomy of the RadioGroup\n * <RadioGroup>\n *  <Radio />\n * </RadioGroup>\n * ```\n */\nexport const RadioGroup = forwardRef(RadioGroupImpl) as <Value extends string>(\n  props: RadioGroupProps<Value> & { ref?: React.ForwardedRef<HTMLDivElement> }\n) => ReturnType<typeof RadioGroupImpl<Value>>\n\nfunction RadioImpl<Value extends string>(\n  { children, className, id: idProp, ...rest }: RadioProps<Value>,\n  forwardedRef: React.Ref<HTMLButtonElement>\n) {\n  const id = useId(idProp, 'bezier-radio')\n\n  return (\n    <RadioGroupPrimitive.Item\n      asChild\n      className={classNames(\n        styles.RadioGroupItem,\n        getFormFieldSizeClassName('m'),\n        className\n      )}\n      ref={forwardedRef}\n      id={id}\n      {...rest}\n    >\n      <BaseButton>\n        {children && (\n          <Text\n            className={styles.Label}\n            as=\"label\"\n            /* FIXME(@ed): Delete after applying polymorphic props */\n            /* @ts-ignore */\n            htmlFor={id}\n            typo=\"14\"\n            color=\"txt-black-darkest\"\n          >\n            {children}\n          </Text>\n        )}\n      </BaseButton>\n    </RadioGroupPrimitive.Item>\n  )\n}\n\n/**\n * `Radio` is a checkable button, known as a radio button.\n * It should be a child of `RadioGroup`.\n */\nexport const Radio = forwardRef(RadioImpl) as <Value extends string>(\n  props: RadioProps<Value> & { ref?: React.ForwardedRef<HTMLButtonElement> }\n) => ReturnType<typeof RadioImpl<Value>>\n"],"names":["RadioGroupImpl","children","spacing","direction","rest","forwardedRef","hasError","formFieldProps","useFormFieldProps","React","createElement","RadioGroupPrimitive","Object","assign","asChild","Stack","ref","justify","align","RadioGroup","forwardRef","RadioImpl","className","id","idProp","useId","classNames","styles","RadioGroupItem","getFormFieldSizeClassName","BaseButton","Text","Label","as","htmlFor","typo","color","Radio"],"mappings":";;;;;;;;;;;;;AAmBA,SAASA,cAAcA,CACrB;EACEC,QAAQ;AACRC,EAAAA,OAAO,GAAG,CAAC;AACXC,EAAAA,SAAS,GAAG,UAAU;EACtB,GAAGC,IAAAA;AACmB,CAAC,EACzBC,YAAuC,EACvC;EACA,MAAM;IAAEC,QAAQ;IAAE,GAAGC,cAAAA;AAAe,GAAC,GAAGC,6BAAiB,CAACJ,IAAI,CAAC,CAAA;EAE/D,oBACEK,KAAA,CAAAC,aAAA,CAACC,UAAwB,EAAAC,MAAA,CAAAC,MAAA,CAAA;IACvBC,OAAO,EAAA,IAAA;AAAA,GAAA,EACHP,cAAc,CAElBE,eAAAA,KAAA,CAAAC,aAAA,CAACK,WAAK,EAAA;AACJC,IAAAA,GAAG,EAAEX,YAAa;AAClBY,IAAAA,OAAO,EAAC,OAAO;AACfC,IAAAA,KAAK,EAAC,SAAS;AACfhB,IAAAA,OAAO,EAAEA,OAAQ;AACjBC,IAAAA,SAAS,EAAEA,SAAAA;GAEVF,EAAAA,QACI,CACiB,CAAC,CAAA;AAE/B,CAAA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MACakB,UAAU,gBAAGC,gBAAU,CAACpB,cAAc,EAEN;AAE7C,SAASqB,SAASA,CAChB;EAAEpB,QAAQ;EAAEqB,SAAS;AAAEC,EAAAA,EAAE,EAAEC,MAAM;EAAE,GAAGpB,IAAAA;AAAwB,CAAC,EAC/DC,YAA0C,EAC1C;AACA,EAAA,MAAMkB,EAAE,GAAGE,aAAK,CAACD,MAAM,EAAE,cAAc,CAAC,CAAA;EAExC,oBACEf,KAAA,CAAAC,aAAA,CAACC,UAAwB,EAAAC,MAAA,CAAAC,MAAA,CAAA;IACvBC,OAAO,EAAA,IAAA;AACPQ,IAAAA,SAAS,EAAEI,eAAU,CACnBC,yBAAM,CAACC,cAAc,EACrBC,sCAAyB,CAAC,GAAG,CAAC,EAC9BP,SACF,CAAE;AACFN,IAAAA,GAAG,EAAEX,YAAa;AAClBkB,IAAAA,EAAE,EAAEA,EAAAA;AAAG,GAAA,EACHnB,IAAI,CAAA,eAERK,KAAA,CAAAC,aAAA,CAACoB,qBAAU,EACR7B,IAAAA,EAAAA,QAAQ,iBACPQ,KAAA,CAAAC,aAAA,CAACqB,SAAI,EAAA;IACHT,SAAS,EAAEK,yBAAM,CAACK,KAAM;AACxBC,IAAAA,EAAE,EAAC,OAAA;AACH;AACA;AACAC,IAAAA,OAAO,EAAEX,EAAG;AACZY,IAAAA,IAAI,EAAC,IAAI;AACTC,IAAAA,KAAK,EAAC,mBAAA;GAELnC,EAAAA,QACG,CAEE,CACY,CAAC,CAAA;AAE/B,CAAA;;AAEA;AACA;AACA;AACA;MACaoC,KAAK,gBAAGjB,gBAAU,CAACC,SAAS;;;;;"}
+{"version":3,"file":"RadioGroup.js","sources":["../../../../src/components/RadioGroup/RadioGroup.tsx"],"sourcesContent":["'use client'\n\nimport { forwardRef } from 'react'\nimport * as React from 'react'\n\nimport * as RadioGroupPrimitive from '@radix-ui/react-radio-group'\nimport classNames from 'classnames'\n\nimport useId from '~/src/hooks/useId'\nimport { getFormFieldSizeClassName } from '~/src/types/props-helpers'\n\nimport { BaseButton } from '~/src/components/BaseButton'\nimport { useFormFieldProps } from '~/src/components/FormControl'\nimport { Stack } from '~/src/components/Stack'\nimport { Text } from '~/src/components/Text'\n\nimport { type RadioGroupProps, type RadioProps } from './RadioGroup.types'\n\nimport styles from './RadioGroup.module.scss'\n\nfunction RadioGroupImpl<Value extends string>(\n  {\n    children,\n    spacing = 0,\n    direction = 'vertical',\n    ...rest\n  }: RadioGroupProps<Value>,\n  forwardedRef: React.Ref<HTMLDivElement>\n) {\n  const { hasError, ...formFieldProps } = useFormFieldProps(rest)\n\n  return (\n    <RadioGroupPrimitive.Root\n      asChild\n      {...formFieldProps}\n    >\n      <Stack\n        ref={forwardedRef}\n        justify=\"start\"\n        align=\"stretch\"\n        spacing={spacing}\n        direction={direction}\n      >\n        {children}\n      </Stack>\n    </RadioGroupPrimitive.Root>\n  )\n}\n\n/**\n * `RadioGroup` is a set of checkable buttons, known as radio buttons.\n *\n * `RadioGroup` is a context of the `Radio` components. also, it renders an element which has the 'radiogroup' role.\n * It controls all the parts of a radio group.\n * @example\n *\n * ```tsx\n * // Anatomy of the RadioGroup\n * <RadioGroup>\n *  <Radio />\n * </RadioGroup>\n * ```\n */\nexport const RadioGroup = forwardRef(RadioGroupImpl) as <Value extends string>(\n  props: RadioGroupProps<Value> & { ref?: React.ForwardedRef<HTMLDivElement> }\n) => ReturnType<typeof RadioGroupImpl<Value>>\n\nfunction RadioImpl<Value extends string>(\n  { children, className, id: idProp, ...rest }: RadioProps<Value>,\n  forwardedRef: React.Ref<HTMLButtonElement>\n) {\n  const id = useId(idProp, 'bezier-radio')\n\n  return (\n    <RadioGroupPrimitive.Item\n      asChild\n      className={classNames(\n        styles.RadioGroupItem,\n        getFormFieldSizeClassName('m'),\n        className\n      )}\n      ref={forwardedRef}\n      id={id}\n      {...rest}\n    >\n      <BaseButton>\n        {children && (\n          <Text\n            className={styles.Label}\n            as=\"label\"\n            /* FIXME(@ed): Delete after applying polymorphic props */\n            /* @ts-ignore */\n            htmlFor={id}\n            typo=\"14\"\n            color=\"txt-black-darkest\"\n          >\n            {children}\n          </Text>\n        )}\n      </BaseButton>\n    </RadioGroupPrimitive.Item>\n  )\n}\n\n/**\n * `Radio` is a checkable button, known as a radio button.\n * It should be a child of `RadioGroup`.\n */\nexport const Radio = forwardRef(RadioImpl) as <Value extends string>(\n  props: RadioProps<Value> & { ref?: React.ForwardedRef<HTMLButtonElement> }\n) => ReturnType<typeof RadioImpl<Value>>\n"],"names":["RadioGroupImpl","children","spacing","direction","rest","forwardedRef","hasError","formFieldProps","useFormFieldProps","_jsx","RadioGroupPrimitive","asChild","Stack","ref","justify","align","RadioGroup","forwardRef","RadioImpl","className","id","idProp","useId","classNames","styles","RadioGroupItem","getFormFieldSizeClassName","BaseButton","Text","Label","as","htmlFor","typo","color","Radio"],"mappings":";;;;;;;;;;;;;;AAoBA,SAASA,cAAcA,CACrB;EACEC,QAAQ;AACRC,EAAAA,OAAO,GAAG,CAAC;AACXC,EAAAA,SAAS,GAAG,UAAU;EACtB,GAAGC;AACmB,CAAC,EACzBC,YAAuC,EACvC;EACA,MAAM;IAAEC,QAAQ;IAAE,GAAGC;AAAe,GAAC,GAAGC,6BAAiB,CAACJ,IAAI,CAAC;AAE/D,EAAA,oBACEK,cAAA,CAACC,UAAwB,EAAA;IACvBC,OAAO,EAAA,IAAA;AAAA,IAAA,GACHJ,cAAc;IAAAN,QAAA,eAElBQ,cAAA,CAACG,WAAK,EAAA;AACJC,MAAAA,GAAG,EAAER,YAAa;AAClBS,MAAAA,OAAO,EAAC,OAAO;AACfC,MAAAA,KAAK,EAAC,SAAS;AACfb,MAAAA,OAAO,EAAEA,OAAQ;AACjBC,MAAAA,SAAS,EAAEA,SAAU;AAAAF,MAAAA,QAAA,EAEpBA;KACI;AAAC,GACgB,CAAC;AAE/B;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MACae,UAAU,gBAAGC,gBAAU,CAACjB,cAAc;AAInD,SAASkB,SAASA,CAChB;EAAEjB,QAAQ;EAAEkB,SAAS;AAAEC,EAAAA,EAAE,EAAEC,MAAM;EAAE,GAAGjB;AAAwB,CAAC,EAC/DC,YAA0C,EAC1C;AACA,EAAA,MAAMe,EAAE,GAAGE,aAAK,CAACD,MAAM,EAAE,cAAc,CAAC;AAExC,EAAA,oBACEZ,cAAA,CAACC,UAAwB,EAAA;IACvBC,OAAO,EAAA,IAAA;AACPQ,IAAAA,SAAS,EAAEI,eAAU,CACnBC,yBAAM,CAACC,cAAc,EACrBC,sCAAyB,CAAC,GAAG,CAAC,EAC9BP,SACF,CAAE;AACFN,IAAAA,GAAG,EAAER,YAAa;AAClBe,IAAAA,EAAE,EAAEA,EAAG;AAAA,IAAA,GACHhB,IAAI;IAAAH,QAAA,eAERQ,cAAA,CAACkB,qBAAU,EAAA;AAAA1B,MAAAA,QAAA,EACRA,QAAQ,iBACPQ,cAAA,CAACmB,SAAI,EAAA;QACHT,SAAS,EAAEK,yBAAM,CAACK,KAAM;AACxBC,QAAAA,EAAE,EAAC;AACH;AACA;AACAC,QAAAA,OAAO,EAAEX,EAAG;AACZY,QAAAA,IAAI,EAAC,IAAI;AACTC,QAAAA,KAAK,EAAC,mBAAmB;AAAAhC,QAAAA,QAAA,EAExBA;OACG;KAEE;AAAC,GACW,CAAC;AAE/B;;AAEA;AACA;AACA;AACA;MACaiC,KAAK,gBAAGjB,gBAAU,CAACC,SAAS;;;;;"}

package/dist/cjs/components/SectionLabel/SectionLabel.js

@@ -2,10 +2,11 @@
 
 var React = require('react');
 var bezierIcons = require('@channel.io/bezier-icons');
-var index = require('../../node_modules/classnames/index.js');
+var index = require('../../_virtual/index.js');
 var assert = require('../../utils/assert.js');
 var type = require('../../utils/type.js');
 var SectionLabel_module = require('./SectionLabel.module.scss.js');
+var jsxRuntime = require('react/jsx-runtime');
 var Text = require('../Text/Text.js');
 var Help = require('../Help/Help.js');
 var utils = require('../LegacyIcon/utils.js');
@@ -19,7 +20,9 @@ function LeftContent({
 }) {
   const isLegacyIcon = utils.isIconName(children);
   if (!bezierIcons.isBezierIcon(children) && !isLegacyIcon) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+    return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+      children: children
+    });
   }
   if (isLegacyIcon) {
     assert.warn('Deprecation: IconName as a value for the icon property of SectionLabel has been deprecated. Use the Icon of bezier-icons instead.');
@@ -28,14 +31,15 @@ function LeftContent({
   return (
     /*#__PURE__*/
     // @ts-expect-error
-    React.createElement(Comp, Object.assign({}, isLegacyIcon ? {
-      name: children
-    } : {
-      source: children
-    }, {
+    jsxRuntime.jsx(Comp, {
+      ...(isLegacyIcon ? {
+        name: children
+      } : {
+        source: children
+      }),
       size: "s",
       color: "txt-black-dark"
-    }))
+    })
   );
 }
 function isIconWithAction(args) {
@@ -47,23 +51,26 @@ function RightContent({
   const isLegacyIcon = utils.isIconName(children);
   const withAction = isIconWithAction(children);
   if (!bezierIcons.isBezierIcon(children) && !isLegacyIcon && !withAction) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+    return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+      children: children
+    });
   }
   if (isLegacyIcon) {
     assert.warn('Deprecation: IconName as a value for the icon property of SectionLabel has been deprecated. Use the Icon of bezier-icons instead.');
   }
-  return /*#__PURE__*/React.createElement(Button.Button, Object.assign({}, withAction ? {
-    leftContent: children.icon,
-    onClick: children.onClick
-  } : {
-    as: 'div',
-    leftContent: children
-  }, {
+  return /*#__PURE__*/jsxRuntime.jsx(Button.Button, {
+    ...(withAction ? {
+      leftContent: children.icon,
+      onClick: children.onClick
+    } : {
+      as: 'div',
+      leftContent: children
+    }),
     className: SectionLabel_module.default.RightItem,
     size: "xs",
     styleVariant: "tertiary",
     colorVariant: "monochrome-light"
-  }));
+  });
 }
 const SectionLabel = /*#__PURE__*/React.forwardRef(function SectionLabel({
   children,
@@ -77,34 +84,50 @@ const SectionLabel = /*#__PURE__*/React.forwardRef(function SectionLabel({
   ...props
 }, forwardedRef) {
   const Comp = !type.isNil(onClick) ? BaseButton.BaseButton : 'div';
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Comp
-  // @ts-expect-error
-  , Object.assign({
-    ref: forwardedRef,
-    className: index.default(SectionLabel_module.default.SectionLabel, className),
-    "data-testid": "bezier-section-label",
-    onClick: onClick
-  }, props), leftContent && /*#__PURE__*/React.createElement("div", {
-    className: SectionLabel_module.default.LeftContent
-  }, /*#__PURE__*/React.createElement(LeftContent, null, leftContent)), /*#__PURE__*/React.createElement("div", {
-    className: SectionLabel_module.default.Content
-  }, type.isString(content) || type.isNumber(content) ? /*#__PURE__*/React.createElement(Text.Text, {
-    bold: true,
-    typo: "13",
-    color: "txt-black-dark",
-    truncated: true
-  }, content) : content), help && /*#__PURE__*/React.createElement("div", {
-    className: SectionLabel_module.default.Help
-  }, /*#__PURE__*/React.createElement(Help.Help, {
-    allowHover: true
-  }, help)), !type.isNil(rightContent) && !type.isEmpty(rightContent) && /*#__PURE__*/React.createElement("div", {
-    className: SectionLabel_module.default.RightContent
-  }, type.isArray(rightContent) ? rightContent.map((eachContent, index) =>
-  /*#__PURE__*/
-  // eslint-disable-next-line react/no-array-index-key
-  React.createElement(RightContent, {
-    key: index
-  }, eachContent)) : /*#__PURE__*/React.createElement(RightContent, null, rightContent))), children && open && /*#__PURE__*/React.createElement("div", null, children));
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsxs(Comp
+    // @ts-expect-error
+    , {
+      ref: forwardedRef,
+      className: index.default(SectionLabel_module.default.SectionLabel, className),
+      "data-testid": "bezier-section-label",
+      onClick: onClick,
+      ...props,
+      children: [leftContent && /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: SectionLabel_module.default.LeftContent,
+        children: /*#__PURE__*/jsxRuntime.jsx(LeftContent, {
+          children: leftContent
+        })
+      }), /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: SectionLabel_module.default.Content,
+        children: type.isString(content) || type.isNumber(content) ? /*#__PURE__*/jsxRuntime.jsx(Text.Text, {
+          bold: true,
+          typo: "13",
+          color: "txt-black-dark",
+          truncated: true,
+          children: content
+        }) : content
+      }), help && /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: SectionLabel_module.default.Help,
+        children: /*#__PURE__*/jsxRuntime.jsx(Help.Help, {
+          allowHover: true,
+          children: help
+        })
+      }), !type.isNil(rightContent) && !type.isEmpty(rightContent) && /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: SectionLabel_module.default.RightContent,
+        children: type.isArray(rightContent) ? rightContent.map((eachContent, index) =>
+        /*#__PURE__*/
+        // eslint-disable-next-line react/no-array-index-key
+        jsxRuntime.jsx(RightContent, {
+          children: eachContent
+        }, index)) : /*#__PURE__*/jsxRuntime.jsx(RightContent, {
+          children: rightContent
+        })
+      })]
+    }), children && open && /*#__PURE__*/jsxRuntime.jsx("div", {
+      children: children
+    })]
+  });
 });
 
 exports.SectionLabel = SectionLabel;

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

@@ -1 +1 @@
-{"version":3,"file":"SectionLabel.js","sources":["../../../../src/components/SectionLabel/SectionLabel.tsx"],"sourcesContent":["'use client'\n\nimport React, { forwardRef } from 'react'\n\nimport { isBezierIcon } from '@channel.io/bezier-icons'\nimport classNames from 'classnames'\n\nimport { warn } from '~/src/utils/assert'\nimport {\n  isArray,\n  isEmpty,\n  isNil,\n  isNumber,\n  isObject,\n  isString,\n} from '~/src/utils/type'\n\nimport { BaseButton } from '~/src/components/BaseButton'\nimport { Button } from '~/src/components/Button'\nimport { Help } from '~/src/components/Help'\nimport { Icon } from '~/src/components/Icon'\nimport { LegacyIcon, isIconName } from '~/src/components/LegacyIcon'\nimport { Text } from '~/src/components/Text'\n\nimport {\n  type IconWithAction,\n  type SectionLabelLeftContent,\n  type SectionLabelProps,\n  type SectionLabelRightContent,\n} from './SectionLabel.types'\n\nimport styles from './SectionLabel.module.scss'\n\nfunction LeftContent({ children }: { children: SectionLabelLeftContent }) {\n  const isLegacyIcon = isIconName(children)\n\n  if (!isBezierIcon(children) && !isLegacyIcon) {\n    return <>{children}</>\n  }\n\n  if (isLegacyIcon) {\n    warn(\n      'Deprecation: IconName as a value for the icon property of SectionLabel has been deprecated. Use the Icon of bezier-icons instead.'\n    )\n  }\n\n  const Comp = isLegacyIcon ? LegacyIcon : Icon\n\n  return (\n    // @ts-expect-error\n    <Comp\n      {...(isLegacyIcon\n        ? {\n            name: children,\n          }\n        : {\n            source: children,\n          })}\n      size=\"s\"\n      color=\"txt-black-dark\"\n    />\n  )\n}\n\nfunction isIconWithAction(args: unknown): args is IconWithAction {\n  return isObject(args) && 'icon' in args\n}\n\nfunction RightContent({ children }: { children: SectionLabelRightContent }) {\n  const isLegacyIcon = isIconName(children)\n  const withAction = isIconWithAction(children)\n\n  if (!isBezierIcon(children) && !isLegacyIcon && !withAction) {\n    return <>{children}</>\n  }\n\n  if (isLegacyIcon) {\n    warn(\n      'Deprecation: IconName as a value for the icon property of SectionLabel has been deprecated. Use the Icon of bezier-icons instead.'\n    )\n  }\n\n  return (\n    <Button\n      {...(withAction\n        ? {\n            leftContent: children.icon,\n            onClick: children.onClick,\n          }\n        : {\n            as: 'div',\n            leftContent: children,\n          })}\n      className={styles.RightItem}\n      size=\"xs\"\n      styleVariant=\"tertiary\"\n      colorVariant=\"monochrome-light\"\n    />\n  )\n}\n\nexport const SectionLabel = forwardRef<HTMLElement, SectionLabelProps>(\n  function SectionLabel(\n    {\n      children,\n      className,\n      open = true,\n      help,\n      leftContent,\n      content,\n      rightContent,\n      onClick,\n      ...props\n    },\n    forwardedRef\n  ) {\n    const Comp = !isNil(onClick) ? BaseButton : 'div'\n\n    return (\n      <>\n        <Comp\n          // @ts-expect-error\n          ref={forwardedRef}\n          className={classNames(styles.SectionLabel, className)}\n          data-testid=\"bezier-section-label\"\n          onClick={onClick}\n          {...props}\n        >\n          {leftContent && (\n            <div className={styles.LeftContent}>\n              <LeftContent>{leftContent}</LeftContent>\n            </div>\n          )}\n\n          <div className={styles.Content}>\n            {isString(content) || isNumber(content) ? (\n              <Text\n                bold\n                typo=\"13\"\n                color=\"txt-black-dark\"\n                truncated\n              >\n                {content}\n              </Text>\n            ) : (\n              content\n            )}\n          </div>\n\n          {help && (\n            <div className={styles.Help}>\n              <Help allowHover>{help}</Help>\n            </div>\n          )}\n\n          {!isNil(rightContent) && !isEmpty(rightContent) && (\n            <div className={styles.RightContent}>\n              {isArray(rightContent) ? (\n                rightContent.map((eachContent, index) => (\n                  // eslint-disable-next-line react/no-array-index-key\n                  <RightContent key={index}>{eachContent}</RightContent>\n                ))\n              ) : (\n                <RightContent>{rightContent}</RightContent>\n              )}\n            </div>\n          )}\n        </Comp>\n\n        {children && open && <div>{children}</div>}\n      </>\n    )\n  }\n)\n"],"names":["LeftContent","children","isLegacyIcon","isIconName","isBezierIcon","React","createElement","Fragment","warn","Comp","LegacyIcon","Icon","Object","assign","name","source","size","color","isIconWithAction","args","isObject","RightContent","withAction","Button","leftContent","icon","onClick","as","className","styles","RightItem","styleVariant","colorVariant","SectionLabel","forwardRef","open","help","content","rightContent","props","forwardedRef","isNil","BaseButton","ref","classNames","Content","isString","isNumber","Text","bold","typo","truncated","Help","allowHover","isEmpty","isArray","map","eachContent","index","key"],"mappings":"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"}
+{"version":3,"file":"SectionLabel.js","sources":["../../../../src/components/SectionLabel/SectionLabel.tsx"],"sourcesContent":["'use client'\n\nimport { forwardRef } from 'react'\n\nimport { isBezierIcon } from '@channel.io/bezier-icons'\nimport classNames from 'classnames'\n\nimport { warn } from '~/src/utils/assert'\nimport {\n  isArray,\n  isEmpty,\n  isNil,\n  isNumber,\n  isObject,\n  isString,\n} from '~/src/utils/type'\n\nimport { BaseButton } from '~/src/components/BaseButton'\nimport { Button } from '~/src/components/Button'\nimport { Help } from '~/src/components/Help'\nimport { Icon } from '~/src/components/Icon'\nimport { LegacyIcon, isIconName } from '~/src/components/LegacyIcon'\nimport { Text } from '~/src/components/Text'\n\nimport {\n  type IconWithAction,\n  type SectionLabelLeftContent,\n  type SectionLabelProps,\n  type SectionLabelRightContent,\n} from './SectionLabel.types'\n\nimport styles from './SectionLabel.module.scss'\n\nfunction LeftContent({ children }: { children: SectionLabelLeftContent }) {\n  const isLegacyIcon = isIconName(children)\n\n  if (!isBezierIcon(children) && !isLegacyIcon) {\n    return <>{children}</>\n  }\n\n  if (isLegacyIcon) {\n    warn(\n      'Deprecation: IconName as a value for the icon property of SectionLabel has been deprecated. Use the Icon of bezier-icons instead.'\n    )\n  }\n\n  const Comp = isLegacyIcon ? LegacyIcon : Icon\n\n  return (\n    // @ts-expect-error\n    <Comp\n      {...(isLegacyIcon\n        ? {\n            name: children,\n          }\n        : {\n            source: children,\n          })}\n      size=\"s\"\n      color=\"txt-black-dark\"\n    />\n  )\n}\n\nfunction isIconWithAction(args: unknown): args is IconWithAction {\n  return isObject(args) && 'icon' in args\n}\n\nfunction RightContent({ children }: { children: SectionLabelRightContent }) {\n  const isLegacyIcon = isIconName(children)\n  const withAction = isIconWithAction(children)\n\n  if (!isBezierIcon(children) && !isLegacyIcon && !withAction) {\n    return <>{children}</>\n  }\n\n  if (isLegacyIcon) {\n    warn(\n      'Deprecation: IconName as a value for the icon property of SectionLabel has been deprecated. Use the Icon of bezier-icons instead.'\n    )\n  }\n\n  return (\n    <Button\n      {...(withAction\n        ? {\n            leftContent: children.icon,\n            onClick: children.onClick,\n          }\n        : {\n            as: 'div',\n            leftContent: children,\n          })}\n      className={styles.RightItem}\n      size=\"xs\"\n      styleVariant=\"tertiary\"\n      colorVariant=\"monochrome-light\"\n    />\n  )\n}\n\nexport const SectionLabel = forwardRef<HTMLElement, SectionLabelProps>(\n  function SectionLabel(\n    {\n      children,\n      className,\n      open = true,\n      help,\n      leftContent,\n      content,\n      rightContent,\n      onClick,\n      ...props\n    },\n    forwardedRef\n  ) {\n    const Comp = !isNil(onClick) ? BaseButton : 'div'\n\n    return (\n      <>\n        <Comp\n          // @ts-expect-error\n          ref={forwardedRef}\n          className={classNames(styles.SectionLabel, className)}\n          data-testid=\"bezier-section-label\"\n          onClick={onClick}\n          {...props}\n        >\n          {leftContent && (\n            <div className={styles.LeftContent}>\n              <LeftContent>{leftContent}</LeftContent>\n            </div>\n          )}\n\n          <div className={styles.Content}>\n            {isString(content) || isNumber(content) ? (\n              <Text\n                bold\n                typo=\"13\"\n                color=\"txt-black-dark\"\n                truncated\n              >\n                {content}\n              </Text>\n            ) : (\n              content\n            )}\n          </div>\n\n          {help && (\n            <div className={styles.Help}>\n              <Help allowHover>{help}</Help>\n            </div>\n          )}\n\n          {!isNil(rightContent) && !isEmpty(rightContent) && (\n            <div className={styles.RightContent}>\n              {isArray(rightContent) ? (\n                rightContent.map((eachContent, index) => (\n                  // eslint-disable-next-line react/no-array-index-key\n                  <RightContent key={index}>{eachContent}</RightContent>\n                ))\n              ) : (\n                <RightContent>{rightContent}</RightContent>\n              )}\n            </div>\n          )}\n        </Comp>\n\n        {children && open && <div>{children}</div>}\n      </>\n    )\n  }\n)\n"],"names":["LeftContent","children","isLegacyIcon","isIconName","isBezierIcon","_jsx","_Fragment","warn","Comp","LegacyIcon","Icon","name","source","size","color","isIconWithAction","args","isObject","RightContent","withAction","Button","leftContent","icon","onClick","as","className","styles","RightItem","styleVariant","colorVariant","SectionLabel","forwardRef","open","help","content","rightContent","props","forwardedRef","isNil","BaseButton","_jsxs","ref","classNames","Content","isString","isNumber","Text","bold","typo","truncated","Help","allowHover","isEmpty","isArray","map","eachContent","index"],"mappings":"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"}

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

@@ -3,19 +3,39 @@
 var React = require('react');
 var index$2 = require('../../node_modules/@radix-ui/react-radio-group/dist/index.js');
 var index = require('../../node_modules/@radix-ui/react-tabs/dist/index.js');
-var index$1 = require('../../node_modules/classnames/index.js');
+var index$1 = require('../../_virtual/index.js');
 var aria = require('../../utils/aria.js');
 var react = require('../../utils/react.js');
 var style = require('../../utils/style.js');
 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 FormControl = require('../FormControl/FormControl.js');
 
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+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');
@@ -35,27 +55,34 @@ function SegmentedControlItemListImpl({
     setSelectedItemIndex
   }), []);
   const SegmentedControlItemList = type$1 === 'radiogroup' ? index$2.Root : index.List;
-  return /*#__PURE__*/React.createElement(SegmentedControlItemList, Object.assign({
+  return /*#__PURE__*/jsxRuntime.jsx(SegmentedControlItemList, {
     asChild: true,
-    ref: forwardedRef
-  }, rest), /*#__PURE__*/React.createElement("div", {
-    style: {
-      '--b-segmented-control-width': style.cssDimension(width),
-      '--b-segmented-control-item-index': selectedItemIndex,
-      '--b-segmented-control-item-count': React.Children.count(children),
-      ...style$1
-    },
-    className: index$1.default(SegmentedControl_module.default.SegmentedControl, SegmentedControl_module.default[`size-${size}`], className)
-  }, /*#__PURE__*/React.createElement(SegmentedControlItemListContextProvider, {
-    value: contextValue
-  }, React.Children.map(children, (child, index) => /*#__PURE__*/React.createElement(React.Fragment, null, index !== 0 && /*#__PURE__*/React.createElement(Divider.Divider, {
-    withoutParallelIndent: true,
-    orientation: "vertical"
-  }), /*#__PURE__*/React.createElement(SegmentedControlItemContextProvider, {
-    value: index
-  }, child))), !type.isNil(selectedItemIndex) && /*#__PURE__*/React.createElement("div", {
-    className: index$1.default(SegmentedControl_module.default.SegmentedControlIndicator, Divider_module.default.variables)
-  }))));
+    ref: forwardedRef,
+    ...rest,
+    children: /*#__PURE__*/jsxRuntime.jsx("div", {
+      style: {
+        '--b-segmented-control-width': style.cssDimension(width),
+        '--b-segmented-control-item-index': selectedItemIndex,
+        '--b-segmented-control-item-count': React__namespace.Children.count(children),
+        ...style$1
+      },
+      className: index$1.default(SegmentedControl_module.default.SegmentedControl, SegmentedControl_module.default[`size-${size}`], className),
+      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"
+          }), /*#__PURE__*/jsxRuntime.jsx(SegmentedControlItemContextProvider, {
+            value: index,
+            children: child
+          })]
+        })), !type.isNil(selectedItemIndex) && /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: index$1.default(SegmentedControl_module.default.SegmentedControlIndicator, Divider_module.default.variables)
+        })]
+      })
+    })
+  });
 }
 const SegmentedControlItemList = /*#__PURE__*/React.forwardRef(SegmentedControlItemListImpl);
 function SegmentedControlRadioGroupImpl({
@@ -67,11 +94,12 @@ function SegmentedControlRadioGroupImpl({
     hasError,
     ...ownProps
   } = FormControl.useFormFieldProps(rest);
-  return /*#__PURE__*/React.createElement(SegmentedControlItemList, Object.assign({
-    ref: forwardedRef
-  }, ownProps, {
-    size: size
-  }), children);
+  return /*#__PURE__*/jsxRuntime.jsx(SegmentedControlItemList, {
+    ref: forwardedRef,
+    ...ownProps,
+    size: size,
+    children: children
+  });
 }
 const SegmentedControlRadioGroup = /*#__PURE__*/React.forwardRef(SegmentedControlRadioGroupImpl);
 
@@ -105,12 +133,15 @@ function SegmentedControlImpl({
     size,
     width
   }), [type, size, width]);
-  return /*#__PURE__*/React.createElement(SegmentedControlContextProvider, {
-    value: contextValue
-  }, /*#__PURE__*/React.createElement(SegmentedControlRoot, Object.assign({
-    ref: forwardedRef,
-    onValueChange: onValueChange
-  }, rest), children));
+  return /*#__PURE__*/jsxRuntime.jsx(SegmentedControlContextProvider, {
+    value: contextValue,
+    children: /*#__PURE__*/jsxRuntime.jsx(SegmentedControlRoot, {
+      ref: forwardedRef,
+      onValueChange: onValueChange,
+      ...rest,
+      children: children
+    })
+  });
 }
 
 /**
@@ -164,20 +195,24 @@ const Item = /*#__PURE__*/React.forwardRef(function Item({
       setSelectedItemIndex(index);
     }
   }, [checked, index, setSelectedItemIndex]);
-  return /*#__PURE__*/React.createElement(BaseButton.BaseButton, Object.assign({}, rest, {
+  return /*#__PURE__*/jsxRuntime.jsx(BaseButton.BaseButton, {
+    ...rest,
     ref: forwardedRef,
     "data-checked": aria.ariaAttr(checked),
-    className: index$1.default(SegmentedControl_module.default.SegmentedControlItem, className)
-  }), /*#__PURE__*/React.createElement(Stack.HStack, {
-    className: SegmentedControl_module.default.SegmentedControlItemContainer,
-    align: "center",
-    spacing: 2
-  }, leftContent, /*#__PURE__*/React.createElement(Text.Text, {
-    className: SegmentedControl_module.default.SegmentedControlItemLabel,
-    bold: true,
-    truncated: true,
-    typo: size === 'xs' ? '13' : '14'
-  }, children), rightContent));
+    className: index$1.default(SegmentedControl_module.default.SegmentedControlItem, className),
+    children: /*#__PURE__*/jsxRuntime.jsxs(Stack.HStack, {
+      className: SegmentedControl_module.default.SegmentedControlItemContainer,
+      align: "center",
+      spacing: 2,
+      children: [leftContent, /*#__PURE__*/jsxRuntime.jsx(Text.Text, {
+        className: SegmentedControl_module.default.SegmentedControlItemLabel,
+        bold: true,
+        truncated: true,
+        typo: size === 'xs' ? '13' : '14',
+        children: children
+      }), rightContent]
+    })
+  });
 });
 function SegmentedControlItemImpl({
   children,
@@ -187,10 +222,14 @@ function SegmentedControlItemImpl({
     type
   } = useSegmentedControlContext('SegmentedControlItem');
   const SegmentedControlItem = type === 'radiogroup' ? index$2.Item : index.Trigger;
-  return /*#__PURE__*/React.createElement(SegmentedControlItem, Object.assign({
+  return /*#__PURE__*/jsxRuntime.jsx(SegmentedControlItem, {
     asChild: true,
-    ref: forwardedRef
-  }, rest), /*#__PURE__*/React.createElement(Item, null, children));
+    ref: forwardedRef,
+    ...rest,
+    children: /*#__PURE__*/jsxRuntime.jsx(Item, {
+      children: children
+    })
+  });
 }
 
 /**

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 React, {\n  type ForwardedRef,\n  forwardRef,\n  useEffect,\n  useMemo,\n  useState,\n} 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","React","createElement","Object","assign","asChild","ref","cssDimension","Children","count","classNames","styles","SegmentedControl","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 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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"}