@algolia/satellite 1.0.0-beta.164 → 1.0.0-beta.165

package/cjs/Tooltip/Tooltip.tailwind.js

@@ -9,8 +9,6 @@ var tooltipPlugin = plugin(function (_ref) {
   var tooltipDarkBackground = theme("colors.grey.900");
   /** @type {string} */
   var tooltipLightBackground = theme("colors.white");
-  var animationDuration = "100ms";
-  var animationEasing = "cubic-bezier(.17,.61,.4,.95)";
   addComponents({
     ".tooltip": {
       padding: "".concat(theme("spacing.1"), " ").concat(theme("spacing.2")),
@@ -39,99 +37,11 @@ var tooltipPlugin = plugin(function (_ref) {
     }
   });
   addComponents({
-    /* eslint-disable @algolia/satellite/prefer-stl-helper */
-    "@keyframes stl-tooltip-slide-down-and-fade": {
-      from: {
-        opacity: "0",
-        transform: "translateY(-2px)"
-      },
-      to: {
-        opacity: "1",
-        transform: "translateY(0)"
-      }
-    },
-    "@keyframes stl-tooltip-slide-left-and-fade": {
-      from: {
-        opacity: "0",
-        transform: "translateX(2px)"
-      },
-      to: {
-        opacity: "1",
-        transform: "translateX(0)"
-      }
-    },
-    "@keyframes stl-tooltip-slide-up-and-fade": {
-      from: {
-        opacity: "0",
-        transform: "translateY(2px)"
-      },
-      to: {
-        opacity: "1",
-        transform: "translateY(0)"
-      }
-    },
-    "@keyframes stl-tooltip-slide-right-and-fade": {
-      from: {
-        opacity: "0",
-        transform: "translateX(-2px)"
-      },
-      to: {
-        opacity: "1",
-        transform: "translateX(0)"
-      }
-    },
-    "@keyframes stl-tooltip-fade-out": {
-      from: {
-        opacity: "1"
-      },
-      to: {
-        opacity: "0"
-      }
-    },
     ".tooltip-content": {
       zIndex: theme("zIndex.tooltip"),
       userSelect: "none",
-      maxWidth: theme("spacing.64"),
-      // Even if the user has enabled reduced motion or animate is `false`,
-      // we still need to keep this animation to handle the hide delay
-      '&[data-state="closed"]': {
-        animation: "stl-tooltip-fade-out 0ms linear var(--tooltip-hide-delay)"
-      },
-      "@media (prefers-reduced-motion: no-preference)": {
-        willChange: "transform, opacity",
-        '&[data-state="delayed-open"]': {
-          '&[data-side="top"]': {
-            animation: "stl-tooltip-slide-down-and-fade ".concat(animationDuration, " ").concat(animationEasing)
-          },
-          '&[data-side="right"]': {
-            animation: "stl-tooltip-slide-left-and-fade ".concat(animationDuration, " ").concat(animationEasing)
-          },
-          '&[data-side="left"]': {
-            animation: "stl-tooltip-slide-right-and-fade ".concat(animationDuration, " ").concat(animationEasing)
-          },
-          '&[data-side="bottom"]': {
-            animation: "stl-tooltip-slide-up-and-fade ".concat(animationDuration, " ").concat(animationEasing)
-          }
-        },
-        '&[data-state="closed"]': {
-          animation: "stl-tooltip-fade-out ".concat(animationDuration, " ").concat(animationEasing, " var(--tooltip-hide-delay)")
-        }
-      }
-    },
-    ".tooltip-arrow-dark": {
-      fill: tooltipDarkBackground
-    },
-    // Since Radix relies on a SVG for the arrow, we use the stroke property
-    // with a dash array/offset to create a border around the arrow.
-    ".tooltip-arrow-light": {
-      fill: tooltipLightBackground,
-      stroke: theme("colors.shadow.10"),
-      strokeWidth: "3px",
-      strokeDasharray: "36",
-      strokeDashoffset: "-30"
+      maxWidth: theme("spacing.64")
     }
-    /* eslint-enable @algolia/satellite/prefer-stl-helper */
   });
 });
-
 module.exports = tooltipPlugin;

package/cjs/Tooltip/TooltipWrapper.d.ts

@@ -2,12 +2,12 @@ import type { ReactNode, VFC } from "react";
 import type { TooltipWrapperBaseProps } from "./types";
 export interface TooltipWrapperProps extends TooltipWrapperBaseProps {
     /**
-     * Defines whether the tooltip should be displayed or not.
+     * Defines whether the `Tooltip` should be displayed or not.
      * @default undefined
      */
     show?: boolean;
     /**
-     * Defines the content of the tooltip.
+     * Defines the content of the `Tooltip`.
      */
     content: ReactNode;
 }

package/cjs/Tooltip/TooltipWrapper.js

@@ -16,9 +16,9 @@ var _isReactText = require("../utils/isReactText");
 var _Tooltip = _interopRequireDefault(require("./Tooltip"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3;
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
-var TooltipWrapper = function TooltipWrapper(_ref) {
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var TooltipWrapper = exports.TooltipWrapper = function TooltipWrapper(_ref) {
   var show = _ref.show,
     _ref$delay = _ref.delay,
     delay = _ref$delay === void 0 ? 250 : _ref$delay,
@@ -59,9 +59,9 @@ var TooltipWrapper = function TooltipWrapper(_ref) {
         asChild: !hasTextChildren,
         children: children
       }), createPortal( /*#__PURE__*/(0, _jsxRuntime.jsxs)(Tooltip.Content, {
-        className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["tooltip-content"]))), tooltipClassName),
+        className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["tooltip-content animate-slide"]))), tooltipClassName),
         style: {
-          "--tooltip-hide-delay": "".concat(hideDelay, "ms")
+          "--slide-hide-delay": "".concat(hideDelay, "ms")
         },
         side: side,
         sideOffset: (noArrow ? 8 : 4) + sideOffset,
