@algolia/satellite 1.0.0-beta.147 → 1.0.0-beta.148

package/esm/Modal/Modal.js

@@ -1,13 +1,9 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
-
 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) { _defineProperty(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; }
-
 import cx from "clsx";
 import { useEffect, useMemo, useRef, useState } from "react";
 import { X } from "react-feather";
@@ -26,11 +22,9 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
 var DEFAULT_MODAL_LOCALE = {
   dismissText: "Dismiss"
 };
-
 var ModalAnimation = function ModalAnimation(props) {
   return (
     /*#__PURE__*/
-
     /* eslint-disable-next-line @algolia/satellite/invalid-classnames */
     _jsx(CSSTransition, _objectSpread(_objectSpread({}, props), {}, {
       classNames: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["satellite-modal"]))),
@@ -40,46 +34,41 @@ var ModalAnimation = function ModalAnimation(props) {
     }))
   );
 };
-
 var ModalNoAnimation = function ModalNoAnimation(props) {
   return props["in"] ? /*#__PURE__*/_jsx(_Fragment, {
     children: props.children
   }) : null;
 };
-
 var SIZE_CLASSNAMES = {
   medium: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["modal-dialog-medium"]))),
   large: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["modal-dialog-large"])))
 };
 export var Modal = function Modal(_ref) {
   var title = _ref.title,
-      className = _ref.className,
-      children = _ref.children,
-      _ref$open = _ref.open,
-      open = _ref$open === void 0 ? true : _ref$open,
-      _ref$fullBleed = _ref.fullBleed,
-      fullBleed = _ref$fullBleed === void 0 ? false : _ref$fullBleed,
-      _ref$onDismiss = _ref.onDismiss,
-      onDismiss = _ref$onDismiss === void 0 ? function () {} : _ref$onDismiss,
-      _ref$animate = _ref.animate,
-      animate = _ref$animate === void 0 ? true : _ref$animate,
-      _ref$hideCloseIcon = _ref.hideCloseIcon,
-      hideCloseIcon = _ref$hideCloseIcon === void 0 ? false : _ref$hideCloseIcon,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? "medium" : _ref$size,
-      _ref$centerY = _ref.centerY,
-      centerY = _ref$centerY === void 0 ? false : _ref$centerY,
-      propsLocale = _ref.locale;
+    className = _ref.className,
+    children = _ref.children,
+    _ref$open = _ref.open,
+    open = _ref$open === void 0 ? true : _ref$open,
+    _ref$fullBleed = _ref.fullBleed,
+    fullBleed = _ref$fullBleed === void 0 ? false : _ref$fullBleed,
+    _ref$onDismiss = _ref.onDismiss,
+    onDismiss = _ref$onDismiss === void 0 ? function () {} : _ref$onDismiss,
+    _ref$animate = _ref.animate,
+    animate = _ref$animate === void 0 ? true : _ref$animate,
+    _ref$hideCloseIcon = _ref.hideCloseIcon,
+    hideCloseIcon = _ref$hideCloseIcon === void 0 ? false : _ref$hideCloseIcon,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "medium" : _ref$size,
+    _ref$centerY = _ref.centerY,
+    centerY = _ref$centerY === void 0 ? false : _ref$centerY,
+    propsLocale = _ref.locale;
   var createPortal = useCreatePortal();
   var contextLocale = useLocale("modal");
-
   var locale = _objectSpread(_objectSpread(_objectSpread({}, DEFAULT_MODAL_LOCALE), contextLocale), propsLocale);
-
   var _useState = useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      modalWrapperRef = _useState2[0],
-      setModalWrapperRef = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    modalWrapperRef = _useState2[0],
+    setModalWrapperRef = _useState2[1];
   var dialogRef = useRef(null);
   var mouseDownTargetRef = useRef(null);
   var ModalContainer = animate ? ModalAnimation : ModalNoAnimation;
@@ -92,24 +81,20 @@ export var Modal = function Modal(_ref) {
   });
   useEffect(function () {
     if (!modalWrapperRef) return;
-
     var onMouseUp = function onMouseUp(evt) {
       if (evt.target === mouseDownTargetRef.current && dialogRef.current && !dialogRef.current.contains(evt.target)) {
         onDismiss();
       }
-
       mouseDownTargetRef.current = null;
     };
-
     var onMouseDown = function onMouseDown(evt) {
       return mouseDownTargetRef.current = evt.target;
     };
+
     /**
      * We use native event handlers to avoid React event bubbling behaviour with element rendered in a portal.
      * (otherwise, the modal gets dismissed when clicking on an AutoComplete menu item)
      */
-
-
     modalWrapperRef.addEventListener("mouseup", onMouseUp);
     modalWrapperRef.addEventListener("mousedown", onMouseDown);
     return function () {
@@ -117,7 +102,6 @@ export var Modal = function Modal(_ref) {
       modalWrapperRef.removeEventListener("mousedown", onMouseDown);
     };
   }, [modalWrapperRef, onDismiss]);
-
   var modalAccessibilityProps = _objectSpread({
     role: "dialog"
   }, title ? {
@@ -125,7 +109,6 @@ export var Modal = function Modal(_ref) {
   } : {
     "aria-label": "Modal"
   });
-
   return createPortal( /*#__PURE__*/_jsx(ModalContainer, {
     "in": open,
     children: /*#__PURE__*/_jsxs("div", {

package/esm/Modal/Modal.tailwind.js

@@ -3,7 +3,7 @@ import _plugin from "tailwindcss/plugin";
 var plugin = _plugin;
 var modalPlugin = plugin(function (_ref) {
   var addComponents = _ref.addComponents,
-      theme = _ref.theme;
+    theme = _ref.theme;
   var transitionEasing = "cubic-bezier(0.6, -0.28, 0.735, 0.045)";
   var transitionDuration = 200;
   addComponents({
@@ -17,8 +17,9 @@ var modalPlugin = plugin(function (_ref) {
     ".modal-dialog-large": {
       maxWidth: "920px"
     }
-  }); // Animation
+  });
 
+  // Animation
   addComponents({
     ".satellite-modal-appear .modal-container, .satellite-modal-enter .modal-container": {
       opacity: "0.1",

package/esm/Modal/components/ModalFooter.js

@@ -1,24 +1,18 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-
 var _templateObject;
-
 var _excluded = ["className", "children"];
-
 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) { _defineProperty(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; }
-
 import cx from "clsx";
 import FlexGrid from "../../FlexGrid";
 import stl from "../../styles/helpers/satellitePrefixer";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var ModalFooter = function ModalFooter(_ref) {
   var className = _ref.className,
-      children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({}, props), {}, {
     className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["mt-8"]))), className),
     children: /*#__PURE__*/_jsx(FlexGrid, {

package/esm/Modal/components/ModalSection.js

@@ -1,15 +1,13 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject;
-
 import cx from "clsx";
 import stl from "../../styles/helpers/satellitePrefixer";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var ModalSection = function ModalSection(_ref) {
   var children = _ref.children,
-      className = _ref.className,
-      _ref$fullBleed = _ref.fullBleed,
-      fullBleed = _ref$fullBleed === void 0 ? false : _ref$fullBleed;
+    className = _ref.className,
+    _ref$fullBleed = _ref.fullBleed,
+    fullBleed = _ref$fullBleed === void 0 ? false : _ref$fullBleed;
   return /*#__PURE__*/_jsx("section", {
     className: cx(fullBleed && stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["-mx-10"]))), className),
     children: children

package/esm/Pagination/CompactPagination/CompactPagination.js

@@ -1,12 +1,8 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 var _templateObject, _templateObject2;
-
 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) { _defineProperty(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; }
-
 import { ArrowLeft, ArrowRight, ChevronsLeft, ChevronsRight } from "react-feather";
 import { IconButton } from "../../Button";
 import { useLocale } from "../../Satellite";
@@ -22,25 +18,21 @@ var DEFAULT_COMPACT_PAGINATION_LOCALE = {
     return typeof nbPages === "number" ? "Page ".concat(page, " of ").concat(nbPages) : "Page ".concat(page, " of many");
   }
 };
-
 /** @ignore */
 export var isDeterminateCompactPaginationProps = function isDeterminateCompactPaginationProps(props) {
   return "nbPages" in props;
 };
-/** @ignore */
 
+/** @ignore */
 export var isIndeterminateCompactPaginationProps = function isIndeterminateCompactPaginationProps(props) {
   return !isDeterminateCompactPaginationProps(props);
 };
 export var CompactPagination = function CompactPagination(props) {
   var _props$label;
-
   var contextLocale = useLocale("compactPagination");
-
   var locale = _objectSpread(_objectSpread({}, DEFAULT_COMPACT_PAGINATION_LOCALE), {}, {
     contextLocale: contextLocale
   }, props.locale);
-
   var labelType = (_props$label = props.label) !== null && _props$label !== void 0 ? _props$label : isDeterminateCompactPaginationProps(props) ? "complete" : "compact";
   var label = labelType === "none" ? null : labelType === "compact" ? "".concat(props.currentPage) : isDeterminateCompactPaginationProps(props) ? locale.label(props.currentPage, props.nbPages) : locale.label(props.currentPage);
   var isFirstPage = props.currentPage === 1;

package/esm/Pagination/DotPagination/DotPagination.js

@@ -1,12 +1,8 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 var _templateObject, _templateObject2;
-
 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) { _defineProperty(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; }
-
 import { useLocale } from "../../Satellite";
 import stl from "../../styles/helpers/satellitePrefixer";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -17,15 +13,13 @@ var DEFAULT_DOT_PAGINATION_LOCALE = {
 };
 export var DotPagination = function DotPagination(_ref) {
   var currentPage = _ref.currentPage,
-      onChange = _ref.onChange,
-      nbPages = _ref.nbPages,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? "medium" : _ref$size,
-      propsLocale = _ref.locale;
+    onChange = _ref.onChange,
+    nbPages = _ref.nbPages,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "medium" : _ref$size,
+    propsLocale = _ref.locale;
   var contextLocale = useLocale("dotPagination");
-
   var locale = _objectSpread(_objectSpread(_objectSpread({}, DEFAULT_DOT_PAGINATION_LOCALE), contextLocale), propsLocale);
-
   return /*#__PURE__*/_jsx("ul", {
     className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex"]))),
     children: new Array(nbPages).fill(undefined).map(function (_, idx) {

package/esm/Pagination/Pagination/Pagination.js

@@ -1,12 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject;
-
 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) { _defineProperty(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; }
-
 import { ArrowLeft, ArrowRight } from "react-feather";
 import Button, { ButtonGroup } from "../../Button";
 import { useLocale } from "../../Satellite";
@@ -23,7 +19,6 @@ var DEFAULT_PAGINATION_LOCALE = {
   goToNextPage: "Go to next page"
 };
 var DEFAULT_MAX_BUTTONS = 10;
-
 var Ellipsis = function Ellipsis() {
   return /*#__PURE__*/_jsx(Button, {
     className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["pointer-events-none"]))),
@@ -32,12 +27,11 @@ var Ellipsis = function Ellipsis() {
     children: "\u2026"
   });
 };
-
 var Group = function Group(_ref) {
   var group = _ref.group,
-      currentPage = _ref.currentPage,
-      onChange = _ref.onChange,
-      goToPage = _ref.goToPage;
+    currentPage = _ref.currentPage,
+    onChange = _ref.onChange,
+    goToPage = _ref.goToPage;
   return /*#__PURE__*/_jsx(_Fragment, {
     children: group.map(function (index) {
       return /*#__PURE__*/_jsx(Button, {
@@ -51,6 +45,7 @@ var Group = function Group(_ref) {
     })
   });
 };
+
 /**
  * Use pagination to help our users to move through an ordered collection of items.
  *
@@ -58,33 +53,26 @@ var Group = function Group(_ref) {
  * - Don't use on list with less than 20 items
  * - Place the pagination at the bottom of the split item
  */
-
-
 export var Pagination = function Pagination(_ref2) {
   var currentPage = _ref2.currentPage,
-      nbPages = _ref2.nbPages,
-      onChange = _ref2.onChange,
-      _ref2$maxButtons = _ref2.maxButtons,
-      maxButtonsParam = _ref2$maxButtons === void 0 ? DEFAULT_MAX_BUTTONS : _ref2$maxButtons,
-      propsLocale = _ref2.locale;
+    nbPages = _ref2.nbPages,
+    onChange = _ref2.onChange,
+    _ref2$maxButtons = _ref2.maxButtons,
+    maxButtonsParam = _ref2$maxButtons === void 0 ? DEFAULT_MAX_BUTTONS : _ref2$maxButtons,
+    propsLocale = _ref2.locale;
   var contextLocale = useLocale("pagination");
-
   var locale = _objectSpread(_objectSpread(_objectSpread({}, DEFAULT_PAGINATION_LOCALE), contextLocale), propsLocale);
-
   var padding = Math.floor((Math.min(nbPages, maxButtonsParam) - 1) / 2);
   var maxButtons = 2 * padding + 1;
   var currentPageGroupStart = Math.max(1, Math.min(currentPage - padding, nbPages - maxButtons));
   var currentPageGroupEnd = Math.min(currentPageGroupStart + maxButtons, nbPages);
   var groups = [[], range(currentPageGroupStart, currentPageGroupEnd + 1), []];
-
   if (currentPageGroupStart > 1) {
     groups[0].push(1);
   }
-
   if (currentPageGroupEnd < nbPages) {
     groups[2].push(nbPages);
   }
-
   return /*#__PURE__*/_jsxs(ButtonGroup, {
     as: "nav",
     children: [/*#__PURE__*/_jsx(Button, {

package/esm/ProgressBar/ProgressBar.js

@@ -1,19 +1,13 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-
 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) { _defineProperty(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; }
-
 import cx from "clsx";
 import stl from "../styles/helpers/satellitePrefixer";
 import { jsx as _jsx } from "react/jsx-runtime";
-
 /**
  * Progress bars visually represent the completion of a task or operation.
  *
@@ -22,10 +16,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
  */
 export var ProgressBar = function ProgressBar(_ref) {
   var value = _ref.value,
-      className = _ref.className,
-      barClassName = _ref.barClassName,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    className = _ref.className,
+    barClassName = _ref.barClassName,
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({}, props), {}, {
     className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["progress-bar"]))), className),
     role: "progressbar",

package/esm/ProgressBar/ProgressBar.tailwind.js

@@ -5,7 +5,7 @@ var plugin = _plugin;
 var rgba = _rgba;
 var progressBarPlugin = plugin(function (_ref) {
   var addComponents = _ref.addComponents,
-      theme = _ref.theme;
+    theme = _ref.theme;
   addComponents({
     ".progress-bar": {
       height: "4px",

package/esm/ProgressSpinner/ProgressSpinner.js

@@ -2,13 +2,9 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 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) { _defineProperty(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; }
-
 import cx from "clsx";
 import stl from "../styles/helpers/satellitePrefixer";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -17,17 +13,17 @@ var ALIGN_CLASSNAMES = {
   left: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["mr-auto"]))),
   center: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["m-auto"]))),
   right: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["ml-auto"])))
-}; // Took heavy inspiration from https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/CircularProgress/CircularProgress.js
+};
 
+// Took heavy inspiration from https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/CircularProgress/CircularProgress.js
 export var ProgressSpinner = function ProgressSpinner(_ref) {
   var className = _ref.className,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 24 : _ref$size,
-      _ref$thickness = _ref.thickness,
-      thickness = _ref$thickness === void 0 ? 2 : _ref$thickness,
-      align = _ref.align,
-      svgProps = _objectWithoutProperties(_ref, _excluded);
-
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 24 : _ref$size,
+    _ref$thickness = _ref.thickness,
+    thickness = _ref$thickness === void 0 ? 2 : _ref$thickness,
+    align = _ref.align,
+    svgProps = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_jsxs("svg", _objectSpread(_objectSpread({}, svgProps), {}, {
     className: cx(stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["progress-spinner"]))), align && ALIGN_CLASSNAMES[align], className),
     viewBox: "".concat(size / 2, " ").concat(size / 2, " ").concat(size, " ").concat(size),

package/esm/ProgressSpinner/ProgressSpinner.tailwind.js

@@ -3,11 +3,11 @@ import _plugin from "tailwindcss/plugin";
 var plugin = _plugin;
 var progressSpinnerPlugin = plugin(function (_ref) {
   var addComponents = _ref.addComponents,
-      theme = _ref.theme;
-
+    theme = _ref.theme;
   /**
    * @param {string} color
    */
+
   addComponents({
     ".progress-spinner": {
       color: theme("colors.accent.600"),

package/esm/RadioGroup/RadioButton.js

@@ -1,23 +1,17 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-
 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) { _defineProperty(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; }
-
 import cx from "clsx";
 import { forwardRef } from "react";
 import stl from "../styles/helpers/satellitePrefixer";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var RadioButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_jsx("input", _objectSpread(_objectSpread({}, props), {}, {
     className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["radio-button"]))), className),
     type: "radio",

package/esm/RadioGroup/RadioButton.tailwind.js

@@ -7,7 +7,7 @@ var disabledColor = _disabledColor;
 var rgba = _rgba;
 var radioButtonPlugin = plugin(function (_ref) {
   var addComponents = _ref.addComponents,
-      theme = _ref.theme;
+    theme = _ref.theme;
   addComponents({
     ".radio-button": {
       position: "relative",

package/esm/RadioGroup/RadioGroup.js

@@ -1,8 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
 import { useState } from "react";
 import Card from "../Card";
 import stl from "../styles/helpers/satellitePrefixer";
@@ -13,17 +11,15 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var RadioGroupItem = function RadioGroupItem(_ref) {
   var value = _ref.value,
-      disabled = _ref.disabled,
-      children = _ref.children;
-
+    disabled = _ref.disabled,
+    children = _ref.children;
   var _useRadioGroupContext = useRadioGroupContext(),
-      name = _useRadioGroupContext.name,
-      contextDisabled = _useRadioGroupContext.disabled,
-      _onChange = _useRadioGroupContext.onChange,
-      contextValue = _useRadioGroupContext.value,
-      _useRadioGroupContext2 = _useRadioGroupContext.textPosition,
-      textPosition = _useRadioGroupContext2 === void 0 ? "left" : _useRadioGroupContext2;
-
+    name = _useRadioGroupContext.name,
+    contextDisabled = _useRadioGroupContext.disabled,
+    _onChange = _useRadioGroupContext.onChange,
+    contextValue = _useRadioGroupContext.value,
+    _useRadioGroupContext2 = _useRadioGroupContext.textPosition,
+    textPosition = _useRadioGroupContext2 === void 0 ? "left" : _useRadioGroupContext2;
   var checked = value === contextValue;
   disabled = contextDisabled || disabled;
   return /*#__PURE__*/_jsxs("label", {
@@ -45,6 +41,7 @@ export var RadioGroupItem = function RadioGroupItem(_ref) {
     })]
   });
 };
+
 /**
  * Use radio buttons when users have to make a single selection from a list of options.
  *
@@ -60,22 +57,19 @@ export 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)
  */
-
 export var RadioGroup = function RadioGroup(_ref2) {
   var className = _ref2.className,
-      name = _ref2.name,
-      value = _ref2.value,
-      disabled = _ref2.disabled,
-      textPosition = _ref2.textPosition,
-      children = _ref2.children,
-      onChange = _ref2.onChange;
-
+    name = _ref2.name,
+    value = _ref2.value,
+    disabled = _ref2.disabled,
+    textPosition = _ref2.textPosition,
+    children = _ref2.children,
+    onChange = _ref2.onChange;
   var _useState = useState(function () {
-    return uniqueId("RadioGroupName-");
-  }),
-      _useState2 = _slicedToArray(_useState, 1),
-      componentDefaultName = _useState2[0];
-
+      return uniqueId("RadioGroupName-");
+    }),
+    _useState2 = _slicedToArray(_useState, 1),
+    componentDefaultName = _useState2[0];
   name = name || componentDefaultName;
   var contextValue = {
     name: name,

package/esm/RadioGroup/RadiogroupContext.js

@@ -2,10 +2,8 @@ import { createContext, useContext } from "react";
 export var RadioGroupContext = /*#__PURE__*/createContext(null);
 export var useRadioGroupContext = function useRadioGroupContext() {
   var contextValue = useContext(RadioGroupContext);
-
   if (!contextValue) {
     throw new Error("Invalid usage of useRadioGroupContext outside of RadioGroupContext");
   }
-
   return contextValue;
 };