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

package/esm/Input/Input.js

@@ -1,20 +1,26 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _excluded = ["className", "style", "startIcon", "endItem", "disabled", "readOnly", "clearable", "type", "variant"];
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
 
-import React, { forwardRef, useEffect, useState } from "react";
-import { Search, ChevronUp, ChevronDown, Check, X } from "react-feather";
+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, Fragment, useEffect, useState } from "react";
+import { Check, ChevronDown, ChevronUp, Search, X } from "react-feather";
+import { IconButton } from "../Button";
+import useFieldState from "../Field/useFieldState";
 import stl from "../styles/helpers/satellitePrefixer";
-import useForwardedRef from "../utils/useForwardedRef";
 import isNil from "../utils/isNil";
+import useForwardedRef from "../utils/useForwardedRef";
 import useTriggerInputChange from "../utils/useTriggerInputChange";
-import useFieldState from "../Field/useFieldState";
-import { IconButton } from "../Button";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var STATUS_CLASSNAMES = {
   "default": "",
   invalid: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["input-invalid"]))),
@@ -27,20 +33,20 @@ var VARIANT_CLASSNAMES = {
 };
 
 var SearchIcon = function SearchIcon(props) {
-  return /*#__PURE__*/React.createElement(Search, _extends({}, props, {
+  return /*#__PURE__*/_jsx(Search, _objectSpread(_objectSpread({}, props), {}, {
     role: "img",
     "aria-label": "Search Icon"
   }));
 };
 
 var InvalidIcon = function InvalidIcon() {
-  return /*#__PURE__*/React.createElement(X, {
+  return /*#__PURE__*/_jsx(X, {
     className: stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["mr-4 h-4 w-4 text-white bg-red-700 p-px rounded-full"])))
   });
 };
 
 var ValidatedIcon = function ValidatedIcon() {
-  return /*#__PURE__*/React.createElement(Check, {
+  return /*#__PURE__*/_jsx(Check, {
     className: stl(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["mr-4 h-4 w-4 text-white bg-accent-700 p-px rounded-full"])))
   });
 };
@@ -98,113 +104,118 @@ export var Input = /*#__PURE__*/forwardRef(function (_ref, externalRef) {
     }
   }, [inputProps.value, isControlled]);
   var Icon = startIcon ? startIcon : type === "search" ? SearchIcon : undefined;
-  var StatusIcon = status === "invalid" ? InvalidIcon : status === "validated" ? ValidatedIcon : React.Fragment;
+  var StatusIcon = status === "invalid" ? InvalidIcon : status === "validated" ? ValidatedIcon : Fragment;
   var clearable = typeof clearableProp === "boolean" ? clearableProp : type === "search";
-  return /*#__PURE__*/React.createElement("div", {
-    className: cx(stl(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n          input group\n          ", "\n          ", "\n        "])), focused && "input-focused", disabled && "input-disabled"), VARIANT_CLASSNAMES[variant], STATUS_CLASSNAMES[status], className),
+  return /*#__PURE__*/_jsxs("div", {
+    className: cx(stl(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n            input group\n            ", "\n            ", "\n          "])), focused && "input-focused", disabled && "input-disabled"), VARIANT_CLASSNAMES[variant], STATUS_CLASSNAMES[status], className),
     style: style,
     onClick: function onClick() {
       var _inputRef$current;
 
       (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
-    }
-  }, Icon && /*#__PURE__*/React.createElement(Icon, {
-    className: stl(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["ml-4 ", ""])), disabled ? "text-grey-200" : focused ? "text-accent-600" : "text-grey-500"),
-    size: variant === "small" ? "1rem" : "1.5rem"
-  }), /*#__PURE__*/React.createElement("input", _extends({
-    className: stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["mx-4"]))),
-    ref: inputRefCallback,
-    type: type
-  }, inputProps, {
-    readOnly: readOnly,
-    disabled: disabled,
-    onChange: function onChange(evt) {
-      var _inputProps$onChange;
-
-      (_inputProps$onChange = inputProps.onChange) === null || _inputProps$onChange === void 0 ? void 0 : _inputProps$onChange.call(inputProps, evt);
-
-      if (!isControlled) {
-        setInternalValue(evt.target.value);
-      }
     },
-    onFocus: function onFocus(evt) {
-      var _inputProps$onFocus;
-
-      setFocused(true);
-      (_inputProps$onFocus = inputProps.onFocus) === null || _inputProps$onFocus === void 0 ? void 0 : _inputProps$onFocus.call(inputProps, evt);
-    },
-    onBlur: function onBlur(evt) {
-      var _inputProps$onBlur;
-
-      setFocused(false);
-      (_inputProps$onBlur = inputProps.onBlur) === null || _inputProps$onBlur === void 0 ? void 0 : _inputProps$onBlur.call(inputProps, evt);
-    }
-  })), clearable && !disabled && !readOnly && !isValueEmpty && /*#__PURE__*/React.createElement(IconButton, {
-    className: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["mr-2 ", ""])), focused ? "visible" : "invisible group-hover:visible"),
-    title: "Clear input",
-    icon: X,
-    variant: "subtle",
-    size: "small",
-    tabIndex: -1,
-    "aria-hidden": true,
-    onClick: function onClick(evt) {
-      evt.preventDefault();
-      triggerInputChange("");
-    }
-  }), endItem && /*#__PURE__*/React.createElement("div", {
-    className: stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["mr-4"])))
-  }, endItem), /*#__PURE__*/React.createElement(StatusIcon, null), type === "number" && !disabled && /*#__PURE__*/React.createElement("div", {
-    className: stl(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["input-spinner"])))
-  }, /*#__PURE__*/React.createElement("button", {
-    tabIndex: -1,
-    type: "button",
-    disabled: readOnly,
-    className: stl(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["input-spinner-button ", ""])), readOnly && "cursor-not-allowed"),
-    "aria-label": "increment",
-    onClick: function onClick() {
-      var _inputRef$current$val, _inputRef$current2;
-
-      var step = inputProps.step ? parseFloat(String(inputProps.step)) : 1;
-      var max = isNil(inputProps.max) ? Number.MAX_SAFE_INTEGER : parseFloat(String(inputProps.max));
-      var currentValue = parseFloat((_inputRef$current$val = (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.value) !== null && _inputRef$current$val !== void 0 ? _inputRef$current$val : "0");
-
-      if (Number.isNaN(currentValue)) {
-        currentValue = 0;
-      }
-
-      if (currentValue + step <= max) {
-        triggerInputChange(String(currentValue + step));
-      } else {
-        triggerInputChange(String(max));
-      }
-    }
-  }, /*#__PURE__*/React.createElement(ChevronUp, {
-    size: 12
-  })), /*#__PURE__*/React.createElement("button", {
-    tabIndex: -1,
-    type: "button",
-    disabled: readOnly,
-    className: stl(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["input-spinner-button ", ""])), readOnly && "cursor-not-allowed"),
-    "aria-label": "decrement",
-    onClick: function onClick() {
-      var _inputRef$current$val2, _inputRef$current3;
-
-      var step = inputProps.step ? parseFloat(String(inputProps.step)) : 1;
-      var min = isNil(inputProps.min) ? Number.MIN_SAFE_INTEGER : parseFloat(String(inputProps.min));
-      var currentValue = parseFloat((_inputRef$current$val2 = (_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 ? void 0 : _inputRef$current3.value) !== null && _inputRef$current$val2 !== void 0 ? _inputRef$current$val2 : "0");
-
-      if (Number.isNaN(currentValue)) {
-        currentValue = 0;
+    children: [Icon && /*#__PURE__*/_jsx(Icon, {
+      className: stl(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["ml-4 ", ""])), disabled ? "text-grey-200" : focused ? "text-accent-600" : "text-grey-500"),
+      size: variant === "small" ? "1rem" : "1.5rem"
+    }), /*#__PURE__*/_jsx("input", _objectSpread(_objectSpread({
+      className: stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["mx-4 no-search-input-decoration"]))),
+      ref: inputRefCallback,
+      type: type
+    }, inputProps), {}, {
+      readOnly: readOnly,
+      disabled: disabled,
+      onChange: function onChange(evt) {
+        var _inputProps$onChange;
+
+        (_inputProps$onChange = inputProps.onChange) === null || _inputProps$onChange === void 0 ? void 0 : _inputProps$onChange.call(inputProps, evt);
+
+        if (!isControlled) {
+          setInternalValue(evt.target.value);
+        }
+      },
+      onFocus: function onFocus(evt) {
+        var _inputProps$onFocus;
+
+        setFocused(true);
+        (_inputProps$onFocus = inputProps.onFocus) === null || _inputProps$onFocus === void 0 ? void 0 : _inputProps$onFocus.call(inputProps, evt);
+      },
+      onBlur: function onBlur(evt) {
+        var _inputProps$onBlur;
+
+        setFocused(false);
+        (_inputProps$onBlur = inputProps.onBlur) === null || _inputProps$onBlur === void 0 ? void 0 : _inputProps$onBlur.call(inputProps, evt);
       }
-
-      if (currentValue - step >= min) {
-        triggerInputChange(String(currentValue - step));
-      } else {
-        triggerInputChange(String(min));
+    })), clearable && !disabled && !readOnly && !isValueEmpty && /*#__PURE__*/_jsx(IconButton, {
+      className: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["mr-2 ", ""])), focused ? "visible" : "invisible group-hover:visible"),
+      title: "Clear input",
+      icon: X,
+      variant: "subtle",
+      size: "small",
+      tabIndex: -1,
+      "aria-hidden": true,
+      onClick: function onClick(evt) {
+        evt.preventDefault();
+        triggerInputChange("");
       }
