@algolia/satellite 1.0.0-beta.160 → 1.0.0-beta.162

package/cjs/Separator/Separator.tailwind.d.ts

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

package/cjs/Separator/Separator.tailwind.js

@@ -0,0 +1,25 @@
+"use strict";
+
+// @ts-check
+var plugin = require("tailwindcss/plugin");
+var separatorPlugin = plugin(function (_ref) {
+  var addComponents = _ref.addComponents,
+    theme = _ref.theme;
+  var margin = theme("spacing.4");
+  addComponents({
+    ".separator": {
+      backgroundColor: theme("colors.grey.200"),
+      '&[data-orientation="horizontal"]': {
+        height: "1px",
+        width: "100%",
+        margin: "".concat(margin, " 0")
+      },
+      '&[data-orientation="vertical"]': {
+        height: "100%",
+        width: "1px",
+        margin: "0 ".concat(margin)
+      }
+    }
+  });
+});
+module.exports = separatorPlugin;

package/cjs/Separator/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Separator";
+export { default } from "./Separator";

package/cjs/Separator/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _Separator["default"];
+  }
+});
+var _Separator = _interopRequireWildcard(require("./Separator"));
+Object.keys(_Separator).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Separator[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Separator[key];
+    }
+  });
+});
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/cjs/Sidebar/Sidebar.d.ts

@@ -1,4 +1,4 @@
-import type { FC, ReactNode } from "react";
+import type { ReactNode, VFC } from "react";
 import type { SidebarLocale, SidebarLocation, SidebarVariant } from "./types";
 export interface SidebarProps {
     id?: string;
@@ -32,4 +32,4 @@ export interface SidebarProps {
     location: SidebarLocation;
     children?: ReactNode;
 }
-export declare const Sidebar: FC<SidebarProps>;
+export declare const Sidebar: VFC<SidebarProps>;

package/cjs/Sidebar/SidebarButtonLink.d.ts

@@ -1,4 +1,4 @@
-import type { FC, MouseEventHandler, ReactNode } from "react";
+import type { MouseEventHandler, ReactNode, VFC } from "react";
 import type { IconComponentType } from "../types";
 export declare type SidebarButtonLinkIcon = IconComponentType | {
     active: IconComponentType;
@@ -17,4 +17,4 @@ export interface SidebarButtonLinkProps {
     tooltipContent?: ReactNode;
     children: ReactNode;
 }
-export declare const SidebarButtonLink: FC<SidebarButtonLinkProps>;
+export declare const SidebarButtonLink: VFC<SidebarButtonLinkProps>;

package/cjs/Sidebar/SidebarButtonLink.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SidebarButtonLink = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
 var _reactFeather = require("react-feather");
 var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
@@ -15,24 +15,18 @@ var _Tooltip = require("../Tooltip");
 var _useLinkProps = _interopRequireDefault(require("../utils/useLinkProps"));
 var _SidebarContext = require("./SidebarContext");
 var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 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) { (0, _defineProperty2["default"])(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; }
 var Tooltip = function Tooltip(_ref) {
   var content = _ref.content,
     children = _ref.children;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.TooltipWrapper, {
-    placement: "right",
+    side: "right",
+    sideOffset: 24,
     delay: 0,
     hideDelay: 0,
-    modifiers: [{
-      name: "offset",
-      options: {
-        offset: [0, 32]
-      }
-    }],
     content: content,
-    wrapperClassName: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["block"]))),
     interactive: false,
     children: children
   });
@@ -72,17 +66,17 @@ var SidebarButtonLink = function SidebarButtonLink(props) {
       onBlur: function onBlur() {
         return setIsInteractedWith(false);
       },
-      className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\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"),
+      className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\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__*/(0, _jsxRuntime.jsx)(Icon, {
-        className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["", " ml-[-3px]"])), showColors ? "text-accent-600" : "text-grey-400"),
+        className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["", " ml-[-3px]"])), showColors ? "text-accent-600" : "text-grey-400"),
         height: 20,
         width: 20
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n            ", "\n            ", "\n            ", "\n          "])), collapsed && "sr-only", showColors ? "text-accent-600" : "typo-subdued", isActive && "font-bold"),
+        className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n            ", "\n            ", "\n            ", "\n          "])), collapsed && "sr-only", showColors ? "text-accent-600" : "typo-subdued", isActive && "font-bold"),
         children: children
       }), isExternalLink && !collapsed && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFeather.ExternalLink, {
-        className: (0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["", " !ml-1 shrink-0"])), showColors ? "text-accent-600" : "typo-subdued"),
+        className: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["", " !ml-1 shrink-0"])), showColors ? "text-accent-600" : "typo-subdued"),
         size: "1em"
       })]
     }))

