@elliemae/ds-stepper 3.37.1 → 3.38.0-rc.0

package/dist/cjs/Stepper.js

@@ -29,7 +29,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var Stepper_exports = {};
 __export(Stepper_exports, {
   DSStepper: () => DSStepper,
-  StepperWithSchema: () => StepperWithSchema
+  DSStepperWithSchema: () => DSStepperWithSchema
 });
 module.exports = __toCommonJS(Stepper_exports);
 var React = __toESM(require("react"));
@@ -37,12 +37,12 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_uid = require("uid");
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
-var import_props = require("./props.js");
+var import_react_desc_prop_types = require("./react-desc-prop-types.js");
 var import_styled = require("./styled.js");
 var import_DSStepperDefinitions = require("./DSStepperDefinitions.js");
 const DSStepper = (props) => {
-  const propsWithDefaults = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_props.defaultProps);
-  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(propsWithDefaults, import_props.dsStepperProps, import_DSStepperDefinitions.DSStepperName);
+  const propsWithDefaults = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_react_desc_prop_types.stepperDefaultProps);
+  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(propsWithDefaults, import_react_desc_prop_types.DSStepperPropTypes, import_DSStepperDefinitions.DSStepperName);
   const { steps, current, visited } = propsWithDefaults;
   const stepsArray = import_react.default.useMemo(() => new Array(steps).fill(1), [steps]);
   const globalAttributes = (0, import_ds_props_helpers.useGetGlobalAttributes)(propsWithDefaults);
@@ -59,6 +59,6 @@ const DSStepper = (props) => {
   )) });
 };
 DSStepper.displayName = import_DSStepperDefinitions.DSStepperName;
-const StepperWithSchema = (0, import_ds_props_helpers.describe)(DSStepper);
-StepperWithSchema.propTypes = import_props.dsStepperProps;
+const DSStepperWithSchema = (0, import_ds_props_helpers.describe)(DSStepper);
+DSStepperWithSchema.propTypes = import_react_desc_prop_types.DSStepperPropTypesSchema;
 //# sourceMappingURL=Stepper.js.map

