@channel.io/bezier-react 1.5.0 → 1.6.0

package/build/src/components/KeyValueListItem/common/ValueItem/ValueItem.styled.d.ts

@@ -1,9 +0,0 @@
-import { type InterpolationProps } from "../../../../types/Foundation";
-interface ValueWrapperProps extends InterpolationProps {
-    multiline?: boolean;
-}
-export declare const ValueWrapper: import("styled-components").StyledComponent<"div", import("~/src/foundation").Foundation, {
-    foundation?: import("~/src/foundation").Foundation | undefined;
-} & ValueWrapperProps, never>;
-export {};
-//# sourceMappingURL=ValueItem.styled.d.ts.map

package/build/src/components/KeyValueListItem/common/ValueItem/ValueItem.styled.js

@@ -1,19 +0,0 @@
-import { styled as FoundationStyled } from '../../../../foundation/FoundationStyledComponent.js';
-import { Typography } from '../../../../foundation/Typography.js';
-import { ellipsis } from '../../../../foundation/Mixins.js';
-
-const ValueWrapper = FoundationStyled.div`
-  color: ${({
-  foundation
-}) => foundation === null || foundation === void 0 ? void 0 : foundation.theme['txt-black-darkest']};
-  ${Typography.Size14};
-  ${({
-  multiline
-}) => !multiline && ellipsis()};
-  ${({
-  interpolation
-}) => interpolation}
-`;
-
-export { ValueWrapper };
-//# sourceMappingURL=ValueItem.styled.js.map

package/build/src/components/KeyValueListItem/common/ValueItem/ValueItem.styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ValueItem.styled.js","sources":["../../../../../../src/components/KeyValueListItem/common/ValueItem/ValueItem.styled.ts"],"sourcesContent":["import {\n  Typography,\n  ellipsis,\n  styled,\n} from '~/src/foundation'\n\nimport { type InterpolationProps } from '~/src/types/Foundation'\n\ninterface ValueWrapperProps extends InterpolationProps {\n  multiline?: boolean\n}\n\nexport const ValueWrapper = styled.div<ValueWrapperProps>`\n  color: ${({ foundation }) => foundation?.theme['txt-black-darkest']};\n  ${Typography.Size14};\n  ${({ multiline }) => !multiline && ellipsis()};\n  ${({ interpolation }) => interpolation}\n`\n"],"names":["ValueWrapper","styled","div","foundation","theme","Typography","Size14","multiline","ellipsis","interpolation"],"mappings":";;;;AAYaA,MAAAA,YAAY,GAAGC,gBAAM,CAACC,GAAsB,CAAA;AAC9C,SAAA,EAAA,CAAC;AAAEC,EAAAA,UAAAA;AAAY,CAAA,KAAKA,UAAU,KAAV,IAAA,IAAAA,UAAU,uBAAVA,UAAU,CAAEC,KAAK,CAAC,mBAAmB,CAAC,CAAA;AACjE,EAAAC,EAAAA,UAAU,CAACC,MAAM,CAAA;IACjB,CAAC;AAAEC,EAAAA,SAAAA;AAAS,CAAE,KAAK,CAACA,SAAS,IAAIC,QAAQ,EAAE,CAAA;AAC3C,EAAA,EAAA,CAAC;AAAEC,EAAAA,aAAAA;AAAa,CAAE,KAAKA,aAAa,CAAA;;;;;"}

package/build/src/components/KeyValueListItem/common/ValueItem/ValueItem.types.d.ts

@@ -1,9 +0,0 @@
-import type React from 'react';
-import type { BezierComponentProps, ChildrenProps } from "../../../../types/ComponentProps";
-interface ValueItemOptions {
-    multiline?: boolean;
-}
-export interface ValueItemProps extends BezierComponentProps, ChildrenProps, React.HTMLAttributes<HTMLDivElement>, ValueItemOptions {
-}
-export {};
-//# sourceMappingURL=ValueItem.types.d.ts.map

package/build/src/components/KeyValueListItem/common/ValueItem/index.d.ts

@@ -1,3 +0,0 @@
-import ValueItem from './ValueItem';
-export { ValueItem, };
-//# sourceMappingURL=index.d.ts.map

package/build/src/components/KeyValueListItem/common/index.d.ts

@@ -1,4 +0,0 @@
-export * from './ItemActions';
-export * from './KeyItem';
-export * from './ValueItem';
-//# sourceMappingURL=index.d.ts.map

package/build/src/components/KeyValueListItem/index.d.ts

@@ -1,8 +0,0 @@
-import KeyValueListItem from './KeyValueListItem';
-import type { KeyValueListItemProps } from './KeyValueListItem.types';
-import KeyValueMultiLineListItem from './KeyValueMultiLineListItem';
-import type { KeyValueListItemActionProps } from './common';
-import type { KeyValueListItemContainerProps } from './KeyValueListItem.common.styled';
-export type { KeyValueListItemContainerProps, KeyValueListItemActionProps, KeyValueListItemProps, };
-export { KeyValueListItem, KeyValueMultiLineListItem, };
-//# sourceMappingURL=index.d.ts.map

