@elliemae/ds-controlled-form 2.2.2-rc.1 → 2.3.0-alpha.10

package/dist/cjs/controlled-autocomplete/utils/hooks/useOnElementResize.js

@@ -0,0 +1,56 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var useOnElementResize_exports = {};
+__export(useOnElementResize_exports, {
+  useOnElementResize: () => useOnElementResize
+});
+var React = __toESM(require("react"));
+var import_react = require("react");
+const useOnElementResize = (targetRef) => {
+  const [width, setWidth] = (0, import_react.useState)(targetRef.current ? targetRef.current?.offsetWidth : 0);
+  const [height, setHeight] = (0, import_react.useState)(targetRef.current ? targetRef.current?.offsetWidth : 0);
+  const observer = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
+    function outputsize() {
+      if (targetRef.current) {
+        setWidth(targetRef.current.offsetWidth);
+        setHeight(targetRef.current.offsetHeight);
+      }
+    }
+    observer.current = new ResizeObserver(outputsize).observe(targetRef.current);
+    return () => {
+      observer.current?.disconnect();
+    };
+  }, [targetRef]);
+  return (0, import_react.useMemo)(() => ({
+    width,
+    height
+  }), [width, height]);
+};
+module.exports = __toCommonJS(useOnElementResize_exports);
+//# sourceMappingURL=useOnElementResize.js.map

package/dist/cjs/controlled-autocomplete/utils/hooks/useOnElementResize.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/controlled-autocomplete/utils/hooks/useOnElementResize.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useState, useEffect, useRef, useMemo } from 'react';\n\n// Custom hook to track dimension of a component\n// Taken and modified from https://stackoverflow.com/a/60218754\nconst useOnElementResize = (targetRef: React.RefObject<HTMLDivElement>): Record<'width' | 'height', number> => {\n  const [width, setWidth] = useState(targetRef.current ? targetRef.current?.offsetWidth : 0);\n  const [height, setHeight] = useState(targetRef.current ? targetRef.current?.offsetWidth : 0);\n  const observer = useRef(null);\n\n  useEffect(() => {\n    function outputsize() {\n      if (targetRef.current) {\n        setWidth(targetRef.current.offsetWidth);\n        setHeight(targetRef.current.offsetHeight);\n      }\n    }\n    observer.current = new ResizeObserver(outputsize).observe(targetRef.current);\n\n    return () => {\n      observer.current?.disconnect();\n    };\n  }, [targetRef]);\n\n  return useMemo(\n    () => ({\n      width,\n      height,\n    }),\n    [width, height],\n  );\n};\n\nexport { useOnElementResize };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA4D;AAI5D,MAAM,qBAAqB,CAAC,cAAmF;AAC7G,QAAM,CAAC,OAAO,YAAY,2BAAS,UAAU,UAAU,UAAU,SAAS,cAAc;AACxF,QAAM,CAAC,QAAQ,aAAa,2BAAS,UAAU,UAAU,UAAU,SAAS,cAAc;AAC1F,QAAM,WAAW,yBAAO;AAExB,8BAAU,MAAM;AACd,0BAAsB;AACpB,UAAI,UAAU,SAAS;AACrB,iBAAS,UAAU,QAAQ;AAC3B,kBAAU,UAAU,QAAQ;AAAA;AAAA;AAGhC,aAAS,UAAU,IAAI,eAAe,YAAY,QAAQ,UAAU;AAEpE,WAAO,MAAM;AACX,eAAS,SAAS;AAAA;AAAA,KAEnB,CAAC;AAEJ,SAAO,0BACL,MAAO;AAAA,IACL;AAAA,IACA;AAAA,MAEF,CAAC,OAAO;AAAA;",
+  "names": []
+}

package/dist/cjs/controlled-autocomplete/utils/listHelper.js

@@ -0,0 +1,61 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var listHelper_exports = {};
+__export(listHelper_exports, {
+  findInCircularList: () => findInCircularList,
+  getOptions: () => getOptions,
+  getSelectableOptions: () => getSelectableOptions,
+  isSelected: () => isSelected,
+  isSelectedValueEmpty: () => isSelectedValueEmpty,
+  isSelectedValueMultiple: () => isSelectedValueMultiple
+});
+var React = __toESM(require("react"));
+const getSelectableOptions = (options) => options ? options.filter((option) => option.type === "option" && !option.disabled) : [];
+const getOptions = (options) => options ? options.filter((option) => option.type === "option") : [];
+const isSelectedValueEmpty = (value) => Array.isArray(value) ? value.length === 0 : !value;
+const isSelectedValueMultiple = (value) => Array.isArray(value);
+const isSelected = (value, activeOption) => {
+  if (isSelectedValueMultiple(value)) {
+    const multiValue = value;
+    return multiValue.some((item) => item?.value === activeOption?.value);
+  }
+  if (typeof value === "string") {
+    return false;
+  }
+  const singleValue = value;
+  return singleValue?.value === activeOption.value;
+};
+const findInCircularList = (list, from, criteria, step = 1) => {
+  for (let i = (from + step + list.length) % list.length; i !== from; i = (i + step + list.length) % list.length) {
+    if (criteria(list[i]))
+      return i;
+  }
+  return from;
+};
+module.exports = __toCommonJS(listHelper_exports);
+//# sourceMappingURL=listHelper.js.map

package/dist/cjs/controlled-autocomplete/utils/listHelper.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/controlled-autocomplete/utils/listHelper.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { CBOptionsT, CBOptionT } from '../index.d';\n\nexport const getSelectableOptions = (options: Array<CBOptionT>): Array<CBOptionT> =>\n  options ? options.filter((option) => option.type === 'option' && !option.disabled) : [];\n\nexport const getOptions = (options: Array<CBOptionT>): Array<CBOptionT> =>\n  options ? options.filter((option) => option.type === 'option') : [];\n\nexport const isSelectedValueEmpty = (value: CBOptionT | Array<CBOptionT>): boolean =>\n  Array.isArray(value) ? value.length === 0 : !value;\n\nexport const isSelectedValueMultiple = (value: CBOptionT | Array<CBOptionT>): boolean => Array.isArray(value);\n\nexport const isSelected = (value: CBOptionsT, activeOption: CBOptionT): boolean => {\n  if (isSelectedValueMultiple(value)) {\n    const multiValue = value as CBOptionT[];\n    return multiValue.some((item) => item?.value === activeOption?.value);\n  }\n  if (typeof value === 'string') {\n    return false;\n  }\n  const singleValue = value as CBOptionT;\n  return singleValue?.value === activeOption.value;\n};\n\nexport const findInCircularList = <T extends unknown>(\n  list: T[],\n  from: number,\n  criteria: (item: T) => boolean,\n  step = 1,\n  // eslint-disable-next-line max-params\n): number => {\n  for (let i = (from + step + list.length) % list.length; i !== from; i = (i + step + list.length) % list.length) {\n    if (criteria(list[i])) return i;\n  }\n  return from; // return same item\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEhB,MAAM,uBAAuB,CAAC,YACnC,UAAU,QAAQ,OAAO,CAAC,WAAW,OAAO,SAAS,YAAY,CAAC,OAAO,YAAY;AAEhF,MAAM,aAAa,CAAC,YACzB,UAAU,QAAQ,OAAO,CAAC,WAAW,OAAO,SAAS,YAAY;AAE5D,MAAM,uBAAuB,CAAC,UACnC,MAAM,QAAQ,SAAS,MAAM,WAAW,IAAI,CAAC;AAExC,MAAM,0BAA0B,CAAC,UAAiD,MAAM,QAAQ;AAEhG,MAAM,aAAa,CAAC,OAAmB,iBAAqC;AACjF,MAAI,wBAAwB,QAAQ;AAClC,UAAM,aAAa;AACnB,WAAO,WAAW,KAAK,CAAC,SAAS,MAAM,UAAU,cAAc;AAAA;AAEjE,MAAI,OAAO,UAAU,UAAU;AAC7B,WAAO;AAAA;AAET,QAAM,cAAc;AACpB,SAAO,aAAa,UAAU,aAAa;AAAA;AAGtC,MAAM,qBAAqB,CAChC,MACA,MACA,UACA,OAAO,MAEI;AACX,WAAS,IAAK,QAAO,OAAO,KAAK,UAAU,KAAK,QAAQ,MAAM,MAAM,IAAK,KAAI,OAAO,KAAK,UAAU,KAAK,QAAQ;AAC9G,QAAI,SAAS,KAAK;AAAK,aAAO;AAAA;AAEhC,SAAO;AAAA;",
+  "names": []
+}

package/dist/cjs/controlled-checkbox/ControlledCheckbox.js

@@ -0,0 +1,109 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var ControlledCheckbox_exports = {};
+__export(ControlledCheckbox_exports, {
+  DSControlledCheckbox: () => DSControlledCheckbox,
+  DSControlledCheckboxWithSchema: () => DSControlledCheckboxWithSchema
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
+var import_propTypes = require("./propTypes");
+var import_styles = require("./styles");
+var import_useValidateProps = require("./config/useValidateProps");
+var import_setMultipleRefs = require("./utils/setMultipleRefs");
+const DSControlledCheckbox = (props) => {
+  (0, import_useValidateProps.useValidateProps)(props, import_propTypes.propTypes);
+  const checkboxRef = (0, import_react.useRef)();
+  const {
+    autoFocus,
+    checked,
+    ariaControls,
+    ariaLabel,
+    disabled,
+    id,
+    label,
+    hasError,
+    onChange,
+    onFocus,
+    onBlur,
+    value,
+    readOnly,
+    name,
+    innerRef,
+    tabIndex
+  } = props;
+  const handleOnKeyDown = (0, import_react.useCallback)((e) => {
+    if (checkboxRef.current && e.key === "Enter") {
+      checkboxRef.current.click();
+    }
+  }, []);
+  return /* @__PURE__ */ import_react.default.createElement(import_styles.StyledContainer, {
+    "data-testid": "ds-checkbox-container"
+  }, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledCheckBox, {
+    checked: props.checked,
+    hasError,
+    disabled,
+    readOnly
+  }, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledInput, {
+    disabled,
+    ref: (ref) => (0, import_setMultipleRefs.setMultipleRefs)([checkboxRef, innerRef])(ref),
+    onKeyDown: handleOnKeyDown,
+    type: "checkbox",
+    checked: checked !== "mixed" ? checked : void 0,
+    "aria-controls": ariaControls,
+    "aria-checked": checked,
+    "aria-disabled": disabled,
+    "aria-invalid": hasError,
+    "aria-readonly": readOnly,
+    "aria-label": ariaLabel || label,
+    onFocus,
+    onBlur,
+    name,
+    value,
+    onChange,
+    id,
+    "data-testid": "ds-checkbox",
+    autoFocus,
+    tabIndex: tabIndex || 0
+  })), label && /* @__PURE__ */ import_react.default.createElement(import_styles.StyledLabel, {
+    htmlFor: id,
+    disabled,
+    readOnly,
+    checked,
+    "data-testid": "ds-checkbox-label"
+  }, /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.SimpleTruncatedTooltipText, {
+    value: label
+  })));
+};
+DSControlledCheckbox.propTypes = import_propTypes.propTypes;
+const DSControlledCheckboxWithSchema = (0, import_react_desc.describe)(DSControlledCheckbox);
+DSControlledCheckboxWithSchema.propTypes = import_propTypes.propTypes;
+module.exports = __toCommonJS(ControlledCheckbox_exports);
+//# sourceMappingURL=ControlledCheckbox.js.map

package/dist/cjs/controlled-checkbox/ControlledCheckbox.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/controlled-checkbox/ControlledCheckbox.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useRef, useCallback } from 'react';\nimport { describe } from 'react-desc';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { propTypes } from './propTypes';\nimport { StyledContainer, StyledInput, StyledLabel, StyledCheckBox } from './styles';\nimport type { DSControlledCheckboxPropsT } from './index.d';\nimport { useValidateProps } from './config/useValidateProps';\nimport { setMultipleRefs } from './utils/setMultipleRefs';\n\nconst DSControlledCheckbox = (props: DSControlledCheckboxPropsT): JSX.Element => {\n  useValidateProps(props, propTypes);\n  const checkboxRef = useRef<HTMLInputElement>();\n\n  const {\n    autoFocus,\n    checked,\n    ariaControls,\n    ariaLabel,\n    disabled,\n    id,\n    label,\n    hasError,\n    onChange,\n    onFocus,\n    onBlur,\n    value,\n    readOnly,\n    name,\n    innerRef,\n    tabIndex,\n  } = props;\n\n  const handleOnKeyDown = useCallback((e: React.KeyboardEvent) => {\n    if (checkboxRef.current && e.key === 'Enter') {\n      checkboxRef.current.click();\n    }\n  }, []);\n\n  return (\n    <StyledContainer data-testid=\"ds-checkbox-container\">\n      <StyledCheckBox checked={props.checked} hasError={hasError} disabled={disabled} readOnly={readOnly}>\n        <StyledInput\n          disabled={disabled}\n          ref={(ref) => setMultipleRefs<HTMLInputElement>([checkboxRef, innerRef])(ref)}\n          onKeyDown={handleOnKeyDown}\n          type=\"checkbox\"\n          checked={checked !== 'mixed' ? checked : undefined}\n          aria-controls={ariaControls}\n          aria-checked={checked}\n          aria-disabled={disabled}\n          aria-invalid={hasError}\n          aria-readonly={readOnly}\n          aria-label={ariaLabel || label}\n          onFocus={onFocus}\n          onBlur={onBlur}\n          name={name}\n          value={value}\n          onChange={onChange}\n          id={id}\n          data-testid=\"ds-checkbox\"\n          autoFocus={autoFocus}\n          tabIndex={tabIndex || 0}\n        />\n      </StyledCheckBox>\n      {label && (\n        <StyledLabel\n          htmlFor={id}\n          disabled={disabled}\n          readOnly={readOnly}\n          checked={checked}\n          data-testid=\"ds-checkbox-label\"\n        >\n          <SimpleTruncatedTooltipText value={label} />\n        </StyledLabel>\n      )}\n    </StyledContainer>\n  );\n};\n\nDSControlledCheckbox.propTypes = propTypes;\nconst DSControlledCheckboxWithSchema = describe(DSControlledCheckbox);\nDSControlledCheckboxWithSchema.propTypes = propTypes;\n\nexport { DSControlledCheckbox, DSControlledCheckboxWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA2C;AAC3C,wBAAyB;AACzB,uCAA2C;AAC3C,uBAA0B;AAC1B,oBAA0E;AAE1E,8BAAiC;AACjC,6BAAgC;AAEhC,MAAM,uBAAuB,CAAC,UAAmD;AAC/E,gDAAiB,OAAO;AACxB,QAAM,cAAc;AAEpB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE;AAEJ,QAAM,kBAAkB,8BAAY,CAAC,MAA2B;AAC9D,QAAI,YAAY,WAAW,EAAE,QAAQ,SAAS;AAC5C,kBAAY,QAAQ;AAAA;AAAA,KAErB;AAEH,SACE,mDAAC,+BAAD;AAAA,IAAiB,eAAY;AAAA,KAC3B,mDAAC,8BAAD;AAAA,IAAgB,SAAS,MAAM;AAAA,IAAS;AAAA,IAAoB;AAAA,IAAoB;AAAA,KAC9E,mDAAC,2BAAD;AAAA,IACE;AAAA,IACA,KAAK,CAAC,QAAQ,4CAAkC,CAAC,aAAa,WAAW;AAAA,IACzE,WAAW;AAAA,IACX,MAAK;AAAA,IACL,SAAS,YAAY,UAAU,UAAU;AAAA,IACzC,iBAAe;AAAA,IACf,gBAAc;AAAA,IACd,iBAAe;AAAA,IACf,gBAAc;AAAA,IACd,iBAAe;AAAA,IACf,cAAY,aAAa;AAAA,IACzB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAY;AAAA,IACZ;AAAA,IACA,UAAU,YAAY;AAAA,OAGzB,SACC,mDAAC,2BAAD;AAAA,IACE,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAY;AAAA,KAEZ,mDAAC,6DAAD;AAAA,IAA4B,OAAO;AAAA;AAAA;AAO7C,qBAAqB,YAAY;AACjC,MAAM,iCAAiC,gCAAS;AAChD,+BAA+B,YAAY;",
+  "names": []
+}

package/dist/cjs/controlled-checkbox/config/useValidateProps.js

@@ -0,0 +1,49 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var useValidateProps_exports = {};
+__export(useValidateProps_exports, {
+  useValidateProps: () => useValidateProps
+});
+var React = __toESM(require("react"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+const throwError = (message) => {
+  throw new Error(`DSControlledCheckbox:: ${message}
+  `);
+};
+const useValidateProps = (props, propTypes) => {
+  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(props, propTypes);
+  if (typeof props.label === "undefined" && typeof props.ariaLabel === "undefined") {
+    throwError(`Please provide a label or ariaLabel property to use this component.`);
+  }
+  if (props.checked === "mixed" && typeof props.ariaControls === "undefined") {
+    throwError(`Please provide an ariaControls property to use a checkbox mixed state. 
+      This property must be a string containing all the ids that this mixed checkbox is controlling.`);
+  }
+};
+module.exports = __toCommonJS(useValidateProps_exports);
+//# sourceMappingURL=useValidateProps.js.map

package/dist/cjs/controlled-checkbox/config/useValidateProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/controlled-checkbox/config/useValidateProps.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { DSControlledCheckboxPropsT } from '../index.d';\n\nconst throwError = (message: string): void => {\n  throw new Error(\n    `DSControlledCheckbox:: ${message}\n  `,\n  );\n};\n\nexport const useValidateProps = (props: DSControlledCheckboxPropsT, propTypes: unknown): void => {\n  useValidateTypescriptPropTypes(props, propTypes);\n  if (typeof props.label === 'undefined' && typeof props.ariaLabel === 'undefined') {\n    throwError(`Please provide a label or ariaLabel property to use this component.`);\n  }\n  if (props.checked === 'mixed' && typeof props.ariaControls === 'undefined') {\n    throwError(\n      `Please provide an ariaControls property to use a checkbox mixed state. \n      This property must be a string containing all the ids that this mixed checkbox is controlling.`,\n    );\n  }\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAA+C;AAG/C,MAAM,aAAa,CAAC,YAA0B;AAC5C,QAAM,IAAI,MACR,0BAA0B;AAAA;AAAA;AAKvB,MAAM,mBAAmB,CAAC,OAAmC,cAA6B;AAC/F,8DAA+B,OAAO;AACtC,MAAI,OAAO,MAAM,UAAU,eAAe,OAAO,MAAM,cAAc,aAAa;AAChF,eAAW;AAAA;AAEb,MAAI,MAAM,YAAY,WAAW,OAAO,MAAM,iBAAiB,aAAa;AAC1E,eACE;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/dist/cjs/controlled-checkbox/index.d.js

@@ -0,0 +1,27 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var index_d_exports = {};
+var React = __toESM(require("react"));
+module.exports = __toCommonJS(index_d_exports);
+//# sourceMappingURL=index.d.js.map

package/dist/cjs/controlled-checkbox/index.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/controlled-checkbox/index.d.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export interface DSControlledCheckboxPropsT {\n  checked: boolean | 'mixed';\n  name: string;\n  label?: string;\n  value?: string;\n  onChange: () => void;\n  onBlur: () => void;\n  onFocus: () => void;\n  ariaControls?: string;\n  ariaLabel?: string;\n  id?: string;\n  readOnly?: boolean;\n  tabIndex?: number;\n  hasError?: boolean;\n  disabled?: boolean;\n  innerRef?: (ref: HTMLInputElement) => void;\n  autoFocus?: boolean;\n}\n\nexport interface StyledCheckBoxT {\n  checked: boolean | 'mixed';\n  readOnly: boolean;\n  hasError: boolean;\n  disabled: boolean;\n}\n\nexport interface StyledLabelT {\n  disabled: boolean;\n  readOnly: boolean;\n  checked: boolean | 'mixed';\n}\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;",
+  "names": []
+}

package/dist/cjs/controlled-checkbox/index.js

@@ -0,0 +1,28 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var controlled_checkbox_exports = {};
+var React = __toESM(require("react"));
+__reExport(controlled_checkbox_exports, require("./ControlledCheckbox"));
+module.exports = __toCommonJS(controlled_checkbox_exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/controlled-checkbox/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/controlled-checkbox/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export * from './ControlledCheckbox';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;ADAvB,wCAAc;",
+  "names": []
+}

package/dist/cjs/controlled-checkbox/propTypes.js

@@ -0,0 +1,49 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var propTypes_exports = {};
+__export(propTypes_exports, {
+  propTypes: () => propTypes
+});
+var React = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+const propTypes = {
+  checked: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.bool, import_react_desc.PropTypes.oneOf(["mixed"])]).isRequired.description("Whether the checkbox is invalid or not."),
+  value: import_react_desc.PropTypes.string.description("Checkbox value property."),
+  name: import_react_desc.PropTypes.string.isRequired.description("Checkbox name property."),
+  label: import_react_desc.PropTypes.string.description("Checkbox Label property. This label is also going to be used as an aria-label for screen readers."),
+  id: import_react_desc.PropTypes.string.isRequired.description("Checkbox unique id property, this property is required for accesibility purposes."),
+  readOnly: import_react_desc.PropTypes.bool.description("Checkbox readOnly property."),
+  hasError: import_react_desc.PropTypes.bool.description("Whether the checkbox has error or not."),
+  disabled: import_react_desc.PropTypes.bool.description("Whether the checkbox is disabled or not."),
+  ariaControls: import_react_desc.PropTypes.string.description("This string is required when you use a mixed checkbox. It contains all the ids that this checkbox is controlling."),
+  ariaLabel: import_react_desc.PropTypes.string.description("Checkbox aria-label property. This property is going to be required if there is no label property added."),
+  innerRef: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.func, import_react_desc.PropTypes.object]).description("Checkbox input ref."),
+  autoFocus: import_react_desc.PropTypes.bool.description("Whether you want the checkbox to be autofocused on render")
+};
+module.exports = __toCommonJS(propTypes_exports);
+//# sourceMappingURL=propTypes.js.map