package/cjs/Sidebar/SidebarHeader.d.ts

@@ -1,6 +1,6 @@
-import type { FC, ReactNode } from "react";
+import type { ReactNode, VFC } from "react";
 export declare type SidebarHeaderProps = {
     className?: string;
     children?: ReactNode;
 };
-export declare const SidebarHeader: FC<SidebarHeaderProps>;
+export declare const SidebarHeader: VFC<SidebarHeaderProps>;

package/cjs/Sidebar/SidebarHeading.d.ts

@@ -1,7 +1,7 @@
-import type { FC, ReactNode } from "react";
+import type { ReactNode, VFC } from "react";
 export declare type SidebarHeadingProps = {
     id?: string;
     className?: string;
     children: ReactNode;
 };
-export declare const SidebarHeading: FC<SidebarHeadingProps>;
+export declare const SidebarHeading: VFC<SidebarHeadingProps>;

package/cjs/Sidebar/SidebarLink.d.ts

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

package/cjs/Sidebar/SidebarLinksGroup/ActiveLinkIndicator.d.ts

@@ -1,8 +1,8 @@
-import type { FC } from "react";
+import type { VFC } from "react";
 declare type ActiveLinkIndicatorProps = {
     className?: string;
     activeIndex?: number;
     linksCount: number;
 };
-export declare const ActiveLinkIndicator: FC<ActiveLinkIndicatorProps>;
+export declare const ActiveLinkIndicator: VFC<ActiveLinkIndicatorProps>;
 export {};

package/cjs/Sidebar/SidebarLinksGroup/SidebarGroupLink.d.ts

@@ -1,7 +1,7 @@
-import type { FC } from "react";
+import type { VFC } from "react";
 import type { SidebarLinksGroupLink } from "./types";
 declare type LinkProps = SidebarLinksGroupLink & {
     active: boolean;
 };
-export declare const SidebarGroupLink: FC<LinkProps>;
+export declare const SidebarGroupLink: VFC<LinkProps>;
 export {};

package/cjs/Sidebar/SidebarLinksGroup/SidebarLinksGroup.d.ts

@@ -1,4 +1,4 @@
-import type { ReactNode } from "react";
+import type { ReactNode, VFC } from "react";
 import type { IconComponentType } from "../../types";
 import type { SidebarLinksGroupLink } from "./types";
 declare type SidebarLinksGroupBaseProps = {
@@ -19,5 +19,5 @@ export declare type CollapsibleSidebarLinksGroupProps = SidebarLinksGroupBasePro
     onGroupToggle?: (open: boolean) => void;
 };
 export declare type SidebarLinksGroupProps = StaticSidebarLinksGroupProps | CollapsibleSidebarLinksGroupProps;
-export declare const SidebarLinksGroup: (props: SidebarLinksGroupProps) => JSX.Element;
+export declare const SidebarLinksGroup: VFC<SidebarLinksGroupProps>;
 export {};

package/cjs/Sidebar/SidebarNav.d.ts

