@channel.io/bezier-react 1.5.0 → 1.6.0

package/dist/cjs/components/LegacyIcon/LegacyIcon.js

@@ -0,0 +1,38 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var bezierIcons = require('@channel.io/bezier-icons');
+var Icon = require('../Icon/Icon.js');
+
+/**
+ * @deprecated Please import and use individual icons.
+ * @example
+ * import { AllIcon } from '@channel.io/bezier-icons'
+ * import { Icon, type IconProps } from '@channel.io/bezier-react'
+ * <Icon source={AllIcon} color="bg-black-dark" />
+ * @example <caption>How to validate the bezier icon source</caption>
+ * import { isBezierIcon, AllIcon } from '@channel.io/bezier-icons'
+ * isBezierIcon(AllIcon) // true
+ * isBezierIcon(() => <svg>...</svg>) // false
+ * @example <caption>Legacy icon component is still available. but it will be removed in future versions!</caption>
+ * import { LegacyIcon, type LegacyIconProps } from '@channel.io/bezier-react'
+ * <LegacyIcon name="all" color="bg-black-dark" />
+ */
+const LegacyIcon = /*#__PURE__*/React.memo(({
+  name,
+  ...rest
+}) => {
+  const IconSource = bezierIcons.icons[name];
+  if (!IconSource) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(Icon.Icon, Object.assign({
+    source: IconSource
+  }, rest));
+});
+var LegacyIcon$1 = LegacyIcon;
+
+exports.default = LegacyIcon$1;
+//# sourceMappingURL=LegacyIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LegacyIcon.js","sources":["../../../../src/components/LegacyIcon/LegacyIcon.tsx"],"sourcesContent":["import React, { memo } from 'react'\n\nimport { icons } from '@channel.io/bezier-icons'\n\nimport { Icon } from '~/src/components/Icon'\n\nimport type LegacyIconProps from './LegacyIcon.types'\n\n/**\n * @deprecated Please import and use individual icons.\n * @example\n * import { AllIcon } from '@channel.io/bezier-icons'\n * import { Icon, type IconProps } from '@channel.io/bezier-react'\n * <Icon source={AllIcon} color=\"bg-black-dark\" />\n * @example <caption>How to validate the bezier icon source</caption>\n * import { isBezierIcon, AllIcon } from '@channel.io/bezier-icons'\n * isBezierIcon(AllIcon) // true\n * isBezierIcon(() => <svg>...</svg>) // false\n * @example <caption>Legacy icon component is still available. but it will be removed in future versions!</caption>\n * import { LegacyIcon, type LegacyIconProps } from '@channel.io/bezier-react'\n * <LegacyIcon name=\"all\" color=\"bg-black-dark\" />\n */\nconst LegacyIcon = memo(({\n  name,\n  ...rest\n}: LegacyIconProps) => {\n  const IconSource = icons[name]\n\n  if (!IconSource) { return null }\n\n  return (<Icon source={IconSource} {...rest} />)\n})\n\nexport default LegacyIcon\n"],"names":["LegacyIcon","memo","name","rest","IconSource","icons","React","createElement","Icon","Object","assign","source"],"mappings":";;;;;;;;AAQA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMA,UAAU,gBAAGC,UAAI,CAAC,CAAC;EACvBC,IAAI;EACJ,GAAGC,IAAAA;AACY,CAAC,KAAK;AACrB,EAAA,MAAMC,UAAU,GAAGC,iBAAK,CAACH,IAAI,CAAC,CAAA;EAE9B,IAAI,CAACE,UAAU,EAAE;AAAE,IAAA,OAAO,IAAI,CAAA;AAAC,GAAA;EAE/B,oBAAQE,KAAA,CAAAC,aAAA,CAACC,SAAI,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAACC,IAAAA,MAAM,EAAEP,UAAAA;GAAgBD,EAAAA,IAAI,CAAG,CAAC,CAAA;AAChD,CAAC,CAAC,CAAA;AAEF,mBAAeH,UAAU;;;;"}

package/dist/cjs/components/LegacyIcon/utils.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var bezierIcons = require('@channel.io/bezier-icons');
+
+/**
+ * @deprecated Please import and use individual icons.
+ * @example
+ * import { AllIcon } from '@channel.io/bezier-icons'
+ * import { Icon, type IconProps } from '@channel.io/bezier-react'
+ * <Icon source={AllIcon} color="bg-black-dark" />
+ * @example <caption>How to validate the bezier icon source</caption>
+ * import { isBezierIcon, AllIcon } from '@channel.io/bezier-icons'
+ * isBezierIcon(AllIcon) // true
+ * isBezierIcon(() => <svg>...</svg>) // false
+ * @example <caption>Legacy icon component is still available. but it will be removed in future versions!</caption>
+ * import { LegacyIcon, type LegacyIconProps } from '@channel.io/bezier-react'
+ * <LegacyIcon name="all" color="bg-black-dark" />
+ */
+const isIconName = name => Object.keys(bezierIcons.icons).includes(name);
+
+exports.isIconName = isIconName;
+//# sourceMappingURL=utils.js.map

package/dist/cjs/components/LegacyIcon/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../src/components/LegacyIcon/utils.ts"],"sourcesContent":["import {\n  type IconName,\n  icons,\n} from '@channel.io/bezier-icons'\n\n/**\n * @deprecated Please import and use individual icons.\n * @example\n * import { AllIcon } from '@channel.io/bezier-icons'\n * import { Icon, type IconProps } from '@channel.io/bezier-react'\n * <Icon source={AllIcon} color=\"bg-black-dark\" />\n * @example <caption>How to validate the bezier icon source</caption>\n * import { isBezierIcon, AllIcon } from '@channel.io/bezier-icons'\n * isBezierIcon(AllIcon) // true\n * isBezierIcon(() => <svg>...</svg>) // false\n * @example <caption>Legacy icon component is still available. but it will be removed in future versions!</caption>\n * import { LegacyIcon, type LegacyIconProps } from '@channel.io/bezier-react'\n * <LegacyIcon name=\"all\" color=\"bg-black-dark\" />\n */\nexport const isIconName = (name: any): name is IconName => Object.keys(icons).includes(name)\n"],"names":["isIconName","name","Object","keys","icons","includes"],"mappings":";;;;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACaA,MAAAA,UAAU,GAAIC,IAAS,IAAuBC,MAAM,CAACC,IAAI,CAACC,iBAAK,CAAC,CAACC,QAAQ,CAACJ,IAAI;;;;"}

package/dist/cjs/components/LegacyRadio/LegacyRadio.js

