@nextui-org/react 1.0.2-alpha.2 → 1.0.2-beta.4

package/cjs/theme/stitches.config.js

@@ -1,88 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.theme = exports.styled = exports.sharedVisuallyHidden = exports.sharedFocus = exports.keyframes = exports.globalCss = exports.getStitchesTheme = exports.getCssText = exports.css = exports.createThemeBase = exports.createTheme = exports.config = void 0;
-
-var _react = require("@stitches/react");
-
-var _common = _interopRequireDefault(require("./common"));
-
-var _lightTheme = _interopRequireDefault(require("./light-theme"));
-
-var _darkTheme = _interopRequireDefault(require("./dark-theme"));
-
-var _deepMerge = _interopRequireDefault(require("../utils/deep-merge"));
-
-const getStitchesTheme = targetTheme => {
-  return (0, _deepMerge.default)(targetTheme, _common.default.theme);
-};
-
-exports.getStitchesTheme = getStitchesTheme;
-const {
-  styled,
-  css,
-  theme,
-  createTheme: createThemeBase,
-  getCssText,
-  globalCss,
-  keyframes,
-  config
-} = (0, _react.createStitches)({ ..._common.default,
-  theme: { ..._common.default.theme,
-    shadows: { ..._lightTheme.default.shadows
-    },
-    colors: { ..._common.default.theme.colors,
-      ..._lightTheme.default.colors
-    }
-  }
-});
-exports.config = config;
-exports.keyframes = keyframes;
-exports.globalCss = globalCss;
-exports.getCssText = getCssText;
-exports.createThemeBase = createThemeBase;
-exports.theme = theme;
-exports.css = css;
-exports.styled = styled;
-const sharedFocus = css({
-  WebkitTapHighlightColor: 'transparent',
-  '&:focus:not(&:focus-visible)': {
-    boxShadow: 'none'
-  },
-  '&:focus': {
-    outline: 'none',
-    boxShadow: '0 0 0 2px $colors$background, 0 0 0 4px $colors$primary'
-  },
-  '@safari': {
-    WebkitTapHighlightColor: 'transparent',
-    outline: 'none'
-  }
-});
-exports.sharedFocus = sharedFocus;
-const sharedVisuallyHidden = css({
-  border: '0px',
-  clip: 'rect(0px, 0px, 0px, 0px)',
-  height: '1px',
-  width: '1px',
-  margin: '-1px',
-  padding: '0px',
-  overflow: 'hidden',
-  whiteSpace: 'nowrap',
-  position: 'absolute'
-});
-exports.sharedVisuallyHidden = sharedVisuallyHidden;
-
-const createTheme = ({
-  type,
-  theme
-}) => {
-  if (!type) {
-    throw new Error('Theme type is required');
-  }
-
-  return createThemeBase(`${type}-theme`, (0, _deepMerge.default)(type === 'dark' ? _darkTheme.default : _lightTheme.default, theme));
-};
-
-exports.createTheme = createTheme;
+var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.theme=exports.styled=exports.sharedVisuallyHidden=exports.sharedFocus=exports.keyframes=exports.globalCss=exports.getStitchesTheme=exports.getCssText=exports.cssFocusVisible=exports.css=exports.createThemeBase=exports.createTheme=exports.config=void 0;var t=require("@stitches/react"),s=e(require("./common")),o=e(require("./light-theme")),r=e(require("./dark-theme")),a=e(require("../utils/deep-merge"));exports.getStitchesTheme=e=>(0,a.default)(e,s.default.theme);const i=(0,t.createStitches)({...s.default,theme:{...s.default.theme,shadows:{...o.default.shadows},colors:{...s.default.theme.colors,...o.default.colors}}}),p=i.createTheme;exports.createThemeBase=p;const c=i.styled;exports.styled=c;const l=i.css;exports.css=l;const n=i.globalCss;exports.globalCss=n;const x=i.keyframes;exports.keyframes=x;const h=i.getCssText;exports.getCssText=h;const d=i.theme;exports.theme=d;const u=i.config;exports.config=u;const m=l({WebkitTapHighlightColor:"transparent","&:focus:not(&:focus-visible)":{boxShadow:"none"},"&:focus":{outline:"none",boxShadow:"0 0 0 2px $colors$background, 0 0 0 4px $colors$primary"},"@safari":{WebkitTapHighlightColor:"transparent",outline:"none"}});exports.sharedFocus=m;const f=l({variants:{isFocusVisible:{true:{outline:"none",boxShadow:"0 0 0 2px $colors$background, 0 0 0 4px $colors$primary !important"}}}});exports.cssFocusVisible=f;const g=l({border:"0px",clip:"rect(0px, 0px, 0px, 0px)",height:"1px",width:"1px",margin:"-1px",padding:"0px",overflow:"hidden",whiteSpace:"nowrap",position:"absolute"});exports.sharedVisuallyHidden=g;exports.createTheme=({type:e,theme:t,className:s})=>{if(!e)throw new Error("Theme type is required");return p(s||`${e}-theme`,(0,a.default)("dark"===e?r.default:o.default,t))};

