@channel.io/bezier-react 2.6.2 → 3.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"KeyValueItem.js","sources":["../../../../src/components/KeyValueItem/KeyValueItem.tsx"],"sourcesContent":["'use client'\n\nimport React, { forwardRef } from 'react'\n\nimport { isBezierIcon } from '@channel.io/bezier-icons'\nimport classNames from 'classnames'\n\nimport { isArray, isEmpty, isNil } from '~/src/utils/type'\n\nimport { Button } from '~/src/components/Button'\nimport { Icon } from '~/src/components/Icon'\nimport { Text, type TextProps } from '~/src/components/Text'\nimport { Tooltip } from '~/src/components/Tooltip'\n\nimport {\n  type ItemActionWithIcon,\n  type KeyValueItemAction,\n  type KeyValueItemProps,\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        <Icon\n          size=\"s\"\n          source={icon}\n          color=\"txt-black-dark\"\n          data-testid={KEY_VALUE_ITEM_KEY_ICON_TEST_ID}\n        />\n      ) : (\n        icon\n      )}\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({ truncated, children }: 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: KeyValueItemAction }) {\n  if (!isItemActionWithIcon(children)) {\n    return children\n  }\n\n  const withTooltip = !isEmpty(children.tooltip)\n  const Wrapper = withTooltip ? Tooltip : React.Fragment\n\n  return (\n    <Wrapper {...(withTooltip ? { content: children.tooltip } : {})}>\n      <Button\n        size=\"xs\"\n        leftContent={children.icon}\n        styleVariant=\"tertiary\"\n        colorVariant=\"monochrome-light\"\n        onClick={children.onClick}\n      />\n    </Wrapper>\n  )\n}\n\nfunction ActionButtonGroup({\n  children,\n}: {\n  children: KeyValueItemProps['actions']\n}) {\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}>{action}</ActionButton>\n        ))\n      ) : (\n        <ActionButton>{children}</ActionButton>\n      )}\n    </div>\n  )\n}\n\nexport const KeyValueItem = forwardRef<HTMLDivElement, KeyValueItemProps>(\n  function KeyValueListItem(\n    {\n      className,\n      keyIcon,\n      keyContent,\n      actions,\n      children,\n      onClickKey,\n      onClickValue,\n      ...rest\n    },\n    forwardedRef\n  ) {\n    return (\n      <div\n        className={classNames(\n          styles.KeyValueItem,\n          styles.singleline,\n          className\n        )}\n        ref={forwardedRef}\n        data-testid={KEY_VALUE_ITEM_TEST_ID}\n        {...rest}\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}>{keyContent}</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>{children}</ValueItem>\n\n          <ActionButtonGroup>{actions}</ActionButtonGroup>\n        </div>\n      </div>\n    )\n  }\n)\n\nexport const KeyValueMultiLineItem = forwardRef<\n  HTMLDivElement,\n  KeyValueItemProps\n>(function KeyValueMultiLineListItem(\n  {\n    children,\n    className,\n    keyIcon,\n    keyContent,\n    actions,\n    onClickKey,\n    onClickValue,\n    ...rest\n  },\n  forwardedRef\n) {\n  return (\n    <div\n      className={classNames(styles.KeyValueItem, styles.multiline, className)}\n      ref={forwardedRef}\n      data-testid={KEY_VALUE_ITEM_TEST_ID}\n      {...rest}\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}>{keyContent}</KeyItem>\n\n        <ActionButtonGroup>{actions}</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>{children}</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","source","color","Text","KeyText","bold","typo","truncated","ValueItem","isItemActionWithIcon","args","ActionButton","withTooltip","isEmpty","tooltip","Wrapper","Tooltip","Fragment","content","Button","leftContent","styleVariant","colorVariant","onClick","ActionButtonGroup","isNil","ItemAction","isArray","map","action","index","key","KeyValueItem","forwardRef","KeyValueListItem","keyIcon","keyContent","actions","onClickKey","onClickValue","rest","forwardedRef","Object","assign","classNames","singleline","ref","ItemWrapper","KeyItemWrapper","clickable","ValueItemWrapper","KeyValueMultiLineItem","KeyValueMultiLineListItem","multiline"],"mappings":"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"}
+{"version":3,"file":"KeyValueItem.js","sources":["../../../../src/components/KeyValueItem/KeyValueItem.tsx"],"sourcesContent":["'use client'\nimport { forwardRef } from 'react'\nimport * as React from 'react'\n\nimport { isBezierIcon } from '@channel.io/bezier-icons'\nimport classNames from 'classnames'\n\nimport { isArray, isEmpty, isNil } from '~/src/utils/type'\n\nimport { Button } from '~/src/components/Button'\nimport { Icon } from '~/src/components/Icon'\nimport { Text, type TextProps } from '~/src/components/Text'\nimport { Tooltip } from '~/src/components/Tooltip'\n\nimport {\n  type ItemActionWithIcon,\n  type KeyValueItemAction,\n  type KeyValueItemProps,\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        <Icon\n          size=\"s\"\n          source={icon}\n          color=\"txt-black-dark\"\n          data-testid={KEY_VALUE_ITEM_KEY_ICON_TEST_ID}\n        />\n      ) : (\n        icon\n      )}\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({ truncated, children }: 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: KeyValueItemAction }) {\n  if (!isItemActionWithIcon(children)) {\n    return children\n  }\n\n  const withTooltip = !isEmpty(children.tooltip)\n  const Wrapper = withTooltip ? Tooltip : React.Fragment\n\n  return (\n    <Wrapper {...(withTooltip ? { content: children.tooltip } : {})}>\n      <Button\n        size=\"xs\"\n        leftContent={children.icon}\n        styleVariant=\"tertiary\"\n        colorVariant=\"monochrome-light\"\n        onClick={children.onClick}\n      />\n    </Wrapper>\n  )\n}\n\nfunction ActionButtonGroup({\n  children,\n}: {\n  children: KeyValueItemProps['actions']\n}) {\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}>{action}</ActionButton>\n        ))\n      ) : (\n        <ActionButton>{children}</ActionButton>\n      )}\n    </div>\n  )\n}\n\nexport const KeyValueItem = forwardRef<HTMLDivElement, KeyValueItemProps>(\n  function KeyValueListItem(\n    {\n      className,\n      keyIcon,\n      keyContent,\n      actions,\n      children,\n      onClickKey,\n      onClickValue,\n      ...rest\n    },\n    forwardedRef\n  ) {\n    return (\n      <div\n        className={classNames(\n          styles.KeyValueItem,\n          styles.singleline,\n          className\n        )}\n        ref={forwardedRef}\n        data-testid={KEY_VALUE_ITEM_TEST_ID}\n        {...rest}\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}>{keyContent}</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>{children}</ValueItem>\n\n          <ActionButtonGroup>{actions}</ActionButtonGroup>\n        </div>\n      </div>\n    )\n  }\n)\n\nexport const KeyValueMultiLineItem = forwardRef<\n  HTMLDivElement,\n  KeyValueItemProps\n>(function KeyValueMultiLineListItem(\n  {\n    children,\n    className,\n    keyIcon,\n    keyContent,\n    actions,\n    onClickKey,\n    onClickValue,\n    ...rest\n  },\n  forwardedRef\n) {\n  return (\n    <div\n      className={classNames(styles.KeyValueItem, styles.multiline, className)}\n      ref={forwardedRef}\n      data-testid={KEY_VALUE_ITEM_TEST_ID}\n      {...rest}\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}>{keyContent}</KeyItem>\n\n        <ActionButtonGroup>{actions}</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>{children}</ValueItem>\n      </div>\n    </div>\n  )\n})\n"],"names":["KEY_VALUE_ITEM_TEST_ID","KEY_VALUE_ITEM_KEY_ICON_TEST_ID","KeyItem","icon","children","_jsxs","className","styles","isBezierIcon","_jsx","Icon","size","source","color","Text","KeyText","bold","typo","truncated","ValueItem","isItemActionWithIcon","args","ActionButton","withTooltip","isEmpty","tooltip","Wrapper","Tooltip","React","Fragment","content","Button","leftContent","styleVariant","colorVariant","onClick","ActionButtonGroup","isNil","ItemAction","isArray","map","action","index","KeyValueItem","forwardRef","KeyValueListItem","keyIcon","keyContent","actions","onClickKey","onClickValue","rest","forwardedRef","classNames","singleline","ref","ItemWrapper","KeyItemWrapper","clickable","ValueItemWrapper","KeyValueMultiLineItem","KeyValueMultiLineListItem","multiline"],"mappings":"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"}