package/build/src/components/LegacyIcon/LegacyIcon.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-import type LegacyIconProps from './LegacyIcon.types';
-/**
- * @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" />
- */
-declare const LegacyIcon: React.MemoExoticComponent<({ name, ...rest }: LegacyIconProps) => JSX.Element | null>;
-export default LegacyIcon;
-//# sourceMappingURL=LegacyIcon.d.ts.map

package/build/src/components/LegacyIcon/LegacyIcon.js

@@ -1,36 +0,0 @@
-import { __rest } from '../../../node_modules/tslib/tslib.es6.js';
-import e__default, { memo } from 'react';
-import { icons as jc } from '../../../packages/bezier-icons/dist/index.mjs.js';
-import { Icon } from '../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 = memo(_a => {
-  var {
-      name
-    } = _a,
-    rest = __rest(_a, ["name"]);
-  const IconSource = jc[name];
-  if (!IconSource) {
-    return null;
-  }
-  return e__default.createElement(Icon, Object.assign({
-    source: IconSource
-  }, rest));
-});
-var LegacyIcon$1 = LegacyIcon;
-
-export { LegacyIcon$1 as default };
-//# sourceMappingURL=LegacyIcon.js.map

package/build/src/components/LegacyIcon/LegacyIcon.js.map

@@ -1 +0,0 @@
-{"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","_a","name","rest","__rest","IconSource","icons","React","createElement","Icon","Object","assign","source"],"mappings":";;;;;AAQA;;;;;;;;;;;;;AAaG;AACH,MAAMA,UAAU,GAAGC,IAAI,CAAEC,EAGP,IAAI;EAHG,IAAA;AACvBC,MAAAA,IAAAA;AAEgB,KAAA,GAAAD,EAAA;IADbE,IAAI,GAAAC,MAAA,CAAAH,EAAA,EAFgB,QAGxB,CADQ,CAAA;AAEP,EAAA,MAAMI,UAAU,GAAGC,EAAK,CAACJ,IAAI,CAAC,CAAA;EAE9B,IAAI,CAACG,UAAU,EAAE;AAAE,IAAA,OAAO,IAAI,CAAA;AAAE,GAAA;EAEhC,OAAQE,UAAC,CAAAC,aAAA,CAAAC,IAAI,EAACC,MAAA,CAAAC,MAAA,CAAA;AAAAC,IAAAA,MAAM,EAAEP,UAAAA;GAAgB,EAAAF,IAAI,CAAI,CAAA,CAAA;AAChD,CAAC,CAAC,CAAA;AAEF,mBAAeJ,UAAU;;;;"}

package/build/src/components/LegacyIcon/LegacyIcon.types.d.ts

@@ -1,23 +0,0 @@
-import { type IconName } from '@channel.io/bezier-icons';
-import { type IconProps } from "../Icon";
-interface LegacyIconOptions {
-    name: IconName;
-}
-/**
- * @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" />
- */
-export default interface LegacyIconProps extends Omit<IconProps, 'source'>, LegacyIconOptions {
-}
-export {};
-//# sourceMappingURL=LegacyIcon.types.d.ts.map

package/build/src/components/LegacyIcon/index.d.ts

@@ -1,4 +0,0 @@
-export { default as LegacyIcon } from './LegacyIcon';
-export type { default as LegacyIconProps } from './LegacyIcon.types';
-export * from './utils';
-//# sourceMappingURL=index.d.ts.map

package/build/src/components/LegacyIcon/utils.d.ts

@@ -1,17 +0,0 @@
-import { type IconName } from '@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" />
- */
-export declare const isIconName: (name: any) => name is IconName;
-//# sourceMappingURL=utils.d.ts.map

package/build/src/components/LegacyIcon/utils.js

@@ -1,20 +0,0 @@
-import { icons as jc } from '../../../packages/bezier-icons/dist/index.mjs.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 isIconName = name => Object.keys(jc).includes(name);
-
-export { isIconName };
-//# sourceMappingURL=utils.js.map

package/build/src/components/LegacyIcon/utils.js.map

@@ -1 +0,0 @@
-{"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;;;;;;;;;;;;;AAaG;AACUA,MAAAA,UAAU,GAAIC,IAAS,IAAuBC,MAAM,CAACC,IAAI,CAACC,EAAK,CAAC,CAACC,QAAQ,CAACJ,IAAI;;;;"}

package/build/src/components/LegacyRadio/LegacyRadio.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { type LegacyRadioProps } from './LegacyRadio.types';
-export declare const RADIO_TEST_ID = "bezier-react-radio";
-export declare const RADIO_HANDLE_TEST_ID = "bezier-react-radio-handle";
-/**
- * @deprecated Use `RadioGroup` instead.
- */
-export declare const LegacyRadio: React.ForwardRefExoticComponent<LegacyRadioProps & React.RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=LegacyRadio.d.ts.map