@@ -74,10 +74,9 @@ var TooltipWrapper = function TooltipWrapper(_ref) {
         }), !noArrow && /*#__PURE__*/(0, _jsxRuntime.jsx)(Tooltip.Arrow, {
           width: 8,
           height: 4,
-          className: (0, _clsx["default"])(tooltipVariant === "light" ? (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["tooltip-arrow-light"]))) : (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["tooltip-arrow-dark"]))))
+          className: (0, _clsx["default"])(tooltipVariant === "light" ? (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["arrow-light"]))) : (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["arrow-dark"]))))
         })]
       }))]
     })
   });
-};
-exports.TooltipWrapper = TooltipWrapper;
+};

package/cjs/Tooltip/index.js

@@ -47,5 +47,5 @@ Object.keys(_OverflowTooltipWrapper).forEach(function (key) {
     }
   });
 });
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }

package/cjs/Tooltip/types.d.ts

@@ -3,61 +3,61 @@ import type { ReactElement, ReactText } from "react";
 import type { TooltipVariant } from "./Tooltip";
 export interface TooltipWrapperBaseProps {
     /**
-     * Defines how long you should hover the wrapped element before displaying the tooltip (in ms).
+     * Defines how long you should hover the wrapped element before displaying the `Tooltip` (in ms).
      * @default 250
      */
     delay?: number;
     /**
-     * Defines how long the tooltip should stay displayed when leaving the wrapped element (in ms).
+     * Defines how long the `Tooltip` should stay displayed when leaving the wrapped element (in ms).
      * @default 500
      */
     hideDelay?: number;
     /**
-     * Defines the side of the trigger element where the tooltip should be displayed.
+     * Defines the side of the trigger element where the `Tooltip` should be displayed.
      * Will be reversed when collisions occur and `avoidCollisions` is enabled.
-     * @default "bottom"
+     * @default bottom
      */
     side?: TooltipContentProps["side"];
     /**
-     * Defines the offset in pixels of the tooltip from the trigger element.
+     * Defines the offset in pixels of the `Tooltip` from the trigger element.
      * @default 0
      */
     sideOffset?: TooltipContentProps["sideOffset"];
     /**
-     * Defines the preferred alignment of the tooltip against the trigger element.
+     * Defines the preferred alignment of the `Tooltip` against the trigger element.
      * May change when collisions occur.
-     * @default "center"
+     * @default center
      */
     align?: TooltipContentProps["align"];
     /**
-     * Defines the offset in pixels of the tooltip along the trigger element.
+     * Defines the offset in pixels of the `Tooltip` along the trigger element.
      * It only works when the `align` option is set to "start" or "end".
      * @default 0
      */
     alignOffset?: TooltipContentProps["alignOffset"];
     /**
-     * Defines the variant of the tooltip.
-     * @default "dark"
+     * Defines the variant of the `Tooltip`.
+     * @default dark
      */
     tooltipVariant?: TooltipVariant;
     /**
-     * Defines the CSS class to be applied to the tooltip element.
+     * Defines the CSS class to be applied to the `Tooltip` element.
      */
     tooltipClassName?: string;
     /**
-     * Defines if the tooltip arrow should be hidden.
+     * Defines whether the `Tooltip` arrow should be hidden.
      * @default false
      */
     noArrow?: boolean;
     /**
-     * Defines whether the tooltip itself should be considered when computing the tooltip target.
-     * Useful when the tooltip itself contains selectable text or interactive elements, and thus
+     * Defines whether the `Tooltip` itself should be considered when computing the `Tooltip` target.
+     * Useful when the `Tooltip` itself contains selectable text or interactive elements, and thus
      * shouldn't be dismissed when the mouse hovers it.
      * @default true
      */
     interactive?: boolean;
     /**
-     * Defines whether the tooltip should avoid collisions with the viewport.
+     * Defines whether the `Tooltip` should avoid collisions with the viewport.
      * @default true
      */
     avoidCollisions?: boolean;

package/cjs/Tooltip/utils.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.isOverflowing = void 0;
-var isOverflowing = function isOverflowing(element) {
+var isOverflowing = exports.isOverflowing = function isOverflowing(element) {
   return element.scrollHeight > element.clientHeight || element.scrollWidth > element.clientWidth;
-};
-exports.isOverflowing = isOverflowing;
+};

package/cjs/Typography/Typography.tailwind.d.ts

@@ -1,5 +1,5 @@
 export = typographyPlugin;
 declare const typographyPlugin: {
     handler: import("tailwindcss/types/config").PluginCreator;
-    config?: Partial<import("tailwindcss").Config> | undefined;
+    config?: Partial<import("tailwindcss/types/config").Config> | undefined;
 };

package/cjs/Typography/Typography.tailwind.js

@@ -2,8 +2,8 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 // @ts-check
 var _require = require("lodash"),
   mapKeys = _require.mapKeys;

package/cjs/UserContent/UserContent.d.ts

@@ -1,6 +1,7 @@
 import type { VFC } from "react";
 export interface UserContentProps {
     styled?: boolean;
+    /** @ignore */
     className?: string;
     content?: string;
 }

package/cjs/UserContent/UserContent.js

@@ -10,7 +10,7 @@ var _clsx = _interopRequireDefault(require("clsx"));
 var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject;
-var UserContent = function UserContent(_ref) {
+var UserContent = exports.UserContent = function UserContent(_ref) {
   var className = _ref.className,
     content = _ref.content,
     _ref$styled = _ref.styled,
@@ -23,6 +23,4 @@ var UserContent = function UserContent(_ref) {
     }
   });
 };
