@channel.io/bezier-react 2.0.0-alpha.7 → 2.0.0-alpha.8

package/dist/cjs/components/Forms/FormLabel/FormLabel.js

@@ -7,8 +7,8 @@ var Help = require('../../Help/Help.js');
 var FormLabel_module = require('./FormLabel.module.scss.js');
 var FormControlContext = require('../FormControl/FormControlContext.js');
 var Text = require('../../Text/Text.js');
-var HStack = require('../../LegacyStack/HStack/HStack.js');
-var StackItem = require('../../LegacyStack/StackItem/StackItem.js');
+var LegacyHStack = require('../../LegacyStack/LegacyHStack/LegacyHStack.js');
+var LegacyStackItem = require('../../LegacyStack/LegacyStackItem/LegacyStackItem.js');
 
 const FORM_LABEL_TEST_ID = 'bezier-react-form-label';
 
@@ -71,14 +71,14 @@ const FormLabel = /*#__PURE__*/React.forwardRef(function FormLabel(props, forwar
   if (type.isEmpty(children)) {
     return null;
   }
-  return !HelpComponent ? LabelComponent : /*#__PURE__*/React.createElement(HStack.HStack, {
+  return !HelpComponent ? LabelComponent : /*#__PURE__*/React.createElement(LegacyHStack.LegacyHStack, {
     align: "center",
     spacing: 6,
     className: HelpComponent && formControlClassName
-  }, /*#__PURE__*/React.createElement(StackItem.StackItem, {
+  }, /*#__PURE__*/React.createElement(LegacyStackItem.LegacyStackItem, {
     shrink: true,
     weight: 1
-  }, LabelComponent), /*#__PURE__*/React.createElement(StackItem.StackItem, null, HelpComponent));
+  }, LabelComponent), /*#__PURE__*/React.createElement(LegacyStackItem.LegacyStackItem, null, HelpComponent));
 });
 
 exports.FORM_LABEL_TEST_ID = FORM_LABEL_TEST_ID;

