@algolia/satellite 2.0.0-rc.6 → 2.1.0-rc.1

package/dist/esm/Overlay/MenuButton/components/Divider.js

@@ -1,10 +1,13 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject;
 import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
-import stl from "../../../styles/helpers/satellitePrefixer";
+import { forwardRef } from "react";
+import stl from "./../../../styles/helpers/satellitePrefixer";
 import { jsx as _jsx } from "react/jsx-runtime";
-export var Divider = function Divider() {
+export var Divider = /*#__PURE__*/forwardRef(function (_, ref) {
   return /*#__PURE__*/_jsx(DropdownMenu.Separator, {
-    className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["border-b border-grey-100"])))
+    className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["border-b border-grey-100"]))),
+    ref: ref
   });
-};
+});
+Divider.displayName = "MenuButton.Divider";

package/dist/esm/Overlay/MenuButton/components/Label.d.ts

@@ -1,3 +1,4 @@
-import type { FC, PropsWithChildren } from "react";
-export declare type LabelProps = JSX.IntrinsicElements["span"];
+import { type DropdownMenuLabelProps } from "@radix-ui/react-dropdown-menu";
+import { type FC, type PropsWithChildren } from "react";
+export declare type LabelProps = DropdownMenuLabelProps;
 export declare const Label: FC<PropsWithChildren<LabelProps>>;

package/dist/esm/Overlay/MenuButton/components/Label.js

@@ -5,17 +5,20 @@ var _templateObject;
 var _excluded = ["className"];
 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 DropdownMenu from "@radix-ui/react-dropdown-menu";
+import { Label as DropdownMenuLabel } from "@radix-ui/react-dropdown-menu";
 import cx from "clsx";
-import stl from "../../../styles/helpers/satellitePrefixer";
+import { forwardRef } from "react";
+import stl from "./../../../styles/helpers/satellitePrefixer";
 import { jsx as _jsx } from "react/jsx-runtime";
-export var Label = function Label(_ref) {
+export var Label = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/_jsx(DropdownMenu.Label, {
+  return /*#__PURE__*/_jsx(DropdownMenuLabel, {
     asChild: true,
+    ref: ref,
     children: /*#__PURE__*/_jsx("span", _objectSpread(_objectSpread({}, props), {}, {
       className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex items-center h-10 px-4\n          border-grey-100 border-b border-t first:border-t-0\n          display-subheading"]))), className)
     }))
   });
-};
+});
+Label.displayName = "MenuButton.Label";

package/dist/esm/Overlay/MenuButton/components/collapsible/CollapsibleItem.d.ts

@@ -1,8 +1,10 @@
-import type { FC, MouseEvent, PropsWithChildren, ReactNode } from "react";
+import type { MouseEvent, ReactNode } from "react";
 export interface CollapsibleItemProps {
     title: ReactNode;
     name?: string;
     expanded?: boolean;
     onClick?: (evt: MouseEvent<HTMLElement>, name: string, expandedItems: readonly string[]) => void;
 }
-export declare const CollapsibleItem: FC<PropsWithChildren<CollapsibleItemProps>>;
+export declare const CollapsibleItem: import("react").ForwardRefExoticComponent<CollapsibleItemProps & {
+    children?: ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/esm/Overlay/MenuButton/components/collapsible/CollapsibleItem.js

@@ -2,13 +2,13 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
-import { useState } from "react";
-import { ChevronDownIcon, ChevronRightIcon } from "../../../../Icons";
-import stl from "../../../../styles/helpers/satellitePrefixer";
-import { uniqueId } from "../../../../utils";
+import { forwardRef, useState } from "react";
 import { useCollapsibleItemsGroup } from "./CollapsibleItemsGroupContext";
+import { ChevronDownIcon, ChevronRightIcon } from "./../../../../Icons";
+import stl from "./../../../../styles/helpers/satellitePrefixer";
+import { uniqueId } from "./../../../../utils";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export var CollapsibleItem = function CollapsibleItem(_ref) {
+export var CollapsibleItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var title = _ref.title,
     name = _ref.name,
     expanded = _ref.expanded,
@@ -29,6 +29,7 @@ export var CollapsibleItem = function CollapsibleItem(_ref) {
     className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex flex-col"]))),
     children: [/*#__PURE__*/_jsxs(DropdownMenu.Item, {
       className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n          w-full h-10 px-4\n          flex items-center justify-between\n          text-grey-900 hover:bg-grey-100 focus:bg-grey-100 focus:outline-none cursor-pointer\n        "]))),
+      ref: ref,
       onSelect: function onSelect(evt) {
         return evt.preventDefault();
       },
@@ -50,4 +51,5 @@ export var CollapsibleItem = function CollapsibleItem(_ref) {
       children: children
     })]
   });
-};
+});
+CollapsibleItem.displayName = "MenuButton.CollapsibleItem";

