@algolia/satellite 1.1.2 → 1.3.0

package/dist/esm/Indicators/Banners/Promote/Promote.js

@@ -5,8 +5,7 @@ import { IconButton } from "../../../Actions";
 import { XIcon } from "../../../Icons";
 import { Card } from "../../../Layout";
 import stl from "../../../styles/helpers/satellitePrefixer";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var TITLE_VARIANT_CLASSNAMES = {
   compact: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["display-heading mb-2"]))),
   large: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["display-medium mb-4"])))

package/dist/esm/Indicators/Banners/SystemNotification/SystemNotification.js

@@ -2,8 +2,7 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject, _templateObject2, _templateObject3;
 import { AlertCircleIcon } from "../../../Icons";
 import stl from "../../../styles/helpers/satellitePrefixer";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * The `SystemNotification` component is a top-of-page alert for critical system messages, updates, and urgent warnings.
  *

package/dist/esm/Indicators/EmptyState/EmptyState.js

@@ -2,8 +2,7 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30;
 import cx from "clsx";
 import stl from "../../styles/helpers/satellitePrefixer";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var CONTAINER_CONTEXT_CLASSNAMES = {
   result: {
     medium: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["max-w-xs"]))),

package/dist/esm/Indicators/ProgressSpinner/ProgressSpinner.js

@@ -7,8 +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 stl from "../../styles/helpers/satellitePrefixer";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var ALIGN_CLASSNAMES = {
   left: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["mr-auto"]))),
   center: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["m-auto"]))),

package/dist/esm/Indicators/Tag/Tag.d.ts

@@ -27,4 +27,4 @@ export interface TagProps extends DetailedHTMLProps<HTMLAttributes<HTMLSpanEleme
  *
  * See the [Tag documentation page](https://satellite.algolia.com/components/forms/tag) for more information.
  */
-export declare const Tag: import("react").ForwardRefExoticComponent<Pick<TagProps, "slot" | "style" | "title" | "className" | "children" | "role" | "id" | "locale" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "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" | "variant" | "onAdd" | "addTooltip" | "onRemove" | "removeTooltip"> & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const Tag: import("react").ForwardRefExoticComponent<Omit<TagProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;

package/dist/esm/Indicators/Tag/Tag.js

@@ -12,8 +12,7 @@ import { PlusIcon, XIcon } from "../../Icons";
 import { TooltipWrapper } from "../../Overlay";
 import { useLocale } from "../../Satellite";
 import stl from "../../styles/helpers/satellitePrefixer";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var DEFAULT_TAG_LOCALE = {
   addButton: function addButton(title) {
     return "Add \"".concat(title, "\"");
@@ -87,7 +86,7 @@ export var Tag = /*#__PURE__*/forwardRef(function (_ref, ref) {
       hideDelay: 0,
       side: "bottom",
       children: /*#__PURE__*/_jsxs("button", _objectSpread(_objectSpread({}, tabIndexProps), {}, {
-        className: cx(stl(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["tag-add-button"]))), !removable && stl(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["-mr-2"]))), BUTTON_VARIANT_CLASSNAMES[variant]),
+        className: cx(stl(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["tag-add-button focusable-visible"]))), !removable && stl(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["-mr-2"]))), BUTTON_VARIANT_CLASSNAMES[variant]),
         type: "button",
         onClick: handleAdd,
         "aria-label": typeof locale.addButton === "function" ? locale.addButton(title) : locale.addButton,
@@ -101,7 +100,7 @@ export var Tag = /*#__PURE__*/forwardRef(function (_ref, ref) {
       side: "bottom",
       align: "start",
       children: /*#__PURE__*/_jsx("button", _objectSpread(_objectSpread({}, tabIndexProps), {}, {
-        className: cx(stl(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["tag-close-button p-1"]))), !addable && stl(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["ml-2"]))), BUTTON_VARIANT_CLASSNAMES[variant]),
+        className: cx(stl(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["tag-close-button focusable-visible p-1"]))), !addable && stl(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["ml-2"]))), BUTTON_VARIANT_CLASSNAMES[variant]),
         type: "button",
         onClick: handleRemove,
         "aria-label": typeof locale.removeButton === "function" ? locale.removeButton(title) : locale.removeButton,