@@ -0,0 +1,63 @@
+'use strict';
+
+var React = require('react');
+var typeUtils = require('../../utils/typeUtils.js');
+var useFormFieldProps = require('../Forms/useFormFieldProps.js');
+var LegacyRadio_styled = require('./LegacyRadio.styled.js');
+
+const RADIO_TEST_ID = 'bezier-react-radio';
+const RADIO_HANDLE_TEST_ID = 'bezier-react-radio-handle';
+
+/**
+ * @deprecated Use `RadioGroup` instead.
+ */
+const LegacyRadio = /*#__PURE__*/React.forwardRef(function LegacyRadio({
+  as,
+  testId = RADIO_TEST_ID,
+  handleTestId = RADIO_HANDLE_TEST_ID,
+  dotClassName,
+  watchingValue,
+  value,
+  onClick,
+  children,
+  ...rest
+}, forwardedRef) {
+  const {
+    disabled,
+    ...ownProps
+  } = useFormFieldProps.default(rest);
+  const [hovered, setHovered] = React.useState(false);
+  const handleClick = React.useCallback(e => {
+    if (!disabled && onClick) {
+      onClick(value, e);
+    }
+  }, [onClick, disabled, value]);
+  const handleMouseOver = React.useCallback(() => setHovered(true), []);
+  const handleMouseLeave = React.useCallback(() => setHovered(false), []);
+  const checked = React.useMemo(() => {
+    if (typeUtils.isNil(watchingValue) || typeUtils.isNil(value)) {
+      return false;
+    }
+    return watchingValue === value;
+  }, [watchingValue, value]);
+  return /*#__PURE__*/React.createElement(LegacyRadio_styled.StyledRadioWrapper, Object.assign({
+    ref: forwardedRef,
+    "data-testid": testId,
+    disabled: disabled,
+    onClick: handleClick,
+    onMouseEnter: handleMouseOver,
+    onMouseLeave: handleMouseLeave
+  }, ownProps), /*#__PURE__*/React.createElement(LegacyRadio_styled.StyledRadioHandle, {
+    as: as,
+    "data-testid": handleTestId,
+    className: dotClassName,
+    checked: checked,
+    disabled: disabled,
+    hovered: hovered
+  }), children);
+});
+
+exports.LegacyRadio = LegacyRadio;
+exports.RADIO_HANDLE_TEST_ID = RADIO_HANDLE_TEST_ID;
+exports.RADIO_TEST_ID = RADIO_TEST_ID;
+//# sourceMappingURL=LegacyRadio.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LegacyRadio.js","sources":["../../../../src/components/LegacyRadio/LegacyRadio.tsx"],"sourcesContent":["import React, {\n  type MouseEvent,\n  forwardRef,\n  useCallback,\n  useMemo,\n  useState,\n} from 'react'\n\nimport { isNil } from '~/src/utils/typeUtils'\n\nimport useFormFieldProps from '~/src/components/Forms/useFormFieldProps'\n\nimport { type LegacyRadioProps } from './LegacyRadio.types'\n\nimport {\n  StyledRadioHandle,\n  StyledRadioWrapper,\n} from './LegacyRadio.styled'\n\nexport const RADIO_TEST_ID = 'bezier-react-radio'\nexport const RADIO_HANDLE_TEST_ID = 'bezier-react-radio-handle'\n\n/**\n * @deprecated Use `RadioGroup` instead.\n */\nexport const LegacyRadio = forwardRef(function LegacyRadio(\n  {\n    as,\n    testId = RADIO_TEST_ID,\n    handleTestId = RADIO_HANDLE_TEST_ID,\n    dotClassName,\n    watchingValue,\n    value,\n    onClick,\n    children,\n    ...rest\n  }: LegacyRadioProps,\n  forwardedRef: React.Ref<HTMLDivElement>,\n) {\n  const {\n    disabled,\n    ...ownProps\n  } = useFormFieldProps(rest)\n\n  const [hovered, setHovered] = useState(false)\n\n  const handleClick = useCallback((e: MouseEvent) => {\n    if (!disabled && onClick) {\n      onClick(value, e)\n    }\n  }, [\n    onClick,\n    disabled,\n    value,\n  ])\n\n  const handleMouseOver = useCallback(() => setHovered(true), [])\n\n  const handleMouseLeave = useCallback(() => setHovered(false), [])\n\n  const checked = useMemo(() => {\n    if (isNil(watchingValue) || isNil(value)) { return false }\n    return watchingValue === value\n  }, [\n    watchingValue,\n    value,\n  ])\n\n  return (\n    <StyledRadioWrapper\n      ref={forwardedRef}\n      data-testid={testId}\n      disabled={disabled}\n      onClick={handleClick}\n      onMouseEnter={handleMouseOver}\n      onMouseLeave={handleMouseLeave}\n      {...ownProps}\n    >\n      <StyledRadioHandle\n        as={as}\n        data-testid={handleTestId}\n        className={dotClassName}\n        checked={checked}\n        disabled={disabled}\n        hovered={hovered}\n      />\n      { children }\n    </StyledRadioWrapper>\n  )\n})\n"],"names":["RADIO_TEST_ID","RADIO_HANDLE_TEST_ID","LegacyRadio","forwardRef","as","testId","handleTestId","dotClassName","watchingValue","value","onClick","children","rest","forwardedRef","disabled","ownProps","useFormFieldProps","hovered","setHovered","useState","handleClick","useCallback","e","handleMouseOver","handleMouseLeave","checked","useMemo","isNil","React","createElement","StyledRadioWrapper","Object","assign","ref","onMouseEnter","onMouseLeave","StyledRadioHandle","className"],"mappings":";;;;;;;AAmBO,MAAMA,aAAa,GAAG,qBAAoB;AAC1C,MAAMC,oBAAoB,GAAG,4BAA2B;;AAE/D;AACA;AACA;MACaC,WAAW,gBAAGC,gBAAU,CAAC,SAASD,WAAWA,CACxD;EACEE,EAAE;AACFC,EAAAA,MAAM,GAAGL,aAAa;AACtBM,EAAAA,YAAY,GAAGL,oBAAoB;EACnCM,YAAY;EACZC,aAAa;EACbC,KAAK;EACLC,OAAO;EACPC,QAAQ;EACR,GAAGC,IAAAA;AACa,CAAC,EACnBC,YAAuC,EACvC;EACA,MAAM;IACJC,QAAQ;IACR,GAAGC,QAAAA;AACL,GAAC,GAAGC,yBAAiB,CAACJ,IAAI,CAAC,CAAA;EAE3B,MAAM,CAACK,OAAO,EAAEC,UAAU,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC,CAAA;AAE7C,EAAA,MAAMC,WAAW,GAAGC,iBAAW,CAAEC,CAAa,IAAK;AACjD,IAAA,IAAI,CAACR,QAAQ,IAAIJ,OAAO,EAAE;AACxBA,MAAAA,OAAO,CAACD,KAAK,EAAEa,CAAC,CAAC,CAAA;AACnB,KAAA;GACD,EAAE,CACDZ,OAAO,EACPI,QAAQ,EACRL,KAAK,CACN,CAAC,CAAA;EAEF,MAAMc,eAAe,GAAGF,iBAAW,CAAC,MAAMH,UAAU,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAA;EAE/D,MAAMM,gBAAgB,GAAGH,iBAAW,CAAC,MAAMH,UAAU,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAA;AAEjE,EAAA,MAAMO,OAAO,GAAGC,aAAO,CAAC,MAAM;IAC5B,IAAIC,eAAK,CAACnB,aAAa,CAAC,IAAImB,eAAK,CAAClB,KAAK,CAAC,EAAE;AAAE,MAAA,OAAO,KAAK,CAAA;AAAC,KAAA;IACzD,OAAOD,aAAa,KAAKC,KAAK,CAAA;AAChC,GAAC,EAAE,CACDD,aAAa,EACbC,KAAK,CACN,CAAC,CAAA;EAEF,oBACEmB,KAAA,CAAAC,aAAA,CAACC,qCAAkB,EAAAC,MAAA,CAAAC,MAAA,CAAA;AACjBC,IAAAA,GAAG,EAAEpB,YAAa;AAClB,IAAA,aAAA,EAAaR,MAAO;AACpBS,IAAAA,QAAQ,EAAEA,QAAS;AACnBJ,IAAAA,OAAO,EAAEU,WAAY;AACrBc,IAAAA,YAAY,EAAEX,eAAgB;AAC9BY,IAAAA,YAAY,EAAEX,gBAAAA;AAAiB,GAAA,EAC3BT,QAAQ,CAEZa,eAAAA,KAAA,CAAAC,aAAA,CAACO,oCAAiB,EAAA;AAChBhC,IAAAA,EAAE,EAAEA,EAAG;AACP,IAAA,aAAA,EAAaE,YAAa;AAC1B+B,IAAAA,SAAS,EAAE9B,YAAa;AACxBkB,IAAAA,OAAO,EAAEA,OAAQ;AACjBX,IAAAA,QAAQ,EAAEA,QAAS;AACnBG,IAAAA,OAAO,EAAEA,OAAAA;GACV,CAAC,EACAN,QACgB,CAAC,CAAA;AAEzB,CAAC;;;;;;"}

package/dist/cjs/components/LegacyRadio/LegacyRadio.styled.js

@@ -0,0 +1,58 @@
+'use strict';
+
+var DisabledOpacity = require('../../constants/DisabledOpacity.js');
+var FoundationStyledComponent = require('../../foundation/FoundationStyledComponent.js');
+
+const StyledRadioWrapper = /*#__PURE__*/FoundationStyledComponent.styled.div.withConfig({
+  displayName: "LegacyRadiostyled__StyledRadioWrapper",
+  componentId: "sc-361rg5-0"
+})(["display:flex;align-items:center;cursor:", ";opacity:", ";"], ({
+  disabled
+}) => {
+  if (disabled) {
+    return 'auto';
+  }
+  return 'pointer';
+}, ({
+  disabled
+}) => disabled ? DisabledOpacity.default : 1);
+const StyledRadioHandleDot = FoundationStyledComponent.css`
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 8px;
+  height: 8px;
+  content: '';
+  background-color: ${props => {
+  if (!props.disabled && !props.checked && props.hovered) {
+    return props.foundation?.theme?.['bg-black-light'];
+  }
+  if (props.checked) {
+    return props.foundation?.theme?.['bgtxt-absolute-white-normal'];
+  }
+  return 'transparent';
+}};
+  border-radius: 50%;
+  transform: translate(-50%, -50%);
+  ${({
+  foundation
+}) => foundation?.transition?.getTransitionsCSS('background-color')};
+`;
+const StyledRadioHandle = /*#__PURE__*/FoundationStyledComponent.styled.div.withConfig({
+  displayName: "LegacyRadiostyled__StyledRadioHandle",
+  componentId: "sc-361rg5-1"
+})(["position:relative;box-sizing:border-box;width:18px;height:18px;margin-right:9px;background-color:", ";border:", ";border-radius:50%;", ";&::after{", ";}"], props => {
+  if (props.checked) {
+    return props.foundation?.theme?.['bgtxt-green-normal'];
+  }
+  return props.foundation?.theme?.['bg-black-lightest'];
+}, props => {
+  if (props.checked) {
+    return 'none';
+  }
+  return `2px solid ${props.foundation?.theme?.['bdr-black-light']}`;
+}, props => props.foundation?.transition?.getTransitionsCSS('background-color'), StyledRadioHandleDot);
+
+exports.StyledRadioHandle = StyledRadioHandle;
+exports.StyledRadioWrapper = StyledRadioWrapper;
+//# sourceMappingURL=LegacyRadio.styled.js.map