@@ -1,4 +1,4 @@
-import type { FC, ReactNode } from "react";
+import type { ReactNode, VFC } from "react";
 export declare type SidebarNavSpacing = "small" | "large";
 export declare type SidebarNavProps = {
     id?: string;
@@ -7,4 +7,4 @@ export declare type SidebarNavProps = {
     label: string;
     children: ReactNode;
 };
-export declare const SidebarNav: FC<SidebarNavProps>;
+export declare const SidebarNav: VFC<SidebarNavProps>;

package/cjs/Switch/Switch.d.ts

@@ -1,4 +1,4 @@
-import type { FunctionComponent, ReactNode } from "react";
+import type { ReactNode, VFC } from "react";
 import type { SwitchSize } from "./types";
 export interface SwitchProps {
     className?: string;
@@ -9,5 +9,5 @@ export interface SwitchProps {
     size?: SwitchSize;
     name?: string;
 }
-export declare const Switch: FunctionComponent<SwitchProps>;
+export declare const Switch: VFC<SwitchProps>;
 export default Switch;

package/cjs/Switch/SwitchOption.d.ts

@@ -1,8 +1,8 @@
-import type { FunctionComponent, ReactNode } from "react";
+import type { ReactNode, VFC } from "react";
 export interface SwitchOptionProps {
     value: string;
     disabled?: boolean;
     children: ReactNode;
 }
-export declare const SwitchOption: FunctionComponent<SwitchOptionProps>;
+export declare const SwitchOption: VFC<SwitchOptionProps>;
 export default SwitchOption;

package/cjs/Tables/DataTable/DataTable.d.ts

@@ -1,6 +1,7 @@
 import type { ReactNode } from "react";
 import type { ColumnDefinition, DataConfiguration, GetItemId, PaginationConfiguration, Row, SelectMode, Sorting, Status } from "./types";
 declare type CanSelectItem<Item> = (item: Item, idx: number) => boolean;
+export declare type SortMode = "single" | "multi";
 export declare type DataTableLocale = {
     selectAllButton?: string;
     noDataTitle?: string;
@@ -14,7 +15,6 @@ interface BaseDataTableProps<Item> {
     data: Item[];
     itemId?: GetItemId<Item>;
     pagination?: PaginationConfiguration;
-    sorting?: Sorting[];
     onChange?(dataConfiguration: DataConfiguration): void;
     status?: Status;
     noDataContent?: ReactNode;
@@ -22,6 +22,8 @@ interface BaseDataTableProps<Item> {
     columns: ColumnDefinition<Item>[];
     canHoverRow?(row: Row<Item>): boolean;
     onRowHoveredChanged?(row: Row<Item> | null): void;
+    sorting?: Sorting[];
+    sortMode?: SortMode;
     locale?: DataTableLocale;
 }
 declare type DataTableWithSelectMode<Item> = {
@@ -56,5 +58,5 @@ export declare type DataTableProps<Item> = BaseDataTableProps<Item> & (DataTable
  * - If a cell is empty or unavailable, keep the cell empty to reduce noise and help with legibility.
  * - Truncate long text to make it fit into a cell. However, choose column width wisely based on expected values, and adjust the table accordingly
  */
-export declare const DataTable: <Item extends {}>({ data, itemId, columns, onChange, status, noDataContent, errorContent, sorting, pagination, selectMode, selection, onSelectionChange, canSelectItem, canHoverRow, onRowHoveredChanged, locale: propsLocale, }: 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: propsLocale, }: DataTableProps<Item>) => JSX.Element;
 export default DataTable;

package/cjs/Tables/DataTable/DataTable.js

@@ -73,6 +73,8 @@ var DataTable = function DataTable(_ref) {
     errorContent = _ref.errorContent,
     _ref$sorting = _ref.sorting,
     sorting = _ref$sorting === void 0 ? [] : _ref$sorting,
+    _ref$sortMode = _ref.sortMode,
+    sortMode = _ref$sortMode === void 0 ? "single" : _ref$sortMode,
     _ref$pagination = _ref.pagination,
     pagination = _ref$pagination === void 0 ? false : _ref$pagination,
     _ref$selectMode = _ref.selectMode,
@@ -189,12 +191,15 @@ var DataTable = function DataTable(_ref) {
     };
   });
   var internalSorting = computedColumns.map(function (c) {
-    var _sorting$find$, _sorting$find;
-    return [c.id, c.sort ? (_sorting$find$ = (_sorting$find = sorting.find(function (_ref5) {
+    var _sorting$find;
+    if (c.sort === undefined) return [c.id, "none"];
+    var columnDirection = (_sorting$find = sorting.find(function (_ref5) {
       var _ref6 = (0, _slicedToArray2["default"])(_ref5, 1),
         columnId = _ref6[0];
       return columnId === c.id;
-    })) === null || _sorting$find === void 0 ? void 0 : _sorting$find[1]) !== null && _sorting$find$ !== void 0 ? _sorting$find$ : "desc" : "none"];
+    })) === null || _sorting$find === void 0 ? void 0 : _sorting$find[1];
+    if (columnDirection) return [c.id, columnDirection];
+    return [c.id, "desc"];
   });
   var shouldRenderPagination = function shouldRenderPagination() {
     if ((0, _utils2.isDeterminatePagination)(pagination)) return pagination && pagination.totalItemsCount > 0;
@@ -210,7 +215,7 @@ var DataTable = function DataTable(_ref) {
       var _ref8 = (0, _slicedToArray2["default"])(_ref7, 2),
         colId = _ref8[0],
         d = _ref8[1];
-      return columnId === colId ? [columnId, direction] : [colId, d];
+      return columnId === colId ? [columnId, direction] : [colId, sortMode === "multi" ? d : "none"];
     });
     onChange === null || onChange === void 0 ? void 0 : onChange({
       pagination: pagination,

package/cjs/Tables/DataTable/components/Footer.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import type { VFC } from "react";
 import type { DataConfiguration, PaginationConfiguration } from "../types";
 export interface FooterProps {
     pagination: PaginationConfiguration;
     onChange(dataConfiguration: DataConfiguration): void;
 }
-export declare const Footer: ({ pagination, onChange }: FooterProps) => JSX.Element | null;
+export declare const Footer: VFC<FooterProps>;
 export default Footer;

package/cjs/Tables/DataTable/components/Loader.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import { VFC } from "react";
 import type { DataTableLocale } from "../DataTable";
 export interface LoaderProps {
     className?: string;
     locale: Required<DataTableLocale>;
 }
-export declare const Loader: ({ className, locale }: LoaderProps) => JSX.Element;
+export declare const Loader: VFC<LoaderProps>;
 export default Loader;

package/cjs/Tables/Table/Table.d.ts

@@ -1,4 +1,4 @@
-import type { DetailedHTMLProps, ReactNode, TableHTMLAttributes } from "react";
+import type { DetailedHTMLProps, ReactNode, TableHTMLAttributes, VFC } from "react";
 export interface TableProps extends DetailedHTMLProps<TableHTMLAttributes<HTMLTableElement>, HTMLTableElement> {
     footer?: ReactNode;
     smallFooter?: boolean;
@@ -24,5 +24,5 @@ export interface TableProps extends DetailedHTMLProps<TableHTMLAttributes<HTMLTa
  * - If a cell is empty or unavailable, keep the cell empty to reduce noise and help with legibility.
  * - Truncate long text to make it fit into a cell. However, choose column width wisely based on expected values, and adjust the table accordingly
  */
-export declare const Table: ({ className, footer, smallFooter, hasActions, highlight, ...props }: TableProps) => JSX.Element;
+export declare const Table: VFC<TableProps>;
 export default Table;

package/cjs/Tables/Table/components/TableFooter.d.ts

@@ -1,8 +1,8 @@
-import type { ReactNode } from "react";
+import type { ReactNode, VFC } from "react";
 export declare type FooterSizes = "default" | "small";
 export interface FooterProps {
     size?: FooterSizes;
     children?: ReactNode;
 }
-export declare const TableFooter: ({ size, children }: FooterProps) => JSX.Element;
+export declare const TableFooter: VFC<FooterProps>;
 export default TableFooter;

package/cjs/Tabs/ContentTabs.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import type { VFC } from "react";
 import type { ContentTabsProps } from "./types";
-export declare const ContentTabs: ({ className, tabs, tabIndex, defaultIndex, onChange }: ContentTabsProps) => JSX.Element;
+export declare const ContentTabs: VFC<ContentTabsProps>;
 export default ContentTabs;

package/cjs/Tabs/LinkTabs.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import type { VFC } from "react";
 import type { LinkTabsProps, UrlMatcher } from "./types";
 export declare const defaultUrlMatcher: UrlMatcher;
 /**
@@ -29,5 +29,5 @@ export declare const defaultUrlMatcher: UrlMatcher;
  * - Use more than one row of tabs. Multiple rows create jumping UI elements, which make it impossible for users to remember which tabs they've already visited
  * - Place the tab on the sides or bottom of the page, where users often overlook them
  */
-export declare const LinkTabs: ({ className, tabs, onTabClick, urlMatcher }: LinkTabsProps) => JSX.Element;
+export declare const LinkTabs: VFC<LinkTabsProps>;
 export default LinkTabs;

package/cjs/Tabs/components/LinkTab.d.ts

@@ -1,9 +1,9 @@
-import type { MouseEventHandler } from "react";
+import type { MouseEventHandler, VFC } from "react";
 import type { LinkTab as LinkTabType } from "../types";
 export interface LinkTabProps {
     tab: LinkTabType;
     onClick?: MouseEventHandler<HTMLAnchorElement>;
     selected: boolean;
 }
-export declare const LinkTab: ({ tab, onClick, selected }: LinkTabProps) => JSX.Element;
+export declare const LinkTab: VFC<LinkTabProps>;
 export default LinkTab;

package/cjs/Tag/Tag.js

@@ -16,7 +16,7 @@ var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satel
 var _Tooltip = require("../Tooltip");
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["children", "variant", "className", "onAdd", "addTooltip", "onRemove", "removeTooltip", "locale"];
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20;
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 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) { (0, _defineProperty2["default"])(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; }
 var DEFAULT_TAG_LOCALE = {
@@ -93,7 +93,7 @@ var Tag = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     onRemove === null || onRemove === void 0 ? void 0 : onRemove(evt);
   };
   var content = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-    className: (0, _satellitePrefixer["default"])(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2["default"])(["truncate flex-1 leading-base"]))),
+    className: (0, _satellitePrefixer["default"])(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2["default"])(["truncate flex-1"]))),
     children: children
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", _objectSpread(_objectSpread({}, props), {}, {
@@ -102,10 +102,9 @@ var Tag = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     children: [addable ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.TooltipWrapper, {
       content: addTooltip,
       hideDelay: 0,
-      placement: "bottom",
-      wrapperClassName: (0, _satellitePrefixer["default"])(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2["default"])(["h-full"]))),
+      side: "bottom",
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
-        className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2["default"])(["tag-add-button"]))), !removable && (0, _satellitePrefixer["default"])(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteral2["default"])(["-mr-2"]))), BUTTON_VARIANT_CLASSNAMES[variant]),
+        className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2["default"])(["tag-add-button"]))), !removable && (0, _satellitePrefixer["default"])(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2["default"])(["-mr-2"]))), BUTTON_VARIANT_CLASSNAMES[variant]),
         type: "button",
         onClick: handleAdd,
         "aria-label": typeof locale.addButton === "function" ? locale.addButton(title) : locale.addButton,
