@algolia/satellite 1.1.0 → 1.1.1

package/dist/esm/TextArea/TextArea.js

@@ -1,65 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _excluded = ["className", "placeholder", "required"];
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-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) { _defineProperty(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; }
-import cx from "clsx";
-import { forwardRef, Fragment } from "react";
-import { useField } from "../Field";
-import { CheckIcon, XIcon } from "../Icons";
-import stl from "../styles/helpers/satellitePrefixer";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var STATUS_CLASSNAMES = {
-  "default": "",
-  invalid: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["text-area-invalid"]))),
-  validated: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["text-area-validated"])))
-};
-var InvalidIcon = function InvalidIcon() {
-  return /*#__PURE__*/_jsx(XIcon, {
-    className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["mr-4 h-4 w-4 text-white bg-red-700 p-px rounded-full absolute top-2 -right-2"])))
-  });
-};
-var ValidatedIcon = function ValidatedIcon() {
-  return /*#__PURE__*/_jsx(CheckIcon, {
-    className: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["mr-4 h-4 w-4 text-white bg-accent-600 p-px rounded-full absolute top-2 -right-2"])))
-  });
-};
-
-/**
- * The `TextArea` component is a multiline input field for extensive text, ideal for detailed feedback, descriptions, or comments.
- *
- * See the [Text Area documentation page](https://satellite.algolia.com/components/forms/text-area) for more information.
- */
-export var TextArea = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var _textareaProps$id;
-  var className = _ref.className,
-    placeholder = _ref.placeholder,
-    required = _ref.required,
-    textareaProps = _objectWithoutProperties(_ref, _excluded);
-  var _useField = useField({
-      required: required
-    }),
-    state = _useField.state,
-    labelId = _useField.labelId,
-    descriptionId = _useField.descriptionId,
-    inputId = _useField.inputId;
-  var isInvalid = state.status === "invalid";
-  var StatusIcon = isInvalid ? InvalidIcon : state.status === "validated" ? ValidatedIcon : Fragment;
-  return /*#__PURE__*/_jsxs("div", {
-    className: cx(stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["text-area relative"]))), STATUS_CLASSNAMES[state.status], className),
-    children: [/*#__PURE__*/_jsx("textarea", _objectSpread(_objectSpread({
-      "aria-labelledby": labelId,
-      "aria-describedby": descriptionId
-    }, textareaProps), {}, {
-      id: (_textareaProps$id = textareaProps.id) !== null && _textareaProps$id !== void 0 ? _textareaProps$id : inputId,
-      required: required,
-      "aria-invalid": isInvalid,
-      ref: ref,
-      placeholder: placeholder
-    })), /*#__PURE__*/_jsx(StatusIcon, {})]
-  });
-});
-TextArea.displayName = "TextArea";

package/dist/esm/TextArea/TextArea.tailwind.js

