@algolia/satellite 1.0.0-beta.164 → 1.0.0-beta.165

package/cjs/Select/Select.js

@@ -14,8 +14,8 @@ var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satel
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["variant", "className"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var VARIANT_CLASSNAMES = {
   small: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["select-input-small"]))),
   medium: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["select-input-medium"]))),
@@ -30,7 +30,7 @@ var VARIANT_CLASSNAMES = {
  * - Have a default option selected whenever possible
  * - Use `Select` as a placeholder option only if there's no logical default option
  */
-var Select = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+var Select = exports.Select = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? "medium" : _ref$variant,
     className = _ref.className,
@@ -40,7 +40,5 @@ var Select = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     ref: ref
   }));
 });
-exports.Select = Select;
 Select.displayName = "Select";
-var _default = Select;
-exports["default"] = _default;
+var _default = exports["default"] = Select;

package/cjs/Select/Select.tailwind.d.ts

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

package/cjs/Select/index.js

@@ -23,5 +23,5 @@ Object.keys(_Select).forEach(function (key) {
     }
   });
 });
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }

package/cjs/Separator/Separator.d.ts

@@ -2,6 +2,7 @@ import * as RadixSeparator from "@radix-ui/react-separator";
 import type { VFC } from "react";
 export interface SeparatorProps {
     className?: string;
+    interactive?: boolean;
     orientation?: RadixSeparator.SeparatorProps["orientation"];
 }
 export declare const Separator: VFC<SeparatorProps>;

package/cjs/Separator/Separator.js

@@ -6,24 +6,34 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.Separator = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var RadixSeparator = _interopRequireWildcard(require("@radix-ui/react-separator"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
 var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject;
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var Separator = function Separator(_ref) {
+var _templateObject, _templateObject2;
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Separator = exports.Separator = function Separator(_ref) {
   var className = _ref.className,
+    interactive = _ref.interactive,
     _ref$orientation = _ref.orientation,
     orientation = _ref$orientation === void 0 ? "horizontal" : _ref$orientation;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(RadixSeparator.Root, {
-    decorative: true,
-    className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["separator"]))), className),
+  var interactiveProps = interactive ? {
+    decorative: false,
+    tabIndex: 0,
+    "aria-valuemax": 100,
+    "aria-valuemin": 0,
+    "aria-valuenow": 50
+  } : {
+    decorative: true
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(RadixSeparator.Root, _objectSpread({
+    className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["separator"]))), className, interactive && (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["interactive"])))),
     orientation: orientation
-  });
+  }, interactiveProps));
 };
-exports.Separator = Separator;
-var _default = Separator;
-exports["default"] = _default;
+var _default = exports["default"] = Separator;

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

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

package/cjs/Separator/Separator.tailwind.js

@@ -9,15 +9,44 @@ var separatorPlugin = plugin(function (_ref) {
   addComponents({
     ".separator": {
       backgroundColor: theme("colors.grey.200"),
+      "&.interactive:hover": {
+        backgroundColor: theme("colors.xenon.600")
+      },
+      "&.interactive:focus": {
+        backgroundColor: theme("colors.xenon.600"),
+        outline: "solid 1px ".concat(theme("colors.xenon.600"))
+      },
       '&[data-orientation="horizontal"]': {
         height: "1px",
         width: "100%",
-        margin: "".concat(margin, " 0")
+        margin: "".concat(margin, " 0"),
+        "&.interactive": {
+          position: "relative",
+          "&::after": {
+            position: "absolute",
+            right: "0px",
+            left: "0px",
+            top: "-10px",
+            height: "20px",
+            content: '" "'
+          }
+        }
       },
       '&[data-orientation="vertical"]': {
         height: "100%",
         width: "1px",
-        margin: "0 ".concat(margin)
+        margin: "0 ".concat(margin),
+        "&.interactive": {
+          position: "relative",
+          "&::after": {
+            position: "absolute",
+            width: "20px",
+            left: "-10px",
+            top: "0px",
+            bottom: "0px",
+            content: '" "'
+          }
+        }
       }
     }
   });

package/cjs/Separator/index.js

@@ -23,5 +23,5 @@ Object.keys(_Separator).forEach(function (key) {
     }
   });
 });
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }

package/cjs/Sidebar/Sidebar.d.ts

@@ -2,6 +2,7 @@ import type { ReactNode, VFC } from "react";
 import type { SidebarLocale, SidebarLocation, SidebarVariant } from "./types";
 export interface SidebarProps {
     id?: string;
+    /** @ignore */
     className?: string;
     label?: string;
     locale?: SidebarLocale;

package/cjs/Sidebar/Sidebar.js

@@ -16,13 +16,13 @@ var _matchLocation = _interopRequireDefault(require("../utils/matchLocation"));
 var _SidebarContext = require("./SidebarContext");
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3;
-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; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DEFAULT_SIDEBAR_LOCALE = {
   primarySidebarLabel: "Primary Navigation Sidebar",
   secondarySidebarLabel: "Secondary Navigation Sidebar"
 };
-var Sidebar = function Sidebar(_ref) {
+var Sidebar = exports.Sidebar = function Sidebar(_ref) {
   var id = _ref.id,
     className = _ref.className,
     labelProp = _ref.label,
@@ -58,5 +58,4 @@ var Sidebar = function Sidebar(_ref) {
       })
     })
   });
-};
-exports.Sidebar = Sidebar;
+};

package/cjs/Sidebar/SidebarButtonLink.js

@@ -16,8 +16,8 @@ var _useLinkProps = _interopRequireDefault(require("../utils/useLinkProps"));
 var _SidebarContext = require("./SidebarContext");
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Tooltip = function Tooltip(_ref) {
   var content = _ref.content,
     children = _ref.children;
@@ -31,7 +31,7 @@ var Tooltip = function Tooltip(_ref) {
     children: children
   });
 };
-var SidebarButtonLink = function SidebarButtonLink(props) {
+var SidebarButtonLink = exports.SidebarButtonLink = function SidebarButtonLink(props) {
   var id = props.id,
     icon = props.icon,
     href = props.href,
@@ -81,5 +81,4 @@ var SidebarButtonLink = function SidebarButtonLink(props) {
       })]
     }))
   });
-};
-exports.SidebarButtonLink = SidebarButtonLink;
+};

package/cjs/Sidebar/SidebarContext.js

@@ -5,13 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useSidebarContext = exports.SidebarContext = void 0;
 var _react = require("react");
-var SidebarContext = /*#__PURE__*/(0, _react.createContext)(null);
-exports.SidebarContext = SidebarContext;
-var useSidebarContext = function useSidebarContext() {
+var SidebarContext = exports.SidebarContext = /*#__PURE__*/(0, _react.createContext)(null);
+var useSidebarContext = exports.useSidebarContext = function useSidebarContext() {
   var context = (0, _react.useContext)(SidebarContext);
   if (!context) {
     throw new Error("useSidebarContext used outside of Sidebar");
   }
   return context;
-};
-exports.useSidebarContext = useSidebarContext;
+};

package/cjs/Sidebar/SidebarHeader.d.ts

@@ -1,5 +1,6 @@
 import type { ReactNode, VFC } from "react";
 export declare type SidebarHeaderProps = {
+    /** @ignore */
     className?: string;
     children?: ReactNode;
 };

package/cjs/Sidebar/SidebarHeader.js

@@ -10,12 +10,11 @@ var _clsx = _interopRequireDefault(require("clsx"));
 var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject;
-var SidebarHeader = function SidebarHeader(_ref) {
+var SidebarHeader = exports.SidebarHeader = function SidebarHeader(_ref) {
   var className = _ref.className,
     children = _ref.children;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("header", {
     className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["h-[72px] shrink-0 border-b border-grey-200/50"]))), className),
     children: children
   });
-};
-exports.SidebarHeader = SidebarHeader;
+};

package/cjs/Sidebar/SidebarHeading.d.ts

