@algolia/satellite 1.0.0-beta.131 → 1.0.0-beta.132

package/esm/Tables/Table/components/Footer.js

@@ -2,9 +2,9 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 
 var _templateObject, _templateObject2, _templateObject3;
 
-import React from "react";
 import cx from "classnames";
 import stl from "../../../styles/helpers/satellitePrefixer";
+import { jsx as _jsx } from "react/jsx-runtime";
 export var Footer = function Footer(_ref) {
   var _ref$size = _ref.size,
       size = _ref$size === void 0 ? "default" : _ref$size,
@@ -13,8 +13,9 @@ export var Footer = function Footer(_ref) {
     "default": stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["py-3 px-4"]))),
     small: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["py-1 px-4"])))
   };
-  return /*#__PURE__*/React.createElement("div", {
-    className: cx(stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["bg-grey-100 border-t border-grey-200 text-grey-600 flex items-center justify-center"]))), SIZE_CLASSNAMES[size])
-  }, children);
+  return /*#__PURE__*/_jsx("div", {
+    className: cx(stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["bg-grey-100 border-t border-grey-200 text-grey-600 flex items-center justify-center"]))), SIZE_CLASSNAMES[size]),
+    children: children
+  });
 };
 export default Footer;

package/esm/Tabs/ContentTabs.d.ts

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

package/esm/Tabs/ContentTabs.js

@@ -3,12 +3,14 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
-import React, { useState, useEffect } from "react";
+import { Tabs as ReachTabs, Tab, TabList, TabPanel, TabPanels } from "@reach/tabs";
 import cx from "classnames";
-import { Tabs as ReachTabs, TabList, Tab, TabPanels, TabPanel } from "@reach/tabs";
-import stl from "../styles/helpers/satellitePrefixer";
+import { useEffect, useState } from "react";
 import Badge from "../Badge";
+import stl from "../styles/helpers/satellitePrefixer";
 import { ACTIVE_UNDERLINE_VARIANT_CLASSNAMES } from "./utils";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export var ContentTabs = function ContentTabs(_ref) {
   var className = _ref.className,
       tabs = _ref.tabs,
@@ -36,35 +38,40 @@ export var ContentTabs = function ContentTabs(_ref) {
     }
   };
 
-  return /*#__PURE__*/React.createElement(ReachTabs, {
+  return /*#__PURE__*/_jsxs(ReachTabs, {
     index: internalTabIndex,
     onChange: handleTabsChange,
-    defaultIndex: internalTabIndex
-  }, /*#__PURE__*/React.createElement(TabList, {
-    className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["tabs-tabbar border-b border-grey-200 flex overflow-x-auto whitespace-nowrap space-x-6"]))), className)
-  }, tabs.map(function (_ref2, index) {
-    var _ref2$variant = _ref2.variant,
-        variant = _ref2$variant === void 0 ? "accent" : _ref2$variant,
-        className = _ref2.className,
-        disabled = _ref2.disabled,
-        label = _ref2.label,
-        value = _ref2.value;
-    return /*#__PURE__*/React.createElement(Tab, {
-      key: index,
-      className: cx(ACTIVE_UNDERLINE_VARIANT_CLASSNAMES[variant], stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["tab pb-3 text-base leading-sm"]))), className),
-      disabled: disabled
-    }, label, value && /*#__PURE__*/React.createElement(Badge, {
-      size: "small",
-      variant: variant,
-      className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["ml-2 text-grey-600"])))
-    }, value));
-  })), /*#__PURE__*/React.createElement(TabPanels, null, tabs.map(function (_ref3, index) {
-    var content = _ref3.content;
-    var isActive = internalTabIndex === index;
-    return /*#__PURE__*/React.createElement(TabPanel, {
-      key: index,
-      className: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["focus:outline-none"])))
-    }, isActive ? content : null);
-  })));
+    defaultIndex: internalTabIndex,
+    children: [/*#__PURE__*/_jsx(TabList, {
+      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,
+            variant = _ref2$variant === void 0 ? "accent" : _ref2$variant,
+            className = _ref2.className,
+            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),
+          disabled: disabled,
+          children: [label, value && /*#__PURE__*/_jsx(Badge, {
+            size: "small",
+            variant: variant,
+            className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["ml-2 text-grey-600"]))),
+            children: value
+          })]
+        }, 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);
+      })
+    })]
+  });
 };
 export default ContentTabs;