package/dist/cjs/Stepper.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Stepper.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { uid } from 'uid';\nimport {\n  describe,\n  useMemoMergePropsWithDefault,\n  useValidateTypescriptPropTypes,\n  useGetGlobalAttributes,\n} from '@elliemae/ds-props-helpers';\nimport type { DSStepperInternalsT } from './props.js';\nimport { dsStepperProps, defaultProps } from './props.js';\nimport { Step, StepperWrapper } from './styled.js';\nimport { DSStepperName } from './DSStepperDefinitions.js';\n\nconst DSStepper = (props: DSStepperInternalsT.StepperPropsT) => {\n  const propsWithDefaults = useMemoMergePropsWithDefault(props, defaultProps) as DSStepperInternalsT.StepperPropsT;\n  useValidateTypescriptPropTypes(propsWithDefaults, dsStepperProps, DSStepperName);\n\n  const { steps, current, visited } = propsWithDefaults;\n  const stepsArray = React.useMemo(() => new Array(steps).fill(1) as number[], [steps]);\n  const globalAttributes = useGetGlobalAttributes(propsWithDefaults);\n\n  return (\n    <StepperWrapper steps={steps} current={current} visited={visited} {...globalAttributes}>\n      {stepsArray.map((item, index) => (\n        <Step\n          // eslint-disable-next-line react/no-array-index-key\n          key={`${uid(4)}step-key-${index}`}\n          active={current === index}\n          visited={visited.includes(index)}\n          data-testid={props['data-testid'] ? `${props['data-testid'] as string}-step` : undefined}\n          data-active={current === index}\n          data-visited={visited.includes(index)}\n        />\n      ))}\n    </StepperWrapper>\n  );\n};\n\nDSStepper.displayName = DSStepperName;\nconst StepperWithSchema = describe(DSStepper);\nStepperWithSchema.propTypes = dsStepperProps;\n\nexport { DSStepper, StepperWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADwBf;AAxBR,mBAAkB;AAClB,iBAAoB;AACpB,8BAKO;AAEP,mBAA6C;AAC7C,oBAAqC;AACrC,kCAA8B;AAE9B,MAAM,YAAY,CAAC,UAA6C;AAC9D,QAAM,wBAAoB,sDAA6B,OAAO,yBAAY;AAC1E,8DAA+B,mBAAmB,6BAAgB,yCAAa;AAE/E,QAAM,EAAE,OAAO,SAAS,QAAQ,IAAI;AACpC,QAAM,aAAa,aAAAA,QAAM,QAAQ,MAAM,IAAI,MAAM,KAAK,EAAE,KAAK,CAAC,GAAe,CAAC,KAAK,CAAC;AACpF,QAAM,uBAAmB,gDAAuB,iBAAiB;AAEjE,SACE,4CAAC,gCAAe,OAAc,SAAkB,SAAmB,GAAG,kBACnE,qBAAW,IAAI,CAAC,MAAM,UACrB;AAAA,IAAC;AAAA;AAAA,MAGC,QAAQ,YAAY;AAAA,MACpB,SAAS,QAAQ,SAAS,KAAK;AAAA,MAC/B,eAAa,MAAM,aAAa,IAAI,GAAG,MAAM,aAAa,CAAW,UAAU;AAAA,MAC/E,eAAa,YAAY;AAAA,MACzB,gBAAc,QAAQ,SAAS,KAAK;AAAA;AAAA,IAL/B,OAAG,gBAAI,CAAC,CAAC,YAAY,KAAK;AAAA,EAMjC,CACD,GACH;AAEJ;AAEA,UAAU,cAAc;AACxB,MAAM,wBAAoB,kCAAS,SAAS;AAC5C,kBAAkB,YAAY;",
+  "sourcesContent": ["import React from 'react';\nimport { uid } from 'uid';\nimport {\n  describe,\n  useMemoMergePropsWithDefault,\n  useValidateTypescriptPropTypes,\n  useGetGlobalAttributes,\n} from '@elliemae/ds-props-helpers';\nimport type { DSStepperT } from './react-desc-prop-types.js';\nimport { stepperDefaultProps, DSStepperPropTypesSchema, DSStepperPropTypes } from './react-desc-prop-types.js';\nimport { Step, StepperWrapper } from './styled.js';\nimport { DSStepperName } from './DSStepperDefinitions.js';\n\nconst DSStepper = (props: DSStepperT.Props) => {\n  const propsWithDefaults = useMemoMergePropsWithDefault<DSStepperT.InternalProps>(props, stepperDefaultProps);\n  useValidateTypescriptPropTypes(propsWithDefaults, DSStepperPropTypes, DSStepperName);\n\n  const { steps, current, visited } = propsWithDefaults;\n  const stepsArray = React.useMemo(() => new Array(steps).fill(1) as number[], [steps]);\n  const globalAttributes = useGetGlobalAttributes(propsWithDefaults);\n\n  return (\n    <StepperWrapper steps={steps} current={current} visited={visited} {...globalAttributes}>\n      {stepsArray.map((item, index) => (\n        <Step\n          // eslint-disable-next-line react/no-array-index-key\n          key={`${uid(4)}step-key-${index}`}\n          active={current === index}\n          visited={visited.includes(index)}\n          data-testid={props['data-testid'] ? `${props['data-testid']}-step` : undefined}\n          data-active={current === index}\n          data-visited={visited.includes(index)}\n        />\n      ))}\n    </StepperWrapper>\n  );\n};\n\nDSStepper.displayName = DSStepperName;\nconst DSStepperWithSchema = describe(DSStepper);\nDSStepperWithSchema.propTypes = DSStepperPropTypesSchema;\n\nexport { DSStepper, DSStepperWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADwBf;AAxBR,mBAAkB;AAClB,iBAAoB;AACpB,8BAKO;AAEP,mCAAkF;AAClF,oBAAqC;AACrC,kCAA8B;AAE9B,MAAM,YAAY,CAAC,UAA4B;AAC7C,QAAM,wBAAoB,sDAAuD,OAAO,gDAAmB;AAC3G,8DAA+B,mBAAmB,iDAAoB,yCAAa;AAEnF,QAAM,EAAE,OAAO,SAAS,QAAQ,IAAI;AACpC,QAAM,aAAa,aAAAA,QAAM,QAAQ,MAAM,IAAI,MAAM,KAAK,EAAE,KAAK,CAAC,GAAe,CAAC,KAAK,CAAC;AACpF,QAAM,uBAAmB,gDAAuB,iBAAiB;AAEjE,SACE,4CAAC,gCAAe,OAAc,SAAkB,SAAmB,GAAG,kBACnE,qBAAW,IAAI,CAAC,MAAM,UACrB;AAAA,IAAC;AAAA;AAAA,MAGC,QAAQ,YAAY;AAAA,MACpB,SAAS,QAAQ,SAAS,KAAK;AAAA,MAC/B,eAAa,MAAM,aAAa,IAAI,GAAG,MAAM,aAAa,CAAC,UAAU;AAAA,MACrE,eAAa,YAAY;AAAA,MACzB,gBAAc,QAAQ,SAAS,KAAK;AAAA;AAAA,IAL/B,OAAG,gBAAI,CAAC,CAAC,YAAY,KAAK;AAAA,EAMjC,CACD,GACH;AAEJ;AAEA,UAAU,cAAc;AACxB,MAAM,0BAAsB,kCAAS,SAAS;AAC9C,oBAAoB,YAAY;",
   "names": ["React"]
 }

package/dist/cjs/StepperButton.js

@@ -37,27 +37,29 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_ds_button_v2 = require("@elliemae/ds-button-v2");
 var import_ds_icons = require("@elliemae/ds-icons");
-var import_props = require("./props.js");
+var import_react_desc_prop_types = require("./react-desc-prop-types.js");
 var import_styled = require("./styled.js");
 var import_DSStepperDefinitions = require("./DSStepperDefinitions.js");
 const DSStepperButton = (props) => {
   const propsWithDefaults = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(
     props,
-    import_props.defaultButtonProps
+    import_react_desc_prop_types.DSStepperButtonDefaultProps
   );
-  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(propsWithDefaults, import_props.dsStepperButtonProps, import_DSStepperDefinitions.DSStepperButtonName);
+  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(propsWithDefaults, import_react_desc_prop_types.DSStepperButtonPropTypes, import_DSStepperDefinitions.DSStepperButtonName);
   const { chevron, fontSize, label, disabled, onClick, innerRef } = propsWithDefaults;
-  const globalAttributes = (0, import_ds_props_helpers.useGetGlobalAttributes)(propsWithDefaults);
+  const globalAttributes = (0, import_ds_props_helpers.useGetGlobalAttributes)(
+    propsWithDefaults
+  );
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     import_styled.StyledButton,
     {
       disabled,
-      onClick,
       innerRef,
       buttonType: import_ds_button_v2.BUTTON_TYPES.TEXT,
       fontSize,
       "data-testid": "ds-stepper-btn",
       ...globalAttributes,
+      onClick,
       children: [
         chevron === "left" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronLeft, {}) : null,
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.Label, { value: label }),
@@ -68,5 +70,5 @@ const DSStepperButton = (props) => {
 };
 DSStepperButton.displayName = import_DSStepperDefinitions.DSStepperButtonName;
 const DSStepperButtonWithSchema = (0, import_ds_props_helpers.describe)(DSStepperButton);
-DSStepperButtonWithSchema.propTypes = import_props.dsStepperButtonProps;
+DSStepperButtonWithSchema.propTypes = import_react_desc_prop_types.DSStepperButtonPropTypesSchema;
 //# sourceMappingURL=StepperButton.js.map

package/dist/cjs/StepperButton.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/StepperButton.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport {\n  describe,\n  useMemoMergePropsWithDefault,\n  useValidateTypescriptPropTypes,\n  useGetGlobalAttributes,\n} from '@elliemae/ds-props-helpers';\nimport { BUTTON_TYPES } from '@elliemae/ds-button-v2';\nimport { ChevronLeft, ChevronRight } from '@elliemae/ds-icons';\nimport type { DSStepperInternalsT } from './props.js';\nimport { dsStepperButtonProps, defaultButtonProps } from './props.js';\nimport { StyledButton, Label } from './styled.js';\nimport { DSStepperButtonName } from './DSStepperDefinitions.js';\n\nconst DSStepperButton = (props: DSStepperInternalsT.StepperButtonPropsT) => {\n  const propsWithDefaults = useMemoMergePropsWithDefault(\n    props,\n    defaultButtonProps,\n  ) as DSStepperInternalsT.StepperButtonPropsT;\n  useValidateTypescriptPropTypes(propsWithDefaults, dsStepperButtonProps, DSStepperButtonName);\n\n  const { chevron, fontSize, label, disabled, onClick, innerRef } = propsWithDefaults;\n  const globalAttributes = useGetGlobalAttributes(propsWithDefaults);\n\n  return (\n    <StyledButton\n      disabled={disabled}\n      onClick={onClick}\n      innerRef={innerRef}\n      buttonType={BUTTON_TYPES.TEXT}\n      fontSize={fontSize}\n      data-testid=\"ds-stepper-btn\"\n      {...globalAttributes}\n    >\n      {chevron === 'left' ? <ChevronLeft /> : null}\n      <Label value={label} />\n      {chevron === 'right' ? <ChevronRight /> : null}\n    </StyledButton>\n  );\n};\n\nDSStepperButton.displayName = DSStepperButtonName;\nconst DSStepperButtonWithSchema = describe(DSStepperButton);\nDSStepperButtonWithSchema.propTypes = dsStepperButtonProps;\n\nexport { DSStepperButton, DSStepperButtonWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADyBnB;AAxBJ,8BAKO;AACP,0BAA6B;AAC7B,sBAA0C;AAE1C,mBAAyD;AACzD,oBAAoC;AACpC,kCAAoC;AAEpC,MAAM,kBAAkB,CAAC,UAAmD;AAC1E,QAAM,wBAAoB;AAAA,IACxB;AAAA,IACA;AAAA,EACF;AACA,8DAA+B,mBAAmB,mCAAsB,+CAAmB;AAE3F,QAAM,EAAE,SAAS,UAAU,OAAO,UAAU,SAAS,SAAS,IAAI;AAClE,QAAM,uBAAmB,gDAAuB,iBAAiB;AAEjE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY,iCAAa;AAAA,MACzB;AAAA,MACA,eAAY;AAAA,MACX,GAAG;AAAA,MAEH;AAAA,oBAAY,SAAS,4CAAC,+BAAY,IAAK;AAAA,QACxC,4CAAC,uBAAM,OAAO,OAAO;AAAA,QACpB,YAAY,UAAU,4CAAC,gCAAa,IAAK;AAAA;AAAA;AAAA,EAC5C;AAEJ;AAEA,gBAAgB,cAAc;AAC9B,MAAM,gCAA4B,kCAAS,eAAe;AAC1D,0BAA0B,YAAY;",
+  "sourcesContent": ["import React from 'react';\nimport {\n  describe,\n  useMemoMergePropsWithDefault,\n  useValidateTypescriptPropTypes,\n  useGetGlobalAttributes,\n} from '@elliemae/ds-props-helpers';\nimport { BUTTON_TYPES, type DSButtonV2T } from '@elliemae/ds-button-v2';\nimport { ChevronLeft, ChevronRight } from '@elliemae/ds-icons';\nimport type { DSStepperButtonT } from './react-desc-prop-types.js';\nimport {\n  DSStepperButtonDefaultProps,\n  DSStepperButtonPropTypes,\n  DSStepperButtonPropTypesSchema,\n} from './react-desc-prop-types.js';\nimport { StyledButton, Label } from './styled.js';\nimport { DSStepperButtonName } from './DSStepperDefinitions.js';\n\nconst DSStepperButton = (props: DSStepperButtonT.Props) => {\n  const propsWithDefaults = useMemoMergePropsWithDefault(\n    props,\n    DSStepperButtonDefaultProps,\n  ) as DSStepperButtonT.InternalProps;\n  useValidateTypescriptPropTypes(propsWithDefaults, DSStepperButtonPropTypes, DSStepperButtonName);\n\n  const { chevron, fontSize, label, disabled, onClick, innerRef } = propsWithDefaults;\n  const globalAttributes = useGetGlobalAttributes<DSStepperButtonT.InternalProps, HTMLButtonElement, DSButtonV2T.Props>(\n    propsWithDefaults,\n  );\n\n  return (\n    <StyledButton\n      disabled={disabled}\n      innerRef={innerRef}\n      buttonType={BUTTON_TYPES.TEXT}\n      fontSize={fontSize}\n      data-testid=\"ds-stepper-btn\"\n      {...globalAttributes}\n      onClick={onClick}\n    >\n      {chevron === 'left' ? <ChevronLeft /> : null}\n      <Label value={label} />\n      {chevron === 'right' ? <ChevronRight /> : null}\n    </StyledButton>\n  );\n};\n\nDSStepperButton.displayName = DSStepperButtonName;\nconst DSStepperButtonWithSchema = describe(DSStepperButton);\nDSStepperButtonWithSchema.propTypes = DSStepperButtonPropTypesSchema;\n\nexport { DSStepperButton, DSStepperButtonWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD+BnB;AA9BJ,8BAKO;AACP,0BAA+C;AAC/C,sBAA0C;AAE1C,mCAIO;AACP,oBAAoC;AACpC,kCAAoC;AAEpC,MAAM,kBAAkB,CAAC,UAAkC;AACzD,QAAM,wBAAoB;AAAA,IACxB;AAAA,IACA;AAAA,EACF;AACA,8DAA+B,mBAAmB,uDAA0B,+CAAmB;AAE/F,QAAM,EAAE,SAAS,UAAU,OAAO,UAAU,SAAS,SAAS,IAAI;AAClE,QAAM,uBAAmB;AAAA,IACvB;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,YAAY,iCAAa;AAAA,MACzB;AAAA,MACA,eAAY;AAAA,MACX,GAAG;AAAA,MACJ;AAAA,MAEC;AAAA,oBAAY,SAAS,4CAAC,+BAAY,IAAK;AAAA,QACxC,4CAAC,uBAAM,OAAO,OAAO;AAAA,QACpB,YAAY,UAAU,4CAAC,gCAAa,IAAK;AAAA;AAAA;AAAA,EAC5C;AAEJ;AAEA,gBAAgB,cAAc;AAC9B,MAAM,gCAA4B,kCAAS,eAAe;AAC1D,0BAA0B,YAAY;",
   "names": []
 }

package/dist/cjs/index.js

@@ -5,6 +5,10 @@ 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))
@@ -13,7 +17,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   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(
   // If the importer is in node compatibility mode or this is not an ESM
   // file that has been converted to a CommonJS file using a Babel-
@@ -24,8 +27,14 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var src_exports = {};
+__export(src_exports, {
+  DSStepper: () => import_Stepper.DSStepper,
+  DSStepperButton: () => import_StepperButton.DSStepperButton,
+  DSStepperButtonWithSchema: () => import_StepperButton.DSStepperButtonWithSchema,
+  DSStepperWithSchema: () => import_Stepper.DSStepperWithSchema
+});
 module.exports = __toCommonJS(src_exports);
 var React = __toESM(require("react"));
-__reExport(src_exports, require("./Stepper.js"), module.exports);
-__reExport(src_exports, require("./StepperButton.js"), module.exports);
+var import_Stepper = require("./Stepper.js");
+var import_StepperButton = require("./StepperButton.js");
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './Stepper.js';\nexport * from './StepperButton.js';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,yBAAd;AACA,wBAAc,+BADd;",
+  "sourcesContent": ["// this is a workaround to typescript error TS2742\n// https://github.com/microsoft/TypeScript/issues/47663\nimport type {} from '@xstyled/system';\nexport { DSStepper, DSStepperWithSchema } from './Stepper.js';\nexport { DSStepperButton, DSStepperButtonWithSchema } from './StepperButton.js';\nexport type { DSStepperT, DSStepperButtonT } from './react-desc-prop-types.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,qBAA+C;AAC/C,2BAA2D;",
   "names": []
 }

package/dist/cjs/{props.js → react-desc-prop-types.js}

@@ -26,16 +26,28 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var props_exports = {};
-__export(props_exports, {
-  defaultButtonProps: () => defaultButtonProps,
-  defaultProps: () => defaultProps,
-  dsStepperButtonProps: () => dsStepperButtonProps,
-  dsStepperProps: () => dsStepperProps
+var react_desc_prop_types_exports = {};
+__export(react_desc_prop_types_exports, {
+  DSStepperButtonDefaultProps: () => DSStepperButtonDefaultProps,
+  DSStepperButtonPropTypes: () => DSStepperButtonPropTypes,
+  DSStepperButtonPropTypesSchema: () => DSStepperButtonPropTypesSchema,
+  DSStepperPropTypes: () => DSStepperPropTypes,
+  DSStepperPropTypesSchema: () => DSStepperPropTypesSchema,
+  stepperDefaultProps: () => stepperDefaultProps
 });
-module.exports = __toCommonJS(props_exports);
+module.exports = __toCommonJS(react_desc_prop_types_exports);
 var React = __toESM(require("react"));
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+const stepperDefaultProps = {};
+const DSStepperPropTypes = {
+  ...import_ds_props_helpers.xstyledPropTypes,
+  ...import_ds_props_helpers.globalAttributesPropTypes,
+  steps: import_ds_props_helpers.PropTypes.number.description("Number of steps.").isRequired,
+  current: import_ds_props_helpers.PropTypes.number.description("Index of active step."),
+  visited: import_ds_props_helpers.PropTypes.arrayOf(import_ds_props_helpers.PropTypes.number).description("Array of visited steps.").isRequired,
+  "data-testid": import_ds_props_helpers.PropTypes.string.description("Root element data-testid.")
+};
+const DSStepperPropTypesSchema = DSStepperPropTypes;
 const BUTTON_SIZES = {
   normal: "normal",
   large: "large"
@@ -44,31 +56,21 @@ const CHEVRON_TYPE = {
   left: "left",
   right: "right"
 };
-const defaultProps = {
-  steps: 5,
-  current: void 0,
-  visited: []
-};
-const dsStepperProps = {
-  ...import_ds_props_helpers.globalAttributesPropTypes,
-  steps: import_ds_props_helpers.PropTypes.number.description("Number of steps").isRequired,
-  current: import_ds_props_helpers.PropTypes.number.description("Index of active step"),
-  visited: import_ds_props_helpers.PropTypes.arrayOf(import_ds_props_helpers.PropTypes.number).description("Array of visited steps").isRequired
-};
-const defaultButtonProps = {
-  chevron: void 0,
+const DSStepperButtonDefaultProps = {
   fontSize: BUTTON_SIZES.normal,
-  disabled: false,
   onClick: () => {
   }
 };
-const dsStepperButtonProps = {
+const DSStepperButtonPropTypes = {
+  ...import_ds_props_helpers.xstyledPropTypes,
   ...import_ds_props_helpers.globalAttributesPropTypes,
-  chevron: import_ds_props_helpers.PropTypes.oneOf(["left", "right", null]).description("Chevron icon position, if null/undefined no chevron will be shown").defaultValue(null),
-  fontSize: import_ds_props_helpers.PropTypes.oneOf(["normal", "large"]).description("Label size, used for marking last step").defaultValue("normal"),
+  chevron: import_ds_props_helpers.PropTypes.oneOf(["left", "right", null]).description("Chevron icon position, if null/undefined no chevron will be shown.").defaultValue(null),
+  fontSize: import_ds_props_helpers.PropTypes.oneOf(["normal", "large"]).description("Label size, used for marking last step.").defaultValue("normal"),
   innerRef: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.object, import_ds_props_helpers.PropTypes.func]).description("Inner ref to button component."),
   disabled: import_ds_props_helpers.PropTypes.bool.description("Adds disabled state."),
-  onClick: import_ds_props_helpers.PropTypes.func.description("OnClick callback handler.").defaultValue("()=>{}"),
-  label: import_ds_props_helpers.PropTypes.string.description("Text Label, this only accepts text, no custom JSX").isRequired
+  onClick: import_ds_props_helpers.PropTypes.func.description("OnClick callback handler.").defaultValue("() => {}"),
+  label: import_ds_props_helpers.PropTypes.string.description("Text Label. This only accepts text, no custom JSX.").isRequired,
+  "data-testid": import_ds_props_helpers.PropTypes.string.description("Root element data-testid")
 };
-//# sourceMappingURL=props.js.map
+const DSStepperButtonPropTypesSchema = DSStepperButtonPropTypes;
+//# 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.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nimport type { ValidationMap, GlobalAttributesT, DSPropTypesSchema, XstyledProps } from '@elliemae/ds-props-helpers';\n\n// Stepper\nexport declare namespace DSStepperT {\n  export interface RequiredProps {\n    steps: number;\n    visited: number[] | readonly number[];\n  }\n\n  export interface DefaultProps {}\n\n  export interface OptionalProps {\n    current?: number;\n    'data-testid'?: string;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof OptionalProps | keyof RequiredProps>,\n      OptionalProps,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof OptionalProps | keyof RequiredProps>,\n      OptionalProps,\n      XstyledProps,\n      RequiredProps {}\n}\n\nexport const stepperDefaultProps: DSStepperT.DefaultProps = {};\n\nexport const DSStepperPropTypes: DSPropTypesSchema<DSStepperT.Props> = {\n  ...xstyledPropTypes,\n  ...globalAttributesPropTypes,\n  steps: PropTypes.number.description('Number of steps.').isRequired,\n  current: PropTypes.number.description('Index of active step.'),\n  visited: PropTypes.arrayOf(PropTypes.number).description('Array of visited steps.').isRequired,\n  'data-testid': PropTypes.string.description('Root element data-testid.'),\n};\n\nexport const DSStepperPropTypesSchema = DSStepperPropTypes as unknown as ValidationMap<DSStepperT.Props>;\n\n// Stepper Button\nconst BUTTON_SIZES = {\n  normal: 'normal',\n  large: 'large',\n} as const;\n\nexport type ButtonSizesT = (typeof BUTTON_SIZES)[keyof typeof BUTTON_SIZES];\n\nconst CHEVRON_TYPE = {\n  left: 'left',\n  right: 'right',\n} as const;\n\ntype ChevronT = (typeof CHEVRON_TYPE)[keyof typeof CHEVRON_TYPE];\n\nexport declare namespace DSStepperButtonT {\n  export interface RequiredProps {\n    label: string;\n  }\n\n  export interface DefaultProps {\n    fontSize: ButtonSizesT;\n    onClick: (e: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>) => void;\n  }\n\n  export interface OptionalProps {\n    chevron?: ChevronT;\n    disabled?: boolean;\n    innerRef?: React.MutableRefObject<HTMLButtonElement> | ((_ref: HTMLButtonElement) => void);\n    'data-testid'?: string;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>,\n      OptionalProps,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>,\n      OptionalProps,\n      XstyledProps,\n      RequiredProps {}\n}\n\nexport const DSStepperButtonDefaultProps: DSStepperButtonT.DefaultProps = {\n  fontSize: BUTTON_SIZES.normal,\n  onClick: () => {},\n};\n\nexport const DSStepperButtonPropTypes: DSPropTypesSchema<DSStepperButtonT.Props> = {\n  ...xstyledPropTypes,\n  ...globalAttributesPropTypes,\n  chevron: PropTypes.oneOf(['left', 'right', null])\n    .description('Chevron icon position, if null/undefined no chevron will be shown.')\n    .defaultValue(null),\n  fontSize: PropTypes.oneOf(['normal', 'large'])\n    .description('Label size, used for marking last step.')\n    .defaultValue('normal'),\n  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).description('Inner ref to button component.'),\n  disabled: PropTypes.bool.description('Adds disabled state.'),\n  onClick: PropTypes.func.description('OnClick callback handler.').defaultValue('() => {}'),\n  label: PropTypes.string.description('Text Label. This only accepts text, no custom JSX.').isRequired,\n  'data-testid': PropTypes.string.description('Root element data-testid'),\n};\n\nexport const DSStepperButtonPropTypesSchema =\n  DSStepperButtonPropTypes as unknown as ValidationMap<DSStepperButtonT.Props>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAAuE;AAgChE,MAAM,sBAA+C,CAAC;AAEtD,MAAM,qBAA0D;AAAA,EACrE,GAAG;AAAA,EACH,GAAG;AAAA,EACH,OAAO,kCAAU,OAAO,YAAY,kBAAkB,EAAE;AAAA,EACxD,SAAS,kCAAU,OAAO,YAAY,uBAAuB;AAAA,EAC7D,SAAS,kCAAU,QAAQ,kCAAU,MAAM,EAAE,YAAY,yBAAyB,EAAE;AAAA,EACpF,eAAe,kCAAU,OAAO,YAAY,2BAA2B;AACzE;AAEO,MAAM,2BAA2B;AAGxC,MAAM,eAAe;AAAA,EACnB,QAAQ;AAAA,EACR,OAAO;AACT;AAIA,MAAM,eAAe;AAAA,EACnB,MAAM;AAAA,EACN,OAAO;AACT;AAoCO,MAAM,8BAA6D;AAAA,EACxE,UAAU,aAAa;AAAA,EACvB,SAAS,MAAM;AAAA,EAAC;AAClB;AAEO,MAAM,2BAAsE;AAAA,EACjF,GAAG;AAAA,EACH,GAAG;AAAA,EACH,SAAS,kCAAU,MAAM,CAAC,QAAQ,SAAS,IAAI,CAAC,EAC7C,YAAY,oEAAoE,EAChF,aAAa,IAAI;AAAA,EACpB,UAAU,kCAAU,MAAM,CAAC,UAAU,OAAO,CAAC,EAC1C,YAAY,yCAAyC,EACrD,aAAa,QAAQ;AAAA,EACxB,UAAU,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,IAAI,CAAC,EAAE,YAAY,gCAAgC;AAAA,EAC9G,UAAU,kCAAU,KAAK,YAAY,sBAAsB;AAAA,EAC3D,SAAS,kCAAU,KAAK,YAAY,2BAA2B,EAAE,aAAa,UAAU;AAAA,EACxF,OAAO,kCAAU,OAAO,YAAY,oDAAoD,EAAE;AAAA,EAC1F,eAAe,kCAAU,OAAO,YAAY,0BAA0B;AACxE;AAEO,MAAM,iCACX;",
+  "names": []
+}

package/dist/cjs/styled.js

@@ -39,10 +39,10 @@ var import_ds_system = require("@elliemae/ds-system");
 var import_ds_button_v2 = require("@elliemae/ds-button-v2");
 var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
 const StepperWrapper = import_ds_system.styled.div`
-    display: grid;
-    align-items: center;
-    grid-template-columns repeat(${(props) => props.steps}, 1fr);
-    column-gap: ${(props) => props.steps >= 8 ? props.theme.space.xxxs : props.theme.space.xxs};
+  display: grid;
+  align-items: center;
+  grid-template-columns: repeat(${(props) => props.steps}, 1fr);
+  column-gap: ${(props) => props.steps >= 8 ? props.theme.space.xxxs : props.theme.space.xxs};
 `;
 const Step = import_ds_system.styled.div`
   display: grid;

package/dist/cjs/styled.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/styled.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { styled } from '@elliemae/ds-system';\nimport { DSButtonV2 } from '@elliemae/ds-button-v2';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport type { DSStepperInternalsT } from './props.js';\n\nexport const StepperWrapper = styled.div`\n    display: grid;\n    align-items: center;\n    grid-template-columns repeat(${(props: DSStepperInternalsT.StepperPropsT) => props.steps}, 1fr);\n    column-gap: ${(props) => (props.steps >= 8 ? props.theme.space.xxxs : props.theme.space.xxs)};\n`;\n\ninterface StepProps {\n  active: boolean;\n  visited: boolean;\n}\n\nexport const Step = styled.div<StepProps>`\n  display: grid;\n  border-radius: 1px;\n  height: ${(props) => (props.active ? '5px' : '3px')};\n  background: ${(props) => (props.active || props.visited ? props.theme.colors.brand[700] : '#A9B1BE')};\n`;\n\nexport const Label = styled(SimpleTruncatedTooltipText)`\n  position: relative;\n  top: 1px;\n`;\n\nexport const StyledButton = styled(DSButtonV2)`\n  white-space: nowrap;\n  overflow: hidden;\n  max-width: 100%;\n  padding-left: ${(props) => props.theme.space.xxs};\n  padding-right: ${(props) => props.theme.space.xxs};\n  color: ${(props) => props.theme.colors.brand[600]};\n  & > span:not(.em-ds-icon) {\n    position: relative;\n    top: ${(props: DSStepperInternalsT.StepperButtonPropsT) => (props.fontSize === 'large' ? '2px' : '1px')};\n    font-size: ${(props: DSStepperInternalsT.StepperButtonPropsT) => (props.fontSize === 'large' ? '22px' : '18px')};\n  }\n`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AACvB,0BAA2B;AAC3B,uCAA2C;AAGpC,MAAM,iBAAiB,wBAAO;AAAA;AAAA;AAAA,mCAGF,CAAC,UAA6C,MAAM,KAAK;AAAA,kBAC1E,CAAC,UAAW,MAAM,SAAS,IAAI,MAAM,MAAM,MAAM,OAAO,MAAM,MAAM,MAAM,GAAI;AAAA;AAQzF,MAAM,OAAO,wBAAO;AAAA;AAAA;AAAA,YAGf,CAAC,UAAW,MAAM,SAAS,QAAQ,KAAM;AAAA,gBACrC,CAAC,UAAW,MAAM,UAAU,MAAM,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG,IAAI,SAAU;AAAA;AAG/F,MAAM,YAAQ,yBAAO,2DAA0B;AAAA;AAAA;AAAA;AAK/C,MAAM,mBAAe,yBAAO,8BAAU;AAAA;AAAA;AAAA;AAAA,kBAI3B,CAAC,UAAU,MAAM,MAAM,MAAM,GAAG;AAAA,mBAC/B,CAAC,UAAU,MAAM,MAAM,MAAM,GAAG;AAAA,WACxC,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA;AAAA;AAAA,WAGxC,CAAC,UAAoD,MAAM,aAAa,UAAU,QAAQ,KAAM;AAAA,iBAC1F,CAAC,UAAoD,MAAM,aAAa,UAAU,SAAS,MAAO;AAAA;AAAA;",
+  "sourcesContent": ["import { styled } from '@elliemae/ds-system';\nimport { DSButtonV2, type DSButtonV2T } from '@elliemae/ds-button-v2';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport type { DSStepperT, ButtonSizesT } from './react-desc-prop-types.js';\n\nexport const StepperWrapper = styled.div`\n  display: grid;\n  align-items: center;\n  grid-template-columns: repeat(${(props: DSStepperT.Props) => props.steps}, 1fr);\n  column-gap: ${(props) => (props.steps >= 8 ? props.theme.space.xxxs : props.theme.space.xxs)};\n`;\n\ninterface StepProps {\n  active: boolean;\n  visited: boolean;\n}\n\nexport const Step = styled.div<StepProps>`\n  display: grid;\n  border-radius: 1px;\n  height: ${(props) => (props.active ? '5px' : '3px')};\n  background: ${(props) => (props.active || props.visited ? props.theme.colors.brand[700] : '#A9B1BE')};\n`;\n\nexport const Label = styled(SimpleTruncatedTooltipText)`\n  position: relative;\n  top: 1px;\n`;\n\nexport const StyledButton = styled(DSButtonV2)`\n  white-space: nowrap;\n  overflow: hidden;\n  max-width: 100%;\n  padding-left: ${(props) => props.theme.space.xxs};\n  padding-right: ${(props) => props.theme.space.xxs};\n  color: ${(props) => props.theme.colors.brand[600]};\n  & > span:not(.em-ds-icon) {\n    position: relative;\n    top: ${(props: DSButtonV2T.Props & { fontSize: ButtonSizesT }) => (props.fontSize === 'large' ? '2px' : '1px')};\n    font-size: ${(props: DSButtonV2T.Props & { fontSize: ButtonSizesT }) =>\n      props.fontSize === 'large' ? '22px' : '18px'};\n  }\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AACvB,0BAA6C;AAC7C,uCAA2C;AAGpC,MAAM,iBAAiB,wBAAO;AAAA;AAAA;AAAA,kCAGH,CAAC,UAA4B,MAAM,KAAK;AAAA,gBAC1D,CAAC,UAAW,MAAM,SAAS,IAAI,MAAM,MAAM,MAAM,OAAO,MAAM,MAAM,MAAM,GAAI;AAAA;AAQvF,MAAM,OAAO,wBAAO;AAAA;AAAA;AAAA,YAGf,CAAC,UAAW,MAAM,SAAS,QAAQ,KAAM;AAAA,gBACrC,CAAC,UAAW,MAAM,UAAU,MAAM,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG,IAAI,SAAU;AAAA;AAG/F,MAAM,YAAQ,yBAAO,2DAA0B;AAAA;AAAA;AAAA;AAK/C,MAAM,mBAAe,yBAAO,8BAAU;AAAA;AAAA;AAAA;AAAA,kBAI3B,CAAC,UAAU,MAAM,MAAM,MAAM,GAAG;AAAA,mBAC/B,CAAC,UAAU,MAAM,MAAM,MAAM,GAAG;AAAA,WACxC,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA;AAAA;AAAA,WAGxC,CAAC,UAA2D,MAAM,aAAa,UAAU,QAAQ,KAAM;AAAA,iBACjG,CAAC,UACZ,MAAM,aAAa,UAAU,SAAS,MAAM;AAAA;AAAA;",
   "names": []
 }

package/dist/cjs/typescript-testing/typescript-stepper-button-valid.js

@@ -0,0 +1,112 @@
+"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 __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(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import__ = require("../index.js");
+const ref = (0, import_react.createRef)();
+const testRequiredProps = {
+  label: ""
+};
+const testOptionalProps = {
+  chevron: "left",
+  disabled: false,
+  innerRef: ref,
+  "data-testid": ""
+};
+const testPartialDefaults = {};
+const testProps = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testCompleteDefaults = {
+  fontSize: "normal",
+  onClick: () => {
+  }
+};
+const testInternalProps = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testInternalPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testExplicitDefinition = {
+  label: "",
+  fontSize: "normal",
+  onClick: () => {
+  },
+  chevron: "left",
+  disabled: false,
+  innerRef: ref,
+  "data-testid": ""
+};
+const testInferedTypeCompatibility = {
+  label: "",
+  fontSize: "normal",
+  onClick: () => {
+  },
+  chevron: "left",
+  disabled: false,
+  innerRef: ref,
+  "data-testid": ""
+};
+const testDefinitionAsConst = {
+  label: "",
+  fontSize: "normal",
+  onClick: () => {
+  },
+  chevron: "left",
+  disabled: false,
+  innerRef: ref,
+  "data-testid": ""
+};
+const ExampleUsageComponent = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSStepperButton, { ...testExplicitDefinition }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSStepperButton, { ...testInferedTypeCompatibility }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSStepperButton, { ...testDefinitionAsConst }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import__.DSStepperButton,
+    {
+      label: "",
+      fontSize: "normal",
+      onClick: () => {
+      },
+      chevron: "left",
+      disabled: false,
+      innerRef: ref,
+      "data-testid": ""
+    }
+  )
+] });
+//# sourceMappingURL=typescript-stepper-button-valid.js.map

package/dist/cjs/typescript-testing/typescript-stepper-button-valid.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-stepper-button-valid.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { createRef } from 'react';\nimport { DSStepperButton } from '../index.js';\nimport type { DSStepperButtonT } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSStepperButtonT.Props;\ntype ComponentPropsInternals = DSStepperButtonT.InternalProps;\ntype ComponentPropsDefaultProps = DSStepperButtonT.DefaultProps;\ntype ComponentPropsOptionalProps = DSStepperButtonT.OptionalProps;\ntype ComponentPropsRequiredProps = DSStepperButtonT.RequiredProps;\n\nconst ref = createRef() as React.MutableRefObject<HTMLButtonElement>;\n\nconst testRequiredProps: ComponentPropsRequiredProps = {\n  label: '',\n};\n\nconst testOptionalProps: ComponentPropsOptionalProps = {\n  chevron: 'left',\n  disabled: false,\n  innerRef: ref,\n  'data-testid': '',\n};\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n// Props allows for partial defaults\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {};\n\nconst testProps: ComponentPropsForApp = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n};\n\nconst testPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {\n  fontSize: 'normal',\n  onClick: () => {},\n};\n\nconst testInternalProps: ComponentPropsInternals = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n};\n\nconst testInternalPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  label: '',\n  fontSize: 'normal',\n  onClick: () => {},\n  chevron: 'left',\n  disabled: false,\n  innerRef: ref,\n  'data-testid': '',\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferedTypeCompatibility = {\n  label: '',\n  fontSize: 'normal',\n  onClick: () => {},\n  chevron: 'left',\n  disabled: false,\n  innerRef: ref,\n  'data-testid': '',\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  label: '',\n  fontSize: 'normal',\n  onClick: () => {},\n  chevron: 'left',\n  disabled: false,\n  innerRef: ref,\n  'data-testid': '',\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <DSStepperButton {...testExplicitDefinition} />\n    <DSStepperButton {...testInferedTypeCompatibility} />\n    <DSStepperButton {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <DSStepperButton\n      label=\"\"\n      fontSize=\"normal\"\n      onClick={() => {}}\n      chevron=\"left\"\n      disabled={false}\n      innerRef={ref}\n      data-testid=\"\"\n    ></DSStepperButton>\n  </>\n);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;AC4FrB;AA3FF,mBAA0B;AAC1B,eAAgC;AAUhC,MAAM,UAAM,wBAAU;AAEtB,MAAM,oBAAiD;AAAA,EACrD,OAAO;AACT;AAEA,MAAM,oBAAiD;AAAA,EACrD,SAAS;AAAA,EACT,UAAU;AAAA,EACV,UAAU;AAAA,EACV,eAAe;AACjB;AAIA,MAAM,sBAA2D,CAAC;AAElE,MAAM,YAAkC;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,uBAA6D;AAAA,EACjE,UAAU;AAAA,EACV,SAAS,MAAM;AAAA,EAAC;AAClB;AAEA,MAAM,oBAA6C;AAAA,EACjD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,yBAA+C;AAAA,EACnD,OAAO;AAAA,EACP,UAAU;AAAA,EACV,SAAS,MAAM;AAAA,EAAC;AAAA,EAChB,SAAS;AAAA,EACT,UAAU;AAAA,EACV,UAAU;AAAA,EACV,eAAe;AACjB;AAGA,MAAM,+BAA+B;AAAA,EACnC,OAAO;AAAA,EACP,UAAU;AAAA,EACV,SAAS,MAAM;AAAA,EAAC;AAAA,EAChB,SAAS;AAAA,EACT,UAAU;AAAA,EACV,UAAU;AAAA,EACV,eAAe;AACjB;AAEA,MAAM,wBAAwB;AAAA,EAC5B,OAAO;AAAA,EACP,UAAU;AAAA,EACV,SAAS,MAAM;AAAA,EAAC;AAAA,EAChB,SAAS;AAAA,EACT,UAAU;AAAA,EACV,UAAU;AAAA,EACV,eAAe;AACjB;AAEA,MAAM,wBAAwB,MAC5B,4EAEE;AAAA,8CAAC,4BAAiB,GAAG,wBAAwB;AAAA,EAC7C,4CAAC,4BAAiB,GAAG,8BAA8B;AAAA,EACnD,4CAAC,4BAAiB,GAAG,uBAAuB;AAAA,EAE5C;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,UAAS;AAAA,MACT,SAAS,MAAM;AAAA,MAAC;AAAA,MAChB,SAAQ;AAAA,MACR,UAAU;AAAA,MACV,UAAU;AAAA,MACV,eAAY;AAAA;AAAA,EACb;AAAA,GACH;",
+  "names": []
+}

package/dist/cjs/typescript-testing/typescript-stepper-valid.js

@@ -0,0 +1,81 @@
+"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 __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(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import__ = require("../index.js");
+const testRequiredProps = {
+  steps: 4,
+  visited: [1, 2]
+};
+const testOptionalProps = {
+  current: 2,
+  "data-testid": ""
+};
+const testPartialDefaults = {};
+const testProps = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testCompleteDefaults = {};
+const testInternalProps = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testInternalPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testExplicitDefinition = {
+  steps: 4,
+  visited: [1, 2],
+  current: 2,
+  "data-testid": ""
+};
+const testInferedTypeCompatibility = {
+  steps: 4,
+  visited: [1, 2],
+  current: 2,
+  "data-testid": ""
+};
+const testDefinitionAsConst = {
+  steps: 4,
+  visited: [1, 2],
+  current: 2,
+  "data-testid": ""
+};
+const ExampleUsageComponent = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSStepper, { ...testExplicitDefinition }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSStepper, { ...testInferedTypeCompatibility }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSStepper, { ...testDefinitionAsConst }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSStepper, { steps: 4, visited: [1, 2], current: 2, "data-testid": "" })
+] });
+//# sourceMappingURL=typescript-stepper-valid.js.map