-    }
-  }, /*#__PURE__*/React.createElement(ChevronDown, {
-    size: 12
-  }))));
+    }), endItem && /*#__PURE__*/_jsx("div", {
+      className: stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["mr-4"]))),
+      children: endItem
+    }), /*#__PURE__*/_jsx(StatusIcon, {}), type === "number" && !disabled && /*#__PURE__*/_jsxs("div", {
+      className: stl(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["input-spinner"]))),
+      children: [/*#__PURE__*/_jsx("button", {
+        tabIndex: -1,
+        type: "button",
+        disabled: readOnly,
+        className: stl(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["input-spinner-button ", ""])), readOnly && "cursor-not-allowed"),
+        "aria-label": "increment",
+        onClick: function onClick() {
+          var _inputRef$current$val, _inputRef$current2;
+
+          var step = inputProps.step ? parseFloat(String(inputProps.step)) : 1;
+          var max = isNil(inputProps.max) ? Number.MAX_SAFE_INTEGER : parseFloat(String(inputProps.max));
+          var currentValue = parseFloat((_inputRef$current$val = (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.value) !== null && _inputRef$current$val !== void 0 ? _inputRef$current$val : "0");
+
+          if (Number.isNaN(currentValue)) {
+            currentValue = 0;
+          }
+
+          if (currentValue + step <= max) {
+            triggerInputChange(String(currentValue + step));
+          } else {
+            triggerInputChange(String(max));
+          }
+        },
+        children: /*#__PURE__*/_jsx(ChevronUp, {
+          size: 12
+        })
+      }), /*#__PURE__*/_jsx("button", {
+        tabIndex: -1,
+        type: "button",
+        disabled: readOnly,
+        className: stl(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["input-spinner-button ", ""])), readOnly && "cursor-not-allowed"),
+        "aria-label": "decrement",
+        onClick: function onClick() {
+          var _inputRef$current$val2, _inputRef$current3;
+
+          var step = inputProps.step ? parseFloat(String(inputProps.step)) : 1;
+          var min = isNil(inputProps.min) ? Number.MIN_SAFE_INTEGER : parseFloat(String(inputProps.min));
+          var currentValue = parseFloat((_inputRef$current$val2 = (_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 ? void 0 : _inputRef$current3.value) !== null && _inputRef$current$val2 !== void 0 ? _inputRef$current$val2 : "0");
+
+          if (Number.isNaN(currentValue)) {
+            currentValue = 0;
+          }
+
+          if (currentValue - step >= min) {
+            triggerInputChange(String(currentValue - step));
+          } else {
+            triggerInputChange(String(min));
+          }
+        },
+        children: /*#__PURE__*/_jsx(ChevronDown, {
+          size: 12
+        })
+      })]
+    })]
+  });
 });
 export default Input;

