@channel.io/bezier-react 1.5.0 → 1.6.0

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

@@ -1,46 +0,0 @@
-import { __rest } from '../../../node_modules/tslib/tslib.es6.js';
-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';
-import ValueItem from './common/ValueItem/ValueItem.js';
-import ItemAction from './common/ItemActions/ItemAction.js';
-
-function KeyValueListItem(_a, forwardedRef) {
-  var {
-      className,
-      interpolation,
-      valueWrapperInterpolation,
-      keyWrapperInterpolation,
-      keyIcon,
-      keyContent,
-      actions,
-      testId = TEST_ID_MAP.ROOT,
-      children,
-      onClickKey,
-      onClickValue
-    } = _a,
-    props = __rest(_a, ["className", "interpolation", "valueWrapperInterpolation", "keyWrapperInterpolation", "keyIcon", "keyContent", "actions", "testId", "children", "onClickKey", "onClickValue"]);
-  return e__default.createElement(Wrapper, Object.assign({
-    "data-testid": testId
-  }, props, {
-    ref: forwardedRef,
-    interpolation: interpolation,
-    className: className
-  }), e__default.createElement(KeyItemContainer, {
-    onClick: onClickKey
-  }, e__default.createElement(KeyItem, {
-    keyIcon: keyIcon,
-    interpolation: keyWrapperInterpolation
-  }, keyContent)), e__default.createElement(ValueItemContainer, {
-    onClick: onClickValue
-  }, e__default.createElement(ValueItem, {
-    interpolation: valueWrapperInterpolation
-  }, children), e__default.createElement(ItemAction, {
-    actions: actions
-  })));
-}
-var KeyValueListItem$1 = forwardRef(KeyValueListItem);
-
-export { KeyValueListItem$1 as default };
-//# sourceMappingURL=KeyValueListItem.js.map

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