@@ -1,6 +1,7 @@
 import type { ReactNode, VFC } from "react";
 export declare type SidebarHeadingProps = {
     id?: string;
+    /** @ignore */
     className?: string;
     children: ReactNode;
 };

package/cjs/Sidebar/SidebarHeading.js

@@ -11,7 +11,7 @@ var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satel
 var _SidebarContext = require("./SidebarContext");
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject;
-var SidebarHeading = function SidebarHeading(_ref) {
+var SidebarHeading = exports.SidebarHeading = function SidebarHeading(_ref) {
   var id = _ref.id,
     className = _ref.className,
     children = _ref.children;
@@ -22,5 +22,4 @@ var SidebarHeading = function SidebarHeading(_ref) {
     className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n          h-8 block leading-[2rem]\n          display-subheading typo-subdued uppercase select-none truncate\n          ", "\n        "])), collapsed && "opacity-0"), className),
     children: children
   });
-};
-exports.SidebarHeading = SidebarHeading;
+};

package/cjs/Sidebar/SidebarLink.js

@@ -14,9 +14,9 @@ var _useLinkProps = _interopRequireDefault(require("../utils/useLinkProps"));
 var _SidebarContext = require("./SidebarContext");
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-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 SidebarLink = function SidebarLink(props) {
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var SidebarLink = exports.SidebarLink = function SidebarLink(props) {
   var _linkProps$href;
   var _useSidebarContext = (0, _SidebarContext.useSidebarContext)(),
     isLinkActive = _useSidebarContext.isLinkActive;
@@ -47,5 +47,4 @@ var SidebarLink = function SidebarLink(props) {
       })]
     })]
   }));
-};
-exports.SidebarLink = SidebarLink;
+};

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

@@ -1,5 +1,6 @@
 import type { VFC } from "react";
 declare type ActiveLinkIndicatorProps = {
+    /** @ignore */
     className?: string;
     activeIndex?: number;
     linksCount: number;

package/cjs/Sidebar/SidebarLinksGroup/ActiveLinkIndicator.js

@@ -12,7 +12,7 @@ var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3;
 var LINK_HEIGHT_PX = 24;
 var LINKS_SPACING_PX = 8;
-var ActiveLinkIndicator = function ActiveLinkIndicator(_ref) {
+var ActiveLinkIndicator = exports.ActiveLinkIndicator = function ActiveLinkIndicator(_ref) {
   var className = _ref.className,
     activeIndex = _ref.activeIndex,
     linksCount = _ref.linksCount;
@@ -26,7 +26,7 @@ var ActiveLinkIndicator = function ActiveLinkIndicator(_ref) {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["w-px h-full bg-grey-200"]))),
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n            w-px bg-accent-500\n            transition-transform duration-100 ease-in-out\n            ", "\n          "])), showIndicator ? "visible" : "hidden"),
+        className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n            w-px bg-accent-500\n            motion-safe:transition-transform motion-safe:duration-100 ease-in-out\n            ", "\n          "])), showIndicator ? "visible" : "hidden"),
         style: {
           height: LINK_HEIGHT_PX,
           transform: typeof activeIndex === "number" ? "translateY(".concat(activeIndex * (LINK_HEIGHT_PX + LINKS_SPACING_PX), "px)") : undefined
@@ -34,5 +34,4 @@ var ActiveLinkIndicator = function ActiveLinkIndicator(_ref) {
       })
     })
   });
-};
-exports.ActiveLinkIndicator = ActiveLinkIndicator;
+};

package/cjs/Sidebar/SidebarLinksGroup/SidebarGroupLink.js

@@ -12,9 +12,9 @@ var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/sa
 var _useLinkProps = _interopRequireDefault(require("../../utils/useLinkProps"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3;
-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 SidebarGroupLink = function SidebarGroupLink(props) {
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var SidebarGroupLink = exports.SidebarGroupLink = function SidebarGroupLink(props) {
   var label = props.label,
     active = props.active,
     id = props.id,
@@ -33,5 +33,4 @@ var SidebarGroupLink = function SidebarGroupLink(props) {
       size: "1em"
     })]
   }));