package/dist/cjs/components/LegacyIcon/LegacyIcon.js

@@ -2,6 +2,7 @@
 
 var React = require('react');
 var bezierIcons = require('@channel.io/bezier-icons');
+var jsxRuntime = require('react/jsx-runtime');
 var Icon = require('../Icon/Icon.js');
 
 /**
@@ -26,9 +27,10 @@ const LegacyIcon = /*#__PURE__*/React.memo(({
   if (!IconSource) {
     return null;
   }
-  return /*#__PURE__*/React.createElement(Icon.Icon, Object.assign({
-    source: IconSource
-  }, rest));
+  return /*#__PURE__*/jsxRuntime.jsx(Icon.Icon, {
+    source: IconSource,
+    ...rest
+  });
 });
 
 exports.LegacyIcon = LegacyIcon;

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

@@ -1 +1 @@
-{"version":3,"file":"LegacyIcon.js","sources":["../../../../src/components/LegacyIcon/LegacyIcon.tsx"],"sourcesContent":["'use client'\n\nimport React, { memo } from 'react'\n\nimport { icons } from '@channel.io/bezier-icons'\n\nimport { Icon } from '~/src/components/Icon'\n\nimport { type LegacyIconProps } from './LegacyIcon.types'\n\n/**\n * @deprecated Please import and use individual icons.\n * @example\n * import { AllIcon } from '@channel.io/bezier-icons'\n * import { Icon, type IconProps } from '@channel.io/bezier-react'\n * <Icon source={AllIcon} color=\"bg-black-dark\" />\n * @example <caption>How to validate the bezier icon source</caption>\n * import { isBezierIcon, AllIcon } from '@channel.io/bezier-icons'\n * isBezierIcon(AllIcon) // true\n * isBezierIcon(() => <svg>...</svg>) // false\n * @example <caption>Legacy icon component is still available. but it will be removed in future versions!</caption>\n * import { LegacyIcon, type LegacyIconProps } from '@channel.io/bezier-react'\n * <LegacyIcon name=\"all\" color=\"bg-black-dark\" />\n */\nexport const LegacyIcon = memo(({ name, ...rest }: LegacyIconProps) => {\n  const IconSource = icons[name]\n\n  if (!IconSource) {\n    return null\n  }\n\n  return (\n    <Icon\n      source={IconSource}\n      {...rest}\n    />\n  )\n})\n"],"names":["LegacyIcon","memo","name","rest","IconSource","icons","React","createElement","Icon","Object","assign","source"],"mappings":";;;;;;AAUA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACaA,MAAAA,UAAU,gBAAGC,UAAI,CAAC,CAAC;EAAEC,IAAI;EAAE,GAAGC;AAAsB,CAAC,KAAK;AACrE,EAAA,MAAMC,UAAU,GAAGC,iBAAK,CAACH,IAAI,CAAC;EAE9B,IAAI,CAACE,UAAU,EAAE;AACf,IAAA,OAAO,IAAI;AACb;EAEA,oBACEE,KAAA,CAAAC,aAAA,CAACC,SAAI,EAAAC,MAAA,CAAAC,MAAA,CAAA;AACHC,IAAAA,MAAM,EAAEP;GACJD,EAAAA,IAAI,CACT,CAAC;AAEN,CAAC;;;;"}
+{"version":3,"file":"LegacyIcon.js","sources":["../../../../src/components/LegacyIcon/LegacyIcon.tsx"],"sourcesContent":["'use client'\n\nimport { memo } from 'react'\n\nimport { icons } from '@channel.io/bezier-icons'\n\nimport { Icon } from '~/src/components/Icon'\n\nimport { type LegacyIconProps } from './LegacyIcon.types'\n\n/**\n * @deprecated Please import and use individual icons.\n * @example\n * import { AllIcon } from '@channel.io/bezier-icons'\n * import { Icon, type IconProps } from '@channel.io/bezier-react'\n * <Icon source={AllIcon} color=\"bg-black-dark\" />\n * @example <caption>How to validate the bezier icon source</caption>\n * import { isBezierIcon, AllIcon } from '@channel.io/bezier-icons'\n * isBezierIcon(AllIcon) // true\n * isBezierIcon(() => <svg>...</svg>) // false\n * @example <caption>Legacy icon component is still available. but it will be removed in future versions!</caption>\n * import { LegacyIcon, type LegacyIconProps } from '@channel.io/bezier-react'\n * <LegacyIcon name=\"all\" color=\"bg-black-dark\" />\n */\nexport const LegacyIcon = memo(({ name, ...rest }: LegacyIconProps) => {\n  const IconSource = icons[name]\n\n  if (!IconSource) {\n    return null\n  }\n\n  return (\n    <Icon\n      source={IconSource}\n      {...rest}\n    />\n  )\n})\n"],"names":["LegacyIcon","memo","name","rest","IconSource","icons","_jsx","Icon","source"],"mappings":";;;;;;;AAUA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACaA,MAAAA,UAAU,gBAAGC,UAAI,CAAC,CAAC;EAAEC,IAAI;EAAE,GAAGC;AAAsB,CAAC,KAAK;AACrE,EAAA,MAAMC,UAAU,GAAGC,iBAAK,CAACH,IAAI,CAAC;EAE9B,IAAI,CAACE,UAAU,EAAE;AACf,IAAA,OAAO,IAAI;AACb;EAEA,oBACEE,cAAA,CAACC,SAAI,EAAA;AACHC,IAAAA,MAAM,EAAEJ,UAAW;IAAA,GACfD;AAAI,GACT,CAAC;AAEN,CAAC;;;;"}

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

@@ -1,6 +1,7 @@
 'use strict';
 
 var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 var LegacyStack = require('../LegacyStack/LegacyStack.js');
 
 /**
@@ -9,10 +10,11 @@ var LegacyStack = require('../LegacyStack/LegacyStack.js');
  * A container for horizontal flex layout.
  */
 const LegacyHStack = /*#__PURE__*/React.forwardRef(function HStack(props, forwardedRef) {
-  return /*#__PURE__*/React.createElement(LegacyStack.LegacyStack, Object.assign({
+  return /*#__PURE__*/jsxRuntime.jsx(LegacyStack.LegacyStack, {
     ref: forwardedRef,
-    direction: "horizontal"
-  }, props));
+    direction: "horizontal",
+    ...props
+  });
 });
 
 exports.LegacyHStack = LegacyHStack;

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

@@ -1 +1 @@
-{"version":3,"file":"LegacyHStack.js","sources":["../../../../../src/components/LegacyStack/LegacyHStack/LegacyHStack.tsx"],"sourcesContent":["'use client'\n\nimport 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>(\n  function HStack(props, forwardedRef) {\n    return (\n      <LegacyStack\n        ref={forwardedRef}\n        direction=\"horizontal\"\n        {...props}\n      />\n    )\n  }\n)\n"],"names":["LegacyHStack","forwardRef","HStack","props","forwardedRef","React","createElement","LegacyStack","Object","assign","ref","direction"],"mappings":";;;;;AAQA;AACA;AACA;AACA;AACA;AACO,MAAMA,YAAY,gBAAGC,gBAAU,CACpC,SAASC,MAAMA,CAACC,KAAK,EAAEC,YAAY,EAAE;EACnC,oBACEC,KAAA,CAAAC,aAAA,CAACC,uBAAW,EAAAC,MAAA,CAAAC,MAAA,CAAA;AACVC,IAAAA,GAAG,EAAEN,YAAa;AAClBO,IAAAA,SAAS,EAAC;GACNR,EAAAA,KAAK,CACV,CAAC;AAEN,CACF;;;;"}
+{"version":3,"file":"LegacyHStack.js","sources":["../../../../../src/components/LegacyStack/LegacyHStack/LegacyHStack.tsx"],"sourcesContent":["'use client'\n\nimport { 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>(\n  function HStack(props, forwardedRef) {\n    return (\n      <LegacyStack\n        ref={forwardedRef}\n        direction=\"horizontal\"\n        {...props}\n      />\n    )\n  }\n)\n"],"names":["LegacyHStack","forwardRef","HStack","props","forwardedRef","_jsx","LegacyStack","ref","direction"],"mappings":";;;;;;AAQA;AACA;AACA;AACA;AACA;AACO,MAAMA,YAAY,gBAAGC,gBAAU,CACpC,SAASC,MAAMA,CAACC,KAAK,EAAEC,YAAY,EAAE;EACnC,oBACEC,cAAA,CAACC,uBAAW,EAAA;AACVC,IAAAA,GAAG,EAAEH,YAAa;AAClBI,IAAAA,SAAS,EAAC,YAAY;IAAA,GAClBL;AAAK,GACV,CAAC;AAEN,CACF;;;;"}

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

@@ -1,19 +1,21 @@
 'use strict';
 
 var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 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({
+  return /*#__PURE__*/jsxRuntime.jsx(LegacyStackItem.LegacyStackItem, {
     ref: forwardedRef,
     size: 0,
     weight: 1,
     grow: true,
-    shrink: true
-  }, props));
+    shrink: true,
+    ...props
+  });
 });
 
 exports.LegacySpacer = LegacySpacer;

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

