@channel.io/bezier-react 1.5.0 → 1.6.0

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

@@ -1,8 +0,0 @@
-var SwitchSize;
-(function (SwitchSize) {
-  SwitchSize["M"] = "m";
-  SwitchSize["S"] = "s";
-})(SwitchSize || (SwitchSize = {}));
-
-export { SwitchSize };
-//# sourceMappingURL=Switch.types.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Switch.types.js","sources":["../../../../../src/components/Forms/Switch/Switch.types.ts"],"sourcesContent":["import type { SwitchProps as SwitchPrimitiveProps } from '@radix-ui/react-switch'\n\nimport type {\n  AdditionalTestIdProps,\n  BezierComponentProps,\n  SizeProps,\n} from '~/src/types/ComponentProps'\n\nimport type { FormComponentProps } from '~/src/components/Forms/Form.types'\n\nexport enum SwitchSize {\n  M = 'm',\n  S = 's',\n}\n\ninterface SwitchOptions extends Omit<SwitchPrimitiveProps, 'asChild'> {\n  /**\n   * The state of the switch when it is initially rendered.\n   * Use when you do not need to control its state.\n   *\n   * @default false\n   */\n  defaultChecked?: boolean\n\n  /**\n   * The controlled state of the switch.\n   * Must be used in conjunction with `onCheckedChange`.\n   */\n  checked?: boolean\n\n  /**\n   * Event handler called when the state of the switch changes.\n   */\n  onCheckedChange?: (checked: boolean) => void\n\n  /**\n   * When `true`, prevents the user from interacting with the switch.\n   */\n  disabled?: boolean\n\n  /**\n   * When `true`, indicates that the user must check the switch before the owning form can be submitted.\n   */\n  required?: boolean\n\n  /**\n   * The name of the switch.\n   * Submitted with its owning form as part of a name/value pair.\n   */\n  name?: string\n\n  /**\n   * The value given as data when submitted with a `name`.\n   */\n  value?: string\n}\n\nexport default interface SwitchProps extends\n  BezierComponentProps,\n  SizeProps<SwitchSize>,\n  FormComponentProps,\n  AdditionalTestIdProps<'handle'>,\n  SwitchOptions {}\n"],"names":["SwitchSize"],"mappings":"IAUYA,WAGX;AAHD,CAAA,UAAYA,UAAU,EAAA;AACpBA,EAAAA,UAAA,CAAA,GAAA,CAAA,GAAA,GAAO,CAAA;AACPA,EAAAA,UAAA,CAAA,GAAA,CAAA,GAAA,GAAO,CAAA;AACT,CAAC,EAHWA,UAAU,KAAVA,UAAU,GAGrB,EAAA,CAAA,CAAA;;;;"}

package/build/src/components/Forms/Switch/index.d.ts

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

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

@@ -1,9 +0,0 @@
-import type { FormComponentProps } from './Form.types';
-import FormFieldSize from './FormFieldSize';
-import useFormControlContext from './useFormControlContext';
-import useFormFieldProps from './useFormFieldProps';
-import useKeyboardActionLockerWhileComposing from './useKeyboardActionLockerWhileComposing';
-export type { FormComponentProps };
-export * from './Inputs/constants/CommonImeControlKeys';
-export { FormFieldSize, useFormControlContext, useFormFieldProps, useKeyboardActionLockerWhileComposing, };
-//# sourceMappingURL=index.d.ts.map

package/build/src/components/Forms/useFormControlContext.d.ts

@@ -1,3 +0,0 @@
-declare function useFormControlContext(): import("./FormControl").FormControlContextValue | undefined;
-export default useFormControlContext;
-//# sourceMappingURL=useFormControlContext.d.ts.map

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

@@ -1,9 +0,0 @@
-import { useContext } from 'react';
-import { FormControlContext } from './FormControl/FormControlContext.js';
-
-function useFormControlContext() {
-  return useContext(FormControlContext);
-}
-
-export { useFormControlContext as default };
-//# sourceMappingURL=useFormControlContext.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useFormControlContext.js","sources":["../../../../src/components/Forms/useFormControlContext.ts"],"sourcesContent":["import { useContext } from 'react'\n\nimport { FormControlContext } from '~/src/components/Forms/FormControl'\n\nfunction useFormControlContext() {\n  return useContext(FormControlContext)\n}\n\nexport default useFormControlContext\n"],"names":["useFormControlContext","useContext","FormControlContext"],"mappings":";;;AAIA,SAASA,qBAAqB,GAAA;EAC5B,OAAOC,UAAU,CAACC,kBAAkB,CAAC,CAAA;AACvC;;;;"}

package/build/src/components/Forms/useFormFieldProps.d.ts

