@elliemae/ds-form-radio 3.1.0-next.20

package/dist/cjs/ControlledRadio.js

@@ -0,0 +1,109 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+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 ControlledRadio_exports = {};
+__export(ControlledRadio_exports, {
+  DSControlledRadio: () => DSControlledRadio,
+  DSControlledRadioWithSchema: () => DSControlledRadioWithSchema
+});
+module.exports = __toCommonJS(ControlledRadio_exports);
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
+var import_styles = require("./styles");
+var import_react_desc_prop_types = require("./react-desc-prop-types");
+var import_useValidateProps = require("./config/useValidateProps");
+const DSControlledRadio = (props) => {
+  const propsWithDefault = (0, import_ds_utilities.useMemoMergePropsWithDefault)(props, import_react_desc_prop_types.defaultProps);
+  (0, import_useValidateProps.useValidateProps)(props, import_react_desc_prop_types.propTypes);
+  const { checked, hasError, innerRef, value, wrapLabel, onChange } = propsWithDefault;
+  const _a = (0, import_ds_utilities.useGetGlobalAttributes)(propsWithDefault), { id, disabled, readOnly, label, className, tabIndex } = _a, restGlobals = __objRest(_a, ["id", "disabled", "readOnly", "label", "className", "tabIndex"]);
+  const xstyledProps = (0, import_ds_utilities.useGetXstyledProps)(propsWithDefault);
+  const handleOnChange = (0, import_react.useCallback)((e) => {
+    if (onChange)
+      onChange(value, e);
+  }, [onChange, value]);
+  const handleOnLabelClick = (0, import_react.useCallback)((e) => {
+    if (onChange)
+      onChange(value, e);
+  }, [onChange, value]);
+  return /* @__PURE__ */ import_react.default.createElement(import_styles.StyledContainer, __spreadValues({
+    "data-testid": "ds-radio-container",
+    className
+  }, xstyledProps), /* @__PURE__ */ import_react.default.createElement(import_styles.StyledRadio, {
+    checked,
+    hasError,
+    disabled,
+    readOnly
+  }, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledInput, __spreadProps(__spreadValues({
+    "data-testid": "ds-radio"
+  }, restGlobals), {
+    id,
+    ref: innerRef,
+    type: "radio",
+    checked,
+    disabled,
+    onChange: handleOnChange
+  }))), label && /* @__PURE__ */ import_react.default.createElement(import_styles.StyledLabel, __spreadValues({
+    htmlFor: id,
+    disabled,
+    readOnly,
+    checked,
+    "data-testid": "ds-radio-label",
+    wrapLabel
+  }, !disabled ? { onClick: handleOnLabelClick } : {}), wrapLabel ? /* @__PURE__ */ import_react.default.createElement(import_styles.StyledWrapLabel, null, label) : /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.SimpleTruncatedTooltipText, {
+    value: label
+  })));
+};
+DSControlledRadio.propTypes = import_react_desc_prop_types.propTypes;
+DSControlledRadio.displayName = "DSControlledRadio";
+const DSControlledRadioWithSchema = (0, import_ds_utilities.describe)(DSControlledRadio);
+DSControlledRadioWithSchema.propTypes = import_react_desc_prop_types.propTypes;
+//# sourceMappingURL=ControlledRadio.js.map

package/dist/cjs/ControlledRadio.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/ControlledRadio.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable complexity */\nimport React, { useCallback, WeakValidationMap } from 'react';\nimport {\n  describe,\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n  useMemoMergePropsWithDefault,\n} from '@elliemae/ds-utilities';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { StyledContainer, StyledWrapLabel, StyledInput, StyledLabel, StyledRadio } from './styles';\nimport { DSControlledRadioT, propTypes, defaultProps } from './react-desc-prop-types';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst DSControlledRadio: React.ComponentType<DSControlledRadioT.Props> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n  useValidateProps(props, propTypes);\n\n  const { checked, hasError, innerRef, value, wrapLabel, onChange } = propsWithDefault;\n\n  const { id, disabled, readOnly, label, className, tabIndex, ...restGlobals } =\n    useGetGlobalAttributes<DSControlledRadioT.Props>(propsWithDefault);\n\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n\n  const handleOnChange = useCallback(\n    (e: React.ChangeEvent) => {\n      if (onChange) onChange(value, e);\n    },\n    [onChange, value],\n  );\n\n  const handleOnLabelClick: React.MouseEventHandler<HTMLLabelElement> = useCallback(\n    (e) => {\n      if (onChange) onChange(value, e);\n    },\n    [onChange, value],\n  );\n  return (\n    <StyledContainer data-testid=\"ds-radio-container\" className={className} {...xstyledProps}>\n      <StyledRadio checked={checked} hasError={hasError} disabled={disabled} readOnly={readOnly}>\n        <StyledInput\n          data-testid=\"ds-radio\"\n          {...restGlobals}\n          id={id}\n          ref={innerRef}\n          type=\"radio\"\n          checked={checked}\n          disabled={disabled}\n          onChange={handleOnChange}\n        />\n      </StyledRadio>\n      {label && (\n        <StyledLabel\n          htmlFor={id}\n          disabled={disabled}\n          readOnly={readOnly}\n          checked={checked}\n          data-testid=\"ds-radio-label\"\n          wrapLabel={wrapLabel}\n          {...(!disabled ? { onClick: handleOnLabelClick } : {})}\n        >\n          {wrapLabel ? <StyledWrapLabel>{label}</StyledWrapLabel> : <SimpleTruncatedTooltipText value={label} />}\n        </StyledLabel>\n      )}\n    </StyledContainer>\n  );\n};\n\nDSControlledRadio.propTypes = propTypes as WeakValidationMap<unknown>;\nDSControlledRadio.displayName = 'DSControlledRadio';\nconst DSControlledRadioWithSchema = describe(DSControlledRadio);\nDSControlledRadioWithSchema.propTypes = propTypes as WeakValidationMap<unknown>;\n\nexport { DSControlledRadio, DSControlledRadioWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAsD;AACtD,0BAKO;AACP,uCAA2C;AAC3C,oBAAwF;AACxF,mCAA4D;AAC5D,8BAAiC;AAEjC,MAAM,oBAAmE,CAAC,UAAU;AAClF,QAAM,mBAAmB,sDAA6B,OAAO,yCAAY;AACzE,gDAAiB,OAAO,sCAAS;AAEjC,QAAM,EAAE,SAAS,UAAU,UAAU,OAAO,WAAW,aAAa;AAEpE,QACE,qDAAiD,gBAAgB,GAD3D,MAAI,UAAU,UAAU,OAAO,WAAW,aAChD,IAD6D,wBAC7D,IAD6D,CAAvD,MAAI,YAAU,YAAU,SAAO,aAAW;AAGlD,QAAM,eAAe,4CAAmB,gBAAgB;AAExD,QAAM,iBAAiB,8BACrB,CAAC,MAAyB;AACxB,QAAI;AAAU,eAAS,OAAO,CAAC;AAAA,EACjC,GACA,CAAC,UAAU,KAAK,CAClB;AAEA,QAAM,qBAAgE,8BACpE,CAAC,MAAM;AACL,QAAI;AAAU,eAAS,OAAO,CAAC;AAAA,EACjC,GACA,CAAC,UAAU,KAAK,CAClB;AACA,SACE,mDAAC;AAAA,IAAgB,eAAY;AAAA,IAAqB;AAAA,KAA0B,eAC1E,mDAAC;AAAA,IAAY;AAAA,IAAkB;AAAA,IAAoB;AAAA,IAAoB;AAAA,KACrE,mDAAC;AAAA,IACC,eAAY;AAAA,KACR,cAFL;AAAA,IAGC;AAAA,IACA,KAAK;AAAA,IACL,MAAK;AAAA,IACL;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACZ,CACF,GACC,SACC,mDAAC;AAAA,IACC,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAY;AAAA,IACZ;AAAA,KACK,CAAC,WAAW,EAAE,SAAS,mBAAmB,IAAI,CAAC,IAEnD,YAAY,mDAAC,qCAAiB,KAAM,IAAqB,mDAAC;AAAA,IAA2B,OAAO;AAAA,GAAO,CACtG,CAEJ;AAEJ;AAEA,kBAAkB,YAAY;AAC9B,kBAAkB,cAAc;AAChC,MAAM,8BAA8B,kCAAS,iBAAiB;AAC9D,4BAA4B,YAAY;",
+  "names": []
+}