package/build/src/components/LegacyRadio/LegacyRadio.js

@@ -1,61 +0,0 @@
-import { __rest } from '../../../node_modules/tslib/tslib.es6.js';
-import e__default, { forwardRef, useState, useCallback, useMemo } from 'react';
-import { isNil } from '../../utils/typeUtils.js';
-import useFormFieldProps from '../Forms/useFormFieldProps.js';
-import { StyledRadioWrapper, StyledRadioHandle } from './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 = forwardRef(function LegacyRadio(_a, forwardedRef) {
-  var {
-      as,
-      testId = RADIO_TEST_ID,
-      handleTestId = RADIO_HANDLE_TEST_ID,
-      dotClassName,
-      watchingValue,
-      value,
-      onClick,
-      children
-    } = _a,
-    rest = __rest(_a, ["as", "testId", "handleTestId", "dotClassName", "watchingValue", "value", "onClick", "children"]);
-  const _b = useFormFieldProps(rest),
-    {
-      disabled
-    } = _b,
-    ownProps = __rest(_b, ["disabled"]);
-  const [hovered, setHovered] = useState(false);
-  const handleClick = useCallback(e => {
-    if (!disabled && onClick) {
-      onClick(value, e);
-    }
-  }, [onClick, disabled, value]);
-  const handleMouseOver = useCallback(() => setHovered(true), []);
-  const handleMouseLeave = useCallback(() => setHovered(false), []);
-  const checked = useMemo(() => {
-    if (isNil(watchingValue) || isNil(value)) {
-      return false;
-    }
-    return watchingValue === value;
-  }, [watchingValue, value]);
-  return e__default.createElement(StyledRadioWrapper, Object.assign({
-    ref: forwardedRef,
-    "data-testid": testId,
-    disabled: disabled,
-    onClick: handleClick,
-    onMouseEnter: handleMouseOver,
-    onMouseLeave: handleMouseLeave
-  }, ownProps), e__default.createElement(StyledRadioHandle, {
-    as: as,
-    "data-testid": handleTestId,
-    className: dotClassName,
-    checked: checked,
-    disabled: disabled,
-    hovered: hovered
-  }), children);
-});
-
-export { LegacyRadio, RADIO_HANDLE_TEST_ID, RADIO_TEST_ID };
-//# sourceMappingURL=LegacyRadio.js.map

package/build/src/components/LegacyRadio/LegacyRadio.js.map

@@ -1 +0,0 @@
-{"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","_a","forwardedRef","as","testId","handleTestId","dotClassName","watchingValue","value","onClick","children","rest","__rest","_b","useFormFieldProps","disabled","ownProps","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;;AAEG;AACI,MAAMC,WAAW,GAAGC,UAAU,CAAC,SAASD,WAAW,CACxDE,EAUmB,EACnBC,YAAuC,EAAA;MAXvC;MACEC,EAAE;AACFC,MAAAA,MAAM,GAAGP,aAAa;AACtBQ,MAAAA,YAAY,GAAGP,oBAAoB;MACnCQ,YAAY;MACZC,aAAa;MACbC,KAAK;MACLC,OAAO;AACPC,MAAAA,QAAAA;UAEiB;IADdC,IAAI,GATTC,MAAA,CAAAX,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,cAAA,EAAA,eAAA,EAAA,OAAA,EAAA,SAAA,EAAA,UAAA,CAUC,CADQ,CAAA;AAIT,EAAA,MAAMY,EAGF,GAAAC,iBAAiB,CAACH,IAAI,CAAC;AAHrB,IAAA;AACJI,MAAAA,QAAAA;AAAQ,KAAA,GAAAF,EAEiB;IADtBG,QAAQ,GAFPJ,MAAA,CAAAC,EAAA,EAAA,CAAA,UAAA,CAGL,CAA0B,CAAA;EAE3B,MAAM,CAACI,OAAO,EAAEC,UAAU,CAAC,GAAGC,QAAQ,CAAC,KAAK,CAAC,CAAA;AAE7C,EAAA,MAAMC,WAAW,GAAGC,WAAW,CAAEC,CAAa,IAAI;AAChD,IAAA,IAAI,CAACP,QAAQ,IAAIN,OAAO,EAAE;AACxBA,MAAAA,OAAO,CAACD,KAAK,EAAEc,CAAC,CAAC,CAAA;AAClB,KAAA;GACF,EAAE,CACDb,OAAO,EACPM,QAAQ,EACRP,KAAK,CACN,CAAC,CAAA;EAEF,MAAMe,eAAe,GAAGF,WAAW,CAAC,MAAMH,UAAU,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAA;EAE/D,MAAMM,gBAAgB,GAAGH,WAAW,CAAC,MAAMH,UAAU,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAA;AAEjE,EAAA,MAAMO,OAAO,GAAGC,OAAO,CAAC,MAAK;IAC3B,IAAIC,KAAK,CAACpB,aAAa,CAAC,IAAIoB,KAAK,CAACnB,KAAK,CAAC,EAAE;AAAE,MAAA,OAAO,KAAK,CAAA;AAAE,KAAA;IAC1D,OAAOD,aAAa,KAAKC,KAAK,CAAA;AAChC,GAAC,EAAE,CACDD,aAAa,EACbC,KAAK,CACN,CAAC,CAAA;EAEF,OACEoB,UAAC,CAAAC,aAAA,CAAAC,kBAAkB,EACjBC,MAAA,CAAAC,MAAA,CAAA;AAAAC,IAAAA,GAAG,EAAE/B,YAAY;AACJ,IAAA,aAAA,EAAAE,MAAM;AACnBW,IAAAA,QAAQ,EAAEA,QAAQ;AAClBN,IAAAA,OAAO,EAAEW,WAAW;AACpBc,IAAAA,YAAY,EAAEX,eAAe;AAC7BY,IAAAA,YAAY,EAAEX,gBAAAA;GAAgB,EAC1BR,QAAQ,CAAA,EAEZY,UAAC,CAAAC,aAAA,CAAAO,iBAAiB;AAChBjC,IAAAA,EAAE,EAAEA,EAAE;AACO,IAAA,aAAA,EAAAE,YAAY;AACzBgC,IAAAA,SAAS,EAAE/B,YAAY;AACvBmB,IAAAA,OAAO,EAAEA,OAAO;AAChBV,IAAAA,QAAQ,EAAEA,QAAQ;AAClBE,IAAAA,OAAO,EAAEA,OAAAA;GACT,CAAA,EACAP,QAAQ,CACS,CAAA;AAEzB,CAAC;;;;"}