package/cjs/theme/theme-context.js

@@ -1,22 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.defaultContext = exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _stitches = require("./stitches.config");
-
-const defaultContext = {
-  isDark: false,
-  theme: _stitches.theme,
-  type: 'light'
-};
-exports.defaultContext = defaultContext;
-
-const ThemeContext = /*#__PURE__*/_react.default.createContext(defaultContext);
-
-var _default = ThemeContext;
-exports.default = _default;
+var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.defaultContext=exports.default=void 0;var t=e(require("react"));const r={isDark:!1,theme:require("./stitches.config").theme,type:"light"};exports.defaultContext=r;var a=t.default.createContext(r);exports.default=a;

package/cjs/theme/theme-provider.js

@@ -1,115 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _cssBaseline = _interopRequireDefault(require("../css-baseline"));
-
-var _themeContext = _interopRequireWildcard(require("./theme-context"));
-
-var _withDefaults = _interopRequireDefault(require("../utils/with-defaults"));
-
-var _deepMerge = _interopRequireDefault(require("../utils/deep-merge"));
-
-var _object = require("../utils/object");
-
-var _ssrProvider = require("./ssr-provider");
-
-var _utils = require("./utils");
-
-var _useSsr = _interopRequireDefault(require("../use-ssr"));
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-const defaultProps = {
-  disableBaseline: false
-};
-
-const ThemeProvider = ({
-  theme: userTheme,
-  disableBaseline,
-  children
-}) => {
-  const {
-    isBrowser
-  } = (0, _useSsr.default)();
-  const [currentTheme, setCurrentTheme] = (0, _react.useState)(_themeContext.defaultContext.type);
-
-  const changeCurrentTheme = type => {
-    setCurrentTheme(ct => ct !== type ? type : ct);
-  };
-
-  const changeTypeBaseEl = el => {
-    const themeValue = (0, _utils.getDocumentTheme)(el);
-    themeValue && changeCurrentTheme(themeValue);
-  };
-
-  const providerValue = (0, _react.useMemo)(() => {
-    const themeTokens = isBrowser ? (0, _utils.getDocumentCSSTokens)() : {};
-    const theme = (0, _deepMerge.default)((0, _object.copyObject)(_themeContext.defaultContext.theme), themeTokens);
-    const themeName = (0, _utils.getThemeName)(currentTheme);
-    return {
-      theme,
-      type: themeName,
-      isDark: themeName === 'dark'
-    };
-  }, [currentTheme, isBrowser]);
-  (0, _react.useEffect)(() => {
-    var _document, _document4, _document5;
-
-    // initial set
-    changeTypeBaseEl((_document = document) == null ? void 0 : _document.documentElement);
-    const observer = new MutationObserver(mutation => {
-      var _mutation$;
-
-      if (mutation && mutation.length > 0 && ((_mutation$ = mutation[0]) == null ? void 0 : _mutation$.target.nodeName) === 'BODY') {
-        var _document2, _document2$body, _document2$body$datas;
-
-        const documentTheme = (_document2 = document) == null ? void 0 : (_document2$body = _document2.body) == null ? void 0 : (_document2$body$datas = _document2$body.dataset) == null ? void 0 : _document2$body$datas.theme;
-        documentTheme && changeCurrentTheme(documentTheme);
-      } else {
-        var _document3;
-
-        changeTypeBaseEl((_document3 = document) == null ? void 0 : _document3.documentElement);
-      }
-    });
-    observer.observe((_document4 = document) == null ? void 0 : _document4.documentElement, {
-      attributes: true,
-      attributeFilter: ['data-theme', 'style']
-    });
-    observer.observe((_document5 = document) == null ? void 0 : _document5.body, {
-      attributes: true,
-      attributeFilter: ['data-theme', 'style']
-    });
-    return () => observer.disconnect();
-  }, []);
-  (0, _react.useEffect)(() => {
-    if (!isBrowser || !userTheme) {
-      return;
-    }
-
-    if (userTheme != null && userTheme.className) {
-      (0, _utils.changeTheme)(userTheme.className);
-      changeCurrentTheme((0, _utils.getThemeName)(userTheme.className));
-    }
-  }, [isBrowser, userTheme]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ssrProvider.SsrProvider, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_themeContext.default.Provider, {
-      value: providerValue,
-      children: [!disableBaseline && /*#__PURE__*/(0, _jsxRuntime.jsx)(_cssBaseline.default, {}), children]
-    })
-  });
-};
-
-var _default = (0, _withDefaults.default)(ThemeProvider, defaultProps);
-
-exports.default = _default;
-module.exports = exports.default;
+var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var t=f(require("react")),r=require("@react-aria/ssr"),u=e(require("../css-baseline")),n=f(require("./theme-context")),a=e(require("../utils/with-defaults")),l=e(require("../utils/deep-merge")),o=require("../utils/object"),s=require("./utils"),i=e(require("../use-ssr")),d=require("react/jsx-runtime");function c(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(c=function(e){return e?r:t})(e)}function f(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=c(t);if(r&&r.has(e))return r.get(e);var u={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var l=n?Object.getOwnPropertyDescriptor(e,a):null;l&&(l.get||l.set)?Object.defineProperty(u,a,l):u[a]=e[a]}return u.default=e,r&&r.set(e,u),u}var m=(0,a.default)((({theme:e,disableBaseline:a,children:c})=>{const{isBrowser:f}=(0,i.default)(),[m,p]=(0,t.useState)(n.defaultContext.type),v=e=>{p((t=>t!==e?e:t))},b=e=>{const t=(0,s.getDocumentTheme)(e);t&&v(t)},h=(0,t.useMemo)((()=>{const e=f?(0,s.getDocumentCSSTokens)():{},t=(0,l.default)((0,o.copyObject)(n.defaultContext.theme),e),r=(0,s.getThemeName)(m);return{theme:t,type:r,isDark:"dark"===r}}),[m,f]);return(0,t.useEffect)((()=>{var e,t,r;b(null==(e=document)?void 0:e.documentElement);const u=new MutationObserver((e=>{var t;if(e&&e.length>0&&"BODY"===(null==(t=e[0])?void 0:t.target.nodeName)){var r,u,n;const e=null==(r=document)||null==(u=r.body)||null==(n=u.dataset)?void 0:n.theme;e&&v(e)}else{var a;b(null==(a=document)?void 0:a.documentElement)}}));return u.observe(null==(t=document)?void 0:t.documentElement,{attributes:!0,attributeFilter:["data-theme","style"]}),u.observe(null==(r=document)?void 0:r.body,{attributes:!0,attributeFilter:["data-theme","style"]}),()=>u.disconnect()}),[]),(0,t.useEffect)((()=>{f&&e&&null!=e&&e.className&&((0,s.changeTheme)(e.className),v((0,s.getThemeName)(e.className)))}),[f,e]),(0,d.jsx)(n.default.Provider,{value:h,children:(0,d.jsxs)(r.SSRProvider,{children:[!a&&(0,d.jsx)(u.default,{}),c]})})}),{disableBaseline:!1});exports.default=m,module.exports=exports.default;

