@elliemae/ds-form-toggle 3.12.0-rc.1 → 3.12.0-rc.11

package/dist/cjs/ControlledToggle.js

@@ -36,9 +36,10 @@ var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_propTypes = require("./propTypes");
 var import_styles = require("./styles");
 var import_addTooltipOnReadOnly = require("./utils/addTooltipOnReadOnly");
+var import_DSFormToggleDefinitions = require("./DSFormToggleDefinitions");
 const DSControlledToggle = (props) => {
   const propsWithDefaults = (0, import_ds_utilities.useMemoMergePropsWithDefault)(props, import_propTypes.defaultProps);
-  (0, import_ds_utilities.useValidateTypescriptPropTypes)(propsWithDefaults, import_propTypes.propTypes);
+  (0, import_ds_utilities.useValidateTypescriptPropTypes)(propsWithDefaults, import_propTypes.propTypes, import_DSFormToggleDefinitions.DSFormToggleName);
   const { labelOn, labelOff, value, checked, onChange, size, readOnly, active, disabled, containerProps, id, ...rest } = propsWithDefaults;
   const [isLongerTextRendering, setIsLongerTextRendering] = (0, import_react.useState)(false);
   const [width, setWidth] = (0, import_react.useState)(0);
@@ -68,71 +69,58 @@ const DSControlledToggle = (props) => {
   );
   const globalAttrs = (0, import_ds_utilities.useGetGlobalAttributes)(rest, { onClick: handleOnChange });
   const xStyledProps = (0, import_ds_utilities.useGetXstyledProps)(rest);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledContainer, {
-    size,
-    "data-testid": "ds-controlled-toggle",
-    ...containerProps,
-    ...xStyledProps,
-    disabled,
-    children: (0, import_addTooltipOnReadOnly.addTooltipOnReadOnly)(
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.StyledButton, {
-        role: "switch",
-        ...globalAttrs,
-        value,
-        type: "button",
-        buttonType: "raw",
-        "data-testid": "ds-controlled-toggle-checkbox",
-        id: instanceUID,
-        "aria-readonly": readOnly,
-        "aria-disabled": disabled,
-        "aria-checked": checked,
-        onClick: handleOnChange,
-        readOnly,
-        disabled,
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledLabel, {
-            checked,
-            size,
-            width,
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.StyledVisibleContent, {
-              checked,
-              size,
-              readOnly,
-              active,
-              disabled,
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledCircle, {
-                  checked,
-                  size,
-                  readOnly,
-                  disabled
-                }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledText, {
-                  "aria-hidden": "true",
-                  ref: labelTextRef,
-                  isLongerTextRendering,
-                  checked,
-                  size,
-                  disabled,
-                  children: checked ? labelOn : labelOff
-                })
-              ]
-            })
-          }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.SetLabelWidth, {
-            size,
-            ref: widthTextRef,
-            "aria-hidden": "true",
-            children: longerText
-          })
-        ]
-      }),
-      readOnly
-    )
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_styles.StyledContainer,
+    {
+      size,
+      "data-testid": "ds-controlled-toggle",
+      ...containerProps,
+      ...xStyledProps,
+      disabled,
+      children: (0, import_addTooltipOnReadOnly.addTooltipOnReadOnly)(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          import_styles.StyledButton,
+          {
+            role: "switch",
+            ...globalAttrs,
+            value,
+            type: "button",
+            buttonType: "raw",
+            "data-testid": "ds-controlled-toggle-checkbox",
+            id: instanceUID,
+            "aria-readonly": readOnly,
+            "aria-disabled": disabled,
+            "aria-checked": checked,
+            onClick: handleOnChange,
+            readOnly,
+            disabled,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledLabel, { checked, size, width, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.StyledVisibleContent, { checked, size, readOnly, active, disabled, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledCircle, { checked, size, readOnly, disabled }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  import_styles.StyledText,
+                  {
+                    "aria-hidden": "true",
+                    ref: labelTextRef,
+                    isLongerTextRendering,
+                    checked,
+                    size,
+                    disabled,
+                    children: checked ? labelOn : labelOff
+                  }
+                )
+              ] }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.SetLabelWidth, { size, ref: widthTextRef, "aria-hidden": "true", children: longerText })
+            ]
+          }
+        ),
+        readOnly
+      )
+    }
+  );
 };
 DSControlledToggle.propTypes = import_propTypes.propTypes;
-DSControlledToggle.displayName = "DSControlledToggle";
+DSControlledToggle.displayName = import_DSFormToggleDefinitions.DSFormToggleName;
 const DSControlledToggleWithSchema = (0, import_ds_utilities.describe)(DSControlledToggle);
 DSControlledToggleWithSchema.propTypes = import_propTypes.propTypes;
 //# sourceMappingURL=ControlledToggle.js.map