package/dist/cjs/typescript-testing/typescript-stepper-valid.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-stepper-valid.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { DSStepper } from '../index.js';\nimport type { DSStepperT } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSStepperT.Props;\ntype ComponentPropsInternals = DSStepperT.InternalProps;\ntype ComponentPropsDefaultProps = DSStepperT.DefaultProps;\ntype ComponentPropsOptionalProps = DSStepperT.OptionalProps;\ntype ComponentPropsRequiredProps = DSStepperT.RequiredProps;\n\nconst testRequiredProps: ComponentPropsRequiredProps = {\n  steps: 4,\n  visited: [1, 2],\n};\nconst testOptionalProps: ComponentPropsOptionalProps = {\n  current: 2,\n  'data-testid': '',\n};\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n// Props allows for partial defaults\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {};\n\nconst testProps: ComponentPropsForApp = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n};\n\nconst testPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {};\n\nconst testInternalProps: ComponentPropsInternals = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n};\n\nconst testInternalPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  steps: 4,\n  visited: [1, 2],\n  current: 2,\n  'data-testid': '',\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferedTypeCompatibility = {\n  steps: 4,\n  visited: [1, 2],\n  current: 2,\n  'data-testid': '',\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  steps: 4,\n  visited: [1, 2],\n  current: 2,\n  'data-testid': '',\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <DSStepper {...testExplicitDefinition} />\n    <DSStepper {...testInferedTypeCompatibility} />\n    <DSStepper {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <DSStepper steps={4} visited={[1, 2]} current={2} data-testid=\"\"></DSStepper>\n  </>\n);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;AC2ErB;AA1EF,eAA0B;AAU1B,MAAM,oBAAiD;AAAA,EACrD,OAAO;AAAA,EACP,SAAS,CAAC,GAAG,CAAC;AAChB;AACA,MAAM,oBAAiD;AAAA,EACrD,SAAS;AAAA,EACT,eAAe;AACjB;AAIA,MAAM,sBAA2D,CAAC;AAElE,MAAM,YAAkC;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,uBAA6D,CAAC;AAEpE,MAAM,oBAA6C;AAAA,EACjD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,yBAA+C;AAAA,EACnD,OAAO;AAAA,EACP,SAAS,CAAC,GAAG,CAAC;AAAA,EACd,SAAS;AAAA,EACT,eAAe;AACjB;AAGA,MAAM,+BAA+B;AAAA,EACnC,OAAO;AAAA,EACP,SAAS,CAAC,GAAG,CAAC;AAAA,EACd,SAAS;AAAA,EACT,eAAe;AACjB;AAEA,MAAM,wBAAwB;AAAA,EAC5B,OAAO;AAAA,EACP,SAAS,CAAC,GAAG,CAAC;AAAA,EACd,SAAS;AAAA,EACT,eAAe;AACjB;AAEA,MAAM,wBAAwB,MAC5B,4EAEE;AAAA,8CAAC,sBAAW,GAAG,wBAAwB;AAAA,EACvC,4CAAC,sBAAW,GAAG,8BAA8B;AAAA,EAC7C,4CAAC,sBAAW,GAAG,uBAAuB;AAAA,EAEtC,4CAAC,sBAAU,OAAO,GAAG,SAAS,CAAC,GAAG,CAAC,GAAG,SAAS,GAAG,eAAY,IAAG;AAAA,GACnE;",
+  "names": []
+}