package/dist/esm/Indicators/Tag/Tag.tailwind.js

@@ -10,7 +10,6 @@ var tagPlugin = plugin(function (_ref) {
       alignItems: "center",
       borderRadius: theme("borderRadius.DEFAULT"),
       border: "1px solid transparent",
-      overflow: "hidden",
       height: theme("spacing.6"),
       padding: "0 ".concat(theme("spacing.2")),
       fontSize: theme("fontSize.base"),
@@ -20,33 +19,19 @@ var tagPlugin = plugin(function (_ref) {
       display: "inline-flex",
       alignItems: "center",
       height: "100%",
+      borderRadius: theme("borderRadius.DEFAULT"),
       paddingLeft: theme("spacing.2"),
       paddingRight: theme("spacing.2"),
       marginLeft: "-".concat(theme("spacing.2")),
-      columnGap: theme("spacing.2"),
-      "&, &:focus": {
-        outlineWidth: "0px"
-      },
-      "&:focus-visible": {
-        outlineOffset: "-2px",
-        outlineWidth: "3px",
-        outlineColor: theme("colors.accent.600")
-      }
+      columnGap: theme("spacing.2")
     },
     ".tag-close-button": {
       height: "100%",
+      borderRadius: theme("borderRadius.DEFAULT"),
       paddingLeft: theme("spacing.1"),
       paddingRight: theme("spacing.1"),
       marginRight: "-".concat(theme("spacing.2")),
-      borderLeft: "1px solid transparent",
-      "&, &:focus": {
-        outlineWidth: "0px"
-      },
-      "&:focus-visible": {
-        outlineOffset: "-2px",
-        outlineWidth: "3px",
-        outlineColor: theme("colors.accent.600")
-      }
+      borderLeft: "1px solid transparent"
     }
   });
 });

package/dist/esm/Indicators/Toast/Toast.js

@@ -14,8 +14,7 @@ import { useLocale } from "../../Satellite";
 import stl from "../../styles/helpers/satellitePrefixer";
 import { isRenderedChild } from "../../utils/isRenderedChild";
 import { ProgressSpinner } from "../ProgressSpinner";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var DEFAULT_TOAST_LOCALE = {
   dismissText: "Dismiss"
 };

package/dist/esm/Indicators/Toast/Toasts.js

@@ -1,7 +1,7 @@
 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 _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 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; }
@@ -11,8 +11,7 @@ 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";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var DEFAULT_TOASTS_LOCALE = {
   hotkeyLabel: "Notifications"
 };