-exports.UserContent = UserContent;
-var _default = UserContent;
-exports["default"] = _default;
+var _default = exports["default"] = UserContent;

package/cjs/UserContent/UserContent.tailwind.d.ts

@@ -1,5 +1,5 @@
 declare const _exports: {
     handler: import("tailwindcss/types/config").PluginCreator;
-    config?: Partial<import("tailwindcss").Config> | undefined;
+    config?: Partial<import("tailwindcss/types/config").Config> | undefined;
 };
 export = _exports;

package/cjs/UserContent/UserContent.tailwind.js

@@ -2,8 +2,8 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 // @ts-check
 var plugin = require("tailwindcss/plugin");
 var _require = require("../styles/helpers/icons"),

package/cjs/styles/base.tailwind.d.ts

@@ -1,5 +1,5 @@
 export = basePlugin;
 declare const basePlugin: {
     handler: import("tailwindcss/types/config").PluginCreator;
-    config?: Partial<import("tailwindcss").Config> | undefined;
+    config?: Partial<import("tailwindcss/types/config").Config> | undefined;
 };

package/cjs/styles/helpers/makePurgeCssExtractor.js

@@ -2,7 +2,7 @@
 
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 // @ts-check
 var prefixTailwindClassName = require("./prefixTailwindClassName");
 

package/cjs/styles/tailwind.config.js

@@ -2,8 +2,8 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 // @ts-check
 
 var colors = require("./colors");
@@ -142,5 +142,5 @@ module.exports = {
       }
     }
   },