@@ -1 +1 @@
-{"version":3,"file":"LegacySpacer.js","sources":["../../../../../src/components/LegacyStack/LegacySpacer/LegacySpacer.tsx"],"sourcesContent":["'use client'\n\nimport 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>(\n  function Spacer(props, forwardedRef) {\n    return (\n      <LegacyStackItem\n        ref={forwardedRef}\n        size={0}\n        weight={1}\n        grow\n        shrink\n        {...props}\n      />\n    )\n  }\n)\n"],"names":["LegacySpacer","forwardRef","Spacer","props","forwardedRef","React","createElement","LegacyStackItem","Object","assign","ref","size","weight","grow","shrink"],"mappings":";;;;;AAQA;AACA;AACA;AACO,MAAMA,YAAY,gBAAGC,gBAAU,CACpC,SAASC,MAAMA,CAACC,KAAK,EAAEC,YAAY,EAAE;EACnC,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;GACFX,EAAAA,KAAK,CACV,CAAC;AAEN,CACF;;;;"}
+{"version":3,"file":"LegacySpacer.js","sources":["../../../../../src/components/LegacyStack/LegacySpacer/LegacySpacer.tsx"],"sourcesContent":["'use client'\n\nimport { 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>(\n  function Spacer(props, forwardedRef) {\n    return (\n      <LegacyStackItem\n        ref={forwardedRef}\n        size={0}\n        weight={1}\n        grow\n        shrink\n        {...props}\n      />\n    )\n  }\n)\n"],"names":["LegacySpacer","forwardRef","Spacer","props","forwardedRef","_jsx","LegacyStackItem","ref","size","weight","grow","shrink"],"mappings":";;;;;;AAQA;AACA;AACA;AACO,MAAMA,YAAY,gBAAGC,gBAAU,CACpC,SAASC,MAAMA,CAACC,KAAK,EAAEC,YAAY,EAAE;EACnC,oBACEC,cAAA,CAACC,+BAAe,EAAA;AACdC,IAAAA,GAAG,EAAEH,YAAa;AAClBI,IAAAA,IAAI,EAAE,CAAE;AACRC,IAAAA,MAAM,EAAE,CAAE;IACVC,IAAI,EAAA,IAAA;IACJC,MAAM,EAAA,IAAA;IAAA,GACFR;AAAK,GACV,CAAC;AAEN,CACF;;;;"}

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

@@ -1,28 +1,10 @@
 'use strict';
 
 var React = require('react');
-var index = require('../../../node_modules/classnames/index.js');
+var index = require('../../../_virtual/index.js');
 var LegacyStack_module = require('./LegacyStack.module.scss.js');
