@algolia/satellite 1.10.2 → 2.0.0-rc.1

package/dist/cjs/Fields/Toggle/Toggle.d.ts

@@ -1,12 +1,60 @@
-import type { HTMLAttributes, InputHTMLAttributes } from "react";
-export declare type ToggleProps = Omit<HTMLAttributes<HTMLInputElement>, "children" | "onChange"> & Pick<InputHTMLAttributes<HTMLInputElement>, "onChange" | "required" | "autoFocus" | "disabled" | "checked" | "defaultChecked"> & {
+import type { ChangeEvent, HTMLAttributes, InputHTMLAttributes } from "react";
+export declare type ToggleProps = Omit<HTMLAttributes<HTMLInputElement>, "children" | "onChange" | "defaultChecked"> & Pick<InputHTMLAttributes<HTMLInputElement>, "autoFocus"> & {
+    /**
+     * Whether the `Toggle` is decorative.
+     * Decorative toggles are not using an input element.
+     */
     decorative?: boolean;
+    /**
+     * The callback function that is triggered when the `Toggle` is clicked.
+     */
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * Whether the `Toggle` is required.
+     */
+    required?: boolean;
+    /**
+     * Whether the `Toggle` is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Whether the `Toggle` is default checked.
+     */
+    defaultChecked?: boolean;
+    /**
+     * Whether the `Toggle` is checked.
+     */
+    checked?: 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" | "autoFocus" | "onChange" | "disabled" | "checked" | "required"> & {
+export declare const Toggle: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLInputElement>, "children" | "defaultChecked" | "onChange"> & Pick<InputHTMLAttributes<HTMLInputElement>, "autoFocus"> & {
+    /**
+     * Whether the `Toggle` is decorative.
+     * Decorative toggles are not using an input element.
+     */
     decorative?: boolean | undefined;
+    /**
+     * The callback function that is triggered when the `Toggle` is clicked.
+     */
+    onChange?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
+    /**
+     * Whether the `Toggle` is required.
+     */
+    required?: boolean | undefined;
+    /**
+     * Whether the `Toggle` is disabled.
+     */
+    disabled?: boolean | undefined;
+    /**
+     * Whether the `Toggle` is default checked.
+     */
+    defaultChecked?: boolean | undefined;
+    /**
+     * Whether the `Toggle` is checked.
+     */
+    checked?: boolean | undefined;
 } & import("react").RefAttributes<HTMLInputElement>>;

package/dist/cjs/Fields/index.d.ts

@@ -1,5 +1,6 @@
 export * from "./AutoComplete";
 export * from "./Checkbox";
+export * from "./DateInput";
 export * from "./DatePicker";
 export * from "./Dropzone";
 export * from "./Field";

package/dist/cjs/Fields/index.js

@@ -25,6 +25,17 @@ Object.keys(_Checkbox).forEach(function (key) {
     }
   });
 });
+var _DateInput = require("./DateInput");
+Object.keys(_DateInput).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _DateInput[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _DateInput[key];
+    }
+  });
+});
 var _DatePicker = require("./DatePicker");
 Object.keys(_DatePicker).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/dist/cjs/Helpers/ClickAwayContainer/ClickAwayContainer.d.ts

@@ -1,20 +1,21 @@
-import type { ReactNode, VFC } from "react";
+import type { FC, PropsWithChildren } from "react";
 interface ClickAwayContextType {
     registerElement(element: HTMLElement): void;
     unregisterElement(element: HTMLElement): void;
 }
 export declare const useClickAwayContext: () => ClickAwayContextType | null;
-export interface ClickAwayContainerProps {
-    /** The element that should be registered in the ClickAway tree.
+export declare type ClickAwayContainerProps = PropsWithChildren<{
+    /**
+     * The element that should be registered in the ClickAway tree.
      * To ensure proper tracking, the element should be tracked in a way that triggers a rerender (use callback refs!)
-     * */
+     */
     element: HTMLElement | null;
-    /** Will be called if a click away event (mousedown, touchstart, focusin)
+    /**
+     * Will be called if a click away event (mousedown, touchstart, focusin)
      * happens outside of the subtree tracked by this component instance
-     * */
+     */
     onClickAway?(evt: Event): void;
-    children?: ReactNode;
-}
+}>;
 /**
  * ClickAwayContainer is a low-level, compound component. It doesn't render anything apart from its children.
  * Its goal is to construct a tree of ClickAway-able React components (e.g. nested dropdown).
@@ -26,5 +27,5 @@ export interface ClickAwayContainerProps {
  * @deprecated This component is deprecated and will be removed in a future version.
  * Please use the Popover component, which provides built-in click-away behavior and is more accessible.
  */
-export declare const ClickAwayContainer: VFC<ClickAwayContainerProps>;
+export declare const ClickAwayContainer: FC<ClickAwayContainerProps>;
 export {};

package/dist/cjs/Helpers/HelpUnderline/HelpUnderline.d.ts

@@ -1,10 +1,18 @@
-import type { VFC } from "react";
+import type { FC } from "react";
 import type { TooltipWrapperProps } from "../../Overlay";
 import type { TooltipWrapperBaseProps } from "../../Overlay/Tooltip/types";
 export declare type HelpUnderlineProps = {
-    /** @ignore */
+    /**
+     * The class name of the `HelpUnderline`.
+     */
     className?: string;
+    /**
+     * The content of the `Tooltip`.
+     */
     tooltipContent: TooltipWrapperProps["content"];
+    /**
+     * The content of the `HelpUnderline`.
+     */
     children: string;
 } & Omit<TooltipWrapperBaseProps, "children">;
 /**
@@ -12,4 +20,4 @@ export declare type HelpUnderlineProps = {
  *
  * See the [Help Underline documentation page](https://satellite.algolia.com/components/misc/help-underline) for more information.
  */
-export declare const HelpUnderline: VFC<HelpUnderlineProps>;
+export declare const HelpUnderline: FC<HelpUnderlineProps>;

package/dist/cjs/Helpers/Medallion/Medallion.d.ts