@@ -116,9 +115,10 @@ var Tag = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     }) : content, removable && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.TooltipWrapper, {
       content: removeTooltip,
       hideDelay: 0,
-      placement: "bottom-start",
+      side: "bottom",
+      align: "start",
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-        className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteral2["default"])(["tag-close-button p-1"]))), !addable && (0, _satellitePrefixer["default"])(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteral2["default"])(["ml-2"]))), BUTTON_VARIANT_CLASSNAMES[variant]),
+        className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteral2["default"])(["tag-close-button p-1"]))), !addable && (0, _satellitePrefixer["default"])(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteral2["default"])(["ml-2"]))), BUTTON_VARIANT_CLASSNAMES[variant]),
         type: "button",
         onClick: handleRemove,
         "aria-label": typeof locale.removeButton === "function" ? locale.removeButton(title) : locale.removeButton,

package/cjs/TextWrap/TextWrap.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import type { VFC } from "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;
 }
-export declare const TextWrap: ({ children: text, maxLines, style, ...spanProps }: TextWrapProps) => JSX.Element;
+export declare const TextWrap: VFC<TextWrapProps>;
 export default TextWrap;

package/cjs/Toggle/Toggle.js

@@ -11,10 +11,9 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _react = require("react");
-var _reactFeather = require("react-feather");
 var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
 var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var _templateObject, _templateObject2;
 var _excluded = ["className", "checked", "defaultChecked"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 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) { (0, _defineProperty2["default"])(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; }
@@ -52,17 +51,8 @@ var Toggle = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       type: "checkbox",
       role: "switch",
       ref: ref
-    })), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["toggle flex justify-around items-center"]))),
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFeather.Check, {
-        size: 12,
-        className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["text-white"]))),
-        "aria-hidden": true
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFeather.X, {
-        size: 12,
-        className: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["text-grey-300"]))),
-        "aria-hidden": true
-      })]
+    })), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["toggle"])))
     })]
   });
 });