package/dist/cjs/ControlledToggle.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/ControlledToggle.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useState, useMemo, useRef, useEffect, useCallback } from 'react';\nimport { uid } from 'uid';\nimport {\n  describe,\n  useMemoMergePropsWithDefault,\n  useGetGlobalAttributes,\n  useValidateTypescriptPropTypes,\n  useGetXstyledProps,\n} from '@elliemae/ds-utilities';\nimport type { DSButtonT } from '@elliemae/ds-button';\nimport { propTypes, defaultProps, type DSControlledToggleT } from './propTypes';\nimport {\n  StyledContainer,\n  StyledButton,\n  StyledLabel,\n  StyledVisibleContent,\n  StyledCircle,\n  StyledText,\n  SetLabelWidth,\n} from './styles';\nimport { addTooltipOnReadOnly } from './utils/addTooltipOnReadOnly';\n\ntype DSButtonV2OnClick = DSButtonT.InternalProps['onClick'];\n\nconst DSControlledToggle = (props: DSControlledToggleT.Props): JSX.Element => {\n  const propsWithDefaults = useMemoMergePropsWithDefault(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefaults, propTypes);\n  const { labelOn, labelOff, value, checked, onChange, size, readOnly, active, disabled, containerProps, id, ...rest } =\n    propsWithDefaults;\n\n  const [isLongerTextRendering, setIsLongerTextRendering] = useState<boolean>(false);\n  const [width, setWidth] = useState<number>(0);\n  const labelTextRef = useRef<HTMLDivElement | null>(null);\n  const widthTextRef = useRef<HTMLDivElement | null>(null);\n\n  const longerText = useMemo(() => (labelOn.length > labelOff.length ? labelOn : labelOff), [labelOff, labelOn]);\n\n  const instanceUID = useMemo(() => id || uid(5), [id]);\n\n  useEffect(() => {\n    if (labelTextRef.current) {\n      setIsLongerTextRendering(labelTextRef.current.innerText === longerText);\n    }\n  }, [labelTextRef, longerText, checked]);\n\n  useEffect(() => {\n    if (widthTextRef.current) {\n      setWidth(widthTextRef.current.clientWidth);\n    }\n  }, [widthTextRef]);\n\n  const handleOnChange = useCallback<DSButtonV2OnClick>(\n    (e) => {\n      if (disabled || readOnly) return;\n      if (onChange) {\n        onChange();\n      }\n    },\n    [disabled, readOnly, onChange],\n  );\n\n  const globalAttrs = useGetGlobalAttributes(rest, { onClick: handleOnChange });\n  const xStyledProps = useGetXstyledProps(rest);\n\n  return (\n    <StyledContainer\n      size={size}\n      data-testid=\"ds-controlled-toggle\"\n      {...containerProps}\n      {...xStyledProps}\n      disabled={disabled}\n    >\n      {addTooltipOnReadOnly(\n        <StyledButton\n          role=\"switch\"\n          {...globalAttrs}\n          value={value}\n          type=\"button\"\n          buttonType=\"raw\"\n          data-testid=\"ds-controlled-toggle-checkbox\"\n          id={instanceUID}\n          aria-readonly={readOnly}\n          aria-disabled={disabled}\n          aria-checked={checked}\n          onClick={handleOnChange}\n          readOnly={readOnly}\n          disabled={disabled}\n        >\n          <StyledLabel checked={checked} size={size} width={width}>\n            <StyledVisibleContent checked={checked} size={size} readOnly={readOnly} active={active} disabled={disabled}>\n              <StyledCircle checked={checked} size={size} readOnly={readOnly} disabled={disabled} />\n              <StyledText\n                aria-hidden=\"true\"\n                ref={labelTextRef}\n                isLongerTextRendering={isLongerTextRendering}\n                checked={checked}\n                size={size}\n                disabled={disabled}\n              >\n                {checked ? labelOn : labelOff}\n              </StyledText>\n            </StyledVisibleContent>\n          </StyledLabel>\n          <SetLabelWidth size={size} ref={widthTextRef} aria-hidden=\"true\">\n            {longerText}\n          </SetLabelWidth>\n        </StyledButton>,\n        readOnly,\n      )}\n    </StyledContainer>\n  );\n};\n\nDSControlledToggle.propTypes = propTypes;\nDSControlledToggle.displayName = 'DSControlledToggle';\nconst DSControlledToggleWithSchema = describe(DSControlledToggle);\nDSControlledToggleWithSchema.propTypes = propTypes;\n\nexport { DSControlledToggle, DSControlledToggleWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADyFX;AAzFZ,mBAAyE;AACzE,iBAAoB;AACpB,0BAMO;AAEP,uBAAkE;AAClE,oBAQO;AACP,kCAAqC;AAIrC,MAAM,qBAAqB,CAAC,UAAkD;AAC5E,QAAM,wBAAoB,kDAA6B,OAAO,6BAAY;AAC1E,0DAA+B,mBAAmB,0BAAS;AAC3D,QAAM,EAAE,SAAS,UAAU,OAAO,SAAS,UAAU,MAAM,UAAU,QAAQ,UAAU,gBAAgB,OAAO,KAAK,IACjH;AAEF,QAAM,CAAC,uBAAuB,wBAAwB,QAAI,uBAAkB,KAAK;AACjF,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAiB,CAAC;AAC5C,QAAM,mBAAe,qBAA8B,IAAI;AACvD,QAAM,mBAAe,qBAA8B,IAAI;AAEvD,QAAM,iBAAa,sBAAQ,MAAO,QAAQ,SAAS,SAAS,SAAS,UAAU,UAAW,CAAC,UAAU,OAAO,CAAC;AAE7G,QAAM,kBAAc,sBAAQ,MAAM,UAAM,gBAAI,CAAC,GAAG,CAAC,EAAE,CAAC;AAEpD,8BAAU,MAAM;AACd,QAAI,aAAa,SAAS;AACxB,+BAAyB,aAAa,QAAQ,cAAc,UAAU;AAAA,IACxE;AAAA,EACF,GAAG,CAAC,cAAc,YAAY,OAAO,CAAC;AAEtC,8BAAU,MAAM;AACd,QAAI,aAAa,SAAS;AACxB,eAAS,aAAa,QAAQ,WAAW;AAAA,IAC3C;AAAA,EACF,GAAG,CAAC,YAAY,CAAC;AAEjB,QAAM,qBAAiB;AAAA,IACrB,CAAC,MAAM;AACL,UAAI,YAAY;AAAU;AAC1B,UAAI,UAAU;AACZ,iBAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,CAAC,UAAU,UAAU,QAAQ;AAAA,EAC/B;AAEA,QAAM,kBAAc,4CAAuB,MAAM,EAAE,SAAS,eAAe,CAAC;AAC5E,QAAM,mBAAe,wCAAmB,IAAI;AAE5C,SACE,4CAAC;AAAA,IACC;AAAA,IACA,eAAY;AAAA,IACX,GAAG;AAAA,IACH,GAAG;AAAA,IACJ;AAAA,IAEC;AAAA,MACC,6CAAC;AAAA,QACC,MAAK;AAAA,QACJ,GAAG;AAAA,QACJ;AAAA,QACA,MAAK;AAAA,QACL,YAAW;AAAA,QACX,eAAY;AAAA,QACZ,IAAI;AAAA,QACJ,iBAAe;AAAA,QACf,iBAAe;AAAA,QACf,gBAAc;AAAA,QACd,SAAS;AAAA,QACT;AAAA,QACA;AAAA,QAEA;AAAA,sDAAC;AAAA,YAAY;AAAA,YAAkB;AAAA,YAAY;AAAA,YACzC,uDAAC;AAAA,cAAqB;AAAA,cAAkB;AAAA,cAAY;AAAA,cAAoB;AAAA,cAAgB;AAAA,cACtF;AAAA,4DAAC;AAAA,kBAAa;AAAA,kBAAkB;AAAA,kBAAY;AAAA,kBAAoB;AAAA,iBAAoB;AAAA,gBACpF,4CAAC;AAAA,kBACC,eAAY;AAAA,kBACZ,KAAK;AAAA,kBACL;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBAEC,oBAAU,UAAU;AAAA,iBACvB;AAAA;AAAA,aACF;AAAA,WACF;AAAA,UACA,4CAAC;AAAA,YAAc;AAAA,YAAY,KAAK;AAAA,YAAc,eAAY;AAAA,YACvD;AAAA,WACH;AAAA;AAAA,OACF;AAAA,MACA;AAAA,IACF;AAAA,GACF;AAEJ;AAEA,mBAAmB,YAAY;AAC/B,mBAAmB,cAAc;AACjC,MAAM,mCAA+B,8BAAS,kBAAkB;AAChE,6BAA6B,YAAY;",
+  "sourcesContent": ["import React, { useState, useMemo, useRef, useEffect, useCallback } from 'react';\nimport { uid } from 'uid';\nimport {\n  describe,\n  useMemoMergePropsWithDefault,\n  useGetGlobalAttributes,\n  useValidateTypescriptPropTypes,\n  useGetXstyledProps,\n} from '@elliemae/ds-utilities';\nimport type { DSButtonT } from '@elliemae/ds-button';\nimport { propTypes, defaultProps, type DSControlledToggleT } from './propTypes';\nimport {\n  StyledContainer,\n  StyledButton,\n  StyledLabel,\n  StyledVisibleContent,\n  StyledCircle,\n  StyledText,\n  SetLabelWidth,\n} from './styles';\nimport { addTooltipOnReadOnly } from './utils/addTooltipOnReadOnly';\nimport { DSFormToggleName } from './DSFormToggleDefinitions';\n\ntype DSButtonV2OnClick = DSButtonT.InternalProps['onClick'];\n\nconst DSControlledToggle = (props: DSControlledToggleT.Props): JSX.Element => {\n  const propsWithDefaults = useMemoMergePropsWithDefault(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefaults, propTypes, DSFormToggleName);\n  const { labelOn, labelOff, value, checked, onChange, size, readOnly, active, disabled, containerProps, id, ...rest } =\n    propsWithDefaults;\n\n  const [isLongerTextRendering, setIsLongerTextRendering] = useState<boolean>(false);\n  const [width, setWidth] = useState<number>(0);\n  const labelTextRef = useRef<HTMLDivElement | null>(null);\n  const widthTextRef = useRef<HTMLDivElement | null>(null);\n\n  const longerText = useMemo(() => (labelOn.length > labelOff.length ? labelOn : labelOff), [labelOff, labelOn]);\n\n  const instanceUID = useMemo(() => id || uid(5), [id]);\n\n  useEffect(() => {\n    if (labelTextRef.current) {\n      setIsLongerTextRendering(labelTextRef.current.innerText === longerText);\n    }\n  }, [labelTextRef, longerText, checked]);\n\n  useEffect(() => {\n    if (widthTextRef.current) {\n      setWidth(widthTextRef.current.clientWidth);\n    }\n  }, [widthTextRef]);\n\n  const handleOnChange = useCallback<DSButtonV2OnClick>(\n    (e) => {\n      if (disabled || readOnly) return;\n      if (onChange) {\n        onChange();\n      }\n    },\n    [disabled, readOnly, onChange],\n  );\n\n  const globalAttrs = useGetGlobalAttributes(rest, { onClick: handleOnChange });\n  const xStyledProps = useGetXstyledProps(rest);\n\n  return (\n    <StyledContainer\n      size={size}\n      data-testid=\"ds-controlled-toggle\"\n      {...containerProps}\n      {...xStyledProps}\n      disabled={disabled}\n    >\n      {addTooltipOnReadOnly(\n        <StyledButton\n          role=\"switch\"\n          {...globalAttrs}\n          value={value}\n          type=\"button\"\n          buttonType=\"raw\"\n          data-testid=\"ds-controlled-toggle-checkbox\"\n          id={instanceUID}\n          aria-readonly={readOnly}\n          aria-disabled={disabled}\n          aria-checked={checked}\n          onClick={handleOnChange}\n          readOnly={readOnly}\n          disabled={disabled}\n        >\n          <StyledLabel checked={checked} size={size} width={width}>\n            <StyledVisibleContent checked={checked} size={size} readOnly={readOnly} active={active} disabled={disabled}>\n              <StyledCircle checked={checked} size={size} readOnly={readOnly} disabled={disabled} />\n              <StyledText\n                aria-hidden=\"true\"\n                ref={labelTextRef}\n                isLongerTextRendering={isLongerTextRendering}\n                checked={checked}\n                size={size}\n                disabled={disabled}\n              >\n                {checked ? labelOn : labelOff}\n              </StyledText>\n            </StyledVisibleContent>\n          </StyledLabel>\n          <SetLabelWidth size={size} ref={widthTextRef} aria-hidden=\"true\">\n            {longerText}\n          </SetLabelWidth>\n        </StyledButton>,\n        readOnly,\n      )}\n    </StyledContainer>\n  );\n};\n\nDSControlledToggle.propTypes = propTypes;\nDSControlledToggle.displayName = DSFormToggleName;\nconst DSControlledToggleWithSchema = describe(DSControlledToggle);\nDSControlledToggleWithSchema.propTypes = propTypes;\n\nexport { DSControlledToggle, DSControlledToggleWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD0FX;AA1FZ,mBAAyE;AACzE,iBAAoB;AACpB,0BAMO;AAEP,uBAAkE;AAClE,oBAQO;AACP,kCAAqC;AACrC,qCAAiC;AAIjC,MAAM,qBAAqB,CAAC,UAAkD;AAC5E,QAAM,wBAAoB,kDAA6B,OAAO,6BAAY;AAC1E,0DAA+B,mBAAmB,4BAAW,+CAAgB;AAC7E,QAAM,EAAE,SAAS,UAAU,OAAO,SAAS,UAAU,MAAM,UAAU,QAAQ,UAAU,gBAAgB,OAAO,KAAK,IACjH;AAEF,QAAM,CAAC,uBAAuB,wBAAwB,QAAI,uBAAkB,KAAK;AACjF,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAiB,CAAC;AAC5C,QAAM,mBAAe,qBAA8B,IAAI;AACvD,QAAM,mBAAe,qBAA8B,IAAI;AAEvD,QAAM,iBAAa,sBAAQ,MAAO,QAAQ,SAAS,SAAS,SAAS,UAAU,UAAW,CAAC,UAAU,OAAO,CAAC;AAE7G,QAAM,kBAAc,sBAAQ,MAAM,UAAM,gBAAI,CAAC,GAAG,CAAC,EAAE,CAAC;AAEpD,8BAAU,MAAM;AACd,QAAI,aAAa,SAAS;AACxB,+BAAyB,aAAa,QAAQ,cAAc,UAAU;AAAA,IACxE;AAAA,EACF,GAAG,CAAC,cAAc,YAAY,OAAO,CAAC;AAEtC,8BAAU,MAAM;AACd,QAAI,aAAa,SAAS;AACxB,eAAS,aAAa,QAAQ,WAAW;AAAA,IAC3C;AAAA,EACF,GAAG,CAAC,YAAY,CAAC;AAEjB,QAAM,qBAAiB;AAAA,IACrB,CAAC,MAAM;AACL,UAAI,YAAY;AAAU;AAC1B,UAAI,UAAU;AACZ,iBAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,CAAC,UAAU,UAAU,QAAQ;AAAA,EAC/B;AAEA,QAAM,kBAAc,4CAAuB,MAAM,EAAE,SAAS,eAAe,CAAC;AAC5E,QAAM,mBAAe,wCAAmB,IAAI;AAE5C,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAY;AAAA,MACX,GAAG;AAAA,MACH,GAAG;AAAA,MACJ;AAAA,MAEC;AAAA,QACC;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACJ,GAAG;AAAA,YACJ;AAAA,YACA,MAAK;AAAA,YACL,YAAW;AAAA,YACX,eAAY;AAAA,YACZ,IAAI;AAAA,YACJ,iBAAe;AAAA,YACf,iBAAe;AAAA,YACf,gBAAc;AAAA,YACd,SAAS;AAAA,YACT;AAAA,YACA;AAAA,YAEA;AAAA,0DAAC,6BAAY,SAAkB,MAAY,OACzC,uDAAC,sCAAqB,SAAkB,MAAY,UAAoB,QAAgB,UACtF;AAAA,4DAAC,8BAAa,SAAkB,MAAY,UAAoB,UAAoB;AAAA,gBACpF;AAAA,kBAAC;AAAA;AAAA,oBACC,eAAY;AAAA,oBACZ,KAAK;AAAA,oBACL;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBAEC,oBAAU,UAAU;AAAA;AAAA,gBACvB;AAAA,iBACF,GACF;AAAA,cACA,4CAAC,+BAAc,MAAY,KAAK,cAAc,eAAY,QACvD,sBACH;AAAA;AAAA;AAAA,QACF;AAAA,QACA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAEA,mBAAmB,YAAY;AAC/B,mBAAmB,cAAc;AACjC,MAAM,mCAA+B,8BAAS,kBAAkB;AAChE,6BAA6B,YAAY;",
   "names": []
 }

package/dist/cjs/DSFormToggleDefinitions.js

@@ -0,0 +1,32 @@
+"use strict";
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DSFormToggleDefinitions_exports = {};
+__export(DSFormToggleDefinitions_exports, {
+  DSFormToggleName: () => DSFormToggleName
+});
+module.exports = __toCommonJS(DSFormToggleDefinitions_exports);
+var React = __toESM(require("react"));
+const DSFormToggleName = "DSFormToggle";
+//# sourceMappingURL=DSFormToggleDefinitions.js.map

package/dist/cjs/DSFormToggleDefinitions.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/DSFormToggleDefinitions.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export const DSFormToggleName = 'DSFormToggle';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,mBAAmB;",
+  "names": []
+}

package/dist/cjs/utils/addTooltipOnReadOnly.js

@@ -32,10 +32,7 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_tooltip = require("@elliemae/ds-tooltip");
 const addTooltipOnReadOnly = (Component, readOnly) => {
   if (readOnly)
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_tooltip.DSTooltipV3, {
-      text: "Read Only",
-      children: Component
-    });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_tooltip.DSTooltipV3, { text: "Read Only", children: Component });
   return Component;
 };
 //# sourceMappingURL=addTooltipOnReadOnly.js.map