package/dist/esm/Overlay/MenuButton/components/items/Item.d.ts

@@ -1,7 +1,8 @@
+/// <reference types="react" />
+import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
 import type { DropdownMenuItemProps } from "@radix-ui/react-dropdown-menu";
-import type { FC, PropsWithChildren } from "react";
 import type { IconComponentType } from "../../../../Icons";
-import type { BaseItemProps } from "../../useMenuItemProps";
+import type { BaseItemProps } from "../../../../Overlay/MenuButton/useMenuItemProps";
 export declare type ItemProps = BaseItemProps<HTMLDivElement> & DropdownMenuItemProps & {
     /** Left aligned icon */
     startIcon?: IconComponentType;
@@ -11,4 +12,14 @@ export declare type ItemProps = BaseItemProps<HTMLDivElement> & DropdownMenuItem
      */
     variant?: "default" | "destructive";
 };
-export declare const Item: FC<PropsWithChildren<ItemProps>>;
+export declare const Item: import("react").ForwardRefExoticComponent<BaseItemProps<HTMLDivElement> & DropdownMenu.DropdownMenuItemProps & {
+    /** Left aligned icon */
+    startIcon?: IconComponentType | undefined;
+    /**
+     * Variant of the item
+     * @default "default"
+     */
+    variant?: "default" | "destructive" | undefined;
+} & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/esm/Overlay/MenuButton/components/items/Item.js

@@ -7,10 +7,11 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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 DropdownMenu from "@radix-ui/react-dropdown-menu";
 import cx from "clsx";
-import stl from "../../../../styles/helpers/satellitePrefixer";
-import { useMenuItemProps } from "../../useMenuItemProps";
+import { forwardRef } from "react";
+import { useMenuItemProps } from "./../../useMenuItemProps";
+import stl from "./../../../../styles/helpers/satellitePrefixer";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export var Item = function Item(props) {
+export var Item = /*#__PURE__*/forwardRef(function (props, ref) {
   var itemProps = useMenuItemProps(props);
   var _props$itemProps = _objectSpread(_objectSpread({}, props), itemProps),
     children = _props$itemProps.children,
@@ -20,6 +21,7 @@ export var Item = function Item(props) {
   var showDestructiveVariant = !props.disabled && variant === "destructive";
   return /*#__PURE__*/_jsxs(DropdownMenu.Item, _objectSpread(_objectSpread({}, mergedProps), {}, {
     className: cx(mergedProps.className, stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["w-full"])))),
+    ref: ref,
     children: [StartIcon && /*#__PURE__*/_jsx(StartIcon, {
       className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["mr-2 shrink-0 ", ""])), showDestructiveVariant ? "text-red-700" : "text-grey-500"),
       width: "1rem",
@@ -29,4 +31,5 @@ export var Item = function Item(props) {
       children: children
     })]
   }));
-};
+});
+Item.displayName = "MenuButton.Item";

package/dist/esm/Overlay/MenuButton/components/items/LinkItem.d.ts

@@ -1,8 +1,8 @@
-import type { FC, PropsWithChildren } from "react";
+import { type FC, type PropsWithChildren } from "react";
 import type { IconComponentType } from "../../../../Icons";
-import type { BaseItemProps } from "../../useMenuItemProps";
+import type { BaseItemProps } from "../../../../Overlay/MenuButton/useMenuItemProps";
 declare type LinkItemNavigationType = "auto" | "reload" | "newTab";
