@channel.io/bezier-react 2.6.1 → 3.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"Toast.js","sources":["../../../../src/components/Toast/Toast.tsx"],"sourcesContent":["'use client'\n\nimport React, { useCallback, useEffect, useRef, useState } from 'react'\nimport { createPortal } from 'react-dom'\n\nimport {\n  CancelIcon,\n  CheckCircleFilledIcon,\n  ErrorTriangleFilledIcon,\n  InfoFilledIcon,\n  WifiIcon,\n  WifiOffIcon,\n} from '@channel.io/bezier-icons'\nimport classNames from 'classnames'\n\nimport useIsMounted from '~/src/hooks/useIsMounted'\nimport { getZIndexClassName } from '~/src/types/props-helpers'\nimport { ariaAttr } from '~/src/utils/aria'\nimport { noop } from '~/src/utils/function'\nimport { createContext } from '~/src/utils/react'\nimport { px } from '~/src/utils/style'\nimport { isString } from '~/src/utils/type'\n\nimport { BaseButton } from '~/src/components/BaseButton'\nimport { Icon } from '~/src/components/Icon'\nimport { Text } from '~/src/components/Text'\nimport { InvertedThemeProvider } from '~/src/components/ThemeProvider'\nimport { useRootElement, useWindow } from '~/src/components/WindowProvider'\n\nimport {\n  type ToastContextValue,\n  type ToastPlacement,\n  type ToastPreset,\n  type ToastProps,\n  type ToastProviderProps,\n  type ToastType,\n} from './Toast.types'\nimport useToastProviderValues from './useToastContextValues'\n\nimport styles from './Toast.module.scss'\n\nfunction getToastPreset(preset: ToastPreset) {\n  return {\n    success: {\n      icon: CheckCircleFilledIcon,\n      appearance: 'success',\n    },\n    error: {\n      icon: ErrorTriangleFilledIcon,\n      appearance: 'error',\n    },\n    offline: {\n      icon: WifiOffIcon,\n      appearance: 'warning',\n    },\n    online: {\n      icon: WifiIcon,\n      appearance: 'success',\n    },\n    default: {\n      icon: InfoFilledIcon,\n      appearance: 'info',\n    },\n  }[preset]\n}\n\nexport function Toast({\n  placement,\n  appearance: appearanceProp,\n  preset = 'default',\n  icon: iconProp,\n  content,\n  zIndex = 'toast',\n  autoDismiss = true,\n  autoDismissTimeout,\n  version = 0,\n  onDismiss,\n}: ToastProps) {\n  const { window } = useWindow()\n\n  const dismissTimer = useRef<ReturnType<Window['setTimeout']>>()\n\n  const [isSlidingOut, setIsSlidingOut] = useState(false)\n\n  const className = classNames(\n    styles.ToastElement,\n    getZIndexClassName(zIndex),\n    placement && styles[`placement-${placement}`],\n    isSlidingOut && styles['slide-out']\n  )\n\n  const runSlideOutAnimation = useCallback(() => {\n    setIsSlidingOut(true)\n  }, [])\n\n  const handleAnimationEnd = useCallback<React.AnimationEventHandler>(\n    (event) => {\n      if (\n        event.animationName === styles['slide-out-left'] ||\n        event.animationName === styles['slide-out-right']\n      ) {\n        onDismiss?.()\n      }\n    },\n    [onDismiss]\n  )\n\n  useEffect(\n    function startDismissTimer() {\n      if (autoDismiss) {\n        dismissTimer.current = window.setTimeout(\n          runSlideOutAnimation,\n          autoDismissTimeout\n        )\n      }\n\n      return function cleanup() {\n        if (dismissTimer.current != null) {\n          clearTimeout(dismissTimer.current)\n        }\n      }\n    },\n    [autoDismiss, autoDismissTimeout, runSlideOutAnimation, window, version]\n  )\n\n  const { appearance, icon } = getToastPreset(preset)\n\n  return (\n    <div\n      role=\"status\"\n      className={className}\n      onAnimationEnd={handleAnimationEnd}\n      aria-hidden={ariaAttr(isSlidingOut)}\n    >\n      <div\n        className={classNames(\n          styles.IconWrapper,\n          styles[`appearance-${appearanceProp ?? appearance}`]\n        )}\n      >\n        <Icon\n          source={iconProp ?? icon}\n          size=\"s\"\n        />\n      </div>\n\n      <div className={styles.Content}>\n        <Text\n          className={styles.EllipsisableContent}\n          typo=\"14\"\n          color=\"txt-black-darkest\"\n          truncated={5}\n        >\n          {isString(content)\n            ? content.split('\\n').map((str, index) => (\n                // eslint-disable-next-line react/no-array-index-key\n                <React.Fragment key={index}>\n                  {index !== 0 && <br />}\n                  {str}\n                </React.Fragment>\n              ))\n            : content}\n        </Text>\n      </div>\n\n      <BaseButton\n        className={styles.Close}\n        onClick={runSlideOutAnimation}\n      >\n        <Icon\n          source={CancelIcon}\n          size=\"xs\"\n        />\n      </BaseButton>\n    </div>\n  )\n}\n\nconst [ToastContextProvider, useToastContext] =\n  createContext<ToastContextValue>({\n    add: () => '',\n    update: () => '',\n    remove: noop,\n    removeAll: noop,\n    leftToasts: [],\n    rightToasts: [],\n  })\n\nconst DEFAULT_OFFSET = {\n  left: 0,\n  right: 0,\n  bottom: 0,\n}\n\nexport function ToastProvider({\n  autoDismissTimeout = 3000,\n  container: givenContainer,\n  zIndex = 'toast',\n  offset = DEFAULT_OFFSET,\n  children = [],\n}: ToastProviderProps) {\n  const rootElement = useRootElement()\n  const isMounted = useIsMounted()\n\n  const toastContextValue = useToastProviderValues()\n  const { leftToasts, rightToasts, dismiss } = toastContextValue\n  const container = givenContainer ?? rootElement\n\n  const createContainer = useCallback(\n    (placement: ToastPlacement, toasts: ToastType[]) => (\n      <InvertedThemeProvider key={placement}>\n        <div\n          style={{\n            bottom: px(offset?.bottom ?? DEFAULT_OFFSET.bottom),\n            ...(placement === 'bottom-right'\n              ? { right: px(offset?.right ?? DEFAULT_OFFSET.right) }\n              : { left: px(offset?.left ?? DEFAULT_OFFSET.left) }),\n          }}\n          className={classNames(\n            styles.ToastContainer,\n            getZIndexClassName(zIndex)\n          )}\n        >\n          {toasts.map(({ id, onDismiss, ...rest }) => (\n            <Toast\n              {...rest}\n              key={id}\n              placement={placement}\n              autoDismissTimeout={autoDismissTimeout}\n              onDismiss={() => dismiss(id, onDismiss)}\n            />\n          ))}\n        </div>\n      </InvertedThemeProvider>\n    ),\n    [autoDismissTimeout, dismiss, offset, zIndex]\n  )\n\n  return (\n    <ToastContextProvider value={toastContextValue}>\n      {children}\n      {isMounted &&\n        createPortal(\n          [\n            createContainer('bottom-left', leftToasts),\n            createContainer('bottom-right', rightToasts),\n          ],\n          container\n        )}\n    </ToastContextProvider>\n  )\n}\n\nexport function useToast() {\n  const context = useToastContext()\n\n  if (!context) {\n    throw Error(\"'useToast' must be used within 'ToastProvider'\")\n  }\n\n  return {\n    addToast: context.add,\n    updateToast: context.update,\n    removeToast: context.remove,\n    removeAllToasts: context.removeAll,\n    leftToasts: context.leftToasts,\n    rightToasts: context.rightToasts,\n  }\n}\n"],"names":["getToastPreset","preset","success","icon","CheckCircleFilledIcon","appearance","error","ErrorTriangleFilledIcon","offline","WifiOffIcon","online","WifiIcon","default","InfoFilledIcon","Toast","placement","appearanceProp","iconProp","content","zIndex","autoDismiss","autoDismissTimeout","version","onDismiss","window","useWindow","dismissTimer","useRef","isSlidingOut","setIsSlidingOut","useState","className","classNames","styles","ToastElement","getZIndexClassName","runSlideOutAnimation","useCallback","handleAnimationEnd","event","animationName","useEffect","startDismissTimer","current","setTimeout","cleanup","clearTimeout","React","createElement","role","onAnimationEnd","ariaAttr","IconWrapper","Icon","source","size","Content","Text","EllipsisableContent","typo","color","truncated","isString","split","map","str","index","Fragment","key","BaseButton","Close","onClick","CancelIcon","ToastContextProvider","useToastContext","createContext","add","update","remove","noop","removeAll","leftToasts","rightToasts","DEFAULT_OFFSET","left","right","bottom","ToastProvider","container","givenContainer","offset","children","rootElement","useRootElement","isMounted","useIsMounted","toastContextValue","useToastProviderValues","dismiss","createContainer","toasts","_offset$bottom","_offset$right","_offset$left","InvertedThemeProvider","style","px","ToastContainer","id","rest","Object","assign","value","createPortal","useToast","context","Error","addToast","updateToast","removeToast","removeAllToasts"],"mappings":"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"}
+{"version":3,"file":"Toast.js","sources":["../../../../src/components/Toast/Toast.tsx"],"sourcesContent":["'use client'\n\nimport { Fragment, useCallback, useEffect, useRef, useState } from 'react'\nimport { createPortal } from 'react-dom'\n\nimport {\n  CancelIcon,\n  CheckCircleFilledIcon,\n  ErrorTriangleFilledIcon,\n  InfoFilledIcon,\n  WifiIcon,\n  WifiOffIcon,\n} from '@channel.io/bezier-icons'\nimport classNames from 'classnames'\n\nimport useIsMounted from '~/src/hooks/useIsMounted'\nimport { getZIndexClassName } from '~/src/types/props-helpers'\nimport { ariaAttr } from '~/src/utils/aria'\nimport { noop } from '~/src/utils/function'\nimport { createContext } from '~/src/utils/react'\nimport { px } from '~/src/utils/style'\nimport { isString } from '~/src/utils/type'\n\nimport { BaseButton } from '~/src/components/BaseButton'\nimport { Icon } from '~/src/components/Icon'\nimport { Text } from '~/src/components/Text'\nimport { InvertedThemeProvider } from '~/src/components/ThemeProvider'\nimport { useRootElement, useWindow } from '~/src/components/WindowProvider'\n\nimport {\n  type ToastContextValue,\n  type ToastPlacement,\n  type ToastPreset,\n  type ToastProps,\n  type ToastProviderProps,\n  type ToastType,\n} from './Toast.types'\nimport useToastProviderValues from './useToastContextValues'\n\nimport styles from './Toast.module.scss'\n\nfunction getToastPreset(preset: ToastPreset) {\n  return (\n    {\n      success: {\n        icon: CheckCircleFilledIcon,\n        appearance: 'success',\n      },\n      error: {\n        icon: ErrorTriangleFilledIcon,\n        appearance: 'error',\n      },\n      offline: {\n        icon: WifiOffIcon,\n        appearance: 'warning',\n      },\n      online: {\n        icon: WifiIcon,\n        appearance: 'success',\n      },\n      default: {\n        icon: InfoFilledIcon,\n        appearance: 'info',\n      },\n    } as const\n  )[preset]\n}\n\nexport function Toast({\n  placement,\n  appearance: appearanceProp,\n  preset = 'default',\n  icon: iconProp,\n  content,\n  zIndex = 'toast',\n  autoDismiss = true,\n  autoDismissTimeout,\n  version = 0,\n  onDismiss,\n}: ToastProps) {\n  const { window } = useWindow()\n\n  const dismissTimer = useRef<ReturnType<Window['setTimeout']>>(undefined)\n\n  const [isSlidingOut, setIsSlidingOut] = useState(false)\n\n  const className = classNames(\n    styles.ToastElement,\n    getZIndexClassName(zIndex),\n    placement && styles[`placement-${placement}`],\n    isSlidingOut && styles['slide-out']\n  )\n\n  const runSlideOutAnimation = useCallback(() => {\n    setIsSlidingOut(true)\n  }, [])\n\n  const handleAnimationEnd = useCallback<React.AnimationEventHandler>(\n    (event) => {\n      if (\n        event.animationName === styles['slide-out-left'] ||\n        event.animationName === styles['slide-out-right']\n      ) {\n        onDismiss?.()\n      }\n    },\n    [onDismiss]\n  )\n\n  useEffect(\n    function startDismissTimer() {\n      if (autoDismiss) {\n        dismissTimer.current = window.setTimeout(\n          runSlideOutAnimation,\n          autoDismissTimeout\n        )\n      }\n\n      return function cleanup() {\n        if (dismissTimer.current != null) {\n          clearTimeout(dismissTimer.current)\n        }\n      }\n    },\n    [autoDismiss, autoDismissTimeout, runSlideOutAnimation, window, version]\n  )\n\n  const { appearance, icon } = getToastPreset(preset)\n\n  return (\n    <div\n      role=\"status\"\n      className={className}\n      onAnimationEnd={handleAnimationEnd}\n      aria-hidden={ariaAttr(isSlidingOut)}\n    >\n      <div\n        className={classNames(\n          styles.IconWrapper,\n          styles[`appearance-${appearanceProp ?? appearance}`]\n        )}\n      >\n        <Icon\n          source={iconProp ?? icon}\n          size=\"s\"\n        />\n      </div>\n\n      <div className={styles.Content}>\n        <Text\n          className={styles.EllipsisableContent}\n          typo=\"14\"\n          color=\"txt-black-darkest\"\n          truncated={5}\n        >\n          {isString(content)\n            ? content.split('\\n').map((str, index) => (\n                // eslint-disable-next-line react/no-array-index-key\n                <Fragment key={index}>\n                  {index !== 0 && <br />}\n                  {str}\n                </Fragment>\n              ))\n            : content}\n        </Text>\n      </div>\n\n      <BaseButton\n        className={styles.Close}\n        onClick={runSlideOutAnimation}\n      >\n        <Icon\n          source={CancelIcon}\n          size=\"xs\"\n        />\n      </BaseButton>\n    </div>\n  )\n}\n\nconst [ToastContextProvider, useToastContext] =\n  createContext<ToastContextValue>({\n    add: () => '',\n    update: () => '',\n    remove: noop,\n    removeAll: noop,\n    leftToasts: [],\n    rightToasts: [],\n  })\n\nconst DEFAULT_OFFSET = {\n  left: 0,\n  right: 0,\n  bottom: 0,\n}\n\nexport function ToastProvider({\n  autoDismissTimeout = 3000,\n  container: givenContainer,\n  zIndex = 'toast',\n  offset = DEFAULT_OFFSET,\n  children = [],\n}: ToastProviderProps) {\n  const rootElement = useRootElement()\n  const isMounted = useIsMounted()\n\n  const toastContextValue = useToastProviderValues()\n  const { leftToasts, rightToasts, dismiss } = toastContextValue\n  const container = givenContainer ?? rootElement\n\n  const createContainer = useCallback(\n    (placement: ToastPlacement, toasts: ToastType[]) => (\n      <InvertedThemeProvider key={placement}>\n        <div\n          style={{\n            bottom: px(offset?.bottom ?? DEFAULT_OFFSET.bottom),\n            ...(placement === 'bottom-right'\n              ? { right: px(offset?.right ?? DEFAULT_OFFSET.right) }\n              : { left: px(offset?.left ?? DEFAULT_OFFSET.left) }),\n          }}\n          className={classNames(\n            styles.ToastContainer,\n            getZIndexClassName(zIndex)\n          )}\n        >\n          {toasts.map(({ id, onDismiss, ...rest }) => (\n            <Toast\n              {...rest}\n              key={id}\n              placement={placement}\n              autoDismissTimeout={autoDismissTimeout}\n              onDismiss={() => dismiss(id, onDismiss)}\n            />\n          ))}\n        </div>\n      </InvertedThemeProvider>\n    ),\n    [autoDismissTimeout, dismiss, offset, zIndex]\n  )\n\n  return (\n    <ToastContextProvider value={toastContextValue}>\n      {children}\n      {isMounted &&\n        createPortal(\n          [\n            createContainer('bottom-left', leftToasts),\n            createContainer('bottom-right', rightToasts),\n          ],\n          container\n        )}\n    </ToastContextProvider>\n  )\n}\n\nexport function useToast() {\n  const context = useToastContext()\n\n  if (!context) {\n    throw Error(\"'useToast' must be used within 'ToastProvider'\")\n  }\n\n  return {\n    addToast: context.add,\n    updateToast: context.update,\n    removeToast: context.remove,\n    removeAllToasts: context.removeAll,\n    leftToasts: context.leftToasts,\n    rightToasts: context.rightToasts,\n  }\n}\n"],"names":["getToastPreset","preset","success","icon","CheckCircleFilledIcon","appearance","error","ErrorTriangleFilledIcon","offline","WifiOffIcon","online","WifiIcon","default","InfoFilledIcon","Toast","placement","appearanceProp","iconProp","content","zIndex","autoDismiss","autoDismissTimeout","version","onDismiss","window","useWindow","dismissTimer","useRef","undefined","isSlidingOut","setIsSlidingOut","useState","className","classNames","styles","ToastElement","getZIndexClassName","runSlideOutAnimation","useCallback","handleAnimationEnd","event","animationName","useEffect","startDismissTimer","current","setTimeout","cleanup","clearTimeout","_jsxs","role","onAnimationEnd","ariaAttr","children","_jsx","IconWrapper","Icon","source","size","Content","Text","EllipsisableContent","typo","color","truncated","isString","split","map","str","index","Fragment","BaseButton","Close","onClick","CancelIcon","ToastContextProvider","useToastContext","createContext","add","update","remove","noop","removeAll","leftToasts","rightToasts","DEFAULT_OFFSET","left","right","bottom","ToastProvider","container","givenContainer","offset","rootElement","useRootElement","isMounted","useIsMounted","toastContextValue","useToastProviderValues","dismiss","createContainer","toasts","_offset$bottom","_offset$right","_offset$left","InvertedThemeProvider","style","px","ToastContainer","id","rest","_createElement","key","value","createPortal","useToast","context","Error","addToast","updateToast","removeToast","removeAllToasts"],"mappings":"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"}

