@doist/reactist 28.7.0 → 28.7.3

package/es/button/button.js

@@ -1,4 +1,4 @@
-import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
+import { __rest, __assign } from 'tslib';
 import * as React from 'react';
 import classNames from 'classnames';
 import { Role } from '@ariakit/react';
@@ -7,105 +7,52 @@ import { Spinner } from '../spinner/spinner.js';
 import { Tooltip } from '../tooltip/tooltip.js';
 import modules_5357ebb8 from './button.module.css.js';
 
-const _excluded = ["variant", "tone", "size", "shape", "type", "disabled", "loading", "tooltip", "render", "onClick", "exceptionallySetClassName", "children", "startIcon", "endIcon", "width", "align"],
-      _excluded2 = ["variant", "tone", "size", "shape", "type", "disabled", "loading", "tooltip", "render", "onClick", "exceptionallySetClassName", "children", "icon"];
-
 function preventDefault(event) {
-  event.preventDefault();
+    event.preventDefault();
 }
-/**
- * A button element that displays a text label and optionally a start or end icon. It follows the
- * [WAI-ARIA Button Pattern](https://www.w3.org/TR/wai-aria-practices/#button).
+/**
+ * A button element that displays a text label and optionally a start or end icon. It follows the
+ * [WAI-ARIA Button Pattern](https://www.w3.org/TR/wai-aria-practices/#button).
  */