package/dist/cjs/utils/addTooltipOnReadOnly.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/utils/addTooltipOnReadOnly.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { DSTooltipV3 } from '@elliemae/ds-tooltip';\n\nexport const addTooltipOnReadOnly = (Component: JSX.Element, readOnly: boolean): JSX.Element => {\n  if (readOnly) return <DSTooltipV3 text=\"Read Only\">{Component}</DSTooltipV3>;\n  return Component;\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADIA;AAHvB,wBAA4B;AAErB,MAAM,uBAAuB,CAAC,WAAwB,aAAmC;AAC9F,MAAI;AAAU,WAAO,4CAAC;AAAA,MAAY,MAAK;AAAA,MAAa;AAAA,KAAU;AAC9D,SAAO;AACT;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADIA;AAHvB,wBAA4B;AAErB,MAAM,uBAAuB,CAAC,WAAwB,aAAmC;AAC9F,MAAI;AAAU,WAAO,4CAAC,iCAAY,MAAK,aAAa,qBAAU;AAC9D,SAAO;AACT;",
   "names": []
 }

package/dist/esm/ControlledToggle.js

@@ -20,9 +20,10 @@ import {
   SetLabelWidth
 } from "./styles";
 import { addTooltipOnReadOnly } from "./utils/addTooltipOnReadOnly";