package/dist/cjs/components/Toast/ToastService.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToastService.js","sources":["../../../../src/components/Toast/ToastService.ts"],"sourcesContent":["import { v4 as uuid } from 'uuid'\n\nimport {\n  type ToastContent,\n  type ToastId,\n  type ToastOptions,\n  type ToastType,\n} from './Toast.types'\n\nconst defaultOptions: ToastOptions = {\n  autoDismiss: false,\n  rightSide: false,\n}\n\n/* ToastService를 사용하는 이유\nNotion: https://www.notion.so/channelio/Toast-bc13dfbc81314141909250d9cf02c4c7#82b94a73d2f34257ab4799cdeccbc70c\n*/\n\nclass ToastService {\n  toasts: ToastType[] = []\n\n  getToasts = () => this.toasts\n\n  setToasts = (newToasts: ToastType[]) => {\n    this.toasts = newToasts\n  }\n\n  has = (toastId: ToastId) => {\n    if (!this.toasts.length) {\n      return false\n    }\n    return this.toasts.reduce(\n      (flag, toast) => (toast.id === toastId ? true : flag),\n      false\n    )\n  }\n\n  add = (content: ToastContent, options: ToastOptions = defaultOptions) => {\n    const newId: ToastId = uuid()\n\n    if (this.has(newId)) {\n      return ''\n    }\n\n    const newToast: ToastType = {\n      id: newId,\n      content,\n      version: 0,\n      ...options,\n    }\n    const newToasts: ToastType[] = [...this.toasts, newToast]\n    this.setToasts(newToasts)\n    return newId\n  }\n\n  update = (\n    toastId: ToastId,\n    content: ToastContent,\n    options: ToastOptions = {}\n  ) => {\n    if (!this.has(toastId)) {\n      return ''\n    }\n\n    const newToasts: ToastType[] = this.toasts.map((toast) => {\n      if (toast.id === toastId) {\n        return {\n          ...toast,\n          ...options,\n          version: toast?.version != null ? toast.version + 1 : 0,\n          content,\n        }\n      }\n      return toast\n    })\n    this.setToasts(newToasts)\n    return toastId\n  }\n\n  remove = (id: ToastId): boolean => {\n    if (!this.has(id)) {\n      return false\n    }\n    const newToasts: ToastType[] = this.toasts.filter(\n      (toast) => toast.id !== id\n    )\n    this.setToasts(newToasts)\n    return true // remove success\n  }\n\n  removeAll = () => {\n    if (!this.toasts.length) {\n      return\n    }\n\n    this.setToasts([])\n  }\n}\n\nexport default ToastService\n"],"names":["defaultOptions","autoDismiss","rightSide","ToastService","toasts","getToasts","setToasts","newToasts","has","toastId","length","reduce","flag","toast","id","add","content","options","newId","uuid","newToast","version","update","map","remove","filter","removeAll"],"mappings":"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"}
+{"version":3,"file":"ToastService.js","sources":["../../../../src/components/Toast/ToastService.ts"],"sourcesContent":["import { v4 as uuid } from 'uuid'\n\nimport {\n  type ToastContent,\n  type ToastId,\n  type ToastOptions,\n  type ToastType,\n} from './Toast.types'\n\nconst defaultOptions: ToastOptions = {\n  autoDismiss: false,\n  rightSide: false,\n}\n\n/* ToastService를 사용하는 이유\nNotion: https://www.notion.so/channelio/Toast-bc13dfbc81314141909250d9cf02c4c7#82b94a73d2f34257ab4799cdeccbc70c\n*/\n\nclass ToastService {\n  toasts: ToastType[] = []\n\n  getToasts = () => this.toasts\n\n  setToasts = (newToasts: ToastType[]) => {\n    this.toasts = newToasts\n  }\n\n  has = (toastId: ToastId) => {\n    if (!this.toasts.length) {\n      return false\n    }\n    return this.toasts.reduce(\n      (flag, toast) => (toast.id === toastId ? true : flag),\n      false\n    )\n  }\n\n  add = (content: ToastContent, options: ToastOptions = defaultOptions) => {\n    const newId: ToastId = uuid()\n\n    if (this.has(newId)) {\n      return ''\n    }\n\n    const newToast: ToastType = {\n      id: newId,\n      content,\n      version: 0,\n      ...options,\n    }\n    const newToasts: ToastType[] = [...this.toasts, newToast]\n    this.setToasts(newToasts)\n    return newId\n  }\n\n  update = (\n    toastId: ToastId,\n    content: ToastContent,\n    options: ToastOptions = {}\n  ) => {\n    if (!this.has(toastId)) {\n      return ''\n    }\n\n    const newToasts: ToastType[] = this.toasts.map((toast) => {\n      if (toast.id === toastId) {\n        return {\n          ...toast,\n          ...options,\n          version: toast?.version != null ? toast.version + 1 : 0,\n          content,\n        }\n      }\n      return toast\n    })\n    this.setToasts(newToasts)\n    return toastId\n  }\n\n  remove = (id: ToastId): boolean => {\n    if (!this.has(id)) {\n      return false\n    }\n    const newToasts: ToastType[] = this.toasts.filter(\n      (toast) => toast.id !== id\n    )\n    this.setToasts(newToasts)\n    return true // remove success\n  }\n\n  removeAll = () => {\n    if (!this.toasts.length) {\n      return\n    }\n\n    this.setToasts([])\n  }\n}\n\nexport default ToastService\n"],"names":["defaultOptions","autoDismiss","rightSide","ToastService","toasts","getToasts","setToasts","newToasts","has","toastId","length","reduce","flag","toast","id","add","content","options","newId","uuid","newToast","version","update","map","remove","filter","removeAll"],"mappings":";;;;;;AASA,MAAMA,cAA4B,GAAG;AACnCC,EAAAA,WAAW,EAAE,KAAK;AAClBC,EAAAA,SAAS,EAAE;AACb,CAAC;;AAED;AACA;AACA;;AAEA,MAAMC,YAAY,CAAC;AACjBC,EAAAA,MAAM,GAAgB,EAAE;AAExBC,EAAAA,SAAS,GAAGA,MAAM,IAAI,CAACD,MAAM;EAE7BE,SAAS,GAAIC,SAAsB,IAAK;IACtC,IAAI,CAACH,MAAM,GAAGG,SAAS;GACxB;EAEDC,GAAG,GAAIC,OAAgB,IAAK;AAC1B,IAAA,IAAI,CAAC,IAAI,CAACL,MAAM,CAACM,MAAM,EAAE;AACvB,MAAA,OAAO,KAAK;AACd;IACA,OAAO,IAAI,CAACN,MAAM,CAACO,MAAM,CACvB,CAACC,IAAI,EAAEC,KAAK,KAAMA,KAAK,CAACC,EAAE,KAAKL,OAAO,GAAG,IAAI,GAAGG,IAAK,EACrD,KACF,CAAC;GACF;AAEDG,EAAAA,GAAG,GAAGA,CAACC,OAAqB,EAAEC,OAAqB,GAAGjB,cAAc,KAAK;AACvE,IAAA,MAAMkB,KAAc,GAAGC,UAAI,EAAE;AAE7B,IAAA,IAAI,IAAI,CAACX,GAAG,CAACU,KAAK,CAAC,EAAE;AACnB,MAAA,OAAO,EAAE;AACX;AAEA,IAAA,MAAME,QAAmB,GAAG;AAC1BN,MAAAA,EAAE,EAAEI,KAAK;MACTF,OAAO;AACPK,MAAAA,OAAO,EAAE,CAAC;MACV,GAAGJ;KACJ;IACD,MAAMV,SAAsB,GAAG,CAAC,GAAG,IAAI,CAACH,MAAM,EAAEgB,QAAQ,CAAC;AACzD,IAAA,IAAI,CAACd,SAAS,CAACC,SAAS,CAAC;AACzB,IAAA,OAAOW,KAAK;GACb;EAEDI,MAAM,GAAGA,CACPb,OAAgB,EAChBO,OAAqB,EACrBC,OAAqB,GAAG,EAAE,KACvB;AACH,IAAA,IAAI,CAAC,IAAI,CAACT,GAAG,CAACC,OAAO,CAAC,EAAE;AACtB,MAAA,OAAO,EAAE;AACX;IAEA,MAAMF,SAAsB,GAAG,IAAI,CAACH,MAAM,CAACmB,GAAG,CAAEV,KAAK,IAAK;AACxD,MAAA,IAAIA,KAAK,CAACC,EAAE,KAAKL,OAAO,EAAE;QACxB,OAAO;AACL,UAAA,GAAGI,KAAK;AACR,UAAA,GAAGI,OAAO;AACVI,UAAAA,OAAO,EAAE,CAAAR,KAAK,aAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEQ,OAAO,KAAI,IAAI,GAAGR,KAAK,CAACQ,OAAO,GAAG,CAAC,GAAG,CAAC;AACvDL,UAAAA;SACD;AACH;AACA,MAAA,OAAOH,KAAK;AACd,KAAC,CAAC;AACF,IAAA,IAAI,CAACP,SAAS,CAACC,SAAS,CAAC;AACzB,IAAA,OAAOE,OAAO;GACf;EAEDe,MAAM,GAAIV,EAAW,IAAc;AACjC,IAAA,IAAI,CAAC,IAAI,CAACN,GAAG,CAACM,EAAE,CAAC,EAAE;AACjB,MAAA,OAAO,KAAK;AACd;AACA,IAAA,MAAMP,SAAsB,GAAG,IAAI,CAACH,MAAM,CAACqB,MAAM,CAC9CZ,KAAK,IAAKA,KAAK,CAACC,EAAE,KAAKA,EAC1B,CAAC;AACD,IAAA,IAAI,CAACR,SAAS,CAACC,SAAS,CAAC;AACzB,IAAA,OAAO,IAAI,CAAC;GACb;EAEDmB,SAAS,GAAGA,MAAM;AAChB,IAAA,IAAI,CAAC,IAAI,CAACtB,MAAM,CAACM,MAAM,EAAE;AACvB,MAAA;AACF;AAEA,IAAA,IAAI,CAACJ,SAAS,CAAC,EAAE,CAAC;GACnB;AACH;;;;"}

package/dist/cjs/components/Toast/useToastContextValues.js.map

@@ -1 +1 @@
-{"version":3,"file":"useToastContextValues.js","sources":["../../../../src/components/Toast/useToastContextValues.ts"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react'\n\nimport { noop } from '~/src/utils/function'\n\nimport {\n  type OnDismissCallback,\n  type ToastContent,\n  type ToastContextValue,\n  type ToastId,\n  type ToastOptions,\n  type ToastType,\n} from './Toast.types'\nimport ToastService from './ToastService'\n\ninterface UseToastContextValuesReturns extends ToastContextValue {\n  leftToasts: ToastType[]\n  rightToasts: ToastType[]\n  dismiss: (id: ToastId, callback?: OnDismissCallback) => void\n}\n\n/**\n * NOTE(@sol): The ToastService is enough to fulfill the responsibility of toast.\n * However, wrapping this for ToastProvider to create new features does not need to be done in bezier-react.\n * It would have been better to implement this function in service needed it of use.\n * Therefore, it would be good to pay attention to this part in a future update.\n */\n/**\n * @deprecated Implement this in your service with ToastProvider, not here.\n */\nfunction useToastContextValues(): UseToastContextValuesReturns {\n  const leftToastService = useMemo(() => new ToastService(), [])\n  const rightToastService = useMemo(() => new ToastService(), [])\n  const [leftToasts, setLeftToasts] = useState<ToastType[]>([])\n  const [rightToasts, setRightToasts] = useState<ToastType[]>([])\n\n  const add = useCallback(\n    (content: ToastContent, options?: ToastOptions) => {\n      let result = ''\n      if (options?.rightSide) {\n        result = rightToastService.add(content, options)\n        setRightToasts(rightToastService.getToasts())\n      } else {\n        result = leftToastService.add(content, options)\n        setLeftToasts(leftToastService.getToasts())\n      }\n      return result\n    },\n    [leftToastService, rightToastService]\n  )\n\n  const update = useCallback(\n    (toastId: ToastId, content: ToastContent, options?: ToastOptions) => {\n      let result = ''\n      if (options?.rightSide) {\n        result = rightToastService.update(toastId, content, options)\n        setRightToasts(rightToastService.getToasts())\n      } else {\n        result = leftToastService.update(toastId, content, options)\n        setLeftToasts(leftToastService.getToasts())\n      }\n      return result\n    },\n    [leftToastService, rightToastService]\n  )\n\n  const remove = useCallback(\n    (toastId: ToastId) => {\n      if (leftToastService.remove(toastId)) {\n        setLeftToasts(leftToastService.getToasts())\n      }\n      if (rightToastService.remove(toastId)) {\n        setRightToasts(rightToastService.getToasts())\n      }\n    },\n    [leftToastService, rightToastService]\n  )\n\n  const removeAll = useCallback(() => {\n    leftToastService.removeAll()\n    rightToastService.removeAll()\n    setLeftToasts(leftToastService.getToasts())\n    setRightToasts(rightToastService.getToasts())\n  }, [leftToastService, rightToastService])\n\n  const dismiss = useCallback(\n    (toastId: ToastId, callback: OnDismissCallback = noop) => {\n      callback(toastId)\n      remove(toastId)\n    },\n    [remove]\n  )\n\n  return useMemo<UseToastContextValuesReturns>(\n    () => ({\n      add,\n      update,\n      remove,\n      removeAll,\n      leftToasts,\n      rightToasts,\n      dismiss,\n    }),\n    [add, update, remove, removeAll, leftToasts, rightToasts, dismiss]\n  )\n}\n\nexport default useToastContextValues\n"],"names":["useToastContextValues","leftToastService","useMemo","ToastService","rightToastService","leftToasts","setLeftToasts","useState","rightToasts","setRightToasts","add","useCallback","content","options","result","rightSide","getToasts","update","toastId","remove","removeAll","dismiss","callback","noop"],"mappings":"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"}
+{"version":3,"file":"useToastContextValues.js","sources":["../../../../src/components/Toast/useToastContextValues.ts"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react'\n\nimport { noop } from '~/src/utils/function'\n\nimport {\n  type OnDismissCallback,\n  type ToastContent,\n  type ToastContextValue,\n  type ToastId,\n  type ToastOptions,\n  type ToastType,\n} from './Toast.types'\nimport ToastService from './ToastService'\n\ninterface UseToastContextValuesReturns extends ToastContextValue {\n  leftToasts: ToastType[]\n  rightToasts: ToastType[]\n  dismiss: (id: ToastId, callback?: OnDismissCallback) => void\n}\n\n/**\n * NOTE(@sol): The ToastService is enough to fulfill the responsibility of toast.\n * However, wrapping this for ToastProvider to create new features does not need to be done in bezier-react.\n * It would have been better to implement this function in service needed it of use.\n * Therefore, it would be good to pay attention to this part in a future update.\n */\n/**\n * @deprecated Implement this in your service with ToastProvider, not here.\n */\nfunction useToastContextValues(): UseToastContextValuesReturns {\n  const leftToastService = useMemo(() => new ToastService(), [])\n  const rightToastService = useMemo(() => new ToastService(), [])\n  const [leftToasts, setLeftToasts] = useState<ToastType[]>([])\n  const [rightToasts, setRightToasts] = useState<ToastType[]>([])\n\n  const add = useCallback(\n    (content: ToastContent, options?: ToastOptions) => {\n      let result = ''\n      if (options?.rightSide) {\n        result = rightToastService.add(content, options)\n        setRightToasts(rightToastService.getToasts())\n      } else {\n        result = leftToastService.add(content, options)\n        setLeftToasts(leftToastService.getToasts())\n      }\n      return result\n    },\n    [leftToastService, rightToastService]\n  )\n\n  const update = useCallback(\n    (toastId: ToastId, content: ToastContent, options?: ToastOptions) => {\n      let result = ''\n      if (options?.rightSide) {\n        result = rightToastService.update(toastId, content, options)\n        setRightToasts(rightToastService.getToasts())\n      } else {\n        result = leftToastService.update(toastId, content, options)\n        setLeftToasts(leftToastService.getToasts())\n      }\n      return result\n    },\n    [leftToastService, rightToastService]\n  )\n\n  const remove = useCallback(\n    (toastId: ToastId) => {\n      if (leftToastService.remove(toastId)) {\n        setLeftToasts(leftToastService.getToasts())\n      }\n      if (rightToastService.remove(toastId)) {\n        setRightToasts(rightToastService.getToasts())\n      }\n    },\n    [leftToastService, rightToastService]\n  )\n\n  const removeAll = useCallback(() => {\n    leftToastService.removeAll()\n    rightToastService.removeAll()\n    setLeftToasts(leftToastService.getToasts())\n    setRightToasts(rightToastService.getToasts())\n  }, [leftToastService, rightToastService])\n\n  const dismiss = useCallback(\n    (toastId: ToastId, callback: OnDismissCallback = noop) => {\n      callback(toastId)\n      remove(toastId)\n    },\n    [remove]\n  )\n\n  return useMemo<UseToastContextValuesReturns>(\n    () => ({\n      add,\n      update,\n      remove,\n      removeAll,\n      leftToasts,\n      rightToasts,\n      dismiss,\n    }),\n    [add, update, remove, removeAll, leftToasts, rightToasts, dismiss]\n  )\n}\n\nexport default useToastContextValues\n"],"names":["useToastContextValues","leftToastService","useMemo","ToastService","rightToastService","leftToasts","setLeftToasts","useState","rightToasts","setRightToasts","add","useCallback","content","options","result","rightSide","getToasts","update","toastId","remove","removeAll","dismiss","callback","noop"],"mappings":"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"}

package/dist/cjs/components/TokenProvider/TokenProvider.js

@@ -3,6 +3,7 @@
 var React = require('react');
 var index = require('../../packages/bezier-tokens/dist/esm/index.js');
 var react = require('../../utils/react.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 const [TokenContextProvider, useTokenContext] = react.createContext(null, 'TokenProvider');
 const tokenSet = Object.freeze({
@@ -23,12 +24,13 @@ function TokenProvider({
   themeName,
   children
 }) {
-  return /*#__PURE__*/React.createElement(TokenContextProvider, {
+  return /*#__PURE__*/jsxRuntime.jsx(TokenContextProvider, {
     value: React.useMemo(() => ({
       themeName,
       tokens: tokenSet[themeName]
-    }), [themeName])
-  }, children);
+    }), [themeName]),
+    children: children
+  });
 }
 
 exports.TokenProvider = TokenProvider;

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

@@ -1 +1 @@
-{"version":3,"file":"TokenProvider.js","sources":["../../../../src/components/TokenProvider/TokenProvider.tsx"],"sourcesContent":["'use client'\n\nimport React, { useMemo } from 'react'\n\nimport { tokens } from '@channel.io/bezier-tokens'\n\nimport { type ThemeName } from '~/src/types/tokens'\nimport { createContext } from '~/src/utils/react'\n\nimport {\n  type ThemeSpecificTokens,\n  type TokenContextValue,\n  type TokenProviderProps,\n} from './TokenProvider.types'\n\nconst [TokenContextProvider, useTokenContext] =\n  createContext<TokenContextValue | null>(null, 'TokenProvider')\n\nexport { useTokenContext }\n\nconst tokenSet: Record<ThemeName, ThemeSpecificTokens> = Object.freeze({\n  light: {\n    global: tokens.global,\n    semantic: tokens.lightTheme,\n  },\n  dark: {\n    global: tokens.global,\n    semantic: tokens.darkTheme,\n  },\n})\n\n/**\n * @private\n */\nexport function TokenProvider({ themeName, children }: TokenProviderProps) {\n  return (\n    <TokenContextProvider\n      value={useMemo(\n        () => ({\n          themeName,\n          tokens: tokenSet[themeName],\n        }),\n        [themeName]\n      )}\n    >\n      {children}\n    </TokenContextProvider>\n  )\n}\n"],"names":["TokenContextProvider","useTokenContext","createContext","tokenSet","Object","freeze","light","global","tokens","semantic","lightTheme","dark","darkTheme","TokenProvider","themeName","children","React","createElement","value","useMemo"],"mappings":";;;;;;AAeM,MAAA,CAACA,oBAAoB,EAAEC,eAAe,CAAC,GAC3CC,mBAAa,CAA2B,IAAI,EAAE,eAAe,EAAC;AAIhE,MAAMC,QAAgD,GAAGC,MAAM,CAACC,MAAM,CAAC;AACrEC,EAAAA,KAAK,EAAE;IACLC,MAAM,EAAEC,YAAM,CAACD,MAAM;IACrBE,QAAQ,EAAED,YAAM,CAACE,UAAAA;GAClB;AACDC,EAAAA,IAAI,EAAE;IACJJ,MAAM,EAAEC,YAAM,CAACD,MAAM;IACrBE,QAAQ,EAAED,YAAM,CAACI,SAAAA;AACnB,GAAA;AACF,CAAC,CAAC,CAAA;;AAEF;AACA;AACA;AACO,SAASC,aAAaA,CAAC;EAAEC,SAAS;AAAEC,EAAAA,QAAAA;AAA6B,CAAC,EAAE;AACzE,EAAA,oBACEC,KAAA,CAAAC,aAAA,CAACjB,oBAAoB,EAAA;IACnBkB,KAAK,EAAEC,aAAO,CACZ,OAAO;MACLL,SAAS;MACTN,MAAM,EAAEL,QAAQ,CAACW,SAAS,CAAA;AAC5B,KAAC,CAAC,EACF,CAACA,SAAS,CACZ,CAAA;AAAE,GAAA,EAEDC,QACmB,CAAC,CAAA;AAE3B;;;;;"}
+{"version":3,"file":"TokenProvider.js","sources":["../../../../src/components/TokenProvider/TokenProvider.tsx"],"sourcesContent":["'use client'\n\nimport { useMemo } from 'react'\n\nimport { tokens } from '@channel.io/bezier-tokens'\n\nimport { type ThemeName } from '~/src/types/tokens'\nimport { createContext } from '~/src/utils/react'\n\nimport {\n  type ThemeSpecificTokens,\n  type TokenContextValue,\n  type TokenProviderProps,\n} from './TokenProvider.types'\n\nconst [TokenContextProvider, useTokenContext] =\n  createContext<TokenContextValue | null>(null, 'TokenProvider')\n\nexport { useTokenContext }\n\nconst tokenSet: Record<ThemeName, ThemeSpecificTokens> = Object.freeze({\n  light: {\n    global: tokens.global,\n    semantic: tokens.lightTheme,\n  },\n  dark: {\n    global: tokens.global,\n    semantic: tokens.darkTheme,\n  },\n})\n\n/**\n * @private\n */\nexport function TokenProvider({ themeName, children }: TokenProviderProps) {\n  return (\n    <TokenContextProvider\n      value={useMemo(\n        () => ({\n          themeName,\n          tokens: tokenSet[themeName],\n        }),\n        [themeName]\n      )}\n    >\n      {children}\n    </TokenContextProvider>\n  )\n}\n"],"names":["TokenContextProvider","useTokenContext","createContext","tokenSet","Object","freeze","light","global","tokens","semantic","lightTheme","dark","darkTheme","TokenProvider","themeName","children","_jsx","value","useMemo"],"mappings":";;;;;;;AAeM,MAAA,CAACA,oBAAoB,EAAEC,eAAe,CAAC,GAC3CC,mBAAa,CAA2B,IAAI,EAAE,eAAe;AAI/D,MAAMC,QAAgD,GAAGC,MAAM,CAACC,MAAM,CAAC;AACrEC,EAAAA,KAAK,EAAE;IACLC,MAAM,EAAEC,YAAM,CAACD,MAAM;IACrBE,QAAQ,EAAED,YAAM,CAACE;GAClB;AACDC,EAAAA,IAAI,EAAE;IACJJ,MAAM,EAAEC,YAAM,CAACD,MAAM;IACrBE,QAAQ,EAAED,YAAM,CAACI;AACnB;AACF,CAAC,CAAC;;AAEF;AACA;AACA;AACO,SAASC,aAAaA,CAAC;EAAEC,SAAS;AAAEC,EAAAA;AAA6B,CAAC,EAAE;EACzE,oBACEC,cAAA,CAAChB,oBAAoB,EAAA;IACnBiB,KAAK,EAAEC,aAAO,CACZ,OAAO;MACLJ,SAAS;MACTN,MAAM,EAAEL,QAAQ,CAACW,SAAS;AAC5B,KAAC,CAAC,EACF,CAACA,SAAS,CACZ,CAAE;AAAAC,IAAAA,QAAA,EAEDA;AAAQ,GACW,CAAC;AAE3B;;;;;"}

package/dist/cjs/components/Tooltip/Tooltip.js

@@ -3,6 +3,7 @@
 var React = require('react');
 var type = require('../../utils/type.js');
 var Tooltip_module = require('./Tooltip.module.scss.js');
+var jsxRuntime = require('react/jsx-runtime');
 var WindowProvider = require('../WindowProvider/WindowProvider.js');
 var TooltipPrimitive = require('../AlphaTooltipPrimitive/TooltipPrimitive.js');
 var ThemeProvider = require('../ThemeProvider/ThemeProvider.js');
@@ -115,7 +116,7 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip({
   ...rest
 }, forwardedRef) {
   const [show, setShow] = React.useState(defaultShow !== null && defaultShow !== void 0 ? defaultShow : false);
-  const timeoutRef = React.useRef();
+  const timeoutRef = React.useRef(undefined);
   const rootElement = WindowProvider.useRootElement();
   const container = containerProp !== null && containerProp !== void 0 ? containerProp : rootElement;
   const shouldBeHidden = React.useMemo(() => disabled || type.isEmpty(content), [disabled, content]);
@@ -159,49 +160,63 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip({
     }
     onHide();
   }, [shouldBeHidden, delayHide, onShow, onHide]);
-  return /*#__PURE__*/React.createElement(TooltipPrimitive.TooltipPrimitiveProvider, {
-    skipDelayDuration: 0
-  }, /*#__PURE__*/React.createElement(TooltipPrimitive.TooltipPrimitive, {
-    open: show,
-    defaultOpen: defaultShow,
-    delayDuration: delayShow,
-    disableHoverableContent: !allowHover,
-    onOpenChange: onOpenChange
-  }, /*#__PURE__*/React.createElement(TooltipPrimitive.TooltipPrimitiveTrigger, {
-    asChild: true
-  }, children), /*#__PURE__*/React.createElement(TooltipPrimitive.TooltipPrimitivePortal, {
-    container: container
-  }, /*#__PURE__*/React.createElement(ThemeProvider.InvertedThemeProvider, null, /*#__PURE__*/React.createElement(TooltipPrimitive.TooltipPrimitiveContent, Object.assign({}, rest, getSideAndAlign(placement), {
-    asChild: true,
-    ref: forwardedRef,
-    sideOffset: offset,
-    avoidCollisions: keepInContainer,
-    collisionPadding: 8,
-    hideWhenDetached: true
-  }), /*#__PURE__*/React.createElement(Stack.HStack, {
-    spacing: 4,
-    className: Tooltip_module.default.Tooltip
-  }, /*#__PURE__*/React.createElement("div", {
-    className: Tooltip_module.default.TooltipContainer
-  }, title && /*#__PURE__*/React.createElement(Text.Text, {
-    typo: "13",
-    bold: true,
-    marginBottom: 2,
-    color: "txt-black-darkest"
-  }, title), /*#__PURE__*/React.createElement(Text.Text, {
-    color: "txt-black-darkest",
-    className: Tooltip_module.default.TooltipContent,
-    truncated: 20,
-    typo: "13"
-  }, content), description && /*#__PURE__*/React.createElement(Text.Text, {
-    typo: "12",
-    color: "txt-black-dark"
-  }, description)), icon && /*#__PURE__*/React.createElement(Icon.Icon, {
-    size: "xs",
-    color: "txt-black-darkest",
-    source: icon,
-    className: Tooltip_module.default.Icon
-  })))))));
+  return /*#__PURE__*/jsxRuntime.jsx(TooltipPrimitive.TooltipPrimitiveProvider, {
+    skipDelayDuration: 0,
+    children: /*#__PURE__*/jsxRuntime.jsxs(TooltipPrimitive.TooltipPrimitive, {
+      open: show,
+      defaultOpen: defaultShow,
+      delayDuration: delayShow,
+      disableHoverableContent: !allowHover,
+      onOpenChange: onOpenChange,
+      children: [/*#__PURE__*/jsxRuntime.jsx(TooltipPrimitive.TooltipPrimitiveTrigger, {
+        asChild: true,
+        children: children
+      }), /*#__PURE__*/jsxRuntime.jsx(TooltipPrimitive.TooltipPrimitivePortal, {
+        container: container,
+        children: /*#__PURE__*/jsxRuntime.jsx(ThemeProvider.InvertedThemeProvider, {
+          children: /*#__PURE__*/jsxRuntime.jsx(TooltipPrimitive.TooltipPrimitiveContent, {
+            ...rest,
+            ...getSideAndAlign(placement),
+            asChild: true,
+            ref: forwardedRef,
+            sideOffset: offset,
+            avoidCollisions: keepInContainer,
+            collisionPadding: 8,
+            hideWhenDetached: true,
+            children: /*#__PURE__*/jsxRuntime.jsxs(Stack.HStack, {
+              spacing: 4,
+              className: Tooltip_module.default.Tooltip,
+              children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+                className: Tooltip_module.default.TooltipContainer,
+                children: [title && /*#__PURE__*/jsxRuntime.jsx(Text.Text, {
+                  typo: "13",
+                  bold: true,
+                  marginBottom: 2,
+                  color: "txt-black-darkest",
+                  children: title
+                }), /*#__PURE__*/jsxRuntime.jsx(Text.Text, {
+                  color: "txt-black-darkest",
+                  className: Tooltip_module.default.TooltipContent,
+                  truncated: 20,
+                  typo: "13",
+                  children: content
+                }), description && /*#__PURE__*/jsxRuntime.jsx(Text.Text, {
+                  typo: "12",
+                  color: "txt-black-dark",
+                  children: description
+                })]
+              }), icon && /*#__PURE__*/jsxRuntime.jsx(Icon.Icon, {
+                size: "xs",
+                color: "txt-black-darkest",
+                source: icon,
+                className: Tooltip_module.default.Icon
+              })]
+            })
+          })
+        })
+      })]
+    })
+  });
 });
 
 exports.Tooltip = Tooltip;

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["'use client'\n\nimport React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\n\nimport { isEmpty } from '~/src/utils/type'\n\nimport {\n  AlphaTooltipPrimitive,\n  AlphaTooltipPrimitiveContent,\n  type AlphaTooltipPrimitiveContentProps,\n  AlphaTooltipPrimitivePortal,\n  AlphaTooltipPrimitiveProvider,\n  AlphaTooltipPrimitiveTrigger,\n} from '~/src/components/AlphaTooltipPrimitive'\nimport { Icon } from '~/src/components/Icon'\nimport { HStack } from '~/src/components/Stack'\nimport { Text } from '~/src/components/Text'\nimport { InvertedThemeProvider } from '~/src/components/ThemeProvider'\nimport { useRootElement } from '~/src/components/WindowProvider'\n\nimport { type TooltipPosition, type TooltipProps } from './Tooltip.types'\n\nimport styles from './Tooltip.module.scss'\n\nfunction getSideAndAlign(\n  placement: TooltipPosition\n): Pick<AlphaTooltipPrimitiveContentProps, 'side' | 'align'> {\n  switch (placement) {\n    case 'top-center':\n      return {\n        side: 'top',\n        align: 'center',\n      }\n    case 'top-left':\n      return {\n        side: 'top',\n        align: 'start',\n      }\n    case 'top-right':\n      return {\n        side: 'top',\n        align: 'end',\n      }\n    case 'right-center':\n      return {\n        side: 'right',\n        align: 'center',\n      }\n    case 'right-top':\n      return {\n        side: 'right',\n        align: 'start',\n      }\n    case 'right-bottom':\n      return {\n        side: 'right',\n        align: 'end',\n      }\n    case 'bottom-center':\n      return {\n        side: 'bottom',\n        align: 'center',\n      }\n    case 'bottom-left':\n      return {\n        side: 'bottom',\n        align: 'start',\n      }\n    case 'bottom-right':\n      return {\n        side: 'bottom',\n        align: 'end',\n      }\n    case 'left-center':\n      return {\n        side: 'left',\n        align: 'center',\n      }\n    case 'left-top':\n      return {\n        side: 'left',\n        align: 'start',\n      }\n    case 'left-bottom':\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\n/**\n * `Tooltip` is a component that shows additional information when the mouse hovers or the keyboard is focused.\n *\n * Components that pass to children **must spread props and forward ref.**\n * @example\n * ```tsx\n * // Your component must spread props and forward ref.\n * const Button = React.forwardRef((props, forwardedRef) => (<button {...props} ref={forwardedRef} />))\n * // Then, you can use `Tooltip` with your component.\n * <Tooltip content=\"Ta-da!\">\n *   <Button>Hover me</Button>\n * </Tooltip>\n * ```\n */\nexport const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(\n  function Tooltip(\n    {\n      children,\n      defaultShow,\n      onShow: onShowProp,\n      onHide: onHideProp,\n      disabled,\n      title,\n      content,\n      description,\n      icon,\n      placement = 'bottom-center',\n      offset = 4,\n      container: containerProp,\n      keepInContainer = true,\n      allowHover = false,\n      delayShow = 0,\n      delayHide = 0,\n      ...rest\n    },\n    forwardedRef\n  ) {\n    const [show, setShow] = useState<boolean>(defaultShow ?? false)\n    const timeoutRef = useRef<NodeJS.Timeout>()\n\n    const rootElement = useRootElement()\n    const container = containerProp ?? rootElement\n\n    const shouldBeHidden = useMemo(\n      () => disabled || isEmpty(content),\n      [disabled, content]\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    useEffect(\n      function forceHide() {\n        if (shouldBeHidden) {\n          onHide()\n        }\n      },\n      [shouldBeHidden, onHide]\n    )\n\n    useEffect(\n      function cleanUpTimeout() {\n        return function cleanUp() {\n          if (timeoutRef.current) {\n            clearTimeout(timeoutRef.current)\n          }\n        }\n      },\n      [shouldBeHidden]\n    )\n\n    const onOpenChange = useCallback(\n      (open: boolean) => {\n        if (shouldBeHidden) {\n          return\n        }\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      [shouldBeHidden, delayHide, onShow, onHide]\n    )\n\n    return (\n      <AlphaTooltipPrimitiveProvider skipDelayDuration={0}>\n        <AlphaTooltipPrimitive\n          open={show}\n          defaultOpen={defaultShow}\n          delayDuration={delayShow}\n          disableHoverableContent={!allowHover}\n          onOpenChange={onOpenChange}\n        >\n          <AlphaTooltipPrimitiveTrigger asChild>\n            {children}\n          </AlphaTooltipPrimitiveTrigger>\n\n          <AlphaTooltipPrimitivePortal container={container}>\n            <InvertedThemeProvider>\n              <AlphaTooltipPrimitiveContent\n                {...rest}\n                {...getSideAndAlign(placement)}\n                asChild\n                ref={forwardedRef}\n                sideOffset={offset}\n                avoidCollisions={keepInContainer}\n                collisionPadding={8}\n                hideWhenDetached\n              >\n                <HStack\n                  spacing={4}\n                  className={styles.Tooltip}\n                >\n                  <div className={styles.TooltipContainer}>\n                    {title && (\n                      <Text\n                        typo=\"13\"\n                        bold\n                        marginBottom={2}\n                        color=\"txt-black-darkest\"\n                      >\n                        {title}\n                      </Text>\n                    )}\n\n                    <Text\n                      color=\"txt-black-darkest\"\n                      className={styles.TooltipContent}\n                      truncated={20}\n                      typo=\"13\"\n                    >\n                      {content}\n                    </Text>\n\n                    {description && (\n                      <Text\n                        typo=\"12\"\n                        color=\"txt-black-dark\"\n                      >\n                        {description}\n                      </Text>\n                    )}\n                  </div>\n\n                  {icon && (\n                    <Icon\n                      size=\"xs\"\n                      color=\"txt-black-darkest\"\n                      source={icon}\n                      className={styles.Icon}\n                    />\n                  )}\n                </HStack>\n              </AlphaTooltipPrimitiveContent>\n            </InvertedThemeProvider>\n          </AlphaTooltipPrimitivePortal>\n        </AlphaTooltipPrimitive>\n      </AlphaTooltipPrimitiveProvider>\n    )\n  }\n)\n"],"names":["getSideAndAlign","placement","side","align","undefined","Tooltip","forwardRef","children","defaultShow","onShow","onShowProp","onHide","onHideProp","disabled","title","content","description","icon","offset","container","containerProp","keepInContainer","allowHover","delayShow","delayHide","rest","forwardedRef","show","setShow","useState","timeoutRef","useRef","rootElement","useRootElement","shouldBeHidden","useMemo","isEmpty","useCallback","useEffect","forceHide","cleanUpTimeout","cleanUp","current","clearTimeout","onOpenChange","open","setTimeout","React","createElement","AlphaTooltipPrimitiveProvider","skipDelayDuration","AlphaTooltipPrimitive","defaultOpen","delayDuration","disableHoverableContent","AlphaTooltipPrimitiveTrigger","asChild","AlphaTooltipPrimitivePortal","InvertedThemeProvider","AlphaTooltipPrimitiveContent","Object","assign","ref","sideOffset","avoidCollisions","collisionPadding","hideWhenDetached","HStack","spacing","className","styles","TooltipContainer","Text","typo","bold","marginBottom","color","TooltipContent","truncated","Icon","size","source"],"mappings":"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"}
+{"version":3,"file":"Tooltip.js","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["'use client'\n\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\n\nimport { isEmpty } from '~/src/utils/type'\n\nimport {\n  AlphaTooltipPrimitive,\n  AlphaTooltipPrimitiveContent,\n  type AlphaTooltipPrimitiveContentProps,\n  AlphaTooltipPrimitivePortal,\n  AlphaTooltipPrimitiveProvider,\n  AlphaTooltipPrimitiveTrigger,\n} from '~/src/components/AlphaTooltipPrimitive'\nimport { Icon } from '~/src/components/Icon'\nimport { HStack } from '~/src/components/Stack'\nimport { Text } from '~/src/components/Text'\nimport { InvertedThemeProvider } from '~/src/components/ThemeProvider'\nimport { useRootElement } from '~/src/components/WindowProvider'\n\nimport { type TooltipPosition, type TooltipProps } from './Tooltip.types'\n\nimport styles from './Tooltip.module.scss'\n\nfunction getSideAndAlign(\n  placement: TooltipPosition\n): Pick<AlphaTooltipPrimitiveContentProps, 'side' | 'align'> {\n  switch (placement) {\n    case 'top-center':\n      return {\n        side: 'top',\n        align: 'center',\n      }\n    case 'top-left':\n      return {\n        side: 'top',\n        align: 'start',\n      }\n    case 'top-right':\n      return {\n        side: 'top',\n        align: 'end',\n      }\n    case 'right-center':\n      return {\n        side: 'right',\n        align: 'center',\n      }\n    case 'right-top':\n      return {\n        side: 'right',\n        align: 'start',\n      }\n    case 'right-bottom':\n      return {\n        side: 'right',\n        align: 'end',\n      }\n    case 'bottom-center':\n      return {\n        side: 'bottom',\n        align: 'center',\n      }\n    case 'bottom-left':\n      return {\n        side: 'bottom',\n        align: 'start',\n      }\n    case 'bottom-right':\n      return {\n        side: 'bottom',\n        align: 'end',\n      }\n    case 'left-center':\n      return {\n        side: 'left',\n        align: 'center',\n      }\n    case 'left-top':\n      return {\n        side: 'left',\n        align: 'start',\n      }\n    case 'left-bottom':\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\n/**\n * `Tooltip` is a component that shows additional information when the mouse hovers or the keyboard is focused.\n *\n * Components that pass to children **must spread props and forward ref.**\n * @example\n * ```tsx\n * // Your component must spread props and forward ref.\n * const Button = React.forwardRef((props, forwardedRef) => (<button {...props} ref={forwardedRef} />))\n * // Then, you can use `Tooltip` with your component.\n * <Tooltip content=\"Ta-da!\">\n *   <Button>Hover me</Button>\n * </Tooltip>\n * ```\n */\nexport const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(\n  function Tooltip(\n    {\n      children,\n      defaultShow,\n      onShow: onShowProp,\n      onHide: onHideProp,\n      disabled,\n      title,\n      content,\n      description,\n      icon,\n      placement = 'bottom-center',\n      offset = 4,\n      container: containerProp,\n      keepInContainer = true,\n      allowHover = false,\n      delayShow = 0,\n      delayHide = 0,\n      ...rest\n    },\n    forwardedRef\n  ) {\n    const [show, setShow] = useState<boolean>(defaultShow ?? false)\n    const timeoutRef = useRef<NodeJS.Timeout>(undefined)\n\n    const rootElement = useRootElement()\n    const container = containerProp ?? rootElement\n\n    const shouldBeHidden = useMemo(\n      () => disabled || isEmpty(content),\n      [disabled, content]\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    useEffect(\n      function forceHide() {\n        if (shouldBeHidden) {\n          onHide()\n        }\n      },\n      [shouldBeHidden, onHide]\n    )\n\n    useEffect(\n      function cleanUpTimeout() {\n        return function cleanUp() {\n          if (timeoutRef.current) {\n            clearTimeout(timeoutRef.current)\n          }\n        }\n      },\n      [shouldBeHidden]\n    )\n\n    const onOpenChange = useCallback(\n      (open: boolean) => {\n        if (shouldBeHidden) {\n          return\n        }\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      [shouldBeHidden, delayHide, onShow, onHide]\n    )\n\n    return (\n      <AlphaTooltipPrimitiveProvider skipDelayDuration={0}>\n        <AlphaTooltipPrimitive\n          open={show}\n          defaultOpen={defaultShow}\n          delayDuration={delayShow}\n          disableHoverableContent={!allowHover}\n          onOpenChange={onOpenChange}\n        >\n          <AlphaTooltipPrimitiveTrigger asChild>\n            {children}\n          </AlphaTooltipPrimitiveTrigger>\n\n          <AlphaTooltipPrimitivePortal container={container}>\n            <InvertedThemeProvider>\n              <AlphaTooltipPrimitiveContent\n                {...rest}\n                {...getSideAndAlign(placement)}\n                asChild\n                ref={forwardedRef}\n                sideOffset={offset}\n                avoidCollisions={keepInContainer}\n                collisionPadding={8}\n                hideWhenDetached\n              >\n                <HStack\n                  spacing={4}\n                  className={styles.Tooltip}\n                >\n                  <div className={styles.TooltipContainer}>\n                    {title && (\n                      <Text\n                        typo=\"13\"\n                        bold\n                        marginBottom={2}\n                        color=\"txt-black-darkest\"\n                      >\n                        {title}\n                      </Text>\n                    )}\n\n                    <Text\n                      color=\"txt-black-darkest\"\n                      className={styles.TooltipContent}\n                      truncated={20}\n                      typo=\"13\"\n                    >\n                      {content}\n                    </Text>\n\n                    {description && (\n                      <Text\n                        typo=\"12\"\n                        color=\"txt-black-dark\"\n                      >\n                        {description}\n                      </Text>\n                    )}\n                  </div>\n\n                  {icon && (\n                    <Icon\n                      size=\"xs\"\n                      color=\"txt-black-darkest\"\n                      source={icon}\n                      className={styles.Icon}\n                    />\n                  )}\n                </HStack>\n              </AlphaTooltipPrimitiveContent>\n            </InvertedThemeProvider>\n          </AlphaTooltipPrimitivePortal>\n        </AlphaTooltipPrimitive>\n      </AlphaTooltipPrimitiveProvider>\n    )\n  }\n)\n"],"names":["getSideAndAlign","placement","side","align","undefined","Tooltip","forwardRef","children","defaultShow","onShow","onShowProp","onHide","onHideProp","disabled","title","content","description","icon","offset","container","containerProp","keepInContainer","allowHover","delayShow","delayHide","rest","forwardedRef","show","setShow","useState","timeoutRef","useRef","rootElement","useRootElement","shouldBeHidden","useMemo","isEmpty","useCallback","useEffect","forceHide","cleanUpTimeout","cleanUp","current","clearTimeout","onOpenChange","open","setTimeout","_jsx","AlphaTooltipPrimitiveProvider","skipDelayDuration","_jsxs","AlphaTooltipPrimitive","defaultOpen","delayDuration","disableHoverableContent","AlphaTooltipPrimitiveTrigger","asChild","AlphaTooltipPrimitivePortal","InvertedThemeProvider","AlphaTooltipPrimitiveContent","ref","sideOffset","avoidCollisions","collisionPadding","hideWhenDetached","HStack","spacing","className","styles","TooltipContainer","Text","typo","bold","marginBottom","color","TooltipContent","truncated","Icon","size","source"],"mappings":"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"}

package/dist/cjs/components/VisuallyHidden/VisuallyHidden.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var React = require('react');
 var index = require('../../node_modules/@radix-ui/react-visually-hidden/dist/index.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 /**
  * `VisuallyHidden` is a component that visually hides the content. It doesn't render any DOM node.
@@ -17,9 +17,10 @@ var index = require('../../node_modules/@radix-ui/react-visually-hidden/dist/ind
 function VisuallyHidden({
   children
 }) {
-  return /*#__PURE__*/React.createElement(index.Root, {
-    asChild: true
-  }, children);
+  return /*#__PURE__*/jsxRuntime.jsx(index.Root, {
+    asChild: true,
+    children: children
+  });
 }
 
 exports.VisuallyHidden = VisuallyHidden;

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

@@ -1 +1 @@
-{"version":3,"file":"VisuallyHidden.js","sources":["../../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport * as VisuallyHiddenPrimitive from '@radix-ui/react-visually-hidden'\n\nimport { type VisuallyHiddenProps } from './VisuallyHidden.types'\n\n/**\n * `VisuallyHidden` is a component that visually hides the content. It doesn't render any DOM node.\n * It is useful when you want to provide additional information to screen readers.\n * @example\n *\n * ```tsx\n * <VisuallyHidden>\n *   <span>This is a visually hidden text.</span>\n * </VisuallyHidden>\n * ```\n */\nexport function VisuallyHidden({ children }: VisuallyHiddenProps) {\n  return (\n    <VisuallyHiddenPrimitive.Root asChild>\n      {children}\n    </VisuallyHiddenPrimitive.Root>\n  )\n}\n"],"names":["VisuallyHidden","children","React","createElement","VisuallyHiddenPrimitive","asChild"],"mappings":";;;;;AAQA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,cAAcA,CAAC;AAAEC,EAAAA,QAAAA;AAA8B,CAAC,EAAE;AAChE,EAAA,oBACEC,KAAA,CAAAC,aAAA,CAACC,UAA4B,EAAA;IAACC,OAAO,EAAA,IAAA;AAAA,GAAA,EAClCJ,QAC2B,CAAC,CAAA;AAEnC;;;;"}
+{"version":3,"file":"VisuallyHidden.js","sources":["../../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":["'use client'\n\nimport * as VisuallyHiddenPrimitive from '@radix-ui/react-visually-hidden'\n\nimport { type VisuallyHiddenProps } from './VisuallyHidden.types'\n\n/**\n * `VisuallyHidden` is a component that visually hides the content. It doesn't render any DOM node.\n * It is useful when you want to provide additional information to screen readers.\n * @example\n *\n * ```tsx\n * <VisuallyHidden>\n *   <span>This is a visually hidden text.</span>\n * </VisuallyHidden>\n * ```\n */\nexport function VisuallyHidden({ children }: VisuallyHiddenProps) {\n  return (\n    <VisuallyHiddenPrimitive.Root asChild>\n      {children}\n    </VisuallyHiddenPrimitive.Root>\n  )\n}\n"],"names":["VisuallyHidden","children","_jsx","VisuallyHiddenPrimitive","asChild"],"mappings":";;;;;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,cAAcA,CAAC;AAAEC,EAAAA;AAA8B,CAAC,EAAE;AAChE,EAAA,oBACEC,cAAA,CAACC,UAA4B,EAAA;IAACC,OAAO,EAAA,IAAA;AAAAH,IAAAA,QAAA,EAClCA;AAAQ,GACmB,CAAC;AAEnC;;;;"}

package/dist/cjs/components/WindowProvider/WindowProvider.js

@@ -2,6 +2,7 @@
 
 var React = require('react');
 var react = require('../../utils/react.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 const [WindowContextProvider, useWindowContext] = react.createContext(null, 'WindowProvider');
 
@@ -28,13 +29,14 @@ function WindowProvider({
   window,
   children
 }) {
-  return /*#__PURE__*/React.createElement(WindowContextProvider, {
+  return /*#__PURE__*/jsxRuntime.jsx(WindowContextProvider, {
     value: React.useMemo(() => ({
       window,
       document: window.document,
       rootElement: window.document.body
-    }), [window])
-  }, children);
+    }), [window]),
+    children: children
+  });
 }
 
 exports.WindowProvider = WindowProvider;

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

@@ -1 +1 @@
-{"version":3,"file":"WindowProvider.js","sources":["../../../../src/components/WindowProvider/WindowProvider.tsx"],"sourcesContent":["'use client'\n\nimport React, { useMemo } from 'react'\n\nimport { createContext } from '~/src/utils/react'\n\nimport {\n  type WindowContextValue,\n  type WindowProviderProps,\n} from './WindowProvider.types'\n\nconst [WindowContextProvider, useWindowContext] =\n  createContext<WindowContextValue | null>(null, 'WindowProvider')\n\n/**\n * Custom hook to access the window context.\n */\nexport function useWindow() {\n  return useWindowContext('useWindow')\n}\n\n/**\n * Custom hook to access the root element from the window context.\n */\nexport function useRootElement() {\n  return useWindowContext('useRootElement').rootElement\n}\n\n/**\n * Component provider for the window context.\n * This component wraps its children in the WindowContextProvider, supplying\n * the window object and its root element to the context for consumption\n */\nexport function WindowProvider({ window, children }: WindowProviderProps) {\n  return (\n    <WindowContextProvider\n      value={useMemo(\n        () => ({\n          window,\n          document: window.document,\n          rootElement: window.document.body,\n        }),\n        [window]\n      )}\n    >\n      {children}\n    </WindowContextProvider>\n  )\n}\n"],"names":["WindowContextProvider","useWindowContext","createContext","useWindow","useRootElement","rootElement","WindowProvider","window","children","React","createElement","value","useMemo","document","body"],"mappings":";;;;;AAWA,MAAM,CAACA,qBAAqB,EAAEC,gBAAgB,CAAC,GAC7CC,mBAAa,CAA4B,IAAI,EAAE,gBAAgB,CAAC,CAAA;;AAElE;AACA;AACA;AACO,SAASC,SAASA,GAAG;EAC1B,OAAOF,gBAAgB,CAAC,WAAW,CAAC,CAAA;AACtC,CAAA;;AAEA;AACA;AACA;AACO,SAASG,cAAcA,GAAG;AAC/B,EAAA,OAAOH,gBAAgB,CAAC,gBAAgB,CAAC,CAACI,WAAW,CAAA;AACvD,CAAA;;AAEA;AACA;AACA;AACA;AACA;AACO,SAASC,cAAcA,CAAC;EAAEC,MAAM;AAAEC,EAAAA,QAAAA;AAA8B,CAAC,EAAE;AACxE,EAAA,oBACEC,KAAA,CAAAC,aAAA,CAACV,qBAAqB,EAAA;IACpBW,KAAK,EAAEC,aAAO,CACZ,OAAO;MACLL,MAAM;MACNM,QAAQ,EAAEN,MAAM,CAACM,QAAQ;AACzBR,MAAAA,WAAW,EAAEE,MAAM,CAACM,QAAQ,CAACC,IAAAA;AAC/B,KAAC,CAAC,EACF,CAACP,MAAM,CACT,CAAA;AAAE,GAAA,EAEDC,QACoB,CAAC,CAAA;AAE5B;;;;;;"}
+{"version":3,"file":"WindowProvider.js","sources":["../../../../src/components/WindowProvider/WindowProvider.tsx"],"sourcesContent":["'use client'\n\nimport { useMemo } from 'react'\n\nimport { createContext } from '~/src/utils/react'\n\nimport {\n  type WindowContextValue,\n  type WindowProviderProps,\n} from './WindowProvider.types'\n\nconst [WindowContextProvider, useWindowContext] =\n  createContext<WindowContextValue | null>(null, 'WindowProvider')\n\n/**\n * Custom hook to access the window context.\n */\nexport function useWindow() {\n  return useWindowContext('useWindow')\n}\n\n/**\n * Custom hook to access the root element from the window context.\n */\nexport function useRootElement() {\n  return useWindowContext('useRootElement').rootElement\n}\n\n/**\n * Component provider for the window context.\n * This component wraps its children in the WindowContextProvider, supplying\n * the window object and its root element to the context for consumption\n */\nexport function WindowProvider({ window, children }: WindowProviderProps) {\n  return (\n    <WindowContextProvider\n      value={useMemo(\n        () => ({\n          window,\n          document: window.document,\n          rootElement: window.document.body,\n        }),\n        [window]\n      )}\n    >\n      {children}\n    </WindowContextProvider>\n  )\n}\n"],"names":["WindowContextProvider","useWindowContext","createContext","useWindow","useRootElement","rootElement","WindowProvider","window","children","_jsx","value","useMemo","document","body"],"mappings":";;;;;;AAWA,MAAM,CAACA,qBAAqB,EAAEC,gBAAgB,CAAC,GAC7CC,mBAAa,CAA4B,IAAI,EAAE,gBAAgB,CAAC;;AAElE;AACA;AACA;AACO,SAASC,SAASA,GAAG;EAC1B,OAAOF,gBAAgB,CAAC,WAAW,CAAC;AACtC;;AAEA;AACA;AACA;AACO,SAASG,cAAcA,GAAG;AAC/B,EAAA,OAAOH,gBAAgB,CAAC,gBAAgB,CAAC,CAACI,WAAW;AACvD;;AAEA;AACA;AACA;AACA;AACA;AACO,SAASC,cAAcA,CAAC;EAAEC,MAAM;AAAEC,EAAAA;AAA8B,CAAC,EAAE;EACxE,oBACEC,cAAA,CAACT,qBAAqB,EAAA;IACpBU,KAAK,EAAEC,aAAO,CACZ,OAAO;MACLJ,MAAM;MACNK,QAAQ,EAAEL,MAAM,CAACK,QAAQ;AACzBP,MAAAA,WAAW,EAAEE,MAAM,CAACK,QAAQ,CAACC;AAC/B,KAAC,CAAC,EACF,CAACN,MAAM,CACT,CAAE;AAAAC,IAAAA,QAAA,EAEDA;AAAQ,GACY,CAAC;AAE5B;;;;;;"}

package/dist/cjs/hooks/useEventHandler.js

@@ -8,7 +8,7 @@ var object = require('../utils/object.js');
 var type = require('../utils/type.js');
 
 function useEventHandler(element, eventName, handler, condition = true, options = false) {
-  const prevOptionsRef = React.useRef();
+  const prevOptionsRef = React.useRef(undefined);
   const nextOptions = React.useMemo(() => {
     if (object.isEqual(prevOptionsRef.current, options)) {
       return prevOptionsRef.current;

package/dist/cjs/hooks/useEventHandler.js.map

@@ -1 +1 @@
-{"version":3,"file":"useEventHandler.js","sources":["../../../src/hooks/useEventHandler.ts"],"sourcesContent":["import { useEffect, useMemo, useRef } from 'react'\n\nimport { noop } from '~/src/utils/function'\nimport { isEqual } from '~/src/utils/object'\nimport { isFunction, isNil } from '~/src/utils/type'\n\ninterface HandlerOptionsProps {\n  capture?: boolean\n  once?: boolean\n  passive?: boolean\n}\n\nfunction useEventHandler<K extends keyof HTMLElementEventMap>(\n  element: any,\n  eventName: K,\n  handler: (event: HTMLElementEventMap[K]) => any,\n  condition: boolean = true,\n  options: boolean | HandlerOptionsProps = false\n) {\n  const prevOptionsRef = useRef<boolean | HandlerOptionsProps>()\n\n  const nextOptions = useMemo(() => {\n    if (isEqual(prevOptionsRef.current, options)) {\n      return prevOptionsRef.current\n    }\n    prevOptionsRef.current = options\n    return options\n  }, [options])\n\n  useEffect(() => {\n    if (!isNil(element) && isFunction(element.addEventListener) && condition) {\n      element.addEventListener(eventName, handler, nextOptions)\n\n      return function cleanup() {\n        element.removeEventListener(eventName, handler, nextOptions)\n      }\n    }\n\n    return noop\n  }, [condition, element, eventName, nextOptions, handler])\n\n  return null\n}\n\nexport default useEventHandler\n"],"names":["useEventHandler","element","eventName","handler","condition","options","prevOptionsRef","useRef","nextOptions","useMemo","isEqual","current","useEffect","isNil","isFunction","addEventListener","cleanup","removeEventListener","noop"],"mappings":";;;;;;;;;AAYA,SAASA,eAAeA,CACtBC,OAAY,EACZC,SAAY,EACZC,OAA+C,EAC/CC,SAAkB,GAAG,IAAI,EACzBC,OAAsC,GAAG,KAAK,EAC9C;AACA,EAAA,MAAMC,cAAc,GAAGC,YAAM,EAAiC,CAAA;AAE9D,EAAA,MAAMC,WAAW,GAAGC,aAAO,CAAC,MAAM;IAChC,IAAIC,cAAO,CAACJ,cAAc,CAACK,OAAO,EAAEN,OAAO,CAAC,EAAE;MAC5C,OAAOC,cAAc,CAACK,OAAO,CAAA;AAC/B,KAAA;IACAL,cAAc,CAACK,OAAO,GAAGN,OAAO,CAAA;AAChC,IAAA,OAAOA,OAAO,CAAA;AAChB,GAAC,EAAE,CAACA,OAAO,CAAC,CAAC,CAAA;AAEbO,EAAAA,eAAS,CAAC,MAAM;AACd,IAAA,IAAI,CAACC,UAAK,CAACZ,OAAO,CAAC,IAAIa,eAAU,CAACb,OAAO,CAACc,gBAAgB,CAAC,IAAIX,SAAS,EAAE;MACxEH,OAAO,CAACc,gBAAgB,CAACb,SAAS,EAAEC,OAAO,EAAEK,WAAW,CAAC,CAAA;MAEzD,OAAO,SAASQ,OAAOA,GAAG;QACxBf,OAAO,CAACgB,mBAAmB,CAACf,SAAS,EAAEC,OAAO,EAAEK,WAAW,CAAC,CAAA;OAC7D,CAAA;AACH,KAAA;AAEA,IAAA,OAAOU,cAAI,CAAA;AACb,GAAC,EAAE,CAACd,SAAS,EAAEH,OAAO,EAAEC,SAAS,EAAEM,WAAW,EAAEL,OAAO,CAAC,CAAC,CAAA;AAEzD,EAAA,OAAO,IAAI,CAAA;AACb;;;;"}
+{"version":3,"file":"useEventHandler.js","sources":["../../../src/hooks/useEventHandler.ts"],"sourcesContent":["import { useEffect, useMemo, useRef } from 'react'\n\nimport { noop } from '~/src/utils/function'\nimport { isEqual } from '~/src/utils/object'\nimport { isFunction, isNil } from '~/src/utils/type'\n\ninterface HandlerOptionsProps {\n  capture?: boolean\n  once?: boolean\n  passive?: boolean\n}\n\nfunction useEventHandler<K extends keyof HTMLElementEventMap>(\n  element: any,\n  eventName: K,\n  handler: (event: HTMLElementEventMap[K]) => any,\n  condition: boolean = true,\n  options: boolean | HandlerOptionsProps = false\n) {\n  const prevOptionsRef = useRef<boolean | HandlerOptionsProps>(undefined)\n\n  const nextOptions = useMemo(() => {\n    if (isEqual(prevOptionsRef.current, options)) {\n      return prevOptionsRef.current\n    }\n    prevOptionsRef.current = options\n    return options\n  }, [options])\n\n  useEffect(() => {\n    if (!isNil(element) && isFunction(element.addEventListener) && condition) {\n      element.addEventListener(eventName, handler, nextOptions)\n\n      return function cleanup() {\n        element.removeEventListener(eventName, handler, nextOptions)\n      }\n    }\n\n    return noop\n  }, [condition, element, eventName, nextOptions, handler])\n\n  return null\n}\n\nexport default useEventHandler\n"],"names":["useEventHandler","element","eventName","handler","condition","options","prevOptionsRef","useRef","undefined","nextOptions","useMemo","isEqual","current","useEffect","isNil","isFunction","addEventListener","cleanup","removeEventListener","noop"],"mappings":";;;;;;;;;AAYA,SAASA,eAAeA,CACtBC,OAAY,EACZC,SAAY,EACZC,OAA+C,EAC/CC,SAAkB,GAAG,IAAI,EACzBC,OAAsC,GAAG,KAAK,EAC9C;AACA,EAAA,MAAMC,cAAc,GAAGC,YAAM,CAAgCC,SAAS,CAAC;AAEvE,EAAA,MAAMC,WAAW,GAAGC,aAAO,CAAC,MAAM;IAChC,IAAIC,cAAO,CAACL,cAAc,CAACM,OAAO,EAAEP,OAAO,CAAC,EAAE;MAC5C,OAAOC,cAAc,CAACM,OAAO;AAC/B;IACAN,cAAc,CAACM,OAAO,GAAGP,OAAO;AAChC,IAAA,OAAOA,OAAO;AAChB,GAAC,EAAE,CAACA,OAAO,CAAC,CAAC;AAEbQ,EAAAA,eAAS,CAAC,MAAM;AACd,IAAA,IAAI,CAACC,UAAK,CAACb,OAAO,CAAC,IAAIc,eAAU,CAACd,OAAO,CAACe,gBAAgB,CAAC,IAAIZ,SAAS,EAAE;MACxEH,OAAO,CAACe,gBAAgB,CAACd,SAAS,EAAEC,OAAO,EAAEM,WAAW,CAAC;MAEzD,OAAO,SAASQ,OAAOA,GAAG;QACxBhB,OAAO,CAACiB,mBAAmB,CAAChB,SAAS,EAAEC,OAAO,EAAEM,WAAW,CAAC;OAC7D;AACH;AAEA,IAAA,OAAOU,cAAI;AACb,GAAC,EAAE,CAACf,SAAS,EAAEH,OAAO,EAAEC,SAAS,EAAEO,WAAW,EAAEN,OAAO,CAAC,CAAC;AAEzD,EAAA,OAAO,IAAI;AACb;;;;"}

package/dist/cjs/hooks/useId.js

@@ -6,6 +6,25 @@ var React = require('react');
 var array = require('../utils/array.js');
 var react = require('../utils/react.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);
+
 /* @see https://github.com/chakra-ui/chakra-ui/blob/fa474bea3dcbdd4bbf2a26925f938d6e75a50c6d/packages/hooks/src/use-id.ts */
 const idRef = Object.seal({
   current: 1
@@ -27,7 +46,7 @@ function useIdLegacy(idProp, prefix) {
   return React.useMemo(() => idProp || joinId(prefix, id), [idProp, prefix, id]);
 }
 function useId(idProp, prefix) {
-  const id = React.useId();
+  const id = React__namespace.useId();
   return React.useMemo(() => idProp || joinId(prefix, id), [idProp, prefix, id]);
 }
 const isReactUnderV18 = react.getReactVersion().major < 18;

package/dist/cjs/hooks/useId.js.map

@@ -1 +1 @@
-{"version":3,"file":"useId.js","sources":["../../../src/hooks/useId.ts"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react'\n\nimport { compact } from '~/src/utils/array'\nimport { getReactVersion } from '~/src/utils/react'\n\n/* @see https://github.com/chakra-ui/chakra-ui/blob/fa474bea3dcbdd4bbf2a26925f938d6e75a50c6d/packages/hooks/src/use-id.ts */\nconst idRef = Object.seal({ current: 1 })\n\nconst generateId = () => {\n  const id = idRef.current\n  idRef.current += 1\n  return id\n}\n\nconst joinId = (...args: unknown[]) => compact(args).join('-')\n\nexport function useIdLegacy(idProp?: string, prefix?: string) {\n  const [id, setId] = useState(idRef.current)\n\n  useEffect(() => {\n    if (idProp) {\n      return\n    }\n    setId(generateId())\n  }, [idProp])\n\n  return useMemo(() => idProp || joinId(prefix, id), [idProp, prefix, id])\n}\n\nfunction useId(idProp?: string, prefix?: string) {\n  const id = React.useId()\n\n  return useMemo(() => idProp || joinId(prefix, id), [idProp, prefix, id])\n}\n\nconst isReactUnderV18 = getReactVersion().major < 18\n\nexport default isReactUnderV18 ? useIdLegacy : useId\n"],"names":["idRef","Object","seal","current","generateId","id","joinId","args","compact","join","useIdLegacy","idProp","prefix","setId","useState","useEffect","useMemo","useId","React","isReactUnderV18","getReactVersion","major"],"mappings":";;;;;;;;AAKA;AACA,MAAMA,KAAK,GAAGC,MAAM,CAACC,IAAI,CAAC;AAAEC,EAAAA,OAAO,EAAE,CAAA;AAAE,CAAC,CAAC,CAAA;AAEzC,MAAMC,UAAU,GAAGA,MAAM;AACvB,EAAA,MAAMC,EAAE,GAAGL,KAAK,CAACG,OAAO,CAAA;EACxBH,KAAK,CAACG,OAAO,IAAI,CAAC,CAAA;AAClB,EAAA,OAAOE,EAAE,CAAA;AACX,CAAC,CAAA;AAED,MAAMC,MAAM,GAAGA,CAAC,GAAGC,IAAe,KAAKC,aAAO,CAACD,IAAI,CAAC,CAACE,IAAI,CAAC,GAAG,CAAC,CAAA;AAEvD,SAASC,WAAWA,CAACC,MAAe,EAAEC,MAAe,EAAE;EAC5D,MAAM,CAACP,EAAE,EAAEQ,KAAK,CAAC,GAAGC,cAAQ,CAACd,KAAK,CAACG,OAAO,CAAC,CAAA;AAE3CY,EAAAA,eAAS,CAAC,MAAM;AACd,IAAA,IAAIJ,MAAM,EAAE;AACV,MAAA,OAAA;AACF,KAAA;AACAE,IAAAA,KAAK,CAACT,UAAU,EAAE,CAAC,CAAA;AACrB,GAAC,EAAE,CAACO,MAAM,CAAC,CAAC,CAAA;AAEZ,EAAA,OAAOK,aAAO,CAAC,MAAML,MAAM,IAAIL,MAAM,CAACM,MAAM,EAAEP,EAAE,CAAC,EAAE,CAACM,MAAM,EAAEC,MAAM,EAAEP,EAAE,CAAC,CAAC,CAAA;AAC1E,CAAA;AAEA,SAASY,KAAKA,CAACN,MAAe,EAAEC,MAAe,EAAE;AAC/C,EAAA,MAAMP,EAAE,GAAGa,KAAK,CAACD,KAAK,EAAE,CAAA;AAExB,EAAA,OAAOD,aAAO,CAAC,MAAML,MAAM,IAAIL,MAAM,CAACM,MAAM,EAAEP,EAAE,CAAC,EAAE,CAACM,MAAM,EAAEC,MAAM,EAAEP,EAAE,CAAC,CAAC,CAAA;AAC1E,CAAA;AAEA,MAAMc,eAAe,GAAGC,qBAAe,EAAE,CAACC,KAAK,GAAG,EAAE,CAAA;AAEpD,cAAeF,eAAe,GAAGT,WAAW,GAAGO,KAAK;;;;;"}
+{"version":3,"file":"useId.js","sources":["../../../src/hooks/useId.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react'\nimport * as React from 'react'\n\nimport { compact } from '~/src/utils/array'\nimport { getReactVersion } from '~/src/utils/react'\n\n/* @see https://github.com/chakra-ui/chakra-ui/blob/fa474bea3dcbdd4bbf2a26925f938d6e75a50c6d/packages/hooks/src/use-id.ts */\nconst idRef = Object.seal({ current: 1 })\n\nconst generateId = () => {\n  const id = idRef.current\n  idRef.current += 1\n  return id\n}\n\nconst joinId = (...args: unknown[]) => compact(args).join('-')\n\nexport function useIdLegacy(idProp?: string, prefix?: string) {\n  const [id, setId] = useState(idRef.current)\n\n  useEffect(() => {\n    if (idProp) {\n      return\n    }\n    setId(generateId())\n  }, [idProp])\n\n  return useMemo(() => idProp || joinId(prefix, id), [idProp, prefix, id])\n}\n\nfunction useId(idProp?: string, prefix?: string) {\n  const id = React.useId()\n\n  return useMemo(() => idProp || joinId(prefix, id), [idProp, prefix, id])\n}\n\nconst isReactUnderV18 = getReactVersion().major < 18\n\nexport default isReactUnderV18 ? useIdLegacy : useId\n"],"names":["idRef","Object","seal","current","generateId","id","joinId","args","compact","join","useIdLegacy","idProp","prefix","setId","useState","useEffect","useMemo","useId","React","isReactUnderV18","getReactVersion","major"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA;AACA,MAAMA,KAAK,GAAGC,MAAM,CAACC,IAAI,CAAC;AAAEC,EAAAA,OAAO,EAAE;AAAE,CAAC,CAAC;AAEzC,MAAMC,UAAU,GAAGA,MAAM;AACvB,EAAA,MAAMC,EAAE,GAAGL,KAAK,CAACG,OAAO;EACxBH,KAAK,CAACG,OAAO,IAAI,CAAC;AAClB,EAAA,OAAOE,EAAE;AACX,CAAC;AAED,MAAMC,MAAM,GAAGA,CAAC,GAAGC,IAAe,KAAKC,aAAO,CAACD,IAAI,CAAC,CAACE,IAAI,CAAC,GAAG,CAAC;AAEvD,SAASC,WAAWA,CAACC,MAAe,EAAEC,MAAe,EAAE;EAC5D,MAAM,CAACP,EAAE,EAAEQ,KAAK,CAAC,GAAGC,cAAQ,CAACd,KAAK,CAACG,OAAO,CAAC;AAE3CY,EAAAA,eAAS,CAAC,MAAM;AACd,IAAA,IAAIJ,MAAM,EAAE;AACV,MAAA;AACF;AACAE,IAAAA,KAAK,CAACT,UAAU,EAAE,CAAC;AACrB,GAAC,EAAE,CAACO,MAAM,CAAC,CAAC;AAEZ,EAAA,OAAOK,aAAO,CAAC,MAAML,MAAM,IAAIL,MAAM,CAACM,MAAM,EAAEP,EAAE,CAAC,EAAE,CAACM,MAAM,EAAEC,MAAM,EAAEP,EAAE,CAAC,CAAC;AAC1E;AAEA,SAASY,KAAKA,CAACN,MAAe,EAAEC,MAAe,EAAE;AAC/C,EAAA,MAAMP,EAAE,GAAGa,gBAAK,CAACD,KAAK,EAAE;AAExB,EAAA,OAAOD,aAAO,CAAC,MAAML,MAAM,IAAIL,MAAM,CAACM,MAAM,EAAEP,EAAE,CAAC,EAAE,CAACM,MAAM,EAAEC,MAAM,EAAEP,EAAE,CAAC,CAAC;AAC1E;AAEA,MAAMc,eAAe,GAAGC,qBAAe,EAAE,CAACC,KAAK,GAAG,EAAE;AAEpD,cAAeF,eAAe,GAAGT,WAAW,GAAGO,KAAK;;;;;"}

package/dist/cjs/hooks/useIsMounted.js.map

@@ -1 +1 @@
-{"version":3,"file":"useIsMounted.js","sources":["../../../src/hooks/useIsMounted.ts"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nexport default function useIsMounted() {\n  const [isMounted, setIsMounted] = useState(false)\n\n  useEffect(() => {\n    setIsMounted(true)\n  }, [])\n\n  return isMounted\n}\n"],"names":["useIsMounted","isMounted","setIsMounted","useState","useEffect"],"mappings":";;;;;;AAEe,SAASA,YAAYA,GAAG;EACrC,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC,CAAA;AAEjDC,EAAAA,eAAS,CAAC,MAAM;IACdF,YAAY,CAAC,IAAI,CAAC,CAAA;GACnB,EAAE,EAAE,CAAC,CAAA;AAEN,EAAA,OAAOD,SAAS,CAAA;AAClB;;;;"}
+{"version":3,"file":"useIsMounted.js","sources":["../../../src/hooks/useIsMounted.ts"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nexport default function useIsMounted() {\n  const [isMounted, setIsMounted] = useState(false)\n\n  useEffect(() => {\n    setIsMounted(true)\n  }, [])\n\n  return isMounted\n}\n"],"names":["useIsMounted","isMounted","setIsMounted","useState","useEffect"],"mappings":";;;;;;AAEe,SAASA,YAAYA,GAAG;EACrC,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC;AAEjDC,EAAAA,eAAS,CAAC,MAAM;IACdF,YAAY,CAAC,IAAI,CAAC;GACnB,EAAE,EAAE,CAAC;AAEN,EAAA,OAAOD,SAAS;AAClB;;;;"}

package/dist/cjs/hooks/useKeyboardActionLockerWhileComposing.js.map

@@ -1 +1 @@
-{"version":3,"file":"useKeyboardActionLockerWhileComposing.js","sources":["../../../src/hooks/useKeyboardActionLockerWhileComposing.ts"],"sourcesContent":["import type React from 'react'\nimport { useCallback, useRef } from 'react'\n\nexport const COMMON_IME_CONTROL_KEYS = [\n  'Enter',\n  'Escape',\n  'Tab',\n  ' ',\n  'ArrowUp',\n  'ArrowDown',\n  'ArrowLeft',\n  'ArrowRight',\n]\n\ntype HandlerCache<TargetElement extends HTMLElement = HTMLInputElement> = Map<\n  React.KeyboardEventHandler<TargetElement>,\n  React.KeyboardEventHandler<TargetElement>\n>\ninterface UseKeyboardActionLockerWhileComposingProps<\n  TargetElement extends HTMLElement = HTMLInputElement,\n> {\n  keysToLock?: string[]\n  onKeyDown?: React.KeyboardEventHandler<TargetElement>\n  onKeyUp?: React.KeyboardEventHandler<TargetElement>\n}\n\nconst isSafari = () =>\n  window.navigator.userAgent.search('Safari') >= 0 &&\n  window.navigator.userAgent.search('Chrome') < 0\n\nexport function useKeyboardActionLockerWhileComposing<\n  TargetElement extends HTMLElement = HTMLInputElement,\n>({\n  keysToLock,\n  onKeyDown,\n  onKeyUp,\n}: UseKeyboardActionLockerWhileComposingProps<TargetElement>) {\n  const handlerCache = useRef<HandlerCache<TargetElement>>(new Map())\n\n  const wrapHandler = useCallback(\n    (handler?: React.KeyboardEventHandler<TargetElement>) => {\n      if (!handler) {\n        return undefined\n      }\n      if (handlerCache.current.has(handler)) {\n        return handlerCache.current.get(handler)\n      }\n\n      const wrappedHandler = (event: React.KeyboardEvent<TargetElement>) => {\n        // NOTE: If keysToLock is not provided, lock all keys.\n        const isKeyLocked =\n          event.nativeEvent.isComposing &&\n          (!keysToLock ||\n            keysToLock.some((controlKey) => event.key === controlKey))\n        /**\n         * NOTE\n         * According to the spec(https://www.w3.org/TR/uievents/#events-composition-key-events),\n         * keyDown event that exit composition should be fired before compositionEnd event.\n         * However, Safari has different behavior.\n         * In Safari, keyDown event that exit composition is fired after compositionEnd event.\n         * So, we need to prevent keyDown event that exit composition in Safari.\n         * Browser fires keydown event with keyCode 229 when user is composing.\n         * An event that exits composition is also fired with keyCode 229, even though it has fired after compositionEnd event.\n         * Therefore, we need to check if the event is fired with keyCode 229 in Safari.\n         */\n        const isSafariKeydownWhileComposing =\n          isSafari() && event.type === 'keydown' && event.keyCode === 229\n\n        if (isKeyLocked || isSafariKeydownWhileComposing) {\n          event.stopPropagation()\n          return\n        }\n        handler?.(event)\n      }\n\n      handlerCache.current.set(handler, wrappedHandler)\n      return wrappedHandler\n    },\n    [keysToLock]\n  )\n\n  return {\n    handleKeyDown: wrapHandler(onKeyDown),\n    handleKeyUp: wrapHandler(onKeyUp),\n  }\n}\n"],"names":["COMMON_IME_CONTROL_KEYS","isSafari","window","navigator","userAgent","search","useKeyboardActionLockerWhileComposing","keysToLock","onKeyDown","onKeyUp","handlerCache","useRef","Map","wrapHandler","useCallback","handler","undefined","current","has","get","wrappedHandler","event","isKeyLocked","nativeEvent","isComposing","some","controlKey","key","isSafariKeydownWhileComposing","type","keyCode","stopPropagation","set","handleKeyDown","handleKeyUp"],"mappings":";;;;MAGaA,uBAAuB,GAAG,CACrC,OAAO,EACP,QAAQ,EACR,KAAK,EACL,GAAG,EACH,SAAS,EACT,WAAW,EACX,WAAW,EACX,YAAY,EACb;AAcD,MAAMC,QAAQ,GAAGA,MACfC,MAAM,CAACC,SAAS,CAACC,SAAS,CAACC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,IAChDH,MAAM,CAACC,SAAS,CAACC,SAAS,CAACC,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAA;AAE1C,SAASC,qCAAqCA,CAEnD;EACAC,UAAU;EACVC,SAAS;AACTC,EAAAA,OAAAA;AACyD,CAAC,EAAE;EAC5D,MAAMC,YAAY,GAAGC,YAAM,CAA8B,IAAIC,GAAG,EAAE,CAAC,CAAA;AAEnE,EAAA,MAAMC,WAAW,GAAGC,iBAAW,CAC5BC,OAAmD,IAAK;IACvD,IAAI,CAACA,OAAO,EAAE;AACZ,MAAA,OAAOC,SAAS,CAAA;AAClB,KAAA;IACA,IAAIN,YAAY,CAACO,OAAO,CAACC,GAAG,CAACH,OAAO,CAAC,EAAE;AACrC,MAAA,OAAOL,YAAY,CAACO,OAAO,CAACE,GAAG,CAACJ,OAAO,CAAC,CAAA;AAC1C,KAAA;IAEA,MAAMK,cAAc,GAAIC,KAAyC,IAAK;AACpE;MACA,MAAMC,WAAW,GACfD,KAAK,CAACE,WAAW,CAACC,WAAW,KAC5B,CAACjB,UAAU,IACVA,UAAU,CAACkB,IAAI,CAAEC,UAAU,IAAKL,KAAK,CAACM,GAAG,KAAKD,UAAU,CAAC,CAAC,CAAA;AAC9D;AACR;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACQ,MAAA,MAAME,6BAA6B,GACjC3B,QAAQ,EAAE,IAAIoB,KAAK,CAACQ,IAAI,KAAK,SAAS,IAAIR,KAAK,CAACS,OAAO,KAAK,GAAG,CAAA;MAEjE,IAAIR,WAAW,IAAIM,6BAA6B,EAAE;QAChDP,KAAK,CAACU,eAAe,EAAE,CAAA;AACvB,QAAA,OAAA;AACF,OAAA;AACAhB,MAAAA,OAAO,aAAPA,OAAO,KAAA,KAAA,CAAA,IAAPA,OAAO,CAAGM,KAAK,CAAC,CAAA;KACjB,CAAA;IAEDX,YAAY,CAACO,OAAO,CAACe,GAAG,CAACjB,OAAO,EAAEK,cAAc,CAAC,CAAA;AACjD,IAAA,OAAOA,cAAc,CAAA;AACvB,GAAC,EACD,CAACb,UAAU,CACb,CAAC,CAAA;EAED,OAAO;AACL0B,IAAAA,aAAa,EAAEpB,WAAW,CAACL,SAAS,CAAC;IACrC0B,WAAW,EAAErB,WAAW,CAACJ,OAAO,CAAA;GACjC,CAAA;AACH;;;;;"}
+{"version":3,"file":"useKeyboardActionLockerWhileComposing.js","sources":["../../../src/hooks/useKeyboardActionLockerWhileComposing.ts"],"sourcesContent":["import type React from 'react'\nimport { useCallback, useRef } from 'react'\n\nexport const COMMON_IME_CONTROL_KEYS = [\n  'Enter',\n  'Escape',\n  'Tab',\n  ' ',\n  'ArrowUp',\n  'ArrowDown',\n  'ArrowLeft',\n  'ArrowRight',\n]\n\ntype HandlerCache<TargetElement extends HTMLElement = HTMLInputElement> = Map<\n  React.KeyboardEventHandler<TargetElement>,\n  React.KeyboardEventHandler<TargetElement>\n>\ninterface UseKeyboardActionLockerWhileComposingProps<\n  TargetElement extends HTMLElement = HTMLInputElement,\n> {\n  keysToLock?: string[]\n  onKeyDown?: React.KeyboardEventHandler<TargetElement>\n  onKeyUp?: React.KeyboardEventHandler<TargetElement>\n}\n\nconst isSafari = () =>\n  window.navigator.userAgent.search('Safari') >= 0 &&\n  window.navigator.userAgent.search('Chrome') < 0\n\nexport function useKeyboardActionLockerWhileComposing<\n  TargetElement extends HTMLElement = HTMLInputElement,\n>({\n  keysToLock,\n  onKeyDown,\n  onKeyUp,\n}: UseKeyboardActionLockerWhileComposingProps<TargetElement>) {\n  const handlerCache = useRef<HandlerCache<TargetElement>>(new Map())\n\n  const wrapHandler = useCallback(\n    (handler?: React.KeyboardEventHandler<TargetElement>) => {\n      if (!handler) {\n        return undefined\n      }\n      if (handlerCache.current.has(handler)) {\n        return handlerCache.current.get(handler)\n      }\n\n      const wrappedHandler = (event: React.KeyboardEvent<TargetElement>) => {\n        // NOTE: If keysToLock is not provided, lock all keys.\n        const isKeyLocked =\n          event.nativeEvent.isComposing &&\n          (!keysToLock ||\n            keysToLock.some((controlKey) => event.key === controlKey))\n        /**\n         * NOTE\n         * According to the spec(https://www.w3.org/TR/uievents/#events-composition-key-events),\n         * keyDown event that exit composition should be fired before compositionEnd event.\n         * However, Safari has different behavior.\n         * In Safari, keyDown event that exit composition is fired after compositionEnd event.\n         * So, we need to prevent keyDown event that exit composition in Safari.\n         * Browser fires keydown event with keyCode 229 when user is composing.\n         * An event that exits composition is also fired with keyCode 229, even though it has fired after compositionEnd event.\n         * Therefore, we need to check if the event is fired with keyCode 229 in Safari.\n         */\n        const isSafariKeydownWhileComposing =\n          isSafari() && event.type === 'keydown' && event.keyCode === 229\n\n        if (isKeyLocked || isSafariKeydownWhileComposing) {\n          event.stopPropagation()\n          return\n        }\n        handler?.(event)\n      }\n\n      handlerCache.current.set(handler, wrappedHandler)\n      return wrappedHandler\n    },\n    [keysToLock]\n  )\n\n  return {\n    handleKeyDown: wrapHandler(onKeyDown),\n    handleKeyUp: wrapHandler(onKeyUp),\n  }\n}\n"],"names":["COMMON_IME_CONTROL_KEYS","isSafari","window","navigator","userAgent","search","useKeyboardActionLockerWhileComposing","keysToLock","onKeyDown","onKeyUp","handlerCache","useRef","Map","wrapHandler","useCallback","handler","undefined","current","has","get","wrappedHandler","event","isKeyLocked","nativeEvent","isComposing","some","controlKey","key","isSafariKeydownWhileComposing","type","keyCode","stopPropagation","set","handleKeyDown","handleKeyUp"],"mappings":";;;;MAGaA,uBAAuB,GAAG,CACrC,OAAO,EACP,QAAQ,EACR,KAAK,EACL,GAAG,EACH,SAAS,EACT,WAAW,EACX,WAAW,EACX,YAAY;AAed,MAAMC,QAAQ,GAAGA,MACfC,MAAM,CAACC,SAAS,CAACC,SAAS,CAACC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,IAChDH,MAAM,CAACC,SAAS,CAACC,SAAS,CAACC,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC;AAE1C,SAASC,qCAAqCA,CAEnD;EACAC,UAAU;EACVC,SAAS;AACTC,EAAAA;AACyD,CAAC,EAAE;EAC5D,MAAMC,YAAY,GAAGC,YAAM,CAA8B,IAAIC,GAAG,EAAE,CAAC;AAEnE,EAAA,MAAMC,WAAW,GAAGC,iBAAW,CAC5BC,OAAmD,IAAK;IACvD,IAAI,CAACA,OAAO,EAAE;AACZ,MAAA,OAAOC,SAAS;AAClB;IACA,IAAIN,YAAY,CAACO,OAAO,CAACC,GAAG,CAACH,OAAO,CAAC,EAAE;AACrC,MAAA,OAAOL,YAAY,CAACO,OAAO,CAACE,GAAG,CAACJ,OAAO,CAAC;AAC1C;IAEA,MAAMK,cAAc,GAAIC,KAAyC,IAAK;AACpE;MACA,MAAMC,WAAW,GACfD,KAAK,CAACE,WAAW,CAACC,WAAW,KAC5B,CAACjB,UAAU,IACVA,UAAU,CAACkB,IAAI,CAAEC,UAAU,IAAKL,KAAK,CAACM,GAAG,KAAKD,UAAU,CAAC,CAAC;AAC9D;AACR;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACQ,MAAA,MAAME,6BAA6B,GACjC3B,QAAQ,EAAE,IAAIoB,KAAK,CAACQ,IAAI,KAAK,SAAS,IAAIR,KAAK,CAACS,OAAO,KAAK,GAAG;MAEjE,IAAIR,WAAW,IAAIM,6BAA6B,EAAE;QAChDP,KAAK,CAACU,eAAe,EAAE;AACvB,QAAA;AACF;AACAhB,MAAAA,OAAO,aAAPA,OAAO,KAAA,KAAA,CAAA,IAAPA,OAAO,CAAGM,KAAK,CAAC;KACjB;IAEDX,YAAY,CAACO,OAAO,CAACe,GAAG,CAACjB,OAAO,EAAEK,cAAc,CAAC;AACjD,IAAA,OAAOA,cAAc;AACvB,GAAC,EACD,CAACb,UAAU,CACb,CAAC;EAED,OAAO;AACL0B,IAAAA,aAAa,EAAEpB,WAAW,CAACL,SAAS,CAAC;IACrC0B,WAAW,EAAErB,WAAW,CAACJ,OAAO;GACjC;AACH;;;;;"}

package/dist/cjs/hooks/useMergeRefs.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMergeRefs.js","sources":["../../../src/hooks/useMergeRefs.ts"],"sourcesContent":["import { useMemo } from 'react'\n\ntype ReactRef<Node> =\n  | React.RefCallback<Node>\n  | React.MutableRefObject<Node | null>\n\ntype Ref<Node> = ReactRef<Node> | null | undefined\ntype Refs<Node> = Array<Ref<Node>>\n\nfunction assignRef<Node>(ref: Ref<Node>, value: Node | null) {\n  if (ref === null || ref === undefined) {\n    return\n  }\n\n  if (typeof ref === 'function') {\n    ref(value)\n    return\n  }\n\n  try {\n    ref.current = value\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  } catch (error) {\n    throw new Error(`Cannot assign value '${value}' to ref '${ref}'`)\n  }\n}\n\nfunction mergeRefs<Node>(...refs: Refs<Node>) {\n  return (node: Node | null) => {\n    refs.forEach((ref) => {\n      assignRef(ref, node)\n    })\n  }\n}\n\nexport default function useMergeRefs<Node>(...refs: Refs<Node>) {\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  return useMemo(() => mergeRefs(...refs), refs)\n}\n"],"names":["assignRef","ref","value","undefined","current","error","Error","mergeRefs","refs","node","forEach","useMergeRefs","useMemo"],"mappings":";;;;;;AASA,SAASA,SAASA,CAAOC,GAAc,EAAEC,KAAkB,EAAE;AAC3D,EAAA,IAAID,GAAG,KAAK,IAAI,IAAIA,GAAG,KAAKE,SAAS,EAAE;AACrC,IAAA,OAAA;AACF,GAAA;AAEA,EAAA,IAAI,OAAOF,GAAG,KAAK,UAAU,EAAE;IAC7BA,GAAG,CAACC,KAAK,CAAC,CAAA;AACV,IAAA,OAAA;AACF,GAAA;EAEA,IAAI;IACFD,GAAG,CAACG,OAAO,GAAGF,KAAK,CAAA;AACnB;GACD,CAAC,OAAOG,KAAK,EAAE;IACd,MAAM,IAAIC,KAAK,CAAC,CAAA,qBAAA,EAAwBJ,KAAK,CAAaD,UAAAA,EAAAA,GAAG,GAAG,CAAC,CAAA;AACnE,GAAA;AACF,CAAA;AAEA,SAASM,SAASA,CAAO,GAAGC,IAAgB,EAAE;AAC5C,EAAA,OAAQC,IAAiB,IAAK;AAC5BD,IAAAA,IAAI,CAACE,OAAO,CAAET,GAAG,IAAK;AACpBD,MAAAA,SAAS,CAACC,GAAG,EAAEQ,IAAI,CAAC,CAAA;AACtB,KAAC,CAAC,CAAA;GACH,CAAA;AACH,CAAA;AAEe,SAASE,YAAYA,CAAO,GAAGH,IAAgB,EAAE;AAC9D;EACA,OAAOI,aAAO,CAAC,MAAML,SAAS,CAAC,GAAGC,IAAI,CAAC,EAAEA,IAAI,CAAC,CAAA;AAChD;;;;"}
+{"version":3,"file":"useMergeRefs.js","sources":["../../../src/hooks/useMergeRefs.ts"],"sourcesContent":["import { useMemo } from 'react'\n\ntype ReactRef<Node> =\n  | React.RefCallback<Node>\n  | React.MutableRefObject<Node | null>\n\ntype Ref<Node> = ReactRef<Node> | null | undefined\ntype Refs<Node> = Array<Ref<Node>>\n\nfunction assignRef<Node>(ref: Ref<Node>, value: Node | null) {\n  if (ref === null || ref === undefined) {\n    return\n  }\n\n  if (typeof ref === 'function') {\n    ref(value)\n    return\n  }\n\n  try {\n    ref.current = value\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  } catch (error) {\n    throw new Error(`Cannot assign value '${value}' to ref '${ref}'`)\n  }\n}\n\nfunction mergeRefs<Node>(...refs: Refs<Node>) {\n  return (node: Node | null) => {\n    refs.forEach((ref) => {\n      assignRef(ref, node)\n    })\n  }\n}\n\nexport default function useMergeRefs<Node>(...refs: Refs<Node>) {\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  return useMemo(() => mergeRefs(...refs), refs)\n}\n"],"names":["assignRef","ref","value","undefined","current","error","Error","mergeRefs","refs","node","forEach","useMergeRefs","useMemo"],"mappings":";;;;;;AASA,SAASA,SAASA,CAAOC,GAAc,EAAEC,KAAkB,EAAE;AAC3D,EAAA,IAAID,GAAG,KAAK,IAAI,IAAIA,GAAG,KAAKE,SAAS,EAAE;AACrC,IAAA;AACF;AAEA,EAAA,IAAI,OAAOF,GAAG,KAAK,UAAU,EAAE;IAC7BA,GAAG,CAACC,KAAK,CAAC;AACV,IAAA;AACF;EAEA,IAAI;IACFD,GAAG,CAACG,OAAO,GAAGF,KAAK;AACnB;GACD,CAAC,OAAOG,KAAK,EAAE;IACd,MAAM,IAAIC,KAAK,CAAC,CAAA,qBAAA,EAAwBJ,KAAK,CAAaD,UAAAA,EAAAA,GAAG,GAAG,CAAC;AACnE;AACF;AAEA,SAASM,SAASA,CAAO,GAAGC,IAAgB,EAAE;AAC5C,EAAA,OAAQC,IAAiB,IAAK;AAC5BD,IAAAA,IAAI,CAACE,OAAO,CAAET,GAAG,IAAK;AACpBD,MAAAA,SAAS,CAACC,GAAG,EAAEQ,IAAI,CAAC;AACtB,KAAC,CAAC;GACH;AACH;AAEe,SAASE,YAAYA,CAAO,GAAGH,IAAgB,EAAE;AAC9D;EACA,OAAOI,aAAO,CAAC,MAAML,SAAS,CAAC,GAAGC,IAAI,CAAC,EAAEA,IAAI,CAAC;AAChD;;;;"}