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

package/cjs/Input/Input.js

@@ -2,8 +2,6 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -13,35 +11,37 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
-var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _react = require("react");
 
 var _reactFeather = require("react-feather");
 
-var _classnames = _interopRequireDefault(require("classnames"));
+var _Button = require("../Button");
 
-var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
+var _useFieldState2 = _interopRequireDefault(require("../Field/useFieldState"));
 
-var _useForwardedRef3 = _interopRequireDefault(require("../utils/useForwardedRef"));
+var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
 
 var _isNil = _interopRequireDefault(require("../utils/isNil"));
 
-var _useTriggerInputChange = _interopRequireDefault(require("../utils/useTriggerInputChange"));
+var _useForwardedRef3 = _interopRequireDefault(require("../utils/useForwardedRef"));
 
-var _useFieldState2 = _interopRequireDefault(require("../Field/useFieldState"));
+var _useTriggerInputChange = _interopRequireDefault(require("../utils/useTriggerInputChange"));
 
-var _Button = require("../Button");
+var _jsxRuntime = require("react/jsx-runtime");
 
 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;
 
-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 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 _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; }
+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 STATUS_CLASSNAMES = {
   "default": "",
@@ -55,20 +55,20 @@ var VARIANT_CLASSNAMES = {
 };
 
 var SearchIcon = function SearchIcon(props) {
-  return /*#__PURE__*/_react["default"].createElement(_reactFeather.Search, (0, _extends2["default"])({}, props, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFeather.Search, _objectSpread(_objectSpread({}, props), {}, {
     role: "img",
     "aria-label": "Search Icon"
   }));
 };
 
 var InvalidIcon = function InvalidIcon() {
-  return /*#__PURE__*/_react["default"].createElement(_reactFeather.X, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFeather.X, {
     className: (0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["mr-4 h-4 w-4 text-white bg-red-700 p-px rounded-full"])))
   });
 };
 
 var ValidatedIcon = function ValidatedIcon() {
-  return /*#__PURE__*/_react["default"].createElement(_reactFeather.Check, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFeather.Check, {
     className: (0, _satellitePrefixer["default"])(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["mr-4 h-4 w-4 text-white bg-accent-700 p-px rounded-full"])))
   });
 };
@@ -126,114 +126,119 @@ var Input = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, externalRef) {
     }
   }, [inputProps.value, isControlled]);
   var Icon = startIcon ? startIcon : type === "search" ? SearchIcon : undefined;
-  var StatusIcon = status === "invalid" ? InvalidIcon : status === "validated" ? ValidatedIcon : _react["default"].Fragment;
+  var StatusIcon = status === "invalid" ? InvalidIcon : status === "validated" ? ValidatedIcon : _react.Fragment;
   var clearable = typeof clearableProp === "boolean" ? clearableProp : type === "search";
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["\n          input group\n          ", "\n          ", "\n        "])), focused && "input-focused", disabled && "input-disabled"), VARIANT_CLASSNAMES[variant], STATUS_CLASSNAMES[status], className),
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["\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["default"].createElement(Icon, {
-    className: (0, _satellitePrefixer["default"])(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["ml-4 ", ""])), disabled ? "text-grey-200" : focused ? "text-accent-600" : "text-grey-500"),
-    size: variant === "small" ? "1rem" : "1.5rem"
-  }), /*#__PURE__*/_react["default"].createElement("input", (0, _extends2["default"])({
-    className: (0, _satellitePrefixer["default"])(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["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["default"].createElement(_Button.IconButton, {
-    className: (0, _satellitePrefixer["default"])(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["mr-2 ", ""])), focused ? "visible" : "invisible group-hover:visible"),
-    title: "Clear input",
-    icon: _reactFeather.X,
-    variant: "subtle",
-    size: "small",
-    tabIndex: -1,
-    "aria-hidden": true,
-    onClick: function onClick(evt) {
-      evt.preventDefault();
-      triggerInputChange("");
-    }
-  }), endItem && /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _satellitePrefixer["default"])(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2["default"])(["mr-4"])))
-  }, endItem), /*#__PURE__*/_react["default"].createElement(StatusIcon, null), type === "number" && !disabled && /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _satellitePrefixer["default"])(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2["default"])(["input-spinner"])))
-  }, /*#__PURE__*/_react["default"].createElement("button", {
-    tabIndex: -1,
-    type: "button",
-    disabled: readOnly,
-    className: (0, _satellitePrefixer["default"])(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2["default"])(["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 = (0, _isNil["default"])(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;
+    children: [Icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
+      className: (0, _satellitePrefixer["default"])(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["ml-4 ", ""])), disabled ? "text-grey-200" : focused ? "text-accent-600" : "text-grey-500"),
+      size: variant === "small" ? "1rem" : "1.5rem"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("input", _objectSpread(_objectSpread({
+      className: (0, _satellitePrefixer["default"])(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["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 <= max) {
-        triggerInputChange(String(currentValue + step));
-      } else {
-        triggerInputChange(String(max));
+    })), clearable && !disabled && !readOnly && !isValueEmpty && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
+      className: (0, _satellitePrefixer["default"])(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["mr-2 ", ""])), focused ? "visible" : "invisible group-hover:visible"),
+      title: "Clear input",
+      icon: _reactFeather.X,
+      variant: "subtle",
+      size: "small",
+      tabIndex: -1,
+      "aria-hidden": true,
+      onClick: function onClick(evt) {
+        evt.preventDefault();
+        triggerInputChange("");
       }
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_reactFeather.ChevronUp, {
-    size: 12
-  })), /*#__PURE__*/_react["default"].createElement("button", {
-    tabIndex: -1,
-    type: "button",
-    disabled: readOnly,
-    className: (0, _satellitePrefixer["default"])(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2["default"])(["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 = (0, _isNil["default"])(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));
-      }
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_reactFeather.ChevronDown, {
-    size: 12
-  }))));
+    }), endItem && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _satellitePrefixer["default"])(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2["default"])(["mr-4"]))),
+      children: endItem
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StatusIcon, {}), type === "number" && !disabled && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: (0, _satellitePrefixer["default"])(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2["default"])(["input-spinner"]))),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+        tabIndex: -1,
+        type: "button",
+        disabled: readOnly,
+        className: (0, _satellitePrefixer["default"])(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2["default"])(["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 = (0, _isNil["default"])(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__*/(0, _jsxRuntime.jsx)(_reactFeather.ChevronUp, {
+          size: 12
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+        tabIndex: -1,
+        type: "button",
+        disabled: readOnly,
+        className: (0, _satellitePrefixer["default"])(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2["default"])(["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 = (0, _isNil["default"])(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__*/(0, _jsxRuntime.jsx)(_reactFeather.ChevronDown, {
+          size: 12
+        })
+      })]
+    })]
+  });
 });
 exports.Input = Input;
 var _default = Input;

package/cjs/Input/Input.tailwind.js

@@ -39,9 +39,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/cjs/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/cjs/Insert/Insert.js

@@ -9,12 +9,12 @@ exports["default"] = exports.Insert = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
-var _react = _interopRequireDefault(require("react"));
-
 var _Badge = _interopRequireDefault(require("../Badge"));
 
 var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
 /**
@@ -52,27 +52,33 @@ var Insert = function Insert(_ref) {
   var title = _ref.title,
       contexts = _ref.contexts,
       children = _ref.children;
-  return /*#__PURE__*/_react["default"].createElement("aside", {
-    className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["inline-flex flex-col self-start p-4 bg-grey-100 rounded"])))
-  }, contexts ? /*#__PURE__*/_react["default"].createElement("span", {
-    className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["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__*/_react["default"].createElement(_Badge["default"], {
-      key: idx,
-      variant: variant
-    }, label);
-  })) : null, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("p", {
-    className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["display-heading mb-2"])))
-  }, title), /*#__PURE__*/_react["default"].createElement("span", {
-    className: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["display-body typo-subdued"])))
-  }, children)));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("aside", {
+    className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["inline-flex flex-col self-start p-4 bg-grey-100 rounded"]))),
+    children: [contexts ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["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__*/(0, _jsxRuntime.jsx)(_Badge["default"], {
+          variant: variant,
+          children: label
+        }, idx);
+      })
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["display-heading mb-2"]))),
+        children: title
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["display-body typo-subdued"]))),
+        children: children
+      })]
+    })]
+  });
 };
 
 exports.Insert = Insert;

package/cjs/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/cjs/KeyboardKey/KeyboardKey.js

@@ -0,0 +1,47 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.KeyboardKey = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _react = require("react");
+
+var _reactFeather = require("react-feather");
+
+var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var _templateObject;
+
+var KEY_MAPPINGS = {
+  up: _reactFeather.ArrowUp,
+  down: _reactFeather.ArrowDown,
+  left: _reactFeather.ArrowLeft,
+  right: _reactFeather.ArrowRight,
+  enter: _reactFeather.CornerDownLeft,
+  escape: "esc"
+};
+
+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__*/(0, _react.createElement)(KEY_MAPPINGS[value], {
+    "aria-label": value,
+    width: "1em",
+    height: "1em"
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("kbd", {
+    className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["keyboard-key "]))), className),
+    children: mappedValue
+  });
+};
+
+exports.KeyboardKey = KeyboardKey;

package/cjs/KeyboardKey/KeyboardKey.tailwind.d.ts

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

package/cjs/KeyboardKey/KeyboardKey.tailwind.js

@@ -0,0 +1,33 @@
+"use strict";
+
+// @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      "
+    }
+  });
+};
+
+module.exports = keyboardKeyPlugin;

package/cjs/KeyboardKey/index.d.ts

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

package/cjs/KeyboardKey/index.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _KeyboardKey.KeyboardKey;
+  }
+});
+
+var _KeyboardKey = require("./KeyboardKey");
+
+Object.keys(_KeyboardKey).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _KeyboardKey[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _KeyboardKey[key];
+    }
+  });
+});

package/cjs/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/cjs/Link/BaseLink.js

@@ -2,26 +2,26 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.BaseLink = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 
 var _useLinkProps = _interopRequireDefault(require("../utils/useLinkProps"));
 
-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); }
+var _jsxRuntime = require("react/jsx-runtime");
+
+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 _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; }
+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 BaseLink = /*#__PURE__*/(0, _react.forwardRef)(function (anchorProps, ref) {
   var linkProps = (0, _useLinkProps["default"])(anchorProps);
-  return /*#__PURE__*/_react["default"].createElement("a", (0, _extends2["default"])({}, anchorProps, linkProps, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("a", _objectSpread(_objectSpread(_objectSpread({}, anchorProps), linkProps), {}, {
     ref: ref
   }));
 });

package/cjs/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/cjs/Link/ButtonLink.js

@@ -7,20 +7,24 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.ButtonLink = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var _react = _interopRequireDefault(require("react"));
-
 var _reactFeather = require("react-feather");
 
+var _Button = _interopRequireDefault(require("../Button/Button"));
+
 var _useLinkProps = _interopRequireDefault(require("../utils/useLinkProps"));
 
-var _Button = _interopRequireDefault(require("../Button/Button"));
+var _jsxRuntime = require("react/jsx-runtime");
 
 var _excluded = ["endIcon"];
 
+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 ButtonLink = function ButtonLink(_ref) {
   var EndIcon = _ref.endIcon,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
@@ -30,7 +34,7 @@ var ButtonLink = function ButtonLink(_ref) {
     EndIcon = _reactFeather.ExternalLink;
   }
 
-  return /*#__PURE__*/_react["default"].createElement(_Button["default"], (0, _extends2["default"])({}, props, linkProps, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button["default"], _objectSpread(_objectSpread(_objectSpread({}, props), linkProps), {}, {
     endIcon: EndIcon,
     as: "a",
     onClick: function onClick(evt) {