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

package/cjs/Button/ButtonGroup.js

@@ -15,7 +15,7 @@ var _templateObject;
  * - Group buttons logically into sets based on usage and importance.
  * - Common placement of grouped buttons is the view switch (e.g. list vs grid view)
  */
-var ButtonGroup = function ButtonGroup(_ref) {
+var ButtonGroup = exports.ButtonGroup = function ButtonGroup(_ref) {
   var className = _ref.className,
     _ref$as = _ref.as,
     Tag = _ref$as === void 0 ? "div" : _ref$as,
@@ -25,6 +25,4 @@ var ButtonGroup = function ButtonGroup(_ref) {
     children: children
   });
 };
-exports.ButtonGroup = ButtonGroup;
-var _default = ButtonGroup;
-exports["default"] = _default;
+var _default = exports["default"] = ButtonGroup;

package/cjs/Button/IconButton.d.ts

@@ -1,5 +1,10 @@
 /// <reference types="react" />
 import { type PolymorphicIconButtonProps } from "./PolymorphicIconButton";
 export declare type IconButtonProps = Omit<PolymorphicIconButtonProps<"button">, "as" | "ref">;
+/**
+ * IconButtons are useful in situations where you are limited on space or the action is self-explanatory with just an icon.
+ *
+ * Please refer to the `Button` guidelines.
+ */
 export declare const IconButton: import("react").ForwardRefExoticComponent<IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
 export default IconButton;

package/cjs/Button/IconButton.js

@@ -9,15 +9,18 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = require("react");
 var _PolymorphicIconButton = require("./PolymorphicIconButton");
 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 _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 IconButton = /*#__PURE__*/(0, _react.forwardRef)(function (props, 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; }
+/**
+ * IconButtons are useful in situations where you are limited on space or the action is self-explanatory with just an icon.
+ *
+ * Please refer to the `Button` guidelines.
+ */
+var IconButton = exports.IconButton = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PolymorphicIconButton.PolymorphicIconButton, _objectSpread(_objectSpread({}, props), {}, {
     as: "button",
     ref: ref
   }));
 });
-exports.IconButton = IconButton;
 IconButton.displayName = "IconButton";
-var _default = IconButton;
-exports["default"] = _default;
+var _default = exports["default"] = IconButton;

package/cjs/Button/PolymorphicButton.js

@@ -18,17 +18,17 @@ var _types = require("./types");
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["as", "className", "variant", "size", "startIcon", "endIcon", "loading", "children"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
-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 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 _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 BASE_CLASSNAMES = (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["btn inline-flex justify-center items-center px-3 typo-display-body"])));
 var ICON_SIZE = 16;
 /**
  * `PolymorphicButton` is intended for internal use
  * @ignore
  */
-var PolymorphicButton = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+var PolymorphicButton = exports.PolymorphicButton = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _props$as = props.as,
     Component = _props$as === void 0 ? "button" : _props$as,
     className = props.className,
@@ -73,5 +73,4 @@ var PolymorphicButton = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref
     })]
   }));
 });
-exports.PolymorphicButton = PolymorphicButton;
 PolymorphicButton.displayName = "PolymorphicButton";

package/cjs/Button/PolymorphicIconButton.d.ts

@@ -3,14 +3,18 @@ import type { TooltipWrapperBaseProps } from "../Tooltip/types";
 import type { IconComponentType } from "../types";
 import type { ButtonSize, ButtonVariant, PolymorphicComponentPropWithRef } from "./types";
 export interface IconButtonBaseProps {
+    /** @default neutral */
     variant?: ButtonVariant;
+    /** @default medium */
     size?: ButtonSize;
+    /** @default false */
     disabled?: boolean;
     icon: IconComponentType;
     title: string;
     showTooltip?: boolean;
-    /** @default "top" */
+    /** @default top */
     tooltipSide?: TooltipWrapperBaseProps["side"];
+    /** @default false */
     loading?: boolean;
 }
 export declare type PolymorphicIconButtonProps<C extends React.ElementType> = PolymorphicComponentPropWithRef<C, IconButtonBaseProps>;

package/cjs/Button/PolymorphicIconButton.js

