@algolia/satellite 1.1.0 → 1.1.2

package/dist/cjs/Popover/Popover.js

@@ -1,142 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-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 _Button = require("../Button");
-var _Icons = require("../Icons");
-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";
-
-/**
- * The `Popover` component is an interactive contextual overlay that provides additional content or actions.
- *
- * See the [Popover documentation page](https://satellite.algolia.com/components/overlay/popover) for more information.
- */
-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: _Icons.XIcon,
-            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"])))
-      })]
-    })))]
-  });
-};

package/dist/cjs/ProgressBar/ProgressBar.js

@@ -1,56 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-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, _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; }
-/**
- * The `ProgressBar` component visually indicates the completion status of a task, updating in real-time to guide users.
- *
- * See the [Progress Bar documentation page](https://satellite.algolia.com/components/feedback/progress-bar) for more information.
- */
-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);
-  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),
-    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: {
-        transform: "scaleX(".concat(value / max, ")")
-      }
-    })
-  }));
-});
-ProgressBar.displayName = "ProgressBar";

package/dist/cjs/ProgressBar/ProgressBar.tailwind.js

@@ -1,25 +0,0 @@
-"use strict";
-
-// @ts-check
-var plugin = require("tailwindcss/plugin");
-var rgba = require("../styles/rgba");
-var progressBarPlugin = plugin(function (_ref) {
-  var addComponents = _ref.addComponents,
-    theme = _ref.theme;
-  addComponents({
-    ".progress-bar": {
-      height: "4px",
-      width: "100%",
-      display: "block",
-      overflow: "hidden",
-      background: theme("colors.grey.100"),
-      boxShadow: "\n        inset 0px 1px 3px 0px ".concat(rgba(theme("colors.black"), 0.1), ",\n        0px 0.5px 0px 0px ").concat(rgba(theme("colors.white"), 0.05), "\n      "),
-      borderRadius: "4px"
-    },
-    ".progress-bar-progress": {
-      height: "100%",
-      background: theme("colors.accent.600")
-    }
-  });
-});
-module.exports = progressBarPlugin;

package/dist/cjs/ProgressSpinner/ProgressSpinner.js

@@ -1,59 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ProgressSpinner = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["className", "size", "thickness", "align"];
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-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"]))),
-  right: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["ml-auto"])))
-};
-
-/**
- * The `ProgressSpinner` component is used for loading data or performing actions without an instant effect. Spinners reassure we're processing their actions without revealing what's going on behind-the-scenes.
- *
- * See the [Progress Spinner documentation page](https://satellite.algolia.com/components/feedback/progress-spinner) for more information.
- */
-var ProgressSpinner = exports.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 = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return (
-    /*#__PURE__*/
-    // Took heavy inspiration from https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/CircularProgress/CircularProgress.js
-    (0, _jsxRuntime.jsxs)("svg", _objectSpread(_objectSpread({}, svgProps), {}, {
-      className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["progress-spinner"]))), align && ALIGN_CLASSNAMES[align], className),
-      viewBox: "".concat(size / 2, " ").concat(size / 2, " ").concat(size, " ").concat(size),
-      width: size,
-      height: size,
-      role: "status",
-      "aria-busy": true,
-      "aria-live": "polite",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-        children: "Loading spinner"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
-        cx: size,
-        cy: size,
-        r: (size - thickness) / 2,
-        fill: "none",
-        strokeWidth: thickness
-      })]
-    }))
-  );
-};

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

@@ -1,3 +0,0 @@
-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>, "value" | "defaultChecked" | "onChange" | "name" | "required" | "autoFocus" | "disabled" | "checked"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/cjs/RadioGroup/RadioButton.js

@@ -1,41 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RadioButton = 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 _clsx = _interopRequireDefault(require("clsx"));
-var _react = require("react");
-var _Field = require("../Field");
-var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject;
-var _excluded = ["className", "required"];
-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,
-    _ref$required = _ref.required,
-    required = _ref$required === void 0 ? false : _ref$required,
-    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var _useField = (0, _Field.useField)({
-      required: required
-    }),
-    state = _useField.state,
-    descriptionId = _useField.descriptionId;
-  var isInvalid = state.status === "invalid";
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("input", _objectSpread(_objectSpread({
-    "aria-describedby": descriptionId
-  }, props), {}, {
-    required: required,
-    "aria-invalid": isInvalid,
-    className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["radio-button ", ""])), isInvalid && "radio-button-invalid"), className),
-    type: "radio",
-    ref: ref
-  }));
-});
-RadioButton.displayName = "RadioButton";