package/dist/cjs/config/useValidateProps.js

@@ -0,0 +1,38 @@
+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 useValidateProps_exports = {};
+__export(useValidateProps_exports, {
+  useValidateProps: () => useValidateProps
+});
+module.exports = __toCommonJS(useValidateProps_exports);
+var React = __toESM(require("react"));
+var import_ds_utilities = require("@elliemae/ds-utilities");
+const throwError = (message) => {
+  throw new Error(`DSControlledRadio:: ${message}
+  `);
+};
+const useValidateProps = (props, propTypes) => {
+  (0, import_ds_utilities.useValidateTypescriptPropTypes)(props, propTypes);
+  if (typeof props.label === "undefined" && typeof props["aria-label"] === "undefined") {
+    throwError(`Please provide a label or ariaLabel property to use this component.`);
+  }
+};
+//# sourceMappingURL=useValidateProps.js.map

package/dist/cjs/config/useValidateProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/config/useValidateProps.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useValidateTypescriptPropTypes } from '@elliemae/ds-utilities';\nimport { DSControlledRadioT } from '../react-desc-prop-types';\n\nconst throwError = (message: string): void => {\n  throw new Error(\n    `DSControlledRadio:: ${message}\n  `,\n  );\n};\n\nexport const useValidateProps = (props: DSControlledRadioT.Props, propTypes: DSControlledRadioT.Props): void => {\n  useValidateTypescriptPropTypes(props, propTypes);\n  if (typeof props.label === 'undefined' && typeof props['aria-label'] === 'undefined') {\n    throwError(`Please provide a label or ariaLabel property to use this component.`);\n  }\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA+C;AAG/C,MAAM,aAAa,CAAC,YAA0B;AAC5C,QAAM,IAAI,MACR,uBAAuB;AAAA,GAEzB;AACF;AAEO,MAAM,mBAAmB,CAAC,OAAiC,cAA8C;AAC9G,0DAA+B,OAAO,SAAS;AAC/C,MAAI,OAAO,MAAM,UAAU,eAAe,OAAO,MAAM,kBAAkB,aAAa;AACpF,eAAW,qEAAqE;AAAA,EAClF;AACF;",
+  "names": []
+}

package/dist/cjs/exported-related/data-test-ids.js

@@ -0,0 +1,31 @@
+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 data_test_ids_exports = {};
+__export(data_test_ids_exports, {
+  DSRadioDataTestIds: () => DSRadioDataTestIds
+});
+module.exports = __toCommonJS(data_test_ids_exports);
+var React = __toESM(require("react"));
+const DSRadioDataTestIds = {
+  CONTAINER: "ds-radio-container",
+  INPUT: "ds-radio"
+};
+//# sourceMappingURL=data-test-ids.js.map

package/dist/cjs/exported-related/data-test-ids.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/exported-related/data-test-ids.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export const DSRadioDataTestIds = {\n  CONTAINER: 'ds-radio-container',\n  INPUT: 'ds-radio',\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,qBAAqB;AAAA,EAChC,WAAW;AAAA,EACX,OAAO;AACT;",
+  "names": []
+}

package/dist/cjs/exported-related/index.js

@@ -0,0 +1,23 @@
+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 __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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+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 exported_related_exports = {};
+module.exports = __toCommonJS(exported_related_exports);
+var React = __toESM(require("react"));
+__reExport(exported_related_exports, require("./data-test-ids"), module.exports);
+__reExport(exported_related_exports, require("./theming"), module.exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/exported-related/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/exported-related/index.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export * from './data-test-ids';\nexport * from './theming';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,qCAAc,4BAAd;AACA,qCAAc,sBADd;",
+  "names": []
+}

package/dist/cjs/exported-related/theming.js

@@ -0,0 +1,34 @@
+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 theming_exports = {};
+__export(theming_exports, {
+  DSRadioName: () => DSRadioName,
+  DSRadioSlots: () => DSRadioSlots
+});
+module.exports = __toCommonJS(theming_exports);
+var React = __toESM(require("react"));
+const DSRadioName = "DS-Radio";
+const DSRadioSlots = {
+  CONTAINER: "root",
+  INPUT: "input",
+  LABEL: "label"
+};
+//# sourceMappingURL=theming.js.map

package/dist/cjs/exported-related/theming.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/exported-related/theming.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export const DSRadioName = 'DS-Radio';\n\nexport const DSRadioSlots = {\n  CONTAINER: 'root',\n  INPUT: 'input',\n  LABEL: 'label',\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,cAAc;AAEpB,MAAM,eAAe;AAAA,EAC1B,WAAW;AAAA,EACX,OAAO;AAAA,EACP,OAAO;AACT;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -0,0 +1,29 @@
+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 src_exports = {};
+__export(src_exports, {
+  DSControlledRadio: () => import_ControlledRadio.DSControlledRadio,
+  DSControlledRadioWithSchema: () => import_ControlledRadio.DSControlledRadioWithSchema
+});
+module.exports = __toCommonJS(src_exports);
+var React = __toESM(require("react"));
+var import_ControlledRadio = require("./ControlledRadio");
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

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

package/dist/cjs/react-desc-prop-types.js

@@ -0,0 +1,60 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+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 react_desc_prop_types_exports = {};
+__export(react_desc_prop_types_exports, {
+  defaultProps: () => defaultProps,
+  propTypes: () => propTypes
+});
+module.exports = __toCommonJS(react_desc_prop_types_exports);
+var React = __toESM(require("react"));
+var import_ds_utilities = require("@elliemae/ds-utilities");
+const defaultProps = {
+  wrapLabel: false,
+  hasError: false,
+  checked: false
+};
+const propTypes = __spreadProps(__spreadValues(__spreadValues({}, import_ds_utilities.globalAttributesPropTypes), import_ds_utilities.xstyledPropTypes), {
+  value: import_ds_utilities.PropTypes.string.description("Radio value"),
+  onChange: import_ds_utilities.PropTypes.func.description("Radio onchange callback").signature("((newValue: string,e: React.ChangeEvent) => void)"),
+  label: import_ds_utilities.PropTypes.string.description("Radio Label property. This label is also going to be used as an aria-label for screen readers."),
+  checked: import_ds_utilities.PropTypes.bool.description("Whether the radio is checked or not"),
+  hasError: import_ds_utilities.PropTypes.bool.description("Whether the radio has error or not."),
+  innerRef: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.func, import_ds_utilities.PropTypes.object]).description("Radio input ref."),
+  wrapLabel: import_ds_utilities.PropTypes.bool.description("Whether to wrap or truncate the label")
+});
+//# sourceMappingURL=react-desc-prop-types.js.map

package/dist/cjs/react-desc-prop-types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/react-desc-prop-types.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { ChangeEvent, MouseEvent } from 'react';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes, GlobalAttributesT } from '@elliemae/ds-utilities';\nexport declare namespace DSControlledRadioT {\n  export interface DefaultProps {\n    checked: boolean;\n    hasError: boolean;\n    wrapLabel: boolean;\n    disabled: boolean;\n  }\n\n  export interface OptionalProps {\n    value?: string;\n    onChange?: (newValue: string, e: ChangeEvent | MouseEvent<HTMLLabelElement>) => void;\n    label?: string;\n    innerRef?: React.RefObject<HTMLInputElement>;\n  }\n\n  export interface Props extends DefaultProps, OptionalProps, GlobalAttributesT {}\n\n  export interface StyledRadioT {\n    checked?: boolean;\n    readOnly?: boolean;\n    hasError?: boolean;\n    disabled?: boolean;\n  }\n\n  export interface StyledLabelT {\n    disabled?: boolean;\n    readOnly?: boolean;\n    checked: boolean;\n    wrapLabel: boolean;\n    onClick?: React.MouseEventHandler<HTMLLabelElement>;\n  }\n}\n\nexport const defaultProps: Partial<DSControlledRadioT.Props> = {\n  wrapLabel: false,\n  hasError: false,\n  checked: false,\n};\n\nexport const propTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  value: PropTypes.string.description('Radio value'),\n  onChange: PropTypes.func\n    .description('Radio onchange callback')\n    .signature('((newValue: string,e: React.ChangeEvent) => void)'),\n  label: PropTypes.string.description(\n    'Radio Label property. This label is also going to be used as an aria-label for screen readers.',\n  ),\n  checked: PropTypes.bool.description('Whether the radio is checked or not'),\n  hasError: PropTypes.bool.description('Whether the radio has error or not.'),\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description('Radio input ref.'),\n  wrapLabel: PropTypes.bool.description('Whether to wrap or truncate the label'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,0BAA0F;AAkCnF,MAAM,eAAkD;AAAA,EAC7D,WAAW;AAAA,EACX,UAAU;AAAA,EACV,SAAS;AACX;AAEO,MAAM,YAAY,gDACpB,gDACA,uCAFoB;AAAA,EAGvB,OAAO,8BAAU,OAAO,YAAY,aAAa;AAAA,EACjD,UAAU,8BAAU,KACjB,YAAY,yBAAyB,EACrC,UAAU,mDAAmD;AAAA,EAChE,OAAO,8BAAU,OAAO,YACtB,gGACF;AAAA,EACA,SAAS,8BAAU,KAAK,YAAY,qCAAqC;AAAA,EACzE,UAAU,8BAAU,KAAK,YAAY,qCAAqC;AAAA,EAC1E,UAAU,8BAAU,UAAU,CAAC,8BAAU,MAAM,8BAAU,MAAM,CAAC,EAAE,YAAY,kBAAkB;AAAA,EAChG,WAAW,8BAAU,KAAK,YAAY,uCAAuC;AAC/E;",
+  "names": []
+}

