@algolia/satellite 1.1.0 → 1.1.1

package/dist/cjs/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/cjs/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/cjs/Toggle/Toggle.js

@@ -1,90 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Toggle = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-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, _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) { (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 `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.
- */
-var Toggle = exports.Toggle = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
-  var _inputProps$id;
-  var className = _ref.className,
-    checked = _ref.checked,
-    decorative = _ref.decorative,
-    defaultChecked = _ref.defaultChecked,
-    required = _ref.required,
-    inputProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var isControlled = typeof checked === "boolean";
-  var _useState = (0, _react.useState)(Boolean(isControlled ? checked : defaultChecked)),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    internalChecked = _useState2[0],
-    setInternalChecked = _useState2[1];
-  var isChecked = Boolean(isControlled ? checked : internalChecked);
-  var isDisabled = inputProps.disabled,
-    onChange = inputProps.onChange;
-  var _useField = (0, _Field.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 = (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["toggle-handle"]))), isChecked && (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["toggle-checked"]))), isDisabled && (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["toggle-disabled"]))), isInvalid && (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["toggle-invalid"]))));
-  var onClick = function onClick(event) {
-    if (isDisabled) {
-      return;
-    }
-    onChange === null || onChange === void 0 || onChange(event);
-    !isControlled && setInternalChecked(!isChecked);
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    translate: "yes",
-    className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["toggle-container"]))), className),
-    children: [decorative ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      className: handleClassName,
-      onClick: onClick
-    }) : /*#__PURE__*/(0, _jsxRuntime.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__*/(0, _jsxRuntime.jsx)("div", {
-      className: (0, _satellitePrefixer["default"])(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["toggle"])))
-    })]
-  });
-});
-Toggle.displayName = "Toggle";

package/dist/cjs/Toggle/Toggle.tailwind.js

@@ -1,93 +0,0 @@
-"use strict";
-
-// @ts-check
-var plugin = require("tailwindcss/plugin");
-var rgba = require("../styles/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")
-    }
-  });
-});
-module.exports = togglePlugin;

package/dist/cjs/Tooltip/OverflowTooltipWrapper.js

@@ -1,51 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.OverflowTooltipWrapper = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _reactSlot = require("@radix-ui/react-slot");
-var _react = require("react");
-var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
-var _TextWrap = require("../TextWrap");
-var _isReactText = require("../utils/isReactText");
-var _TooltipWrapper = require("./TooltipWrapper");
-var _utils = require("./utils");
-var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject;
-var _excluded = ["children"];
-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 `OverflowTooltipWrapper` component is used to wrap text that may overflow its container and display a tooltip with the full text on hover.
- *
- * See the [Tooltip documentation page](https://satellite.algolia.com/components/overlay/tooltip) for more information.
- */
-var OverflowTooltipWrapper = exports.OverflowTooltipWrapper = function OverflowTooltipWrapper(_ref) {
-  var children = _ref.children,
-    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var _useState = (0, _react.useState)(null),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    content = _useState2[0],
-    setContent = _useState2[1];
-  var onMouseEnter = function onMouseEnter(evt) {
-    setContent((0, _utils.isOverflowing)(evt.currentTarget) ? evt.currentTarget.textContent : null);
-  };
-  var Wrapper = (0, _isReactText.isReactText)(children) ? "div" : _reactSlot.Slot;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TooltipWrapper.TooltipWrapper, _objectSpread(_objectSpread({
-    content: content && /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextWrap.TextWrap, {
-      children: content
-    })
-  }, props), {}, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Wrapper, {
-      className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["truncate"]))),
-      onMouseEnter: onMouseEnter,
-      children: children
-    })
-  }));
-};

package/dist/cjs/Tooltip/Tooltip.d.ts

@@ -1,11 +0,0 @@
-import type { DetailedHTMLProps, HTMLAttributes } from "react";
-export declare type TooltipVariant = "dark" | "light";
-export interface TooltipProps extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
-    variant?: TooltipVariant;
-}
-/**
- * The `Tooltip` component displays additional information when hovering/focusing on an element. It is used to provide clarification or identify the purpose of UI elements.
- *
- * See the [Tooltip documentation page](https://satellite.algolia.com/components/overlay/tooltip) for more information.
- */
-export declare const Tooltip: import("react").ForwardRefExoticComponent<Pick<TooltipProps, "slot" | "style" | "title" | "children" | "id" | "variant" | "className" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/cjs/Tooltip/Tooltip.js

@@ -1,39 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Tooltip = 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 _react = require("react");
-var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["className", "variant"];
-var _templateObject, _templateObject2, _templateObject3;
-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 VARIANT_CLASSNAMES = {
-  dark: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["tooltip-dark"]))),
-  light: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["tooltip-light"])))
-};
-
-/**
- * The `Tooltip` component displays additional information when hovering/focusing on an element. It is used to provide clarification or identify the purpose of UI elements.
- *
- * See the [Tooltip documentation page](https://satellite.algolia.com/components/overlay/tooltip) for more information.
- */
-var Tooltip = exports.Tooltip = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
-  var className = _ref.className,
-    _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? "dark" : _ref$variant,
-    divProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, divProps), {}, {
-    className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["tooltip typo-display-body"]))), VARIANT_CLASSNAMES[variant], className),
-    ref: ref
-  }));
-});
-Tooltip.displayName = "Tooltip";

package/dist/cjs/Tooltip/TooltipWrapper.js

@@ -1,87 +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.TooltipWrapper = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var Tooltip = _interopRequireWildcard(require("@radix-ui/react-tooltip"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _react = require("react");
-var _Satellite = require("../Satellite");
-var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
-var _isReactText = require("../utils/isReactText");
-var _Tooltip = require("./Tooltip");
-var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject, _templateObject2, _templateObject3;
-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; }
-/**
- * The `TooltipWrapper` component is used to wrap content and display a tooltip on hover.
- *
- * See the [Tooltip documentation page](https://satellite.algolia.com/components/overlay/tooltip) for more information.
- */
-var TooltipWrapper = exports.TooltipWrapper = function TooltipWrapper(_ref) {
-  var show = _ref.show,
-    _ref$delay = _ref.delay,
-    delay = _ref$delay === void 0 ? 250 : _ref$delay,
-    _ref$hideDelay = _ref.hideDelay,
-    hideDelay = _ref$hideDelay === void 0 ? 500 : _ref$hideDelay,
-    tooltipContent = _ref.content,
-    _ref$side = _ref.side,
-    side = _ref$side === void 0 ? "bottom" : _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$tooltipVariant = _ref.tooltipVariant,
-    tooltipVariant = _ref$tooltipVariant === void 0 ? "dark" : _ref$tooltipVariant,
-    tooltipClassName = _ref.tooltipClassName,
-    children = _ref.children,
-    _ref$noArrow = _ref.noArrow,
-    noArrow = _ref$noArrow === void 0 ? false : _ref$noArrow,
-    _ref$interactive = _ref.interactive,
-    interactive = _ref$interactive === void 0 ? true : _ref$interactive,
-    _ref$avoidCollisions = _ref.avoidCollisions,
-    avoidCollisions = _ref$avoidCollisions === void 0 ? true : _ref$avoidCollisions;
-  var createPortal = (0, _Satellite.useCreatePortal)();
-  if (!tooltipContent) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: children
-  });
-  var hasTextChildren = (0, _isReactText.isReactText)(children);
-  if (!hasTextChildren && children.type === _react.Fragment) throw new Error("TooltipWrapper component doesn't accept a Fragment as a child.");
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Tooltip.Provider, {
-    delayDuration: delay,
-    skipDelayDuration: 300,
-    disableHoverableContent: !interactive,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(Tooltip.Root, {
-      open: show,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Tooltip.Trigger, {
-        asChild: !hasTextChildren,
-        children: children
-      }), createPortal( /*#__PURE__*/(0, _jsxRuntime.jsxs)(Tooltip.Content, {
-        className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["tooltip-content animate-slide"]))), tooltipClassName),
-        style: {
-          "--slide-hide-delay": "".concat(hideDelay, "ms")
-        },
-        side: side,
-        sideOffset: (noArrow ? 8 : 4) + sideOffset,
-        align: align,
-        alignOffset: alignOffset,
-        avoidCollisions: avoidCollisions,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.Tooltip, {
-          variant: tooltipVariant,
-          children: tooltipContent
-        }), !noArrow && /*#__PURE__*/(0, _jsxRuntime.jsx)(Tooltip.Arrow, {
-          width: 8,
-          height: 4,
-          className: (0, _clsx["default"])(tooltipVariant === "light" ? (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["arrow-light"]))) : (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["arrow-dark"]))))
-        })]
-      }))]
-    })
-  });
-};

package/dist/cjs/UserContent/UserContent.js

@@ -1,30 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.UserContent = void 0;
-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 _templateObject;
-/**
- * The `UserContent` component is used to style user generated content that comes as HTML, often from a markdown source.
- *
- * See the [User Content documentation page](https://satellite.algolia.com/layouts/user-content) for more information.
- */
-var UserContent = exports.UserContent = function UserContent(_ref) {
-  var className = _ref.className,
-    content = _ref.content,
-    _ref$styled = _ref.styled,
-    styled = _ref$styled === void 0 ? true : _ref$styled;
-  if (!content) return null;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["", ""])), styled && "usercontent"), className),
-    dangerouslySetInnerHTML: {
-      __html: content
-    }
-  });
-};

package/dist/cjs/UserContent/UserContent.tailwind.js

@@ -1,141 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-// @ts-check
-var plugin = require("tailwindcss/plugin");
-var _require = require("../styles/helpers/icons"),
-  toBG = _require.toBG;
-var rgba = require("../styles/rgba");
-module.exports = plugin(function (_ref) {
-  var addComponents = _ref.addComponents,
-    theme = _ref.theme;
-  /** @type {any} */
-  var desktop = theme("stlTypography.desktop", {});
-  /** @type {any} */
-  var mobile = theme("stlTypography.mobile", {});
-  addComponents({
-    ".usercontent": (0, _defineProperty2["default"])({
-      "h1, h2, h3, h4, h5, h6, p, ul, ol, blockquote, table": {
-        "&:not(:first-child)": {
-          marginTop: theme("spacing.4")
-        },
-        "&:not(:last-child)": {
-          marginBottom: theme("spacing.4")
-        }
-      },
-      h1: mobile["display-xlarge"],
-      h2: _objectSpread(_objectSpread({}, mobile["display-large"]), {}, {
-        color: theme("colors.grey.600")
-      }),
-      h3: mobile["display-medium"],
-      h4: mobile["display-small"],
-      h5: mobile["display-heading"],
-      h6: mobile["display-subheading"],
-      "p, ul, ol, blockquote, table": mobile["display-body"],
-      code: {
-        display: "inline-block",
-        padding: "0 ".concat(theme("spacing.1")),
-        backgroundColor: theme("colors.grey.100"),
-        color: theme("colors.grey.700"),
-        fontFamily: theme("fontFamily.mono")
-      },
-      ul: {
-        paddingLeft: theme("spacing.6"),
-        listStyleType: "disc"
-      },
-      ol: {
-        paddingLeft: theme("spacing.6"),
-        listStyleType: "decimal"
-      },
-      a: {
-        color: theme("colors.accent.600"),
-        "&:hover": {
-          textDecoration: "underline"
-        },
-        '&[target="_blank"], &[href^="http"]': {
-          position: "relative",
-          display: "inline-flex",
-          alignItems: "center",
-          whiteSpace: "nowrap",
-          "&:after": {
-            content: "''",
-            background: toBG("ExternalLink", {
-              stroke: theme("colors.accent.600"),
-              viewBox: "0 0 24 24",
-              width: "100%",
-              height: "100%"
-            }),
-            backgroundRepeat: "no-repeat",
-            width: "1em",
-            height: "1em",
-            marginLeft: theme("spacing.1")
-          }
-        }
-      },
-      blockquote: {
-        paddingLeft: theme("spacing.4"),
-        borderLeft: "2px solid ".concat(theme("colors.grey.200")),
-        color: theme("colors.grey.600")
-      },
-      pre: _objectSpread(_objectSpread({}, mobile["display-code"]), {}, {
-        overflow: "auto",
-        maxWidth: "100%",
-        maxHeight: theme("spacing.64"),
-        margin: "".concat(theme("spacing.2"), " 0"),
-        padding: "".concat(theme("spacing.2"), " ").concat(theme("spacing.4")),
-        borderRadius: theme("borderRadius.DEFAULT"),
-        backgroundColor: theme("colors.grey.100"),
-        color: theme("colors.grey.700"),
-        code: {
-          display: "inline",
-          backgroundColor: "transparent",
-          color: "inherit"
-        }
-      }),
-      img: {
-        display: "block",
-        maxWidth: "100%",
-        height: "auto",
-        margin: "auto"
-      },
-      hr: {
-        borderWidth: "0 0 2px 0",
-        borderStyle: "solid",
-        borderColor: theme("colors.grey.200")
-      },
-      "b, strong, th": {
-        fontWeight: "600"
-      },
-      table: {
-        width: "100%",
-        borderCollapse: "collapse",
-        textAlign: "left",
-        "th, td": {
-          padding: "14px 16px"
-        },
-        th: {
-          borderBottom: "1px solid ".concat(theme("colors.grey.200")),
-          fontWeight: "normal"
-        },
-        "tr:not(:last-child) td": {
-          borderBottom: "1px solid ".concat(theme("colors.grey.100"))
-        },
-        "tr:hover td": {
-          backgroundColor: rgba(theme("colors.grey.100"), 0.6)
-        }
-      }
-    }, "@media (min-width: ".concat(theme("screens.md"), ")"), {
-      h1: desktop["display-xlarge"],
-      h2: desktop["display-large"],
-      h3: desktop["display-medium"],
-      h4: desktop["display-small"],
-      h5: desktop["display-heading"],
-      h6: desktop["display-subheading"],
-      "p, ul, ol, blockquote, table": desktop["display-body"],
-      pre: desktop["display-code"]
-    })
-  });
-});