package/dist/esm/Stepper.js

@@ -8,12 +8,12 @@ import {
   useValidateTypescriptPropTypes,
   useGetGlobalAttributes
 } from "@elliemae/ds-props-helpers";
-import { dsStepperProps, defaultProps } from "./props.js";
+import { stepperDefaultProps, DSStepperPropTypesSchema, DSStepperPropTypes } from "./react-desc-prop-types.js";
 import { Step, StepperWrapper } from "./styled.js";
 import { DSStepperName } from "./DSStepperDefinitions.js";
 const DSStepper = (props) => {
-  const propsWithDefaults = useMemoMergePropsWithDefault(props, defaultProps);
-  useValidateTypescriptPropTypes(propsWithDefaults, dsStepperProps, DSStepperName);
+  const propsWithDefaults = useMemoMergePropsWithDefault(props, stepperDefaultProps);
+  useValidateTypescriptPropTypes(propsWithDefaults, DSStepperPropTypes, DSStepperName);
   const { steps, current, visited } = propsWithDefaults;
   const stepsArray = React2.useMemo(() => new Array(steps).fill(1), [steps]);
   const globalAttributes = useGetGlobalAttributes(propsWithDefaults);
@@ -30,10 +30,10 @@ const DSStepper = (props) => {
   )) });
 };
 DSStepper.displayName = DSStepperName;