@@ -1,23 +0,0 @@
-import type { FormComponentProps } from "./Form.types";
-declare function useFormFieldProps<Props extends FormComponentProps>(props?: Props): ((Omit<Props & import("./FormControl").FormControlContextCommonValue & Omit<import("./FormControl").FormControlAriaProps, "aria-labelledby">, "disabled" | "readOnly" | "required" | "hasError"> & {
-    'aria-disabled': boolean | undefined;
-    'aria-invalid': boolean | undefined;
-    'aria-required': boolean | undefined;
-    'aria-readonly': boolean | undefined;
-    disabled: boolean;
-    hasError: boolean;
-    required: boolean;
-    readOnly: boolean;
-}) | {
-    'aria-disabled': boolean | undefined;
-    'aria-invalid': boolean | undefined;
-    'aria-required': boolean | undefined;
-    'aria-readonly': boolean | undefined;
-    disabled: boolean;
-    hasError: boolean;
-    required: boolean;
-    readOnly: boolean;
-    id?: string | undefined;
-}) & Props;
-export default useFormFieldProps;
-//# sourceMappingURL=useFormFieldProps.d.ts.map

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

@@ -1,34 +0,0 @@
-import { __rest } from '../../../node_modules/tslib/tslib.es6.js';
-import { useMemo } from 'react';
-import { ariaAttr } from '../../utils/domUtils.js';
-import useFormControlContext from './useFormControlContext.js';
-
-// TODO: 테스트 추가
-function useFormFieldProps(props) {
-  const contextValue = useFormControlContext();
-  const formFieldProps = useMemo(() => {
-    var _a;
-    const mergedProps = (_a = contextValue === null || contextValue === void 0 ? void 0 : contextValue.getFieldProps(props)) !== null && _a !== void 0 ? _a : Object.assign({}, props);
-    const {
-        disabled = false,
-        readOnly = false,
-        required = false,
-        hasError = false
-      } = mergedProps,
-      rest = __rest(mergedProps, ["disabled", "readOnly", "required", "hasError"]);
-    return Object.assign(Object.assign({}, rest), {
-      'aria-disabled': ariaAttr(disabled),
-      'aria-invalid': ariaAttr(hasError),
-      'aria-required': ariaAttr(required),
-      'aria-readonly': ariaAttr(readOnly),
-      disabled,
-      hasError,
-      required,
-      readOnly
-    });
-  }, [props, contextValue]);
-  return formFieldProps;
-}
-
-export { useFormFieldProps as default };
-//# sourceMappingURL=useFormFieldProps.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useFormFieldProps.js","sources":["../../../../src/components/Forms/useFormFieldProps.ts"],"sourcesContent":["import { useMemo } from 'react'\n\nimport { ariaAttr } from '~/src/utils/domUtils'\n\nimport type { FormComponentProps } from '~/src/components/Forms/Form.types'\n\nimport useFormControlContext from './useFormControlContext'\n\n// TODO: 테스트 추가\nfunction useFormFieldProps<Props extends FormComponentProps>(props?: Props) {\n  const contextValue = useFormControlContext()\n\n  const formFieldProps = useMemo(() => {\n    const mergedProps = contextValue?.getFieldProps(props) ?? { ...props }\n\n    const {\n      disabled = false,\n      readOnly = false,\n      required = false,\n      hasError = false,\n      ...rest\n    } = mergedProps\n\n    return {\n      ...rest,\n      'aria-disabled': ariaAttr(disabled),\n      'aria-invalid': ariaAttr(hasError),\n      'aria-required': ariaAttr(required),\n      'aria-readonly': ariaAttr(readOnly),\n      disabled,\n      hasError,\n      required,\n      readOnly,\n    }\n  }, [\n    props,\n    contextValue,\n  ])\n\n  return formFieldProps as typeof formFieldProps & Props\n}\n\nexport default useFormFieldProps\n"],"names":["useFormFieldProps","props","contextValue","useFormControlContext","formFieldProps","useMemo","mergedProps","_a","getFieldProps","Object","assign","disabled","readOnly","required","hasError","rest","__rest","ariaAttr"],"mappings":";;;;;AAQA;AACA,SAASA,iBAAiB,CAAmCC,KAAa,EAAA;EACxE,MAAMC,YAAY,GAAGC,qBAAqB,EAAE,CAAA;AAE5C,EAAA,MAAMC,cAAc,GAAGC,OAAO,CAAC,MAAK;;AAClC,IAAA,MAAMC,WAAW,GAAG,CAAAC,EAAA,GAAAL,YAAY,KAAA,IAAA,IAAZA,YAAY,KAAZ,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,YAAY,CAAEM,aAAa,CAACP,KAAK,CAAC,MAAS,IAAA,IAAAM,EAAA,KAAA,KAAA,CAAA,GAAAA,EAAA,GAAAE,MAAA,CAAAC,MAAA,CAAA,EAAA,EAAAT,KAAK,CAAE,CAAA;IAEtE,MAAM;AACJU,QAAAA,QAAQ,GAAG,KAAK;AAChBC,QAAAA,QAAQ,GAAG,KAAK;AAChBC,QAAAA,QAAQ,GAAG,KAAK;AAChBC,QAAAA,QAAQ,GAAG,KAAA;AAAK,OAAA,GAEdR,WAAW;AADVS,MAAAA,IAAI,GAAAC,MAAA,CACLV,WAAW,EANT,CAML,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,CAAA,CAAc,CAAA;AAEf,IAAA,OAAAG,MAAA,CAAAC,MAAA,CAAAD,MAAA,CAAAC,MAAA,CAAA,EAAA,EACKK,IAAI,CAAA,EAAA;AACP,MAAA,eAAe,EAAEE,QAAQ,CAACN,QAAQ,CAAC;AACnC,MAAA,cAAc,EAAEM,QAAQ,CAACH,QAAQ,CAAC;AAClC,MAAA,eAAe,EAAEG,QAAQ,CAACJ,QAAQ,CAAC;AACnC,MAAA,eAAe,EAAEI,QAAQ,CAACL,QAAQ,CAAC;MACnCD,QAAQ;MACRG,QAAQ;MACRD,QAAQ;AACRD,MAAAA,QAAAA;AACD,KAAA,CAAA,CAAA;AACH,GAAC,EAAE,CACDX,KAAK,EACLC,YAAY,CACb,CAAC,CAAA;AAEF,EAAA,OAAOE,cAA+C,CAAA;AACxD;;;;"}