package/esm/Tabs/LinkTabs.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { LinkTabsProps, UrlMatcher } from "./types";
+import type { LinkTabsProps, UrlMatcher } from "./types";
 export declare const defaultUrlMatcher: UrlMatcher;
 /**
  * Tabs are an easy way to organize content by grouping similar information on the same page. Use them to help users navigate between related views within the same context, especially when the number of views may be more than 3.

package/esm/Tabs/LinkTabs.js

@@ -2,12 +2,12 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 
 var _templateObject;
 
-import React from "react";
 import cx from "classnames";
 import useLocation from "react-use/lib/useLocation";
-import matchLocation from "../utils/matchLocation";
 import stl from "../styles/helpers/satellitePrefixer";
+import matchLocation from "../utils/matchLocation";
 import LinkTab from "./components/LinkTab";
+import { jsx as _jsx } from "react/jsx-runtime";
 export var defaultUrlMatcher = function defaultUrlMatcher(tab, location) {
   return matchLocation(tab.to, {
     pathname: location.pathname || ""
@@ -53,18 +53,18 @@ export var LinkTabs = function LinkTabs(_ref) {
     return urlMatcher(tab, location);
   });
   tabIndex = tabIndex === -1 ? 0 : tabIndex;
-  return /*#__PURE__*/React.createElement("nav", {
+  return /*#__PURE__*/_jsx("nav", {
     role: "tablist",
-    className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["tabs-tabbar border-b border-grey-200 flex overflow-x-auto whitespace-nowrap space-x-6"]))), className)
-  }, tabs.map(function (tab, index) {
-    return /*#__PURE__*/React.createElement(LinkTab, {
-      key: tab.to,
-      tab: tab,
-      selected: index === tabIndex,
-      onClick: function onClick(evt) {
-        return onTabClick === null || onTabClick === void 0 ? void 0 : onTabClick(evt, tab);
-      }
-    });
-  }));
+    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 (tab, index) {
+      return /*#__PURE__*/_jsx(LinkTab, {
+        tab: tab,
+        selected: index === tabIndex,
+        onClick: function onClick(evt) {
+          return onTabClick === null || onTabClick === void 0 ? void 0 : onTabClick(evt, tab);
+        }
+      }, tab.to);
+    })
+  });
 };
 export default LinkTabs;

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

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

package/esm/Tabs/components/LinkTab.js

@@ -1,14 +1,19 @@
-import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 
 var _templateObject, _templateObject2;
 
-import React from "react";
+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) { _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 cx from "classnames";
-import useLinkProps from "../../utils/useLinkProps";
-import stl from "../../styles/helpers/satellitePrefixer";
 import Badge from "../../Badge";
+import stl from "../../styles/helpers/satellitePrefixer";
+import useLinkProps from "../../utils/useLinkProps";
 import { ACTIVE_UNDERLINE_VARIANT_CLASSNAMES } from "../utils";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 
 var getNextNonDisabledSibling = function getNextNonDisabledSibling(el) {
   var _ref;
@@ -61,7 +66,7 @@ export var LinkTab = function LinkTab(_ref3) {
       }
     }
   });
