@doist/reactist 28.7.2 → 28.7.3

package/lib/checkbox-field/checkbox-field.js

@@ -1,2 +1,83 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_virtual/_rollupPluginBabelHelpers.js"),l=require("react"),t=require("../box/box.js"),n=require("../text/text.js"),r=require("./checkbox-icon.js"),a=require("./checkbox-field.module.css.js"),c=require("./use-fork-ref.js");function o(e){if(e&&e.__esModule)return e;var l=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(l,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),l.default=e,l}var u=o(l);const d=["label","icon","disabled","indeterminate","defaultChecked","onChange"];exports.CheckboxField=u.forwardRef((function(l,o){let{label:i,icon:s,disabled:f,indeterminate:b,defaultChecked:h,onChange:p}=l,k=e.objectWithoutProperties(l,d);"boolean"!=typeof b||"boolean"==typeof k.checked||(console.warn("Cannot use indeterminate on an uncontrolled checkbox"),b=void 0),i||k["aria-label"]||k["aria-labelledby"]||console.warn("A Checkbox needs a label");const[x,m]=u.useState(!1),[y,j]=u.useState(k.checked??h??!1),g=k.checked??y,C=u.useRef(null),v=c.useForkRef(C,o);return u.useEffect((function(){C.current&&"boolean"==typeof b&&(C.current.indeterminate=b)}),[b]),u.createElement(t.Box,{as:"label",display:"flex",alignItems:"center",className:[a.default.container,f?a.default.disabled:null,g?a.default.checked:null,x?a.default.keyFocused:null]},u.createElement("input",e.objectSpread2(e.objectSpread2({},k),{},{ref:v,type:"checkbox","aria-checked":b?"mixed":g,checked:g,disabled:f,onChange:e=>{null==p||p(e),e.defaultPrevented||j(e.currentTarget.checked)},onBlur:e=>{m(!1),null==k||null==k.onBlur||k.onBlur(e)},onKeyUp:e=>{m(!0),null==k||null==k.onKeyUp||k.onKeyUp(e)}})),u.createElement(r.CheckboxIcon,{checked:g,disabled:f,indeterminate:b,"aria-hidden":!0}),s?u.createElement(t.Box,{display:"flex",className:a.default.icon,"aria-hidden":!0},s):null,i?u.createElement(t.Box,{display:"flex",className:a.default.label},u.createElement(n.Text,null,i)):null)}));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var box = require('../box/box.js');
+var text = require('../text/text.js');
+var checkboxIcon = require('./checkbox-icon.js');
+var checkboxField_module = require('./checkbox-field.module.css.js');
+var useForkRef = require('./use-fork-ref.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 CheckboxField = React__namespace.forwardRef(function CheckboxField(_a, ref) {
+    var _b, _c, _d;
+    var label = _a.label, icon = _a.icon, disabled = _a.disabled, indeterminate = _a.indeterminate, defaultChecked = _a.defaultChecked, onChange = _a.onChange, props = tslib.__rest(_a, ["label", "icon", "disabled", "indeterminate", "defaultChecked", "onChange"]);
+    var isControlledComponent = typeof props.checked === 'boolean';
+    if (typeof indeterminate === 'boolean' && !isControlledComponent) {
+        // eslint-disable-next-line no-console
+        console.warn('Cannot use indeterminate on an uncontrolled checkbox');
+        indeterminate = undefined;
+    }
+    if (!label && !props['aria-label'] && !props['aria-labelledby']) {
+        // eslint-disable-next-line no-console
+        console.warn('A Checkbox needs a label');
+    }
+    var _e = React__namespace.useState(false), keyFocused = _e[0], setKeyFocused = _e[1];
+    var _f = React__namespace.useState((_c = (_b = props.checked) !== null && _b !== void 0 ? _b : defaultChecked) !== null && _c !== void 0 ? _c : false), checkedState = _f[0], setChecked = _f[1];
+    var isChecked = (_d = props.checked) !== null && _d !== void 0 ? _d : checkedState;
+    var internalRef = React__namespace.useRef(null);
+    var combinedRef = useForkRef.useForkRef(internalRef, ref);
+    React__namespace.useEffect(function setIndeterminate() {
+        if (internalRef.current && typeof indeterminate === 'boolean') {
+            internalRef.current.indeterminate = indeterminate;
+        }
+    }, [indeterminate]);
+    return (React__namespace.createElement(box.Box, { as: "label", display: "flex", alignItems: "center", className: [
+            checkboxField_module["default"].container,
+            disabled ? checkboxField_module["default"].disabled : null,
+            isChecked ? checkboxField_module["default"].checked : null,
+            keyFocused ? checkboxField_module["default"].keyFocused : null,
+        ] },
+        React__namespace.createElement("input", tslib.__assign({}, props, { ref: combinedRef, type: "checkbox", "aria-checked": indeterminate ? 'mixed' : isChecked, checked: isChecked, disabled: disabled, onChange: function (event) {
+                onChange === null || onChange === void 0 ? void 0 : onChange(event);
+                if (!event.defaultPrevented) {
+                    setChecked(event.currentTarget.checked);
+                }
+            }, onBlur: function (event) {
+                var _a;
+                setKeyFocused(false);
+                (_a = props === null || props === void 0 ? void 0 : props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, event);
+            }, onKeyUp: function (event) {
+                var _a;
+                setKeyFocused(true);
+                (_a = props === null || props === void 0 ? void 0 : props.onKeyUp) === null || _a === void 0 ? void 0 : _a.call(props, event);
+            } })),
+        React__namespace.createElement(checkboxIcon.CheckboxIcon, { checked: isChecked, disabled: disabled, indeterminate: indeterminate, "aria-hidden": true }),
+        icon ? (React__namespace.createElement(box.Box, { display: "flex", className: checkboxField_module["default"].icon, "aria-hidden": true }, icon)) : null,
+        label ? (React__namespace.createElement(box.Box, { display: "flex", className: checkboxField_module["default"].label },
+            React__namespace.createElement(text.Text, null, label))) : null));
+});
+
+exports.CheckboxField = CheckboxField;
 //# sourceMappingURL=checkbox-field.js.map