package/build/src/components/Forms/useKeyboardActionLockerWhileComposing.d.ts

@@ -1,12 +0,0 @@
-import type React from 'react';
-interface UseKeyboardActionLockerWhileComposingProps<TargetElement extends HTMLElement = HTMLInputElement> {
-    keysToLock?: string[];
-    onKeyDown?: React.KeyboardEventHandler<TargetElement>;
-    onKeyUp?: React.KeyboardEventHandler<TargetElement>;
-}
-declare function useKeyboardActionLockerWhileComposing<TargetElement extends HTMLElement = HTMLInputElement>({ keysToLock, onKeyDown, onKeyUp, }: UseKeyboardActionLockerWhileComposingProps<TargetElement>): {
-    handleKeyDown: React.KeyboardEventHandler<TargetElement> | undefined;
-    handleKeyUp: React.KeyboardEventHandler<TargetElement> | undefined;
-};
-export default useKeyboardActionLockerWhileComposing;
-//# sourceMappingURL=useKeyboardActionLockerWhileComposing.d.ts.map

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

@@ -1,48 +0,0 @@
-import { useRef, useCallback } from 'react';
-
-const isSafari = () => window.navigator.userAgent.search('Safari') >= 0 && window.navigator.userAgent.search('Chrome') < 0;
-function useKeyboardActionLockerWhileComposing({
-  keysToLock,
-  onKeyDown,
-  onKeyUp
-}) {
-  const handlerCache = useRef(new Map());
-  const wrapHandler = useCallback(handler => {
-    if (!handler) {
-      return undefined;
-    }
-    if (handlerCache.current.has(handler)) {
-      return handlerCache.current.get(handler);
-    }
-    const wrappedHandler = event => {
-      // NOTE: If keysToLock is not provided, lock all keys.
-      const isKeyLocked = event.nativeEvent.isComposing && (!keysToLock || keysToLock.some(controlKey => event.key === controlKey));
-      /**
-       * NOTE
-       * According to the spec(https://www.w3.org/TR/uievents/#events-composition-key-events),
-       * keyDown event that exit composition should be fired before compositionEnd event.
-       * However, Safari has different behavior.
-       * In Safari, keyDown event that exit composition is fired after compositionEnd event.
-       * So, we need to prevent keyDown event that exit composition in Safari.
-       * Browser fires keydown event with keyCode 229 when user is composing.
-       * An event that exits composition is also fired with keyCode 229, even though it has fired after compositionEnd event.
-       * Therefore, we need to check if the event is fired with keyCode 229 in Safari.
-       */
-      const isSafariKeydownWhileComposing = isSafari() && event.type === 'keydown' && event.keyCode === 229;
-      if (isKeyLocked || isSafariKeydownWhileComposing) {
-        event.stopPropagation();
-        return;
-      }
-      handler === null || handler === void 0 ? void 0 : handler(event);
-    };
-    handlerCache.current.set(handler, wrappedHandler);
-    return wrappedHandler;
-  }, [keysToLock]);
-  return {
-    handleKeyDown: wrapHandler(onKeyDown),
-    handleKeyUp: wrapHandler(onKeyUp)
-  };
-}
-
-export { useKeyboardActionLockerWhileComposing as default };
-//# sourceMappingURL=useKeyboardActionLockerWhileComposing.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useKeyboardActionLockerWhileComposing.js","sources":["../../../../src/components/Forms/useKeyboardActionLockerWhileComposing.ts"],"sourcesContent":["import type React from 'react'\nimport {\n  useCallback,\n  useRef,\n} from 'react'\n\ntype HandlerCache<TargetElement extends HTMLElement = HTMLInputElement> =\n  Map<React.KeyboardEventHandler<TargetElement>, React.KeyboardEventHandler<TargetElement>>\ninterface UseKeyboardActionLockerWhileComposingProps<TargetElement extends HTMLElement = HTMLInputElement> {\n  keysToLock?: string[]\n  onKeyDown?: React.KeyboardEventHandler<TargetElement>\n  onKeyUp?: React.KeyboardEventHandler<TargetElement>\n}\n\nconst isSafari = () => window.navigator.userAgent.search('Safari') >= 0 && window.navigator.userAgent.search('Chrome') < 0\n\nfunction useKeyboardActionLockerWhileComposing<TargetElement extends HTMLElement = HTMLInputElement>({\n  keysToLock,\n  onKeyDown,\n  onKeyUp,\n}: UseKeyboardActionLockerWhileComposingProps<TargetElement>) {\n  const handlerCache = useRef<HandlerCache<TargetElement>>(new Map())\n\n  const wrapHandler = useCallback((handler?: React.KeyboardEventHandler<TargetElement>) => {\n    if (!handler) { return undefined }\n    if (handlerCache.current.has(handler)) { return handlerCache.current.get(handler) }\n\n    const wrappedHandler = (event: React.KeyboardEvent<TargetElement>) => {\n      // NOTE: If keysToLock is not provided, lock all keys.\n      const isKeyLocked =\n        event.nativeEvent.isComposing &&\n        (!keysToLock || keysToLock.some(controlKey => event.key === controlKey))\n      /**\n       * NOTE\n       * According to the spec(https://www.w3.org/TR/uievents/#events-composition-key-events),\n       * keyDown event that exit composition should be fired before compositionEnd event.\n       * However, Safari has different behavior.\n       * In Safari, keyDown event that exit composition is fired after compositionEnd event.\n       * So, we need to prevent keyDown event that exit composition in Safari.\n       * Browser fires keydown event with keyCode 229 when user is composing.\n       * An event that exits composition is also fired with keyCode 229, even though it has fired after compositionEnd event.\n       * Therefore, we need to check if the event is fired with keyCode 229 in Safari.\n       */\n      const isSafariKeydownWhileComposing =\n        isSafari() &&\n        event.type === 'keydown' &&\n        event.keyCode === 229\n\n      if (isKeyLocked || isSafariKeydownWhileComposing) {\n        event.stopPropagation()\n        return\n      }\n      handler?.(event)\n    }\n\n    handlerCache.current.set(handler, wrappedHandler)\n    return wrappedHandler\n  }, [keysToLock])\n\n  return {\n    handleKeyDown: wrapHandler(onKeyDown),\n    handleKeyUp: wrapHandler(onKeyUp),\n  }\n}\n\nexport default useKeyboardActionLockerWhileComposing\n"],"names":["isSafari","window","navigator","userAgent","search","useKeyboardActionLockerWhileComposing","keysToLock","onKeyDown","onKeyUp","handlerCache","useRef","Map","wrapHandler","useCallback","handler","undefined","current","has","get","wrappedHandler","event","isKeyLocked","nativeEvent","isComposing","some","controlKey","key","isSafariKeydownWhileComposing","type","keyCode","stopPropagation","set","handleKeyDown","handleKeyUp"],"mappings":";;AAcA,MAAMA,QAAQ,GAAG,MAAMC,MAAM,CAACC,SAAS,CAACC,SAAS,CAACC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAIH,MAAM,CAACC,SAAS,CAACC,SAAS,CAACC,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAA;AAE1H,SAASC,qCAAqC,CAAuD;EACnGC,UAAU;EACVC,SAAS;AACTC,EAAAA,OAAAA;AAC0D,CAAA,EAAA;AAC1D,EAAA,MAAMC,YAAY,GAAGC,MAAM,CAA8B,IAAIC,GAAG,EAAE,CAAC,CAAA;AAEnE,EAAA,MAAMC,WAAW,GAAGC,WAAW,CAAEC,OAAmD,IAAI;IACtF,IAAI,CAACA,OAAO,EAAE;AAAE,MAAA,OAAOC,SAAS,CAAA;AAAE,KAAA;IAClC,IAAIN,YAAY,CAACO,OAAO,CAACC,GAAG,CAACH,OAAO,CAAC,EAAE;AAAE,MAAA,OAAOL,YAAY,CAACO,OAAO,CAACE,GAAG,CAACJ,OAAO,CAAC,CAAA;AAAE,KAAA;IAEnF,MAAMK,cAAc,GAAIC,KAAyC,IAAI;AACnE;MACA,MAAMC,WAAW,GACfD,KAAK,CAACE,WAAW,CAACC,WAAW,KAC5B,CAACjB,UAAU,IAAIA,UAAU,CAACkB,IAAI,CAACC,UAAU,IAAIL,KAAK,CAACM,GAAG,KAAKD,UAAU,CAAC,CAAC,CAAA;AAC1E;;;;;;;;;;AAUG;AACH,MAAA,MAAME,6BAA6B,GACjC3B,QAAQ,EAAE,IACVoB,KAAK,CAACQ,IAAI,KAAK,SAAS,IACxBR,KAAK,CAACS,OAAO,KAAK,GAAG,CAAA;MAEvB,IAAIR,WAAW,IAAIM,6BAA6B,EAAE;QAChDP,KAAK,CAACU,eAAe,EAAE,CAAA;AACvB,QAAA,OAAA;AACD,OAAA;AACDhB,MAAAA,OAAO,aAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAGM,KAAK,CAAC,CAAA;KACjB,CAAA;IAEDX,YAAY,CAACO,OAAO,CAACe,GAAG,CAACjB,OAAO,EAAEK,cAAc,CAAC,CAAA;AACjD,IAAA,OAAOA,cAAc,CAAA;AACvB,GAAC,EAAE,CAACb,UAAU,CAAC,CAAC,CAAA;EAEhB,OAAO;AACL0B,IAAAA,aAAa,EAAEpB,WAAW,CAACL,SAAS,CAAC;IACrC0B,WAAW,EAAErB,WAAW,CAACJ,OAAO,CAAA;GACjC,CAAA;AACH;;;;"}

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

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import type HelpProps from './Help.types';
-export declare const HELP_TEST_ID = "bezier-react-help";
-export declare const HELP_DISPLAY_NAME = "Help";
-declare function Help({ children, ...rest }: HelpProps): JSX.Element | null;
-declare namespace Help {
-    var displayName: string;
-}
-export default Help;
-//# sourceMappingURL=Help.d.ts.map

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