-  return /*#__PURE__*/React.createElement("a", _extends({}, linkProps, selectionProps, {
+  return /*#__PURE__*/_jsxs("a", _objectSpread(_objectSpread(_objectSpread({}, linkProps), selectionProps), {}, {
     id: tab.id,
     role: "tab",
     className: cx(ACTIVE_UNDERLINE_VARIANT_CLASSNAMES[variant], stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["tab pb-3 text-base leading-sm hover:no-underline"]))), tab.className),
@@ -79,11 +84,13 @@ export var LinkTab = function LinkTab(_ref3) {
         previousElement === null || previousElement === void 0 ? void 0 : previousElement.click();
         previousElement === null || previousElement === void 0 ? void 0 : previousElement.focus();
       }
-    }
-  }), tab.label, tab.value && /*#__PURE__*/React.createElement(Badge, {
-    size: "small",
-    variant: variant,
-    className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["ml-2 text-grey-600"])))
-  }, tab.value));
+    },
+    children: [tab.label, tab.value && /*#__PURE__*/_jsx(Badge, {
+      size: "small",
+      variant: variant,
+      className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["ml-2 text-grey-600"]))),
+      children: tab.value
+    })]
+  }));
 };
 export default LinkTab;

package/esm/Tabs/types.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
-import { LocationSensorState } from "react-use/lib/useLocation";
-import { ColorVariant } from "../types";
+import type { MouseEvent, ReactNode } from "react";
+import type { LocationSensorState } from "react-use/lib/useLocation";
+import type { ColorVariant } from "../types";
 export interface BaseTab {
     id?: string;
-    label: React.ReactNode;
+    label: ReactNode;
     variant?: ColorVariant;
     disabled?: boolean;
     value?: string;
@@ -18,11 +18,11 @@ export interface LinkTabsProps {
     /** @ignore */
     className?: string;
     tabs: LinkTab[];
-    onTabClick?(event: React.MouseEvent<HTMLAnchorElement>, tab: LinkTab): void;
+    onTabClick?(event: MouseEvent<HTMLAnchorElement>, tab: LinkTab): void;
     urlMatcher?: UrlMatcher;
 }
 export interface ContentTab extends BaseTab {
-    content: React.ReactNode;
+    content: ReactNode;
 }
 export interface ContentTabsProps {
     /** @ignore */

package/esm/Tabs/utils.d.ts

@@ -1,2 +1,2 @@
-import { ColorVariant } from "../types";
+import type { ColorVariant } from "../types";
 export declare const ACTIVE_UNDERLINE_VARIANT_CLASSNAMES: Record<ColorVariant, string>;

package/esm/Tag/Tag.d.ts

@@ -1,13 +1,13 @@
-import React from "react";
+import type { DetailedHTMLProps, HTMLAttributes, MouseEventHandler } from "react";
 import type { ColorVariant } from "../types";
 export declare type TagVariants = ColorVariant | "pink";
-export interface TagProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> {
+export interface TagProps extends DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> {
     /**
      * The "pink" variant should only be used for **Algolia admin** related things.
      * @default "grey"
      * */
     variant?: TagVariants;
-    onDelete?: React.MouseEventHandler<HTMLElement>;
+    onDelete?: MouseEventHandler<HTMLElement>;
 }
 /**
  * Use tags to visually label UI objects for quick recognition and navigation. (!) **Tags can be added or removed from an object by users**.
@@ -30,5 +30,5 @@ export interface TagProps extends React.DetailedHTMLProps<React.HTMLAttributes<H
  * - When writing tags, avoid line-wrapping
  * - Define the max width of text within a tag. Once the text reaches the max, truncate with ellipses
  */
-export declare const Tag: React.ForwardRefExoticComponent<Pick<TagProps, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "children" | "key" | "variant" | "className" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onDelete"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const Tag: import("react").ForwardRefExoticComponent<Pick<TagProps, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "translate" | "children" | "key" | "variant" | "className" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onDelete"> & import("react").RefAttributes<HTMLSpanElement>>;
 export default Tag;

package/esm/Tag/Tag.js

@@ -1,14 +1,20 @@
-import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _excluded = ["children", "variant", "className", "onDelete"];
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
 
-import React, { forwardRef } from "react";
+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) { _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 cx from "classnames";
+import { forwardRef } from "react";
 import { X } from "react-feather";
 import stl from "../styles/helpers/satellitePrefixer";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var VARIANT_CLASSNAMES = {
   accent: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["bg-accent-100 border-accent-200 text-accent-700"]))),
   grey: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["bg-grey-100 border-grey-200 text-grey-700"]))),
@@ -69,20 +75,23 @@ export var Tag = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }
   };
 