package/dist/cjs/components/LegacyRadio/LegacyRadio.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LegacyRadio.styled.js","sources":["../../../../src/components/LegacyRadio/LegacyRadio.styled.ts"],"sourcesContent":["import {\n  css,\n  styled,\n} from '~/src/foundation'\n\nimport DisabledOpacity from '~/src/constants/DisabledOpacity'\n\nimport {\n  type LegacyRadioProps,\n  type StyledRadioHandleProps,\n} from './LegacyRadio.types'\n\nexport const StyledRadioWrapper = styled.div<LegacyRadioProps>`\n  display: flex;\n  align-items: center;\n  cursor: ${({ disabled }) => {\n    if (disabled) { return 'auto' }\n    return 'pointer'\n  }};\n  opacity: ${({ disabled }) => (disabled ? DisabledOpacity : 1)};\n`\n\nconst StyledRadioHandleDot = css<StyledRadioHandleProps>`\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 8px;\n  height: 8px;\n  content: '';\n  background-color: ${props => {\n    if (!props.disabled && !props.checked && props.hovered) { return props.foundation?.theme?.['bg-black-light'] }\n    if (props.checked) { return props.foundation?.theme?.['bgtxt-absolute-white-normal'] }\n    return 'transparent'\n  }};\n  border-radius: 50%;\n  transform: translate(-50%, -50%);\n  ${({ foundation }) => foundation?.transition?.getTransitionsCSS('background-color')};\n`\n\nexport const StyledRadioHandle = styled.div<LegacyRadioProps & StyledRadioHandleProps>`\n  position: relative;\n  box-sizing: border-box;\n  width: 18px;\n  height: 18px;\n  margin-right: 9px;\n  background-color: ${props => {\n    if (props.checked) { return props.foundation?.theme?.['bgtxt-green-normal'] }\n    return props.foundation?.theme?.['bg-black-lightest']\n  }};\n  border: ${props => {\n    if (props.checked) { return 'none' }\n    return `2px solid ${props.foundation?.theme?.['bdr-black-light']}`\n  }};\n  border-radius: 50%;\n  ${props => props.foundation?.transition?.getTransitionsCSS('background-color')};\n\n  &::after {\n    ${StyledRadioHandleDot};\n  }\n`\n\n"],"names":["StyledRadioWrapper","styled","div","withConfig","displayName","componentId","disabled","DisabledOpacity","StyledRadioHandleDot","css","props","checked","hovered","foundation","theme","transition","getTransitionsCSS","StyledRadioHandle"],"mappings":";;;;;MAYaA,kBAAkB,gBAAGC,gCAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,uCAAA;EAAAC,WAAA,EAAA,aAAA;AAAA,CAAA,CAAA,CAAA,CAAA,yCAAA,EAAA,WAAA,EAAA,GAAA,CAAA,EAGhC,CAAC;AAAEC,EAAAA,QAAAA;AAAS,CAAC,KAAK;AAC1B,EAAA,IAAIA,QAAQ,EAAE;AAAE,IAAA,OAAO,MAAM,CAAA;AAAC,GAAA;AAC9B,EAAA,OAAO,SAAS,CAAA;AAClB,CAAC,EACU,CAAC;AAAEA,EAAAA,QAAAA;AAAS,CAAC,KAAMA,QAAQ,GAAGC,uBAAe,GAAG,CAAE,EAC9D;AAED,MAAMC,oBAAoB,GAAGC,6BAA4B,CAAA;AACzD;AACA;AACA;AACA;AACA;AACA;AACA,oBAAA,EAAsBC,KAAK,IAAI;AAC3B,EAAA,IAAI,CAACA,KAAK,CAACJ,QAAQ,IAAI,CAACI,KAAK,CAACC,OAAO,IAAID,KAAK,CAACE,OAAO,EAAE;AAAE,IAAA,OAAOF,KAAK,CAACG,UAAU,EAAEC,KAAK,GAAG,gBAAgB,CAAC,CAAA;AAAC,GAAA;EAC7G,IAAIJ,KAAK,CAACC,OAAO,EAAE;AAAE,IAAA,OAAOD,KAAK,CAACG,UAAU,EAAEC,KAAK,GAAG,6BAA6B,CAAC,CAAA;AAAC,GAAA;AACrF,EAAA,OAAO,aAAa,CAAA;AACtB,CAAE,CAAA;AACJ;AACA;AACA,EAAA,EAAI,CAAC;AAAED,EAAAA,UAAAA;AAAW,CAAC,KAAKA,UAAU,EAAEE,UAAU,EAAEC,iBAAiB,CAAC,kBAAkB,CAAE,CAAA;AACtF,CAAC,CAAA;MAEYC,iBAAiB,gBAAGhB,gCAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,sCAAA;EAAAC,WAAA,EAAA,aAAA;AAAA,CAAA,CAAA,CAAA,CAAA,mGAAA,EAAA,UAAA,EAAA,qBAAA,EAAA,YAAA,EAAA,IAAA,CAAA,EAMrBK,KAAK,IAAI;EAC3B,IAAIA,KAAK,CAACC,OAAO,EAAE;AAAE,IAAA,OAAOD,KAAK,CAACG,UAAU,EAAEC,KAAK,GAAG,oBAAoB,CAAC,CAAA;AAAC,GAAA;AAC5E,EAAA,OAAOJ,KAAK,CAACG,UAAU,EAAEC,KAAK,GAAG,mBAAmB,CAAC,CAAA;AACvD,CAAC,EACSJ,KAAK,IAAI;EACjB,IAAIA,KAAK,CAACC,OAAO,EAAE;AAAE,IAAA,OAAO,MAAM,CAAA;AAAC,GAAA;EACnC,OAAQ,CAAA,UAAA,EAAYD,KAAK,CAACG,UAAU,EAAEC,KAAK,GAAG,iBAAiB,CAAE,CAAC,CAAA,CAAA;AACpE,CAAC,EAECJ,KAAK,IAAIA,KAAK,CAACG,UAAU,EAAEE,UAAU,EAAEC,iBAAiB,CAAC,kBAAkB,CAAC,EAG1ER,oBAAoB;;;;;"}

package/dist/cjs/components/LegacySegmentedControl/LegacySegmentedControl.const.js

@@ -0,0 +1,39 @@
+'use strict';
+
+var LegacySegmentedControl_types = require('./LegacySegmentedControl.types.js');
+var Typography = require('../../foundation/Typography.js');
+
+const SIZE_TO_HEIGHT = {
+  [LegacySegmentedControl_types.LegacySegmentedControlSize.XS]: 24,
+  [LegacySegmentedControl_types.LegacySegmentedControlSize.S]: 28,
+  [LegacySegmentedControl_types.LegacySegmentedControlSize.M]: 36,
+  [LegacySegmentedControl_types.LegacySegmentedControlSize.L]: 44
+};
+const SIZE_TO_PADDING = {
+  [LegacySegmentedControl_types.LegacySegmentedControlSize.XS]: 1,
+  [LegacySegmentedControl_types.LegacySegmentedControlSize.S]: 2,
+  [LegacySegmentedControl_types.LegacySegmentedControlSize.M]: 2,
+  [LegacySegmentedControl_types.LegacySegmentedControlSize.L]: 4
+};
+const DIVIDER_WIDTH = 1;
+const DIVIDER_SIDE_MARGIN = 6;
+const SIZE_TO_DIVIDER_VERTICAL_MARGIN = {
+  [LegacySegmentedControl_types.LegacySegmentedControlSize.XS]: 1,
+  [LegacySegmentedControl_types.LegacySegmentedControlSize.S]: 2,
+  [LegacySegmentedControl_types.LegacySegmentedControlSize.M]: 2,
+  [LegacySegmentedControl_types.LegacySegmentedControlSize.L]: 4
+};
+const SIZE_TO_OPTION_TYPOGRAPHY = {
+  [LegacySegmentedControl_types.LegacySegmentedControlSize.XS]: Typography.Typography.Size13,
+  [LegacySegmentedControl_types.LegacySegmentedControlSize.S]: Typography.Typography.Size14,
+  [LegacySegmentedControl_types.LegacySegmentedControlSize.M]: Typography.Typography.Size14,
+  [LegacySegmentedControl_types.LegacySegmentedControlSize.L]: Typography.Typography.Size14
+};
+
+exports.DIVIDER_SIDE_MARGIN = DIVIDER_SIDE_MARGIN;
+exports.DIVIDER_WIDTH = DIVIDER_WIDTH;
+exports.SIZE_TO_DIVIDER_VERTICAL_MARGIN = SIZE_TO_DIVIDER_VERTICAL_MARGIN;
+exports.SIZE_TO_HEIGHT = SIZE_TO_HEIGHT;
+exports.SIZE_TO_OPTION_TYPOGRAPHY = SIZE_TO_OPTION_TYPOGRAPHY;
+exports.SIZE_TO_PADDING = SIZE_TO_PADDING;
+//# sourceMappingURL=LegacySegmentedControl.const.js.map