-export declare type LinkItemProps = BaseItemProps & {
+export declare type LinkItemProps = BaseItemProps & PropsWithChildren<{
     href: string;
     /** Left aligned icon */
     startIcon?: IconComponentType;
@@ -11,6 +11,6 @@ export declare type LinkItemProps = BaseItemProps & {
      * @default auto
      * */
     navigationType?: LinkItemNavigationType;
-};
-export declare const LinkItem: FC<PropsWithChildren<LinkItemProps>>;
+}>;
+export declare const LinkItem: FC<LinkItemProps>;
 export {};

package/dist/esm/Overlay/MenuButton/components/items/LinkItem.js

@@ -7,14 +7,15 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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 DropdownMenu from "@radix-ui/react-dropdown-menu";
 import cx from "clsx";
+import { forwardRef } from "react";
 import { useMemo } from "react";
-import { ExternalLinkIcon } from "../../../../Icons";
-import { useSatelliteContext } from "../../../../Satellite";
-import stl from "../../../../styles/helpers/satellitePrefixer";
-import { parseURL } from "../../../../utils/parseUrl";
-import { useMenuItemProps } from "../../useMenuItemProps";
+import { ExternalLinkIcon } from "./../../../../Icons";
+import { useMenuItemProps } from "./../../useMenuItemProps";
+import { useSatelliteContext } from "./../../../../Satellite";
+import stl from "./../../../../styles/helpers/satellitePrefixer";
+import { parseURL } from "./../../../../utils/parseUrl";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export var LinkItem = function LinkItem(props) {
+export var LinkItem = /*#__PURE__*/forwardRef(function (props, ref) {
   var _useSatelliteContext = useSatelliteContext(),
     router = _useSatelliteContext.router;
   var itemProps = useMenuItemProps(props);
@@ -47,6 +48,7 @@ export var LinkItem = function LinkItem(props) {
   };
   return /*#__PURE__*/_jsxs(DropdownMenu.Item, _objectSpread(_objectSpread({}, mergedProps), {}, {
     className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex items-center"]))), className),
+    ref: ref,
     onClick: onItemClick,
     children: [StartIcon && /*#__PURE__*/_jsx(StartIcon, {
       className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["mr-2 shrink-0 text-grey-500"]))),
@@ -60,4 +62,5 @@ export var LinkItem = function LinkItem(props) {
       size: "1em"
     })]
   }));
-};
+});
+LinkItem.displayName = "MenuButton.LinkItem";

package/dist/esm/Overlay/MenuButton/components/items/RadioItem.d.ts

@@ -1,5 +1,8 @@
+import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
 import type { DropdownMenuRadioItemProps } from "@radix-ui/react-dropdown-menu";
-import type { FC, PropsWithChildren } from "react";
-import type { BaseItemProps } from "../../useMenuItemProps";
-export declare type RadioItemProps = Pick<DropdownMenuRadioItemProps, "value" | "defaultChecked"> & BaseItemProps<HTMLDivElement>;
-export declare const RadioItem: FC<PropsWithChildren<RadioItemProps>>;
+import type { PropsWithChildren } from "react";
+import type { BaseItemProps } from "../../../../Overlay/MenuButton/useMenuItemProps";
+export declare type RadioItemProps = PropsWithChildren<Pick<DropdownMenuRadioItemProps, "value" | "defaultChecked">> & BaseItemProps<HTMLDivElement>;
+export declare const RadioItem: import("react").ForwardRefExoticComponent<Pick<DropdownMenu.DropdownMenuRadioItemProps, "value" | "defaultChecked"> & {
+    children?: import("react").ReactNode;
+} & BaseItemProps<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/esm/Overlay/MenuButton/components/items/RadioItem.js

@@ -7,11 +7,12 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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 DropdownMenu from "@radix-ui/react-dropdown-menu";
 import cx from "clsx";