package/build/src/components/LegacyRadio/LegacyRadio.styled.d.ts

@@ -1,8 +0,0 @@
-import { type LegacyRadioProps, type StyledRadioHandleProps } from './LegacyRadio.types';
-export declare const StyledRadioWrapper: import("styled-components").StyledComponent<"div", import("~/src/foundation").Foundation, {
-    foundation?: import("~/src/foundation").Foundation | undefined;
-} & LegacyRadioProps, never>;
-export declare const StyledRadioHandle: import("styled-components").StyledComponent<"div", import("~/src/foundation").Foundation, {
-    foundation?: import("~/src/foundation").Foundation | undefined;
-} & LegacyRadioProps & StyledRadioHandleProps, never>;
-//# sourceMappingURL=LegacyRadio.styled.d.ts.map

package/build/src/components/LegacyRadio/LegacyRadio.styled.js

@@ -1,77 +0,0 @@
-import disabledOpacity from '../../constants/DisabledOpacity.js';
-import { styled as FoundationStyled, css as FoundationCSS } from '../../foundation/FoundationStyledComponent.js';
-
-const StyledRadioWrapper = FoundationStyled.div`
-  display: flex;
-  align-items: center;
-  cursor: ${({
-  disabled
-}) => {
-  if (disabled) {
-    return 'auto';
-  }
-  return 'pointer';
-}};
-  opacity: ${({
-  disabled
-}) => disabled ? disabledOpacity : 1};
-`;
-const StyledRadioHandleDot = FoundationCSS`
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  width: 8px;
-  height: 8px;
-  content: '';
-  background-color: ${props => {
-  var _a, _b, _c, _d;
-  if (!props.disabled && !props.checked && props.hovered) {
-    return (_b = (_a = props.foundation) === null || _a === void 0 ? void 0 : _a.theme) === null || _b === void 0 ? void 0 : _b['bg-black-light'];
-  }
-  if (props.checked) {
-    return (_d = (_c = props.foundation) === null || _c === void 0 ? void 0 : _c.theme) === null || _d === void 0 ? void 0 : _d['bgtxt-absolute-white-normal'];
-  }
-  return 'transparent';
-}};
-  border-radius: 50%;
-  transform: translate(-50%, -50%);
-  ${({
-  foundation
-}) => {
-  var _a;
-  return (_a = foundation === null || foundation === void 0 ? void 0 : foundation.transition) === null || _a === void 0 ? void 0 : _a.getTransitionsCSS('background-color');
-}};
-`;
-const StyledRadioHandle = FoundationStyled.div`
-  position: relative;
-  box-sizing: border-box;
-  width: 18px;
-  height: 18px;
-  margin-right: 9px;
-  background-color: ${props => {
-  var _a, _b, _c, _d;
-  if (props.checked) {
-    return (_b = (_a = props.foundation) === null || _a === void 0 ? void 0 : _a.theme) === null || _b === void 0 ? void 0 : _b['bgtxt-green-normal'];
-  }
-  return (_d = (_c = props.foundation) === null || _c === void 0 ? void 0 : _c.theme) === null || _d === void 0 ? void 0 : _d['bg-black-lightest'];
-}};
-  border: ${props => {
-  var _a, _b;
-  if (props.checked) {
-    return 'none';
-  }
-  return `2px solid ${(_b = (_a = props.foundation) === null || _a === void 0 ? void 0 : _a.theme) === null || _b === void 0 ? void 0 : _b['bdr-black-light']}`;
-}};
-  border-radius: 50%;
-  ${props => {
-  var _a, _b;
-  return (_b = (_a = props.foundation) === null || _a === void 0 ? void 0 : _a.transition) === null || _b === void 0 ? void 0 : _b.getTransitionsCSS('background-color');
-}};
-
-  &::after {
-    ${StyledRadioHandleDot};
-  }
-`;
-
-export { StyledRadioHandle, StyledRadioWrapper };
-//# sourceMappingURL=LegacyRadio.styled.js.map

