@algolia/satellite 1.0.0-beta.145 → 1.0.0-beta.146

package/esm/DatePicker/components/Calendar.js

@@ -6,7 +6,6 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import { DayPicker } from "react-day-picker";
-import { getDateFnsLocale } from "../utils";
 import NavBar from "./NavBar";
 import { jsx as _jsx } from "react/jsx-runtime";
 var excludedDayPickerPropsList = ["captionElement", "showOutsideDays", "enableOutsideDaysClick", "fixedWeeks", "labels", "navbarElement", "onTodayButtonClick", "pagedNavigation", "renderDay", "renderWeek", "reverseMonths", "showWeekNumber", "showWeekDays", "weekdayElement", "weekdaysLong", "weekdaysShort"];
@@ -34,14 +33,11 @@ var Calendar = function Calendar(props) {
     //stl`bg-grey-600 text-white rounded-l border-0`,
     displayedRangesEnd: "rdp-day_displayedRangesEnd" //stl`bg-grey-600 text-white rounded-r border-0`,
 
-  }; // This could be expanded further to incorporate expanding the number system as well as the text:
-  // https://react-day-picker.js.org/basics/localization#adopting-other-numbering-systems
-
-  var dateFnsLocale = getDateFnsLocale(props.locale.code);
+  };
   return /*#__PURE__*/_jsx(DayPicker, _objectSpread(_objectSpread({
     mode: props.mode
   }, curatedProps), {}, {
-    locale: dateFnsLocale,
+    locale: props.locale.formatter,
     dir: props.locale.rtl ? "rtl" : "ltr",
     modifiersClassNames: modifierClassNames,
     showOutsideDays: false,

package/esm/DatePicker/types.d.ts

@@ -1,12 +1,8 @@
-import type * as Locales from "date-fns/locale";
+import type { Locale as DateFnsLocale } from "date-fns";
 import type { ModalProps } from "./components/Modal";
 export declare type DatePickerLocale = {
-    /**
-     * code is the date-fns ISO 639-1 language code to look up @link https://en.wikipedia.org/wiki/List_of_ISO_639-1_codes
-     * for rendering the actual calendar component in the correct language. This has no effect on the custom translations
-     * listed below. (i.e. `openButton`, `apply`, etc.)
-     */
-    code?: keyof typeof Locales;
+    /** The date-fns locale object used to localize dates. Defaults to* `en-US`. */
+    formatter?: DateFnsLocale;
     /** rtl should be used optionally in conjunction with supported language codes, such as `rtl: true` when code is `arSA` */
     rtl?: boolean;
     /**

package/esm/DatePicker/utils.d.ts

@@ -1,10 +1,3 @@
-import type { Locale } from "date-fns";
 import type { DatePickerLocale } from "./types";
 export declare const formatDate: (date: Date | number) => string;
-export declare const DEFAULT_DATE_PICKER_LOCALE: Required<DatePickerLocale>;
-/**
- * Looks up a date-fns locale. This falls back to `en`
- * @param locale the ISO 639-1 language code to look up @link https://en.wikipedia.org/wiki/List_of_ISO_639-1_codes
- * @returns date-fns locale.
- */
-export declare function getDateFnsLocale(locale?: string): Locale;
+export declare const DEFAULT_DATE_PICKER_LOCALE: Required<Omit<DatePickerLocale, "formatter">>;

package/esm/DatePicker/utils.js

@@ -1,30 +1,12 @@
 import format from "date-fns/format";
-import * as Locales from "date-fns/locale";
 export var formatDate = function formatDate(date) {
   return format(date, "MMM do, yyyy");
 };
 export var DEFAULT_DATE_PICKER_LOCALE = {
-  code: "enUS",
   rtl: false,
   apply: "Apply",
   cancel: "Cancel",
   openButton: "Enter a date...",
   previousMonth: "Previous month",
   nextMonth: "Next month"
-};
-/**
- * Looks up a date-fns locale. This falls back to `en`
- * @param locale the ISO 639-1 language code to look up @link https://en.wikipedia.org/wiki/List_of_ISO_639-1_codes
- * @returns date-fns locale.
- */
-
-export function getDateFnsLocale(locale) {
-  var _allLocales$locale;
-
-  if (!locale) {
-    return Locales.enUS;
-  }
-
-  var allLocales = Locales;
-  return (_allLocales$locale = allLocales[locale]) !== null && _allLocales$locale !== void 0 ? _allLocales$locale : Locales.enUS;
-}
+};

package/esm/Dropdown/components/DropdownLinkItem.d.ts

@@ -2,6 +2,7 @@
 import type { IconComponentType } from "../../types";
 import { DropdownBaseItemProps } from "../useDropdownItemProps";
 export declare type DropdownLinkItemProps = DropdownBaseItemProps<HTMLAnchorElement> & JSX.IntrinsicElements["a"] & {
+    href: string;
     /** Left aligned icon */
     startIcon?: IconComponentType;
 };

package/esm/EmptyState/EmptyState.tailwind.d.ts

@@ -1,5 +1,5 @@
 export = emptyStatePlugin;
 declare const emptyStatePlugin: {
     handler: import("tailwindcss/types/config").PluginCreator;
-    config?: import("tailwindcss").Config | undefined;
+    config?: Partial<import("tailwindcss").Config> | undefined;
 };

package/esm/Flag/Flag.tailwind.d.ts

@@ -1,5 +1,5 @@
 export = flagPlugin;
 declare const flagPlugin: {
     handler: import("tailwindcss/types/config").PluginCreator;
-    config?: import("tailwindcss").Config | undefined;
+    config?: Partial<import("tailwindcss").Config> | undefined;
 };

package/esm/FlexGrid/FlexGrid.tailwind.d.ts

@@ -4,5 +4,5 @@ export = flexGridPlugin;
  **/
 declare const flexGridPlugin: {
     handler: import("tailwindcss/types/config").PluginCreator;
-    config?: import("tailwindcss").Config | undefined;
+    config?: Partial<import("tailwindcss").Config> | undefined;
 };

package/esm/HelpUnderline/HelpUnderline.tailwind.d.ts

@@ -1,5 +1,5 @@
 export = helpUnderlinePlugin;
 declare const helpUnderlinePlugin: {
     handler: import("tailwindcss/types/config").PluginCreator;
-    config?: import("tailwindcss").Config | undefined;
+    config?: Partial<import("tailwindcss").Config> | undefined;
 };

package/esm/Input/Input.tailwind.d.ts

@@ -1,5 +1,5 @@
 export = inputPlugin;
 declare const inputPlugin: {
     handler: import("tailwindcss/types/config").PluginCreator;
-    config?: import("tailwindcss").Config | undefined;
+    config?: Partial<import("tailwindcss").Config> | undefined;
 };

package/esm/InstantSearch/InstantSearch.tailwind.d.ts

@@ -1,5 +1,5 @@
 declare const _exports: {
     handler: import("tailwindcss/types/config").PluginCreator;
-    config?: import("tailwindcss").Config | undefined;
+    config?: Partial<import("tailwindcss").Config> | undefined;
 };
 export = _exports;

package/esm/KeyboardKey/KeyboardKey.tailwind.d.ts

@@ -1,5 +1,5 @@
 export = keyboardKeyPlugin;
 declare const keyboardKeyPlugin: {
     handler: import("tailwindcss/types/config").PluginCreator;
-    config?: import("tailwindcss").Config | undefined;
+    config?: Partial<import("tailwindcss").Config> | undefined;
 };

package/esm/Link/BaseLink.d.ts

@@ -1,4 +1,8 @@
 import type { AnchorHTMLAttributes } from "react";
-export declare type BaseLinkProps = AnchorHTMLAttributes<HTMLAnchorElement>;
-export declare const BaseLink: import("react").ForwardRefExoticComponent<BaseLinkProps & import("react").RefAttributes<HTMLAnchorElement>>;
+export declare type BaseLinkProps = {
+    href: string;
+} & AnchorHTMLAttributes<HTMLAnchorElement>;
+export declare const BaseLink: import("react").ForwardRefExoticComponent<{
+    href: string;
+} & AnchorHTMLAttributes<HTMLAnchorElement> & import("react").RefAttributes<HTMLAnchorElement>>;
 export default BaseLink;

package/esm/Link/ButtonLink.d.ts

@@ -1,5 +1,7 @@
 /// <reference types="react" />
 import type { ButtonBaseProps, ExtractProps } from "../Button/types";
-export declare type ButtonLinkProps = ButtonBaseProps & ExtractProps<"a">;
+export declare type ButtonLinkProps = ButtonBaseProps & ExtractProps<"a"> & {
+    href: string;
+};
 export declare const ButtonLink: ({ endIcon: EndIcon, href, onClick, ...props }: ButtonLinkProps) => JSX.Element;
 export default ButtonLink;

package/esm/Link/IconButtonLink.d.ts

@@ -1,6 +1,8 @@
 /// <reference types="react" />
 import { IconButtonBaseProps } from "../Button/IconButton";
 import type { ExtractProps } from "../Button/types";
-export declare type IconButtonLinkProps = IconButtonBaseProps & ExtractProps<"a">;
+export declare type IconButtonLinkProps = IconButtonBaseProps & ExtractProps<"a"> & {
+    href: string;
+};
 export declare const IconButtonLink: ({ href, onClick, ...props }: IconButtonLinkProps) => JSX.Element;
 export default IconButtonLink;

package/esm/Link/Link.d.ts

@@ -1,10 +1,12 @@
 import type { AnchorHTMLAttributes } from "react";
 import type { IconComponentType } from "../types";
 export declare type LinkProps = {
+    href: string;
     startIcon?: IconComponentType;
     endIcon?: IconComponentType;
 } & AnchorHTMLAttributes<HTMLAnchorElement>;
 export declare const Link: import("react").ForwardRefExoticComponent<{
+    href: string;
     startIcon?: IconComponentType | undefined;
     endIcon?: IconComponentType | undefined;
 } & AnchorHTMLAttributes<HTMLAnchorElement> & import("react").RefAttributes<HTMLAnchorElement>>;

package/esm/Medallion/Medallion.tailwind.d.ts

@@ -1,5 +1,5 @@
 export = medallionPlugin;
 declare const medallionPlugin: {
     handler: import("tailwindcss/types/config").PluginCreator;
-    config?: import("tailwindcss").Config | undefined;
+    config?: Partial<import("tailwindcss").Config> | undefined;
 };

package/esm/Modal/Modal.tailwind.d.ts

@@ -1,5 +1,5 @@
 export = modalPlugin;
 declare const modalPlugin: {
     handler: import("tailwindcss/types/config").PluginCreator;
-    config?: import("tailwindcss").Config | undefined;
+    config?: Partial<import("tailwindcss").Config> | undefined;
 };

package/esm/ProgressBar/ProgressBar.tailwind.d.ts

@@ -1,5 +1,5 @@
 export = progressBarPlugin;
 declare const progressBarPlugin: {
     handler: import("tailwindcss/types/config").PluginCreator;
-    config?: import("tailwindcss").Config | undefined;
+    config?: Partial<import("tailwindcss").Config> | undefined;
 };

package/esm/ProgressSpinner/ProgressSpinner.tailwind.d.ts

@@ -1,5 +1,5 @@
 export = progressSpinnerPlugin;
 declare const progressSpinnerPlugin: {
     handler: import("tailwindcss/types/config").PluginCreator;
-    config?: import("tailwindcss").Config | undefined;
+    config?: Partial<import("tailwindcss").Config> | undefined;
 };

package/esm/RadioGroup/RadioButton.tailwind.d.ts

@@ -1,5 +1,5 @@
 export = radioButtonPlugin;
 declare const radioButtonPlugin: {
     handler: import("tailwindcss/types/config").PluginCreator;
-    config?: import("tailwindcss").Config | undefined;
+    config?: Partial<import("tailwindcss").Config> | undefined;
 };

package/esm/RangeSlider/RangeSlider.tailwind.d.ts

@@ -1,5 +1,5 @@
 export = rangeSliderPlugin;
 declare const rangeSliderPlugin: {
     handler: import("tailwindcss/types/config").PluginCreator;
-    config?: import("tailwindcss").Config | undefined;
+    config?: Partial<import("tailwindcss").Config> | undefined;
 };

package/esm/ScrollIndicator/ScrollIndicator.tailwind.d.ts

@@ -1,5 +1,5 @@
 export = scrollIndicatorPlugin;
 declare const scrollIndicatorPlugin: {
     handler: import("tailwindcss/types/config").PluginCreator;
-    config?: import("tailwindcss").Config | undefined;
+    config?: Partial<import("tailwindcss").Config> | undefined;
 };

package/esm/Select/Select.tailwind.d.ts

@@ -1,5 +1,5 @@
 export = selectPlugin;
 declare const selectPlugin: {
     handler: import("tailwindcss/types/config").PluginCreator;
-    config?: import("tailwindcss").Config | undefined;
+    config?: Partial<import("tailwindcss").Config> | undefined;
 };

package/esm/Sidebar/SidebarButtonLink.d.ts

@@ -8,7 +8,13 @@ export interface SidebarButtonLinkProps {
     id?: string;
     icon: SidebarButtonLinkIcon;
     href: string;
-    children: ReactNode;
     onClick?: MouseEventHandler<HTMLAnchorElement>;
+    disabled?: boolean;
+    /**
+     * Alternative content for the tooltip.
+     * @default children
+     */
+    tooltipContent?: ReactNode;
+    children: ReactNode;
 }
 export declare const SidebarButtonLink: FC<SidebarButtonLinkProps>;

package/esm/Sidebar/SidebarButtonLink.js

@@ -9,7 +9,6 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import { useState } from "react";
-import { BaseLink } from "../Link";
 import stl from "../styles/helpers/satellitePrefixer";
 import { TooltipWrapper } from "../Tooltip";
 import useLinkProps from "../utils/useLinkProps";
@@ -18,7 +17,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 
 var Tooltip = function Tooltip(_ref) {
-  var title = _ref.title,
+  var content = _ref.content,
       children = _ref.children;
   return /*#__PURE__*/_jsx(TooltipWrapper, {
     placement: "right",
@@ -30,40 +29,38 @@ var Tooltip = function Tooltip(_ref) {
         offset: [0, 32]
       }
     }],
-    content: title,
+    content: content,
     wrapperClassName: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["block"]))),
     interactive: false,
     children: children
   });
 };
 
