@doist/reactist 28.7.2 → 28.7.4

package/lib/index.js

@@ -1,2 +1,107 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./box/box.js"),r=require("./columns/columns.js"),t=require("./divider/divider.js"),o=require("./inline/inline.js"),s=require("./stack/stack.js"),i=require("./hidden/hidden.js"),a=require("./hidden-visually/hidden-visually.js"),n=require("./banner/banner.js"),p=require("./loading/loading.js"),d=require("./notice/notice.js"),u=require("./toast/static-toast.js"),x=require("./toast/use-toasts.js"),l=require("./heading/heading.js"),c=require("./text/text.js"),j=require("./prose/prose.js"),q=require("./button/button.js"),T=require("./text-link/text-link.js"),b=require("./checkbox-field/checkbox-field.js"),m=require("./password-field/password-field.js"),M=require("./select-field/select-field.js"),g=require("./switch-field/switch-field.js"),B=require("./text-area/text-area.js"),S=require("./text-field/text-field.js"),k=require("./avatar/avatar.js"),P=require("./badge/badge.js"),h=require("./modal/modal.js"),C=require("./tabs/tabs.js"),v=require("./tooltip/tooltip.js"),y=require("./menu/menu.js"),w=require("./components/color-picker/color-picker.js"),F=require("./components/keyboard-shortcut/keyboard-shortcut.js"),f=require("./components/key-capturer/key-capturer.js"),D=require("./components/progress-bar/progress-bar.js"),L=require("./components/time/time.js"),A=require("./components/deprecated-button/deprecated-button.js"),H=require("./components/deprecated-dropdown/dropdown.js"),I=require("./components/deprecated-input/input.js"),O=require("./components/deprecated-select/select.js");exports.Box=e.Box,exports.getBoxClassNames=e.getBoxClassNames,exports.Column=r.Column,exports.Columns=r.Columns,exports.Divider=t.Divider,exports.Inline=o.Inline,exports.Stack=s.Stack,exports.Hidden=i.Hidden,exports.HiddenVisually=a.HiddenVisually,exports.Banner=n.Banner,exports.Loading=p.Loading,exports.Notice=d.Notice,exports.StaticToast=u.StaticToast,exports.Toast=x.Toast,exports.ToastsProvider=x.ToastsProvider,exports.useToasts=x.useToasts,exports.Heading=l.Heading,exports.Text=c.Text,exports.Prose=j.Prose,exports.Button=q.Button,exports.IconButton=q.IconButton,exports.TextLink=T.TextLink,exports.CheckboxField=b.CheckboxField,exports.PasswordField=m.PasswordField,exports.SelectField=M.SelectField,exports.SwitchField=g.SwitchField,exports.TextArea=B.TextArea,exports.TextField=S.TextField,exports.Avatar=k.Avatar,exports.Badge=P.Badge,exports.Modal=h.Modal,exports.ModalActions=h.ModalActions,exports.ModalBody=h.ModalBody,exports.ModalCloseButton=h.ModalCloseButton,exports.ModalFooter=h.ModalFooter,exports.ModalHeader=h.ModalHeader,exports.Tab=C.Tab,exports.TabAwareSlot=C.TabAwareSlot,exports.TabList=C.TabList,exports.TabPanel=C.TabPanel,exports.Tabs=C.Tabs,exports.Tooltip=v.Tooltip,exports.TooltipProvider=v.TooltipProvider,exports.ContextMenuTrigger=y.ContextMenuTrigger,exports.Menu=y.Menu,exports.MenuButton=y.MenuButton,exports.MenuGroup=y.MenuGroup,exports.MenuItem=y.MenuItem,exports.MenuList=y.MenuList,exports.SubMenu=y.SubMenu,exports.COLORS=w.COLORS,exports.ColorPicker=w.ColorPicker,exports.KeyboardShortcut=F.KeyboardShortcut,exports.KeyCapturer=f.KeyCapturer,exports.SUPPORTED_KEYS=f.SUPPORTED_KEYS,exports.ProgressBar=D.ProgressBar,exports.Time=L.Time,exports.DeprecatedButton=A.Button,exports.DeprecatedDropdown=H.Dropdown,exports.DeprecatedInput=I.Input,exports.DeprecatedSelect=O.Select;
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var box = require('./box/box.js');
+var columns = require('./columns/columns.js');
+var divider = require('./divider/divider.js');
+var inline = require('./inline/inline.js');
+var stack = require('./stack/stack.js');
+var hidden = require('./hidden/hidden.js');
+var hiddenVisually = require('./hidden-visually/hidden-visually.js');
+var banner = require('./banner/banner.js');
+var loading = require('./loading/loading.js');
+var notice = require('./notice/notice.js');
+var staticToast = require('./toast/static-toast.js');
+var useToasts = require('./toast/use-toasts.js');
+var heading = require('./heading/heading.js');
+var text = require('./text/text.js');
+var prose = require('./prose/prose.js');
+var button = require('./button/button.js');
+var textLink = require('./text-link/text-link.js');
+var checkboxField = require('./checkbox-field/checkbox-field.js');
+var passwordField = require('./password-field/password-field.js');
+var selectField = require('./select-field/select-field.js');
+var switchField = require('./switch-field/switch-field.js');
+var textArea = require('./text-area/text-area.js');
+var textField = require('./text-field/text-field.js');
+var avatar = require('./avatar/avatar.js');
+var badge = require('./badge/badge.js');
+var modal = require('./modal/modal.js');
+var tabs = require('./tabs/tabs.js');
+var tooltip = require('./tooltip/tooltip.js');
+var menu = require('./menu/menu.js');
+var colorPicker = require('./components/color-picker/color-picker.js');
+var keyboardShortcut = require('./components/keyboard-shortcut/keyboard-shortcut.js');
+var keyCapturer = require('./components/key-capturer/key-capturer.js');
+var progressBar = require('./components/progress-bar/progress-bar.js');
+var time = require('./components/time/time.js');
+var deprecatedButton = require('./components/deprecated-button/deprecated-button.js');
+var dropdown = require('./components/deprecated-dropdown/dropdown.js');
+var input = require('./components/deprecated-input/input.js');
+var select = require('./components/deprecated-select/select.js');
+
+
+
+exports.Box = box.Box;
+exports.getBoxClassNames = box.getBoxClassNames;
+exports.Column = columns.Column;
+exports.Columns = columns.Columns;
+exports.Divider = divider.Divider;
+exports.Inline = inline.Inline;
+exports.Stack = stack.Stack;
+exports.Hidden = hidden.Hidden;
+exports.HiddenVisually = hiddenVisually.HiddenVisually;
+exports.Banner = banner.Banner;
+exports.Loading = loading.Loading;
+exports.Notice = notice.Notice;
+exports.StaticToast = staticToast.StaticToast;
+exports.Toast = useToasts.Toast;
+exports.ToastsProvider = useToasts.ToastsProvider;
+exports.useToasts = useToasts.useToasts;
+exports.Heading = heading.Heading;
+exports.Text = text.Text;
+exports.Prose = prose.Prose;
+exports.Button = button.Button;
+exports.IconButton = button.IconButton;
+exports.TextLink = textLink.TextLink;
+exports.CheckboxField = checkboxField.CheckboxField;
+exports.PasswordField = passwordField.PasswordField;
+exports.SelectField = selectField.SelectField;
+exports.SwitchField = switchField.SwitchField;
+exports.TextArea = textArea.TextArea;
+exports.TextField = textField.TextField;
+exports.Avatar = avatar.Avatar;
+exports.Badge = badge.Badge;
+exports.Modal = modal.Modal;
+exports.ModalActions = modal.ModalActions;
+exports.ModalBody = modal.ModalBody;
+exports.ModalCloseButton = modal.ModalCloseButton;
+exports.ModalFooter = modal.ModalFooter;
+exports.ModalHeader = modal.ModalHeader;
+exports.Tab = tabs.Tab;
+exports.TabAwareSlot = tabs.TabAwareSlot;
+exports.TabList = tabs.TabList;
+exports.TabPanel = tabs.TabPanel;
+exports.Tabs = tabs.Tabs;
+exports.Tooltip = tooltip.Tooltip;
+exports.TooltipProvider = tooltip.TooltipProvider;
+exports.ContextMenuTrigger = menu.ContextMenuTrigger;
+exports.Menu = menu.Menu;
+exports.MenuButton = menu.MenuButton;
+exports.MenuGroup = menu.MenuGroup;
+exports.MenuItem = menu.MenuItem;
+exports.MenuList = menu.MenuList;
+exports.SubMenu = menu.SubMenu;
+exports.COLORS = colorPicker.COLORS;
+exports.ColorPicker = colorPicker.ColorPicker;
+exports.KeyboardShortcut = keyboardShortcut.KeyboardShortcut;
+exports.KeyCapturer = keyCapturer.KeyCapturer;
+exports.SUPPORTED_KEYS = keyCapturer.SUPPORTED_KEYS;
+exports.ProgressBar = progressBar.ProgressBar;
+exports.Time = time.Time;
+exports.DeprecatedButton = deprecatedButton.Button;
+exports.DeprecatedDropdown = dropdown.Dropdown;
+exports.DeprecatedInput = input.Input;
+exports.DeprecatedSelect = select.Select;
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/inline/index.d.ts