package/cjs/theme/types.js

@@ -1,3 +1 @@
-"use strict";
-
-exports.__esModule = true;
+exports.__esModule=!0;

package/cjs/theme/utils.js

@@ -1,113 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.getTokenValue = exports.getThemeName = exports.getDocumentTheme = exports.getDocumentCSSTokens = exports.changeTheme = void 0;
-
-var _common = _interopRequireDefault(require("./common"));
-
-var _lightTheme = _interopRequireDefault(require("./light-theme"));
-
-var _clsx = _interopRequireDefault(require("../utils/clsx"));
-
-const getTokenValue = (token, tokenName) => {
-  if (!document || !token) return '';
-  let docStyle = getComputedStyle(document.documentElement);
-  const tokenKey = `--${_common.default.prefix}-${token}-${tokenName}`;
-  const tokenValue = docStyle.getPropertyValue(tokenKey);
-
-  if (tokenValue && tokenValue.includes('var')) {
-    getTokenValue(token, tokenValue);
-  }
-
-  return tokenValue;
-};
-
-exports.getTokenValue = getTokenValue;
-
-const getDocumentCSSTokens = () => {
-  const colorKeys = [...Object.keys(_common.default.theme.colors), ...Object.keys(_lightTheme.default.colors)];
-  const shadowKeys = Object.keys(_lightTheme.default.shadows);
-  /**
-   * accents1: {
-   *    prefix: "nextui"
-   *    scale: "colors"
-   *    token: "accents1"
-   *    value: "var(--nextui-colors-gray100)"
-   * }
-   */
-
-  const colorTokens = colorKeys.reduce((acc, crr) => {
-    const color = getTokenValue('colors', crr);
-
-    if (color) {
-      acc[crr] = {
-        prefix: _common.default.prefix,
-        scale: 'colors',
-        token: crr,
-        value: color
-      };
-    }
-
-    return acc;
-  }, {});
-  const shadowTokens = shadowKeys.reduce((acc, crr) => {
-    const shadow = getTokenValue('shadows', crr);
-
-    if (shadow) {
-      acc[crr] = {
-        prefix: _common.default.prefix,
-        scale: 'shadows',
-        token: crr,
-        value: shadow
-      };
-    }
-
-    return acc;
-  }, {});
-  return {
-    colors: colorTokens,
-    shadows: shadowTokens
-  };
-};
-/**
- * Returns active theme according to the given document
- */
-
-
-exports.getDocumentCSSTokens = getDocumentCSSTokens;
-
-const getDocumentTheme = el => {
-  var _el$getAttribute;
-
-  const styleAttrValues = (el == null ? void 0 : (_el$getAttribute = el.getAttribute('style')) == null ? void 0 : _el$getAttribute.split(';').map(el => el.trim()).filter(el => el.includes('color-scheme'))) || [];
-  const colorScheme = styleAttrValues.length > 0 ? styleAttrValues[0].replace('color-scheme: ', '').replace(';', '') : '';
-  const documentTheme = el == null ? void 0 : el.getAttribute('data-theme');
-  return documentTheme || colorScheme;
-};
-
-exports.getDocumentTheme = getDocumentTheme;
-
-const getThemeName = theme => {
-  if (typeof theme === 'string') {
-    return theme != null && theme.includes('-theme') ? theme == null ? void 0 : theme.replace('-theme', '') : theme;
-  }
-
-  return theme;
-};
-
-exports.getThemeName = getThemeName;
-
-const changeTheme = theme => {
-  var _el$getAttribute2, _el$getAttribute3;
-
-  if (!document) return;
-  const el = document.documentElement;
-  const prevClasses = (el == null ? void 0 : (_el$getAttribute2 = el.getAttribute('class')) == null ? void 0 : _el$getAttribute2.split(' ').filter(cls => !cls.includes('theme') && !cls.includes('light') && !cls.includes('dark'))) || [];
-  const prevStyles = (el == null ? void 0 : (_el$getAttribute3 = el.getAttribute('style')) == null ? void 0 : _el$getAttribute3.split(';').filter(stl => !stl.includes('color-scheme')).map(el => `${el};`)) || [];
-  el == null ? void 0 : el.setAttribute('class', (0, _clsx.default)(prevClasses, `${getThemeName(theme)}-theme`));
-  el == null ? void 0 : el.setAttribute('style', (0, _clsx.default)(prevStyles, `color-scheme: ${theme};`));
-};
-
-exports.changeTheme = changeTheme;
+var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.getTokenValue=exports.getThemeName=exports.getDocumentTheme=exports.getDocumentCSSTokens=exports.changeTheme=void 0;var t=e(require("./common")),l=e(require("./light-theme")),r=e(require("../utils/clsx"));const o=(e,l)=>{if(!document||!e)return"";let r=getComputedStyle(document.documentElement);const s=`--${t.default.prefix}-${e}-${l}`,u=r.getPropertyValue(s);return u&&u.includes("var")&&o(e,u),u};exports.getTokenValue=o;exports.getDocumentCSSTokens=()=>{const e=[...Object.keys(t.default.theme.colors),...Object.keys(l.default.colors)],r=Object.keys(l.default.shadows);return{colors:e.reduce(((e,l)=>{const r=o("colors",l);return r&&(e[l]={prefix:t.default.prefix,scale:"colors",token:l,value:r}),e}),{}),shadows:r.reduce(((e,l)=>{const r=o("shadows",l);return r&&(e[l]={prefix:t.default.prefix,scale:"shadows",token:l,value:r}),e}),{})}};exports.getDocumentTheme=e=>{var t;const l=(null==e||null==(t=e.getAttribute("style"))?void 0:t.split(";").map((e=>e.trim())).filter((e=>e.includes("color-scheme"))))||[],r=l.length>0?l[0].replace("color-scheme: ","").replace(";",""):"";return(null==e?void 0:e.getAttribute("data-theme"))||r};const s=e=>"string"==typeof e&&null!=e&&e.includes("-theme")?null==e?void 0:e.replace("-theme",""):e;exports.getThemeName=s;exports.changeTheme=e=>{var t,l;if(!document)return;const o=document.documentElement,u=(null==o||null==(t=o.getAttribute("class"))?void 0:t.split(" ").filter((e=>!e.includes("theme")&&!e.includes("light")&&!e.includes("dark"))))||[],n=(null==o||null==(l=o.getAttribute("style"))?void 0:l.split(";").filter((e=>!e.includes("color-scheme"))).map((e=>`${e};`)))||[];null==o||o.setAttribute("class",(0,r.default)(u,`${s(e)}-theme`)),null==o||o.setAttribute("style",(0,r.default)(n,`color-scheme: ${e};`))};