package/dist/cjs/components/LegacySegmentedControl/LegacySegmentedControl.const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LegacySegmentedControl.const.js","sources":["../../../../src/components/LegacySegmentedControl/LegacySegmentedControl.const.ts"],"sourcesContent":["import {\n  Typography,\n  type css,\n} from '~/src/foundation'\n\nimport { LegacySegmentedControlSize } from './LegacySegmentedControl.types'\n\nexport const SIZE_TO_HEIGHT: Record<LegacySegmentedControlSize, number> = {\n  [LegacySegmentedControlSize.XS]: 24,\n  [LegacySegmentedControlSize.S]: 28,\n  [LegacySegmentedControlSize.M]: 36,\n  [LegacySegmentedControlSize.L]: 44,\n}\n\nexport const SIZE_TO_PADDING: Record<LegacySegmentedControlSize, number> = {\n  [LegacySegmentedControlSize.XS]: 1,\n  [LegacySegmentedControlSize.S]: 2,\n  [LegacySegmentedControlSize.M]: 2,\n  [LegacySegmentedControlSize.L]: 4,\n}\n\nexport const DIVIDER_WIDTH = 1\nexport const DIVIDER_SIDE_MARGIN = 6\n\nexport const SIZE_TO_DIVIDER_VERTICAL_MARGIN: Record<LegacySegmentedControlSize, number> = {\n  [LegacySegmentedControlSize.XS]: 1,\n  [LegacySegmentedControlSize.S]: 2,\n  [LegacySegmentedControlSize.M]: 2,\n  [LegacySegmentedControlSize.L]: 4,\n}\n\nexport const SIZE_TO_OPTION_TYPOGRAPHY: Record<LegacySegmentedControlSize, ReturnType<typeof css>> = {\n  [LegacySegmentedControlSize.XS]: Typography.Size13,\n  [LegacySegmentedControlSize.S]: Typography.Size14,\n  [LegacySegmentedControlSize.M]: Typography.Size14,\n  [LegacySegmentedControlSize.L]: Typography.Size14,\n}\n"],"names":["SIZE_TO_HEIGHT","LegacySegmentedControlSize","XS","S","M","L","SIZE_TO_PADDING","DIVIDER_WIDTH","DIVIDER_SIDE_MARGIN","SIZE_TO_DIVIDER_VERTICAL_MARGIN","SIZE_TO_OPTION_TYPOGRAPHY","Typography","Size13","Size14"],"mappings":";;;;;AAOO,MAAMA,cAA0D,GAAG;AACxE,EAAA,CAACC,uDAA0B,CAACC,EAAE,GAAG,EAAE;AACnC,EAAA,CAACD,uDAA0B,CAACE,CAAC,GAAG,EAAE;AAClC,EAAA,CAACF,uDAA0B,CAACG,CAAC,GAAG,EAAE;EAClC,CAACH,uDAA0B,CAACI,CAAC,GAAG,EAAA;AAClC,EAAC;AAEM,MAAMC,eAA2D,GAAG;AACzE,EAAA,CAACL,uDAA0B,CAACC,EAAE,GAAG,CAAC;AAClC,EAAA,CAACD,uDAA0B,CAACE,CAAC,GAAG,CAAC;AACjC,EAAA,CAACF,uDAA0B,CAACG,CAAC,GAAG,CAAC;EACjC,CAACH,uDAA0B,CAACI,CAAC,GAAG,CAAA;AAClC,EAAC;AAEM,MAAME,aAAa,GAAG,EAAC;AACvB,MAAMC,mBAAmB,GAAG,EAAC;AAE7B,MAAMC,+BAA2E,GAAG;AACzF,EAAA,CAACR,uDAA0B,CAACC,EAAE,GAAG,CAAC;AAClC,EAAA,CAACD,uDAA0B,CAACE,CAAC,GAAG,CAAC;AACjC,EAAA,CAACF,uDAA0B,CAACG,CAAC,GAAG,CAAC;EACjC,CAACH,uDAA0B,CAACI,CAAC,GAAG,CAAA;AAClC,EAAC;AAEM,MAAMK,yBAAqF,GAAG;AACnG,EAAA,CAACT,uDAA0B,CAACC,EAAE,GAAGS,qBAAU,CAACC,MAAM;AAClD,EAAA,CAACX,uDAA0B,CAACE,CAAC,GAAGQ,qBAAU,CAACE,MAAM;AACjD,EAAA,CAACZ,uDAA0B,CAACG,CAAC,GAAGO,qBAAU,CAACE,MAAM;AACjD,EAAA,CAACZ,uDAA0B,CAACI,CAAC,GAAGM,qBAAU,CAACE,MAAAA;AAC7C;;;;;;;;;"}

package/dist/cjs/components/LegacySegmentedControl/LegacySegmentedControl.js

