@fluentui/react-checkbox 9.1.3 → 9.1.5

package/lib-commonjs/components/CheckboxField/CheckboxField.js

@@ -1,25 +1,31 @@
-"use strict";
-
+/* eslint-disable deprecation/deprecation */ "use strict";
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.CheckboxField = exports.checkboxFieldClassNames = void 0;
-/* eslint-disable deprecation/deprecation */
-const react_field_1 = /*#__PURE__*/require("@fluentui/react-field");
-const Checkbox_1 = /*#__PURE__*/require("../../Checkbox");
-/** @deprecated Use Field with a Checkbox inside: `<Field><Checkbox /></Field>` */
-exports.checkboxFieldClassNames = /*#__PURE__*/react_field_1.getDeprecatedFieldClassNames(Checkbox_1.checkboxClassNames.root);
-/** @deprecated Use Field with a Checkbox inside: `<Field><Checkbox /></Field>` */
-exports.CheckboxField = /*#__PURE__*/react_field_1.makeDeprecatedField(Checkbox_1.Checkbox, {
-  mapProps: props => ({
-    ...props,
-    label: props.fieldLabel,
-    required: undefined,
-    control: {
-      ...props.control,
-      required: props.required,
-      label: props.label
-    }
-  })
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    checkboxFieldClassNames: ()=>checkboxFieldClassNames,
+    CheckboxField: ()=>CheckboxField
 });
+const _reactField = require("@fluentui/react-field");
+const _checkbox = require("../../Checkbox");
+const checkboxFieldClassNames = /*#__PURE__*/ (0, _reactField.getDeprecatedFieldClassNames)(_checkbox.checkboxClassNames.root);
+const CheckboxField = /*#__PURE__*/ (0, _reactField.makeDeprecatedField)(_checkbox.Checkbox, {
+    mapProps: (props)=>({
+            ...props,
+            label: props.fieldLabel,
+            required: undefined,
+            control: {
+                ...props.control,
+                required: props.required,
+                label: props.label
+            }
+        })
+}); //# sourceMappingURL=CheckboxField.js.map
+
 //# sourceMappingURL=CheckboxField.js.map

package/lib-commonjs/components/CheckboxField/CheckboxField.js.map

@@ -1 +1 @@
-{"version":3,"names":["react_field_1","require","Checkbox_1","exports","checkboxFieldClassNames","getDeprecatedFieldClassNames","checkboxClassNames","root","CheckboxField","makeDeprecatedField","Checkbox","mapProps","props","label","fieldLabel","required","undefined","control"],"sources":["../src/packages/react-components/react-checkbox/src/components/CheckboxField/CheckboxField.tsx"],"sourcesContent":["/* eslint-disable deprecation/deprecation */\nimport {\n  DeprecatedFieldProps,\n  FieldProps,\n  getDeprecatedFieldClassNames,\n  makeDeprecatedField,\n} from '@fluentui/react-field';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { Checkbox, checkboxClassNames, CheckboxProps } from '../../Checkbox';\n\n/** @deprecated Use Field with a Checkbox inside: `<Field><Checkbox /></Field>` */\nexport type CheckboxFieldProps = Omit<DeprecatedFieldProps<CheckboxProps>, 'label'> & {\n  label?: CheckboxProps['label'];\n  fieldLabel?: FieldProps['label'];\n};\n\n/** @deprecated Use Field with a Checkbox inside: `<Field><Checkbox /></Field>` */\nexport const checkboxFieldClassNames = getDeprecatedFieldClassNames(checkboxClassNames.root);\n\n/** @deprecated Use Field with a Checkbox inside: `<Field><Checkbox /></Field>` */\nexport const CheckboxField: ForwardRefComponent<CheckboxFieldProps> = makeDeprecatedField(Checkbox, {\n  mapProps: (props: CheckboxFieldProps) => ({\n    ...props,\n    label: props.fieldLabel,\n    required: undefined,\n    control: { ...props.control, required: props.required, label: props.label },\n  }),\n});\n"],"mappings":";;;;;;AAAA;AACA,MAAAA,aAAA,gBAAAC,OAAA;AAOA,MAAAC,UAAA,gBAAAD,OAAA;AAQA;AACaE,OAAA,CAAAC,uBAAuB,gBAAGJ,aAAA,CAAAK,4BAA4B,CAACH,UAAA,CAAAI,kBAAkB,CAACC,IAAI,CAAC;AAE5F;AACaJ,OAAA,CAAAK,aAAa,gBAA4CR,aAAA,CAAAS,mBAAmB,CAACP,UAAA,CAAAQ,QAAQ,EAAE;EAClGC,QAAQ,EAAGC,KAAyB,KAAM;IACxC,GAAGA,KAAK;IACRC,KAAK,EAAED,KAAK,CAACE,UAAU;IACvBC,QAAQ,EAAEC,SAAS;IACnBC,OAAO,EAAE;MAAE,GAAGL,KAAK,CAACK,OAAO;MAAEF,QAAQ,EAAEH,KAAK,CAACG,QAAQ;MAAEF,KAAK,EAAED,KAAK,CAACC;IAAK;GAC1E;CACF,CAAC"}
+{"version":3,"sources":["../../../lib/components/CheckboxField/CheckboxField.js"],"sourcesContent":["/* eslint-disable deprecation/deprecation */import { getDeprecatedFieldClassNames, makeDeprecatedField } from '@fluentui/react-field';\nimport { Checkbox, checkboxClassNames } from '../../Checkbox';\n/** @deprecated Use Field with a Checkbox inside: `<Field><Checkbox /></Field>` */\nexport const checkboxFieldClassNames = /*#__PURE__*/getDeprecatedFieldClassNames(checkboxClassNames.root);\n/** @deprecated Use Field with a Checkbox inside: `<Field><Checkbox /></Field>` */\nexport const CheckboxField = /*#__PURE__*/makeDeprecatedField(Checkbox, {\n  mapProps: props => ({\n    ...props,\n    label: props.fieldLabel,\n    required: undefined,\n    control: {\n      ...props.control,\n      required: props.required,\n      label: props.label\n    }\n  })\n});\n//# sourceMappingURL=CheckboxField.js.map"],"names":["checkboxFieldClassNames","CheckboxField","getDeprecatedFieldClassNames","checkboxClassNames","root","makeDeprecatedField","Checkbox","mapProps","props","label","fieldLabel","required","undefined","control"],"mappings":"AAAA,0CAA0C;;;;;;;;;;;IAG7BA,uBAAuB,MAAvBA;IAEAC,aAAa,MAAbA;;4BALiG;0BACjE;AAEtC,MAAMD,0BAA0B,WAAW,GAAEE,IAAAA,wCAA4B,EAACC,4BAAkB,CAACC,IAAI;AAEjG,MAAMH,gBAAgB,WAAW,GAAEI,IAAAA,+BAAmB,EAACC,kBAAQ,EAAE;IACtEC,UAAUC,CAAAA,QAAU,CAAA;YAClB,GAAGA,KAAK;YACRC,OAAOD,MAAME,UAAU;YACvBC,UAAUC;YACVC,SAAS;gBACP,GAAGL,MAAMK,OAAO;gBAChBF,UAAUH,MAAMG,QAAQ;gBACxBF,OAAOD,MAAMC,KAAK;YACpB;QACF,CAAA;AACF,IACA,yCAAyC"}