package/dist/cjs/styles.js

@@ -0,0 +1,112 @@
+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 styles_exports = {};
+__export(styles_exports, {
+  StyledContainer: () => StyledContainer,
+  StyledInput: () => StyledInput,
+  StyledLabel: () => StyledLabel,
+  StyledRadio: () => StyledRadio,
+  StyledWrapLabel: () => StyledWrapLabel
+});
+module.exports = __toCommonJS(styles_exports);
+var React = __toESM(require("react"));
+var import_ds_system = require("@elliemae/ds-system");
+var import_styleHelpers = require("./utils/styleHelpers");
+var import_exported_related = require("./exported-related");
+const StyledContainer = (0, import_ds_system.styled)("div", {
+  name: import_exported_related.DSRadioName,
+  slot: import_exported_related.DSRadioSlots.CONTAINER
+})`
+  display: inline-grid;
+  grid-template-rows: min-content;
+  grid-template-columns: ${({ theme }) => theme.space.xs} auto;
+  @media (max-width: ${({ theme }) => theme.breakpoints.small}) {
+    grid-template-columns: 24px auto;
+  }
+  align-items: center;
+`;
+const StyledRadio = (0, import_ds_system.styled)("span")`
+  width: ${({ theme }) => theme.space.xs};
+  height: ${({ theme }) => theme.space.xs};
+  @media (max-width: ${(props) => props.theme.breakpoints.small}) {
+    width: 24px;
+    height: 24px;
+  }
+  border: 1px solid ${({ theme, hasError }) => hasError ? theme.colors.danger[900] : theme.colors.neutral[400]};
+  border-radius: 50px;
+  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 ? `border: 1px solid ${hasError ? theme.colors.danger[900] : theme.colors.brand[700]}; outline : 1px solid ${hasError ? theme.colors.danger[900] : theme.colors.brand[700]} ` : void 0};
+    &:hover {
+      ${({ theme, checked, disabled, readOnly, hasError }) => (0, import_styleHelpers.handleCheckmark)(theme, checked, disabled, readOnly, hasError, true)}
+    }
+  }
+  &:hover {
+    background: ${({ theme, disabled }) => !disabled ? theme.colors.brand[200] : void 0};
+    ${({ theme, hasError, disabled, readOnly }) => !hasError && !disabled && !readOnly ? ` border: 1px solid  ${theme.colors.brand[600]}` : void 0};
+  }
+`;
+const radioStyles = import_ds_system.css`
+  &:hover {
+    cursor: pointer;
+  }
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  opacity: 0;
+`;
+const StyledInput = (0, import_ds_system.styled)("input", {
+  name: import_exported_related.DSRadioName,
+  slot: import_exported_related.DSRadioSlots.INPUT
+})`
+  ${radioStyles}
+  &:disabled {
+    cursor: not-allowed;
+  }
+`;
+const StyledLabel = (0, import_ds_system.styled)("label", {
+  name: import_exported_related.DSRadioName,
+  slot: import_exported_related.DSRadioSlots.LABEL
+})`
+  ${({ wrapLabel, theme }) => wrapLabel ? "padding: 8px 0px 8px 8px;" : `padding-left: ${theme.space.xxs}`};
+
+  color: ${({ theme, disabled, readOnly }) => disabled || readOnly ? theme.colors.neutral[500] : theme.colors.neutral[800]};
+  font-size: 13px;
+  line-height: 13px;
+  @media (max-width: ${({ theme }) => theme.breakpoints.small}) {
+    font-size: 16px;
+    line-height: 16px;
+    ${({ wrapLabel, theme }) => wrapLabel ? `padding: ${theme.space.xs} 0px ${theme.space.xs} ${theme.space.xs};` : `padding-left: ${theme.space.xs}`};
+  }
+  display: inherit;
+
+  ${({ disabled }) => disabled ? `&:hover {
+    cursor: not-allowed;
+  }` : `&:hover {
+    cursor: pointer;
+  }`}
+`;
+const StyledWrapLabel = (0, import_ds_system.styled)("span")``;
+//# sourceMappingURL=styles.js.map