package/dist/cjs/controlled-checkbox/propTypes.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/controlled-checkbox/propTypes.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { PropTypes } from 'react-desc';\n\nexport const propTypes = {\n  checked: PropTypes.oneOfType([PropTypes.bool, PropTypes.oneOf(['mixed'])]).isRequired.description(\n    'Whether the checkbox is invalid or not.',\n  ),\n  value: PropTypes.string.description('Checkbox value property.'),\n  name: PropTypes.string.isRequired.description('Checkbox name property.'),\n  label: PropTypes.string.description(\n    'Checkbox Label property. This label is also going to be used as an aria-label for screen readers.',\n  ),\n  id: PropTypes.string.isRequired.description(\n    'Checkbox unique id property, this property is required for accesibility purposes.',\n  ),\n  readOnly: PropTypes.bool.description('Checkbox readOnly property.'),\n  hasError: PropTypes.bool.description('Whether the checkbox has error or not.'),\n  disabled: PropTypes.bool.description('Whether the checkbox is disabled or not.'),\n  ariaControls: PropTypes.string.description(\n    'This string is required when you use a mixed checkbox. It contains all the ids that this checkbox is controlling.',\n  ),\n  ariaLabel: PropTypes.string.description(\n    'Checkbox aria-label property. This property is going to be required if there is no label property added.',\n  ),\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description('Checkbox input ref.'),\n  autoFocus: PropTypes.bool.description('Whether you want the checkbox to be autofocused on render'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAA0B;AAEnB,MAAM,YAAY;AAAA,EACvB,SAAS,4BAAU,UAAU,CAAC,4BAAU,MAAM,4BAAU,MAAM,CAAC,YAAY,WAAW,YACpF;AAAA,EAEF,OAAO,4BAAU,OAAO,YAAY;AAAA,EACpC,MAAM,4BAAU,OAAO,WAAW,YAAY;AAAA,EAC9C,OAAO,4BAAU,OAAO,YACtB;AAAA,EAEF,IAAI,4BAAU,OAAO,WAAW,YAC9B;AAAA,EAEF,UAAU,4BAAU,KAAK,YAAY;AAAA,EACrC,UAAU,4BAAU,KAAK,YAAY;AAAA,EACrC,UAAU,4BAAU,KAAK,YAAY;AAAA,EACrC,cAAc,4BAAU,OAAO,YAC7B;AAAA,EAEF,WAAW,4BAAU,OAAO,YAC1B;AAAA,EAEF,UAAU,4BAAU,UAAU,CAAC,4BAAU,MAAM,4BAAU,SAAS,YAAY;AAAA,EAC9E,WAAW,4BAAU,KAAK,YAAY;AAAA;",
+  "names": []
+}

package/dist/cjs/controlled-checkbox/styles.js

@@ -0,0 +1,88 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var styles_exports = {};
+__export(styles_exports, {
+  StyledCheckBox: () => StyledCheckBox,
+  StyledContainer: () => StyledContainer,
+  StyledInput: () => StyledInput,
+  StyledLabel: () => StyledLabel
+});
+var React = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_styleHelpers = require("./utils/styleHelpers");
+const StyledContainer = import_styled_components.default.div`
+  display: inline-grid;
+  grid-template-rows: min-content;
+  grid-template-columns: ${({ theme }) => theme.space.xs} auto;
+  align-items: center;
+`;
+const StyledCheckBox = import_styled_components.default.span`
+  width: ${({ theme }) => theme.space.xs};
+  height: ${({ theme }) => theme.space.xs};
+  border: 1px solid ${({ theme, hasError }) => hasError ? theme.colors.danger[900] : theme.colors.neutral[400]};
+  border-radius: 2px;
+  position: relative;
+  background: ${({ theme, disabled }) => (0, import_styleHelpers.handleBackgroundColor)(theme, disabled)};
+  ${({ theme, checked, disabled, readOnly, hasError }) => (0, import_styleHelpers.handleCheckmark)(theme, checked, disabled, readOnly, hasError)}
+  &:focus-within {
+    ${({ theme, hasError, disabled }) => !disabled && !hasError ? `border: 1px solid ${theme.colors.brand[600]} ` : void 0};
+    &:hover {
+      ${({ theme, checked, disabled, readOnly, hasError }) => (0, import_styleHelpers.handleCheckmark)(theme, checked, disabled, readOnly, hasError, true)}
+    }
+  }
+  &:hover {
+    background: ${({ theme, checked, disabled }) => !disabled && (checked === "mixed" || checked) ? theme.colors.brand[200] : void 0};
+    ${({ theme, hasError, disabled, readOnly }) => !hasError && !disabled && !readOnly ? ` border: 1px solid  ${theme.colors.brand[600]}` : void 0};
+  }
+`;
+const StyledInput = import_styled_components.default.input`
+  &:hover {
+    cursor: pointer;
+  }
+
+  &:disabled {
+    cursor: not-allowed;
+  }
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  opacity: 0;
+`;
+const StyledLabel = import_styled_components.default.label`
+  &:hover {
+    cursor: pointer;
+  }
+  padding-left: ${({ theme }) => theme.space.xxs};
+  color: ${({ theme, disabled, readOnly, checked }) => disabled && checked !== true || readOnly ? theme.colors.neutral[500] : theme.colors.neutral[800]};
+  font-size: 13px;
+  line-height: 13px;
+  display: inherit;
+`;
+module.exports = __toCommonJS(styles_exports);
+//# sourceMappingURL=styles.js.map

package/dist/cjs/controlled-checkbox/styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/controlled-checkbox/styles.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import styled from 'styled-components';\nimport { StyledCheckBoxT, StyledLabelT } from './index.d';\nimport { handleBackgroundColor, handleCheckmark } from './utils/styleHelpers';\n\nexport const StyledContainer = styled.div`\n  display: inline-grid;\n  grid-template-rows: min-content;\n  grid-template-columns: ${({ theme }) => theme.space.xs} auto;\n  align-items: center;\n`;\n\nexport const StyledCheckBox = styled.span<StyledCheckBoxT>`\n  width: ${({ theme }) => theme.space.xs};\n  height: ${({ theme }) => theme.space.xs};\n  border: 1px solid ${({ theme, hasError }) => (hasError ? theme.colors.danger[900] : theme.colors.neutral[400])};\n  border-radius: 2px;\n  position: relative;\n  background: ${({ theme, disabled }) => handleBackgroundColor(theme, disabled)};\n  ${({ theme, checked, disabled, readOnly, hasError }) => handleCheckmark(theme, checked, disabled, readOnly, hasError)}\n  &:focus-within {\n    ${({ theme, hasError, disabled }) =>\n      !disabled && !hasError ? `border: 1px solid ${theme.colors.brand[600]} ` : undefined};\n    &:hover {\n      ${({ theme, checked, disabled, readOnly, hasError }) =>\n        handleCheckmark(theme, checked, disabled, readOnly, hasError, true)}\n    }\n  }\n  &:hover {\n    background: ${({ theme, checked, disabled }) =>\n      !disabled && (checked === 'mixed' || checked) ? theme.colors.brand[200] : undefined};\n    ${({ theme, hasError, disabled, readOnly }) =>\n      !hasError && !disabled && !readOnly ? ` border: 1px solid  ${theme.colors.brand[600]}` : undefined};\n  }\n`;\n\nexport const StyledInput = styled.input`\n  &:hover {\n    cursor: pointer;\n  }\n\n  &:disabled {\n    cursor: not-allowed;\n  }\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  opacity: 0;\n`;\n\nexport const StyledLabel = styled.label<StyledLabelT>`\n  &:hover {\n    cursor: pointer;\n  }\n  padding-left: ${({ theme }) => theme.space.xxs};\n  color: ${({ theme, disabled, readOnly, checked }) =>\n    (disabled && checked !== true) || readOnly ? theme.colors.neutral[500] : theme.colors.neutral[800]};\n  font-size: 13px;\n  line-height: 13px;\n  display: inherit;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AAEnB,0BAAuD;AAEhD,MAAM,kBAAkB,iCAAO;AAAA;AAAA;AAAA,2BAGX,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA;AAAA;AAI/C,MAAM,iBAAiB,iCAAO;AAAA,WAC1B,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,YAC1B,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,sBACjB,CAAC,EAAE,OAAO,eAAgB,WAAW,MAAM,OAAO,OAAO,OAAO,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,gBAG3F,CAAC,EAAE,OAAO,eAAe,+CAAsB,OAAO;AAAA,IAClE,CAAC,EAAE,OAAO,SAAS,UAAU,UAAU,eAAe,yCAAgB,OAAO,SAAS,UAAU,UAAU;AAAA;AAAA,MAExG,CAAC,EAAE,OAAO,UAAU,eACpB,CAAC,YAAY,CAAC,WAAW,qBAAqB,MAAM,OAAO,MAAM,UAAU;AAAA;AAAA,QAEzE,CAAC,EAAE,OAAO,SAAS,UAAU,UAAU,eACvC,yCAAgB,OAAO,SAAS,UAAU,UAAU,UAAU;AAAA;AAAA;AAAA;AAAA,kBAIpD,CAAC,EAAE,OAAO,SAAS,eAC/B,CAAC,YAAa,aAAY,WAAW,WAAW,MAAM,OAAO,MAAM,OAAO;AAAA,MAC1E,CAAC,EAAE,OAAO,UAAU,UAAU,eAC9B,CAAC,YAAY,CAAC,YAAY,CAAC,WAAW,uBAAuB,MAAM,OAAO,MAAM,SAAS;AAAA;AAAA;AAIxF,MAAM,cAAc,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAe3B,MAAM,cAAc,iCAAO;AAAA;AAAA;AAAA;AAAA,kBAIhB,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,WAClC,CAAC,EAAE,OAAO,UAAU,UAAU,cACpC,YAAY,YAAY,QAAS,WAAW,MAAM,OAAO,QAAQ,OAAO,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/dist/cjs/controlled-checkbox/utils/setMultipleRefs.js

@@ -0,0 +1,45 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var setMultipleRefs_exports = {};
+__export(setMultipleRefs_exports, {
+  setMultipleRefs: () => setMultipleRefs
+});
+var React = __toESM(require("react"));
+function setMultipleRefs(refs) {
+  return (value) => {
+    refs.forEach((ref) => {
+      if (typeof ref === "function") {
+        ref(value);
+      } else if (ref != null) {
+        ref.current = value;
+      }
+    });
+  };
+}
+module.exports = __toCommonJS(setMultipleRefs_exports);
+//# sourceMappingURL=setMultipleRefs.js.map

package/dist/cjs/controlled-checkbox/utils/setMultipleRefs.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/controlled-checkbox/utils/setMultipleRefs.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export function setMultipleRefs<T = unknown>(\n  refs: Array<React.MutableRefObject<T> | React.LegacyRef<T>>,\n): React.RefCallback<T> {\n  return (value) => {\n    refs.forEach((ref) => {\n      if (typeof ref === 'function') {\n        ref(value);\n      } else if (ref != null) {\n        (ref as React.MutableRefObject<T | null>).current = value;\n      }\n    });\n  };\n}\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,yBACL,MACsB;AACtB,SAAO,CAAC,UAAU;AAChB,SAAK,QAAQ,CAAC,QAAQ;AACpB,UAAI,OAAO,QAAQ,YAAY;AAC7B,YAAI;AAAA,iBACK,OAAO,MAAM;AACtB,QAAC,IAAyC,UAAU;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}