@@ -74,6 +73,7 @@ export var Toasts = function Toasts(_ref) {
             role: "listitem",
             "aria-live": undefined,
             "aria-atomic": undefined,
+            className: stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["focusable-visible rounded"]))),
             children: /*#__PURE__*/_jsx(Toast, _objectSpread(_objectSpread({}, rest), {}, {
               role: "status",
               "aria-live": "polite",
@@ -86,7 +86,7 @@ export var Toasts = function Toasts(_ref) {
     }), /*#__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"])))
+      className: stl(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["z-notification bottom-0 right-0 fixed flex flex-col items-end p-4 gap-4"])))
     })]
   }));
 };

package/dist/esm/Layout/Insert/Insert.js

@@ -3,8 +3,7 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 import { Badge } from "../../Indicators";
 import stl from "../../styles/helpers/satellitePrefixer";
 import { onlyText } from "../../utils/onlyText";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * The `Insert` component is used to give extra information to the user about the flow they are in or to highlight and define some terms used.
  *

package/dist/esm/Layout/Sidebar/SidebarButtonLink.js

@@ -10,8 +10,7 @@ import { TooltipWrapper } from "../../Overlay";
 import stl from "../../styles/helpers/satellitePrefixer";
 import { useLinkProps } from "../../utils/useLinkProps";
 import { useSidebarContext } from "./SidebarContext";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var Tooltip = function Tooltip(_ref) {
   var content = _ref.content,
     children = _ref.children;

package/dist/esm/Layout/Sidebar/SidebarLink.js

@@ -8,8 +8,7 @@ import { ExternalLinkIcon } from "../../Icons";
 import stl from "../../styles/helpers/satellitePrefixer";
 import { useLinkProps } from "../../utils/useLinkProps";
 import { useSidebarContext } from "./SidebarContext";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export var SidebarLink = function SidebarLink(props) {
   var _linkProps$href;
   var _useSidebarContext = useSidebarContext(),

package/dist/esm/Layout/Sidebar/SidebarLinksGroup/SidebarGroupLink.js

@@ -6,8 +6,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { ExternalLinkIcon } from "../../../Icons";
 import stl from "../../../styles/helpers/satellitePrefixer";
 import { useLinkProps } from "../../../utils/useLinkProps";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export var SidebarGroupLink = function SidebarGroupLink(props) {
   var label = props.label,
     active = props.active,

package/dist/esm/Layout/Sidebar/SidebarLinksGroup/SidebarLinksGroup.js

@@ -12,8 +12,7 @@ import stl from "../../../styles/helpers/satellitePrefixer";
 import { useSidebarContext } from "../SidebarContext";
 import { ActiveLinkIndicator } from "./ActiveLinkIndicator";
 import { SidebarGroupLink } from "./SidebarGroupLink";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var isCollapsibleSidebarLinksGroupProps = function isCollapsibleSidebarLinksGroupProps(props) {
   return "title" in props && "icon" in props;
 };
@@ -51,6 +50,7 @@ export var SidebarLinksGroup = function SidebarLinksGroup(props) {
     id: id,
     className: className,
     children: [isCollapsibleSidebarLinksGroupProps(props) && /*#__PURE__*/_jsxs("button", {
+      type: "button",
       className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n          flex w-full text-left items-center mb-4 overflow-hidden focus:outline-none group cursor-pointer"]))),
       onClick: function onClick() {
         return setIsOpen(!isOpen);

package/dist/esm/Layout/Tables/DataTable/DataTable.d.ts

@@ -51,5 +51,5 @@ export declare type DataTableProps<Item> = BaseDataTableProps<Item> & (DataTable
  *
  * See the [Data Table documentation page](https://satellite.algolia.com/layouts/data-table) for more information.
  */
-export declare const DataTable: <Item extends {}>({ data, itemId, columns, onChange, status, noDataContent, errorContent, sorting, sortMode, pagination, selectMode, selection, onSelectionChange, canSelectItem, canHoverRow, onRowHoveredChanged, locale, }: DataTableProps<Item>) => JSX.Element;
+export declare const DataTable: <Item extends {}>({ data, itemId, columns, onChange, status, noDataContent, errorContent, sorting, sortMode, pagination, selectMode, selection, onSelectionChange, canSelectItem, canHoverRow, onRowHoveredChanged, locale, }: DataTableProps<Item>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/esm/Layout/Tables/DataTable/DataTable.js

@@ -18,8 +18,7 @@ import { DataTableFooter } from "./components/Footer";
 import { DataTableHeader } from "./components/Header";
 import { DataTableLoader } from "./components/Loader";
 import { isDeterminatePagination, isIndeterminatePagination } from "./utils";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var DEFAULT_DATATABLE_LOCALE = {
   selectAllButton: "Select all",
   noDataTitle: "Empty",

package/dist/esm/Layout/Tables/DataTable/components/Body.d.ts

@@ -11,4 +11,4 @@ export interface DataTableBodyProps<Item> extends Pick<DataTableProps<Item>, "se
     selectMode: SelectMode;
     locale: Required<DataTableLocale>;
 }
-export declare const DataTableBody: <Item extends {}>({ rows, columns, status, noDataContent, errorContent, selectMode, selection, onSelectionChange, onRowHoverChange, canHoverRow, locale, }: DataTableBodyProps<Item>) => JSX.Element;
+export declare const DataTableBody: <Item extends {}>({ rows, columns, status, noDataContent, errorContent, selectMode, selection, onSelectionChange, onRowHoverChange, canHoverRow, locale, }: DataTableBodyProps<Item>) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/Layout/Tables/DataTable/components/Header.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { AdvancedColumnDefinition, Sorting, SortingDirection } from "../types";
 export interface DataTableHeaderProps<Item> {
     columns: AdvancedColumnDefinition<Item>[];
@@ -6,4 +5,4 @@ export interface DataTableHeaderProps<Item> {
     onToggleSort: (columnId: string, direction: SortingDirection) => void;
     disabled?: boolean;
 }
-export declare const DataTableHeader: <Item extends {}>({ columns, sorting, onToggleSort, disabled, }: DataTableHeaderProps<Item>) => JSX.Element;
+export declare const DataTableHeader: <Item extends {}>({ columns, sorting, onToggleSort, disabled, }: DataTableHeaderProps<Item>) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/Layout/Tables/DataTable/components/HeaderCell.d.ts

@@ -8,4 +8,4 @@ export interface DataTableHeaderCellProps<Item> extends HTMLAttributes<HTMLTable
     onToggleSort: (columnId: string, sortingDirection: SortingDirection) => void;
     children: ReactNode;
 }
-export declare const DataTableHeaderCell: <Item extends {}>({ sortingDirection, onToggleSort, column: { id, className, sort }, disabled, children, ...props }: DataTableHeaderCellProps<Item>) => JSX.Element;
+export declare const DataTableHeaderCell: <Item extends {}>({ sortingDirection, onToggleSort, column: { id, className, sort }, disabled, children, ...props }: DataTableHeaderCellProps<Item>) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/Layout/Tables/DataTable/components/HeaderCell.js

@@ -8,8 +8,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import cx from "clsx";
 import { ChevronDownIcon, ChevronUpIcon } from "../../../../Icons";
 import stl from "../../../../styles/helpers/satellitePrefixer";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var iconClassName = stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["h-4 inline ml-1"])));
 export var DataTableHeaderCell = function DataTableHeaderCell(_ref) {
   var _ref$sortingDirection = _ref.sortingDirection,

package/dist/esm/Layout/Tables/Table/Table.js

@@ -8,8 +8,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import cx from "clsx";
 import stl from "../../../styles/helpers/satellitePrefixer";
 import { TableFooter } from "./components/TableFooter";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * The `Table` component is used to structure content in a grid to make it easier to see relationships and to facilitate understanding.
  *

package/dist/esm/Navigation/Link/BaseLink.js

@@ -1,21 +1,26 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["href", "onClick"];
+var _templateObject;
+var _excluded = ["href", "onClick", "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 { forwardRef } from "react";
+import stl from "../../styles/helpers/satellitePrefixer";
 import { useLinkProps } from "../../utils/useLinkProps";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var BaseLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var href = _ref.href,
     onClick = _ref.onClick,
+    className = _ref.className,
     anchorProps = _objectWithoutProperties(_ref, _excluded);
   var linkProps = useLinkProps(_objectSpread(_objectSpread({}, anchorProps), {}, {
     href: href,
     onClick: onClick
   }));
   return /*#__PURE__*/_jsx("a", _objectSpread(_objectSpread(_objectSpread({}, anchorProps), linkProps), {}, {
-    ref: ref
+    ref: ref,
+    className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["focusable-visible"])))
   }));
 });
 BaseLink.displayName = "BaseLink";

package/dist/esm/Navigation/Link/Link.js

@@ -10,8 +10,7 @@ import { forwardRef } from "react";
 import { ExternalLinkIcon } from "../../Icons";
 import stl from "../../styles/helpers/satellitePrefixer";
 import { useLinkProps } from "../../utils/useLinkProps";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * The `Link` component is used to display a link.
  *
@@ -35,7 +34,7 @@ export var Link = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }
   return /*#__PURE__*/_jsxs("a", _objectSpread(_objectSpread(_objectSpread({}, anchorProps), linkProps), {}, {
     ref: ref,
-    className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["typo-link inline-flex items-center"]))), className),
+    className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["typo-link inline-flex items-center focusable-visible"]))), className),
     children: [StartIcon && /*#__PURE__*/_jsx(StartIcon, {
       className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["mr-1 shrink-0"]))),
       width: "1em",

