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

package/cjs/Popover/Popover.js

@@ -0,0 +1,137 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Popover = exports.POPOVER_ARROW_TEST_ID = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var PopoverPrimitive = _interopRequireWildcard(require("@radix-ui/react-popover"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _react = require("react");
+var _reactFeather = require("react-feather");
+var _Button = require("../Button");
+var _Satellite = require("../Satellite");
+var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
+var _utils = require("../utils");
+var _jsxRuntime = require("react/jsx-runtime");
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
+var _excluded = ["children", "title", "subtitle", "content", "footer", "open", "onDismiss", "side", "sideOffset", "align", "alignOffset", "noArrow", "avoidCollisions", "autoFocusOnOpenElement", "locale"];
+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; }
+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; }
+var DEFAULT_POPOVER_LOCALE = {
+  dismissText: "Dismiss"
+};
+var POPOVER_ARROW_TEST_ID = exports.POPOVER_ARROW_TEST_ID = "arrow";
+var Popover = exports.Popover = function Popover(_ref) {
+  var children = _ref.children,
+    title = _ref.title,
+    subtitle = _ref.subtitle,
+    content = _ref.content,
+    footer = _ref.footer,
+    open = _ref.open,
+    onDismiss = _ref.onDismiss,
+    _ref$side = _ref.side,
+    side = _ref$side === void 0 ? "top" : _ref$side,
+    _ref$sideOffset = _ref.sideOffset,
+    sideOffset = _ref$sideOffset === void 0 ? 0 : _ref$sideOffset,
+    _ref$align = _ref.align,
+    align = _ref$align === void 0 ? "center" : _ref$align,
+    _ref$alignOffset = _ref.alignOffset,
+    alignOffset = _ref$alignOffset === void 0 ? 0 : _ref$alignOffset,
+    _ref$noArrow = _ref.noArrow,
+    noArrow = _ref$noArrow === void 0 ? false : _ref$noArrow,
+    _ref$avoidCollisions = _ref.avoidCollisions,
+    avoidCollisions = _ref$avoidCollisions === void 0 ? true : _ref$avoidCollisions,
+    autoFocusOnOpenElement = _ref.autoFocusOnOpenElement,
+    propsLocale = _ref.locale,
+    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  var contextLocale = (0, _Satellite.useLocale)("popover");
+  var locale = _objectSpread(_objectSpread(_objectSpread({}, DEFAULT_POPOVER_LOCALE), contextLocale), propsLocale);
+  var titleId = (0, _react.useMemo)(function () {
+    return (0, _utils.uniqueId)("popover-title-");
+  }, []);
+  var isControlled = typeof open !== "undefined";
+  var triggerRef = (0, _react.useRef)(null);
+  var createPortal = (0, _Satellite.useCreatePortal)();
+  if (children.type === _react.Fragment) {
+    throw new Error("Popover component doesn't accept a Fragment as a child.");
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(PopoverPrimitive.Root, {
+    open: open,
+    onOpenChange: function onOpenChange(open) {
+      if (!open) {
+        onDismiss === null || onDismiss === void 0 || onDismiss();
+      }
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(PopoverPrimitive.Trigger, {
+      ref: triggerRef,
+      asChild: true,
+      children: children
+    }), createPortal( /*#__PURE__*/(0, _jsxRuntime.jsxs)(PopoverPrimitive.Content, _objectSpread(_objectSpread({}, props), {}, {
+      "aria-labelledby": titleId,
+      className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["text-grey-900 bg-white z-popover shadow-z200 min-w-48 max-w-128 rounded typo-display-body animate-slide"]))), props.className),
+      side: side,
+      sideOffset: 8 + sideOffset,
+      align: align,
+      alignOffset: alignOffset,
+      avoidCollisions: avoidCollisions,
+      onOpenAutoFocus: function onOpenAutoFocus(e) {
+        if (autoFocusOnOpenElement === false) {
+          e.preventDefault();
+        } else if (autoFocusOnOpenElement instanceof HTMLElement) {
+          e.preventDefault();
+          autoFocusOnOpenElement.focus();
+        }
+      },
+      onInteractOutside: function onInteractOutside(e) {
+        var _triggerRef$current;
+        if (isControlled && (e.target === triggerRef.current || (_triggerRef$current = triggerRef.current) !== null && _triggerRef$current !== void 0 && _triggerRef$current.contains(e.target))) {
+          e.preventDefault();
+        }
+      },
+      onEscapeKeyDown: function onEscapeKeyDown(e) {
+        if (isControlled) {
+          e.preventDefault();
+          onDismiss === null || onDismiss === void 0 || onDismiss();
+        }
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["relative p-4 flex flex-col gap-2 overflow-auto min-h-20 max-h-[calc(var(--radix-popover-content-available-height)-theme(spacing.4))]"]))),
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          id: titleId,
+          className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["font-semibold pr-8"]))),
+          children: title
+        }), !!subtitle && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["display-caption typo-subdued"]))),
+          children: subtitle
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: (0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["typo-display-body"]))),
+          children: content
+        }), !!footer && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: (0, _satellitePrefixer["default"])(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["mt-2"]))),
+          children: footer
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(PopoverPrimitive.Close, {
+          className: (0, _satellitePrefixer["default"])(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["absolute top-2 right-2"]))),
+          asChild: true,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
+            icon: _reactFeather.X,
+            title: locale.dismissText,
+            variant: "subtle",
+            showTooltip: false
+          })
+        })]
+      }), !noArrow && /*#__PURE__*/(0, _jsxRuntime.jsx)(PopoverPrimitive.Arrow, {
+        width: 16,
+        height: 8,
+        className: (0, _satellitePrefixer["default"])(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["arrow-light"])))
+      })]
+    })))]
+  });
+};
+var _default = exports["default"] = Popover;