-const StepperWithSchema = describe(DSStepper);
-StepperWithSchema.propTypes = dsStepperProps;
+const DSStepperWithSchema = describe(DSStepper);
+DSStepperWithSchema.propTypes = DSStepperPropTypesSchema;
 export {
   DSStepper,
-  StepperWithSchema
+  DSStepperWithSchema
 };
 //# sourceMappingURL=Stepper.js.map

package/dist/esm/Stepper.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/Stepper.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { uid } from 'uid';\nimport {\n  describe,\n  useMemoMergePropsWithDefault,\n  useValidateTypescriptPropTypes,\n  useGetGlobalAttributes,\n} from '@elliemae/ds-props-helpers';\nimport type { DSStepperInternalsT } from './props.js';\nimport { dsStepperProps, defaultProps } from './props.js';\nimport { Step, StepperWrapper } from './styled.js';\nimport { DSStepperName } from './DSStepperDefinitions.js';\n\nconst DSStepper = (props: DSStepperInternalsT.StepperPropsT) => {\n  const propsWithDefaults = useMemoMergePropsWithDefault(props, defaultProps) as DSStepperInternalsT.StepperPropsT;\n  useValidateTypescriptPropTypes(propsWithDefaults, dsStepperProps, DSStepperName);\n\n  const { steps, current, visited } = propsWithDefaults;\n  const stepsArray = React.useMemo(() => new Array(steps).fill(1) as number[], [steps]);\n  const globalAttributes = useGetGlobalAttributes(propsWithDefaults);\n\n  return (\n    <StepperWrapper steps={steps} current={current} visited={visited} {...globalAttributes}>\n      {stepsArray.map((item, index) => (\n        <Step\n          // eslint-disable-next-line react/no-array-index-key\n          key={`${uid(4)}step-key-${index}`}\n          active={current === index}\n          visited={visited.includes(index)}\n          data-testid={props['data-testid'] ? `${props['data-testid'] as string}-step` : undefined}\n          data-active={current === index}\n          data-visited={visited.includes(index)}\n        />\n      ))}\n    </StepperWrapper>\n  );\n};\n\nDSStepper.displayName = DSStepperName;\nconst StepperWithSchema = describe(DSStepper);\nStepperWithSchema.propTypes = dsStepperProps;\n\nexport { DSStepper, StepperWithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACwBf;AAxBR,OAAOA,YAAW;AAClB,SAAS,WAAW;AACpB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,gBAAgB,oBAAoB;AAC7C,SAAS,MAAM,sBAAsB;AACrC,SAAS,qBAAqB;AAE9B,MAAM,YAAY,CAAC,UAA6C;AAC9D,QAAM,oBAAoB,6BAA6B,OAAO,YAAY;AAC1E,iCAA+B,mBAAmB,gBAAgB,aAAa;AAE/E,QAAM,EAAE,OAAO,SAAS,QAAQ,IAAI;AACpC,QAAM,aAAaA,OAAM,QAAQ,MAAM,IAAI,MAAM,KAAK,EAAE,KAAK,CAAC,GAAe,CAAC,KAAK,CAAC;AACpF,QAAM,mBAAmB,uBAAuB,iBAAiB;AAEjE,SACE,oBAAC,kBAAe,OAAc,SAAkB,SAAmB,GAAG,kBACnE,qBAAW,IAAI,CAAC,MAAM,UACrB;AAAA,IAAC;AAAA;AAAA,MAGC,QAAQ,YAAY;AAAA,MACpB,SAAS,QAAQ,SAAS,KAAK;AAAA,MAC/B,eAAa,MAAM,aAAa,IAAI,GAAG,MAAM,aAAa,CAAW,UAAU;AAAA,MAC/E,eAAa,YAAY;AAAA,MACzB,gBAAc,QAAQ,SAAS,KAAK;AAAA;AAAA,IAL/B,GAAG,IAAI,CAAC,CAAC,YAAY,KAAK;AAAA,EAMjC,CACD,GACH;AAEJ;AAEA,UAAU,cAAc;AACxB,MAAM,oBAAoB,SAAS,SAAS;AAC5C,kBAAkB,YAAY;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { uid } from 'uid';\nimport {\n  describe,\n  useMemoMergePropsWithDefault,\n  useValidateTypescriptPropTypes,\n  useGetGlobalAttributes,\n} from '@elliemae/ds-props-helpers';\nimport type { DSStepperT } from './react-desc-prop-types.js';\nimport { stepperDefaultProps, DSStepperPropTypesSchema, DSStepperPropTypes } from './react-desc-prop-types.js';\nimport { Step, StepperWrapper } from './styled.js';\nimport { DSStepperName } from './DSStepperDefinitions.js';\n\nconst DSStepper = (props: DSStepperT.Props) => {\n  const propsWithDefaults = useMemoMergePropsWithDefault<DSStepperT.InternalProps>(props, stepperDefaultProps);\n  useValidateTypescriptPropTypes(propsWithDefaults, DSStepperPropTypes, DSStepperName);\n\n  const { steps, current, visited } = propsWithDefaults;\n  const stepsArray = React.useMemo(() => new Array(steps).fill(1) as number[], [steps]);\n  const globalAttributes = useGetGlobalAttributes(propsWithDefaults);\n\n  return (\n    <StepperWrapper steps={steps} current={current} visited={visited} {...globalAttributes}>\n      {stepsArray.map((item, index) => (\n        <Step\n          // eslint-disable-next-line react/no-array-index-key\n          key={`${uid(4)}step-key-${index}`}\n          active={current === index}\n          visited={visited.includes(index)}\n          data-testid={props['data-testid'] ? `${props['data-testid']}-step` : undefined}\n          data-active={current === index}\n          data-visited={visited.includes(index)}\n        />\n      ))}\n    </StepperWrapper>\n  );\n};\n\nDSStepper.displayName = DSStepperName;\nconst DSStepperWithSchema = describe(DSStepper);\nDSStepperWithSchema.propTypes = DSStepperPropTypesSchema;\n\nexport { DSStepper, DSStepperWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACwBf;AAxBR,OAAOA,YAAW;AAClB,SAAS,WAAW;AACpB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,qBAAqB,0BAA0B,0BAA0B;AAClF,SAAS,MAAM,sBAAsB;AACrC,SAAS,qBAAqB;AAE9B,MAAM,YAAY,CAAC,UAA4B;AAC7C,QAAM,oBAAoB,6BAAuD,OAAO,mBAAmB;AAC3G,iCAA+B,mBAAmB,oBAAoB,aAAa;AAEnF,QAAM,EAAE,OAAO,SAAS,QAAQ,IAAI;AACpC,QAAM,aAAaA,OAAM,QAAQ,MAAM,IAAI,MAAM,KAAK,EAAE,KAAK,CAAC,GAAe,CAAC,KAAK,CAAC;AACpF,QAAM,mBAAmB,uBAAuB,iBAAiB;AAEjE,SACE,oBAAC,kBAAe,OAAc,SAAkB,SAAmB,GAAG,kBACnE,qBAAW,IAAI,CAAC,MAAM,UACrB;AAAA,IAAC;AAAA;AAAA,MAGC,QAAQ,YAAY;AAAA,MACpB,SAAS,QAAQ,SAAS,KAAK;AAAA,MAC/B,eAAa,MAAM,aAAa,IAAI,GAAG,MAAM,aAAa,CAAC,UAAU;AAAA,MACrE,eAAa,YAAY;AAAA,MACzB,gBAAc,QAAQ,SAAS,KAAK;AAAA;AAAA,IAL/B,GAAG,IAAI,CAAC,CAAC,YAAY,KAAK;AAAA,EAMjC,CACD,GACH;AAEJ;AAEA,UAAU,cAAc;AACxB,MAAM,sBAAsB,SAAS,SAAS;AAC9C,oBAAoB,YAAY;",
   "names": ["React"]
 }