-  plugins: [require("./base.tailwind"), require("../utilities/utilities.tailwind"), require("../Typography/Typography.tailwind"), require("../FlexGrid/FlexGrid.tailwind"), require("../AutoComplete/AutoComplete.tailwind"), require("../Button/Button.tailwind"), require("../Card/Card.tailwind"), require("../Checkbox/Checkbox.tailwind"), require("../EmptyState/EmptyState.tailwind"), require("../Flag/Flag.tailwind"), require("../HelpUnderline/HelpUnderline.tailwind"), require("../Input/Input.tailwind"), require("../InstantSearch/InstantSearch.tailwind"), require("../KeyboardKey/KeyboardKey.tailwind"), require("../Medallion/Medallion.tailwind"), require("../Modal/Modal.tailwind"), require("../ProgressBar/ProgressBar.tailwind"), require("../ProgressSpinner/ProgressSpinner.tailwind"), require("../RadioGroup/RadioButton.tailwind"), require("../ScrollIndicator/ScrollIndicator.tailwind"), require("../Select/Select.tailwind"), require("../Separator/Separator.tailwind"), require("../Switch/Switch.tailwind"), require("../Tabs/Tabs.tailwind"), require("../Tables/DataTable/DataTable.tailwind"), require("../Tables/Table/Table.tailwind"), require("../Tag/Tag.tailwind"), require("../TextArea/TextArea.tailwind"), require("../Toggle/Toggle.tailwind"), require("../Tooltip/Tooltip.tailwind"), require("../UserContent/UserContent.tailwind"), require("../DatePicker/DatePicker.tailwind")]
+  plugins: [require("./base.tailwind"), require("../utilities/overlay.tailwind"), require("../utilities/utilities.tailwind"), require("../Typography/Typography.tailwind"), require("../FlexGrid/FlexGrid.tailwind"), require("../AutoComplete/AutoComplete.tailwind"), require("../Button/Button.tailwind"), require("../Card/Card.tailwind"), require("../Checkbox/Checkbox.tailwind"), require("../EmptyState/EmptyState.tailwind"), require("../Flag/Flag.tailwind"), require("../HelpUnderline/HelpUnderline.tailwind"), require("../Input/Input.tailwind"), require("../InstantSearch/InstantSearch.tailwind"), require("../KeyboardKey/KeyboardKey.tailwind"), require("../Medallion/Medallion.tailwind"), require("../Modal/Modal.tailwind"), require("../ProgressBar/ProgressBar.tailwind"), require("../ProgressSpinner/ProgressSpinner.tailwind"), require("../RadioGroup/RadioButton.tailwind"), require("../ScrollIndicator/ScrollIndicator.tailwind"), require("../Select/Select.tailwind"), require("../Separator/Separator.tailwind"), require("../Switch/Switch.tailwind"), require("../Tabs/Tabs.tailwind"), require("../Tables/DataTable/DataTable.tailwind"), require("../Tables/Table/Table.tailwind"), require("../Tag/Tag.tailwind"), require("../TextArea/TextArea.tailwind"), require("../Toggle/Toggle.tailwind"), require("../Tooltip/Tooltip.tailwind"), require("../UserContent/UserContent.tailwind"), require("../DatePicker/DatePicker.tailwind")]
 };

package/cjs/styles/zIndexes.d.ts

@@ -2,6 +2,7 @@ export const sidebar: number;
 export const fullPageLayout: number;
 export const modalOverlay: number;
 export const modal: number;
+export const popover: number;
 export const dropdown: number;
 export const notification: number;
 export const tooltip: number;

package/cjs/styles/zIndexes.js

@@ -7,8 +7,9 @@ var zIndexes = {
   fullPageLayout: 250,
   modalOverlay: 300,
   modal: 400,
-  dropdown: 450,
-  notification: 500,
-  tooltip: 550
+  popover: 450,
+  dropdown: 500,
+  notification: 550,
+  tooltip: 600
 };
 module.exports = zIndexes;

package/cjs/types.d.ts

@@ -1,7 +1,6 @@
-import type { ComponentType } from "react";
-import type { IconProps as FeatherIconProps } from "react-feather";
+import type { Icon as FeatherIcon, IconProps as FeatherIconProps } from "react-feather";
 export declare type IconProps = FeatherIconProps;