-export var SidebarButtonLink = function SidebarButtonLink(_ref2) {
-  var id = _ref2.id,
-      icon = _ref2.icon,
-      href = _ref2.href,
-      children = _ref2.children,
-      onClick = _ref2.onClick;
+export var SidebarButtonLink = function SidebarButtonLink(props) {
+  var id = props.id,
+      icon = props.icon,
+      href = props.href,
+      disabled = props.disabled,
+      children = props.children;
 
   var _useSidebarContext = useSidebarContext(),
       isLinkActive = _useSidebarContext.isLinkActive,
       collapsed = _useSidebarContext.collapsed;
 
-  var linkProps = useLinkProps({
-    href: href,
-    onClick: onClick
-  });
+  var linkProps = useLinkProps(props);
 
   var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
       isInteractedWith = _useState2[0],
       setIsInteractedWith = _useState2[1];
 
-  var isActive = isLinkActive(href);
-  var showColors = isActive || isInteractedWith;
+  var isActive = !disabled && isLinkActive(href);
+  var showColors = !disabled && (isActive || isInteractedWith);
   var Icon = "active" in icon ? showColors ? icon.active : icon.inactive : icon;
+  var tooltipContent = "tooltipContent" in props ? props.tooltipContent : children;
   return /*#__PURE__*/_jsx(Tooltip, {
-    title: collapsed ? children : null,
-    children: /*#__PURE__*/_jsxs(BaseLink, _objectSpread(_objectSpread({}, linkProps), {}, {
+    content: collapsed ? tooltipContent : null,
+    children: /*#__PURE__*/_jsxs("a", _objectSpread(_objectSpread({}, linkProps), {}, {
       id: id,
       onMouseEnter: function onMouseEnter() {
         return setIsInteractedWith(true);
@@ -77,7 +74,7 @@ export var SidebarButtonLink = function SidebarButtonLink(_ref2) {
       onBlur: function onBlur() {
         return setIsInteractedWith(false);
       },
-      className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n          h-8 min-w-8 w-full rounded\n          flex items-center space-x-3\n          border border-transparent\n          display-body hover:no-underline\n          focus:outline-none focus:border-grey-500\n          ", "\n          ", "\n          ", "\n        "])), isActive ? "shadow-z100" : "hover:border-grey-200", isActive && "bg-gradient-to-b from-white to-grey-50", collapsed ? "pl-2" : "px-2"),
+      className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n          h-8 min-w-8 w-full rounded\n          flex items-center space-x-3\n          border border-transparent\n          display-body\n          hover:no-underline focus:no-underline\n          ", "\n          ", "\n          ", "\n          ", "\n        "])), disabled ? "cursor-not-allowed opacity-70" : "focus:border-grey-500", isActive ? "shadow-z100" : !disabled && "hover:border-grey-200", isActive && "bg-gradient-to-b from-white to-grey-50", collapsed ? "pl-2" : "px-2"),
       "aria-current": isActive,
       children: [/*#__PURE__*/_jsx(Icon, {
         className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["", " ml-[-3px]"])), showColors ? "text-accent-600" : "text-grey-400"),

package/esm/Sidebar/SidebarLink.d.ts

@@ -2,7 +2,8 @@ import type { FC, ReactNode } from "react";
 import type { IconComponentType } from "../types";
 export declare type SidebarLinkProps = {
     icon: IconComponentType;
+    href: string;
     disabled?: boolean;
     children: ReactNode;
-} & Pick<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "id" | "className" | "href" | "target" | "rel" | "aria-label" | "onClick">;
+} & Pick<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "id" | "className" | "target" | "rel" | "aria-label" | "onClick">;
 export declare const SidebarLink: FC<SidebarLinkProps>;

package/esm/Switch/Switch.tailwind.d.ts

@@ -1,5 +1,5 @@
 export = switchPlugin;
 declare const switchPlugin: {
     handler: import("tailwindcss/types/config").PluginCreator;
-    config?: import("tailwindcss").Config | undefined;
+    config?: Partial<import("tailwindcss").Config> | undefined;
 };

package/esm/Tables/DataTable/DataTable.tailwind.d.ts

@@ -1,5 +1,5 @@
 export = datatablePlugin;
 declare const datatablePlugin: {
     handler: import("tailwindcss/types/config").PluginCreator;
-    config?: import("tailwindcss").Config | undefined;
+    config?: Partial<import("tailwindcss").Config> | undefined;
 };

package/esm/Tables/Table/Table.tailwind.d.ts

@@ -1,5 +1,5 @@
 export = tablePlugin;
 declare const tablePlugin: {
     handler: import("tailwindcss/types/config").PluginCreator;
-    config?: import("tailwindcss").Config | undefined;
+    config?: Partial<import("tailwindcss").Config> | undefined;
 };

package/esm/Tabs/Tabs.tailwind.d.ts

@@ -1,5 +1,5 @@
 export = tabsPlugin;
 declare const tabsPlugin: {
     handler: import("tailwindcss/types/config").PluginCreator;
-    config?: import("tailwindcss").Config | undefined;
+    config?: Partial<import("tailwindcss").Config> | undefined;
 };

package/esm/Tag/Tag.tailwind.d.ts

@@ -1,5 +1,5 @@
 export = tagPlugin;
 declare const tagPlugin: {
     handler: import("tailwindcss/types/config").PluginCreator;
-    config?: import("tailwindcss").Config | undefined;
+    config?: Partial<import("tailwindcss").Config> | undefined;
 };

package/esm/TextArea/TextArea.tailwind.d.ts

@@ -1,5 +1,5 @@
 export = textAreaPlugin;
 declare const textAreaPlugin: {
     handler: import("tailwindcss/types/config").PluginCreator;
-    config?: import("tailwindcss").Config | undefined;
+    config?: Partial<import("tailwindcss").Config> | undefined;
 };

package/esm/Toggle/Toggle.tailwind.d.ts

@@ -1,5 +1,5 @@
 export = togglePlugin;
 declare const togglePlugin: {
     handler: import("tailwindcss/types/config").PluginCreator;
-    config?: import("tailwindcss").Config | undefined;
+    config?: Partial<import("tailwindcss").Config> | undefined;
 };

package/esm/Tooltip/Tooltip.tailwind.d.ts

@@ -1,5 +1,5 @@
 export = tooltipPlugin;
 declare const tooltipPlugin: {
     handler: import("tailwindcss/types/config").PluginCreator;
-    config?: import("tailwindcss").Config | undefined;
+    config?: Partial<import("tailwindcss").Config> | undefined;
 };

package/esm/Typography/Typography.tailwind.d.ts

@@ -1,5 +1,5 @@
 export = typographyPlugin;
 declare const typographyPlugin: {
     handler: import("tailwindcss/types/config").PluginCreator;
-    config?: import("tailwindcss").Config | undefined;
+    config?: Partial<import("tailwindcss").Config> | undefined;
 };

package/esm/UserContent/UserContent.tailwind.d.ts

@@ -1,5 +1,5 @@
 declare const _exports: {
     handler: import("tailwindcss/types/config").PluginCreator;
-    config?: import("tailwindcss").Config | undefined;
+    config?: Partial<import("tailwindcss").Config> | undefined;
 };
 export = _exports;

package/esm/styles/base.tailwind.d.ts

@@ -1,5 +1,5 @@
 export = basePlugin;
 declare const basePlugin: {
     handler: import("tailwindcss/types/config").PluginCreator;
-    config?: import("tailwindcss").Config | undefined;
+    config?: Partial<import("tailwindcss").Config> | undefined;
 };

package/esm/styles/helpers/prefixTailwindClassName.js

@@ -6,21 +6,21 @@
  * @param {string} classname
  */
 function prefixTailwindClassName(tailwindPrefix, classname) {
-  var modifiers = "";
-  var arbitraryValueIndex = classname.indexOf("-[");
-  var classNameSafeZone = arbitraryValueIndex === -1 ? classname : classname.slice(0, arbitraryValueIndex);
-  var prefixInsertIndex = classNameSafeZone.lastIndexOf("!");
+  var searchZone = classname.replace(/-\[[^\]]+\]$/, ""); // important marker
+
+  var prefixInsertIndex = searchZone.lastIndexOf("!"); // modifier separator
 
   if (prefixInsertIndex === -1) {
-    prefixInsertIndex = classNameSafeZone.lastIndexOf(":");
-  }
+    prefixInsertIndex = searchZone.lastIndexOf(":");
+  } // container marker
 
-  if (prefixInsertIndex !== -1) {
-    modifiers = classname.slice(0, prefixInsertIndex + 1);
-    classname = classname.slice(prefixInsertIndex + 1);
+
+  if (prefixInsertIndex === -1) {
+    prefixInsertIndex = searchZone.lastIndexOf("@");
   }
 
-  return "".concat(modifiers).concat(tailwindPrefix).concat(classname);
+  prefixInsertIndex += 1;
+  return classname.slice(0, prefixInsertIndex) + tailwindPrefix + classname.slice(prefixInsertIndex);
 }
 
 export default prefixTailwindClassName;

package/esm/utilities/utilities.tailwind.d.ts

@@ -1,5 +1,5 @@
 declare const _exports: {
     handler: import("tailwindcss/types/config").PluginCreator;
-    config?: import("tailwindcss").Config | undefined;
+    config?: Partial<import("tailwindcss").Config> | undefined;
 };
 export = _exports;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@algolia/satellite",
-  "version": "1.0.0-beta.145",
+  "version": "1.0.0-beta.146",
   "description": "Algolia design system React components",
   "scripts": {
     "clean": "rimraf dist",
@@ -79,7 +79,7 @@
     "react-popper": "^2.2.5",
     "react-transition-group": "4.4.2",
     "react-use": "^15.3.8",
-    "tailwindcss": "^3.1.4"
+    "tailwindcss": "^3.2.2"
   },
   "main": "./cjs/index.js",
   "module": "./esm/index.js",