@@ -1,30 +0,0 @@
-import { __rest } from '../../../node_modules/tslib/tslib.es6.js';
-import e__default from 'react';
-import { H as r } from '../../../packages/bezier-icons/dist/react/help-filled.mjs.js';
-import { isEmpty } from '../../utils/typeUtils.js';
-import { Tooltip, Icon } from './Help.styled.js';
-import { IconSize } from '../Icon/Icon.types.js';
-
-const HELP_TEST_ID = 'bezier-react-help';
-const HELP_DISPLAY_NAME = 'Help';
-function Help(_a) {
-  var {
-      children
-    } = _a,
-    rest = __rest(_a, ["children"]);
-  if (isEmpty(children)) {
-    return null;
-  }
-  return e__default.createElement(Tooltip, Object.assign({}, rest, {
-    content: children
-  }), e__default.createElement(Icon, {
-    testId: HELP_TEST_ID,
-    source: r,
-    size: IconSize.XS,
-    color: "txt-black-dark"
-  }));
-}
-Help.displayName = HELP_DISPLAY_NAME;
-
-export { HELP_DISPLAY_NAME, HELP_TEST_ID, Help as default };
-//# sourceMappingURL=Help.js.map

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

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

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-export declare const Icon: 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 Tooltip: 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>;
-//# sourceMappingURL=Help.styled.d.ts.map

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