@@ -1 +0,0 @@
-{"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.styled.d.ts

@@ -1,16 +0,0 @@
-export declare const Wrapper: import("styled-components").StyledComponent<"div", import("~/src/foundation").Foundation, {
-    foundation?: import("~/src/foundation").Foundation | undefined;
-} & import("../..").InterpolationProps & {
-    foundation?: import("~/src/foundation").Foundation | undefined;
-}, never>;
-export declare const KeyItemContainer: import("styled-components").StyledComponent<"div", import("~/src/foundation").Foundation, {
-    foundation?: import("~/src/foundation").Foundation | undefined;
-} & import("./KeyValueListItem.common.styled").KeyValueListItemContainerProps & {
-    foundation?: import("~/src/foundation").Foundation | undefined;
-}, never>;
-export declare const ValueItemContainer: import("styled-components").StyledComponent<"div", import("~/src/foundation").Foundation, {
-    foundation?: import("~/src/foundation").Foundation | undefined;
-} & import("./KeyValueListItem.common.styled").KeyValueListItemContainerProps & {
-    foundation?: import("~/src/foundation").Foundation | undefined;
-}, never>;
-//# sourceMappingURL=KeyValueListItem.styled.d.ts.map

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

@@ -1,21 +0,0 @@
-import { KeyValueListItemWrapper, KeyValueListItemContainer } from './KeyValueListItem.common.styled.js';
-import { styled as FoundationStyled } from '../../foundation/FoundationStyledComponent.js';
-import { ellipsis } from '../../foundation/Mixins.js';
-
-const Wrapper = FoundationStyled(KeyValueListItemWrapper)`
-  display: flex;
-  align-items: flex-start;
-`;
-const KeyItemContainer = FoundationStyled(KeyValueListItemContainer)`
-  flex: 1;
-  ${ellipsis()};
-`;
-const ValueItemContainer = FoundationStyled(KeyValueListItemContainer)`
-  flex: 2;
-  justify-content: space-between;
-  min-height: 28px;
-  ${ellipsis()};
-`;
-
-export { KeyItemContainer, ValueItemContainer, Wrapper };
-//# sourceMappingURL=KeyValueListItem.styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"KeyValueListItem.styled.js","sources":["../../../../src/components/KeyValueListItem/KeyValueListItem.styled.ts"],"sourcesContent":["import {\n  ellipsis,\n  styled,\n} from '~/src/foundation'\n\nimport {\n  KeyValueListItemContainer,\n  KeyValueListItemWrapper,\n} from './KeyValueListItem.common.styled'\n\nexport const Wrapper = styled(KeyValueListItemWrapper)`\n  display: flex;\n  align-items: flex-start;\n`\n\nexport const KeyItemContainer = styled(KeyValueListItemContainer)`\n  flex: 1;\n  ${ellipsis()};\n`\n\nexport const ValueItemContainer = styled(KeyValueListItemContainer)`\n  flex: 2;\n  justify-content: space-between;\n  min-height: 28px;\n  ${ellipsis()};\n`\n"],"names":["Wrapper","styled","KeyValueListItemWrapper","KeyItemContainer","KeyValueListItemContainer","ellipsis","ValueItemContainer"],"mappings":";;;;MAUaA,OAAO,GAAGC,gBAAM,CAACC,uBAAuB,CAAC,CAAA;;;EAGrD;MAEYC,gBAAgB,GAAGF,gBAAM,CAACG,yBAAyB,CAAC,CAAA;;AAE7D,EAAA,EAAAC,QAAQ,EAAE,CAAA;EACb;MAEYC,kBAAkB,GAAGL,gBAAM,CAACG,yBAAyB,CAAC,CAAA;;;;AAI/D,EAAA,EAAAC,QAAQ,EAAE,CAAA;;;;;"}

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

@@ -1,15 +0,0 @@
-import type React from 'react';
-import { type BezierIcon } from '@channel.io/bezier-icons';
-import type { AdditionalStylableProps, BezierComponentProps, ChildrenProps } from "../../types/ComponentProps";
-import { type KeyValueListItemActionProps } from './common';
-interface KeyValueListItemOptions {
-    keyIcon?: BezierIcon | React.ReactNode;
-    keyContent?: React.ReactNode;
-    actions?: KeyValueListItemActionProps | KeyValueListItemActionProps[];
-}
-export interface KeyValueListItemProps extends BezierComponentProps, ChildrenProps, React.HTMLAttributes<HTMLDivElement>, AdditionalStylableProps<['valueWrapper', 'keyWrapper']>, KeyValueListItemOptions {
-    onClickKey?: (e: React.MouseEvent<HTMLDivElement>) => void;
-    onClickValue?: (e: React.MouseEvent<HTMLDivElement>) => void;
-}
-export {};
-//# sourceMappingURL=KeyValueListItem.types.d.ts.map

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

@@ -1,5 +0,0 @@
-import React from 'react';
-import { type KeyValueListItemProps } from './KeyValueListItem.types';
-declare const _default: React.ForwardRefExoticComponent<KeyValueListItemProps & React.RefAttributes<HTMLDivElement>>;
-export default _default;
-//# sourceMappingURL=KeyValueMultiLineListItem.d.ts.map

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

@@ -1,47 +0,0 @@
-import { __rest } from '../../../node_modules/tslib/tslib.es6.js';
-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';
-import ItemAction from './common/ItemActions/ItemAction.js';
-import ValueItem from './common/ValueItem/ValueItem.js';
-
-function KeyValueMultiLineListItem(_a, forwardedRef) {
-  var {
-      className,
-      interpolation,
-      valueWrapperInterpolation,
-      keyWrapperInterpolation,
-      keyIcon,
-      keyContent,
-      actions,
-      testId = TEST_ID_MAP.MULTILINE_ROOT,
-      children,
-      onClickKey,
-      onClickValue
-    } = _a,
-    props = __rest(_a, ["className", "interpolation", "valueWrapperInterpolation", "keyWrapperInterpolation", "keyIcon", "keyContent", "actions", "testId", "children", "onClickKey", "onClickValue"]);
-  return e__default.createElement(Wrapper, Object.assign({
-    "data-testid": testId
-  }, props, {
-    ref: forwardedRef,
-    interpolation: interpolation,
-    className: className
-  }), e__default.createElement(KeyItemContainer, {
-    onClick: onClickKey
-  }, e__default.createElement(KeyItem, {
-    keyIcon: keyIcon,
-    interpolation: keyWrapperInterpolation
-  }, keyContent), e__default.createElement(ItemAction, {
-    actions: actions
-  })), e__default.createElement(ValueItemContainer, {
-    onClick: onClickValue
-  }, e__default.createElement(ValueItem, {
-    interpolation: valueWrapperInterpolation,
-    multiline: true
-  }, children)));
-}
-var KeyValueMultiLineListItem$1 = forwardRef(KeyValueMultiLineListItem);
-
-export { KeyValueMultiLineListItem$1 as default };
-//# sourceMappingURL=KeyValueMultiLineListItem.js.map

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

@@ -1 +0,0 @@
-{"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/KeyValueMultiLineListItem.styled.d.ts

@@ -1,16 +0,0 @@
-export declare const Wrapper: import("styled-components").StyledComponent<"div", import("~/src/foundation").Foundation, {
-    foundation?: import("~/src/foundation").Foundation | undefined;
-} & import("../..").InterpolationProps & {
-    foundation?: import("~/src/foundation").Foundation | undefined;
-}, never>;
-export declare const KeyItemContainer: import("styled-components").StyledComponent<"div", import("~/src/foundation").Foundation, {
-    foundation?: import("~/src/foundation").Foundation | undefined;
-} & import("./KeyValueListItem.common.styled").KeyValueListItemContainerProps & {
-    foundation?: import("~/src/foundation").Foundation | undefined;
-}, never>;
-export declare const ValueItemContainer: import("styled-components").StyledComponent<"div", import("~/src/foundation").Foundation, {
-    foundation?: import("~/src/foundation").Foundation | undefined;
-} & import("./KeyValueListItem.common.styled").KeyValueListItemContainerProps & {
-    foundation?: import("~/src/foundation").Foundation | undefined;
-}, never>;
-//# sourceMappingURL=KeyValueMultiLineListItem.styled.d.ts.map

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

@@ -1,20 +0,0 @@
-import { KeyValueListItemWrapper, KeyValueListItemContainer } from './KeyValueListItem.common.styled.js';
-import { styled as FoundationStyled } from '../../foundation/FoundationStyledComponent.js';
-
-const Wrapper = FoundationStyled(KeyValueListItemWrapper)`
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-`;
-const KeyItemContainer = FoundationStyled(KeyValueListItemContainer)`
-  flex: 1;
-  justify-content: space-between;
-  height: 28px;
-`;
-const ValueItemContainer = FoundationStyled(KeyValueListItemContainer)`
-  flex: 1;
-  min-height: 28px;
-`;
-
-export { KeyItemContainer, ValueItemContainer, Wrapper };
-//# sourceMappingURL=KeyValueMultiLineListItem.styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"KeyValueMultiLineListItem.styled.js","sources":["../../../../src/components/KeyValueListItem/KeyValueMultiLineListItem.styled.ts"],"sourcesContent":["import { styled } from '~/src/foundation'\n\nimport {\n  KeyValueListItemContainer,\n  KeyValueListItemWrapper,\n} from './KeyValueListItem.common.styled'\n\nexport const Wrapper = styled(KeyValueListItemWrapper)`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n`\n\nexport const KeyItemContainer = styled(KeyValueListItemContainer)`\n  flex: 1;\n  justify-content: space-between;\n  height: 28px;\n`\n\nexport const ValueItemContainer = styled(KeyValueListItemContainer)`\n  flex: 1;\n  min-height: 28px;\n`\n"],"names":["Wrapper","styled","KeyValueListItemWrapper","KeyItemContainer","KeyValueListItemContainer","ValueItemContainer"],"mappings":";;;MAOaA,OAAO,GAAGC,gBAAM,CAACC,uBAAuB,CAAC,CAAA;;;;EAIrD;MAEYC,gBAAgB,GAAGF,gBAAM,CAACG,yBAAyB,CAAC,CAAA;;;;EAIhE;MAEYC,kBAAkB,GAAGJ,gBAAM,CAACG,yBAAyB,CAAC,CAAA;;;;;;;"}

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

@@ -1,5 +0,0 @@
-import React from 'react';
-import { type ItemActionProps } from './ItemAction.types';
-declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<ItemActionProps & React.RefAttributes<HTMLDivElement>>>;
-export default _default;
-//# sourceMappingURL=ItemAction.d.ts.map

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

@@ -1,75 +0,0 @@
-import { __rest } from '../../../../../node_modules/tslib/tslib.es6.js';
-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 '../../../LegacyIcon/utils.js';
-
-function ActionIcon({
-  icon,
-  iconColor
-}) {
-  if (isIconName(icon)) {
-    return e__default.createElement(ActionLegacyIcon, {
-      name: icon,
-      color: iconColor !== null && iconColor !== void 0 ? iconColor : 'txt-black-dark',
-      size: IconSize.XS
-    });
-  }
-  return e__default.createElement(ActionIcon$1, {
-    source: icon,
-    color: iconColor !== null && iconColor !== void 0 ? iconColor : 'txt-black-dark',
-    size: IconSize.XS
-  });
-}
-function ItemAction(_a, forwardedRef) {
-  var {
-      actions,
-      testId = TEST_ID_MAP.ACTIONS_ITEM
-    } = _a,
-    props = __rest(_a, ["actions", "testId"]);
-  const renderAction = useCallback((action, key) => {
-    var _a, _b, _c;
-    if ('icon' in action) {
-      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
-      }, e__default.createElement(ActionIcon, Object.assign({}, action)));
-      if (!isEmpty(action.tooltip)) {
-        return e__default.createElement(ActionIconTooltip, {
-          key: key,
-          content: action.tooltip
-        }, iconElement);
-      }
-      return iconElement;
-    }
-    return e__default.cloneElement(action, {
-      key
-    });
-  }, []);
-  const ActionsComponent = useMemo(() => {
-    if (isNil(actions) || isEmpty(actions)) {
-      return null;
-    }
-    const item = isArray(actions) ? actions.map(action => renderAction(action, v4())) : renderAction(actions);
-    return item;
-  }, [actions, renderAction]);
-  if (isNil(actions) || isEmpty(actions)) {
-    return null;
-  }
-  return e__default.createElement(ItemActionWrapper, Object.assign({
-    "data-testid": testId
-  }, props, {
-    ref: forwardedRef
-  }), ActionsComponent);
-}
-var ItemAction$1 = memo(forwardRef(ItemAction));
-
-export { ItemAction$1 as default };
-//# sourceMappingURL=ItemAction.js.map

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

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