-  return /*#__PURE__*/React.createElement("span", _extends({}, props, {
+  return /*#__PURE__*/_jsxs("span", _objectSpread(_objectSpread({}, props), {}, {
     className: tagClassName,
     "aria-label": title,
-    ref: ref
-  }), /*#__PURE__*/React.createElement("span", {
-    className: stl(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["truncate flex-1"])))
-  }, children), editable && /*#__PURE__*/React.createElement("button", {
-    className: cx(stl(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["tag-close-button"]))), BUTTON_CLOSE_VARIANT_CLASSNAMES[variant]),
-    type: "button",
-    onClick: handleDelete,
-    "aria-label": "Remove ".concat(title)
-  }, /*#__PURE__*/React.createElement(X, {
-    size: "1em"
-  })));
+    ref: ref,
+    children: [/*#__PURE__*/_jsx("span", {
+      className: stl(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["truncate flex-1"]))),
+      children: children
+    }), editable && /*#__PURE__*/_jsx("button", {
+      className: cx(stl(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["tag-close-button"]))), BUTTON_CLOSE_VARIANT_CLASSNAMES[variant]),
+      type: "button",
+      onClick: handleDelete,
+      "aria-label": "Remove ".concat(title),
+      children: /*#__PURE__*/_jsx(X, {
+        size: "1em"
+      })
+    })]
+  }));
 });
 Tag.displayName = "Tag";
 export default Tag;

package/esm/TextArea/TextArea.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-export interface TextAreaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+import type { TextareaHTMLAttributes } from "react";
+export interface TextAreaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
 }
-export declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export declare const TextArea: import("react").ForwardRefExoticComponent<TextAreaProps & import("react").RefAttributes<HTMLTextAreaElement>>;
 export default TextArea;

package/esm/TextArea/TextArea.js

@@ -1,18 +1,24 @@
-import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 
 var _templateObject;
 
 var _excluded = ["className"];
-import React, { forwardRef } from "react";
+
+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) { _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 cx from "classnames";
+import { forwardRef } from "react";
 import stl from "../styles/helpers/satellitePrefixer";
+import { jsx as _jsx } from "react/jsx-runtime";
 export var TextArea = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
       otherProps = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("textarea", _extends({}, otherProps, {
+  return /*#__PURE__*/_jsx("textarea", _objectSpread(_objectSpread({}, otherProps), {}, {
     className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["text-area"]))), className),
     ref: ref
   }));

package/esm/TextWrap/TextWrap.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
@@ -6,23 +5,27 @@ var _excluded = ["children", "maxLines", "style"];
 
 var _templateObject;
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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 React from "react";
 import stl from "../styles/helpers/satellitePrefixer";
 import isCssPropertySupported from "../utils/isCssPropertySupported";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var BASE_STYLES = isCssPropertySupported("overflowWrap", "anywhere") ? {
   whiteSpace: "normal",
   overflowWrap: "anywhere"
 } : {
   wordBreak: "break-all"
 };
-var SEPARATOR_ELEMENT = /*#__PURE__*/React.createElement("span", {
+
+var SEPARATOR_ELEMENT = /*#__PURE__*/_jsx("span", {
   className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["invisible"]))),
-  "aria-hidden": "true"
-}, "\u200B");
+  "aria-hidden": "true",
+  children: "\u200B"
+});
+
 export var TextWrap = function TextWrap(_ref) {
   var text = _ref.children,
       maxLines = _ref.maxLines,
@@ -35,16 +38,18 @@ export var TextWrap = function TextWrap(_ref) {
     WebkitLineClamp: maxLines,
     overflow: "hidden"
   }) : BASE_STYLES;