-export declare type IconComponentType = ComponentType<IconProps>;
+export declare type IconComponentType = FeatherIcon;
 export declare type ColorVariant = "accent" | "grey" | "green" | "blue" | "orange" | "red";
 /**
  * Ensures at least one type is required

package/cjs/utilities/overlay.tailwind.d.ts

@@ -0,0 +1,5 @@
+declare const _exports: {
+    handler: import("tailwindcss/types/config").PluginCreator;
+    config?: Partial<import("tailwindcss/types/config").Config> | undefined;
+};
+export = _exports;

package/cjs/utilities/overlay.tailwind.js

@@ -0,0 +1,107 @@
+"use strict";
+
+// @ts-check
+var plugin = require("tailwindcss/plugin");
+module.exports = plugin(function (_ref) {
+  var addUtilities = _ref.addUtilities,
+    theme = _ref.theme;
+  /** @type {string} */
+  var lightBackground = theme("colors.white");
+  /** @type {string} */
+  var darkBackground = theme("colors.grey.900");
+  addUtilities({
+    // Since Radix relies on a SVG for the arrow, we use the stroke property
+    // with a dash array/offset to create a border around the arrow.
+    ".arrow-light": {
+      fill: lightBackground,
+      stroke: theme("colors.shadow.5"),
+      strokeWidth: "3px",
+      strokeDasharray: "36",
+      strokeDashoffset: "-30"
+    },
+    ".arrow-dark": {
+      fill: darkBackground
+    }
+  });
+  var animationDuration = "100ms";
+  var animationEasing = "cubic-bezier(.17,.61,.4,.95)";
+  addUtilities({
+    /* eslint-disable @algolia/satellite/prefer-stl-helper */
+    "@keyframes stl-slide-slide-down-and-fade": {
+      from: {
+        opacity: "0",
+        transform: "translateY(-2px)"
+      },
+      to: {
+        opacity: "1",
+        transform: "translateY(0)"
+      }
+    },
+    "@keyframes stl-slide-slide-left-and-fade": {
+      from: {
+        opacity: "0",
+        transform: "translateX(2px)"
+      },
+      to: {
+        opacity: "1",
+        transform: "translateX(0)"
+      }
+    },
+    "@keyframes stl-slide-slide-up-and-fade": {
+      from: {
+        opacity: "0",
+        transform: "translateY(2px)"
+      },
+      to: {
+        opacity: "1",
+        transform: "translateY(0)"
+      }
+    },
+    "@keyframes stl-slide-slide-right-and-fade": {
+      from: {
+        opacity: "0",
+        transform: "translateX(-2px)"
+      },
+      to: {
+        opacity: "1",
+        transform: "translateX(0)"
+      }
+    },
+    "@keyframes stl-slide-fade-out": {
+      from: {
+        opacity: "1"
+      },
+      to: {
+        opacity: "0"
+      }
+    },
+    ".animate-slide": {
+      // Even if the user has enabled reduced motion,
+      // we still need to keep this animation to handle the hide delay.
+      '&[data-state="closed"]': {
+        animation: "stl-slide-fade-out 0ms linear var(--slide-hide-delay, 0ms)"
+      },
+      "@media (prefers-reduced-motion: no-preference)": {
+        willChange: "transform, opacity",
+        '&[data-state="open"], &[data-state="delayed-open"]': {
+          '&[data-side="top"]': {
+            animation: "stl-slide-slide-down-and-fade ".concat(animationDuration, " ").concat(animationEasing)
+          },
+          '&[data-side="right"]': {
+            animation: "stl-slide-slide-left-and-fade ".concat(animationDuration, " ").concat(animationEasing)
+          },
+          '&[data-side="left"]': {
+            animation: "stl-slide-slide-right-and-fade ".concat(animationDuration, " ").concat(animationEasing)
+          },
+          '&[data-side="bottom"]': {
+            animation: "stl-slide-slide-up-and-fade ".concat(animationDuration, " ").concat(animationEasing)
+          }
+        },
+        '&[data-state="closed"]': {
+          animation: "stl-slide-fade-out ".concat(animationDuration, " ").concat(animationEasing, " var(--slide-hide-delay, 0ms)")
+        }
+      }
+    }
+    /* eslint-enable @algolia/satellite/prefer-stl-helper */
+  });
+});

package/cjs/utilities/utilities.tailwind.d.ts

@@ -1,5 +1,5 @@
 declare const _exports: {
     handler: import("tailwindcss/types/config").PluginCreator;
-    config?: Partial<import("tailwindcss").Config> | undefined;
+    config?: Partial<import("tailwindcss/types/config").Config> | undefined;
 };
 export = _exports;

package/cjs/utils/genericChangeHandler.js

@@ -23,5 +23,4 @@ function genericChangeHandler(ctx, updater) {
     return memo[key];
   };
 }
-var _default = genericChangeHandler;
-exports["default"] = _default;
+var _default = exports["default"] = genericChangeHandler;

package/cjs/utils/hashCode.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.hashCode = exports["default"] = void 0;
 // https://stackoverflow.com/questions/7616461/generate-a-hash-from-string-in-javascript?rq=1
-var hashCode = function hashCode(value) {
+var hashCode = exports.hashCode = function hashCode(value) {
   var hash = 0;
   if (value.length === 0) {
     return hash;
@@ -18,6 +18,4 @@ var hashCode = function hashCode(value) {
 
   return hash;
 };
-exports.hashCode = hashCode;
-var _default = hashCode;
-exports["default"] = _default;
+var _default = exports["default"] = hashCode;