@@ -1 +1 @@
-export * from './inline';
+export * from './inline';

package/lib/inline/inline.d.ts

@@ -1,12 +1,12 @@
-import type { ResponsiveProp } from '../utils/responsive-props';
-import type { Space } from '../utils/common-types';
-import type { ReusableBoxProps } from '../box';
-type InlineAlign = 'left' | 'center' | 'right';
-interface InlineProps extends ReusableBoxProps {
-    space?: ResponsiveProp<Space>;
-    align?: ResponsiveProp<InlineAlign>;
-    alignY?: ResponsiveProp<'top' | 'center' | 'bottom'>;
-}
-declare const Inline: import("../utils/polymorphism").PolymorphicComponent<"div", InlineProps, "obfuscateClassName">;
-export type { InlineProps, InlineAlign };
-export { Inline };
+import type { ResponsiveProp } from '../utils/responsive-props';
+import type { Space } from '../utils/common-types';
+import type { ReusableBoxProps } from '../box';
+type InlineAlign = 'left' | 'center' | 'right';
+interface InlineProps extends ReusableBoxProps {
+    space?: ResponsiveProp<Space>;
+    align?: ResponsiveProp<InlineAlign>;
+    alignY?: ResponsiveProp<'top' | 'center' | 'bottom'>;
+}
+declare const Inline: import("../utils/polymorphism").PolymorphicComponent<"div", InlineProps, "obfuscateClassName">;
+export type { InlineProps, InlineAlign };
+export { Inline };