package/cjs/Popover/index.d.ts

@@ -0,0 +1,3 @@
+export { Popover } from "./Popover";
+export * from "./types";
+export { default } from "./Popover";

package/cjs/Popover/index.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  Popover: true
+};
+Object.defineProperty(exports, "Popover", {
+  enumerable: true,
+  get: function get() {
+    return _Popover.Popover;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _Popover["default"];
+  }
+});
+var _Popover = _interopRequireWildcard(require("./Popover"));
+var _types = require("./types");
+Object.keys(_types).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _types[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _types[key];
+    }
+  });
+});
+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/Popover/types.d.ts

@@ -0,0 +1,74 @@
+import type { PopoverContentProps } from "@radix-ui/react-popover";
+import type { HTMLAttributes, ReactElement, ReactNode } from "react";
+export declare type PopoverLocale = {
+    dismissText?: string;
+};
+export interface PopoverProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
+    /**
+     * Defines the trigger element of the `Popover`.
+     * It should be a button element.
+     */
+    children: ReactElement;
+    /**
+     * Defines the title of the `Popover`.
+     */
+    title: ReactNode;
+    /**
+     * Defines the subtitle of the `Popover`.
+     */
+    subtitle?: ReactNode;
+    /**
+     * Defines the content of the `Popover`.
+     */
+    content: ReactNode;
+    /**
+     * Defines the footer of the `Popover`.
+     */
+    footer?: ReactNode;
+    /**
+     * Defines whether the `Popover` should be opened or not.
+     */
+    open?: boolean;
+    /**
+     * Defines the event handler called when the `Popover` is dismissed.
+     */
+    onDismiss?: () => void;
+    /**
+     * Defines the side of the trigger element where the `Popover` should be displayed.
+     * Will be reversed when collisions occur and `avoidCollisions` is enabled.
+     * @default "top"
+     */
+    side?: PopoverContentProps["side"];
+    /**
+     * Defines the offset in pixels of the `Popover` from the trigger element.
+     */
+    sideOffset?: PopoverContentProps["sideOffset"];
+    /**
+     * Defines the preferred alignment of the `Popover` against the trigger element.
+     * May change when collisions occur.
+     */
+    align?: PopoverContentProps["align"];
+    /**
+     * Defines the offset in pixels of the `Popover` along the trigger element.
+     * It only works when the `align` option is set to "start" or "end".
+     */
+    alignOffset?: PopoverContentProps["alignOffset"];
+    /**
+     * Defines whether the `Popover` arrow should be hidden.
+     */
+    noArrow?: boolean;
+    /**
+     * Defines whether the `Popover` should avoid collisions with the viewport.
+     */
+    avoidCollisions?: boolean;
+    /**
+     * The element that should receive focus once the `Popover` is opened.
+     * If `undefined` or `null` is passed, the first focusable element will be focused.
+     * If `false`, no element will be focused.
+     */
+    autoFocusOnOpenElement?: HTMLElement | null | false;
+    /**
+     * Defines the locale of the `Popover`.
+     */
+    locale?: PopoverLocale;
+}