package/lib-commonjs/components/CheckboxField/index.js

@@ -1,8 +1,9 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-const tslib_1 = /*#__PURE__*/require("tslib");
-tslib_1.__exportStar(require("./CheckboxField"), exports);
+const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./CheckboxField"), exports);
+ //# sourceMappingURL=index.js.map
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../src/packages/react-components/react-checkbox/src/components/CheckboxField/index.ts"],"sourcesContent":["export * from './CheckboxField';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,qBAAAC,OAAA"}
+{"version":3,"sources":["../../../lib/components/CheckboxField/index.js"],"sourcesContent":["export * from './CheckboxField';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,iCAAiC"}

package/lib-commonjs/index.js

@@ -1,52 +1,24 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.checkboxFieldClassNames = exports.CheckboxField_unstable = exports.useCheckbox_unstable = exports.useCheckboxStyles_unstable = exports.renderCheckbox_unstable = exports.checkboxClassNames = exports.Checkbox = void 0;
-var Checkbox_1 = /*#__PURE__*/require("./Checkbox");
-Object.defineProperty(exports, "Checkbox", {
-  enumerable: true,
-  get: function () {
-    return Checkbox_1.Checkbox;
-  }
-});
-Object.defineProperty(exports, "checkboxClassNames", {
-  enumerable: true,
-  get: function () {
-    return Checkbox_1.checkboxClassNames;
-  }
-});
-Object.defineProperty(exports, "renderCheckbox_unstable", {
-  enumerable: true,
-  get: function () {
-    return Checkbox_1.renderCheckbox_unstable;
-  }
-});
-Object.defineProperty(exports, "useCheckboxStyles_unstable", {
-  enumerable: true,
-  get: function () {
-    return Checkbox_1.useCheckboxStyles_unstable;
-  }
-});
-Object.defineProperty(exports, "useCheckbox_unstable", {
-  enumerable: true,
-  get: function () {
-    return Checkbox_1.useCheckbox_unstable;
-  }
-});
-// eslint-disable-next-line deprecation/deprecation
-var CheckboxField_1 = /*#__PURE__*/require("./CheckboxField");
-Object.defineProperty(exports, "CheckboxField_unstable", {
-  enumerable: true,
-  get: function () {
-    return CheckboxField_1.CheckboxField;
-  }
-});
-Object.defineProperty(exports, "checkboxFieldClassNames", {
-  enumerable: true,
-  get: function () {
-    return CheckboxField_1.checkboxFieldClassNames;
-  }
-});
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    Checkbox: ()=>_checkbox.Checkbox,
+    checkboxClassNames: ()=>_checkbox.checkboxClassNames,
+    renderCheckbox_unstable: ()=>_checkbox.renderCheckbox_unstable,
+    useCheckboxStyles_unstable: ()=>_checkbox.useCheckboxStyles_unstable,
+    useCheckbox_unstable: ()=>_checkbox.useCheckbox_unstable,
+    CheckboxField_unstable: ()=>_checkboxField.CheckboxField,
+    checkboxFieldClassNames: ()=>_checkboxField.checkboxFieldClassNames
+});
+const _checkbox = require("./Checkbox");
+const _checkboxField = require("./CheckboxField");
+ //# sourceMappingURL=index.js.map
+
 //# sourceMappingURL=index.js.map

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Checkbox_1","require","Object","defineProperty","exports","enumerable","get","Checkbox","checkboxClassNames","renderCheckbox_unstable","useCheckboxStyles_unstable","useCheckbox_unstable","CheckboxField_1","CheckboxField","checkboxFieldClassNames"],"sources":["../src/packages/react-components/react-checkbox/src/index.ts"],"sourcesContent":["export {\n  Checkbox,\n  checkboxClassNames,\n  renderCheckbox_unstable,\n  useCheckboxStyles_unstable,\n  useCheckbox_unstable,\n} from './Checkbox';\nexport type { CheckboxOnChangeData, CheckboxProps, CheckboxSlots, CheckboxState } from './Checkbox';\n\n// eslint-disable-next-line deprecation/deprecation\nexport { CheckboxField as CheckboxField_unstable, checkboxFieldClassNames } from './CheckboxField';\n// eslint-disable-next-line deprecation/deprecation\nexport type { CheckboxFieldProps as CheckboxFieldProps_unstable } from './CheckboxField';\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,gBAAAC,OAAA;AACEC,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAN,UAAA,CAAAO,QAAQ;EAAA;AAAA;AACRL,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAN,UAAA,CAAAQ,kBAAkB;EAAA;AAAA;AAClBN,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAN,UAAA,CAAAS,uBAAuB;EAAA;AAAA;AACvBP,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAN,UAAA,CAAAU,0BAA0B;EAAA;AAAA;AAC1BR,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAN,UAAA,CAAAW,oBAAoB;EAAA;AAAA;AAItB;AACA,IAAAC,eAAA,gBAAAX,OAAA;AAASC,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAM,eAAA,CAAAC,aAAa;EAAA;AAAA;AAA4BX,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAM,eAAA,CAAAE,uBAAuB;EAAA;AAAA"}
+{"version":3,"sources":["../lib/index.js"],"sourcesContent":["export { Checkbox, checkboxClassNames, renderCheckbox_unstable, useCheckboxStyles_unstable, useCheckbox_unstable } from './Checkbox';\n// eslint-disable-next-line deprecation/deprecation\nexport { CheckboxField as CheckboxField_unstable, checkboxFieldClassNames } from './CheckboxField';\n//# sourceMappingURL=index.js.map"],"names":["Checkbox","checkboxClassNames","renderCheckbox_unstable","useCheckboxStyles_unstable","useCheckbox_unstable","CheckboxField_unstable","CheckboxField","checkboxFieldClassNames"],"mappings":";;;;;;;;;;;IAASA,QAAQ,MAARA,kBAAQ;IAAEC,kBAAkB,MAAlBA,4BAAkB;IAAEC,uBAAuB,MAAvBA,iCAAuB;IAAEC,0BAA0B,MAA1BA,oCAA0B;IAAEC,oBAAoB,MAApBA,8BAAoB;IAEtFC,sBAAsB,MAAvCC,4BAAa;IAA4BC,uBAAuB,MAAvBA,sCAAuB;;0BAF+C;+BAEvC;CACjF,iCAAiC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-checkbox",
-  "version": "9.1.3",
+  "version": "9.1.5",
   "description": "Fluent UI checkbox component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -22,25 +22,25 @@
     "test": "jest --passWithNoTests",
     "storybook": "start-storybook",
     "type-check": "tsc -b tsconfig.json",
-    "generate-api": "tsc -p ./tsconfig.lib.json --emitDeclarationOnly && just-scripts api-extractor"
+    "generate-api": "just-scripts generate-api"
   },
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.19",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.20",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-field": "9.0.0-alpha.25",
-    "@fluentui/react-icons": "^2.0.175",
-    "@fluentui/react-label": "^9.1.3",
-    "@fluentui/react-shared-contexts": "^9.3.1",
-    "@fluentui/react-tabster": "^9.5.7",
-    "@fluentui/react-theme": "^9.1.6",
-    "@fluentui/react-utilities": "^9.7.0",
+    "@fluentui/react-field": "9.0.0-alpha.27",
+    "@fluentui/react-icons": "^2.0.196",
+    "@fluentui/react-label": "^9.1.5",
+    "@fluentui/react-shared-contexts": "^9.3.2",
+    "@fluentui/react-tabster": "^9.6.1",
+    "@fluentui/react-theme": "^9.1.7",
+    "@fluentui/react-utilities": "^9.7.2",
     "@griffel/react": "^1.5.2",