-
-
-const Button = /*#__PURE__*/React.forwardRef(function Button(_ref, ref) {
-  let {
-    variant,
-    tone = 'normal',
-    size = 'normal',
-    shape = 'normal',
-    type = 'button',
-    disabled = false,
-    loading = false,
-    tooltip,
-    render,
-    onClick,
-    exceptionallySetClassName,
-    children,
-    startIcon,
-    endIcon,
-    width = 'auto',
-    align = 'center'
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  const isDisabled = loading || disabled;
-  const buttonElement = /*#__PURE__*/React.createElement(Role.button, _objectSpread2(_objectSpread2({}, props), {}, {
-    render: render,
-    type: render != null ? undefined : type,
-    ref: ref,
-    "aria-disabled": isDisabled,
-    onClick: isDisabled ? preventDefault : onClick,
-    className: classNames([getBoxClassNames({
-      width
-    }), exceptionallySetClassName, modules_5357ebb8.baseButton, modules_5357ebb8["variant-" + variant], modules_5357ebb8["tone-" + tone], modules_5357ebb8["size-" + size], shape === 'rounded' ? modules_5357ebb8['shape-rounded'] : null, disabled ? modules_5357ebb8.disabled : null])
-  }), /*#__PURE__*/React.createElement(React.Fragment, null, startIcon ? /*#__PURE__*/React.createElement(Box, {
-    display: "flex",
-    className: modules_5357ebb8.startIcon,
-    "aria-hidden": true
-  }, loading && !endIcon ? /*#__PURE__*/React.createElement(Spinner, null) : startIcon) : null, children ? /*#__PURE__*/React.createElement(Box, {
-    as: "span",
-    className: modules_5357ebb8.label,
-    overflow: "hidden",
-    width: width === 'full' ? 'full' : undefined,
-    textAlign: width === 'auto' ? 'center' : align
-  }, children) : null, endIcon || loading && !startIcon ? /*#__PURE__*/React.createElement(Box, {
-    display: "flex",
-    className: modules_5357ebb8.endIcon,
-    "aria-hidden": true
-  }, loading ? /*#__PURE__*/React.createElement(Spinner, null) : endIcon) : null));
-  return tooltip ? /*#__PURE__*/React.createElement(Tooltip, {
-    content: tooltip
-  }, buttonElement) : buttonElement;
+var Button = React.forwardRef(function Button(_a, ref) {
+    var variant = _a.variant, _b = _a.tone, tone = _b === void 0 ? 'normal' : _b, _c = _a.size, size = _c === void 0 ? 'normal' : _c, _d = _a.shape, shape = _d === void 0 ? 'normal' : _d, _e = _a.type, type = _e === void 0 ? 'button' : _e, _f = _a.disabled, disabled = _f === void 0 ? false : _f, _g = _a.loading, loading = _g === void 0 ? false : _g, tooltip = _a.tooltip, render = _a.render, onClick = _a.onClick, exceptionallySetClassName = _a.exceptionallySetClassName, children = _a.children, startIcon = _a.startIcon, endIcon = _a.endIcon, _h = _a.width, width = _h === void 0 ? 'auto' : _h, _j = _a.align, align = _j === void 0 ? 'center' : _j, props = __rest(_a, ["variant", "tone", "size", "shape", "type", "disabled", "loading", "tooltip", "render", "onClick", "exceptionallySetClassName", "children", "startIcon", "endIcon", "width", "align"]);
+    var isDisabled = loading || disabled;
+    var buttonElement = (React.createElement(Role.button, __assign({}, props, { render: render, type: render != null ? undefined : type, ref: ref, "aria-disabled": isDisabled, onClick: isDisabled ? preventDefault : onClick, className: classNames([
+            getBoxClassNames({ width: width }),
+            exceptionallySetClassName,
+            modules_5357ebb8.baseButton,
+            modules_5357ebb8["variant-".concat(variant)],
+            modules_5357ebb8["tone-".concat(tone)],
+            modules_5357ebb8["size-".concat(size)],
+            shape === 'rounded' ? modules_5357ebb8['shape-rounded'] : null,
+            disabled ? modules_5357ebb8.disabled : null,
+        ]) }),
+        React.createElement(React.Fragment, null,
+            startIcon ? (React.createElement(Box, { display: "flex", className: modules_5357ebb8.startIcon, "aria-hidden": true }, loading && !endIcon ? React.createElement(Spinner, null) : startIcon)) : null,
+            children ? (React.createElement(Box, { as: "span", className: modules_5357ebb8.label, overflow: "hidden", width: width === 'full' ? 'full' : undefined, textAlign: width === 'auto' ? 'center' : align }, children)) : null,
+            endIcon || (loading && !startIcon) ? (React.createElement(Box, { display: "flex", className: modules_5357ebb8.endIcon, "aria-hidden": true }, loading ? React.createElement(Spinner, null) : endIcon)) : null)));
+    return tooltip ? React.createElement(Tooltip, { content: tooltip }, buttonElement) : buttonElement;
 });
-/**
- * A button element that displays an icon only, visually, though it is semantically labelled. It
- * also makes sure to always show a tooltip with its label. It follows the
- * [WAI-ARIA Button Pattern](https://www.w3.org/TR/wai-aria-practices/#button).
+/**
+ * A button element that displays an icon only, visually, though it is semantically labelled. It
+ * also makes sure to always show a tooltip with its label. It follows the
+ * [WAI-ARIA Button Pattern](https://www.w3.org/TR/wai-aria-practices/#button).
  */
-
-const IconButton = /*#__PURE__*/React.forwardRef(function IconButton(_ref2, ref) {
-  let {
-    variant,
-    tone = 'normal',
-    size = 'normal',
-    shape = 'normal',
-    type = 'button',
-    disabled = false,
-    loading = false,
-    tooltip,
-    render,
-    onClick,
-    exceptionallySetClassName,
-    children,
-    icon
-  } = _ref2,
-      props = _objectWithoutProperties(_ref2, _excluded2);
-
-  const isDisabled = loading || disabled;
-  const buttonElement = /*#__PURE__*/React.createElement(Role.button, _objectSpread2(_objectSpread2({}, props), {}, {
-    render: render,
-    type: render != null ? undefined : type,
-    ref: ref,
-    "aria-disabled": isDisabled,
-    onClick: isDisabled ? preventDefault : onClick,
-    className: classNames([exceptionallySetClassName, modules_5357ebb8.baseButton, modules_5357ebb8["variant-" + variant], modules_5357ebb8["tone-" + tone], modules_5357ebb8["size-" + size], shape === 'rounded' ? modules_5357ebb8['shape-rounded'] : null, modules_5357ebb8.iconButton, disabled ? modules_5357ebb8.disabled : null])
-  }), loading && /*#__PURE__*/React.createElement(Spinner, null) || icon);
-  const tooltipContent = tooltip === undefined ? props['aria-label'] : tooltip;
-  return tooltipContent ? /*#__PURE__*/React.createElement(Tooltip, {
-    content: tooltipContent
-  }, buttonElement) : buttonElement;
+var IconButton = React.forwardRef(function IconButton(_a, ref) {
+    var variant = _a.variant, _b = _a.tone, tone = _b === void 0 ? 'normal' : _b, _c = _a.size, size = _c === void 0 ? 'normal' : _c, _d = _a.shape, shape = _d === void 0 ? 'normal' : _d, _e = _a.type, type = _e === void 0 ? 'button' : _e, _f = _a.disabled, disabled = _f === void 0 ? false : _f, _g = _a.loading, loading = _g === void 0 ? false : _g, tooltip = _a.tooltip, render = _a.render, onClick = _a.onClick, exceptionallySetClassName = _a.exceptionallySetClassName; _a.children; var icon = _a.icon, props = __rest(_a, ["variant", "tone", "size", "shape", "type", "disabled", "loading", "tooltip", "render", "onClick", "exceptionallySetClassName", "children", "icon"]);
+    var isDisabled = loading || disabled;
+    var buttonElement = (React.createElement(Role.button, __assign({}, props, { render: render, type: render != null ? undefined : type, ref: ref, "aria-disabled": isDisabled, onClick: isDisabled ? preventDefault : onClick, className: classNames([
+            exceptionallySetClassName,
+            modules_5357ebb8.baseButton,
+            modules_5357ebb8["variant-".concat(variant)],
+            modules_5357ebb8["tone-".concat(tone)],
+            modules_5357ebb8["size-".concat(size)],
+            shape === 'rounded' ? modules_5357ebb8['shape-rounded'] : null,
+            modules_5357ebb8.iconButton,
+            disabled ? modules_5357ebb8.disabled : null,
+        ]) }), (loading && React.createElement(Spinner, null)) || icon));
+    var tooltipContent = tooltip === undefined ? props['aria-label'] : tooltip;
+    return tooltipContent ? (React.createElement(Tooltip, { content: tooltipContent }, buttonElement)) : (buttonElement);
 });
 
 export { Button, IconButton };

package/es/button/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sources":["../../src/button/button.tsx"],"sourcesContent":["import * as React from 'react'\nimport classNames from 'classnames'\nimport { Role, RoleProps } from '@ariakit/react'\n\nimport { Box, getBoxClassNames } from '../box'\nimport { Spinner } from '../spinner'\nimport { Tooltip, TooltipProps } from '../tooltip'\n\nimport styles from './button.module.css'\n\nimport type { ObfuscatedClassName } from '../utils/common-types'\n\nfunction preventDefault(event: React.SyntheticEvent) {\n    event.preventDefault()\n}\n\ntype ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'quaternary'\ntype ButtonTone = 'normal' | 'destructive'\ntype ButtonSize = 'small' | 'normal' | 'large'\ntype IconElement = React.ReactElement | string\n\ninterface CommonButtonProps\n    extends ObfuscatedClassName,\n        Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'className'>,\n        Pick<RoleProps, 'render'> {\n    /**\n     * The button's variant.\n     */\n    variant: ButtonVariant\n\n    /**\n     * The button's tone.\n     *\n     * @default 'normal'\n     */\n    tone?: ButtonTone\n\n    /**\n     * The button's size.\n     *\n     * @default 'normal'\n     */\n    size?: ButtonSize\n\n    /**\n     * Controls the shape of the button.\n     *\n     * Specifically, it allows to make it have slightly curved corners (the default) vs. having them\n     * fully curved to the point that they are as round as possible.\n     *\n     * In icon-only buttons this allows to have the button be circular.\n     *\n     * @default 'normal'\n     */\n    shape?: 'normal' | 'rounded'\n\n    /**\n     * Whether the button is disabled or not.\n     *\n     * Buttons are disabled using aria-disabled, rather than the HTML disabled attribute. This\n     * allows the buttons to be focusable, which can aid discoverability. This way, users can tab to\n     * the button and read its label, even if they can't activate it.\n     *\n     * It is also convenient when buttons are rendered as a link. Links cannot normally be disabled,\n     * but by using aria-disabled, we can make them behave as if they were.\n     *\n     * The `onClick` handler is automatically prevented when the button is disabled in this way, to\n     * mimic the behavior of a native disabled attribute.\n     *\n     * @default false\n     */\n    disabled?: boolean\n\n    /**\n     * Whether the button is busy/loading.\n     *\n     * A button in this state is functionally and semantically disabled. Visually is does not look\n     * dimmed (as disabled buttons normally do), but it shows a loading spinner instead.\n     *\n     * @default false\n     */\n    loading?: boolean\n\n    /**\n     * A tooltip linked to the button element.\n     */\n    tooltip?: TooltipProps['content']\n\n    /**\n     * The type of the button.\n     *\n     * @default 'button'\n     */\n    type?: 'button' | 'submit' | 'reset'\n}\n\ninterface ButtonProps extends CommonButtonProps {\n    /**\n     * The button label content.\n     */\n    children?: React.ReactNode\n\n    /**\n     * The icon to display at the start of the button (before the label).\n     */\n    startIcon?: IconElement\n\n    /**\n     * The icon to display at the end of the button (after the label).\n     */\n    endIcon?: IconElement\n\n    /**\n     * The width of the button.\n     *\n     * - `'auto'`: The button will be as wide as its content.\n     * - `'full'`: The button will be as wide as its container.\n     *\n     * @default 'auto'\n     */\n    width?: 'auto' | 'full'\n\n    /**\n     * The alignment of the button label inside the button.\n     *\n     * @default 'center'\n     */\n    align?: 'start' | 'center' | 'end'\n}\n\n/**\n * A button element that displays a text label and optionally a start or end icon. It follows the\n * [WAI-ARIA Button Pattern](https://www.w3.org/TR/wai-aria-practices/#button).\n */\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n    {\n        variant,\n        tone = 'normal',\n        size = 'normal',\n        shape = 'normal',\n        type = 'button',\n        disabled = false,\n        loading = false,\n        tooltip,\n        render,\n        onClick,\n        exceptionallySetClassName,\n        children,\n        startIcon,\n        endIcon,\n        width = 'auto',\n        align = 'center',\n        ...props\n    },\n    ref,\n) {\n    const isDisabled = loading || disabled\n    const buttonElement = (\n        <Role.button\n            {...props}\n            render={render}\n            type={render != null ? undefined : type}\n            ref={ref}\n            aria-disabled={isDisabled}\n            onClick={isDisabled ? preventDefault : onClick}\n            className={classNames([\n                getBoxClassNames({ width }),\n                exceptionallySetClassName,\n                styles.baseButton,\n                styles[`variant-${variant}`],\n                styles[`tone-${tone}`],\n                styles[`size-${size}`],\n                shape === 'rounded' ? styles['shape-rounded'] : null,\n                disabled ? styles.disabled : null,\n            ])}\n        >\n            <>\n                {startIcon ? (\n                    <Box display=\"flex\" className={styles.startIcon} aria-hidden>\n                        {loading && !endIcon ? <Spinner /> : startIcon}\n                    </Box>\n                ) : null}\n\n                {children ? (\n                    <Box\n                        as=\"span\"\n                        className={styles.label}\n                        overflow=\"hidden\"\n                        width={width === 'full' ? 'full' : undefined}\n                        textAlign={width === 'auto' ? 'center' : align}\n                    >\n                        {children}\n                    </Box>\n                ) : null}\n\n                {endIcon || (loading && !startIcon) ? (\n                    <Box display=\"flex\" className={styles.endIcon} aria-hidden>\n                        {loading ? <Spinner /> : endIcon}\n                    </Box>\n                ) : null}\n            </>\n        </Role.button>\n    )\n\n    return tooltip ? <Tooltip content={tooltip}>{buttonElement}</Tooltip> : buttonElement\n})\n\ninterface IconButtonProps extends CommonButtonProps {\n    /**\n     * The icon to display inside the button.\n     */\n    icon: IconElement\n\n    /**\n     * The button label.\n     *\n     * It is used for assistive technologies, and it is also shown as a tooltip (if not tooltip is\n     * provided explicitly).\n     */\n    'aria-label': string\n}\n\n/**\n * A button element that displays an icon only, visually, though it is semantically labelled. It\n * also makes sure to always show a tooltip with its label. It follows the\n * [WAI-ARIA Button Pattern](https://www.w3.org/TR/wai-aria-practices/#button).\n */\nconst IconButton = React.forwardRef<HTMLButtonElement, IconButtonProps>(function IconButton(\n    {\n        variant,\n        tone = 'normal',\n        size = 'normal',\n        shape = 'normal',\n        type = 'button',\n        disabled = false,\n        loading = false,\n        tooltip,\n        render,\n        onClick,\n        exceptionallySetClassName,\n        children,\n        icon,\n        ...props\n    },\n    ref,\n) {\n    const isDisabled = loading || disabled\n    const buttonElement = (\n        <Role.button\n            {...props}\n            render={render}\n            type={render != null ? undefined : type}\n            ref={ref}\n            aria-disabled={isDisabled}\n            onClick={isDisabled ? preventDefault : onClick}\n            className={classNames([\n                exceptionallySetClassName,\n                styles.baseButton,\n                styles[`variant-${variant}`],\n                styles[`tone-${tone}`],\n                styles[`size-${size}`],\n                shape === 'rounded' ? styles['shape-rounded'] : null,\n                styles.iconButton,\n                disabled ? styles.disabled : null,\n            ])}\n        >\n            {(loading && <Spinner />) || icon}\n        </Role.button>\n    )\n\n    const tooltipContent = tooltip === undefined ? props['aria-label'] : tooltip\n    return tooltipContent ? (\n        <Tooltip content={tooltipContent}>{buttonElement}</Tooltip>\n    ) : (\n        buttonElement\n    )\n})\n\nexport type { ButtonProps, IconButtonProps, ButtonVariant, ButtonTone }\nexport { Button, IconButton }\n"],"names":["preventDefault","event","Button","React","forwardRef","ref","variant","tone","size","shape","type","disabled","loading","tooltip","render","onClick","exceptionallySetClassName","children","startIcon","endIcon","width","align","props","isDisabled","buttonElement","createElement","Role","button","_objectSpread","undefined","className","classNames","getBoxClassNames","styles","baseButton","Fragment","Box","display","Spinner","as","label","overflow","textAlign","Tooltip","content","IconButton","icon","iconButton","tooltipContent"],"mappings":"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"}
+{"version":3,"file":"button.js","sources":["../../src/button/button.tsx"],"sourcesContent":[null],"names":["styles"],"mappings":"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"}

package/es/checkbox-field/checkbox-field.js

@@ -1,4 +1,4 @@
-import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
+import { __rest, __assign } from 'tslib';
 import * as React from 'react';
 import { Box } from '../box/box.js';
 import { Text } from '../text/text.js';
@@ -6,82 +6,53 @@ import { CheckboxIcon } from './checkbox-icon.js';
 import modules_664a6a80 from './checkbox-field.module.css.js';
 import { useForkRef } from './use-fork-ref.js';
 
-const _excluded = ["label", "icon", "disabled", "indeterminate", "defaultChecked", "onChange"];
-const CheckboxField = /*#__PURE__*/React.forwardRef(function CheckboxField(_ref, ref) {
-  var _ref2, _props$checked, _props$checked2;
-
-  let {
-    label,
-    icon,
-    disabled,
-    indeterminate,
-    defaultChecked,
-    onChange
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  const 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');
-  }
-
-  const [keyFocused, setKeyFocused] = React.useState(false);
-  const [checkedState, setChecked] = React.useState((_ref2 = (_props$checked = props.checked) != null ? _props$checked : defaultChecked) != null ? _ref2 : false);
-  const isChecked = (_props$checked2 = props.checked) != null ? _props$checked2 : checkedState;
-  const internalRef = React.useRef(null);
-  const combinedRef = useForkRef(internalRef, ref);
-  React.useEffect(function setIndeterminate() {
-    if (internalRef.current && typeof indeterminate === 'boolean') {
-      internalRef.current.indeterminate = indeterminate;
+var CheckboxField = React.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 = __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;
     }
-  }, [indeterminate]);
-  return /*#__PURE__*/React.createElement(Box, {
-    as: "label",
-    display: "flex",
-    alignItems: "center",
-    className: [modules_664a6a80.container, disabled ? modules_664a6a80.disabled : null, isChecked ? modules_664a6a80.checked : null, keyFocused ? modules_664a6a80.keyFocused : null]
-  }, /*#__PURE__*/React.createElement("input", _objectSpread2(_objectSpread2({}, props), {}, {
-    ref: combinedRef,
-    type: "checkbox",
-    "aria-checked": indeterminate ? 'mixed' : isChecked,
-    checked: isChecked,
-    disabled: disabled,
-    onChange: event => {
-      onChange == null ? void 0 : onChange(event);
-
-      if (!event.defaultPrevented) {
-        setChecked(event.currentTarget.checked);
-      }
-    },
-    onBlur: event => {
-      setKeyFocused(false);
-      props == null ? void 0 : props.onBlur == null ? void 0 : props.onBlur(event);
-    },
-    onKeyUp: event => {
-      setKeyFocused(true);
-      props == null ? void 0 : props.onKeyUp == null ? void 0 : props.onKeyUp(event);
+    if (!label && !props['aria-label'] && !props['aria-labelledby']) {
+        // eslint-disable-next-line no-console
+        console.warn('A Checkbox needs a label');
     }
-  })), /*#__PURE__*/React.createElement(CheckboxIcon, {
-    checked: isChecked,
-    disabled: disabled,
-    indeterminate: indeterminate,
-    "aria-hidden": true
-  }), icon ? /*#__PURE__*/React.createElement(Box, {
-    display: "flex",
-    className: modules_664a6a80.icon,
-    "aria-hidden": true
-  }, icon) : null, label ? /*#__PURE__*/React.createElement(Box, {
-    display: "flex",
-    className: modules_664a6a80.label
-  }, /*#__PURE__*/React.createElement(Text, null, label)) : null);
+    var _e = React.useState(false), keyFocused = _e[0], setKeyFocused = _e[1];
+    var _f = React.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.useRef(null);
+    var combinedRef = useForkRef(internalRef, ref);
+    React.useEffect(function setIndeterminate() {
+        if (internalRef.current && typeof indeterminate === 'boolean') {
+            internalRef.current.indeterminate = indeterminate;
+        }
+    }, [indeterminate]);
+    return (React.createElement(Box, { as: "label", display: "flex", alignItems: "center", className: [
+            modules_664a6a80.container,
+            disabled ? modules_664a6a80.disabled : null,
+            isChecked ? modules_664a6a80.checked : null,
+            keyFocused ? modules_664a6a80.keyFocused : null,
+        ] },
+        React.createElement("input", __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.createElement(CheckboxIcon, { checked: isChecked, disabled: disabled, indeterminate: indeterminate, "aria-hidden": true }),
+        icon ? (React.createElement(Box, { display: "flex", className: modules_664a6a80.icon, "aria-hidden": true }, icon)) : null,
+        label ? (React.createElement(Box, { display: "flex", className: modules_664a6a80.label },
+            React.createElement(Text, null, label))) : null));
 });
 
 export { CheckboxField };

package/es/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":["CheckboxField","React","forwardRef","ref","label","icon","disabled","indeterminate","defaultChecked","onChange","props","isControlledComponent","checked","console","warn","undefined","keyFocused","setKeyFocused","useState","checkedState","setChecked","isChecked","internalRef","useRef","combinedRef","useForkRef","useEffect","setIndeterminate","current","createElement","Box","as","display","alignItems","className","styles","container","type","event","defaultPrevented","currentTarget","onBlur","onKeyUp","CheckboxIcon","Text"],"mappings":"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"}
+{"version":3,"file":"checkbox-field.js","sources":["../../src/checkbox-field/checkbox-field.tsx"],"sourcesContent":[null],"names":["styles"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-var modules_664a6a80 = {"container":"_84dfdb83","disabled":"_131a2ca4","checked":"_95b1556d","keyFocused":"_49de7ebd","icon":"_6b4b1851","label":"_9047f3bd"};
+var modules_664a6a80 = {"disabled":"_131a2ca4","checked":"_95b1556d","keyFocused":"_49de7ebd","icon":"_6b4b1851","label":"_9047f3bd","container":"_84dfdb83"};
 
 export { modules_664a6a80 as default };
 //# sourceMappingURL=checkbox-field.module.css.js.map

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

@@ -1,62 +1,35 @@
-import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
+import { __rest, __assign } from 'tslib';
 import * as React from 'react';
 
-const _excluded = ["checked", "indeterminate", "disabled"];
-const 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'
+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({
-  checked,
-  indeterminate,
-  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 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(_ref) {
-  let {
-    checked,
-    indeterminate,
-    disabled
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  const pathKey = getPathKey({
-    checked,
-    indeterminate,
-    disabled
-  });
-  return /*#__PURE__*/React.createElement("svg", _objectSpread2({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "24",
-    height: "24",
-    viewBox: "0 0 24 24"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    fill: "currentColor",
-    fillRule: "nonzero",
-    d: svgPath[pathKey]
-  }));
+function CheckboxIcon(_a) {
+    var checked = _a.checked, indeterminate = _a.indeterminate, disabled = _a.disabled, props = __rest(_a, ["checked", "indeterminate", "disabled"]);
+    var pathKey = getPathKey({ checked: checked, indeterminate: indeterminate, disabled: disabled });
+    return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
+        React.createElement("path", { fill: "currentColor", fillRule: "nonzero", d: svgPath[pathKey] })));
 }
 
 export { CheckboxIcon };

package/es/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","getPathKey","indeterminate","disabled","CheckboxIcon","props","pathKey","React","createElement","_objectSpread","xmlns","width","height","viewBox","fill","fillRule","d"],"mappings":";;;;AAEA,MAAMA,OAAO,GAAG;AACZC,EAAAA,OAAO,EACH,2LAFQ;AAGZC,EAAAA,SAAS,EACL,iJAJQ;AAKZC,EAAAA,KAAK,EACD,gHANQ;AAOZC,EAAAA,MAAM,EACF,yHAAA;AARQ,CAAhB,CAAA;;AAiBA,SAASC,UAAT,CAAoB;EAAEJ,OAAF;EAAWK,aAAX;AAA0BC,EAAAA,QAAAA;AAA1B,CAApB,EAA+D;AAC3D,EAAA,IAAID,aAAJ,EAAmB;IACf,OAAO,OAAP,CADe;AAElB,GAAA;;AAED,EAAA,IAAIL,OAAJ,EAAa;AACT,IAAA,OAAO,SAAP,CAAA;AACH,GAP0D;AAU3D;AACA;AACA;AACA;;;AACA,EAAA,IAAIM,QAAJ,EAAc;AACV,IAAA,OAAO,QAAP,CAAA;AACH,GAAA;;AAED,EAAA,OAAO,WAAP,CAAA;AACH,CAAA;;AAED,SAASC,YAAT,CAA2E,IAAA,EAAA;EAAA,IAArD;IAAEP,OAAF;IAAWK,aAAX;AAA0BC,IAAAA,QAAAA;GAA2B,GAAA,IAAA;AAAA,MAAdE,KAAc,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;;EACvE,MAAMC,OAAO,GAAGL,UAAU,CAAC;IAAEJ,OAAF;IAAWK,aAAX;AAA0BC,IAAAA,QAAAA;AAA1B,GAAD,CAA1B,CAAA;AACA,EAAA,oBACII,KACI,CAAAC,aADJ,CACI,KADJ,EAAAC,cAAA,CAAA;AACIC,IAAAA,KAAK,EAAC,4BADV;AAEIC,IAAAA,KAAK,EAAC,IAFV;AAGIC,IAAAA,MAAM,EAAC,IAHX;AAIIC,IAAAA,OAAO,EAAC,WAAA;AAJZ,GAAA,EAKQR,KALR,CAOIE,eAAAA,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMM,IAAAA,IAAI,EAAC,cAAX;AAA0BC,IAAAA,QAAQ,EAAC,SAAnC;IAA6CC,CAAC,EAAEpB,OAAO,CAACU,OAAD,CAAA;AAAvD,GAAA,CAPJ,CADJ,CAAA;AAWH;;;;"}
+{"version":3,"file":"checkbox-icon.js","sources":["../../src/checkbox-field/checkbox-icon.tsx"],"sourcesContent":[null],"names":[],"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,GAA5C,MAAA,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,QACI,KACI,CAAA,aAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,IACf,KAAK,CAAA;AAET,QAAA,KAAA,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/es/checkbox-field/use-fork-ref.js

@@ -1,34 +1,38 @@
 import { useMemo } from 'react';
 
-/**
- * Sets both a function and object React ref.
+/**
+ * Sets both a function and object React ref.
  */
-
 function setRef(ref, value) {
-  if (typeof ref === 'function') {
-    ref(value);
-  } else if (ref) {
-    ref.current = 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)} />;
- * });
+/**
+ * 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(...refs) {
-  return useMemo(() => {
-    if (!refs.some(Boolean)) return;
-    return value => {
-      refs.forEach(ref => setRef(ref, value));
-    };
-  }, // eslint-disable-next-line react-hooks/exhaustive-deps
-  refs);
+function useForkRef() {
+    var refs = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        refs[_i] = arguments[_i];
+    }
+    return 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);
 }
 
 export { useForkRef };

package/es/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":["setRef","ref","value","current","useForkRef","refs","useMemo","some","Boolean","forEach"],"mappings":";;AAEA;;AAEG;;AACH,SAASA,MAAT,CACIC,GADJ,EAEIC,KAFJ,EAEY;AAER,EAAA,IAAI,OAAOD,GAAP,KAAe,UAAnB,EAA+B;IAC3BA,GAAG,CAACC,KAAD,CAAH,CAAA;GADJ,MAEO,IAAID,GAAJ,EAAS;IACZA,GAAG,CAACE,OAAJ,GAAcD,KAAd,CAAA;AACH,GAAA;AACJ,CAAA;AAED;;;;;;;AAOG;;;AACH,SAASE,UAAT,CAAoB,GAAGC,IAAvB,EAAkE;EAC9D,OAAOC,OAAO,CACV,MAAK;AACD,IAAA,IAAI,CAACD,IAAI,CAACE,IAAL,CAAUC,OAAV,CAAL,EAAyB,OAAA;AACzB,IAAA,OAAQN,KAAD,IAAmB;MACtBG,IAAI,CAACI,OAAL,CAAcR,GAAD,IAASD,MAAM,CAACC,GAAD,EAAMC,KAAN,CAA5B,CAAA,CAAA;KADJ,CAAA;AAGH,GANS;AAQVG,EAAAA,IARU,CAAd,CAAA;AAUH;;;;"}
+{"version":3,"file":"use-fork-ref.js","sources":["../../src/checkbox-field/use-fork-ref.ts"],"sourcesContent":[null],"names":[],"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,OAAO,OAAO,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;;;;"}