package/cjs/tooltip/index.js

@@ -1,17 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = exports.StyledTooltipTrigger = exports.StyledTooltipContent = exports.StyledTooltipArrow = exports.StyledTooltip = void 0;
-
-var _tooltip = _interopRequireDefault(require("./tooltip"));
-
-var _tooltip2 = require("./tooltip.styles");
-
-exports.StyledTooltipTrigger = _tooltip2.StyledTooltipTrigger;
-exports.StyledTooltipArrow = _tooltip2.StyledTooltipArrow;
-exports.StyledTooltipContent = _tooltip2.StyledTooltipContent;
-exports.StyledTooltip = _tooltip2.StyledTooltip;
-var _default = _tooltip.default;
-exports.default = _default;
+var t=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=exports.StyledTooltipTrigger=exports.StyledTooltipContent=exports.StyledTooltipArrow=exports.StyledTooltip=void 0;var e=t(require("./tooltip")),o=require("./tooltip.styles");exports.StyledTooltipTrigger=o.StyledTooltipTrigger,exports.StyledTooltipArrow=o.StyledTooltipArrow,exports.StyledTooltipContent=o.StyledTooltipContent,exports.StyledTooltip=o.StyledTooltip;var r=e.default;exports.default=r;

package/cjs/tooltip/placement.js