package/dist/cjs/RadioGroup/RadioButton.tailwind.js

@@ -1,84 +0,0 @@
-"use strict";
-
-// @ts-check
-var plugin = require("tailwindcss/plugin");
-var disabledColor = require("../styles/disabledColor");
-var rgba = require("../styles/rgba");
-var radioButtonPlugin = plugin(function (_ref) {
-  var addComponents = _ref.addComponents,
-    theme = _ref.theme;
-  addComponents({
-    ".radio-button": {
-      position: "relative",
-      width: "16px",
-      height: "16px",
-      appearance: "none",
-      outline: "0px",
-      background: theme("colors.white"),
-      border: "1px solid ".concat(theme("colors.grey.500")),
-      borderRadius: "50%",
-      boxShadow: "inset 0 1px 4px 0 ".concat(rgba(theme("colors.grey.500"), 0.3)),
-      "&:hover": {
-        borderColor: theme("colors.grey.600")
-      },
-      "&:focus": {
-        borderColor: theme("colors.accent.600"),
-        boxShadow: "0 1px 0 0 ".concat(theme("colors.shadow.5"))
-      },
-      "&:checked": {
-        borderColor: theme("colors.accent.600"),
-        boxShadow: "0 1px 0 0 ".concat(theme("colors.shadow.5")),
-        "&::after": {
-          position: "absolute",
-          right: "4px",
-          left: "4px",
-          top: "4px",
-          bottom: "4px",
-          content: '" "',
-          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          ")
-        }
-      },
-      "&:disabled": {
-        backgroundImage: "linear-gradient(-180deg, ".concat(theme("colors.white"), " 0%, ").concat(theme("colors.grey.100"), " 100%)"),
-        borderColor: disabledColor(theme("colors.grey.200")),
-        boxShadow: "none",
-        cursor: "not-allowed",
-        "&:checked::after": {
-          background: disabledColor(theme("colors.grey.200")),
-          boxShadow: "none"
-        }
-      }
-    },
-    ".radio-button-invalid:not(.radio-button:disabled)": {
-      borderColor: theme("colors.red.700"),
-      "&:hover": {
-        background: theme("colors.red.50"),
-        borderColor: theme("colors.red.700")
-      },
-      "&:focus": {
-        borderColor: theme("colors.red.700"),
-        boxShadow: "\n          0 0 0 1px ".concat(theme("colors.red.700"), ",\n          0 1px 0 0 ").concat(theme("colors.shadow.5"), "\n        ")
-      },
-      "&:checked": {
-        borderColor: theme("colors.red.700"),
-        "&::after": {
-          background: theme("colors.red.700")
-        },
-        "&:hover": {
-          borderColor: theme("colors.red.700")
-        },
-        "&:focus": {
-          boxShadow: "\n            0 0 0 1px ".concat(theme("colors.red.700"), ",\n            0 1px 0 0 ").concat(theme("colors.shadow.5"), "\n          ")
-        }
-      }
-    }
-  });
-});
-module.exports = radioButtonPlugin;

package/dist/cjs/RadioGroup/RadioGroup.js