@@ -1,11 +1,24 @@
-import type { VFC } from "react";
+import type { FC } from "react";
 import type { IconComponentType } from "../../Icons";
 import type { MedallionSize, MedallionVariant } from "./types";
 export interface MedallionProps {
+    /**
+     * The icon of the `Medallion`.
+     */
     icon: IconComponentType;
+    /**
+     * The variant of the `Medallion`.
+     * @default accent
+     */
     variant?: MedallionVariant;
+    /**
+     * The size of the `Medallion`.
+     * @default default
+     */
     size?: MedallionSize;
-    /** @ignore */
+    /**
+     * The class name of the `Medallion`.
+     */
     className?: string;
 }
 /**
@@ -13,4 +26,4 @@ export interface MedallionProps {
  *
  * See the [Medallion documentation page](https://satellite.algolia.com/components/images/medallion) for more information.
  */
-export declare const Medallion: VFC<MedallionProps>;
+export declare const Medallion: FC<MedallionProps>;

package/dist/cjs/Helpers/Medallion/Medallion.js

@@ -9,17 +9,18 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _clsx = _interopRequireDefault(require("clsx"));
 var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
 var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
 var VARIANT_CLASSNAMES = {
   grey: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["medallion-grey text-grey-600"]))),
-  pink: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["medallion-pink text-pink-600"]))),
-  accent: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["medallion-accent text-accent-600"]))),
-  blue: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["medallion-blue text-blue-600"]))),
-  green: (0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["medallion-green text-green-600"]))),
-  orange: (0, _satellitePrefixer["default"])(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["medallion-orange text-orange-600"]))),
-  red: (0, _satellitePrefixer["default"])(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["medallion-red text-red-600"]))),
+  pink: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["medallion-pink text-pink-700"]))),
+  purple: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["medallion-purple text-purple-600"]))),
+  accent: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["medallion-accent text-accent-600"]))),
+  blue: (0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["medallion-blue text-blue-600"]))),
+  green: (0, _satellitePrefixer["default"])(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["medallion-green text-green-700"]))),
+  orange: (0, _satellitePrefixer["default"])(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["medallion-orange text-orange-800"]))),
+  red: (0, _satellitePrefixer["default"])(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["medallion-red text-red-600"]))),
   // eslint-disable-next-line @algolia/stl/prefer-accent -- here we're definitely refering to the color itself
-  white: (0, _satellitePrefixer["default"])(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["medallion-white text-nebula-500"])))
+  white: (0, _satellitePrefixer["default"])(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["medallion-white text-nebula-500"])))
 };
 
 /**
@@ -36,9 +37,9 @@ var Medallion = exports.Medallion = function Medallion(_ref) {
     className = _ref.className;
   var medallionClassName = VARIANT_CLASSNAMES[variant];
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["medallion inline-flex items-center justify-center rounded-full ", ""])), size === "large" && "medallion-large"), medallionClassName, className),
+    className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["medallion inline-flex items-center justify-center rounded-full ", ""])), size === "large" && "medallion-large"), medallionClassName, className),
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
-      className: (0, _satellitePrefixer["default"])(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["p-1 ", ""])), size === "large" && "w-10 h-10")
+      className: (0, _satellitePrefixer["default"])(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2["default"])(["p-1 ", ""])), size === "large" && "w-10 h-10")
     })
   });
 };

package/dist/cjs/Helpers/Medallion/Medallion.tailwind.js

@@ -8,7 +8,7 @@ var rgba = require("../../styles/rgba");
 var medallionPlugin = plugin(function (_ref) {
   var addComponents = _ref.addComponents,
     theme = _ref.theme;
-  var colors = ["grey", "pink", "accent", "blue", "green", "orange", "red", "white"];
+  var colors = ["grey", "pink", "purple", "accent", "blue", "green", "orange", "red", "white"];
   addComponents({
     ".medallion": {
       height: "40px",

package/dist/cjs/Helpers/Medallion/types.d.ts

@@ -1,2 +1,2 @@
-export declare type MedallionVariant = "accent" | "grey" | "pink" | "blue" | "green" | "orange" | "red" | "white";
+export declare type MedallionVariant = "accent" | "grey" | "pink" | "purple" | "blue" | "green" | "orange" | "red" | "white";
 export declare type MedallionSize = "default" | "large";

package/dist/cjs/Helpers/Separator/Separator.d.ts

@@ -1,8 +1,18 @@
 import * as RadixSeparator from "@radix-ui/react-separator";
-import type { VFC } from "react";
+import type { FC } from "react";
 export interface SeparatorProps {
+    /**
+     * The class name of the `Separator`.
+     */
     className?: string;
+    /**
+     * Whether the `Separator` is interactive.
+     */
     interactive?: boolean;
+    /**
+     * The orientation of the `Separator`.
+     * @default horizontal
+     */
     orientation?: RadixSeparator.SeparatorProps["orientation"];
 }
 /**
@@ -10,4 +20,4 @@ export interface SeparatorProps {
  *
  * See the [Separator documentation page](https://satellite.algolia.com/components/misc/separator) for more information.
  */
-export declare const Separator: VFC<SeparatorProps>;
+export declare const Separator: FC<SeparatorProps>;

package/dist/cjs/Helpers/TextWrap/TextWrap.d.ts

@@ -1,6 +1,12 @@
-import type { HTMLAttributes, VFC } from "react";
+import type { FC, HTMLAttributes, ReactNode } from "react";
 export interface TextWrapProps extends HTMLAttributes<HTMLSpanElement> {
-    /** The max number of lines before the text is cut with an ellipsis */
+    /**
+     * The content of the `TextWrap`.
+     */
+    children: ReactNode;
+    /**
+     * The max number of lines before the text is cut with an ellipsis.
+     */
     maxLines?: number;
 }
 /**
@@ -8,4 +14,4 @@ export interface TextWrapProps extends HTMLAttributes<HTMLSpanElement> {
  *
  * See the [Text Wrap documentation page](https://satellite.algolia.com/components/misc/text-wrap) for more information.
  */
-export declare const TextWrap: VFC<TextWrapProps>;
+export declare const TextWrap: FC<TextWrapProps>;

package/dist/cjs/Helpers/TextWrap/TextWrap.js

@@ -27,7 +27,7 @@ var SEPARATOR_ELEMENT = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
   "aria-hidden": "true",
   children: "\u200B"
 });