@@ -1,22 +0,0 @@
-/// <reference types="react" />
-import { type AdditionalColorProps } from "../../../../types/ComponentProps";
-export declare const ItemActionWrapper: import("styled-components").StyledComponent<"div", import("~/src/foundation").Foundation, {
-    foundation?: import("~/src/foundation").Foundation | undefined;
-}, never>;
-interface ActionWrapperProps extends AdditionalColorProps<['hoverBackground', 'hoverIcon']> {
-    show: boolean;
-}
-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/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, {
-    foundation?: import("~/src/foundation").Foundation | undefined;
-} & ActionWrapperProps, never>;
-export declare const ActionIconTooltip: import("styled-components").StyledComponent<import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("~/src/components/Tooltip").TooltipProps & import("react").RefAttributes<any>>>, import("~/src/foundation").Foundation, {
-    foundation?: import("~/src/foundation").Foundation | undefined;
-}, never>;
-export {};
-//# sourceMappingURL=ItemAction.styled.d.ts.map

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

@@ -1,71 +0,0 @@
-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';
-
-const ItemActionWrapper = FoundationStyled.div`
-  display: flex;
-  align-items: center;
-`;
-const ActionIcon = FoundationStyled(Icon)``;
-const ActionLegacyIcon = FoundationStyled(LegacyIcon)``;
-const ActionIconWrapper = FoundationStyled.div`
-  display: ${({
-  show
-}) => show ? 'flex' : 'none'};
-  align-items: center;
-  justify-content: center;
-  padding: 2px;
-  margin-left: auto;
-  cursor: pointer;
-
-  ${({
-  foundation
-}) => {
-  var _a;
-  return (_a = foundation === null || foundation === void 0 ? void 0 : foundation.rounding) === null || _a === void 0 ? void 0 : _a.round6;
-}}
-
-  &:hover {
-    ${({
-  foundation,
-  hoverBackgroundColor
-}) => {
-  var _a;
-  return !isNil(hoverBackgroundColor) && FoundationCSS`
-      background-color: ${(_a = foundation === null || foundation === void 0 ? void 0 : foundation.theme) === null || _a === void 0 ? void 0 : _a[hoverBackgroundColor]};
-    `;
-}}
-
-    ${ActionIcon} {
-      ${({
-  foundation,
-  hoverIconColor
-}) => {
-  var _a;
-  return !isNil(hoverIconColor) && FoundationCSS`
-        color: ${(_a = foundation === null || foundation === void 0 ? void 0 : foundation.theme) === null || _a === void 0 ? void 0 : _a[hoverIconColor]};
-      `;
-}}
-    }
-    
-    ${ActionLegacyIcon} {
-      ${({
-  foundation,
-  hoverIconColor
-}) => {
-  var _a;
-  return !isNil(hoverIconColor) && FoundationCSS`
-        color: ${(_a = foundation === null || foundation === void 0 ? void 0 : foundation.theme) === null || _a === void 0 ? void 0 : _a[hoverIconColor]};
-      `;
-}}
-    }
-  }
-`;
-const ActionIconTooltip = FoundationStyled(Tooltip)`
-  margin-left: auto;
-`;
-
-export { ActionIcon, ActionIconTooltip, ActionIconWrapper, ActionLegacyIcon, ItemActionWrapper };
-//# sourceMappingURL=ItemAction.styled.js.map

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

