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

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/Pagination/CompactPagination/CompactPagination.d.ts

@@ -23,7 +23,9 @@ export declare type IndeterminateCompactPaginationProps = BaseCompactPaginationP
     nextDisabled?: boolean;
 };
 export declare type CompactPaginationProps = DeterminateCompactPaginationProps | IndeterminateCompactPaginationProps;
+/** @ignore */
 export declare const isDeterminateCompactPaginationProps: (props: CompactPaginationProps) => props is DeterminateCompactPaginationProps;
+/** @ignore */
 export declare const isIndeterminateCompactPaginationProps: (props: CompactPaginationProps) => props is IndeterminateCompactPaginationProps;
 export declare const CompactPagination: (props: CompactPaginationProps) => JSX.Element;
 export default CompactPagination;

package/esm/Pagination/CompactPagination/CompactPagination.js

@@ -22,9 +22,13 @@ var DEFAULT_COMPACT_PAGINATION_LOCALE = {
     return typeof nbPages === "number" ? "Page ".concat(page, " of ").concat(nbPages) : "Page ".concat(page, " of many");
   }
 };
+
+/** @ignore */
 export var isDeterminateCompactPaginationProps = function isDeterminateCompactPaginationProps(props) {
   return "nbPages" in props;
 };
+/** @ignore */
+
 export var isIndeterminateCompactPaginationProps = function isIndeterminateCompactPaginationProps(props) {
   return !isDeterminateCompactPaginationProps(props);
 };

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/ContentTabs.js

@@ -1,11 +1,9 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
-import { Tabs as ReachTabs, Tab, TabList, TabPanel, TabPanels } from "@reach/tabs";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@radix-ui/react-tabs";
 import cx from "clsx";
-import { useEffect, useState } from "react";
 import Badge from "../Badge";
 import stl from "../styles/helpers/satellitePrefixer";
 import { ACTIVE_UNDERLINE_VARIANT_CLASSNAMES } from "./utils";
@@ -18,31 +16,13 @@ export var ContentTabs = function ContentTabs(_ref) {
       _ref$defaultIndex = _ref.defaultIndex,
       defaultIndex = _ref$defaultIndex === void 0 ? 0 : _ref$defaultIndex,
       onChange = _ref.onChange;
-
-  var _useState = useState(tabIndex !== null && tabIndex !== void 0 ? tabIndex : defaultIndex),
-      _useState2 = _slicedToArray(_useState, 2),
-      internalTabIndex = _useState2[0],
-      setInternalTabIndex = _useState2[1];
-
-  useEffect(function () {
-    if (tabIndex !== undefined && internalTabIndex !== tabIndex) {
-      setInternalTabIndex(tabIndex);
-    }
-  }, [internalTabIndex, tabIndex]);
-
-  var handleTabsChange = function handleTabsChange(index) {
-    onChange === null || onChange === void 0 ? void 0 : onChange(index);
-
-    if (tabIndex === undefined) {
-      setInternalTabIndex(index);
-    }
-  };
-
-  return /*#__PURE__*/_jsxs(ReachTabs, {
-    index: internalTabIndex,
-    onChange: handleTabsChange,
-    defaultIndex: internalTabIndex,
-    children: [/*#__PURE__*/_jsx(TabList, {
+  return /*#__PURE__*/_jsxs(Tabs, {
+    value: typeof tabIndex !== "undefined" ? String(tabIndex) : undefined,
+    defaultValue: typeof defaultIndex !== "undefined" ? String(defaultIndex) : undefined,
+    onValueChange: function onValueChange(value) {
+      return onChange === null || onChange === void 0 ? void 0 : onChange(Number(value));
+    },
+    children: [/*#__PURE__*/_jsx(TabsList, {
       className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["tabs-tabbar border-b border-grey-200 flex overflow-x-auto whitespace-nowrap space-x-6"]))), className),
       children: tabs.map(function (_ref2, index) {
         var _ref2$variant = _ref2.variant,
@@ -51,9 +31,10 @@ export var ContentTabs = function ContentTabs(_ref) {
             disabled = _ref2.disabled,
             label = _ref2.label,
             value = _ref2.value;
-        return /*#__PURE__*/_jsxs(Tab, {
-          className: cx(ACTIVE_UNDERLINE_VARIANT_CLASSNAMES[variant], stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["tab pb-3 text-base leading-sm"]))), className),
+        return /*#__PURE__*/_jsxs(TabsTrigger, {
+          value: String(index),
           disabled: disabled,
+          className: cx(ACTIVE_UNDERLINE_VARIANT_CLASSNAMES[variant], stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["tab pb-3 text-base leading-sm"]))), className),
           children: [label, value && /*#__PURE__*/_jsx(Badge, {
             size: "small",
             variant: variant,
@@ -62,15 +43,13 @@ export var ContentTabs = function ContentTabs(_ref) {
           })]
         }, index);
       })
-    }), /*#__PURE__*/_jsx(TabPanels, {
-      children: tabs.map(function (_ref3, index) {
-        var content = _ref3.content;
-        var isActive = internalTabIndex === index;
-        return /*#__PURE__*/_jsx(TabPanel, {
-          className: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["focus:outline-none"]))),
-          children: isActive ? content : null
-        }, index);
-      })
+    }), tabs.map(function (_ref3, index) {
+      var content = _ref3.content;
+      return /*#__PURE__*/_jsx(TabsContent, {
+        value: String(index),
+        className: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["focus:outline-none"]))),
+        children: content
+      }, index);
     })]
   });
 };

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/TextWrap/TextWrap.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 export interface TextWrapProps extends Omit<JSX.IntrinsicElements["span"], "children"> {
+    /** The max number of lines before the text is cut with an ellipsis */
     maxLines?: number;
     children: string;
 }

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/Typography/Typography.tailwind.js

