@channel.io/bezier-react 1.6.2 → 1.7.0

package/dist/esm/components/Toast/Toast.types.mjs

@@ -1,3 +1,4 @@
+import { InfoFilledIcon } from '@channel.io/bezier-icons';
 import { noop } from '../../utils/functionUtils.mjs';
 
 let ToastPlacement = /*#__PURE__*/function (ToastPlacement) {
@@ -28,7 +29,7 @@ let ToastPreset = /*#__PURE__*/function (ToastPreset) {
   return ToastPreset;
 }({});
 const defaultOptions = {
-  iconName: 'info-filled',
+  icon: InfoFilledIcon,
   appearance: ToastAppearance.Info,
   autoDismiss: false,
   onDismiss: noop,

package/dist/esm/components/Toast/Toast.types.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.types.mjs","sources":["../../../../src/components/Toast/Toast.types.ts"],"sourcesContent":["import {\n  type ComponentType,\n  type ReactNode,\n} from 'react'\nimport type React from 'react'\n\nimport { type IconName } from '@channel.io/bezier-icons'\n\nimport { type TransitionDuration } from '~/src/foundation'\n\nimport {\n  type BezierComponentProps,\n  type ContentProps,\n} from '~/src/types/ComponentProps'\nimport { type InjectedInterpolation } from '~/src/types/Foundation'\nimport { noop } from '~/src/utils/functionUtils'\n\nexport enum ToastPlacement {\n  BottomLeft = 'bottomLeft',\n  BottomRight = 'bottomRight',\n}\n\nexport enum ToastAppearance {\n  Success = 'success',\n  Warning = 'warning',\n  Error = 'error',\n  Info = 'info',\n}\n\nexport enum ToastIconColor {\n  Success = 'bgtxt-green-normal',\n  Warning = 'bgtxt-orange-normal',\n  Error = 'bgtxt-red-normal',\n  Info = 'txt-black-darkest',\n}\n\nexport enum ToastPreset {\n  Default = 'Default',\n  Success = 'Success',\n  Error = 'Error',\n  Offline = 'Offline',\n  Online = 'Online',\n}\n\nexport interface ToastPresetType {\n  appearance: ToastAppearance\n  iconName: IconName\n}\n\ninterface ToastElementOptions {\n  preset?: ToastPreset\n  appearance?: ToastAppearance\n  iconName?: IconName\n  /**\n   * @deprecated use React.ReactNode content props instead.\n   */\n  actionContent?: string\n  transitionDuration: TransitionDuration\n  transform: InjectedInterpolation\n  placement: ToastPlacement\n  zIndex?: number\n  onClick?: React.MouseEventHandler\n  onDismiss: React.MouseEventHandler<HTMLDivElement>\n}\n\nexport type ToastContent = NonNullable<React.ReactNode>\n\nexport default interface ToastElementProps extends\n  BezierComponentProps,\n  Required<ContentProps<ToastContent>>,\n  ToastElementOptions {}\n\nexport interface ToastProviderProps {\n  autoDismissTimeout?: number\n  children?: ReactNode[] | ReactNode\n}\n\nexport type ToastId = string\n\nexport type OnDismissCallback = (id: ToastId) => void\n\nexport type ToastOptions = {\n  preset?: ToastPreset\n  iconName?: IconName\n  appearance?: ToastAppearance\n  actionContent?: string\n  autoDismiss?: boolean\n  rightSide?: boolean\n  zIndex?: number\n  onClick?: React.MouseEventHandler\n  onDismiss?: OnDismissCallback\n}\n\nexport const defaultOptions: ToastOptions = {\n  iconName: 'info-filled',\n  appearance: ToastAppearance.Info,\n  autoDismiss: false,\n  onDismiss: noop,\n  rightSide: false,\n}\n\nexport type ToastType = ToastOptions & {\n  id: ToastId\n  content: ToastContent\n  /**\n   * Updated version\n   * @default 0\n   */\n  version?: number\n}\n\nexport interface ToastContextType {\n  add: (content: ToastContent, options?: ToastOptions) => ToastId\n  update: (toastId: ToastId, content: ToastContent, options?: ToastOptions) => ToastId\n  remove: (id: ToastId) => void\n  removeAll: () => void\n  leftToasts: ToastType[]\n  rightToasts: ToastType[]\n}\n\nexport type ToastContainerProps = {\n  children?: ReactNode[]\n  placement: ToastPlacement\n}\n\nexport interface ToastControllerProps extends ToastElementProps {\n  autoDismiss: boolean\n  autoDismissTimeout: number\n  component: ComponentType<ToastElementProps>\n  /**\n   * Updated toast version\n   * @default 0\n   */\n  version?: number\n}\n"],"names":["ToastPlacement","ToastAppearance","ToastIconColor","ToastPreset","defaultOptions","iconName","appearance","Info","autoDismiss","onDismiss","noop","rightSide"],"mappings":";;AAiBYA,IAAAA,cAAc,0BAAdA,cAAc,EAAA;EAAdA,cAAc,CAAA,YAAA,CAAA,GAAA,YAAA,CAAA;EAAdA,cAAc,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;AAAA,EAAA,OAAdA,cAAc,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAKdC,IAAAA,eAAe,0BAAfA,eAAe,EAAA;EAAfA,eAAe,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAfA,eAAe,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAfA,eAAe,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;EAAfA,eAAe,CAAA,MAAA,CAAA,GAAA,MAAA,CAAA;AAAA,EAAA,OAAfA,eAAe,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAOfC,IAAAA,cAAc,0BAAdA,cAAc,EAAA;EAAdA,cAAc,CAAA,SAAA,CAAA,GAAA,oBAAA,CAAA;EAAdA,cAAc,CAAA,SAAA,CAAA,GAAA,qBAAA,CAAA;EAAdA,cAAc,CAAA,OAAA,CAAA,GAAA,kBAAA,CAAA;EAAdA,cAAc,CAAA,MAAA,CAAA,GAAA,mBAAA,CAAA;AAAA,EAAA,OAAdA,cAAc,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAOdC,IAAAA,WAAW,0BAAXA,WAAW,EAAA;EAAXA,WAAW,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAXA,WAAW,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAXA,WAAW,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;EAAXA,WAAW,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAXA,WAAW,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;AAAA,EAAA,OAAXA,WAAW,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAyDhB,MAAMC,cAA4B,GAAG;AAC1CC,EAAAA,QAAQ,EAAE,aAAa;EACvBC,UAAU,EAAEL,eAAe,CAACM,IAAI;AAChCC,EAAAA,WAAW,EAAE,KAAK;AAClBC,EAAAA,SAAS,EAAEC,IAAI;AACfC,EAAAA,SAAS,EAAE,KAAA;AACb;;;;"}
+{"version":3,"file":"Toast.types.mjs","sources":["../../../../src/components/Toast/Toast.types.ts"],"sourcesContent":["import {\n  type ComponentType,\n  type ReactNode,\n} from 'react'\nimport type React from 'react'\n\nimport {\n  type BezierIcon,\n  InfoFilledIcon,\n} from '@channel.io/bezier-icons'\n\nimport { type TransitionDuration } from '~/src/foundation'\n\nimport {\n  type BezierComponentProps,\n  type ContentProps,\n} from '~/src/types/ComponentProps'\nimport { type InjectedInterpolation } from '~/src/types/Foundation'\nimport { noop } from '~/src/utils/functionUtils'\n\nexport enum ToastPlacement {\n  BottomLeft = 'bottomLeft',\n  BottomRight = 'bottomRight',\n}\n\nexport enum ToastAppearance {\n  Success = 'success',\n  Warning = 'warning',\n  Error = 'error',\n  Info = 'info',\n}\n\nexport enum ToastIconColor {\n  Success = 'bgtxt-green-normal',\n  Warning = 'bgtxt-orange-normal',\n  Error = 'bgtxt-red-normal',\n  Info = 'txt-black-darkest',\n}\n\nexport enum ToastPreset {\n  Default = 'Default',\n  Success = 'Success',\n  Error = 'Error',\n  Offline = 'Offline',\n  Online = 'Online',\n}\n\nexport interface ToastPresetType {\n  appearance: ToastAppearance\n  icon: BezierIcon\n}\n\ninterface ToastElementOptions {\n  preset?: ToastPreset\n  appearance?: ToastAppearance\n  icon?: BezierIcon\n  /**\n   * @deprecated use React.ReactNode content props instead.\n   */\n  actionContent?: string\n  transitionDuration: TransitionDuration\n  transform: InjectedInterpolation\n  placement: ToastPlacement\n  zIndex?: number\n  onClick?: React.MouseEventHandler\n  onDismiss: React.MouseEventHandler<HTMLDivElement>\n}\n\nexport type ToastContent = NonNullable<React.ReactNode>\n\nexport default interface ToastElementProps extends\n  BezierComponentProps,\n  Required<ContentProps<ToastContent>>,\n  ToastElementOptions {}\n\nexport interface ToastProviderProps {\n  autoDismissTimeout?: number\n  children?: ReactNode[] | ReactNode\n}\n\nexport type ToastId = string\n\nexport type OnDismissCallback = (id: ToastId) => void\n\nexport type ToastOptions = {\n  preset?: ToastPreset\n  icon?: BezierIcon\n  appearance?: ToastAppearance\n  actionContent?: string\n  autoDismiss?: boolean\n  rightSide?: boolean\n  zIndex?: number\n  onClick?: React.MouseEventHandler\n  onDismiss?: OnDismissCallback\n}\n\nexport const defaultOptions: ToastOptions = {\n  icon: InfoFilledIcon,\n  appearance: ToastAppearance.Info,\n  autoDismiss: false,\n  onDismiss: noop,\n  rightSide: false,\n}\n\nexport type ToastType = ToastOptions & {\n  id: ToastId\n  content: ToastContent\n  /**\n   * Updated version\n   * @default 0\n   */\n  version?: number\n}\n\nexport interface ToastContextType {\n  add: (content: ToastContent, options?: ToastOptions) => ToastId\n  update: (toastId: ToastId, content: ToastContent, options?: ToastOptions) => ToastId\n  remove: (id: ToastId) => void\n  removeAll: () => void\n  leftToasts: ToastType[]\n  rightToasts: ToastType[]\n}\n\nexport type ToastContainerProps = {\n  children?: ReactNode[]\n  placement: ToastPlacement\n}\n\nexport interface ToastControllerProps extends ToastElementProps {\n  autoDismiss: boolean\n  autoDismissTimeout: number\n  component: ComponentType<ToastElementProps>\n  /**\n   * Updated toast version\n   * @default 0\n   */\n  version?: number\n}\n"],"names":["ToastPlacement","ToastAppearance","ToastIconColor","ToastPreset","defaultOptions","icon","InfoFilledIcon","appearance","Info","autoDismiss","onDismiss","noop","rightSide"],"mappings":";;;AAoBYA,IAAAA,cAAc,0BAAdA,cAAc,EAAA;EAAdA,cAAc,CAAA,YAAA,CAAA,GAAA,YAAA,CAAA;EAAdA,cAAc,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;AAAA,EAAA,OAAdA,cAAc,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAKdC,IAAAA,eAAe,0BAAfA,eAAe,EAAA;EAAfA,eAAe,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAfA,eAAe,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAfA,eAAe,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;EAAfA,eAAe,CAAA,MAAA,CAAA,GAAA,MAAA,CAAA;AAAA,EAAA,OAAfA,eAAe,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAOfC,IAAAA,cAAc,0BAAdA,cAAc,EAAA;EAAdA,cAAc,CAAA,SAAA,CAAA,GAAA,oBAAA,CAAA;EAAdA,cAAc,CAAA,SAAA,CAAA,GAAA,qBAAA,CAAA;EAAdA,cAAc,CAAA,OAAA,CAAA,GAAA,kBAAA,CAAA;EAAdA,cAAc,CAAA,MAAA,CAAA,GAAA,mBAAA,CAAA;AAAA,EAAA,OAAdA,cAAc,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAOdC,IAAAA,WAAW,0BAAXA,WAAW,EAAA;EAAXA,WAAW,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAXA,WAAW,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAXA,WAAW,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;EAAXA,WAAW,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAXA,WAAW,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;AAAA,EAAA,OAAXA,WAAW,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAyDhB,MAAMC,cAA4B,GAAG;AAC1CC,EAAAA,IAAI,EAAEC,cAAc;EACpBC,UAAU,EAAEN,eAAe,CAACO,IAAI;AAChCC,EAAAA,WAAW,EAAE,KAAK;AAClBC,EAAAA,SAAS,EAAEC,IAAI;AACfC,EAAAA,SAAS,EAAE,KAAA;AACb;;;;"}

package/dist/esm/components/Toast/ToastElement.mjs

@@ -6,9 +6,8 @@ import { ToastPreset } from './Toast.types.mjs';
 import { getToastPreset } from './utils.mjs';
 import { Element, IconWrapper, Content, EllipsisableContent, NormalContent, ActionContent, Close } from './Toast.styled.mjs';
 import v4 from '../../node_modules/uuid/dist/esm-browser/v4.mjs';
-import LegacyIcon from '../LegacyIcon/LegacyIcon.mjs';
-import { IconSize } from '../Icon/Icon.types.mjs';
 import { Icon } from '../Icon/Icon.mjs';
+import { IconSize } from '../Icon/Icon.types.mjs';
 import { Typography } from '../../foundation/Typography.mjs';
 
 const TOAST_TEST_ID = 'bezier-react-toast';
@@ -18,7 +17,7 @@ const ToastElement = ({
   preset = ToastPreset.Default,
   content = '',
   appearance,
-  iconName,
+  icon,
   actionContent,
   onClick,
   onDismiss,
@@ -36,15 +35,15 @@ const ToastElement = ({
   }, [content]);
   const {
     appearance: presetAppearance,
-    iconName: presetIconName
+    icon: presetIcon
   } = useMemo(() => getToastPreset(preset), [preset]);
   return /*#__PURE__*/React__default.createElement(Element, Object.assign({
     ref: forwardedRef,
     "data-testid": testId
   }, props), /*#__PURE__*/React__default.createElement(IconWrapper, {
     appearance: appearance ?? presetAppearance
-  }, /*#__PURE__*/React__default.createElement(LegacyIcon, {
-    name: iconName ?? presetIconName,
+  }, /*#__PURE__*/React__default.createElement(Icon, {
+    source: icon ?? presetIcon,
     size: IconSize.S
   })), /*#__PURE__*/React__default.createElement(Content, {
     actionContent: actionContent,

package/dist/esm/components/Toast/ToastElement.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ToastElement.mjs","sources":["../../../../src/components/Toast/ToastElement.tsx"],"sourcesContent":["import React, {\n  type Ref,\n  forwardRef,\n  useMemo,\n} from 'react'\n\nimport { CancelIcon } from '@channel.io/bezier-icons'\nimport { v4 as uuid } from 'uuid'\n\nimport { Typography } from '~/src/foundation'\n\nimport { isString } from '~/src/utils/typeUtils'\n\nimport {\n  Icon,\n  IconSize,\n} from '~/src/components/Icon'\nimport { LegacyIcon } from '~/src/components/LegacyIcon'\nimport { Text } from '~/src/components/Text'\n\nimport type ToastProps from './Toast.types'\nimport { ToastPreset } from './Toast.types'\nimport { getToastPreset } from './utils'\n\nimport {\n  ActionContent,\n  Close,\n  Content,\n  Element,\n  EllipsisableContent,\n  IconWrapper,\n  NormalContent,\n} from './Toast.styled'\n\nexport const TOAST_TEST_ID = 'bezier-react-toast'\n\nconst ToastElement = (\n  {\n    as,\n    testId = TOAST_TEST_ID,\n    preset = ToastPreset.Default,\n    content = '',\n    appearance,\n    iconName,\n    actionContent,\n    onClick,\n    onDismiss,\n    ...props\n  }: ToastProps,\n  forwardedRef: Ref<any>,\n) => {\n  const ToastContentComponent = useMemo(() => {\n    if (isString(content)) {\n      return content.split('\\n').map((str) => (\n        <div key={uuid()}>\n          <Text\n            typo={Typography.Size14}\n          >\n            { str }\n          </Text>\n        </div>\n      ))\n    }\n    return content\n  }, [content])\n\n  const {\n    appearance: presetAppearance,\n    iconName: presetIconName,\n  } = useMemo(() => getToastPreset(preset), [preset])\n\n  return (\n    <Element\n      ref={forwardedRef}\n      data-testid={testId}\n      {...props}\n    >\n      <IconWrapper\n        appearance={appearance ?? presetAppearance}\n      >\n        <LegacyIcon\n          name={iconName ?? presetIconName}\n          size={IconSize.S}\n        />\n      </IconWrapper>\n      <Content\n        actionContent={actionContent}\n        onClick={onClick}\n      >\n        <EllipsisableContent>\n          <Text\n            typo={Typography.Size14}\n            style={{\n              height: '18px',\n            }}\n          >\n            <NormalContent\n              data-testid={`${TOAST_TEST_ID}-content`}\n            >\n              { ToastContentComponent }\n            </NormalContent>\n            { ' ' }\n            { actionContent && onClick && (\n              <ActionContent onClick={onClick}>\n                { actionContent }\n              </ActionContent>\n            ) }\n          </Text>\n        </EllipsisableContent>\n      </Content>\n      <Close\n        onClick={onDismiss}\n        data-testid={`${TOAST_TEST_ID}-close`}\n      >\n        <Icon\n          source={CancelIcon}\n          size={IconSize.XS}\n        />\n      </Close>\n    </Element>\n  )\n}\n\nexport default forwardRef(ToastElement)\n"],"names":["TOAST_TEST_ID","ToastElement","as","testId","preset","ToastPreset","Default","content","appearance","iconName","actionContent","onClick","onDismiss","props","forwardedRef","ToastContentComponent","useMemo","isString","split","map","str","React","createElement","key","uuid","Text","typo","Typography","Size14","presetAppearance","presetIconName","getToastPreset","Element","Object","assign","ref","IconWrapper","LegacyIcon","name","size","IconSize","S","Content","EllipsisableContent","style","height","NormalContent","ActionContent","Close","Icon","source","CancelIcon","XS","forwardRef"],"mappings":"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"}
+{"version":3,"file":"ToastElement.mjs","sources":["../../../../src/components/Toast/ToastElement.tsx"],"sourcesContent":["import React, {\n  type Ref,\n  forwardRef,\n  useMemo,\n} from 'react'\n\nimport { CancelIcon } from '@channel.io/bezier-icons'\nimport { v4 as uuid } from 'uuid'\n\nimport { Typography } from '~/src/foundation'\n\nimport { isString } from '~/src/utils/typeUtils'\n\nimport {\n  Icon,\n  IconSize,\n} from '~/src/components/Icon'\nimport { Text } from '~/src/components/Text'\n\nimport type ToastProps from './Toast.types'\nimport { ToastPreset } from './Toast.types'\nimport { getToastPreset } from './utils'\n\nimport {\n  ActionContent,\n  Close,\n  Content,\n  Element,\n  EllipsisableContent,\n  IconWrapper,\n  NormalContent,\n} from './Toast.styled'\n\nexport const TOAST_TEST_ID = 'bezier-react-toast'\n\nconst ToastElement = (\n  {\n    as,\n    testId = TOAST_TEST_ID,\n    preset = ToastPreset.Default,\n    content = '',\n    appearance,\n    icon,\n    actionContent,\n    onClick,\n    onDismiss,\n    ...props\n  }: ToastProps,\n  forwardedRef: Ref<any>,\n) => {\n  const ToastContentComponent = useMemo(() => {\n    if (isString(content)) {\n      return content.split('\\n').map((str) => (\n        <div key={uuid()}>\n          <Text\n            typo={Typography.Size14}\n          >\n            { str }\n          </Text>\n        </div>\n      ))\n    }\n    return content\n  }, [content])\n\n  const {\n    appearance: presetAppearance,\n    icon: presetIcon,\n  } = useMemo(() => getToastPreset(preset), [preset])\n\n  return (\n    <Element\n      ref={forwardedRef}\n      data-testid={testId}\n      {...props}\n    >\n      <IconWrapper\n        appearance={appearance ?? presetAppearance}\n      >\n        <Icon\n          source={icon ?? presetIcon}\n          size={IconSize.S}\n        />\n      </IconWrapper>\n      <Content\n        actionContent={actionContent}\n        onClick={onClick}\n      >\n        <EllipsisableContent>\n          <Text\n            typo={Typography.Size14}\n            style={{\n              height: '18px',\n            }}\n          >\n            <NormalContent\n              data-testid={`${TOAST_TEST_ID}-content`}\n            >\n              { ToastContentComponent }\n            </NormalContent>\n            { ' ' }\n            { actionContent && onClick && (\n              <ActionContent onClick={onClick}>\n                { actionContent }\n              </ActionContent>\n            ) }\n          </Text>\n        </EllipsisableContent>\n      </Content>\n      <Close\n        onClick={onDismiss}\n        data-testid={`${TOAST_TEST_ID}-close`}\n      >\n        <Icon\n          source={CancelIcon}\n          size={IconSize.XS}\n        />\n      </Close>\n    </Element>\n  )\n}\n\nexport default forwardRef(ToastElement)\n"],"names":["TOAST_TEST_ID","ToastElement","as","testId","preset","ToastPreset","Default","content","appearance","icon","actionContent","onClick","onDismiss","props","forwardedRef","ToastContentComponent","useMemo","isString","split","map","str","React","createElement","key","uuid","Text","typo","Typography","Size14","presetAppearance","presetIcon","getToastPreset","Element","Object","assign","ref","IconWrapper","Icon","source","size","IconSize","S","Content","EllipsisableContent","style","height","NormalContent","ActionContent","Close","CancelIcon","XS","forwardRef"],"mappings":"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"}

package/dist/esm/components/Toast/ToastProvider.mjs

@@ -31,7 +31,7 @@ function ToastProvider({
     content,
     preset,
     appearance,
-    iconName,
+    icon,
     actionContent,
     onClick,
     id,
@@ -49,7 +49,7 @@ function ToastProvider({
     preset: preset,
     appearance: appearance,
     content: content,
-    iconName: iconName,
+    icon: icon,
     component: ToastElement,
     onDismiss: () => dismiss(id, onDismiss),
     transform: FoundationCSS([""]),

package/dist/esm/components/Toast/ToastProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ToastProvider.mjs","sources":["../../../../src/components/Toast/ToastProvider.tsx"],"sourcesContent":["import React, { useCallback } from 'react'\n\nimport { createPortal } from 'react-dom'\n\nimport {\n  TransitionDuration,\n  css,\n} from '~/src/foundation'\n\nimport { getRootElement } from '~/src/utils/domUtils'\n\nimport {\n  ToastPlacement,\n  type ToastProviderProps,\n  type ToastType,\n} from './Toast.types'\nimport ToastContainer from './ToastContainer'\nimport ToastContext from './ToastContext'\nimport ToastController from './ToastController'\nimport ToastElement from './ToastElement'\nimport useToastProviderValues from './useToastContextValues'\n\nconst { Provider } = ToastContext\n\nfunction ToastProvider({\n  autoDismissTimeout = 3000,\n  children = [],\n}: ToastProviderProps) {\n  const toastContextValue = useToastProviderValues()\n  const {\n    leftToasts,\n    rightToasts,\n    dismiss,\n  } = toastContextValue\n\n  const createContainer = useCallback((placement: ToastPlacement, toasts: ToastType[]) => (\n    <ToastContainer\n      key={placement}\n      placement={placement}\n    >\n      { toasts.map(({\n        autoDismiss,\n        content,\n        preset,\n        appearance,\n        iconName,\n        actionContent,\n        onClick,\n        id,\n        onDismiss,\n        zIndex,\n        version,\n      }) => (\n        <ToastController\n          key={id}\n          placement={placement}\n          autoDismiss={autoDismiss ?? true}\n          transitionDuration={TransitionDuration.M}\n          actionContent={actionContent}\n          onClick={onClick}\n          autoDismissTimeout={autoDismissTimeout}\n          preset={preset}\n          appearance={appearance}\n          content={content}\n          iconName={iconName}\n          component={ToastElement}\n          onDismiss={() => dismiss(id, onDismiss)}\n          transform={css``}\n          zIndex={zIndex}\n          version={version}\n        />\n      )) }\n    </ToastContainer>\n  ), [\n    autoDismissTimeout,\n    dismiss,\n  ])\n\n  return (\n    <Provider value={toastContextValue}>\n      { children }\n      { createPortal(\n        [\n          createContainer(ToastPlacement.BottomLeft, leftToasts),\n          createContainer(ToastPlacement.BottomRight, rightToasts),\n        ],\n        getRootElement(),\n      ) }\n    </Provider>\n  )\n}\n\nexport default ToastProvider\n"],"names":["Provider","ToastContext","ToastProvider","autoDismissTimeout","children","toastContextValue","useToastProviderValues","leftToasts","rightToasts","dismiss","createContainer","useCallback","placement","toasts","React","createElement","ToastContainer","key","map","autoDismiss","content","preset","appearance","iconName","actionContent","onClick","id","onDismiss","zIndex","version","ToastController","transitionDuration","TransitionDuration","M","component","ToastElement","transform","css","value","createPortal","ToastPlacement","BottomLeft","BottomRight","getRootElement"],"mappings":";;;;;;;;;;;;AAsBA,MAAM;AAAEA,EAAAA,QAAAA;AAAS,CAAC,GAAGC,YAAY,CAAA;AAEjC,SAASC,aAAaA,CAAC;AACrBC,EAAAA,kBAAkB,GAAG,IAAI;AACzBC,EAAAA,QAAQ,GAAG,EAAA;AACO,CAAC,EAAE;AACrB,EAAA,MAAMC,iBAAiB,GAAGC,qBAAsB,EAAE,CAAA;EAClD,MAAM;IACJC,UAAU;IACVC,WAAW;AACXC,IAAAA,OAAAA;AACF,GAAC,GAAGJ,iBAAiB,CAAA;AAErB,EAAA,MAAMK,eAAe,GAAGC,WAAW,CAAC,CAACC,SAAyB,EAAEC,MAAmB,kBACjFC,cAAA,CAAAC,aAAA,CAACC,cAAc,EAAA;AACbC,IAAAA,GAAG,EAAEL,SAAU;AACfA,IAAAA,SAAS,EAAEA,SAAAA;AAAU,GAAA,EAEnBC,MAAM,CAACK,GAAG,CAAC,CAAC;IACZC,WAAW;IACXC,OAAO;IACPC,MAAM;IACNC,UAAU;IACVC,QAAQ;IACRC,aAAa;IACbC,OAAO;IACPC,EAAE;IACFC,SAAS;IACTC,MAAM;AACNC,IAAAA,OAAAA;AACF,GAAC,kBACCf,cAAA,CAAAC,aAAA,CAACe,eAAe,EAAA;AACdb,IAAAA,GAAG,EAAES,EAAG;AACRd,IAAAA,SAAS,EAAEA,SAAU;IACrBO,WAAW,EAAEA,WAAW,IAAI,IAAK;IACjCY,kBAAkB,EAAEC,kBAAkB,CAACC,CAAE;AACzCT,IAAAA,aAAa,EAAEA,aAAc;AAC7BC,IAAAA,OAAO,EAAEA,OAAQ;AACjBtB,IAAAA,kBAAkB,EAAEA,kBAAmB;AACvCkB,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,UAAU,EAAEA,UAAW;AACvBF,IAAAA,OAAO,EAAEA,OAAQ;AACjBG,IAAAA,QAAQ,EAAEA,QAAS;AACnBW,IAAAA,SAAS,EAAEC,YAAa;IACxBR,SAAS,EAAEA,MAAMlB,OAAO,CAACiB,EAAE,EAAEC,SAAS,CAAE;IACxCS,SAAS,EAAEC,aAAG,CAAG,CAAA,EAAA,CAAA,CAAA;AACjBT,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,OAAO,EAAEA,OAAAA;GACV,CACF,CACa,CACjB,EAAE,CACD1B,kBAAkB,EAClBM,OAAO,CACR,CAAC,CAAA;AAEF,EAAA,oBACEK,cAAA,CAAAC,aAAA,CAACf,QAAQ,EAAA;AAACsC,IAAAA,KAAK,EAAEjC,iBAAAA;AAAkB,GAAA,EAC/BD,QAAQ,eACRmC,YAAY,CACZ,CACE7B,eAAe,CAAC8B,cAAc,CAACC,UAAU,EAAElC,UAAU,CAAC,EACtDG,eAAe,CAAC8B,cAAc,CAACE,WAAW,EAAElC,WAAW,CAAC,CACzD,EACDmC,cAAc,EAChB,CACQ,CAAC,CAAA;AAEf;;;;"}
+{"version":3,"file":"ToastProvider.mjs","sources":["../../../../src/components/Toast/ToastProvider.tsx"],"sourcesContent":["import React, { useCallback } from 'react'\n\nimport { createPortal } from 'react-dom'\n\nimport {\n  TransitionDuration,\n  css,\n} from '~/src/foundation'\n\nimport { getRootElement } from '~/src/utils/domUtils'\n\nimport {\n  ToastPlacement,\n  type ToastProviderProps,\n  type ToastType,\n} from './Toast.types'\nimport ToastContainer from './ToastContainer'\nimport ToastContext from './ToastContext'\nimport ToastController from './ToastController'\nimport ToastElement from './ToastElement'\nimport useToastProviderValues from './useToastContextValues'\n\nconst { Provider } = ToastContext\n\nfunction ToastProvider({\n  autoDismissTimeout = 3000,\n  children = [],\n}: ToastProviderProps) {\n  const toastContextValue = useToastProviderValues()\n  const {\n    leftToasts,\n    rightToasts,\n    dismiss,\n  } = toastContextValue\n\n  const createContainer = useCallback((placement: ToastPlacement, toasts: ToastType[]) => (\n    <ToastContainer\n      key={placement}\n      placement={placement}\n    >\n      { toasts.map(({\n        autoDismiss,\n        content,\n        preset,\n        appearance,\n        icon,\n        actionContent,\n        onClick,\n        id,\n        onDismiss,\n        zIndex,\n        version,\n      }) => (\n        <ToastController\n          key={id}\n          placement={placement}\n          autoDismiss={autoDismiss ?? true}\n          transitionDuration={TransitionDuration.M}\n          actionContent={actionContent}\n          onClick={onClick}\n          autoDismissTimeout={autoDismissTimeout}\n          preset={preset}\n          appearance={appearance}\n          content={content}\n          icon={icon}\n          component={ToastElement}\n          onDismiss={() => dismiss(id, onDismiss)}\n          transform={css``}\n          zIndex={zIndex}\n          version={version}\n        />\n      )) }\n    </ToastContainer>\n  ), [\n    autoDismissTimeout,\n    dismiss,\n  ])\n\n  return (\n    <Provider value={toastContextValue}>\n      { children }\n      { createPortal(\n        [\n          createContainer(ToastPlacement.BottomLeft, leftToasts),\n          createContainer(ToastPlacement.BottomRight, rightToasts),\n        ],\n        getRootElement(),\n      ) }\n    </Provider>\n  )\n}\n\nexport default ToastProvider\n"],"names":["Provider","ToastContext","ToastProvider","autoDismissTimeout","children","toastContextValue","useToastProviderValues","leftToasts","rightToasts","dismiss","createContainer","useCallback","placement","toasts","React","createElement","ToastContainer","key","map","autoDismiss","content","preset","appearance","icon","actionContent","onClick","id","onDismiss","zIndex","version","ToastController","transitionDuration","TransitionDuration","M","component","ToastElement","transform","css","value","createPortal","ToastPlacement","BottomLeft","BottomRight","getRootElement"],"mappings":";;;;;;;;;;;;AAsBA,MAAM;AAAEA,EAAAA,QAAAA;AAAS,CAAC,GAAGC,YAAY,CAAA;AAEjC,SAASC,aAAaA,CAAC;AACrBC,EAAAA,kBAAkB,GAAG,IAAI;AACzBC,EAAAA,QAAQ,GAAG,EAAA;AACO,CAAC,EAAE;AACrB,EAAA,MAAMC,iBAAiB,GAAGC,qBAAsB,EAAE,CAAA;EAClD,MAAM;IACJC,UAAU;IACVC,WAAW;AACXC,IAAAA,OAAAA;AACF,GAAC,GAAGJ,iBAAiB,CAAA;AAErB,EAAA,MAAMK,eAAe,GAAGC,WAAW,CAAC,CAACC,SAAyB,EAAEC,MAAmB,kBACjFC,cAAA,CAAAC,aAAA,CAACC,cAAc,EAAA;AACbC,IAAAA,GAAG,EAAEL,SAAU;AACfA,IAAAA,SAAS,EAAEA,SAAAA;AAAU,GAAA,EAEnBC,MAAM,CAACK,GAAG,CAAC,CAAC;IACZC,WAAW;IACXC,OAAO;IACPC,MAAM;IACNC,UAAU;IACVC,IAAI;IACJC,aAAa;IACbC,OAAO;IACPC,EAAE;IACFC,SAAS;IACTC,MAAM;AACNC,IAAAA,OAAAA;AACF,GAAC,kBACCf,cAAA,CAAAC,aAAA,CAACe,eAAe,EAAA;AACdb,IAAAA,GAAG,EAAES,EAAG;AACRd,IAAAA,SAAS,EAAEA,SAAU;IACrBO,WAAW,EAAEA,WAAW,IAAI,IAAK;IACjCY,kBAAkB,EAAEC,kBAAkB,CAACC,CAAE;AACzCT,IAAAA,aAAa,EAAEA,aAAc;AAC7BC,IAAAA,OAAO,EAAEA,OAAQ;AACjBtB,IAAAA,kBAAkB,EAAEA,kBAAmB;AACvCkB,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,UAAU,EAAEA,UAAW;AACvBF,IAAAA,OAAO,EAAEA,OAAQ;AACjBG,IAAAA,IAAI,EAAEA,IAAK;AACXW,IAAAA,SAAS,EAAEC,YAAa;IACxBR,SAAS,EAAEA,MAAMlB,OAAO,CAACiB,EAAE,EAAEC,SAAS,CAAE;IACxCS,SAAS,EAAEC,aAAG,CAAG,CAAA,EAAA,CAAA,CAAA;AACjBT,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,OAAO,EAAEA,OAAAA;GACV,CACF,CACa,CACjB,EAAE,CACD1B,kBAAkB,EAClBM,OAAO,CACR,CAAC,CAAA;AAEF,EAAA,oBACEK,cAAA,CAAAC,aAAA,CAACf,QAAQ,EAAA;AAACsC,IAAAA,KAAK,EAAEjC,iBAAAA;AAAkB,GAAA,EAC/BD,QAAQ,eACRmC,YAAY,CACZ,CACE7B,eAAe,CAAC8B,cAAc,CAACC,UAAU,EAAElC,UAAU,CAAC,EACtDG,eAAe,CAAC8B,cAAc,CAACE,WAAW,EAAElC,WAAW,CAAC,CACzD,EACDmC,cAAc,EAChB,CACQ,CAAC,CAAA;AAEf;;;;"}

package/dist/esm/components/Toast/utils.mjs

@@ -1,3 +1,4 @@
+import { InfoFilledIcon, WifiIcon, WifiOffIcon, ErrorTriangleFilledIcon, CheckCircleFilledIcon } from '@channel.io/bezier-icons';
 import { ToastPlacement, ToastAppearance, ToastPreset, ToastIconColor } from './Toast.types.mjs';
 import { css as FoundationCSS } from '../../foundation/FoundationStyledComponent.mjs';
 
@@ -43,28 +44,28 @@ const getToastPreset = preset => {
   switch (preset) {
     case ToastPreset.Success:
       return {
-        iconName: 'check-circle-filled',
+        icon: CheckCircleFilledIcon,
         appearance: ToastAppearance.Success
       };
     case ToastPreset.Error:
       return {
-        iconName: 'error-triangle-filled',
+        icon: ErrorTriangleFilledIcon,
         appearance: ToastAppearance.Error
       };
     case ToastPreset.Offline:
       return {
-        iconName: 'wifi-off',
+        icon: WifiOffIcon,
         appearance: ToastAppearance.Warning
       };
     case ToastPreset.Online:
       return {
-        iconName: 'wifi',
+        icon: WifiIcon,
         appearance: ToastAppearance.Success
       };
     case ToastPreset.Default:
     default:
       return {
-        iconName: 'info-filled',
+        icon: InfoFilledIcon,
         appearance: ToastAppearance.Info
       };
   }

package/dist/esm/components/Toast/utils.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.mjs","sources":["../../../../src/components/Toast/utils.ts"],"sourcesContent":["import { css } from '~/src/foundation'\n\nimport {\n  ToastAppearance,\n  ToastIconColor,\n  ToastPlacement,\n  ToastPreset,\n  type ToastPresetType,\n} from './Toast.types'\n\n/**\n * @deprecated\n * FIXME: Styling dependent on specific applications.\n */\nconst GNB_WIDTH = 68\n\nfunction getIconColor(appearance: ToastAppearance): ToastIconColor {\n  switch (appearance) {\n    case ToastAppearance.Success:\n      return ToastIconColor.Success\n    case ToastAppearance.Warning:\n      return ToastIconColor.Warning\n    case ToastAppearance.Error:\n      return ToastIconColor.Error\n    case ToastAppearance.Info:\n    default:\n      return ToastIconColor.Info\n  }\n}\n\nfunction getPlacement(placement: ToastPlacement) {\n  switch (placement) {\n    case ToastPlacement.BottomRight:\n      return css`\n          right: 0;\n          bottom: 0;\n        `\n    case ToastPlacement.BottomLeft:\n    default:\n      return css`\n        bottom: 0;\n        left: ${GNB_WIDTH}px;\n      `\n  }\n}\n\nconst showedToastTranslateXStyle = css` transform: translateX(0); `\n\nconst initPosition = (placement?: ToastPlacement) => {\n  switch (placement) {\n    case ToastPlacement.BottomLeft:\n      return css` transform: translateX(-120%); `\n    case ToastPlacement.BottomRight:\n      return css` transform: translateX(120%); `\n    default:\n      return showedToastTranslateXStyle\n  }\n}\n\nconst getToastPreset = (preset: ToastPreset): ToastPresetType => {\n  switch (preset) {\n    case ToastPreset.Success:\n      return {\n        iconName: 'check-circle-filled',\n        appearance: ToastAppearance.Success,\n      }\n    case ToastPreset.Error:\n      return {\n        iconName: 'error-triangle-filled',\n        appearance: ToastAppearance.Error,\n      }\n    case ToastPreset.Offline:\n      return {\n        iconName: 'wifi-off',\n        appearance: ToastAppearance.Warning,\n      }\n    case ToastPreset.Online:\n      return {\n        iconName: 'wifi',\n        appearance: ToastAppearance.Success,\n      }\n    case ToastPreset.Default:\n    default:\n      return {\n        iconName: 'info-filled',\n        appearance: ToastAppearance.Info,\n      }\n  }\n}\n\nexport {\n  getIconColor,\n  getPlacement,\n  initPosition,\n  showedToastTranslateXStyle,\n  getToastPreset,\n}\n"],"names":["GNB_WIDTH","getIconColor","appearance","ToastAppearance","Success","ToastIconColor","Warning","Error","Info","getPlacement","placement","ToastPlacement","BottomRight","css","BottomLeft","showedToastTranslateXStyle","initPosition","getToastPreset","preset","ToastPreset","iconName","Offline","Online","Default"],"mappings":";;;AAUA;AACA;AACA;AACA;AACA,MAAMA,SAAS,GAAG,EAAE,CAAA;AAEpB,SAASC,YAAYA,CAACC,UAA2B,EAAkB;AACjE,EAAA,QAAQA,UAAU;IAChB,KAAKC,eAAe,CAACC,OAAO;MAC1B,OAAOC,cAAc,CAACD,OAAO,CAAA;IAC/B,KAAKD,eAAe,CAACG,OAAO;MAC1B,OAAOD,cAAc,CAACC,OAAO,CAAA;IAC/B,KAAKH,eAAe,CAACI,KAAK;MACxB,OAAOF,cAAc,CAACE,KAAK,CAAA;IAC7B,KAAKJ,eAAe,CAACK,IAAI,CAAA;AACzB,IAAA;MACE,OAAOH,cAAc,CAACG,IAAI,CAAA;AAC9B,GAAA;AACF,CAAA;AAEA,SAASC,YAAYA,CAACC,SAAyB,EAAE;AAC/C,EAAA,QAAQA,SAAS;IACf,KAAKC,cAAc,CAACC,WAAW;AAC7B,MAAA,OAAOC,aAAG,CAAA,CAAA,mBAAA,CAAA,CAAA,CAAA;IAIZ,KAAKF,cAAc,CAACG,UAAU,CAAA;AAC9B,IAAA;MACE,OAAOD,aAAG,4BAEAb,SAAS,CAAA,CAAA;AAEvB,GAAA;AACF,CAAA;AAEMe,MAAAA,0BAA0B,gBAAGF,aAAG,CAA6B,CAAA,2BAAA,CAAA,EAAA;AAE7DG,MAAAA,YAAY,GAAIN,SAA0B,IAAK;AACnD,EAAA,QAAQA,SAAS;IACf,KAAKC,cAAc,CAACG,UAAU;AAC5B,MAAA,OAAOD,aAAG,CAAA,CAAA,+BAAA,CAAA,CAAA,CAAA;IACZ,KAAKF,cAAc,CAACC,WAAW;AAC7B,MAAA,OAAOC,aAAG,CAAA,CAAA,8BAAA,CAAA,CAAA,CAAA;AACZ,IAAA;AACE,MAAA,OAAOE,0BAA0B,CAAA;AACrC,GAAA;AACF,EAAC;AAEKE,MAAAA,cAAc,GAAIC,MAAmB,IAAsB;AAC/D,EAAA,QAAQA,MAAM;IACZ,KAAKC,WAAW,CAACf,OAAO;MACtB,OAAO;AACLgB,QAAAA,QAAQ,EAAE,qBAAqB;QAC/BlB,UAAU,EAAEC,eAAe,CAACC,OAAAA;OAC7B,CAAA;IACH,KAAKe,WAAW,CAACZ,KAAK;MACpB,OAAO;AACLa,QAAAA,QAAQ,EAAE,uBAAuB;QACjClB,UAAU,EAAEC,eAAe,CAACI,KAAAA;OAC7B,CAAA;IACH,KAAKY,WAAW,CAACE,OAAO;MACtB,OAAO;AACLD,QAAAA,QAAQ,EAAE,UAAU;QACpBlB,UAAU,EAAEC,eAAe,CAACG,OAAAA;OAC7B,CAAA;IACH,KAAKa,WAAW,CAACG,MAAM;MACrB,OAAO;AACLF,QAAAA,QAAQ,EAAE,MAAM;QAChBlB,UAAU,EAAEC,eAAe,CAACC,OAAAA;OAC7B,CAAA;IACH,KAAKe,WAAW,CAACI,OAAO,CAAA;AACxB,IAAA;MACE,OAAO;AACLH,QAAAA,QAAQ,EAAE,aAAa;QACvBlB,UAAU,EAAEC,eAAe,CAACK,IAAAA;OAC7B,CAAA;AACL,GAAA;AACF;;;;"}
+{"version":3,"file":"utils.mjs","sources":["../../../../src/components/Toast/utils.ts"],"sourcesContent":["import {\n  CheckCircleFilledIcon,\n  ErrorTriangleFilledIcon,\n  InfoFilledIcon,\n  WifiIcon,\n  WifiOffIcon,\n} from '@channel.io/bezier-icons'\n\nimport { css } from '~/src/foundation'\n\nimport {\n  ToastAppearance,\n  ToastIconColor,\n  ToastPlacement,\n  ToastPreset,\n  type ToastPresetType,\n} from './Toast.types'\n\n/**\n * @deprecated\n * FIXME: Styling dependent on specific applications.\n */\nconst GNB_WIDTH = 68\n\nfunction getIconColor(appearance: ToastAppearance): ToastIconColor {\n  switch (appearance) {\n    case ToastAppearance.Success:\n      return ToastIconColor.Success\n    case ToastAppearance.Warning:\n      return ToastIconColor.Warning\n    case ToastAppearance.Error:\n      return ToastIconColor.Error\n    case ToastAppearance.Info:\n    default:\n      return ToastIconColor.Info\n  }\n}\n\nfunction getPlacement(placement: ToastPlacement) {\n  switch (placement) {\n    case ToastPlacement.BottomRight:\n      return css`\n          right: 0;\n          bottom: 0;\n        `\n    case ToastPlacement.BottomLeft:\n    default:\n      return css`\n        bottom: 0;\n        left: ${GNB_WIDTH}px;\n      `\n  }\n}\n\nconst showedToastTranslateXStyle = css` transform: translateX(0); `\n\nconst initPosition = (placement?: ToastPlacement) => {\n  switch (placement) {\n    case ToastPlacement.BottomLeft:\n      return css` transform: translateX(-120%); `\n    case ToastPlacement.BottomRight:\n      return css` transform: translateX(120%); `\n    default:\n      return showedToastTranslateXStyle\n  }\n}\n\nconst getToastPreset = (preset: ToastPreset): ToastPresetType => {\n  switch (preset) {\n    case ToastPreset.Success:\n      return {\n        icon: CheckCircleFilledIcon,\n        appearance: ToastAppearance.Success,\n      }\n    case ToastPreset.Error:\n      return {\n        icon: ErrorTriangleFilledIcon,\n        appearance: ToastAppearance.Error,\n      }\n    case ToastPreset.Offline:\n      return {\n        icon: WifiOffIcon,\n        appearance: ToastAppearance.Warning,\n      }\n    case ToastPreset.Online:\n      return {\n        icon: WifiIcon,\n        appearance: ToastAppearance.Success,\n      }\n    case ToastPreset.Default:\n    default:\n      return {\n        icon: InfoFilledIcon,\n        appearance: ToastAppearance.Info,\n      }\n  }\n}\n\nexport {\n  getIconColor,\n  getPlacement,\n  initPosition,\n  showedToastTranslateXStyle,\n  getToastPreset,\n}\n"],"names":["GNB_WIDTH","getIconColor","appearance","ToastAppearance","Success","ToastIconColor","Warning","Error","Info","getPlacement","placement","ToastPlacement","BottomRight","css","BottomLeft","showedToastTranslateXStyle","initPosition","getToastPreset","preset","ToastPreset","icon","CheckCircleFilledIcon","ErrorTriangleFilledIcon","Offline","WifiOffIcon","Online","WifiIcon","Default","InfoFilledIcon"],"mappings":";;;;AAkBA;AACA;AACA;AACA;AACA,MAAMA,SAAS,GAAG,EAAE,CAAA;AAEpB,SAASC,YAAYA,CAACC,UAA2B,EAAkB;AACjE,EAAA,QAAQA,UAAU;IAChB,KAAKC,eAAe,CAACC,OAAO;MAC1B,OAAOC,cAAc,CAACD,OAAO,CAAA;IAC/B,KAAKD,eAAe,CAACG,OAAO;MAC1B,OAAOD,cAAc,CAACC,OAAO,CAAA;IAC/B,KAAKH,eAAe,CAACI,KAAK;MACxB,OAAOF,cAAc,CAACE,KAAK,CAAA;IAC7B,KAAKJ,eAAe,CAACK,IAAI,CAAA;AACzB,IAAA;MACE,OAAOH,cAAc,CAACG,IAAI,CAAA;AAC9B,GAAA;AACF,CAAA;AAEA,SAASC,YAAYA,CAACC,SAAyB,EAAE;AAC/C,EAAA,QAAQA,SAAS;IACf,KAAKC,cAAc,CAACC,WAAW;AAC7B,MAAA,OAAOC,aAAG,CAAA,CAAA,mBAAA,CAAA,CAAA,CAAA;IAIZ,KAAKF,cAAc,CAACG,UAAU,CAAA;AAC9B,IAAA;MACE,OAAOD,aAAG,4BAEAb,SAAS,CAAA,CAAA;AAEvB,GAAA;AACF,CAAA;AAEMe,MAAAA,0BAA0B,gBAAGF,aAAG,CAA6B,CAAA,2BAAA,CAAA,EAAA;AAE7DG,MAAAA,YAAY,GAAIN,SAA0B,IAAK;AACnD,EAAA,QAAQA,SAAS;IACf,KAAKC,cAAc,CAACG,UAAU;AAC5B,MAAA,OAAOD,aAAG,CAAA,CAAA,+BAAA,CAAA,CAAA,CAAA;IACZ,KAAKF,cAAc,CAACC,WAAW;AAC7B,MAAA,OAAOC,aAAG,CAAA,CAAA,8BAAA,CAAA,CAAA,CAAA;AACZ,IAAA;AACE,MAAA,OAAOE,0BAA0B,CAAA;AACrC,GAAA;AACF,EAAC;AAEKE,MAAAA,cAAc,GAAIC,MAAmB,IAAsB;AAC/D,EAAA,QAAQA,MAAM;IACZ,KAAKC,WAAW,CAACf,OAAO;MACtB,OAAO;AACLgB,QAAAA,IAAI,EAAEC,qBAAqB;QAC3BnB,UAAU,EAAEC,eAAe,CAACC,OAAAA;OAC7B,CAAA;IACH,KAAKe,WAAW,CAACZ,KAAK;MACpB,OAAO;AACLa,QAAAA,IAAI,EAAEE,uBAAuB;QAC7BpB,UAAU,EAAEC,eAAe,CAACI,KAAAA;OAC7B,CAAA;IACH,KAAKY,WAAW,CAACI,OAAO;MACtB,OAAO;AACLH,QAAAA,IAAI,EAAEI,WAAW;QACjBtB,UAAU,EAAEC,eAAe,CAACG,OAAAA;OAC7B,CAAA;IACH,KAAKa,WAAW,CAACM,MAAM;MACrB,OAAO;AACLL,QAAAA,IAAI,EAAEM,QAAQ;QACdxB,UAAU,EAAEC,eAAe,CAACC,OAAAA;OAC7B,CAAA;IACH,KAAKe,WAAW,CAACQ,OAAO,CAAA;AACxB,IAAA;MACE,OAAO;AACLP,QAAAA,IAAI,EAAEQ,cAAc;QACpB1B,UAAU,EAAEC,eAAe,CAACK,IAAAA;OAC7B,CAAA;AACL,GAAA;AACF;;;;"}

package/dist/esm/components/Tooltip/Tooltip.mjs

@@ -1,98 +1,229 @@
-import React__default, { forwardRef, useState, useRef, useEffect, useCallback, useMemo } from 'react';
-import { window } from '../../utils/domUtils.mjs';
+import React__default, { useMemo, forwardRef, useState, useRef, useEffect, useCallback } from 'react';
+import { Provider as $a093c7e1ec25a057$export$2881499e37b75b9a, Root as $a093c7e1ec25a057$export$be92b6f5f03c0fe9, Trigger as $a093c7e1ec25a057$export$41fb9f06171c75f4, Portal as $a093c7e1ec25a057$export$602eac185826482c, Content as $a093c7e1ec25a057$export$7c6e2c02157bb7d2 } from '../../node_modules/@radix-ui/react-tooltip/dist/index.mjs';
+import { document } from '../../utils/domUtils.mjs';
+import { isBoolean } from '../../utils/typeUtils.mjs';
 import { TooltipPosition } from './Tooltip.types.mjs';
-import TooltipContent from './TooltipContent.mjs';
-import { Container } from './Tooltip.styled.mjs';
+import { TooltipContent, TextContainer, Content, Description, Icon } from './Tooltip.styled.mjs';
 
-const TOOLTIP_TEST_ID = 'bezier-react-tooltip';
-const TOOLTIP_CONTENT_TEST_ID = 'bezier-react-tooltip-content';
-function Tooltip({
-  as,
-  testId = TOOLTIP_TEST_ID,
-  contentTestId = TOOLTIP_CONTENT_TEST_ID,
-  className,
-  contentClassName,
-  contentInterpolation,
-  contentWrapperStyle,
-  content = null,
-  lazy = false,
-  // optional prop 에서 추후 default behavior 를 lazy 하게 바꿀 예정
-  placement = TooltipPosition.BottomCenter,
-  disabled = false,
-  offset = 4,
-  keepInContainer = false,
+// TODO: (@ed) Evolve it into a commonly reusable function
+// FIXME: duplicate
+function createContext(providerName, defaultValue) {
+  const Context = /*#__PURE__*/React__default.createContext(defaultValue);
+  function useContext(consumerName) {
+    const contextValue = React__default.useContext(Context);
+    if (!contextValue) {
+      throw new Error(`'${consumerName}' must be used within '${providerName}'`);
+    }
+    return contextValue;
+  }
+  return [Context.Provider, useContext];
+}
+function getSideAndAlign(placement) {
+  switch (placement) {
+    case TooltipPosition.TopCenter:
+      return {
+        side: 'top',
+        align: 'center'
+      };
+    case TooltipPosition.TopLeft:
+      return {
+        side: 'top',
+        align: 'start'
+      };
+    case TooltipPosition.TopRight:
+      return {
+        side: 'top',
+        align: 'end'
+      };
+    case TooltipPosition.RightCenter:
+      return {
+        side: 'right',
+        align: 'center'
+      };
+    case TooltipPosition.RightTop:
+      return {
+        side: 'right',
+        align: 'start'
+      };
+    case TooltipPosition.RightBottom:
+      return {
+        side: 'right',
+        align: 'end'
+      };
+    case TooltipPosition.BottomCenter:
+      return {
+        side: 'bottom',
+        align: 'center'
+      };
+    case TooltipPosition.BottomLeft:
+      return {
+        side: 'bottom',
+        align: 'start'
+      };
+    case TooltipPosition.BottomRight:
+      return {
+        side: 'bottom',
+        align: 'end'
+      };
+    case TooltipPosition.LeftCenter:
+      return {
+        side: 'left',
+        align: 'center'
+      };
+    case TooltipPosition.LeftTop:
+      return {
+        side: 'left',
+        align: 'start'
+      };
+    case TooltipPosition.LeftBottom:
+      return {
+        side: 'left',
+        align: 'end'
+      };
+    default:
+      // NOTE: should not reach here
+      return {
+        side: undefined,
+        align: undefined
+      };
+  }
+}
+const [
+/**
+ * NOTE: Custom context use because the radix-ui doesn't support `delayHide`.
+ */
+TooltipGlobalContextProvider, useTooltipGlobalContext] = createContext('TooltipProvider', null);
+
+/**
+ * `TooltipProvider` is used to globally provide props to child tooltips.
+ *
+ * @example
+ *
+ * ```tsx
+ * <TooltipProvider allowHover delayShow={1000}>
+ *   <Tooltip />
+ * </TooltipProvider>
+ * ```
+ */
+function TooltipProvider({
+  children,
   allowHover = false,
   delayShow = 0,
   delayHide = 0,
+  skipDelayShow = 0
+}) {
+  const contextValue = useMemo(() => ({
+    delayHide
+  }), [delayHide]);
+  return /*#__PURE__*/React__default.createElement($a093c7e1ec25a057$export$2881499e37b75b9a, {
+    delayDuration: delayShow,
+    skipDelayDuration: skipDelayShow,
+    disableHoverableContent: !allowHover
+  }, /*#__PURE__*/React__default.createElement(TooltipGlobalContextProvider, {
+    value: contextValue
+  }, children));
+}
+
+/**
+ * `Tooltip` is a component that shows additional information when the mouse hovers or the keyboard is focused.
+ *
+ * @example
+ *
+ * ```tsx
+ * // Anatomy of the Tooltip
+ * <TooltipProvider>
+ *   <Tooltip />
+ * </TooltipProvider>
+ *
+ * // Example of a Tooltip with a button
+ * <Tooltip content="Ta-da!">
+ *   <button>Hover me</button>
+ * </Tooltip>
+ * ```
+ */
+const Tooltip = /*#__PURE__*/forwardRef(function Tooltip({
+  as,
   children,
-  ...otherProps
+  defaultShow,
+  onShow: onShowProp,
+  onHide: onHideProp,
+  disabled,
+  content,
+  description,
+  icon,
+  placement = TooltipPosition.BottomCenter,
+  offset = 4,
+  container = document.body,
+  keepInContainer = true,
+  allowHover,
+  delayShow,
+  delayHide: delayHideProp,
+  ...rest
 }, forwardedRef) {
-  const [show, setShow] = useState(false);
-  const [didMount, setDidMount] = useState(show);
-  const tooltipContainerRef = useRef(null);
-  const timerRef = useRef();
-  useEffect(function hideTooltipContentWhenDisabled() {
-    if (disabled) {
-      setShow(false);
-    }
-  }, [disabled]);
-  useEffect(function updateDidMount() {
-    setDidMount(prev => prev || show);
-  }, [show]);
-  const handleMouseEnter = useCallback(() => {
+  const [show, setShow] = useState(defaultShow ?? false);
+  const timeoutRef = useRef();
+  const {
+    delayHide: globalDelayHide
+  } = useTooltipGlobalContext('Tooltip');
+  const delayHide = delayHideProp ?? globalDelayHide;
+  useEffect(function cleanUpTimeout() {
+    return function cleanUp() {
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+      }
+    };
+  }, []);
+  const onShow = useCallback(() => {
+    setShow(true);
+    onShowProp?.();
+  }, [onShowProp]);
+  const onHide = useCallback(() => {
+    setShow(false);
+    onHideProp?.();
+  }, [onHideProp]);
+  const onOpenChange = useCallback(open => {
     if (disabled) {
       return;
     }
-    if (timerRef.current) {
-      clearTimeout(timerRef.current);
-    }
-    timerRef.current = window.setTimeout(() => {
-      setShow(true);
-    }, delayShow);
-  }, [delayShow, disabled]);
-  const handleMouseLeave = useCallback(() => {
-    if (disabled) {
+    if (open) {
+      onShow();
       return;
     }
-    if (timerRef.current) {
-      clearTimeout(timerRef.current);
+    if (timeoutRef.current) {
+      clearTimeout(timeoutRef.current);
+      timeoutRef.current = undefined;
     }
-    timerRef.current = window.setTimeout(() => {
-      setShow(false);
-    }, delayHide);
-  }, [delayHide, disabled]);
-  const TooltipComponent = useMemo(() => {
-    if (!lazy || didMount) {
-      return /*#__PURE__*/React__default.createElement(TooltipContent, {
-        as: as,
-        content: content,
-        contentClassName: contentClassName,
-        contentInterpolation: contentInterpolation,
-        contentWrapperStyle: contentWrapperStyle,
-        disabled: disabled,
-        placement: placement,
-        offset: offset,
-        allowHover: allowHover,
-        keepInContainer: keepInContainer,
-        tooltipContainer: tooltipContainerRef.current,
-        forwardedRef: forwardedRef,
-        testId: contentTestId
-      });
+    if (delayHide > 0) {
+      timeoutRef.current = setTimeout(() => {
+        onHide();
+      }, delayHide);
+      return;
     }
-    return null;
-  }, [lazy, didMount, as, content, contentClassName, contentInterpolation, contentWrapperStyle, disabled, placement, offset, allowHover, keepInContainer, forwardedRef, contentTestId]);
-  if (!children) {
-    return null;
-  }
-  return /*#__PURE__*/React__default.createElement(Container, Object.assign({
-    ref: tooltipContainerRef,
-    "data-testid": testId,
-    className: className,
-    onMouseEnter: handleMouseEnter,
-    onMouseLeave: handleMouseLeave
-  }, otherProps), children, show && TooltipComponent);
-}
-var Tooltip$1 = /*#__PURE__*/React__default.memo( /*#__PURE__*/forwardRef(Tooltip));
+    onHide();
+  }, [disabled, delayHide, onShow, onHide]);
+  return /*#__PURE__*/React__default.createElement($a093c7e1ec25a057$export$be92b6f5f03c0fe9, {
+    open: show,
+    defaultOpen: defaultShow,
+    delayDuration: delayShow,
+    disableHoverableContent: isBoolean(allowHover) ? !allowHover : undefined,
+    onOpenChange: onOpenChange
+  }, /*#__PURE__*/React__default.createElement($a093c7e1ec25a057$export$41fb9f06171c75f4, {
+    asChild: true
+  }, children), /*#__PURE__*/React__default.createElement($a093c7e1ec25a057$export$602eac185826482c, {
+    container: container
+  }, /*#__PURE__*/React__default.createElement($a093c7e1ec25a057$export$7c6e2c02157bb7d2, Object.assign({}, rest, getSideAndAlign(placement), {
+    asChild: true,
+    ref: forwardedRef,
+    sideOffset: offset,
+    avoidCollisions: keepInContainer,
+    collisionPadding: 8,
+    hideWhenDetached: true
+  }), /*#__PURE__*/React__default.createElement(TooltipContent, {
+    forwardedAs: as
+  }, /*#__PURE__*/React__default.createElement(TextContainer, null, /*#__PURE__*/React__default.createElement(Content, null, content), description && /*#__PURE__*/React__default.createElement(Description, null, description)), icon && /*#__PURE__*/React__default.createElement(Icon, {
+    source: icon
+  })))));
+});
 
-export { TOOLTIP_CONTENT_TEST_ID, TOOLTIP_TEST_ID, Tooltip$1 as default };
+export { Tooltip, TooltipProvider };
 //# sourceMappingURL=Tooltip.mjs.map

package/dist/esm/components/Tooltip/Tooltip.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.mjs","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, {\n  type Ref,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\n\nimport { window } from '~/src/utils/domUtils'\n\nimport type TooltipProps from './Tooltip.types'\nimport { TooltipPosition } from './Tooltip.types'\nimport TooltipContent from './TooltipContent'\n\nimport { Container } from './Tooltip.styled'\n\nexport const TOOLTIP_TEST_ID = 'bezier-react-tooltip'\nexport const TOOLTIP_CONTENT_TEST_ID = 'bezier-react-tooltip-content'\n\nfunction Tooltip(\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 = TooltipPosition.BottomCenter,\n    disabled = false,\n    offset = 4,\n    keepInContainer = false,\n    allowHover = false,\n    delayShow = 0,\n    delayHide = 0,\n    children,\n    ...otherProps\n  }: TooltipProps,\n  forwardedRef: Ref<any>,\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  ])\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  ])\n\n  const TooltipComponent = useMemo(() => {\n    if (!lazy || didMount) {\n      return (\n        <TooltipContent\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\nexport default React.memo(forwardRef(Tooltip))\n"],"names":["TOOLTIP_TEST_ID","TOOLTIP_CONTENT_TEST_ID","Tooltip","as","testId","contentTestId","className","contentClassName","contentInterpolation","contentWrapperStyle","content","lazy","placement","TooltipPosition","BottomCenter","disabled","offset","keepInContainer","allowHover","delayShow","delayHide","children","otherProps","forwardedRef","show","setShow","useState","didMount","setDidMount","tooltipContainerRef","useRef","timerRef","useEffect","hideTooltipContentWhenDisabled","updateDidMount","prev","handleMouseEnter","useCallback","current","clearTimeout","window","setTimeout","handleMouseLeave","TooltipComponent","useMemo","React","createElement","TooltipContent","tooltipContainer","Container","Object","assign","ref","onMouseEnter","onMouseLeave","memo","forwardRef"],"mappings":"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"}
+{"version":3,"file":"Tooltip.mjs","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\n\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip'\n\nimport { document } from '~/src/utils/domUtils'\nimport { isBoolean } from '~/src/utils/typeUtils'\n\nimport {\n  TooltipPosition,\n  type TooltipProps,\n  type TooltipProviderProps,\n} from './Tooltip.types'\n\nimport * as Styled from './Tooltip.styled'\n\n// TODO: (@ed) Evolve it into a commonly reusable function\n// FIXME: duplicate\nfunction createContext<ContextValue>(\n  providerName: string,\n  defaultValue: ContextValue,\n) {\n  const Context = React.createContext<ContextValue>(defaultValue)\n\n  function useContext(consumerName: string) {\n    const contextValue = React.useContext(Context)\n\n    if (!contextValue) {\n      throw new Error(`'${consumerName}' must be used within '${providerName}'`)\n    }\n\n    return contextValue\n  }\n\n  return [\n    Context.Provider,\n    useContext,\n  ] as const\n}\n\nfunction getSideAndAlign(\n  placement: TooltipPosition,\n): Pick<TooltipPrimitive.TooltipContentProps, 'side' | 'align'> {\n  switch (placement) {\n    case TooltipPosition.TopCenter:\n      return {\n        side: 'top',\n        align: 'center',\n      }\n    case TooltipPosition.TopLeft:\n      return {\n        side: 'top',\n        align: 'start',\n      }\n    case TooltipPosition.TopRight:\n      return {\n        side: 'top',\n        align: 'end',\n      }\n    case TooltipPosition.RightCenter:\n      return {\n        side: 'right',\n        align: 'center',\n      }\n    case TooltipPosition.RightTop:\n      return {\n        side: 'right',\n        align: 'start',\n      }\n    case TooltipPosition.RightBottom:\n      return {\n        side: 'right',\n        align: 'end',\n      }\n    case TooltipPosition.BottomCenter:\n      return {\n        side: 'bottom',\n        align: 'center',\n      }\n    case TooltipPosition.BottomLeft:\n      return {\n        side: 'bottom',\n        align: 'start',\n      }\n    case TooltipPosition.BottomRight:\n      return {\n        side: 'bottom',\n        align: 'end',\n      }\n    case TooltipPosition.LeftCenter:\n      return {\n        side: 'left',\n        align: 'center',\n      }\n    case TooltipPosition.LeftTop:\n      return {\n        side: 'left',\n        align: 'start',\n      }\n    case TooltipPosition.LeftBottom:\n      return {\n        side: 'left',\n        align: 'end',\n      }\n    default:\n      // NOTE: should not reach here\n      return {\n        side: undefined,\n        align: undefined,\n      }\n  }\n}\n\nconst [\n  /**\n   * NOTE: Custom context use because the radix-ui doesn't support `delayHide`.\n   */\n  TooltipGlobalContextProvider,\n  useTooltipGlobalContext,\n] = createContext<Required<Pick<TooltipProviderProps, 'delayHide'>> | null>('TooltipProvider', null)\n\n/**\n * `TooltipProvider` is used to globally provide props to child tooltips.\n *\n * @example\n *\n * ```tsx\n * <TooltipProvider allowHover delayShow={1000}>\n *   <Tooltip />\n * </TooltipProvider>\n * ```\n */\nexport function TooltipProvider({\n  children,\n  allowHover = false,\n  delayShow = 0,\n  delayHide = 0,\n  skipDelayShow = 0,\n}: TooltipProviderProps) {\n  const contextValue = useMemo(() => ({\n    delayHide,\n  }), [delayHide])\n\n  return (\n    <TooltipPrimitive.Provider\n      delayDuration={delayShow}\n      skipDelayDuration={skipDelayShow}\n      disableHoverableContent={!allowHover}\n    >\n      <TooltipGlobalContextProvider value={contextValue}>\n        { children }\n      </TooltipGlobalContextProvider>\n    </TooltipPrimitive.Provider>\n  )\n}\n\n/**\n * `Tooltip` is a component that shows additional information when the mouse hovers or the keyboard is focused.\n *\n * @example\n *\n * ```tsx\n * // Anatomy of the Tooltip\n * <TooltipProvider>\n *   <Tooltip />\n * </TooltipProvider>\n *\n * // Example of a Tooltip with a button\n * <Tooltip content=\"Ta-da!\">\n *   <button>Hover me</button>\n * </Tooltip>\n * ```\n */\nexport const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(function Tooltip({\n  as,\n  children,\n  defaultShow,\n  onShow: onShowProp,\n  onHide: onHideProp,\n  disabled,\n  content,\n  description,\n  icon,\n  placement = TooltipPosition.BottomCenter,\n  offset = 4,\n  container = document.body,\n  keepInContainer = true,\n  allowHover,\n  delayShow,\n  delayHide: delayHideProp,\n  ...rest\n}, forwardedRef) {\n  const [show, setShow] = useState<boolean>(defaultShow ?? false)\n  const timeoutRef = useRef<NodeJS.Timeout>()\n  const { delayHide: globalDelayHide } = useTooltipGlobalContext('Tooltip')\n\n  const delayHide = delayHideProp ?? globalDelayHide\n\n  useEffect(function cleanUpTimeout() {\n    return function cleanUp() {\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current)\n      }\n    }\n  }, [])\n\n  const onShow = useCallback(() => {\n    setShow(true)\n    onShowProp?.()\n  }, [onShowProp])\n\n  const onHide = useCallback(() => {\n    setShow(false)\n    onHideProp?.()\n  }, [onHideProp])\n\n  const onOpenChange = useCallback((open: boolean) => {\n    if (disabled) { return }\n\n    if (open) {\n      onShow()\n      return\n    }\n\n    if (timeoutRef.current) {\n      clearTimeout(timeoutRef.current)\n      timeoutRef.current = undefined\n    }\n\n    if (delayHide > 0) {\n      timeoutRef.current = setTimeout(() => {\n        onHide()\n      }, delayHide)\n      return\n    }\n\n    onHide()\n  }, [\n    disabled,\n    delayHide,\n    onShow,\n    onHide,\n  ])\n\n  return (\n    <TooltipPrimitive.Root\n      open={show}\n      defaultOpen={defaultShow}\n      delayDuration={delayShow}\n      disableHoverableContent={isBoolean(allowHover) ? !allowHover : undefined}\n      onOpenChange={onOpenChange}\n    >\n      <TooltipPrimitive.Trigger asChild>\n        { children }\n      </TooltipPrimitive.Trigger>\n\n      <TooltipPrimitive.Portal container={container}>\n        <TooltipPrimitive.Content\n          {...rest}\n          {...getSideAndAlign(placement)}\n          asChild\n          ref={forwardedRef}\n          sideOffset={offset}\n          avoidCollisions={keepInContainer}\n          collisionPadding={8}\n          hideWhenDetached\n        >\n          <Styled.TooltipContent forwardedAs={as}>\n            <Styled.TextContainer>\n              <Styled.Content>\n                { content }\n              </Styled.Content>\n\n              { description && (\n                <Styled.Description>\n                  { description }\n                </Styled.Description>\n              ) }\n            </Styled.TextContainer>\n\n            { icon && (\n              <Styled.Icon source={icon} />\n            ) }\n          </Styled.TooltipContent>\n        </TooltipPrimitive.Content>\n      </TooltipPrimitive.Portal>\n    </TooltipPrimitive.Root>\n  )\n})\n"],"names":["createContext","providerName","defaultValue","Context","React","useContext","consumerName","contextValue","Error","Provider","getSideAndAlign","placement","TooltipPosition","TopCenter","side","align","TopLeft","TopRight","RightCenter","RightTop","RightBottom","BottomCenter","BottomLeft","BottomRight","LeftCenter","LeftTop","LeftBottom","undefined","TooltipGlobalContextProvider","useTooltipGlobalContext","TooltipProvider","children","allowHover","delayShow","delayHide","skipDelayShow","useMemo","createElement","TooltipPrimitive","delayDuration","skipDelayDuration","disableHoverableContent","value","Tooltip","forwardRef","as","defaultShow","onShow","onShowProp","onHide","onHideProp","disabled","content","description","icon","offset","container","document","body","keepInContainer","delayHideProp","rest","forwardedRef","show","setShow","useState","timeoutRef","useRef","globalDelayHide","useEffect","cleanUpTimeout","cleanUp","current","clearTimeout","useCallback","onOpenChange","open","setTimeout","defaultOpen","isBoolean","asChild","Object","assign","ref","sideOffset","avoidCollisions","collisionPadding","hideWhenDetached","Styled","forwardedAs","source"],"mappings":"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"}