@@ -1,24 +0,0 @@
-import Tooltip$1 from '../Tooltip/Tooltip.js';
-import { Icon as Icon$1 } from '../Icon/Icon.js';
-import { styled as FoundationStyled } from '../../foundation/FoundationStyledComponent.js';
-
-const Icon = FoundationStyled(Icon$1)``;
-const Tooltip = FoundationStyled(Tooltip$1)`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  &:hover {
-    > ${Icon} {
-      color: ${({
-  foundation
-}) => {
-  var _a;
-  return (_a = foundation === null || foundation === void 0 ? void 0 : foundation.theme) === null || _a === void 0 ? void 0 : _a['txt-black-darkest'];
-}};
-    }
-  }
-`;
-
-export { Icon, Tooltip };
-//# sourceMappingURL=Help.styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Help.styled.js","sources":["../../../../src/components/Help/Help.styled.ts"],"sourcesContent":["import { styled } from '~/src/foundation'\n\nimport { Icon as BaseIcon } from '~/src/components/Icon'\nimport { Tooltip as BaseTooltip } from '~/src/components/Tooltip'\n\nexport const Icon = styled(BaseIcon)``\n\nexport const Tooltip = styled(BaseTooltip)`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  &:hover {\n    > ${Icon} {\n      color: ${({ foundation }) => foundation?.theme?.['txt-black-darkest']};\n    }\n  }\n`\n"],"names":["Icon","styled","BaseIcon","Tooltip","BaseTooltip","foundation","_a","theme"],"mappings":";;;;MAKaA,IAAI,GAAGC,gBAAM,CAACC,MAAQ,CAAC,CAAE,EAAA;MAEzBC,OAAO,GAAGF,gBAAM,CAACG,SAAW,CAAC,CAAA;;;;;;QAMlCJ,IAAI,CAAA;AACG,aAAA,EAAA,CAAC;AAAEK,EAAAA,UAAAA;AAAU,CAAE,KAAI;AAAA,EAAA,IAAAC,EAAA,CAAA;AAAC,EAAA,OAAA,CAAAA,EAAA,GAAAD,UAAU,aAAVA,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAVA,UAAU,CAAEE,KAAK,0CAAG,mBAAmB,CAAC,CAAA;AAAA,CAAA,CAAA;;;;;;;"}

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

@@ -1,5 +0,0 @@
-import { type BezierComponentProps, type ChildrenProps } from "../../types/ComponentProps";
-import { type TooltipProps } from "../Tooltip";
-export default interface HelpProps extends BezierComponentProps, ChildrenProps, Omit<TooltipProps, 'content'> {
-}
-//# sourceMappingURL=Help.types.d.ts.map

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

@@ -1,4 +0,0 @@
-export { default as Help } from './Help';
-export { HELP_DISPLAY_NAME } from './Help';
-export type { default as HelpProps } from './Help.types';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1,5 +0,0 @@
-import React from 'react';
-import { type IconProps } from './Icon.types';
-export declare const ICON_TEST_ID = "bezier-react-icon";
-export declare const Icon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-//# sourceMappingURL=Icon.d.ts.map

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