package/build/src/components/LegacyRadio/LegacyRadio.styled.js.map

@@ -1 +0,0 @@
-{"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","disabled","DisabledOpacity","StyledRadioHandleDot","css","props","checked","hovered","_b","_a","foundation","theme","_d","_c","transition","getTransitionsCSS","StyledRadioHandle"],"mappings":";;;AAYaA,MAAAA,kBAAkB,GAAGC,gBAAM,CAACC,GAAqB,CAAA;;;AAGlD,UAAA,EAAA,CAAC;AAAEC,EAAAA,QAAAA;AAAU,CAAA,KAAI;AACzB,EAAA,IAAIA,QAAQ,EAAE;AAAE,IAAA,OAAO,MAAM,CAAA;AAAE,GAAA;AAC/B,EAAA,OAAO,SAAS,CAAA;AAClB,CAAC,CAAA;AACU,WAAA,EAAA,CAAC;AAAEA,EAAAA,QAAAA;AAAQ,CAAE,KAAMA,QAAQ,GAAGC,eAAe,GAAG,CAAE,CAAA;EAC9D;AAED,MAAMC,oBAAoB,GAAGC,aAA2B,CAAA;;;;;;;AAOlC,oBAAA,EAAAC,KAAK,IAAG;;AAC1B,EAAA,IAAI,CAACA,KAAK,CAACJ,QAAQ,IAAI,CAACI,KAAK,CAACC,OAAO,IAAID,KAAK,CAACE,OAAO,EAAE;AAAE,IAAA,OAAO,CAAAC,EAAA,GAAA,CAAAC,EAAA,GAAAJ,KAAK,CAACK,UAAU,0CAAEC,KAAK,MAAA,IAAA,IAAAH,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAG,gBAAgB,CAAC,CAAA;AAAE,GAAA;EAC9G,IAAIH,KAAK,CAACC,OAAO,EAAE;AAAE,IAAA,OAAO,CAAAM,EAAA,GAAA,CAAAC,EAAA,GAAAR,KAAK,CAACK,UAAU,0CAAEC,KAAK,MAAA,IAAA,IAAAC,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAG,6BAA6B,CAAC,CAAA;AAAE,GAAA;AACtF,EAAA,OAAO,aAAa,CAAA;AACtB,CAAC,CAAA;;;IAGC,CAAC;AAAEF,EAAAA,UAAAA;AAAY,CAAA,KAAK;AAAA,EAAA,IAAAD,EAAA,CAAA;AAAA,EAAA,OAAA,MAAAC,UAAU,KAAA,IAAA,IAAVA,UAAU,KAAV,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,UAAU,CAAEI,UAAU,MAAA,IAAA,IAAAL,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAEM,iBAAiB,CAAC,kBAAkB,CAAC,CAAA;AAAA,CAAA,CAAA;CACpF,CAAA;AAEYC,MAAAA,iBAAiB,GAAGjB,gBAAM,CAACC,GAA8C,CAAA;;;;;;AAMhE,oBAAA,EAAAK,KAAK,IAAG;;EAC1B,IAAIA,KAAK,CAACC,OAAO,EAAE;AAAE,IAAA,OAAO,CAAAE,EAAA,GAAA,CAAAC,EAAA,GAAAJ,KAAK,CAACK,UAAU,0CAAEC,KAAK,MAAA,IAAA,IAAAH,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAG,oBAAoB,CAAC,CAAA;AAAE,GAAA;AAC7E,EAAA,OAAO,CAAAI,EAAA,GAAA,CAAAC,EAAA,GAAAR,KAAK,CAACK,UAAU,0CAAEC,KAAK,MAAA,IAAA,IAAAC,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAG,mBAAmB,CAAC,CAAA;AACvD,CAAC,CAAA;AACS,UAAA,EAAAP,KAAK,IAAG;;EAChB,IAAIA,KAAK,CAACC,OAAO,EAAE;AAAE,IAAA,OAAO,MAAM,CAAA;AAAE,GAAA;AACpC,EAAA,OAAoB,aAAA,CAAAE,EAAA,GAAA,CAAAC,EAAA,GAAAJ,KAAK,CAACK,UAAU,MAAE,IAAA,IAAAD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAE,KAAK,MAAG,IAAA,IAAAH,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAA,iBAAiB,CAAC,CAAE,CAAA,CAAA;AACpE,CAAC,CAAA;;AAEC,EAAA,EAAAH,KAAK,IAAG;EAAA,IAAAI,EAAA,EAAAD,EAAA,CAAA;AAAC,EAAA,OAAA,CAAAA,EAAA,GAAA,MAAAH,KAAK,CAACK,UAAU,MAAA,IAAA,IAAAD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAEK,UAAU,MAAE,IAAA,IAAAN,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAO,iBAAiB,CAAC,kBAAkB,CAAC,CAAA;AAAA,CAAA,CAAA;;;MAG1EZ,oBAAoB,CAAA;;;;;;"}

package/build/src/components/LegacyRadio/LegacyRadio.types.d.ts

@@ -1,19 +0,0 @@
-import { type MouseEvent } from 'react';
-import { type AdditionalStylableProps, type AdditionalTestIdProps, type BezierComponentProps, type ChildrenProps, type DisableProps } from "../../types/ComponentProps";
-import type { FormComponentProps } from "../Forms/Form.types";
-interface LegacyRadioOptions {
-    value?: any;
-    watchingValue?: any;
-    onClick?: (value: any, e: MouseEvent) => void;
-}
-/**
- * @deprecated Use `RadioGroup` instead.
- */
-export interface LegacyRadioProps extends BezierComponentProps, ChildrenProps, FormComponentProps, AdditionalStylableProps<'dot'>, AdditionalTestIdProps<'handle'>, LegacyRadioOptions {
-}
-export interface StyledRadioHandleProps extends DisableProps {
-    checked: boolean;
-    hovered: boolean;
-}
-export {};
-//# sourceMappingURL=LegacyRadio.types.d.ts.map

package/build/src/components/LegacyRadio/index.d.ts

@@ -1,3 +0,0 @@
-export type { LegacyRadioProps, } from './LegacyRadio.types';
-export { LegacyRadio, } from './LegacyRadio';
-//# sourceMappingURL=index.d.ts.map

package/build/src/components/LegacySegmentedControl/LegacySegmentedControl.const.d.ts

@@ -1,9 +0,0 @@
-import { type css } from "../../foundation";
-import { LegacySegmentedControlSize } from './LegacySegmentedControl.types';
-export declare const SIZE_TO_HEIGHT: Record<LegacySegmentedControlSize, number>;
-export declare const SIZE_TO_PADDING: Record<LegacySegmentedControlSize, number>;
-export declare const DIVIDER_WIDTH = 1;
-export declare const DIVIDER_SIDE_MARGIN = 6;
-export declare const SIZE_TO_DIVIDER_VERTICAL_MARGIN: Record<LegacySegmentedControlSize, number>;
-export declare const SIZE_TO_OPTION_TYPOGRAPHY: Record<LegacySegmentedControlSize, ReturnType<typeof css>>;
-//# sourceMappingURL=LegacySegmentedControl.const.d.ts.map

package/build/src/components/LegacySegmentedControl/LegacySegmentedControl.const.js

@@ -1,32 +0,0 @@
-import { LegacySegmentedControlSize } from './LegacySegmentedControl.types.js';
-import { Typography } from '../../foundation/Typography.js';
-
-const SIZE_TO_HEIGHT = {
-  [LegacySegmentedControlSize.XS]: 24,
-  [LegacySegmentedControlSize.S]: 28,
-  [LegacySegmentedControlSize.M]: 36,
-  [LegacySegmentedControlSize.L]: 44
-};
-const SIZE_TO_PADDING = {
-  [LegacySegmentedControlSize.XS]: 1,
-  [LegacySegmentedControlSize.S]: 2,
-  [LegacySegmentedControlSize.M]: 2,
-  [LegacySegmentedControlSize.L]: 4
-};
-const DIVIDER_WIDTH = 1;
-const DIVIDER_SIDE_MARGIN = 6;
-const SIZE_TO_DIVIDER_VERTICAL_MARGIN = {
-  [LegacySegmentedControlSize.XS]: 1,
-  [LegacySegmentedControlSize.S]: 2,
-  [LegacySegmentedControlSize.M]: 2,
-  [LegacySegmentedControlSize.L]: 4
-};
-const SIZE_TO_OPTION_TYPOGRAPHY = {
-  [LegacySegmentedControlSize.XS]: Typography.Size13,
-  [LegacySegmentedControlSize.S]: Typography.Size14,
-  [LegacySegmentedControlSize.M]: Typography.Size14,
-  [LegacySegmentedControlSize.L]: Typography.Size14
-};
-
-export { DIVIDER_SIDE_MARGIN, DIVIDER_WIDTH, SIZE_TO_DIVIDER_VERTICAL_MARGIN, SIZE_TO_HEIGHT, SIZE_TO_OPTION_TYPOGRAPHY, SIZE_TO_PADDING };
-//# sourceMappingURL=LegacySegmentedControl.const.js.map