package/lib/inline/inline.js

@@ -1,2 +1,41 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_virtual/_rollupPluginBabelHelpers.js"),t=require("react"),r=require("../utils/polymorphism.js"),l=require("../utils/responsive-props.js"),n=require("../box/box.js");function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var l=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,l.get?l:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,t}var o=a(t);const i=["as","space","align","alignY","children","exceptionallySetClassName"];exports.Inline=r.polymorphicComponent((function(t,r){let{as:a,space:s,align:p="left",alignY:c="center",children:u,exceptionallySetClassName:f}=t,b=e.objectWithoutProperties(t,i);return o.createElement(n.Box,e.objectSpread2(e.objectSpread2({},b),{},{as:a,display:"flex",flexWrap:"wrap",gap:s,className:f,ref:r,alignItems:l.mapResponsiveProp(c,e=>"top"===e?"flexStart":"bottom"===e?"flexEnd":"center"),justifyContent:l.mapResponsiveProp(p,e=>"left"===e?"flexStart":"right"===e?"flexEnd":"center")}),u)}));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var polymorphism = require('../utils/polymorphism.js');
+var responsiveProps = require('../utils/responsive-props.js');
+var box = require('../box/box.js');
+
+function _interopNamespace(e) {
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n["default"] = e;
+    return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var Inline = polymorphism.polymorphicComponent(function Inline(_a, ref) {
+    var as = _a.as, space = _a.space, _b = _a.align, align = _b === void 0 ? 'left' : _b, _c = _a.alignY, alignY = _c === void 0 ? 'center' : _c, children = _a.children, exceptionallySetClassName = _a.exceptionallySetClassName, props = tslib.__rest(_a, ["as", "space", "align", "alignY", "children", "exceptionallySetClassName"]);
+    return (React__namespace.createElement(box.Box, tslib.__assign({}, props, { as: as, display: "flex", flexWrap: "wrap", gap: space, className: exceptionallySetClassName, ref: ref, alignItems: responsiveProps.mapResponsiveProp(alignY, function (alignY) {
+            return alignY === 'top' ? 'flexStart' : alignY === 'bottom' ? 'flexEnd' : 'center';
+        }), justifyContent: responsiveProps.mapResponsiveProp(align, function (align) {
+            return align === 'left' ? 'flexStart' : align === 'right' ? 'flexEnd' : 'center';
+        }) }), children));
+});
+
+exports.Inline = Inline;
 //# sourceMappingURL=inline.js.map

package/lib/inline/inline.js.map

@@ -1 +1 @@
-{"version":3,"file":"inline.js","sources":["../../src/inline/inline.tsx"],"sourcesContent":["import * as React from 'react'\nimport { polymorphicComponent } from '../utils/polymorphism'\nimport { mapResponsiveProp } from '../utils/responsive-props'\nimport { Box } from '../box'\n\nimport type { ResponsiveProp } from '../utils/responsive-props'\nimport type { Space } from '../utils/common-types'\nimport type { ReusableBoxProps } from '../box'\n\ntype InlineAlign = 'left' | 'center' | 'right'\n\ninterface InlineProps extends ReusableBoxProps {\n    space?: ResponsiveProp<Space>\n    align?: ResponsiveProp<InlineAlign>\n    alignY?: ResponsiveProp<'top' | 'center' | 'bottom'>\n}\n\nconst Inline = polymorphicComponent<'div', InlineProps>(function Inline(\n    { as, space, align = 'left', alignY = 'center', children, exceptionallySetClassName, ...props },\n    ref,\n) {\n    return (\n        <Box\n            {...props}\n            as={as}\n            display=\"flex\"\n            flexWrap=\"wrap\"\n            gap={space}\n            className={exceptionallySetClassName}\n            ref={ref}\n            alignItems={mapResponsiveProp(alignY, (alignY) =>\n                alignY === 'top' ? 'flexStart' : alignY === 'bottom' ? 'flexEnd' : 'center',\n            )}\n            justifyContent={mapResponsiveProp(align, (align) =>\n                align === 'left' ? 'flexStart' : align === 'right' ? 'flexEnd' : 'center',\n            )}\n        >\n            {children}\n        </Box>\n    )\n})\n\nexport type { InlineProps, InlineAlign }\nexport { Inline }\n"],"names":["polymorphicComponent","_ref","ref","as","space","align","alignY","children","exceptionallySetClassName","props","_objectWithoutProperties","objectWithoutProperties","_excluded","React","Box","display","flexWrap","gap","className","alignItems","mapResponsiveProp","justifyContent"],"mappings":"qnBAiBeA,EAAAA,sBAAyC,SAAAC,EAEpDC,GAAG,IADHC,GAAEA,EAAFC,MAAMA,EAANC,MAAaA,EAAQ,OAArBC,OAA6BA,EAAS,SAAtCC,SAAgDA,EAAhDC,0BAA0DA,GACvDP,EADqFQ,EACrFC,EAAAC,wBAAAV,EAAAW,GAEH,OACIC,gBAACC,yCACOL,GADR,GAAA,CAEIN,GAAIA,EACJY,QAAQ,OACRC,SAAS,OACTC,IAAKb,EACLc,UAAWV,EACXN,IAAKA,EACLiB,WAAYC,EAAiBA,kBAACd,EAASA,GACxB,QAAXA,EAAmB,YAAyB,WAAXA,EAAsB,UAAY,UAEvEe,eAAgBD,EAAiBA,kBAACf,EAAQA,GAC5B,SAAVA,EAAmB,YAAwB,UAAVA,EAAoB,UAAY,YAGpEE"}
+{"version":3,"file":"inline.js","sources":["../../src/inline/inline.tsx"],"sourcesContent":[null],"names":["polymorphicComponent","__rest","React","Box","__assign","mapResponsiveProp"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBM,IAAA,MAAM,GAAGA,iCAAoB,CAAqB,SAAS,MAAM,CACnE,EAA+F,EAC/F,GAAG,EAAA;AADD,IAAA,IAAA,EAAE,GAAA,EAAA,CAAA,EAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,EAAc,GAAA,EAAA,CAAA,KAAA,EAAd,KAAK,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,MAAM,GAAA,EAAA,EAAE,EAAA,GAAA,EAAA,CAAA,MAAiB,EAAjB,MAAM,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,QAAQ,GAAA,EAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,yBAAyB,GAAA,EAAA,CAAA,yBAAA,EAAK,KAAK,GAAAC,YAAA,CAAA,EAAA,EAA7F,2EAA+F,CAAF,CAAA;AAG7F,IAAA,QACIC,gBAAC,CAAA,aAAA,CAAAC,OAAG,EACIC,cAAA,CAAA,EAAA,EAAA,KAAK,IACT,EAAE,EAAE,EAAE,EACN,OAAO,EAAC,MAAM,EACd,QAAQ,EAAC,MAAM,EACf,GAAG,EAAE,KAAK,EACV,SAAS,EAAE,yBAAyB,EACpC,GAAG,EAAE,GAAG,EACR,UAAU,EAAEC,iCAAiB,CAAC,MAAM,EAAE,UAAC,MAAM,EAAA;YACzC,OAAA,MAAM,KAAK,KAAK,GAAG,WAAW,GAAG,MAAM,KAAK,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAA;SAAA,CAC9E,EACD,cAAc,EAAEA,iCAAiB,CAAC,KAAK,EAAE,UAAC,KAAK,EAAA;YAC3C,OAAA,KAAK,KAAK,MAAM,GAAG,WAAW,GAAG,KAAK,KAAK,OAAO,GAAG,SAAS,GAAG,QAAQ,CAAA;AAAzE,SAAyE,CAC5E,EAAA,CAAA,EAEA,QAAQ,CACP,EACT;AACL,CAAC;;;;"}

package/lib/loading/index.d.ts

@@ -1 +1 @@
-export * from './loading';
+export * from './loading';

package/lib/loading/loading.d.ts

@@ -1,26 +1,26 @@
-import * as React from 'react';
-import type { ObfuscatedClassName } from '../utils/common-types';
-type Size = 'xsmall' | 'small' | 'medium' | 'large';
-type NativeProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'aria-describedby' | 'aria-label' | 'aria-labelledby' | 'role' | 'size'>;
-type LoadingProps = NativeProps & ObfuscatedClassName & {
-    /**
-     * The size of the loading spinner.
-     * @default 'small'
-     */
-    size?: Size;
-    /**
-     * Identifies the element (or elements) that describes the loading component for assistive technologies.
-     */
-    'aria-describedby'?: string;
-} & ({
-    /** Defines a string value that labels the current loading component for assistive technologies. */
-    'aria-label': string;
-    'aria-labelledby'?: never;
-} | {
-    /** Identifies the element (or elements) that labels the current loading component for assistive technologies. */
-    'aria-labelledby': string;
-    'aria-label'?: never;
-});
-declare function Loading({ size, exceptionallySetClassName, ...props }: LoadingProps): React.JSX.Element;
-export { Loading };
-export type { LoadingProps };
+import * as React from 'react';
+import type { ObfuscatedClassName } from '../utils/common-types';
+type Size = 'xsmall' | 'small' | 'medium' | 'large';
+type NativeProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'aria-describedby' | 'aria-label' | 'aria-labelledby' | 'role' | 'size'>;
+type LoadingProps = NativeProps & ObfuscatedClassName & {
+    /**
+     * The size of the loading spinner.
+     * @default 'small'
+     */
+    size?: Size;
+    /**
+     * Identifies the element (or elements) that describes the loading component for assistive technologies.
+     */
+    'aria-describedby'?: string;
+} & ({
+    /** Defines a string value that labels the current loading component for assistive technologies. */
+    'aria-label': string;
+    'aria-labelledby'?: never;
+} | {
+    /** Identifies the element (or elements) that labels the current loading component for assistive technologies. */
+    'aria-labelledby': string;
+    'aria-label'?: never;
+});
+declare function Loading({ size, exceptionallySetClassName, ...props }: LoadingProps): React.JSX.Element;
+export { Loading };
+export type { LoadingProps };

package/lib/loading/loading.js

@@ -1,2 +1,50 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_virtual/_rollupPluginBabelHelpers.js"),r=require("react"),t=require("../box/box.js"),a=require("../spinner/spinner.js");function l(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,a.get?a:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,r}var i=l(r);const n=["size","exceptionallySetClassName"],s={xsmall:16,small:24,medium:36,large:48};exports.Loading=function(r){let{size:l="small",exceptionallySetClassName:o}=r,c=e.objectWithoutProperties(r,n);const u=s[l]??s.small,b=c["aria-label"]?c["aria-label"]:c["aria-labelledby"]?void 0:"Loading…";return i.createElement(t.Box,e.objectSpread2(e.objectSpread2({},c),{},{"aria-label":b,className:o,display:"flex",alignItems:"center",justifyContent:"center",role:"progressbar"}),i.createElement(a.Spinner,{size:u,"aria-hidden":!0}))};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var box = require('../box/box.js');
+var spinner = require('../spinner/spinner.js');
+
+function _interopNamespace(e) {
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n["default"] = e;
+    return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var sizeMapping = {
+    xsmall: 16,
+    small: 24,
+    medium: 36,
+    large: 48
+};
+function Loading(_a) {
+    var _b;
+    var _c = _a.size, size = _c === void 0 ? 'small' : _c, exceptionallySetClassName = _a.exceptionallySetClassName, props = tslib.__rest(_a, ["size", "exceptionallySetClassName"]);
+    var numericSize = (_b = sizeMapping[size]) !== null && _b !== void 0 ? _b : sizeMapping.small;
+    var ariaLabel = props['aria-label']
+        ? props['aria-label']
+        : !props['aria-labelledby']
+            ? 'Loading…'
+            : undefined;
+    return (React__namespace.createElement(box.Box, tslib.__assign({}, props, { "aria-label": ariaLabel, className: exceptionallySetClassName, display: "flex", alignItems: "center", justifyContent: "center", role: "progressbar" }),
+        React__namespace.createElement(spinner.Spinner, { size: numericSize, "aria-hidden": true })));
+}
+
+exports.Loading = Loading;
 //# sourceMappingURL=loading.js.map

package/lib/loading/loading.js.map

@@ -1 +1 @@
-{"version":3,"file":"loading.js","sources":["../../src/loading/loading.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Box } from '../box'\nimport { Spinner } from '../spinner'\nimport type { ObfuscatedClassName } from '../utils/common-types'\n\ntype Size = 'xsmall' | 'small' | 'medium' | 'large'\n\ntype NativeProps = Omit<\n    React.HTMLAttributes<HTMLDivElement>,\n    'className' | 'aria-describedby' | 'aria-label' | 'aria-labelledby' | 'role' | 'size'\n>\n\ntype LoadingProps = NativeProps &\n    ObfuscatedClassName & {\n        /**\n         * The size of the loading spinner.\n         * @default 'small'\n         */\n        size?: Size\n\n        /**\n         * Identifies the element (or elements) that describes the loading component for assistive technologies.\n         */\n        'aria-describedby'?: string\n    } & (\n        | {\n              /** Defines a string value that labels the current loading component for assistive technologies. */\n              'aria-label': string\n              'aria-labelledby'?: never\n          }\n        | {\n              /** Identifies the element (or elements) that labels the current loading component for assistive technologies. */\n              'aria-labelledby': string\n              'aria-label'?: never\n          }\n    )\n\nconst sizeMapping: Record<Size, number> = {\n    xsmall: 16,\n    small: 24,\n    medium: 36,\n    large: 48,\n}\n\nfunction Loading({ size = 'small', exceptionallySetClassName, ...props }: LoadingProps) {\n    const numericSize = sizeMapping[size] ?? sizeMapping.small\n    const ariaLabel = props['aria-label']\n        ? props['aria-label']\n        : !props['aria-labelledby']\n        ? 'Loading…'\n        : undefined\n\n    return (\n        <Box\n            {...props}\n            aria-label={ariaLabel}\n            className={exceptionallySetClassName}\n            display=\"flex\"\n            alignItems=\"center\"\n            justifyContent=\"center\"\n            role=\"progressbar\"\n        >\n            <Spinner size={numericSize} aria-hidden />\n        </Box>\n    )\n}\n\nexport { Loading }\nexport type { LoadingProps }\n"],"names":["sizeMapping","xsmall","small","medium","large","_ref","size","exceptionallySetClassName","props","_objectWithoutProperties","objectWithoutProperties","_excluded","numericSize","ariaLabel","undefined","React","createElement","Box","aria-label","className","display","alignItems","justifyContent","role","Spinner","aria-hidden"],"mappings":"uhBAqCMA,EAAoC,CACtCC,OAAQ,GACRC,MAAO,GACPC,OAAQ,GACRC,MAAO,oBAGX,SAAsFC,GAAA,IAArEC,KAAEA,EAAO,QAATC,0BAAkBA,GAAmDF,EAArBG,EAAqBC,EAAAC,wBAAAL,EAAAM,GAClF,MAAMC,EAAcZ,EAAYM,IAASN,EAAYE,MAC/CW,EAAYL,EAAM,cAClBA,EAAM,cACLA,EAAM,wBAEPM,EADA,WAGN,OACIC,EAACC,cAAAC,yCACOT,GADR,GAAA,CAEgBU,aAAAL,EACZM,UAAWZ,EACXa,QAAQ,OACRC,WAAW,SACXC,eAAe,SACfC,KAAK,gBAELR,EAACC,cAAAQ,WAAQlB,KAAMM,EAA2Ba,eAAA"}
+{"version":3,"file":"loading.js","sources":["../../src/loading/loading.tsx"],"sourcesContent":[null],"names":["__rest","React","Box","__assign","Spinner"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCA,IAAM,WAAW,GAAyB;AACtC,IAAA,MAAM,EAAE,EAAE;AACV,IAAA,KAAK,EAAE,EAAE;AACT,IAAA,MAAM,EAAE,EAAE;AACV,IAAA,KAAK,EAAE,EAAE;CACZ,CAAA;AAED,SAAS,OAAO,CAAC,EAAqE,EAAA;;AAAnE,IAAA,IAAA,EAAc,GAAA,EAAA,CAAA,IAAA,EAAd,IAAI,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,OAAO,GAAA,EAAA,EAAE,yBAAyB,GAAA,EAAA,CAAA,yBAAA,EAAK,KAAK,GAAAA,YAAA,CAAA,EAAA,EAArD,qCAAuD,CAAF,CAAA;IAClE,IAAM,WAAW,GAAG,CAAA,EAAA,GAAA,WAAW,CAAC,IAAI,CAAC,MAAI,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAA,WAAW,CAAC,KAAK,CAAA;AAC1D,IAAA,IAAM,SAAS,GAAG,KAAK,CAAC,YAAY,CAAC;AACjC,UAAE,KAAK,CAAC,YAAY,CAAC;AACrB,UAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC;AAC3B,cAAE,UAAU;cACV,SAAS,CAAA;IAEf,QACIC,gBAAC,CAAA,aAAA,CAAAC,OAAG,EACIC,cAAA,CAAA,EAAA,EAAA,KAAK,EACG,EAAA,YAAA,EAAA,SAAS,EACrB,SAAS,EAAE,yBAAyB,EACpC,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAC,QAAQ,EACvB,IAAI,EAAC,aAAa,EAAA,CAAA;QAElBF,gBAAC,CAAA,aAAA,CAAAG,eAAO,IAAC,IAAI,EAAE,WAAW,EAAgB,aAAA,EAAA,IAAA,EAAA,CAAA,CACxC,EACT;AACL;;;;"}

package/lib/menu/index.d.ts

@@ -1,2 +1,2 @@
-export { Menu, MenuButton, ContextMenuTrigger, MenuList, MenuItem, SubMenu, MenuGroup, } from './menu';
-export type { MenuItemProps, MenuGroupProps } from './menu';
+export { Menu, MenuButton, ContextMenuTrigger, MenuList, MenuItem, SubMenu, MenuGroup, } from './menu';
+export type { MenuItemProps, MenuGroupProps } from './menu';

package/lib/menu/menu.d.ts

@@ -1,128 +1,128 @@
-import * as React from 'react';
-import { MenuStoreProps, MenuProps as AriakitMenuProps, MenuItemProps as AriakitMenuItemProps, MenuButtonProps as AriakitMenuButtonProps, RoleProps } from '@ariakit/react';
-import './menu.less';
-import type { ObfuscatedClassName } from '../utils/common-types';
-interface MenuProps extends Omit<MenuStoreProps, 'visible'> {
-    /**
-     * The `Menu` must contain a `MenuList` that defines the menu options. It must also contain a
-     * `MenuButton` that triggers the menu to be opened or closed.
-     */
-    children: React.ReactNode;
-    /**
-     * An optional callback that will be called back whenever a menu item is selected. It receives
-     * the `value` of the selected `MenuItem`.
-     *
-     * If you pass down this callback, it is recommended that you properly memoize it so it does not
-     * change on every render.
-     */
-    onItemSelect?: (value: string | null | undefined) => void;
-}
-/**
- * Wrapper component to control a menu. It does not render anything, only providing the state
- * management for the menu components inside it.
- */
-declare function Menu({ children, onItemSelect, ...props }: MenuProps): React.JSX.Element;
-interface MenuButtonProps extends Omit<AriakitMenuButtonProps, 'store' | 'className' | 'as'>, ObfuscatedClassName {
-}
-/**
- * A button to toggle a dropdown menu open or closed.
- */
-declare const MenuButton: React.ForwardRefExoticComponent<Omit<MenuButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-interface ContextMenuTriggerProps extends ObfuscatedClassName, React.HTMLAttributes<HTMLDivElement>, Pick<RoleProps, 'render'> {
-}
-declare const ContextMenuTrigger: React.ForwardRefExoticComponent<ContextMenuTriggerProps & React.RefAttributes<HTMLDivElement>>;
-interface MenuListProps extends Omit<AriakitMenuProps, 'store' | 'className'>, ObfuscatedClassName {
-}
-/**
- * The dropdown menu itself, containing a list of menu items.
- */
-declare const MenuList: React.ForwardRefExoticComponent<Omit<MenuListProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-interface MenuItemProps extends AriakitMenuItemProps, ObfuscatedClassName {
-    /**
-     * An optional value given to this menu item. It is passed on to the parent `Menu`'s
-     * `onItemSelect` when you provide that instead of (or alongside) providing individual
-     * `onSelect` callbacks to each menu item.
-     */
-    value?: string;
-    /**
-     * When `true` the menu item is disabled and won't be selectable or be part of the keyboard
-     * navigation across the menu options.
-     *
-     * @default true
-     */
-    disabled?: boolean;
-    /**
-     * When `true` the menu will close when the menu item is selected, in addition to performing the
-     * action that the menu item is set out to do.
-     *
-     * Set this to `false` to make sure that a given menu item does not auto-closes the menu when
-     * selected. This should be the exception and not the norm, as the default is to auto-close.
-     *
-     * @default true
-     */
-    hideOnSelect?: boolean;
-    /**
-     * The action to perform when the menu item is selected.
-     *
-     * If you return `false` from this function, the menu will not auto-close when this menu item
-     * is selected. Though you should use `hideOnSelect` for this purpose, this allows you to
-     * achieve the same effect conditionally and dynamically deciding at run time.
-     */
-    onSelect?: () => unknown;
-    /**
-     * The event handler called when the menu item is clicked.
-     *
-     * This is similar to `onSelect`, but a bit different. You can certainly use it to trigger the
-     * action that the menu item represents. But in general you should prefer `onSelect` for that.
-     *
-     * The main use for this handler is to get access to the click event. This can be used, for
-     * example, to call `event.preventDefault()`, which will effectively prevent the rest of the
-     * consequences of the click, including preventing `onSelect` from being called. In particular,
-     * this is useful in menu items that are links, and you want the click to not trigger navigation
-     * under some circumstances.
-     */
-    onClick?: (event: React.MouseEvent) => void;
-}
-/**
- * A menu item inside a menu list. It can be selected by the user, triggering the `onSelect`
- * callback.
- */
-declare const MenuItem: React.ForwardRefExoticComponent<Omit<MenuItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-type SubMenuProps = Pick<MenuProps, 'children' | 'onItemSelect'>;
-/**
- * This component can be rendered alongside other `MenuItem` inside a `MenuList` in order to have
- * a sub-menu.
- *
- * Its children are expected to have the structure of a first level menu (a `MenuButton` and a
- * `MenuList`).
- *
- * ```jsx
- * <MenuItem label="Edit profile" />
- * <SubMenu>
- *   <MenuButton>More options</MenuButton>
- *   <MenuList>
- *     <MenuItem label="Preferences" />
- *     <MenuItem label="Sign out" />
- *   </MenuList>
- * </SubMenu>
- * ```
- *
- * The `MenuButton` will become a menu item in the current menu items list, and it will lead to
- * opening a sub-menu with the menu items list below it.
- */
-declare const SubMenu: React.ForwardRefExoticComponent<SubMenuProps & React.RefAttributes<HTMLDivElement>>;
-interface MenuGroupProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'className'>, ObfuscatedClassName {
-    /**
-     * A label to be shown visually and also used to semantically label the group.
-     */
-    label: string;
-}
-/**
- * A way to semantically group some menu items.
- *
- * This group does not add any visual separator. You can do that yourself adding `<hr />` elements
- * before and/or after the group if you so wish.
- */
-declare const MenuGroup: React.ForwardRefExoticComponent<MenuGroupProps & React.RefAttributes<HTMLDivElement>>;
-export { ContextMenuTrigger, Menu, MenuButton, MenuList, MenuItem, SubMenu, MenuGroup };
-export type { MenuButtonProps, MenuListProps, MenuItemProps, MenuGroupProps };
+import * as React from 'react';
+import { MenuStoreProps, MenuProps as AriakitMenuProps, MenuItemProps as AriakitMenuItemProps, MenuButtonProps as AriakitMenuButtonProps, RoleProps } from '@ariakit/react';
+import './menu.less';
+import type { ObfuscatedClassName } from '../utils/common-types';
+interface MenuProps extends Omit<MenuStoreProps, 'visible'> {
+    /**
+     * The `Menu` must contain a `MenuList` that defines the menu options. It must also contain a
+     * `MenuButton` that triggers the menu to be opened or closed.
+     */
+    children: React.ReactNode;
+    /**
+     * An optional callback that will be called back whenever a menu item is selected. It receives
+     * the `value` of the selected `MenuItem`.
+     *
+     * If you pass down this callback, it is recommended that you properly memoize it so it does not
+     * change on every render.
+     */
+    onItemSelect?: (value: string | null | undefined) => void;
+}
+/**
+ * Wrapper component to control a menu. It does not render anything, only providing the state
+ * management for the menu components inside it.
+ */
+declare function Menu({ children, onItemSelect, ...props }: MenuProps): React.JSX.Element;
+interface MenuButtonProps extends Omit<AriakitMenuButtonProps, 'store' | 'className' | 'as'>, ObfuscatedClassName {
+}
+/**
+ * A button to toggle a dropdown menu open or closed.
+ */
+declare const MenuButton: React.ForwardRefExoticComponent<Omit<MenuButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+interface ContextMenuTriggerProps extends ObfuscatedClassName, React.HTMLAttributes<HTMLDivElement>, Pick<RoleProps, 'render'> {
+}
+declare const ContextMenuTrigger: React.ForwardRefExoticComponent<ContextMenuTriggerProps & React.RefAttributes<HTMLDivElement>>;
+interface MenuListProps extends Omit<AriakitMenuProps, 'store' | 'className'>, ObfuscatedClassName {
+}
+/**
+ * The dropdown menu itself, containing a list of menu items.
+ */
+declare const MenuList: React.ForwardRefExoticComponent<Omit<MenuListProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+interface MenuItemProps extends AriakitMenuItemProps, ObfuscatedClassName {
+    /**
+     * An optional value given to this menu item. It is passed on to the parent `Menu`'s
+     * `onItemSelect` when you provide that instead of (or alongside) providing individual
+     * `onSelect` callbacks to each menu item.
+     */
+    value?: string;
+    /**
+     * When `true` the menu item is disabled and won't be selectable or be part of the keyboard
+     * navigation across the menu options.
+     *
+     * @default true
+     */
+    disabled?: boolean;
+    /**
+     * When `true` the menu will close when the menu item is selected, in addition to performing the
+     * action that the menu item is set out to do.
+     *
+     * Set this to `false` to make sure that a given menu item does not auto-closes the menu when
+     * selected. This should be the exception and not the norm, as the default is to auto-close.
+     *
+     * @default true
+     */
+    hideOnSelect?: boolean;
+    /**
+     * The action to perform when the menu item is selected.
+     *
+     * If you return `false` from this function, the menu will not auto-close when this menu item
+     * is selected. Though you should use `hideOnSelect` for this purpose, this allows you to
+     * achieve the same effect conditionally and dynamically deciding at run time.
+     */
+    onSelect?: () => unknown;
+    /**
+     * The event handler called when the menu item is clicked.
+     *
+     * This is similar to `onSelect`, but a bit different. You can certainly use it to trigger the
+     * action that the menu item represents. But in general you should prefer `onSelect` for that.
+     *
+     * The main use for this handler is to get access to the click event. This can be used, for
+     * example, to call `event.preventDefault()`, which will effectively prevent the rest of the
+     * consequences of the click, including preventing `onSelect` from being called. In particular,
+     * this is useful in menu items that are links, and you want the click to not trigger navigation
+     * under some circumstances.
+     */
+    onClick?: (event: React.MouseEvent) => void;
+}
+/**
+ * A menu item inside a menu list. It can be selected by the user, triggering the `onSelect`
+ * callback.
+ */
+declare const MenuItem: React.ForwardRefExoticComponent<Omit<MenuItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type SubMenuProps = Pick<MenuProps, 'children' | 'onItemSelect'>;
+/**
+ * This component can be rendered alongside other `MenuItem` inside a `MenuList` in order to have
+ * a sub-menu.
+ *
+ * Its children are expected to have the structure of a first level menu (a `MenuButton` and a
+ * `MenuList`).
+ *
+ * ```jsx
+ * <MenuItem label="Edit profile" />
+ * <SubMenu>
+ *   <MenuButton>More options</MenuButton>
+ *   <MenuList>
+ *     <MenuItem label="Preferences" />
+ *     <MenuItem label="Sign out" />
+ *   </MenuList>
+ * </SubMenu>
+ * ```
+ *
+ * The `MenuButton` will become a menu item in the current menu items list, and it will lead to
+ * opening a sub-menu with the menu items list below it.
+ */
+declare const SubMenu: React.ForwardRefExoticComponent<SubMenuProps & React.RefAttributes<HTMLDivElement>>;
+interface MenuGroupProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'className'>, ObfuscatedClassName {
+    /**
+     * A label to be shown visually and also used to semantically label the group.
+     */
+    label: string;
+}
+/**
+ * A way to semantically group some menu items.
+ *
+ * This group does not add any visual separator. You can do that yourself adding `<hr />` elements
+ * before and/or after the group if you so wish.
+ */
+declare const MenuGroup: React.ForwardRefExoticComponent<MenuGroupProps & React.RefAttributes<HTMLDivElement>>;
+export { ContextMenuTrigger, Menu, MenuButton, MenuList, MenuItem, SubMenu, MenuGroup };
+export type { MenuButtonProps, MenuListProps, MenuItemProps, MenuGroupProps };