package/cjs/Toggle/Toggle.tailwind.js

@@ -25,6 +25,12 @@ var togglePlugin = plugin(function (_ref) {
         "&:disabled": {
           cursor: "not-allowed"
         }
+      },
+      "&:hover .toggle:after": {
+        transform: "translateX(2px)"
+      },
+      "&:hover input:checked ~ .toggle:after": {
+        transform: "translateX(12px)"
       }
     },
     ".toggle": {
@@ -35,7 +41,7 @@ var togglePlugin = plugin(function (_ref) {
       height: "100%",
       pointerEvents: "none",
       borderRadius: "9999px",
-      background: theme("colors.grey.100"),
+      background: theme("colors.grey.500"),
       boxShadow: "inset 0px 1px 4px 0px ".concat(rgba(theme("colors.grey.500"), 0.2)),
       transition: transition,
       "&::after": {
@@ -58,7 +64,7 @@ var togglePlugin = plugin(function (_ref) {
         }
       },
       "input:disabled ~ &": {
-        opacity: "0.6"
+        background: theme("colors.grey.200")
       }
     }
   });

package/cjs/Tooltip/OverflowTooltipWrapper.d.ts

@@ -1,6 +1,3 @@
-import type { FunctionComponent } from "react";
+import { VFC } from "react";
 import type { TooltipWrapperBaseProps } from "./types";
-/** @ignore */
-export declare const isOverflowing: (element: HTMLElement) => boolean;
-export declare const OverflowTooltipWrapper: FunctionComponent<TooltipWrapperBaseProps>;
-export default OverflowTooltipWrapper;
+export declare const OverflowTooltipWrapper: VFC<TooltipWrapperBaseProps>;