@@ -1,193 +1 @@
-"use strict";
-
-exports.__esModule = true;
-exports.getRect = exports.getPlacement = exports.getIconPlacement = exports.defaultTooltipPlacement = void 0;
-const defaultRect = {
-  top: -1000,
-  left: -1000,
-  right: -1000,
-  bottom: -1000,
-  width: 0,
-  height: 0
-};
-
-const getRect = ref => {
-  if (!ref || !ref.current) return defaultRect;
-  const rect = ref.current.getBoundingClientRect();
-  return { ...rect,
-    width: rect.width || rect.right - rect.left,
-    height: rect.height || rect.bottom - rect.top,
-    top: rect.top + document.documentElement.scrollTop,
-    bottom: rect.bottom + document.documentElement.scrollTop,
-    left: rect.left + document.documentElement.scrollLeft,
-    right: rect.right + document.documentElement.scrollLeft
-  };
-};
-
-exports.getRect = getRect;
-const defaultTooltipPlacement = {
-  top: '-1000px',
-  left: '-1000px',
-  transform: 'none'
-};
-exports.defaultTooltipPlacement = defaultTooltipPlacement;
-
-const getPlacement = (placement, rect, offset) => {
-  const placements = {
-    top: {
-      top: `${rect.top - offset}px`,
-      left: `${rect.left + rect.width / 2}px`,
-      transform: 'translate(-50%, -100%)'
-    },
-    topStart: {
-      top: `${rect.top - offset}px`,
-      left: `${rect.left}px`,
-      transform: 'translate(0, -100%)'
-    },
-    topEnd: {
-      top: `${rect.top - offset}px`,
-      left: `${rect.left + rect.width}px`,
-      transform: 'translate(-100%, -100%)'
-    },
-    bottom: {
-      top: `${rect.bottom + offset}px`,
-      left: `${rect.left + rect.width / 2}px`,
-      transform: 'translate(-50%, 0)'
-    },
-    bottomStart: {
-      top: `${rect.bottom + offset}px`,
-      left: `${rect.left}px`,
-      transform: 'translate(0, 0)'
-    },
-    bottomEnd: {
-      top: `${rect.bottom + offset}px`,
-      left: `${rect.left + rect.width}px`,
-      transform: 'translate(-100%, 0)'
-    },
-    left: {
-      top: `${rect.top + rect.height / 2}px`,
-      left: `${rect.left - offset}px`,
-      transform: 'translate(-100%, -50%)'
-    },
-    leftStart: {
-      top: `${rect.top}px`,
-      left: `${rect.left - offset}px`,
-      transform: 'translate(-100%, 0)'
-    },
-    leftEnd: {
-      top: `${rect.top + rect.height}px`,
-      left: `${rect.left - offset}px`,
-      transform: 'translate(-100%, -100%)'
-    },
-    right: {
-      top: `${rect.top + rect.height / 2}px`,
-      left: `${rect.right + offset}px`,
-      transform: 'translate(0, -50%)'
-    },
-    rightStart: {
-      top: `${rect.top}px`,
-      left: `${rect.right + offset}px`,
-      transform: 'translate(0, 0)'
-    },
-    rightEnd: {
-      top: `${rect.top + rect.height}px`,
-      left: `${rect.right + offset}px`,
-      transform: 'translate(0, -100%)'
-    }
-  };
-  return placements[placement] || placements.top;
-};
-
-exports.getPlacement = getPlacement;
-
-const getIconPlacement = (placement, offset) => {
-  const placements = {
-    top: {
-      top: 'auto',
-      right: 'auto',
-      left: '50%',
-      bottom: '0px',
-      transform: 'translate(-50%, 100%) rotate(45deg)'
-    },
-    topStart: {
-      top: 'auto',
-      right: 'auto',
-      left: '8%',
-      bottom: '0px',
-      transform: 'translate(8%, 100%) rotate(45deg)'
-    },
-    topEnd: {
-      top: 'auto',
-      right: '8%',
-      left: 'auto',
-      bottom: '0px',
-      transform: 'translate(8%, 100%) rotate(45deg)'
-    },
-    bottom: {
-      top: `0px`,
-      right: 'auto',
-      left: '50%',
-      bottom: 'auto',
-      transform: 'translate(-50%, -100%) rotate(225deg)'
-    },
-    bottomStart: {
-      top: `0px`,
-      right: 'auto',
-      left: '8%',
-      bottom: 'auto',
-      transform: 'translate(8%, -100%) rotate(225deg)'
-    },
-    bottomEnd: {
-      top: `0px`,
-      right: '8%',
-      left: 'auto',
-      bottom: 'auto',
-      transform: 'translate(8%, -100%) rotate(225deg)'
-    },
-    left: {
-      top: '50%',
-      right: `-${offset - 1}px`,
-      left: 'auto',
-      bottom: 'auto',
-      transform: 'translate(100%, -50%) rotate(-45deg)'
-    },
-    leftStart: {
-      top: 'calc(15% + 1px)',
-      right: `-${offset - 1}px`,
-      left: 'auto',
-      bottom: 'auto',
-      transform: 'translate(100%, 0) rotate(-45deg)'
-    },
-    leftEnd: {
-      top: 'auto',
-      right: `-${offset - 1}px`,
-      left: 'auto',
-      bottom: 'calc(15% + 1px)',
-      transform: 'translate(100%, 0) rotate(-45deg)'
-    },
-    right: {
-      top: '50%',
-      right: 'auto',
-      left: `-${offset - 1}px`,
-      bottom: 'auto',
-      transform: 'translate(-100%, -50%) rotate(135deg)'
-    },
-    rightStart: {
-      top: 'calc(15% + 1px)',
-      right: 'auto',
-      left: `-${offset - 1}px`,
-      bottom: 'auto',
-      transform: 'translate(-100%, 0) rotate(135deg)'
-    },
-    rightEnd: {
-      top: 'auto',
-      right: 'auto',
-      left: `-${offset - 1}px`,
-      bottom: 'calc(15% + 1px)',
-      transform: 'translate(-100%, 0) rotate(135deg)'
-    }
-  };
-  return placements[placement] || placements.top;
-};
-
-exports.getIconPlacement = getIconPlacement;
+exports.__esModule=!0,exports.getRect=exports.getPlacement=exports.getIconPlacement=exports.defaultTooltipPlacement=void 0;const t={top:-1e3,left:-1e3,right:-1e3,bottom:-1e3,width:0,height:0};exports.getRect=o=>{if(!o||!o.current)return t;const e=o.current.getBoundingClientRect();return{...e,width:e.width||e.right-e.left,height:e.height||e.bottom-e.top,top:e.top+document.documentElement.scrollTop,bottom:e.bottom+document.documentElement.scrollTop,left:e.left+document.documentElement.scrollLeft,right:e.right+document.documentElement.scrollLeft}};exports.defaultTooltipPlacement={top:"-1000px",left:"-1000px",transform:"none"};exports.getPlacement=(t,o,e)=>{const r={top:{top:o.top-e+"px",left:`${o.left+o.width/2}px`,transform:"translate(-50%, -100%)"},topStart:{top:o.top-e+"px",left:`${o.left}px`,transform:"translate(0, -100%)"},topEnd:{top:o.top-e+"px",left:`${o.left+o.width}px`,transform:"translate(-100%, -100%)"},bottom:{top:`${o.bottom+e}px`,left:`${o.left+o.width/2}px`,transform:"translate(-50%, 0)"},bottomStart:{top:`${o.bottom+e}px`,left:`${o.left}px`,transform:"translate(0, 0)"},bottomEnd:{top:`${o.bottom+e}px`,left:`${o.left+o.width}px`,transform:"translate(-100%, 0)"},left:{top:`${o.top+o.height/2}px`,left:o.left-e+"px",transform:"translate(-100%, -50%)"},leftStart:{top:`${o.top}px`,left:o.left-e+"px",transform:"translate(-100%, 0)"},leftEnd:{top:`${o.top+o.height}px`,left:o.left-e+"px",transform:"translate(-100%, -100%)"},right:{top:`${o.top+o.height/2}px`,left:`${o.right+e}px`,transform:"translate(0, -50%)"},rightStart:{top:`${o.top}px`,left:`${o.right+e}px`,transform:"translate(0, 0)"},rightEnd:{top:`${o.top+o.height}px`,left:`${o.right+e}px`,transform:"translate(0, -100%)"}};return r[t]||r.top};exports.getIconPlacement=(t,o)=>{const e={top:{top:"auto",right:"auto",left:"50%",bottom:"0px",transform:"translate(-50%, 100%) rotate(45deg)"},topStart:{top:"auto",right:"auto",left:"8%",bottom:"0px",transform:"translate(8%, 100%) rotate(45deg)"},topEnd:{top:"auto",right:"8%",left:"auto",bottom:"0px",transform:"translate(8%, 100%) rotate(45deg)"},bottom:{top:"0px",right:"auto",left:"50%",bottom:"auto",transform:"translate(-50%, -100%) rotate(225deg)"},bottomStart:{top:"0px",right:"auto",left:"8%",bottom:"auto",transform:"translate(8%, -100%) rotate(225deg)"},bottomEnd:{top:"0px",right:"8%",left:"auto",bottom:"auto",transform:"translate(8%, -100%) rotate(225deg)"},left:{top:"50%",right:`-${o-1}px`,left:"auto",bottom:"auto",transform:"translate(100%, -50%) rotate(-45deg)"},leftStart:{top:"calc(15% + 1px)",right:`-${o-1}px`,left:"auto",bottom:"auto",transform:"translate(100%, 0) rotate(-45deg)"},leftEnd:{top:"auto",right:`-${o-1}px`,left:"auto",bottom:"calc(15% + 1px)",transform:"translate(100%, 0) rotate(-45deg)"},right:{top:"50%",right:"auto",left:`-${o-1}px`,bottom:"auto",transform:"translate(-100%, -50%) rotate(135deg)"},rightStart:{top:"calc(15% + 1px)",right:"auto",left:`-${o-1}px`,bottom:"auto",transform:"translate(-100%, 0) rotate(135deg)"},rightEnd:{top:"auto",right:"auto",left:`-${o-1}px`,bottom:"calc(15% + 1px)",transform:"translate(-100%, 0) rotate(135deg)"}};return e[t]||e.top};