@zenkigen-inc/component-ui 1.1.3 → 1.3.0

package/dist/button/button.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties, ReactNode } from 'react';
+import { CSSProperties, PropsWithChildren, ReactNode } from 'react';
 type Size = 'small' | 'medium' | 'large';
 type Variant = 'fill' | 'fillDanger' | 'outline' | 'text';
 type Props = {
@@ -8,7 +8,6 @@ type Props = {
     variant?: Variant;
     before?: ReactNode;
     after?: ReactNode;
-    children: ReactNode;
 } & ({
     isAnchor: true;
     href: string;
@@ -17,5 +16,5 @@ type Props = {
     isAnchor?: false;
     onClick?: () => void;
 });
-export declare function Button({ size, variant, ...props }: Props): import("react").JSX.Element;
+export declare function Button({ size, variant, ...props }: PropsWithChildren<Props>): import("react").JSX.Element;
 export {};

package/dist/dropdown/dropdown-item.d.ts

@@ -1,8 +1,7 @@
-import { MouseEvent, ReactNode } from 'react';
+import { MouseEvent, PropsWithChildren } from 'react';
 type Props = {
-    children: ReactNode;
     color?: 'gray' | 'red';
     onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
 };
-export declare function DropdownItem({ children, color, onClick }: Props): import("react").JSX.Element;
+export declare function DropdownItem({ children, color, onClick }: PropsWithChildren<Props>): import("react").JSX.Element;
 export {};

package/dist/dropdown/dropdown-menu.d.ts

@@ -1,11 +1,10 @@
-import { CSSProperties, ReactNode } from 'react';
+import { CSSProperties, PropsWithChildren } from 'react';
 import { DropdownHorizontalAlign, DropdownVerticalPosition } from './type';
 type Props = {
-    children: ReactNode;
     maxHeight?: CSSProperties['height'];
     isNoPadding?: boolean;
     verticalPosition?: DropdownVerticalPosition;
     horizontalAlign?: DropdownHorizontalAlign;
 };
-export declare function DropdownMenu({ children, maxHeight, isNoPadding, verticalPosition, horizontalAlign, }: Props): false | import("react").JSX.Element;
+export declare function DropdownMenu({ children, maxHeight, isNoPadding, verticalPosition, horizontalAlign, }: PropsWithChildren<Props>): false | import("react").JSX.Element;
 export {};

package/dist/dropdown/dropdown.d.ts

@@ -1,5 +1,5 @@
-import { ReactElement, ReactNode } from 'react';
 import { IconName } from '@zenkigen-inc/component-icons';
+import { PropsWithChildren, ReactElement } from 'react';
 import { DropdownItem } from './dropdown-item';
 import { DropdownMenu } from './dropdown-menu';
 type Props = {
@@ -8,7 +8,6 @@ type Props = {
     title?: string;
     isDisabled?: boolean;
     isArrowHidden?: boolean;
-    children: ReactNode;
 } & ({
     target: ReactElement;
     label?: never;
@@ -18,7 +17,7 @@ type Props = {
     label: string;
     icon?: IconName;
 });
-export declare function Dropdown({ children, target, label, icon, size, variant, title, isDisabled, isArrowHidden, }: Props): import("react").JSX.Element;
+export declare function Dropdown({ children, target, label, icon, size, variant, title, isDisabled, isArrowHidden, }: PropsWithChildren<Props>): import("react").JSX.Element;
 export declare namespace Dropdown {
     var Menu: typeof DropdownMenu;
     var Item: typeof DropdownItem;

package/dist/index.d.ts

@@ -18,6 +18,7 @@ export * from './select-sort';
 export * from './tab';
 export * from './table';
 export * from './tag';
+export * from './text-input';
 export * from './toast';
 export * from './toggle';
 export * from './tooltip';

package/dist/index.esm.js

@@ -4,6 +4,20 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import aa, { useState, useCallback, useEffect, createContext, useContext, useRef, forwardRef } from 'react';
 import { iconElements } from '@zenkigen-inc/component-icons';
 
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
 function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
   var target = {};
@@ -17,7 +31,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 
-var _excluded$5 = ["size"];
+var _excluded$6 = ["size"];
 var isAsciiString = function isAsciiString(str) {
   return str.charCodeAt(0) < 256;
 };
@@ -25,7 +39,7 @@ function Avatar(_ref) {
   var _clsx;
   var _ref$size = _ref.size,
     size = _ref$size === void 0 ? 'medium' : _ref$size,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$5);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$6);
   var classes = clsx('text-text-textOnColor', 'rounded-full', 'flex items-center justify-center', props.isDisabled ? 'bg-disabled-disabled01' : props.userId ? userColors[props.userId % userColors.length] : 'bg-icon-icon01', (_clsx = {}, _clsx["w-16 h-16 " + typography.label.label1regular] = size === 'x-large', _clsx["w-12 h-12 " + typography.label.label2regular] = size === 'large', _clsx["w-10 h-10 " + typography.label.label2regular] = size === 'medium', _clsx["w-8 h-8 " + typography.label.label4regular] = size === 'small', _clsx["w-6 h-6 " + typography.label.label4regular] = size === 'x-small', _clsx));
   var trimmedFirstName = props.firstName.trim();
   var trimmedLastName = props.lastName.trim();
@@ -56,13 +70,13 @@ function Breadcrumb(_ref) {
 }
 Breadcrumb.Item = BreadcrumbItem;
 
-var _excluded$4 = ["size", "variant"];
+var _excluded$5 = ["size", "variant"];
 function Button(_ref) {
   var _ref$size = _ref.size,
     size = _ref$size === void 0 ? 'medium' : _ref$size,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'fill' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$4);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$5);
   var baseClasses = clsx('rounded-button', 'flex', 'shrink-0', 'gap-1', 'items-center', 'justify-center', buttonColors[variant].base, buttonColors[variant].hover, buttonColors[variant].active, buttonColors[variant].disabled, focusVisible.normal, size === 'large' ? typography.label.label1regular : typography.label.label2regular, {
     'h-6 px-2.5': size === 'small'
   }, {
@@ -215,12 +229,12 @@ var useOutsideClick = function useOutsideClick(ref, handler, enabled) {
   }, [ref, enabled, handler]);
 };
 
-var _excluded$3 = ["size"];
+var _excluded$4 = ["size"];
 var Icon = function Icon(_ref) {
   var _ref2;
   var _ref$size = _ref.size,
     size = _ref$size === void 0 ? 'medium' : _ref$size,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$3);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$4);
   return /*#__PURE__*/jsx("span", {
     className: clsx('inline-block', 'shrink-0', props.isDisabled ? 'fill-disabled-disabled01' : (_ref2 = {}, _ref2[iconColors.icon01] = props.color === 'icon01', _ref2[iconColors.icon01Dark] = props.color === 'icon01Dark', _ref2[iconColors.icon02] = props.color === 'icon02', _ref2[iconColors.icon02Dark] = props.color === 'icon02Dark', _ref2[iconColors.icon03] = props.color === 'icon03', _ref2[iconColors.icon03Dark] = props.color === 'icon03Dark', _ref2[iconColors.iconOnColor] = props.color === 'iconOnColor', _ref2), {
       'w-3 h-3': size === 'x-small',
@@ -459,13 +473,13 @@ function Heading(props) {
   });
 }
 
-var _excluded$2 = ["size", "variant"];
+var _excluded$3 = ["size", "variant"];
 function IconButton(_ref) {
   var _ref$size = _ref.size,
     size = _ref$size === void 0 ? 'medium' : _ref$size,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$3);
   var baseClasses = clsx('rounded', 'flex', 'gap-1', 'items-center', 'justify-center', buttonColors[variant].base, buttonColors[variant].hover, buttonColors[variant].active, buttonColors[variant].disabled, focusVisible.normal, typography.label.label1regular, {
     'h-6 w-6': size === 'small' && !props.isNoPadding
   }, {
@@ -31428,85 +31442,29 @@ if (process.env.NODE_ENV === 'production') {
 }
 });
 
+function ModalBody(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/jsx("div", {
+    className: "overflow-y-auto",
+    children: children
+  });
+}
+
 var ModalContext = /*#__PURE__*/createContext({
-  width: 480,
   setIsOpen: function setIsOpen() {
     return false;
   }
 });
 
-var sizeSmallLimit = 420;
-function ModalButtonTab(_ref) {
-  var primaryButtonLabel = _ref.primaryButtonLabel,
-    secondaryButtonLabel = _ref.secondaryButtonLabel,
-    onClickPrimaryButton = _ref.onClickPrimaryButton,
-    onClickSecondaryButton = _ref.onClickSecondaryButton,
-    isDanger = _ref.isDanger,
-    isNoBorder = _ref.isNoBorder,
-    isWithCheckbox = _ref.isWithCheckbox,
-    checkboxLabel = _ref.checkboxLabel,
-    isChecked = _ref.isChecked,
-    onChange = _ref.onChange,
-    subButtonLabel = _ref.subButtonLabel,
-    onClickSubButton = _ref.onClickSubButton;
-  var _useContext = useContext(ModalContext),
-    width = _useContext.width,
-    setIsOpen = _useContext.setIsOpen;
-  var handleClickPrimaryButton = useCallback(function () {
-    onClickPrimaryButton();
-    setIsOpen(false);
-  }, [onClickPrimaryButton, setIsOpen]);
-  var handleClickSecondaryButton = useCallback(function () {
-    onClickSecondaryButton();
-    setIsOpen(false);
-  }, [onClickSecondaryButton, setIsOpen]);
-  var handleClickSubButton = useCallback(function () {
-    onClickSubButton == null || onClickSubButton();
-  }, [onClickSubButton]);
+function ModalFooter(_ref) {
+  var children = _ref.children,
+    isNoBorder = _ref.isNoBorder;
   var wrapperClasses = clsx$1('flex', 'shrink-0', 'items-center', 'w-full', 'rounded-b-lg', 'py-4', 'px-6', {
-    'justify-between': isWithCheckbox || subButtonLabel && sizeSmallLimit <= width,
-    'justify-end': !isWithCheckbox || !subButtonLabel,
-    'justify-center': subButtonLabel && width < sizeSmallLimit,
-    'border-t-[1px] border-border-uiBorder01': !isNoBorder,
-    'gap-y-4': width < sizeSmallLimit,
-    'flex-wrap': width < sizeSmallLimit && isWithCheckbox,
-    'flex-wrap-reverse': width < sizeSmallLimit && subButtonLabel
+    'border-t-[1px] border-border-uiBorder01': !isNoBorder
   });
-  var buttonContainerClasses = clsx$1('flex', 'items-center', {
-    'w-full justify-center': width < sizeSmallLimit,
-    'gap-x-2': width < sizeSmallLimit,
-    'gap-x-4': sizeSmallLimit <= width
-  });
-  return /*#__PURE__*/jsxs("div", {
+  return /*#__PURE__*/jsx("div", {
     className: wrapperClasses,
-    children: [isWithCheckbox ? /*#__PURE__*/jsx("div", {
-      children: /*#__PURE__*/jsx(Checkbox, {
-        id: "modal-checkbox",
-        label: checkboxLabel,
-        isChecked: isChecked,
-        onChange: onChange
-      })
-    }) : subButtonLabel && onClickSubButton ? /*#__PURE__*/jsx(Button, {
-      variant: "text",
-      size: "large",
-      onClick: handleClickSubButton,
-      children: subButtonLabel
-    }, "0") : null, /*#__PURE__*/jsxs("div", {
-      className: buttonContainerClasses,
-      children: [/*#__PURE__*/jsx(Button, {
-        variant: "outline",
-        size: "large",
-        width: width < sizeSmallLimit ? 132 : 'auto',
-        onClick: handleClickSecondaryButton,
-        children: secondaryButtonLabel
-      }, "1"), /*#__PURE__*/jsx(Button, {
-        variant: isDanger ? 'fillDanger' : 'fill',
-        size: "large",
-        width: width < sizeSmallLimit ? 132 : 'auto',
-        onClick: handleClickPrimaryButton,
-        children: primaryButtonLabel
-      }, "2")]
-    })]
+    children: children
   });
 }
 
@@ -31523,7 +31481,9 @@ function ModalHeader(_ref) {
   });
   return /*#__PURE__*/jsxs("div", {
     className: headerClasses,
-    children: [children, !isNoCloseButton && /*#__PURE__*/jsx(IconButton, {
+    children: [/*#__PURE__*/jsx("div", {
+      children: children
+    }), !isNoCloseButton && /*#__PURE__*/jsx(IconButton, {
       icon: "close",
       size: "small",
       variant: "text",
@@ -31534,52 +31494,8 @@ function ModalHeader(_ref) {
   });
 }
 
-var TabItem = function TabItem(props) {
-  var _clsx;
-  var classes = clsx('relative', 'flex', 'z-0', 'py-2', 'leading-[24px]', 'before:h-px', 'before:absolute', 'before:left-0', 'before:right-0', 'before:bottom-0', 'hover:text-text-text01', 'disabled:text-disabled-disabled01', 'disabled:pointer-events-none', (_clsx = {}, _clsx["" + typography.label.label2regular] = !props.isSelected, _clsx['text-interactive-interactive02 hover:before:bg-border-uiBorder02Dark'] = !props.isSelected, _clsx["" + typography.label.label2bold] = props.isSelected, _clsx['before:bg-interactive-interactive01 hover:before:bg-interactive-interactive01 pointer-events-none'] = props.isSelected, _clsx));
-  return /*#__PURE__*/jsx("button", {
-    type: "button",
-    role: "tab",
-    "aria-selected": props.isSelected,
-    className: classes,
-    disabled: props.isDisabled,
-    onClick: function onClick() {
-      return props.onClick(props.id);
-    },
-    children: props.children
-  });
-};
-
-function Tab(_ref) {
-  var children = _ref.children;
-  var classes = clsx('flex', 'px-6', 'gap-4', 'relative', 'before:bg-border-uiBorder01', 'before:h-px', 'before:bottom-0', 'before:left-0', 'before:right-0', 'before:absolute', {});
-  return /*#__PURE__*/jsx("div", {
-    role: "tablist",
-    className: classes,
-    children: children
-  });
-}
-Tab.Item = TabItem;
-
-function ModalTab(_ref) {
-  var tabItems = _ref.tabItems,
-    selectedTab = _ref.selectedTab,
-    setSelectedTab = _ref.setSelectedTab;
-  return /*#__PURE__*/jsx("div", {
-    className: "mt-2 w-full",
-    children: /*#__PURE__*/jsx(Tab, {
-      children: tabItems.map(function (item) {
-        return /*#__PURE__*/jsx(TabItem, {
-          id: item.id,
-          isSelected: selectedTab === item.id,
-          onClick: setSelectedTab,
-          children: item.label
-        }, item.id);
-      })
-    })
-  });
-}
-
+var LIMIT_WIDTH = 320;
+var LIMIT_HEIGHT = 184;
 function Modal(_ref) {
   var children = _ref.children,
     _ref$width = _ref.width,
@@ -31587,45 +31503,37 @@ function Modal(_ref) {
     height = _ref.height,
     isOpen = _ref.isOpen,
     setIsOpen = _ref.setIsOpen,
-    portalTargetRef = _ref.portalTargetRef,
-    headerElement = _ref.headerElement,
-    tabElement = _ref.tabElement,
-    buttonTabElement = _ref.buttonTabElement;
-  var wrapperClasses = 'flex items-center justify-center z-overlay bg-background-backgroundOverlayBlack fixed left-0 top-0 h-full w-full';
-  var modalBaseClasses = 'flex shrink-0 flex-col bg-background-uiBackground01 rounded-lg shadow-modalShadow';
-  var contentClasses = 'flex items-center justify-center overflow-y-auto';
+    portalTargetRef = _ref.portalTargetRef;
+  var renderWidth = typeof width === 'number' ? Math.max(width, LIMIT_WIDTH) : width;
+  var renderHeight = typeof height === 'number' ? Math.max(height, LIMIT_HEIGHT) : height;
   return /*#__PURE__*/reactDom.createPortal(isOpen && /*#__PURE__*/jsx(ModalContext.Provider, {
     value: {
-      width: width,
       setIsOpen: setIsOpen
     },
     children: /*#__PURE__*/jsx("div", {
-      className: wrapperClasses,
-      children: /*#__PURE__*/jsxs("div", {
-        className: modalBaseClasses,
+      className: "fixed left-0 top-0 z-overlay flex h-full w-full items-center justify-center bg-background-backgroundOverlayBlack",
+      children: /*#__PURE__*/jsx("div", {
+        className: "flex shrink-0 flex-col rounded-lg bg-background-uiBackground01 shadow-modalShadow",
         style: {
-          width: width,
-          height: height
+          width: renderWidth,
+          height: renderHeight
         },
-        children: [headerElement, tabElement, /*#__PURE__*/jsx("div", {
-          className: contentClasses,
-          children: children
-        }), buttonTabElement]
+        children: children
       })
     })
   }), !portalTargetRef || (portalTargetRef == null ? void 0 : portalTargetRef.current) === null ? document.body : portalTargetRef.current);
 }
+Modal.Body = ModalBody;
 Modal.Header = ModalHeader;
-Modal.Tab = ModalTab;
-Modal.ButtonTab = ModalButtonTab;
+Modal.Footer = ModalFooter;
 
-var _excluded$1 = ["state", "size"];
+var _excluded$2 = ["state", "size"];
 function NotificationInline(_ref) {
   var _ref$state = _ref.state,
     state = _ref$state === void 0 ? 'default' : _ref$state,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 'medium' : _ref$size,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2);
   var wrapperClasses = clsx('rounded', 'text-text-text01', 'flex', 'gap-1', 'items-center', typography.body.body2regular, {
     'bg-background-uiBackgroundError': state === 'attention',
     'bg-background-uiBackgroundWarning': state === 'warning',
@@ -31997,14 +31905,14 @@ function Radio(_ref) {
   });
 }
 
-var _excluded = ["width", "size"];
+var _excluded$1 = ["width", "size"];
 var Search = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _clsx;
   var _ref$width = _ref.width,
     width = _ref$width === void 0 ? '100%' : _ref$width,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 'medium' : _ref$size,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1);
   var classes = clsx('flex', 'items-center', 'rounded-full', 'border', 'border-border-uiBorder02', 'focus-within:border-active-activeInput', {
     'h-8 px-3': size === 'medium'
   }, {
@@ -32184,6 +32092,33 @@ function SelectSort(_ref) {
   });
 }
 
+var TabItem = function TabItem(props) {
+  var _clsx;
+  var classes = clsx('relative', 'flex', 'z-0', 'py-2', 'leading-[24px]', 'before:h-px', 'before:absolute', 'before:left-0', 'before:right-0', 'before:bottom-0', 'hover:text-text-text01', 'disabled:text-disabled-disabled01', 'disabled:pointer-events-none', (_clsx = {}, _clsx["" + typography.label.label2regular] = !props.isSelected, _clsx['text-interactive-interactive02 hover:before:bg-border-uiBorder02Dark'] = !props.isSelected, _clsx["" + typography.label.label2bold] = props.isSelected, _clsx['before:bg-interactive-interactive01 hover:before:bg-interactive-interactive01 pointer-events-none'] = props.isSelected, _clsx));
+  return /*#__PURE__*/jsx("button", {
+    type: "button",
+    role: "tab",
+    "aria-selected": props.isSelected,
+    className: classes,
+    disabled: props.isDisabled,
+    onClick: function onClick() {
+      return props.onClick(props.id);
+    },
+    children: props.children
+  });
+};
+
+function Tab(_ref) {
+  var children = _ref.children;
+  var classes = clsx('flex', 'px-6', 'gap-4', 'relative', 'before:bg-border-uiBorder01', 'before:h-px', 'before:bottom-0', 'before:left-0', 'before:right-0', 'before:absolute', {});
+  return /*#__PURE__*/jsx("div", {
+    role: "tablist",
+    className: classes,
+    children: children
+  });
+}
+Tab.Item = TabItem;
+
 function TableCell(_ref) {
   var children = _ref.children,
     className = _ref.className;
@@ -32272,6 +32207,39 @@ function Tag(_ref) {
   });
 }
 
+var _excluded = ["size"];
+var TextInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _clsx;
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'medium' : _ref$size,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var inputWrapClasses = clsx('flex items-center gap-2 overflow-hidden rounded border pl-2 pr-3', {
+    'border-border-uiBorder01': !props.isError,
+    'border-support-supportError': props.isError && !props.disabled,
+    'hover:border-hover-hoverInput': !props.disabled && !props.isError,
+    'hover:focus-within:border-active-activeInput': !props.isError,
+    'focus-within:border-active-activeInput': !props.isError,
+    'bg-disabled-disabled02 border-disabled-disabled02': props.disabled
+  });
+  var inputClasses = clsx('flex-1 outline-0 placeholder:text-text-textPlaceholder disabled:text-text-text03', (_clsx = {}, _clsx[typography.label.label2regular + " pt-1.5 pb-2"] = size === 'medium', _clsx[typography.label.label1regular + " py-2.5"] = size === 'large', _clsx['text-text-text01'] = !props.isError, _clsx['text-support-supportError'] = props.isError, _clsx));
+  return /*#__PURE__*/jsxs("div", {
+    className: inputWrapClasses,
+    children: [/*#__PURE__*/jsx("input", _extends({
+      ref: ref,
+      size: 1,
+      className: inputClasses,
+      onChange: props.onChange
+    }, props)), props.onClickClearButton && props.value && props.value.length !== 0 && !props.disabled && /*#__PURE__*/jsx(IconButton, {
+      variant: "text",
+      icon: "close",
+      size: "small",
+      isNoPadding: true,
+      onClick: props.onClickClearButton
+    })]
+  });
+});
+TextInput.displayName = 'TextInput';
+
 var CLOSE_TIME_MSEC = 5000;
 function Toast(_ref) {
   var _clsx;
@@ -32549,5 +32517,5 @@ function Tooltip(_ref) {
   });
 }
 
-export { Avatar, Breadcrumb, Button, Checkbox, Dropdown, EvaluationStar, Heading, Icon, IconButton, Loading, Modal, NotificationInline, PaginationSelect, Radio, Search, Select, SelectSort, Tab, TabItem, Table, TableCell, TableRow, Tag, Toast, ToastProvider, Toggle, Tooltip, useToast };
+export { Avatar, Breadcrumb, Button, Checkbox, Dropdown, EvaluationStar, Heading, Icon, IconButton, Loading, Modal, NotificationInline, PaginationSelect, Radio, Search, Select, SelectSort, Tab, TabItem, Table, TableCell, TableRow, Tag, TextInput, Toast, ToastProvider, Toggle, Tooltip, useToast };
 //# sourceMappingURL=index.esm.js.map