package/esm/Input/Input.tailwind.js

@@ -37,9 +37,6 @@ var inputPlugin = function inputPlugin(_ref) {
           "-webkit-appearance": "none",
           margin: 0
         },
-        '&[type="search"]::-webkit-search-decoration, &[type="search"]::-webkit-search-cancel-button, &[type="search"]::-webkit-search-results-button, &[type="search"]::-webkit-search-results-decoration': {
-          "-webkit-appearance": "none"
-        },
         "&:focus": {
           outline: "none"
         },

package/esm/Insert/Insert.d.ts

@@ -1,4 +1,4 @@
-import React, { FC } from "react";
+import type { FC, ReactNode } from "react";
 import { BadgeVariants } from "../Badge";
 declare type InsertContext = {
     label: string;
@@ -6,7 +6,7 @@ declare type InsertContext = {
 };
 export interface InsertProps {
     /** Descriptive title for the `Insert` */
-    title: React.ReactNode;
+    title: ReactNode;
     contexts?: Array<string | InsertContext>;
 }
 /**

package/esm/Insert/Insert.js

@@ -2,9 +2,10 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
-import React from "react";
 import Badge from "../Badge";
 import stl from "../styles/helpers/satellitePrefixer";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 
 /**
 * Put more emphasis on side content.
@@ -41,26 +42,32 @@ export var Insert = function Insert(_ref) {
   var title = _ref.title,
       contexts = _ref.contexts,
       children = _ref.children;
-  return /*#__PURE__*/React.createElement("aside", {
-    className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["inline-flex flex-col self-start p-4 bg-grey-100 rounded"])))
-  }, contexts ? /*#__PURE__*/React.createElement("span", {
-    className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["block space-x-2 mb-4"])))
-  }, contexts.map(function (context, idx) {
-    var _ref2 = typeof context === "string" ? {
-      label: context
-    } : context,
-        label = _ref2.label,
-        _ref2$variant = _ref2.variant,
-        variant = _ref2$variant === void 0 ? "grey" : _ref2$variant;
+  return /*#__PURE__*/_jsxs("aside", {
+    className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["inline-flex flex-col self-start p-4 bg-grey-100 rounded"]))),
+    children: [contexts ? /*#__PURE__*/_jsx("span", {
+      className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["block space-x-2 mb-4"]))),
+      children: contexts.map(function (context, idx) {
+        var _ref2 = typeof context === "string" ? {
+          label: context
+        } : context,
+            label = _ref2.label,
+            _ref2$variant = _ref2.variant,
+            variant = _ref2$variant === void 0 ? "grey" : _ref2$variant;
 
-    return /*#__PURE__*/React.createElement(Badge, {
-      key: idx,
-      variant: variant
-    }, label);
-  })) : null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", {
-    className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["display-heading mb-2"])))
-  }, title), /*#__PURE__*/React.createElement("span", {
-    className: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["display-body typo-subdued"])))
-  }, children)));
+        return /*#__PURE__*/_jsx(Badge, {
+          variant: variant,
+          children: label
+        }, idx);
+      })
+    }) : null, /*#__PURE__*/_jsxs("div", {
+      children: [/*#__PURE__*/_jsx("p", {
+        className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["display-heading mb-2"]))),
+        children: title
+      }), /*#__PURE__*/_jsx("span", {
+        className: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["display-body typo-subdued"]))),
+        children: children
+      })]
+    })]
+  });
 };
 export default Insert;