package/lib/checkbox-field/checkbox-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-field.js","sources":["../../src/checkbox-field/checkbox-field.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Box } from '../box'\nimport { Text } from '../text'\nimport { CheckboxIcon } from './checkbox-icon'\n\nimport styles from './checkbox-field.module.css'\nimport { useForkRef } from './use-fork-ref'\n\ninterface CheckboxFieldProps\n    extends Omit<\n        JSX.IntrinsicElements['input'],\n        | 'type'\n        | 'className'\n        | 'disabled'\n        | 'aria-controls'\n        | 'aria-describedby'\n        | 'aria-label'\n        | 'aria-labelledby'\n    > {\n    'aria-checked'?: never\n    /**\n     *\n     * Identifies the set of checkboxes controlled by the mixed checkbox for assistive technologies.\n     */\n    'aria-controls'?: string\n\n    /**\n     * Identifies the element (or elements) that describes the checkbox for assistive technologies.\n     */\n    'aria-describedby'?: string\n\n    /**\n     * Defines a string value that labels the current checkbox for assistive technologies.\n     */\n    'aria-label'?: string\n\n    /**\n     * Identifies the element (or elements) that labels the current checkbox for assistive technologies.\n     */\n    'aria-labelledby'?: string\n\n    /**\n     * Defines whether or not the checkbox is disabled.\n     */\n    disabled?: boolean\n\n    /**\n     * The label for the checkbox element.\n     */\n    label?: React.ReactNode\n\n    /**\n     * The icon that should be added to the checkbox label.\n     */\n    icon?: React.ReactElement | string | number\n\n    /**\n     * Defines whether or not the checkbox can be of a `mixed` state.\n     */\n    indeterminate?: boolean\n}\n\nconst CheckboxField = React.forwardRef<HTMLInputElement, CheckboxFieldProps>(function CheckboxField(\n    { label, icon, disabled, indeterminate, defaultChecked, onChange, ...props },\n    ref,\n) {\n    const isControlledComponent = typeof props.checked === 'boolean'\n    if (typeof indeterminate === 'boolean' && !isControlledComponent) {\n        // eslint-disable-next-line no-console\n        console.warn('Cannot use indeterminate on an uncontrolled checkbox')\n        indeterminate = undefined\n    }\n\n    if (!label && !props['aria-label'] && !props['aria-labelledby']) {\n        // eslint-disable-next-line no-console\n        console.warn('A Checkbox needs a label')\n    }\n\n    const [keyFocused, setKeyFocused] = React.useState(false)\n    const [checkedState, setChecked] = React.useState(props.checked ?? defaultChecked ?? false)\n    const isChecked = props.checked ?? checkedState\n\n    const internalRef = React.useRef<HTMLInputElement>(null)\n    const combinedRef = useForkRef(internalRef, ref)\n    React.useEffect(\n        function setIndeterminate() {\n            if (internalRef.current && typeof indeterminate === 'boolean') {\n                internalRef.current.indeterminate = indeterminate\n            }\n        },\n        [indeterminate],\n    )\n\n    return (\n        <Box\n            as=\"label\"\n            display=\"flex\"\n            alignItems=\"center\"\n            className={[\n                styles.container,\n                disabled ? styles.disabled : null,\n                isChecked ? styles.checked : null,\n                keyFocused ? styles.keyFocused : null,\n            ]}\n        >\n            <input\n                {...props}\n                ref={combinedRef}\n                type=\"checkbox\"\n                aria-checked={indeterminate ? 'mixed' : isChecked}\n                checked={isChecked}\n                disabled={disabled}\n                onChange={(event) => {\n                    onChange?.(event)\n                    if (!event.defaultPrevented) {\n                        setChecked(event.currentTarget.checked)\n                    }\n                }}\n                onBlur={(event) => {\n                    setKeyFocused(false)\n                    props?.onBlur?.(event)\n                }}\n                onKeyUp={(event) => {\n                    setKeyFocused(true)\n                    props?.onKeyUp?.(event)\n                }}\n            />\n            <CheckboxIcon\n                checked={isChecked}\n                disabled={disabled}\n                indeterminate={indeterminate}\n                aria-hidden\n            />\n            {icon ? (\n                <Box display=\"flex\" className={styles.icon} aria-hidden>\n                    {icon}\n                </Box>\n            ) : null}\n            {label ? (\n                <Box display=\"flex\" className={styles.label}>\n                    <Text>{label}</Text>\n                </Box>\n            ) : null}\n        </Box>\n    )\n})\n\nexport { CheckboxField }\nexport type { CheckboxFieldProps }\n"],"names":["React","forwardRef","ref","label","icon","disabled","indeterminate","defaultChecked","onChange","_ref","props","_objectWithoutProperties","objectWithoutProperties","_excluded","checked","console","warn","undefined","keyFocused","setKeyFocused","useState","checkedState","setChecked","isChecked","internalRef","useRef","combinedRef","useForkRef","useEffect","current","createElement","Box","as","display","alignItems","className","styles","container","type","aria-checked","event","defaultPrevented","currentTarget","onBlur","onKeyUp","CheckboxIcon","aria-hidden","Text"],"mappings":"qrBA8DsBA,EAAMC,YAAiD,SAEzEC,EAAAA,GAAG,IADHC,MAAEA,EAAFC,KAASA,EAATC,SAAeA,EAAfC,cAAyBA,EAAzBC,eAAwCA,EAAxCC,SAAwDA,GACrDC,EADkEC,EAClEC,EAAAC,wBAAAH,EAAAI,GAG0B,kBAAlBP,GAD4C,kBAAlBI,EAAMI,UAGvCC,QAAQC,KAAK,wDACbV,OAAgBW,GAGfd,GAAUO,EAAM,eAAkBA,EAAM,oBAEzCK,QAAQC,KAAK,4BAGjB,MAAOE,EAAYC,GAAiBnB,EAAMoB,UAAS,IAC5CC,EAAcC,GAActB,EAAMoB,SAASV,EAAMI,SAAWP,IAAkB,GAC/EgB,EAAYb,EAAMI,SAAWO,EAE7BG,EAAcxB,EAAMyB,OAAyB,MAC7CC,EAAcC,EAAAA,WAAWH,EAAatB,GAU5C,OATAF,EAAM4B,WACF,WACQJ,EAAYK,SAAoC,kBAAlBvB,IAC9BkB,EAAYK,QAAQvB,cAAgBA,KAG5C,CAACA,IAIDN,EAAC8B,cAAAC,MACG,CAAAC,GAAG,QACHC,QAAQ,OACRC,WAAW,SACXC,UAAW,CACPC,EAAAA,QAAOC,UACPhC,EAAW+B,EAAAA,QAAO/B,SAAW,KAC7BkB,EAAYa,EAAM,QAACtB,QAAU,KAC7BI,EAAakB,EAAM,QAAClB,WAAa,OAGrClB,EAAA8B,cAAA,2CACQpB,GADR,GAAA,CAEIR,IAAKwB,EACLY,KAAK,WACSC,eAAAjC,EAAgB,QAAUiB,EACxCT,QAASS,EACTlB,SAAUA,EACVG,SAAWgC,IACP,MAAAhC,GAAAA,EAAWgC,GACNA,EAAMC,kBACPnB,EAAWkB,EAAME,cAAc5B,UAGvC6B,OAASH,IACLrB,GAAc,GACT,MAALT,SAAAA,EAAOiC,QAAPjC,EAAOiC,OAASH,IAEpBI,QAAUJ,IACNrB,GAAc,GACT,MAALT,SAAAA,EAAOkC,SAAPlC,EAAOkC,QAAUJ,OAGzBxC,EAAA8B,cAACe,eAAY,CACT/B,QAASS,EACTlB,SAAUA,EACVC,cAAeA,EAEjBwC,eAAA,IACD1C,EACGJ,gBAAC+B,EAAAA,IAAG,CAACE,QAAQ,OAAOE,UAAWC,EAAM,QAAChC,KACjC0C,eAAA,GAAA1C,GAEL,KACHD,EACGH,gBAAC+B,MAAG,CAACE,QAAQ,OAAOE,UAAWC,EAAM,QAACjC,OAClCH,EAAA8B,cAACiB,EAADA,KAAK,KAAE5C,IAEX"}
+{"version":3,"file":"checkbox-field.js","sources":["../../src/checkbox-field/checkbox-field.tsx"],"sourcesContent":[null],"names":["React","__rest","useForkRef","Box","styles","__assign","CheckboxIcon","Text"],"mappings":"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"}

package/lib/checkbox-field/checkbox-field.module.css.js

@@ -1,2 +1,8 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default={container:"_84dfdb83",disabled:"_131a2ca4",checked:"_95b1556d",keyFocused:"_49de7ebd",icon:"_6b4b1851",label:"_9047f3bd"};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var modules_664a6a80 = {"disabled":"_131a2ca4","checked":"_95b1556d","keyFocused":"_49de7ebd","icon":"_6b4b1851","label":"_9047f3bd","container":"_84dfdb83"};
+
+exports["default"] = modules_664a6a80;
 //# sourceMappingURL=checkbox-field.module.css.js.map

package/lib/checkbox-field/checkbox-field.module.css.js.map

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

package/lib/checkbox-field/checkbox-icon.d.ts

@@ -1,8 +1,8 @@
-import * as React from 'react';
-type Props = React.SVGProps<SVGSVGElement> & {
-    checked?: boolean;
-    indeterminate?: boolean;
-    disabled?: boolean;
-};
-declare function CheckboxIcon({ checked, indeterminate, disabled, ...props }: Props): React.JSX.Element;
-export { CheckboxIcon };
+import * as React from 'react';
+type Props = React.SVGProps<SVGSVGElement> & {
+    checked?: boolean;
+    indeterminate?: boolean;
+    disabled?: boolean;
+};
+declare function CheckboxIcon({ checked, indeterminate, disabled, ...props }: Props): React.JSX.Element;
+export { CheckboxIcon };

package/lib/checkbox-field/checkbox-icon.js

@@ -1,2 +1,60 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_virtual/_rollupPluginBabelHelpers.js");function t(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,t}var r=t(require("react"));const a=["checked","indeterminate","disabled"],c={checked:"M18 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h12zm-2.457 4.293l-5.293 5.293-1.793-1.793a1 1 0 1 0-1.414 1.414l2.5 2.5a1 1 0 0 0 1.414 0l6-6a1 1 0 1 0-1.414-1.414z",unchecked:"M18 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h12zm0 1H6a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1z",mixed:"M18 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h12zm-2 7H8a1 1 0 0 0 0 2h8a1 1 0 0 0 0-2z",filled:"M6 4H18C19.1046 4 20 4.89543 20 6V18C20 19.1046 19.1046 20 18 20H6C4.89543 20 4 19.1046 4 18V6C4 4.89543 4.89543 4 6 4Z"};exports.CheckboxIcon=function(t){let{checked:n,indeterminate:i,disabled:l}=t,d=e.objectWithoutProperties(t,a);const o=function({checked:e,indeterminate:t,disabled:r}){return t?"mixed":e?"checked":r?"filled":"unchecked"}({checked:n,indeterminate:i,disabled:l});return r.createElement("svg",e.objectSpread2({xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"},d),r.createElement("path",{fill:"currentColor",fillRule:"nonzero",d:c[o]}))};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+
+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 svgPath = {
+    checked: 'M18 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h12zm-2.457 4.293l-5.293 5.293-1.793-1.793a1 1 0 1 0-1.414 1.414l2.5 2.5a1 1 0 0 0 1.414 0l6-6a1 1 0 1 0-1.414-1.414z',
+    unchecked: 'M18 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h12zm0 1H6a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1z',
+    mixed: 'M18 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h12zm-2 7H8a1 1 0 0 0 0 2h8a1 1 0 0 0 0-2z',
+    filled: 'M6 4H18C19.1046 4 20 4.89543 20 6V18C20 19.1046 19.1046 20 18 20H6C4.89543 20 4 19.1046 4 18V6C4 4.89543 4.89543 4 6 4Z'
+};
+function getPathKey(_a) {
+    var checked = _a.checked, indeterminate = _a.indeterminate, disabled = _a.disabled;
+    if (indeterminate) {
+        return 'mixed'; // indeterminate, when true, overrides the checked state
+    }
+    if (checked) {
+        return 'checked';
+    }
+    // We only used 'filled' when unchecked AND disabled, because the default unchecked icon
+    // is not enough to convey the disabled state with opacity alone. For all other cases
+    // above, when disabled, we use the same icon the corresponds to that state, and the
+    // opacity conveys the fact that the checkbox is disabled.
+    // See https://twist.com/a/1585/ch/414345/t/2257308/c/65201390
+    if (disabled) {
+        return 'filled';
+    }
+    return 'unchecked';
+}
+function CheckboxIcon(_a) {
+    var checked = _a.checked, indeterminate = _a.indeterminate, disabled = _a.disabled, props = tslib.__rest(_a, ["checked", "indeterminate", "disabled"]);
+    var pathKey = getPathKey({ checked: checked, indeterminate: indeterminate, disabled: disabled });
+    return (React__namespace.createElement("svg", tslib.__assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
+        React__namespace.createElement("path", { fill: "currentColor", fillRule: "nonzero", d: svgPath[pathKey] })));
+}
+
+exports.CheckboxIcon = CheckboxIcon;
 //# sourceMappingURL=checkbox-icon.js.map