+var jsxRuntime = require('react/jsx-runtime');
 
-/**
- * @deprecated Use `Stack` instead.
- *
- * `Stack` provides an abstraction of **flex layout** so that
- * rendering of child elements **linearly** can be done
- * with simplified options.
- *
- * `Stack` always fills the parent element.
- *
- * Be reminded to list `StackItem`s to be direct child of `Stack`.
- * @example
- *
- * ```tsx
- * <Stack direction="horizontal" spacing={8}>
- *  <StackItem>{ ... }</StackItem>
- *  <StackItem>{ ... }</StackItem>
- * </Stack>
- * ```
- */
 const LegacyStack = /*#__PURE__*/React.forwardRef(function Stack({
   as = 'div',
   className,
@@ -35,32 +17,34 @@ const LegacyStack = /*#__PURE__*/React.forwardRef(function Stack({
 }, forwardedRef) {
   const Comp = as;
   const firstValidElementIdx = React.useRef(-1);
-  return /*#__PURE__*/React.createElement(Comp, Object.assign({
+  return /*#__PURE__*/jsxRuntime.jsx(Comp, {
     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,
-    "data-testid": "bezier-legacy-stack"
-  }, rest), React.Children.map(children, (element, index) => {
-    var _element$props$margin;
-    if (! /*#__PURE__*/React.isValidElement(element)) {
-      return element;
-    }
+    "data-testid": "bezier-legacy-stack",
+    ...rest,
+    children: React.Children.map(children, (element, index) => {
+      var _element$props, _marginBefore, _element$props2;
+      if (! /*#__PURE__*/React.isValidElement(element)) {
+        return element;
+      }
 
-    /**
-     * NOTE: this assumes that this element is `StackItem`.
-     *
-     * Even if the child is not a `StackItem` component,
-     * it could forward the prop to `StackItem` deeper in the tree,
-     * or implement a custom behavior compatible with `StackItemProps`.
-     */
-    if (firstValidElementIdx.current === -1) {
-      firstValidElementIdx.current = index;
-    }
-    return /*#__PURE__*/React.cloneElement(element, {
-      ...element.props,
-      direction,
-      marginBefore: (_element$props$margin = element.props.marginBefore) !== null && _element$props$margin !== void 0 ? _element$props$margin : index > firstValidElementIdx.current ? spacing : 0
-    });
-  }));
+      /**
+       * NOTE: this assumes that this element is `StackItem`.
+       *
+       * Even if the child is not a `StackItem` component,
+       * it could forward the prop to `StackItem` deeper in the tree,
+       * or implement a custom behavior compatible with `StackItemProps`.
+       */
+      if (firstValidElementIdx.current === -1) {
+        firstValidElementIdx.current = index;
+      }
+      return /*#__PURE__*/React.cloneElement(element, {
+        ...((_element$props = element.props) !== null && _element$props !== void 0 ? _element$props : {}),
+        direction,
+        marginBefore: (_marginBefore = (_element$props2 = element.props) === null || _element$props2 === void 0 ? void 0 : _element$props2.marginBefore) !== null && _marginBefore !== void 0 ? _marginBefore : index > firstValidElementIdx.current ? spacing : 0
+      });
+    })
+  });
 });
 
 exports.LegacyStack = LegacyStack;

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

@@ -1 +1 @@
-{"version":3,"file":"LegacyStack.js","sources":["../../../../../src/components/LegacyStack/LegacyStack/LegacyStack.tsx"],"sourcesContent":["'use client'\n\nimport 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 * @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>(\n  function Stack(\n    {\n      as = 'div',\n      className,\n      children,\n      direction,\n      justify = 'start',\n      align = 'stretch',\n      spacing = 0,\n      ...rest\n    },\n    forwardedRef\n  ) {\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=\"bezier-legacy-stack\"\n        {...rest}\n      >\n        {Children.map(children, (element, index) => {\n          if (!isValidElement(element)) {\n            return element\n          }\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) {\n            firstValidElementIdx.current = index\n          }\n          return cloneElement(element, {\n            ...element.props,\n            direction,\n            marginBefore:\n              element.props.marginBefore ??\n              (index > firstValidElementIdx.current ? spacing : 0),\n          })\n        })}\n      </Comp>\n    )\n  }\n)\n"],"names":["LegacyStack","forwardRef","Stack","as","className","children","direction","justify","align","spacing","rest","forwardedRef","Comp","firstValidElementIdx","useRef","React","createElement","Object","assign","classNames","styles","ref","Children","map","element","index","_element$props$margin","isValidElement","current","cloneElement","props","marginBefore"],"mappings":";;;;;;AAgBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MACaA,WAAW,gBAAGC,gBAAU,CACnC,SAASC,KAAKA,CACZ;AACEC,EAAAA,EAAE,GAAG,KAAK;EACVC,SAAS;EACTC,QAAQ;EACRC,SAAS;AACTC,EAAAA,OAAO,GAAG,OAAO;AACjBC,EAAAA,KAAK,GAAG,SAAS;AACjBC,EAAAA,OAAO,GAAG,CAAC;EACX,GAAGC;AACL,CAAC,EACDC,YAAY,EACZ;EACA,MAAMC,IAAI,GAAGT,EAAE;AACf,EAAA,MAAMU,oBAAoB,GAAGC,YAAM,CAAC,CAAC,CAAC,CAAC;EAEvC,oBACEC,KAAA,CAAAC,aAAA,CAACJ,IAAI,EAAAK,MAAA,CAAAC,MAAA,CAAA;AACHd,IAAAA,SAAS,EAAEe,aAAU,CACnBC,0BAAM,CAACpB,WAAW,EAClBoB,0BAAM,CAAC,CAAA,UAAA,EAAad,SAAS,CAAA,CAAE,CAAC,EAChCc,0BAAM,CAAC,CAAWb,QAAAA,EAAAA,OAAO,CAAE,CAAA,CAAC,EAC5Ba,0BAAM,CAAC,CAAA,MAAA,EAASZ,KAAK,CAAA,CAAE,CAAC,EACxBJ,SACF,CAAE;AACFiB,IAAAA,GAAG,EAAEV,YAAa;IAClB,aAAY,EAAA;AAAqB,GAAA,EAC7BD,IAAI,CAAA,EAEPY,cAAQ,CAACC,GAAG,CAAClB,QAAQ,EAAE,CAACmB,OAAO,EAAEC,KAAK,KAAK;AAAA,IAAA,IAAAC,qBAAA;AAC1C,IAAA,IAAI,eAACC,oBAAc,CAACH,OAAO,CAAC,EAAE;AAC5B,MAAA,OAAOA,OAAO;AAChB;;AAEA;AACV;AACA;AACA;AACA;AACA;AACA;AACU,IAAA,IAAIX,oBAAoB,CAACe,OAAO,KAAK,CAAC,CAAC,EAAE;MACvCf,oBAAoB,CAACe,OAAO,GAAGH,KAAK;AACtC;IACA,oBAAOI,kBAAY,CAACL,OAAO,EAAE;MAC3B,GAAGA,OAAO,CAACM,KAAK;MAChBxB,SAAS;MACTyB,YAAY,EAAA,CAAAL,qBAAA,GACVF,OAAO,CAACM,KAAK,CAACC,YAAY,MAAAL,IAAAA,IAAAA,qBAAA,cAAAA,qBAAA,GACzBD,KAAK,GAAGZ,oBAAoB,CAACe,OAAO,GAAGnB,OAAO,GAAG;AACtD,KAAC,CAAC;AACJ,GAAC,CACG,CAAC;AAEX,CACF;;;;"}
+{"version":3,"file":"LegacyStack.js","sources":["../../../../../src/components/LegacyStack/LegacyStack/LegacyStack.tsx"],"sourcesContent":["'use client'\n\nimport {\n  Children,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  useRef,\n} from 'react'\n\nimport classNames from 'classnames'\n\n// eslint-disable-next-line no-restricted-imports\nimport { type LegacyStackItemProps } from '../LegacyStackItem'\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 * @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>(\n  function Stack(\n    {\n      as = 'div',\n      className,\n      children,\n      direction,\n      justify = 'start',\n      align = 'stretch',\n      spacing = 0,\n      ...rest\n    },\n    forwardedRef\n  ) {\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=\"bezier-legacy-stack\"\n        {...rest}\n      >\n        {Children.map(children, (element, index) => {\n          if (!isValidElement(element)) {\n            return element\n          }\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) {\n            firstValidElementIdx.current = index\n          }\n          return cloneElement(element, {\n            ...(element.props ?? {}),\n            direction,\n            marginBefore:\n              (element.props as LegacyStackItemProps)?.marginBefore ??\n              (index > firstValidElementIdx.current ? spacing : 0),\n          } as LegacyStackItemProps)\n        })}\n      </Comp>\n    )\n  }\n)\n"],"names":["LegacyStack","forwardRef","Stack","as","className","children","direction","justify","align","spacing","rest","forwardedRef","Comp","firstValidElementIdx","useRef","_jsx","classNames","styles","ref","Children","map","element","index","_element$props","_marginBefore","_element$props2","isValidElement","current","cloneElement","props","marginBefore"],"mappings":";;;;;;;MAsCaA,WAAW,gBAAGC,gBAAU,CACnC,SAASC,KAAKA,CACZ;AACEC,EAAAA,EAAE,GAAG,KAAK;EACVC,SAAS;EACTC,QAAQ;EACRC,SAAS;AACTC,EAAAA,OAAO,GAAG,OAAO;AACjBC,EAAAA,KAAK,GAAG,SAAS;AACjBC,EAAAA,OAAO,GAAG,CAAC;EACX,GAAGC;AACL,CAAC,EACDC,YAAY,EACZ;EACA,MAAMC,IAAI,GAAGT,EAAE;AACf,EAAA,MAAMU,oBAAoB,GAAGC,YAAM,CAAC,CAAC,CAAC,CAAC;EAEvC,oBACEC,cAAA,CAACH,IAAI,EAAA;AACHR,IAAAA,SAAS,EAAEY,aAAU,CACnBC,0BAAM,CAACjB,WAAW,EAClBiB,0BAAM,CAAC,CAAA,UAAA,EAAaX,SAAS,CAAA,CAAE,CAAC,EAChCW,0BAAM,CAAC,CAAWV,QAAAA,EAAAA,OAAO,CAAE,CAAA,CAAC,EAC5BU,0BAAM,CAAC,CAAA,MAAA,EAAST,KAAK,CAAA,CAAE,CAAC,EACxBJ,SACF,CAAE;AACFc,IAAAA,GAAG,EAAEP,YAAa;AAClB,IAAA,aAAA,EAAY,qBAAqB;AAAA,IAAA,GAC7BD,IAAI;IAAAL,QAAA,EAEPc,cAAQ,CAACC,GAAG,CAACf,QAAQ,EAAE,CAACgB,OAAO,EAAEC,KAAK,KAAK;AAAA,MAAA,IAAAC,cAAA,EAAAC,aAAA,EAAAC,eAAA;AAC1C,MAAA,IAAI,eAACC,oBAAc,CAACL,OAAO,CAAC,EAAE;AAC5B,QAAA,OAAOA,OAAO;AAChB;;AAEA;AACV;AACA;AACA;AACA;AACA;AACA;AACU,MAAA,IAAIR,oBAAoB,CAACc,OAAO,KAAK,CAAC,CAAC,EAAE;QACvCd,oBAAoB,CAACc,OAAO,GAAGL,KAAK;AACtC;MACA,oBAAOM,kBAAY,CAACP,OAAO,EAAE;AAC3B,QAAA,IAAA,CAAAE,cAAA,GAAIF,OAAO,CAACQ,KAAK,MAAA,IAAA,IAAAN,cAAA,KAAA,KAAA,CAAA,GAAAA,cAAA,GAAI,EAAE,CAAC;QACxBjB,SAAS;QACTwB,YAAY,EAAA,CAAAN,aAAA,GAAA,CAAAC,eAAA,GACTJ,OAAO,CAACQ,KAAK,MAAA,IAAA,IAAAJ,eAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAdA,eAAA,CAAyCK,YAAY,MAAAN,IAAAA,IAAAA,aAAA,KAAAA,KAAAA,CAAAA,GAAAA,aAAA,GACpDF,KAAK,GAAGT,oBAAoB,CAACc,OAAO,GAAGlB,OAAO,GAAG;AACtD,OAAyB,CAAC;KAC3B;AAAC,GACE,CAAC;AAEX,CACF;;;;"}

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

@@ -1,9 +1,10 @@
 'use strict';
 
 var React = require('react');
-var index = require('../../../node_modules/classnames/index.js');
+var index = require('../../../_virtual/index.js');
 var type = require('../../../utils/type.js');
 var LegacyStackItem_module = require('./LegacyStackItem.module.scss.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 const sanitizeWeight = weight => {
   if (weight < 0) {
@@ -55,7 +56,7 @@ const LegacyStackItem = /*#__PURE__*/React.forwardRef(function StackItem({
   ...rest
 }, forwardedRef) {
   const Comp = as;
-  return /*#__PURE__*/React.createElement(Comp, Object.assign({
+  return /*#__PURE__*/jsxRuntime.jsx(Comp, {
     ref: forwardedRef,
     style: {
       ...style,
@@ -66,8 +67,10 @@ const LegacyStackItem = /*#__PURE__*/React.forwardRef(function StackItem({
       '--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": "bezier-legacy-stack-item"
-  }, rest), children);
+    "data-testid": "bezier-legacy-stack-item",
+    ...rest,
+    children: children
+  });
 });
 
 exports.LegacyStackItem = LegacyStackItem;

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

@@ -1 +1 @@
-{"version":3,"file":"LegacyStackItem.js","sources":["../../../../../src/components/LegacyStack/LegacyStackItem/LegacyStackItem.tsx"],"sourcesContent":["'use client'\n\nimport React, { forwardRef } from 'react'\n\nimport classNames from 'classnames'\n\nimport { isInteger, isNil } 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) {\n    return 0\n  }\n  if (!isInteger(weight)) {\n    return 0\n  }\n  return weight\n}\n\n/**\n * @deprecated Use layout components(`Box`, `Stack`) that support flex item related properties (`shrink`, `grow`) instead.\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>(\n  function StackItem(\n    {\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      ...rest\n    },\n    forwardedRef\n  ) {\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=\"bezier-legacy-stack-item\"\n        {...rest}\n      >\n        {children}\n      </Comp>\n    )\n  }\n)\n"],"names":["sanitizeWeight","weight","isInteger","LegacyStackItem","forwardRef","StackItem","as","children","style","className","direction","justify","align","size","grow","shrink","marginBefore","marginAfter","rest","forwardedRef","Comp","React","createElement","Object","assign","ref","isNil","classNames","styles"],"mappings":";;;;;;;AAYA,MAAMA,cAAc,GAAIC,MAAc,IAAa;EACjD,IAAIA,MAAM,GAAG,CAAC,EAAE;AACd,IAAA,OAAO,CAAC;AACV;AACA,EAAA,IAAI,CAACC,cAAS,CAACD,MAAM,CAAC,EAAE;AACtB,IAAA,OAAO,CAAC;AACV;AACA,EAAA,OAAOA,MAAM;AACf,CAAC;;AAED;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,CACvC,SAASC,SAASA,CAChB;AACEC,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;EACf,GAAGC;AACL,CAAC,EACDC,YAAY,EACZ;EACA,MAAMC,IAAI,GAAGd,EAAE;EAEf,oBACEe,KAAA,CAAAC,aAAA,CAACF,IAAI,EAAAG,MAAA,CAAAC,MAAA,CAAA;AACHC,IAAAA,GAAG,EAAEN,YAAa;AAClBX,IAAAA,KAAK,EAAE;AACL,MAAA,GAAGA,KAAK;MACR,oBAAoB,EAAEkB,UAAK,CAACb,IAAI,CAAC,GAAG,SAAS,GAAG,CAAGA,EAAAA,IAAI,CAAI,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,EAAE,CAAGe,EAAAA,YAAY,CAAI,EAAA,CAAA;MACxC,kBAAkB,EAAE,GAAGC,WAAW,CAAA,EAAA;KAClC;AACFR,IAAAA,SAAS,EAAEkB,aAAU,CACnBC,8BAAM,CAACzB,eAAe,EACtByB,8BAAM,CAAC,CAAA,UAAA,EAAalB,SAAS,CAAA,CAAE,CAAC,EAChCkB,8BAAM,CAAC,CAAWjB,QAAAA,EAAAA,OAAO,CAAE,CAAA,CAAC,EAC5BiB,8BAAM,CAAC,CAAA,MAAA,EAAShB,KAAK,CAAA,CAAE,CAAC,EACxBH,SACF,CAAE;IACF,aAAY,EAAA;GACRS,EAAAA,IAAI,CAEPX,EAAAA,QACG,CAAC;AAEX,CACF;;;;"}
+{"version":3,"file":"LegacyStackItem.js","sources":["../../../../../src/components/LegacyStack/LegacyStackItem/LegacyStackItem.tsx"],"sourcesContent":["'use client'\n\nimport { forwardRef } from 'react'\n\nimport classNames from 'classnames'\n\nimport { isInteger, isNil } 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) {\n    return 0\n  }\n  if (!isInteger(weight)) {\n    return 0\n  }\n  return weight\n}\n\n/**\n * @deprecated Use layout components(`Box`, `Stack`) that support flex item related properties (`shrink`, `grow`) instead.\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>(\n  function StackItem(\n    {\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      ...rest\n    },\n    forwardedRef\n  ) {\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=\"bezier-legacy-stack-item\"\n        {...rest}\n      >\n        {children}\n      </Comp>\n    )\n  }\n)\n"],"names":["sanitizeWeight","weight","isInteger","LegacyStackItem","forwardRef","StackItem","as","children","style","className","direction","justify","align","size","grow","shrink","marginBefore","marginAfter","rest","forwardedRef","Comp","_jsx","ref","isNil","classNames","styles"],"mappings":";;;;;;;;AAYA,MAAMA,cAAc,GAAIC,MAAc,IAAa;EACjD,IAAIA,MAAM,GAAG,CAAC,EAAE;AACd,IAAA,OAAO,CAAC;AACV;AACA,EAAA,IAAI,CAACC,cAAS,CAACD,MAAM,CAAC,EAAE;AACtB,IAAA,OAAO,CAAC;AACV;AACA,EAAA,OAAOA,MAAM;AACf,CAAC;;AAED;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,CACvC,SAASC,SAASA,CAChB;AACEC,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;EACf,GAAGC;AACL,CAAC,EACDC,YAAY,EACZ;EACA,MAAMC,IAAI,GAAGd,EAAE;EAEf,oBACEe,cAAA,CAACD,IAAI,EAAA;AACHE,IAAAA,GAAG,EAAEH,YAAa;AAClBX,IAAAA,KAAK,EAAE;AACL,MAAA,GAAGA,KAAK;MACR,oBAAoB,EAAEe,UAAK,CAACV,IAAI,CAAC,GAAG,SAAS,GAAG,CAAGA,EAAAA,IAAI,CAAI,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,EAAE,CAAGe,EAAAA,YAAY,CAAI,EAAA,CAAA;MACxC,kBAAkB,EAAE,GAAGC,WAAW,CAAA,EAAA;KAClC;AACFR,IAAAA,SAAS,EAAEe,aAAU,CACnBC,8BAAM,CAACtB,eAAe,EACtBsB,8BAAM,CAAC,CAAA,UAAA,EAAaf,SAAS,CAAA,CAAE,CAAC,EAChCe,8BAAM,CAAC,CAAWd,QAAAA,EAAAA,OAAO,CAAE,CAAA,CAAC,EAC5Bc,8BAAM,CAAC,CAAA,MAAA,EAASb,KAAK,CAAA,CAAE,CAAC,EACxBH,SACF,CAAE;AACF,IAAA,aAAA,EAAY,0BAA0B;AAAA,IAAA,GAClCS,IAAI;AAAAX,IAAAA,QAAA,EAEPA;AAAQ,GACL,CAAC;AAEX,CACF;;;;"}

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

@@ -1,6 +1,7 @@
 'use strict';
 
 var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 var LegacyStack = require('../LegacyStack/LegacyStack.js');
 
 /**
@@ -9,10 +10,11 @@ var LegacyStack = require('../LegacyStack/LegacyStack.js');
  * A container for vertical flex layout.
  */
 const LegacyVStack = /*#__PURE__*/React.forwardRef(function VStack(props, forwardedRef) {
-  return /*#__PURE__*/React.createElement(LegacyStack.LegacyStack, Object.assign({
+  return /*#__PURE__*/jsxRuntime.jsx(LegacyStack.LegacyStack, {
     ref: forwardedRef,
-    direction: "vertical"
-  }, props));
+    direction: "vertical",
+    ...props
+  });
 });
 
 exports.LegacyVStack = LegacyVStack;

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

@@ -1 +1 @@
-{"version":3,"file":"LegacyVStack.js","sources":["../../../../../src/components/LegacyStack/LegacyVStack/LegacyVStack.tsx"],"sourcesContent":["'use client'\n\nimport 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>(\n  function VStack(props, forwardedRef) {\n    return (\n      <LegacyStack\n        ref={forwardedRef}\n        direction=\"vertical\"\n        {...props}\n      />\n    )\n  }\n)\n"],"names":["LegacyVStack","forwardRef","VStack","props","forwardedRef","React","createElement","LegacyStack","Object","assign","ref","direction"],"mappings":";;;;;AAQA;AACA;AACA;AACA;AACA;AACO,MAAMA,YAAY,gBAAGC,gBAAU,CACpC,SAASC,MAAMA,CAACC,KAAK,EAAEC,YAAY,EAAE;EACnC,oBACEC,KAAA,CAAAC,aAAA,CAACC,uBAAW,EAAAC,MAAA,CAAAC,MAAA,CAAA;AACVC,IAAAA,GAAG,EAAEN,YAAa;AAClBO,IAAAA,SAAS,EAAC;GACNR,EAAAA,KAAK,CACV,CAAC;AAEN,CACF;;;;"}
+{"version":3,"file":"LegacyVStack.js","sources":["../../../../../src/components/LegacyStack/LegacyVStack/LegacyVStack.tsx"],"sourcesContent":["'use client'\n\nimport { 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>(\n  function VStack(props, forwardedRef) {\n    return (\n      <LegacyStack\n        ref={forwardedRef}\n        direction=\"vertical\"\n        {...props}\n      />\n    )\n  }\n)\n"],"names":["LegacyVStack","forwardRef","VStack","props","forwardedRef","_jsx","LegacyStack","ref","direction"],"mappings":";;;;;;AAQA;AACA;AACA;AACA;AACA;AACO,MAAMA,YAAY,gBAAGC,gBAAU,CACpC,SAASC,MAAMA,CAACC,KAAK,EAAEC,YAAY,EAAE;EACnC,oBACEC,cAAA,CAACC,uBAAW,EAAA;AACVC,IAAAA,GAAG,EAAEH,YAAa;AAClBI,IAAAA,SAAS,EAAC,UAAU;IAAA,GAChBL;AAAK,GACV,CAAC;AAEN,CACF;;;;"}

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

@@ -1,9 +1,10 @@
 'use strict';
 
 var React = require('react');
-var index = require('../../node_modules/classnames/index.js');
+var index = require('../../_virtual/index.js');
 var LegacyTooltipContent = require('./LegacyTooltipContent.js');
 var LegacyTooltip_module = require('./LegacyTooltip.module.scss.js');
+var jsxRuntime = require('react/jsx-runtime');
 var WindowProvider = require('../WindowProvider/WindowProvider.js');
 
 const TOOLTIP_TEST_ID = 'bezier-tooltip';
@@ -39,7 +40,7 @@ const LegacyTooltip = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(func
   const [show, setShow] = React.useState(false);
   const [didMount, setDidMount] = React.useState(show);
   const tooltipContainerRef = React.useRef(null);
-  const timerRef = React.useRef();
+  const timerRef = React.useRef(undefined);
   React.useEffect(function hideTooltipContentWhenDisabled() {
     if (disabled) {
       setShow(false);
@@ -72,7 +73,7 @@ const LegacyTooltip = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(func
   }, [delayHide, disabled, window]);
   const TooltipComponent = React.useMemo(() => {
     if (!lazy || didMount) {
-      return /*#__PURE__*/React.createElement(LegacyTooltipContent.LegacyTooltipContent, {
+      return /*#__PURE__*/jsxRuntime.jsx(LegacyTooltipContent.LegacyTooltipContent, {
         as: as,
         content: content,
         contentStyle: contentStyle,
@@ -94,13 +95,15 @@ const LegacyTooltip = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(func
   if (!children) {
     return null;
   }
-  return /*#__PURE__*/React.createElement("div", Object.assign({
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
     ref: tooltipContainerRef,
     className: index.default(LegacyTooltip_module.default.LegacyTooltip, className),
     onMouseEnter: handleMouseEnter,
     onMouseLeave: handleMouseLeave,
-    "data-testid": TOOLTIP_TEST_ID
-  }, otherProps), children, show && TooltipComponent);
+    "data-testid": TOOLTIP_TEST_ID,
+    ...otherProps,
+    children: [children, show && TooltipComponent]
+  });
 }));
 
 exports.LegacyTooltip = LegacyTooltip;

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

@@ -1 +1 @@
-{"version":3,"file":"LegacyTooltip.js","sources":["../../../../src/components/LegacyTooltip/LegacyTooltip.tsx"],"sourcesContent":["'use client'\n\nimport 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/components/WindowProvider'\n\nimport { type LegacyTooltipProps } from './LegacyTooltip.types'\nimport { LegacyTooltipContent } from './LegacyTooltipContent'\n\nimport styles from './LegacyTooltip.module.scss'\n\nexport const TOOLTIP_TEST_ID = 'bezier-tooltip'\nexport const TOOLTIP_CONTENT_TEST_ID = 'bezier-tooltip-content'\n\n/**\n * @deprecated Use `Tooltip` instead. It may be removed in the next major version.\n */\nexport const LegacyTooltip = memo(\n  forwardRef(function LegacyTooltip(\n    {\n      as,\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 = 'bottom-center',\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(\n      function hideTooltipContentWhenDisabled() {\n        if (disabled) {\n          setShow(false)\n        }\n      },\n      [disabled]\n    )\n\n    useEffect(\n      function updateDidMount() {\n        setDidMount((prev) => prev || show)\n      },\n      [show]\n    )\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    }, [delayShow, disabled, window])\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    }, [delayHide, disabled, window])\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            data-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        className={classNames(styles.LegacyTooltip, className)}\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleMouseLeave}\n        data-testid={TOOLTIP_TEST_ID}\n        {...otherProps}\n      >\n        {children}\n        {show && TooltipComponent}\n      </div>\n    )\n  })\n)\n"],"names":["TOOLTIP_TEST_ID","TOOLTIP_CONTENT_TEST_ID","LegacyTooltip","memo","forwardRef","as","contentTestId","className","contentStyle","contentClassName","contentWrapperStyle","contentWrapperClassName","content","lazy","placement","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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"}
+{"version":3,"file":"LegacyTooltip.js","sources":["../../../../src/components/LegacyTooltip/LegacyTooltip.tsx"],"sourcesContent":["'use client'\n\nimport {\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/components/WindowProvider'\n\nimport { type LegacyTooltipProps } from './LegacyTooltip.types'\nimport { LegacyTooltipContent } from './LegacyTooltipContent'\n\nimport styles from './LegacyTooltip.module.scss'\n\nexport const TOOLTIP_TEST_ID = 'bezier-tooltip'\nexport const TOOLTIP_CONTENT_TEST_ID = 'bezier-tooltip-content'\n\n/**\n * @deprecated Use `Tooltip` instead. It may be removed in the next major version.\n */\nexport const LegacyTooltip = memo(\n  forwardRef(function LegacyTooltip(\n    {\n      as,\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 = 'bottom-center',\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']>>(undefined)\n\n    useEffect(\n      function hideTooltipContentWhenDisabled() {\n        if (disabled) {\n          setShow(false)\n        }\n      },\n      [disabled]\n    )\n\n    useEffect(\n      function updateDidMount() {\n        setDidMount((prev) => prev || show)\n      },\n      [show]\n    )\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    }, [delayShow, disabled, window])\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    }, [delayHide, disabled, window])\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            data-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        className={classNames(styles.LegacyTooltip, className)}\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleMouseLeave}\n        data-testid={TOOLTIP_TEST_ID}\n        {...otherProps}\n      >\n        {children}\n        {show && TooltipComponent}\n      </div>\n    )\n  })\n)\n"],"names":["TOOLTIP_TEST_ID","TOOLTIP_CONTENT_TEST_ID","LegacyTooltip","memo","forwardRef","as","contentTestId","className","contentStyle","contentClassName","contentWrapperStyle","contentWrapperClassName","content","lazy","placement","disabled","offset","keepInContainer","allowHover","delayShow","delayHide","children","otherProps","forwardedRef","window","useWindow","show","setShow","useState","didMount","setDidMount","tooltipContainerRef","useRef","timerRef","undefined","useEffect","hideTooltipContentWhenDisabled","updateDidMount","prev","handleMouseEnter","useCallback","current","clearTimeout","setTimeout","handleMouseLeave","TooltipComponent","useMemo","_jsx","LegacyTooltipContent","tooltipContainer","_jsxs","ref","classNames","styles","onMouseEnter","onMouseLeave"],"mappings":"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"}

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

@@ -2,29 +2,50 @@
 
 var React = require('react');
 var ReactDOM = require('react-dom');
-var index = require('../../node_modules/classnames/index.js');
+var index = require('../../_virtual/index.js');
 var useEventHandler = require('../../hooks/useEventHandler.js');
 var useMergeRefs = require('../../hooks/useMergeRefs.js');
 var type = require('../../utils/type.js');
 var utils = require('./utils.js');
 var LegacyTooltip_module = require('./LegacyTooltip.module.scss.js');
+var jsxRuntime = require('react/jsx-runtime');
 var WindowProvider = require('../WindowProvider/WindowProvider.js');
 var ThemeProvider = require('../ThemeProvider/ThemeProvider.js');
 var Text = require('../Text/Text.js');
 
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
 function getNewLineComponent(strContent) {
   return strContent.split('\n').map((str, index) => {
     if (index === 0) {
-      return /*#__PURE__*/React.createElement(Text.Text, {
-        key: str,
-        typo: "14"
+      return /*#__PURE__*/jsxRuntime.jsx(Text.Text, {
+        typo: "14",
+        children: str
       }, str);
     }
-    return /*#__PURE__*/React.createElement(React.Fragment, {
-      key: str
-    }, /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Text.Text, {
-      typo: "14"
-    }, str));
+    return /*#__PURE__*/jsxRuntime.jsxs(React__namespace.Fragment, {
+      children: [/*#__PURE__*/jsxRuntime.jsx("br", {}), /*#__PURE__*/jsxRuntime.jsx(Text.Text, {
+        typo: "14",
+        children: str
+      })]
+    }, str);
   });
 }
 function getContentComponent(content) {
@@ -94,19 +115,25 @@ const LegacyTooltipContent = ({
     return {};
   }, [tooltipContainer, givenContentWrapperStyle, replacement, offset, allowHover]);
   const Comp = as !== null && as !== void 0 ? as : 'div';
-  return /*#__PURE__*/ReactDOM.createPortal(/*#__PURE__*/React.createElement(ThemeProvider.InvertedThemeProvider, null, /*#__PURE__*/React.createElement("div", {
-    style: contentWrapperStyle,
-    className: index.default(LegacyTooltip_module.default.LegacyTooltipContentWrapper, (disabled || type.isEmpty(content)) && LegacyTooltip_module.default.disabled, contentWrapperClassName),
-    ref: tooltipWrapperRef
-  }, /*#__PURE__*/React.createElement(Comp, Object.assign({
-    style: contentStyle,
-    className: index.default(LegacyTooltip_module.default.LegacyTooltipContent, contentClassName),
-    ref: mergedRef
-  }, rest), /*#__PURE__*/React.createElement(Text.Text, {
-    color: "txt-black-darkest",
-    truncated: 20,
-    typo: "13"
-  }, ContentComponent)))), rootElement);
+  return /*#__PURE__*/ReactDOM.createPortal(/*#__PURE__*/jsxRuntime.jsx(ThemeProvider.InvertedThemeProvider, {
+    children: /*#__PURE__*/jsxRuntime.jsx("div", {
+      style: contentWrapperStyle,
+      className: index.default(LegacyTooltip_module.default.LegacyTooltipContentWrapper, (disabled || type.isEmpty(content)) && LegacyTooltip_module.default.disabled, contentWrapperClassName),
+      ref: tooltipWrapperRef,
+      children: /*#__PURE__*/jsxRuntime.jsx(Comp, {
+        style: contentStyle,
+        className: index.default(LegacyTooltip_module.default.LegacyTooltipContent, contentClassName),
+        ref: mergedRef,
+        ...rest,
+        children: /*#__PURE__*/jsxRuntime.jsx(Text.Text, {
+          color: "txt-black-darkest",
+          truncated: 20,
+          typo: "13",
+          children: ContentComponent
+        })
+      })
+    })
+  }), rootElement);
 };
 
 exports.LegacyTooltipContent = LegacyTooltipContent;