package/dist/cjs/components/Forms/FormLabel/FormLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormLabel.js","sources":["../../../../../src/components/Forms/FormLabel/FormLabel.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nimport classNames from 'classnames'\n\nimport { isEmpty } from '~/src/utils/type'\n\nimport { useFormControlContext } from '~/src/components/Forms/FormControl'\nimport { Help } from '~/src/components/Help'\nimport { HELP_DISPLAY_NAME } from '~/src/components/Help/Help'\nimport {\n  LegacyHStack,\n  LegacyStackItem,\n} from '~/src/components/LegacyStack'\nimport { Text } from '~/src/components/Text'\n\nimport { type FormLabelProps } from './FormLabel.types'\n\nimport styles from './FormLabel.module.scss'\n\nexport const FORM_LABEL_TEST_ID = 'bezier-react-form-label'\n\n/**\n * `FormLabel` is a component to show label.\n * `FormControl` component can handle its layout by `position` props.\n *\n * @example\n * ```tsx\n * <FormControl position=\"top\">\n *   <FormLabel>\n *     Name\n *   </FormLabel>\n *   <TextField />\n * </FormControl>\n * ```\n */\nexport const FormLabel = forwardRef<HTMLLabelElement, FormLabelProps>(function FormLabel(props, forwardedRef) {\n  const {\n    testId = FORM_LABEL_TEST_ID,\n    help,\n    bold = true,\n    color = 'txt-black-darkest',\n    children,\n    ...rest\n  } = props\n\n  const contextValue = useFormControlContext()\n  const {\n    className: formControlClassName,\n    ...ownProps\n  } = contextValue?.getLabelProps(rest) ?? {\n    typo: '13',\n    className: undefined,\n    ...rest,\n  }\n\n  const HelpComponent = (() => {\n    if (isEmpty(help)) { return null }\n\n    if (React.isValidElement(help)) {\n      // FIXME(@bora): string, JSXElementCostructor 타입에 displayName 속성이 존재하지 않음, 임시로 any 타입으로 설정\n      const { displayName } = help?.type as any\n      if (displayName === HELP_DISPLAY_NAME) {\n        return help\n      }\n    }\n\n    return (\n      <Help>\n        { help }\n      </Help>\n    )\n  })()\n\n  const LabelComponent = (\n    <Text\n      className={classNames(\n        styles.LabelText,\n        !HelpComponent && formControlClassName,\n      )}\n      ref={forwardedRef}\n      testId={testId}\n      as=\"label\"\n      align=\"left\"\n      bold={bold}\n      color={color}\n      {...ownProps}\n    >\n      { children }\n    </Text>\n  )\n\n  if (isEmpty(children)) { return null }\n\n  return (\n    !HelpComponent\n      ? LabelComponent\n      : (\n        <LegacyHStack align=\"center\" spacing={6} className={HelpComponent && formControlClassName}>\n          <LegacyStackItem shrink weight={1}>\n            { LabelComponent }\n          </LegacyStackItem>\n          <LegacyStackItem>\n            { HelpComponent }\n          </LegacyStackItem>\n        </LegacyHStack>\n      ))\n})\n"],"names":["FORM_LABEL_TEST_ID","FormLabel","forwardRef","props","forwardedRef","testId","help","bold","color","children","rest","contextValue","useFormControlContext","className","formControlClassName","ownProps","getLabelProps","typo","undefined","HelpComponent","isEmpty","React","isValidElement","displayName","type","HELP_DISPLAY_NAME","createElement","Help","LabelComponent","Text","Object","assign","classNames","styles","LabelText","ref","as","align","LegacyHStack","spacing","LegacyStackItem","shrink","weight"],"mappings":";;;;;;;;;;;;AAmBO,MAAMA,kBAAkB,GAAG,0BAAyB;;AAE3D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,SAAS,gBAAGC,gBAAU,CAAmC,SAASD,SAASA,CAACE,KAAK,EAAEC,YAAY,EAAE;EAC5G,MAAM;AACJC,IAAAA,MAAM,GAAGL,kBAAkB;IAC3BM,IAAI;AACJC,IAAAA,IAAI,GAAG,IAAI;AACXC,IAAAA,KAAK,GAAG,mBAAmB;IAC3BC,QAAQ;IACR,GAAGC,IAAAA;AACL,GAAC,GAAGP,KAAK,CAAA;AAET,EAAA,MAAMQ,YAAY,GAAGC,wCAAqB,EAAE,CAAA;EAC5C,MAAM;AACJC,IAAAA,SAAS,EAAEC,oBAAoB;IAC/B,GAAGC,QAAAA;AACL,GAAC,GAAGJ,YAAY,EAAEK,aAAa,CAACN,IAAI,CAAC,IAAI;AACvCO,IAAAA,IAAI,EAAE,IAAI;AACVJ,IAAAA,SAAS,EAAEK,SAAS;IACpB,GAAGR,IAAAA;GACJ,CAAA;EAED,MAAMS,aAAa,GAAG,CAAC,MAAM;AAC3B,IAAA,IAAIC,YAAO,CAACd,IAAI,CAAC,EAAE;AAAE,MAAA,OAAO,IAAI,CAAA;AAAC,KAAA;AAEjC,IAAA,kBAAIe,KAAK,CAACC,cAAc,CAAChB,IAAI,CAAC,EAAE;AAC9B;MACA,MAAM;AAAEiB,QAAAA,WAAAA;OAAa,GAAGjB,IAAI,EAAEkB,IAAW,CAAA;MACzC,IAAID,WAAW,KAAKE,sBAAiB,EAAE;AACrC,QAAA,OAAOnB,IAAI,CAAA;AACb,OAAA;AACF,KAAA;AAEA,IAAA,oBACEe,KAAA,CAAAK,aAAA,CAACC,YAAI,EAAA,IAAA,EACDrB,IACE,CAAC,CAAA;AAEX,GAAC,GAAG,CAAA;EAEJ,MAAMsB,cAAc,gBAClBP,KAAA,CAAAK,aAAA,CAACG,SAAI,EAAAC,MAAA,CAAAC,MAAA,CAAA;IACHlB,SAAS,EAAEmB,aAAU,CACnBC,wBAAM,CAACC,SAAS,EAChB,CAACf,aAAa,IAAIL,oBACpB,CAAE;AACFqB,IAAAA,GAAG,EAAE/B,YAAa;AAClBC,IAAAA,MAAM,EAAEA,MAAO;AACf+B,IAAAA,EAAE,EAAC,OAAO;AACVC,IAAAA,KAAK,EAAC,MAAM;AACZ9B,IAAAA,IAAI,EAAEA,IAAK;AACXC,IAAAA,KAAK,EAAEA,KAAAA;GACHO,EAAAA,QAAQ,CAEVN,EAAAA,QACE,CACP,CAAA;AAED,EAAA,IAAIW,YAAO,CAACX,QAAQ,CAAC,EAAE;AAAE,IAAA,OAAO,IAAI,CAAA;AAAC,GAAA;EAErC,OACE,CAACU,aAAa,GACVS,cAAc,gBAEdP,KAAA,CAAAK,aAAA,CAACY,aAAY,EAAA;AAACD,IAAAA,KAAK,EAAC,QAAQ;AAACE,IAAAA,OAAO,EAAE,CAAE;IAAC1B,SAAS,EAAEM,aAAa,IAAIL,oBAAAA;AAAqB,GAAA,eACxFO,KAAA,CAAAK,aAAA,CAACc,mBAAe,EAAA;IAACC,MAAM,EAAA,IAAA;AAACC,IAAAA,MAAM,EAAE,CAAA;GAC5Bd,EAAAA,cACa,CAAC,eAClBP,KAAA,CAAAK,aAAA,CAACc,mBAAe,EAAA,IAAA,EACZrB,aACa,CACL,CACf,CAAA;AACP,CAAC;;;;;"}
+{"version":3,"file":"FormLabel.js","sources":["../../../../../src/components/Forms/FormLabel/FormLabel.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nimport classNames from 'classnames'\n\nimport { isEmpty } from '~/src/utils/type'\n\nimport { useFormControlContext } from '~/src/components/Forms/FormControl'\nimport { Help } from '~/src/components/Help'\nimport { HELP_DISPLAY_NAME } from '~/src/components/Help/Help'\nimport {\n  LegacyHStack,\n  LegacyStackItem,\n} from '~/src/components/LegacyStack'\nimport { Text } from '~/src/components/Text'\n\nimport { type FormLabelProps } from './FormLabel.types'\n\nimport styles from './FormLabel.module.scss'\n\nexport const FORM_LABEL_TEST_ID = 'bezier-react-form-label'\n\n/**\n * `FormLabel` is a component to show label.\n * `FormControl` component can handle its layout by `position` props.\n *\n * @example\n * ```tsx\n * <FormControl position=\"top\">\n *   <FormLabel>\n *     Name\n *   </FormLabel>\n *   <TextField />\n * </FormControl>\n * ```\n */\nexport const FormLabel = forwardRef<HTMLLabelElement, FormLabelProps>(function FormLabel(props, forwardedRef) {\n  const {\n    testId = FORM_LABEL_TEST_ID,\n    help,\n    bold = true,\n    color = 'txt-black-darkest',\n    children,\n    ...rest\n  } = props\n\n  const contextValue = useFormControlContext()\n  const {\n    className: formControlClassName,\n    ...ownProps\n  } = contextValue?.getLabelProps(rest) ?? {\n    typo: '13',\n    className: undefined,\n    ...rest,\n  }\n\n  const HelpComponent = (() => {\n    if (isEmpty(help)) { return null }\n\n    if (React.isValidElement(help)) {\n      // FIXME(@bora): string, JSXElementCostructor 타입에 displayName 속성이 존재하지 않음, 임시로 any 타입으로 설정\n      const { displayName } = help?.type as any\n      if (displayName === HELP_DISPLAY_NAME) {\n        return help\n      }\n    }\n\n    return (\n      <Help>\n        { help }\n      </Help>\n    )\n  })()\n\n  const LabelComponent = (\n    <Text\n      className={classNames(\n        styles.LabelText,\n        !HelpComponent && formControlClassName,\n      )}\n      ref={forwardedRef}\n      testId={testId}\n      as=\"label\"\n      align=\"left\"\n      bold={bold}\n      color={color}\n      {...ownProps}\n    >\n      { children }\n    </Text>\n  )\n\n  if (isEmpty(children)) { return null }\n\n  return (\n    !HelpComponent\n      ? LabelComponent\n      : (\n        <LegacyHStack align=\"center\" spacing={6} className={HelpComponent && formControlClassName}>\n          <LegacyStackItem shrink weight={1}>\n            { LabelComponent }\n          </LegacyStackItem>\n          <LegacyStackItem>\n            { HelpComponent }\n          </LegacyStackItem>\n        </LegacyHStack>\n      ))\n})\n"],"names":["FORM_LABEL_TEST_ID","FormLabel","forwardRef","props","forwardedRef","testId","help","bold","color","children","rest","contextValue","useFormControlContext","className","formControlClassName","ownProps","getLabelProps","typo","undefined","HelpComponent","isEmpty","React","isValidElement","displayName","type","HELP_DISPLAY_NAME","createElement","Help","LabelComponent","Text","Object","assign","classNames","styles","LabelText","ref","as","align","LegacyHStack","spacing","LegacyStackItem","shrink","weight"],"mappings":";;;;;;;;;;;;AAmBO,MAAMA,kBAAkB,GAAG,0BAAyB;;AAE3D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,SAAS,gBAAGC,gBAAU,CAAmC,SAASD,SAASA,CAACE,KAAK,EAAEC,YAAY,EAAE;EAC5G,MAAM;AACJC,IAAAA,MAAM,GAAGL,kBAAkB;IAC3BM,IAAI;AACJC,IAAAA,IAAI,GAAG,IAAI;AACXC,IAAAA,KAAK,GAAG,mBAAmB;IAC3BC,QAAQ;IACR,GAAGC,IAAAA;AACL,GAAC,GAAGP,KAAK,CAAA;AAET,EAAA,MAAMQ,YAAY,GAAGC,wCAAqB,EAAE,CAAA;EAC5C,MAAM;AACJC,IAAAA,SAAS,EAAEC,oBAAoB;IAC/B,GAAGC,QAAAA;AACL,GAAC,GAAGJ,YAAY,EAAEK,aAAa,CAACN,IAAI,CAAC,IAAI;AACvCO,IAAAA,IAAI,EAAE,IAAI;AACVJ,IAAAA,SAAS,EAAEK,SAAS;IACpB,GAAGR,IAAAA;GACJ,CAAA;EAED,MAAMS,aAAa,GAAG,CAAC,MAAM;AAC3B,IAAA,IAAIC,YAAO,CAACd,IAAI,CAAC,EAAE;AAAE,MAAA,OAAO,IAAI,CAAA;AAAC,KAAA;AAEjC,IAAA,kBAAIe,KAAK,CAACC,cAAc,CAAChB,IAAI,CAAC,EAAE;AAC9B;MACA,MAAM;AAAEiB,QAAAA,WAAAA;OAAa,GAAGjB,IAAI,EAAEkB,IAAW,CAAA;MACzC,IAAID,WAAW,KAAKE,sBAAiB,EAAE;AACrC,QAAA,OAAOnB,IAAI,CAAA;AACb,OAAA;AACF,KAAA;AAEA,IAAA,oBACEe,KAAA,CAAAK,aAAA,CAACC,YAAI,EAAA,IAAA,EACDrB,IACE,CAAC,CAAA;AAEX,GAAC,GAAG,CAAA;EAEJ,MAAMsB,cAAc,gBAClBP,KAAA,CAAAK,aAAA,CAACG,SAAI,EAAAC,MAAA,CAAAC,MAAA,CAAA;IACHlB,SAAS,EAAEmB,aAAU,CACnBC,wBAAM,CAACC,SAAS,EAChB,CAACf,aAAa,IAAIL,oBACpB,CAAE;AACFqB,IAAAA,GAAG,EAAE/B,YAAa;AAClBC,IAAAA,MAAM,EAAEA,MAAO;AACf+B,IAAAA,EAAE,EAAC,OAAO;AACVC,IAAAA,KAAK,EAAC,MAAM;AACZ9B,IAAAA,IAAI,EAAEA,IAAK;AACXC,IAAAA,KAAK,EAAEA,KAAAA;GACHO,EAAAA,QAAQ,CAEVN,EAAAA,QACE,CACP,CAAA;AAED,EAAA,IAAIW,YAAO,CAACX,QAAQ,CAAC,EAAE;AAAE,IAAA,OAAO,IAAI,CAAA;AAAC,GAAA;EAErC,OACE,CAACU,aAAa,GACVS,cAAc,gBAEdP,KAAA,CAAAK,aAAA,CAACY,yBAAY,EAAA;AAACD,IAAAA,KAAK,EAAC,QAAQ;AAACE,IAAAA,OAAO,EAAE,CAAE;IAAC1B,SAAS,EAAEM,aAAa,IAAIL,oBAAAA;AAAqB,GAAA,eACxFO,KAAA,CAAAK,aAAA,CAACc,+BAAe,EAAA;IAACC,MAAM,EAAA,IAAA;AAACC,IAAAA,MAAM,EAAE,CAAA;GAC5Bd,EAAAA,cACa,CAAC,eAClBP,KAAA,CAAAK,aAAA,CAACc,+BAAe,EAAA,IAAA,EACZrB,aACa,CACL,CACf,CAAA;AACP,CAAC;;;;;"}

package/dist/cjs/components/KeyValueItem/KeyValueItem.js

@@ -0,0 +1,138 @@
+'use strict';
+
+var React = require('react');
+var bezierIcons = require('@channel.io/bezier-icons');
+var index = require('../../node_modules/classnames/index.js');
+var type = require('../../utils/type.js');
+var KeyValueItem_module = require('./KeyValueItem.module.scss.js');
+var Icon = require('../Icon/Icon.js');
+var Icon_types = require('../Icon/Icon.types.js');
+var Text = require('../Text/Text.js');
+var Tooltip = require('../Tooltip/Tooltip.js');
+var Button = require('../Button/Button.js');
+var Button_types = require('../Button/Button.types.js');
+
+const KEY_VALUE_ITEM_TEST_ID = 'bezier-key-value-item';
+const KEY_VALUE_ITEM_KEY_ICON_TEST_ID = 'bezier-key-value-item-key-icon';
+function KeyItem({
+  icon,
+  children
+}) {
+  return /*#__PURE__*/React.createElement("div", {
+    className: KeyValueItem_module.default.KeyItem
+  }, bezierIcons.isBezierIcon(icon) ? /*#__PURE__*/React.createElement(Icon.Icon, {
+    size: Icon_types.IconSize.S,
+    source: icon,
+    color: "txt-black-dark",
+    testId: KEY_VALUE_ITEM_KEY_ICON_TEST_ID
+  }) : icon, /*#__PURE__*/React.createElement(Text.Text, {
+    className: KeyValueItem_module.default.KeyText,
+    bold: true,
+    typo: "12",
+    color: "txt-black-dark",
+    truncated: true
+  }, children));
+}
+function ValueItem({
+  truncated,
+  children
+}) {
+  return /*#__PURE__*/React.createElement(Text.Text, {
+    className: KeyValueItem_module.default.ValueItem,
+    typo: "14",
+    truncated: truncated
+  }, children);
+}
+function isItemActionWithIcon(args) {
+  return 'icon' in args;
+}
+function ActionButton({
+  children
+}) {
+  if (!isItemActionWithIcon(children)) {
+    return children;
+  }
+  const Wrapper = !type.isEmpty(children.tooltip) ? Tooltip.Tooltip : React.Fragment;
+  return /*#__PURE__*/React.createElement(Wrapper, {
+    content: children.tooltip
+  }, /*#__PURE__*/React.createElement(Button.Button, {
+    size: Button_types.ButtonSize.XS,
+    leftContent: children.icon,
+    styleVariant: Button_types.ButtonStyleVariant.Tertiary,
+    colorVariant: Button_types.ButtonColorVariant.MonochromeLight,
+    onClick: children.onClick
+  }));
+}
+function ActionButtonGroup({
+  children
+}) {
+  if (type.isNil(children) || type.isEmpty(children)) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: KeyValueItem_module.default.ItemAction
+  }, type.isArray(children) ? children.map((action, index) =>
+  /*#__PURE__*/
+  // eslint-disable-next-line react/no-array-index-key
+  React.createElement(ActionButton, {
+    key: index
+  }, action)) : /*#__PURE__*/React.createElement(ActionButton, null, children));
+}
+const KeyValueItem = /*#__PURE__*/React.forwardRef(function KeyValueListItem({
+  className,
+  keyIcon,
+  keyContent,
+  actions,
+  children,
+  testId = KEY_VALUE_ITEM_TEST_ID,
+  onClickKey,
+  onClickValue,
+  ...props
+}, forwardedRef) {
+  return /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
+    className: index.default(KeyValueItem_module.default.KeyValueItem, KeyValueItem_module.default.singleline, className),
+    ref: forwardedRef,
+    "data-testid": testId
+  }), /*#__PURE__*/React.createElement("div", {
+    className: index.default(KeyValueItem_module.default.ItemWrapper, KeyValueItem_module.default.KeyItemWrapper, onClickKey && KeyValueItem_module.default.clickable),
+    onClick: onClickKey
+  }, /*#__PURE__*/React.createElement(KeyItem, {
+    icon: keyIcon
+  }, keyContent)), /*#__PURE__*/React.createElement("div", {
+    className: index.default(KeyValueItem_module.default.ItemWrapper, KeyValueItem_module.default.ValueItemWrapper, onClickValue && KeyValueItem_module.default.clickable),
+    onClick: onClickValue
+  }, /*#__PURE__*/React.createElement(ValueItem, {
+    truncated: true
+  }, children), /*#__PURE__*/React.createElement(ActionButtonGroup, null, actions)));
+});
+const KeyValueMultiLineItem = /*#__PURE__*/React.forwardRef(function KeyValueMultiLineListItem({
+  children,
+  className,
+  keyIcon,
+  keyContent,
+  actions,
+  testId = KEY_VALUE_ITEM_TEST_ID,
+  onClickKey,
+  onClickValue,
+  ...props
+}, forwardedRef) {
+  return /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
+    className: index.default(KeyValueItem_module.default.KeyValueItem, KeyValueItem_module.default.multiline, className),
+    ref: forwardedRef,
+    "data-testid": testId
+  }), /*#__PURE__*/React.createElement("div", {
+    className: index.default(KeyValueItem_module.default.ItemWrapper, KeyValueItem_module.default.KeyItemWrapper, onClickKey && KeyValueItem_module.default.clickable),
+    onClick: onClickKey
+  }, /*#__PURE__*/React.createElement(KeyItem, {
+    icon: keyIcon
+  }, keyContent), /*#__PURE__*/React.createElement(ActionButtonGroup, null, actions)), /*#__PURE__*/React.createElement("div", {
+    className: index.default(KeyValueItem_module.default.ItemWrapper, KeyValueItem_module.default.ValueItemWrapper, onClickValue && KeyValueItem_module.default.clickable),
+    onClick: onClickValue
+  }, /*#__PURE__*/React.createElement(ValueItem, null, children)));
+});
+
+exports.KEY_VALUE_ITEM_KEY_ICON_TEST_ID = KEY_VALUE_ITEM_KEY_ICON_TEST_ID;
+exports.KEY_VALUE_ITEM_TEST_ID = KEY_VALUE_ITEM_TEST_ID;
+exports.KeyValueItem = KeyValueItem;
+exports.KeyValueMultiLineItem = KeyValueMultiLineItem;
+//# sourceMappingURL=KeyValueItem.js.map