@@ -1 +0,0 @@
-{"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,17 +0,0 @@
-import type React from 'react';
-import { type BezierIcon, type IconName } from '@channel.io/bezier-icons';
-import type { AdditionalColorProps, BezierComponentProps, ChildrenProps } from "../../../../types/ComponentProps";
-export type ItemActionWithIcon = {
-    icon: IconName | BezierIcon;
-    tooltip?: string;
-    show?: boolean;
-    onClick?: React.MouseEventHandler<HTMLDivElement>;
-} & AdditionalColorProps<['icon', 'hoverBackground', 'hoverIcon']>;
-export type KeyValueListItemActionProps = ItemActionWithIcon | React.ReactElement;
-interface ItemActionOptions {
-    actions?: KeyValueListItemActionProps | KeyValueListItemActionProps[];
-}
-export interface ItemActionProps extends BezierComponentProps, ChildrenProps, React.HTMLAttributes<HTMLDivElement>, ItemActionOptions {
-}
-export {};
-//# sourceMappingURL=ItemAction.types.d.ts.map

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

@@ -1,5 +0,0 @@
-import ItemAction from './ItemAction';
-import type { KeyValueListItemActionProps } from './ItemAction.types';
-export type { KeyValueListItemActionProps, };
-export { ItemAction, };
-//# sourceMappingURL=index.d.ts.map

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

@@ -1,5 +0,0 @@
-import React from 'react';
-import { type KeyItemProps } from './KeyItem.types';
-declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<KeyItemProps & React.RefAttributes<HTMLDivElement>>>;
-export default _default;
-//# sourceMappingURL=KeyItem.d.ts.map

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

@@ -1,50 +0,0 @@
-import { __rest } from '../../../../../node_modules/tslib/tslib.es6.js';
-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 { i as r } from '../../../../../packages/bezier-icons/dist/utils/index.mjs.js';
-import { Icon } from '../../../Icon/Icon.js';
-import { IconSize } from '../../../Icon/Icon.types.js';
-import { Typography } from '../../../../foundation/Typography.js';
-
-function KeyItem(_a, forwardedRef) {
-  var {
-      className,
-      interpolation,
-      keyIcon,
-      testId = TEST_ID_MAP.KEY_ITEM,
-      children
-    } = _a,
-    props = __rest(_a, ["className", "interpolation", "keyIcon", "testId", "children"]);
-  const KeyIcon = useMemo(() => {
-    if (r(keyIcon)) {
-      return e__default.createElement(Icon, {
-        size: IconSize.S,
-        source: keyIcon,
-        color: "txt-black-dark"
-      });
-    }
-    return keyIcon;
-  }, [keyIcon]);
-  const KeyText$1 = useMemo(() => {
-    if (isString(children)) {
-      return e__default.createElement(KeyText, {
-        bold: true,
-        typo: Typography.Size12,
-        truncated: true
-      }, children);
-    }
-    return children;
-  }, [children]);
-  return e__default.createElement(KeyContent, Object.assign({
-    "data-testid": testId
-  }, props, {
-    ref: forwardedRef,
-    interpolation: interpolation
-  }), KeyIcon, KeyText$1);
-}
-var KeyItem$1 = memo(forwardRef(KeyItem));
-
-export { KeyItem$1 as default };
-//# sourceMappingURL=KeyItem.js.map

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

@@ -1 +0,0 @@
-{"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'\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 (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","isBezierIcon","React","createElement","Icon","size","IconSize","S","source","color","KeyText","isString","Styled","bold","typo","Typography","Size12","truncated","ref","memo","forwardRef"],"mappings":";;;;;;;;;;AAuBA,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,CAAY,CAACT,OAAO,CAAC,EAAE;AACzB,MAAA,OACEU,UAAC,CAAAC,aAAA,CAAAC,IAAI;QACHC,IAAI,EAAEC,QAAQ,CAACC,CAAC;AAChBC,QAAAA,MAAM,EAAEhB,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,MAAMkB,SAAO,GAAGV,OAAO,CAAC,MAAK;AAC3B,IAAA,IAAIW,QAAQ,CAACf,QAAQ,CAAC,EAAE;AACtB,MAAA,OACEM,UAAC,CAAAC,aAAA,CAAAS,OAAc,EAAA;AAACC,QAAAA,IAAI,EAAC,IAAA;QAAAC,IAAI,EAAEC,UAAU,CAACC,MAAM;AAAEC,QAAAA,SAAS;SACnDrB,QAAQ,CACK,CAAA;AAEpB,KAAA;AACD,IAAA,OAAOA,QAAQ,CAAA;AACjB,GAAC,EAAE,CAACA,QAAQ,CAAC,CAAC,CAAA;EAEd,OACEM,UAAC,CAAAC,aAAA,CAAAS,UAAiB;mBACHnB,MAAAA;GAAM,EACfI,KAAK,EAAA;AACTqB,IAAAA,GAAG,EAAE7B,YAAY;AACjBE,IAAAA,aAAa,EAAEA,aAAAA;AAAa,GAAA,CAAA,EAE1BQ,OAAO,EACPW,SAAO,CACS,CAAA;AAExB,CAAA;AAEA,gBAAeS,IAAI,CAACC,UAAU,CAACjC,OAAO,CAAC,CAAC;;;;"}

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

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import { type InterpolationProps } from "../../../../types/Foundation";
-export declare const KeyContent: import("styled-components").StyledComponent<"div", import("~/src/foundation").Foundation, {
-    foundation?: import("~/src/foundation").Foundation | undefined;
-} & InterpolationProps, never>;
-export declare const KeyText: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("~/src/components/Text").TextProps & import("react").RefAttributes<HTMLElement>>, import("~/src/foundation").Foundation, {
-    foundation?: import("~/src/foundation").Foundation | undefined;
-} & {
-    forwardedAs: string;
-    color: "txt-black-dark";
-}, "color" | "forwardedAs">;
-//# sourceMappingURL=KeyItem.styled.d.ts.map

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