package/cjs/Popover/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/cjs/ProgressBar/ProgressBar.d.ts

@@ -1,13 +1,16 @@
 import { type HTMLAttributes } from "react";
 export interface ProgressBarProps extends HTMLAttributes<HTMLDivElement> {
-    barClassName?: string;
+    /** The current value of the progress bar. */
     value: number;
+    /** The maximum value of the progress bar. */
+    max?: number;
+    /** The className to apply to the bar element. */
+    barClassName?: string;
 }
 /**
- * Progress bars visually represent the completion of a task or operation.
+ * A progress bar visually indicates the completion status of a task, updating in real-time to guide users.
  *
- * - Progress bars show an indication of how much of the task has been completed and how much is still left.
- * - You should indicate either a percentage or other numeric values (such as - 234/4092 queries processed)
+ * See the [Progress Bar documentation page](https://satellite.algolia.com/components/feedback/progress-bar) for more information.
  */
 export declare const ProgressBar: import("react").ForwardRefExoticComponent<ProgressBarProps & import("react").RefAttributes<HTMLDivElement>>;
 export default ProgressBar;

package/cjs/ProgressBar/ProgressBar.js

@@ -1,6 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -8,43 +9,49 @@ exports["default"] = exports.ProgressBar = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var Progress = _interopRequireWildcard(require("@radix-ui/react-progress"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _react = require("react");
 var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
+var _clamp = require("../utils/clamp");
+var _prefersReducedMotion = require("../utils/prefersReducedMotion");
 var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject, _templateObject2;
-var _excluded = ["value", "className", "barClassName"];
-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; }
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var _excluded = ["value", "max", "className", "barClassName"];
+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; }
+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; }
 /**
- * Progress bars visually represent the completion of a task or operation.
+ * A progress bar visually indicates the completion status of a task, updating in real-time to guide users.
  *
- * - Progress bars show an indication of how much of the task has been completed and how much is still left.
- * - You should indicate either a percentage or other numeric values (such as - 234/4092 queries processed)
+ * See the [Progress Bar documentation page](https://satellite.algolia.com/components/feedback/progress-bar) for more information.
  */
-var ProgressBar = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+var ProgressBar = exports.ProgressBar = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var value = _ref.value,
+    _ref$max = _ref.max,
+    max = _ref$max === void 0 ? 100 : _ref$max,
     className = _ref.className,
     barClassName = _ref.barClassName,
     props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
-    ref: ref
-  }, props), {}, {
+  if (value < 0 || value > max) {
+    if (process.env.NODE_ENV !== "production") {
+      console.warn("ProgressBar: Invalid `value` of ".concat(value, ". The `value` prop must be between 0 and ").concat(max, " (`max` prop). The `value` has been clamped to the range of 0 to ").concat(max, "."));
+    }
+    value = (0, _clamp.clamp)(value, 0, max);
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Progress.Root, _objectSpread(_objectSpread({}, props), {}, {
+    ref: ref,
+    value: value,
+    max: max,
     className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["progress-bar"]))), className),
-    role: "progressbar",
-    "aria-valuenow": value,
-    "aria-valuemin": 0,
-    "aria-valuemax": 100,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["progress-bar-progress"]))), barClassName),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Progress.Indicator, {
+      className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["progress-bar-progress transition-transform ease-in-out origin-left"]))), _prefersReducedMotion.prefersReducedMotion ? (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["duration-150"]))) : (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["duration-500"]))), barClassName),
       style: {
-        width: "".concat(value, "%"),
-        transition: "all 150ms ease-in-out"
+        transform: "scaleX(".concat(value / max, ")")
       }
     })
   }));
 });
