@channel.io/bezier-react 1.1.0 → 1.3.0

package/build/src/components/Forms/SegmentedControl/SegmentedControlIndicator.js

@@ -1,4 +1,4 @@
-import React__default, { useState, useCallback, useLayoutEffect } from 'react';
+import e__default, { useState, useCallback, useLayoutEffect } from 'react';
 import { useResizeDetector } from '../../../../node_modules/react-resize-detector/build/index.esm.js';
 import useMergeRefs from '../../../hooks/useMergeRefs.js';
 import { indicatorTransitionMeta, Indicator } from './SegmentedControl.styled.js';
@@ -51,7 +51,7 @@ const SegmentedControlIndicator = function SegmentedControlIndicator({
   if (!target) {
     return null;
   }
-  return React__default.createElement(Indicator, {
+  return e__default.createElement(Indicator, {
     ref: setIndicatorNode,
     style: indicatorStyle,
     "data-testid": SEGMENTED_CONTROL_INDICATOR_TEST_ID
@@ -69,7 +69,7 @@ function useSegmentedControlIndicator({
   } = useResizeDetector();
   const containerSizeKey = `${containerWidth}-${containerHeight}`;
   const containerRef = useMergeRefs(...refs, resizeDetectorRef, setContainer);
-  const render = useCallback(() => React__default.createElement(SegmentedControlIndicator, {
+  const render = useCallback(() => e__default.createElement(SegmentedControlIndicator, {
     target: target,
     container: container,
     updateKey: containerSizeKey

package/build/src/components/Forms/SegmentedControl/SegmentedControlIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControlIndicator.js","sources":["../../../../../src/components/Forms/SegmentedControl/SegmentedControlIndicator.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useLayoutEffect,\n  useState,\n} from 'react'\n\nimport { useResizeDetector } from 'react-resize-detector'\n\nimport useMergeRefs from '~/src/hooks/useMergeRefs'\n\nimport * as Styled from './SegmentedControl.styled'\n\nexport const SEGMENTED_CONTROL_INDICATOR_TEST_ID = 'bezier-react-segmented-control-indicator'\n\nconst SegmentedControlIndicator = function SegmentedControlIndicator({\n  target,\n  container,\n  updateKey,\n}: {\n  target: HTMLElement | null\n  container: HTMLElement | null\n  updateKey?: string\n}) {\n  const [indicatorNode, setIndicatorNode] = useState<HTMLDivElement | null>(null)\n  const [indicatorStyle, setIndicatorStyle] = useState<React.CSSProperties>({})\n\n  useLayoutEffect(function pauseTransitionOnMount() {\n    let timer: NodeJS.Timeout | undefined\n\n    if (indicatorNode) {\n      setIndicatorStyle(prev => ({\n        ...prev,\n        transition: 'none',\n      }))\n\n      timer = setTimeout(() => {\n        setIndicatorStyle(prev => ({\n          ...prev,\n          transition: undefined,\n        }))\n      }, Styled.indicatorTransitionMeta.duration)\n    }\n\n    return function cleanUp() {\n      clearTimeout(timer)\n    }\n  }, [indicatorNode])\n\n  useLayoutEffect(function updatePosition() {\n    if (indicatorNode && container && target) {\n      const {\n        top,\n        left,\n        width: selectedElementWidth,\n        height: selectedElementHeight,\n      } = target.getBoundingClientRect()\n\n      const {\n        top: containerTop,\n        left: containerLeft,\n      } = container.getBoundingClientRect()\n\n      setIndicatorStyle(prev => ({\n        ...prev,\n        '--bezier-react-segmented-control-indicator-transform': `translate(${left - containerLeft}px, ${top - containerTop}px)`,\n        '--bezier-react-segmented-control-indicator-width': `${selectedElementWidth}px`,\n        '--bezier-react-segmented-control-indicator-height': `${selectedElementHeight}px`,\n      }))\n    }\n  }, [\n    // NOTE: (@ed) to force update indicator position on container size change\n    updateKey,\n    indicatorNode,\n    container,\n    target,\n  ])\n\n  if (!target) { return null }\n\n  return (\n    <Styled.Indicator\n      ref={setIndicatorNode}\n      style={indicatorStyle}\n      data-testid={SEGMENTED_CONTROL_INDICATOR_TEST_ID}\n    />\n  )\n}\n\nexport function useSegmentedControlIndicator<Element extends HTMLElement>({\n  target,\n  refs,\n}: {\n  target: HTMLElement | null\n  refs: React.Ref<Element>[]\n}) {\n  const [container, setContainer] = useState<Element | null>(null)\n\n  const {\n    width: containerWidth,\n    height: containerHeight,\n    ref: resizeDetectorRef,\n  } = useResizeDetector<Element>()\n\n  const containerSizeKey = `${containerWidth}-${containerHeight}`\n\n  const containerRef = useMergeRefs(\n    ...refs,\n    resizeDetectorRef,\n    setContainer,\n  )\n\n  const render = useCallback(() => (\n    <SegmentedControlIndicator\n      target={target}\n      container={container}\n      updateKey={containerSizeKey}\n    />\n  ), [\n    target,\n    container,\n    containerSizeKey,\n  ])\n\n  return {\n    containerRef,\n    render,\n  } as const\n}\n"],"names":["SEGMENTED_CONTROL_INDICATOR_TEST_ID","SegmentedControlIndicator","target","container","updateKey","indicatorNode","setIndicatorNode","useState","indicatorStyle","setIndicatorStyle","useLayoutEffect","pauseTransitionOnMount","timer","prev","Object","assign","transition","setTimeout","undefined","Styled","duration","cleanUp","clearTimeout","updatePosition","top","left","width","selectedElementWidth","height","selectedElementHeight","getBoundingClientRect","containerTop","containerLeft","React","createElement","ref","style","useSegmentedControlIndicator","refs","setContainer","containerWidth","containerHeight","resizeDetectorRef","useResizeDetector","containerSizeKey","containerRef","useMergeRefs","render","useCallback"],"mappings":"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"}
+{"version":3,"file":"SegmentedControlIndicator.js","sources":["../../../../../src/components/Forms/SegmentedControl/SegmentedControlIndicator.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useLayoutEffect,\n  useState,\n} from 'react'\n\nimport { useResizeDetector } from 'react-resize-detector'\n\nimport useMergeRefs from '~/src/hooks/useMergeRefs'\n\nimport * as Styled from './SegmentedControl.styled'\n\nexport const SEGMENTED_CONTROL_INDICATOR_TEST_ID = 'bezier-react-segmented-control-indicator'\n\nconst SegmentedControlIndicator = function SegmentedControlIndicator({\n  target,\n  container,\n  updateKey,\n}: {\n  target: HTMLElement | null\n  container: HTMLElement | null\n  updateKey?: string\n}) {\n  const [indicatorNode, setIndicatorNode] = useState<HTMLDivElement | null>(null)\n  const [indicatorStyle, setIndicatorStyle] = useState<React.CSSProperties>({})\n\n  useLayoutEffect(function pauseTransitionOnMount() {\n    let timer: NodeJS.Timeout | undefined\n\n    if (indicatorNode) {\n      setIndicatorStyle(prev => ({\n        ...prev,\n        transition: 'none',\n      }))\n\n      timer = setTimeout(() => {\n        setIndicatorStyle(prev => ({\n          ...prev,\n          transition: undefined,\n        }))\n      }, Styled.indicatorTransitionMeta.duration)\n    }\n\n    return function cleanUp() {\n      clearTimeout(timer)\n    }\n  }, [indicatorNode])\n\n  useLayoutEffect(function updatePosition() {\n    if (indicatorNode && container && target) {\n      const {\n        top,\n        left,\n        width: selectedElementWidth,\n        height: selectedElementHeight,\n      } = target.getBoundingClientRect()\n\n      const {\n        top: containerTop,\n        left: containerLeft,\n      } = container.getBoundingClientRect()\n\n      setIndicatorStyle(prev => ({\n        ...prev,\n        '--bezier-react-segmented-control-indicator-transform': `translate(${left - containerLeft}px, ${top - containerTop}px)`,\n        '--bezier-react-segmented-control-indicator-width': `${selectedElementWidth}px`,\n        '--bezier-react-segmented-control-indicator-height': `${selectedElementHeight}px`,\n      }))\n    }\n  }, [\n    // NOTE: (@ed) to force update indicator position on container size change\n    updateKey,\n    indicatorNode,\n    container,\n    target,\n  ])\n\n  if (!target) { return null }\n\n  return (\n    <Styled.Indicator\n      ref={setIndicatorNode}\n      style={indicatorStyle}\n      data-testid={SEGMENTED_CONTROL_INDICATOR_TEST_ID}\n    />\n  )\n}\n\nexport function useSegmentedControlIndicator<Element extends HTMLElement>({\n  target,\n  refs,\n}: {\n  target: HTMLElement | null\n  refs: React.Ref<Element>[]\n}) {\n  const [container, setContainer] = useState<Element | null>(null)\n\n  const {\n    width: containerWidth,\n    height: containerHeight,\n    ref: resizeDetectorRef,\n  } = useResizeDetector<Element>()\n\n  const containerSizeKey = `${containerWidth}-${containerHeight}`\n\n  const containerRef = useMergeRefs(\n    ...refs,\n    resizeDetectorRef,\n    setContainer,\n  )\n\n  const render = useCallback(() => (\n    <SegmentedControlIndicator\n      target={target}\n      container={container}\n      updateKey={containerSizeKey}\n    />\n  ), [\n    target,\n    container,\n    containerSizeKey,\n  ])\n\n  return {\n    containerRef,\n    render,\n  } as const\n}\n"],"names":["SEGMENTED_CONTROL_INDICATOR_TEST_ID","SegmentedControlIndicator","target","container","updateKey","indicatorNode","setIndicatorNode","useState","indicatorStyle","setIndicatorStyle","useLayoutEffect","pauseTransitionOnMount","timer","prev","Object","assign","transition","setTimeout","undefined","Styled","duration","cleanUp","clearTimeout","updatePosition","top","left","width","selectedElementWidth","height","selectedElementHeight","getBoundingClientRect","containerTop","containerLeft","React","createElement","ref","style","useSegmentedControlIndicator","refs","setContainer","containerWidth","containerHeight","resizeDetectorRef","useResizeDetector","containerSizeKey","containerRef","useMergeRefs","render","useCallback"],"mappings":"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"}

package/build/src/components/Forms/SegmentedControl/SegmentedControlItem.js

@@ -1,5 +1,5 @@
 import { __rest } from '../../../../node_modules/tslib/tslib.es6.js';
-import React__default, { forwardRef, useCallback } from 'react';
+import e__default, { forwardRef, useCallback } from 'react';
 import { Item as $f99a8c78507165f7$export$6d08773d2e66f8f2 } from '../../../../node_modules/@radix-ui/react-radio-group/dist/index.module.js';
 import { Trigger as $69cb30bb0017df05$export$41fb9f06171c75f4 } from '../../../../node_modules/@radix-ui/react-tabs/dist/index.module.js';
 import useMergeRefs from '../../../hooks/useMergeRefs.js';
@@ -24,11 +24,11 @@ const Item = forwardRef(function Item(_a, forwardedRef) {
       setSelectedElement(node);
     }
   }, [checked, setSelectedElement]));
-  return React__default.createElement(Item$1, Object.assign({}, rest, {
+  return e__default.createElement(Item$1, Object.assign({}, rest, {
     ref: ref,
     type: "button",
     "data-checked": ariaAttr(checked)
-  }), React__default.createElement(ItemContainer, null, leftContent, React__default.createElement(ItemLabel, null, children), rightContent));
+  }), e__default.createElement(ItemContainer, null, leftContent, e__default.createElement(ItemLabel, null, children), rightContent));
 });
 function SegmentedControlItemImpl(_a, forwardedRef) {
   var {
@@ -39,10 +39,10 @@ function SegmentedControlItemImpl(_a, forwardedRef) {
     type
   } = useSegmentedControlContext('SegmentedControlItem');
   const SegmentedControlItem = type === 'radiogroup' ? $f99a8c78507165f7$export$6d08773d2e66f8f2 : $69cb30bb0017df05$export$41fb9f06171c75f4;
-  return React__default.createElement(SegmentedControlItem, Object.assign({
+  return e__default.createElement(SegmentedControlItem, Object.assign({
     asChild: true,
     ref: forwardedRef
-  }, rest), React__default.createElement(Item, {
+  }, rest), e__default.createElement(Item, {
     type: type
   }, children));
 }

package/build/src/components/Forms/SegmentedControl/SegmentedControlItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControlItem.js","sources":["../../../../../src/components/Forms/SegmentedControl/SegmentedControlItem.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n} from 'react'\n\nimport * as RadioGroupPrimitive from '@radix-ui/react-radio-group'\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\n\nimport useMergeRefs from '~/src/hooks/useMergeRefs'\nimport { ariaAttr } from '~/src/utils/domUtils'\n\nimport {\n  type SegmentedControlItemProps,\n  type SegmentedControlProps,\n  type SegmentedControlType,\n} from './SegmentedControl.types'\nimport {\n  useSegmentedControlContext,\n  useSegmentedControlItemListContext,\n} from './SegmentedControlContext'\n\nimport * as Styled from './SegmentedControl.styled'\n\n/**\n * NOTE: (@ed) A property injected at runtime by the radix-ui lib.\n */\ntype ItemProps<Type extends SegmentedControlType> = (\n  Type extends 'radiogroup'\n    ? { 'data-state'?: 'unchecked' | 'checked' }\n    : { 'data-state'?: 'inactive' | 'active' }\n)\n& React.HTMLAttributes<HTMLButtonElement>\n& Partial<SegmentedControlItemProps<Type>>\n& Required<Pick<SegmentedControlProps<Type, string>, 'type'>>\n\nconst Item = forwardRef<HTMLButtonElement, ItemProps<SegmentedControlType>>(function Item({\n  children,\n  type,\n  leftContent,\n  rightContent,\n  ...rest\n}, forwardedRef) {\n  const { setSelectedElement } = useSegmentedControlItemListContext('SegmentedControlItem')\n\n  const checked = type === 'radiogroup'\n    ? (rest as ItemProps<typeof type>)?.['data-state'] === 'checked'\n    : (rest as ItemProps<typeof type>)?.['data-state'] === 'active'\n\n  const ref = useMergeRefs(\n    forwardedRef,\n    useCallback((node: HTMLButtonElement | null) => {\n      if (checked) {\n        setSelectedElement(node)\n      }\n    }, [\n      checked,\n      setSelectedElement,\n    ]),\n  )\n\n  return (\n    <Styled.Item\n      {...rest}\n      ref={ref}\n      type=\"button\"\n      data-checked={ariaAttr(checked)}\n    >\n      <Styled.ItemContainer>\n        { leftContent }\n        <Styled.ItemLabel>\n          { children }\n        </Styled.ItemLabel>\n        { rightContent }\n      </Styled.ItemContainer>\n    </Styled.Item>\n  )\n})\n\nfunction SegmentedControlItemImpl<Value extends string>({\n  children,\n  ...rest\n}: SegmentedControlItemProps<Value>, forwardedRef: React.Ref<HTMLButtonElement>) {\n  const { type } = useSegmentedControlContext('SegmentedControlItem')\n\n  const SegmentedControlItem = type === 'radiogroup'\n    ? RadioGroupPrimitive.Item\n    : TabsPrimitive.Trigger\n\n  return (\n    <SegmentedControlItem\n      asChild\n      ref={forwardedRef}\n      {...rest}\n    >\n      <Item type={type}>\n        { children }\n      </Item>\n    </SegmentedControlItem>\n  )\n}\n\n/**\n * `SegmentedControlItem` component is each item in `SegmentedControl`.\n *\n * If the type of `SegmentedControl` is `radiogroup`, this component acts as a radio item.\n * In this case, it must be used as a child of `SegmentedControl`.\n *\n * If the type of `SegmentedControl` is `tabs`, this component acts as a tab item.\n * In this case, it must be used as a child of `SegmentedControlTabList`.\n */\nexport const SegmentedControlItem = forwardRef(SegmentedControlItemImpl) as <Value extends string>(\n  props: SegmentedControlItemProps<Value> & { ref?: React.ForwardedRef<HTMLButtonElement> }\n) => JSX.Element\n"],"names":["Item","forwardRef","_a","forwardedRef","children","type","leftContent","rightContent","rest","__rest","setSelectedElement","useSegmentedControlItemListContext","checked","ref","useMergeRefs","useCallback","node","React","createElement","Styled","Object","assign","ariaAttr","SegmentedControlItemImpl","useSegmentedControlContext","SegmentedControlItem","RadioGroupPrimitive","TabsPrimitive","asChild"],"mappings":";;;;;;;;;AAmCA,MAAMA,IAAI,GAAGC,UAAU,CAAqD,SAASD,IAAI,CAACE,EAMzF,EAAEC,YAAY,EAAA;EAN2E,IAAA;MACxFC,QAAQ;MACRC,IAAI;MACJC,WAAW;AACXC,MAAAA,YAAAA;AAAY,KAAA,GAAAL,EAEb;AADIM,IAAAA,IAAI,GALiFC,MAAA,CAAAP,EAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,aAAA,EAAA,cAAA,CAMzF,CADQ,CAAA;EAEP,MAAM;AAAEQ,IAAAA,kBAAAA;AAAoB,GAAA,GAAGC,kCAAkC,CAAC,sBAAsB,CAAC,CAAA;EAEzF,MAAMC,OAAO,GAAGP,IAAI,KAAK,YAAY,GACjC,CAACG,IAA+B,KAA/B,IAAA,IAAAA,IAAI,KAAJ,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,IAAI,CAA8B,YAAY,CAAC,MAAK,SAAS,GAC9D,CAACA,IAA+B,KAAA,IAAA,IAA/BA,IAAI,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAJA,IAAI,CAA8B,YAAY,CAAC,MAAK,QAAQ,CAAA;EAEjE,MAAMK,GAAG,GAAGC,YAAY,CACtBX,YAAY,EACZY,WAAW,CAAEC,IAA8B,IAAI;AAC7C,IAAA,IAAIJ,OAAO,EAAE;MACXF,kBAAkB,CAACM,IAAI,CAAC,CAAA;AACzB,KAAA;AACH,GAAC,EAAE,CACDJ,OAAO,EACPF,kBAAkB,CACnB,CAAC,CACH,CAAA;AAED,EAAA,OACEO,cAAC,CAAAC,aAAA,CAAAC,MAAW,EAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,EACNb,IAAI,EACR;AAAAK,IAAAA,GAAG,EAAEA,GAAG;AACRR,IAAAA,IAAI,EAAC,QAAQ;oBACCiB,QAAQ,CAACV,OAAO,CAAA;AAAC,GAAA,CAAA,EAE/BK,cAAC,CAAAC,aAAA,CAAAC,aAAoB,EAAA,IAAA,EACjBb,WAAW,EACbW,cAAA,CAAAC,aAAA,CAACC,SAAgB,EAAA,IAAA,EACbf,QAAQ,CACO,EACjBG,YAAY,CACO,CACX,CAAA;AAElB,CAAC,CAAC,CAAA;AAEF,SAASgB,wBAAwB,CAAuBrB,EAGrB,EAAEC,YAA0C,EAAA;EAHvB,IAAA;AACtDC,MAAAA,QAAAA;AAEiC,KAAA,GAAAF,EAAA;IAD9BM,IAAI,GAAAC,MAAA,CAAAP,EAAA,EAF+C,YAGvD,CADQ,CAAA;EAEP,MAAM;AAAEG,IAAAA,IAAAA;AAAM,GAAA,GAAGmB,0BAA0B,CAAC,sBAAsB,CAAC,CAAA;AAEnE,EAAA,MAAMC,oBAAoB,GAAGpB,IAAI,KAAK,YAAY,GAC9CqB,yCAAwB,GACxBC,yCAAqB,CAAA;EAEzB,OACEV,cAAC,CAAAC,aAAA,CAAAO,oBAAoB,EACnBL,MAAA,CAAAC,MAAA,CAAA;AAAAO,IAAAA,OAAO;AACPf,IAAAA,GAAG,EAAEV,YAAAA;GAAY,EACbK,IAAI,CAAA,EAERS,cAAC,CAAAC,aAAA,CAAAlB,IAAI,EAAC;AAAAK,IAAAA,IAAI,EAAEA,IAAAA;KACRD,QAAQ,CACL,CACc,CAAA;AAE3B,CAAA;AAEA;;;;;;;;AAQG;MACUqB,oBAAoB,GAAGxB,UAAU,CAACsB,wBAAwB;;;;"}
+{"version":3,"file":"SegmentedControlItem.js","sources":["../../../../../src/components/Forms/SegmentedControl/SegmentedControlItem.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n} from 'react'\n\nimport * as RadioGroupPrimitive from '@radix-ui/react-radio-group'\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\n\nimport useMergeRefs from '~/src/hooks/useMergeRefs'\nimport { ariaAttr } from '~/src/utils/domUtils'\n\nimport {\n  type SegmentedControlItemProps,\n  type SegmentedControlProps,\n  type SegmentedControlType,\n} from './SegmentedControl.types'\nimport {\n  useSegmentedControlContext,\n  useSegmentedControlItemListContext,\n} from './SegmentedControlContext'\n\nimport * as Styled from './SegmentedControl.styled'\n\n/**\n * NOTE: (@ed) A property injected at runtime by the radix-ui lib.\n */\ntype ItemProps<Type extends SegmentedControlType> = (\n  Type extends 'radiogroup'\n    ? { 'data-state'?: 'unchecked' | 'checked' }\n    : { 'data-state'?: 'inactive' | 'active' }\n)\n& React.HTMLAttributes<HTMLButtonElement>\n& Partial<SegmentedControlItemProps<Type>>\n& Required<Pick<SegmentedControlProps<Type, string>, 'type'>>\n\nconst Item = forwardRef<HTMLButtonElement, ItemProps<SegmentedControlType>>(function Item({\n  children,\n  type,\n  leftContent,\n  rightContent,\n  ...rest\n}, forwardedRef) {\n  const { setSelectedElement } = useSegmentedControlItemListContext('SegmentedControlItem')\n\n  const checked = type === 'radiogroup'\n    ? (rest as ItemProps<typeof type>)?.['data-state'] === 'checked'\n    : (rest as ItemProps<typeof type>)?.['data-state'] === 'active'\n\n  const ref = useMergeRefs(\n    forwardedRef,\n    useCallback((node: HTMLButtonElement | null) => {\n      if (checked) {\n        setSelectedElement(node)\n      }\n    }, [\n      checked,\n      setSelectedElement,\n    ]),\n  )\n\n  return (\n    <Styled.Item\n      {...rest}\n      ref={ref}\n      type=\"button\"\n      data-checked={ariaAttr(checked)}\n    >\n      <Styled.ItemContainer>\n        { leftContent }\n        <Styled.ItemLabel>\n          { children }\n        </Styled.ItemLabel>\n        { rightContent }\n      </Styled.ItemContainer>\n    </Styled.Item>\n  )\n})\n\nfunction SegmentedControlItemImpl<Value extends string>({\n  children,\n  ...rest\n}: SegmentedControlItemProps<Value>, forwardedRef: React.Ref<HTMLButtonElement>) {\n  const { type } = useSegmentedControlContext('SegmentedControlItem')\n\n  const SegmentedControlItem = type === 'radiogroup'\n    ? RadioGroupPrimitive.Item\n    : TabsPrimitive.Trigger\n\n  return (\n    <SegmentedControlItem\n      asChild\n      ref={forwardedRef}\n      {...rest}\n    >\n      <Item type={type}>\n        { children }\n      </Item>\n    </SegmentedControlItem>\n  )\n}\n\n/**\n * `SegmentedControlItem` component is each item in `SegmentedControl`.\n *\n * If the type of `SegmentedControl` is `radiogroup`, this component acts as a radio item.\n * In this case, it must be used as a child of `SegmentedControl`.\n *\n * If the type of `SegmentedControl` is `tabs`, this component acts as a tab item.\n * In this case, it must be used as a child of `SegmentedControlTabList`.\n */\nexport const SegmentedControlItem = forwardRef(SegmentedControlItemImpl) as <Value extends string>(\n  props: SegmentedControlItemProps<Value> & { ref?: React.ForwardedRef<HTMLButtonElement> }\n) => JSX.Element\n"],"names":["Item","forwardRef","_a","forwardedRef","children","type","leftContent","rightContent","rest","__rest","setSelectedElement","useSegmentedControlItemListContext","checked","ref","useMergeRefs","useCallback","node","React","createElement","Styled","Object","assign","ariaAttr","SegmentedControlItemImpl","useSegmentedControlContext","SegmentedControlItem","RadioGroupPrimitive","TabsPrimitive","asChild"],"mappings":";;;;;;;;;AAmCA,MAAMA,IAAI,GAAGC,UAAU,CAAqD,SAASD,IAAI,CAACE,EAMzF,EAAEC,YAAY,EAAA;EAN2E,IAAA;MACxFC,QAAQ;MACRC,IAAI;MACJC,WAAW;AACXC,MAAAA,YAAAA;AAAY,KAAA,GAAAL,EAEb;AADIM,IAAAA,IAAI,GALiFC,MAAA,CAAAP,EAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,aAAA,EAAA,cAAA,CAMzF,CADQ,CAAA;EAEP,MAAM;AAAEQ,IAAAA,kBAAAA;AAAoB,GAAA,GAAGC,kCAAkC,CAAC,sBAAsB,CAAC,CAAA;EAEzF,MAAMC,OAAO,GAAGP,IAAI,KAAK,YAAY,GACjC,CAACG,IAA+B,KAA/B,IAAA,IAAAA,IAAI,KAAJ,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,IAAI,CAA8B,YAAY,CAAC,MAAK,SAAS,GAC9D,CAACA,IAA+B,KAAA,IAAA,IAA/BA,IAAI,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAJA,IAAI,CAA8B,YAAY,CAAC,MAAK,QAAQ,CAAA;EAEjE,MAAMK,GAAG,GAAGC,YAAY,CACtBX,YAAY,EACZY,WAAW,CAAEC,IAA8B,IAAI;AAC7C,IAAA,IAAIJ,OAAO,EAAE;MACXF,kBAAkB,CAACM,IAAI,CAAC,CAAA;AACzB,KAAA;AACH,GAAC,EAAE,CACDJ,OAAO,EACPF,kBAAkB,CACnB,CAAC,CACH,CAAA;AAED,EAAA,OACEO,UAAC,CAAAC,aAAA,CAAAC,MAAW,EAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,EACNb,IAAI,EACR;AAAAK,IAAAA,GAAG,EAAEA,GAAG;AACRR,IAAAA,IAAI,EAAC,QAAQ;oBACCiB,QAAQ,CAACV,OAAO,CAAA;AAAC,GAAA,CAAA,EAE/BK,UAAC,CAAAC,aAAA,CAAAC,aAAoB,EAAA,IAAA,EACjBb,WAAW,EACbW,UAAA,CAAAC,aAAA,CAACC,SAAgB,EAAA,IAAA,EACbf,QAAQ,CACO,EACjBG,YAAY,CACO,CACX,CAAA;AAElB,CAAC,CAAC,CAAA;AAEF,SAASgB,wBAAwB,CAAuBrB,EAGrB,EAAEC,YAA0C,EAAA;EAHvB,IAAA;AACtDC,MAAAA,QAAAA;AAEiC,KAAA,GAAAF,EAAA;IAD9BM,IAAI,GAAAC,MAAA,CAAAP,EAAA,EAF+C,YAGvD,CADQ,CAAA;EAEP,MAAM;AAAEG,IAAAA,IAAAA;AAAM,GAAA,GAAGmB,0BAA0B,CAAC,sBAAsB,CAAC,CAAA;AAEnE,EAAA,MAAMC,oBAAoB,GAAGpB,IAAI,KAAK,YAAY,GAC9CqB,yCAAwB,GACxBC,yCAAqB,CAAA;EAEzB,OACEV,UAAC,CAAAC,aAAA,CAAAO,oBAAoB,EACnBL,MAAA,CAAAC,MAAA,CAAA;AAAAO,IAAAA,OAAO;AACPf,IAAAA,GAAG,EAAEV,YAAAA;GAAY,EACbK,IAAI,CAAA,EAERS,UAAC,CAAAC,aAAA,CAAAlB,IAAI,EAAC;AAAAK,IAAAA,IAAI,EAAEA,IAAAA;KACRD,QAAQ,CACL,CACc,CAAA;AAE3B,CAAA;AAEA;;;;;;;;AAQG;MACUqB,oBAAoB,GAAGxB,UAAU,CAACsB,wBAAwB;;;;"}

package/build/src/components/Forms/Slider/Slider.js

@@ -1,5 +1,5 @@
 import { __rest } from '../../../../node_modules/tslib/tslib.es6.js';
-import React__default, { forwardRef, useState, useEffect, useCallback } from 'react';
+import e__default, { forwardRef, useState, useEffect, useCallback } from 'react';
 import { Root as $faa2e61a3361514f$export$be92b6f5f03c0fe9, Track as $faa2e61a3361514f$export$13921ac0cc260818, Range as $faa2e61a3361514f$export$9a58ef0d7ad3278c, Thumb as $faa2e61a3361514f$export$6521433ed15a34db } from '../../../../node_modules/@radix-ui/react-slider/dist/index.module.js';
 import { noop } from '../../../utils/functionUtils.js';
 import { SliderRoot, SliderTrack, SliderRange, SliderGuide, SliderThumb } from './Slider.styled.js';
@@ -43,7 +43,7 @@ const Slider = forwardRef(function Slider(_a, forwardedRef) {
       onThumbPointerUp(currentValue);
     }
   }, [disabled, onThumbPointerUp, currentValue]);
-  return React__default.createElement($faa2e61a3361514f$export$be92b6f5f03c0fe9, {
+  return e__default.createElement($faa2e61a3361514f$export$be92b6f5f03c0fe9, {
     asChild: true,
     defaultValue: defaultValue,
     value: currentValue,
@@ -53,27 +53,27 @@ const Slider = forwardRef(function Slider(_a, forwardedRef) {
     step: step,
     onValueChange: handleValueChange,
     minStepsBetweenThumbs: minStepsBetweenThumbs
-  }, React__default.createElement(SliderRoot, Object.assign({
+  }, e__default.createElement(SliderRoot, Object.assign({
     width: width,
     disabled: disabled,
     ref: forwardedRef,
     "data-testid": SLIDER_TEST_ID
-  }, rest), React__default.createElement($faa2e61a3361514f$export$13921ac0cc260818, {
+  }, rest), e__default.createElement($faa2e61a3361514f$export$13921ac0cc260818, {
     asChild: true
-  }, React__default.createElement(SliderTrack, null, React__default.createElement($faa2e61a3361514f$export$9a58ef0d7ad3278c, {
+  }, e__default.createElement(SliderTrack, null, e__default.createElement($faa2e61a3361514f$export$9a58ef0d7ad3278c, {
     asChild: true
-  }, React__default.createElement(SliderRange, null)))), guide === null || guide === void 0 ? void 0 : guide.map(guideValue => React__default.createElement(SliderGuide, {
+  }, e__default.createElement(SliderRange, null)))), guide === null || guide === void 0 ? void 0 : guide.map(guideValue => e__default.createElement(SliderGuide, {
     key: `slider-guide-${guideValue}`,
     min: min,
     max: max,
     guideValue: guideValue
-  })), currentValue.map((v, i) => React__default.createElement($faa2e61a3361514f$export$6521433ed15a34db, {
+  })), currentValue.map((v, i) => e__default.createElement($faa2e61a3361514f$export$6521433ed15a34db, {
     asChild: true,
     // eslint-disable-next-line react/no-array-index-key
     key: `slider-thumb-${i}`,
     onPointerDown: handlePointerDown,
     onPointerUp: handlePointerUp
-  }, React__default.createElement(SliderThumb, {
+  }, e__default.createElement(SliderThumb, {
     "data-testid": SLIDER_THUMB_TEST_ID
   })))));
 });

package/build/src/components/Forms/Slider/Slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.js","sources":["../../../../../src/components/Forms/Slider/Slider.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useState,\n} from 'react'\n\nimport * as SliderPrimitive from '@radix-ui/react-slider'\n\nimport { noop } from '~/src/utils/functionUtils'\n\nimport type SliderProps from './Slider.types'\n\nimport * as Styled from './Slider.styled'\n\nexport const SLIDER_TEST_ID = 'bezier-react-slider'\nexport const SLIDER_THUMB_TEST_ID = 'bezier-react-slider-thumb'\n\nexport const Slider = forwardRef(function Slider(\n  {\n    width = 36,\n    guide,\n    onThumbPointerDown = noop,\n    onThumbPointerUp = noop,\n    defaultValue = [5],\n    value,\n    disabled = false,\n    min = 0,\n    max = 10,\n    step = 1,\n    onValueChange = noop,\n    minStepsBetweenThumbs = 0,\n    ...rest\n  }: SliderProps,\n  forwardedRef: React.Ref<HTMLDivElement>,\n) {\n  const [currentValue, setCurrentValue] = useState<number[]>(value ?? defaultValue)\n\n  useEffect(function updateCurrentValue() {\n    if (value) {\n      setCurrentValue(value)\n      onValueChange(value)\n    }\n  }, [\n    value,\n    onValueChange,\n  ])\n\n  const handleValueChange: (value: number[]) => void = useCallback((_value) => {\n    setCurrentValue(_value)\n    onValueChange(_value)\n  }, [onValueChange])\n\n  const handlePointerDown: React.PointerEventHandler<HTMLElement> = useCallback(() => {\n    if (!disabled) {\n      onThumbPointerDown(currentValue)\n    }\n  }, [\n    disabled,\n    onThumbPointerDown,\n    currentValue,\n  ])\n\n  const handlePointerUp: React.PointerEventHandler<HTMLElement> = useCallback(() => {\n    if (!disabled) {\n      onThumbPointerUp(currentValue)\n    }\n  }, [\n    disabled,\n    onThumbPointerUp,\n    currentValue,\n  ])\n\n  return (\n    <SliderPrimitive.Root\n      asChild\n      defaultValue={defaultValue}\n      value={currentValue}\n      disabled={disabled}\n      min={min}\n      max={max}\n      step={step}\n      onValueChange={handleValueChange}\n      minStepsBetweenThumbs={minStepsBetweenThumbs}\n    >\n      <Styled.SliderRoot\n        width={width}\n        disabled={disabled}\n        ref={forwardedRef}\n        data-testid={SLIDER_TEST_ID}\n        {...rest}\n      >\n        <SliderPrimitive.Track asChild>\n          <Styled.SliderTrack>\n            <SliderPrimitive.Range asChild>\n              <Styled.SliderRange />\n            </SliderPrimitive.Range>\n          </Styled.SliderTrack>\n        </SliderPrimitive.Track>\n        { guide?.map((guideValue) => (\n          <Styled.SliderGuide\n            key={`slider-guide-${guideValue}`}\n            min={min}\n            max={max}\n            guideValue={guideValue}\n          />\n        )) }\n        { currentValue.map((v, i) => (\n          <SliderPrimitive.Thumb\n            asChild\n            // eslint-disable-next-line react/no-array-index-key\n            key={`slider-thumb-${i}`}\n            onPointerDown={handlePointerDown}\n            onPointerUp={handlePointerUp}\n          >\n            <Styled.SliderThumb\n              data-testid={SLIDER_THUMB_TEST_ID}\n            />\n          </SliderPrimitive.Thumb>\n        )) }\n      </Styled.SliderRoot>\n    </SliderPrimitive.Root>\n  )\n})\n"],"names":["SLIDER_TEST_ID","SLIDER_THUMB_TEST_ID","Slider","forwardRef","_a","forwardedRef","width","guide","onThumbPointerDown","noop","onThumbPointerUp","defaultValue","value","disabled","min","max","step","onValueChange","minStepsBetweenThumbs","rest","__rest","currentValue","setCurrentValue","useState","useEffect","updateCurrentValue","handleValueChange","useCallback","_value","handlePointerDown","handlePointerUp","React","createElement","SliderPrimitive","asChild","Styled","ref","map","guideValue","key","v","i","onPointerDown","onPointerUp"],"mappings":"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"}
+{"version":3,"file":"Slider.js","sources":["../../../../../src/components/Forms/Slider/Slider.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useState,\n} from 'react'\n\nimport * as SliderPrimitive from '@radix-ui/react-slider'\n\nimport { noop } from '~/src/utils/functionUtils'\n\nimport type SliderProps from './Slider.types'\n\nimport * as Styled from './Slider.styled'\n\nexport const SLIDER_TEST_ID = 'bezier-react-slider'\nexport const SLIDER_THUMB_TEST_ID = 'bezier-react-slider-thumb'\n\nexport const Slider = forwardRef(function Slider(\n  {\n    width = 36,\n    guide,\n    onThumbPointerDown = noop,\n    onThumbPointerUp = noop,\n    defaultValue = [5],\n    value,\n    disabled = false,\n    min = 0,\n    max = 10,\n    step = 1,\n    onValueChange = noop,\n    minStepsBetweenThumbs = 0,\n    ...rest\n  }: SliderProps,\n  forwardedRef: React.Ref<HTMLDivElement>,\n) {\n  const [currentValue, setCurrentValue] = useState<number[]>(value ?? defaultValue)\n\n  useEffect(function updateCurrentValue() {\n    if (value) {\n      setCurrentValue(value)\n      onValueChange(value)\n    }\n  }, [\n    value,\n    onValueChange,\n  ])\n\n  const handleValueChange: (value: number[]) => void = useCallback((_value) => {\n    setCurrentValue(_value)\n    onValueChange(_value)\n  }, [onValueChange])\n\n  const handlePointerDown: React.PointerEventHandler<HTMLElement> = useCallback(() => {\n    if (!disabled) {\n      onThumbPointerDown(currentValue)\n    }\n  }, [\n    disabled,\n    onThumbPointerDown,\n    currentValue,\n  ])\n\n  const handlePointerUp: React.PointerEventHandler<HTMLElement> = useCallback(() => {\n    if (!disabled) {\n      onThumbPointerUp(currentValue)\n    }\n  }, [\n    disabled,\n    onThumbPointerUp,\n    currentValue,\n  ])\n\n  return (\n    <SliderPrimitive.Root\n      asChild\n      defaultValue={defaultValue}\n      value={currentValue}\n      disabled={disabled}\n      min={min}\n      max={max}\n      step={step}\n      onValueChange={handleValueChange}\n      minStepsBetweenThumbs={minStepsBetweenThumbs}\n    >\n      <Styled.SliderRoot\n        width={width}\n        disabled={disabled}\n        ref={forwardedRef}\n        data-testid={SLIDER_TEST_ID}\n        {...rest}\n      >\n        <SliderPrimitive.Track asChild>\n          <Styled.SliderTrack>\n            <SliderPrimitive.Range asChild>\n              <Styled.SliderRange />\n            </SliderPrimitive.Range>\n          </Styled.SliderTrack>\n        </SliderPrimitive.Track>\n        { guide?.map((guideValue) => (\n          <Styled.SliderGuide\n            key={`slider-guide-${guideValue}`}\n            min={min}\n            max={max}\n            guideValue={guideValue}\n          />\n        )) }\n        { currentValue.map((v, i) => (\n          <SliderPrimitive.Thumb\n            asChild\n            // eslint-disable-next-line react/no-array-index-key\n            key={`slider-thumb-${i}`}\n            onPointerDown={handlePointerDown}\n            onPointerUp={handlePointerUp}\n          >\n            <Styled.SliderThumb\n              data-testid={SLIDER_THUMB_TEST_ID}\n            />\n          </SliderPrimitive.Thumb>\n        )) }\n      </Styled.SliderRoot>\n    </SliderPrimitive.Root>\n  )\n})\n"],"names":["SLIDER_TEST_ID","SLIDER_THUMB_TEST_ID","Slider","forwardRef","_a","forwardedRef","width","guide","onThumbPointerDown","noop","onThumbPointerUp","defaultValue","value","disabled","min","max","step","onValueChange","minStepsBetweenThumbs","rest","__rest","currentValue","setCurrentValue","useState","useEffect","updateCurrentValue","handleValueChange","useCallback","_value","handlePointerDown","handlePointerUp","React","createElement","SliderPrimitive","asChild","Styled","ref","map","guideValue","key","v","i","onPointerDown","onPointerUp"],"mappings":"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"}

package/build/src/components/Forms/Switch/Switch.js

@@ -1,5 +1,5 @@
 import { __rest } from '../../../../node_modules/tslib/tslib.es6.js';
-import React__default, { forwardRef } from 'react';
+import e__default, { forwardRef } from 'react';
 import { Root as $6be4966fd9bbc698$export$be92b6f5f03c0fe9, Thumb as $6be4966fd9bbc698$export$6521433ed15a34db } from '../../../../node_modules/@radix-ui/react-switch/dist/index.module.js';
 import useFormFieldProps from '../useFormFieldProps.js';
 import { SwitchSize } from './Switch.types.js';
@@ -23,20 +23,20 @@ const Switch = forwardRef(function Switch(_a, forwardedRef) {
       required
     } = _b,
     ownProps = __rest(_b, ["disabled", "required"]);
-  return React__default.createElement($6be4966fd9bbc698$export$be92b6f5f03c0fe9, Object.assign({
+  return e__default.createElement($6be4966fd9bbc698$export$be92b6f5f03c0fe9, Object.assign({
     asChild: true,
     checked: checked,
     defaultChecked: defaultChecked,
     onCheckedChange: onCheckedChange,
     required: required,
     disabled: disabled
-  }, ownProps), React__default.createElement(SwitchRoot, {
+  }, ownProps), e__default.createElement(SwitchRoot, {
     ref: forwardedRef,
     size: size,
     "data-testid": testId
-  }, React__default.createElement($6be4966fd9bbc698$export$6521433ed15a34db, {
+  }, e__default.createElement($6be4966fd9bbc698$export$6521433ed15a34db, {
     asChild: true
-  }, React__default.createElement(SwitchThumb, {
+  }, e__default.createElement(SwitchThumb, {
     size: size,
     "data-testid": handleTestId
   }))));

package/build/src/components/Forms/Switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","sources":["../../../../../src/components/Forms/Switch/Switch.tsx"],"sourcesContent":["import React, {\n  type ReactElement,\n  type Ref,\n  forwardRef,\n} from 'react'\n\nimport * as SwitchPrimitive from '@radix-ui/react-switch'\n\nimport useFormFieldProps from '~/src/components/Forms/useFormFieldProps'\n\nimport type SwitchProps from './Switch.types'\nimport { SwitchSize } from './Switch.types'\n\nimport * as Styled from './Switch.styled'\n\nexport const SWITCH_TEST_ID = 'bezier-react-switch'\nexport const SWITCH_HANDLE_TEST_ID = 'bezier-react-switch-handle'\n\nexport const Switch = forwardRef(function Switch(\n  {\n    testId = SWITCH_TEST_ID,\n    handleTestId = SWITCH_HANDLE_TEST_ID,\n    checked,\n    defaultChecked = false,\n    onCheckedChange,\n    size = SwitchSize.M,\n    ...rest\n  }: SwitchProps,\n  forwardedRef: Ref<HTMLButtonElement>,\n): ReactElement {\n  const {\n    disabled,\n    required,\n    ...ownProps\n  } = useFormFieldProps(rest)\n\n  return (\n    <SwitchPrimitive.Root\n      asChild\n      checked={checked}\n      defaultChecked={defaultChecked}\n      onCheckedChange={onCheckedChange}\n      required={required}\n      disabled={disabled}\n      {...ownProps}\n    >\n      <Styled.SwitchRoot\n        ref={forwardedRef}\n        size={size}\n        data-testid={testId}\n      >\n        <SwitchPrimitive.Thumb asChild>\n          <Styled.SwitchThumb\n            size={size}\n            data-testid={handleTestId}\n          />\n        </SwitchPrimitive.Thumb>\n      </Styled.SwitchRoot>\n    </SwitchPrimitive.Root>\n  )\n})\n"],"names":["SWITCH_TEST_ID","SWITCH_HANDLE_TEST_ID","Switch","forwardRef","_a","forwardedRef","testId","handleTestId","checked","defaultChecked","onCheckedChange","size","SwitchSize","M","rest","__rest","_b","useFormFieldProps","disabled","required","ownProps","React","createElement","SwitchPrimitive","Object","assign","asChild","Styled","ref"],"mappings":";;;;;;;AAeO,MAAMA,cAAc,GAAG,sBAAqB;AAC5C,MAAMC,qBAAqB,GAAG,6BAA4B;AAE1D,MAAMC,MAAM,GAAGC,UAAU,CAAC,SAASD,MAAM,CAC9CE,EAQc,EACdC,YAAoC,EAAA;MATpC;AACEC,MAAAA,MAAM,GAAGN,cAAc;AACvBO,MAAAA,YAAY,GAAGN,qBAAqB;MACpCO,OAAO;AACPC,MAAAA,cAAc,GAAG,KAAK;MACtBC,eAAe;MACfC,IAAI,GAAGC,UAAU,CAACC,CAAAA;AAAC,KAAA,GAAAT,EAEP;AADTU,IAAAA,IAAI,GAPTC,MAAA,CAAAX,EAAA,EAAA,CAAA,QAAA,EAAA,cAAA,EAAA,SAAA,EAAA,gBAAA,EAAA,iBAAA,EAAA,MAAA,CAQC,CADQ,CAAA;AAIT,EAAA,MAAMY,KAIFC,iBAAiB,CAACH,IAAI,CAAC;AAJrB,IAAA;MACJI,QAAQ;AACRC,MAAAA,QAAAA;UAEyB;IADtBC,QAAQ,GAHPL,MAAA,CAAAC,EAAA,EAAA,CAAA,UAAA,EAAA,UAAA,CAIL,CAA0B,CAAA;EAE3B,OACEK,cAAA,CAAAC,aAAA,CAACC,yCAAoB,EAAAC,MAAA,CAAAC,MAAA,CAAA;AACnBC,IAAAA,OAAO,EAAA,IAAA;AACPlB,IAAAA,OAAO,EAAEA,OAAO;AAChBC,IAAAA,cAAc,EAAEA,cAAc;AAC9BC,IAAAA,eAAe,EAAEA,eAAe;AAChCS,IAAAA,QAAQ,EAAEA,QAAQ;AAClBD,IAAAA,QAAQ,EAAEA,QAAAA;GAAQ,EACdE,QAAQ,CAAA,EAEZC,cAAA,CAAAC,aAAA,CAACK,UAAiB,EAAA;AAChBC,IAAAA,GAAG,EAAEvB,YAAY;AACjBM,IAAAA,IAAI,EAAEA,IAAI;AAAA,IAAA,aAAA,EACGL,MAAAA;GAAM,EAEnBe,cAAA,CAAAC,aAAA,CAACC,yCAAqB,EAAA;AAACG,IAAAA,OAAO,EAAA,IAAA;GAAA,EAC5BL,cAAA,CAAAC,aAAA,CAACK,WAAkB,EAAA;AACjBhB,IAAAA,IAAI,EAAEA,IAAI;AACG,IAAA,aAAA,EAAAJ,YAAAA;GACb,CAAA,CACoB,CACN,CACC,CAAA;AAE3B,CAAC;;;;"}
+{"version":3,"file":"Switch.js","sources":["../../../../../src/components/Forms/Switch/Switch.tsx"],"sourcesContent":["import React, {\n  type ReactElement,\n  type Ref,\n  forwardRef,\n} from 'react'\n\nimport * as SwitchPrimitive from '@radix-ui/react-switch'\n\nimport useFormFieldProps from '~/src/components/Forms/useFormFieldProps'\n\nimport type SwitchProps from './Switch.types'\nimport { SwitchSize } from './Switch.types'\n\nimport * as Styled from './Switch.styled'\n\nexport const SWITCH_TEST_ID = 'bezier-react-switch'\nexport const SWITCH_HANDLE_TEST_ID = 'bezier-react-switch-handle'\n\nexport const Switch = forwardRef(function Switch(\n  {\n    testId = SWITCH_TEST_ID,\n    handleTestId = SWITCH_HANDLE_TEST_ID,\n    checked,\n    defaultChecked = false,\n    onCheckedChange,\n    size = SwitchSize.M,\n    ...rest\n  }: SwitchProps,\n  forwardedRef: Ref<HTMLButtonElement>,\n): ReactElement {\n  const {\n    disabled,\n    required,\n    ...ownProps\n  } = useFormFieldProps(rest)\n\n  return (\n    <SwitchPrimitive.Root\n      asChild\n      checked={checked}\n      defaultChecked={defaultChecked}\n      onCheckedChange={onCheckedChange}\n      required={required}\n      disabled={disabled}\n      {...ownProps}\n    >\n      <Styled.SwitchRoot\n        ref={forwardedRef}\n        size={size}\n        data-testid={testId}\n      >\n        <SwitchPrimitive.Thumb asChild>\n          <Styled.SwitchThumb\n            size={size}\n            data-testid={handleTestId}\n          />\n        </SwitchPrimitive.Thumb>\n      </Styled.SwitchRoot>\n    </SwitchPrimitive.Root>\n  )\n})\n"],"names":["SWITCH_TEST_ID","SWITCH_HANDLE_TEST_ID","Switch","forwardRef","_a","forwardedRef","testId","handleTestId","checked","defaultChecked","onCheckedChange","size","SwitchSize","M","rest","__rest","_b","useFormFieldProps","disabled","required","ownProps","React","createElement","SwitchPrimitive","Object","assign","asChild","Styled","ref"],"mappings":";;;;;;;AAeO,MAAMA,cAAc,GAAG,sBAAqB;AAC5C,MAAMC,qBAAqB,GAAG,6BAA4B;AAE1D,MAAMC,MAAM,GAAGC,UAAU,CAAC,SAASD,MAAM,CAC9CE,EAQc,EACdC,YAAoC,EAAA;MATpC;AACEC,MAAAA,MAAM,GAAGN,cAAc;AACvBO,MAAAA,YAAY,GAAGN,qBAAqB;MACpCO,OAAO;AACPC,MAAAA,cAAc,GAAG,KAAK;MACtBC,eAAe;MACfC,IAAI,GAAGC,UAAU,CAACC,CAAAA;AAAC,KAAA,GAAAT,EAEP;AADTU,IAAAA,IAAI,GAPTC,MAAA,CAAAX,EAAA,EAAA,CAAA,QAAA,EAAA,cAAA,EAAA,SAAA,EAAA,gBAAA,EAAA,iBAAA,EAAA,MAAA,CAQC,CADQ,CAAA;AAIT,EAAA,MAAMY,KAIFC,iBAAiB,CAACH,IAAI,CAAC;AAJrB,IAAA;MACJI,QAAQ;AACRC,MAAAA,QAAAA;UAEyB;IADtBC,QAAQ,GAHPL,MAAA,CAAAC,EAAA,EAAA,CAAA,UAAA,EAAA,UAAA,CAIL,CAA0B,CAAA;EAE3B,OACEK,UAAA,CAAAC,aAAA,CAACC,yCAAoB,EAAAC,MAAA,CAAAC,MAAA,CAAA;AACnBC,IAAAA,OAAO,EAAA,IAAA;AACPlB,IAAAA,OAAO,EAAEA,OAAO;AAChBC,IAAAA,cAAc,EAAEA,cAAc;AAC9BC,IAAAA,eAAe,EAAEA,eAAe;AAChCS,IAAAA,QAAQ,EAAEA,QAAQ;AAClBD,IAAAA,QAAQ,EAAEA,QAAAA;GAAQ,EACdE,QAAQ,CAAA,EAEZC,UAAA,CAAAC,aAAA,CAACK,UAAiB,EAAA;AAChBC,IAAAA,GAAG,EAAEvB,YAAY;AACjBM,IAAAA,IAAI,EAAEA,IAAI;AAAA,IAAA,aAAA,EACGL,MAAAA;GAAM,EAEnBe,UAAA,CAAAC,aAAA,CAACC,yCAAqB,EAAA;AAACG,IAAAA,OAAO,EAAA,IAAA;GAAA,EAC5BL,UAAA,CAAAC,aAAA,CAACK,WAAkB,EAAA;AACjBhB,IAAAA,IAAI,EAAEA,IAAI;AACG,IAAA,aAAA,EAAAJ,YAAAA;GACb,CAAA,CACoB,CACN,CACC,CAAA;AAE3B,CAAC;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Help.d.ts","sourceRoot":"","sources":["../../../../src/components/Help/Help.tsx"],"names":[],"mappings":";AASA,OAAO,KAAK,SAAS,MAAM,cAAc,CAAA;AAIzC,eAAO,MAAM,YAAY,sBAAsB,CAAA;AAC/C,eAAO,MAAM,iBAAiB,SAAS,CAAA;AAEvC,iBAAS,IAAI,CAAC,EACZ,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,SAAS,sBAaX;kBAhBQ,IAAI;;;AAoBb,eAAe,IAAI,CAAA"}
+{"version":3,"file":"Help.d.ts","sourceRoot":"","sources":["../../../../src/components/Help/Help.tsx"],"names":[],"mappings":";AAQA,OAAO,KAAK,SAAS,MAAM,cAAc,CAAA;AAIzC,eAAO,MAAM,YAAY,sBAAsB,CAAA;AAC/C,eAAO,MAAM,iBAAiB,SAAS,CAAA;AAEvC,iBAAS,IAAI,CAAC,EACZ,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,SAAS,sBAaX;kBAhBQ,IAAI;;;AAoBb,eAAe,IAAI,CAAA"}

package/build/src/components/Help/Help.js

@@ -1,9 +1,8 @@
 import { __rest } from '../../../node_modules/tslib/tslib.es6.js';
-import React__default from 'react';
+import e__default from 'react';
+import { H as r } from '../../../node_modules/@channel.io/bezier-icons/dist/react/help-filled.mjs.js';
 import { isEmpty } from '../../utils/typeUtils.js';
 import { Tooltip, Icon } from './Help.styled.js';
-import HelpFilledIcon from '../Icon/generated/HelpFilled.js';
-import '../Icon/generated/index.js';
 import { IconSize } from '../Icon/Icon.types.js';
 
 const HELP_TEST_ID = 'bezier-react-help';
@@ -16,11 +15,11 @@ function Help(_a) {
   if (isEmpty(children)) {
     return null;
   }
-  return React__default.createElement(Tooltip, Object.assign({}, rest, {
+  return e__default.createElement(Tooltip, Object.assign({}, rest, {
     content: children
-  }), React__default.createElement(Icon, {
+  }), e__default.createElement(Icon, {
     testId: HELP_TEST_ID,
-    source: HelpFilledIcon,
+    source: r,
     size: IconSize.XS,
     color: "txt-black-dark"
   }));

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

@@ -1 +1 @@
-{"version":3,"file":"Help.js","sources":["../../../../src/components/Help/Help.tsx"],"sourcesContent":["import React from 'react'\n\nimport { isEmpty } from '~/src/utils/typeUtils'\n\nimport {\n  HelpFilledIcon,\n  IconSize,\n} from '~/src/components/Icon'\n\nimport type HelpProps from './Help.types'\n\nimport * as Styled from './Help.styled'\n\nexport const HELP_TEST_ID = 'bezier-react-help'\nexport const HELP_DISPLAY_NAME = 'Help'\n\nfunction Help({\n  children,\n  ...rest\n}: HelpProps) {\n  if (isEmpty(children)) { return null }\n\n  return (\n    <Styled.Tooltip {...rest} content={children}>\n      <Styled.Icon\n        testId={HELP_TEST_ID}\n        source={HelpFilledIcon}\n        size={IconSize.XS}\n        color=\"txt-black-dark\"\n      />\n    </Styled.Tooltip>\n  )\n}\n\nHelp.displayName = HELP_DISPLAY_NAME\n\nexport default Help\n"],"names":["HELP_TEST_ID","HELP_DISPLAY_NAME","Help","_a","children","rest","__rest","isEmpty","React","createElement","Styled","content","testId","source","HelpFilledIcon","size","IconSize","XS","color","displayName"],"mappings":";;;;;;;;AAaO,MAAMA,YAAY,GAAG,oBAAmB;AACxC,MAAMC,iBAAiB,GAAG,OAAM;AAEvC,SAASC,IAAI,CAACC,EAGF,EAAA;EAHE,IAAA;AACZC,MAAAA,QAAAA;AAEU,KAAA,GAAAD,EAAA;IADPE,IAAI,GAAAC,MAAA,CAAAH,EAAA,EAFK,YAGb,CADQ,CAAA;AAEP,EAAA,IAAII,OAAO,CAACH,QAAQ,CAAC,EAAE;AAAE,IAAA,OAAO,IAAI,CAAA;AAAE,GAAA;AAEtC,EAAA,OACEI,cAAC,CAAAC,aAAA,CAAAC,OAAc,oBAAKL,IAAI,EAAA;AAAEM,IAAAA,OAAO,EAAEP,QAAAA;GAAQ,CAAA,EACzCI,cAAC,CAAAC,aAAA,CAAAC,IAAW,EACV;AAAAE,IAAAA,MAAM,EAAEZ,YAAY;AACpBa,IAAAA,MAAM,EAAEC,cAAc;IACtBC,IAAI,EAAEC,QAAQ,CAACC,EAAE;AACjBC,IAAAA,KAAK,EAAC,gBAAA;AAAgB,GAAA,CACtB,CACa,CAAA;AAErB,CAAA;AAEAhB,IAAI,CAACiB,WAAW,GAAGlB,iBAAiB;;;;"}
+{"version":3,"file":"Help.js","sources":["../../../../src/components/Help/Help.tsx"],"sourcesContent":["import React from 'react'\n\nimport { HelpFilledIcon } from '@channel.io/bezier-icons'\n\nimport { isEmpty } from '~/src/utils/typeUtils'\n\nimport { IconSize } from '~/src/components/Icon'\n\nimport type HelpProps from './Help.types'\n\nimport * as Styled from './Help.styled'\n\nexport const HELP_TEST_ID = 'bezier-react-help'\nexport const HELP_DISPLAY_NAME = 'Help'\n\nfunction Help({\n  children,\n  ...rest\n}: HelpProps) {\n  if (isEmpty(children)) { return null }\n\n  return (\n    <Styled.Tooltip {...rest} content={children}>\n      <Styled.Icon\n        testId={HELP_TEST_ID}\n        source={HelpFilledIcon}\n        size={IconSize.XS}\n        color=\"txt-black-dark\"\n      />\n    </Styled.Tooltip>\n  )\n}\n\nHelp.displayName = HELP_DISPLAY_NAME\n\nexport default Help\n"],"names":["HELP_TEST_ID","HELP_DISPLAY_NAME","Help","_a","children","rest","__rest","isEmpty","React","createElement","Styled","content","testId","source","HelpFilledIcon","size","IconSize","XS","color","displayName"],"mappings":";;;;;;;AAYO,MAAMA,YAAY,GAAG,oBAAmB;AACxC,MAAMC,iBAAiB,GAAG,OAAM;AAEvC,SAASC,IAAI,CAACC,EAGF,EAAA;EAHE,IAAA;AACZC,MAAAA,QAAAA;AAEU,KAAA,GAAAD,EAAA;IADPE,IAAI,GAAAC,MAAA,CAAAH,EAAA,EAFK,YAGb,CADQ,CAAA;AAEP,EAAA,IAAII,OAAO,CAACH,QAAQ,CAAC,EAAE;AAAE,IAAA,OAAO,IAAI,CAAA;AAAE,GAAA;AAEtC,EAAA,OACEI,UAAC,CAAAC,aAAA,CAAAC,OAAc,oBAAKL,IAAI,EAAA;AAAEM,IAAAA,OAAO,EAAEP,QAAAA;GAAQ,CAAA,EACzCI,UAAC,CAAAC,aAAA,CAAAC,IAAW,EACV;AAAAE,IAAAA,MAAM,EAAEZ,YAAY;AACpBa,IAAAA,MAAM,EAAEC,CAAc;IACtBC,IAAI,EAAEC,QAAQ,CAACC,EAAE;AACjBC,IAAAA,KAAK,EAAC,gBAAA;AAAgB,GAAA,CACtB,CACa,CAAA;AAErB,CAAA;AAEAhB,IAAI,CAACiB,WAAW,GAAGlB,iBAAiB;;;;"}

package/build/src/components/Icon/Icon.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 { IconSize } from './Icon.types.js';
 import Styled from './Icon.styled.js';
 
@@ -17,7 +17,7 @@ const Icon = memo(forwardRef(function Icon(_a, forwardedRef) {
       marginLeft = 0
     } = _a,
     rest = __rest(_a, ["source", "className", "color", "testId", "size", "marginTop", "marginRight", "marginBottom", "marginLeft"]);
-  return React__default.createElement(Styled, Object.assign({
+  return e__default.createElement(Styled, Object.assign({
     ref: forwardedRef,
     as: source,
     className: className,

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

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sources":["../../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  memo,\n} from 'react'\n\nimport {\n  type IconProps,\n  IconSize,\n} from './Icon.types'\n\nimport Styled from './Icon.styled'\n\nexport const ICON_TEST_ID = 'bezier-react-icon'\n\nexport const Icon = memo(forwardRef<SVGSVGElement, IconProps>(function Icon({\n  source,\n  className,\n  color,\n  testId = ICON_TEST_ID,\n  size = IconSize.Normal,\n  marginTop = 0,\n  marginRight = 0,\n  marginBottom = 0,\n  marginLeft = 0,\n  ...rest\n}, forwardedRef) {\n  return (\n    <Styled\n      ref={forwardedRef}\n      as={source}\n      className={className}\n      data-testid={testId}\n      color={color}\n      width={size}\n      height={size}\n      margintop={marginTop}\n      marginright={marginRight}\n      marginbottom={marginBottom}\n      marginleft={marginLeft}\n      {...rest}\n    />\n  )\n}))\n"],"names":["ICON_TEST_ID","Icon","memo","forwardRef","_a","forwardedRef","source","className","color","testId","size","IconSize","Normal","marginTop","marginRight","marginBottom","marginLeft","rest","__rest","React","Styled","Object","assign","ref","as","width","height","margintop","marginright","marginbottom","marginleft"],"mappings":";;;;;AAYO,MAAMA,YAAY,GAAG,oBAAmB;AAElCC,MAAAA,IAAI,GAAGC,IAAI,CAACC,UAAU,CAA2B,SAASF,IAAI,CAACG,EAW3E,EAAEC,YAAY,EAAA;EAX6D,IAAA;MAC1EC,MAAM;MACNC,SAAS;MACTC,KAAK;AACLC,MAAAA,MAAM,GAAGT,YAAY;MACrBU,IAAI,GAAGC,QAAQ,CAACC,MAAM;AACtBC,MAAAA,SAAS,GAAG,CAAC;AACbC,MAAAA,WAAW,GAAG,CAAC;AACfC,MAAAA,YAAY,GAAG,CAAC;AAChBC,MAAAA,UAAU,GAAG,CAAA;AAEd,KAAA,GAAAZ,EAAA;IADIa,IAAI,GAAAC,MAAA,CAAAd,EAAA,EAVmE,4GAW3E,CADQ,CAAA;EAEP,OACEe,6BAACC,MAAM,EAAAC,MAAA,CAAAC,MAAA,CAAA;AACLC,IAAAA,GAAG,EAAElB,YAAY;AACjBmB,IAAAA,EAAE,EAAElB,MAAM;AACVC,IAAAA,SAAS,EAAEA,SAAS;AACP,IAAA,aAAA,EAAAE,MAAM;AACnBD,IAAAA,KAAK,EAAEA,KAAK;AACZiB,IAAAA,KAAK,EAAEf,IAAI;AACXgB,IAAAA,MAAM,EAAEhB,IAAI;AACZiB,IAAAA,SAAS,EAAEd,SAAS;AACpBe,IAAAA,WAAW,EAAEd,WAAW;AACxBe,IAAAA,YAAY,EAAEd,YAAY;AAC1Be,IAAAA,UAAU,EAAEd,UAAAA;GACR,EAAAC,IAAI,CACR,CAAA,CAAA;AAEN,CAAC,CAAC;;;;"}
+{"version":3,"file":"Icon.js","sources":["../../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  memo,\n} from 'react'\n\nimport {\n  type IconProps,\n  IconSize,\n} from './Icon.types'\n\nimport Styled from './Icon.styled'\n\nexport const ICON_TEST_ID = 'bezier-react-icon'\n\nexport const Icon = memo(forwardRef<SVGSVGElement, IconProps>(function Icon({\n  source,\n  className,\n  color,\n  testId = ICON_TEST_ID,\n  size = IconSize.Normal,\n  marginTop = 0,\n  marginRight = 0,\n  marginBottom = 0,\n  marginLeft = 0,\n  ...rest\n}, forwardedRef) {\n  return (\n    <Styled\n      ref={forwardedRef}\n      as={source}\n      className={className}\n      data-testid={testId}\n      color={color}\n      width={size}\n      height={size}\n      margintop={marginTop}\n      marginright={marginRight}\n      marginbottom={marginBottom}\n      marginleft={marginLeft}\n      {...rest}\n    />\n  )\n}))\n"],"names":["ICON_TEST_ID","Icon","memo","forwardRef","_a","forwardedRef","source","className","color","testId","size","IconSize","Normal","marginTop","marginRight","marginBottom","marginLeft","rest","__rest","React","Styled","Object","assign","ref","as","width","height","margintop","marginright","marginbottom","marginleft"],"mappings":";;;;;AAYO,MAAMA,YAAY,GAAG,oBAAmB;AAElCC,MAAAA,IAAI,GAAGC,IAAI,CAACC,UAAU,CAA2B,SAASF,IAAI,CAACG,EAW3E,EAAEC,YAAY,EAAA;EAX6D,IAAA;MAC1EC,MAAM;MACNC,SAAS;MACTC,KAAK;AACLC,MAAAA,MAAM,GAAGT,YAAY;MACrBU,IAAI,GAAGC,QAAQ,CAACC,MAAM;AACtBC,MAAAA,SAAS,GAAG,CAAC;AACbC,MAAAA,WAAW,GAAG,CAAC;AACfC,MAAAA,YAAY,GAAG,CAAC;AAChBC,MAAAA,UAAU,GAAG,CAAA;AAEd,KAAA,GAAAZ,EAAA;IADIa,IAAI,GAAAC,MAAA,CAAAd,EAAA,EAVmE,4GAW3E,CADQ,CAAA;EAEP,OACEe,yBAACC,MAAM,EAAAC,MAAA,CAAAC,MAAA,CAAA;AACLC,IAAAA,GAAG,EAAElB,YAAY;AACjBmB,IAAAA,EAAE,EAAElB,MAAM;AACVC,IAAAA,SAAS,EAAEA,SAAS;AACP,IAAA,aAAA,EAAAE,MAAM;AACnBD,IAAAA,KAAK,EAAEA,KAAK;AACZiB,IAAAA,KAAK,EAAEf,IAAI;AACXgB,IAAAA,MAAM,EAAEhB,IAAI;AACZiB,IAAAA,SAAS,EAAEd,SAAS;AACpBe,IAAAA,WAAW,EAAEd,WAAW;AACxBe,IAAAA,YAAY,EAAEd,YAAY;AAC1Be,IAAAA,UAAU,EAAEd,UAAAA;GACR,EAAAC,IAAI,CACR,CAAA,CAAA;AAEN,CAAC,CAAC;;;;"}

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

@@ -12,12 +12,12 @@ export declare enum IconSize {
 interface IconOptions {
     /**
      * Controls which icon should be rendered.
-     *
-     * Use the icon components exported from bezier-react for this prop.
+     * Inject the icon component from the @channel.io/bezier-icons package into this prop.
      *
      * @example
      * ```tsx
-     * import { Icon, HeartFilledIcon } from '@channel.io/bezier-react'
+     * import { HeartFilledIcon } from '@channel.io/bezier-icons'
+     * import { Icon } from '@channel.io/bezier-react'
      *
      * <Icon source={HeartFilledIcon} {...} />
      * ```

package/build/src/components/Icon/Icon.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.types.js","sources":["../../../../src/components/Icon/Icon.types.ts"],"sourcesContent":["import type React from 'react'\n\nimport {\n  type BezierComponentProps,\n  type ColorProps,\n  type SizeProps,\n} from '~/src/types/ComponentProps'\n\nexport enum IconSize {\n  XL = 44,\n  L = 36,\n  Normal = 24,\n  S = 20,\n  XS = 16,\n  XXS = 12,\n  XXXS = 10,\n}\n\ninterface IconOptions {\n  /**\n   * Controls which icon should be rendered.\n   *\n   * Use the icon components exported from bezier-react for this prop.\n   *\n   * @example\n   * ```tsx\n   * import { Icon, HeartFilledIcon } from '@channel.io/bezier-react'\n   *\n   * <Icon source={HeartFilledIcon} {...} />\n   * ```\n   */\n  source: React.ElementType<React.SVGProps<SVGSVGElement>>\n\n  /**\n   * Top margin.\n   *\n   * @default 0\n   */\n  marginTop?: number\n\n  /**\n   * Right margin.\n   *\n   * @default 0\n   */\n  marginRight?: number\n\n  /**\n   * Bottom margin.\n   *\n   * @default 0\n   */\n  marginBottom?: number\n\n  /**\n   * Left margin.\n   *\n   * @default 0\n   */\n  marginLeft?: number\n}\n\nexport interface IconProps extends\n  Omit<BezierComponentProps, 'as'>,\n  SizeProps<IconSize>,\n  ColorProps,\n  Omit<React.HTMLAttributes<SVGSVGElement>, keyof ColorProps>,\n  IconOptions {}\n"],"names":["IconSize"],"mappings":"IAQYA,SAQX;AARD,CAAA,UAAYA,QAAQ,EAAA;EAClBA,QAAA,CAAAA,QAAA,CAAA,IAAA,CAAA,GAAA,EAAA,CAAA,GAAA,IAAO,CAAA;EACPA,QAAA,CAAAA,QAAA,CAAA,GAAA,CAAA,GAAA,EAAA,CAAA,GAAA,GAAM,CAAA;EACNA,QAAA,CAAAA,QAAA,CAAA,QAAA,CAAA,GAAA,EAAA,CAAA,GAAA,QAAW,CAAA;EACXA,QAAA,CAAAA,QAAA,CAAA,GAAA,CAAA,GAAA,EAAA,CAAA,GAAA,GAAM,CAAA;EACNA,QAAA,CAAAA,QAAA,CAAA,IAAA,CAAA,GAAA,EAAA,CAAA,GAAA,IAAO,CAAA;EACPA,QAAA,CAAAA,QAAA,CAAA,KAAA,CAAA,GAAA,EAAA,CAAA,GAAA,KAAQ,CAAA;EACRA,QAAA,CAAAA,QAAA,CAAA,MAAA,CAAA,GAAA,EAAA,CAAA,GAAA,MAAS,CAAA;AACX,CAAC,EARWA,QAAQ,KAARA,QAAQ,GAQnB,EAAA,CAAA,CAAA;;;;"}
+{"version":3,"file":"Icon.types.js","sources":["../../../../src/components/Icon/Icon.types.ts"],"sourcesContent":["import type React from 'react'\n\nimport {\n  type BezierComponentProps,\n  type ColorProps,\n  type SizeProps,\n} from '~/src/types/ComponentProps'\n\nexport enum IconSize {\n  XL = 44,\n  L = 36,\n  Normal = 24,\n  S = 20,\n  XS = 16,\n  XXS = 12,\n  XXXS = 10,\n}\n\ninterface IconOptions {\n  /**\n   * Controls which icon should be rendered.\n   * Inject the icon component from the @channel.io/bezier-icons package into this prop.\n   *\n   * @example\n   * ```tsx\n   * import { HeartFilledIcon } from '@channel.io/bezier-icons'\n   * import { Icon } from '@channel.io/bezier-react'\n   *\n   * <Icon source={HeartFilledIcon} {...} />\n   * ```\n   */\n  source: React.ElementType<React.SVGProps<SVGSVGElement>>\n\n  /**\n   * Top margin.\n   *\n   * @default 0\n   */\n  marginTop?: number\n\n  /**\n   * Right margin.\n   *\n   * @default 0\n   */\n  marginRight?: number\n\n  /**\n   * Bottom margin.\n   *\n   * @default 0\n   */\n  marginBottom?: number\n\n  /**\n   * Left margin.\n   *\n   * @default 0\n   */\n  marginLeft?: number\n}\n\nexport interface IconProps extends\n  Omit<BezierComponentProps, 'as'>,\n  SizeProps<IconSize>,\n  ColorProps,\n  Omit<React.HTMLAttributes<SVGSVGElement>, keyof ColorProps>,\n  IconOptions {}\n"],"names":["IconSize"],"mappings":"IAQYA,SAQX;AARD,CAAA,UAAYA,QAAQ,EAAA;EAClBA,QAAA,CAAAA,QAAA,CAAA,IAAA,CAAA,GAAA,EAAA,CAAA,GAAA,IAAO,CAAA;EACPA,QAAA,CAAAA,QAAA,CAAA,GAAA,CAAA,GAAA,EAAA,CAAA,GAAA,GAAM,CAAA;EACNA,QAAA,CAAAA,QAAA,CAAA,QAAA,CAAA,GAAA,EAAA,CAAA,GAAA,QAAW,CAAA;EACXA,QAAA,CAAAA,QAAA,CAAA,GAAA,CAAA,GAAA,EAAA,CAAA,GAAA,GAAM,CAAA;EACNA,QAAA,CAAAA,QAAA,CAAA,IAAA,CAAA,GAAA,EAAA,CAAA,GAAA,IAAO,CAAA;EACPA,QAAA,CAAAA,QAAA,CAAA,KAAA,CAAA,GAAA,EAAA,CAAA,GAAA,KAAQ,CAAA;EACRA,QAAA,CAAAA,QAAA,CAAA,MAAA,CAAA,GAAA,EAAA,CAAA,GAAA,MAAS,CAAA;AACX,CAAC,EARWA,QAAQ,KAARA,QAAQ,GAQnB,EAAA,CAAA,CAAA;;;;"}

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

@@ -1,9 +1,3 @@
-export * from './generated';
-export { type IconSource, type BezierIcon, isBezierIcon, } from './utils';
 export { Icon } from './Icon';
 export { type IconProps, IconSize, } from './Icon.types';
-/**
- * @deprecated
- */
-export * from './LegacyIcon';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Icon/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAE3B,OAAO,EACL,KAAK,UAAU,EACf,KAAK,UAAU,EACf,YAAY,GACb,MAAM,SAAS,CAAA;AAEhB,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7B,OAAO,EACL,KAAK,SAAS,EACd,QAAQ,GACT,MAAM,cAAc,CAAA;AAErB;;GAEG;AACH,cAAc,cAAc,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7B,OAAO,EACL,KAAK,SAAS,EACd,QAAQ,GACT,MAAM,cAAc,CAAA"}

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

@@ -1,5 +1,5 @@
 import { __rest } from '../../../node_modules/tslib/tslib.es6.js';
-import React__default, { forwardRef } from 'react';
+import e__default, { forwardRef } from 'react';
 import { TEST_ID_MAP } from './KeyValueListItem.const.js';
 import { Wrapper, KeyItemContainer, ValueItemContainer } from './KeyValueListItem.styled.js';
 import KeyItem from './common/KeyItem/KeyItem.js';
@@ -21,22 +21,22 @@ function KeyValueListItem(_a, forwardedRef) {
       onClickValue
     } = _a,
     props = __rest(_a, ["className", "interpolation", "valueWrapperInterpolation", "keyWrapperInterpolation", "keyIcon", "keyContent", "actions", "testId", "children", "onClickKey", "onClickValue"]);
-  return React__default.createElement(Wrapper, Object.assign({
+  return e__default.createElement(Wrapper, Object.assign({
     "data-testid": testId
   }, props, {
     ref: forwardedRef,
     interpolation: interpolation,
     className: className
-  }), React__default.createElement(KeyItemContainer, {
+  }), e__default.createElement(KeyItemContainer, {
     onClick: onClickKey
-  }, React__default.createElement(KeyItem, {
+  }, e__default.createElement(KeyItem, {
     keyIcon: keyIcon,
     interpolation: keyWrapperInterpolation
-  }, keyContent)), React__default.createElement(ValueItemContainer, {
+  }, keyContent)), e__default.createElement(ValueItemContainer, {
     onClick: onClickValue
-  }, React__default.createElement(ValueItem, {
+  }, e__default.createElement(ValueItem, {
     interpolation: valueWrapperInterpolation
-  }, children), React__default.createElement(ItemAction, {
+  }, children), e__default.createElement(ItemAction, {
     actions: actions
   })));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"KeyValueListItem.js","sources":["../../../../src/components/KeyValueListItem/KeyValueListItem.tsx"],"sourcesContent":["import React, {\n  type Ref,\n  forwardRef,\n} from 'react'\n\nimport { TEST_ID_MAP } from './KeyValueListItem.const'\nimport { type KeyValueListItemProps } from './KeyValueListItem.types'\nimport {\n  ItemAction,\n  KeyItem,\n  ValueItem,\n} from './common'\n\nimport * as Styled from './KeyValueListItem.styled'\n\nfunction KeyValueListItem(\n  {\n    className,\n    interpolation,\n    valueWrapperInterpolation,\n    keyWrapperInterpolation,\n    keyIcon,\n    keyContent,\n    actions,\n    testId = TEST_ID_MAP.ROOT,\n    children,\n    onClickKey,\n    onClickValue,\n    ...props\n  }: KeyValueListItemProps,\n  forwardedRef: Ref<HTMLDivElement>,\n) {\n  return (\n    <Styled.Wrapper\n      data-testid={testId}\n      {...props}\n      ref={forwardedRef}\n      interpolation={interpolation}\n      className={className}\n    >\n      <Styled.KeyItemContainer onClick={onClickKey}>\n        <KeyItem\n          keyIcon={keyIcon}\n          interpolation={keyWrapperInterpolation}\n        >\n          { keyContent }\n        </KeyItem>\n      </Styled.KeyItemContainer>\n      <Styled.ValueItemContainer onClick={onClickValue}>\n        <ValueItem interpolation={valueWrapperInterpolation}>\n          { children }\n        </ValueItem>\n        <ItemAction actions={actions} />\n      </Styled.ValueItemContainer>\n    </Styled.Wrapper>\n  )\n}\n\nexport default forwardRef(KeyValueListItem)\n"],"names":["KeyValueListItem","_a","forwardedRef","className","interpolation","valueWrapperInterpolation","keyWrapperInterpolation","keyIcon","keyContent","actions","testId","TEST_ID_MAP","ROOT","children","onClickKey","onClickValue","props","__rest","React","Styled","Object","assign","ref","createElement","onClick","KeyItem","ValueItem","ItemAction","forwardRef"],"mappings":";;;;;;;;AAeA,SAASA,gBAAgB,CACvBC,EAawB,EACxBC,YAAiC,EAAA;EAdjC,IAAA;MACEC,SAAS;MACTC,aAAa;MACbC,yBAAyB;MACzBC,uBAAuB;MACvBC,OAAO;MACPC,UAAU;MACVC,OAAO;MACPC,MAAM,GAAGC,WAAW,CAACC,IAAI;MACzBC,QAAQ;MACRC,UAAU;AACVC,MAAAA,YAAAA;AAEsB,KAAA,GAAAd,EAAA;AADnBe,IAAAA,KAAK,GAAAC,MAAA,CAAAhB,EAAA,EAZV,8KAaC,CADS,CAAA;EAIV,OACEiB,6BAACC,OAAc,EACAC,MAAA,CAAAC,MAAA,CAAA;AAAA,IAAA,aAAA,EAAAX,MAAAA;KACTM,KAAK,EAAA;AACTM,IAAAA,GAAG,EAAEpB,YAAY;AACjBE,IAAAA,aAAa,EAAEA,aAAa;AAC5BD,IAAAA,SAAS,EAAEA,SAAAA;GAAS,CAAA,EAEpBe,cAAA,CAAAK,aAAA,CAACJ,gBAAuB,EAAC;AAAAK,IAAAA,OAAO,EAAEV,UAAAA;AAAU,GAAA,EAC1CI,cAAA,CAAAK,aAAA,CAACE,OAAO,EAAA;AACNlB,IAAAA,OAAO,EAAEA,OAAO;AAChBH,IAAAA,aAAa,EAAEE,uBAAAA;AAAuB,GAAA,EAEpCE,UAAU,CACJ,CACc,EAC1BU,cAAA,CAAAK,aAAA,CAACJ,kBAAyB,EAAC;AAAAK,IAAAA,OAAO,EAAET,YAAAA;AAAY,GAAA,EAC9CG,cAAA,CAAAK,aAAA,CAACG,SAAS,EAAC;AAAAtB,IAAAA,aAAa,EAAEC,yBAAAA;GAAyB,EAC/CQ,QAAQ,CACA,EACZK,cAAC,CAAAK,aAAA,CAAAI,UAAU;AAAClB,IAAAA,OAAO,EAAEA,OAAAA;GAAW,CAAA,CACN,CACb,CAAA;AAErB,CAAA;AAEA,yBAAemB,UAAU,CAAC5B,gBAAgB,CAAC;;;;"}
+{"version":3,"file":"KeyValueListItem.js","sources":["../../../../src/components/KeyValueListItem/KeyValueListItem.tsx"],"sourcesContent":["import React, {\n  type Ref,\n  forwardRef,\n} from 'react'\n\nimport { TEST_ID_MAP } from './KeyValueListItem.const'\nimport { type KeyValueListItemProps } from './KeyValueListItem.types'\nimport {\n  ItemAction,\n  KeyItem,\n  ValueItem,\n} from './common'\n\nimport * as Styled from './KeyValueListItem.styled'\n\nfunction KeyValueListItem(\n  {\n    className,\n    interpolation,\n    valueWrapperInterpolation,\n    keyWrapperInterpolation,\n    keyIcon,\n    keyContent,\n    actions,\n    testId = TEST_ID_MAP.ROOT,\n    children,\n    onClickKey,\n    onClickValue,\n    ...props\n  }: KeyValueListItemProps,\n  forwardedRef: Ref<HTMLDivElement>,\n) {\n  return (\n    <Styled.Wrapper\n      data-testid={testId}\n      {...props}\n      ref={forwardedRef}\n      interpolation={interpolation}\n      className={className}\n    >\n      <Styled.KeyItemContainer onClick={onClickKey}>\n        <KeyItem\n          keyIcon={keyIcon}\n          interpolation={keyWrapperInterpolation}\n        >\n          { keyContent }\n        </KeyItem>\n      </Styled.KeyItemContainer>\n      <Styled.ValueItemContainer onClick={onClickValue}>\n        <ValueItem interpolation={valueWrapperInterpolation}>\n          { children }\n        </ValueItem>\n        <ItemAction actions={actions} />\n      </Styled.ValueItemContainer>\n    </Styled.Wrapper>\n  )\n}\n\nexport default forwardRef(KeyValueListItem)\n"],"names":["KeyValueListItem","_a","forwardedRef","className","interpolation","valueWrapperInterpolation","keyWrapperInterpolation","keyIcon","keyContent","actions","testId","TEST_ID_MAP","ROOT","children","onClickKey","onClickValue","props","__rest","React","Styled","Object","assign","ref","createElement","onClick","KeyItem","ValueItem","ItemAction","forwardRef"],"mappings":";;;;;;;;AAeA,SAASA,gBAAgB,CACvBC,EAawB,EACxBC,YAAiC,EAAA;EAdjC,IAAA;MACEC,SAAS;MACTC,aAAa;MACbC,yBAAyB;MACzBC,uBAAuB;MACvBC,OAAO;MACPC,UAAU;MACVC,OAAO;MACPC,MAAM,GAAGC,WAAW,CAACC,IAAI;MACzBC,QAAQ;MACRC,UAAU;AACVC,MAAAA,YAAAA;AAEsB,KAAA,GAAAd,EAAA;AADnBe,IAAAA,KAAK,GAAAC,MAAA,CAAAhB,EAAA,EAZV,8KAaC,CADS,CAAA;EAIV,OACEiB,yBAACC,OAAc,EACAC,MAAA,CAAAC,MAAA,CAAA;AAAA,IAAA,aAAA,EAAAX,MAAAA;KACTM,KAAK,EAAA;AACTM,IAAAA,GAAG,EAAEpB,YAAY;AACjBE,IAAAA,aAAa,EAAEA,aAAa;AAC5BD,IAAAA,SAAS,EAAEA,SAAAA;GAAS,CAAA,EAEpBe,UAAA,CAAAK,aAAA,CAACJ,gBAAuB,EAAC;AAAAK,IAAAA,OAAO,EAAEV,UAAAA;AAAU,GAAA,EAC1CI,UAAA,CAAAK,aAAA,CAACE,OAAO,EAAA;AACNlB,IAAAA,OAAO,EAAEA,OAAO;AAChBH,IAAAA,aAAa,EAAEE,uBAAAA;AAAuB,GAAA,EAEpCE,UAAU,CACJ,CACc,EAC1BU,UAAA,CAAAK,aAAA,CAACJ,kBAAyB,EAAC;AAAAK,IAAAA,OAAO,EAAET,YAAAA;AAAY,GAAA,EAC9CG,UAAA,CAAAK,aAAA,CAACG,SAAS,EAAC;AAAAtB,IAAAA,aAAa,EAAEC,yBAAAA;GAAyB,EAC/CQ,QAAQ,CACA,EACZK,UAAC,CAAAK,aAAA,CAAAI,UAAU;AAAClB,IAAAA,OAAO,EAAEA,OAAAA;GAAW,CAAA,CACN,CACb,CAAA;AAErB,CAAA;AAEA,yBAAemB,UAAU,CAAC5B,gBAAgB,CAAC;;;;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"KeyValueListItem.types.d.ts","sourceRoot":"","sources":["../../../../src/components/KeyValueListItem/KeyValueListItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EACV,uBAAuB,EACvB,oBAAoB,EACpB,aAAa,EACd,mCAAkC;AAEnC,OAAO,EACL,KAAK,UAAU,EACf,KAAK,QAAQ,EACd,gBAA6B;AAE9B,OAAO,EAAE,KAAK,2BAA2B,EAAE,MAAM,UAAU,CAAA;AAE3D,UAAU,uBAAuB;IAC/B,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,KAAK,CAAC,SAAS,CAAA;IACjD,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,OAAO,CAAC,EAAE,2BAA2B,GAAG,2BAA2B,EAAE,CAAA;CACtE;AAED,MAAM,WAAW,qBAAsB,SACrC,oBAAoB,EACpB,aAAa,EACb,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,uBAAuB,CAAC,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC,EACvD,uBAAuB;IACvB,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAA;IAC1D,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAA;CAC7D"}
+{"version":3,"file":"KeyValueListItem.types.d.ts","sourceRoot":"","sources":["../../../../src/components/KeyValueListItem/KeyValueListItem.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,uBAAuB,EACvB,oBAAoB,EACpB,aAAa,EACd,mCAAkC;AAEnC,OAAO,EAAE,KAAK,2BAA2B,EAAE,MAAM,UAAU,CAAA;AAE3D,UAAU,uBAAuB;IAC/B,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,KAAK,CAAC,SAAS,CAAA;IACjD,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,OAAO,CAAC,EAAE,2BAA2B,GAAG,2BAA2B,EAAE,CAAA;CACtE;AAED,MAAM,WAAW,qBAAsB,SACrC,oBAAoB,EACpB,aAAa,EACb,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,uBAAuB,CAAC,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC,EACvD,uBAAuB;IACvB,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAA;IAC1D,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAA;CAC7D"}

package/build/src/components/KeyValueListItem/KeyValueMultiLineListItem.js

@@ -1,5 +1,5 @@
 import { __rest } from '../../../node_modules/tslib/tslib.es6.js';
-import React__default, { forwardRef } from 'react';
+import e__default, { forwardRef } from 'react';
 import { TEST_ID_MAP } from './KeyValueListItem.const.js';
 import { Wrapper, KeyItemContainer, ValueItemContainer } from './KeyValueMultiLineListItem.styled.js';
 import KeyItem from './common/KeyItem/KeyItem.js';
@@ -21,22 +21,22 @@ function KeyValueMultiLineListItem(_a, forwardedRef) {
       onClickValue
     } = _a,
     props = __rest(_a, ["className", "interpolation", "valueWrapperInterpolation", "keyWrapperInterpolation", "keyIcon", "keyContent", "actions", "testId", "children", "onClickKey", "onClickValue"]);
-  return React__default.createElement(Wrapper, Object.assign({
+  return e__default.createElement(Wrapper, Object.assign({
     "data-testid": testId
   }, props, {
     ref: forwardedRef,
     interpolation: interpolation,
     className: className
-  }), React__default.createElement(KeyItemContainer, {
+  }), e__default.createElement(KeyItemContainer, {
     onClick: onClickKey
-  }, React__default.createElement(KeyItem, {
+  }, e__default.createElement(KeyItem, {
     keyIcon: keyIcon,
     interpolation: keyWrapperInterpolation
-  }, keyContent), React__default.createElement(ItemAction, {
+  }, keyContent), e__default.createElement(ItemAction, {
     actions: actions
-  })), React__default.createElement(ValueItemContainer, {
+  })), e__default.createElement(ValueItemContainer, {
     onClick: onClickValue
-  }, React__default.createElement(ValueItem, {
+  }, e__default.createElement(ValueItem, {
     interpolation: valueWrapperInterpolation,
     multiline: true
   }, children)));

package/build/src/components/KeyValueListItem/KeyValueMultiLineListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"KeyValueMultiLineListItem.js","sources":["../../../../src/components/KeyValueListItem/KeyValueMultiLineListItem.tsx"],"sourcesContent":["import React, {\n  type Ref,\n  forwardRef,\n} from 'react'\n\nimport { TEST_ID_MAP } from './KeyValueListItem.const'\nimport { type KeyValueListItemProps } from './KeyValueListItem.types'\nimport {\n  ItemAction,\n  KeyItem,\n  ValueItem,\n} from './common'\n\nimport * as Styled from './KeyValueMultiLineListItem.styled'\n\nfunction KeyValueMultiLineListItem(\n  {\n    className,\n    interpolation,\n    valueWrapperInterpolation,\n    keyWrapperInterpolation,\n    keyIcon,\n    keyContent,\n    actions,\n    testId = TEST_ID_MAP.MULTILINE_ROOT,\n    children,\n    onClickKey,\n    onClickValue,\n    ...props\n  }: KeyValueListItemProps,\n  forwardedRef: Ref<HTMLDivElement>,\n) {\n  return (\n    <Styled.Wrapper\n      data-testid={testId}\n      {...props}\n      ref={forwardedRef}\n      interpolation={interpolation}\n      className={className}\n    >\n      <Styled.KeyItemContainer onClick={onClickKey}>\n        <KeyItem\n          keyIcon={keyIcon}\n          interpolation={keyWrapperInterpolation}\n        >\n          { keyContent }\n        </KeyItem>\n        <ItemAction actions={actions} />\n      </Styled.KeyItemContainer>\n      <Styled.ValueItemContainer onClick={onClickValue}>\n        <ValueItem interpolation={valueWrapperInterpolation} multiline>\n          { children }\n        </ValueItem>\n      </Styled.ValueItemContainer>\n    </Styled.Wrapper>\n  )\n}\n\nexport default forwardRef(KeyValueMultiLineListItem)\n"],"names":["KeyValueMultiLineListItem","_a","forwardedRef","className","interpolation","valueWrapperInterpolation","keyWrapperInterpolation","keyIcon","keyContent","actions","testId","TEST_ID_MAP","MULTILINE_ROOT","children","onClickKey","onClickValue","props","__rest","React","Styled","Object","assign","ref","createElement","onClick","KeyItem","ItemAction","ValueItem","multiline","forwardRef"],"mappings":";;;;;;;;AAeA,SAASA,yBAAyB,CAChCC,EAawB,EACxBC,YAAiC,EAAA;EAdjC,IAAA;MACEC,SAAS;MACTC,aAAa;MACbC,yBAAyB;MACzBC,uBAAuB;MACvBC,OAAO;MACPC,UAAU;MACVC,OAAO;MACPC,MAAM,GAAGC,WAAW,CAACC,cAAc;MACnCC,QAAQ;MACRC,UAAU;AACVC,MAAAA,YAAAA;AAEsB,KAAA,GAAAd,EAAA;AADnBe,IAAAA,KAAK,GAAAC,MAAA,CAAAhB,EAAA,EAZV,8KAaC,CADS,CAAA;EAIV,OACEiB,6BAACC,OAAc,EACAC,MAAA,CAAAC,MAAA,CAAA;AAAA,IAAA,aAAA,EAAAX,MAAAA;KACTM,KAAK,EAAA;AACTM,IAAAA,GAAG,EAAEpB,YAAY;AACjBE,IAAAA,aAAa,EAAEA,aAAa;AAC5BD,IAAAA,SAAS,EAAEA,SAAAA;GAAS,CAAA,EAEpBe,cAAA,CAAAK,aAAA,CAACJ,gBAAuB,EAAC;AAAAK,IAAAA,OAAO,EAAEV,UAAAA;AAAU,GAAA,EAC1CI,cAAC,CAAAK,aAAA,CAAAE,OAAO,EACN;AAAAlB,IAAAA,OAAO,EAAEA,OAAO;AAChBH,IAAAA,aAAa,EAAEE,uBAAAA;GAEb,EAAAE,UAAU,CACJ,EACVU,cAAA,CAAAK,aAAA,CAACG,UAAU,EAAC;AAAAjB,IAAAA,OAAO,EAAEA,OAAAA;IAAW,CACR,EAC1BS,cAAA,CAAAK,aAAA,CAACJ,kBAAyB,EAAC;AAAAK,IAAAA,OAAO,EAAET,YAAAA;AAAY,GAAA,EAC9CG,cAAA,CAAAK,aAAA,CAACI,SAAS,EAAA;AAACvB,IAAAA,aAAa,EAAEC,yBAAyB;AAAEuB,IAAAA,SAAS,EAAA,IAAA;AAAA,GAAA,EAC1Df,QAAQ,CACA,CACc,CACb,CAAA;AAErB,CAAA;AAEA,kCAAegB,UAAU,CAAC7B,yBAAyB,CAAC;;;;"}
+{"version":3,"file":"KeyValueMultiLineListItem.js","sources":["../../../../src/components/KeyValueListItem/KeyValueMultiLineListItem.tsx"],"sourcesContent":["import React, {\n  type Ref,\n  forwardRef,\n} from 'react'\n\nimport { TEST_ID_MAP } from './KeyValueListItem.const'\nimport { type KeyValueListItemProps } from './KeyValueListItem.types'\nimport {\n  ItemAction,\n  KeyItem,\n  ValueItem,\n} from './common'\n\nimport * as Styled from './KeyValueMultiLineListItem.styled'\n\nfunction KeyValueMultiLineListItem(\n  {\n    className,\n    interpolation,\n    valueWrapperInterpolation,\n    keyWrapperInterpolation,\n    keyIcon,\n    keyContent,\n    actions,\n    testId = TEST_ID_MAP.MULTILINE_ROOT,\n    children,\n    onClickKey,\n    onClickValue,\n    ...props\n  }: KeyValueListItemProps,\n  forwardedRef: Ref<HTMLDivElement>,\n) {\n  return (\n    <Styled.Wrapper\n      data-testid={testId}\n      {...props}\n      ref={forwardedRef}\n      interpolation={interpolation}\n      className={className}\n    >\n      <Styled.KeyItemContainer onClick={onClickKey}>\n        <KeyItem\n          keyIcon={keyIcon}\n          interpolation={keyWrapperInterpolation}\n        >\n          { keyContent }\n        </KeyItem>\n        <ItemAction actions={actions} />\n      </Styled.KeyItemContainer>\n      <Styled.ValueItemContainer onClick={onClickValue}>\n        <ValueItem interpolation={valueWrapperInterpolation} multiline>\n          { children }\n        </ValueItem>\n      </Styled.ValueItemContainer>\n    </Styled.Wrapper>\n  )\n}\n\nexport default forwardRef(KeyValueMultiLineListItem)\n"],"names":["KeyValueMultiLineListItem","_a","forwardedRef","className","interpolation","valueWrapperInterpolation","keyWrapperInterpolation","keyIcon","keyContent","actions","testId","TEST_ID_MAP","MULTILINE_ROOT","children","onClickKey","onClickValue","props","__rest","React","Styled","Object","assign","ref","createElement","onClick","KeyItem","ItemAction","ValueItem","multiline","forwardRef"],"mappings":";;;;;;;;AAeA,SAASA,yBAAyB,CAChCC,EAawB,EACxBC,YAAiC,EAAA;EAdjC,IAAA;MACEC,SAAS;MACTC,aAAa;MACbC,yBAAyB;MACzBC,uBAAuB;MACvBC,OAAO;MACPC,UAAU;MACVC,OAAO;MACPC,MAAM,GAAGC,WAAW,CAACC,cAAc;MACnCC,QAAQ;MACRC,UAAU;AACVC,MAAAA,YAAAA;AAEsB,KAAA,GAAAd,EAAA;AADnBe,IAAAA,KAAK,GAAAC,MAAA,CAAAhB,EAAA,EAZV,8KAaC,CADS,CAAA;EAIV,OACEiB,yBAACC,OAAc,EACAC,MAAA,CAAAC,MAAA,CAAA;AAAA,IAAA,aAAA,EAAAX,MAAAA;KACTM,KAAK,EAAA;AACTM,IAAAA,GAAG,EAAEpB,YAAY;AACjBE,IAAAA,aAAa,EAAEA,aAAa;AAC5BD,IAAAA,SAAS,EAAEA,SAAAA;GAAS,CAAA,EAEpBe,UAAA,CAAAK,aAAA,CAACJ,gBAAuB,EAAC;AAAAK,IAAAA,OAAO,EAAEV,UAAAA;AAAU,GAAA,EAC1CI,UAAC,CAAAK,aAAA,CAAAE,OAAO,EACN;AAAAlB,IAAAA,OAAO,EAAEA,OAAO;AAChBH,IAAAA,aAAa,EAAEE,uBAAAA;GAEb,EAAAE,UAAU,CACJ,EACVU,UAAA,CAAAK,aAAA,CAACG,UAAU,EAAC;AAAAjB,IAAAA,OAAO,EAAEA,OAAAA;IAAW,CACR,EAC1BS,UAAA,CAAAK,aAAA,CAACJ,kBAAyB,EAAC;AAAAK,IAAAA,OAAO,EAAET,YAAAA;AAAY,GAAA,EAC9CG,UAAA,CAAAK,aAAA,CAACI,SAAS,EAAA;AAACvB,IAAAA,aAAa,EAAEC,yBAAyB;AAAEuB,IAAAA,SAAS,EAAA,IAAA;AAAA,GAAA,EAC1Df,QAAQ,CACA,CACc,CACb,CAAA;AAErB,CAAA;AAEA,kCAAegB,UAAU,CAAC7B,yBAAyB,CAAC;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ItemAction.d.ts","sourceRoot":"","sources":["../../../../../../src/components/KeyValueListItem/common/ItemActions/ItemAction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAA;AAkBd,OAAO,EACL,KAAK,eAAe,EAGrB,MAAM,oBAAoB,CAAA;;AA4F3B,wBAA2C"}
+{"version":3,"file":"ItemAction.d.ts","sourceRoot":"","sources":["../../../../../../src/components/KeyValueListItem/common/ItemActions/ItemAction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAA;AAgBd,OAAO,EACL,KAAK,eAAe,EAGrB,MAAM,oBAAoB,CAAA;;AA4F3B,wBAA2C"}

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

@@ -1,25 +1,25 @@
 import { __rest } from '../../../../../node_modules/tslib/tslib.es6.js';
-import React__default, { memo, forwardRef, useCallback, useMemo } from 'react';
+import e__default, { memo, forwardRef, useCallback, useMemo } from 'react';
 import { noop } from '../../../../utils/functionUtils.js';
 import { isBoolean, isEmpty, isNil, isArray } from '../../../../utils/typeUtils.js';
 import { TEST_ID_MAP } from '../../KeyValueListItem.const.js';
 import { ActionIconWrapper, ActionIconTooltip, ItemActionWrapper, ActionLegacyIcon, ActionIcon as ActionIcon$1 } from './ItemAction.styled.js';
 import v4 from '../../../../../node_modules/uuid/dist/esm-browser/v4.js';
 import { IconSize } from '../../../Icon/Icon.types.js';
-import { isIconName } from '../../../Icon/LegacyIcon/utils.js';
+import { isIconName } from '../../../LegacyIcon/utils.js';
 
 function ActionIcon({
   icon,
   iconColor
 }) {
   if (isIconName(icon)) {
-    return React__default.createElement(ActionLegacyIcon, {
+    return e__default.createElement(ActionLegacyIcon, {
       name: icon,
       color: iconColor !== null && iconColor !== void 0 ? iconColor : 'txt-black-dark',
       size: IconSize.XS
     });
   }
-  return React__default.createElement(ActionIcon$1, {
+  return e__default.createElement(ActionIcon$1, {
     source: icon,
     color: iconColor !== null && iconColor !== void 0 ? iconColor : 'txt-black-dark',
     size: IconSize.XS
@@ -34,22 +34,22 @@ function ItemAction(_a, forwardedRef) {
   const renderAction = useCallback((action, key) => {
     var _a, _b, _c;
     if ('icon' in action) {
-      const iconElement = React__default.createElement(ActionIconWrapper, {
+      const iconElement = e__default.createElement(ActionIconWrapper, {
         key: key,
         hoverBackgroundColor: (_a = action.hoverBackgroundColor) !== null && _a !== void 0 ? _a : 'bg-black-lighter',
         hoverIconColor: (_b = action.hoverIconColor) !== null && _b !== void 0 ? _b : 'txt-black-darkest',
         show: isBoolean(action.show) ? action.show : true,
         onClick: (_c = action.onClick) !== null && _c !== void 0 ? _c : noop
-      }, React__default.createElement(ActionIcon, Object.assign({}, action)));
+      }, e__default.createElement(ActionIcon, Object.assign({}, action)));
       if (!isEmpty(action.tooltip)) {
-        return React__default.createElement(ActionIconTooltip, {
+        return e__default.createElement(ActionIconTooltip, {
           key: key,
           content: action.tooltip
         }, iconElement);
       }
       return iconElement;
     }
-    return React__default.cloneElement(action, {
+    return e__default.cloneElement(action, {
       key
     });
   }, []);
@@ -63,7 +63,7 @@ function ItemAction(_a, forwardedRef) {
   if (isNil(actions) || isEmpty(actions)) {
     return null;
   }
-  return React__default.createElement(ItemActionWrapper, Object.assign({
+  return e__default.createElement(ItemActionWrapper, Object.assign({
     "data-testid": testId
   }, props, {
     ref: forwardedRef