package/dist/cjs/styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/styles.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { styled, css } from '@elliemae/ds-system';\nimport { DSControlledRadioT } from './react-desc-prop-types';\nimport { handleBackgroundColor, handleCheckmark } from './utils/styleHelpers';\nimport { DSRadioName, DSRadioSlots } from './exported-related';\nexport const StyledContainer = styled('div', {\n  name: DSRadioName,\n  slot: DSRadioSlots.CONTAINER,\n})`\n  display: inline-grid;\n  grid-template-rows: min-content;\n  grid-template-columns: ${({ theme }) => theme.space.xs} auto;\n  @media (max-width: ${({ theme }) => theme.breakpoints.small}) {\n    grid-template-columns: 24px auto;\n  }\n  align-items: center;\n`;\n\nexport const StyledRadio = styled('span')<DSControlledRadioT.StyledRadioT>`\n  width: ${({ theme }) => theme.space.xs};\n  height: ${({ theme }) => theme.space.xs};\n  @media (max-width: ${(props) => props.theme.breakpoints.small}) {\n    width: 24px;\n    height: 24px;\n  }\n  border: 1px solid ${({ theme, hasError }) => (hasError ? theme.colors.danger[900] : theme.colors.neutral[400])};\n  border-radius: 50px;\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\n        ? `border: 1px solid ${hasError ? theme.colors.danger[900] : theme.colors.brand[700]}; outline : 1px solid ${\n            hasError ? theme.colors.danger[900] : theme.colors.brand[700]\n          } `\n        : undefined};\n    &:hover {\n      ${({ theme, checked, disabled, readOnly, hasError }) =>\n        handleCheckmark(theme, checked, disabled, readOnly, hasError, true)}\n    }\n  }\n  &:hover {\n    background: ${({ theme, disabled }) => (!disabled ? 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\nconst radioStyles = css`\n  &:hover {\n    cursor: pointer;\n  }\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  opacity: 0;\n`;\n\nexport const StyledInput = styled('input', {\n  name: DSRadioName,\n  slot: DSRadioSlots.INPUT,\n})`\n  ${radioStyles}\n  &:disabled {\n    cursor: not-allowed;\n  }\n`;\n\nexport const StyledLabel = styled('label', {\n  name: DSRadioName,\n  slot: DSRadioSlots.LABEL,\n})<DSControlledRadioT.StyledLabelT>`\n  ${({ wrapLabel, theme }) => (wrapLabel ? 'padding: 8px 0px 8px 8px;' : `padding-left: ${theme.space.xxs}`)};\n\n  color: ${({ theme, disabled, readOnly }) =>\n    disabled || readOnly ? theme.colors.neutral[500] : theme.colors.neutral[800]};\n  font-size: 13px;\n  line-height: 13px;\n  @media (max-width: ${({ theme }) => theme.breakpoints.small}) {\n    font-size: 16px;\n    line-height: 16px;\n    ${({ wrapLabel, theme }) =>\n      wrapLabel\n        ? `padding: ${theme.space.xs} 0px ${theme.space.xs} ${theme.space.xs};`\n        : `padding-left: ${theme.space.xs}`};\n  }\n  display: inherit;\n\n  ${({ disabled }) =>\n    disabled\n      ? `&:hover {\n    cursor: not-allowed;\n  }`\n      : `&:hover {\n    cursor: pointer;\n  }`}\n`;\n\nexport const StyledWrapLabel = styled('span')``;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA4B;AAE5B,0BAAuD;AACvD,8BAA0C;AACnC,MAAM,kBAAkB,6BAAO,OAAO;AAAA,EAC3C,MAAM;AAAA,EACN,MAAM,qCAAa;AACrB,CAAC;AAAA;AAAA;AAAA,2BAG0B,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,uBAC/B,CAAC,EAAE,YAAY,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA;AAMjD,MAAM,cAAc,6BAAO,MAAM;AAAA,WAC7B,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,YAC1B,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,uBAChB,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA,sBAIpC,CAAC,EAAE,OAAO,eAAgB,WAAW,MAAM,OAAO,OAAO,OAAO,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,gBAG3F,CAAC,EAAE,OAAO,eAAe,+CAAsB,OAAO,QAAQ;AAAA,IAC1E,CAAC,EAAE,OAAO,SAAS,UAAU,UAAU,eAAe,yCAAgB,OAAO,SAAS,UAAU,UAAU,QAAQ;AAAA;AAAA,MAEhH,CAAC,EAAE,OAAO,UAAU,eACpB,CAAC,WACG,qBAAqB,WAAW,MAAM,OAAO,OAAO,OAAO,MAAM,OAAO,MAAM,6BAC5E,WAAW,MAAM,OAAO,OAAO,OAAO,MAAM,OAAO,MAAM,UAE3D;AAAA;AAAA,QAEF,CAAC,EAAE,OAAO,SAAS,UAAU,UAAU,eACvC,yCAAgB,OAAO,SAAS,UAAU,UAAU,UAAU,IAAI;AAAA;AAAA;AAAA;AAAA,kBAIxD,CAAC,EAAE,OAAO,eAAgB,CAAC,WAAW,MAAM,OAAO,MAAM,OAAO;AAAA,MAC5E,CAAC,EAAE,OAAO,UAAU,UAAU,eAC9B,CAAC,YAAY,CAAC,YAAY,CAAC,WAAW,uBAAuB,MAAM,OAAO,MAAM,SAAS;AAAA;AAAA;AAI/F,MAAM,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYb,MAAM,cAAc,6BAAO,SAAS;AAAA,EACzC,MAAM;AAAA,EACN,MAAM,qCAAa;AACrB,CAAC;AAAA,IACG;AAAA;AAAA;AAAA;AAAA;AAMG,MAAM,cAAc,6BAAO,SAAS;AAAA,EACzC,MAAM;AAAA,EACN,MAAM,qCAAa;AACrB,CAAC;AAAA,IACG,CAAC,EAAE,WAAW,YAAa,YAAY,8BAA8B,iBAAiB,MAAM,MAAM;AAAA;AAAA,WAE3F,CAAC,EAAE,OAAO,UAAU,eAC3B,YAAY,WAAW,MAAM,OAAO,QAAQ,OAAO,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,uBAGrD,CAAC,EAAE,YAAY,MAAM,YAAY;AAAA;AAAA;AAAA,MAGlD,CAAC,EAAE,WAAW,YACd,YACI,YAAY,MAAM,MAAM,UAAU,MAAM,MAAM,MAAM,MAAM,MAAM,QAChE,iBAAiB,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA,IAInC,CAAC,EAAE,eACH,WACI;AAAA;AAAA,OAGA;AAAA;AAAA;AAAA;AAKD,MAAM,kBAAkB,6BAAO,MAAM;",
+  "names": []
+}

package/dist/cjs/utils/styleHelpers.js

@@ -0,0 +1,65 @@
+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 styleHelpers_exports = {};
+__export(styleHelpers_exports, {
+  handleBackgroundColor: () => handleBackgroundColor,
+  handleCheckMarkColor: () => handleCheckMarkColor,
+  handleCheckmark: () => handleCheckmark
+});
+module.exports = __toCommonJS(styleHelpers_exports);
+var React = __toESM(require("react"));
+const handleCheckMarkColor = ({ colors }, checked, isHovering, disabled, readOnly, hasError) => {
+  if (hasError) {
+    return colors.danger[900];
+  }
+  if (disabled || readOnly) {
+    return colors.neutral[500];
+  }
+  return colors.brand[600];
+};
+const handleCheckmark = (theme, checked, disabled, readOnly, hasError, isHovering = false) => {
+  if (checked) {
+    return `
+    &:before {
+      content:"";
+      width: ${theme.space.xxs};
+      height: ${theme.space.xxs};
+      @media (max-width: ${theme.breakpoints.small}) {
+        width: 12px;
+        height: 12px;
+        margin: 5px;
+      }
+      border-radius:50%;
+      display:inline-block;
+      margin:3px;
+      background: ${handleCheckMarkColor(theme, checked, isHovering, disabled, readOnly, hasError)};
+    }
+    `;
+  }
+  return "";
+};
+const handleBackgroundColor = ({ colors }, disabled) => {
+  if (disabled) {
+    return colors.neutral["080"];
+  }
+  return colors.neutral["000"];
+};
+//# sourceMappingURL=styleHelpers.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/utils/styleHelpers.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-params */\nimport type { Theme } from '@elliemae/pui-theme';\n\nexport const handleCheckMarkColor = (\n  { colors }: Theme,\n  checked: boolean,\n  isHovering: boolean,\n  disabled?: boolean,\n  readOnly?: boolean,\n  hasError?: boolean,\n): string => {\n  if (hasError) {\n    return colors.danger[900];\n  }\n  if (disabled || readOnly) {\n    return colors.neutral[500];\n  }\n\n  return colors.brand[600];\n};\n\nexport const handleCheckmark = (\n  theme: Theme,\n  checked?: boolean,\n  disabled?: boolean,\n  readOnly?: boolean,\n  hasError?: boolean,\n  isHovering = false,\n): string => {\n  if (checked) {\n    return `\n    &:before {\n      content:\"\";\n      width: ${theme.space.xxs};\n      height: ${theme.space.xxs};\n      @media (max-width: ${theme.breakpoints.small}) {\n        width: 12px;\n        height: 12px;\n        margin: 5px;\n      }\n      border-radius:50%;\n      display:inline-block;\n      margin:3px;\n      background: ${handleCheckMarkColor(theme, checked, isHovering, disabled, readOnly, hasError)};\n    }\n    `;\n  }\n  return '';\n};\n\nexport const handleBackgroundColor = ({ colors }: Theme, disabled?: boolean): string => {\n  if (disabled) {\n    return colors.neutral['080'];\n  }\n\n  return colors.neutral['000'];\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGhB,MAAM,uBAAuB,CAClC,EAAE,UACF,SACA,YACA,UACA,UACA,aACW;AACX,MAAI,UAAU;AACZ,WAAO,OAAO,OAAO;AAAA,EACvB;AACA,MAAI,YAAY,UAAU;AACxB,WAAO,OAAO,QAAQ;AAAA,EACxB;AAEA,SAAO,OAAO,MAAM;AACtB;AAEO,MAAM,kBAAkB,CAC7B,OACA,SACA,UACA,UACA,UACA,aAAa,UACF;AACX,MAAI,SAAS;AACX,WAAO;AAAA;AAAA;AAAA,eAGI,MAAM,MAAM;AAAA,gBACX,MAAM,MAAM;AAAA,2BACD,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAQzB,qBAAqB,OAAO,SAAS,YAAY,UAAU,UAAU,QAAQ;AAAA;AAAA;AAAA,EAG/F;AACA,SAAO;AACT;AAEO,MAAM,wBAAwB,CAAC,EAAE,UAAiB,aAA+B;AACtF,MAAI,UAAU;AACZ,WAAO,OAAO,QAAQ;AAAA,EACxB;AAEA,SAAO,OAAO,QAAQ;AACxB;",
+  "names": []
+}