-};
-exports.SidebarGroupLink = SidebarGroupLink;
+};

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

@@ -3,6 +3,7 @@ import type { IconComponentType } from "../../types";
 import type { SidebarLinksGroupLink } from "./types";
 declare type SidebarLinksGroupBaseProps = {
     id?: string;
+    /** @ignore */
     className?: string;
     links: SidebarLinksGroupLink[];
 };

package/cjs/Sidebar/SidebarLinksGroup/SidebarLinksGroup.js

@@ -18,12 +18,12 @@ var _ActiveLinkIndicator = require("./ActiveLinkIndicator");
 var _SidebarGroupLink = require("./SidebarGroupLink");
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
-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; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var isCollapsibleSidebarLinksGroupProps = function isCollapsibleSidebarLinksGroupProps(props) {
   return "title" in props && "icon" in props;
 };
-var SidebarLinksGroup = function SidebarLinksGroup(props) {
+var SidebarLinksGroup = exports.SidebarLinksGroup = function SidebarLinksGroup(props) {
   var _useSidebarContext = (0, _SidebarContext.useSidebarContext)(),
     isLinkActive = _useSidebarContext.isLinkActive;
   var id = props.id,
@@ -44,7 +44,7 @@ var SidebarLinksGroup = function SidebarLinksGroup(props) {
   (0, _react.useEffect)(function () {
     if (isCollapsibleSidebarLinksGroupProps(props)) {
       var _props$onGroupToggle;
-      (_props$onGroupToggle = props.onGroupToggle) === null || _props$onGroupToggle === void 0 ? void 0 : _props$onGroupToggle.call(props, isOpen);
+      (_props$onGroupToggle = props.onGroupToggle) === null || _props$onGroupToggle === void 0 || _props$onGroupToggle.call(props, isOpen);
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isOpen]);
@@ -70,7 +70,7 @@ var SidebarLinksGroup = function SidebarLinksGroup(props) {
         className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["truncate display-subheading uppercase text-grey-800 group-focus:text-accent-500 group-hover:text-accent-500 mr-2"]))),
         children: props.title
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFeather.ChevronRight, {
-        className: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["shrink-0 text-grey-500 transition-all duration-150 ease-in-out ", ""])), isOpen && "rotate-90"),
+        className: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["shrink-0 text-grey-500 motion-safe:transition-all motion-safe:duration-150 ease-in-out ", ""])), isOpen && "rotate-90"),
         size: "1rem"
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
@@ -93,5 +93,4 @@ var SidebarLinksGroup = function SidebarLinksGroup(props) {
       })]
     })]
   });
-};
-exports.SidebarLinksGroup = SidebarLinksGroup;
+};

package/cjs/Sidebar/SidebarNav.d.ts

@@ -2,6 +2,7 @@ import type { ReactNode, VFC } from "react";
 export declare type SidebarNavSpacing = "small" | "large";
 export declare type SidebarNavProps = {
     id?: string;
+    /** @ignore */
     className?: string;
     spacing?: SidebarNavSpacing;
     label: string;

package/cjs/Sidebar/SidebarNav.js

@@ -11,7 +11,7 @@ var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satel
 var _SidebarContext = require("./SidebarContext");
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject;
-var SidebarNav = function SidebarNav(_ref) {
+var SidebarNav = exports.SidebarNav = function SidebarNav(_ref) {
   var id = _ref.id,
     className = _ref.className,
     spacingProp = _ref.spacing,
@@ -33,5 +33,4 @@ var SidebarNav = function SidebarNav(_ref) {
       })
     })
   });
-};
-exports.SidebarNav = SidebarNav;
+};

package/cjs/Switch/Switch.d.ts