package/esm/KeyboardKey/KeyboardKey.d.ts

@@ -0,0 +1,6 @@
+import type { FC } from "react";
+export interface KeyboardKeyProps {
+    className?: string;
+    value: string;
+}
+export declare const KeyboardKey: FC<KeyboardKeyProps>;

package/esm/KeyboardKey/KeyboardKey.js

@@ -0,0 +1,30 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+
+var _templateObject;
+
+import cx from "classnames";
+import { createElement } from "react";
+import { ArrowDown, ArrowLeft, ArrowRight, ArrowUp, CornerDownLeft } from "react-feather";
+import stl from "../styles/helpers/satellitePrefixer";
+import { jsx as _jsx } from "react/jsx-runtime";
+var KEY_MAPPINGS = {
+  up: ArrowUp,
+  down: ArrowDown,
+  left: ArrowLeft,
+  right: ArrowRight,
+  enter: CornerDownLeft,
+  escape: "esc"
+};
+export var KeyboardKey = function KeyboardKey(_ref) {
+  var className = _ref.className,
+      value = _ref.value;
+  var mappedValue = !KEY_MAPPINGS[value] ? value : typeof KEY_MAPPINGS[value] === "string" ? KEY_MAPPINGS[value] : /*#__PURE__*/createElement(KEY_MAPPINGS[value], {
+    "aria-label": value,
+    width: "1em",
+    height: "1em"
+  });
+  return /*#__PURE__*/_jsx("kbd", {
+    className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["keyboard-key "]))), className),
+    children: mappedValue
+  });
+};

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