-exports.ProgressBar = ProgressBar;
 ProgressBar.displayName = "ProgressBar";
-var _default = ProgressBar;
-exports["default"] = _default;
+var _default = exports["default"] = ProgressBar;

package/cjs/ProgressBar/ProgressBar.tailwind.d.ts

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

package/cjs/ProgressBar/index.js

@@ -23,5 +23,5 @@ Object.keys(_ProgressBar).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/ProgressSpinner/ProgressSpinner.js

@@ -13,8 +13,8 @@ var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satel
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["className", "size", "thickness", "align"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-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; }
 var ALIGN_CLASSNAMES = {
   left: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["mr-auto"]))),
   center: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["m-auto"]))),
@@ -22,7 +22,7 @@ var ALIGN_CLASSNAMES = {
 };
 
 // Took heavy inspiration from https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/CircularProgress/CircularProgress.js
-var ProgressSpinner = function ProgressSpinner(_ref) {
+var ProgressSpinner = exports.ProgressSpinner = function ProgressSpinner(_ref) {
   var className = _ref.className,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 24 : _ref$size,
@@ -49,6 +49,4 @@ var ProgressSpinner = function ProgressSpinner(_ref) {
     })]
   }));
 };
-exports.ProgressSpinner = ProgressSpinner;
-var _default = ProgressSpinner;
-exports["default"] = _default;
+var _default = exports["default"] = ProgressSpinner;

package/cjs/ProgressSpinner/ProgressSpinner.tailwind.d.ts

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

package/cjs/ProgressSpinner/ProgressSpinner.tailwind.js

@@ -13,8 +13,16 @@ var progressSpinnerPlugin = plugin(function (_ref) {
     ".progress-spinner": {
       color: theme("colors.accent.600"),
       stroke: "currentColor",
+      // eslint-disable-next-line @algolia/satellite/prefer-stl-helper
       animation: "stl-spinner 1.4s linear infinite"
     },
+    "@media (prefers-reduced-motion: reduce)": {
+      ".progress-spinner": {
+        // eslint-disable-next-line @algolia/satellite/prefer-stl-helper
+        animation: "stl-spinner 2.8s linear infinite"
+      }
+    },
+    // eslint-disable-next-line @algolia/satellite/prefer-stl-helper
     "@keyframes stl-spinner": {
       "0%": {
         transform: "rotate(0deg)",

package/cjs/ProgressSpinner/index.js

@@ -23,5 +23,5 @@ Object.keys(_ProgressSpinner).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/RadioGroup/RadioButton.d.ts

@@ -1,4 +1,4 @@
 import type { HTMLAttributes, InputHTMLAttributes } from "react";
 export declare type RadioButtonProps = HTMLAttributes<HTMLInputElement> & Pick<InputHTMLAttributes<HTMLInputElement>, "value" | "name" | "checked" | "defaultChecked" | "onChange" | "required" | "autoFocus" | "disabled">;
-export declare const RadioButton: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLInputElement> & Pick<InputHTMLAttributes<HTMLInputElement>, "required" | "name" | "value" | "disabled" | "autoFocus" | "checked" | "defaultChecked" | "onChange"> & import("react").RefAttributes<HTMLInputElement>>;
+export declare const RadioButton: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLInputElement> & Pick<InputHTMLAttributes<HTMLInputElement>, "value" | "defaultChecked" | "onChange" | "autoFocus" | "disabled" | "name" | "checked" | "required"> & import("react").RefAttributes<HTMLInputElement>>;
 export default RadioButton;

package/cjs/RadioGroup/RadioButton.js

@@ -14,9 +14,9 @@ var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satel
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject;
 var _excluded = ["className"];
-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; }
-var RadioButton = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+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; }
+var RadioButton = exports.RadioButton = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var className = _ref.className,
     props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("input", _objectSpread(_objectSpread({}, props), {}, {
@@ -25,7 +25,5 @@ var RadioButton = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     ref: ref
   }));
 });
-exports.RadioButton = RadioButton;
 RadioButton.displayName = "RadioButton";
-var _default = RadioButton;
-exports["default"] = _default;
+var _default = exports["default"] = RadioButton;