package/dist/esm/ControlledRadio.js

@@ -0,0 +1,94 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import * as React from "react";
+import React2, { useCallback } from "react";
+import {
+  describe,
+  useGetGlobalAttributes,
+  useGetXstyledProps,
+  useMemoMergePropsWithDefault
+} from "@elliemae/ds-utilities";
+import { SimpleTruncatedTooltipText } from "@elliemae/ds-truncated-tooltip-text";
+import { StyledContainer, StyledWrapLabel, StyledInput, StyledLabel, StyledRadio } from "./styles";
+import { propTypes, defaultProps } from "./react-desc-prop-types";
+import { useValidateProps } from "./config/useValidateProps";
+const DSControlledRadio = (props) => {
+  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
+  useValidateProps(props, propTypes);
+  const { checked, hasError, innerRef, value, wrapLabel, onChange } = propsWithDefault;
+  const _a = useGetGlobalAttributes(propsWithDefault), { id, disabled, readOnly, label, className, tabIndex } = _a, restGlobals = __objRest(_a, ["id", "disabled", "readOnly", "label", "className", "tabIndex"]);
+  const xstyledProps = useGetXstyledProps(propsWithDefault);
+  const handleOnChange = useCallback((e) => {
+    if (onChange)
+      onChange(value, e);
+  }, [onChange, value]);
+  const handleOnLabelClick = useCallback((e) => {
+    if (onChange)
+      onChange(value, e);
+  }, [onChange, value]);
+  return /* @__PURE__ */ React2.createElement(StyledContainer, __spreadValues({
+    "data-testid": "ds-radio-container",
+    className
+  }, xstyledProps), /* @__PURE__ */ React2.createElement(StyledRadio, {
+    checked,
+    hasError,
+    disabled,
+    readOnly
+  }, /* @__PURE__ */ React2.createElement(StyledInput, __spreadProps(__spreadValues({
+    "data-testid": "ds-radio"
+  }, restGlobals), {
+    id,
+    ref: innerRef,
+    type: "radio",
+    checked,
+    disabled,
+    onChange: handleOnChange
+  }))), label && /* @__PURE__ */ React2.createElement(StyledLabel, __spreadValues({
+    htmlFor: id,
+    disabled,
+    readOnly,
+    checked,
+    "data-testid": "ds-radio-label",
+    wrapLabel
+  }, !disabled ? { onClick: handleOnLabelClick } : {}), wrapLabel ? /* @__PURE__ */ React2.createElement(StyledWrapLabel, null, label) : /* @__PURE__ */ React2.createElement(SimpleTruncatedTooltipText, {
+    value: label
+  })));
+};
+DSControlledRadio.propTypes = propTypes;
+DSControlledRadio.displayName = "DSControlledRadio";
+const DSControlledRadioWithSchema = describe(DSControlledRadio);
+DSControlledRadioWithSchema.propTypes = propTypes;
+export {
+  DSControlledRadio,
+  DSControlledRadioWithSchema
+};
+//# sourceMappingURL=ControlledRadio.js.map

package/dist/esm/ControlledRadio.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ControlledRadio.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\nimport React, { useCallback, WeakValidationMap } from 'react';\nimport {\n  describe,\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n  useMemoMergePropsWithDefault,\n} from '@elliemae/ds-utilities';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { StyledContainer, StyledWrapLabel, StyledInput, StyledLabel, StyledRadio } from './styles';\nimport { DSControlledRadioT, propTypes, defaultProps } from './react-desc-prop-types';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst DSControlledRadio: React.ComponentType<DSControlledRadioT.Props> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n  useValidateProps(props, propTypes);\n\n  const { checked, hasError, innerRef, value, wrapLabel, onChange } = propsWithDefault;\n\n  const { id, disabled, readOnly, label, className, tabIndex, ...restGlobals } =\n    useGetGlobalAttributes<DSControlledRadioT.Props>(propsWithDefault);\n\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n\n  const handleOnChange = useCallback(\n    (e: React.ChangeEvent) => {\n      if (onChange) onChange(value, e);\n    },\n    [onChange, value],\n  );\n\n  const handleOnLabelClick: React.MouseEventHandler<HTMLLabelElement> = useCallback(\n    (e) => {\n      if (onChange) onChange(value, e);\n    },\n    [onChange, value],\n  );\n  return (\n    <StyledContainer data-testid=\"ds-radio-container\" className={className} {...xstyledProps}>\n      <StyledRadio checked={checked} hasError={hasError} disabled={disabled} readOnly={readOnly}>\n        <StyledInput\n          data-testid=\"ds-radio\"\n          {...restGlobals}\n          id={id}\n          ref={innerRef}\n          type=\"radio\"\n          checked={checked}\n          disabled={disabled}\n          onChange={handleOnChange}\n        />\n      </StyledRadio>\n      {label && (\n        <StyledLabel\n          htmlFor={id}\n          disabled={disabled}\n          readOnly={readOnly}\n          checked={checked}\n          data-testid=\"ds-radio-label\"\n          wrapLabel={wrapLabel}\n          {...(!disabled ? { onClick: handleOnLabelClick } : {})}\n        >\n          {wrapLabel ? <StyledWrapLabel>{label}</StyledWrapLabel> : <SimpleTruncatedTooltipText value={label} />}\n        </StyledLabel>\n      )}\n    </StyledContainer>\n  );\n};\n\nDSControlledRadio.propTypes = propTypes as WeakValidationMap<unknown>;\nDSControlledRadio.displayName = 'DSControlledRadio';\nconst DSControlledRadioWithSchema = describe(DSControlledRadio);\nDSControlledRadioWithSchema.propTypes = propTypes as WeakValidationMap<unknown>;\n\nexport { DSControlledRadio, DSControlledRadioWithSchema };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AACA;AACA;AACA;AAEA,MAAM,oBAAmE,CAAC,UAAU;AAClF,QAAM,mBAAmB,6BAA6B,OAAO,YAAY;AACzE,mBAAiB,OAAO,SAAS;AAEjC,QAAM,EAAE,SAAS,UAAU,UAAU,OAAO,WAAW,aAAa;AAEpE,QACE,4BAAiD,gBAAgB,GAD3D,MAAI,UAAU,UAAU,OAAO,WAAW,aAChD,IAD6D,wBAC7D,IAD6D,CAAvD,MAAI,YAAU,YAAU,SAAO,aAAW;AAGlD,QAAM,eAAe,mBAAmB,gBAAgB;AAExD,QAAM,iBAAiB,YACrB,CAAC,MAAyB;AACxB,QAAI;AAAU,eAAS,OAAO,CAAC;AAAA,EACjC,GACA,CAAC,UAAU,KAAK,CAClB;AAEA,QAAM,qBAAgE,YACpE,CAAC,MAAM;AACL,QAAI;AAAU,eAAS,OAAO,CAAC;AAAA,EACjC,GACA,CAAC,UAAU,KAAK,CAClB;AACA,SACE,qCAAC;AAAA,IAAgB,eAAY;AAAA,IAAqB;AAAA,KAA0B,eAC1E,qCAAC;AAAA,IAAY;AAAA,IAAkB;AAAA,IAAoB;AAAA,IAAoB;AAAA,KACrE,qCAAC;AAAA,IACC,eAAY;AAAA,KACR,cAFL;AAAA,IAGC;AAAA,IACA,KAAK;AAAA,IACL,MAAK;AAAA,IACL;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACZ,CACF,GACC,SACC,qCAAC;AAAA,IACC,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAY;AAAA,IACZ;AAAA,KACK,CAAC,WAAW,EAAE,SAAS,mBAAmB,IAAI,CAAC,IAEnD,YAAY,qCAAC,uBAAiB,KAAM,IAAqB,qCAAC;AAAA,IAA2B,OAAO;AAAA,GAAO,CACtG,CAEJ;AAEJ;AAEA,kBAAkB,YAAY;AAC9B,kBAAkB,cAAc;AAChC,MAAM,8BAA8B,SAAS,iBAAiB;AAC9D,4BAA4B,YAAY;",
+  "names": []
+}

package/dist/esm/config/useValidateProps.js