@@ -0,0 +1,5 @@
+export = keyboardKeyPlugin;
+/**
+ * @type {import('../tailwind-types').TailwindPlugin}
+ */
+declare const keyboardKeyPlugin: import('../tailwind-types').TailwindPlugin;

package/esm/KeyboardKey/KeyboardKey.tailwind.js

@@ -0,0 +1,31 @@
+// @ts-check
+
+/**
+ * @type {import('../tailwind-types').TailwindPlugin}
+ */
+var keyboardKeyPlugin = function keyboardKeyPlugin(_ref) {
+  var addComponents = _ref.addComponents,
+      theme = _ref.theme;
+  addComponents({
+    ".keyboard-key": {
+      borderRadius: theme("borderRadius.DEFAULT"),
+      height: 20,
+      minWidth: 20,
+      padding: "0 4px",
+      display: "inline-flex",
+      textAlign: "center",
+      alignItems: "center",
+      justifyContent: "center",
+      fontFamily: theme("fontFamily.mono"),
+      // Matches typo-subdued
+      color: theme("colors.grey.600"),
+      // Should match display-caption
+      fontSize: theme("fontSize.sm"),
+      lineHeight: theme("lineHeight.sm"),
+      background: "linear-gradient(134deg, #e6e7ec 0%, #ffffff 70%)",
+      boxShadow: "\n        2px 1px 4px -2px rgba(35, 38, 59, 0.24),\n        inset -0.6px -0.6px 1px #dcdde7, inset 0.6px 0.6px 1px #ffffff\n      "
+    }
+  });
+};
+
+export default keyboardKeyPlugin;

package/esm/KeyboardKey/index.d.ts

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

package/esm/KeyboardKey/index.js

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

package/esm/Link/BaseLink.d.ts

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

package/esm/Link/BaseLink.js

@@ -1,9 +1,15 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React, { forwardRef } from "react";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+
+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 { forwardRef } from "react";
 import useLinkProps from "../utils/useLinkProps";