@@ -17,23 +17,24 @@ var _styles = require("./styles");
 var _types = require("./types");
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["as", "className", "variant", "size", "icon", "title", "showTooltip", "tooltipSide", "loading"];
-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; }
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
+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 BASE_CLASSNAMES = (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["btn inline-flex items-center justify-center"])));
 var SIZE_CLASSNAMES = {
-  small: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["h-6 w-6 text-mobile md:text-sm"]))),
-  medium: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["h-8 w-8 text-md"]))),
-  large: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["h-10 w-10 text-lg"])))
+  small: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["max-h-6 max-w-6 min-h-6 min-w-6 text-mobile md:text-sm"]))),
+  medium: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["max-h-8 max-w-8 min-h-8 min-w-8 text-md"]))),
+  large: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["max-h-10 max-w-10 min-h-10 min-w-10 text-lg"])))
 };
 var VARIANT_CLASSNAMES = _objectSpread(_objectSpread({}, _styles.BUTTON_VARIANT_CLASSNAMES), {}, {
-  neutral: (0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["btn-neutral text-grey-600"])))
+  neutral: (0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["btn-neutral text-grey-600"]))),
+  subtle: (0, _satellitePrefixer["default"])(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["btn-subtle text-grey-600"])))
 });
 /**
  * `PolymorphicIconButton` is intended for internal use
  * @ignore
  */
-var PolymorphicIconButton = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+var PolymorphicIconButton = exports.PolymorphicIconButton = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _props$as = props.as,
     Tag = _props$as === void 0 ? "button" : _props$as,
     className = props.className,
@@ -53,8 +54,8 @@ var PolymorphicIconButton = /*#__PURE__*/(0, _react.forwardRef)(function (props,
     // @ts-expect-error
     cleanedProps.disabled = true;
   }
-  var iconButtonClassName = (0, _clsx["default"])(BASE_CLASSNAMES, SIZE_CLASSNAMES[size], VARIANT_CLASSNAMES[variant], cleanedProps.disabled && (0, _satellitePrefixer["default"])(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["btn-disabled"]))), className);
-  var loaderClassNames = (0, _satellitePrefixer["default"])(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["absolute ", ""])), (variant === "destructive" || variant === "primary") && "text-white");
+  var iconButtonClassName = (0, _clsx["default"])(BASE_CLASSNAMES, SIZE_CLASSNAMES[size], VARIANT_CLASSNAMES[variant], cleanedProps.disabled && (0, _satellitePrefixer["default"])(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["btn-disabled"]))), className);
+  var loaderClassNames = (0, _satellitePrefixer["default"])(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["absolute ", ""])), (variant === "destructive" || variant === "primary") && "text-white");
   if ((0, _types.isButtonType)(props) && !Object.prototype.hasOwnProperty.call(cleanedProps, "type")) {
     // @ts-ignore
     cleanedProps.type = "button";
@@ -74,12 +75,11 @@ var PolymorphicIconButton = /*#__PURE__*/(0, _react.forwardRef)(function (props,
           size: _styles.BUTTON_LOADER_ICON_SIZES[size],
           thickness: 1
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
-          className: (0, _clsx["default"])(loading && (0, _satellitePrefixer["default"])(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["invisible"])))),
+          className: (0, _clsx["default"])(loading && (0, _satellitePrefixer["default"])(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["invisible"])))),
           size: "1em"
         })]
       })
     }))
   });
 });
-exports.PolymorphicIconButton = PolymorphicIconButton;
 PolymorphicIconButton.displayName = "PolymorphicIconButton";

package/cjs/Button/index.js

@@ -47,5 +47,5 @@ Object.keys(_ButtonGroup).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/Button/styles.d.ts

@@ -2,4 +2,4 @@ import type { ButtonBaseProps, ButtonSize, ButtonVariant } from "./types";
 export declare const BUTTON_SIZE_CLASSNAMES: Record<ButtonSize, string>;
 export declare const BUTTON_LOADER_ICON_SIZES: Record<ButtonSize, number>;
 export declare const BUTTON_VARIANT_CLASSNAMES: Record<ButtonVariant, string>;
-export declare const getIconColorClassName: ({ disabled, variant }: Pick<ButtonBaseProps, "disabled" | "variant">) => string;
+export declare const getIconColorClassName: ({ disabled, variant }: Pick<ButtonBaseProps, "disabled" | "variant">) => string | null;

package/cjs/Button/styles.js