@@ -0,0 +1,112 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var index_esm = require('../../node_modules/react-resize-detector/build/index.esm.js');
+var useMergeRefs = require('../../hooks/useMergeRefs.js');
+var functionUtils = require('../../utils/functionUtils.js');
+var numberUtils = require('../../utils/numberUtils.js');
+var typeUtils = require('../../utils/typeUtils.js');
+var useFormFieldProps = require('../Forms/useFormFieldProps.js');
+var Text = require('../Text/Text.js');
+var LegacySegmentedControl_const = require('./LegacySegmentedControl.const.js');
+var LegacySegmentedControl_types = require('./LegacySegmentedControl.types.js');
+var LegacySegmentedControl_styled = require('./LegacySegmentedControl.styled.js');
+var v4 = require('../../node_modules/uuid/dist/esm-browser/v4.js');
+var Divider = require('../Divider/Divider.js');
+
+const SEGMENTED_CONTROL_TEST_ID = 'bezier-react-segmented-control';
+const SEGMENTED_CONTROL_OPTION_ITEM_TEST_ID_PREFIX = 'bezier-react-segmented-control-option-item';
+const segmentedControlOptionItemTestId = index => [SEGMENTED_CONTROL_OPTION_ITEM_TEST_ID_PREFIX, index.toString()].join('-');
+const itemWidth = (width, numItems, size) => (width - 2 * LegacySegmentedControl_const.SIZE_TO_PADDING[size] - (numItems - 1) * LegacySegmentedControl_const.DIVIDER_WIDTH) / Math.max(1, numItems);
+const itemLeft = (width, numItems, size) => index => LegacySegmentedControl_const.SIZE_TO_PADDING[size] + itemWidth(width, numItems, size) * index + LegacySegmentedControl_const.DIVIDER_WIDTH * index;
+const dividerLeft = (width, numItems, size) => index => LegacySegmentedControl_const.SIZE_TO_PADDING[size] + itemWidth(width, numItems, size) * index + LegacySegmentedControl_const.DIVIDER_WIDTH * (index - 1) - LegacySegmentedControl_const.DIVIDER_SIDE_MARGIN;
+function LegacySegmentedControl({
+  testId = SEGMENTED_CONTROL_TEST_ID,
+  width = '100%',
+  size = LegacySegmentedControl_types.LegacySegmentedControlSize.M,
+  /* OptionItemHost props */
+  selectedOptionIndex = 0,
+  onChangeOption = functionUtils.noop,
+  /* HTMLAttribute props */
+  children,
+  ...rest
+}, forwardedRef) {
+  const {
+    disabled,
+    ...ownProps
+  } = useFormFieldProps.default(rest);
+  const [currentIndex, setCurrentIndex] = React.useState(selectedOptionIndex);
+  const [wrapperWidth, setWrapperWidth] = React.useState(0);
+  const numItems = React.useMemo(() => React.Children.count(children), [children]);
+  const optionItemWidth = itemWidth(wrapperWidth, numItems, size);
+  const optionItemLeft = React.useMemo(() => itemLeft(wrapperWidth, numItems, size), [wrapperWidth, numItems, size]);
+  const dividerItemLeft = React.useMemo(() => dividerLeft(wrapperWidth, numItems, size), [wrapperWidth, numItems, size]);
+  const updateDimensions = React.useCallback(_width => {
+    if (typeUtils.isNumber(_width)) {
+      setWrapperWidth(_width);
+    }
+  }, []);
+  const {
+    ref: resizeDetectorRef
+  } = index_esm.useResizeDetector({
+    onResize: updateDimensions
+  });
+  const wrapperRef = useMergeRefs.default(resizeDetectorRef, forwardedRef);
+  React.useEffect(() => {
+    if (typeUtils.isNumber(selectedOptionIndex)) {
+      setCurrentIndex(selectedOptionIndex);
+    }
+  }, [selectedOptionIndex]);
+  const handleClickOptionItem = React.useCallback(index => {
+    setCurrentIndex(index);
+    onChangeOption(index);
+  }, [onChangeOption]);
+  const renderOption = React.useCallback((Element, index) => /*#__PURE__*/React.createElement(LegacySegmentedControl_styled.OptionItemWrapper, {
+    key: v4.default(),
+    "data-testid": segmentedControlOptionItemTestId(index),
+    disabled: disabled,
+    active: index === currentIndex,
+    size: size,
+    style: {
+      width: optionItemWidth,
+      left: optionItemLeft(index)
+    },
+    onClick: () => disabled ? functionUtils.noop : handleClickOptionItem(index)
+  }, /*#__PURE__*/React.createElement(Text.default, {
+    typo: LegacySegmentedControl_const.SIZE_TO_OPTION_TYPOGRAPHY[size],
+    bold: true
+  }, Element)), [disabled, size, currentIndex, optionItemWidth, optionItemLeft, handleClickOptionItem]);
+  const Content = React.useMemo(() => React.Children.map(children, renderOption), [children, renderOption]);
+  const Dividers = React.useMemo(() => numberUtils.range(1, numItems).map(index => /*#__PURE__*/React.createElement(LegacySegmentedControl_styled.DividerContainer, {
+    key: `divider-${index.toString(36)}`,
+    size: size,
+    hidden: index === currentIndex || index === currentIndex + 1,
+    style: {
+      left: dividerItemLeft(index)
+    }
+  }, /*#__PURE__*/React.createElement(Divider.default, {
+    orientation: "vertical"
+  }))), [size, numItems, currentIndex, dividerItemLeft]);
+  const IndicatorComponent = React.useMemo(() => /*#__PURE__*/React.createElement(LegacySegmentedControl_styled.Indicator, {
+    size: size,
+    style: {
+      width: optionItemWidth,
+      transform: `translateX(${optionItemLeft(currentIndex)}px)`
+    }
+  }, /*#__PURE__*/React.createElement(LegacySegmentedControl_styled.IndicatorBox, null)), [size, currentIndex, optionItemWidth, optionItemLeft]);
+  return /*#__PURE__*/React.createElement(LegacySegmentedControl_styled.Wrapper, Object.assign({}, ownProps, {
+    ref: wrapperRef,
+    disabled: disabled,
+    size: size,
+    wrapperWidth: width,
+    "data-testid": testId
+  }), IndicatorComponent, Content, Dividers);
+}
+var LegacySegmentedControl$1 = /*#__PURE__*/React.forwardRef(LegacySegmentedControl);
+
+exports.SEGMENTED_CONTROL_TEST_ID = SEGMENTED_CONTROL_TEST_ID;
+exports.default = LegacySegmentedControl$1;
+exports.segmentedControlOptionItemTestId = segmentedControlOptionItemTestId;
+//# sourceMappingURL=LegacySegmentedControl.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LegacySegmentedControl.js","sources":["../../../../src/components/LegacySegmentedControl/LegacySegmentedControl.tsx"],"sourcesContent":["import React, {\n  type Ref,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react'\n\nimport { useResizeDetector } from 'react-resize-detector'\nimport { v4 as uuid } from 'uuid'\n\nimport useMergeRefs from '~/src/hooks/useMergeRefs'\nimport { noop } from '~/src/utils/functionUtils'\nimport { range } from '~/src/utils/numberUtils'\nimport { isNumber } from '~/src/utils/typeUtils'\n\nimport { Divider } from '~/src/components/Divider'\nimport useFormFieldProps from '~/src/components/Forms/useFormFieldProps'\nimport { Text } from '~/src/components/Text'\n\nimport {\n  DIVIDER_SIDE_MARGIN,\n  DIVIDER_WIDTH,\n  SIZE_TO_OPTION_TYPOGRAPHY,\n  SIZE_TO_PADDING,\n} from './LegacySegmentedControl.const'\nimport type LegacySegmentedControlProps from './LegacySegmentedControl.types'\nimport { LegacySegmentedControlSize } from './LegacySegmentedControl.types'\n\nimport * as Styled from './LegacySegmentedControl.styled'\n\nexport const SEGMENTED_CONTROL_TEST_ID = 'bezier-react-segmented-control'\nconst SEGMENTED_CONTROL_OPTION_ITEM_TEST_ID_PREFIX = 'bezier-react-segmented-control-option-item'\nexport const segmentedControlOptionItemTestId = (index: number) =>\n  [SEGMENTED_CONTROL_OPTION_ITEM_TEST_ID_PREFIX, index.toString()].join('-')\n\nconst itemWidth = (width: number, numItems: number, size: LegacySegmentedControlSize): number =>\n  (width - (2 * SIZE_TO_PADDING[size]) - ((numItems - 1) * DIVIDER_WIDTH)) / Math.max(1, numItems)\n\nconst itemLeft = (width: number, numItems: number, size: LegacySegmentedControlSize) =>\n  (index: number): number => (\n    SIZE_TO_PADDING[size]\n      + (itemWidth(width, numItems, size) * index)\n      + (DIVIDER_WIDTH * index)\n  )\n\nconst dividerLeft = (width: number, numItems: number, size: LegacySegmentedControlSize) =>\n  (index: number): number => (\n    SIZE_TO_PADDING[size]\n      + (itemWidth(width, numItems, size) * index)\n      + (DIVIDER_WIDTH * (index - 1))\n      - DIVIDER_SIDE_MARGIN\n  )\n\nfunction LegacySegmentedControl(\n  {\n    testId = SEGMENTED_CONTROL_TEST_ID,\n    width = '100%',\n    size = LegacySegmentedControlSize.M,\n    /* OptionItemHost props */\n    selectedOptionIndex = 0,\n    onChangeOption = noop,\n    /* HTMLAttribute props */\n    children,\n    ...rest\n  }: LegacySegmentedControlProps,\n  forwardedRef: Ref<any>,\n) {\n  const {\n    disabled,\n    ...ownProps\n  } = useFormFieldProps(rest)\n\n  const [currentIndex, setCurrentIndex] = useState<number>(selectedOptionIndex)\n  const [wrapperWidth, setWrapperWidth] = useState<number>(0)\n\n  const numItems = useMemo(() => React.Children.count(children), [children])\n\n  const optionItemWidth = itemWidth(wrapperWidth, numItems, size)\n  const optionItemLeft = useMemo(() => (\n    itemLeft(wrapperWidth, numItems, size)\n  ), [\n    wrapperWidth,\n    numItems,\n    size,\n  ])\n  const dividerItemLeft = useMemo(() => (\n    dividerLeft(wrapperWidth, numItems, size)\n  ), [\n    wrapperWidth,\n    numItems,\n    size,\n  ])\n\n  const updateDimensions = useCallback((_width?: number) => {\n    if (isNumber(_width)) { setWrapperWidth(_width) }\n  }, [])\n\n  const { ref: resizeDetectorRef } = useResizeDetector({ onResize: updateDimensions })\n\n  const wrapperRef = useMergeRefs(resizeDetectorRef, forwardedRef)\n\n  useEffect(() => {\n    if (isNumber(selectedOptionIndex)) {\n      setCurrentIndex(selectedOptionIndex)\n    }\n  }, [selectedOptionIndex])\n\n  const handleClickOptionItem = useCallback((index: number) => {\n    setCurrentIndex(index)\n    onChangeOption(index)\n  }, [onChangeOption])\n\n  const renderOption = useCallback((Element: React.ReactNode, index: number) => (\n    <Styled.OptionItemWrapper\n      key={uuid()}\n      data-testid={segmentedControlOptionItemTestId(index)}\n      disabled={disabled}\n      active={index === currentIndex}\n      size={size}\n      style={{\n        width: optionItemWidth,\n        left: optionItemLeft(index),\n      }}\n      onClick={() => (disabled ? noop : handleClickOptionItem(index))}\n    >\n      <Text\n        typo={SIZE_TO_OPTION_TYPOGRAPHY[size]}\n        bold\n      >\n        { Element }\n      </Text>\n    </Styled.OptionItemWrapper>\n  ), [\n    disabled,\n    size,\n    currentIndex,\n    optionItemWidth,\n    optionItemLeft,\n    handleClickOptionItem,\n  ])\n\n  const Content = useMemo(() => (\n    React.Children.map(children, renderOption)\n  ), [\n    children,\n    renderOption,\n  ])\n\n  const Dividers = useMemo(() => (\n    range(1, numItems)\n      .map(index => (\n        <Styled.DividerContainer\n          key={`divider-${index.toString(36)}`}\n          size={size}\n          hidden={index === currentIndex || index === currentIndex + 1}\n          style={{\n            left: dividerItemLeft(index),\n          }}\n        >\n          <Divider orientation=\"vertical\" />\n        </Styled.DividerContainer>\n      ))\n  ), [\n    size,\n    numItems,\n    currentIndex,\n    dividerItemLeft,\n  ])\n\n  const IndicatorComponent = useMemo(() => (\n    <Styled.Indicator\n      size={size}\n      style={{\n        width: optionItemWidth,\n        transform: `translateX(${optionItemLeft(currentIndex)}px)`,\n      }}\n    >\n      <Styled.IndicatorBox />\n    </Styled.Indicator>\n  ), [\n    size,\n    currentIndex,\n    optionItemWidth,\n    optionItemLeft,\n  ])\n\n  return (\n    <Styled.Wrapper\n      {...ownProps}\n      ref={wrapperRef}\n      disabled={disabled}\n      size={size}\n      wrapperWidth={width}\n      data-testid={testId}\n    >\n      { IndicatorComponent }\n      { Content }\n      { Dividers }\n    </Styled.Wrapper>\n  )\n}\n\nexport default forwardRef(LegacySegmentedControl)\n"],"names":["SEGMENTED_CONTROL_TEST_ID","SEGMENTED_CONTROL_OPTION_ITEM_TEST_ID_PREFIX","segmentedControlOptionItemTestId","index","toString","join","itemWidth","width","numItems","size","SIZE_TO_PADDING","DIVIDER_WIDTH","Math","max","itemLeft","dividerLeft","DIVIDER_SIDE_MARGIN","LegacySegmentedControl","testId","LegacySegmentedControlSize","M","selectedOptionIndex","onChangeOption","noop","children","rest","forwardedRef","disabled","ownProps","useFormFieldProps","currentIndex","setCurrentIndex","useState","wrapperWidth","setWrapperWidth","useMemo","React","Children","count","optionItemWidth","optionItemLeft","dividerItemLeft","updateDimensions","useCallback","_width","isNumber","ref","resizeDetectorRef","useResizeDetector","onResize","wrapperRef","useMergeRefs","useEffect","handleClickOptionItem","renderOption","Element","createElement","Styled","key","uuid","active","style","left","onClick","Text","typo","SIZE_TO_OPTION_TYPOGRAPHY","bold","Content","map","Dividers","range","hidden","Divider","orientation","IndicatorComponent","transform","Object","assign","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;AAgCO,MAAMA,yBAAyB,GAAG,iCAAgC;AACzE,MAAMC,4CAA4C,GAAG,4CAA4C,CAAA;MACpFC,gCAAgC,GAAIC,KAAa,IAC5D,CAACF,4CAA4C,EAAEE,KAAK,CAACC,QAAQ,EAAE,CAAC,CAACC,IAAI,CAAC,GAAG,EAAC;AAE5E,MAAMC,SAAS,GAAGA,CAACC,KAAa,EAAEC,QAAgB,EAAEC,IAAgC,KAClF,CAACF,KAAK,GAAI,CAAC,GAAGG,4CAAe,CAACD,IAAI,CAAE,GAAI,CAACD,QAAQ,GAAG,CAAC,IAAIG,0CAAc,IAAIC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEL,QAAQ,CAAC,CAAA;AAElG,MAAMM,QAAQ,GAAGA,CAACP,KAAa,EAAEC,QAAgB,EAAEC,IAAgC,KAChFN,KAAa,IACZO,4CAAe,CAACD,IAAI,CAAC,GAChBH,SAAS,CAACC,KAAK,EAAEC,QAAQ,EAAEC,IAAI,CAAC,GAAGN,KAAM,GACzCQ,0CAAa,GAAGR,KACtB,CAAA;AAEH,MAAMY,WAAW,GAAGA,CAACR,KAAa,EAAEC,QAAgB,EAAEC,IAAgC,KACnFN,KAAa,IACZO,4CAAe,CAACD,IAAI,CAAC,GAChBH,SAAS,CAACC,KAAK,EAAEC,QAAQ,EAAEC,IAAI,CAAC,GAAGN,KAAM,GACzCQ,0CAAa,IAAIR,KAAK,GAAG,CAAC,CAAE,GAC7Ba,gDACL,CAAA;AAEH,SAASC,sBAAsBA,CAC7B;AACEC,EAAAA,MAAM,GAAGlB,yBAAyB;AAClCO,EAAAA,KAAK,GAAG,MAAM;EACdE,IAAI,GAAGU,uDAA0B,CAACC,CAAC;AACnC;AACAC,EAAAA,mBAAmB,GAAG,CAAC;AACvBC,EAAAA,cAAc,GAAGC,kBAAI;AACrB;EACAC,QAAQ;EACR,GAAGC,IAAAA;AACwB,CAAC,EAC9BC,YAAsB,EACtB;EACA,MAAM;IACJC,QAAQ;IACR,GAAGC,QAAAA;AACL,GAAC,GAAGC,yBAAiB,CAACJ,IAAI,CAAC,CAAA;EAE3B,MAAM,CAACK,YAAY,EAAEC,eAAe,CAAC,GAAGC,cAAQ,CAASX,mBAAmB,CAAC,CAAA;EAC7E,MAAM,CAACY,YAAY,EAAEC,eAAe,CAAC,GAAGF,cAAQ,CAAS,CAAC,CAAC,CAAA;AAE3D,EAAA,MAAMxB,QAAQ,GAAG2B,aAAO,CAAC,MAAMC,KAAK,CAACC,QAAQ,CAACC,KAAK,CAACd,QAAQ,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC,CAAA;EAE1E,MAAMe,eAAe,GAAGjC,SAAS,CAAC2B,YAAY,EAAEzB,QAAQ,EAAEC,IAAI,CAAC,CAAA;EAC/D,MAAM+B,cAAc,GAAGL,aAAO,CAAC,MAC7BrB,QAAQ,CAACmB,YAAY,EAAEzB,QAAQ,EAAEC,IAAI,CACtC,EAAE,CACDwB,YAAY,EACZzB,QAAQ,EACRC,IAAI,CACL,CAAC,CAAA;EACF,MAAMgC,eAAe,GAAGN,aAAO,CAAC,MAC9BpB,WAAW,CAACkB,YAAY,EAAEzB,QAAQ,EAAEC,IAAI,CACzC,EAAE,CACDwB,YAAY,EACZzB,QAAQ,EACRC,IAAI,CACL,CAAC,CAAA;AAEF,EAAA,MAAMiC,gBAAgB,GAAGC,iBAAW,CAAEC,MAAe,IAAK;AACxD,IAAA,IAAIC,kBAAQ,CAACD,MAAM,CAAC,EAAE;MAAEV,eAAe,CAACU,MAAM,CAAC,CAAA;AAAC,KAAA;GACjD,EAAE,EAAE,CAAC,CAAA;EAEN,MAAM;AAAEE,IAAAA,GAAG,EAAEC,iBAAAA;GAAmB,GAAGC,2BAAiB,CAAC;AAAEC,IAAAA,QAAQ,EAAEP,gBAAAA;AAAiB,GAAC,CAAC,CAAA;AAEpF,EAAA,MAAMQ,UAAU,GAAGC,oBAAY,CAACJ,iBAAiB,EAAErB,YAAY,CAAC,CAAA;AAEhE0B,EAAAA,eAAS,CAAC,MAAM;AACd,IAAA,IAAIP,kBAAQ,CAACxB,mBAAmB,CAAC,EAAE;MACjCU,eAAe,CAACV,mBAAmB,CAAC,CAAA;AACtC,KAAA;AACF,GAAC,EAAE,CAACA,mBAAmB,CAAC,CAAC,CAAA;AAEzB,EAAA,MAAMgC,qBAAqB,GAAGV,iBAAW,CAAExC,KAAa,IAAK;IAC3D4B,eAAe,CAAC5B,KAAK,CAAC,CAAA;IACtBmB,cAAc,CAACnB,KAAK,CAAC,CAAA;AACvB,GAAC,EAAE,CAACmB,cAAc,CAAC,CAAC,CAAA;AAEpB,EAAA,MAAMgC,YAAY,GAAGX,iBAAW,CAAC,CAACY,OAAwB,EAAEpD,KAAa,kBACvEiC,KAAA,CAAAoB,aAAA,CAACC,+CAAwB,EAAA;IACvBC,GAAG,EAAEC,UAAI,EAAG;IACZ,aAAazD,EAAAA,gCAAgC,CAACC,KAAK,CAAE;AACrDwB,IAAAA,QAAQ,EAAEA,QAAS;IACnBiC,MAAM,EAAEzD,KAAK,KAAK2B,YAAa;AAC/BrB,IAAAA,IAAI,EAAEA,IAAK;AACXoD,IAAAA,KAAK,EAAE;AACLtD,MAAAA,KAAK,EAAEgC,eAAe;MACtBuB,IAAI,EAAEtB,cAAc,CAACrC,KAAK,CAAA;KAC1B;IACF4D,OAAO,EAAEA,MAAOpC,QAAQ,GAAGJ,kBAAI,GAAG8B,qBAAqB,CAAClD,KAAK,CAAA;AAAG,GAAA,eAEhEiC,KAAA,CAAAoB,aAAA,CAACQ,YAAI,EAAA;AACHC,IAAAA,IAAI,EAAEC,sDAAyB,CAACzD,IAAI,CAAE;IACtC0D,IAAI,EAAA,IAAA;AAAA,GAAA,EAEFZ,OACE,CACkB,CAC3B,EAAE,CACD5B,QAAQ,EACRlB,IAAI,EACJqB,YAAY,EACZS,eAAe,EACfC,cAAc,EACda,qBAAqB,CACtB,CAAC,CAAA;EAEF,MAAMe,OAAO,GAAGjC,aAAO,CAAC,MACtBC,KAAK,CAACC,QAAQ,CAACgC,GAAG,CAAC7C,QAAQ,EAAE8B,YAAY,CAC1C,EAAE,CACD9B,QAAQ,EACR8B,YAAY,CACb,CAAC,CAAA;EAEF,MAAMgB,QAAQ,GAAGnC,aAAO,CAAC,MACvBoC,iBAAK,CAAC,CAAC,EAAE/D,QAAQ,CAAC,CACf6D,GAAG,CAAClE,KAAK,iBACRiC,KAAA,CAAAoB,aAAA,CAACC,8CAAuB,EAAA;IACtBC,GAAG,EAAG,WAAUvD,KAAK,CAACC,QAAQ,CAAC,EAAE,CAAE,CAAE,CAAA;AACrCK,IAAAA,IAAI,EAAEA,IAAK;IACX+D,MAAM,EAAErE,KAAK,KAAK2B,YAAY,IAAI3B,KAAK,KAAK2B,YAAY,GAAG,CAAE;AAC7D+B,IAAAA,KAAK,EAAE;MACLC,IAAI,EAAErB,eAAe,CAACtC,KAAK,CAAA;AAC7B,KAAA;AAAE,GAAA,eAEFiC,KAAA,CAAAoB,aAAA,CAACiB,eAAO,EAAA;AAACC,IAAAA,WAAW,EAAC,UAAA;AAAU,GAAE,CACV,CAC1B,CACJ,EAAE,CACDjE,IAAI,EACJD,QAAQ,EACRsB,YAAY,EACZW,eAAe,CAChB,CAAC,CAAA;EAEF,MAAMkC,kBAAkB,GAAGxC,aAAO,CAAC,mBACjCC,KAAA,CAAAoB,aAAA,CAACC,uCAAgB,EAAA;AACfhD,IAAAA,IAAI,EAAEA,IAAK;AACXoD,IAAAA,KAAK,EAAE;AACLtD,MAAAA,KAAK,EAAEgC,eAAe;AACtBqC,MAAAA,SAAS,EAAG,CAAA,WAAA,EAAapC,cAAc,CAACV,YAAY,CAAE,CAAA,GAAA,CAAA;AACxD,KAAA;GAEAM,eAAAA,KAAA,CAAAoB,aAAA,CAACC,0CAAmB,MAAE,CACN,CACnB,EAAE,CACDhD,IAAI,EACJqB,YAAY,EACZS,eAAe,EACfC,cAAc,CACf,CAAC,CAAA;AAEF,EAAA,oBACEJ,KAAA,CAAAoB,aAAA,CAACC,qCAAc,EAAAoB,MAAA,CAAAC,MAAA,CAAA,EAAA,EACTlD,QAAQ,EAAA;AACZkB,IAAAA,GAAG,EAAEI,UAAW;AAChBvB,IAAAA,QAAQ,EAAEA,QAAS;AACnBlB,IAAAA,IAAI,EAAEA,IAAK;AACXwB,IAAAA,YAAY,EAAE1B,KAAM;IACpB,aAAaW,EAAAA,MAAAA;AAAO,GAAA,CAAA,EAElByD,kBAAkB,EAClBP,OAAO,EACPE,QACY,CAAC,CAAA;AAErB,CAAA;AAEA,+BAAeS,aAAAA,gBAAU,CAAC9D,sBAAsB,CAAC;;;;;;"}