+import { DSFormToggleName } from "./DSFormToggleDefinitions";
 const DSControlledToggle = (props) => {
   const propsWithDefaults = useMemoMergePropsWithDefault(props, defaultProps);
-  useValidateTypescriptPropTypes(propsWithDefaults, propTypes);
+  useValidateTypescriptPropTypes(propsWithDefaults, propTypes, DSFormToggleName);
   const { labelOn, labelOff, value, checked, onChange, size, readOnly, active, disabled, containerProps, id, ...rest } = propsWithDefaults;
   const [isLongerTextRendering, setIsLongerTextRendering] = useState(false);
   const [width, setWidth] = useState(0);
@@ -52,71 +53,58 @@ const DSControlledToggle = (props) => {
   );
   const globalAttrs = useGetGlobalAttributes(rest, { onClick: handleOnChange });
   const xStyledProps = useGetXstyledProps(rest);
-  return /* @__PURE__ */ jsx(StyledContainer, {
-    size,
-    "data-testid": "ds-controlled-toggle",
-    ...containerProps,
-    ...xStyledProps,
-    disabled,
-    children: addTooltipOnReadOnly(
-      /* @__PURE__ */ jsxs(StyledButton, {
-        role: "switch",
-        ...globalAttrs,
-        value,
-        type: "button",
-        buttonType: "raw",
-        "data-testid": "ds-controlled-toggle-checkbox",
-        id: instanceUID,
-        "aria-readonly": readOnly,
-        "aria-disabled": disabled,
-        "aria-checked": checked,
-        onClick: handleOnChange,
-        readOnly,
-        disabled,
-        children: [
-          /* @__PURE__ */ jsx(StyledLabel, {
-            checked,
-            size,
-            width,
-            children: /* @__PURE__ */ jsxs(StyledVisibleContent, {
-              checked,
-              size,
-              readOnly,
-              active,
-              disabled,
-              children: [
-                /* @__PURE__ */ jsx(StyledCircle, {
-                  checked,
-                  size,
-                  readOnly,
-                  disabled
-                }),
-                /* @__PURE__ */ jsx(StyledText, {
-                  "aria-hidden": "true",
-                  ref: labelTextRef,
-                  isLongerTextRendering,
-                  checked,
-                  size,
-                  disabled,
-                  children: checked ? labelOn : labelOff
-                })
-              ]
-            })
-          }),
-          /* @__PURE__ */ jsx(SetLabelWidth, {
-            size,
-            ref: widthTextRef,
-            "aria-hidden": "true",
-            children: longerText
-          })
-        ]
-      }),
-      readOnly
-    )
-  });
+  return /* @__PURE__ */ jsx(
+    StyledContainer,
+    {
+      size,
+      "data-testid": "ds-controlled-toggle",
+      ...containerProps,
+      ...xStyledProps,
+      disabled,
+      children: addTooltipOnReadOnly(
+        /* @__PURE__ */ jsxs(
+          StyledButton,
+          {
+            role: "switch",
+            ...globalAttrs,
+            value,
+            type: "button",
+            buttonType: "raw",
+            "data-testid": "ds-controlled-toggle-checkbox",
+            id: instanceUID,
+            "aria-readonly": readOnly,
+            "aria-disabled": disabled,
+            "aria-checked": checked,
+            onClick: handleOnChange,
+            readOnly,
+            disabled,
+            children: [
+              /* @__PURE__ */ jsx(StyledLabel, { checked, size, width, children: /* @__PURE__ */ jsxs(StyledVisibleContent, { checked, size, readOnly, active, disabled, children: [
+                /* @__PURE__ */ jsx(StyledCircle, { checked, size, readOnly, disabled }),
+                /* @__PURE__ */ jsx(
+                  StyledText,
+                  {
+                    "aria-hidden": "true",
+                    ref: labelTextRef,
+                    isLongerTextRendering,
+                    checked,
+                    size,
+                    disabled,
+                    children: checked ? labelOn : labelOff
+                  }
+                )
+              ] }) }),
+              /* @__PURE__ */ jsx(SetLabelWidth, { size, ref: widthTextRef, "aria-hidden": "true", children: longerText })
+            ]
+          }
+        ),
+        readOnly
+      )
+    }
+  );
 };
 DSControlledToggle.propTypes = propTypes;