+import { jsx as _jsx } from "react/jsx-runtime";
 export var BaseLink = /*#__PURE__*/forwardRef(function (anchorProps, ref) {
   var linkProps = useLinkProps(anchorProps);
-  return /*#__PURE__*/React.createElement("a", _extends({}, anchorProps, linkProps, {
+  return /*#__PURE__*/_jsx("a", _objectSpread(_objectSpread(_objectSpread({}, anchorProps), linkProps), {}, {
     ref: ref
   }));
 });

package/esm/Link/ButtonLink.d.ts

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

package/esm/Link/ButtonLink.js

@@ -1,10 +1,15 @@
-import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["endIcon"];
-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 { ExternalLink } from "react-feather";
-import useLinkProps from "../utils/useLinkProps";
 import Button from "../Button/Button";
+import useLinkProps from "../utils/useLinkProps";
+import { jsx as _jsx } from "react/jsx-runtime";
 export var ButtonLink = function ButtonLink(_ref) {
   var EndIcon = _ref.endIcon,
       props = _objectWithoutProperties(_ref, _excluded);
@@ -15,7 +20,7 @@ export var ButtonLink = function ButtonLink(_ref) {
     EndIcon = ExternalLink;
   }
 
-  return /*#__PURE__*/React.createElement(Button, _extends({}, props, linkProps, {
+  return /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread(_objectSpread({}, props), linkProps), {}, {
     endIcon: EndIcon,
     as: "a",
     onClick: function onClick(evt) {

package/esm/Link/IconButtonLink.d.ts

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

package/esm/Link/IconButtonLink.js

@@ -1,10 +1,15 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React from "react";
-import useLinkProps from "../utils/useLinkProps";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+
+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 IconButton from "../Button/IconButton";
+import useLinkProps from "../utils/useLinkProps";
+import { jsx as _jsx } from "react/jsx-runtime";
 export var IconButtonLink = function IconButtonLink(props) {
   var linkProps = useLinkProps(props);
-  return /*#__PURE__*/React.createElement(IconButton, _extends({}, props, linkProps, {
+  return /*#__PURE__*/_jsx(IconButton, _objectSpread(_objectSpread(_objectSpread({}, props), linkProps), {}, {
     as: "a"
   }));
 };

package/esm/Link/Link.d.ts

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

package/esm/Link/Link.js

@@ -1,15 +1,22 @@
-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;
 
 var _excluded = ["className", "children", "startIcon", "endIcon"];
-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 { ExternalLink } from "react-feather";
 import stl from "../styles/helpers/satellitePrefixer";
 import useLinkProps from "../utils/useLinkProps";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export var Link = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
       children = _ref.children,
@@ -24,15 +31,16 @@ export var Link = /*#__PURE__*/forwardRef(function (_ref, ref) {
     EndIcon = ExternalLink;
   }
 
-  return /*#__PURE__*/React.createElement("a", _extends({}, anchorProps, linkProps, {
+  return /*#__PURE__*/_jsxs("a", _objectSpread(_objectSpread(_objectSpread({}, anchorProps), linkProps), {}, {
     ref: ref,
-    className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["typo-link inline-flex items-center"]))), className)
-  }), StartIcon && /*#__PURE__*/React.createElement(StartIcon, {
-    className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["mr-1"]))),
-    size: "1em"
-  }), children, EndIcon && /*#__PURE__*/React.createElement(EndIcon, {
-    className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["ml-1"]))),
-    size: "1em"
+    className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["typo-link inline-flex items-center"]))), className),
+    children: [StartIcon && /*#__PURE__*/_jsx(StartIcon, {
+      className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["mr-1"]))),
+      size: "1em"
+    }), children, EndIcon && /*#__PURE__*/_jsx(EndIcon, {
+      className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["ml-1"]))),
+      size: "1em"
+    })]
   }));
 });
 Link.displayName = "Link";

package/esm/Medallion/Medallion.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { IconComponentType } from "../types";
-import { MedallionSize, MedallionVariant } from "./types";
+import type { IconComponentType } from "../types";
+import type { MedallionSize, MedallionVariant } from "./types";
 export interface MedallionProps {
     icon: IconComponentType;
     variant?: MedallionVariant;