@@ -1,36 +0,0 @@
-import { __rest } from '../../../node_modules/tslib/tslib.es6.js';
-import e__default, { memo, forwardRef } from 'react';
-import { IconSize } from './Icon.types.js';
-import Styled from './Icon.styled.js';
-
-const ICON_TEST_ID = 'bezier-react-icon';
-const Icon = memo(forwardRef(function Icon(_a, forwardedRef) {
-  var {
-      source,
-      className,
-      color,
-      testId = ICON_TEST_ID,
-      size = IconSize.Normal,
-      marginTop = 0,
-      marginRight = 0,
-      marginBottom = 0,
-      marginLeft = 0
-    } = _a,
-    rest = __rest(_a, ["source", "className", "color", "testId", "size", "marginTop", "marginRight", "marginBottom", "marginLeft"]);
-  return e__default.createElement(Styled, Object.assign({
-    ref: forwardedRef,
-    as: source,
-    className: className,
-    "data-testid": testId,
-    color: color,
-    width: size,
-    height: size,
-    margintop: marginTop,
-    marginright: marginRight,
-    marginbottom: marginBottom,
-    marginleft: marginLeft
-  }, rest));
-}));
-
-export { ICON_TEST_ID, Icon };
-//# sourceMappingURL=Icon.js.map

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

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

@@ -1,12 +0,0 @@
-import { type ColorProps } from "../../types/ComponentProps";
-interface IconStyledProps extends ColorProps {
-    margintop: number;
-    marginright: number;
-    marginbottom: number;
-    marginleft: number;
-}
-declare const Icon: import("styled-components").StyledComponent<"svg", import("~/src/foundation").Foundation, {
-    foundation?: import("~/src/foundation").Foundation | undefined;
-} & IconStyledProps, never>;
-export default Icon;
-//# sourceMappingURL=Icon.styled.d.ts.map

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

@@ -1,31 +0,0 @@
-import { styled as FoundationStyled } from '../../foundation/FoundationStyledComponent.js';
-
-function getMargin({
-  margintop,
-  marginright,
-  marginbottom,
-  marginleft
-}) {
-  return `${margintop}px ${marginright}px ${marginbottom}px ${marginleft}px`;
-}
-const Icon = FoundationStyled.svg`
-  flex: 0 0 auto;
-  margin: ${getMargin};
-  color: ${({
-  foundation,
-  color
-}) => {
-  var _a;
-  return color && ((_a = foundation === null || foundation === void 0 ? void 0 : foundation.theme) === null || _a === void 0 ? void 0 : _a[color]) || 'inherit';
-}};
-  ${({
-  foundation
-}) => {
-  var _a;
-  return (_a = foundation === null || foundation === void 0 ? void 0 : foundation.transition) === null || _a === void 0 ? void 0 : _a.getTransitionsCSS('color');
-}}
-`;
-var Styled = Icon;
-
-export { Styled as default };
-//# sourceMappingURL=Icon.styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Icon.styled.js","sources":["../../../../src/components/Icon/Icon.styled.ts"],"sourcesContent":["import { styled } from '~/src/foundation'\n\nimport { type ColorProps } from '~/src/types/ComponentProps'\n\ninterface IconStyledProps extends ColorProps {\n  margintop: number\n  marginright: number\n  marginbottom: number\n  marginleft: number\n}\n\nfunction getMargin({\n  margintop,\n  marginright,\n  marginbottom,\n  marginleft,\n}: IconStyledProps): string {\n  return `${margintop}px ${marginright}px ${marginbottom}px ${marginleft}px`\n}\n\nconst Icon = styled.svg<IconStyledProps>`\n  flex: 0 0 auto;\n  margin: ${getMargin};\n  color: ${({ foundation, color }) => (color && foundation?.theme?.[color]) || 'inherit'};\n  ${({ foundation }) => foundation?.transition?.getTransitionsCSS('color')}\n`\n\nexport default Icon\n"],"names":["getMargin","margintop","marginright","marginbottom","marginleft","Icon","styled","svg","foundation","color","_a","theme","transition","getTransitionsCSS"],"mappings":";;AAWA,SAASA,SAAS,CAAC;EACjBC,SAAS;EACTC,WAAW;EACXC,YAAY;AACZC,EAAAA,UAAAA;AACgB,CAAA,EAAA;EAChB,OAAO,CAAA,EAAGH,SAAe,CAAAC,GAAAA,EAAAA,iBAAiBC,YAAY,CAAA,GAAA,EAAMC,UAAU,CAAI,EAAA,CAAA,CAAA;AAC5E,CAAA;AAEA,MAAMC,IAAI,GAAGC,gBAAM,CAACC,GAAoB,CAAA;;YAE5BP,SAAS,CAAA;AACV,SAAA,EAAA,CAAC;EAAEQ,UAAU;AAAEC,EAAAA,KAAAA;AAAO,CAAA,KAAI;AAAA,EAAA,IAAAC,EAAA,CAAA;AAAC,EAAA,OAACD,KAAK,KAAI,CAAAC,EAAA,GAAAF,UAAU,KAAV,IAAA,IAAAA,UAAU,KAAV,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,UAAU,CAAEG,KAAK,MAAG,IAAA,IAAAD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAD,KAAK,CAAC,CAAA,IAAK,SAAS,CAAA;AAAA,CAAA,CAAA;IACpF,CAAC;AAAED,EAAAA,UAAAA;AAAY,CAAA,KAAK;AAAA,EAAA,IAAAE,EAAA,CAAA;AAAA,EAAA,OAAA,MAAAF,UAAU,KAAA,IAAA,IAAVA,UAAU,KAAV,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,UAAU,CAAEI,UAAU,MAAA,IAAA,IAAAF,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAEG,iBAAiB,CAAC,OAAO,CAAC,CAAA;AAAA,CAAA,CAAA;CACzE,CAAA;AAED,aAAeR,IAAI;;;;"}

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