-DSControlledToggle.displayName = "DSControlledToggle";
+DSControlledToggle.displayName = DSFormToggleName;
 const DSControlledToggleWithSchema = describe(DSControlledToggle);
 DSControlledToggleWithSchema.propTypes = propTypes;
 export {

package/dist/esm/ControlledToggle.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ControlledToggle.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useState, useMemo, useRef, useEffect, useCallback } from 'react';\nimport { uid } from 'uid';\nimport {\n  describe,\n  useMemoMergePropsWithDefault,\n  useGetGlobalAttributes,\n  useValidateTypescriptPropTypes,\n  useGetXstyledProps,\n} from '@elliemae/ds-utilities';\nimport type { DSButtonT } from '@elliemae/ds-button';\nimport { propTypes, defaultProps, type DSControlledToggleT } from './propTypes';\nimport {\n  StyledContainer,\n  StyledButton,\n  StyledLabel,\n  StyledVisibleContent,\n  StyledCircle,\n  StyledText,\n  SetLabelWidth,\n} from './styles';\nimport { addTooltipOnReadOnly } from './utils/addTooltipOnReadOnly';\n\ntype DSButtonV2OnClick = DSButtonT.InternalProps['onClick'];\n\nconst DSControlledToggle = (props: DSControlledToggleT.Props): JSX.Element => {\n  const propsWithDefaults = useMemoMergePropsWithDefault(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefaults, propTypes);\n  const { labelOn, labelOff, value, checked, onChange, size, readOnly, active, disabled, containerProps, id, ...rest } =\n    propsWithDefaults;\n\n  const [isLongerTextRendering, setIsLongerTextRendering] = useState<boolean>(false);\n  const [width, setWidth] = useState<number>(0);\n  const labelTextRef = useRef<HTMLDivElement | null>(null);\n  const widthTextRef = useRef<HTMLDivElement | null>(null);\n\n  const longerText = useMemo(() => (labelOn.length > labelOff.length ? labelOn : labelOff), [labelOff, labelOn]);\n\n  const instanceUID = useMemo(() => id || uid(5), [id]);\n\n  useEffect(() => {\n    if (labelTextRef.current) {\n      setIsLongerTextRendering(labelTextRef.current.innerText === longerText);\n    }\n  }, [labelTextRef, longerText, checked]);\n\n  useEffect(() => {\n    if (widthTextRef.current) {\n      setWidth(widthTextRef.current.clientWidth);\n    }\n  }, [widthTextRef]);\n\n  const handleOnChange = useCallback<DSButtonV2OnClick>(\n    (e) => {\n      if (disabled || readOnly) return;\n      if (onChange) {\n        onChange();\n      }\n    },\n    [disabled, readOnly, onChange],\n  );\n\n  const globalAttrs = useGetGlobalAttributes(rest, { onClick: handleOnChange });\n  const xStyledProps = useGetXstyledProps(rest);\n\n  return (\n    <StyledContainer\n      size={size}\n      data-testid=\"ds-controlled-toggle\"\n      {...containerProps}\n      {...xStyledProps}\n      disabled={disabled}\n    >\n      {addTooltipOnReadOnly(\n        <StyledButton\n          role=\"switch\"\n          {...globalAttrs}\n          value={value}\n          type=\"button\"\n          buttonType=\"raw\"\n          data-testid=\"ds-controlled-toggle-checkbox\"\n          id={instanceUID}\n          aria-readonly={readOnly}\n          aria-disabled={disabled}\n          aria-checked={checked}\n          onClick={handleOnChange}\n          readOnly={readOnly}\n          disabled={disabled}\n        >\n          <StyledLabel checked={checked} size={size} width={width}>\n            <StyledVisibleContent checked={checked} size={size} readOnly={readOnly} active={active} disabled={disabled}>\n              <StyledCircle checked={checked} size={size} readOnly={readOnly} disabled={disabled} />\n              <StyledText\n                aria-hidden=\"true\"\n                ref={labelTextRef}\n                isLongerTextRendering={isLongerTextRendering}\n                checked={checked}\n                size={size}\n                disabled={disabled}\n              >\n                {checked ? labelOn : labelOff}\n              </StyledText>\n            </StyledVisibleContent>\n          </StyledLabel>\n          <SetLabelWidth size={size} ref={widthTextRef} aria-hidden=\"true\">\n            {longerText}\n          </SetLabelWidth>\n        </StyledButton>,\n        readOnly,\n      )}\n    </StyledContainer>\n  );\n};\n\nDSControlledToggle.propTypes = propTypes;\nDSControlledToggle.displayName = 'DSControlledToggle';\nconst DSControlledToggleWithSchema = describe(DSControlledToggle);\nDSControlledToggleWithSchema.propTypes = propTypes;\n\nexport { DSControlledToggle, DSControlledToggleWithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACyFX,SACE,KADF;AAzFZ,SAAgB,UAAU,SAAS,QAAQ,WAAW,mBAAmB;AACzE,SAAS,WAAW;AACpB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,WAAW,oBAA8C;AAClE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,4BAA4B;AAIrC,MAAM,qBAAqB,CAAC,UAAkD;AAC5E,QAAM,oBAAoB,6BAA6B,OAAO,YAAY;AAC1E,iCAA+B,mBAAmB,SAAS;AAC3D,QAAM,EAAE,SAAS,UAAU,OAAO,SAAS,UAAU,MAAM,UAAU,QAAQ,UAAU,gBAAgB,OAAO,KAAK,IACjH;AAEF,QAAM,CAAC,uBAAuB,wBAAwB,IAAI,SAAkB,KAAK;AACjF,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAiB,CAAC;AAC5C,QAAM,eAAe,OAA8B,IAAI;AACvD,QAAM,eAAe,OAA8B,IAAI;AAEvD,QAAM,aAAa,QAAQ,MAAO,QAAQ,SAAS,SAAS,SAAS,UAAU,UAAW,CAAC,UAAU,OAAO,CAAC;AAE7G,QAAM,cAAc,QAAQ,MAAM,MAAM,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;AAEpD,YAAU,MAAM;AACd,QAAI,aAAa,SAAS;AACxB,+BAAyB,aAAa,QAAQ,cAAc,UAAU;AAAA,IACxE;AAAA,EACF,GAAG,CAAC,cAAc,YAAY,OAAO,CAAC;AAEtC,YAAU,MAAM;AACd,QAAI,aAAa,SAAS;AACxB,eAAS,aAAa,QAAQ,WAAW;AAAA,IAC3C;AAAA,EACF,GAAG,CAAC,YAAY,CAAC;AAEjB,QAAM,iBAAiB;AAAA,IACrB,CAAC,MAAM;AACL,UAAI,YAAY;AAAU;AAC1B,UAAI,UAAU;AACZ,iBAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,CAAC,UAAU,UAAU,QAAQ;AAAA,EAC/B;AAEA,QAAM,cAAc,uBAAuB,MAAM,EAAE,SAAS,eAAe,CAAC;AAC5E,QAAM,eAAe,mBAAmB,IAAI;AAE5C,SACE,oBAAC;AAAA,IACC;AAAA,IACA,eAAY;AAAA,IACX,GAAG;AAAA,IACH,GAAG;AAAA,IACJ;AAAA,IAEC;AAAA,MACC,qBAAC;AAAA,QACC,MAAK;AAAA,QACJ,GAAG;AAAA,QACJ;AAAA,QACA,MAAK;AAAA,QACL,YAAW;AAAA,QACX,eAAY;AAAA,QACZ,IAAI;AAAA,QACJ,iBAAe;AAAA,QACf,iBAAe;AAAA,QACf,gBAAc;AAAA,QACd,SAAS;AAAA,QACT;AAAA,QACA;AAAA,QAEA;AAAA,8BAAC;AAAA,YAAY;AAAA,YAAkB;AAAA,YAAY;AAAA,YACzC,+BAAC;AAAA,cAAqB;AAAA,cAAkB;AAAA,cAAY;AAAA,cAAoB;AAAA,cAAgB;AAAA,cACtF;AAAA,oCAAC;AAAA,kBAAa;AAAA,kBAAkB;AAAA,kBAAY;AAAA,kBAAoB;AAAA,iBAAoB;AAAA,gBACpF,oBAAC;AAAA,kBACC,eAAY;AAAA,kBACZ,KAAK;AAAA,kBACL;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBAEC,oBAAU,UAAU;AAAA,iBACvB;AAAA;AAAA,aACF;AAAA,WACF;AAAA,UACA,oBAAC;AAAA,YAAc;AAAA,YAAY,KAAK;AAAA,YAAc,eAAY;AAAA,YACvD;AAAA,WACH;AAAA;AAAA,OACF;AAAA,MACA;AAAA,IACF;AAAA,GACF;AAEJ;AAEA,mBAAmB,YAAY;AAC/B,mBAAmB,cAAc;AACjC,MAAM,+BAA+B,SAAS,kBAAkB;AAChE,6BAA6B,YAAY;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useState, useMemo, useRef, useEffect, useCallback } from 'react';\nimport { uid } from 'uid';\nimport {\n  describe,\n  useMemoMergePropsWithDefault,\n  useGetGlobalAttributes,\n  useValidateTypescriptPropTypes,\n  useGetXstyledProps,\n} from '@elliemae/ds-utilities';\nimport type { DSButtonT } from '@elliemae/ds-button';\nimport { propTypes, defaultProps, type DSControlledToggleT } from './propTypes';\nimport {\n  StyledContainer,\n  StyledButton,\n  StyledLabel,\n  StyledVisibleContent,\n  StyledCircle,\n  StyledText,\n  SetLabelWidth,\n} from './styles';\nimport { addTooltipOnReadOnly } from './utils/addTooltipOnReadOnly';\nimport { DSFormToggleName } from './DSFormToggleDefinitions';\n\ntype DSButtonV2OnClick = DSButtonT.InternalProps['onClick'];\n\nconst DSControlledToggle = (props: DSControlledToggleT.Props): JSX.Element => {\n  const propsWithDefaults = useMemoMergePropsWithDefault(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefaults, propTypes, DSFormToggleName);\n  const { labelOn, labelOff, value, checked, onChange, size, readOnly, active, disabled, containerProps, id, ...rest } =\n    propsWithDefaults;\n\n  const [isLongerTextRendering, setIsLongerTextRendering] = useState<boolean>(false);\n  const [width, setWidth] = useState<number>(0);\n  const labelTextRef = useRef<HTMLDivElement | null>(null);\n  const widthTextRef = useRef<HTMLDivElement | null>(null);\n\n  const longerText = useMemo(() => (labelOn.length > labelOff.length ? labelOn : labelOff), [labelOff, labelOn]);\n\n  const instanceUID = useMemo(() => id || uid(5), [id]);\n\n  useEffect(() => {\n    if (labelTextRef.current) {\n      setIsLongerTextRendering(labelTextRef.current.innerText === longerText);\n    }\n  }, [labelTextRef, longerText, checked]);\n\n  useEffect(() => {\n    if (widthTextRef.current) {\n      setWidth(widthTextRef.current.clientWidth);\n    }\n  }, [widthTextRef]);\n\n  const handleOnChange = useCallback<DSButtonV2OnClick>(\n    (e) => {\n      if (disabled || readOnly) return;\n      if (onChange) {\n        onChange();\n      }\n    },\n    [disabled, readOnly, onChange],\n  );\n\n  const globalAttrs = useGetGlobalAttributes(rest, { onClick: handleOnChange });\n  const xStyledProps = useGetXstyledProps(rest);\n\n  return (\n    <StyledContainer\n      size={size}\n      data-testid=\"ds-controlled-toggle\"\n      {...containerProps}\n      {...xStyledProps}\n      disabled={disabled}\n    >\n      {addTooltipOnReadOnly(\n        <StyledButton\n          role=\"switch\"\n          {...globalAttrs}\n          value={value}\n          type=\"button\"\n          buttonType=\"raw\"\n          data-testid=\"ds-controlled-toggle-checkbox\"\n          id={instanceUID}\n          aria-readonly={readOnly}\n          aria-disabled={disabled}\n          aria-checked={checked}\n          onClick={handleOnChange}\n          readOnly={readOnly}\n          disabled={disabled}\n        >\n          <StyledLabel checked={checked} size={size} width={width}>\n            <StyledVisibleContent checked={checked} size={size} readOnly={readOnly} active={active} disabled={disabled}>\n              <StyledCircle checked={checked} size={size} readOnly={readOnly} disabled={disabled} />\n              <StyledText\n                aria-hidden=\"true\"\n                ref={labelTextRef}\n                isLongerTextRendering={isLongerTextRendering}\n                checked={checked}\n                size={size}\n                disabled={disabled}\n              >\n                {checked ? labelOn : labelOff}\n              </StyledText>\n            </StyledVisibleContent>\n          </StyledLabel>\n          <SetLabelWidth size={size} ref={widthTextRef} aria-hidden=\"true\">\n            {longerText}\n          </SetLabelWidth>\n        </StyledButton>,\n        readOnly,\n      )}\n    </StyledContainer>\n  );\n};\n\nDSControlledToggle.propTypes = propTypes;\nDSControlledToggle.displayName = DSFormToggleName;\nconst DSControlledToggleWithSchema = describe(DSControlledToggle);\nDSControlledToggleWithSchema.propTypes = propTypes;\n\nexport { DSControlledToggle, DSControlledToggleWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;AC0FX,SACE,KADF;AA1FZ,SAAgB,UAAU,SAAS,QAAQ,WAAW,mBAAmB;AACzE,SAAS,WAAW;AACpB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,WAAW,oBAA8C;AAClE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,4BAA4B;AACrC,SAAS,wBAAwB;AAIjC,MAAM,qBAAqB,CAAC,UAAkD;AAC5E,QAAM,oBAAoB,6BAA6B,OAAO,YAAY;AAC1E,iCAA+B,mBAAmB,WAAW,gBAAgB;AAC7E,QAAM,EAAE,SAAS,UAAU,OAAO,SAAS,UAAU,MAAM,UAAU,QAAQ,UAAU,gBAAgB,OAAO,KAAK,IACjH;AAEF,QAAM,CAAC,uBAAuB,wBAAwB,IAAI,SAAkB,KAAK;AACjF,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAiB,CAAC;AAC5C,QAAM,eAAe,OAA8B,IAAI;AACvD,QAAM,eAAe,OAA8B,IAAI;AAEvD,QAAM,aAAa,QAAQ,MAAO,QAAQ,SAAS,SAAS,SAAS,UAAU,UAAW,CAAC,UAAU,OAAO,CAAC;AAE7G,QAAM,cAAc,QAAQ,MAAM,MAAM,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;AAEpD,YAAU,MAAM;AACd,QAAI,aAAa,SAAS;AACxB,+BAAyB,aAAa,QAAQ,cAAc,UAAU;AAAA,IACxE;AAAA,EACF,GAAG,CAAC,cAAc,YAAY,OAAO,CAAC;AAEtC,YAAU,MAAM;AACd,QAAI,aAAa,SAAS;AACxB,eAAS,aAAa,QAAQ,WAAW;AAAA,IAC3C;AAAA,EACF,GAAG,CAAC,YAAY,CAAC;AAEjB,QAAM,iBAAiB;AAAA,IACrB,CAAC,MAAM;AACL,UAAI,YAAY;AAAU;AAC1B,UAAI,UAAU;AACZ,iBAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,CAAC,UAAU,UAAU,QAAQ;AAAA,EAC/B;AAEA,QAAM,cAAc,uBAAuB,MAAM,EAAE,SAAS,eAAe,CAAC;AAC5E,QAAM,eAAe,mBAAmB,IAAI;AAE5C,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAY;AAAA,MACX,GAAG;AAAA,MACH,GAAG;AAAA,MACJ;AAAA,MAEC;AAAA,QACC;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACJ,GAAG;AAAA,YACJ;AAAA,YACA,MAAK;AAAA,YACL,YAAW;AAAA,YACX,eAAY;AAAA,YACZ,IAAI;AAAA,YACJ,iBAAe;AAAA,YACf,iBAAe;AAAA,YACf,gBAAc;AAAA,YACd,SAAS;AAAA,YACT;AAAA,YACA;AAAA,YAEA;AAAA,kCAAC,eAAY,SAAkB,MAAY,OACzC,+BAAC,wBAAqB,SAAkB,MAAY,UAAoB,QAAgB,UACtF;AAAA,oCAAC,gBAAa,SAAkB,MAAY,UAAoB,UAAoB;AAAA,gBACpF;AAAA,kBAAC;AAAA;AAAA,oBACC,eAAY;AAAA,oBACZ,KAAK;AAAA,oBACL;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBAEC,oBAAU,UAAU;AAAA;AAAA,gBACvB;AAAA,iBACF,GACF;AAAA,cACA,oBAAC,iBAAc,MAAY,KAAK,cAAc,eAAY,QACvD,sBACH;AAAA;AAAA;AAAA,QACF;AAAA,QACA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAEA,mBAAmB,YAAY;AAC/B,mBAAmB,cAAc;AACjC,MAAM,+BAA+B,SAAS,kBAAkB;AAChE,6BAA6B,YAAY;",
   "names": []
 }

package/dist/esm/DSFormToggleDefinitions.js

@@ -0,0 +1,6 @@
+import * as React from "react";
+const DSFormToggleName = "DSFormToggle";
+export {
+  DSFormToggleName
+};
+//# sourceMappingURL=DSFormToggleDefinitions.js.map

package/dist/esm/DSFormToggleDefinitions.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSFormToggleDefinitions.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const DSFormToggleName = 'DSFormToggle';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,mBAAmB;",
+  "names": []
+}