@@ -0,0 +1,16 @@
+import * as React from "react";
+import { useValidateTypescriptPropTypes } from "@elliemae/ds-utilities";
+const throwError = (message) => {
+  throw new Error(`DSControlledRadio:: ${message}
+  `);
+};
+const useValidateProps = (props, propTypes) => {
+  useValidateTypescriptPropTypes(props, propTypes);
+  if (typeof props.label === "undefined" && typeof props["aria-label"] === "undefined") {
+    throwError(`Please provide a label or ariaLabel property to use this component.`);
+  }
+};
+export {
+  useValidateProps
+};
+//# sourceMappingURL=useValidateProps.js.map

package/dist/esm/config/useValidateProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useValidateProps.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useValidateTypescriptPropTypes } from '@elliemae/ds-utilities';\nimport { DSControlledRadioT } from '../react-desc-prop-types';\n\nconst throwError = (message: string): void => {\n  throw new Error(\n    `DSControlledRadio:: ${message}\n  `,\n  );\n};\n\nexport const useValidateProps = (props: DSControlledRadioT.Props, propTypes: DSControlledRadioT.Props): void => {\n  useValidateTypescriptPropTypes(props, propTypes);\n  if (typeof props.label === 'undefined' && typeof props['aria-label'] === 'undefined') {\n    throwError(`Please provide a label or ariaLabel property to use this component.`);\n  }\n};\n"],
+  "mappings": "AAAA;ACAA;AAGA,MAAM,aAAa,CAAC,YAA0B;AAC5C,QAAM,IAAI,MACR,uBAAuB;AAAA,GAEzB;AACF;AAEO,MAAM,mBAAmB,CAAC,OAAiC,cAA8C;AAC9G,iCAA+B,OAAO,SAAS;AAC/C,MAAI,OAAO,MAAM,UAAU,eAAe,OAAO,MAAM,kBAAkB,aAAa;AACpF,eAAW,qEAAqE;AAAA,EAClF;AACF;",
+  "names": []
+}

package/dist/esm/exported-related/data-test-ids.js

@@ -0,0 +1,9 @@
+import * as React from "react";
+const DSRadioDataTestIds = {
+  CONTAINER: "ds-radio-container",
+  INPUT: "ds-radio"
+};
+export {
+  DSRadioDataTestIds
+};
+//# sourceMappingURL=data-test-ids.js.map

package/dist/esm/exported-related/data-test-ids.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported-related/data-test-ids.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const DSRadioDataTestIds = {\n  CONTAINER: 'ds-radio-container',\n  INPUT: 'ds-radio',\n};\n"],
+  "mappings": "AAAA;ACAO,MAAM,qBAAqB;AAAA,EAChC,WAAW;AAAA,EACX,OAAO;AACT;",
+  "names": []
+}

package/dist/esm/exported-related/index.js

@@ -0,0 +1,4 @@
+import * as React from "react";
+export * from "./data-test-ids";
+export * from "./theming";
+//# sourceMappingURL=index.js.map

package/dist/esm/exported-related/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported-related/index.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './data-test-ids';\nexport * from './theming';\n"],
+  "mappings": "AAAA;ACAA;AACA;",
+  "names": []
+}

package/dist/esm/exported-related/theming.js

@@ -0,0 +1,12 @@
+import * as React from "react";
+const DSRadioName = "DS-Radio";
+const DSRadioSlots = {
+  CONTAINER: "root",
+  INPUT: "input",
+  LABEL: "label"
+};
+export {
+  DSRadioName,
+  DSRadioSlots
+};
+//# sourceMappingURL=theming.js.map

package/dist/esm/exported-related/theming.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported-related/theming.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const DSRadioName = 'DS-Radio';\n\nexport const DSRadioSlots = {\n  CONTAINER: 'root',\n  INPUT: 'input',\n  LABEL: 'label',\n};\n"],
+  "mappings": "AAAA;ACAO,MAAM,cAAc;AAEpB,MAAM,eAAe;AAAA,EAC1B,WAAW;AAAA,EACX,OAAO;AAAA,EACP,OAAO;AACT;",
+  "names": []
+}

package/dist/esm/index.js

@@ -0,0 +1,7 @@
+import * as React from "react";
+import { DSControlledRadio, DSControlledRadioWithSchema } from "./ControlledRadio";
+export {
+  DSControlledRadio,
+  DSControlledRadioWithSchema
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

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

package/dist/esm/react-desc-prop-types.js

@@ -0,0 +1,40 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import * as React from "react";
+import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from "@elliemae/ds-utilities";
+const defaultProps = {
+  wrapLabel: false,
+  hasError: false,
+  checked: false
+};
+const propTypes = __spreadProps(__spreadValues(__spreadValues({}, globalAttributesPropTypes), xstyledPropTypes), {
+  value: PropTypes.string.description("Radio value"),
+  onChange: PropTypes.func.description("Radio onchange callback").signature("((newValue: string,e: React.ChangeEvent) => void)"),
+  label: PropTypes.string.description("Radio Label property. This label is also going to be used as an aria-label for screen readers."),
+  checked: PropTypes.bool.description("Whether the radio is checked or not"),
+  hasError: PropTypes.bool.description("Whether the radio has error or not."),
+  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description("Radio input ref."),
+  wrapLabel: PropTypes.bool.description("Whether to wrap or truncate the label")
+});
+export {
+  defaultProps,
+  propTypes
+};
+//# sourceMappingURL=react-desc-prop-types.js.map

package/dist/esm/react-desc-prop-types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { ChangeEvent, MouseEvent } from 'react';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes, GlobalAttributesT } from '@elliemae/ds-utilities';\nexport declare namespace DSControlledRadioT {\n  export interface DefaultProps {\n    checked: boolean;\n    hasError: boolean;\n    wrapLabel: boolean;\n    disabled: boolean;\n  }\n\n  export interface OptionalProps {\n    value?: string;\n    onChange?: (newValue: string, e: ChangeEvent | MouseEvent<HTMLLabelElement>) => void;\n    label?: string;\n    innerRef?: React.RefObject<HTMLInputElement>;\n  }\n\n  export interface Props extends DefaultProps, OptionalProps, GlobalAttributesT {}\n\n  export interface StyledRadioT {\n    checked?: boolean;\n    readOnly?: boolean;\n    hasError?: boolean;\n    disabled?: boolean;\n  }\n\n  export interface StyledLabelT {\n    disabled?: boolean;\n    readOnly?: boolean;\n    checked: boolean;\n    wrapLabel: boolean;\n    onClick?: React.MouseEventHandler<HTMLLabelElement>;\n  }\n}\n\nexport const defaultProps: Partial<DSControlledRadioT.Props> = {\n  wrapLabel: false,\n  hasError: false,\n  checked: false,\n};\n\nexport const propTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  value: PropTypes.string.description('Radio value'),\n  onChange: PropTypes.func\n    .description('Radio onchange callback')\n    .signature('((newValue: string,e: React.ChangeEvent) => void)'),\n  label: PropTypes.string.description(\n    'Radio Label property. This label is also going to be used as an aria-label for screen readers.',\n  ),\n  checked: PropTypes.bool.description('Whether the radio is checked or not'),\n  hasError: PropTypes.bool.description('Whether the radio has error or not.'),\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description('Radio input ref.'),\n  wrapLabel: PropTypes.bool.description('Whether to wrap or truncate the label'),\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACCA;AAkCO,MAAM,eAAkD;AAAA,EAC7D,WAAW;AAAA,EACX,UAAU;AAAA,EACV,SAAS;AACX;AAEO,MAAM,YAAY,gDACpB,4BACA,mBAFoB;AAAA,EAGvB,OAAO,UAAU,OAAO,YAAY,aAAa;AAAA,EACjD,UAAU,UAAU,KACjB,YAAY,yBAAyB,EACrC,UAAU,mDAAmD;AAAA,EAChE,OAAO,UAAU,OAAO,YACtB,gGACF;AAAA,EACA,SAAS,UAAU,KAAK,YAAY,qCAAqC;AAAA,EACzE,UAAU,UAAU,KAAK,YAAY,qCAAqC;AAAA,EAC1E,UAAU,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,MAAM,CAAC,EAAE,YAAY,kBAAkB;AAAA,EAChG,WAAW,UAAU,KAAK,YAAY,uCAAuC;AAC/E;",
+  "names": []
+}

package/dist/esm/styles.js