@@ -8,31 +8,30 @@ exports.getIconColorClassName = exports.BUTTON_VARIANT_CLASSNAMES = exports.BUTT
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
-var BUTTON_SIZE_CLASSNAMES = {
+var BUTTON_SIZE_CLASSNAMES = exports.BUTTON_SIZE_CLASSNAMES = {
   small: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["h-6"]))),
   medium: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["h-8"]))),
   large: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["h-10"])))
 };
-exports.BUTTON_SIZE_CLASSNAMES = BUTTON_SIZE_CLASSNAMES;
-var BUTTON_LOADER_ICON_SIZES = {
+var BUTTON_LOADER_ICON_SIZES = exports.BUTTON_LOADER_ICON_SIZES = {
   small: 12,
   medium: 16,
   large: 20
 };
-exports.BUTTON_LOADER_ICON_SIZES = BUTTON_LOADER_ICON_SIZES;
-var BUTTON_VARIANT_CLASSNAMES = {
+var BUTTON_VARIANT_CLASSNAMES = exports.BUTTON_VARIANT_CLASSNAMES = {
   subtle: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["btn-subtle"]))),
   neutral: (0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["btn-neutral"]))),
   primary: (0, _satellitePrefixer["default"])(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["btn-primary"]))),
   destructive: (0, _satellitePrefixer["default"])(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["btn-destructive"])))
 };
-exports.BUTTON_VARIANT_CLASSNAMES = BUTTON_VARIANT_CLASSNAMES;
-var getIconColorClassName = function getIconColorClassName(_ref) {
+var getIconColorClassName = exports.getIconColorClassName = function getIconColorClassName(_ref) {
   var disabled = _ref.disabled,
     variant = _ref.variant;
   if (variant === "destructive" || variant === "primary") {
     return (0, _satellitePrefixer["default"])(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["text-white"])));
   }
+  if (variant === "subtle" && !disabled) {
+    return null;
+  }
   return disabled ? (0, _satellitePrefixer["default"])(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["text-grey-300"]))) : (0, _satellitePrefixer["default"])(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["text-grey-600"])));
-};
-exports.getIconColorClassName = getIconColorClassName;
+};

package/cjs/Button/types.d.ts

@@ -3,9 +3,9 @@ import type { IconComponentType } from "../types";
 export declare type ButtonVariant = "subtle" | "neutral" | "primary" | "destructive";
 export declare type ButtonSize = "small" | "medium" | "large";
 export interface ButtonBaseProps {
-    /** @default "neutral" */
+    /** @default neutral */
     variant?: ButtonVariant;
-    /** @default "medium" */
+    /** @default medium */
     size?: ButtonSize;
     /** Left aligned icon */
     startIcon?: IconComponentType;
@@ -13,6 +13,7 @@ export interface ButtonBaseProps {
     endIcon?: IconComponentType;
     /** @ignore */
     children: ReactNode;
+    /** @default false */
     loading?: boolean;
     /** @ignore */
     disabled?: boolean;

package/cjs/Card/Card.d.ts

@@ -11,7 +11,7 @@ export interface CardProps {
     style?: CSSProperties;
     /**
      * Specify HTML element `Card` should be presented as.
-     * @default "section"
+     * @default section
      */
     as?: CardAs;
     /** Should the content take up full full width of the `Card`. */

package/cjs/Card/Card.js

@@ -15,8 +15,8 @@ var _CardHeader = _interopRequireDefault(require("./components/CardHeader"));
 var _CardTitle = _interopRequireDefault(require("./components/CardTitle"));
 var _excluded = ["className", "as", "elevation", "fullBleed"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-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 ELEVATION_CLASSNAMES = {
   "100": (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["card-z100"]))),
   "200": (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["card-z200"]))),
@@ -25,7 +25,7 @@ var ELEVATION_CLASSNAMES = {
   "500": (0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["card-z500"])))
 };
 /** The `Card` is a useful component for containing content within a page. */
-var Card = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+var Card = exports.Card = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var className = _ref.className,
     _ref$as = _ref.as,
     as = _ref$as === void 0 ? "section" : _ref$as,
@@ -38,9 +38,7 @@ var Card = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["card ", " display-body"])), fullBleed && "card-fullbleed"), ELEVATION_CLASSNAMES[elevation], className)
   }));
 });