@@ -1,6 +1,7 @@
 import type { ReactNode, VFC } from "react";
 import type { SwitchSize } from "./types";
 export interface SwitchProps {
+    /** @ignore */
     className?: string;
     value: string;
     disabled?: boolean;

package/cjs/Switch/Switch.js

@@ -12,11 +12,12 @@ var _react = require("react");
 var _styles = require("../Button/styles");
 var _RadioGroup = require("../RadioGroup");
 var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
+var _prefersReducedMotion = require("../utils/prefersReducedMotion");
 var _uniqueId = _interopRequireDefault(require("../utils/uniqueId"));
 var _utils = require("./utils");
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2;
-var Switch = function Switch(_ref) {
+var Switch = exports.Switch = function Switch(_ref) {
   var className = _ref.className,
     children = _ref.children,
     value = _ref.value,
@@ -51,12 +52,13 @@ var Switch = function Switch(_ref) {
     }
     var containerRect = containerRef.current.getBoundingClientRect();
     var targetRect = targetEl.getBoundingClientRect();
+    var duration = _prefersReducedMotion.prefersReducedMotion ? "0ms" : "200ms";
     var newValueIndicatorStyle = {
       width: targetRect.width,
       transform: "translateX(".concat(targetRect.x - containerRect.x, "px)"),
       visibility: "visible",
       transitionProperty: "width, transform",
-      transitionDuration: "200ms",
+      transitionDuration: duration,
       transitionTimingFunction: "ease-in-out"
     };
     if (newValueIndicatorStyle.transform !== (valueIndicatorStyle === null || valueIndicatorStyle === void 0 ? void 0 : valueIndicatorStyle.transform) || newValueIndicatorStyle.width !== (valueIndicatorStyle === null || valueIndicatorStyle === void 0 ? void 0 : valueIndicatorStyle.width)) {
@@ -81,6 +83,4 @@ var Switch = function Switch(_ref) {
     })
   });
 };
-exports.Switch = Switch;
-var _default = Switch;
-exports["default"] = _default;
+var _default = exports["default"] = Switch;

package/cjs/Switch/Switch.tailwind.d.ts

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

package/cjs/Switch/SwitchOption.js

@@ -13,9 +13,9 @@ var _OverflowTooltipWrapper = require("../Tooltip/OverflowTooltipWrapper");
 var _utils = require("./utils");
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2;
-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 SwitchOption = function SwitchOption(_ref) {
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var SwitchOption = exports.SwitchOption = function SwitchOption(_ref) {
   var value = _ref.value,
     disabled = _ref.disabled,
     children = _ref.children;
@@ -23,7 +23,7 @@ var SwitchOption = function SwitchOption(_ref) {
   var checked = context.value === value;
   var inputDisabled = context.disabled || disabled;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("label", _objectSpread(_objectSpread({
-    className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n        inline-flex grow shrink justify-center items-center min-w-16 max-w-48 px-4 z-10\n        ", "\n        ", "\n      "])), inputDisabled ? "cursor-not-allowed opacity-60 rounded bg-grey-100" : "cursor-pointer", !checked && !inputDisabled && "rounded hover:bg-accent-200/20 transition-colors duration-100 ease-linear")
+    className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n        inline-flex grow shrink justify-center items-center min-w-16 max-w-48 px-4 z-10 text-grey-600\n        ", "\n        ", "\n      "])), inputDisabled ? "cursor-not-allowed opacity-60 rounded bg-grey-100" : "cursor-pointer hover:text-grey-900", !checked && !inputDisabled && "rounded motion-safe:transition-colors active:bg-accent-200/20 motion-safe:duration-100 ease-linear")
   }, (0, _utils.buildAnimationProps)(context.name, value)), {}, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
       className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["w-0 h-0 opacity-0"]))),
@@ -42,6 +42,4 @@ var SwitchOption = function SwitchOption(_ref) {
     })]
   }));
 };
-exports.SwitchOption = SwitchOption;
-var _default = SwitchOption;
-exports["default"] = _default;
+var _default = exports["default"] = SwitchOption;

package/cjs/Switch/index.js

@@ -35,5 +35,5 @@ Object.keys(_SwitchOption).forEach(function (key) {
     }
   });
 });
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }