@elliemae/ds-progress-indicator 3.80.0-next.3 → 3.80.0-next.30

package/dist/cjs/react-desc-prop-types.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))
@@ -23,6 +27,54 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var react_desc_prop_types_exports = {};
+__export(react_desc_prop_types_exports, {
+  DSProgressIndicatorPropTypes: () => DSProgressIndicatorPropTypes,
+  DSProgressIndicatorPropTypesSchema: () => DSProgressIndicatorPropTypesSchema,
+  defaultProps: () => defaultProps
+});
 module.exports = __toCommonJS(react_desc_prop_types_exports);
 var React = __toESM(require("react"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_constants = require("./constants/index.js");
+const defaultProps = {
+  containerProps: {},
+  title: "",
+  now: 0,
+  min: 0,
+  max: 0,
+  disabled: false,
+  segments: [],
+  style: {}
+};
+const variants = ["default", "success", "warning", "info", "error"];
+const DSProgressIndicatorPropTypes = {
+  ...(0, import_ds_props_helpers.getPropsPerSlotPropTypes)(import_constants.DSProgressIndicatorName, import_constants.PROGRESS_INDICATOR_SLOTS),
+  ...import_ds_props_helpers.globalAttributesPropTypes,
+  containerProps: import_ds_props_helpers.PropTypes.object.description("Set of Properties attached to the main container"),
+  innerRef: import_ds_props_helpers.PropTypes.object.description("ref to the components container"),
+  title: import_ds_props_helpers.PropTypes.string.description("components title"),
+  variant: import_ds_props_helpers.PropTypes.oneOf(variants).description(
+    "Progress intent variation of the fill in single-bar mode. Ignored when segments are given; each segment sets its own variant."
+  ),
+  now: import_ds_props_helpers.PropTypes.number.description("Total current value"),
+  min: import_ds_props_helpers.PropTypes.number.description("min value"),
+  max: import_ds_props_helpers.PropTypes.number.description(
+    'max value. Functionally required for a determinate progress: it must be a finite number greater than "min". Without it the progressbar renders as indeterminate and a dev-only warning is logged.'
+  ),
+  disabled: import_ds_props_helpers.PropTypes.bool.description("Whether the progress indicator disabled or not").defaultValue(false),
+  counterRenderer: import_ds_props_helpers.PropTypes.func.description("Render a custom counter"),
+  segments: import_ds_props_helpers.PropTypes.arrayOf(
+    import_ds_props_helpers.PropTypes.shape({
+      min: import_ds_props_helpers.PropTypes.number,
+      max: import_ds_props_helpers.PropTypes.number,
+      now: import_ds_props_helpers.PropTypes.number,
+      variant: import_ds_props_helpers.PropTypes.oneOf(variants),
+      label: import_ds_props_helpers.PropTypes.string
+    })
+  ).description(
+    'An array of multiple progress objects. Give each segment a "label" when its "variant" colour carries meaning \u2014 without one every segment reports the same accessible name and can only be told apart by colour.'
+  ),
+  style: import_ds_props_helpers.PropTypes.object.description("css inline style")
+};
+const DSProgressIndicatorPropTypesSchema = DSProgressIndicatorPropTypes;
 //# sourceMappingURL=react-desc-prop-types.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/react-desc-prop-types.ts", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export declare namespace DSProgressIndicatorT {\n  export type PercentageT = {\n    min: number;\n    max: number;\n    now: number;\n  };\n\n  export type DefaultRendererT = ({ now, max, min }: DSProgressIndicatorT.PercentageT) => string;\n\n  export type VariantT = 'default' | 'success' | 'warning' | 'info' | 'error';\n\n  export type SegmentsT = {\n    length?: number;\n    min: number;\n    max: number;\n    now: number;\n    variant: VariantT;\n  };\n\n  export interface DefaultProps {\n    title: string;\n    innerRef: React.MutableRefObject<unknown>;\n    counterRenderer: DefaultRendererT;\n    min: number;\n    disabled: boolean;\n    segments: SegmentsT[] | readonly SegmentsT[];\n    style: object;\n  }\n\n  export interface OptionalProps {\n    containerProps?: { [key: string]: string };\n    now?: number;\n    max?: number;\n  }\n\n  export interface Props extends Partial<DefaultProps>, OptionalProps {}\n\n  export interface InternalProps extends DefaultProps, OptionalProps {}\n}\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;",
+  "sourcesContent": ["import type { DSPropTypesSchema, GlobalAttributesT, ValidationMap } from '@elliemae/ds-props-helpers';\nimport { PropTypes, getPropsPerSlotPropTypes, globalAttributesPropTypes } from '@elliemae/ds-props-helpers';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport { DSProgressIndicatorName, PROGRESS_INDICATOR_SLOTS } from './constants/index.js';\n\nexport declare namespace DSProgressIndicatorT {\n  export type PercentageT = {\n    min: number;\n    max: number;\n    now: number;\n  };\n\n  export type DefaultRendererT = ({ now, max, min }: DSProgressIndicatorT.PercentageT) => string;\n\n  export type VariantT = 'default' | 'success' | 'warning' | 'info' | 'error';\n\n  export type SegmentsT = {\n    length?: number;\n    min: number;\n    max: number;\n    now: number;\n    variant: VariantT;\n    /**\n     * Accessible name for this specific segment. Without it every segment inherits the same name from the\n     * indicator title, so segments are told apart only by their variant colour. See PUI-18942.\n     */\n    label?: string;\n  };\n\n  export type SlotFunctionArguments = {\n    dsProgressindicatorRoot: () => object;\n    dsProgressindicatorTitle: () => object;\n    dsProgressindicatorCounter: () => object;\n    dsProgressindicatorProgressBar: () => object;\n    dsProgressindicatorProgress: () => object;\n  };\n\n  export interface DefaultProps {\n    title: string;\n    innerRef: React.MutableRefObject<unknown>;\n    counterRenderer: DefaultRendererT;\n    min: number;\n    disabled: boolean;\n    segments: SegmentsT[] | readonly SegmentsT[];\n    style: object;\n  }\n\n  export interface OptionalProps extends TypescriptHelpersT.PropsForGlobalOnSlots<\n    typeof DSProgressIndicatorName,\n    typeof PROGRESS_INDICATOR_SLOTS\n  > {\n    // deliberately wide: this has accepted arbitrary keys since PUI-12598 and consumers pass data-* through\n    // it. Narrowing it to React.HTMLAttributes rejects data-* in object position \u2014 a breaking type change.\n    containerProps?: { [key: string]: string };\n    now?: number;\n    max?: number;\n    /**\n     * Colour intent of the fill in single-bar mode. Ignored when `segments` are given \u2014 each segment carries its\n     * own `variant`. Colour alone does not convey the intent to every user; say it in `title` or the counter too.\n     */\n    variant?: VariantT;\n  }\n\n  export interface Props\n    extends\n      Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLElement>, keyof DefaultProps | keyof OptionalProps> {}\n\n  export interface InternalProps\n    extends\n      DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLElement>, keyof DefaultProps | keyof OptionalProps> {}\n}\n\nexport const defaultProps = {\n  containerProps: {},\n  title: '',\n  now: 0,\n  min: 0,\n  max: 0,\n  disabled: false,\n  segments: [],\n  style: {},\n};\n\nconst variants: DSProgressIndicatorT.VariantT[] = ['default', 'success', 'warning', 'info', 'error'];\n\nexport const DSProgressIndicatorPropTypes: DSPropTypesSchema<DSProgressIndicatorT.Props> = {\n  ...getPropsPerSlotPropTypes(DSProgressIndicatorName, PROGRESS_INDICATOR_SLOTS),\n  ...globalAttributesPropTypes,\n\n  containerProps: PropTypes.object.description('Set of Properties attached to the main container'),\n  innerRef: PropTypes.object.description('ref to the components container'),\n  title: PropTypes.string.description('components title'),\n  variant: PropTypes.oneOf(variants).description(\n    'Progress intent variation of the fill in single-bar mode. Ignored when segments are given; each segment sets its own variant.',\n  ),\n  now: PropTypes.number.description('Total current value'),\n  min: PropTypes.number.description('min value'),\n  max: PropTypes.number.description(\n    'max value. Functionally required for a determinate progress: it must be a finite number greater than \"min\". Without it the progressbar renders as indeterminate and a dev-only warning is logged.',\n  ),\n  disabled: PropTypes.bool.description('Whether the progress indicator disabled or not').defaultValue(false),\n  counterRenderer: PropTypes.func.description('Render a custom counter'),\n  segments: PropTypes.arrayOf(\n    PropTypes.shape({\n      min: PropTypes.number,\n      max: PropTypes.number,\n      now: PropTypes.number,\n      variant: PropTypes.oneOf(variants),\n      label: PropTypes.string,\n    }),\n  ).description(\n    'An array of multiple progress objects. Give each segment a \"label\" when its \"variant\" colour carries meaning \u2014 without one every segment reports the same accessible name and can only be told apart by colour.',\n  ),\n  style: PropTypes.object.description('css inline style'),\n};\n\nexport const DSProgressIndicatorPropTypesSchema =\n  DSProgressIndicatorPropTypes as unknown as ValidationMap<DSProgressIndicatorT.Props>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,8BAA+E;AAE/E,uBAAkE;AAyE3D,MAAM,eAAe;AAAA,EAC1B,gBAAgB,CAAC;AAAA,EACjB,OAAO;AAAA,EACP,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,UAAU;AAAA,EACV,UAAU,CAAC;AAAA,EACX,OAAO,CAAC;AACV;AAEA,MAAM,WAA4C,CAAC,WAAW,WAAW,WAAW,QAAQ,OAAO;AAE5F,MAAM,+BAA8E;AAAA,EACzF,OAAG,kDAAyB,0CAAyB,yCAAwB;AAAA,EAC7E,GAAG;AAAA,EAEH,gBAAgB,kCAAU,OAAO,YAAY,kDAAkD;AAAA,EAC/F,UAAU,kCAAU,OAAO,YAAY,iCAAiC;AAAA,EACxE,OAAO,kCAAU,OAAO,YAAY,kBAAkB;AAAA,EACtD,SAAS,kCAAU,MAAM,QAAQ,EAAE;AAAA,IACjC;AAAA,EACF;AAAA,EACA,KAAK,kCAAU,OAAO,YAAY,qBAAqB;AAAA,EACvD,KAAK,kCAAU,OAAO,YAAY,WAAW;AAAA,EAC7C,KAAK,kCAAU,OAAO;AAAA,IACpB;AAAA,EACF;AAAA,EACA,UAAU,kCAAU,KAAK,YAAY,gDAAgD,EAAE,aAAa,KAAK;AAAA,EACzG,iBAAiB,kCAAU,KAAK,YAAY,yBAAyB;AAAA,EACrE,UAAU,kCAAU;AAAA,IAClB,kCAAU,MAAM;AAAA,MACd,KAAK,kCAAU;AAAA,MACf,KAAK,kCAAU;AAAA,MACf,KAAK,kCAAU;AAAA,MACf,SAAS,kCAAU,MAAM,QAAQ;AAAA,MACjC,OAAO,kCAAU;AAAA,IACnB,CAAC;AAAA,EACH,EAAE;AAAA,IACA;AAAA,EACF;AAAA,EACA,OAAO,kCAAU,OAAO,YAAY,kBAAkB;AACxD;AAEO,MAAM,qCACX;",
   "names": []
 }

package/dist/cjs/styled.js

@@ -28,12 +28,85 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var styled_exports = {};
 __export(styled_exports, {
-  Title: () => Title
+  StyledProgress: () => StyledProgress,
+  StyledProgressBar: () => StyledProgressBar,
+  StyledProgressIndicatorCounter: () => StyledProgressIndicatorCounter,
+  StyledProgressIndicatorRoot: () => StyledProgressIndicatorRoot,
+  Title: () => Title,
+  legacyBarClassName: () => legacyBarClassName,
+  legacyCounterClassName: () => legacyCounterClassName,
+  legacyProgressClassName: () => legacyProgressClassName,
+  legacyRootClassName: () => legacyRootClassName
 });
 module.exports = __toCommonJS(styled_exports);
 var React = __toESM(require("react"));
 var import_ds_system = require("@elliemae/ds-system");
-const Title = import_ds_system.styled.span`
+var import_constants = require("./constants/index.js");
+const LEGACY_ROOT_BLOCK = "em-ds-determinate-progress-indicator";
+const LEGACY_BAR_BLOCK = "em-ds-progress-bar";
+const joinClasses = (...classes) => [...new Set(classes.filter(Boolean))].join(" ");
+const legacyRootClassName = (disabled, ...consumerClasses) => joinClasses(
+  LEGACY_ROOT_BLOCK,
+  `${LEGACY_ROOT_BLOCK}--default`,
+  disabled && `${LEGACY_ROOT_BLOCK}--disabled`,
+  ...consumerClasses
+);
+const legacyCounterClassName = (...consumerClasses) => joinClasses(`${LEGACY_ROOT_BLOCK}__counter`, ...consumerClasses);
+const legacyBarClassName = (...consumerClasses) => joinClasses(LEGACY_BAR_BLOCK, ...consumerClasses);
+const legacyProgressClassName = (variant, ...consumerClasses) => joinClasses(
+  `${LEGACY_BAR_BLOCK}__progress`,
+  `${LEGACY_BAR_BLOCK}__progress--default`,
+  variant && `${LEGACY_BAR_BLOCK}__progress--${variant}`,
+  ...consumerClasses
+);
+const legacyProofStyleOverrides = (slot) => ({ theme }) => {
+  const overrides = theme?.components?.[import_constants.DSProgressIndicatorName]?.styleOverrides?.[slot];
+  return overrides ? import_ds_system.css`
+          &&& {
+            ${overrides}
+          }
+        ` : "";
+};
+const inheritTypographyFromSlot = import_ds_system.css`
+  && > * {
+    font: inherit;
+    line-height: inherit;
+    color: inherit;
+    white-space: inherit;
+    overflow-wrap: inherit;
+    margin: 0;
+    padding: 0;
+  }
+`;
+const StyledProgressIndicatorRoot = (0, import_ds_system.styled)("div", {
+  name: import_constants.DSProgressIndicatorName,
+  slot: import_constants.PROGRESS_INDICATOR_SLOTS.ROOT
+})``;
+const Title = (0, import_ds_system.styled)("span", {
+  name: import_constants.DSProgressIndicatorName,
+  slot: import_constants.PROGRESS_INDICATOR_SLOTS.TITLE
+})`
   grid-area: title;
+  ${inheritTypographyFromSlot}
+  ${legacyProofStyleOverrides(import_constants.PROGRESS_INDICATOR_SLOTS.TITLE)}
+`;
+const StyledProgressIndicatorCounter = (0, import_ds_system.styled)("span", {
+  name: import_constants.DSProgressIndicatorName,
+  slot: import_constants.PROGRESS_INDICATOR_SLOTS.COUNTER
+})`
+  ${inheritTypographyFromSlot}
+  ${legacyProofStyleOverrides(import_constants.PROGRESS_INDICATOR_SLOTS.COUNTER)}
+`;
+const StyledProgressBar = (0, import_ds_system.styled)("div", {
+  name: import_constants.DSProgressIndicatorName,
+  slot: import_constants.PROGRESS_INDICATOR_SLOTS.PROGRESS_BAR
+})`
+  ${legacyProofStyleOverrides(import_constants.PROGRESS_INDICATOR_SLOTS.PROGRESS_BAR)}
+`;
+const StyledProgress = (0, import_ds_system.styled)("div", {
+  name: import_constants.DSProgressIndicatorName,
+  slot: import_constants.PROGRESS_INDICATOR_SLOTS.PROGRESS
+})`
+  ${legacyProofStyleOverrides(import_constants.PROGRESS_INDICATOR_SLOTS.PROGRESS)}
 `;
 //# sourceMappingURL=styled.js.map

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';\n\nexport const Title = styled.span`\n  grid-area: title;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AAEhB,MAAM,QAAQ,wBAAO;AAAA;AAAA;",
+  "sourcesContent": ["import { css, styled } from '@elliemae/ds-system';\nimport type { CSSObject, DefaultTheme } from 'styled-components';\nimport { DSProgressIndicatorName, PROGRESS_INDICATOR_SLOTS } from './constants/index.js';\n\n// ============================================================================================================\n// Legacy BEM class contract\n// ============================================================================================================\n// This component carries no CSS of its own: its entire visual layer is the\n// `em-ds-determinate-progress-indicator` / `em-ds-progress-bar` SCSS compiled into `@elliemae/ds-basic`'s\n// dimsum.css, which is frozen. Consumers may also hold stylesheet overrides and QA selectors against these\n// exact names, so the class strings are a compatibility contract, not an implementation detail.\n//\n// They used to be produced by `aggregatedClasses` from the sunsetted `@elliemae/ds-classnames`. They are\n// reproduced verbatim here so that dependency could be dropped and the slot system put in its place without\n// a visual or breaking change. `DSProgressIndicator.api.test.js` locks the resulting class set per state.\n//\n// `--default` is reproduced deliberately and is not a typo: the legacy layout modifier pipeline emitted a\n// `--default` modifier unconditionally on every element that received `classProps`, which is why the root and\n// the progress fill carry it while the counter and the bar (which received none) do not.\n//\n// These are applied as an explicit `className` prop rather than through `.attrs()`, because `.attrs()` on\n// ds-system's `styled` is silently a no-op \u2014 it calls styled-components' immutable `.attrs()` and discards\n// the new resolver it returns (`styledFunction.tsx:173`). Do not \"simplify\" this back to `.attrs()`.\nconst LEGACY_ROOT_BLOCK = 'em-ds-determinate-progress-indicator';\nconst LEGACY_BAR_BLOCK = 'em-ds-progress-bar';\n\n// `aggregatedClasses` appended any consumer-supplied className after its own, so a className arriving through\n// containerProps adds to the contract rather than replacing it. That ordering is preserved.\nconst joinClasses = (...classes: (string | false | undefined)[]) =>\n  [...new Set(classes.filter(Boolean) as string[])].join(' ');\n\nexport const legacyRootClassName = (disabled?: boolean, ...consumerClasses: (string | undefined)[]) =>\n  joinClasses(\n    LEGACY_ROOT_BLOCK,\n    `${LEGACY_ROOT_BLOCK}--default`,\n    disabled && `${LEGACY_ROOT_BLOCK}--disabled`,\n    ...consumerClasses,\n  );\n\nexport const legacyCounterClassName = (...consumerClasses: (string | undefined)[]) =>\n  joinClasses(`${LEGACY_ROOT_BLOCK}__counter`, ...consumerClasses);\n\nexport const legacyBarClassName = (...consumerClasses: (string | undefined)[]) =>\n  joinClasses(LEGACY_BAR_BLOCK, ...consumerClasses);\n\nexport const legacyProgressClassName = (variant?: string, ...consumerClasses: (string | undefined)[]) =>\n  joinClasses(\n    `${LEGACY_BAR_BLOCK}__progress`,\n    `${LEGACY_BAR_BLOCK}__progress--default`,\n    variant && `${LEGACY_BAR_BLOCK}__progress--${variant}`,\n    ...consumerClasses,\n  );\n\n// ============================================================================================================\n// styleOverrides vs the legacy cascade\n// ============================================================================================================\n// ds-system emits `theme.components.DSProgressindicator.styleOverrides[slot]` inside the slot's own generated\n// class \u2014 specificity 0-1-0. Four of the retained legacy rules are descendant selectors:\n//\n//   .em-ds-determinate-progress-indicator .em-ds-progress-bar                       0-2-0  (track)\n//   .em-ds-determinate-progress-indicator .em-ds-progress-bar__progress             0-2-0  (fill)\n//   .em-ds-determinate-progress-indicator .em-ds-progress-bar__progress:not(:first-child)  0-3-0\n//   .em-ds-determinate-progress-indicator--disabled .em-ds-\u2026__title / __counter / __progress  0-2-0\n//\n// so any property they set (the track's background most visibly \u2014 found by QA while writing SlotsTest) beats\n// the consumer's override. Re-emitting the same override under `&&&` gives it 0-3-0: it ties the strongest\n// legacy rule and wins on source order, because styled-components injects after dimsum.css. The root slot is\n// left alone \u2014 its legacy rules are single-class and already lose to the override on that same source order.\n//\n// This is a consequence of deviation 1 (the legacy SCSS is frozen and still ships) and goes away with it.\ntype ThemeWithComponents = DefaultTheme & {\n  components?: Record<string, { styleOverrides?: Record<string, CSSObject> }>;\n};\n\nconst legacyProofStyleOverrides =\n  (slot: (typeof PROGRESS_INDICATOR_SLOTS)[keyof typeof PROGRESS_INDICATOR_SLOTS]) =>\n  ({ theme }: { theme: ThemeWithComponents }) => {\n    const overrides = theme?.components?.[DSProgressIndicatorName]?.styleOverrides?.[slot];\n    return overrides\n      ? css`\n          &&& {\n            ${overrides}\n          }\n        `\n      : '';\n  };\n\n// ============================================================================================================\n// Text slots carry a DSTypography child\n// ============================================================================================================\n// The title and counter text render through DSTypography (typography remediation, PUI-18942), nested inside the\n// slot element rather than being the slot element. Making DSTypography the slot itself would let the nested-slot\n// mechanism rewrite `data-dimsum-slot` to `dsTypographyRoot` and demote ours to `data-dimsum-parent-slot` \u2014\n// verified by probe \u2014 breaking a slot value that shipped in 3.80 and the E2E `getSlot()` lookups against it.\n//\n// DSTypography brings its own metrics (B4: 0.85rem / 1rem line-height, `white-space: pre-wrap`, font-family,\n// margin/padding). Today the counter takes its metrics from the frozen legacy SCSS and the title inherits the\n// body's, so those must win for the render to stay identical: the child inherits everything from its slot. That\n// keeps consumer `styleOverrides` on the slot flowing into the text too. `&& > *` is 0-2-0, so it beats\n// DSTypography's single class regardless of which rule styled-components happens to inject first.\n//\n// Deliberately neutral: whether the title should finally adopt the counter's micro-text metrics (the SCSS\n// always intended both to share them \u2014 deviation 4) is a UX decision, not a side effect of this change. When\n// it is taken, drop `font` / `line-height` from this block and let the variant apply.\nconst inheritTypographyFromSlot = css`\n  && > * {\n    font: inherit;\n    line-height: inherit;\n    color: inherit;\n    white-space: inherit;\n    overflow-wrap: inherit;\n    margin: 0;\n    padding: 0;\n  }\n`;\n\n// ============================================================================================================\n// Slots\n// ============================================================================================================\n\nexport const StyledProgressIndicatorRoot = styled('div', {\n  name: DSProgressIndicatorName,\n  slot: PROGRESS_INDICATOR_SLOTS.ROOT,\n})``;\n\nexport const Title = styled('span', {\n  name: DSProgressIndicatorName,\n  slot: PROGRESS_INDICATOR_SLOTS.TITLE,\n})`\n  grid-area: title;\n  ${inheritTypographyFromSlot}\n  ${legacyProofStyleOverrides(PROGRESS_INDICATOR_SLOTS.TITLE)}\n`;\n\nexport const StyledProgressIndicatorCounter = styled('span', {\n  name: DSProgressIndicatorName,\n  slot: PROGRESS_INDICATOR_SLOTS.COUNTER,\n})`\n  ${inheritTypographyFromSlot}\n  ${legacyProofStyleOverrides(PROGRESS_INDICATOR_SLOTS.COUNTER)}\n`;\n\nexport const StyledProgressBar = styled('div', {\n  name: DSProgressIndicatorName,\n  slot: PROGRESS_INDICATOR_SLOTS.PROGRESS_BAR,\n})`\n  ${legacyProofStyleOverrides(PROGRESS_INDICATOR_SLOTS.PROGRESS_BAR)}\n`;\n\nexport const StyledProgress = styled('div', {\n  name: DSProgressIndicatorName,\n  slot: PROGRESS_INDICATOR_SLOTS.PROGRESS,\n})`\n  ${legacyProofStyleOverrides(PROGRESS_INDICATOR_SLOTS.PROGRESS)}\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA4B;AAE5B,uBAAkE;AAqBlE,MAAM,oBAAoB;AAC1B,MAAM,mBAAmB;AAIzB,MAAM,cAAc,IAAI,YACtB,CAAC,GAAG,IAAI,IAAI,QAAQ,OAAO,OAAO,CAAa,CAAC,EAAE,KAAK,GAAG;AAErD,MAAM,sBAAsB,CAAC,aAAuB,oBACzD;AAAA,EACE;AAAA,EACA,GAAG,iBAAiB;AAAA,EACpB,YAAY,GAAG,iBAAiB;AAAA,EAChC,GAAG;AACL;AAEK,MAAM,yBAAyB,IAAI,oBACxC,YAAY,GAAG,iBAAiB,aAAa,GAAG,eAAe;AAE1D,MAAM,qBAAqB,IAAI,oBACpC,YAAY,kBAAkB,GAAG,eAAe;AAE3C,MAAM,0BAA0B,CAAC,YAAqB,oBAC3D;AAAA,EACE,GAAG,gBAAgB;AAAA,EACnB,GAAG,gBAAgB;AAAA,EACnB,WAAW,GAAG,gBAAgB,eAAe,OAAO;AAAA,EACpD,GAAG;AACL;AAuBF,MAAM,4BACJ,CAAC,SACD,CAAC,EAAE,MAAM,MAAsC;AAC7C,QAAM,YAAY,OAAO,aAAa,wCAAuB,GAAG,iBAAiB,IAAI;AACrF,SAAO,YACH;AAAA;AAAA,cAEM,SAAS;AAAA;AAAA,YAGf;AACN;AAmBF,MAAM,4BAA4B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgB3B,MAAM,kCAA8B,yBAAO,OAAO;AAAA,EACvD,MAAM;AAAA,EACN,MAAM,0CAAyB;AACjC,CAAC;AAEM,MAAM,YAAQ,yBAAO,QAAQ;AAAA,EAClC,MAAM;AAAA,EACN,MAAM,0CAAyB;AACjC,CAAC;AAAA;AAAA,IAEG,yBAAyB;AAAA,IACzB,0BAA0B,0CAAyB,KAAK,CAAC;AAAA;AAGtD,MAAM,qCAAiC,yBAAO,QAAQ;AAAA,EAC3D,MAAM;AAAA,EACN,MAAM,0CAAyB;AACjC,CAAC;AAAA,IACG,yBAAyB;AAAA,IACzB,0BAA0B,0CAAyB,OAAO,CAAC;AAAA;AAGxD,MAAM,wBAAoB,yBAAO,OAAO;AAAA,EAC7C,MAAM;AAAA,EACN,MAAM,0CAAyB;AACjC,CAAC;AAAA,IACG,0BAA0B,0CAAyB,YAAY,CAAC;AAAA;AAG7D,MAAM,qBAAiB,yBAAO,OAAO;AAAA,EAC1C,MAAM;AAAA,EACN,MAAM,0CAAyB;AACjC,CAAC;AAAA,IACG,0BAA0B,0CAAyB,QAAQ,CAAC;AAAA;",
   "names": []
 }

package/dist/cjs/typescript-testing/slot-props.js

@@ -0,0 +1,40 @@
+"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"));
+const SlotPropsAsObject = {
+  dsProgressindicatorRoot: { "aria-label": "just a typescript test" },
+  dsProgressindicatorTitle: { "aria-label": "just a typescript test" },
+  dsProgressindicatorCounter: { "aria-label": "just a typescript test" },
+  dsProgressindicatorProgressBar: { "aria-label": "just a typescript test" },
+  dsProgressindicatorProgress: { "aria-label": "just a typescript test" }
+};
+const SlotPropsAsFunctions = {
+  dsProgressindicatorRoot: () => ({ "aria-label": "just a typescript test" }),
+  dsProgressindicatorTitle: () => ({ "aria-label": "just a typescript test" }),
+  dsProgressindicatorCounter: () => ({ "aria-label": "just a typescript test" }),
+  dsProgressindicatorProgressBar: () => ({ "aria-label": "just a typescript test" }),
+  dsProgressindicatorProgress: () => ({ "aria-label": "just a typescript test" })
+};
+const EnsureAllSlotsExistInSlotFunctionArguments = SlotPropsAsFunctions;
+//# sourceMappingURL=slot-props.js.map

package/dist/cjs/typescript-testing/slot-props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/slot-props.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type { DSProgressIndicatorName, PROGRESS_INDICATOR_SLOTS } from '../constants/index.js';\nimport type { DSProgressIndicatorT } from '../react-desc-prop-types.js';\n\nconst SlotPropsAsObject: Partial<DSProgressIndicatorT.Props> = {\n  dsProgressindicatorRoot: { 'aria-label': 'just a typescript test' },\n  dsProgressindicatorTitle: { 'aria-label': 'just a typescript test' },\n  dsProgressindicatorCounter: { 'aria-label': 'just a typescript test' },\n  dsProgressindicatorProgressBar: { 'aria-label': 'just a typescript test' },\n  dsProgressindicatorProgress: { 'aria-label': 'just a typescript test' },\n};\n\nconst SlotPropsAsFunctions: DSProgressIndicatorT.SlotFunctionArguments = {\n  dsProgressindicatorRoot: () => ({ 'aria-label': 'just a typescript test' }),\n  dsProgressindicatorTitle: () => ({ 'aria-label': 'just a typescript test' }),\n  dsProgressindicatorCounter: () => ({ 'aria-label': 'just a typescript test' }),\n  dsProgressindicatorProgressBar: () => ({ 'aria-label': 'just a typescript test' }),\n  dsProgressindicatorProgress: () => ({ 'aria-label': 'just a typescript test' }),\n};\n\n// Exhaustiveness check \u2014 fails compilation if a slot is missing from SlotFunctionArguments\nconst EnsureAllSlotsExistInSlotFunctionArguments: Required<\n  TypescriptHelpersT.PropsForSlots<typeof DSProgressIndicatorName, typeof PROGRESS_INDICATOR_SLOTS>\n> = SlotPropsAsFunctions;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;ACKvB,MAAM,oBAAyD;AAAA,EAC7D,yBAAyB,EAAE,cAAc,yBAAyB;AAAA,EAClE,0BAA0B,EAAE,cAAc,yBAAyB;AAAA,EACnE,4BAA4B,EAAE,cAAc,yBAAyB;AAAA,EACrE,gCAAgC,EAAE,cAAc,yBAAyB;AAAA,EACzE,6BAA6B,EAAE,cAAc,yBAAyB;AACxE;AAEA,MAAM,uBAAmE;AAAA,EACvE,yBAAyB,OAAO,EAAE,cAAc,yBAAyB;AAAA,EACzE,0BAA0B,OAAO,EAAE,cAAc,yBAAyB;AAAA,EAC1E,4BAA4B,OAAO,EAAE,cAAc,yBAAyB;AAAA,EAC5E,gCAAgC,OAAO,EAAE,cAAc,yBAAyB;AAAA,EAChF,6BAA6B,OAAO,EAAE,cAAc,yBAAyB;AAC/E;AAGA,MAAM,6CAEF;",
+  "names": []
+}

package/dist/cjs/typescript-testing/typescript-progress-indicator-valid.js

@@ -28,7 +28,8 @@ var import__ = require("../index.js");
 const testOptionalProps = {
   containerProps: { "data-testid": "" },
   max: 100,
-  now: 10
+  now: 10,
+  variant: "success"
 };
 const ref = import_react.default.createRef();
 const testPartialDefaults = {
@@ -113,7 +114,8 @@ const ExampleUsageComponent = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)
       title: "",
       containerProps: {},
       max: 100,
-      now: 20
+      now: 20,
+      variant: "success"
     }
   )
 ] });

package/dist/cjs/typescript-testing/typescript-progress-indicator-valid.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-progress-indicator-valid.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport React from 'react';\nimport { DSProgressIndicator } from '../index.js';\nimport type { DSProgressIndicatorT } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSProgressIndicatorT.Props;\ntype ComponentPropsInternals = DSProgressIndicatorT.InternalProps;\ntype ComponentPropsDefaultProps = DSProgressIndicatorT.DefaultProps;\ntype ComponentPropsOptionalProps = DSProgressIndicatorT.OptionalProps;\n\nconst testOptionalProps: ComponentPropsOptionalProps = {\n  containerProps: { 'data-testid': '' },\n  max: 100,\n  now: 10,\n};\n\nconst ref = React.createRef();\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  disabled: false,\n  min: 0,\n  style: { border: '1px solid red' },\n};\n\nconst testProps: ComponentPropsForApp = {\n  ...testOptionalProps,\n  ...testPartialDefaults,\n};\n\nconst testPropsAsSyntax = {\n  ...testOptionalProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {\n  counterRenderer: () => '',\n  disabled: false,\n  innerRef: ref,\n  min: 0,\n  segments: [],\n  style: {},\n  title: '',\n};\n\nconst testInternalProps: ComponentPropsInternals = {\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n};\n\nconst testInternalPropsAsSyntax = {\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  counterRenderer: () => '',\n  disabled: false,\n  innerRef: ref,\n  min: 0,\n  segments: [],\n  style: {},\n  title: '',\n  containerProps: {},\n  max: 100,\n  now: 20,\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  counterRenderer: () => '',\n  disabled: false,\n  innerRef: ref,\n  min: 0,\n  segments: [],\n  style: {},\n  title: '',\n  containerProps: {},\n  max: 100,\n  now: 20,\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  counterRenderer: () => '',\n  disabled: false,\n  innerRef: ref,\n  min: 0,\n  segments: [],\n  style: {},\n  title: '',\n  containerProps: {},\n  max: 100,\n  now: 20,\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <DSProgressIndicator {...testExplicitDefinition} />\n    <DSProgressIndicator {...testInferedTypeCompatibility} />\n    <DSProgressIndicator {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <DSProgressIndicator\n      counterRenderer={() => ''}\n      disabled\n      innerRef={ref}\n      min={0}\n      segments={[]}\n      style={{}}\n      title=\"\"\n      containerProps={{}}\n      max={100}\n      now={20}\n    />\n  </>\n);\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;ACoGrB;AAnGF,mBAAkB;AAClB,eAAoC;AASpC,MAAM,oBAAiD;AAAA,EACrD,gBAAgB,EAAE,eAAe,GAAG;AAAA,EACpC,KAAK;AAAA,EACL,KAAK;AACP;AAEA,MAAM,MAAM,aAAAA,QAAM,UAAU;AAI5B,MAAM,sBAA2D;AAAA,EAC/D,UAAU;AAAA,EACV,KAAK;AAAA,EACL,OAAO,EAAE,QAAQ,gBAAgB;AACnC;AAEA,MAAM,YAAkC;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,uBAA6D;AAAA,EACjE,iBAAiB,MAAM;AAAA,EACvB,UAAU;AAAA,EACV,UAAU;AAAA,EACV,KAAK;AAAA,EACL,UAAU,CAAC;AAAA,EACX,OAAO,CAAC;AAAA,EACR,OAAO;AACT;AAEA,MAAM,oBAA6C;AAAA,EACjD,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,yBAA+C;AAAA,EACnD,iBAAiB,MAAM;AAAA,EACvB,UAAU;AAAA,EACV,UAAU;AAAA,EACV,KAAK;AAAA,EACL,UAAU,CAAC;AAAA,EACX,OAAO,CAAC;AAAA,EACR,OAAO;AAAA,EACP,gBAAgB,CAAC;AAAA,EACjB,KAAK;AAAA,EACL,KAAK;AACP;AAGA,MAAM,+BAA+B;AAAA,EACnC,iBAAiB,MAAM;AAAA,EACvB,UAAU;AAAA,EACV,UAAU;AAAA,EACV,KAAK;AAAA,EACL,UAAU,CAAC;AAAA,EACX,OAAO,CAAC;AAAA,EACR,OAAO;AAAA,EACP,gBAAgB,CAAC;AAAA,EACjB,KAAK;AAAA,EACL,KAAK;AACP;AAEA,MAAM,wBAAwB;AAAA,EAC5B,iBAAiB,MAAM;AAAA,EACvB,UAAU;AAAA,EACV,UAAU;AAAA,EACV,KAAK;AAAA,EACL,UAAU,CAAC;AAAA,EACX,OAAO,CAAC;AAAA,EACR,OAAO;AAAA,EACP,gBAAgB,CAAC;AAAA,EACjB,KAAK;AAAA,EACL,KAAK;AACP;AAEA,MAAM,wBAAwB,MAC5B,4EAEE;AAAA,8CAAC,gCAAqB,GAAG,wBAAwB;AAAA,EACjD,4CAAC,gCAAqB,GAAG,8BAA8B;AAAA,EACvD,4CAAC,gCAAqB,GAAG,uBAAuB;AAAA,EAEhD;AAAA,IAAC;AAAA;AAAA,MACC,iBAAiB,MAAM;AAAA,MACvB,UAAQ;AAAA,MACR,UAAU;AAAA,MACV,KAAK;AAAA,MACL,UAAU,CAAC;AAAA,MACX,OAAO,CAAC;AAAA,MACR,OAAM;AAAA,MACN,gBAAgB,CAAC;AAAA,MACjB,KAAK;AAAA,MACL,KAAK;AAAA;AAAA,EACP;AAAA,GACF;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport React from 'react';\nimport { DSProgressIndicator } from '../index.js';\nimport type { DSProgressIndicatorT } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSProgressIndicatorT.Props;\ntype ComponentPropsInternals = DSProgressIndicatorT.InternalProps;\ntype ComponentPropsDefaultProps = DSProgressIndicatorT.DefaultProps;\ntype ComponentPropsOptionalProps = DSProgressIndicatorT.OptionalProps;\n\nconst testOptionalProps: ComponentPropsOptionalProps = {\n  containerProps: { 'data-testid': '' },\n  max: 100,\n  now: 10,\n  variant: 'success',\n};\n\nconst ref = React.createRef();\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  disabled: false,\n  min: 0,\n  style: { border: '1px solid red' },\n};\n\nconst testProps: ComponentPropsForApp = {\n  ...testOptionalProps,\n  ...testPartialDefaults,\n};\n\nconst testPropsAsSyntax = {\n  ...testOptionalProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {\n  counterRenderer: () => '',\n  disabled: false,\n  innerRef: ref,\n  min: 0,\n  segments: [],\n  style: {},\n  title: '',\n};\n\nconst testInternalProps: ComponentPropsInternals = {\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n};\n\nconst testInternalPropsAsSyntax = {\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  counterRenderer: () => '',\n  disabled: false,\n  innerRef: ref,\n  min: 0,\n  segments: [],\n  style: {},\n  title: '',\n  containerProps: {},\n  max: 100,\n  now: 20,\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  counterRenderer: () => '',\n  disabled: false,\n  innerRef: ref,\n  min: 0,\n  segments: [],\n  style: {},\n  title: '',\n  containerProps: {},\n  max: 100,\n  now: 20,\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  counterRenderer: () => '',\n  disabled: false,\n  innerRef: ref,\n  min: 0,\n  segments: [],\n  style: {},\n  title: '',\n  containerProps: {},\n  max: 100,\n  now: 20,\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <DSProgressIndicator {...testExplicitDefinition} />\n    <DSProgressIndicator {...testInferedTypeCompatibility} />\n    <DSProgressIndicator {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <DSProgressIndicator\n      counterRenderer={() => ''}\n      disabled\n      innerRef={ref}\n      min={0}\n      segments={[]}\n      style={{}}\n      title=\"\"\n      containerProps={{}}\n      max={100}\n      now={20}\n      variant=\"success\"\n    />\n  </>\n);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;ACqGrB;AApGF,mBAAkB;AAClB,eAAoC;AASpC,MAAM,oBAAiD;AAAA,EACrD,gBAAgB,EAAE,eAAe,GAAG;AAAA,EACpC,KAAK;AAAA,EACL,KAAK;AAAA,EACL,SAAS;AACX;AAEA,MAAM,MAAM,aAAAA,QAAM,UAAU;AAI5B,MAAM,sBAA2D;AAAA,EAC/D,UAAU;AAAA,EACV,KAAK;AAAA,EACL,OAAO,EAAE,QAAQ,gBAAgB;AACnC;AAEA,MAAM,YAAkC;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,uBAA6D;AAAA,EACjE,iBAAiB,MAAM;AAAA,EACvB,UAAU;AAAA,EACV,UAAU;AAAA,EACV,KAAK;AAAA,EACL,UAAU,CAAC;AAAA,EACX,OAAO,CAAC;AAAA,EACR,OAAO;AACT;AAEA,MAAM,oBAA6C;AAAA,EACjD,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,yBAA+C;AAAA,EACnD,iBAAiB,MAAM;AAAA,EACvB,UAAU;AAAA,EACV,UAAU;AAAA,EACV,KAAK;AAAA,EACL,UAAU,CAAC;AAAA,EACX,OAAO,CAAC;AAAA,EACR,OAAO;AAAA,EACP,gBAAgB,CAAC;AAAA,EACjB,KAAK;AAAA,EACL,KAAK;AACP;AAGA,MAAM,+BAA+B;AAAA,EACnC,iBAAiB,MAAM;AAAA,EACvB,UAAU;AAAA,EACV,UAAU;AAAA,EACV,KAAK;AAAA,EACL,UAAU,CAAC;AAAA,EACX,OAAO,CAAC;AAAA,EACR,OAAO;AAAA,EACP,gBAAgB,CAAC;AAAA,EACjB,KAAK;AAAA,EACL,KAAK;AACP;AAEA,MAAM,wBAAwB;AAAA,EAC5B,iBAAiB,MAAM;AAAA,EACvB,UAAU;AAAA,EACV,UAAU;AAAA,EACV,KAAK;AAAA,EACL,UAAU,CAAC;AAAA,EACX,OAAO,CAAC;AAAA,EACR,OAAO;AAAA,EACP,gBAAgB,CAAC;AAAA,EACjB,KAAK;AAAA,EACL,KAAK;AACP;AAEA,MAAM,wBAAwB,MAC5B,4EAEE;AAAA,8CAAC,gCAAqB,GAAG,wBAAwB;AAAA,EACjD,4CAAC,gCAAqB,GAAG,8BAA8B;AAAA,EACvD,4CAAC,gCAAqB,GAAG,uBAAuB;AAAA,EAEhD;AAAA,IAAC;AAAA;AAAA,MACC,iBAAiB,MAAM;AAAA,MACvB,UAAQ;AAAA,MACR,UAAU;AAAA,MACV,KAAK;AAAA,MACL,UAAU,CAAC;AAAA,MACX,OAAO,CAAC;AAAA,MACR,OAAM;AAAA,MACN,gBAAgB,CAAC;AAAA,MACjB,KAAK;AAAA,MACL,KAAK;AAAA,MACL,SAAQ;AAAA;AAAA,EACV;AAAA,GACF;",
   "names": ["React"]
 }

package/dist/cjs/utils.js

@@ -28,11 +28,23 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var utils_exports = {};
 __export(utils_exports, {
-  getPercentage: () => getPercentage
+  clamp: () => clamp,
+  defaultCounterRenderer: () => defaultCounterRenderer,
+  getPercentage: () => getPercentage,
+  hasValidRange: () => hasValidRange
 });
 module.exports = __toCommonJS(utils_exports);
 var React = __toESM(require("react"));
+function hasValidRange(min, max) {
+  return typeof min === "number" && typeof max === "number" && Number.isFinite(min) && Number.isFinite(max) && max > min;
+}
+function clamp(value, lower, upper) {
+  if (!Number.isFinite(value)) return lower;
+  return Math.min(upper, Math.max(lower, value));
+}
 function getPercentage(now, min, max) {
-  return (now || min) / max * 100;
+  if (!hasValidRange(min, max)) return 0;
+  return clamp((now || min) / max * 100, 0, 100);
 }
+const defaultCounterRenderer = ({ now, max, min }) => `${min || now} of ${max}`;
 //# sourceMappingURL=utils.js.map

package/dist/cjs/utils.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/utils.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export function getPercentage(now: number, min: number, max: number): number {\n  return ((now || min) / max) * 100;\n}\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,SAAS,cAAc,KAAa,KAAa,KAAqB;AAC3E,UAAS,OAAO,OAAO,MAAO;AAChC;",
+  "sourcesContent": ["import type { DSProgressIndicatorT } from './react-desc-prop-types.js';\n\n/**\n * A determinate progress is only meaningful over a real range: `max` must be finite and greater than `min`.\n * The default `max` is `0`, so a consumer who omits it lands here \u2014 as does a legitimately dynamic `max` that\n * starts at zero while data loads. Both used to produce `width: NaN%` and an invalid ARIA range\n * (aria-valuemax equal to aria-valuemin). Callers treat an invalid range as an indeterminate progress. PUI-18672.\n */\nexport function hasValidRange(min: unknown, max: unknown): boolean {\n  // `unknown` on purpose: `max` is optional in the public contract, and a JS consumer can pass anything.\n  return (\n    typeof min === 'number' && typeof max === 'number' && Number.isFinite(min) && Number.isFinite(max) && max > min\n  );\n}\n\nexport function clamp(value: number, lower: number, upper: number): number {\n  if (!Number.isFinite(value)) return lower;\n  return Math.min(upper, Math.max(lower, value));\n}\n\n// The `(now || min) / max` formula is legacy and deliberately untouched: it renders exactly what a valid range\n// always rendered, `min` offsets included. Only two things are new \u2014 an invalid range yields 0 instead of NaN,\n// and the result is clamped so `now > max` can no longer push the fill past 100% of its track.\nexport function getPercentage(now: number, min: number, max: number): number {\n  if (!hasValidRange(min, max)) return 0;\n  return clamp(((now || min) / max) * 100, 0, 100);\n}\n\n// Single source of truth for the counter text. The visible counter renders it, and every progressbar mirrors\n// it through aria-valuetext, so the two can never drift apart. Note `min || now` reads min where it should\n// read now \u2014 a pre-existing defect tracked in KNOWN_INTENTIONAL_DEVIATIONS.md (deviation 4). It is kept here\n// deliberately: aria-valuetext must match what sighted users see, so when the renderer is fixed both update.\nexport const defaultCounterRenderer: DSProgressIndicatorT.DefaultRendererT = ({ now, max, min }) =>\n  `${min || now} of ${max}`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADQhB,SAAS,cAAc,KAAc,KAAuB;AAEjE,SACE,OAAO,QAAQ,YAAY,OAAO,QAAQ,YAAY,OAAO,SAAS,GAAG,KAAK,OAAO,SAAS,GAAG,KAAK,MAAM;AAEhH;AAEO,SAAS,MAAM,OAAe,OAAe,OAAuB;AACzE,MAAI,CAAC,OAAO,SAAS,KAAK,EAAG,QAAO;AACpC,SAAO,KAAK,IAAI,OAAO,KAAK,IAAI,OAAO,KAAK,CAAC;AAC/C;AAKO,SAAS,cAAc,KAAa,KAAa,KAAqB;AAC3E,MAAI,CAAC,cAAc,KAAK,GAAG,EAAG,QAAO;AACrC,SAAO,OAAQ,OAAO,OAAO,MAAO,KAAK,GAAG,GAAG;AACjD;AAMO,MAAM,yBAAgE,CAAC,EAAE,KAAK,KAAK,IAAI,MAC5F,GAAG,OAAO,GAAG,OAAO,GAAG;",
   "names": []
 }

package/dist/esm/DSProgressIndicator.js

@@ -1,52 +1,88 @@
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo } from "react";
-import { describe, PropTypes } from "@elliemae/ds-props-helpers";
+import { describe, useOwnerProps } from "@elliemae/ds-props-helpers";
+import { DSTypography, TYPOGRAPHY_VARIANTS } from "@elliemae/ds-typography";
 import Counter from "./ProgressCounter.js";
 import ProgressBar from "./ProgressBar.js";
-import { Wrapper } from "./classedComponents.js";
-import { Title } from "./styled.js";
-const DSProgressIndicator = ({
-  containerProps = {},
-  innerRef,
-  title = "",
-  counterRenderer,
-  now = 0,
-  min = 0,
-  max = 0,
-  disabled = false,
-  segments = [],
-  style = {}
-}) => {
+import { useProgressIndicator } from "./config/useProgressIndicator.js";
+import { legacyRootClassName, StyledProgressIndicatorRoot, Title } from "./styled.js";
+import { defaultCounterRenderer } from "./utils.js";
+import { DSProgressIndicatorPropTypesSchema } from "./react-desc-prop-types.js";
+const DSProgressIndicator = (props) => {
+  const { propsWithDefault, globalProps, titleId } = useProgressIndicator(props);
+  const { containerProps, innerRef, title, counterRenderer, now, min, max, disabled, segments, style, variant } = propsWithDefault;
+  const { getOwnerProps, getOwnerPropsArguments } = useOwnerProps(propsWithDefault);
+  const labelledBy = title ? titleId : void 0;
+  const valueRenderer = counterRenderer ?? defaultCounterRenderer;
   const renderProgressBar = useMemo(
-    () => segments.length ? /* @__PURE__ */ jsx(ProgressBar, { children: segments.map(
-      (segmentProps, i) => !(segmentProps.now < segmentProps.min) && /* @__PURE__ */ jsx(ProgressBar.Segment, { ...segmentProps }, i)
-    ) }) : /* @__PURE__ */ jsx(ProgressBar, { max, min, now }),
-    [segments, min, max, now]
+    () => segments.length ? /* @__PURE__ */ jsx(
+      ProgressBar,
+      {
+        valueTextRenderer: valueRenderer,
+        getOwnerProps,
+        getOwnerPropsArguments,
+        children: segments.map(
+          (segmentProps, i) => !(segmentProps.now < segmentProps.min) && /* @__PURE__ */ jsx(
+            ProgressBar.Segment,
+            {
+              ...segmentProps,
+              labelledBy,
+              valueTextRenderer: valueRenderer,
+              getOwnerProps,
+              getOwnerPropsArguments
+            },
+            i
+          )
+        )
+      }
+    ) : /* @__PURE__ */ jsx(
+      ProgressBar,
+      {
+        max,
+        min,
+        now,
+        variant,
+        labelledBy,
+        valueTextRenderer: valueRenderer,
+        getOwnerProps,
+        getOwnerPropsArguments
+      }
+    ),
+    [segments, min, max, now, variant, labelledBy, valueRenderer, getOwnerProps, getOwnerPropsArguments]
+  );
+  return /* @__PURE__ */ jsxs(
+    StyledProgressIndicatorRoot,
+    {
+      ...globalProps,
+      innerRef,
+      "aria-disabled": disabled,
+      ...containerProps,
+      className: legacyRootClassName(disabled, globalProps.className, containerProps?.className),
+      style,
+      getOwnerProps,
+      getOwnerPropsArguments,
+      children: [
+        /* @__PURE__ */ jsx(Title, { id: titleId, getOwnerProps, getOwnerPropsArguments, children: /* @__PURE__ */ jsx(DSTypography, { component: "span", variant: TYPOGRAPHY_VARIANTS.B4, children: title }) }),
+        /* @__PURE__ */ jsx(
+          Counter,
+          {
+            max,
+            min,
+            now,
+            renderer: valueRenderer,
+            getOwnerProps,
+            getOwnerPropsArguments
+          }
+        ),
+        renderProgressBar
+      ]
+    }
   );
-  return /* @__PURE__ */ jsxs(Wrapper, { ref: innerRef, "aria-disabled": disabled, classProps: { disabled }, ...containerProps, style, children: [
-    /* @__PURE__ */ jsx(Title, { children: title }),
-    /* @__PURE__ */ jsx(Counter, { max, min, now, renderer: counterRenderer }),
-    renderProgressBar
-  ] });
-};
-const variants = ["default", "success", "warning", "info", "error"];
-const progressIndicatorProps = {
-  containerProps: PropTypes.object.description("Set of Properties attached to the main container"),
-  innerRef: PropTypes.object.description("ref to the components container"),
-  title: PropTypes.string.description("components title"),
-  variant: PropTypes.oneOf(variants).description("Progress intent variation"),
-  now: PropTypes.number.description("Total current value"),
-  min: PropTypes.number.description("min value"),
-  max: PropTypes.number.description("max value"),
-  disabled: PropTypes.bool.description("Whether the progress indicator disabled or not").defaultValue(false),
-  counterRenderer: PropTypes.func.description("Render a custom counter"),
-  segments: PropTypes.array.description("An array of multiple progress objects"),
-  style: PropTypes.object.description("css inline style")
 };
 DSProgressIndicator.displayName = "DSProgressIndicator";
 const ProgressIndicatorWithSchema = describe(DSProgressIndicator);
-ProgressIndicatorWithSchema.propTypes = progressIndicatorProps;
+ProgressIndicatorWithSchema.propTypes = DSProgressIndicatorPropTypesSchema;
 DSProgressIndicator.ProgressBar = ProgressBar;
 var DSProgressIndicator_default = DSProgressIndicator;
 export {

package/dist/esm/DSProgressIndicator.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSProgressIndicator.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/no-array-index-key */\nimport React, { useMemo, type WeakValidationMap } from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-props-helpers';\nimport Counter from './ProgressCounter.js';\nimport ProgressBar from './ProgressBar.js';\nimport { Wrapper } from './classedComponents.js';\nimport { Title } from './styled.js';\nimport type { DSProgressIndicatorT } from './react-desc-prop-types.js';\n\nconst DSProgressIndicator = ({\n  containerProps = {},\n  innerRef,\n  title = '',\n  counterRenderer,\n  now = 0,\n  min = 0,\n  max = 0,\n  disabled = false,\n  segments = [],\n  style = {},\n}: DSProgressIndicatorT.Props) => {\n  const renderProgressBar = useMemo(\n    () =>\n      segments.length ? (\n        <ProgressBar>\n          {segments.map(\n            (segmentProps, i) =>\n              !(segmentProps.now < segmentProps.min) && <ProgressBar.Segment key={i} {...segmentProps} />,\n          )}\n        </ProgressBar>\n      ) : (\n        <ProgressBar max={max} min={min} now={now} />\n      ),\n    [segments, min, max, now],\n  );\n\n  return (\n    <Wrapper ref={innerRef} aria-disabled={disabled} classProps={{ disabled }} {...containerProps} style={style}>\n      <Title>{title}</Title>\n      <Counter max={max} min={min} now={now} renderer={counterRenderer} />\n      {renderProgressBar}\n    </Wrapper>\n  );\n};\n\nconst variants = ['default', 'success', 'warning', 'info', 'error'];\n\nconst progressIndicatorProps = {\n  containerProps: PropTypes.object.description('Set of Properties attached to the main container'),\n  innerRef: PropTypes.object.description('ref to the components container'),\n  title: PropTypes.string.description('components title'),\n  variant: PropTypes.oneOf(variants).description('Progress intent variation'),\n  now: PropTypes.number.description('Total current value'),\n  min: PropTypes.number.description('min value'),\n  max: PropTypes.number.description('max value'),\n  disabled: PropTypes.bool.description('Whether the progress indicator disabled or not').defaultValue(false),\n  counterRenderer: PropTypes.func.description('Render a custom counter'),\n  segments: PropTypes.array.description('An array of multiple progress objects'),\n  style: PropTypes.object.description('css inline style'),\n} as WeakValidationMap<unknown>;\n\nDSProgressIndicator.displayName = 'DSProgressIndicator';\nconst ProgressIndicatorWithSchema = describe(DSProgressIndicator);\nProgressIndicatorWithSchema.propTypes = progressIndicatorProps;\n\nDSProgressIndicator.ProgressBar = ProgressBar;\n\nexport { DSProgressIndicator, ProgressIndicatorWithSchema };\nexport default DSProgressIndicator;\n"],
-  "mappings": "AAAA,YAAY,WAAW;AC2BiC,cAUpD,YAVoD;AA1BxD,SAAgB,eAAuC;AACvD,SAAS,UAAU,iBAAiB;AACpC,OAAO,aAAa;AACpB,OAAO,iBAAiB;AACxB,SAAS,eAAe;AACxB,SAAS,aAAa;AAGtB,MAAM,sBAAsB,CAAC;AAAA,EAC3B,iBAAiB,CAAC;AAAA,EAClB;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,WAAW;AAAA,EACX,WAAW,CAAC;AAAA,EACZ,QAAQ,CAAC;AACX,MAAkC;AAChC,QAAM,oBAAoB;AAAA,IACxB,MACE,SAAS,SACP,oBAAC,eACE,mBAAS;AAAA,MACR,CAAC,cAAc,MACb,EAAE,aAAa,MAAM,aAAa,QAAQ,oBAAC,YAAY,SAAZ,EAA6B,GAAG,gBAAP,CAAqB;AAAA,IAC7F,GACF,IAEA,oBAAC,eAAY,KAAU,KAAU,KAAU;AAAA,IAE/C,CAAC,UAAU,KAAK,KAAK,GAAG;AAAA,EAC1B;AAEA,SACE,qBAAC,WAAQ,KAAK,UAAU,iBAAe,UAAU,YAAY,EAAE,SAAS,GAAI,GAAG,gBAAgB,OAC7F;AAAA,wBAAC,SAAO,iBAAM;AAAA,IACd,oBAAC,WAAQ,KAAU,KAAU,KAAU,UAAU,iBAAiB;AAAA,IACjE;AAAA,KACH;AAEJ;AAEA,MAAM,WAAW,CAAC,WAAW,WAAW,WAAW,QAAQ,OAAO;AAElE,MAAM,yBAAyB;AAAA,EAC7B,gBAAgB,UAAU,OAAO,YAAY,kDAAkD;AAAA,EAC/F,UAAU,UAAU,OAAO,YAAY,iCAAiC;AAAA,EACxE,OAAO,UAAU,OAAO,YAAY,kBAAkB;AAAA,EACtD,SAAS,UAAU,MAAM,QAAQ,EAAE,YAAY,2BAA2B;AAAA,EAC1E,KAAK,UAAU,OAAO,YAAY,qBAAqB;AAAA,EACvD,KAAK,UAAU,OAAO,YAAY,WAAW;AAAA,EAC7C,KAAK,UAAU,OAAO,YAAY,WAAW;AAAA,EAC7C,UAAU,UAAU,KAAK,YAAY,gDAAgD,EAAE,aAAa,KAAK;AAAA,EACzG,iBAAiB,UAAU,KAAK,YAAY,yBAAyB;AAAA,EACrE,UAAU,UAAU,MAAM,YAAY,uCAAuC;AAAA,EAC7E,OAAO,UAAU,OAAO,YAAY,kBAAkB;AACxD;AAEA,oBAAoB,cAAc;AAClC,MAAM,8BAA8B,SAAS,mBAAmB;AAChE,4BAA4B,YAAY;AAExC,oBAAoB,cAAc;AAGlC,IAAO,8BAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/no-array-index-key */\nimport React, { useMemo } from 'react';\nimport { describe, useOwnerProps } from '@elliemae/ds-props-helpers';\nimport { DSTypography, TYPOGRAPHY_VARIANTS } from '@elliemae/ds-typography';\nimport Counter from './ProgressCounter.js';\nimport ProgressBar from './ProgressBar.js';\nimport { useProgressIndicator } from './config/useProgressIndicator.js';\nimport { legacyRootClassName, StyledProgressIndicatorRoot, Title } from './styled.js';\nimport { defaultCounterRenderer } from './utils.js';\nimport { type DSProgressIndicatorT, DSProgressIndicatorPropTypesSchema } from './react-desc-prop-types.js';\n\nconst DSProgressIndicator = (props: DSProgressIndicatorT.Props) => {\n  const { propsWithDefault, globalProps, titleId } = useProgressIndicator(props);\n  const { containerProps, innerRef, title, counterRenderer, now, min, max, disabled, segments, style, variant } =\n    propsWithDefault;\n\n  const { getOwnerProps, getOwnerPropsArguments } = useOwnerProps<DSProgressIndicatorT.Props>(propsWithDefault);\n\n  // A titleless progress indicator has nothing to be labelled by, so the fallback aria-label is kept instead.\n  const labelledBy = title ? titleId : undefined;\n  // Resolved once so the visible counter and every progressbar's aria-valuetext share the exact same text.\n  const valueRenderer = counterRenderer ?? defaultCounterRenderer;\n\n  const renderProgressBar = useMemo(\n    () =>\n      segments.length ? (\n        <ProgressBar\n          valueTextRenderer={valueRenderer}\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        >\n          {segments.map(\n            (segmentProps, i) =>\n              !(segmentProps.now < segmentProps.min) && (\n                <ProgressBar.Segment\n                  key={i}\n                  {...segmentProps}\n                  labelledBy={labelledBy}\n                  valueTextRenderer={valueRenderer}\n                  getOwnerProps={getOwnerProps}\n                  getOwnerPropsArguments={getOwnerPropsArguments}\n                />\n              ),\n          )}\n        </ProgressBar>\n      ) : (\n        <ProgressBar\n          max={max}\n          min={min}\n          now={now}\n          // PUI-18677: documented since the props table existed, but was never forwarded. Undefined falls back to\n          // ProgressBar's own 'default', so an indicator without the prop renders exactly as before.\n          variant={variant}\n          labelledBy={labelledBy}\n          valueTextRenderer={valueRenderer}\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        />\n      ),\n    [segments, min, max, now, variant, labelledBy, valueRenderer, getOwnerProps, getOwnerPropsArguments],\n  );\n\n  return (\n    <StyledProgressIndicatorRoot\n      {...globalProps}\n      // the public innerRef contract is MutableRefObject<unknown>; the styled root is a div. Casting here\n      // keeps the published prop type unchanged rather than narrowing it on consumers.\n      innerRef={innerRef as React.RefObject<HTMLDivElement>}\n      // Inert for assistive technology: ARIA 1.2 supports aria-disabled on neither a roleless div nor a\n      // progressbar. Kept only because it is observable DOM that QA and consumer tests assert on \u2014 the disabled\n      // state reaches AT through text the consumer renders, see KNOWN_INTENTIONAL_DEVIATIONS.md #8 (PUI-18676).\n      aria-disabled={disabled}\n      {...containerProps}\n      // after the spreads on purpose: aggregatedClasses used to append a consumer className to the legacy\n      // contract rather than let it replace them, and that ordering is part of the compatibility surface\n      className={legacyRootClassName(disabled, globalProps.className, containerProps?.className)}\n      style={style}\n      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n    >\n      <Title id={titleId} getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments}>\n        {/* span, not the variant's default <p>: this sits inside an inline slot and must stay phrasing content */}\n        <DSTypography component=\"span\" variant={TYPOGRAPHY_VARIANTS.B4}>\n          {title}\n        </DSTypography>\n      </Title>\n      <Counter\n        max={max}\n        min={min}\n        now={now}\n        renderer={valueRenderer}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      />\n      {renderProgressBar}\n    </StyledProgressIndicatorRoot>\n  );\n};\n\nDSProgressIndicator.displayName = 'DSProgressIndicator';\nconst ProgressIndicatorWithSchema = describe(DSProgressIndicator);\nProgressIndicatorWithSchema.propTypes = DSProgressIndicatorPropTypesSchema;\n\nDSProgressIndicator.ProgressBar = ProgressBar;\n\nexport { DSProgressIndicator, ProgressIndicatorWithSchema };\nexport default DSProgressIndicator;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACkCP,cA6BZ,YA7BY;AAjChB,SAAgB,eAAe;AAC/B,SAAS,UAAU,qBAAqB;AACxC,SAAS,cAAc,2BAA2B;AAClD,OAAO,aAAa;AACpB,OAAO,iBAAiB;AACxB,SAAS,4BAA4B;AACrC,SAAS,qBAAqB,6BAA6B,aAAa;AACxE,SAAS,8BAA8B;AACvC,SAAoC,0CAA0C;AAE9E,MAAM,sBAAsB,CAAC,UAAsC;AACjE,QAAM,EAAE,kBAAkB,aAAa,QAAQ,IAAI,qBAAqB,KAAK;AAC7E,QAAM,EAAE,gBAAgB,UAAU,OAAO,iBAAiB,KAAK,KAAK,KAAK,UAAU,UAAU,OAAO,QAAQ,IAC1G;AAEF,QAAM,EAAE,eAAe,uBAAuB,IAAI,cAA0C,gBAAgB;AAG5G,QAAM,aAAa,QAAQ,UAAU;AAErC,QAAM,gBAAgB,mBAAmB;AAEzC,QAAM,oBAAoB;AAAA,IACxB,MACE,SAAS,SACP;AAAA,MAAC;AAAA;AAAA,QACC,mBAAmB;AAAA,QACnB;AAAA,QACA;AAAA,QAEC,mBAAS;AAAA,UACR,CAAC,cAAc,MACb,EAAE,aAAa,MAAM,aAAa,QAChC;AAAA,YAAC,YAAY;AAAA,YAAZ;AAAA,cAEE,GAAG;AAAA,cACJ;AAAA,cACA,mBAAmB;AAAA,cACnB;AAAA,cACA;AAAA;AAAA,YALK;AAAA,UAMP;AAAA,QAEN;AAAA;AAAA,IACF,IAEA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QAGA;AAAA,QACA;AAAA,QACA,mBAAmB;AAAA,QACnB;AAAA,QACA;AAAA;AAAA,IACF;AAAA,IAEJ,CAAC,UAAU,KAAK,KAAK,KAAK,SAAS,YAAY,eAAe,eAAe,sBAAsB;AAAA,EACrG;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MAGJ;AAAA,MAIA,iBAAe;AAAA,MACd,GAAG;AAAA,MAGJ,WAAW,oBAAoB,UAAU,YAAY,WAAW,gBAAgB,SAAS;AAAA,MACzF;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,4BAAC,SAAM,IAAI,SAAS,eAA8B,wBAEhD,8BAAC,gBAAa,WAAU,QAAO,SAAS,oBAAoB,IACzD,iBACH,GACF;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA,UAAU;AAAA,YACV;AAAA,YACA;AAAA;AAAA,QACF;AAAA,QACC;AAAA;AAAA;AAAA,EACH;AAEJ;AAEA,oBAAoB,cAAc;AAClC,MAAM,8BAA8B,SAAS,mBAAmB;AAChE,4BAA4B,YAAY;AAExC,oBAAoB,cAAc;AAGlC,IAAO,8BAAQ;",
   "names": []
 }