package/build/src/components/LegacySegmentedControl/LegacySegmentedControl.const.js.map

@@ -1 +0,0 @@
-{"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,cAAc,GAA+C;AACxE,EAAA,CAACC,0BAA0B,CAACC,EAAE,GAAG,EAAE;AACnC,EAAA,CAACD,0BAA0B,CAACE,CAAC,GAAG,EAAE;AAClC,EAAA,CAACF,0BAA0B,CAACG,CAAC,GAAG,EAAE;EAClC,CAACH,0BAA0B,CAACI,CAAC,GAAG,EAAA;EACjC;AAEM,MAAMC,eAAe,GAA+C;AACzE,EAAA,CAACL,0BAA0B,CAACC,EAAE,GAAG,CAAC;AAClC,EAAA,CAACD,0BAA0B,CAACE,CAAC,GAAG,CAAC;AACjC,EAAA,CAACF,0BAA0B,CAACG,CAAC,GAAG,CAAC;EACjC,CAACH,0BAA0B,CAACI,CAAC,GAAG,CAAA;EACjC;AAEM,MAAME,aAAa,GAAG,EAAC;AACvB,MAAMC,mBAAmB,GAAG,EAAC;AAE7B,MAAMC,+BAA+B,GAA+C;AACzF,EAAA,CAACR,0BAA0B,CAACC,EAAE,GAAG,CAAC;AAClC,EAAA,CAACD,0BAA0B,CAACE,CAAC,GAAG,CAAC;AACjC,EAAA,CAACF,0BAA0B,CAACG,CAAC,GAAG,CAAC;EACjC,CAACH,0BAA0B,CAACI,CAAC,GAAG,CAAA;EACjC;AAEM,MAAMK,yBAAyB,GAA+D;AACnG,EAAA,CAACT,0BAA0B,CAACC,EAAE,GAAGS,UAAU,CAACC,MAAM;AAClD,EAAA,CAACX,0BAA0B,CAACE,CAAC,GAAGQ,UAAU,CAACE,MAAM;AACjD,EAAA,CAACZ,0BAA0B,CAACG,CAAC,GAAGO,UAAU,CAACE,MAAM;AACjD,EAAA,CAACZ,0BAA0B,CAACI,CAAC,GAAGM,UAAU,CAACE,MAAAA;;;;;"}

package/build/src/components/LegacySegmentedControl/LegacySegmentedControl.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import type LegacySegmentedControlProps from './LegacySegmentedControl.types';
-export declare const SEGMENTED_CONTROL_TEST_ID = "bezier-react-segmented-control";
-export declare const segmentedControlOptionItemTestId: (index: number) => string;
-declare const _default: React.ForwardRefExoticComponent<LegacySegmentedControlProps & React.RefAttributes<any>>;
-export default _default;
-//# sourceMappingURL=LegacySegmentedControl.d.ts.map

package/build/src/components/LegacySegmentedControl/LegacySegmentedControl.js