@@ -1,21 +0,0 @@
-import Text from '../../../Text/Text.js';
-import { styled as FoundationStyled } from '../../../../foundation/FoundationStyledComponent.js';
-import { ellipsis } from '../../../../foundation/Mixins.js';
-
-const KeyContent = FoundationStyled.div`
-  display: flex;
-  align-items: center;
-  ${ellipsis()};
-  ${({
-  interpolation
-}) => interpolation}
-`;
-const KeyText = FoundationStyled(Text).attrs({
-  forwardedAs: 'div',
-  color: 'txt-black-dark'
-})`
-  margin-left: 8px;
-`;
-
-export { KeyContent, KeyText };
-//# sourceMappingURL=KeyItem.styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"KeyItem.styled.js","sources":["../../../../../../src/components/KeyValueListItem/common/KeyItem/KeyItem.styled.ts"],"sourcesContent":["import {\n  ellipsis,\n  styled,\n} from '~/src/foundation'\n\nimport { type InterpolationProps } from '~/src/types/Foundation'\n\nimport { Text } from '~/src/components/Text'\n\nexport const KeyContent = styled.div<InterpolationProps>`\n  display: flex;\n  align-items: center;\n  ${ellipsis()};\n  ${({ interpolation }) => interpolation}\n`\n\nexport const KeyText = styled(Text).attrs({\n  forwardedAs: 'div',\n  color: 'txt-black-dark',\n})`\n  margin-left: 8px;\n`\n"],"names":["KeyContent","styled","div","ellipsis","interpolation","KeyText","Text","attrs","forwardedAs","color"],"mappings":";;;;AASaA,MAAAA,UAAU,GAAGC,gBAAM,CAACC,GAAuB,CAAA;;;AAGpD,EAAA,EAAAC,QAAQ,EAAE,CAAA;AACV,EAAA,EAAA,CAAC;AAAEC,EAAAA,aAAAA;AAAa,CAAE,KAAKA,aAAa,CAAA;EACvC;AAEM,MAAMC,OAAO,GAAGJ,gBAAM,CAACK,IAAI,CAAC,CAACC,KAAK,CAAC;AACxCC,EAAAA,WAAW,EAAE,KAAK;AAClBC,EAAAA,KAAK,EAAE,gBAAA;AACR,CAAA,CAAC,CAAA;;;;;;"}

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

