@fluentui/react-checkbox 9.1.3 → 9.1.5

package/lib-commonjs/components/Checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../src/packages/react-components/react-checkbox/src/components/Checkbox/index.ts"],"sourcesContent":["export * from './Checkbox';\nexport * from './Checkbox.types';\nexport * from './renderCheckbox';\nexport * from './useCheckbox';\nexport * from './useCheckboxStyles';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,gBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,sBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,sBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,mBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,yBAAAC,OAAA"}
+{"version":3,"sources":["../../../lib/components/Checkbox/index.js"],"sourcesContent":["export * from './Checkbox';\nexport * from './Checkbox.types';\nexport * from './renderCheckbox';\nexport * from './useCheckbox';\nexport * from './useCheckboxStyles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}

package/lib-commonjs/components/Checkbox/renderCheckbox.js

@@ -1,27 +1,17 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "renderCheckbox_unstable", {
+    enumerable: true,
+    get: ()=>renderCheckbox_unstable
 });
-exports.renderCheckbox_unstable = void 0;
-const React = /*#__PURE__*/require("react");
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-const renderCheckbox_unstable = state => {
-  const {
-    slots,
-    slotProps
-  } = react_utilities_1.getSlots(state);
-  return React.createElement(slots.root, {
-    ...slotProps.root
-  }, React.createElement(slots.input, {
-    ...slotProps.input
-  }), state.labelPosition === 'before' && slots.label && React.createElement(slots.label, {
-    ...slotProps.label
-  }), React.createElement(slots.indicator, {
-    ...slotProps.indicator
-  }), state.labelPosition === 'after' && slots.label && React.createElement(slots.label, {
-    ...slotProps.label
-  }));
-};
-exports.renderCheckbox_unstable = renderCheckbox_unstable;
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _reactUtilities = require("@fluentui/react-utilities");
+const renderCheckbox_unstable = (state)=>{
+    const { slots , slotProps  } = (0, _reactUtilities.getSlots)(state);
+    return /*#__PURE__*/ _react.createElement(slots.root, slotProps.root, /*#__PURE__*/ _react.createElement(slots.input, slotProps.input), state.labelPosition === 'before' && slots.label && /*#__PURE__*/ _react.createElement(slots.label, slotProps.label), /*#__PURE__*/ _react.createElement(slots.indicator, slotProps.indicator), state.labelPosition === 'after' && slots.label && /*#__PURE__*/ _react.createElement(slots.label, slotProps.label));
+}; //# sourceMappingURL=renderCheckbox.js.map
+
 //# sourceMappingURL=renderCheckbox.js.map

package/lib-commonjs/components/Checkbox/renderCheckbox.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","require","react_utilities_1","renderCheckbox_unstable","state","slots","slotProps","getSlots","createElement","root","input","labelPosition","label","indicator","exports"],"sources":["../src/packages/react-components/react-checkbox/src/components/Checkbox/renderCheckbox.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport { CheckboxState, CheckboxSlots } from './Checkbox.types';\n\nexport const renderCheckbox_unstable = (state: CheckboxState) => {\n  const { slots, slotProps } = getSlots<CheckboxSlots>(state);\n\n  return (\n    <slots.root {...slotProps.root}>\n      <slots.input {...slotProps.input} />\n      {state.labelPosition === 'before' && slots.label && <slots.label {...slotProps.label} />}\n      <slots.indicator {...slotProps.indicator} />\n      {state.labelPosition === 'after' && slots.label && <slots.label {...slotProps.label} />}\n    </slots.root>\n  );\n};\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AAGO,MAAME,uBAAuB,GAAIC,KAAoB,IAAI;EAC9D,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAE,GAAGJ,iBAAA,CAAAK,QAAQ,CAAgBH,KAAK,CAAC;EAE3D,OACEJ,KAAA,CAAAQ,aAAA,CAACH,KAAK,CAACI,IAAI;IAAA,GAAKH,SAAS,CAACG;EAAI,GAC5BT,KAAA,CAAAQ,aAAA,CAACH,KAAK,CAACK,KAAK;IAAA,GAAKJ,SAAS,CAACI;EAAK,EAAI,EACnCN,KAAK,CAACO,aAAa,KAAK,QAAQ,IAAIN,KAAK,CAACO,KAAK,IAAIZ,KAAA,CAAAQ,aAAA,CAACH,KAAK,CAACO,KAAK;IAAA,GAAKN,SAAS,CAACM;EAAK,EAAI,EACxFZ,KAAA,CAAAQ,aAAA,CAACH,KAAK,CAACQ,SAAS;IAAA,GAAKP,SAAS,CAACO;EAAS,EAAI,EAC3CT,KAAK,CAACO,aAAa,KAAK,OAAO,IAAIN,KAAK,CAACO,KAAK,IAAIZ,KAAA,CAAAQ,aAAA,CAACH,KAAK,CAACO,KAAK;IAAA,GAAKN,SAAS,CAACM;EAAK,EAAI,CAC5E;AAEjB,CAAC;AAXYE,OAAA,CAAAX,uBAAuB,GAAAA,uBAAA"}
+{"version":3,"sources":["../../../lib/components/Checkbox/renderCheckbox.js"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nexport const renderCheckbox_unstable = state => {\n  const {\n    slots,\n    slotProps\n  } = getSlots(state);\n  return /*#__PURE__*/React.createElement(slots.root, slotProps.root, /*#__PURE__*/React.createElement(slots.input, slotProps.input), state.labelPosition === 'before' && slots.label && /*#__PURE__*/React.createElement(slots.label, slotProps.label), /*#__PURE__*/React.createElement(slots.indicator, slotProps.indicator), state.labelPosition === 'after' && slots.label && /*#__PURE__*/React.createElement(slots.label, slotProps.label));\n};\n//# sourceMappingURL=renderCheckbox.js.map"],"names":["renderCheckbox_unstable","state","slots","slotProps","getSlots","React","createElement","root","input","labelPosition","label","indicator"],"mappings":";;;;+BAEaA;;aAAAA;;;6DAFU;gCACE;AAClB,MAAMA,0BAA0BC,CAAAA,QAAS;IAC9C,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,wBAAQ,EAACH;IACb,OAAO,WAAW,GAAEI,OAAMC,aAAa,CAACJ,MAAMK,IAAI,EAAEJ,UAAUI,IAAI,EAAE,WAAW,GAAEF,OAAMC,aAAa,CAACJ,MAAMM,KAAK,EAAEL,UAAUK,KAAK,GAAGP,MAAMQ,aAAa,KAAK,YAAYP,MAAMQ,KAAK,IAAI,WAAW,GAAEL,OAAMC,aAAa,CAACJ,MAAMQ,KAAK,EAAEP,UAAUO,KAAK,GAAG,WAAW,GAAEL,OAAMC,aAAa,CAACJ,MAAMS,SAAS,EAAER,UAAUQ,SAAS,GAAGV,MAAMQ,aAAa,KAAK,WAAWP,MAAMQ,KAAK,IAAI,WAAW,GAAEL,OAAMC,aAAa,CAACJ,MAAMQ,KAAK,EAAEP,UAAUO,KAAK;AAChb,GACA,0CAA0C"}

package/lib-commonjs/components/Checkbox/useCheckbox.js

@@ -1,120 +1,114 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "useCheckbox_unstable", {
+    enumerable: true,
+    get: ()=>useCheckbox_unstable
 });
-exports.useCheckbox_unstable = void 0;
-const React = /*#__PURE__*/require("react");
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-const react_icons_1 = /*#__PURE__*/require("@fluentui/react-icons");
-const react_label_1 = /*#__PURE__*/require("@fluentui/react-label");
-const react_tabster_1 = /*#__PURE__*/require("@fluentui/react-tabster");
-/**
- * Create the state required to render Checkbox.
- *
- * The returned state can be modified with hooks such as useCheckboxStyles_unstable,
- * before being passed to renderCheckbox_unstable.
- *
- * @param props - props from this instance of Checkbox
- * @param ref - reference to `<input>` element of Checkbox
- */
-const useCheckbox_unstable = (props, ref) => {
-  const {
-    disabled = false,
-    required,
-    shape = 'square',
-    size = 'medium',
-    labelPosition = 'after',
-    onChange
-  } = props;
-  const [checked, setChecked] = react_utilities_1.useControllableState({
-    defaultState: props.defaultChecked,
-    state: props.checked,
-    initialState: false
-  });
-  const nativeProps = react_utilities_1.getPartitionedNativeProps({
-    props,
-    primarySlotTagName: 'input',
-    excludedPropNames: ['checked', 'defaultChecked', 'size', 'onChange']
-  });
-  const mixed = checked === 'mixed';
-  const id = react_utilities_1.useId('checkbox-', nativeProps.primary.id);
-  let checkmarkIcon;
-  if (mixed) {
-    if (shape === 'circular') {
-      checkmarkIcon = React.createElement(react_icons_1.CircleFilled, null);
-    } else {
-      checkmarkIcon = size === 'large' ? React.createElement(react_icons_1.Square16Filled, null) : React.createElement(react_icons_1.Square12Filled, null);
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _reactUtilities = require("@fluentui/react-utilities");
+const _reactIcons = require("@fluentui/react-icons");
+const _reactLabel = require("@fluentui/react-label");
+const _reactTabster = require("@fluentui/react-tabster");
+const useCheckbox_unstable = (props, ref)=>{
+    const { disabled =false , required , shape ='square' , size ='medium' , labelPosition ='after' , onChange  } = props;
+    const [checked, setChecked] = (0, _reactUtilities.useControllableState)({
+        defaultState: props.defaultChecked,
+        state: props.checked,
+        initialState: false
+    });
+    const nativeProps = (0, _reactUtilities.getPartitionedNativeProps)({
+        props,
+        primarySlotTagName: 'input',
+        excludedPropNames: [
+            'checked',
+            'defaultChecked',
+            'size',
+            'onChange'
+        ]
+    });
+    const mixed = checked === 'mixed';
+    const id = (0, _reactUtilities.useId)('checkbox-', nativeProps.primary.id);
+    let checkmarkIcon;
+    if (mixed) {
+        if (shape === 'circular') {
+            checkmarkIcon = /*#__PURE__*/ _react.createElement(_reactIcons.CircleFilled, null);
+        } else {
+            checkmarkIcon = size === 'large' ? /*#__PURE__*/ _react.createElement(_reactIcons.Square16Filled, null) : /*#__PURE__*/ _react.createElement(_reactIcons.Square12Filled, null);
+        }
+    } else if (checked) {
+        checkmarkIcon = size === 'large' ? /*#__PURE__*/ _react.createElement(_reactIcons.Checkmark16Filled, null) : /*#__PURE__*/ _react.createElement(_reactIcons.Checkmark12Filled, null);
     }
-  } else if (checked) {
-    checkmarkIcon = size === 'large' ? React.createElement(react_icons_1.Checkmark16Filled, null) : React.createElement(react_icons_1.Checkmark12Filled, null);
-  }
-  const state = {
-    shape,
-    checked,
-    disabled,
-    size,
-    labelPosition,
-    components: {
-      root: 'span',
-      input: 'input',
-      indicator: 'div',
-      label: react_label_1.Label
-    },
-    root: react_utilities_1.resolveShorthand(props.root, {
-      required: true,
-      defaultProps: {
-        ref: react_tabster_1.useFocusWithin(),
-        ...nativeProps.root
-      }
-    }),
-    input: react_utilities_1.resolveShorthand(props.input, {
-      required: true,
-      defaultProps: {
-        type: 'checkbox',
-        id,
-        ref,
-        checked: checked === true,
-        ...nativeProps.primary
-      }
-    }),
-    label: react_utilities_1.resolveShorthand(props.label, {
-      required: false,
-      defaultProps: {
-        htmlFor: id,
+    const state = {
+        shape,
+        checked,
         disabled,
-        required,
-        size: 'medium' // Even if the checkbox itself is large
-      }
-    }),
-
-    indicator: react_utilities_1.resolveShorthand(props.indicator, {
-      required: true,
-      defaultProps: {
-        'aria-hidden': true,
-        children: checkmarkIcon
-      }
-    })
-  };
-  state.input.onChange = react_utilities_1.useEventCallback(ev => {
-    const val = ev.currentTarget.indeterminate ? 'mixed' : ev.currentTarget.checked;
-    onChange === null || onChange === void 0 ? void 0 : onChange(ev, {
-      checked: val
+        size,
+        labelPosition,
+        components: {
+            root: 'span',
+            input: 'input',
+            indicator: 'div',
+            label: _reactLabel.Label
+        },
+        root: (0, _reactUtilities.resolveShorthand)(props.root, {
+            required: true,
+            defaultProps: {
+                ref: (0, _reactTabster.useFocusWithin)(),
+                ...nativeProps.root
+            }
+        }),
+        input: (0, _reactUtilities.resolveShorthand)(props.input, {
+            required: true,
+            defaultProps: {
+                type: 'checkbox',
+                id,
+                ref,
+                checked: checked === true,
+                ...nativeProps.primary
+            }
+        }),
+        label: (0, _reactUtilities.resolveShorthand)(props.label, {
+            required: false,
+            defaultProps: {
+                htmlFor: id,
+                disabled,
+                required,
+                size: 'medium'
+            }
+        }),
+        indicator: (0, _reactUtilities.resolveShorthand)(props.indicator, {
+            required: true,
+            defaultProps: {
+                'aria-hidden': true,
+                children: checkmarkIcon
+            }
+        })
+    };
+    state.input.onChange = (0, _reactUtilities.useEventCallback)((ev)=>{
+        const val = ev.currentTarget.indeterminate ? 'mixed' : ev.currentTarget.checked;
+        onChange === null || onChange === void 0 ? void 0 : onChange(ev, {
+            checked: val
+        });
+        setChecked(val);
     });
-    setChecked(val);
-  });
-  // Create a ref object for the input element so we can use it to set the indeterminate prop.
-  // Use useMergedRefs, since the ref might be undefined or a function-ref (no .current)
-  const inputRef = react_utilities_1.useMergedRefs(state.input.ref);
-  state.input.ref = inputRef;
-  // Set the <input> element's checked and indeterminate properties based on our tri-state property.
-  // Since indeterminate can only be set via javascript, it has to be done in a layout effect.
-  react_utilities_1.useIsomorphicLayoutEffect(() => {
-    if (inputRef.current) {
-      inputRef.current.indeterminate = mixed;
-    }
-  }, [inputRef, mixed]);
-  return state;
-};
-exports.useCheckbox_unstable = useCheckbox_unstable;
+    // Create a ref object for the input element so we can use it to set the indeterminate prop.
+    // Use useMergedRefs, since the ref might be undefined or a function-ref (no .current)
+    const inputRef = (0, _reactUtilities.useMergedRefs)(state.input.ref);
+    state.input.ref = inputRef;
+    // Set the <input> element's checked and indeterminate properties based on our tri-state property.
+    // Since indeterminate can only be set via javascript, it has to be done in a layout effect.
+    (0, _reactUtilities.useIsomorphicLayoutEffect)(()=>{
+        if (inputRef.current) {
+            inputRef.current.indeterminate = mixed;
+        }
+    }, [
+        inputRef,
+        mixed
+    ]);
+    return state;
+}; //# sourceMappingURL=useCheckbox.js.map
+
 //# sourceMappingURL=useCheckbox.js.map

package/lib-commonjs/components/Checkbox/useCheckbox.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","require","react_utilities_1","react_icons_1","react_label_1","react_tabster_1","useCheckbox_unstable","props","ref","disabled","required","shape","size","labelPosition","onChange","checked","setChecked","useControllableState","defaultState","defaultChecked","state","initialState","nativeProps","getPartitionedNativeProps","primarySlotTagName","excludedPropNames","mixed","id","useId","primary","checkmarkIcon","createElement","CircleFilled","Square16Filled","Square12Filled","Checkmark16Filled","Checkmark12Filled","components","root","input","indicator","label","Label","resolveShorthand","defaultProps","useFocusWithin","type","htmlFor","children","useEventCallback","ev","val","currentTarget","indeterminate","inputRef","useMergedRefs","useIsomorphicLayoutEffect","current","exports"],"sources":["../src/packages/react-components/react-checkbox/src/components/Checkbox/useCheckbox.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  getPartitionedNativeProps,\n  resolveShorthand,\n  useControllableState,\n  useEventCallback,\n  useId,\n  useIsomorphicLayoutEffect,\n  useMergedRefs,\n} from '@fluentui/react-utilities';\nimport { CheckboxProps, CheckboxState } from './Checkbox.types';\nimport {\n  Checkmark12Filled,\n  Checkmark16Filled,\n  Square12Filled,\n  Square16Filled,\n  CircleFilled,\n} from '@fluentui/react-icons';\nimport { Label } from '@fluentui/react-label';\nimport { useFocusWithin } from '@fluentui/react-tabster';\n\n/**\n * Create the state required to render Checkbox.\n *\n * The returned state can be modified with hooks such as useCheckboxStyles_unstable,\n * before being passed to renderCheckbox_unstable.\n *\n * @param props - props from this instance of Checkbox\n * @param ref - reference to `<input>` element of Checkbox\n */\nexport const useCheckbox_unstable = (props: CheckboxProps, ref: React.Ref<HTMLInputElement>): CheckboxState => {\n  const { disabled = false, required, shape = 'square', size = 'medium', labelPosition = 'after', onChange } = props;\n\n  const [checked, setChecked] = useControllableState({\n    defaultState: props.defaultChecked,\n    state: props.checked,\n    initialState: false,\n  });\n\n  const nativeProps = getPartitionedNativeProps({\n    props,\n    primarySlotTagName: 'input',\n    excludedPropNames: ['checked', 'defaultChecked', 'size', 'onChange'],\n  });\n\n  const mixed = checked === 'mixed';\n  const id = useId('checkbox-', nativeProps.primary.id);\n\n  let checkmarkIcon;\n  if (mixed) {\n    if (shape === 'circular') {\n      checkmarkIcon = <CircleFilled />;\n    } else {\n      checkmarkIcon = size === 'large' ? <Square16Filled /> : <Square12Filled />;\n    }\n  } else if (checked) {\n    checkmarkIcon = size === 'large' ? <Checkmark16Filled /> : <Checkmark12Filled />;\n  }\n\n  const state: CheckboxState = {\n    shape,\n    checked,\n    disabled,\n    size,\n    labelPosition,\n    components: {\n      root: 'span',\n      input: 'input',\n      indicator: 'div',\n      label: Label,\n    },\n    root: resolveShorthand(props.root, {\n      required: true,\n      defaultProps: {\n        ref: useFocusWithin<HTMLSpanElement>(),\n        ...nativeProps.root,\n      },\n    }),\n    input: resolveShorthand(props.input, {\n      required: true,\n      defaultProps: {\n        type: 'checkbox',\n        id,\n        ref,\n        checked: checked === true,\n        ...nativeProps.primary,\n      },\n    }),\n    label: resolveShorthand(props.label, {\n      required: false,\n      defaultProps: {\n        htmlFor: id,\n        disabled,\n        required,\n        size: 'medium', // Even if the checkbox itself is large\n      },\n    }),\n    indicator: resolveShorthand(props.indicator, {\n      required: true,\n      defaultProps: {\n        'aria-hidden': true,\n        children: checkmarkIcon,\n      },\n    }),\n  };\n\n  state.input.onChange = useEventCallback(ev => {\n    const val = ev.currentTarget.indeterminate ? 'mixed' : ev.currentTarget.checked;\n    onChange?.(ev, { checked: val });\n    setChecked(val);\n  });\n\n  // Create a ref object for the input element so we can use it to set the indeterminate prop.\n  // Use useMergedRefs, since the ref might be undefined or a function-ref (no .current)\n  const inputRef = useMergedRefs(state.input.ref);\n  state.input.ref = inputRef;\n\n  // Set the <input> element's checked and indeterminate properties based on our tri-state property.\n  // Since indeterminate can only be set via javascript, it has to be done in a layout effect.\n  useIsomorphicLayoutEffect(() => {\n    if (inputRef.current) {\n      inputRef.current.indeterminate = mixed;\n    }\n  }, [inputRef, mixed]);\n\n  return state;\n};\n"],"mappings":"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"}
+{"version":3,"sources":["../../../lib/components/Checkbox/useCheckbox.js"],"sourcesContent":["import * as React from 'react';\nimport { getPartitionedNativeProps, resolveShorthand, useControllableState, useEventCallback, useId, useIsomorphicLayoutEffect, useMergedRefs } from '@fluentui/react-utilities';\nimport { Checkmark12Filled, Checkmark16Filled, Square12Filled, Square16Filled, CircleFilled } from '@fluentui/react-icons';\nimport { Label } from '@fluentui/react-label';\nimport { useFocusWithin } from '@fluentui/react-tabster';\n/**\n * Create the state required to render Checkbox.\n *\n * The returned state can be modified with hooks such as useCheckboxStyles_unstable,\n * before being passed to renderCheckbox_unstable.\n *\n * @param props - props from this instance of Checkbox\n * @param ref - reference to `<input>` element of Checkbox\n */\nexport const useCheckbox_unstable = (props, ref) => {\n  const {\n    disabled = false,\n    required,\n    shape = 'square',\n    size = 'medium',\n    labelPosition = 'after',\n    onChange\n  } = props;\n  const [checked, setChecked] = useControllableState({\n    defaultState: props.defaultChecked,\n    state: props.checked,\n    initialState: false\n  });\n  const nativeProps = getPartitionedNativeProps({\n    props,\n    primarySlotTagName: 'input',\n    excludedPropNames: ['checked', 'defaultChecked', 'size', 'onChange']\n  });\n  const mixed = checked === 'mixed';\n  const id = useId('checkbox-', nativeProps.primary.id);\n  let checkmarkIcon;\n  if (mixed) {\n    if (shape === 'circular') {\n      checkmarkIcon = /*#__PURE__*/React.createElement(CircleFilled, null);\n    } else {\n      checkmarkIcon = size === 'large' ? /*#__PURE__*/React.createElement(Square16Filled, null) : /*#__PURE__*/React.createElement(Square12Filled, null);\n    }\n  } else if (checked) {\n    checkmarkIcon = size === 'large' ? /*#__PURE__*/React.createElement(Checkmark16Filled, null) : /*#__PURE__*/React.createElement(Checkmark12Filled, null);\n  }\n  const state = {\n    shape,\n    checked,\n    disabled,\n    size,\n    labelPosition,\n    components: {\n      root: 'span',\n      input: 'input',\n      indicator: 'div',\n      label: Label\n    },\n    root: resolveShorthand(props.root, {\n      required: true,\n      defaultProps: {\n        ref: useFocusWithin(),\n        ...nativeProps.root\n      }\n    }),\n    input: resolveShorthand(props.input, {\n      required: true,\n      defaultProps: {\n        type: 'checkbox',\n        id,\n        ref,\n        checked: checked === true,\n        ...nativeProps.primary\n      }\n    }),\n    label: resolveShorthand(props.label, {\n      required: false,\n      defaultProps: {\n        htmlFor: id,\n        disabled,\n        required,\n        size: 'medium'\n      }\n    }),\n    indicator: resolveShorthand(props.indicator, {\n      required: true,\n      defaultProps: {\n        'aria-hidden': true,\n        children: checkmarkIcon\n      }\n    })\n  };\n  state.input.onChange = useEventCallback(ev => {\n    const val = ev.currentTarget.indeterminate ? 'mixed' : ev.currentTarget.checked;\n    onChange === null || onChange === void 0 ? void 0 : onChange(ev, {\n      checked: val\n    });\n    setChecked(val);\n  });\n  // Create a ref object for the input element so we can use it to set the indeterminate prop.\n  // Use useMergedRefs, since the ref might be undefined or a function-ref (no .current)\n  const inputRef = useMergedRefs(state.input.ref);\n  state.input.ref = inputRef;\n  // Set the <input> element's checked and indeterminate properties based on our tri-state property.\n  // Since indeterminate can only be set via javascript, it has to be done in a layout effect.\n  useIsomorphicLayoutEffect(() => {\n    if (inputRef.current) {\n      inputRef.current.indeterminate = mixed;\n    }\n  }, [inputRef, mixed]);\n  return state;\n};\n//# sourceMappingURL=useCheckbox.js.map"],"names":["useCheckbox_unstable","props","ref","disabled","required","shape","size","labelPosition","onChange","checked","setChecked","useControllableState","defaultState","defaultChecked","state","initialState","nativeProps","getPartitionedNativeProps","primarySlotTagName","excludedPropNames","mixed","id","useId","primary","checkmarkIcon","React","createElement","CircleFilled","Square16Filled","Square12Filled","Checkmark16Filled","Checkmark12Filled","components","root","input","indicator","label","Label","resolveShorthand","defaultProps","useFocusWithin","type","htmlFor","children","useEventCallback","ev","val","currentTarget","indeterminate","inputRef","useMergedRefs","useIsomorphicLayoutEffect","current"],"mappings":"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"}