@@ -0,0 +1,90 @@
+import * as React from "react";
+import { styled, css } from "@elliemae/ds-system";
+import { handleBackgroundColor, handleCheckmark } from "./utils/styleHelpers";
+import { DSRadioName, DSRadioSlots } from "./exported-related";
+const StyledContainer = styled("div", {
+  name: DSRadioName,
+  slot: DSRadioSlots.CONTAINER
+})`
+  display: inline-grid;
+  grid-template-rows: min-content;
+  grid-template-columns: ${({ theme }) => theme.space.xs} auto;
+  @media (max-width: ${({ theme }) => theme.breakpoints.small}) {
+    grid-template-columns: 24px auto;
+  }
+  align-items: center;
+`;
+const StyledRadio = styled("span")`
+  width: ${({ theme }) => theme.space.xs};
+  height: ${({ theme }) => theme.space.xs};
+  @media (max-width: ${(props) => props.theme.breakpoints.small}) {
+    width: 24px;
+    height: 24px;
+  }
+  border: 1px solid ${({ theme, hasError }) => hasError ? theme.colors.danger[900] : theme.colors.neutral[400]};
+  border-radius: 50px;
+  position: relative;
+  background: ${({ theme, disabled }) => handleBackgroundColor(theme, disabled)};
+  ${({ theme, checked, disabled, readOnly, hasError }) => handleCheckmark(theme, checked, disabled, readOnly, hasError)}
+  &:focus-within {
+    ${({ theme, hasError, disabled }) => !disabled ? `border: 1px solid ${hasError ? theme.colors.danger[900] : theme.colors.brand[700]}; outline : 1px solid ${hasError ? theme.colors.danger[900] : theme.colors.brand[700]} ` : void 0};
+    &:hover {
+      ${({ theme, checked, disabled, readOnly, hasError }) => handleCheckmark(theme, checked, disabled, readOnly, hasError, true)}
+    }
+  }
+  &:hover {
+    background: ${({ theme, disabled }) => !disabled ? theme.colors.brand[200] : void 0};
+    ${({ theme, hasError, disabled, readOnly }) => !hasError && !disabled && !readOnly ? ` border: 1px solid  ${theme.colors.brand[600]}` : void 0};
+  }
+`;
+const radioStyles = css`
+  &:hover {
+    cursor: pointer;
+  }
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  opacity: 0;
+`;
+const StyledInput = styled("input", {
+  name: DSRadioName,
+  slot: DSRadioSlots.INPUT
+})`
+  ${radioStyles}
+  &:disabled {
+    cursor: not-allowed;
+  }
+`;
+const StyledLabel = styled("label", {
+  name: DSRadioName,
+  slot: DSRadioSlots.LABEL
+})`
+  ${({ wrapLabel, theme }) => wrapLabel ? "padding: 8px 0px 8px 8px;" : `padding-left: ${theme.space.xxs}`};
+
+  color: ${({ theme, disabled, readOnly }) => disabled || readOnly ? theme.colors.neutral[500] : theme.colors.neutral[800]};
+  font-size: 13px;
+  line-height: 13px;
+  @media (max-width: ${({ theme }) => theme.breakpoints.small}) {
+    font-size: 16px;
+    line-height: 16px;
+    ${({ wrapLabel, theme }) => wrapLabel ? `padding: ${theme.space.xs} 0px ${theme.space.xs} ${theme.space.xs};` : `padding-left: ${theme.space.xs}`};
+  }
+  display: inherit;
+
+  ${({ disabled }) => disabled ? `&:hover {
+    cursor: not-allowed;
+  }` : `&:hover {
+    cursor: pointer;
+  }`}
+`;
+const StyledWrapLabel = styled("span")``;
+export {
+  StyledContainer,
+  StyledInput,
+  StyledLabel,
+  StyledRadio,
+  StyledWrapLabel
+};
+//# sourceMappingURL=styles.js.map