@@ -1,54 +0,0 @@
-import type React from 'react';
-import { type BezierComponentProps, type ColorProps, type SizeProps } from "../../types/ComponentProps";
-export declare enum IconSize {
-    XL = 44,
-    L = 36,
-    Normal = 24,
-    S = 20,
-    XS = 16,
-    XXS = 12,
-    XXXS = 10
-}
-interface IconOptions {
-    /**
-     * Controls which icon should be rendered.
-     * Inject the icon component from the @channel.io/bezier-icons package into this prop.
-     *
-     * @example
-     * ```tsx
-     * import { HeartFilledIcon } from '@channel.io/bezier-icons'
-     * import { Icon } from '@channel.io/bezier-react'
-     *
-     * <Icon source={HeartFilledIcon} {...} />
-     * ```
-     */
-    source: React.ElementType<React.SVGProps<SVGSVGElement>>;
-    /**
-     * Top margin.
-     *
-     * @default 0
-     */
-    marginTop?: number;
-    /**
-     * Right margin.
-     *
-     * @default 0
-     */
-    marginRight?: number;
-    /**
-     * Bottom margin.
-     *
-     * @default 0
-     */
-    marginBottom?: number;
-    /**
-     * Left margin.
-     *
-     * @default 0
-     */
-    marginLeft?: number;
-}
-export interface IconProps extends Omit<BezierComponentProps, 'as'>, SizeProps<IconSize>, ColorProps, Omit<React.HTMLAttributes<SVGSVGElement>, keyof ColorProps>, IconOptions {
-}
-export {};
-//# sourceMappingURL=Icon.types.d.ts.map

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

@@ -1,13 +0,0 @@
-var IconSize;
-(function (IconSize) {
-  IconSize[IconSize["XL"] = 44] = "XL";
-  IconSize[IconSize["L"] = 36] = "L";
-  IconSize[IconSize["Normal"] = 24] = "Normal";
-  IconSize[IconSize["S"] = 20] = "S";
-  IconSize[IconSize["XS"] = 16] = "XS";
-  IconSize[IconSize["XXS"] = 12] = "XXS";
-  IconSize[IconSize["XXXS"] = 10] = "XXXS";
-})(IconSize || (IconSize = {}));
-
-export { IconSize };
-//# sourceMappingURL=Icon.types.js.map

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