@@ -1,154 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RadioGroupItem = exports.RadioGroup = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _react = require("react");
-var _Card = require("../Card");
-var _Field = require("../Field");
-var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
-var _uniqueId = require("../utils/uniqueId");
-var _RadioButton = require("./RadioButton");
-var _RadioGroupContext = require("./RadioGroupContext");
-var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-var _excluded = ["value", "disabled", "required", "children"];
-var RadioGroupItem = exports.RadioGroupItem = function RadioGroupItem(_ref) {
-  var value = _ref.value,
-    disabled = _ref.disabled,
-    required = _ref.required,
-    children = _ref.children,
-    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var _useRadioGroupContext = (0, _RadioGroupContext.useRadioGroupContext)(),
-    id = _useRadioGroupContext.id,
-    name = _useRadioGroupContext.name,
-    contextDisabled = _useRadioGroupContext.disabled,
-    contextRequired = _useRadioGroupContext.required,
-    _onChange = _useRadioGroupContext.onChange,
-    contextValue = _useRadioGroupContext.value,
-    _useRadioGroupContext2 = _useRadioGroupContext.textPosition,
-    textPosition = _useRadioGroupContext2 === void 0 ? "left" : _useRadioGroupContext2,
-    descriptionId = _useRadioGroupContext.descriptionId,
-    state = _useRadioGroupContext.state,
-    ref = _useRadioGroupContext.ref;
-  var isFirstChild = props.childIndex === 0;
-  var isInvalid = (state === null || state === void 0 ? void 0 : state.status) === "invalid";
-  var checked = value === contextValue;
-  disabled = contextDisabled || disabled;
-  required = contextRequired || required;
-  var labelId = (0, _react.useMemo)(
-  // eslint-disable-next-line @algolia/stl/prefer-stl-helper
-  function () {
-    return (0, _uniqueId.uniqueId)("stl-radio-group-label-");
-  }, []);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
-    className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n      flex items-center justify-between\n      min-h-10 px-4 py-2\n      ", "\n      ", "\n      ", "\n      ", ""])), disabled ? "text-grey-300" : "hover:bg-grey-100", disabled ? "cursor-not-allowed" : "cursor-pointer", textPosition === "right" && "flex-row-reverse", isInvalid && "hover:bg-red-50"),
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      id: labelId,
-      className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["flex-1 truncate ", ""])), textPosition === "right" ? "ml-2" : "mr-2"),
-      children: children
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RadioButton.RadioButton, {
-      id: checked || isFirstChild && !contextValue ? id : undefined,
-      className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["shrink-0 self-start mt-1"]))),
-      value: value,
-      checked: checked,
-      name: name,
-      onChange: function onChange() {
-        if (!disabled && !checked) {
-          _onChange(value);
-        }
-      },
-      disabled: disabled,
-      required: required,
-      "aria-invalid": isInvalid,
-      "aria-labelledby": labelId,
-      "aria-describedby": descriptionId,
-      ref: isFirstChild ? ref : undefined
-    })]
-  });
-};
-
-// This function is used to clone the children of the `RadioGroup` component
-// and pass the `childIndex` prop to the `RadioGroupItem` children.
-function applyChildIndexRecursively(children) {
-  return _react.Children.map(children, function (child, index) {
-    var _child$props;
-    if (child.type === RadioGroupItem) {
-      return /*#__PURE__*/(0, _react.cloneElement)(child, {
-        childIndex: index
-      });
-    }
-    if ((_child$props = child.props) !== null && _child$props !== void 0 && _child$props.children) {
-      return /*#__PURE__*/(0, _react.cloneElement)(child, {
-        children: applyChildIndexRecursively(child.props.children)
-      });
-    }
-    return child;
-  });
-}
-
-/**
- * The `RadioGroup` component presents mutually exclusive options, allowing users to make a single selection from a list.
- *
- * See the [Radio Group documentation page](https://satellite.algolia.com/components/controls/radio-group) for more information.
- */
-var RadioGroup = exports.RadioGroup = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
-  var id = _ref2.id,
-    className = _ref2.className,
-    name = _ref2.name,
-    value = _ref2.value,
-    disabled = _ref2.disabled,
-    _ref2$required = _ref2.required,
-    required = _ref2$required === void 0 ? false : _ref2$required,
-    textPosition = _ref2.textPosition,
-    children = _ref2.children,
-    onChange = _ref2.onChange;
-  var _useState = (0, _react.useState)(function () {
-      return (0, _uniqueId.uniqueId)("RadioGroupName-");
-    }),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 1),
-    componentDefaultName = _useState2[0];
-  name = name || componentDefaultName;
-  var _useField = (0, _Field.useField)({
-      required: required
-    }),
-    state = _useField.state,
-    labelId = _useField.labelId,
-    descriptionId = _useField.descriptionId,
-    inputId = _useField.inputId;
-  var contextValue = {
-    id: id !== null && id !== void 0 ? id : inputId,
-    name: name,
-    value: value,
-    disabled: disabled,
-    required: required,
-    onChange: onChange,
-    textPosition: textPosition,
-    labelId: labelId,
-    descriptionId: descriptionId,
-    state: state,
-    ref: ref
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Card.Card, {
-    fullBleed: true,
-    className: (0, _clsx["default"])(className, (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["border ", ""])), state.status === "invalid" ? "bg-red-100 border-red-700" : "border-transparent")),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RadioGroupContext.RadioGroupContext.Provider, {
-      value: contextValue,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("fieldset", {
-        className: (0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["min-w-0"]))),
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: (0, _satellitePrefixer["default"])(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["flex flex-col py-1"]))),
-          children: applyChildIndexRecursively(children)
-        })
-      })
-    })
-  });
-});
-RadioGroup.displayName = "RadioGroup";
-RadioGroup.Item = RadioGroupItem;