@@ -1,80 +0,0 @@
-import _rgba from "../styles/rgba";
-import _disabledColor from "../styles/disabledColor";
-import _plugin from "tailwindcss/plugin";
-// @ts-check
-var plugin = _plugin;
-var disabledColor = _disabledColor;
-var rgba = _rgba;
-var textAreaPlugin = plugin(function (_ref) {
-  var addComponents = _ref.addComponents,
-    theme = _ref.theme;
-  addComponents({
-    ".text-area": {
-      display: "flex",
-      width: "100%",
-      backgroundColor: theme("colors.white"),
-      border: "1px solid ".concat(theme("colors.grey.500")),
-      borderRadius: theme("borderRadius.DEFAULT"),
-      boxShadow: "inset 0px 1px 4px 0px ".concat(rgba(theme("colors.grey.500"), 0.3)),
-      transition: "all 100ms ease-in-out",
-      fontSize: theme("fontSize.base"),
-      lineHeight: theme("lineHeight.base"),
-      "&::placeholder": {
-        color: theme("colors.grey.600")
-      },
-      "&:hover": {
-        borderColor: theme("colors.grey.600")
-      },
-      "&:focus": {
-        borderColor: theme("colors.accent.600"),
-        boxShadow: "0px 1px 0px 0px ".concat(theme("colors.shadow.5")),
-        outline: "none"
-      },
-      "&:has(textarea:disabled)": {
-        borderColor: disabledColor(theme("colors.grey.200")),
-        boxShadow: "none"
-      }
-    },
-    ".text-area-invalid": {
-      backgroundColor: theme("colors.red.100"),
-      borderColor: theme("colors.red.700"),
-      "&:hover": {
-        borderColor: theme("colors.red.700"),
-        backgroundColor: theme("colors.red.50")
-      },
-      "&:focus-within": {
-        outline: "1px solid ".concat(theme("colors.red.700"))
-      }
-    },
-    ".text-area-invalid textarea": {
-      paddingRight: theme("spacing.6")
-    },
-    ".text-area-validated textarea": {
-      paddingRight: theme("spacing.6")
-    },
-    textarea: {
-      flex: "1",
-      minWidth: "0px",
-      caretColor: theme("colors.grey.600"),
-      color: theme("colors.grey.900"),
-      background: "transparent",
-      padding: theme("spacing.4"),
-      "&:focus": {
-        outline: "none"
-      },
-      "&:disabled": {
-        cursor: "not-allowed",
-        color: theme("colors.grey.300"),
-        background: "linear-gradient(-180deg, ".concat(theme("colors.white"), " 0%, ").concat(theme("colors.grey.100"), " 100%)")
-      }
-    },
-    ".text-area-invalid:not(.text-area:disabled)": {
-      backgroundColor: theme("colors.red.100"),
-      borderColor: theme("colors.red.700"),
-      "&:hover": {
-        borderColor: theme("colors.red.800")
-      }
-    }
-  });
-});
-export default textAreaPlugin;

package/dist/esm/TextWrap/TextWrap.js

@@ -1,52 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _excluded = ["children", "maxLines", "style"];
-var _templateObject;
-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) { _defineProperty(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; }
-import stl from "../styles/helpers/satellitePrefixer";
-import { isCssPropertySupported } from "../utils/isCssPropertySupported";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var BASE_STYLES = isCssPropertySupported("overflowWrap", "anywhere") ? {
-  whiteSpace: "normal",
-  overflowWrap: "anywhere"
-} : {
-  wordBreak: "break-all"
-};
-var SEPARATOR_ELEMENT = /*#__PURE__*/_jsx("span", {
-  className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["invisible"]))),
-  "aria-hidden": "true",
-  children: "\u200B"
-});
-
-/**
- * The `TextWrap` component is used to wrap text and truncate it with an ellipsis if it overflows.
- *
- * See the [Text Wrap documentation page](https://satellite.algolia.com/components/misc/text-wrap) for more information.
- */
-export var TextWrap = function TextWrap(_ref) {
-  var text = _ref.children,
-    maxLines = _ref.maxLines,
-    style = _ref.style,
-    spanProps = _objectWithoutProperties(_ref, _excluded);
-  var clampStyle = typeof maxLines !== "undefined" && maxLines >= 1 ? _objectSpread(_objectSpread({}, BASE_STYLES), {}, {
-    display: "-webkit-box",
-    WebkitBoxOrient: "vertical",
-    WebkitLineClamp: maxLines,
-    overflow: "hidden"
-  }) : BASE_STYLES;
-  return /*#__PURE__*/_jsx("span", _objectSpread(_objectSpread({
-    style: _objectSpread(_objectSpread({}, clampStyle), style)
-  }, spanProps), {}, {
-    children: text.split(/([\W_]+)/).flatMap(function (part, idx) {
-      if (!part) {
-        return null;
-      }
-      return idx % 2 === 0 ? part : /*#__PURE__*/_jsxs("span", {
-        children: [part, SEPARATOR_ELEMENT]
-      }, "".concat(idx, "-").concat(part));
-    }).filter(Boolean)
-  }));
-};

package/dist/esm/Toast/Toast.js

@@ -1,101 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _excluded = ["onDismiss", "title", "icon", "loading", "variant", "locale", "children"];
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19;
-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) { _defineProperty(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; }
-import * as ToastPrimitive from "@radix-ui/react-toast";
-import cx from "clsx";
-import { IconButton } from "../Button";
-import { Card } from "../Card";
-import { CheckIcon, XIcon } from "../Icons";
-import { ProgressSpinner } from "../ProgressSpinner";
-import { useLocale } from "../Satellite";
-import stl from "../styles/helpers/satellitePrefixer";
-import { isRenderedChild } from "../utils/isRenderedChild";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var DEFAULT_TOAST_LOCALE = {
-  dismissText: "Dismiss"
-};
-var VARIANT_CLASSNAMES = {
-  grey: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["bg-grey-500"]))),
-  accent: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["bg-accent-500"]))),
-  blue: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["bg-blue-600"]))),
-  green: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["bg-green-600"]))),
-  orange: stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["bg-orange-500"]))),
-  red: stl(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["bg-red-500"])))
-};
-var VARIANT_SPINNER_CLASSNAMES = {
-  grey: stl(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["border-grey-500"]))),
-  accent: stl(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["border-accent-500"]))),
-  blue: stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["border-blue-600"]))),
-  green: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["border-green-600"]))),
-  orange: stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["border-orange-500"]))),
-  red: stl(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["border-red-500"])))
-};
-export var Toast = function Toast(_ref) {
-  var onDismiss = _ref.onDismiss,
-    title = _ref.title,
-    _ref$icon = _ref.icon,
-    Icon = _ref$icon === void 0 ? CheckIcon : _ref$icon,
-    _ref$loading = _ref.loading,
-    loading = _ref$loading === void 0 ? false : _ref$loading,
-    _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? "accent" : _ref$variant,
-    propsLocale = _ref.locale,
-    children = _ref.children,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var contextLocale = useLocale("toast");
-  var locale = _objectSpread(_objectSpread(_objectSpread({}, DEFAULT_TOAST_LOCALE), contextLocale), propsLocale);
-  if (process.env.NODE_ENV !== "production") {
-    if (typeof onDismiss === "undefined") {
-      console.warn("Toast: You should always include an `onDismiss` callback, this is crucial for users with limited abilities.");
-    }
-  }
-  return /*#__PURE__*/_jsx(Card, _objectSpread(_objectSpread({}, rest), {}, {
-    fullBleed: true,
-    className: stl(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["toast shadow-z500"]))),
-    children: /*#__PURE__*/_jsxs("div", {
-      className: stl(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["p-4 flex"]))),
-      children: [loading ? /*#__PURE__*/_jsx(ProgressSpinner, {
-        "aria-hidden": true,
-        size: 24,
-        className: VARIANT_SPINNER_CLASSNAMES[variant]
-      }) : /*#__PURE__*/_jsx(Icon, {
-        "aria-hidden": true,
-        className: cx(stl(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["shrink-0 text-white rounded-full p-1"]))), VARIANT_CLASSNAMES[variant]),
-        size: 24
-      }), /*#__PURE__*/_jsxs("div", {
-        className: stl(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["flex-1 ml-4 min-w-0 break-words"]))),
-        children: [/*#__PURE__*/_jsxs("div", {
-          className: stl(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["flex justify-between"]))),
-          children: [/*#__PURE__*/_jsx(ToastPrimitive.Title, {
-            asChild: true,
-            children: /*#__PURE__*/_jsx("h3", {
-              className: stl(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["overflow-hidden mt-0.5"]))),
-              children: title
-            })
-          }), onDismiss && /*#__PURE__*/_jsx(ToastPrimitive.Close, {
-            asChild: true,
-            onClick: function onClick(e) {
-              // Prevent the default Radix handler so that `onDismiss` is not called twice in the `Toasts` component.
-              e.preventDefault();
-              onDismiss === null || onDismiss === void 0 || onDismiss();
-            },
-            children: /*#__PURE__*/_jsx(IconButton, {
-              icon: XIcon,
-              title: locale.dismissText,
-              variant: "subtle",
-              size: "small"
-            })
-          })]
-        }), isRenderedChild(children) && /*#__PURE__*/_jsx(ToastPrimitive.Description, {
-          className: stl(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["text-grey-600 mt-2"]))),
-          children: children
-        })]
-      })]
-    })
-  }));
-};

package/dist/esm/Toast/Toasts.js

@@ -1,92 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-var _excluded = ["content", "id", "autoDismissAfter"];
-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) { _defineProperty(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; }
-import * as ToastPrimitive from "@radix-ui/react-toast";
-import { CSSTransition, TransitionGroup } from "react-transition-group";
-import { useCreatePortal, useLocale } from "../Satellite";
-import stl from "../styles/helpers/satellitePrefixer";
-import { prefersReducedMotion } from "../utils/prefersReducedMotion";
-import { Toast } from "./Toast";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var DEFAULT_TOASTS_LOCALE = {
-  hotkeyLabel: "Notifications"
-};
-var TRANSITION_TIMEOUT = 500;
-
-/**
- * Toasts are brief notifications that providing timely feedback to users before vanishing after a short duration.
- *
- * See the [Toast documentation page](https://satellite.algolia.com/components/feedback/toast) for more information.
- */
-export var Toasts = function Toasts(_ref) {
-  var _ref$notifications = _ref.notifications,
-    notifications = _ref$notifications === void 0 ? [] : _ref$notifications,
-    propsLocale = _ref.locale;
-  var contextLocale = useLocale("toasts");
-  var locale = _objectSpread(_objectSpread(_objectSpread({}, DEFAULT_TOASTS_LOCALE), contextLocale), propsLocale);
-  var createPortal = useCreatePortal();
-  if (process.env.NODE_ENV !== "production") {
-    if (notifications.length > 3) {
-      console.warn("Toasts: You should not display more than 3 toasts simultaneously.");
-    }
-    if (notifications.find(function (n) {
-      return n.autoDismissAfter && n.autoDismissAfter < 2000;
-    })) {
-      console.warn("Toasts: You should not set `autoDismissAfter` to less than 2000 ms, even for brief messages.");
-    }
-  }
-  return createPortal( /*#__PURE__*/_jsxs(ToastPrimitive.Provider, {
-    children: [/*#__PURE__*/_jsx(TransitionGroup, {
-      component: null,
-      children: notifications.map(function (_ref2) {
-        var content = _ref2.content,
-          id = _ref2.id,
-          autoDismissAfter = _ref2.autoDismissAfter,
-          rest = _objectWithoutProperties(_ref2, _excluded);
-        return /*#__PURE__*/_jsx(CSSTransition, {
-          classNames: !prefersReducedMotion ? {
-            enter: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["toasts_item-enter"]))),
-            enterActive: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["toasts_item-enter-active"]))),
-            exit: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["toasts_item-exit"]))),
-            exitActive: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["toasts_item-exit-active"])))
-          } : {},
-          timeout: !prefersReducedMotion ? TRANSITION_TIMEOUT : 0,
-          appear: true,
-          children: /*#__PURE__*/_jsx(ToastPrimitive.Root, {
-            open: true,
-            onOpenChange: function onOpenChange(open) {
-              var _rest$onDismiss;
-              if (!open) (_rest$onDismiss = rest.onDismiss) === null || _rest$onDismiss === void 0 || _rest$onDismiss.call(rest);
-            },
-            onSwipeEnd: function onSwipeEnd(e) {
-              return e.preventDefault();
-            } // Prevent swipe gesture
-            ,
-            duration: autoDismissAfter || Infinity,
-            // Accessibility issue from Radix: `role="status"` is not allowed on a `li` element, as a workaround,
-            // we use it on the child.
-            // See https://github.com/radix-ui/primitives/issues/1750
-            role: "listitem",
-            "aria-live": undefined,
-            "aria-atomic": undefined,
-            children: /*#__PURE__*/_jsx(Toast, _objectSpread(_objectSpread({}, rest), {}, {
-              role: "status",
-              "aria-live": "polite",
-              "aria-atomic": "true",
-              children: content
-            }))
-          })
-        }, id);
-      })
-    }), /*#__PURE__*/_jsx(ToastPrimitive.Viewport, {
-      hotkey: ["metaKey", "F8"],
-      label: "".concat(locale.hotkeyLabel, " (CmdKey+F8/WinKey+F8)}"),
-      className: stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["z-notification bottom-0 right-0 fixed flex flex-col items-end p-4 gap-4"])))
-    })]
-  }));
-};

package/dist/esm/Toast/types.d.ts

@@ -1,34 +0,0 @@
-import type { ReactNode, ReactPortal } from "react";
-import type { IconComponentType } from "../Icons";
-import type { ColorVariant } from "../types";
-export declare type Notification = {
-    /** Defines an unique ID for the `Toast`. */
-    id: string;
-    /** Defines the title for the `Toast`. Will be rendered in a heading element. */
-    title: Exclude<ReactNode, ReactPortal>;
-    /** Defines the content for the `Toast`. */
-    content?: Exclude<ReactNode, ReactPortal>;
-    /** Defines the icon for the `Toast`. */
-    icon?: IconComponentType;
-    /**
-     * Defines the color variant of the `Toast`.
-     * @default false
-     */
-    loading?: boolean;
-    /**
-     * Defines the color variant of the `Toast`.
-     * @default "blue"
-     */
-    variant?: ColorVariant;
-    /** Defines if and how long before the `Toast` should be dismissed (in ms). */
-    autoDismissAfter?: number;
-    /**
-     * Defines a function called when the `Toast` dismiss button is clicked or the `autoDismissAfter` time has elapsed.
-     * Dismiss button won't be rendered if absent.
-     */
-    onDismiss?: () => void;
-    /** Define locale for the `Toast`. */
-    locale?: {
-        dismissText?: string;
-    };
-};

package/dist/esm/Toggle/Toggle.d.ts

@@ -1,12 +0,0 @@
-import type { HTMLAttributes, InputHTMLAttributes } from "react";
-export declare type ToggleProps = Omit<HTMLAttributes<HTMLInputElement>, "children" | "onChange"> & Pick<InputHTMLAttributes<HTMLInputElement>, "onChange" | "required" | "autoFocus" | "disabled" | "checked" | "defaultChecked"> & {
-    decorative?: boolean;
-};
-/**
- * The `Toggle` component is used to view or switch between enabled or disabled states.
- *
- * See the [Toggle documentation page](https://satellite.algolia.com/components/controls/toggle) for more information.
- */
-export declare const Toggle: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLInputElement>, "children" | "onChange"> & Pick<InputHTMLAttributes<HTMLInputElement>, "defaultChecked" | "onChange" | "required" | "autoFocus" | "disabled" | "checked"> & {
-    decorative?: boolean | undefined;
-} & import("react").RefAttributes<HTMLInputElement>>;

package/dist/esm/Toggle/Toggle.js

@@ -1,84 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-var _excluded = ["className", "checked", "decorative", "defaultChecked", "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) { _defineProperty(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; }
-import cx from "clsx";
-import { forwardRef, useState } from "react";
-import { useField } from "../Field";
-import stl from "../styles/helpers/satellitePrefixer";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * The `Toggle` component is used to view or switch between enabled or disabled states.
- *
- * See the [Toggle documentation page](https://satellite.algolia.com/components/controls/toggle) for more information.
- */
-export var Toggle = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var _inputProps$id;
-  var className = _ref.className,
-    checked = _ref.checked,
-    decorative = _ref.decorative,
-    defaultChecked = _ref.defaultChecked,
-    required = _ref.required,
-    inputProps = _objectWithoutProperties(_ref, _excluded);
-  var isControlled = typeof checked === "boolean";
-  var _useState = useState(Boolean(isControlled ? checked : defaultChecked)),
-    _useState2 = _slicedToArray(_useState, 2),
-    internalChecked = _useState2[0],
-    setInternalChecked = _useState2[1];
-  var isChecked = Boolean(isControlled ? checked : internalChecked);
-  var isDisabled = inputProps.disabled,
-    onChange = inputProps.onChange;
-  var _useField = useField({
-      required: required
-    }),
-    state = _useField.state,
-    labelId = _useField.labelId,
-    descriptionId = _useField.descriptionId,
-    inputId = _useField.inputId;
-  var isInvalid = state.status === "invalid";
-  var handleChange = function handleChange(evt) {
-    onChange === null || onChange === void 0 || onChange(evt);
-    if (!isControlled && !evt.isDefaultPrevented()) {
-      setInternalChecked(evt.currentTarget.checked);
-    }
-  };
-  var handleClassName = cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["toggle-handle"]))), isChecked && stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["toggle-checked"]))), isDisabled && stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["toggle-disabled"]))), isInvalid && stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["toggle-invalid"]))));
-  var onClick = function onClick(event) {
-    if (isDisabled) {
-      return;
-    }
-    onChange === null || onChange === void 0 || onChange(event);
-    !isControlled && setInternalChecked(!isChecked);
-  };
-  return /*#__PURE__*/_jsxs("div", {
-    translate: "yes",
-    className: cx(stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["toggle-container"]))), className),
-    children: [decorative ? /*#__PURE__*/_jsx("span", {
-      className: handleClassName,
-      onClick: onClick
-    }) : /*#__PURE__*/_jsx("input", _objectSpread(_objectSpread({
-      "aria-labelledby": labelId,
-      "aria-describedby": descriptionId
-    }, inputProps), {}, {
-      id: (_inputProps$id = inputProps.id) !== null && _inputProps$id !== void 0 ? _inputProps$id : inputId,
-      required: required,
-      "aria-invalid": isInvalid,
-      className: handleClassName,
-      disabled: isDisabled,
-      onChange: handleChange,
-      checked: isChecked,
-      "aria-checked": isChecked,
-      type: "checkbox",
-      role: "switch",
-      ref: ref
-    })), /*#__PURE__*/_jsx("div", {
-      className: stl(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["toggle"])))
-    })]
-  });
-});
-Toggle.displayName = "Toggle";

package/dist/esm/Toggle/Toggle.tailwind.js

@@ -1,93 +0,0 @@
-import _rgba from "../styles/rgba";
-import _plugin from "tailwindcss/plugin";
-// @ts-check
-var plugin = _plugin;
-var rgba = _rgba;
-var togglePlugin = plugin(function (_ref) {
-  var addComponents = _ref.addComponents,
-    theme = _ref.theme;
-  var transition = "all 72ms ease-in-out";
-  addComponents({
-    ".toggle-container": {
-      position: "relative",
-      display: "block",
-      height: "18px",
-      width: "32px",
-      ".toggle-handle": {
-        position: "absolute",
-        top: "0px",
-        left: "0px",
-        width: "100%",
-        height: "100%",
-        opacity: "0",
-        cursor: "pointer",
-        "&.toggle-disabled": {
-          cursor: "not-allowed"
-        }
-      },
-      "&:hover .toggle:after": {
-        transform: "translateX(2px)"
-      },
-      "&:hover .toggle-handle.toggle-checked ~ .toggle:after": {
-        transform: "translateX(12px)"
-      },
-      "&:hover .toggle-handle.toggle-disabled ~ .toggle:after": {
-        transform: "translateX(0px)"
-      },
-      "&:hover .toggle-handle.toggle-checked.toggle-disabled ~ .toggle:after": {
-        transform: "translateX(14px)"
-      }
-    },
-    ".toggle": {
-      position: "absolute",
-      top: "0px",
-      left: "0px",
-      width: "100%",
-      height: "100%",
-      pointerEvents: "none",
-      borderRadius: "9999px",
-      background: theme("colors.grey.500"),
-      boxShadow: "inset 0px 1px 4px 0px ".concat(rgba(theme("colors.grey.500"), 0.2)),
-      transition: transition,
-      "&::after": {
-        position: "absolute",
-        top: "1px",
-        left: "1px",
-        width: "16px",
-        height: "16px",
-        content: '" "',
-        borderRadius: "9999px",
-        background: "linear-gradient(-180deg, ".concat(theme("colors.white"), " 0%, ").concat(theme("colors.grey.50"), " 100%)"),
-        boxShadow: "0px 1px 1px 0px ".concat(theme("colors.shadow.10")),
-        transition: transition
-      },
-      ".toggle-handle.toggle-checked ~ &": {
-        background: theme("colors.accent.600"),
-        boxShadow: "inset 0px 1px 4px 0px ".concat(rgba(theme("colors.grey.900"), 0.1)),
-        "&:after": {
-          transform: "translateX(14px)"
-        }
-      },
-      ".toggle-handle.toggle-disabled ~ &": {
-        background: theme("colors.grey.200")
-      },
-      ".toggle-checked.toggle-handle.toggle-disabled ~ &": {
-        background: theme("colors.xenon.200")
-      },
-      ".toggle-handle.toggle-invalid ~ &": {
-        background: theme("colors.red.700"),
-        "&:after": {
-          background: theme("colors.red.100")
-        }
-      }
-    },
-    "input:focus ~ .toggle": {
-      outline: "2px solid ".concat(theme("colors.accent.600")),
-      outlineOffset: "1px"
-    },
-    "input:focus.toggle-invalid ~ .toggle": {
-      outlineColor: theme("colors.red.700")
-    }
-  });
-});
-export default togglePlugin;