package/dist/esm/styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/styles.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled, css } from '@elliemae/ds-system';\nimport { DSControlledRadioT } from './react-desc-prop-types';\nimport { handleBackgroundColor, handleCheckmark } from './utils/styleHelpers';\nimport { DSRadioName, DSRadioSlots } from './exported-related';\nexport const StyledContainer = styled('div', {\n  name: DSRadioName,\n  slot: DSRadioSlots.CONTAINER,\n})`\n  display: inline-grid;\n  grid-template-rows: min-content;\n  grid-template-columns: ${({ theme }) => theme.space.xs} auto;\n  @media (max-width: ${({ theme }) => theme.breakpoints.small}) {\n    grid-template-columns: 24px auto;\n  }\n  align-items: center;\n`;\n\nexport const StyledRadio = styled('span')<DSControlledRadioT.StyledRadioT>`\n  width: ${({ theme }) => theme.space.xs};\n  height: ${({ theme }) => theme.space.xs};\n  @media (max-width: ${(props) => props.theme.breakpoints.small}) {\n    width: 24px;\n    height: 24px;\n  }\n  border: 1px solid ${({ theme, hasError }) => (hasError ? theme.colors.danger[900] : theme.colors.neutral[400])};\n  border-radius: 50px;\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\n        ? `border: 1px solid ${hasError ? theme.colors.danger[900] : theme.colors.brand[700]}; outline : 1px solid ${\n            hasError ? theme.colors.danger[900] : theme.colors.brand[700]\n          } `\n        : undefined};\n    &:hover {\n      ${({ theme, checked, disabled, readOnly, hasError }) =>\n        handleCheckmark(theme, checked, disabled, readOnly, hasError, true)}\n    }\n  }\n  &:hover {\n    background: ${({ theme, disabled }) => (!disabled ? 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\nconst radioStyles = css`\n  &:hover {\n    cursor: pointer;\n  }\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  opacity: 0;\n`;\n\nexport const StyledInput = styled('input', {\n  name: DSRadioName,\n  slot: DSRadioSlots.INPUT,\n})`\n  ${radioStyles}\n  &:disabled {\n    cursor: not-allowed;\n  }\n`;\n\nexport const StyledLabel = styled('label', {\n  name: DSRadioName,\n  slot: DSRadioSlots.LABEL,\n})<DSControlledRadioT.StyledLabelT>`\n  ${({ wrapLabel, theme }) => (wrapLabel ? 'padding: 8px 0px 8px 8px;' : `padding-left: ${theme.space.xxs}`)};\n\n  color: ${({ theme, disabled, readOnly }) =>\n    disabled || readOnly ? theme.colors.neutral[500] : theme.colors.neutral[800]};\n  font-size: 13px;\n  line-height: 13px;\n  @media (max-width: ${({ theme }) => theme.breakpoints.small}) {\n    font-size: 16px;\n    line-height: 16px;\n    ${({ wrapLabel, theme }) =>\n      wrapLabel\n        ? `padding: ${theme.space.xs} 0px ${theme.space.xs} ${theme.space.xs};`\n        : `padding-left: ${theme.space.xs}`};\n  }\n  display: inherit;\n\n  ${({ disabled }) =>\n    disabled\n      ? `&:hover {\n    cursor: not-allowed;\n  }`\n      : `&:hover {\n    cursor: pointer;\n  }`}\n`;\n\nexport const StyledWrapLabel = styled('span')``;\n"],
+  "mappings": "AAAA;ACAA;AAEA;AACA;AACO,MAAM,kBAAkB,OAAO,OAAO;AAAA,EAC3C,MAAM;AAAA,EACN,MAAM,aAAa;AACrB,CAAC;AAAA;AAAA;AAAA,2BAG0B,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,uBAC/B,CAAC,EAAE,YAAY,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA;AAMjD,MAAM,cAAc,OAAO,MAAM;AAAA,WAC7B,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,YAC1B,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,uBAChB,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA,sBAIpC,CAAC,EAAE,OAAO,eAAgB,WAAW,MAAM,OAAO,OAAO,OAAO,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,gBAG3F,CAAC,EAAE,OAAO,eAAe,sBAAsB,OAAO,QAAQ;AAAA,IAC1E,CAAC,EAAE,OAAO,SAAS,UAAU,UAAU,eAAe,gBAAgB,OAAO,SAAS,UAAU,UAAU,QAAQ;AAAA;AAAA,MAEhH,CAAC,EAAE,OAAO,UAAU,eACpB,CAAC,WACG,qBAAqB,WAAW,MAAM,OAAO,OAAO,OAAO,MAAM,OAAO,MAAM,6BAC5E,WAAW,MAAM,OAAO,OAAO,OAAO,MAAM,OAAO,MAAM,UAE3D;AAAA;AAAA,QAEF,CAAC,EAAE,OAAO,SAAS,UAAU,UAAU,eACvC,gBAAgB,OAAO,SAAS,UAAU,UAAU,UAAU,IAAI;AAAA;AAAA;AAAA;AAAA,kBAIxD,CAAC,EAAE,OAAO,eAAgB,CAAC,WAAW,MAAM,OAAO,MAAM,OAAO;AAAA,MAC5E,CAAC,EAAE,OAAO,UAAU,UAAU,eAC9B,CAAC,YAAY,CAAC,YAAY,CAAC,WAAW,uBAAuB,MAAM,OAAO,MAAM,SAAS;AAAA;AAAA;AAI/F,MAAM,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYb,MAAM,cAAc,OAAO,SAAS;AAAA,EACzC,MAAM;AAAA,EACN,MAAM,aAAa;AACrB,CAAC;AAAA,IACG;AAAA;AAAA;AAAA;AAAA;AAMG,MAAM,cAAc,OAAO,SAAS;AAAA,EACzC,MAAM;AAAA,EACN,MAAM,aAAa;AACrB,CAAC;AAAA,IACG,CAAC,EAAE,WAAW,YAAa,YAAY,8BAA8B,iBAAiB,MAAM,MAAM;AAAA;AAAA,WAE3F,CAAC,EAAE,OAAO,UAAU,eAC3B,YAAY,WAAW,MAAM,OAAO,QAAQ,OAAO,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,uBAGrD,CAAC,EAAE,YAAY,MAAM,YAAY;AAAA;AAAA;AAAA,MAGlD,CAAC,EAAE,WAAW,YACd,YACI,YAAY,MAAM,MAAM,UAAU,MAAM,MAAM,MAAM,MAAM,MAAM,QAChE,iBAAiB,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA,IAInC,CAAC,EAAE,eACH,WACI;AAAA;AAAA,OAGA;AAAA;AAAA;AAAA;AAKD,MAAM,kBAAkB,OAAO,MAAM;",
+  "names": []
+}

package/dist/esm/utils/styleHelpers.js

@@ -0,0 +1,43 @@
+import * as React from "react";
+const handleCheckMarkColor = ({ colors }, checked, isHovering, disabled, readOnly, hasError) => {
+  if (hasError) {
+    return colors.danger[900];
+  }
+  if (disabled || readOnly) {
+    return colors.neutral[500];
+  }
+  return colors.brand[600];
+};
+const handleCheckmark = (theme, checked, disabled, readOnly, hasError, isHovering = false) => {
+  if (checked) {
+    return `
+    &:before {
+      content:"";
+      width: ${theme.space.xxs};
+      height: ${theme.space.xxs};
+      @media (max-width: ${theme.breakpoints.small}) {
+        width: 12px;
+        height: 12px;
+        margin: 5px;
+      }
+      border-radius:50%;
+      display:inline-block;
+      margin:3px;
+      background: ${handleCheckMarkColor(theme, checked, isHovering, disabled, readOnly, hasError)};
+    }
+    `;
+  }
+  return "";
+};
+const handleBackgroundColor = ({ colors }, disabled) => {
+  if (disabled) {
+    return colors.neutral["080"];
+  }
+  return colors.neutral["000"];
+};
+export {
+  handleBackgroundColor,
+  handleCheckMarkColor,
+  handleCheckmark
+};
+//# sourceMappingURL=styleHelpers.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/utils/styleHelpers.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-params */\nimport type { Theme } from '@elliemae/pui-theme';\n\nexport const handleCheckMarkColor = (\n  { colors }: Theme,\n  checked: boolean,\n  isHovering: boolean,\n  disabled?: boolean,\n  readOnly?: boolean,\n  hasError?: boolean,\n): string => {\n  if (hasError) {\n    return colors.danger[900];\n  }\n  if (disabled || readOnly) {\n    return colors.neutral[500];\n  }\n\n  return colors.brand[600];\n};\n\nexport const handleCheckmark = (\n  theme: Theme,\n  checked?: boolean,\n  disabled?: boolean,\n  readOnly?: boolean,\n  hasError?: boolean,\n  isHovering = false,\n): string => {\n  if (checked) {\n    return `\n    &:before {\n      content:\"\";\n      width: ${theme.space.xxs};\n      height: ${theme.space.xxs};\n      @media (max-width: ${theme.breakpoints.small}) {\n        width: 12px;\n        height: 12px;\n        margin: 5px;\n      }\n      border-radius:50%;\n      display:inline-block;\n      margin:3px;\n      background: ${handleCheckMarkColor(theme, checked, isHovering, disabled, readOnly, hasError)};\n    }\n    `;\n  }\n  return '';\n};\n\nexport const handleBackgroundColor = ({ colors }: Theme, disabled?: boolean): string => {\n  if (disabled) {\n    return colors.neutral['080'];\n  }\n\n  return colors.neutral['000'];\n};\n"],
+  "mappings": "AAAA;ACGO,MAAM,uBAAuB,CAClC,EAAE,UACF,SACA,YACA,UACA,UACA,aACW;AACX,MAAI,UAAU;AACZ,WAAO,OAAO,OAAO;AAAA,EACvB;AACA,MAAI,YAAY,UAAU;AACxB,WAAO,OAAO,QAAQ;AAAA,EACxB;AAEA,SAAO,OAAO,MAAM;AACtB;AAEO,MAAM,kBAAkB,CAC7B,OACA,SACA,UACA,UACA,UACA,aAAa,UACF;AACX,MAAI,SAAS;AACX,WAAO;AAAA;AAAA;AAAA,eAGI,MAAM,MAAM;AAAA,gBACX,MAAM,MAAM;AAAA,2BACD,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAQzB,qBAAqB,OAAO,SAAS,YAAY,UAAU,UAAU,QAAQ;AAAA;AAAA;AAAA,EAG/F;AACA,SAAO;AACT;AAEO,MAAM,wBAAwB,CAAC,EAAE,UAAiB,aAA+B;AACtF,MAAI,UAAU;AACZ,WAAO,OAAO,QAAQ;AAAA,EACxB;AAEA,SAAO,OAAO,QAAQ;AACxB;",
+  "names": []
+}

package/package.json

@@ -0,0 +1,69 @@
+{
+  "name": "@elliemae/ds-form-radio",
+  "version": "3.1.0-next.20",
+  "license": "MIT",
+  "description": "ICE MT - Dimsum - Controlled Form Radio",
+  "files": [
+    "dist"
+  ],
+  "module": "./dist/esm/index.js",
+  "main": "./dist/cjs/index.js",
+  "types": "./dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
+    }
+  },
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://git.elliemae.io/platform-ui/dimsum.git"
+  },
+  "engines": {
+    "pnpm": ">=6",
+    "node": ">=16"
+  },
+  "author": "ICE MT",
+  "jestSonar": {
+    "sonar56x": true,
+    "reportPath": "reports",
+    "reportFile": "tests.xml",
+    "indent": 4
+  },
+  "dependencies": {
+    "@elliemae/ds-system": "3.1.0-next.20",
+    "@elliemae/ds-truncated-tooltip-text": "3.1.0-next.20",
+    "@elliemae/ds-utilities": "3.1.0-next.20"
+  },
+  "devDependencies": {
+    "@elliemae/pui-theme": "~2.6.0",
+    "@testing-library/dom": "~8.13.0",
+    "@testing-library/jest-dom": "~5.16.4",
+    "@testing-library/react": "~12.1.3",
+    "@testing-library/user-event": "~13.5.0",
+    "styled-components": "~5.3.5"
+  },
+  "peerDependencies": {
+    "@elliemae/pui-theme": "~2.6.0",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "styled-components": "^5.3.5",
+    "styled-system": "^5.1.5"
+  },
+  "publishConfig": {
+    "access": "public",
+    "typeSafety": false
+  },
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
+    "test": "node ../../scripts/testing/test.mjs",
+    "lint": "node ../../scripts/lint.mjs",
+    "dts": "node ../../scripts/dts.mjs",
+    "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs",
+    "checkDeps": "npx -yes ../ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
+  }
+}