package/lib/checkbox-field/checkbox-icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-icon.js","sources":["../../src/checkbox-field/checkbox-icon.tsx"],"sourcesContent":["import * as React from 'react'\n\nconst svgPath = {\n    checked:\n        'M18 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h12zm-2.457 4.293l-5.293 5.293-1.793-1.793a1 1 0 1 0-1.414 1.414l2.5 2.5a1 1 0 0 0 1.414 0l6-6a1 1 0 1 0-1.414-1.414z',\n    unchecked:\n        'M18 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h12zm0 1H6a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1z',\n    mixed:\n        'M18 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h12zm-2 7H8a1 1 0 0 0 0 2h8a1 1 0 0 0 0-2z',\n    filled:\n        'M6 4H18C19.1046 4 20 4.89543 20 6V18C20 19.1046 19.1046 20 18 20H6C4.89543 20 4 19.1046 4 18V6C4 4.89543 4.89543 4 6 4Z',\n} as const\n\ntype Props = React.SVGProps<SVGSVGElement> & {\n    checked?: boolean\n    indeterminate?: boolean\n    disabled?: boolean\n}\n\nfunction getPathKey({ checked, indeterminate, disabled }: Props): keyof typeof svgPath {\n    if (indeterminate) {\n        return 'mixed' // indeterminate, when true, overrides the checked state\n    }\n\n    if (checked) {\n        return 'checked'\n    }\n\n    // We only used 'filled' when unchecked AND disabled, because the default unchecked icon\n    // is not enough to convey the disabled state with opacity alone. For all other cases\n    // above, when disabled, we use the same icon the corresponds to that state, and the\n    // opacity conveys the fact that the checkbox is disabled.\n    // See https://twist.com/a/1585/ch/414345/t/2257308/c/65201390\n    if (disabled) {\n        return 'filled'\n    }\n\n    return 'unchecked'\n}\n\nfunction CheckboxIcon({ checked, indeterminate, disabled, ...props }: Props) {\n    const pathKey = getPathKey({ checked, indeterminate, disabled })\n    return (\n        <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 24 24\"\n            {...props}\n        >\n            <path fill=\"currentColor\" fillRule=\"nonzero\" d={svgPath[pathKey]} />\n        </svg>\n    )\n}\n\nexport { CheckboxIcon }\n"],"names":["svgPath","checked","unchecked","mixed","filled","_ref","indeterminate","disabled","props","_objectWithoutProperties","objectWithoutProperties","_excluded","pathKey","getPathKey","React","createElement","_objectSpread","xmlns","width","height","viewBox","fill","fillRule","d"],"mappings":"udAEMA,EAAU,CACZC,QACI,4LACJC,UACI,kJACJC,MACI,iHACJC,OACI,gJA8BR,SAA2EC,GAAA,IAArDJ,QAAEA,EAAFK,cAAWA,EAAXC,SAA0BA,GAA2BF,EAAdG,EAAcC,EAAAC,wBAAAL,EAAAM,GACvE,MAAMC,EAtBV,UAAoBX,QAAEA,EAAFK,cAAWA,EAAXC,SAA0BA,IAC1C,OAAID,EACO,QAGPL,EACO,UAQPM,EACO,SAGJ,YAISM,CAAW,CAAEZ,QAAAA,EAASK,cAAAA,EAAeC,SAAAA,IACrD,OACIO,EACIC,cAAA,MADJC,gBAAA,CACIC,MAAM,6BACNC,MAAM,KACNC,OAAO,KACPC,QAAQ,aACJZ,GAEJM,EAAAC,cAAA,OAAA,CAAMM,KAAK,eAAeC,SAAS,UAAUC,EAAGvB,EAAQY"}
+{"version":3,"file":"checkbox-icon.js","sources":["../../src/checkbox-field/checkbox-icon.tsx"],"sourcesContent":[null],"names":["__rest","React","__assign"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAM,OAAO,GAAG;AACZ,IAAA,OAAO,EACH,2LAA2L;AAC/L,IAAA,SAAS,EACL,iJAAiJ;AACrJ,IAAA,KAAK,EACD,gHAAgH;AACpH,IAAA,MAAM,EACF,yHAAyH;CACvH,CAAA;AAQV,SAAS,UAAU,CAAC,EAA2C,EAAA;AAAzC,IAAA,IAAA,OAAO,aAAA,EAAE,aAAa,GAAA,EAAA,CAAA,aAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,CAAA;AAClD,IAAA,IAAI,aAAa,EAAE;QACf,OAAO,OAAO,CAAA;AACjB,KAAA;AAED,IAAA,IAAI,OAAO,EAAE;AACT,QAAA,OAAO,SAAS,CAAA;AACnB,KAAA;;;;;;AAOD,IAAA,IAAI,QAAQ,EAAE;AACV,QAAA,OAAO,QAAQ,CAAA;AAClB,KAAA;AAED,IAAA,OAAO,WAAW,CAAA;AACtB,CAAC;AAED,SAAS,YAAY,CAAC,EAAqD,EAAA;AAAnD,IAAA,IAAA,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,aAAa,GAAA,EAAA,CAAA,aAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAK,KAAK,GAA5CA,YAAA,CAAA,EAAA,EAAA,CAAA,SAAA,EAAA,eAAA,EAAA,UAAA,CAA8C,CAAF,CAAA;AAC9D,IAAA,IAAM,OAAO,GAAG,UAAU,CAAC,EAAE,OAAO,EAAA,OAAA,EAAE,aAAa,eAAA,EAAE,QAAQ,EAAA,QAAA,EAAE,CAAC,CAAA;AAChE,IAAA,QACIC,gBACI,CAAA,aAAA,CAAA,KAAA,EAAAC,cAAA,CAAA,EAAA,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,IACf,KAAK,CAAA;AAET,QAAAD,gBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,cAAc,EAAC,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,EAAI,CAAA,CAClE,EACT;AACL;;;;"}

package/lib/checkbox-field/index.d.ts

@@ -1 +1 @@
-export * from './checkbox-field';
+export * from './checkbox-field';

package/lib/checkbox-field/use-fork-ref.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
-/**
- * Merges React Refs into a single memoized function ref so you can pass it to an element.
- * @example
- * const Component = React.forwardRef((props, ref) => {
- *   const internalRef = React.useRef();
- *   return <div {...props} ref={useForkRef(internalRef, ref)} />;
- * });
- */
-declare function useForkRef(...refs: Array<React.Ref<unknown> | undefined>): ((value: unknown) => void) | undefined;
-export { useForkRef };
+/// <reference types="react" />
+/**
+ * Merges React Refs into a single memoized function ref so you can pass it to an element.
+ * @example
+ * const Component = React.forwardRef((props, ref) => {
+ *   const internalRef = React.useRef();
+ *   return <div {...props} ref={useForkRef(internalRef, ref)} />;
+ * });
+ */
+declare function useForkRef(...refs: Array<React.Ref<unknown> | undefined>): ((value: unknown) => void) | undefined;
+export { useForkRef };

package/lib/checkbox-field/use-fork-ref.js

@@ -1,2 +1,43 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");exports.useForkRef=function(...r){return e.useMemo(()=>{if(r.some(Boolean))return e=>{r.forEach(r=>function(e,r){"function"==typeof e?e(r):e&&(e.current=r)}(r,e))}},r)};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+/**
+ * Sets both a function and object React ref.
+ */
+function setRef(ref, value) {
+    if (typeof ref === 'function') {
+        ref(value);
+    }
+    else if (ref) {
+        ref.current = value;
+    }
+}
+/**
+ * Merges React Refs into a single memoized function ref so you can pass it to an element.
+ * @example
+ * const Component = React.forwardRef((props, ref) => {
+ *   const internalRef = React.useRef();
+ *   return <div {...props} ref={useForkRef(internalRef, ref)} />;
+ * });
+ */
+function useForkRef() {
+    var refs = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        refs[_i] = arguments[_i];
+    }
+    return React.useMemo(function () {
+        if (!refs.some(Boolean))
+            return;
+        return function (value) {
+            refs.forEach(function (ref) { return setRef(ref, value); });
+        };
+    }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    refs);
+}
+
+exports.useForkRef = useForkRef;
 //# sourceMappingURL=use-fork-ref.js.map

package/lib/checkbox-field/use-fork-ref.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-fork-ref.js","sources":["../../src/checkbox-field/use-fork-ref.ts"],"sourcesContent":["import { useMemo } from 'react'\n\n/**\n * Sets both a function and object React ref.\n */\nfunction setRef<T>(\n    ref: React.RefCallback<T> | React.MutableRefObject<T> | null | undefined,\n    value: T,\n) {\n    if (typeof ref === 'function') {\n        ref(value)\n    } else if (ref) {\n        ref.current = value\n    }\n}\n\n/**\n * Merges React Refs into a single memoized function ref so you can pass it to an element.\n * @example\n * const Component = React.forwardRef((props, ref) => {\n *   const internalRef = React.useRef();\n *   return <div {...props} ref={useForkRef(internalRef, ref)} />;\n * });\n */\nfunction useForkRef(...refs: Array<React.Ref<unknown> | undefined>) {\n    return useMemo(\n        () => {\n            if (!refs.some(Boolean)) return\n            return (value: unknown) => {\n                refs.forEach((ref) => setRef(ref, value))\n            }\n        },\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        refs,\n    )\n}\n\nexport { useForkRef }\n"],"names":["refs","useMemo","some","Boolean","value","forEach","ref","current","setRef"],"mappings":"8GAwBA,YAAuBA,GACnB,OAAOC,EAAOA,QACV,KACI,GAAKD,EAAKE,KAAKC,SACf,OAAQC,IACJJ,EAAKK,QAASC,GAxB9B,SACIA,EACAF,GAEmB,mBAARE,EACPA,EAAIF,GACGE,IACPA,EAAIC,QAAUH,GAiBgBI,CAAOF,EAAKF,MAI1CJ"}
+{"version":3,"file":"use-fork-ref.js","sources":["../../src/checkbox-field/use-fork-ref.ts"],"sourcesContent":[null],"names":["useMemo"],"mappings":";;;;;;AAEA;;AAEG;AACH,SAAS,MAAM,CACX,GAAwE,EACxE,KAAQ,EAAA;AAER,IAAA,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE;QAC3B,GAAG,CAAC,KAAK,CAAC,CAAA;AACb,KAAA;AAAM,SAAA,IAAI,GAAG,EAAE;AACZ,QAAA,GAAG,CAAC,OAAO,GAAG,KAAK,CAAA;AACtB,KAAA;AACL,CAAC;AAED;;;;;;;AAOG;AACH,SAAS,UAAU,GAAA;IAAC,IAA8C,IAAA,GAAA,EAAA,CAAA;SAA9C,IAA8C,EAAA,GAAA,CAAA,EAA9C,EAA8C,GAAA,SAAA,CAAA,MAAA,EAA9C,EAA8C,EAAA,EAAA;QAA9C,IAA8C,CAAA,EAAA,CAAA,GAAA,SAAA,CAAA,EAAA,CAAA,CAAA;;AAC9D,IAAA,OAAOA,aAAO,CACV,YAAA;AACI,QAAA,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;YAAE,OAAM;AAC/B,QAAA,OAAO,UAAC,KAAc,EAAA;AAClB,YAAA,IAAI,CAAC,OAAO,CAAC,UAAC,GAAG,IAAK,OAAA,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,CAAlB,EAAkB,CAAC,CAAA;AAC7C,SAAC,CAAA;KACJ;;AAED,IAAA,IAAI,CACP,CAAA;AACL;;;;"}

package/lib/columns/columns.d.ts

@@ -1,20 +1,20 @@
-import type { ResponsiveProp, ResponsiveBreakpoints } from '../utils/responsive-props';
-import type { Space } from '../utils/common-types';
-import type { ReusableBoxProps } from '../box';
-type ColumnWidth = 'auto' | 'content' | '1/2' | '1/3' | '2/3' | '1/4' | '3/4' | '1/5' | '2/5' | '3/5' | '4/5';
-interface ColumnProps {
-    width?: ColumnWidth;
-}
-declare const Column: import("../utils/polymorphism").PolymorphicComponent<"div", ColumnProps, "obfuscateClassName">;
-type ColumnsHorizontalAlignment = 'left' | 'center' | 'right';
-type ColumnsVerticalAlignment = 'top' | 'center' | 'bottom' | 'baseline';
-type ColumnsCollapseBelow = Exclude<ResponsiveBreakpoints, 'mobile'>;
-interface ColumnsProps extends ReusableBoxProps {
-    space?: ResponsiveProp<Space>;
-    align?: ResponsiveProp<ColumnsHorizontalAlignment>;
-    alignY?: ResponsiveProp<ColumnsVerticalAlignment>;
-    collapseBelow?: ResponsiveBreakpoints;
-}
-declare const Columns: import("../utils/polymorphism").PolymorphicComponent<"div", ColumnsProps, "obfuscateClassName">;
-export type { ColumnProps, ColumnsProps, ColumnWidth, ColumnsCollapseBelow, ColumnsHorizontalAlignment, ColumnsVerticalAlignment, };
-export { Column, Columns };
+import type { ResponsiveProp, ResponsiveBreakpoints } from '../utils/responsive-props';
+import type { Space } from '../utils/common-types';
+import type { ReusableBoxProps } from '../box';
+type ColumnWidth = 'auto' | 'content' | '1/2' | '1/3' | '2/3' | '1/4' | '3/4' | '1/5' | '2/5' | '3/5' | '4/5';
+interface ColumnProps {
+    width?: ColumnWidth;
+}
+declare const Column: import("../utils/polymorphism").PolymorphicComponent<"div", ColumnProps, "obfuscateClassName">;
+type ColumnsHorizontalAlignment = 'left' | 'center' | 'right';
+type ColumnsVerticalAlignment = 'top' | 'center' | 'bottom' | 'baseline';
+type ColumnsCollapseBelow = Exclude<ResponsiveBreakpoints, 'mobile'>;
+interface ColumnsProps extends ReusableBoxProps {
+    space?: ResponsiveProp<Space>;
+    align?: ResponsiveProp<ColumnsHorizontalAlignment>;
+    alignY?: ResponsiveProp<ColumnsVerticalAlignment>;
+    collapseBelow?: ResponsiveBreakpoints;
+}
+declare const Columns: import("../utils/polymorphism").PolymorphicComponent<"div", ColumnsProps, "obfuscateClassName">;
+export type { ColumnProps, ColumnsProps, ColumnWidth, ColumnsCollapseBelow, ColumnsHorizontalAlignment, ColumnsVerticalAlignment, };
+export { Column, Columns };

package/lib/columns/columns.js

@@ -1,2 +1,58 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_virtual/_rollupPluginBabelHelpers.js"),t=require("react"),l=require("../utils/polymorphism.js"),o=require("../utils/responsive-props.js"),r=require("../box/box.js"),a=require("./columns.module.css.js");function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(l){if("default"!==l){var o=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(t,l,o.get?o:{enumerable:!0,get:function(){return e[l]}})}})),t.default=e,t}var i=n(t);const s=["width","children","exceptionallySetClassName"],c=["space","align","alignY","collapseBelow","children","exceptionallySetClassName"],p=l.polymorphicComponent((function(t,l){let{width:n="auto",children:c,exceptionallySetClassName:p}=t,u=e.objectWithoutProperties(t,s);return i.createElement(r.Box,e.objectSpread2(e.objectSpread2({},u),{},{className:[p,o.getClassNames(a.default,"columnWidth",n.replace("/","-"))],minWidth:0,height:"full",flexShrink:"content"===n?0:void 0,flexGrow:"auto"===n?1:0,ref:l}),c)})),u=l.polymorphicComponent((function(t,l){let{space:n,align:s="left",alignY:p="top",collapseBelow:u,children:m,exceptionallySetClassName:f}=t,d=e.objectWithoutProperties(t,c);return i.createElement(r.Box,e.objectSpread2(e.objectSpread2({},d),{},{className:[f,a.default.container,o.getClassNames(a.default,"container",n)],display:"flex",gap:n,flexDirection:"desktop"===u?{mobile:"column",tablet:"column",desktop:"row"}:"tablet"===u?{mobile:"column",tablet:"row"}:"row",alignItems:o.mapResponsiveProp(p,e=>"top"===e?"flexStart":"bottom"===e?"flexEnd":e),justifyContent:o.mapResponsiveProp(s,e=>"left"===e?"flexStart":"right"===e?"flexEnd":e),ref:l}),m)}));exports.Column=p,exports.Columns=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');
+var columns_module = require('./columns.module.css.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 Column = polymorphism.polymorphicComponent(function Column(_a, ref) {
+    var _b = _a.width, width = _b === void 0 ? 'auto' : _b, children = _a.children, exceptionallySetClassName = _a.exceptionallySetClassName, props = tslib.__rest(_a, ["width", "children", "exceptionallySetClassName"]);
+    return (React__namespace.createElement(box.Box, tslib.__assign({}, props, { className: [
+            exceptionallySetClassName,
+            responsiveProps.getClassNames(columns_module["default"], 'columnWidth', width.replace('/', '-')),
+        ], minWidth: 0, height: "full", flexShrink: width === 'content' ? 0 : undefined, flexGrow: width === 'auto' ? 1 : 0, ref: ref }), children));
+});
+var Columns = polymorphism.polymorphicComponent(function Columns(_a, ref) {
+    var space = _a.space, _b = _a.align, align = _b === void 0 ? 'left' : _b, _c = _a.alignY, alignY = _c === void 0 ? 'top' : _c, collapseBelow = _a.collapseBelow, children = _a.children, exceptionallySetClassName = _a.exceptionallySetClassName, props = tslib.__rest(_a, ["space", "align", "alignY", "collapseBelow", "children", "exceptionallySetClassName"]);
+    return (React__namespace.createElement(box.Box, tslib.__assign({}, props, { className: [
+            exceptionallySetClassName,
+            columns_module["default"].container,
+            responsiveProps.getClassNames(columns_module["default"], 'container', space),
+        ], display: "flex", gap: space, flexDirection: collapseBelow === 'desktop'
+            ? { mobile: 'column', tablet: 'column', desktop: 'row' }
+            : collapseBelow === 'tablet'
+                ? { mobile: 'column', tablet: 'row' }
+                : 'row', alignItems: responsiveProps.mapResponsiveProp(alignY, function (alignY) {
+            return alignY === 'top' ? 'flexStart' : alignY === 'bottom' ? 'flexEnd' : alignY;
+        }), justifyContent: responsiveProps.mapResponsiveProp(align, function (align) {
+            return align === 'left' ? 'flexStart' : align === 'right' ? 'flexEnd' : align;
+        }), ref: ref }), children));
+});
+
+exports.Column = Column;
+exports.Columns = Columns;
 //# sourceMappingURL=columns.js.map

package/lib/columns/columns.js.map

@@ -1 +1 @@
-{"version":3,"file":"columns.js","sources":["../../src/columns/columns.tsx"],"sourcesContent":["import * as React from 'react'\nimport { polymorphicComponent } from '../utils/polymorphism'\nimport { getClassNames, mapResponsiveProp } from '../utils/responsive-props'\nimport { Box } from '../box'\n\nimport type { ResponsiveProp, ResponsiveBreakpoints } from '../utils/responsive-props'\nimport type { Space } from '../utils/common-types'\nimport type { ReusableBoxProps } from '../box'\n\nimport styles from './columns.module.css'\n\ntype ColumnWidth =\n    | 'auto'\n    | 'content'\n    | '1/2'\n    | '1/3'\n    | '2/3'\n    | '1/4'\n    | '3/4'\n    | '1/5'\n    | '2/5'\n    | '3/5'\n    | '4/5'\n\ninterface ColumnProps {\n    width?: ColumnWidth\n}\n\nconst Column = polymorphicComponent<'div', ColumnProps>(function Column(\n    { width = 'auto', children, exceptionallySetClassName, ...props },\n    ref,\n) {\n    return (\n        <Box\n            {...props}\n            className={[\n                exceptionallySetClassName,\n                getClassNames(styles, 'columnWidth', width.replace('/', '-')),\n            ]}\n            minWidth={0}\n            height=\"full\"\n            flexShrink={width === 'content' ? 0 : undefined}\n            flexGrow={width === 'auto' ? 1 : 0}\n            ref={ref}\n        >\n            {children}\n        </Box>\n    )\n})\n\ntype ColumnsHorizontalAlignment = 'left' | 'center' | 'right'\ntype ColumnsVerticalAlignment = 'top' | 'center' | 'bottom' | 'baseline'\ntype ColumnsCollapseBelow = Exclude<ResponsiveBreakpoints, 'mobile'>\n\ninterface ColumnsProps extends ReusableBoxProps {\n    space?: ResponsiveProp<Space>\n    align?: ResponsiveProp<ColumnsHorizontalAlignment>\n    alignY?: ResponsiveProp<ColumnsVerticalAlignment>\n    collapseBelow?: ResponsiveBreakpoints\n}\n\nconst Columns = polymorphicComponent<'div', ColumnsProps>(function Columns(\n    {\n        space,\n        align = 'left',\n        alignY = 'top',\n        collapseBelow,\n        children,\n        exceptionallySetClassName,\n        ...props\n    },\n    ref,\n) {\n    return (\n        <Box\n            {...props}\n            className={[\n                exceptionallySetClassName,\n                styles.container,\n                getClassNames(styles, 'container', space),\n            ]}\n            display=\"flex\"\n            gap={space}\n            flexDirection={\n                collapseBelow === 'desktop'\n                    ? { mobile: 'column', tablet: 'column', desktop: 'row' }\n                    : collapseBelow === 'tablet'\n                    ? { mobile: 'column', tablet: 'row' }\n                    : 'row'\n            }\n            alignItems={mapResponsiveProp(alignY, (alignY) =>\n                alignY === 'top' ? 'flexStart' : alignY === 'bottom' ? 'flexEnd' : alignY,\n            )}\n            justifyContent={mapResponsiveProp(align, (align) =>\n                align === 'left' ? 'flexStart' : align === 'right' ? 'flexEnd' : align,\n            )}\n            ref={ref}\n        >\n            {children}\n        </Box>\n    )\n})\n\nexport type {\n    ColumnProps,\n    ColumnsProps,\n    ColumnWidth,\n    ColumnsCollapseBelow,\n    ColumnsHorizontalAlignment,\n    ColumnsVerticalAlignment,\n}\n\nexport { Column, Columns }\n"],"names":["Column","polymorphicComponent","_ref","ref","width","children","exceptionallySetClassName","props","_objectWithoutProperties","objectWithoutProperties","_excluded","React","createElement","Box","className","getClassNames","styles","replace","minWidth","height","flexShrink","undefined","flexGrow","Columns","_ref2","space","align","alignY","collapseBelow","_excluded2","container","display","gap","flexDirection","mobile","tablet","desktop","alignItems","mapResponsiveProp","justifyContent"],"mappings":"ysBA4BMA,EAASC,EAAAA,sBAAyC,SAAAC,EAEpDC,GAAG,IADHC,MAAEA,EAAQ,OAAVC,SAAkBA,EAAlBC,0BAA4BA,GACzBJ,EADuDK,EACvDC,EAAAC,wBAAAP,EAAAQ,GAEH,OACIC,EAACC,cAAAC,yCACON,GADR,GAAA,CAEIO,UAAW,CACPR,EACAS,EAAaA,cAACC,UAAQ,cAAeZ,EAAMa,QAAQ,IAAK,OAE5DC,SAAU,EACVC,OAAO,OACPC,WAAsB,YAAVhB,EAAsB,OAAIiB,EACtCC,SAAoB,SAAVlB,EAAmB,EAAI,EACjCD,IAAKA,IAEJE,MAgBPkB,EAAUtB,EAAAA,sBAA0C,SAAAuB,EAUtDrB,GAAG,IATHsB,MACIA,EADJC,MAEIA,EAAQ,OAFZC,OAGIA,EAAS,MAHbC,cAIIA,EAJJvB,SAKIA,EALJC,0BAMIA,GAGDkB,EAFIjB,EAEJC,EAAAC,wBAAAe,EAAAK,GAEH,OACIlB,EAACC,cAAAC,yCACON,GADR,GAAA,CAEIO,UAAW,CACPR,EACAU,UAAOc,UACPf,EAAAA,cAAcC,EAAD,QAAS,YAAaS,IAEvCM,QAAQ,OACRC,IAAKP,EACLQ,cACsB,YAAlBL,EACM,CAAEM,OAAQ,SAAUC,OAAQ,SAAUC,QAAS,OAC7B,WAAlBR,EACA,CAAEM,OAAQ,SAAUC,OAAQ,OAC5B,MAEVE,WAAYC,EAAiBA,kBAACX,EAASA,GACxB,QAAXA,EAAmB,YAAyB,WAAXA,EAAsB,UAAYA,GAEvEY,eAAgBD,EAAiBA,kBAACZ,EAAQA,GAC5B,SAAVA,EAAmB,YAAwB,UAAVA,EAAoB,UAAYA,GAErEvB,IAAKA,IAEJE"}
+{"version":3,"file":"columns.js","sources":["../../src/columns/columns.tsx"],"sourcesContent":[null],"names":["polymorphicComponent","__rest","React","Box","getClassNames","styles","mapResponsiveProp"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BM,IAAA,MAAM,GAAGA,iCAAoB,CAAqB,SAAS,MAAM,CACnE,EAAiE,EACjE,GAAG,EAAA;AADD,IAAA,IAAA,aAAc,EAAd,KAAK,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,MAAM,KAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,yBAAyB,GAAA,EAAA,CAAA,yBAAA,EAAK,KAAK,GAAAC,YAAA,CAAA,EAAA,EAA/D,kDAAiE,CAAF,CAAA;AAG/D,IAAA,QACIC,gBAAC,CAAA,aAAA,CAAAC,OAAG,qBACI,KAAK,EAAA,EACT,SAAS,EAAE;YACP,yBAAyB;AACzB,YAAAC,6BAAa,CAACC,yBAAM,EAAE,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;AAChE,SAAA,EACD,QAAQ,EAAE,CAAC,EACX,MAAM,EAAC,MAAM,EACb,UAAU,EAAE,KAAK,KAAK,SAAS,GAAG,CAAC,GAAG,SAAS,EAC/C,QAAQ,EAAE,KAAK,KAAK,MAAM,GAAG,CAAC,GAAG,CAAC,EAClC,GAAG,EAAE,GAAG,KAEP,QAAQ,CACP,EACT;AACL,CAAC,EAAC;AAaI,IAAA,OAAO,GAAGL,iCAAoB,CAAsB,SAAS,OAAO,CACtE,EAQC,EACD,GAAG,EAAA;AARC,IAAA,IAAA,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,EAAA,GAAA,EAAA,CAAA,KAAc,EAAd,KAAK,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,MAAM,GAAA,EAAA,EACd,EAAc,GAAA,EAAA,CAAA,MAAA,EAAd,MAAM,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAA,EAAA,EACd,aAAa,GAAA,EAAA,CAAA,aAAA,EACb,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,yBAAyB,GAAA,EAAA,CAAA,yBAAA,EACtB,KAAK,GAAAC,YAAA,CAAA,EAAA,EAPZ,sFAQC,CADW,CAAA;AAIZ,IAAA,QACIC,gBAAC,CAAA,aAAA,CAAAC,OAAG,qBACI,KAAK,EAAA,EACT,SAAS,EAAE;YACP,yBAAyB;AACzB,YAAAE,yBAAM,CAAC,SAAS;AAChB,YAAAD,6BAAa,CAACC,yBAAM,EAAE,WAAW,EAAE,KAAK,CAAC;AAC5C,SAAA,EACD,OAAO,EAAC,MAAM,EACd,GAAG,EAAE,KAAK,EACV,aAAa,EACT,aAAa,KAAK,SAAS;AACvB,cAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE;cACtD,aAAa,KAAK,QAAQ;kBAC1B,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE;kBACnC,KAAK,EAEf,UAAU,EAAEC,iCAAiB,CAAC,MAAM,EAAE,UAAC,MAAM,EAAA;YACzC,OAAA,MAAM,KAAK,KAAK,GAAG,WAAW,GAAG,MAAM,KAAK,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAA;SAAA,CAC5E,EACD,cAAc,EAAEA,iCAAiB,CAAC,KAAK,EAAE,UAAC,KAAK,EAAA;YAC3C,OAAA,KAAK,KAAK,MAAM,GAAG,WAAW,GAAG,KAAK,KAAK,OAAO,GAAG,SAAS,GAAG,KAAK,CAAA;SAAA,CACzE,EACD,GAAG,EAAE,GAAG,EAEP,CAAA,EAAA,QAAQ,CACP,EACT;AACL,CAAC;;;;;"}

package/lib/columns/columns.module.css.js

@@ -1,2 +1,8 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default={container:"eae3d34f","container-xsmall":"_9b4012c9","container-small":"e35e0320","container-medium":"_0703e67f","container-large":"_1cf15621","container-xlarge":"_1c7dff67","container-xxlarge":"_25bee9b6","columnWidth-content":"_4bb9987d","columnWidth-auto":"_9dd31975","columnWidth-1-2":"_38d11c0e","columnWidth-1-3":"_7ac225c6","columnWidth-2-3":"_9c340680","columnWidth-1-4":"_81cb99d2","columnWidth-3-4":"_10fd355f","columnWidth-1-5":"_3ee66520","columnWidth-2-5":"df1201a5","columnWidth-3-5":"f772e0b2","columnWidth-4-5":"_880cbbb1"};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var modules_67f2d07a = {"container-xsmall":"_9b4012c9","container-small":"e35e0320","container-medium":"_0703e67f","container-large":"_1cf15621","container-xlarge":"_1c7dff67","container-xxlarge":"_25bee9b6","columnWidth-content":"_4bb9987d","columnWidth-auto":"_9dd31975","columnWidth-1-2":"_38d11c0e","columnWidth-1-3":"_7ac225c6","columnWidth-2-3":"_9c340680","columnWidth-1-4":"_81cb99d2","columnWidth-3-4":"_10fd355f","columnWidth-1-5":"_3ee66520","columnWidth-2-5":"df1201a5","columnWidth-3-5":"f772e0b2","columnWidth-4-5":"_880cbbb1","container":"eae3d34f"};
+
+exports["default"] = modules_67f2d07a;
 //# sourceMappingURL=columns.module.css.js.map

package/lib/columns/columns.module.css.js.map

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

package/lib/columns/index.d.ts

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

package/lib/components/color-picker/color-picker.d.ts

@@ -1,29 +1,29 @@
-import * as React from 'react';
-import './color-picker.less';
-type NamedColor = {
-    name: string;
-    color: string;
-};
-declare const COLORS: string[];
-type Props = {
-    small?: boolean;
-    color?: number;
-    onChange?: (color: number) => void;
-    colorList?: (string | NamedColor)[];
-};
-declare function ColorPicker({ color, small, onChange, colorList }: Props): React.JSX.Element;
-declare namespace ColorPicker {
-    var displayName: string;
-}
-type ColorItemProps = {
-    color: string;
-    colorIndex: number;
-    isActive?: boolean;
-    onClick?: (colorIndex: number) => void;
-    tooltip?: React.ReactNode;
-};
-declare function ColorItem({ color, colorIndex, isActive, onClick, tooltip }: ColorItemProps): React.JSX.Element;
-declare namespace ColorItem {
-    var displayName: string;
-}
-export { ColorPicker, ColorItem, COLORS };
+import * as React from 'react';
+import './color-picker.less';
+type NamedColor = {
+    name: string;
+    color: string;
+};
+declare const COLORS: string[];
+type Props = {
+    small?: boolean;
+    color?: number;
+    onChange?: (color: number) => void;
+    colorList?: (string | NamedColor)[];
+};
+declare function ColorPicker({ color, small, onChange, colorList }: Props): React.JSX.Element;
+declare namespace ColorPicker {
+    var displayName: string;
+}
+type ColorItemProps = {
+    color: string;
+    colorIndex: number;
+    isActive?: boolean;
+    onClick?: (colorIndex: number) => void;
+    tooltip?: React.ReactNode;
+};
+declare function ColorItem({ color, colorIndex, isActive, onClick, tooltip }: ColorItemProps): React.JSX.Element;
+declare namespace ColorItem {
+    var displayName: string;
+}
+export { ColorPicker, ColorItem, COLORS };