package/dist/cjs/components/LegacySegmentedControl/LegacySegmentedControl.styled.js

@@ -0,0 +1,118 @@
+'use strict';
+
+var DisabledOpacity = require('../../constants/DisabledOpacity.js');
+var styleUtils = require('../../utils/styleUtils.js');
+var LegacySegmentedControl_const = require('./LegacySegmentedControl.const.js');
+var LegacySegmentedControl_types = require('./LegacySegmentedControl.types.js');
+var FoundationStyledComponent = require('../../foundation/FoundationStyledComponent.js');
+var index = require('../../foundation/Transition/index.js');
+
+const heightStyle = FoundationStyledComponent.css`
+  height: ${({
+  size
+}) => LegacySegmentedControl_const.SIZE_TO_HEIGHT[size]}px;
+`;
+const indicatorHeightStyle = FoundationStyledComponent.css`
+  height: ${({
+  size
+}) => LegacySegmentedControl_const.SIZE_TO_HEIGHT[size] - LegacySegmentedControl_const.SIZE_TO_PADDING[size] * 2}px;
+`;
+const verticalPaddingStyle = FoundationStyledComponent.css`
+  padding: ${({
+  size
+}) => LegacySegmentedControl_const.SIZE_TO_PADDING[size]}px 0;
+`;
+const wrapperRoundingStyle = FoundationStyledComponent.css`
+  ${({
+  foundation,
+  size
+}) => ({
+  [LegacySegmentedControl_types.LegacySegmentedControlSize.XS]: foundation?.rounding.round6,
+  [LegacySegmentedControl_types.LegacySegmentedControlSize.S]: foundation?.rounding.round8,
+  [LegacySegmentedControl_types.LegacySegmentedControlSize.M]: foundation?.rounding.round8,
+  [LegacySegmentedControl_types.LegacySegmentedControlSize.L]: foundation?.rounding.round12
+})[size]}
+`;
+const itemRoundingStyle = FoundationStyledComponent.css`
+  ${({
+  foundation,
+  size
+}) => ({
+  [LegacySegmentedControl_types.LegacySegmentedControlSize.XS]: foundation?.rounding.round4,
+  [LegacySegmentedControl_types.LegacySegmentedControlSize.S]: foundation?.rounding.round6,
+  [LegacySegmentedControl_types.LegacySegmentedControlSize.M]: foundation?.rounding.round6,
+  [LegacySegmentedControl_types.LegacySegmentedControlSize.L]: foundation?.rounding.round6
+})[size]}
+`;
+const indicatorRoundingStyle = FoundationStyledComponent.css`
+  ${({
+  foundation,
+  size
+}) => ({
+  [LegacySegmentedControl_types.LegacySegmentedControlSize.XS]: foundation?.rounding.round4,
+  [LegacySegmentedControl_types.LegacySegmentedControlSize.S]: foundation?.rounding.round6,
+  [LegacySegmentedControl_types.LegacySegmentedControlSize.M]: foundation?.rounding.round6,
+  [LegacySegmentedControl_types.LegacySegmentedControlSize.L]: foundation?.rounding.round8
+})[size]}
+`;
+const Wrapper = /*#__PURE__*/FoundationStyledComponent.styled.div.withConfig({
+  displayName: "LegacySegmentedControlstyled__Wrapper",
+  componentId: "sc-1t4dzia-0"
+})(["position:relative;box-sizing:border-box;display:inline-flex;flex-direction:row;align-items:center;width:", ";min-width:50px;overflow:hidden;background-color:", ";", " ", ";", " ", " ", ""], ({
+  wrapperWidth
+}) => styleUtils.toLength(wrapperWidth, '100%'), props => props.foundation?.theme?.['bg-black-lighter'], ({
+  disabled
+}) => disabled && `
+    opacity: ${DisabledOpacity.default};
+  `, ({
+  foundation
+}) => foundation?.transition?.getTransitionsCSS('background-color'), heightStyle, wrapperRoundingStyle, verticalPaddingStyle);
+const OptionItemWrapper = /*#__PURE__*/FoundationStyledComponent.styled.div.withConfig({
+  displayName: "LegacySegmentedControlstyled__OptionItemWrapper",
+  componentId: "sc-1t4dzia-1"
+})(["position:absolute;display:flex;flex-direction:row;align-items:center;justify-content:center;overflow:hidden;color:", ";cursor:", ";", ";user-select:none;&:hover{", "}", " ", ""], props => props.active ? props.foundation?.theme?.['txt-black-darkest'] : props.foundation?.theme?.['txt-black-dark'], props => {
+  if (props.disabled) {
+    return 'not-allowed';
+  }
+  if (props.active) {
+    return 'auto';
+  }
+  return 'pointer';
+}, ({
+  foundation
+}) => foundation?.transition?.getTransitionsCSS(['background-color', 'color']), props => !props.disabled && !props.active ? `
+      background-color: ${props.foundation?.theme?.['bg-black-lighter']};
+    ` : '', heightStyle, itemRoundingStyle);
+const Indicator = /*#__PURE__*/FoundationStyledComponent.styled.div.withConfig({
+  displayName: "LegacySegmentedControlstyled__Indicator",
+  componentId: "sc-1t4dzia-2"
+})(["position:absolute;display:flex;flex-direction:row;align-items:center;justify-content:center;cursor:default;", ";will-change:transform;", " ", ""], ({
+  foundation
+}) => foundation?.transition?.getTransitionsCSS('transform', index.Transition.TransitionDuration.M), indicatorHeightStyle, indicatorRoundingStyle);
+const IndicatorBox = /*#__PURE__*/FoundationStyledComponent.styled.div.withConfig({
+  displayName: "LegacySegmentedControlstyled__IndicatorBox",
+  componentId: "sc-1t4dzia-3"
+})(["", ";width:100%;height:100%;background-color:", ";"], ({
+  foundation
+}) => foundation?.elevation?.ev1(), ({
+  foundation
+}) => foundation?.theme?.['bg-white-high']);
+const DividerContainer = /*#__PURE__*/FoundationStyledComponent.styled.div.withConfig({
+  displayName: "LegacySegmentedControlstyled__DividerContainer",
+  componentId: "sc-1t4dzia-4"
+})(["position:absolute;top:", "px;bottom:", "px;", ""], ({
+  size
+}) => LegacySegmentedControl_const.SIZE_TO_DIVIDER_VERTICAL_MARGIN[size], ({
+  size
+}) => LegacySegmentedControl_const.SIZE_TO_DIVIDER_VERTICAL_MARGIN[size], ({
+  hidden
+}) => hidden && `
+    visibility: hidden;
+  `);
+
+exports.DividerContainer = DividerContainer;
+exports.Indicator = Indicator;
+exports.IndicatorBox = IndicatorBox;
+exports.OptionItemWrapper = OptionItemWrapper;
+exports.Wrapper = Wrapper;
+//# sourceMappingURL=LegacySegmentedControl.styled.js.map