-    "tslib": "^2.1.0"
+    "@swc/helpers": "^0.4.14"
   },
   "peerDependencies": {
     "@types/react": ">=16.8.0 <19.0.0",
@@ -57,6 +57,7 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
+      "node": "./lib-commonjs/index.js",
       "import": "./lib/index.js",
       "require": "./lib-commonjs/index.js"
     },

package/lib-amd/Checkbox.js

@@ -1,6 +0,0 @@
-define(["require", "exports", "tslib", "./components/Checkbox/index"], function (require, exports, tslib_1, index_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(index_1, exports);
-});
-//# sourceMappingURL=Checkbox.js.map

package/lib-amd/Checkbox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-checkbox/src/Checkbox.ts"],"names":[],"mappings":";;;IAAA,uCAA4C","sourcesContent":["export * from './components/Checkbox/index';\n"]}

package/lib-amd/CheckboxField.js

@@ -1,6 +0,0 @@
-define(["require", "exports", "tslib", "./components/CheckboxField/index"], function (require, exports, tslib_1, index_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(index_1, exports);
-});
-//# sourceMappingURL=CheckboxField.js.map

package/lib-amd/CheckboxField.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxField.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-checkbox/src/CheckboxField.ts"],"names":[],"mappings":";;;IAAA,uCAAiD","sourcesContent":["export * from './components/CheckboxField/index';\n"]}

package/lib-amd/components/Checkbox/Checkbox.js

@@ -1,18 +0,0 @@
-define(["require", "exports", "react", "./useCheckbox", "./renderCheckbox", "./useCheckboxStyles", "@fluentui/react-shared-contexts"], function (require, exports, React, useCheckbox_1, renderCheckbox_1, useCheckboxStyles_1, react_shared_contexts_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.Checkbox = void 0;
-    /**
-     * Checkboxes give people a way to select one or more items from a group,
-     * or switch between two mutually exclusive options (checked or unchecked).
-     */
-    exports.Checkbox = React.forwardRef(function (props, ref) {
-        var state = useCheckbox_1.useCheckbox_unstable(props, ref);
-        useCheckboxStyles_1.useCheckboxStyles_unstable(state);
-        var useCustomStyles = react_shared_contexts_1.useCustomStyleHooks_unstable().useAccordionHeaderStyles_unstable;
-        useCustomStyles(state);
-        return renderCheckbox_1.renderCheckbox_unstable(state);
-    });
-    exports.Checkbox.displayName = 'Checkbox';
-});
-//# sourceMappingURL=Checkbox.js.map

package/lib-amd/components/Checkbox/Checkbox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-checkbox/src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":";;;;IAQA;;;OAGG;IACU,QAAA,QAAQ,GAAuC,KAAK,CAAC,UAAU,CAAC,UAAC,KAAK,EAAE,GAAG;QACtF,IAAM,KAAK,GAAG,kCAAoB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAE/C,8CAA0B,CAAC,KAAK,CAAC,CAAC;QAE1B,IAAmC,eAAe,GAAK,oDAA4B,EAAE,kCAAnC,CAAoC;QAC9F,eAAe,CAAC,KAAK,CAAC,CAAC;QAEvB,OAAO,wCAAuB,CAAC,KAAK,CAAC,CAAC;IACxC,CAAC,CAAC,CAAC;IAEH,gBAAQ,CAAC,WAAW,GAAG,UAAU,CAAC","sourcesContent":["import * as React from 'react';\nimport { useCheckbox_unstable } from './useCheckbox';\nimport { renderCheckbox_unstable } from './renderCheckbox';\nimport { useCheckboxStyles_unstable } from './useCheckboxStyles';\nimport type { CheckboxProps } from './Checkbox.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * Checkboxes give people a way to select one or more items from a group,\n * or switch between two mutually exclusive options (checked or unchecked).\n */\nexport const Checkbox: ForwardRefComponent<CheckboxProps> = React.forwardRef((props, ref) => {\n  const state = useCheckbox_unstable(props, ref);\n\n  useCheckboxStyles_unstable(state);\n\n  const { useAccordionHeaderStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\n  return renderCheckbox_unstable(state);\n});\n\nCheckbox.displayName = 'Checkbox';\n"]}

package/lib-amd/components/Checkbox/Checkbox.types.js

@@ -1,5 +0,0 @@
-define(["require", "exports"], function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-});
-//# sourceMappingURL=Checkbox.types.js.map

package/lib-amd/components/Checkbox/Checkbox.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-checkbox/src/components/Checkbox/Checkbox.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport { Label } from '@fluentui/react-label';\nimport { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type CheckboxSlots = {\n  /**\n   * The root element of the Checkbox.\n   *\n   * The root slot receives the `className` and `style` specified directly on the `<Checkbox>`.\n   * All other native props will be applied to the primary slot: `input`\n   */\n  root: NonNullable<Slot<'span'>>;\n\n  /**\n   * The Checkbox's label.\n   */\n  label?: Slot<typeof Label>;\n\n  /**\n   * Hidden input that handles the checkbox's functionality.\n   *\n   * This is the PRIMARY slot: all native properties specified directly on `<Checkbox>` will be applied to this slot,\n   * except `className` and `style`, which remain on the root slot.\n   */\n  input: NonNullable<Slot<'input'>>;\n\n  /**\n   * The checkbox, with the checkmark icon as its child when checked.\n   */\n  indicator: Slot<'div'>;\n};\n\n/**\n * Checkbox Props\n */\nexport type CheckboxProps = Omit<\n  ComponentProps<Partial<CheckboxSlots>, 'input'>,\n  'checked' | 'defaultChecked' | 'onChange' | 'size'\n> & {\n  /**\n   * The controlled value for the checkbox.\n   *\n   * @default false\n   */\n  checked?: 'mixed' | boolean;\n\n  /**\n   * Checkboxes don't support children. To add a label, use the `label` prop.\n   */\n  children?: never;\n\n  /**\n   * Whether the checkbox should be rendered as checked by default.\n   */\n  defaultChecked?: 'mixed' | boolean;\n\n  /**\n   * The position of the label relative to the checkbox indicator.\n   *\n   * @default after\n   */\n  labelPosition?: 'before' | 'after';\n\n  /**\n   * Callback to be called when the checked state value changes.\n   */\n  onChange?: (ev: React.ChangeEvent<HTMLInputElement>, data: CheckboxOnChangeData) => void;\n\n  /**\n   * The shape of the checkbox indicator.\n   *\n   * The `circular` variant is only recommended to be used in a tasks-style UI (checklist),\n   * since it otherwise could be confused for a `RadioItem`.\n   *\n   * @default square\n   */\n  shape?: 'square' | 'circular';\n\n  /**\n   * The size of the checkbox indicator.\n   *\n   * @default medium\n   */\n  size?: 'medium' | 'large';\n};\n\n/**\n * Data for the onChange event for checkbox.\n */\nexport interface CheckboxOnChangeData {\n  checked: 'mixed' | boolean;\n}\n\n/**\n * State used in rendering Checkbox\n */\nexport type CheckboxState = ComponentState<CheckboxSlots> &\n  Required<Pick<CheckboxProps, 'checked' | 'disabled' | 'labelPosition' | 'shape' | 'size'>>;\n"]}

package/lib-amd/components/Checkbox/index.js

@@ -1,10 +0,0 @@
-define(["require", "exports", "tslib", "./Checkbox", "./Checkbox.types", "./renderCheckbox", "./useCheckbox", "./useCheckboxStyles"], function (require, exports, tslib_1, Checkbox_1, Checkbox_types_1, renderCheckbox_1, useCheckbox_1, useCheckboxStyles_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(Checkbox_1, exports);
-    tslib_1.__exportStar(Checkbox_types_1, exports);
-    tslib_1.__exportStar(renderCheckbox_1, exports);
-    tslib_1.__exportStar(useCheckbox_1, exports);
-    tslib_1.__exportStar(useCheckboxStyles_1, exports);
-});
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-checkbox/src/components/Checkbox/index.ts"],"names":[],"mappings":";;;IAAA,0CAA2B;IAC3B,gDAAiC;IACjC,gDAAiC;IACjC,6CAA8B;IAC9B,mDAAoC","sourcesContent":["export * from './Checkbox';\nexport * from './Checkbox.types';\nexport * from './renderCheckbox';\nexport * from './useCheckbox';\nexport * from './useCheckboxStyles';\n"]}

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

@@ -1,15 +0,0 @@
-define(["require", "exports", "tslib", "react", "@fluentui/react-utilities"], function (require, exports, tslib_1, React, react_utilities_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.renderCheckbox_unstable = void 0;
-    var renderCheckbox_unstable = function (state) {
-        var _a = react_utilities_1.getSlots(state), slots = _a.slots, slotProps = _a.slotProps;
-        return (React.createElement(slots.root, tslib_1.__assign({}, slotProps.root),
-            React.createElement(slots.input, tslib_1.__assign({}, slotProps.input)),
-            state.labelPosition === 'before' && slots.label && React.createElement(slots.label, tslib_1.__assign({}, slotProps.label)),
-            React.createElement(slots.indicator, tslib_1.__assign({}, slotProps.indicator)),
-            state.labelPosition === 'after' && slots.label && React.createElement(slots.label, tslib_1.__assign({}, slotProps.label))));
-    };
-    exports.renderCheckbox_unstable = renderCheckbox_unstable;
-});
-//# sourceMappingURL=renderCheckbox.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"renderCheckbox.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-checkbox/src/components/Checkbox/renderCheckbox.tsx"],"names":[],"mappings":";;;;IAIO,IAAM,uBAAuB,GAAG,UAAC,KAAoB;QACpD,IAAA,KAAuB,0BAAQ,CAAgB,KAAK,CAAC,EAAnD,KAAK,WAAA,EAAE,SAAS,eAAmC,CAAC;QAE5D,OAAO,CACL,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI;YAC5B,oBAAC,KAAK,CAAC,KAAK,uBAAK,SAAS,CAAC,KAAK,EAAI;YACnC,KAAK,CAAC,aAAa,KAAK,QAAQ,IAAI,KAAK,CAAC,KAAK,IAAI,oBAAC,KAAK,CAAC,KAAK,uBAAK,SAAS,CAAC,KAAK,EAAI;YACxF,oBAAC,KAAK,CAAC,SAAS,uBAAK,SAAS,CAAC,SAAS,EAAI;YAC3C,KAAK,CAAC,aAAa,KAAK,OAAO,IAAI,KAAK,CAAC,KAAK,IAAI,oBAAC,KAAK,CAAC,KAAK,uBAAK,SAAS,CAAC,KAAK,EAAI,CAC5E,CACd,CAAC;IACJ,CAAC,CAAC;IAXW,QAAA,uBAAuB,2BAWlC","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"]}

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

@@ -1,97 +0,0 @@
-define(["require", "exports", "tslib", "react", "@fluentui/react-utilities", "@fluentui/react-icons", "@fluentui/react-label", "@fluentui/react-tabster"], function (require, exports, tslib_1, React, react_utilities_1, react_icons_1, react_label_1, react_tabster_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useCheckbox_unstable = void 0;
-    /**
-     * 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
-     */
-    var useCheckbox_unstable = function (props, ref) {
-        var _a = props.disabled, disabled = _a === void 0 ? false : _a, required = props.required, _b = props.shape, shape = _b === void 0 ? 'square' : _b, _c = props.size, size = _c === void 0 ? 'medium' : _c, _d = props.labelPosition, labelPosition = _d === void 0 ? 'after' : _d, onChange = props.onChange;
-        var _e = react_utilities_1.useControllableState({
-            defaultState: props.defaultChecked,
-            state: props.checked,
-            initialState: false,
-        }), checked = _e[0], setChecked = _e[1];
-        var nativeProps = react_utilities_1.getPartitionedNativeProps({
-            props: props,
-            primarySlotTagName: 'input',
-            excludedPropNames: ['checked', 'defaultChecked', 'size', 'onChange'],
-        });
-        var mixed = checked === 'mixed';
-        var id = react_utilities_1.useId('checkbox-', nativeProps.primary.id);
-        var 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);
-            }
-        }
-        else if (checked) {
-            checkmarkIcon = size === 'large' ? React.createElement(react_icons_1.Checkmark16Filled, null) : React.createElement(react_icons_1.Checkmark12Filled, null);
-        }
-        var state = {
-            shape: shape,
-            checked: checked,
-            disabled: disabled,
-            size: size,
-            labelPosition: labelPosition,
-            components: {
-                root: 'span',
-                input: 'input',
-                indicator: 'div',
-                label: react_label_1.Label,
-            },
-            root: react_utilities_1.resolveShorthand(props.root, {
-                required: true,
-                defaultProps: tslib_1.__assign({ ref: react_tabster_1.useFocusWithin() }, nativeProps.root),
-            }),
-            input: react_utilities_1.resolveShorthand(props.input, {
-                required: true,
-                defaultProps: tslib_1.__assign({ type: 'checkbox', id: id, ref: ref, checked: checked === true }, nativeProps.primary),
-            }),
-            label: react_utilities_1.resolveShorthand(props.label, {
-                required: false,
-                defaultProps: {
-                    htmlFor: id,
-                    disabled: disabled,
-                    required: 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(function (ev) {
-            var val = ev.currentTarget.indeterminate ? 'mixed' : ev.currentTarget.checked;
-            onChange === null || onChange === void 0 ? void 0 : onChange(ev, { checked: 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)
-        var 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(function () {
-            if (inputRef.current) {
-                inputRef.current.indeterminate = mixed;
-            }
-        }, [inputRef, mixed]);
-        return state;
-    };
-    exports.useCheckbox_unstable = useCheckbox_unstable;
-});
-//# sourceMappingURL=useCheckbox.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useCheckbox.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-checkbox/src/components/Checkbox/useCheckbox.tsx"],"names":[],"mappings":"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","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"]}

package/lib-amd/components/Checkbox/useCheckboxStyles.js

@@ -1,163 +0,0 @@
-define(["require", "exports", "tslib", "@griffel/react", "@fluentui/react-tabster", "@fluentui/react-theme"], function (require, exports, tslib_1, react_1, react_tabster_1, react_theme_1) {
-    "use strict";
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useCheckboxStyles_unstable = exports.checkboxClassNames = void 0;
-    exports.checkboxClassNames = {
-        root: 'fui-Checkbox',
-        label: 'fui-Checkbox__label',
-        input: 'fui-Checkbox__input',
-        indicator: 'fui-Checkbox__indicator',
-    };
-    // The indicator size is used by the indicator and label styles
-    var indicatorSizeMedium = '16px';
-    var indicatorSizeLarge = '20px';
-    var useRootBaseClassName = react_1.makeResetStyles(tslib_1.__assign({ position: 'relative', display: 'inline-flex', cursor: 'pointer', color: react_theme_1.tokens.colorNeutralForeground3 }, react_tabster_1.createFocusOutlineStyle({ style: {}, selector: 'focus-within' })));
-    var useRootStyles = react_1.makeStyles({
-        unchecked: {
-            ':hover': (_a = {
-                    color: react_theme_1.tokens.colorNeutralForeground2
-                },
-                _a["> ." + exports.checkboxClassNames.indicator] = tslib_1.__assign({}, react_1.shorthands.borderColor(react_theme_1.tokens.colorNeutralStrokeAccessibleHover)),
-                _a),
-            ':active': (_b = {
-                    color: react_theme_1.tokens.colorNeutralForeground1
-                },
-                _b["> ." + exports.checkboxClassNames.indicator] = tslib_1.__assign({}, react_1.shorthands.borderColor(react_theme_1.tokens.colorNeutralStrokeAccessiblePressed)),
-                _b),
-        },
-        checked: (_c = {
-                color: react_theme_1.tokens.colorNeutralForeground1
-            },
-            _c["> ." + exports.checkboxClassNames.indicator] = tslib_1.__assign({ backgroundColor: react_theme_1.tokens.colorCompoundBrandBackground, color: react_theme_1.tokens.colorNeutralForegroundInverted }, react_1.shorthands.borderColor(react_theme_1.tokens.colorCompoundBrandBackground)),
-            _c[':hover'] = (_d = {},
-                _d["> ." + exports.checkboxClassNames.indicator] = tslib_1.__assign({ backgroundColor: react_theme_1.tokens.colorCompoundBrandBackgroundHover }, react_1.shorthands.borderColor(react_theme_1.tokens.colorCompoundBrandBackgroundHover)),
-                _d),
-            _c[':active'] = (_e = {},
-                _e["> ." + exports.checkboxClassNames.indicator] = tslib_1.__assign({ backgroundColor: react_theme_1.tokens.colorCompoundBrandBackgroundPressed }, react_1.shorthands.borderColor(react_theme_1.tokens.colorCompoundBrandBackgroundPressed)),
-                _e),
-            _c),
-        mixed: (_f = {
-                color: react_theme_1.tokens.colorNeutralForeground1
-            },
-            _f["> ." + exports.checkboxClassNames.indicator] = tslib_1.__assign(tslib_1.__assign({}, react_1.shorthands.borderColor(react_theme_1.tokens.colorCompoundBrandStroke)), { color: react_theme_1.tokens.colorCompoundBrandForeground1 }),
-            _f[':hover'] = (_g = {},
-                _g["> ." + exports.checkboxClassNames.indicator] = tslib_1.__assign(tslib_1.__assign({}, react_1.shorthands.borderColor(react_theme_1.tokens.colorCompoundBrandStrokeHover)), { color: react_theme_1.tokens.colorCompoundBrandForeground1Hover }),
-                _g),
-            _f[':active'] = (_h = {},
-                _h["> ." + exports.checkboxClassNames.indicator] = tslib_1.__assign(tslib_1.__assign({}, react_1.shorthands.borderColor(react_theme_1.tokens.colorCompoundBrandStrokePressed)), { color: react_theme_1.tokens.colorCompoundBrandForeground1Pressed }),
-                _h),
-            _f),
-        disabled: (_j = {
-                cursor: 'default',
-                color: react_theme_1.tokens.colorNeutralForegroundDisabled
-            },
-            _j["> ." + exports.checkboxClassNames.indicator] = tslib_1.__assign(tslib_1.__assign({}, react_1.shorthands.borderColor(react_theme_1.tokens.colorNeutralStrokeDisabled)), { color: react_theme_1.tokens.colorNeutralForegroundDisabled }),
-            _j['@media (forced-colors: active)'] = (_k = {
-                    color: 'GrayText'
-                },
-                _k["> ." + exports.checkboxClassNames.indicator] = {
-                    color: 'GrayText',
-                },
-                _k),
-            _j),
-    });
-    var useInputBaseClassName = react_1.makeResetStyles({
-        boxSizing: 'border-box',
-        cursor: 'inherit',
-        height: '100%',
-        margin: 0,
-        opacity: 0,
-        position: 'absolute',
-        top: 0,
-        // Calculate the width of the hidden input by taking into account the size of the indicator + the padding around it.
-        // This is done so that clicking on that "empty space" still toggles the checkbox.
-        width: "calc(" + indicatorSizeMedium + " + 2 * " + react_theme_1.tokens.spacingHorizontalS + ")",
-    });
-    var useInputStyles = react_1.makeStyles({
-        before: {
-            right: 0,
-        },
-        after: {
-            left: 0,
-        },
-        large: {
-            width: "calc(" + indicatorSizeLarge + " + 2 * " + react_theme_1.tokens.spacingHorizontalS + ")",
-        },
-    });
-    var useIndicatorBaseClassName = react_1.makeResetStyles({
-        alignSelf: 'flex-start',
-        boxSizing: 'border-box',
-        flexShrink: 0,
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'center',
-        overflow: 'hidden',
-        border: react_theme_1.tokens.strokeWidthThin + ' solid ' + react_theme_1.tokens.colorNeutralStrokeAccessible,
-        borderRadius: react_theme_1.tokens.borderRadiusSmall,
-        margin: react_theme_1.tokens.spacingVerticalS + ' ' + react_theme_1.tokens.spacingHorizontalS,
-        fill: 'currentColor',
-        pointerEvents: 'none',
-        fontSize: '12px',
-        height: indicatorSizeMedium,
-        width: indicatorSizeMedium,
-    });
-    var useIndicatorStyles = react_1.makeStyles({
-        large: {
-            fontSize: '16px',
-            height: indicatorSizeLarge,
-            width: indicatorSizeLarge,
-        },
-        circular: tslib_1.__assign({}, react_1.shorthands.borderRadius(react_theme_1.tokens.borderRadiusCircular)),
-    });
-    // Can't use makeResetStyles here because Label is a component that may itself use makeResetStyles.
-    var useLabelStyles = react_1.makeStyles({
-        base: tslib_1.__assign({ alignSelf: 'center', color: 'inherit', cursor: 'inherit' }, react_1.shorthands.padding(react_theme_1.tokens.spacingVerticalS, react_theme_1.tokens.spacingHorizontalS)),
-        before: {
-            paddingRight: react_theme_1.tokens.spacingHorizontalXS,
-        },
-        after: {
-            paddingLeft: react_theme_1.tokens.spacingHorizontalXS,
-        },
-        // Use a (negative) margin to account for the difference between the indicator's height and the label's line height.
-        // This prevents the label from expanding the height of the checkbox, but preserves line height if the label wraps.
-        medium: {
-            marginTop: "calc((" + indicatorSizeMedium + " - " + react_theme_1.tokens.lineHeightBase300 + ") / 2)",
-            marginBottom: "calc((" + indicatorSizeMedium + " - " + react_theme_1.tokens.lineHeightBase300 + ") / 2)",
-        },
-        large: {
-            marginTop: "calc((" + indicatorSizeLarge + " - " + react_theme_1.tokens.lineHeightBase300 + ") / 2)",
-            marginBottom: "calc((" + indicatorSizeLarge + " - " + react_theme_1.tokens.lineHeightBase300 + ") / 2)",
-        },
-    });
-    /**
-     * Apply styling to the Checkbox slots based on the state
-     */
-    var useCheckboxStyles_unstable = function (state) {
-        var checked = state.checked, disabled = state.disabled, labelPosition = state.labelPosition, shape = state.shape, size = state.size;
-        var rootBaseClassName = useRootBaseClassName();
-        var rootStyles = useRootStyles();
-        state.root.className = react_1.mergeClasses(exports.checkboxClassNames.root, rootBaseClassName, disabled
-            ? rootStyles.disabled
-            : checked === 'mixed'
-                ? rootStyles.mixed
-                : checked
-                    ? rootStyles.checked
-                    : rootStyles.unchecked, state.root.className);
-        var inputBaseClassName = useInputBaseClassName();
-        var inputStyles = useInputStyles();
-        state.input.className = react_1.mergeClasses(exports.checkboxClassNames.input, inputBaseClassName, size === 'large' && inputStyles.large, inputStyles[labelPosition], state.input.className);
-        var indicatorBaseClassName = useIndicatorBaseClassName();
-        var indicatorStyles = useIndicatorStyles();
-        if (state.indicator) {
-            state.indicator.className = react_1.mergeClasses(exports.checkboxClassNames.indicator, indicatorBaseClassName, size === 'large' && indicatorStyles.large, shape === 'circular' && indicatorStyles.circular, state.indicator.className);
-        }
-        var labelStyles = useLabelStyles();
-        if (state.label) {
-            state.label.className = react_1.mergeClasses(exports.checkboxClassNames.label, labelStyles.base, labelStyles[size], labelStyles[labelPosition], state.label.className);
-        }
-        return state;
-    };
-    exports.useCheckboxStyles_unstable = useCheckboxStyles_unstable;
-});
-//# sourceMappingURL=useCheckboxStyles.js.map