@@ -1,109 +0,0 @@
-import { __rest } from '../../../node_modules/tslib/tslib.es6.js';
-import e__default, { forwardRef, useState, useMemo, useCallback, useEffect } from 'react';
-import { useResizeDetector } from '../../../node_modules/react-resize-detector/build/index.esm.js';
-import useMergeRefs from '../../hooks/useMergeRefs.js';
-import { noop } from '../../utils/functionUtils.js';
-import { range } from '../../utils/numberUtils.js';
-import { isNumber } from '../../utils/typeUtils.js';
-import useFormFieldProps from '../Forms/useFormFieldProps.js';
-import Text from '../Text/Text.js';
-import { SIZE_TO_OPTION_TYPOGRAPHY, SIZE_TO_PADDING, DIVIDER_WIDTH, DIVIDER_SIDE_MARGIN } from './LegacySegmentedControl.const.js';
-import { LegacySegmentedControlSize } from './LegacySegmentedControl.types.js';
-import { OptionItemWrapper, DividerContainer, Indicator, IndicatorBox, Wrapper } from './LegacySegmentedControl.styled.js';
-import v4 from '../../../node_modules/uuid/dist/esm-browser/v4.js';
-import Divider from '../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 * SIZE_TO_PADDING[size] - (numItems - 1) * DIVIDER_WIDTH) / Math.max(1, numItems);
-const itemLeft = (width, numItems, size) => index => SIZE_TO_PADDING[size] + itemWidth(width, numItems, size) * index + DIVIDER_WIDTH * index;
-const dividerLeft = (width, numItems, size) => index => SIZE_TO_PADDING[size] + itemWidth(width, numItems, size) * index + DIVIDER_WIDTH * (index - 1) - DIVIDER_SIDE_MARGIN;
-function LegacySegmentedControl(_a, forwardedRef) {
-  var {
-      testId = SEGMENTED_CONTROL_TEST_ID,
-      width = '100%',
-      size = LegacySegmentedControlSize.M,
-      /* OptionItemHost props */
-      selectedOptionIndex = 0,
-      onChangeOption = noop,
-      /* HTMLAttribute props */
-      children
-    } = _a,
-    rest = __rest(_a, ["testId", "width", "size", "selectedOptionIndex", "onChangeOption", "children"]);
-  const _b = useFormFieldProps(rest),
-    {
-      disabled
-    } = _b,
-    ownProps = __rest(_b, ["disabled"]);
-  const [currentIndex, setCurrentIndex] = useState(selectedOptionIndex);
-  const [wrapperWidth, setWrapperWidth] = useState(0);
-  const numItems = useMemo(() => e__default.Children.count(children), [children]);
-  const optionItemWidth = itemWidth(wrapperWidth, numItems, size);
-  const optionItemLeft = useMemo(() => itemLeft(wrapperWidth, numItems, size), [wrapperWidth, numItems, size]);
-  const dividerItemLeft = useMemo(() => dividerLeft(wrapperWidth, numItems, size), [wrapperWidth, numItems, size]);
-  const updateDimensions = useCallback(_width => {
-    if (isNumber(_width)) {
-      setWrapperWidth(_width);
-    }
-  }, []);
-  const {
-    ref: resizeDetectorRef
-  } = useResizeDetector({
-    onResize: updateDimensions
-  });
-  const wrapperRef = useMergeRefs(resizeDetectorRef, forwardedRef);
-  useEffect(() => {
-    if (isNumber(selectedOptionIndex)) {
-      setCurrentIndex(selectedOptionIndex);
-    }
-  }, [selectedOptionIndex]);
-  const handleClickOptionItem = useCallback(index => {
-    setCurrentIndex(index);
-    onChangeOption(index);
-  }, [onChangeOption]);
-  const renderOption = useCallback((Element, index) => e__default.createElement(OptionItemWrapper, {
-    key: v4(),
-    "data-testid": segmentedControlOptionItemTestId(index),
-    disabled: disabled,
-    active: index === currentIndex,
-    size: size,
-    style: {
-      width: optionItemWidth,
-      left: optionItemLeft(index)
-    },
-    onClick: () => disabled ? noop : handleClickOptionItem(index)
-  }, e__default.createElement(Text, {
-    typo: SIZE_TO_OPTION_TYPOGRAPHY[size],
-    bold: true
-  }, Element)), [disabled, size, currentIndex, optionItemWidth, optionItemLeft, handleClickOptionItem]);
-  const Content = useMemo(() => e__default.Children.map(children, renderOption), [children, renderOption]);
-  const Dividers = useMemo(() => range(1, numItems).map(index => e__default.createElement(DividerContainer, {
-    key: `divider-${index.toString(36)}`,
-    size: size,
-    hidden: index === currentIndex || index === currentIndex + 1,
-    style: {
-      left: dividerItemLeft(index)
-    }
-  }, e__default.createElement(Divider, {
-    orientation: "vertical"
-  }))), [size, numItems, currentIndex, dividerItemLeft]);
-  const IndicatorComponent = useMemo(() => e__default.createElement(Indicator, {
-    size: size,
-    style: {
-      width: optionItemWidth,
-      transform: `translateX(${optionItemLeft(currentIndex)}px)`
-    }
-  }, e__default.createElement(IndicatorBox, null)), [size, currentIndex, optionItemWidth, optionItemLeft]);
-  return e__default.createElement(Wrapper, Object.assign({}, ownProps, {
-    ref: wrapperRef,
-    disabled: disabled,
-    size: size,
-    wrapperWidth: width,
-    "data-testid": testId
-  }), IndicatorComponent, Content, Dividers);
-}
-var LegacySegmentedControl$1 = forwardRef(LegacySegmentedControl);
-
-export { SEGMENTED_CONTROL_TEST_ID, LegacySegmentedControl$1 as default, segmentedControlOptionItemTestId };
-//# sourceMappingURL=LegacySegmentedControl.js.map

package/build/src/components/LegacySegmentedControl/LegacySegmentedControl.js.map

@@ -1 +0,0 @@
-{"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","_a","forwardedRef","testId","LegacySegmentedControlSize","M","selectedOptionIndex","onChangeOption","noop","children","rest","__rest","_b","useFormFieldProps","disabled","ownProps","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","Styled","key","uuid","active","style","left","onClick","createElement","Text","typo","SIZE_TO_OPTION_TYPOGRAPHY","bold","Content","map","Dividers","range","hidden","Divider","orientation","IndicatorComponent","transform","forwardRef"],"mappings":"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"}