package/dist/esm/Navigation/Pagination/CompactPagination/CompactPagination.js

@@ -7,8 +7,7 @@ import { IconButton } from "../../../Actions";
 import { ArrowLeftIcon, ArrowRightIcon, ChevronsLeftIcon, ChevronsRightIcon } from "../../../Icons";
 import { useLocale } from "../../../Satellite";
 import stl from "../../../styles/helpers/satellitePrefixer";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var DEFAULT_COMPACT_PAGINATION_LOCALE = {
   goToFirstPage: "Go to first page",
   goToPreviousPage: "Go to previous page",

package/dist/esm/Navigation/Pagination/DotPagination/DotPagination.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { NumberUnion } from "utils/NumberUnion";
 export declare type DotPaginationLocale = {
     goToPageText?(page: number): string;
@@ -16,4 +15,4 @@ export declare type DotPaginationProps<T extends number> = {
  *
  * See the [Dot Pagination documentation page](https://satellite.algolia.com/components/navigation/dot-pagination) for more information.
  */
-export declare const DotPagination: <T extends number>({ currentPage, onChange, nbPages, size, locale, }: DotPaginationProps<T>) => JSX.Element;
+export declare const DotPagination: <T extends number>({ currentPage, onChange, nbPages, size, locale, }: DotPaginationProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/Navigation/Pagination/DotPagination/DotPagination.js

@@ -31,8 +31,9 @@ export var DotPagination = function DotPagination(_ref) {
       var pageIdx = idx + 1;
       return /*#__PURE__*/_jsx("li", {
         children: /*#__PURE__*/_jsx("button", {
+          type: "button",
           "aria-label": locale.goToPageText(pageIdx),
-          className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n              rounded-full mx-1 border\n              ", "\n              ", "\n            "])), currentPage === pageIdx ? "bg-accent-600 border-transparent" : "bg-grey-200 border-grey-500", size === "medium" ? "h-3 w-3" : "h-2 w-2"),
+          className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n              rounded-full mx-1 border focusable-visible\n              ", "\n              ", "\n            "])), currentPage === pageIdx ? "bg-accent-600 border-transparent" : "bg-grey-200 border-grey-500", size === "medium" ? "h-3 w-3" : "h-2 w-2"),
           onClick: function onClick() {
             return onChange(pageIdx);
           }

package/dist/esm/Navigation/Pagination/Pagination/Pagination.js

@@ -8,9 +8,7 @@ import { ArrowLeftIcon, ArrowRightIcon } from "../../../Icons";
 import { useLocale } from "../../../Satellite";
 import stl from "../../../styles/helpers/satellitePrefixer";
 import { range } from "../../../utils/range";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 var DEFAULT_PAGINATION_LOCALE = {
   goToPage: function goToPage(index) {
     return "Go to page ".concat(index);

package/dist/esm/Navigation/Stepper/Step.js

@@ -12,8 +12,7 @@ import stl from "../../styles/helpers/satellitePrefixer";
 import { getTextFromReactNode } from "../../utils/getTextFromReactNode";
 import { uniqueId } from "../../utils/uniqueId";
 import { useStepperContext } from "./StepperContext";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var BUTTON_SIZE_CLASSNAMES = {
   small: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["px-2.5 py-2"]))),
   "default": stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["px-3 py-2.5"]))),
@@ -64,8 +63,11 @@ export var Step = function Step(_ref) {
   return /*#__PURE__*/_jsx("li", _objectSpread(_objectSpread({}, props), {}, {
     className: cx(className, stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["text-grey-600 group/step"])))),
     children: /*#__PURE__*/_jsxs("button", {
+      type: "button",
       id: buttonId,
-      className: cx(stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["relative w-full flex items-center text-left gap-2 rounded border group/button"]))), stl(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["-outline-offset-2 focus-visible:outline focus-visible:outline-2 focus-visible:outline-xenon-600"]))), disabled ? stl(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["cursor-not-allowed"]))) : stl(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["hover:bg-grey-100"]))), active ? stl(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["border-grey-200 bg-white"]))) : stl(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["border-transparent"]))), BUTTON_SIZE_CLASSNAMES[context.size]),
+      className: cx(stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["relative w-full flex items-center text-left gap-2 rounded border group/button"]))), stl(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["focusable-visible !-outline-offset-2"]))),
+      // Avoid hover overlap
+      disabled ? stl(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["cursor-not-allowed"]))) : stl(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["hover:bg-grey-100"]))), active ? stl(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["border-grey-200 bg-white"]))) : stl(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["border-transparent"]))), BUTTON_SIZE_CLASSNAMES[context.size]),
       "aria-label": disabled ? disabledLocale : active ? activeLocale : completed ? completedLocale : incompletedLocale,
       "aria-current": active ? "step" : undefined,
       disabled: disabled,