-import { CheckIcon } from "../../../../Icons";
-import stl from "../../../../styles/helpers/satellitePrefixer";
-import { useMenuItemProps } from "../../useMenuItemProps";
+import { forwardRef } from "react";
+import { CheckIcon } from "./../../../../Icons";
+import { useMenuItemProps } from "./../../useMenuItemProps";
+import stl from "./../../../../styles/helpers/satellitePrefixer";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export var RadioItem = function RadioItem(props) {
+export var RadioItem = /*#__PURE__*/forwardRef(function (props, ref) {
   var itemProps = useMenuItemProps(props);
   var _props$itemProps = _objectSpread(_objectSpread({}, props), itemProps),
     children = _props$itemProps.children,
@@ -19,6 +20,7 @@ export var RadioItem = function RadioItem(props) {
     radioProps = _objectWithoutProperties(_props$itemProps, _excluded);
   return /*#__PURE__*/_jsx(DropdownMenu.RadioItem, _objectSpread(_objectSpread({}, radioProps), {}, {
     className: cx(className, stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["data-[state=checked]:bg-xenon-100"])))),
+    ref: ref,
     onSelect: function onSelect(e) {
       return e.preventDefault();
     },
@@ -35,5 +37,5 @@ export var RadioItem = function RadioItem(props) {
       })]
     })
   }));
-};
-RadioItem.displayName = "RadioItem";
+});
+RadioItem.displayName = "MenuButton.RadioItem";

package/dist/esm/Overlay/MenuButton/components/items/ToggleItem.js

@@ -8,12 +8,12 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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 DropdownMenu from "@radix-ui/react-dropdown-menu";
 import cx from "clsx";
-import { useState } from "react";
-import { Switch } from "../../../../Fields";
-import stl from "../../../../styles/helpers/satellitePrefixer";
-import { useMenuItemProps } from "../../useMenuItemProps";
+import { forwardRef, useState } from "react";
+import { Switch } from "./../../../../Fields";
+import { useMenuItemProps } from "./../../useMenuItemProps";
+import stl from "./../../../../styles/helpers/satellitePrefixer";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export var ToggleItem = function ToggleItem(props) {
+export var ToggleItem = /*#__PURE__*/forwardRef(function (props, ref) {
   var itemProps = useMenuItemProps(props);
   var _props$itemProps = _objectSpread(_objectSpread({}, props), itemProps),
     className = _props$itemProps.className,
@@ -34,6 +34,7 @@ export var ToggleItem = function ToggleItem(props) {
     asChild: true,
     disabled: disabled,
     checked: isChecked,
+    ref: ref,
     onSelect: function onSelect(event) {
       // we prevent the default behavior from Radix which consist in closing
       // the menu when clicking on an item list while we want to keep it open
@@ -64,4 +65,5 @@ export var ToggleItem = function ToggleItem(props) {
       })]
     })
   }));
-};
+});
+ToggleItem.displayName = "MenuButton.ToggleItem";

package/dist/esm/Overlay/MenuButton/useMenuItemProps.js

@@ -1,7 +1,7 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject;
 import cx from "clsx";