-exports.Card = Card;
 Card.displayName = "Card";
 Card.Header = _CardHeader["default"];
 Card.Title = _CardTitle["default"];
-var _default = Card;
-exports["default"] = _default;
+var _default = exports["default"] = Card;

package/cjs/Card/Card.tailwind.d.ts

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

package/cjs/Card/components/CardHeader.js

@@ -13,9 +13,9 @@ var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/sa
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject;
 var _excluded = ["className", "children"];
-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 CardHeader = function CardHeader(_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 CardHeader = exports.CardHeader = function CardHeader(_ref) {
   var className = _ref.className,
     children = _ref.children,
     props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
@@ -24,6 +24,4 @@ var CardHeader = function CardHeader(_ref) {
     children: children
   }));
 };
-exports.CardHeader = CardHeader;
-var _default = CardHeader;
-exports["default"] = _default;
+var _default = exports["default"] = CardHeader;

package/cjs/Card/components/CardTitle.js

@@ -13,9 +13,9 @@ var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/sa
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject;
 var _excluded = ["className", "children"];
-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 CardTitle = function CardTitle(_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 CardTitle = exports.CardTitle = function CardTitle(_ref) {
   var className = _ref.className,
     children = _ref.children,
     props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
@@ -24,6 +24,4 @@ var CardTitle = function CardTitle(_ref) {
     children: children
   }));
 };
-exports.CardTitle = CardTitle;
-var _default = CardTitle;
-exports["default"] = _default;
+var _default = exports["default"] = CardTitle;

package/cjs/Card/index.js

@@ -47,5 +47,5 @@ Object.keys(_CardHeader).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/Checkbox/Checkbox.d.ts

@@ -2,13 +2,13 @@ import type { HTMLAttributes, InputHTMLAttributes } from "react";
 declare type CheckboxCustomProps = {
     /**
      * `Checkbox` text position
-     * @default "right"
+     * @default right
      */
     textPosition?: "left" | "right";
     indeterminate?: boolean;
     /**
      * Color of the `Checkbox`
-     * @default "accent.600"
+     * @default accent.600
      */
     checkedColor?: string;
 };
@@ -20,5 +20,5 @@ export declare type CheckboxProps = CheckboxInputProps & CheckboxCustomProps;
  * - A checkbox control has two primary states: selected and unselected. If required, there's an additional visual state for indeterminate (usually for a parent checkbox, when some children checkboxes are selected, but not all of them)
  * - Checkboxes require the use of a button to apply the settings once they are selected
  */
-export declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLInputElement>, "onChange"> & Pick<InputHTMLAttributes<HTMLInputElement>, "required" | "disabled" | "autoFocus" | "checked" | "defaultChecked" | "onChange"> & CheckboxCustomProps & import("react").RefAttributes<HTMLInputElement>>;
+export declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLInputElement>, "onChange"> & Pick<InputHTMLAttributes<HTMLInputElement>, "defaultChecked" | "onChange" | "autoFocus" | "disabled" | "checked" | "required"> & CheckboxCustomProps & import("react").RefAttributes<HTMLInputElement>>;
 export default Checkbox;

package/cjs/Checkbox/Checkbox.js

@@ -18,8 +18,8 @@ var _isRenderedChild = _interopRequireDefault(require("../utils/isRenderedChild"
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["children", "className", "textPosition", "indeterminate", "defaultChecked", "checkedColor", "checked", "disabled"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-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 generateFieldId = function generateFieldId() {
   return Math.random().toString(36).substring(7);
 };
@@ -35,7 +35,7 @@ var STATUS_CLASSNAMES = {
  * - A checkbox control has two primary states: selected and unselected. If required, there's an additional visual state for indeterminate (usually for a parent checkbox, when some children checkboxes are selected, but not all of them)
  * - Checkboxes require the use of a button to apply the settings once they are selected
  */
-var Checkbox = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+var Checkbox = exports.Checkbox = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     _ref$textPosition = _ref.textPosition,
@@ -67,9 +67,9 @@ var Checkbox = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     }
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["group inline-flex items-center ", ""])), textPosition === "left" && "flex-row-reverse"), className),
+    className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["group/checkbox inline-flex items-center ", ""])), textPosition === "left" && "flex-row-reverse"), className),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-      className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n            checkbox\n            ", "\n            ", "\n            ", "\n            ", "\n          "])), !disabled && "group-hover:border-grey-900", indeterminate && "checkbox-indeterminate", isChecked && "checkbox-checked", disabled && "checkbox-disabled"), STATUS_CLASSNAMES[status]),
+      className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n            checkbox\n            ", "\n            ", "\n            ", "\n          "])), indeterminate && "checkbox-indeterminate", isChecked && "checkbox-checked", disabled && "checkbox-disabled"), STATUS_CLASSNAMES[status]),
       style: {
         color: checkedColor
       },