package/dist/cjs/components/LegacySegmentedControl/LegacySegmentedControl.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LegacySegmentedControl.styled.js","sources":["../../../../src/components/LegacySegmentedControl/LegacySegmentedControl.styled.ts"],"sourcesContent":["import {\n  Transition,\n  css,\n  styled,\n} from '~/src/foundation'\n\nimport disabledOpacity from '~/src/constants/DisabledOpacity'\nimport type { BezierComponentProps } from '~/src/types/ComponentProps'\nimport { toLength } from '~/src/utils/styleUtils'\n\nimport {\n  SIZE_TO_DIVIDER_VERTICAL_MARGIN,\n  SIZE_TO_HEIGHT,\n  SIZE_TO_PADDING,\n} from './LegacySegmentedControl.const'\nimport { LegacySegmentedControlSize } from './LegacySegmentedControl.types'\nimport type { LegacySegmentedControlItemProps } from './LegacySegmentedControl.types'\n\ninterface StyledWrapperProps extends BezierComponentProps {\n  disabled?: boolean\n  size: LegacySegmentedControlSize\n  wrapperWidth: number | string\n}\n\ninterface StyledOptionItemWrapperProps extends LegacySegmentedControlItemProps {\n  size: LegacySegmentedControlSize\n}\n\ninterface StyledIndicatorProps {\n  size: LegacySegmentedControlSize\n}\n\ninterface StyledDividerProps {\n  size: LegacySegmentedControlSize\n  hidden: boolean\n}\n\nconst heightStyle = css<{ size: LegacySegmentedControlSize }>`\n  height: ${({ size }) => SIZE_TO_HEIGHT[size]}px;\n`\n\nconst indicatorHeightStyle = css<{ size: LegacySegmentedControlSize }>`\n  height: ${({ size }) => SIZE_TO_HEIGHT[size] - (SIZE_TO_PADDING[size] * 2)}px;\n`\n\nconst verticalPaddingStyle = css<{ size: LegacySegmentedControlSize }>`\n  padding: ${({ size }) => SIZE_TO_PADDING[size]}px 0;\n`\n\nconst wrapperRoundingStyle = css<{ size: LegacySegmentedControlSize }>`\n  ${({ foundation, size }) => ({\n    [LegacySegmentedControlSize.XS]: foundation?.rounding.round6,\n    [LegacySegmentedControlSize.S]: foundation?.rounding.round8,\n    [LegacySegmentedControlSize.M]: foundation?.rounding.round8,\n    [LegacySegmentedControlSize.L]: foundation?.rounding.round12,\n  })[size]}\n`\n\nconst itemRoundingStyle = css<{ size: LegacySegmentedControlSize }>`\n  ${({ foundation, size }) => ({\n    [LegacySegmentedControlSize.XS]: foundation?.rounding.round4,\n    [LegacySegmentedControlSize.S]: foundation?.rounding.round6,\n    [LegacySegmentedControlSize.M]: foundation?.rounding.round6,\n    [LegacySegmentedControlSize.L]: foundation?.rounding.round6,\n  })[size]}\n`\n\nconst indicatorRoundingStyle = css<{ size: LegacySegmentedControlSize }>`\n  ${({ foundation, size }) => ({\n    [LegacySegmentedControlSize.XS]: foundation?.rounding.round4,\n    [LegacySegmentedControlSize.S]: foundation?.rounding.round6,\n    [LegacySegmentedControlSize.M]: foundation?.rounding.round6,\n    [LegacySegmentedControlSize.L]: foundation?.rounding.round8,\n  })[size]}\n`\n\nexport const Wrapper = styled.div<StyledWrapperProps>`\n  position: relative;\n  box-sizing: border-box;\n  display: inline-flex;\n  flex-direction: row;\n  align-items: center;\n  width: ${({ wrapperWidth }) => toLength(wrapperWidth, '100%')};\n  min-width: 50px;\n  overflow: hidden;\n  background-color: ${props => props.foundation?.theme?.['bg-black-lighter']};\n  ${({ disabled }) => disabled && `\n    opacity: ${disabledOpacity};\n  `}\n  ${({ foundation }) => foundation?.transition?.getTransitionsCSS('background-color')};\n\n  ${heightStyle}\n  ${wrapperRoundingStyle}\n  ${verticalPaddingStyle}\n`\n\nexport const OptionItemWrapper = styled.div<StyledOptionItemWrapperProps>`\n  position: absolute;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  color: ${props => (\n    props.active\n      ? props.foundation?.theme?.['txt-black-darkest']\n      : props.foundation?.theme?.['txt-black-dark']\n  )};\n  cursor: ${props => {\n    if (props.disabled) { return 'not-allowed' }\n    if (props.active) { return 'auto' }\n    return 'pointer'\n  }};\n  ${({ foundation }) => foundation?.transition?.getTransitionsCSS(['background-color', 'color'])};\n  user-select: none;\n\n  &:hover {\n    ${props => ((!props.disabled && !props.active) ? `\n      background-color: ${props.foundation?.theme?.['bg-black-lighter']};\n    ` : '')}\n  }\n\n  ${heightStyle}\n  ${itemRoundingStyle}\n`\n\nexport const Indicator = styled.div<StyledIndicatorProps>`\n  position: absolute;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  cursor: default;\n  ${({ foundation }) => (\n    foundation?.transition?.getTransitionsCSS('transform', Transition.TransitionDuration.M)\n  )};\n  will-change: transform;\n\n  ${indicatorHeightStyle}\n  ${indicatorRoundingStyle}\n`\n\nexport const IndicatorBox = styled.div`\n  ${({ foundation }) => foundation?.elevation?.ev1()};\n  width: 100%;\n  height: 100%;\n  background-color: ${({ foundation }) => foundation?.theme?.['bg-white-high']};\n`\n\nexport const DividerContainer = styled.div<StyledDividerProps>`\n  position: absolute;\n  top: ${({ size }) => SIZE_TO_DIVIDER_VERTICAL_MARGIN[size]}px;\n  bottom: ${({ size }) => SIZE_TO_DIVIDER_VERTICAL_MARGIN[size]}px;\n\n  ${({ hidden }) => hidden && `\n    visibility: hidden;\n  `}\n`\n"],"names":["heightStyle","css","size","SIZE_TO_HEIGHT","indicatorHeightStyle","SIZE_TO_PADDING","verticalPaddingStyle","wrapperRoundingStyle","foundation","LegacySegmentedControlSize","XS","rounding","round6","S","round8","M","L","round12","itemRoundingStyle","round4","indicatorRoundingStyle","Wrapper","styled","div","withConfig","displayName","componentId","wrapperWidth","toLength","props","theme","disabled","disabledOpacity","transition","getTransitionsCSS","OptionItemWrapper","active","Indicator","Transition","TransitionDuration","IndicatorBox","elevation","ev1","DividerContainer","SIZE_TO_DIVIDER_VERTICAL_MARGIN","hidden"],"mappings":"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"}