-var SPLIT_REGEX = /([\W_]+)/g;
+var SPLIT_REGEX = /((?:[\0-@\[-`\{-\xA9\xAB-\xB4\xB6-\xB9\xBB-\xBF\xD7\xF7\u02C2-\u02C5\u02D2-\u02DF\u02E5-\u02EB\u02ED\u02EF-\u036F\u0375\u0378\u0379\u037E\u0380-\u0385\u0387\u038B\u038D\u03A2\u03F6\u0482-\u0489\u0530\u0557\u0558\u055A-\u055F\u0589-\u05CF\u05EB-\u05EE\u05F3-\u061F\u064B-\u066D\u0670\u06D4\u06D6-\u06E4\u06E7-\u06ED\u06F0-\u06F9\u06FD\u06FE\u0700-\u070F\u0711\u0730-\u074C\u07A6-\u07B0\u07B2-\u07C9\u07EB-\u07F3\u07F6-\u07F9\u07FB-\u07FF\u0816-\u0819\u081B-\u0823\u0825-\u0827\u0829-\u083F\u0859-\u085F\u086B-\u086F\u0888\u088F-\u089F\u08CA-\u0903\u093A-\u093C\u093E-\u094F\u0951-\u0957\u0962-\u0970\u0981-\u0984\u098D\u098E\u0991\u0992\u09A9\u09B1\u09B3-\u09B5\u09BA-\u09BC\u09BE-\u09CD\u09CF-\u09DB\u09DE\u09E2-\u09EF\u09F2-\u09FB\u09FD-\u0A04\u0A0B-\u0A0E\u0A11\u0A12\u0A29\u0A31\u0A34\u0A37\u0A3A-\u0A58\u0A5D\u0A5F-\u0A71\u0A75-\u0A84\u0A8E\u0A92\u0AA9\u0AB1\u0AB4\u0ABA-\u0ABC\u0ABE-\u0ACF\u0AD1-\u0ADF\u0AE2-\u0AF8\u0AFA-\u0B04\u0B0D\u0B0E\u0B11\u0B12\u0B29\u0B31\u0B34\u0B3A-\u0B3C\u0B3E-\u0B5B\u0B5E\u0B62-\u0B70\u0B72-\u0B82\u0B84\u0B8B-\u0B8D\u0B91\u0B96-\u0B98\u0B9B\u0B9D\u0BA0-\u0BA2\u0BA5-\u0BA7\u0BAB-\u0BAD\u0BBA-\u0BCF\u0BD1-\u0C04\u0C0D\u0C11\u0C29\u0C3A-\u0C3C\u0C3E-\u0C57\u0C5B\u0C5C\u0C5E\u0C5F\u0C62-\u0C7F\u0C81-\u0C84\u0C8D\u0C91\u0CA9\u0CB4\u0CBA-\u0CBC\u0CBE-\u0CDC\u0CDF\u0CE2-\u0CF0\u0CF3-\u0D03\u0D0D\u0D11\u0D3B\u0D3C\u0D3E-\u0D4D\u0D4F-\u0D53\u0D57-\u0D5E\u0D62-\u0D79\u0D80-\u0D84\u0D97-\u0D99\u0DB2\u0DBC\u0DBE\u0DBF\u0DC7-\u0E00\u0E31\u0E34-\u0E3F\u0E47-\u0E80\u0E83\u0E85\u0E8B\u0EA4\u0EA6\u0EB1\u0EB4-\u0EBC\u0EBE\u0EBF\u0EC5\u0EC7-\u0EDB\u0EE0-\u0EFF\u0F01-\u0F3F\u0F48\u0F6D-\u0F87\u0F8D-\u0FFF\u102B-\u103E\u1040-\u104F\u1056-\u1059\u105E-\u1060\u1062-\u1064\u1067-\u106D\u1071-\u1074\u1082-\u108D\u108F-\u109F\u10C6\u10C8-\u10CC\u10CE\u10CF\u10FB\u1249\u124E\u124F\u1257\u1259\u125E\u125F\u1289\u128E\u128F\u12B1\u12B6\u12B7\u12BF\u12C1\u12C6\u12C7\u12D7\u1311\u1316\u1317\u135B-\u137F\u1390-\u139F\u13F6\u13F7\u13FE-\u1400\u166D\u166E\u1680\u169B-\u169F\u16EB-\u16F0\u16F9-\u16FF\u1712-\u171E\u1732-\u173F\u1752-\u175F\u176D\u1771-\u177F\u17B4-\u17D6\u17D8-\u17DB\u17DD-\u181F\u1879-\u187F\u1885\u1886\u18A9\u18AB-\u18AF\u18F6-\u18FF\u191F-\u194F\u196E\u196F\u1975-\u197F\u19AC-\u19AF\u19CA-\u19FF\u1A17-\u1A1F\u1A55-\u1AA6\u1AA8-\u1B04\u1B34-\u1B44\u1B4D-\u1B82\u1BA1-\u1BAD\u1BB0-\u1BB9\u1BE6-\u1BFF\u1C24-\u1C4C\u1C50-\u1C59\u1C7E\u1C7F\u1C89-\u1C8F\u1CBB\u1CBC\u1CC0-\u1CE8\u1CED\u1CF4\u1CF7-\u1CF9\u1CFB-\u1CFF\u1DC0-\u1DFF\u1F16\u1F17\u1F1E\u1F1F\u1F46\u1F47\u1F4E\u1F4F\u1F58\u1F5A\u1F5C\u1F5E\u1F7E\u1F7F\u1FB5\u1FBD\u1FBF-\u1FC1\u1FC5\u1FCD-\u1FCF\u1FD4\u1FD5\u1FDC-\u1FDF\u1FED-\u1FF1\u1FF5\u1FFD-\u2070\u2072-\u207E\u2080-\u208F\u209D-\u2101\u2103-\u2106\u2108\u2109\u2114\u2116-\u2118\u211E-\u2123\u2125\u2127\u2129\u212E\u213A\u213B\u2140-\u2144\u214A-\u214D\u214F-\u2182\u2185-\u2BFF\u2CE5-\u2CEA\u2CEF-\u2CF1\u2CF4-\u2CFF\u2D26\u2D28-\u2D2C\u2D2E\u2D2F\u2D68-\u2D6E\u2D70-\u2D7F\u2D97-\u2D9F\u2DA7\u2DAF\u2DB7\u2DBF\u2DC7\u2DCF\u2DD7\u2DDF-\u2E2E\u2E30-\u3004\u3007-\u3030\u3036-\u303A\u303D-\u3040\u3097-\u309C\u30A0\u30FB\u3100-\u3104\u3130\u318F-\u319F\u31C0-\u31EF\u3200-\u33FF\u4DC0-\u4DFF\uA48D-\uA4CF\uA4FE\uA4FF\uA60D-\uA60F\uA620-\uA629\uA62C-\uA63F\uA66F-\uA67E\uA69E\uA69F\uA6E6-\uA716\uA720\uA721\uA789\uA78A\uA7CB-\uA7CF\uA7D2\uA7D4\uA7DA-\uA7F1\uA802\uA806\uA80B\uA823-\uA83F\uA874-\uA881\uA8B4-\uA8F1\uA8F8-\uA8FA\uA8FC\uA8FF-\uA909\uA926-\uA92F\uA947-\uA95F\uA97D-\uA983\uA9B3-\uA9CE\uA9D0-\uA9DF\uA9E5\uA9F0-\uA9F9\uA9FF\uAA29-\uAA3F\uAA43\uAA4C-\uAA5F\uAA77-\uAA79\uAA7B-\uAA7D\uAAB0\uAAB2-\uAAB4\uAAB7\uAAB8\uAABE\uAABF\uAAC1\uAAC3-\uAADA\uAADE\uAADF\uAAEB-\uAAF1\uAAF5-\uAB00\uAB07\uAB08\uAB0F\uAB10\uAB17-\uAB1F\uAB27\uAB2F\uAB5B\uAB6A-\uAB6F\uABE3-\uABFF\uD7A4-\uD7AF\uD7C7-\uD7CA\uD7FC-\uD7FF\uE000-\uF8FF\uFA6E\uFA6F\uFADA-\uFAFF\uFB07-\uFB12\uFB18-\uFB1C\uFB1E\uFB29\uFB37\uFB3D\uFB3F\uFB42\uFB45\uFBB2-\uFBD2\uFD3E-\uFD4F\uFD90\uFD91\uFDC8-\uFDEF\uFDFC-\uFE6F\uFE75\uFEFD-\uFF20\uFF3B-\uFF40\uFF5B-\uFF65\uFFBF-\uFFC1\uFFC8\uFFC9\uFFD0\uFFD1\uFFD8\uFFD9\uFFDD-\uFFFF]|\uD800[\uDC0C\uDC27\uDC3B\uDC3E\uDC4E\uDC4F\uDC5E-\uDC7F\uDCFB-\uDE7F\uDE9D-\uDE9F\uDED1-\uDEFF\uDF20-\uDF2C\uDF41\uDF4A-\uDF4F\uDF76-\uDF7F\uDF9E\uDF9F\uDFC4-\uDFC7\uDFD0-\uDFFF]|\uD801[\uDC9E-\uDCAF\uDCD4-\uDCD7\uDCFC-\uDCFF\uDD28-\uDD2F\uDD64-\uDD6F\uDD7B\uDD8B\uDD93\uDD96\uDDA2\uDDB2\uDDBA\uDDBD-\uDDFF\uDF37-\uDF3F\uDF56-\uDF5F\uDF68-\uDF7F\uDF86\uDFB1\uDFBB-\uDFFF]|\uD802[\uDC06\uDC07\uDC09\uDC36\uDC39-\uDC3B\uDC3D\uDC3E\uDC56-\uDC5F\uDC77-\uDC7F\uDC9F-\uDCDF\uDCF3\uDCF6-\uDCFF\uDD16-\uDD1F\uDD3A-\uDD7F\uDDB8-\uDDBD\uDDC0-\uDDFF\uDE01-\uDE0F\uDE14\uDE18\uDE36-\uDE5F\uDE7D-\uDE7F\uDE9D-\uDEBF\uDEC8\uDEE5-\uDEFF\uDF36-\uDF3F\uDF56-\uDF5F\uDF73-\uDF7F\uDF92-\uDFFF]|\uD803[\uDC49-\uDC7F\uDCB3-\uDCBF\uDCF3-\uDCFF\uDD24-\uDE7F\uDEAA-\uDEAF\uDEB2-\uDEFF\uDF1D-\uDF26\uDF28-\uDF2F\uDF46-\uDF6F\uDF82-\uDFAF\uDFC5-\uDFDF\uDFF7-\uDFFF]|\uD804[\uDC00-\uDC02\uDC38-\uDC70\uDC73\uDC74\uDC76-\uDC82\uDCB0-\uDCCF\uDCE9-\uDD02\uDD27-\uDD43\uDD45\uDD46\uDD48-\uDD4F\uDD73-\uDD75\uDD77-\uDD82\uDDB3-\uDDC0\uDDC5-\uDDD9\uDDDB\uDDDD-\uDDFF\uDE12\uDE2C-\uDE3E\uDE41-\uDE7F\uDE87\uDE89\uDE8E\uDE9E\uDEA9-\uDEAF\uDEDF-\uDF04\uDF0D\uDF0E\uDF11\uDF12\uDF29\uDF31\uDF34\uDF3A-\uDF3C\uDF3E-\uDF4F\uDF51-\uDF5C\uDF62-\uDFFF]|\uD805[\uDC35-\uDC46\uDC4B-\uDC5E\uDC62-\uDC7F\uDCB0-\uDCC3\uDCC6\uDCC8-\uDD7F\uDDAF-\uDDD7\uDDDC-\uDDFF\uDE30-\uDE43\uDE45-\uDE7F\uDEAB-\uDEB7\uDEB9-\uDEFF\uDF1B-\uDF3F\uDF47-\uDFFF]|\uD806[\uDC2C-\uDC9F\uDCE0-\uDCFE\uDD07\uDD08\uDD0A\uDD0B\uDD14\uDD17\uDD30-\uDD3E\uDD40\uDD42-\uDD9F\uDDA8\uDDA9\uDDD1-\uDDE0\uDDE2\uDDE4-\uDDFF\uDE01-\uDE0A\uDE33-\uDE39\uDE3B-\uDE4F\uDE51-\uDE5B\uDE8A-\uDE9C\uDE9E-\uDEAF\uDEF9-\uDFFF]|\uD807[\uDC09\uDC2F-\uDC3F\uDC41-\uDC71\uDC90-\uDCFF\uDD07\uDD0A\uDD31-\uDD45\uDD47-\uDD5F\uDD66\uDD69\uDD8A-\uDD97\uDD99-\uDEDF\uDEF3-\uDF01\uDF03\uDF11\uDF34-\uDFAF\uDFB1-\uDFFF]|\uD808[\uDF9A-\uDFFF]|\uD809[\uDC00-\uDC7F\uDD44-\uDFFF]|[\uD80A\uD80E-\uD810\uD812-\uD819\uD824-\uD82A\uD82D\uD82E\uD830-\uD834\uD836\uD83C-\uD83F\uD87B-\uD87D\uD87F\uD889-\uDBFF][\uDC00-\uDFFF]|\uD80B[\uDC00-\uDF8F\uDFF1-\uDFFF]|\uD80D[\uDC30-\uDC40\uDC47-\uDFFF]|\uD811[\uDE47-\uDFFF]|\uD81A[\uDE39-\uDE3F\uDE5F-\uDE6F\uDEBF-\uDECF\uDEEE-\uDEFF\uDF30-\uDF3F\uDF44-\uDF62\uDF78-\uDF7C\uDF90-\uDFFF]|\uD81B[\uDC00-\uDE3F\uDE80-\uDEFF\uDF4B-\uDF4F\uDF51-\uDF92\uDFA0-\uDFDF\uDFE2\uDFE4-\uDFFF]|\uD821[\uDFF8-\uDFFF]|\uD823[\uDCD6-\uDCFF\uDD09-\uDFFF]|\uD82B[\uDC00-\uDFEF\uDFF4\uDFFC\uDFFF]|\uD82C[\uDD23-\uDD31\uDD33-\uDD4F\uDD53\uDD54\uDD56-\uDD63\uDD68-\uDD6F\uDEFC-\uDFFF]|\uD82F[\uDC6B-\uDC6F\uDC7D-\uDC7F\uDC89-\uDC8F\uDC9A-\uDFFF]|\uD835[\uDC55\uDC9D\uDCA0\uDCA1\uDCA3\uDCA4\uDCA7\uDCA8\uDCAD\uDCBA\uDCBC\uDCC4\uDD06\uDD0B\uDD0C\uDD15\uDD1D\uDD3A\uDD3F\uDD45\uDD47-\uDD49\uDD51\uDEA6\uDEA7\uDEC1\uDEDB\uDEFB\uDF15\uDF35\uDF4F\uDF6F\uDF89\uDFA9\uDFC3\uDFCC-\uDFFF]|\uD837[\uDC00-\uDEFF\uDF1F-\uDF24\uDF2B-\uDFFF]|\uD838[\uDC00-\uDC2F\uDC6E-\uDCFF\uDD2D-\uDD36\uDD3E-\uDD4D\uDD4F-\uDE8F\uDEAE-\uDEBF\uDEEC-\uDFFF]|\uD839[\uDC00-\uDCCF\uDCEC-\uDFDF\uDFE7\uDFEC\uDFEF\uDFFF]|\uD83A[\uDCC5-\uDCFF\uDD44-\uDD4A\uDD4C-\uDFFF]|\uD83B[\uDC00-\uDDFF\uDE04\uDE20\uDE23\uDE25\uDE26\uDE28\uDE33\uDE38\uDE3A\uDE3C-\uDE41\uDE43-\uDE46\uDE48\uDE4A\uDE4C\uDE50\uDE53\uDE55\uDE56\uDE58\uDE5A\uDE5C\uDE5E\uDE60\uDE63\uDE65\uDE66\uDE6B\uDE73\uDE78\uDE7D\uDE7F\uDE8A\uDE9C-\uDEA0\uDEA4\uDEAA\uDEBC-\uDFFF]|\uD869[\uDEE0-\uDEFF]|\uD86D[\uDF3A-\uDF3F]|\uD86E[\uDC1E\uDC1F]|\uD873[\uDEA2-\uDEAF]|\uD87A[\uDFE1-\uDFFF]|\uD87E[\uDE1E-\uDFFF]|\uD884[\uDF4B-\uDF4F]|\uD888[\uDFB0-\uDFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF])+)/g;
 var recursivelyApplyWhiteSpace = function recursivelyApplyWhiteSpace(children) {
   return _react.Children.map(children, function (child) {
     return /*#__PURE__*/(0, _react.isValidElement)(child) ? /*#__PURE__*/(0, _react.cloneElement)(child, _objectSpread(_objectSpread({}, child.props), {}, {

package/dist/cjs/Helpers/UserContent/UserContent.d.ts

@@ -1,8 +1,17 @@
-import type { VFC } from "react";
+import type { FC } from "react";
 export interface UserContentProps {
+    /**
+     * Whether to apply the styled content class to the `UserContent`.
+     * @default true
+     */
     styled?: boolean;
-    /** @ignore */
+    /**
+     * Additional classes to apply to the `UserContent`.
+     */
     className?: string;
+    /**
+     * The content of the `UserContent`.
+     */
     content?: string;
 }
 /**
@@ -10,4 +19,4 @@ export interface UserContentProps {
  *
  * See the [User Content documentation page](https://satellite.algolia.com/layouts/user-content) for more information.
  */
-export declare const UserContent: VFC<UserContentProps>;
+export declare const UserContent: FC<UserContentProps>;

package/dist/cjs/Icons/index.d.ts

@@ -17,4 +17,4 @@ export { QueryBreakdownIcon } from "./QueryBreakdownIcon";
 export { BulbIcon } from "./BulbIcon";
 export { TestingIcon } from "./TestingIcon";
 export { RocketIcon } from "./RocketIcon";
-export { ActivityIcon, AirplayIcon, AlertCircleIcon, AlertOctagonIcon, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, AnchorIcon, ApertureIcon, ArchiveIcon, ArrowDownCircleIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftCircleIcon, ArrowLeftIcon, ArrowRightCircleIcon, ArrowRightIcon, ArrowUpCircleIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, AwardIcon, BanIcon, BarChart2Icon, BarChartIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BookOpenIcon, BoxIcon, BriefcaseIcon, CalendarIcon, CameraIcon, CameraOffIcon, CastIcon, CheckCircleIcon, CheckIcon, CheckSquareIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, ChevronUpIcon, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, CodeIcon, CodepenIcon, CodesandboxIcon, CoffeeIcon, ColumnsIcon, CommandIcon, CompassIcon, CopyIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, CpuIcon, CreditCardIcon, CropIcon, CrosshairIcon, DatabaseIcon, DeleteIcon, DiscIcon, DivideCircleIcon, DivideIcon, DivideSquareIcon, DollarSignIcon, DownloadCloudIcon, DownloadIcon, DribbbleIcon, DropletIcon, Edit2Icon, Edit3Icon, EditIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileSearchIcon, FileTextIcon, FilmIcon, FilterIcon, FlagIcon, FlaskConicalIcon, FolderIcon, FolderMinusIcon, FolderPlusIcon, FramerIcon, FrownIcon, GiftIcon, GitBranchIcon, GitCommitIcon, GithubIcon, GitlabIcon, GitMergeIcon, GitPullRequestIcon, GlobeIcon, HardDriveIcon, HashIcon, HeadphonesIcon, HeartIcon, HelpCircleIcon, HexagonIcon, HomeIcon, ImageIcon, ImageOffIcon, InboxIcon, InfoIcon, InstagramIcon, ItalicIcon, KeyIcon, Landmark, LayersIcon, LayoutGridIcon, LayoutIcon, LifeBuoyIcon, Link2Icon, LinkedinIcon, LinkIcon, ListIcon, LoaderIcon, LockIcon, LogInIcon, LogOutIcon, MailIcon, MapIcon, MapPinIcon, Maximize2Icon, MaximizeIcon, MehIcon, MenuIcon, MergeIcon, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, Minimize2Icon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, MousePointerIcon, MoveIcon, MusicIcon, Navigation2Icon, NavigationIcon, OctagonIcon, PackageIcon, PaperclipIcon, PauseCircleIcon, PauseIcon, PenToolIcon, PercentIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneOffIcon, PhoneOutgoingIcon, PieChartIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, PowerIcon, PrinterIcon, RadioIcon, RefreshCcwIcon, RefreshCwIcon, RepeatIcon, RewindIcon, RotateCcwIcon, RotateCwIcon, RssIcon, SaveIcon, ScissorsIcon, SearchIcon, SearchXIcon, SendIcon, ServerCogIcon, ServerCrashIcon, ServerIcon, SettingsIcon, Share2Icon, ShareIcon, ShieldIcon, ShieldOffIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SidebarIcon, SkipBackIcon, SkipForwardIcon, SlackIcon, SlidersIcon, SmartphoneIcon, SmileIcon, SpeakerIcon, SquareIcon, StarIcon, StopCircleIcon, SunIcon, SunriseIcon, SunsetIcon, TableIcon, TabletIcon, TagIcon, TargetIcon, TerminalIcon, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, ToggleLeftIcon, ToggleRightIcon, Trash2Icon, TrashIcon, TrelloIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TruckIcon, TvIcon, TwitchIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UploadCloudIcon, UploadIcon, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UsersIcon, UserXIcon, VideoIcon, VideoOffIcon, VoicemailIcon, Volume1Icon, Volume2Icon, VolumeIcon, VolumeXIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, WrenchIcon, XCircleIcon, XIcon, XOctagonIcon, XSquareIcon, YoutubeIcon, ZapIcon, ZapOffIcon, ZoomInIcon, ZoomOutIcon, } from "lucide-react";
+export { ActivityIcon, AirplayIcon, AlertCircleIcon, AlertOctagonIcon, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, AnchorIcon, ApertureIcon, ArchiveIcon, ArrowDownCircleIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftCircleIcon, ArrowLeftIcon, ArrowRightCircleIcon, ArrowRightIcon, ArrowUpCircleIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, AwardIcon, BanIcon, BarChart2Icon, BarChartIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BlocksIcon, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BookOpenIcon, BoxIcon, BriefcaseIcon, CalendarIcon, CameraIcon, CameraOffIcon, CastIcon, CheckCircleIcon, CheckIcon, CheckSquareIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, ChevronUpIcon, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, CodeIcon, CodepenIcon, CodesandboxIcon, CoffeeIcon, ColumnsIcon, CommandIcon, CompassIcon, CopyIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, CpuIcon, CreditCardIcon, CropIcon, CrosshairIcon, DatabaseIcon, DeleteIcon, DiscIcon, DivideCircleIcon, DivideIcon, DivideSquareIcon, DollarSignIcon, DownloadCloudIcon, DownloadIcon, DribbbleIcon, DropletIcon, Edit2Icon, Edit3Icon, EditIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileSearchIcon, FileTextIcon, FilmIcon, FilterIcon, FlagIcon, FlaskConicalIcon, FolderIcon, FolderMinusIcon, FolderPlusIcon, FramerIcon, FrownIcon, GiftIcon, GitBranchIcon, GitCommitIcon, GithubIcon, GitlabIcon, GitMergeIcon, GitPullRequestIcon, GlobeIcon, HardDriveIcon, HashIcon, HeadphonesIcon, HeartIcon, HelpCircleIcon, HexagonIcon, HomeIcon, ImageIcon, ImageOffIcon, InboxIcon, InfoIcon, InstagramIcon, ItalicIcon, KeyIcon, Landmark, LayersIcon, LayoutGridIcon, LayoutIcon, LifeBuoyIcon, Link2Icon, LinkedinIcon, LinkIcon, ListIcon, LoaderIcon, LockIcon, LogInIcon, LogOutIcon, MailIcon, MapIcon, MapPinIcon, Maximize2Icon, MaximizeIcon, MehIcon, MenuIcon, MergeIcon, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, Minimize2Icon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, MousePointerIcon, MoveIcon, MusicIcon, Navigation2Icon, NavigationIcon, OctagonIcon, PackageIcon, PaperclipIcon, PauseCircleIcon, PauseIcon, PenToolIcon, PercentIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneOffIcon, PhoneOutgoingIcon, PieChartIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, PowerIcon, PrinterIcon, RadioIcon, RefreshCcwIcon, RefreshCwIcon, RepeatIcon, RewindIcon, RotateCcwIcon, RotateCwIcon, RssIcon, SaveIcon, ScissorsIcon, SearchIcon, SearchXIcon, SendIcon, ServerCogIcon, ServerCrashIcon, ServerIcon, SettingsIcon, Share2Icon, ShareIcon, ShieldIcon, ShieldOffIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SidebarIcon, SkipBackIcon, SkipForwardIcon, SlackIcon, SlidersIcon, SmartphoneIcon, SmileIcon, SpeakerIcon, SquareIcon, StarIcon, StopCircleIcon, SunIcon, SunriseIcon, SunsetIcon, TableIcon, TabletIcon, TagIcon, TargetIcon, TerminalIcon, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, ToggleLeftIcon, ToggleRightIcon, Trash2Icon, TrashIcon, TrelloIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TruckIcon, TvIcon, TwitchIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UploadCloudIcon, UploadIcon, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UsersIcon, UserXIcon, VideoIcon, VideoOffIcon, VoicemailIcon, Volume1Icon, Volume2Icon, VolumeIcon, VolumeXIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, WrenchIcon, XCircleIcon, XIcon, XOctagonIcon, XSquareIcon, YoutubeIcon, ZapIcon, ZapOffIcon, ZoomInIcon, ZoomOutIcon, } from "lucide-react";

package/dist/cjs/Icons/index.js

@@ -213,6 +213,12 @@ Object.defineProperty(exports, "BellOffIcon", {
     return _lucideReact.BellOffIcon;
   }
 });
+Object.defineProperty(exports, "BlocksIcon", {
+  enumerable: true,
+  get: function get() {
+    return _lucideReact.BlocksIcon;
+  }
+});
 Object.defineProperty(exports, "BluetoothIcon", {
   enumerable: true,
   get: function get() {

package/dist/cjs/Indicators/Badge/Badge.d.ts

@@ -9,9 +9,13 @@ interface BaseBadgeProps extends HTMLAttributes<HTMLSpanElement> {
 }
 declare type BadgeContentProps = {
     children: ReactNode;
-    /** An additional value to accompany the `Badge` */
+    /**
+     * An additional value to accompany the `Badge`
+     */
     value: ReactNode;
-    /** Left aligned icon */
+    /**
+     * Left aligned icon
+     */
     icon: IconComponentType;
 };
 export declare type BadgeProps = BaseBadgeProps & AtLeastOne<BadgeContentProps>;

package/dist/cjs/Indicators/Banners/Alert/Alert.d.ts

@@ -1,4 +1,4 @@
-import type { CSSProperties, ReactNode, VFC } from "react";
+import type { CSSProperties, FC, ReactNode } from "react";
 import type { IconComponentType } from "../../../Icons";
 import type { ColorVariant } from "../../../types";
 export declare type AlertContextType = "page" | "section";
@@ -30,4 +30,4 @@ export interface AlertProps {
  *
  * See the [Alert documentation page](https://satellite.algolia.com/components/feedback/alert) for more information.
  */
-export declare const Alert: VFC<AlertProps>;
+export declare const Alert: FC<AlertProps>;

package/dist/cjs/Indicators/Banners/Promote/Promote.d.ts

@@ -1,4 +1,4 @@
-import type { ReactNode, VFC } from "react";
+import type { FC, ReactNode } from "react";
 declare type PromoteVariants = "large" | "compact";
 interface CompactPromoteProps {
     variant?: Extract<PromoteVariants, "compact">;
@@ -24,5 +24,5 @@ export declare type PromoteProps = {
  *
  * See the [Promote documentation page](https://satellite.algolia.com/components/feedback/promote-banner) for more information.
  */
-export declare const Promote: VFC<PromoteProps>;
+export declare const Promote: FC<PromoteProps>;
 export {};

package/dist/cjs/Indicators/Banners/SystemNotification/SystemNotification.d.ts

@@ -1,4 +1,4 @@
-import type { ReactNode, VFC } from "react";
+import type { FC, ReactNode } from "react";
 import type { IconComponentType } from "../../../Icons";
 export interface SystemNotificationProps {
     icon?: IconComponentType;
@@ -9,4 +9,4 @@ export interface SystemNotificationProps {
  *
  * See the [System Notification documentation page](https://satellite.algolia.com/components/feedback/system-notification) for more information.
  */
-export declare const SystemNotification: VFC<SystemNotificationProps>;
+export declare const SystemNotification: FC<SystemNotificationProps>;

package/dist/cjs/Indicators/EmptyState/EmptyState.d.ts

@@ -1,8 +1,8 @@
-import type { VFC } from "react";
+import type { FC } from "react";
 import type { EmptyStateProps } from "./types";
 /**
  * The `EmptyState` component informs users when there's no content or data, providing clear actions and guidance to help them proceed or populate the area.
  *
  * See the [Empty State documentation page](https://satellite.algolia.com/layouts/empty-state) for more information.
  */
-export declare const EmptyState: VFC<EmptyStateProps>;
+export declare const EmptyState: FC<EmptyStateProps>;

package/dist/cjs/Indicators/KeyboardKey/KeyboardKey.d.ts

@@ -1,4 +1,4 @@
-import type { VFC } from "react";
+import type { FC } from "react";
 export interface KeyboardKeyProps {
     /** @ignore */
     className?: string;
@@ -9,4 +9,4 @@ export interface KeyboardKeyProps {
  *
  * See the [Keyboard Key documentation page](https://satellite.algolia.com/components/misc/keyboard-key) for more information.
  */
-export declare const KeyboardKey: VFC<KeyboardKeyProps>;
+export declare const KeyboardKey: FC<KeyboardKeyProps>;

package/dist/cjs/Indicators/ProgressSpinner/ProgressSpinner.d.ts

@@ -1,4 +1,4 @@
-import type { SVGAttributes, VFC } from "react";
+import type { FC, SVGAttributes } from "react";
 export declare type ProgressSpinnerAlign = "left" | "center" | "right";
 export interface ProgressSpinnerProps extends SVGAttributes<SVGSVGElement> {
     size?: number;
@@ -10,4 +10,4 @@ export interface ProgressSpinnerProps extends SVGAttributes<SVGSVGElement> {
  *
  * See the [Progress Spinner documentation page](https://satellite.algolia.com/components/feedback/progress-spinner) for more information.
  */
-export declare const ProgressSpinner: VFC<ProgressSpinnerProps>;
+export declare const ProgressSpinner: FC<ProgressSpinnerProps>;

package/dist/cjs/Indicators/ScrollIndicator/ScrollIndicator.d.ts

@@ -1,4 +1,4 @@
-import type { CSSProperties, ReactHTML, ReactNode, VFC } from "react";
+import type { CSSProperties, FC, ReactHTML, ReactNode } from "react";
 export declare type ScrollIndicatorVariant = "light" | "dark";
 export interface ScrollIndicatorProps {
     wrapperClassName?: string;
@@ -15,4 +15,4 @@ export interface ScrollIndicatorProps {
  *
  * See the [Scroll Indicator documentation page](https://satellite.algolia.com/layouts/scroll-indicator) for more information.
  */
-export declare const ScrollIndicator: VFC<ScrollIndicatorProps>;
+export declare const ScrollIndicator: FC<ScrollIndicatorProps>;

package/dist/cjs/Indicators/Skeleton/Skeleton.d.ts

@@ -1,4 +1,4 @@
-import type { FC } from "react";
+import type { FC, PropsWithChildren } from "react";
 export interface SkeletonProps {
     className?: string;
     size?: keyof typeof DEFAULT_SKELETON_SIZES;
@@ -15,5 +15,5 @@ declare const DEFAULT_SKELETON_SIZES: {
  *
  * See the [Skeleton documentation page](https://satellite.algolia.com/layouts/skeleton) for more information.
  */
-export declare const Skeleton: FC<SkeletonProps>;
+export declare const Skeleton: FC<PropsWithChildren<SkeletonProps>>;
 export {};

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

@@ -20,19 +20,28 @@ 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")
+      columnGap: theme("spacing.2"),
+      "&:focus-visible": {
+        borderRadius: theme("borderRadius.DEFAULT")
+      },
+      "&:has(+ .tag-close-button):focus-visible": {
+        borderTopRightRadius: "0px",
+        borderBottomRightRadius: "0px"
+      }
     },
     ".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"
+      borderLeft: "1px solid transparent",
+      "&:focus-visible": {
+        borderTopRightRadius: theme("borderRadius.DEFAULT"),
+        borderBottomRightRadius: theme("borderRadius.DEFAULT")
+      }
     }
   });
 });

package/dist/cjs/Indicators/Toast/Toast.d.ts

@@ -1,5 +1,5 @@
-import type { FC, HTMLAttributes } from "react";
+import type { FC, HTMLAttributes, PropsWithChildren } from "react";
 import type { Notification } from "./types";
 export declare type ToastLocale = Notification["locale"];
 export declare type ToastProps = Omit<Notification, "id" | "content" | "autoDismissAfter"> & Omit<HTMLAttributes<HTMLElement>, "title">;
-export declare const Toast: FC<ToastProps>;
+export declare const Toast: FC<PropsWithChildren<ToastProps>>;

package/dist/cjs/Indicators/Toast/Toasts.d.ts

@@ -1,4 +1,4 @@
-import type { VFC } from "react";
+import type { FC } from "react";
 import type { Notification } from "./types";
 export declare type ToastsLocale = {
     hotkeyLabel?: string;
@@ -17,4 +17,4 @@ export interface ToastsProps {
  *
  * See the [Toast documentation page](https://satellite.algolia.com/components/feedback/toast) for more information.
  */
-export declare const Toasts: VFC<ToastsProps>;
+export declare const Toasts: FC<ToastsProps>;

package/dist/cjs/Layout/Card/components/CardHeader.d.ts

@@ -1,5 +1,5 @@
-import type { ReactNode, VFC } from "react";
+import type { FC, ReactNode } from "react";
 export declare type CardHeaderProps = JSX.IntrinsicElements["div"] & {
     children: ReactNode;
 };
-export declare const CardHeader: VFC<CardHeaderProps>;
+export declare const CardHeader: FC<CardHeaderProps>;

package/dist/cjs/Layout/Card/components/CardTitle.d.ts

@@ -1,7 +1,7 @@
-import type { VFC } from "react";
+import type { FC } from "react";
 declare type Headings = "h2" | "h3" | "h4" | "h5" | "h6";
 export declare type CardTitleProps = JSX.IntrinsicElements["h2"] & {
     as?: Headings;
 };
-export declare const CardTitle: VFC<CardTitleProps>;
+export declare const CardTitle: FC<CardTitleProps>;
 export {};

package/dist/cjs/Layout/FlexGrid/FlexGrid.d.ts

@@ -1,4 +1,4 @@
-import type { ReactNode, VFC } from "react";
+import type { FC, ReactNode } from "react";
 export declare type FlexGridDirection = "row" | "column";
 export declare type FlexGridAlignment = "leading" | "trailing" | "center" | "fill" | "baseline";
 export declare type FlexGridDistribution = "equalSpacing" | "leading" | "trailing" | "center" | "fill" | "fillEvenly";
@@ -41,4 +41,4 @@ export interface FlexGridProps {
  *
  * See the [Flex Grid documentation page](https://satellite.algolia.com/layouts/flex-grid) for more information.
  */
-export declare const FlexGrid: VFC<FlexGridProps>;
+export declare const FlexGrid: FC<FlexGridProps>;

package/dist/cjs/Layout/Insert/Insert.d.ts

@@ -1,4 +1,4 @@
-import type { ReactNode, VFC } from "react";
+import type { FC, ReactNode } from "react";
 import type { BadgeVariants } from "../../Indicators";
 declare type InsertContext = {
     label: string;
@@ -15,5 +15,5 @@ export interface InsertProps {
  *
  * See the [Insert documentation page](https://satellite.algolia.com/layouts/insert) for more information.
  */
-export declare const Insert: VFC<InsertProps>;
+export declare const Insert: FC<InsertProps>;
 export {};