@@ -1,10 +0,0 @@
-import type React from 'react';
-import { type BezierIcon, type IconName } from '@channel.io/bezier-icons';
-import type { BezierComponentProps, ChildrenProps } from "../../../../types/ComponentProps";
-interface KeyItemOptions {
-    keyIcon?: IconName | BezierIcon | React.ReactNode;
-}
-export interface KeyItemProps extends BezierComponentProps, ChildrenProps, React.HTMLAttributes<HTMLDivElement>, KeyItemOptions {
-}
-export {};
-//# sourceMappingURL=KeyItem.types.d.ts.map

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

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

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

@@ -1,5 +0,0 @@
-import React from 'react';
-import { type ValueItemProps } from './ValueItem.types';
-declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<ValueItemProps & React.RefAttributes<HTMLDivElement>>>;
-export default _default;
-//# sourceMappingURL=ValueItem.d.ts.map

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

@@ -1,23 +0,0 @@
-import { __rest } from '../../../../../node_modules/tslib/tslib.es6.js';
-import e__default, { memo, forwardRef } from 'react';
-import { TEST_ID_MAP } from '../../KeyValueListItem.const.js';
-import { ValueWrapper } from './ValueItem.styled.js';
-
-function ValueItem(_a, forwardedRef) {
-  var {
-      testId = TEST_ID_MAP.VALUE_ITEM,
-      interpolation,
-      children
-    } = _a,
-    props = __rest(_a, ["testId", "interpolation", "children"]);
-  return e__default.createElement(ValueWrapper, Object.assign({
-    "data-testid": testId
-  }, props, {
-    ref: forwardedRef,
-    interpolation: interpolation
-  }), children);
-}
-var ValueItem$1 = memo(forwardRef(ValueItem));
-
-export { ValueItem$1 as default };
-//# sourceMappingURL=ValueItem.js.map

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

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