package/dist/esm/Navigation/Tabs/ContentTabs/ContentTabs.js

@@ -5,8 +5,7 @@ import cx from "clsx";
 import { Badge } from "../../../Indicators";
 import stl from "../../../styles/helpers/satellitePrefixer";
 import { ACTIVE_UNDERLINE_VARIANT_CLASSNAMES } from "../utils";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export var ContentTabs = function ContentTabs(_ref) {
   var className = _ref.className,
     tabs = _ref.tabs,

package/dist/esm/Navigation/Tabs/components/LinkTab.js

@@ -8,8 +8,7 @@ import { Badge } from "../../../Indicators";
 import stl from "../../../styles/helpers/satellitePrefixer";
 import { useLinkProps } from "../../../utils/useLinkProps";
 import { ACTIVE_UNDERLINE_VARIANT_CLASSNAMES } from "../utils";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var getNextNonDisabledSibling = function getNextNonDisabledSibling(el) {
   var _ref;
   if (!el) return null;

package/dist/esm/Overlay/Dropdown/Dropdown.js

@@ -21,8 +21,7 @@ import { DropdownRadioItem } from "./components/DropdownRadioItem";
 import { DropdownTitle } from "./components/DropdownTitle";
 import { DropdownToggleItem } from "./components/DropdownToggleItem";
 import { DropdownContext } from "./DropdownContext";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var DEFAULT_DROPDOWN_POPPER_MODIFIERS = [{
   name: "offset",
   options: {

package/dist/esm/Overlay/Dropdown/components/DropdownButtonItem.js

@@ -8,8 +8,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import cx from "clsx";
 import stl from "../../../styles/helpers/satellitePrefixer";
 import { useDropdownItemProps } from "../useDropdownItemProps";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var _DropdownButtonItem = function _DropdownButtonItem(props) {
   var dropdownItemProps = useDropdownItemProps(props);
   // `toggle` is destructured here because we don't want it passed to the `button`
@@ -20,7 +19,9 @@ var _DropdownButtonItem = function _DropdownButtonItem(props) {
     StartIcon = _props$dropdownItemPr.startIcon,
     mergedProps = _objectWithoutProperties(_props$dropdownItemPr, _excluded);
   var showDestructiveVariant = !props.disabled && variant === "destructive";
-  return /*#__PURE__*/_jsxs("button", _objectSpread(_objectSpread({}, mergedProps), {}, {
+  return /*#__PURE__*/_jsxs("button", _objectSpread(_objectSpread({
+    type: "button"
+  }, mergedProps), {}, {
     className: cx(mergedProps.className, stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["w-full"])))),
     children: [StartIcon && /*#__PURE__*/_jsx(StartIcon, {
       className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["mr-2 shrink-0 ", ""])), showDestructiveVariant ? "text-red-700" : "text-grey-500"),

package/dist/esm/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js

@@ -6,8 +6,7 @@ import { ChevronDownIcon, ChevronRightIcon } from "../../../../Icons";
 import stl from "../../../../styles/helpers/satellitePrefixer";
 import { uniqueId } from "../../../../utils";
 import { useDropdownCollapsibleItemsGroup } from "./DropdownCollapsibleItemsGroupContext";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /** @deprecated */
 export var DropdownCollapsibleItem = function DropdownCollapsibleItem(_ref) {
   var title = _ref.title,
@@ -28,6 +27,7 @@ export var DropdownCollapsibleItem = function DropdownCollapsibleItem(_ref) {
   return /*#__PURE__*/_jsxs("div", {
     className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex flex-col"]))),
     children: [/*#__PURE__*/_jsxs("button", {
+      type: "button",
       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        "]))),
       onClick: function onClick(evt) {
         if (typeof expanded === "boolean") {

package/dist/esm/Overlay/Dropdown/components/DropdownDivider.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 /** @deprecated */
-export declare const DropdownDivider: () => JSX.Element;
+export declare const DropdownDivider: () => import("react/jsx-runtime").JSX.Element;

package/dist/esm/Overlay/Dropdown/components/DropdownLinkItem.js

@@ -10,8 +10,7 @@ import { ExternalLinkIcon } from "../../../Icons";
 import stl from "../../../styles/helpers/satellitePrefixer";
 import { useLinkProps } from "../../../utils/useLinkProps";
 import { useDropdownItemProps } from "../useDropdownItemProps";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var _DropdownLinkItem = function _DropdownLinkItem(props) {
   var dropdownItemProps = useDropdownItemProps(props);
   var linkProps = useLinkProps(_objectSpread(_objectSpread({}, props), dropdownItemProps));

package/dist/esm/Overlay/Dropdown/components/DropdownRadioItem.js

@@ -8,8 +8,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { RadioButton } from "../../../Fields";
 import stl from "../../../styles/helpers/satellitePrefixer";
 import { useDropdownItemProps } from "../useDropdownItemProps";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /** @deprecated */
 var _DropdownRadioItem = function _DropdownRadioItem(props) {
   var dropdownItemProps = useDropdownItemProps(props);

package/dist/esm/Overlay/Dropdown/components/DropdownToggleItem.js

@@ -9,8 +9,7 @@ import cx from "clsx";
 import { Toggle } from "../../../Fields";
 import stl from "../../../styles/helpers/satellitePrefixer";
 import { useDropdownItemProps } from "../useDropdownItemProps";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /** @deprecated */
 var _DropdownToggleItem = function _DropdownToggleItem(props) {
   var dropdownItemProps = useDropdownItemProps(props);

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

@@ -8,13 +8,13 @@ export declare type MenuButtonProps = DropdownMenuProps;
  * See the [MenuButton documentation page](https://satellite.algolia.com/components/actions/dropdown) for more information.
  */
 export declare const MenuButton: {
-    (props: MenuButtonProps): JSX.Element;
+    (props: MenuButtonProps): import("react/jsx-runtime").JSX.Element;
     CollapsibleItem: import("react").FC<import("./components/collapsible").CollapsibleItemProps>;
     CollapsibleItemsMultipleGroup: import("react").FC<import("./components/collapsible").CollapsibleItemsMultiGroupProps>;
     CollapsibleItemsSingleGroup: import("react").FC<import("./components/collapsible").CollapsibleItemsExclusiveGroupProps>;
     Content: ({ children, className, ...rest }: import("./components/Content").MenuButtonContentProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
     CustomTrigger: import("react").FC<import("./components/CustomTrigger").CustomTriggerProps>;
-    Divider: () => JSX.Element;
+    Divider: () => import("react/jsx-runtime").JSX.Element;
     Item: import("react").FC<import("./components/items").ItemProps>;
     Label: import("react").FC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
     LinkItem: import("react").FC<import("./components/items").LinkItemProps>;

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

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const Divider: () => JSX.Element;
+export declare const Divider: () => import("react/jsx-runtime").JSX.Element;

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

@@ -7,8 +7,7 @@ import { ChevronDownIcon, ChevronRightIcon } from "../../../../Icons";
 import stl from "../../../../styles/helpers/satellitePrefixer";
 import { uniqueId } from "../../../../utils";
 import { useCollapsibleItemsGroup } from "./CollapsibleItemsGroupContext";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export var CollapsibleItem = function CollapsibleItem(_ref) {
   var title = _ref.title,
     name = _ref.name,