-  return /*#__PURE__*/React.createElement("span", _extends({
+  return /*#__PURE__*/_jsx("span", _objectSpread(_objectSpread({
     style: _objectSpread(_objectSpread({}, clampStyle), style)
-  }, spanProps), text.split(/([\W_]+)/).flatMap(function (part, idx) {
-    if (!part) {
-      return null;
-    }
-
-    return idx % 2 === 0 ? part : /*#__PURE__*/React.createElement("span", {
-      key: "".concat(idx, "-").concat(part)
-    }, part, SEPARATOR_ELEMENT);
-  }).filter(Boolean));
+  }, spanProps), {}, {
+    children: text.split(/([\W_]+)/).flatMap(function (part, idx) {
+      if (!part) {
+        return null;
+      }
+
+      return idx % 2 === 0 ? part : /*#__PURE__*/_jsxs("span", {
+        children: [part, SEPARATOR_ELEMENT]
+      }, "".concat(idx, "-").concat(part));
+    }).filter(Boolean)
+  }));
 };
 export default TextWrap;

package/esm/Toggle/Toggle.d.ts

@@ -1,10 +1,10 @@
-import React from "react";
-export declare type ToggleProps = Omit<React.HTMLAttributes<HTMLInputElement>, "children" | "onChange"> & Pick<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "required" | "autoFocus" | "disabled" | "checked" | "defaultChecked">;
+import type { HTMLAttributes, InputHTMLAttributes } from "react";
+export declare type ToggleProps = Omit<HTMLAttributes<HTMLInputElement>, "children" | "onChange"> & Pick<InputHTMLAttributes<HTMLInputElement>, "onChange" | "required" | "autoFocus" | "disabled" | "checked" | "defaultChecked">;
 /**
  * Toggles are a quick way to view and switch between enabled or disabled states. Use toggles to turn something on or off instantly.
  *
  * - Toggles should not require a Save button to apply the changes
  * - If a Save button is needed, try using Radio groups or Checkboxes instead
  */
-export declare const Toggle: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLInputElement>, "children" | "onChange"> & Pick<React.InputHTMLAttributes<HTMLInputElement>, "required" | "disabled" | "defaultChecked" | "onChange" | "autoFocus" | "checked"> & React.RefAttributes<HTMLInputElement>>;
+export declare const Toggle: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLInputElement>, "children" | "onChange"> & Pick<InputHTMLAttributes<HTMLInputElement>, "required" | "disabled" | "defaultChecked" | "onChange" | "autoFocus" | "checked"> & import("react").RefAttributes<HTMLInputElement>>;
 export default Toggle;

package/esm/Toggle/Toggle.js

@@ -1,14 +1,21 @@
-import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
 var _excluded = ["className"];
-import React, { forwardRef } from "react";
+
+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) { _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 cx from "classnames";
+import { forwardRef } from "react";
 import { Check, X } from "react-feather";
 import stl from "../styles/helpers/satellitePrefixer";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 
 /**
  * Toggles are a quick way to view and switch between enabled or disabled states. Use toggles to turn something on or off instantly.
@@ -20,21 +27,23 @@ export var Toggle = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
       inputProps = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_jsxs("div", {
     translate: "yes",
-    className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["toggle-container"]))), className)
-  }, /*#__PURE__*/React.createElement("input", _extends({}, inputProps, {
-    type: "checkbox",
-    ref: ref
-  })), /*#__PURE__*/React.createElement("div", {
-    className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["toggle flex justify-around items-center"])))
-  }, /*#__PURE__*/React.createElement(Check, {
-    size: 12,
-    className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["text-white"])))
-  }), /*#__PURE__*/React.createElement(X, {
-    size: 12,
-    className: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["text-grey-300"])))
-  })));
+    className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["toggle-container"]))), className),
+    children: [/*#__PURE__*/_jsx("input", _objectSpread(_objectSpread({}, inputProps), {}, {
+      type: "checkbox",
+      ref: ref
+    })), /*#__PURE__*/_jsxs("div", {
+      className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["toggle flex justify-around items-center"]))),
+      children: [/*#__PURE__*/_jsx(Check, {
+        size: 12,
+        className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["text-white"])))
+      }), /*#__PURE__*/_jsx(X, {
+        size: 12,
+        className: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["text-grey-300"])))
+      })]
+    })]
+  });
 });
 Toggle.displayName = "Toggle";
 export default Toggle;

package/esm/Tooltip/OverflowTooltipWrapper.d.ts

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