package/dist/cjs/components/KeyValueItem/KeyValueItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyValueItem.js","sources":["../../../../src/components/KeyValueItem/KeyValueItem.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nimport { isBezierIcon } from '@channel.io/bezier-icons'\nimport classNames from 'classnames'\n\nimport {\n  isArray,\n  isEmpty,\n  isNil,\n} from '~/src/utils/type'\n\nimport {\n  Button,\n  ButtonColorVariant,\n  ButtonSize,\n  ButtonStyleVariant,\n} from '~/src/components/Button'\nimport {\n  Icon,\n  IconSize,\n} from '~/src/components/Icon'\nimport {\n  Text,\n  type TextProps,\n} from '~/src/components/Text'\nimport { Tooltip } from '~/src/components/Tooltip'\n\nimport {\n  type ItemActionWithIcon,\n  type KeyValueItemProps,\n  type KeyValueListItemAction,\n} from './KeyValueItem.types'\n\nimport styles from './KeyValueItem.module.scss'\n\nexport const KEY_VALUE_ITEM_TEST_ID = 'bezier-key-value-item'\nexport const KEY_VALUE_ITEM_KEY_ICON_TEST_ID = 'bezier-key-value-item-key-icon'\n\nfunction KeyItem({\n  icon,\n  children,\n}: {\n  icon: KeyValueItemProps['keyIcon']\n  children: React.ReactNode\n}) {\n  return (\n    <div className={styles.KeyItem}>\n      { isBezierIcon(icon)\n        ? (\n          <Icon\n            size={IconSize.S}\n            source={icon}\n            color=\"txt-black-dark\"\n            testId={KEY_VALUE_ITEM_KEY_ICON_TEST_ID}\n          />\n        )\n        : icon }\n\n      <Text\n        className={styles.KeyText}\n        bold\n        typo=\"12\"\n        color=\"txt-black-dark\"\n        truncated\n      >\n        { children }\n      </Text>\n    </div>\n  )\n}\n\nfunction ValueItem({\n  truncated,\n  children,\n}: TextProps) {\n  return (\n    <Text\n      className={styles.ValueItem}\n      typo=\"14\"\n      truncated={truncated}\n    >\n      { children }\n    </Text>\n  )\n}\n\nfunction isItemActionWithIcon(args: object): args is ItemActionWithIcon {\n  return 'icon' in args\n}\n\nfunction ActionButton({ children }: { children: KeyValueListItemAction }) {\n  if (!isItemActionWithIcon(children)) {\n    return children\n  }\n\n  const Wrapper = !isEmpty(children.tooltip) ? Tooltip : React.Fragment\n\n  return (\n    <Wrapper content={children.tooltip}>\n      <Button\n        size={ButtonSize.XS}\n        leftContent={children.icon}\n        styleVariant={ButtonStyleVariant.Tertiary}\n        colorVariant={ButtonColorVariant.MonochromeLight}\n        onClick={children.onClick}\n      />\n    </Wrapper>\n  )\n}\n\nfunction ActionButtonGroup({ children }: { children: KeyValueItemProps['actions'] }) {\n  if (isNil(children) || isEmpty(children)) {\n    return null\n  }\n\n  return (\n    <div className={styles.ItemAction}>\n      { isArray(children)\n        ? children.map((action, index) => (\n          // eslint-disable-next-line react/no-array-index-key\n          <ActionButton key={index}>\n            { action }\n          </ActionButton>\n        ))\n        : (\n          <ActionButton>\n            { children }\n          </ActionButton>\n        ) }\n    </div>\n  )\n}\n\nexport const KeyValueItem = forwardRef<HTMLDivElement, KeyValueItemProps>(function KeyValueListItem({\n  className,\n  keyIcon,\n  keyContent,\n  actions,\n  children,\n  testId = KEY_VALUE_ITEM_TEST_ID,\n  onClickKey,\n  onClickValue,\n  ...props\n}, forwardedRef) {\n  return (\n    <div\n      {...props}\n      className={classNames(\n        styles.KeyValueItem,\n        styles.singleline,\n        className,\n      )}\n      ref={forwardedRef}\n      data-testid={testId}\n    >\n      { /* Since it allows for click interaction, it should be interactive content,\n        but since it has a button element nested inside it, this is bad HTML markup.\n        It's difficult to fix this without changing the design,\n        so we keep the legacy code that uses the div element. */ }\n      { /* eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */ }\n      <div\n        className={classNames(\n          styles.ItemWrapper,\n          styles.KeyItemWrapper,\n          onClickKey && styles.clickable,\n        )}\n        onClick={onClickKey}\n      >\n        <KeyItem icon={keyIcon}>\n          { keyContent }\n        </KeyItem>\n      </div>\n\n      { /* Since it allows for click interaction, it should be interactive content,\n        but since it has a button element nested inside it, this is bad HTML markup.\n        It's difficult to fix this without changing the design,\n        so we keep the legacy code that uses the div element. */ }\n      { /* eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */ }\n      <div\n        className={classNames(\n          styles.ItemWrapper,\n          styles.ValueItemWrapper,\n          onClickValue && styles.clickable,\n        )}\n        onClick={onClickValue}\n      >\n        <ValueItem truncated>\n          { children }\n        </ValueItem>\n\n        <ActionButtonGroup>\n          { actions }\n        </ActionButtonGroup>\n      </div>\n    </div>\n  )\n})\n\nexport const KeyValueMultiLineItem = forwardRef<HTMLDivElement, KeyValueItemProps>(function KeyValueMultiLineListItem({\n  children,\n  className,\n  keyIcon,\n  keyContent,\n  actions,\n  testId = KEY_VALUE_ITEM_TEST_ID,\n  onClickKey,\n  onClickValue,\n  ...props\n}, forwardedRef) {\n  return (\n    <div\n      {...props}\n      className={classNames(\n        styles.KeyValueItem,\n        styles.multiline,\n        className,\n      )}\n      ref={forwardedRef}\n      data-testid={testId}\n    >\n      { /* Since it allows for click interaction, it should be interactive content,\n        but since it has a button element nested inside it, this is bad HTML markup.\n        It's difficult to fix this without changing the design,\n        so we keep the legacy code that uses the div element. */ }\n      { /* eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */ }\n      <div\n        className={classNames(\n          styles.ItemWrapper,\n          styles.KeyItemWrapper,\n          onClickKey && styles.clickable,\n        )}\n        onClick={onClickKey}\n      >\n        <KeyItem icon={keyIcon}>\n          { keyContent }\n        </KeyItem>\n\n        <ActionButtonGroup>\n          { actions }\n        </ActionButtonGroup>\n      </div>\n\n      { /* Since it allows for click interaction, it should be interactive content,\n        but since it has a button element nested inside it, this is bad HTML markup.\n        It's difficult to fix this without changing the design,\n        so we keep the legacy code that uses the div element. */ }\n      { /* eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */ }\n      <div\n        className={classNames(\n          styles.ItemWrapper,\n          styles.ValueItemWrapper,\n          onClickValue && styles.clickable,\n        )}\n        onClick={onClickValue}\n      >\n        <ValueItem>\n          { children }\n        </ValueItem>\n      </div>\n    </div>\n  )\n})\n"],"names":["KEY_VALUE_ITEM_TEST_ID","KEY_VALUE_ITEM_KEY_ICON_TEST_ID","KeyItem","icon","children","React","createElement","className","styles","isBezierIcon","Icon","size","IconSize","S","source","color","testId","Text","KeyText","bold","typo","truncated","ValueItem","isItemActionWithIcon","args","ActionButton","Wrapper","isEmpty","tooltip","Tooltip","Fragment","content","Button","ButtonSize","XS","leftContent","styleVariant","ButtonStyleVariant","Tertiary","colorVariant","ButtonColorVariant","MonochromeLight","onClick","ActionButtonGroup","isNil","ItemAction","isArray","map","action","index","key","KeyValueItem","forwardRef","KeyValueListItem","keyIcon","keyContent","actions","onClickKey","onClickValue","props","forwardedRef","Object","assign","classNames","singleline","ref","ItemWrapper","KeyItemWrapper","clickable","ValueItemWrapper","KeyValueMultiLineItem","KeyValueMultiLineListItem","multiline"],"mappings":"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"}

package/dist/cjs/components/KeyValueItem/KeyValueItem.module.scss.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"KeyValueItem":"b-KeyValueItem-KeyValueItem_YgM3y","singleline":"b-KeyValueItem-singleline_79X-v","KeyItemWrapper":"b-KeyValueItem-KeyItemWrapper_TgiyF","ValueItemWrapper":"b-KeyValueItem-ValueItemWrapper_lR0D5","multiline":"b-KeyValueItem-multiline_sKhZM","ItemWrapper":"b-KeyValueItem-ItemWrapper_5X049","clickable":"b-KeyValueItem-clickable_ySF9v","KeyItem":"b-KeyValueItem-KeyItem_Cb5tp","KeyText":"b-KeyValueItem-KeyText_J4pGd","ValueItem":"b-KeyValueItem-ValueItem_qjVOy","ItemAction":"b-KeyValueItem-ItemAction_Kb60L"};
+
+exports.default = styles;
+//# sourceMappingURL=KeyValueItem.module.scss.js.map

package/dist/cjs/components/KeyValueItem/KeyValueItem.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyValueItem.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/cjs/components/LegacyStack/LegacyHStack/LegacyHStack.js

@@ -0,0 +1,19 @@
+'use strict';
+
+var React = require('react');
+var LegacyStack = require('../LegacyStack/LegacyStack.js');
+
+/**
+ * @deprecated Use `HStack` instead.
+ *
+ * A container for horizontal flex layout.
+ */
+const LegacyHStack = /*#__PURE__*/React.forwardRef(function HStack(props, forwardedRef) {
+  return /*#__PURE__*/React.createElement(LegacyStack.LegacyStack, Object.assign({
+    ref: forwardedRef,
+    direction: "horizontal"
+  }, props));
+});
+
+exports.LegacyHStack = LegacyHStack;
+//# sourceMappingURL=LegacyHStack.js.map

package/dist/cjs/components/LegacyStack/LegacyHStack/LegacyHStack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LegacyHStack.js","sources":["../../../../../src/components/LegacyStack/LegacyHStack/LegacyHStack.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nimport { LegacyStack } from '~/src/components/LegacyStack/LegacyStack'\n\nimport type LegacyHStackProps from './LegacyHStack.types'\n\n/**\n * @deprecated Use `HStack` instead.\n *\n * A container for horizontal flex layout.\n */\nexport const LegacyHStack = forwardRef<HTMLElement, LegacyHStackProps>(function HStack(\n  props,\n  forwardedRef,\n) {\n  return (<LegacyStack ref={forwardedRef} direction=\"horizontal\" {...props} />)\n})\n"],"names":["LegacyHStack","forwardRef","HStack","props","forwardedRef","React","createElement","LegacyStack","Object","assign","ref","direction"],"mappings":";;;;;AAMA;AACA;AACA;AACA;AACA;AACO,MAAMA,YAAY,gBAAGC,gBAAU,CAAiC,SAASC,MAAMA,CACpFC,KAAK,EACLC,YAAY,EACZ;EACA,oBAAQC,KAAA,CAAAC,aAAA,CAACC,uBAAW,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAACC,IAAAA,GAAG,EAAEN,YAAa;AAACO,IAAAA,SAAS,EAAC,YAAA;GAAiBR,EAAAA,KAAK,CAAG,CAAC,CAAA;AAC9E,CAAC;;;;"}

package/dist/cjs/components/LegacyStack/LegacySpacer/LegacySpacer.js

@@ -0,0 +1,20 @@
+'use strict';
+
+var React = require('react');
+var LegacyStackItem = require('../LegacyStackItem/LegacyStackItem.js');
+
+/**
+ * @deprecated Use `Stack` and `justify` prop instead.
+ */
+const LegacySpacer = /*#__PURE__*/React.forwardRef(function Spacer(props, forwardedRef) {
+  return /*#__PURE__*/React.createElement(LegacyStackItem.LegacyStackItem, Object.assign({
+    ref: forwardedRef,
+    size: 0,
+    weight: 1,
+    grow: true,
+    shrink: true
+  }, props));
+});
+
+exports.LegacySpacer = LegacySpacer;
+//# sourceMappingURL=LegacySpacer.js.map

package/dist/cjs/components/LegacyStack/LegacySpacer/LegacySpacer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LegacySpacer.js","sources":["../../../../../src/components/LegacyStack/LegacySpacer/LegacySpacer.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nimport { LegacyStackItem } from '~/src/components/LegacyStack/LegacyStackItem'\n\nimport type LegacySpacerProps from './LegacySpacer.types'\n\n/**\n * @deprecated Use `Stack` and `justify` prop instead.\n */\nexport const LegacySpacer = forwardRef<HTMLElement, LegacySpacerProps>(function Spacer(\n  props,\n  forwardedRef,\n) {\n  return (\n    <LegacyStackItem\n      ref={forwardedRef}\n      size={0}\n      weight={1}\n      grow\n      shrink\n      {...props}\n    />\n  )\n})\n"],"names":["LegacySpacer","forwardRef","Spacer","props","forwardedRef","React","createElement","LegacyStackItem","Object","assign","ref","size","weight","grow","shrink"],"mappings":";;;;;AAMA;AACA;AACA;AACO,MAAMA,YAAY,gBAAGC,gBAAU,CAAiC,SAASC,MAAMA,CACpFC,KAAK,EACLC,YAAY,EACZ;EACA,oBACEC,KAAA,CAAAC,aAAA,CAACC,+BAAe,EAAAC,MAAA,CAAAC,MAAA,CAAA;AACdC,IAAAA,GAAG,EAAEN,YAAa;AAClBO,IAAAA,IAAI,EAAE,CAAE;AACRC,IAAAA,MAAM,EAAE,CAAE;IACVC,IAAI,EAAA,IAAA;IACJC,MAAM,EAAA,IAAA;GACFX,EAAAA,KAAK,CACV,CAAC,CAAA;AAEN,CAAC;;;;"}

package/dist/cjs/components/LegacyStack/{Stack/Stack.js → LegacyStack/LegacyStack.js}

@@ -1,9 +1,12 @@
 'use strict';
 
 var React = require('react');
-var Stack_styled = require('./Stack.styled.js');
+var index = require('../../../node_modules/classnames/index.js');
+var LegacyStack_module = require('./LegacyStack.module.scss.js');
 
 /**
+ * @deprecated Use `Stack` instead.
+ *
  * `Stack` provides an abstraction of **flex layout** so that
  * rendering of child elements **linearly** can be done
  * with simplified options.
@@ -21,12 +24,10 @@ var Stack_styled = require('./Stack.styled.js');
  * </Stack>
  * ```
  */
-const Stack = /*#__PURE__*/React.forwardRef(function Stack({
+const LegacyStack = /*#__PURE__*/React.forwardRef(function Stack({
   as = 'div',
-  testId = 'bezier-react-stack',
-  style,
+  testId = 'bezier-legacy-stack',
   className,
-  interpolation,
   children,
   direction,
   justify = 'start',
@@ -34,17 +35,12 @@ const Stack = /*#__PURE__*/React.forwardRef(function Stack({
   spacing = 0,
   ...rest
 }, forwardedRef) {
+  const Comp = as;
   const firstValidElementIdx = React.useRef(-1);
-  return /*#__PURE__*/React.createElement(Stack_styled.Container, Object.assign({
+  return /*#__PURE__*/React.createElement(Comp, Object.assign({
+    className: index.default(LegacyStack_module.default.LegacyStack, LegacyStack_module.default[`direction-${direction}`], LegacyStack_module.default[`justify-${justify}`], LegacyStack_module.default[`align-${align}`], className),
     ref: forwardedRef,
-    as: as,
-    "data-testid": testId,
-    style: style,
-    className: className,
-    interpolation: interpolation,
-    direction: direction,
-    justify: justify,
-    align: align
+    "data-testid": testId
   }, rest), React.Children.map(children, (element, index) => {
     if (! /*#__PURE__*/React.isValidElement(element)) {
       return element;
@@ -68,5 +64,5 @@ const Stack = /*#__PURE__*/React.forwardRef(function Stack({
   }));
 });
 
-exports.Stack = Stack;
-//# sourceMappingURL=Stack.js.map
+exports.LegacyStack = LegacyStack;
+//# sourceMappingURL=LegacyStack.js.map

package/dist/cjs/components/LegacyStack/LegacyStack/LegacyStack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LegacyStack.js","sources":["../../../../../src/components/LegacyStack/LegacyStack/LegacyStack.tsx"],"sourcesContent":["import React, {\n  Children,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  useRef,\n} from 'react'\n\nimport classNames from 'classnames'\n\nimport type LegacyStackProps from './LegacyStack.types'\n\nimport styles from './LegacyStack.module.scss'\n\n/**\n * @deprecated Use `Stack` instead.\n *\n * `Stack` provides an abstraction of **flex layout** so that\n * rendering of child elements **linearly** can be done\n * with simplified options.\n *\n * `Stack` always fills the parent element.\n *\n * Be reminded to list `StackItem`s to be direct child of `Stack`.\n *\n * @example\n *\n * ```tsx\n * <Stack direction=\"horizontal\" spacing={8}>\n *  <StackItem>{ ... }</StackItem>\n *  <StackItem>{ ... }</StackItem>\n * </Stack>\n * ```\n */\nexport const LegacyStack = forwardRef<HTMLElement, LegacyStackProps>(function Stack({\n  as = 'div',\n  testId = 'bezier-legacy-stack',\n  className,\n  children,\n  direction,\n  justify = 'start',\n  align = 'stretch',\n  spacing = 0,\n  ...rest\n}, forwardedRef) {\n  const Comp = as\n  const firstValidElementIdx = useRef(-1)\n\n  return (\n    <Comp\n      className={classNames(\n        styles.LegacyStack,\n        styles[`direction-${direction}`],\n        styles[`justify-${justify}`],\n        styles[`align-${align}`],\n        className,\n      )}\n      ref={forwardedRef}\n      data-testid={testId}\n      {...rest}\n    >\n      { Children.map(\n        children,\n        (element, index) => {\n          if (!isValidElement(element)) { return element }\n\n          /**\n             * NOTE: this assumes that this element is `StackItem`.\n             *\n             * Even if the child is not a `StackItem` component,\n             * it could forward the prop to `StackItem` deeper in the tree,\n             * or implement a custom behavior compatible with `StackItemProps`.\n             */\n          if (firstValidElementIdx.current === -1) { firstValidElementIdx.current = index }\n          return cloneElement(element, {\n            ...element.props,\n            direction,\n            marginBefore:\n                element.props.marginBefore ??\n                (index > firstValidElementIdx.current ? spacing : 0),\n          })\n        },\n      ) }\n    </Comp>\n  )\n})\n"],"names":["LegacyStack","forwardRef","Stack","as","testId","className","children","direction","justify","align","spacing","rest","forwardedRef","Comp","firstValidElementIdx","useRef","React","createElement","Object","assign","classNames","styles","ref","Children","map","element","index","isValidElement","current","cloneElement","props","marginBefore"],"mappings":";;;;;;AAcA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MACaA,WAAW,gBAAGC,gBAAU,CAAgC,SAASC,KAAKA,CAAC;AAClFC,EAAAA,EAAE,GAAG,KAAK;AACVC,EAAAA,MAAM,GAAG,qBAAqB;EAC9BC,SAAS;EACTC,QAAQ;EACRC,SAAS;AACTC,EAAAA,OAAO,GAAG,OAAO;AACjBC,EAAAA,KAAK,GAAG,SAAS;AACjBC,EAAAA,OAAO,GAAG,CAAC;EACX,GAAGC,IAAAA;AACL,CAAC,EAAEC,YAAY,EAAE;EACf,MAAMC,IAAI,GAAGV,EAAE,CAAA;AACf,EAAA,MAAMW,oBAAoB,GAAGC,YAAM,CAAC,CAAC,CAAC,CAAC,CAAA;EAEvC,oBACEC,KAAA,CAAAC,aAAA,CAACJ,IAAI,EAAAK,MAAA,CAAAC,MAAA,CAAA;AACHd,IAAAA,SAAS,EAAEe,aAAU,CACnBC,0BAAM,CAACrB,WAAW,EAClBqB,0BAAM,CAAE,CAAA,UAAA,EAAYd,SAAU,CAAA,CAAC,CAAC,EAChCc,0BAAM,CAAE,CAAUb,QAAAA,EAAAA,OAAQ,CAAC,CAAA,CAAC,EAC5Ba,0BAAM,CAAE,CAAA,MAAA,EAAQZ,KAAM,CAAA,CAAC,CAAC,EACxBJ,SACF,CAAE;AACFiB,IAAAA,GAAG,EAAEV,YAAa;IAClB,aAAaR,EAAAA,MAAAA;AAAO,GAAA,EAChBO,IAAI,CAAA,EAENY,cAAQ,CAACC,GAAG,CACZlB,QAAQ,EACR,CAACmB,OAAO,EAAEC,KAAK,KAAK;AAClB,IAAA,IAAI,eAACC,oBAAc,CAACF,OAAO,CAAC,EAAE;AAAE,MAAA,OAAOA,OAAO,CAAA;AAAC,KAAA;;AAE/C;AACV;AACA;AACA;AACA;AACA;AACA;AACU,IAAA,IAAIX,oBAAoB,CAACc,OAAO,KAAK,CAAC,CAAC,EAAE;MAAEd,oBAAoB,CAACc,OAAO,GAAGF,KAAK,CAAA;AAAC,KAAA;IAChF,oBAAOG,kBAAY,CAACJ,OAAO,EAAE;MAC3B,GAAGA,OAAO,CAACK,KAAK;MAChBvB,SAAS;AACTwB,MAAAA,YAAY,EACRN,OAAO,CAACK,KAAK,CAACC,YAAY,KACzBL,KAAK,GAAGZ,oBAAoB,CAACc,OAAO,GAAGlB,OAAO,GAAG,CAAC,CAAA;AACzD,KAAC,CAAC,CAAA;AACJ,GACF,CACI,CAAC,CAAA;AAEX,CAAC;;;;"}

package/dist/cjs/components/LegacyStack/LegacyStack/LegacyStack.module.scss.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"LegacyStack":"b-LegacyStack-LegacyStack_aksgb","direction-horizontal":"b-LegacyStack-direction-horizontal_dN08l","direction-vertical":"b-LegacyStack-direction-vertical_7UYJY","justify-start":"b-LegacyStack-justify-start_WFkXq","justify-end":"b-LegacyStack-justify-end_L4fn3","justify-center":"b-LegacyStack-justify-center_XqGhF","justify-stretch":"b-LegacyStack-justify-stretch_w1DSb","align-start":"b-LegacyStack-align-start_jIIYy","align-end":"b-LegacyStack-align-end_J0be1","align-center":"b-LegacyStack-align-center_SIiE5","align-stretch":"b-LegacyStack-align-stretch_JQIGI"};
+
+exports.default = styles;
+//# sourceMappingURL=LegacyStack.module.scss.js.map

package/dist/cjs/components/LegacyStack/LegacyStack/LegacyStack.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LegacyStack.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/cjs/components/LegacyStack/LegacyStackItem/LegacyStackItem.js

@@ -0,0 +1,75 @@
+'use strict';
+
+var React = require('react');
+var index = require('../../../node_modules/classnames/index.js');
+var type = require('../../../utils/type.js');
+var LegacyStackItem_module = require('./LegacyStackItem.module.scss.js');
+
+const sanitizeWeight = weight => {
+  if (weight < 0) {
+    return 0;
+  }
+  if (!type.isInteger(weight)) {
+    return 0;
+  }
+  return weight;
+};
+
+/**
+ * @deprecated Use layout components(`Box`, `Stack`) that support flex item related properties (`shrink`, `grow`) instead.
+ *
+ * @example
+ *
+ * ```
+ * <Stack>
+ *   <Stack grow={1} shrink={1} {...}>
+ *     { ... }
+ *   </Stack>
+ *   <Box grow={0} shrink={0} {...} />
+ * </Stack>
+ * ```
+ *
+ *
+ * `StackItem` is used along `Stack`.
+ * It inherits the default settings from `Stack`,
+ * but allows to override some props to customize the behavior
+ * of particular item.
+ *
+ * If you are not using `StackItem` as the direct child of `Stack`,
+ * be reminded to forward props in `StackItemProps` to `StackItem` component,
+ * or manually implement the behavior compatible with `StackItem`.
+ */
+const LegacyStackItem = /*#__PURE__*/React.forwardRef(function StackItem({
+  as = 'div',
+  children,
+  style,
+  className,
+  direction,
+  justify,
+  align,
+  size,
+  weight = 0,
+  grow = false,
+  shrink = false,
+  marginBefore = 0,
+  marginAfter = 0,
+  testId = 'bezier-legacy-stack-item'
+}, forwardedRef) {
+  const Comp = as;
+  return /*#__PURE__*/React.createElement(Comp, {
+    ref: forwardedRef,
+    style: {
+      ...style,
+      '--b-main-axis-size': type.isNil(size) ? 'initial' : `${size}px`,
+      '--b-grow-weight': grow ? sanitizeWeight(weight) : '0',
+      '--b-shrink-weight': shrink ? sanitizeWeight(weight) : '0',
+      '--b-margin-before': `${marginBefore}px`,
+      '--b-margin-after': `${marginAfter}px`
+    },
+    className: index.default(LegacyStackItem_module.default.LegacyStackItem, LegacyStackItem_module.default[`direction-${direction}`], LegacyStackItem_module.default[`justify-${justify}`], LegacyStackItem_module.default[`align-${align}`], className),
+    "data-testid": testId
+  }, children);
+});
+
+exports.LegacyStackItem = LegacyStackItem;
+//# sourceMappingURL=LegacyStackItem.js.map

package/dist/cjs/components/LegacyStack/LegacyStackItem/LegacyStackItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LegacyStackItem.js","sources":["../../../../../src/components/LegacyStack/LegacyStackItem/LegacyStackItem.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nimport classNames from 'classnames'\n\nimport {\n  isInteger,\n  isNil,\n} from '~/src/utils/type'\n\nimport type LegacyStackItemProps from './LegacyStackItem.types'\n\nimport styles from './LegacyStackItem.module.scss'\n\nconst sanitizeWeight = (weight: number): number => {\n  if (weight < 0) { return 0 }\n  if (!isInteger(weight)) { return 0 }\n  return weight\n}\n\n/**\n * @deprecated Use layout components(`Box`, `Stack`) that support flex item related properties (`shrink`, `grow`) instead.\n *\n * @example\n *\n * ```\n * <Stack>\n *   <Stack grow={1} shrink={1} {...}>\n *     { ... }\n *   </Stack>\n *   <Box grow={0} shrink={0} {...} />\n * </Stack>\n * ```\n *\n *\n * `StackItem` is used along `Stack`.\n * It inherits the default settings from `Stack`,\n * but allows to override some props to customize the behavior\n * of particular item.\n *\n * If you are not using `StackItem` as the direct child of `Stack`,\n * be reminded to forward props in `StackItemProps` to `StackItem` component,\n * or manually implement the behavior compatible with `StackItem`.\n */\nexport const LegacyStackItem = forwardRef<HTMLElement, LegacyStackItemProps>(function StackItem({\n  as = 'div',\n  children,\n  style,\n  className,\n  direction,\n  justify,\n  align,\n  size,\n  weight = 0,\n  grow = false,\n  shrink = false,\n  marginBefore = 0,\n  marginAfter = 0,\n  testId = 'bezier-legacy-stack-item',\n}, forwardedRef) {\n  const Comp = as\n\n  return (\n    <Comp\n      ref={forwardedRef}\n      style={{\n        ...style,\n        '--b-main-axis-size': isNil(size) ? 'initial' : `${size}px`,\n        '--b-grow-weight': grow ? sanitizeWeight(weight) : '0',\n        '--b-shrink-weight': shrink ? sanitizeWeight(weight) : '0',\n        '--b-margin-before': `${marginBefore}px`,\n        '--b-margin-after': `${marginAfter}px`,\n      }}\n      className={classNames(\n        styles.LegacyStackItem,\n        styles[`direction-${direction}`],\n        styles[`justify-${justify}`],\n        styles[`align-${align}`],\n        className,\n      )}\n      data-testid={testId}\n    >\n      { children }\n    </Comp>\n  )\n})\n"],"names":["sanitizeWeight","weight","isInteger","LegacyStackItem","forwardRef","StackItem","as","children","style","className","direction","justify","align","size","grow","shrink","marginBefore","marginAfter","testId","forwardedRef","Comp","React","createElement","ref","isNil","classNames","styles"],"mappings":";;;;;;;AAaA,MAAMA,cAAc,GAAIC,MAAc,IAAa;EACjD,IAAIA,MAAM,GAAG,CAAC,EAAE;AAAE,IAAA,OAAO,CAAC,CAAA;AAAC,GAAA;AAC3B,EAAA,IAAI,CAACC,cAAS,CAACD,MAAM,CAAC,EAAE;AAAE,IAAA,OAAO,CAAC,CAAA;AAAC,GAAA;AACnC,EAAA,OAAOA,MAAM,CAAA;AACf,CAAC,CAAA;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MACaE,eAAe,gBAAGC,gBAAU,CAAoC,SAASC,SAASA,CAAC;AAC9FC,EAAAA,EAAE,GAAG,KAAK;EACVC,QAAQ;EACRC,KAAK;EACLC,SAAS;EACTC,SAAS;EACTC,OAAO;EACPC,KAAK;EACLC,IAAI;AACJZ,EAAAA,MAAM,GAAG,CAAC;AACVa,EAAAA,IAAI,GAAG,KAAK;AACZC,EAAAA,MAAM,GAAG,KAAK;AACdC,EAAAA,YAAY,GAAG,CAAC;AAChBC,EAAAA,WAAW,GAAG,CAAC;AACfC,EAAAA,MAAM,GAAG,0BAAA;AACX,CAAC,EAAEC,YAAY,EAAE;EACf,MAAMC,IAAI,GAAGd,EAAE,CAAA;AAEf,EAAA,oBACEe,KAAA,CAAAC,aAAA,CAACF,IAAI,EAAA;AACHG,IAAAA,GAAG,EAAEJ,YAAa;AAClBX,IAAAA,KAAK,EAAE;AACL,MAAA,GAAGA,KAAK;MACR,oBAAoB,EAAEgB,UAAK,CAACX,IAAI,CAAC,GAAG,SAAS,GAAI,CAAEA,EAAAA,IAAK,CAAG,EAAA,CAAA;MAC3D,iBAAiB,EAAEC,IAAI,GAAGd,cAAc,CAACC,MAAM,CAAC,GAAG,GAAG;MACtD,mBAAmB,EAAEc,MAAM,GAAGf,cAAc,CAACC,MAAM,CAAC,GAAG,GAAG;MAC1D,mBAAmB,EAAG,CAAEe,EAAAA,YAAa,CAAG,EAAA,CAAA;MACxC,kBAAkB,EAAG,GAAEC,WAAY,CAAA,EAAA,CAAA;KACnC;AACFR,IAAAA,SAAS,EAAEgB,aAAU,CACnBC,8BAAM,CAACvB,eAAe,EACtBuB,8BAAM,CAAE,CAAA,UAAA,EAAYhB,SAAU,CAAA,CAAC,CAAC,EAChCgB,8BAAM,CAAE,CAAUf,QAAAA,EAAAA,OAAQ,CAAC,CAAA,CAAC,EAC5Be,8BAAM,CAAE,CAAA,MAAA,EAAQd,KAAM,CAAA,CAAC,CAAC,EACxBH,SACF,CAAE;IACF,aAAaS,EAAAA,MAAAA;AAAO,GAAA,EAElBX,QACE,CAAC,CAAA;AAEX,CAAC;;;;"}

package/dist/cjs/components/LegacyStack/LegacyStackItem/LegacyStackItem.module.scss.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"LegacyStackItem":"b-LegacyStackItem-LegacyStackItem_WISky","direction-horizontal":"b-LegacyStackItem-direction-horizontal_8-t-t","direction-vertical":"b-LegacyStackItem-direction-vertical_UQW-4","justify-start":"b-LegacyStackItem-justify-start_sDnUa","justify-end":"b-LegacyStackItem-justify-end_sZBpg","justify-center":"b-LegacyStackItem-justify-center_xPSbr","justify-stretch":"b-LegacyStackItem-justify-stretch_Cb4V3","align-start":"b-LegacyStackItem-align-start_3uXjg","align-end":"b-LegacyStackItem-align-end_peRyB","align-center":"b-LegacyStackItem-align-center_5c099","align-stretch":"b-LegacyStackItem-align-stretch_i0Qba"};
+
+exports.default = styles;
+//# sourceMappingURL=LegacyStackItem.module.scss.js.map

package/dist/cjs/components/LegacyStack/LegacyStackItem/LegacyStackItem.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LegacyStackItem.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/cjs/components/LegacyStack/LegacyVStack/LegacyVStack.js

@@ -0,0 +1,19 @@
+'use strict';
+
+var React = require('react');
+var LegacyStack = require('../LegacyStack/LegacyStack.js');
+
+/**
+ * @deprecated Use `VStack` instead.
+ *
+ * A container for vertical flex layout.
+ */
+const LegacyVStack = /*#__PURE__*/React.forwardRef(function VStack(props, forwardedRef) {
+  return /*#__PURE__*/React.createElement(LegacyStack.LegacyStack, Object.assign({
+    ref: forwardedRef,
+    direction: "vertical"
+  }, props));
+});
+
+exports.LegacyVStack = LegacyVStack;
+//# sourceMappingURL=LegacyVStack.js.map

package/dist/cjs/components/LegacyStack/LegacyVStack/LegacyVStack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LegacyVStack.js","sources":["../../../../../src/components/LegacyStack/LegacyVStack/LegacyVStack.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nimport { LegacyStack } from '~/src/components/LegacyStack/LegacyStack'\n\nimport type LegacyVStackProps from './LegacyVStack.types'\n\n/**\n * @deprecated Use `VStack` instead.\n *\n * A container for vertical flex layout.\n */\nexport const LegacyVStack = forwardRef<HTMLElement, LegacyVStackProps>(function VStack(\n  props,\n  forwardedRef,\n) {\n  return (<LegacyStack ref={forwardedRef} direction=\"vertical\" {...props} />)\n})\n"],"names":["LegacyVStack","forwardRef","VStack","props","forwardedRef","React","createElement","LegacyStack","Object","assign","ref","direction"],"mappings":";;;;;AAMA;AACA;AACA;AACA;AACA;AACO,MAAMA,YAAY,gBAAGC,gBAAU,CAAiC,SAASC,MAAMA,CACpFC,KAAK,EACLC,YAAY,EACZ;EACA,oBAAQC,KAAA,CAAAC,aAAA,CAACC,uBAAW,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAACC,IAAAA,GAAG,EAAEN,YAAa;AAACO,IAAAA,SAAS,EAAC,UAAA;GAAeR,EAAAA,KAAK,CAAG,CAAC,CAAA;AAC5E,CAAC;;;;"}

package/dist/cjs/components/LegacyTooltip/LegacyTooltip.js

@@ -1,21 +1,27 @@
 'use strict';
 
 var React = require('react');
+var index = require('../../node_modules/classnames/index.js');
 var WindowProvider = require('../../providers/WindowProvider.js');
 var LegacyTooltip_types = require('./LegacyTooltip.types.js');
 var LegacyTooltipContent = require('./LegacyTooltipContent.js');
-var LegacyTooltip_styled = require('./LegacyTooltip.styled.js');
+var LegacyTooltip_module = require('./LegacyTooltip.module.scss.js');
 
 const TOOLTIP_TEST_ID = 'bezier-react-tooltip';
 const TOOLTIP_CONTENT_TEST_ID = 'bezier-react-tooltip-content';
+
+/**
+ * @deprecated Use `Tooltip` instead. It may be removed in the next major version.
+ */
 const LegacyTooltip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function LegacyTooltip({
   as,
   testId = TOOLTIP_TEST_ID,
   contentTestId = TOOLTIP_CONTENT_TEST_ID,
   className,
+  contentStyle,
   contentClassName,
-  contentInterpolation,
   contentWrapperStyle,
+  contentWrapperClassName,
   content = null,
   lazy = false,
   // optional prop 에서 추후 default behavior 를 lazy 하게 바꿀 예정
@@ -71,9 +77,10 @@ const LegacyTooltip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
       return /*#__PURE__*/React.createElement(LegacyTooltipContent.LegacyTooltipContent, {
         as: as,
         content: content,
+        contentStyle: contentStyle,
         contentClassName: contentClassName,
-        contentInterpolation: contentInterpolation,
         contentWrapperStyle: contentWrapperStyle,
+        contentWrapperClassName: contentWrapperClassName,
         disabled: disabled,
         placement: placement,
         offset: offset,
@@ -85,14 +92,14 @@ const LegacyTooltip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
       });
     }
     return null;
-  }, [lazy, didMount, as, content, contentClassName, contentInterpolation, contentWrapperStyle, disabled, placement, offset, allowHover, keepInContainer, forwardedRef, contentTestId]);
+  }, [lazy, didMount, as, content, contentStyle, contentClassName, contentWrapperStyle, contentWrapperClassName, disabled, placement, offset, allowHover, keepInContainer, forwardedRef, contentTestId]);
   if (!children) {
     return null;
   }
-  return /*#__PURE__*/React.createElement(LegacyTooltip_styled.Container, Object.assign({
+  return /*#__PURE__*/React.createElement("div", Object.assign({
     ref: tooltipContainerRef,
     "data-testid": testId,
-    className: className,
+    className: index.default(LegacyTooltip_module.default.LegacyTooltip, className),
     onMouseEnter: handleMouseEnter,
     onMouseLeave: handleMouseLeave
   }, otherProps), children, show && TooltipComponent);

package/dist/cjs/components/LegacyTooltip/LegacyTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"LegacyTooltip.js","sources":["../../../../src/components/LegacyTooltip/LegacyTooltip.tsx"],"sourcesContent":["import React, {\n  type Ref,\n  forwardRef,\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\n\nimport { useWindow } from '~/src/providers/WindowProvider'\n\nimport { type LegacyTooltipProps } from './LegacyTooltip.types'\nimport { LegacyTooltipPosition } from './LegacyTooltip.types'\nimport { LegacyTooltipContent } from './LegacyTooltipContent'\n\nimport { Container } from './LegacyTooltip.styled'\n\nexport const TOOLTIP_TEST_ID = 'bezier-react-tooltip'\nexport const TOOLTIP_CONTENT_TEST_ID = 'bezier-react-tooltip-content'\n\nexport const LegacyTooltip = memo(forwardRef(function LegacyTooltip(\n  {\n    as,\n    testId = TOOLTIP_TEST_ID,\n    contentTestId = TOOLTIP_CONTENT_TEST_ID,\n    className,\n    contentClassName,\n    contentInterpolation,\n    contentWrapperStyle,\n    content = null,\n    lazy = false, // optional prop 에서 추후 default behavior 를 lazy 하게 바꿀 예정\n    placement = LegacyTooltipPosition.BottomCenter,\n    disabled = false,\n    offset = 4,\n    keepInContainer = false,\n    allowHover = false,\n    delayShow = 0,\n    delayHide = 0,\n    children,\n    ...otherProps\n  }: LegacyTooltipProps,\n  forwardedRef: Ref<any>,\n) {\n  const { window } = useWindow()\n\n  const [show, setShow] = useState(false)\n  const [didMount, setDidMount] = useState(show)\n\n  const tooltipContainerRef = useRef<HTMLDivElement>(null)\n  const timerRef = useRef<ReturnType<Window['setTimeout']>>()\n\n  useEffect(function hideTooltipContentWhenDisabled() {\n    if (disabled) {\n      setShow(false)\n    }\n  }, [disabled])\n\n  useEffect(function updateDidMount() {\n    setDidMount((prev) => prev || show)\n  }, [show])\n\n  const handleMouseEnter = useCallback(() => {\n    if (disabled) {\n      return\n    }\n\n    if (timerRef.current) {\n      clearTimeout(timerRef.current)\n    }\n\n    timerRef.current = window.setTimeout(() => {\n      setShow(true)\n    }, delayShow)\n  }, [\n    delayShow,\n    disabled,\n    window,\n  ])\n\n  const handleMouseLeave = useCallback(() => {\n    if (disabled) {\n      return\n    }\n\n    if (timerRef.current) {\n      clearTimeout(timerRef.current)\n    }\n\n    timerRef.current = window.setTimeout(() => {\n      setShow(false)\n    }, delayHide)\n  }, [\n    delayHide,\n    disabled,\n    window,\n  ])\n\n  const TooltipComponent = useMemo(() => {\n    if (!lazy || didMount) {\n      return (\n        <LegacyTooltipContent\n          as={as}\n          content={content}\n          contentClassName={contentClassName}\n          contentInterpolation={contentInterpolation}\n          contentWrapperStyle={contentWrapperStyle}\n          disabled={disabled}\n          placement={placement}\n          offset={offset}\n          allowHover={allowHover}\n          keepInContainer={keepInContainer}\n          tooltipContainer={tooltipContainerRef.current}\n          forwardedRef={forwardedRef}\n          testId={contentTestId}\n        />\n      )\n    }\n\n    return null\n  }, [\n    lazy,\n    didMount,\n    as,\n    content,\n    contentClassName,\n    contentInterpolation,\n    contentWrapperStyle,\n    disabled,\n    placement,\n    offset,\n    allowHover,\n    keepInContainer,\n    forwardedRef,\n    contentTestId,\n  ])\n\n  if (!children) {\n    return null\n  }\n\n  return (\n    <Container\n      ref={tooltipContainerRef}\n      data-testid={testId}\n      className={className}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      {...otherProps}\n    >\n      { children }\n      { show && TooltipComponent }\n    </Container>\n  )\n}))\n"],"names":["TOOLTIP_TEST_ID","TOOLTIP_CONTENT_TEST_ID","LegacyTooltip","memo","forwardRef","as","testId","contentTestId","className","contentClassName","contentInterpolation","contentWrapperStyle","content","lazy","placement","LegacyTooltipPosition","BottomCenter","disabled","offset","keepInContainer","allowHover","delayShow","delayHide","children","otherProps","forwardedRef","window","useWindow","show","setShow","useState","didMount","setDidMount","tooltipContainerRef","useRef","timerRef","useEffect","hideTooltipContentWhenDisabled","updateDidMount","prev","handleMouseEnter","useCallback","current","clearTimeout","setTimeout","handleMouseLeave","TooltipComponent","useMemo","React","createElement","LegacyTooltipContent","tooltipContainer","Container","Object","assign","ref","onMouseEnter","onMouseLeave"],"mappings":"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"}
+{"version":3,"file":"LegacyTooltip.js","sources":["../../../../src/components/LegacyTooltip/LegacyTooltip.tsx"],"sourcesContent":["import React, {\n  type Ref,\n  forwardRef,\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\n\nimport classNames from 'classnames'\n\nimport { useWindow } from '~/src/providers/WindowProvider'\n\nimport { type LegacyTooltipProps } from './LegacyTooltip.types'\nimport { LegacyTooltipPosition } from './LegacyTooltip.types'\nimport { LegacyTooltipContent } from './LegacyTooltipContent'\n\nimport styles from './LegacyTooltip.module.scss'\n\nexport const TOOLTIP_TEST_ID = 'bezier-react-tooltip'\nexport const TOOLTIP_CONTENT_TEST_ID = 'bezier-react-tooltip-content'\n\n/**\n * @deprecated Use `Tooltip` instead. It may be removed in the next major version.\n */\nexport const LegacyTooltip = memo(forwardRef(function LegacyTooltip(\n  {\n    as,\n    testId = TOOLTIP_TEST_ID,\n    contentTestId = TOOLTIP_CONTENT_TEST_ID,\n    className,\n    contentStyle,\n    contentClassName,\n    contentWrapperStyle,\n    contentWrapperClassName,\n    content = null,\n    lazy = false, // optional prop 에서 추후 default behavior 를 lazy 하게 바꿀 예정\n    placement = LegacyTooltipPosition.BottomCenter,\n    disabled = false,\n    offset = 4,\n    keepInContainer = false,\n    allowHover = false,\n    delayShow = 0,\n    delayHide = 0,\n    children,\n    ...otherProps\n  }: LegacyTooltipProps,\n  forwardedRef: Ref<any>,\n) {\n  const { window } = useWindow()\n\n  const [show, setShow] = useState(false)\n  const [didMount, setDidMount] = useState(show)\n\n  const tooltipContainerRef = useRef<HTMLDivElement>(null)\n  const timerRef = useRef<ReturnType<Window['setTimeout']>>()\n\n  useEffect(function hideTooltipContentWhenDisabled() {\n    if (disabled) {\n      setShow(false)\n    }\n  }, [disabled])\n\n  useEffect(function updateDidMount() {\n    setDidMount((prev) => prev || show)\n  }, [show])\n\n  const handleMouseEnter = useCallback(() => {\n    if (disabled) {\n      return\n    }\n\n    if (timerRef.current) {\n      clearTimeout(timerRef.current)\n    }\n\n    timerRef.current = window.setTimeout(() => {\n      setShow(true)\n    }, delayShow)\n  }, [\n    delayShow,\n    disabled,\n    window,\n  ])\n\n  const handleMouseLeave = useCallback(() => {\n    if (disabled) {\n      return\n    }\n\n    if (timerRef.current) {\n      clearTimeout(timerRef.current)\n    }\n\n    timerRef.current = window.setTimeout(() => {\n      setShow(false)\n    }, delayHide)\n  }, [\n    delayHide,\n    disabled,\n    window,\n  ])\n\n  const TooltipComponent = useMemo(() => {\n    if (!lazy || didMount) {\n      return (\n        <LegacyTooltipContent\n          as={as}\n          content={content}\n          contentStyle={contentStyle}\n          contentClassName={contentClassName}\n          contentWrapperStyle={contentWrapperStyle}\n          contentWrapperClassName={contentWrapperClassName}\n          disabled={disabled}\n          placement={placement}\n          offset={offset}\n          allowHover={allowHover}\n          keepInContainer={keepInContainer}\n          tooltipContainer={tooltipContainerRef.current}\n          forwardedRef={forwardedRef}\n          testId={contentTestId}\n        />\n      )\n    }\n\n    return null\n  }, [\n    lazy,\n    didMount,\n    as,\n    content,\n    contentStyle,\n    contentClassName,\n    contentWrapperStyle,\n    contentWrapperClassName,\n    disabled,\n    placement,\n    offset,\n    allowHover,\n    keepInContainer,\n    forwardedRef,\n    contentTestId,\n  ])\n\n  if (!children) {\n    return null\n  }\n\n  return (\n    <div\n      ref={tooltipContainerRef}\n      data-testid={testId}\n      className={classNames(\n        styles.LegacyTooltip,\n        className,\n      )}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      {...otherProps}\n    >\n      { children }\n      { show && TooltipComponent }\n    </div>\n  )\n}))\n"],"names":["TOOLTIP_TEST_ID","TOOLTIP_CONTENT_TEST_ID","LegacyTooltip","memo","forwardRef","as","testId","contentTestId","className","contentStyle","contentClassName","contentWrapperStyle","contentWrapperClassName","content","lazy","placement","LegacyTooltipPosition","BottomCenter","disabled","offset","keepInContainer","allowHover","delayShow","delayHide","children","otherProps","forwardedRef","window","useWindow","show","setShow","useState","didMount","setDidMount","tooltipContainerRef","useRef","timerRef","useEffect","hideTooltipContentWhenDisabled","updateDidMount","prev","handleMouseEnter","useCallback","current","clearTimeout","setTimeout","handleMouseLeave","TooltipComponent","useMemo","React","createElement","LegacyTooltipContent","tooltipContainer","Object","assign","ref","classNames","styles","onMouseEnter","onMouseLeave"],"mappings":"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"}

package/dist/cjs/components/LegacyTooltip/LegacyTooltip.module.scss.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"LegacyTooltip":"b-LegacyTooltip-LegacyTooltip_x-ALN","LegacyTooltipContentWrapper":"b-LegacyTooltip-LegacyTooltipContentWrapper_0wuMg","disabled":"b-LegacyTooltip-disabled_Kep3y","LegacyTooltipContent":"b-LegacyTooltip-LegacyTooltipContent_NQ8w0"};
+
+exports.default = styles;
+//# sourceMappingURL=LegacyTooltip.module.scss.js.map

package/dist/cjs/components/LegacyTooltip/LegacyTooltip.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LegacyTooltip.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}