package/cjs/RadioGroup/RadioButton.tailwind.d.ts

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

package/cjs/RadioGroup/RadioButton.tailwind.js

@@ -38,6 +38,9 @@ var radioButtonPlugin = plugin(function (_ref) {
           background: theme("colors.accent.600"),
           borderRadius: "50%"
         },
+        "&:hover": {
+          borderColor: theme("colors.accent.700")
+        },
         "&:focus": {
           boxShadow: "\n            0 0 0 1px ".concat(theme("colors.accent.600"), ",\n            0 1px 0 0 ").concat(theme("colors.shadow.5"), "\n          ")
         }

package/cjs/RadioGroup/RadioGroup.d.ts

@@ -1,5 +1,6 @@
 import type { ReactNode, VFC } from "react";
 export interface RadioGroupProps {
+    /** @ignore */
     className?: string;
     name?: string;
     value: string;

package/cjs/RadioGroup/RadioGroup.js

@@ -15,7 +15,7 @@ var _RadioButton = _interopRequireDefault(require("./RadioButton"));
 var _RadiogroupContext = require("./RadiogroupContext");
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-var RadioGroupItem = function RadioGroupItem(_ref) {
+var RadioGroupItem = exports.RadioGroupItem = function RadioGroupItem(_ref) {
   var value = _ref.value,
     disabled = _ref.disabled,
     children = _ref.children;
@@ -63,8 +63,7 @@ var RadioGroupItem = function RadioGroupItem(_ref) {
  * - If you need to have an unselected state, just add a radio button with a *None* option.
  * - Sometimes, you might want to include an *Other* option (Usually followed by a text input if a user needs to provide a specific answer)
  */
-exports.RadioGroupItem = RadioGroupItem;
-var RadioGroup = function RadioGroup(_ref2) {
+var RadioGroup = exports.RadioGroup = function RadioGroup(_ref2) {
   var className = _ref2.className,
     name = _ref2.name,
     value = _ref2.value,
@@ -100,7 +99,5 @@ var RadioGroup = function RadioGroup(_ref2) {
     })
   });
 };
-exports.RadioGroup = RadioGroup;
 RadioGroup.Item = RadioGroupItem;
-var _default = RadioGroup;
-exports["default"] = _default;
+var _default = exports["default"] = RadioGroup;

package/cjs/RadioGroup/RadiogroupContext.d.ts

@@ -3,10 +3,7 @@ export interface RadioGroupContextType {
     name: string;
     value: string;
     disabled?: boolean;
-    /**
-     * `RadioGroupItem` text position
-     * @default left
-     */
+    /** `RadioGroupItem` text position */
     textPosition?: "left" | "right";
     onChange: (newValue: string) => void;
 }

package/cjs/RadioGroup/RadiogroupContext.js

@@ -5,13 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useRadioGroupContext = exports.RadioGroupContext = void 0;
 var _react = require("react");
-var RadioGroupContext = /*#__PURE__*/(0, _react.createContext)(null);
-exports.RadioGroupContext = RadioGroupContext;
-var useRadioGroupContext = function useRadioGroupContext() {
+var RadioGroupContext = exports.RadioGroupContext = /*#__PURE__*/(0, _react.createContext)(null);
+var useRadioGroupContext = exports.useRadioGroupContext = function useRadioGroupContext() {
   var contextValue = (0, _react.useContext)(RadioGroupContext);
   if (!contextValue) {
     throw new Error("Invalid usage of useRadioGroupContext outside of RadioGroupContext");
   }
   return contextValue;
-};
-exports.useRadioGroupContext = useRadioGroupContext;
+};

package/cjs/RadioGroup/index.js

@@ -47,5 +47,5 @@ Object.keys(_RadiogroupContext).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/RangeSlider/RangeSlider.d.ts

@@ -10,7 +10,9 @@ export interface RangeSliderProps<Value extends RangeSliderValue = number> {
     onCommit?: (value: WidenNumber<Value>) => void;
     id?: string;
     name?: string;
+    /** @ignore */
     className?: string;
+    /** @ignore */
     "aria-label"?: string;
     disabled?: boolean;
     min?: number;