@channel.io/bezier-react 1.1.0 → 1.3.0

package/build/src/components/KeyValueListItem/common/ItemActions/ItemAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemAction.js","sources":["../../../../../../src/components/KeyValueListItem/common/ItemActions/ItemAction.tsx"],"sourcesContent":["import React, {\n  type Ref,\n  forwardRef,\n  memo,\n  useCallback,\n  useMemo,\n} from 'react'\n\nimport { v4 as uuid } from 'uuid'\n\nimport { noop } from '~/src/utils/functionUtils'\nimport {\n  isArray,\n  isBoolean,\n  isEmpty,\n  isNil,\n} from '~/src/utils/typeUtils'\n\nimport {\n  IconSize,\n  isIconName,\n} from '~/src/components/Icon'\nimport { TEST_ID_MAP } from '~/src/components/KeyValueListItem/KeyValueListItem.const'\n\nimport {\n  type ItemActionProps,\n  type ItemActionWithIcon,\n  type KeyValueListItemActionProps,\n} from './ItemAction.types'\n\nimport * as Styled from './ItemAction.styled'\n\nfunction ActionIcon({\n  icon,\n  iconColor,\n}: ItemActionWithIcon) {\n  if (isIconName(icon)) {\n    return (\n      <Styled.ActionLegacyIcon\n        name={icon}\n        color={iconColor ?? 'txt-black-dark'}\n        size={IconSize.XS}\n      />\n    )\n  }\n\n  return (\n    <Styled.ActionIcon\n      source={icon}\n      color={iconColor ?? 'txt-black-dark'}\n      size={IconSize.XS}\n    />\n  )\n}\n\nfunction ItemAction(\n  {\n    actions,\n    testId = TEST_ID_MAP.ACTIONS_ITEM,\n    ...props\n  }: ItemActionProps,\n  forwardedRef: Ref<HTMLDivElement>,\n) {\n  const renderAction = useCallback((action: KeyValueListItemActionProps, key?: string) => {\n    if ('icon' in action) {\n      const iconElement = (\n        <Styled.ActionIconWrapper\n          key={key}\n          hoverBackgroundColor={action.hoverBackgroundColor ?? 'bg-black-lighter'}\n          hoverIconColor={action.hoverIconColor ?? 'txt-black-darkest'}\n          show={isBoolean(action.show) ? action.show : true}\n          onClick={action.onClick ?? noop}\n        >\n          <ActionIcon {...action} />\n        </Styled.ActionIconWrapper>\n      )\n\n      if (!isEmpty(action.tooltip)) {\n        return (\n          <Styled.ActionIconTooltip key={key} content={action.tooltip}>\n            { iconElement }\n          </Styled.ActionIconTooltip>\n        )\n      }\n      return iconElement\n    }\n\n    return React.cloneElement(action, { key })\n  }, [])\n\n  const ActionsComponent = useMemo(() => {\n    if (isNil(actions) || isEmpty(actions)) {\n      return null\n    }\n\n    const item = isArray(actions)\n      ? actions.map((action) => renderAction(action, uuid()))\n      : renderAction(actions)\n\n    return item\n  }, [\n    actions,\n    renderAction,\n  ])\n\n  if (isNil(actions) || isEmpty(actions)) {\n    return null\n  }\n\n  return (\n    <Styled.ItemActionWrapper\n      data-testid={testId}\n      {...props}\n      ref={forwardedRef}\n    >\n      { ActionsComponent }\n    </Styled.ItemActionWrapper>\n  )\n}\n\nexport default memo(forwardRef(ItemAction))\n"],"names":["ActionIcon","icon","iconColor","isIconName","React","createElement","Styled","name","color","size","IconSize","XS","source","ItemAction","_a","forwardedRef","actions","testId","TEST_ID_MAP","ACTIONS_ITEM","props","__rest","renderAction","useCallback","action","key","iconElement","hoverBackgroundColor","hoverIconColor","_b","show","isBoolean","onClick","_c","noop","Object","assign","isEmpty","tooltip","content","cloneElement","ActionsComponent","useMemo","isNil","item","isArray","map","uuid","ref","memo","forwardRef"],"mappings":"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"}
+{"version":3,"file":"ItemAction.js","sources":["../../../../../../src/components/KeyValueListItem/common/ItemActions/ItemAction.tsx"],"sourcesContent":["import React, {\n  type Ref,\n  forwardRef,\n  memo,\n  useCallback,\n  useMemo,\n} from 'react'\n\nimport { v4 as uuid } from 'uuid'\n\nimport { noop } from '~/src/utils/functionUtils'\nimport {\n  isArray,\n  isBoolean,\n  isEmpty,\n  isNil,\n} from '~/src/utils/typeUtils'\n\nimport { IconSize } from '~/src/components/Icon'\nimport { TEST_ID_MAP } from '~/src/components/KeyValueListItem/KeyValueListItem.const'\nimport { isIconName } from '~/src/components/LegacyIcon'\n\nimport {\n  type ItemActionProps,\n  type ItemActionWithIcon,\n  type KeyValueListItemActionProps,\n} from './ItemAction.types'\n\nimport * as Styled from './ItemAction.styled'\n\nfunction ActionIcon({\n  icon,\n  iconColor,\n}: ItemActionWithIcon) {\n  if (isIconName(icon)) {\n    return (\n      <Styled.ActionLegacyIcon\n        name={icon}\n        color={iconColor ?? 'txt-black-dark'}\n        size={IconSize.XS}\n      />\n    )\n  }\n\n  return (\n    <Styled.ActionIcon\n      source={icon}\n      color={iconColor ?? 'txt-black-dark'}\n      size={IconSize.XS}\n    />\n  )\n}\n\nfunction ItemAction(\n  {\n    actions,\n    testId = TEST_ID_MAP.ACTIONS_ITEM,\n    ...props\n  }: ItemActionProps,\n  forwardedRef: Ref<HTMLDivElement>,\n) {\n  const renderAction = useCallback((action: KeyValueListItemActionProps, key?: string) => {\n    if ('icon' in action) {\n      const iconElement = (\n        <Styled.ActionIconWrapper\n          key={key}\n          hoverBackgroundColor={action.hoverBackgroundColor ?? 'bg-black-lighter'}\n          hoverIconColor={action.hoverIconColor ?? 'txt-black-darkest'}\n          show={isBoolean(action.show) ? action.show : true}\n          onClick={action.onClick ?? noop}\n        >\n          <ActionIcon {...action} />\n        </Styled.ActionIconWrapper>\n      )\n\n      if (!isEmpty(action.tooltip)) {\n        return (\n          <Styled.ActionIconTooltip key={key} content={action.tooltip}>\n            { iconElement }\n          </Styled.ActionIconTooltip>\n        )\n      }\n      return iconElement\n    }\n\n    return React.cloneElement(action, { key })\n  }, [])\n\n  const ActionsComponent = useMemo(() => {\n    if (isNil(actions) || isEmpty(actions)) {\n      return null\n    }\n\n    const item = isArray(actions)\n      ? actions.map((action) => renderAction(action, uuid()))\n      : renderAction(actions)\n\n    return item\n  }, [\n    actions,\n    renderAction,\n  ])\n\n  if (isNil(actions) || isEmpty(actions)) {\n    return null\n  }\n\n  return (\n    <Styled.ItemActionWrapper\n      data-testid={testId}\n      {...props}\n      ref={forwardedRef}\n    >\n      { ActionsComponent }\n    </Styled.ItemActionWrapper>\n  )\n}\n\nexport default memo(forwardRef(ItemAction))\n"],"names":["ActionIcon","icon","iconColor","isIconName","React","createElement","Styled","name","color","size","IconSize","XS","source","ItemAction","_a","forwardedRef","actions","testId","TEST_ID_MAP","ACTIONS_ITEM","props","__rest","renderAction","useCallback","action","key","iconElement","hoverBackgroundColor","hoverIconColor","_b","show","isBoolean","onClick","_c","noop","Object","assign","isEmpty","tooltip","content","cloneElement","ActionsComponent","useMemo","isNil","item","isArray","map","uuid","ref","memo","forwardRef"],"mappings":"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"}