@@ -1 +0,0 @@
-{"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,3 +0,0 @@
-export { Icon } from './Icon';
-export { type IconProps, IconSize, } from './Icon.types';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1,12 +0,0 @@
-import type React from 'react';
-import { type InterpolationProps } from "../../types/Foundation";
-export declare const KeyValueListItemWrapper: import("styled-components").StyledComponent<"div", import("~/src/foundation").Foundation, {
-    foundation?: import("~/src/foundation").Foundation | undefined;
-} & InterpolationProps, never>;
-export interface KeyValueListItemContainerProps {
-    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
-}
-export declare const KeyValueListItemContainer: import("styled-components").StyledComponent<"div", import("~/src/foundation").Foundation, {
-    foundation?: import("~/src/foundation").Foundation | undefined;
-} & KeyValueListItemContainerProps, never>;
-//# sourceMappingURL=KeyValueListItem.common.styled.d.ts.map

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

@@ -1,45 +0,0 @@
-import { styled as FoundationStyled, css as FoundationCSS } from '../../foundation/FoundationStyledComponent.js';
-
-const KeyValueListItemWrapper = FoundationStyled.div`
-  ${({
-  foundation
-}) => {
-  var _a;
-  return (_a = foundation === null || foundation === void 0 ? void 0 : foundation.rounding) === null || _a === void 0 ? void 0 : _a.round6;
-}}
-  ${({
-  foundation
-}) => foundation === null || foundation === void 0 ? void 0 : foundation.transition.getTransitionsCSS(['background-color', 'color'])}
-  ${({
-  interpolation
-}) => interpolation}
-`;
-const KeyValueListItemContainer = FoundationStyled.div`
-  box-sizing: border-box;
-  display: flex;
-  align-items: flex-start;
-  padding: 4px 6px;
-
-  ${({
-  foundation
-}) => {
-  var _a;
-  return (_a = foundation === null || foundation === void 0 ? void 0 : foundation.rounding) === null || _a === void 0 ? void 0 : _a.round6;
-}};
-  ${({
-  onClick
-}) => onClick && FoundationCSS`
-    cursor: pointer;
-    &:hover {
-      background-color: ${({
-  foundation
-}) => {
-  var _a;
-  return (_a = foundation === null || foundation === void 0 ? void 0 : foundation.theme) === null || _a === void 0 ? void 0 : _a['bg-black-lighter'];
-}};
-    }
-  `};
-`;
-
-export { KeyValueListItemContainer, KeyValueListItemWrapper };
-//# sourceMappingURL=KeyValueListItem.common.styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"KeyValueListItem.common.styled.js","sources":["../../../../src/components/KeyValueListItem/KeyValueListItem.common.styled.ts"],"sourcesContent":["import type React from 'react'\n\nimport {\n  css,\n  styled,\n} from '~/src/foundation'\n\nimport { type InterpolationProps } from '~/src/types/Foundation'\n\nexport const KeyValueListItemWrapper = styled.div<InterpolationProps>`\n  ${({ foundation }) => foundation?.rounding?.round6}\n  ${({ foundation }) => foundation?.transition.getTransitionsCSS(['background-color', 'color'])}\n  ${({ interpolation }) => interpolation}\n`\n\nexport interface KeyValueListItemContainerProps {\n  onClick?: (e: React.MouseEvent<HTMLDivElement>) => void\n}\n\nexport const KeyValueListItemContainer = styled.div<KeyValueListItemContainerProps>`\n  box-sizing: border-box;\n  display: flex;\n  align-items: flex-start;\n  padding: 4px 6px;\n\n  ${({ foundation }) => foundation?.rounding?.round6};\n  ${({ onClick }) => onClick && css`\n    cursor: pointer;\n    &:hover {\n      background-color: ${({ foundation }) => foundation?.theme?.['bg-black-lighter']};\n    }\n  `};\n`\n"],"names":["KeyValueListItemWrapper","styled","div","foundation","_a","rounding","round6","transition","getTransitionsCSS","interpolation","KeyValueListItemContainer","onClick","css","theme"],"mappings":";;AASaA,MAAAA,uBAAuB,GAAGC,gBAAM,CAACC,GAAuB,CAAA;AACjE,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;IAChD,CAAC;AAAEH,EAAAA,UAAAA;AAAY,CAAA,KAAKA,UAAU,aAAVA,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAVA,UAAU,CAAEI,UAAU,CAACC,iBAAiB,CAAC,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAAC,CAAA;AAC3F,EAAA,EAAA,CAAC;AAAEC,EAAAA,aAAAA;AAAa,CAAE,KAAKA,aAAa,CAAA;EACvC;AAMYC,MAAAA,yBAAyB,GAAGT,gBAAM,CAACC,GAAmC,CAAA;;;;;;AAM/E,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;IAChD,CAAC;AAAEK,EAAAA,OAAAA;AAAS,CAAA,KAAKA,OAAO,IAAIC,aAAG,CAAA;;;AAGT,wBAAA,EAAA,CAAC;AAAET,EAAAA,UAAAA;AAAU,CAAE,KAAI;AAAA,EAAA,IAAAC,EAAA,CAAA;AAAC,EAAA,OAAA,CAAAA,EAAA,GAAAD,UAAU,aAAVA,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAVA,UAAU,CAAEU,KAAK,0CAAG,kBAAkB,CAAC,CAAA;AAAA,CAAA,CAAA;;AAElF,EAAA,CAAA,CAAA;;;;;"}

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

@@ -1,8 +0,0 @@
-export declare const TEST_ID_MAP: {
-    ROOT: string;
-    MULTILINE_ROOT: string;
-    KEY_ITEM: string;
-    VALUE_ITEM: string;
-    ACTIONS_ITEM: string;
-};
-//# sourceMappingURL=KeyValueListItem.const.d.ts.map

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

@@ -1,10 +0,0 @@
-const TEST_ID_MAP = {
-  ROOT: 'bezier-react-key-value-list-item',
-  MULTILINE_ROOT: 'bezier-react-key-value-list-item-multiline',
-  KEY_ITEM: 'bezier-react-key-value-list-item-key-item',
-  VALUE_ITEM: 'bezier-react-key-value-list-item-value-item',
-  ACTIONS_ITEM: 'bezier-react-key-value-list-item-actions-item'
-};
-
-export { TEST_ID_MAP };
-//# sourceMappingURL=KeyValueListItem.const.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"KeyValueListItem.const.js","sources":["../../../../src/components/KeyValueListItem/KeyValueListItem.const.ts"],"sourcesContent":["export const TEST_ID_MAP = {\n  ROOT: 'bezier-react-key-value-list-item',\n  MULTILINE_ROOT: 'bezier-react-key-value-list-item-multiline',\n  KEY_ITEM: 'bezier-react-key-value-list-item-key-item',\n  VALUE_ITEM: 'bezier-react-key-value-list-item-value-item',\n  ACTIONS_ITEM: 'bezier-react-key-value-list-item-actions-item',\n}\n"],"names":["TEST_ID_MAP","ROOT","MULTILINE_ROOT","KEY_ITEM","VALUE_ITEM","ACTIONS_ITEM"],"mappings":"AAAO,MAAMA,WAAW,GAAG;AACzBC,EAAAA,IAAI,EAAE,kCAAkC;AACxCC,EAAAA,cAAc,EAAE,4CAA4C;AAC5DC,EAAAA,QAAQ,EAAE,2CAA2C;AACrDC,EAAAA,UAAU,EAAE,6CAA6C;AACzDC,EAAAA,YAAY,EAAE,+CAAA;;;;;"}

package/build/src/components/KeyValueListItem/KeyValueListItem.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=KeyValueListItem.d.ts.map