@@ -92,7 +92,5 @@ var Checkbox = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     })]
   });
 });
-exports.Checkbox = Checkbox;
 Checkbox.displayName = "Checkbox";
-var _default = Checkbox;
-exports["default"] = _default;
+var _default = exports["default"] = Checkbox;

package/cjs/Checkbox/Checkbox.tailwind.d.ts

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

package/cjs/Checkbox/Checkbox.tailwind.js

@@ -33,6 +33,11 @@ var checkboxPlugin = plugin(function (_ref) {
         opacity: "0"
       }
     },
+    ".group\\/checkbox:hover": {
+      "& > .checkbox:not(.checkbox-disabled, .checkbox-checked, .checkbox-indeterminate, :has(input:focus))": {
+        borderColor: theme("colors.grey.600")
+      }
+    },
     ".checkbox-invalid:not(.checkbox-disabled)": {
       color: theme("colors.red.700"),
       background: theme("colors.red.100"),

package/cjs/Checkbox/index.js

@@ -23,5 +23,5 @@ Object.keys(_Checkbox).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/ClickAwayContainer/ClickAwayContainer.js

@@ -10,12 +10,10 @@ var _react = require("react");
 var _useClickAway = _interopRequireDefault(require("react-use/lib/useClickAway"));
 var _useSet3 = _interopRequireDefault(require("react-use/lib/useSet"));
 var _jsxRuntime = require("react/jsx-runtime");
-var ClickAwayContext = /*#__PURE__*/(0, _react.createContext)(null);
-exports.ClickAwayContext = ClickAwayContext;
-var useClickAwayContext = function useClickAwayContext() {
+var ClickAwayContext = exports.ClickAwayContext = /*#__PURE__*/(0, _react.createContext)(null);
+var useClickAwayContext = exports.useClickAwayContext = function useClickAwayContext() {
   return (0, _react.useContext)(ClickAwayContext);
 };
-exports.useClickAwayContext = useClickAwayContext;
 var AWAY_EVENTS = ["mousedown", "touchstart", "focusin"];
 
 /**
@@ -26,7 +24,7 @@ var AWAY_EVENTS = ["mousedown", "touchstart", "focusin"];
  * but it's not the case when using portals.
  * This component allows click-away functionality even when portals are involved.
  */
-var ClickAwayContainer = function ClickAwayContainer(_ref) {
+var ClickAwayContainer = exports.ClickAwayContainer = function ClickAwayContainer(_ref) {
   var element = _ref.element,
     onClickAway = _ref.onClickAway,
     children = _ref.children;
@@ -67,7 +65,7 @@ var ClickAwayContainer = function ClickAwayContainer(_ref) {
       return el.contains(evt.target);
     });
     if (!isEventInside) {
-      onClickAway === null || onClickAway === void 0 ? void 0 : onClickAway(evt);
+      onClickAway === null || onClickAway === void 0 || onClickAway(evt);
     }
   }, [elementsSet, onClickAway]);
   (0, _useClickAway["default"])(fakeElementRef, handleClickAway, AWAY_EVENTS);
@@ -82,6 +80,4 @@ var ClickAwayContainer = function ClickAwayContainer(_ref) {
     children: children
   });
 };
-exports.ClickAwayContainer = ClickAwayContainer;
-var _default = ClickAwayContainer;
-exports["default"] = _default;
+var _default = exports["default"] = ClickAwayContainer;

package/cjs/DatePicker/DatePicker/DatePicker.d.ts

@@ -30,5 +30,5 @@ export declare type DatePickerProps = {
     initialValue?: Date | null;
     buttonSize?: DisplayProps["size"];
 } & SharedDatePickerProps;
-declare const DatePicker: VFC<DatePickerProps>;
+export declare const DatePicker: VFC<DatePickerProps>;
 export default DatePicker;