-import stl from "../../styles/helpers/satellitePrefixer";
+import stl from "./../../styles/helpers/satellitePrefixer";
 export var useMenuItemProps = function useMenuItemProps(props) {
   var className = cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      flex items-center\n      min-h-10 px-4 text-left\n      focus:no-underline hover:no-underline\n      ", "\n    "])), props.disabled ? "text-grey-300 cursor-not-allowed outline-none pointer-events-none" : "text-inherit hover:bg-grey-100 focus:bg-grey-100 focus:outline-none cursor-pointer"), props.className);
   return {

package/dist/esm/Overlay/Modal/Modal.d.ts

@@ -1,7 +1,7 @@
 import type { FC, ReactNode } from "react";
-import type { XOR } from "../../types";
 import { ModalFooter } from "./components/ModalFooter";
 import { ModalSection } from "./components/ModalSection";
+import type { XOR } from "../../types";
 export declare type ModalSizeVariant = "medium" | "large";
 export declare type ModalLocale = {
     dismissText?: string;
@@ -56,7 +56,7 @@ declare type ModalSubComponents = {
 /**
  * The `Modal` component is a dialog window that is used to display content on top of an application.
  *
- * See the [Modal documentation page](https://satellite.algolia.com/components/overlay/modal) for more information.
+ * See the [Modal documentation page](https://satellite.algolia.com/8261d6576/p/144213-modal) for more information.
  */
 export declare const Modal: FC<ModalProps> & ModalSubComponents;
 export {};

package/dist/esm/Overlay/Modal/Modal.js

@@ -7,14 +7,14 @@ import * as Dialog from "@radix-ui/react-dialog";
 import { VisuallyHidden } from "@radix-ui/react-visually-hidden";
 import cx from "clsx";
 import { Fragment, useRef } from "react";
-import { IconButton } from "../../Actions";
-import { XIcon } from "../../Icons";
-import { Card } from "../../Layout";
-import { useCreatePortal, useLocale } from "../../Satellite";
-import stl from "../../styles/helpers/satellitePrefixer";
-import { prefersReducedMotion } from "../../utils/prefersReducedMotion";
 import { ModalFooter } from "./components/ModalFooter";
 import { ModalSection } from "./components/ModalSection";
+import { IconButton } from "./../../Actions";
+import { XIcon } from "./../../Icons";
+import { Card } from "./../../Layout";
+import { useCreatePortal, useLocale } from "./../../Satellite";
+import stl from "./../../styles/helpers/satellitePrefixer";
+import { prefersReducedMotion } from "./../../utils/prefersReducedMotion";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var DEFAULT_MODAL_LOCALE = {
   dismissText: "Dismiss",
@@ -28,7 +28,7 @@ var SIZE_CLASSNAMES = {
 /**
  * The `Modal` component is a dialog window that is used to display content on top of an application.
  *
- * See the [Modal documentation page](https://satellite.algolia.com/components/overlay/modal) for more information.
+ * See the [Modal documentation page](https://satellite.algolia.com/8261d6576/p/144213-modal) for more information.
  */
 export var Modal = function Modal(_ref) {
   var title = _ref.title,

package/dist/esm/Overlay/Modal/components/ModalFooter.js

@@ -6,8 +6,8 @@ var _excluded = ["className", "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) { _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 { FlexGrid } from "../../../Layout";
-import stl from "../../../styles/helpers/satellitePrefixer";
+import { FlexGrid } from "./../../../Layout";
+import stl from "./../../../styles/helpers/satellitePrefixer";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var ModalFooter = function ModalFooter(_ref) {
   var className = _ref.className,

package/dist/esm/Overlay/Modal/components/ModalSection.js

@@ -1,7 +1,7 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject;
 import cx from "clsx";
-import stl from "../../../styles/helpers/satellitePrefixer";
+import stl from "./../../../styles/helpers/satellitePrefixer";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var ModalSection = function ModalSection(_ref) {
   var children = _ref.children,

package/dist/esm/Overlay/OverflowTooltipWrapper/OverflowTooltipWrapper.d.ts

@@ -1,10 +1,10 @@
 import type { FC } from "react";
-import type { TooltipWrapperBaseProps } from "../TooltipWrapper/types";
+import type { TooltipWrapperBaseProps } from "../../Overlay/TooltipWrapper/types";
 export interface OverflowTooltipWrapperProps extends TooltipWrapperBaseProps {
 }
 /**
  * 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.
+ * See the [Tooltip documentation page](https://satellite.algolia.com/8261d6576/p/83d011-tooltip) for more information.
  */
 export declare const OverflowTooltipWrapper: FC<OverflowTooltipWrapperProps>;

package/dist/esm/Overlay/OverflowTooltipWrapper/OverflowTooltipWrapper.js

@@ -8,16 +8,16 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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 { Slot } from "@radix-ui/react-slot";
 import { useState } from "react";
-import { TextWrap } from "../../Helpers";
-import stl from "../../styles/helpers/satellitePrefixer";
-import { isReactText } from "../../utils/isReactText";
-import { TooltipWrapper } from "../TooltipWrapper/TooltipWrapper";
 import { isOverflowing } from "./utils";
+import { TextWrap } from "./../../Helpers";
+import { TooltipWrapper } from "./../TooltipWrapper/TooltipWrapper";
+import stl from "./../../styles/helpers/satellitePrefixer";
+import { isReactText } from "./../../utils/isReactText";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * 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.
+ * See the [Tooltip documentation page](https://satellite.algolia.com/8261d6576/p/83d011-tooltip) for more information.
  */
 export var OverflowTooltipWrapper = function OverflowTooltipWrapper(_ref) {
   var children = _ref.children,

package/dist/esm/Overlay/Popover/Popover.d.ts

@@ -4,6 +4,6 @@ export declare const 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.
+ * See the [Popover documentation page](https://satellite.algolia.com/8261d6576/p/1697fa-popover) for more information.
  */
 export declare const Popover: FC<PopoverProps>;

package/dist/esm/Overlay/Popover/Popover.js

@@ -9,11 +9,11 @@ import * as PopoverPrimitive from "@radix-ui/react-popover";
 import cx from "clsx";
 import { useMemo, useRef } from "react";
 import { Fragment } from "react";
-import { IconButton } from "../../Actions";
-import { XIcon } from "../../Icons";
-import { useCreatePortal, useLocale } from "../../Satellite";
-import stl from "../../styles/helpers/satellitePrefixer";
-import { uniqueId } from "../../utils";
+import { IconButton } from "./../../Actions";
+import { XIcon } from "./../../Icons";
+import { useCreatePortal, useLocale } from "./../../Satellite";
+import stl from "./../../styles/helpers/satellitePrefixer";
+import { uniqueId } from "./../../utils";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var DEFAULT_POPOVER_LOCALE = {
   dismissText: "Dismiss"
@@ -23,7 +23,7 @@ export var 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.
+ * See the [Popover documentation page](https://satellite.algolia.com/8261d6576/p/1697fa-popover) for more information.
  */
 export var Popover = function Popover(_ref) {
   var children = _ref.children,

package/dist/esm/Overlay/Tooltip/Tooltip.d.ts

@@ -6,6 +6,6 @@ export interface TooltipProps extends DetailedHTMLProps<HTMLAttributes<HTMLDivEl
 /**
  * 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.
+ * See the [Tooltip documentation page](https://satellite.algolia.com/8261d6576/p/83d011-tooltip) for more information.
  */
 export declare const Tooltip: import("react").ForwardRefExoticComponent<Omit<TooltipProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/esm/Overlay/Tooltip/Tooltip.js

@@ -7,7 +7,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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 } from "react";
-import stl from "../../styles/helpers/satellitePrefixer";
+import stl from "./../../styles/helpers/satellitePrefixer";
 import { jsx as _jsx } from "react/jsx-runtime";
 var VARIANT_CLASSNAMES = {
   dark: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["tooltip-dark"]))),
@@ -17,7 +17,7 @@ var VARIANT_CLASSNAMES = {
 /**
  * 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.
+ * See the [Tooltip documentation page](https://satellite.algolia.com/8261d6576/p/83d011-tooltip) for more information.
  */
 export var Tooltip = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,

package/dist/esm/Overlay/TooltipWrapper/TooltipWrapper.d.ts

@@ -14,6 +14,6 @@ export interface TooltipWrapperProps extends TooltipWrapperBaseProps {
 /**
  * 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.
+ * See the [Tooltip documentation page](https://satellite.algolia.com/8261d6576/p/83d011-tooltip) for more information.
  */
 export declare const TooltipWrapper: FC<TooltipWrapperProps>;

package/dist/esm/Overlay/TooltipWrapper/TooltipWrapper.js

@@ -3,15 +3,15 @@ var _templateObject, _templateObject2, _templateObject3;
 import * as Tooltip from "@radix-ui/react-tooltip";
 import cx from "clsx";
 import { Fragment } from "react";
-import { useCreatePortal } from "../../Satellite";
-import stl from "../../styles/helpers/satellitePrefixer";
-import { isReactText } from "../../utils/isReactText";
-import { Tooltip as SatelliteTooltip } from "../Tooltip/Tooltip";
+import { Tooltip as SatelliteTooltip } from "./../Tooltip/Tooltip";
+import { useCreatePortal } from "./../../Satellite";
+import stl from "./../../styles/helpers/satellitePrefixer";
+import { isReactText } from "./../../utils/isReactText";
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * 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.
+ * See the [Tooltip documentation page](https://satellite.algolia.com/8261d6576/p/83d011-tooltip) for more information.
  */
 export var TooltipWrapper = function TooltipWrapper(_ref) {
   var show = _ref.show,

package/dist/esm/Overlay/TooltipWrapper/types.d.ts

@@ -1,6 +1,6 @@
 import type { TooltipContentProps } from "@radix-ui/react-tooltip";
 import type { ReactElement } from "react";
-import type { TooltipVariant } from "../Tooltip/Tooltip";
+import type { TooltipVariant } from "../../Overlay/Tooltip/Tooltip";
 export interface TooltipWrapperBaseProps {
     /**
      * Defines how long you should hover the wrapped element before displaying the `Tooltip` (in ms).

package/dist/esm/Satellite/SatelliteRouter.js

@@ -1,6 +1,6 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import "../utils/event-polyfill";
+import "./../utils/event-polyfill";
 export var DefaultRouter = /*#__PURE__*/function () {
   function DefaultRouter() {
     _classCallCheck(this, DefaultRouter);

package/dist/esm/Satellite/locale.d.ts

@@ -1,6 +1,6 @@
-import type { UserAvatarLocale } from "../Avatars";
-import type { AutoCompleteLocale, DateInputLocale, DatePickerLocale, DropzoneLocale, ExperimentalFormLocale, FilePickerLocale, InputPropsLocale } from "../Fields";
+import type { AutoCompleteLocale, DateInputLocale, DatePickerLocale, DropzoneLocale, ExperimentalDateRangeInputLocale, ExperimentalFormLocale, FilePickerLocale, InputPropsLocale } from "../Fields";
 import type { AnnouncementBadgeLocale, TagLocale, ToastLocale, ToastsLocale } from "../Indicators";
+import type { UserAvatarLocale } from "../Indicators/Avatars";
 import type { DataTableLocale, SidebarLocale } from "../Layout";
 import type { CompactPaginationLocale, DotPaginationLocale, PaginationLocale, StepperLocale } from "../Navigation";
 import type { ModalLocale, PopoverLocale } from "../Overlay";
@@ -11,6 +11,7 @@ export declare type ComponentsLocales = {
     dataTable?: DataTableLocale;
     dateInput?: DateInputLocale;
     datePicker?: DatePickerLocale;
+    dateRangeInput?: ExperimentalDateRangeInputLocale;
     dotPagination?: DotPaginationLocale;
     dropzone?: DropzoneLocale;
     filePicker?: FilePickerLocale;

package/dist/esm/Typography/Typography.tailwind.js

@@ -2,10 +2,9 @@ import _defineProperty from "@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) { _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 _plugin from "tailwindcss/plugin";
-import _require2 from "lodash";
+import _mapKeys from "lodash/mapKeys";
 // @ts-check
-var _require = _require2,
-  mapKeys = _require.mapKeys;
+var mapKeys = _mapKeys;
 var plugin = _plugin;
 var typographyPlugin = plugin(function (_ref) {
   var theme = _ref.theme,
@@ -57,7 +56,7 @@ var typographyPlugin = plugin(function (_ref) {
 }, {
   content: [],
   theme: {
-    // @ts-ignore
+    // @ts-expect-error - no type
     stlTypography: function stlTypography(_ref2) {
       var theme = _ref2.theme;
       // Need to transform it to a string because in this context, Tailwind doesn't automagically turn it into a string value

package/dist/esm/index.d.ts

@@ -7,7 +7,6 @@ export * from "./utils/NumberUnion";
 export * from "./utils/parseUrl";
 export * from "./utils/useLinkProps";
 export * from "./Actions";
-export * from "./Avatars";
 export * from "./Fields";
 export * from "./Helpers";
 export * from "./Icons";

package/dist/esm/index.js

@@ -7,7 +7,6 @@ export * from "./utils/NumberUnion";
 export * from "./utils/parseUrl";
 export * from "./utils/useLinkProps";
 export * from "./Actions";
-export * from "./Avatars";
 export * from "./Fields";
 export * from "./Helpers";
 export * from "./Icons";