package/build/src/components/KeyValueListItem/common/ItemActions/ItemAction.styled.d.ts

@@ -9,7 +9,7 @@ interface ActionWrapperProps extends AdditionalColorProps<['hoverBackground', 'h
 export declare const ActionIcon: import("styled-components").StyledComponent<import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("~/src/components/Icon").IconProps & import("react").RefAttributes<SVGSVGElement>>>, import("~/src/foundation").Foundation, {
     foundation?: import("~/src/foundation").Foundation | undefined;
 }, never>;
-export declare const ActionLegacyIcon: import("styled-components").StyledComponent<import("react").MemoExoticComponent<({ name, ...rest }: import("~/src/components/Icon").LegacyIconProps) => JSX.Element | null>, import("~/src/foundation").Foundation, {
+export declare const ActionLegacyIcon: import("styled-components").StyledComponent<import("react").MemoExoticComponent<({ name, ...rest }: import("~/src/components/LegacyIcon").LegacyIconProps) => JSX.Element | null>, import("~/src/foundation").Foundation, {
     foundation?: import("~/src/foundation").Foundation | undefined;
 }, never>;
 export declare const ActionIconWrapper: import("styled-components").StyledComponent<"div", import("~/src/foundation").Foundation, {

package/build/src/components/KeyValueListItem/common/ItemActions/ItemAction.styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ItemAction.styled.d.ts","sourceRoot":"","sources":["../../../../../../src/components/KeyValueListItem/common/ItemActions/ItemAction.styled.ts"],"names":[],"mappings":";AAKA,OAAO,EAAE,KAAK,oBAAoB,EAAE,yCAAkC;AAStE,eAAO,MAAM,iBAAiB;;SAG7B,CAAA;AACD,UAAU,kBAAmB,SAAQ,oBAAoB,CAAC,CAAC,iBAAiB,EAAE,WAAW,CAAC,CAAC;IACzF,IAAI,EAAE,OAAO,CAAA;CACd;AAED,eAAO,MAAM,UAAU;;SAAiB,CAAA;AACxC,eAAO,MAAM,gBAAgB;;SAAuB,CAAA;AAEpD,eAAO,MAAM,iBAAiB;;8BA2B7B,CAAA;AAED,eAAO,MAAM,iBAAiB;;SAE7B,CAAA"}
+{"version":3,"file":"ItemAction.styled.d.ts","sourceRoot":"","sources":["../../../../../../src/components/KeyValueListItem/common/ItemActions/ItemAction.styled.ts"],"names":[],"mappings":";AAKA,OAAO,EAAE,KAAK,oBAAoB,EAAE,yCAAkC;AAOtE,eAAO,MAAM,iBAAiB;;SAG7B,CAAA;AACD,UAAU,kBAAmB,SAAQ,oBAAoB,CAAC,CAAC,iBAAiB,EAAE,WAAW,CAAC,CAAC;IACzF,IAAI,EAAE,OAAO,CAAA;CACd;AAED,eAAO,MAAM,UAAU;;SAAiB,CAAA;AACxC,eAAO,MAAM,gBAAgB;;SAAuB,CAAA;AAEpD,eAAO,MAAM,iBAAiB;;8BA2B7B,CAAA;AAED,eAAO,MAAM,iBAAiB;;SAE7B,CAAA"}

package/build/src/components/KeyValueListItem/common/ItemActions/ItemAction.styled.js

@@ -1,8 +1,8 @@
 import { isNil } from '../../../../utils/typeUtils.js';
 import Tooltip from '../../../Tooltip/Tooltip.js';
 import { Icon } from '../../../Icon/Icon.js';
+import LegacyIcon from '../../../LegacyIcon/LegacyIcon.js';
 import { styled as FoundationStyled, css as FoundationCSS } from '../../../../foundation/FoundationStyledComponent.js';
-import LegacyIcon from '../../../Icon/LegacyIcon/LegacyIcon.js';
 
 const ItemActionWrapper = FoundationStyled.div`
   display: flex;

package/build/src/components/KeyValueListItem/common/ItemActions/ItemAction.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemAction.styled.js","sources":["../../../../../../src/components/KeyValueListItem/common/ItemActions/ItemAction.styled.ts"],"sourcesContent":["import {\n  css,\n  styled,\n} from '~/src/foundation'\n\nimport { type AdditionalColorProps } from '~/src/types/ComponentProps'\nimport { isNil } from '~/src/utils/typeUtils'\n\nimport {\n  Icon,\n  LegacyIcon,\n} from '~/src/components/Icon'\nimport { Tooltip } from '~/src/components/Tooltip'\n\nexport const ItemActionWrapper = styled.div`\n  display: flex;\n  align-items: center;\n`\ninterface ActionWrapperProps extends AdditionalColorProps<['hoverBackground', 'hoverIcon']> {\n  show: boolean\n}\n\nexport const ActionIcon = styled(Icon)``\nexport const ActionLegacyIcon = styled(LegacyIcon)``\n\nexport const ActionIconWrapper = styled.div<ActionWrapperProps>`\n  display: ${({ show }) => (show ? 'flex' : 'none')};\n  align-items: center;\n  justify-content: center;\n  padding: 2px;\n  margin-left: auto;\n  cursor: pointer;\n\n  ${({ foundation }) => foundation?.rounding?.round6}\n\n  &:hover {\n    ${({ foundation, hoverBackgroundColor }) => !isNil(hoverBackgroundColor) && css`\n      background-color: ${foundation?.theme?.[hoverBackgroundColor]};\n    `}\n\n    ${ActionIcon} {\n      ${({ foundation, hoverIconColor }) => !isNil(hoverIconColor) && css`\n        color: ${foundation?.theme?.[hoverIconColor]};\n      `}\n    }\n    \n    ${ActionLegacyIcon} {\n      ${({ foundation, hoverIconColor }) => !isNil(hoverIconColor) && css`\n        color: ${foundation?.theme?.[hoverIconColor]};\n      `}\n    }\n  }\n`\n\nexport const ActionIconTooltip = styled(Tooltip)`\n  margin-left: auto;\n`\n"],"names":["ItemActionWrapper","styled","div","ActionIcon","Icon","ActionLegacyIcon","LegacyIcon","ActionIconWrapper","show","foundation","_a","rounding","round6","hoverBackgroundColor","isNil","css","theme","hoverIconColor","ActionIconTooltip","Tooltip"],"mappings":";;;;;;AAcaA,MAAAA,iBAAiB,GAAGC,gBAAM,CAACC,GAAG,CAAA;;;EAG1C;MAKYC,UAAU,GAAGF,gBAAM,CAACG,IAAI,CAAC,CAAE,EAAA;MAC3BC,gBAAgB,GAAGJ,gBAAM,CAACK,UAAU,CAAC,CAAE,EAAA;AAEvCC,MAAAA,iBAAiB,GAAGN,gBAAM,CAACC,GAAuB,CAAA;AAClD,WAAA,EAAA,CAAC;AAAEM,EAAAA,IAAAA;AAAI,CAAE,KAAMA,IAAI,GAAG,MAAM,GAAG,MAAO,CAAA;;;;;;;AAO/C,EAAA,EAAA,CAAC;AAAEC,EAAAA,UAAAA;AAAU,CAAE,KAAI;AAAA,EAAA,IAAAC,EAAA,CAAA;AAAC,EAAA,OAAA,CAAAA,EAAA,GAAAD,UAAU,KAAV,IAAA,IAAAA,UAAU,uBAAVA,UAAU,CAAEE,QAAQ,MAAE,IAAA,IAAAD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAE,MAAM,CAAA;AAAA,CAAA,CAAA;;;AAG9C,IAAA,EAAA,CAAC;EAAEH,UAAU;AAAEI,EAAAA,oBAAAA;AAAoB,CAAE,KAAI;;AAAC,EAAA,OAAA,CAACC,KAAK,CAACD,oBAAoB,CAAC,IAAIE,aAAG,CAAA;0BACzD,CAAAL,EAAA,GAAAD,UAAU,aAAVA,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAVA,UAAU,CAAEO,KAAK,MAAG,IAAA,IAAAN,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAG,oBAAoB,CAAC,CAAA;IAC9D,CAAA,CAAA;AAAA,CAAA,CAAA;;MAECV,UAAU,CAAA;AACR,MAAA,EAAA,CAAC;EAAEM,UAAU;AAAEQ,EAAAA,cAAAA;AAAc,CAAE,KAAI;;AAAC,EAAA,OAAA,CAACH,KAAK,CAACG,cAAc,CAAC,IAAIF,aAAG,CAAA;iBACxD,CAAAL,EAAA,GAAAD,UAAU,aAAVA,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAVA,UAAU,CAAEO,KAAK,MAAG,IAAA,IAAAN,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAO,cAAc,CAAC,CAAA;MAC7C,CAAA,CAAA;AAAA,CAAA,CAAA;;;MAGDZ,gBAAgB,CAAA;AACd,MAAA,EAAA,CAAC;EAAEI,UAAU;AAAEQ,EAAAA,cAAAA;AAAc,CAAE,KAAI;;AAAC,EAAA,OAAA,CAACH,KAAK,CAACG,cAAc,CAAC,IAAIF,aAAG,CAAA;iBACxD,CAAAL,EAAA,GAAAD,UAAU,aAAVA,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAVA,UAAU,CAAEO,KAAK,MAAG,IAAA,IAAAN,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAO,cAAc,CAAC,CAAA;MAC7C,CAAA,CAAA;AAAA,CAAA,CAAA;;;EAGN;MAEYC,iBAAiB,GAAGjB,gBAAM,CAACkB,OAAO,CAAC,CAAA;;;;;;"}
+{"version":3,"file":"ItemAction.styled.js","sources":["../../../../../../src/components/KeyValueListItem/common/ItemActions/ItemAction.styled.ts"],"sourcesContent":["import {\n  css,\n  styled,\n} from '~/src/foundation'\n\nimport { type AdditionalColorProps } from '~/src/types/ComponentProps'\nimport { isNil } from '~/src/utils/typeUtils'\n\nimport { Icon } from '~/src/components/Icon'\nimport { LegacyIcon } from '~/src/components/LegacyIcon'\nimport { Tooltip } from '~/src/components/Tooltip'\n\nexport const ItemActionWrapper = styled.div`\n  display: flex;\n  align-items: center;\n`\ninterface ActionWrapperProps extends AdditionalColorProps<['hoverBackground', 'hoverIcon']> {\n  show: boolean\n}\n\nexport const ActionIcon = styled(Icon)``\nexport const ActionLegacyIcon = styled(LegacyIcon)``\n\nexport const ActionIconWrapper = styled.div<ActionWrapperProps>`\n  display: ${({ show }) => (show ? 'flex' : 'none')};\n  align-items: center;\n  justify-content: center;\n  padding: 2px;\n  margin-left: auto;\n  cursor: pointer;\n\n  ${({ foundation }) => foundation?.rounding?.round6}\n\n  &:hover {\n    ${({ foundation, hoverBackgroundColor }) => !isNil(hoverBackgroundColor) && css`\n      background-color: ${foundation?.theme?.[hoverBackgroundColor]};\n    `}\n\n    ${ActionIcon} {\n      ${({ foundation, hoverIconColor }) => !isNil(hoverIconColor) && css`\n        color: ${foundation?.theme?.[hoverIconColor]};\n      `}\n    }\n    \n    ${ActionLegacyIcon} {\n      ${({ foundation, hoverIconColor }) => !isNil(hoverIconColor) && css`\n        color: ${foundation?.theme?.[hoverIconColor]};\n      `}\n    }\n  }\n`\n\nexport const ActionIconTooltip = styled(Tooltip)`\n  margin-left: auto;\n`\n"],"names":["ItemActionWrapper","styled","div","ActionIcon","Icon","ActionLegacyIcon","LegacyIcon","ActionIconWrapper","show","foundation","_a","rounding","round6","hoverBackgroundColor","isNil","css","theme","hoverIconColor","ActionIconTooltip","Tooltip"],"mappings":";;;;;;AAYaA,MAAAA,iBAAiB,GAAGC,gBAAM,CAACC,GAAG,CAAA;;;EAG1C;MAKYC,UAAU,GAAGF,gBAAM,CAACG,IAAI,CAAC,CAAE,EAAA;MAC3BC,gBAAgB,GAAGJ,gBAAM,CAACK,UAAU,CAAC,CAAE,EAAA;AAEvCC,MAAAA,iBAAiB,GAAGN,gBAAM,CAACC,GAAuB,CAAA;AAClD,WAAA,EAAA,CAAC;AAAEM,EAAAA,IAAAA;AAAI,CAAE,KAAMA,IAAI,GAAG,MAAM,GAAG,MAAO,CAAA;;;;;;;AAO/C,EAAA,EAAA,CAAC;AAAEC,EAAAA,UAAAA;AAAU,CAAE,KAAI;AAAA,EAAA,IAAAC,EAAA,CAAA;AAAC,EAAA,OAAA,CAAAA,EAAA,GAAAD,UAAU,KAAV,IAAA,IAAAA,UAAU,uBAAVA,UAAU,CAAEE,QAAQ,MAAE,IAAA,IAAAD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAE,MAAM,CAAA;AAAA,CAAA,CAAA;;;AAG9C,IAAA,EAAA,CAAC;EAAEH,UAAU;AAAEI,EAAAA,oBAAAA;AAAoB,CAAE,KAAI;;AAAC,EAAA,OAAA,CAACC,KAAK,CAACD,oBAAoB,CAAC,IAAIE,aAAG,CAAA;0BACzD,CAAAL,EAAA,GAAAD,UAAU,aAAVA,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAVA,UAAU,CAAEO,KAAK,MAAG,IAAA,IAAAN,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAG,oBAAoB,CAAC,CAAA;IAC9D,CAAA,CAAA;AAAA,CAAA,CAAA;;MAECV,UAAU,CAAA;AACR,MAAA,EAAA,CAAC;EAAEM,UAAU;AAAEQ,EAAAA,cAAAA;AAAc,CAAE,KAAI;;AAAC,EAAA,OAAA,CAACH,KAAK,CAACG,cAAc,CAAC,IAAIF,aAAG,CAAA;iBACxD,CAAAL,EAAA,GAAAD,UAAU,aAAVA,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAVA,UAAU,CAAEO,KAAK,MAAG,IAAA,IAAAN,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAO,cAAc,CAAC,CAAA;MAC7C,CAAA,CAAA;AAAA,CAAA,CAAA;;;MAGDZ,gBAAgB,CAAA;AACd,MAAA,EAAA,CAAC;EAAEI,UAAU;AAAEQ,EAAAA,cAAAA;AAAc,CAAE,KAAI;;AAAC,EAAA,OAAA,CAACH,KAAK,CAACG,cAAc,CAAC,IAAIF,aAAG,CAAA;iBACxD,CAAAL,EAAA,GAAAD,UAAU,aAAVA,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAVA,UAAU,CAAEO,KAAK,MAAG,IAAA,IAAAN,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAO,cAAc,CAAC,CAAA;MAC7C,CAAA,CAAA;AAAA,CAAA,CAAA;;;EAGN;MAEYC,iBAAiB,GAAGjB,gBAAM,CAACkB,OAAO,CAAC,CAAA;;;;;;"}

package/build/src/components/KeyValueListItem/common/ItemActions/ItemAction.types.d.ts

@@ -1,6 +1,6 @@
 import type React from 'react';
+import { type BezierIcon, type IconName } from '@channel.io/bezier-icons';
 import type { AdditionalColorProps, BezierComponentProps, ChildrenProps } from "../../../../types/ComponentProps";
-import type { BezierIcon, IconName } from "../../../Icon";
 export type ItemActionWithIcon = {
     icon: IconName | BezierIcon;
     tooltip?: string;

package/build/src/components/KeyValueListItem/common/ItemActions/ItemAction.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ItemAction.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/KeyValueListItem/common/ItemActions/ItemAction.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EACV,oBAAoB,EACpB,oBAAoB,EACpB,aAAa,EACd,yCAAkC;AAEnC,OAAO,KAAK,EACV,UAAU,EACV,QAAQ,EACT,sBAA6B;AAE9B,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,QAAQ,GAAG,UAAU,CAAA;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAA;CAClD,GAAG,oBAAoB,CAAC,CAAC,MAAM,EAAE,iBAAiB,EAAE,WAAW,CAAC,CAAC,CAAA;AAElE,MAAM,MAAM,2BAA2B,GAAG,kBAAkB,GAAG,KAAK,CAAC,YAAY,CAAA;AAEjF,UAAU,iBAAiB;IACzB,OAAO,CAAC,EAAE,2BAA2B,GAAG,2BAA2B,EAAE,CAAA;CACtE;AAED,MAAM,WAAW,eAAgB,SAC/B,oBAAoB,EACpB,aAAa,EACb,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,iBAAiB;CAAG"}
+{"version":3,"file":"ItemAction.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/KeyValueListItem/common/ItemActions/ItemAction.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EACL,KAAK,UAAU,EACf,KAAK,QAAQ,EACd,MAAM,0BAA0B,CAAA;AAEjC,OAAO,KAAK,EACV,oBAAoB,EACpB,oBAAoB,EACpB,aAAa,EACd,yCAAkC;AAEnC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,QAAQ,GAAG,UAAU,CAAA;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAA;CAClD,GAAG,oBAAoB,CAAC,CAAC,MAAM,EAAE,iBAAiB,EAAE,WAAW,CAAC,CAAC,CAAA;AAElE,MAAM,MAAM,2BAA2B,GAAG,kBAAkB,GAAG,KAAK,CAAC,YAAY,CAAA;AAEjF,UAAU,iBAAiB;IACzB,OAAO,CAAC,EAAE,2BAA2B,GAAG,2BAA2B,EAAE,CAAA;CACtE;AAED,MAAM,WAAW,eAAgB,SAC/B,oBAAoB,EACpB,aAAa,EACb,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,iBAAiB;CAAG"}

package/build/src/components/KeyValueListItem/common/KeyItem/KeyItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KeyItem.d.ts","sourceRoot":"","sources":["../../../../../../src/components/KeyValueListItem/common/KeyItem/KeyItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAKN,MAAM,OAAO,CAAA;AAed,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAA;;AA+DnD,wBAAwC"}
+{"version":3,"file":"KeyItem.d.ts","sourceRoot":"","sources":["../../../../../../src/components/KeyValueListItem/common/KeyItem/KeyItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAKN,MAAM,OAAO,CAAA;AAkBd,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAA;;AA+DnD,wBAAwC"}

package/build/src/components/KeyValueListItem/common/KeyItem/KeyItem.js

@@ -1,13 +1,13 @@
 import { __rest } from '../../../../../node_modules/tslib/tslib.es6.js';
-import React__default, { memo, forwardRef, useMemo } from 'react';
+import e__default, { memo, forwardRef, useMemo } from 'react';
 import { isString } from '../../../../utils/typeUtils.js';
 import { TEST_ID_MAP } from '../../KeyValueListItem.const.js';
 import { KeyText, KeyContent } from './KeyItem.styled.js';
+import LegacyIcon from '../../../LegacyIcon/LegacyIcon.js';
 import { IconSize } from '../../../Icon/Icon.types.js';
-import { isBezierIcon } from '../../../Icon/utils.js';
+import { i as r } from '../../../../../node_modules/@channel.io/bezier-icons/dist/utils/index.mjs.js';
 import { Icon } from '../../../Icon/Icon.js';
-import { isIconName } from '../../../Icon/LegacyIcon/utils.js';
-import LegacyIcon from '../../../Icon/LegacyIcon/LegacyIcon.js';
+import { isIconName } from '../../../LegacyIcon/utils.js';
 import { Typography } from '../../../../foundation/Typography.js';
 
 function KeyItem(_a, forwardedRef) {
@@ -21,14 +21,14 @@ function KeyItem(_a, forwardedRef) {
     props = __rest(_a, ["className", "interpolation", "keyIcon", "testId", "children"]);
   const KeyIcon = useMemo(() => {
     if (isIconName(keyIcon)) {
-      return React__default.createElement(LegacyIcon, {
+      return e__default.createElement(LegacyIcon, {
         size: IconSize.S,
         name: keyIcon,
         color: "txt-black-dark"
       });
     }
-    if (isBezierIcon(keyIcon)) {
-      return React__default.createElement(Icon, {
+    if (r(keyIcon)) {
+      return e__default.createElement(Icon, {
         size: IconSize.S,
         source: keyIcon,
         color: "txt-black-dark"
@@ -38,7 +38,7 @@ function KeyItem(_a, forwardedRef) {
   }, [keyIcon]);
   const KeyText$1 = useMemo(() => {
     if (isString(children)) {
-      return React__default.createElement(KeyText, {
+      return e__default.createElement(KeyText, {
         bold: true,
         typo: Typography.Size12,
         truncated: true
@@ -46,7 +46,7 @@ function KeyItem(_a, forwardedRef) {
     }
     return children;
   }, [children]);
-  return React__default.createElement(KeyContent, Object.assign({
+  return e__default.createElement(KeyContent, Object.assign({
     "data-testid": testId
   }, props, {
     ref: forwardedRef,

package/build/src/components/KeyValueListItem/common/KeyItem/KeyItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"KeyItem.js","sources":["../../../../../../src/components/KeyValueListItem/common/KeyItem/KeyItem.tsx"],"sourcesContent":["import React, {\n  type Ref,\n  forwardRef,\n  memo,\n  useMemo,\n} from 'react'\n\nimport { Typography } from '~/src/foundation'\n\nimport { isString } from '~/src/utils/typeUtils'\n\nimport {\n  Icon,\n  IconSize,\n  LegacyIcon,\n  isBezierIcon,\n  isIconName,\n} from '~/src/components/Icon'\nimport { TEST_ID_MAP } from '~/src/components/KeyValueListItem/KeyValueListItem.const'\n\nimport { type KeyItemProps } from './KeyItem.types'\n\nimport * as Styled from './KeyItem.styled'\n\nfunction KeyItem(\n  {\n    className,\n    interpolation,\n    keyIcon,\n    testId = TEST_ID_MAP.KEY_ITEM,\n    children,\n    ...props\n  }: KeyItemProps,\n  forwardedRef: Ref<HTMLDivElement>,\n) {\n  const KeyIcon = useMemo(() => {\n    if (isIconName(keyIcon)) {\n      return (\n        <LegacyIcon\n          size={IconSize.S}\n          name={keyIcon}\n          color=\"txt-black-dark\"\n        />\n      )\n    }\n\n    if (isBezierIcon(keyIcon)) {\n      return (\n        <Icon\n          size={IconSize.S}\n          source={keyIcon}\n          color=\"txt-black-dark\"\n        />\n      )\n    }\n\n    return keyIcon\n  }, [keyIcon])\n\n  const KeyText = useMemo(() => {\n    if (isString(children)) {\n      return (\n        <Styled.KeyText bold typo={Typography.Size12} truncated>\n          { children }\n        </Styled.KeyText>\n      )\n    }\n    return children\n  }, [children])\n\n  return (\n    <Styled.KeyContent\n      data-testid={testId}\n      {...props}\n      ref={forwardedRef}\n      interpolation={interpolation}\n    >\n      { KeyIcon }\n      { KeyText }\n    </Styled.KeyContent>\n  )\n}\n\nexport default memo(forwardRef(KeyItem))\n"],"names":["KeyItem","_a","forwardedRef","className","interpolation","keyIcon","testId","TEST_ID_MAP","KEY_ITEM","children","props","__rest","KeyIcon","useMemo","isIconName","React","createElement","LegacyIcon","size","IconSize","S","name","color","isBezierIcon","Icon","source","KeyText","isString","Styled","bold","typo","Typography","Size12","truncated","ref","memo","forwardRef"],"mappings":";;;;;;;;;;;;AAwBA,SAASA,OAAO,CACdC,EAOe,EACfC,YAAiC,EAAA;EARjC,IAAA;MACEC,SAAS;MACTC,aAAa;MACbC,OAAO;MACPC,MAAM,GAAGC,WAAW,CAACC,QAAQ;AAC7BC,MAAAA,QAAAA;AAAQ,KAAA,GAAAR,EAEK;AADVS,IAAAA,KAAK,GAAAC,MAAA,CAAAV,EAAA,EANV,+DAOC,CADS,CAAA;AAIV,EAAA,MAAMW,OAAO,GAAGC,OAAO,CAAC,MAAK;AAC3B,IAAA,IAAIC,UAAU,CAACT,OAAO,CAAC,EAAE;AACvB,MAAA,OACEU,cAAC,CAAAC,aAAA,CAAAC,UAAU;QACTC,IAAI,EAAEC,QAAQ,CAACC,CAAC;AAChBC,QAAAA,IAAI,EAAEhB,OAAO;AACbiB,QAAAA,KAAK,EAAC,gBAAA;AAAgB,OAAA,CACtB,CAAA;AAEL,KAAA;AAED,IAAA,IAAIC,YAAY,CAAClB,OAAO,CAAC,EAAE;AACzB,MAAA,OACEU,cAAC,CAAAC,aAAA,CAAAQ,IAAI;QACHN,IAAI,EAAEC,QAAQ,CAACC,CAAC;AAChBK,QAAAA,MAAM,EAAEpB,OAAO;AACfiB,QAAAA,KAAK,EAAC,gBAAA;AAAgB,OAAA,CACtB,CAAA;AAEL,KAAA;AAED,IAAA,OAAOjB,OAAO,CAAA;AAChB,GAAC,EAAE,CAACA,OAAO,CAAC,CAAC,CAAA;AAEb,EAAA,MAAMqB,SAAO,GAAGb,OAAO,CAAC,MAAK;AAC3B,IAAA,IAAIc,QAAQ,CAAClB,QAAQ,CAAC,EAAE;AACtB,MAAA,OACEM,cAAC,CAAAC,aAAA,CAAAY,OAAc,EAAA;AAACC,QAAAA,IAAI,EAAC,IAAA;QAAAC,IAAI,EAAEC,UAAU,CAACC,MAAM;AAAEC,QAAAA,SAAS;SACnDxB,QAAQ,CACK,CAAA;AAEpB,KAAA;AACD,IAAA,OAAOA,QAAQ,CAAA;AACjB,GAAC,EAAE,CAACA,QAAQ,CAAC,CAAC,CAAA;EAEd,OACEM,cAAC,CAAAC,aAAA,CAAAY,UAAiB;mBACHtB,MAAAA;GAAM,EACfI,KAAK,EAAA;AACTwB,IAAAA,GAAG,EAAEhC,YAAY;AACjBE,IAAAA,aAAa,EAAEA,aAAAA;AAAa,GAAA,CAAA,EAE1BQ,OAAO,EACPc,SAAO,CACS,CAAA;AAExB,CAAA;AAEA,gBAAeS,IAAI,CAACC,UAAU,CAACpC,OAAO,CAAC,CAAC;;;;"}
+{"version":3,"file":"KeyItem.js","sources":["../../../../../../src/components/KeyValueListItem/common/KeyItem/KeyItem.tsx"],"sourcesContent":["import React, {\n  type Ref,\n  forwardRef,\n  memo,\n  useMemo,\n} from 'react'\n\nimport { isBezierIcon } from '@channel.io/bezier-icons'\n\nimport { Typography } from '~/src/foundation'\n\nimport { isString } from '~/src/utils/typeUtils'\n\nimport {\n  Icon,\n  IconSize,\n} from '~/src/components/Icon'\nimport { TEST_ID_MAP } from '~/src/components/KeyValueListItem/KeyValueListItem.const'\nimport {\n  LegacyIcon,\n  isIconName,\n} from '~/src/components/LegacyIcon'\n\nimport { type KeyItemProps } from './KeyItem.types'\n\nimport * as Styled from './KeyItem.styled'\n\nfunction KeyItem(\n  {\n    className,\n    interpolation,\n    keyIcon,\n    testId = TEST_ID_MAP.KEY_ITEM,\n    children,\n    ...props\n  }: KeyItemProps,\n  forwardedRef: Ref<HTMLDivElement>,\n) {\n  const KeyIcon = useMemo(() => {\n    if (isIconName(keyIcon)) {\n      return (\n        <LegacyIcon\n          size={IconSize.S}\n          name={keyIcon}\n          color=\"txt-black-dark\"\n        />\n      )\n    }\n\n    if (isBezierIcon(keyIcon)) {\n      return (\n        <Icon\n          size={IconSize.S}\n          source={keyIcon}\n          color=\"txt-black-dark\"\n        />\n      )\n    }\n\n    return keyIcon\n  }, [keyIcon])\n\n  const KeyText = useMemo(() => {\n    if (isString(children)) {\n      return (\n        <Styled.KeyText bold typo={Typography.Size12} truncated>\n          { children }\n        </Styled.KeyText>\n      )\n    }\n    return children\n  }, [children])\n\n  return (\n    <Styled.KeyContent\n      data-testid={testId}\n      {...props}\n      ref={forwardedRef}\n      interpolation={interpolation}\n    >\n      { KeyIcon }\n      { KeyText }\n    </Styled.KeyContent>\n  )\n}\n\nexport default memo(forwardRef(KeyItem))\n"],"names":["KeyItem","_a","forwardedRef","className","interpolation","keyIcon","testId","TEST_ID_MAP","KEY_ITEM","children","props","__rest","KeyIcon","useMemo","isIconName","React","createElement","LegacyIcon","size","IconSize","S","name","color","isBezierIcon","Icon","source","KeyText","isString","Styled","bold","typo","Typography","Size12","truncated","ref","memo","forwardRef"],"mappings":";;;;;;;;;;;;AA2BA,SAASA,OAAO,CACdC,EAOe,EACfC,YAAiC,EAAA;EARjC,IAAA;MACEC,SAAS;MACTC,aAAa;MACbC,OAAO;MACPC,MAAM,GAAGC,WAAW,CAACC,QAAQ;AAC7BC,MAAAA,QAAAA;AAAQ,KAAA,GAAAR,EAEK;AADVS,IAAAA,KAAK,GAAAC,MAAA,CAAAV,EAAA,EANV,+DAOC,CADS,CAAA;AAIV,EAAA,MAAMW,OAAO,GAAGC,OAAO,CAAC,MAAK;AAC3B,IAAA,IAAIC,UAAU,CAACT,OAAO,CAAC,EAAE;AACvB,MAAA,OACEU,UAAC,CAAAC,aAAA,CAAAC,UAAU;QACTC,IAAI,EAAEC,QAAQ,CAACC,CAAC;AAChBC,QAAAA,IAAI,EAAEhB,OAAO;AACbiB,QAAAA,KAAK,EAAC,gBAAA;AAAgB,OAAA,CACtB,CAAA;AAEL,KAAA;AAED,IAAA,IAAIC,CAAY,CAAClB,OAAO,CAAC,EAAE;AACzB,MAAA,OACEU,UAAC,CAAAC,aAAA,CAAAQ,IAAI;QACHN,IAAI,EAAEC,QAAQ,CAACC,CAAC;AAChBK,QAAAA,MAAM,EAAEpB,OAAO;AACfiB,QAAAA,KAAK,EAAC,gBAAA;AAAgB,OAAA,CACtB,CAAA;AAEL,KAAA;AAED,IAAA,OAAOjB,OAAO,CAAA;AAChB,GAAC,EAAE,CAACA,OAAO,CAAC,CAAC,CAAA;AAEb,EAAA,MAAMqB,SAAO,GAAGb,OAAO,CAAC,MAAK;AAC3B,IAAA,IAAIc,QAAQ,CAAClB,QAAQ,CAAC,EAAE;AACtB,MAAA,OACEM,UAAC,CAAAC,aAAA,CAAAY,OAAc,EAAA;AAACC,QAAAA,IAAI,EAAC,IAAA;QAAAC,IAAI,EAAEC,UAAU,CAACC,MAAM;AAAEC,QAAAA,SAAS;SACnDxB,QAAQ,CACK,CAAA;AAEpB,KAAA;AACD,IAAA,OAAOA,QAAQ,CAAA;AACjB,GAAC,EAAE,CAACA,QAAQ,CAAC,CAAC,CAAA;EAEd,OACEM,UAAC,CAAAC,aAAA,CAAAY,UAAiB;mBACHtB,MAAAA;GAAM,EACfI,KAAK,EAAA;AACTwB,IAAAA,GAAG,EAAEhC,YAAY;AACjBE,IAAAA,aAAa,EAAEA,aAAAA;AAAa,GAAA,CAAA,EAE1BQ,OAAO,EACPc,SAAO,CACS,CAAA;AAExB,CAAA;AAEA,gBAAeS,IAAI,CAACC,UAAU,CAACpC,OAAO,CAAC,CAAC;;;;"}

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

@@ -1,6 +1,6 @@
 import type React from 'react';
+import { type BezierIcon, type IconName } from '@channel.io/bezier-icons';
 import type { BezierComponentProps, ChildrenProps } from "../../../../types/ComponentProps";
-import type { BezierIcon, IconName } from "../../../Icon";
 interface KeyItemOptions {
     keyIcon?: IconName | BezierIcon | React.ReactNode;
 }

package/build/src/components/KeyValueListItem/common/KeyItem/KeyItem.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KeyItem.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/KeyValueListItem/common/KeyItem/KeyItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EACV,oBAAoB,EACpB,aAAa,EACd,yCAAkC;AAEnC,OAAO,KAAK,EACV,UAAU,EACV,QAAQ,EACT,sBAA6B;AAE9B,UAAU,cAAc;IACtB,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,KAAK,CAAC,SAAS,CAAA;CAClD;AAED,MAAM,WAAW,YAAa,SAC5B,oBAAoB,EACpB,aAAa,EACb,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,cAAc;CAAG"}
+{"version":3,"file":"KeyItem.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/KeyValueListItem/common/KeyItem/KeyItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EACL,KAAK,UAAU,EACf,KAAK,QAAQ,EACd,MAAM,0BAA0B,CAAA;AAEjC,OAAO,KAAK,EACV,oBAAoB,EACpB,aAAa,EACd,yCAAkC;AAEnC,UAAU,cAAc;IACtB,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,KAAK,CAAC,SAAS,CAAA;CAClD;AAED,MAAM,WAAW,YAAa,SAC5B,oBAAoB,EACpB,aAAa,EACb,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,cAAc;CAAG"}

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

@@ -1,5 +1,5 @@
 import { __rest } from '../../../../../node_modules/tslib/tslib.es6.js';
-import React__default, { memo, forwardRef } from 'react';
+import e__default, { memo, forwardRef } from 'react';
 import { TEST_ID_MAP } from '../../KeyValueListItem.const.js';
 import { ValueWrapper } from './ValueItem.styled.js';
 
@@ -10,7 +10,7 @@ function ValueItem(_a, forwardedRef) {
       children
     } = _a,
     props = __rest(_a, ["testId", "interpolation", "children"]);
-  return React__default.createElement(ValueWrapper, Object.assign({
+  return e__default.createElement(ValueWrapper, Object.assign({
     "data-testid": testId
   }, props, {
     ref: forwardedRef,

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

@@ -1 +1 @@
-{"version":3,"file":"ValueItem.js","sources":["../../../../../../src/components/KeyValueListItem/common/ValueItem/ValueItem.tsx"],"sourcesContent":["import React, {\n  type Ref,\n  forwardRef,\n  memo,\n} from 'react'\n\nimport { TEST_ID_MAP } from '~/src/components/KeyValueListItem/KeyValueListItem.const'\n\nimport { type ValueItemProps } from './ValueItem.types'\n\nimport * as Styled from './ValueItem.styled'\n\nfunction ValueItem(\n  {\n    testId = TEST_ID_MAP.VALUE_ITEM,\n    interpolation,\n    children,\n    ...props\n  }: ValueItemProps,\n  forwardedRef: Ref<HTMLDivElement>,\n) {\n  return (\n    <Styled.ValueWrapper\n      data-testid={testId}\n      {...props}\n      ref={forwardedRef}\n      interpolation={interpolation}\n    >\n      { children }\n    </Styled.ValueWrapper>\n  )\n}\n\nexport default memo(forwardRef(ValueItem))\n"],"names":["ValueItem","_a","forwardedRef","testId","TEST_ID_MAP","VALUE_ITEM","interpolation","children","props","__rest","React","Styled","Object","assign","ref","memo","forwardRef"],"mappings":";;;;;AAYA,SAASA,SAAS,CAChBC,EAKiB,EACjBC,YAAiC,EAAA;EANjC,IAAA;MACEC,MAAM,GAAGC,WAAW,CAACC,UAAU;MAC/BC,aAAa;AACbC,MAAAA,QAAAA;AAEe,KAAA,GAAAN,EAAA;AADZO,IAAAA,KAAK,GAAAC,MAAA,CAAAR,EAAA,EAJV,uCAKC,CADS,CAAA;EAIV,OACES,6BAACC,YAAmB,EACLC,MAAA,CAAAC,MAAA,CAAA;AAAA,IAAA,aAAA,EAAAV,MAAAA;KACTK,KAAK,EAAA;AACTM,IAAAA,GAAG,EAAEZ,YAAY;AACjBI,IAAAA,aAAa,EAAEA,aAAAA;GAEb,CAAA,EAAAC,QAAQ,CACU,CAAA;AAE1B,CAAA;AAEA,kBAAeQ,IAAI,CAACC,UAAU,CAAChB,SAAS,CAAC,CAAC;;;;"}
+{"version":3,"file":"ValueItem.js","sources":["../../../../../../src/components/KeyValueListItem/common/ValueItem/ValueItem.tsx"],"sourcesContent":["import React, {\n  type Ref,\n  forwardRef,\n  memo,\n} from 'react'\n\nimport { TEST_ID_MAP } from '~/src/components/KeyValueListItem/KeyValueListItem.const'\n\nimport { type ValueItemProps } from './ValueItem.types'\n\nimport * as Styled from './ValueItem.styled'\n\nfunction ValueItem(\n  {\n    testId = TEST_ID_MAP.VALUE_ITEM,\n    interpolation,\n    children,\n    ...props\n  }: ValueItemProps,\n  forwardedRef: Ref<HTMLDivElement>,\n) {\n  return (\n    <Styled.ValueWrapper\n      data-testid={testId}\n      {...props}\n      ref={forwardedRef}\n      interpolation={interpolation}\n    >\n      { children }\n    </Styled.ValueWrapper>\n  )\n}\n\nexport default memo(forwardRef(ValueItem))\n"],"names":["ValueItem","_a","forwardedRef","testId","TEST_ID_MAP","VALUE_ITEM","interpolation","children","props","__rest","React","Styled","Object","assign","ref","memo","forwardRef"],"mappings":";;;;;AAYA,SAASA,SAAS,CAChBC,EAKiB,EACjBC,YAAiC,EAAA;EANjC,IAAA;MACEC,MAAM,GAAGC,WAAW,CAACC,UAAU;MAC/BC,aAAa;AACbC,MAAAA,QAAAA;AAEe,KAAA,GAAAN,EAAA;AADZO,IAAAA,KAAK,GAAAC,MAAA,CAAAR,EAAA,EAJV,uCAKC,CADS,CAAA;EAIV,OACES,yBAACC,YAAmB,EACLC,MAAA,CAAAC,MAAA,CAAA;AAAA,IAAA,aAAA,EAAAV,MAAAA;KACTK,KAAK,EAAA;AACTM,IAAAA,GAAG,EAAEZ,YAAY;AACjBI,IAAAA,aAAa,EAAEA,aAAAA;GAEb,CAAA,EAAAC,QAAQ,CACU,CAAA;AAE1B,CAAA;AAEA,kBAAeQ,IAAI,CAACC,UAAU,CAAChB,SAAS,CAAC,CAAC;;;;"}

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

@@ -0,0 +1,19 @@
+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.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LegacyIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/LegacyIcon/LegacyIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAA;AAMnC,OAAO,KAAK,eAAe,MAAM,oBAAoB,CAAA;AAErD;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,UAAU,gDAGb,eAAe,wBAMhB,CAAA;AAEF,eAAe,UAAU,CAAA"}

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

@@ -0,0 +1,36 @@
+import { __rest } from '../../../node_modules/tslib/tslib.es6.js';
+import e__default, { memo } from 'react';
+import { icons as jc } from '../../../node_modules/@channel.io/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

@@ -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","_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

@@ -0,0 +1,23 @@
+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/LegacyIcon.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LegacyIcon.types.d.ts","sourceRoot":"","sources":["../../../../src/components/LegacyIcon/LegacyIcon.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AAExD,OAAO,EAAE,KAAK,SAAS,EAAE,gBAA6B;AAEtD,UAAU,iBAAiB;IACzB,IAAI,EAAE,QAAQ,CAAA;CACf;AAED;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,OAAO,WAAW,eAAgB,SACvC,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,EACzB,iBAAiB;CAAG"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/LegacyIcon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AAEpD,YAAY,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpE,cAAc,SAAS,CAAA"}

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

@@ -0,0 +1,17 @@
+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.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/LegacyIcon/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,QAAQ,EAEd,MAAM,0BAA0B,CAAA;AAEjC;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,UAAU,SAAU,GAAG,qBAAwD,CAAA"}

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

@@ -0,0 +1,20 @@
+import { icons as jc } from '../../../node_modules/@channel.io/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

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

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

@@ -1,5 +1,5 @@
 import { __rest } from '../../../node_modules/tslib/tslib.es6.js';
-import React__default, { forwardRef, useState, useCallback, useMemo } from 'react';
+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';
@@ -40,14 +40,14 @@ const LegacyRadio = forwardRef(function LegacyRadio(_a, forwardedRef) {
     }
     return watchingValue === value;
   }, [watchingValue, value]);
-  return React__default.createElement(StyledRadioWrapper, Object.assign({
+  return e__default.createElement(StyledRadioWrapper, Object.assign({
     ref: forwardedRef,
     "data-testid": testId,
     disabled: disabled,
     onClick: handleClick,
     onMouseEnter: handleMouseOver,
     onMouseLeave: handleMouseLeave
-  }, ownProps), React__default.createElement(StyledRadioHandle, {
+  }, ownProps), e__default.createElement(StyledRadioHandle, {
     as: as,
     "data-testid": handleTestId,
     className: dotClassName,

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

@@ -1 +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","_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,cAAC,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,cAAC,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;;;;"}
+{"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/LegacySegmentedControl/LegacySegmentedControl.js

@@ -1,5 +1,5 @@
 import { __rest } from '../../../node_modules/tslib/tslib.es6.js';
-import React__default, { forwardRef, useState, useMemo, useCallback, useEffect } from 'react';
+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';
@@ -38,7 +38,7 @@ function LegacySegmentedControl(_a, forwardedRef) {
     ownProps = __rest(_b, ["disabled"]);
   const [currentIndex, setCurrentIndex] = useState(selectedOptionIndex);
   const [wrapperWidth, setWrapperWidth] = useState(0);
-  const numItems = useMemo(() => React__default.Children.count(children), [children]);
+  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]);
@@ -62,7 +62,7 @@ function LegacySegmentedControl(_a, forwardedRef) {
     setCurrentIndex(index);
     onChangeOption(index);
   }, [onChangeOption]);
-  const renderOption = useCallback((Element, index) => React__default.createElement(OptionItemWrapper, {
+  const renderOption = useCallback((Element, index) => e__default.createElement(OptionItemWrapper, {
     key: v4(),
     "data-testid": segmentedControlOptionItemTestId(index),
     disabled: disabled,
@@ -73,29 +73,29 @@ function LegacySegmentedControl(_a, forwardedRef) {
       left: optionItemLeft(index)
     },
     onClick: () => disabled ? noop : handleClickOptionItem(index)
-  }, React__default.createElement(Text, {
+  }, e__default.createElement(Text, {
     typo: SIZE_TO_OPTION_TYPOGRAPHY[size],
     bold: true
   }, Element)), [disabled, size, currentIndex, optionItemWidth, optionItemLeft, handleClickOptionItem]);
-  const Content = useMemo(() => React__default.Children.map(children, renderOption), [children, renderOption]);
-  const Dividers = useMemo(() => range(1, numItems).map(index => React__default.createElement(DividerContainer, {
+  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)
     }
-  }, React__default.createElement(Divider, {
+  }, e__default.createElement(Divider, {
     orientation: "vertical"
   }))), [size, numItems, currentIndex, dividerItemLeft]);
-  const IndicatorComponent = useMemo(() => React__default.createElement(Indicator, {
+  const IndicatorComponent = useMemo(() => e__default.createElement(Indicator, {
     size: size,
     style: {
       width: optionItemWidth,
       transform: `translateX(${optionItemLeft(currentIndex)}px)`
     }
-  }, React__default.createElement(IndicatorBox, null)), [size, currentIndex, optionItemWidth, optionItemLeft]);
-  return React__default.createElement(Wrapper, Object.assign({}, ownProps, {
+  }, e__default.createElement(IndicatorBox, null)), [size, currentIndex, optionItemWidth, optionItemLeft]);
+  return e__default.createElement(Wrapper, Object.assign({}, ownProps, {
     ref: wrapperRef,
     disabled: disabled,
     size: size,

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

@@ -1 +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","_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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"}
+{"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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"}

package/build/src/components/ListItem/ListItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/ListItem/ListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAKN,MAAM,OAAO,CAAA;AAsBd,OAAO,KAAK,aAAa,MAAM,kBAAkB,CAAA;AAsBjD,eAAO,MAAM,iBAAiB,gCAAgC,CAAA;AAM9D,KAAK,WAAW,GAAG,cAAc,GAAG,iBAAiB,CAAA;;AAmQrD,wBAAmC"}
+{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/ListItem/ListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAKN,MAAM,OAAO,CAAA;AAoBd,OAAO,KAAK,aAAa,MAAM,kBAAkB,CAAA;AAsBjD,eAAO,MAAM,iBAAiB,gCAAgC,CAAA;AAM9D,KAAK,WAAW,GAAG,cAAc,GAAG,iBAAiB,CAAA;;AAmQrD,wBAAmC"}