@@ -15,8 +15,8 @@ var typographyPlugin = plugin(function (_ref) {
       addUtilities = _ref.addUtilities,
       addComponents = _ref.addComponents,
       e = _ref.e;
-  var desktop = theme("typography.desktop", {});
-  var mobile = theme("typography.mobile", {});
+  var desktop = theme("stlTypography.desktop", {});
+  var mobile = theme("stlTypography.mobile", {});
   var common = {
     reversed: {
       color: theme("colors.white")
@@ -61,7 +61,7 @@ var typographyPlugin = plugin(function (_ref) {
   content: [],
   theme: {
     // @ts-ignore
-    typography: function typography(_ref2) {
+    stlTypography: function stlTypography(_ref2) {
       var theme = _ref2.theme;
       // Need to transform it to a string because in this context, Tailwind doesn't automagically turn it into a string value
       // Asked here https://github.com/tailwindlabs/tailwindcss/discussions/8755

package/esm/UserContent/UserContent.js

@@ -1,4 +1,3 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 
 var _templateObject;
@@ -11,11 +10,12 @@ export var UserContent = function UserContent(_ref) {
       content = _ref.content,
       _ref$styled = _ref.styled,
       styled = _ref$styled === void 0 ? true : _ref$styled;
-  return content ? /*#__PURE__*/_jsx("div", {
-    className: cx(_defineProperty({}, stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["usercontent"]))), styled), className),
+  if (!content) return null;
+  return /*#__PURE__*/_jsx("div", {
+    className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["", ""])), styled && "usercontent"), className),
     dangerouslySetInnerHTML: {
       __html: content
     }
-  }) : null;
+  });
 };
 export default UserContent;

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/UserContent/UserContent.tailwind.js

@@ -17,10 +17,10 @@ export default plugin(function (_ref) {
       theme = _ref.theme;
 
   /** @type {any} */
-  var desktop = theme("typography.desktop", {});
+  var desktop = theme("stlTypography.desktop", {});
   /** @type {any} */
 
-  var mobile = theme("typography.mobile", {});
+  var mobile = theme("stlTypography.mobile", {});
   addComponents({
     ".usercontent": _defineProperty({
       "h1, h2, h3, h4, h5, h6, p, ul, ol, blockquote, table": {

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.147",
   "description": "Algolia design system React components",
   "scripts": {
     "clean": "rimraf dist",
@@ -67,7 +67,7 @@
   "dependencies": {
     "@babel/runtime": "^7.17.7",
     "@popperjs/core": "^2.4.4",
-    "@reach/tabs": "^0.16.1",
+    "@radix-ui/react-tabs": "^1.0.1",
     "clsx": "^1.2.1",
     "color": "^4.2.3",
     "date-fns": "2.22.1",
@@ -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",