package/dist/esm/utils/addTooltipOnReadOnly.js

@@ -3,10 +3,7 @@ import { jsx } from "react/jsx-runtime";
 import { DSTooltipV3 } from "@elliemae/ds-tooltip";
 const addTooltipOnReadOnly = (Component, readOnly) => {
   if (readOnly)
-    return /* @__PURE__ */ jsx(DSTooltipV3, {
-      text: "Read Only",
-      children: Component
-    });
+    return /* @__PURE__ */ jsx(DSTooltipV3, { text: "Read Only", children: Component });
   return Component;
 };
 export {

package/dist/esm/utils/addTooltipOnReadOnly.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/utils/addTooltipOnReadOnly.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { DSTooltipV3 } from '@elliemae/ds-tooltip';\n\nexport const addTooltipOnReadOnly = (Component: JSX.Element, readOnly: boolean): JSX.Element => {\n  if (readOnly) return <DSTooltipV3 text=\"Read Only\">{Component}</DSTooltipV3>;\n  return Component;\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACIA;AAHvB,SAAS,mBAAmB;AAErB,MAAM,uBAAuB,CAAC,WAAwB,aAAmC;AAC9F,MAAI;AAAU,WAAO,oBAAC;AAAA,MAAY,MAAK;AAAA,MAAa;AAAA,KAAU;AAC9D,SAAO;AACT;",
+  "mappings": "AAAA,YAAY,WAAW;ACIA;AAHvB,SAAS,mBAAmB;AAErB,MAAM,uBAAuB,CAAC,WAAwB,aAAmC;AAC9F,MAAI;AAAU,WAAO,oBAAC,eAAY,MAAK,aAAa,qBAAU;AAC9D,SAAO;AACT;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-form-toggle",
-  "version": "3.12.0-rc.1",
+  "version": "3.12.0-rc.11",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Controlled Form Toggle",
   "files": [
@@ -35,12 +35,12 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-button": "3.12.0-rc.1",
-    "@elliemae/ds-system": "3.12.0-rc.1",
-    "@elliemae/ds-tooltip": "3.12.0-rc.1",
-    "@elliemae/ds-utilities": "3.12.0-rc.1",
     "styled-components": "~5.3.6",
-    "uid": "~2.0.0"
+    "uid": "~2.0.0",
+    "@elliemae/ds-button": "3.12.0-rc.11",
+    "@elliemae/ds-tooltip": "3.12.0-rc.11",
+    "@elliemae/ds-utilities": "3.12.0-rc.11",
+    "@elliemae/ds-system": "3.12.0-rc.11"
   },
   "devDependencies": {
     "@elliemae/pui-theme": "~2.6.0",