package/dist/cjs/components/LegacySegmentedControl/LegacySegmentedControl.types.js

@@ -0,0 +1,12 @@
+'use strict';
+
+let LegacySegmentedControlSize = /*#__PURE__*/function (LegacySegmentedControlSize) {
+  LegacySegmentedControlSize["XS"] = "xs";
+  LegacySegmentedControlSize["S"] = "s";
+  LegacySegmentedControlSize["M"] = "m";
+  LegacySegmentedControlSize["L"] = "l";
+  return LegacySegmentedControlSize;
+}({});
+
+exports.LegacySegmentedControlSize = LegacySegmentedControlSize;
+//# sourceMappingURL=LegacySegmentedControl.types.js.map

package/dist/cjs/components/LegacySegmentedControl/LegacySegmentedControl.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LegacySegmentedControl.types.js","sources":["../../../../src/components/LegacySegmentedControl/LegacySegmentedControl.types.ts"],"sourcesContent":["import type {\n  BoxSizingUnit,\n  ExplicitDefaulting,\n} from '~/src/types/CSS'\nimport type {\n  ActivatableProps,\n  BezierComponentProps,\n  ChildrenProps,\n  OptionItemHostProps,\n} from '~/src/types/ComponentProps'\n\nimport type { FormComponentProps } from '~/src/components/Forms/Form.types'\n\ntype SegmentedControlBaseProps = BezierComponentProps & ChildrenProps & FormComponentProps\n\ntype CSSSizingProperty = number | string | ExplicitDefaulting | BoxSizingUnit\n\nexport enum LegacySegmentedControlSize {\n  XS = 'xs',\n  S = 's',\n  M = 'm',\n  L = 'l',\n}\n\ninterface LegacySegmentedControlOptions {\n  width?: CSSSizingProperty\n\n  /**\n   * Size variant of this SegmentedControl.\n   *\n   * @default SegmentedControlSize.M\n   */\n  size?: LegacySegmentedControlSize\n}\n\nexport default interface LegacySegmentedControlProps extends\n  SegmentedControlBaseProps,\n  OptionItemHostProps<number>,\n  LegacySegmentedControlOptions {}\n\nexport interface LegacySegmentedControlItemProps extends\n  SegmentedControlBaseProps,\n  Pick<ActivatableProps, 'active'> {}\n"],"names":["LegacySegmentedControlSize"],"mappings":";;AAiBYA,IAAAA,0BAA0B,0BAA1BA,0BAA0B,EAAA;EAA1BA,0BAA0B,CAAA,IAAA,CAAA,GAAA,IAAA,CAAA;EAA1BA,0BAA0B,CAAA,GAAA,CAAA,GAAA,GAAA,CAAA;EAA1BA,0BAA0B,CAAA,GAAA,CAAA,GAAA,GAAA,CAAA;EAA1BA,0BAA0B,CAAA,GAAA,CAAA,GAAA,GAAA,CAAA;AAAA,EAAA,OAA1BA,0BAA0B,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}