@elliemae/ds-progress-indicator 3.80.0-next.5 → 3.80.0-next.8

package/dist/esm/config/useProgressIndicator.js

@@ -0,0 +1,37 @@
+import * as React from "react";
+import React2 from "react";
+import { useGetGlobalAttributes, useMemoMergePropsWithDefault } from "@elliemae/ds-props-helpers";
+import { DSProgressIndicatorPropTypes, defaultProps } from "../react-desc-prop-types.js";
+import { useValidateProps } from "./useValidateProps.js";
+import { hasValidRange } from "../utils.js";
+import { DSProgressIndicatorName } from "../constants/index.js";
+const useProgressIndicator = (propsFromUser) => {
+  const propsWithDefault = useMemoMergePropsWithDefault(
+    propsFromUser,
+    defaultProps
+  );
+  useValidateProps(propsWithDefault, DSProgressIndicatorPropTypes);
+  const { title, style, min, max, disabled, ...globalPropsWithoutConsumedKeywords } = propsWithDefault;
+  const globalProps = useGetGlobalAttributes(globalPropsWithoutConsumedKeywords);
+  const reactId = React2.useId();
+  const titleId = `ds-progress-indicator-title-${reactId}`;
+  React2.useEffect(() => {
+    if (!hasValidRange(min, max)) {
+      console.warn(
+        `Warning: ${DSProgressIndicatorName}:: "max" must be a finite number greater than "min" (received min=${String(min)}, max=${String(max)}). A determinate progress cannot be computed, so the progressbar is rendered as indeterminate.`
+      );
+    }
+  }, [min, max]);
+  return React2.useMemo(
+    () => ({
+      propsWithDefault,
+      globalProps,
+      titleId
+    }),
+    [propsWithDefault, globalProps, titleId]
+  );
+};
+export {
+  useProgressIndicator
+};
+//# sourceMappingURL=useProgressIndicator.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useProgressIndicator.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { useGetGlobalAttributes, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport type { ValidationMap } from '@elliemae/ds-props-helpers';\nimport { type DSProgressIndicatorT, DSProgressIndicatorPropTypes, defaultProps } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\nimport { hasValidRange } from '../utils.js';\nimport { DSProgressIndicatorName } from '../constants/index.js';\n\nexport interface ProgressIndicatorCTX {\n  propsWithDefault: DSProgressIndicatorT.InternalProps;\n  globalProps: ReturnType<typeof useGetGlobalAttributes>;\n  titleId: string;\n}\n\nexport const useProgressIndicator = (propsFromUser: DSProgressIndicatorT.Props): ProgressIndicatorCTX => {\n  // =============================================================================\n  // MERGE WITH DEFAULT AND VALIDATE PROPS\n  // =============================================================================\n  const propsWithDefault = useMemoMergePropsWithDefault<DSProgressIndicatorT.InternalProps>(\n    propsFromUser,\n    defaultProps as unknown as Partial<DSProgressIndicatorT.InternalProps>,\n  );\n  useValidateProps(propsWithDefault, DSProgressIndicatorPropTypes as unknown as ValidationMap<unknown>);\n  // =============================================================================\n  // GLOBAL ATTRIBUTES\n  // =============================================================================\n  // These five props are consumed by this component but are also HTML global attributes, so spreading them\n  // onto the root would emit attributes the component has never rendered: `title` would add a native browser\n  // tooltip, `min`/`max`/`disabled` are not even valid on a div, and `style` is forwarded explicitly further\n  // down. Everything else still flows through so consumers can reach the root with id/className/data-*/aria-*.\n  const { title, style, min, max, disabled, ...globalPropsWithoutConsumedKeywords } = propsWithDefault;\n  const globalProps = useGetGlobalAttributes(globalPropsWithoutConsumedKeywords);\n  // =============================================================================\n  // AD HOC PER COMPONENT LOGIC\n  // =============================================================================\n  // The progressbar takes its accessible name from the visible title via aria-labelledby, which needs a\n  // stable unique id per instance. See the Accessibility Expert Validation doc for this component.\n  const reactId = React.useId();\n  const titleId = `ds-progress-indicator-title-${reactId}`;\n\n  // `max` is functionally required for a determinate progress but stays optional in the public contract \u2014 making\n  // it required would break every consumer that omits it today, at compile time for TS users and at render time\n  // for JS users (PropTypes `isRequired` throws). So an invalid range renders safely as an indeterminate\n  // progressbar, and this is the signal the consumer gets instead: a dev-only warning, once per range. It is\n  // step 1 of the breaking-change protocol should `max` ever become required. PUI-18672.\n  React.useEffect(() => {\n    if (process.env.NODE_ENV !== 'production' && !hasValidRange(min, max)) {\n      // eslint-disable-next-line no-console\n      console.warn(\n        `Warning: ${DSProgressIndicatorName}:: \"max\" must be a finite number greater than \"min\" (received min=${String(min)}, max=${String(max)}). A determinate progress cannot be computed, so the progressbar is rendered as indeterminate.`,\n      );\n    }\n  }, [min, max]);\n\n  return React.useMemo(\n    () => ({\n      propsWithDefault,\n      globalProps,\n      titleId,\n    }),\n    [propsWithDefault, globalProps, titleId],\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB,SAAS,wBAAwB,oCAAoC;AAErE,SAAoC,8BAA8B,oBAAoB;AACtF,SAAS,wBAAwB;AACjC,SAAS,qBAAqB;AAC9B,SAAS,+BAA+B;AAQjC,MAAM,uBAAuB,CAAC,kBAAoE;AAIvG,QAAM,mBAAmB;AAAA,IACvB;AAAA,IACA;AAAA,EACF;AACA,mBAAiB,kBAAkB,4BAAiE;AAQpG,QAAM,EAAE,OAAO,OAAO,KAAK,KAAK,UAAU,GAAG,mCAAmC,IAAI;AACpF,QAAM,cAAc,uBAAuB,kCAAkC;AAM7E,QAAM,UAAUA,OAAM,MAAM;AAC5B,QAAM,UAAU,+BAA+B,OAAO;AAOtD,EAAAA,OAAM,UAAU,MAAM;AACpB,QAA6C,CAAC,cAAc,KAAK,GAAG,GAAG;AAErE,cAAQ;AAAA,QACN,YAAY,uBAAuB,qEAAqE,OAAO,GAAG,CAAC,SAAS,OAAO,GAAG,CAAC;AAAA,MACzI;AAAA,IACF;AAAA,EACF,GAAG,CAAC,KAAK,GAAG,CAAC;AAEb,SAAOA,OAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,kBAAkB,aAAa,OAAO;AAAA,EACzC;AACF;",
+  "names": ["React"]
+}

package/dist/esm/config/useValidateProps.js

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { useValidateTypescriptPropTypes } from "@elliemae/ds-props-helpers";
+import { DSProgressIndicatorName } from "../constants/index.js";
+const useValidateProps = (props, propTypes) => {
+  useValidateTypescriptPropTypes(props, propTypes, DSProgressIndicatorName);
+};
+export {
+  useValidateProps
+};
+//# sourceMappingURL=useValidateProps.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useValidateProps.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport type { ValidationMap } from '@elliemae/ds-props-helpers';\nimport { type DSProgressIndicatorT } from '../react-desc-prop-types.js';\nimport { DSProgressIndicatorName } from '../constants/index.js';\n\nexport const useValidateProps = (\n  props: DSProgressIndicatorT.InternalProps,\n  propTypes: ValidationMap<unknown>,\n): void => {\n  useValidateTypescriptPropTypes(props, propTypes, DSProgressIndicatorName);\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,sCAAsC;AAG/C,SAAS,+BAA+B;AAEjC,MAAM,mBAAmB,CAC9B,OACA,cACS;AACT,iCAA+B,OAAO,WAAW,uBAAuB;AAC1E;",
+  "names": []
+}

package/dist/esm/constants/index.js

@@ -0,0 +1,20 @@
+import * as React from "react";
+import { slotObjectToDataTestIds } from "@elliemae/ds-system";
+const DSProgressIndicatorName = "DSProgressindicator";
+const PROGRESS_INDICATOR_SLOTS = {
+  ROOT: "root",
+  TITLE: "title",
+  COUNTER: "counter",
+  PROGRESS_BAR: "progress-bar",
+  PROGRESS: "progress"
+};
+const PROGRESS_INDICATOR_DATA_TESTID = slotObjectToDataTestIds(
+  DSProgressIndicatorName,
+  PROGRESS_INDICATOR_SLOTS
+);
+export {
+  DSProgressIndicatorName,
+  PROGRESS_INDICATOR_DATA_TESTID,
+  PROGRESS_INDICATOR_SLOTS
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/constants/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/constants/index.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSProgressIndicatorName = 'DSProgressindicator';\n\n// we are naming this with the ${component_name}_slots convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const PROGRESS_INDICATOR_SLOTS = {\n  ROOT: 'root',\n  TITLE: 'title',\n  COUNTER: 'counter',\n  PROGRESS_BAR: 'progress-bar',\n  PROGRESS: 'progress',\n} as const;\n\n// we are naming this with the ${component_name}_data_testid convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const PROGRESS_INDICATOR_DATA_TESTID = slotObjectToDataTestIds(\n  DSProgressIndicatorName,\n  PROGRESS_INDICATOR_SLOTS,\n);\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,+BAA+B;AAEjC,MAAM,0BAA0B;AAGhC,MAAM,2BAA2B;AAAA,EACtC,MAAM;AAAA,EACN,OAAO;AAAA,EACP,SAAS;AAAA,EACT,cAAc;AAAA,EACd,UAAU;AACZ;AAGO,MAAM,iCAAiC;AAAA,EAC5C;AAAA,EACA;AACF;",
+  "names": []
+}

package/dist/esm/index.js

@@ -1,3 +1,15 @@
 import * as React from "react";
-export * from "./DSProgressIndicator.js";
+import { DSProgressIndicator, ProgressIndicatorWithSchema } from "./DSProgressIndicator.js";
+import {
+  DSProgressIndicatorName,
+  PROGRESS_INDICATOR_SLOTS,
+  PROGRESS_INDICATOR_DATA_TESTID
+} from "./constants/index.js";
+export {
+  DSProgressIndicator,
+  DSProgressIndicatorName,
+  PROGRESS_INDICATOR_DATA_TESTID,
+  PROGRESS_INDICATOR_SLOTS,
+  ProgressIndicatorWithSchema
+};
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSProgressIndicator.js';\nexport { type DSProgressIndicatorT } from './react-desc-prop-types.js';\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { DSProgressIndicator, ProgressIndicatorWithSchema } from './DSProgressIndicator.js';\nexport { type DSProgressIndicatorT } from './react-desc-prop-types.js';\nexport {\n  DSProgressIndicatorName,\n  PROGRESS_INDICATOR_SLOTS,\n  PROGRESS_INDICATOR_DATA_TESTID,\n} from './constants/index.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,qBAAqB,mCAAmC;AAEjE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;",
   "names": []
 }

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

@@ -1,2 +1,48 @@
 import * as React from "react";
+import { PropTypes, getPropsPerSlotPropTypes, globalAttributesPropTypes } from "@elliemae/ds-props-helpers";
+import { DSProgressIndicatorName, PROGRESS_INDICATOR_SLOTS } from "./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 = {
+  ...getPropsPerSlotPropTypes(DSProgressIndicatorName, PROGRESS_INDICATOR_SLOTS),
+  ...globalAttributesPropTypes,
+  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. 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: PropTypes.bool.description("Whether the progress indicator disabled or not").defaultValue(false),
+  counterRenderer: PropTypes.func.description("Render a custom counter"),
+  segments: PropTypes.arrayOf(
+    PropTypes.shape({
+      min: PropTypes.number,
+      max: PropTypes.number,
+      now: PropTypes.number,
+      variant: PropTypes.oneOf(variants),
+      label: 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: PropTypes.object.description("css inline style")
+};
+const DSProgressIndicatorPropTypesSchema = DSProgressIndicatorPropTypes;
+export {
+  DSProgressIndicatorPropTypes,
+  DSProgressIndicatorPropTypesSchema,
+  defaultProps
+};
 //# sourceMappingURL=react-desc-prop-types.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
-  "mappings": "AAAA,YAAY,WAAW;",
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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\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\n// `variant` is documented in the props table but the component neither accepts nor forwards it \u2014 it is absent\n// from `Props` on purpose so the TypeScript surface stays exactly as published. Removing it from the schema\n// would drop a documented prop from the portal; implementing it would change bar colours for anyone already\n// passing it. Both are out of scope here \u2014 tracked in KNOWN_INTENTIONAL_DEVIATIONS.md.\ntype DocumentedPropsSurface = DSProgressIndicatorT.Props & { variant?: DSProgressIndicatorT.VariantT };\n\nexport const DSProgressIndicatorPropTypes: DSPropTypesSchema<DocumentedPropsSurface> = {\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('Progress intent variation'),\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"],
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,WAAW,0BAA0B,iCAAiC;AAE/E,SAAS,yBAAyB,gCAAgC;AAoE3D,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;AAQ5F,MAAM,+BAA0E;AAAA,EACrF,GAAG,yBAAyB,yBAAyB,wBAAwB;AAAA,EAC7E,GAAG;AAAA,EAEH,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;AAAA,IACpB;AAAA,EACF;AAAA,EACA,UAAU,UAAU,KAAK,YAAY,gDAAgD,EAAE,aAAa,KAAK;AAAA,EACzG,iBAAiB,UAAU,KAAK,YAAY,yBAAyB;AAAA,EACrE,UAAU,UAAU;AAAA,IAClB,UAAU,MAAM;AAAA,MACd,KAAK,UAAU;AAAA,MACf,KAAK,UAAU;AAAA,MACf,KAAK,UAAU;AAAA,MACf,SAAS,UAAU,MAAM,QAAQ;AAAA,MACjC,OAAO,UAAU;AAAA,IACnB,CAAC;AAAA,EACH,EAAE;AAAA,IACA;AAAA,EACF;AAAA,EACA,OAAO,UAAU,OAAO,YAAY,kBAAkB;AACxD;AAEO,MAAM,qCACX;",
   "names": []
 }

package/dist/esm/styled.js

@@ -1,9 +1,54 @@
 import * as React from "react";
 import { styled } from "@elliemae/ds-system";
-const Title = styled.span`
+import { DSProgressIndicatorName, PROGRESS_INDICATOR_SLOTS } from "./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 StyledProgressIndicatorRoot = styled("div", {
+  name: DSProgressIndicatorName,
+  slot: PROGRESS_INDICATOR_SLOTS.ROOT
+})``;
+const Title = styled("span", {
+  name: DSProgressIndicatorName,
+  slot: PROGRESS_INDICATOR_SLOTS.TITLE
+})`
   grid-area: title;
 `;
+const StyledProgressIndicatorCounter = styled("span", {
+  name: DSProgressIndicatorName,
+  slot: PROGRESS_INDICATOR_SLOTS.COUNTER
+})``;
+const StyledProgressBar = styled("div", {
+  name: DSProgressIndicatorName,
+  slot: PROGRESS_INDICATOR_SLOTS.PROGRESS_BAR
+})``;
+const StyledProgress = styled("div", {
+  name: DSProgressIndicatorName,
+  slot: PROGRESS_INDICATOR_SLOTS.PROGRESS
+})``;
 export {
-  Title
+  StyledProgress,
+  StyledProgressBar,
+  StyledProgressIndicatorCounter,
+  StyledProgressIndicatorRoot,
+  Title,
+  legacyBarClassName,
+  legacyCounterClassName,
+  legacyProgressClassName,
+  legacyRootClassName
 };
 //# sourceMappingURL=styled.js.map

package/dist/esm/styled.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/styled.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\n\nexport const Title = styled.span`\n  grid-area: title;\n`;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,cAAc;AAEhB,MAAM,QAAQ,OAAO;AAAA;AAAA;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\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// 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`;\n\nexport const StyledProgressIndicatorCounter = styled('span', {\n  name: DSProgressIndicatorName,\n  slot: PROGRESS_INDICATOR_SLOTS.COUNTER,\n})``;\n\nexport const StyledProgressBar = styled('div', {\n  name: DSProgressIndicatorName,\n  slot: PROGRESS_INDICATOR_SLOTS.PROGRESS_BAR,\n})``;\n\nexport const StyledProgress = styled('div', {\n  name: DSProgressIndicatorName,\n  slot: PROGRESS_INDICATOR_SLOTS.PROGRESS,\n})``;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,cAAc;AACvB,SAAS,yBAAyB,gCAAgC;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;AAMK,MAAM,8BAA8B,OAAO,OAAO;AAAA,EACvD,MAAM;AAAA,EACN,MAAM,yBAAyB;AACjC,CAAC;AAEM,MAAM,QAAQ,OAAO,QAAQ;AAAA,EAClC,MAAM;AAAA,EACN,MAAM,yBAAyB;AACjC,CAAC;AAAA;AAAA;AAIM,MAAM,iCAAiC,OAAO,QAAQ;AAAA,EAC3D,MAAM;AAAA,EACN,MAAM,yBAAyB;AACjC,CAAC;AAEM,MAAM,oBAAoB,OAAO,OAAO;AAAA,EAC7C,MAAM;AAAA,EACN,MAAM,yBAAyB;AACjC,CAAC;AAEM,MAAM,iBAAiB,OAAO,OAAO;AAAA,EAC1C,MAAM;AAAA,EACN,MAAM,yBAAyB;AACjC,CAAC;",
   "names": []
 }

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

@@ -0,0 +1,17 @@
+import * as React from "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/esm/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,YAAY,WAAW;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/esm/utils.js

@@ -1,8 +1,20 @@
 import * as React from "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}`;
 export {
-  getPercentage
+  clamp,
+  defaultCounterRenderer,
+  getPercentage,
+  hasValidRange
 };
 //# sourceMappingURL=utils.js.map

package/dist/esm/utils.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/utils.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export function getPercentage(now: number, min: number, max: number): number {\n  return ((now || min) / max) * 100;\n}\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAhB,SAAS,cAAc,KAAa,KAAa,KAAqB;AAC3E,UAAS,OAAO,OAAO,MAAO;AAChC;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA,YAAY,WAAW;ACQhB,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/types/DSProgressIndicator.d.ts

@@ -1,21 +1,32 @@
 import React from 'react';
-import type { DSProgressIndicatorT } from './react-desc-prop-types.js';
+import { type DSProgressIndicatorT } from './react-desc-prop-types.js';
 declare const DSProgressIndicator: {
-    ({ containerProps, innerRef, title, counterRenderer, now, min, max, disabled, segments, style, }: DSProgressIndicatorT.Props): React.JSX.Element;
+    (props: DSProgressIndicatorT.Props): React.JSX.Element;
     displayName: string;
     ProgressBar: {
-        ({ variant, now, min, max, children: progressSegments, }: {
+        ({ variant, now, min, max, labelledBy, valueTextRenderer, children: progressSegments, getOwnerProps, getOwnerPropsArguments, }: {
             variant?: string;
             now?: number;
             min?: number;
             max?: number;
+            labelledBy?: string;
             children?: React.ReactNode;
+            valueTextRenderer?: DSProgressIndicatorT.DefaultRendererT;
+        } & {
+            getOwnerProps?: () => object;
+            getOwnerPropsArguments?: () => object;
         }): React.JSX.Element;
         Segment: (props: {
             variant: string;
             now?: number;
             min?: number;
             max?: number;
+            labelledBy?: string;
+            label?: string;
+            valueTextRenderer?: DSProgressIndicatorT.DefaultRendererT;
+        } & {
+            getOwnerProps?: () => object;
+            getOwnerPropsArguments?: () => object;
         }) => React.JSX.Element;
     };
 };

package/dist/types/ProgressBar.d.ts

@@ -1,17 +1,27 @@
 import React from 'react';
+import type { DSProgressIndicatorT } from './react-desc-prop-types.js';
+type OwnerPropsPassthrough = {
+    getOwnerProps?: () => object;
+    getOwnerPropsArguments?: () => object;
+};
 declare const ProgressBar: {
-    ({ variant, now, min, max, children: progressSegments, }: {
+    ({ variant, now, min, max, labelledBy, valueTextRenderer, children: progressSegments, getOwnerProps, getOwnerPropsArguments, }: {
         variant?: string;
         now?: number;
         min?: number;
         max?: number;
+        labelledBy?: string;
         children?: React.ReactNode;
-    }): React.JSX.Element;
+        valueTextRenderer?: DSProgressIndicatorT.DefaultRendererT;
+    } & OwnerPropsPassthrough): React.JSX.Element;
     Segment: (props: {
         variant: string;
         now?: number;
         min?: number;
         max?: number;
-    }) => React.JSX.Element;
+        labelledBy?: string;
+        label?: string;
+        valueTextRenderer?: DSProgressIndicatorT.DefaultRendererT;
+    } & OwnerPropsPassthrough) => React.JSX.Element;
 };
 export default ProgressBar;

package/dist/types/ProgressCounter.d.ts

@@ -1,6 +1,8 @@
 import React from 'react';
 import type { DSProgressIndicatorT } from './react-desc-prop-types.js';
-declare const ProgressCounter: ({ now, max, min, renderer, }: DSProgressIndicatorT.PercentageT & {
+declare const ProgressCounter: ({ now, max, min, renderer, getOwnerProps, getOwnerPropsArguments, }: Partial<DSProgressIndicatorT.PercentageT> & {
     renderer?: DSProgressIndicatorT.DefaultRendererT;
+    getOwnerProps?: () => object;
+    getOwnerPropsArguments?: () => object;
 }) => React.JSX.Element;
 export default ProgressCounter;

package/dist/types/config/useProgressIndicator.d.ts

@@ -0,0 +1,8 @@
+import { useGetGlobalAttributes } from '@elliemae/ds-props-helpers';
+import { type DSProgressIndicatorT } from '../react-desc-prop-types.js';
+export interface ProgressIndicatorCTX {
+    propsWithDefault: DSProgressIndicatorT.InternalProps;
+    globalProps: ReturnType<typeof useGetGlobalAttributes>;
+    titleId: string;
+}
+export declare const useProgressIndicator: (propsFromUser: DSProgressIndicatorT.Props) => ProgressIndicatorCTX;

package/dist/types/config/useValidateProps.d.ts

@@ -0,0 +1,3 @@
+import type { ValidationMap } from '@elliemae/ds-props-helpers';
+import { type DSProgressIndicatorT } from '../react-desc-prop-types.js';
+export declare const useValidateProps: (props: DSProgressIndicatorT.InternalProps, propTypes: ValidationMap<unknown>) => void;

package/dist/types/constants/index.d.ts

@@ -0,0 +1,15 @@
+export declare const DSProgressIndicatorName = "DSProgressindicator";
+export declare const PROGRESS_INDICATOR_SLOTS: {
+    readonly ROOT: "root";
+    readonly TITLE: "title";
+    readonly COUNTER: "counter";
+    readonly PROGRESS_BAR: "progress-bar";
+    readonly PROGRESS: "progress";
+};
+export declare const PROGRESS_INDICATOR_DATA_TESTID: {
+    readonly ROOT: "ds-progressindicator-root";
+    readonly TITLE: "ds-progressindicator-title";
+    readonly COUNTER: "ds-progressindicator-counter";
+    readonly PROGRESS_BAR: "ds-progressindicator-progress-bar";
+    readonly PROGRESS: "ds-progressindicator-progress";
+};

package/dist/types/index.d.ts

@@ -1,2 +1,3 @@
-export * from './DSProgressIndicator.js';
+export { DSProgressIndicator, ProgressIndicatorWithSchema } from './DSProgressIndicator.js';
 export { type DSProgressIndicatorT } from './react-desc-prop-types.js';
+export { DSProgressIndicatorName, PROGRESS_INDICATOR_SLOTS, PROGRESS_INDICATOR_DATA_TESTID, } from './constants/index.js';

package/dist/types/react-desc-prop-types.d.ts

@@ -1,3 +1,6 @@
+import type { DSPropTypesSchema, GlobalAttributesT, ValidationMap } from '@elliemae/ds-props-helpers';
+import { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';
+import { DSProgressIndicatorName, PROGRESS_INDICATOR_SLOTS } from './constants/index.js';
 export declare namespace DSProgressIndicatorT {
     type PercentageT = {
         min: number;
@@ -12,6 +15,18 @@ export declare namespace DSProgressIndicatorT {
         max: number;
         now: number;
         variant: VariantT;
+        /**
+         * Accessible name for this specific segment. Without it every segment inherits the same name from the
+         * indicator title, so segments are told apart only by their variant colour. See PUI-18942.
+         */
+        label?: string;
+    };
+    type SlotFunctionArguments = {
+        dsProgressindicatorRoot: () => object;
+        dsProgressindicatorTitle: () => object;
+        dsProgressindicatorCounter: () => object;
+        dsProgressindicatorProgressBar: () => object;
+        dsProgressindicatorProgress: () => object;
     };
     interface DefaultProps {
         title: string;
@@ -22,15 +37,31 @@ export declare namespace DSProgressIndicatorT {
         segments: SegmentsT[] | readonly SegmentsT[];
         style: object;
     }
-    interface OptionalProps {
+    interface OptionalProps extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSProgressIndicatorName, typeof PROGRESS_INDICATOR_SLOTS> {
         containerProps?: {
             [key: string]: string;
         };
         now?: number;
         max?: number;
     }
-    interface Props extends Partial<DefaultProps>, OptionalProps {
+    interface Props extends Partial<DefaultProps>, OptionalProps, Omit<GlobalAttributesT<HTMLElement>, keyof DefaultProps | keyof OptionalProps> {
     }
-    interface InternalProps extends DefaultProps, OptionalProps {
+    interface InternalProps extends DefaultProps, OptionalProps, Omit<GlobalAttributesT<HTMLElement>, keyof DefaultProps | keyof OptionalProps> {
     }
 }
+export declare const defaultProps: {
+    containerProps: {};
+    title: string;
+    now: number;
+    min: number;
+    max: number;
+    disabled: boolean;
+    segments: never[];
+    style: {};
+};
+type DocumentedPropsSurface = DSProgressIndicatorT.Props & {
+    variant?: DSProgressIndicatorT.VariantT;
+};
+export declare const DSProgressIndicatorPropTypes: DSPropTypesSchema<DocumentedPropsSurface>;
+export declare const DSProgressIndicatorPropTypesSchema: ValidationMap<DSProgressIndicatorT.Props>;
+export {};

package/dist/types/styled.d.ts

@@ -1 +1,9 @@
+export declare const legacyRootClassName: (disabled?: boolean, ...consumerClasses: (string | undefined)[]) => string;
+export declare const legacyCounterClassName: (...consumerClasses: (string | undefined)[]) => string;
+export declare const legacyBarClassName: (...consumerClasses: (string | undefined)[]) => string;
+export declare const legacyProgressClassName: (variant?: string, ...consumerClasses: (string | undefined)[]) => string;
+export declare const StyledProgressIndicatorRoot: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
 export declare const Title: import("styled-components").StyledComponent<"span", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"span">, never>;
+export declare const StyledProgressIndicatorCounter: import("styled-components").StyledComponent<"span", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"span">, never>;
+export declare const StyledProgressBar: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
+export declare const StyledProgress: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;

package/dist/types/utils.d.ts

@@ -1 +1,11 @@
+import type { DSProgressIndicatorT } from './react-desc-prop-types.js';
+/**
+ * A determinate progress is only meaningful over a real range: `max` must be finite and greater than `min`.
+ * The default `max` is `0`, so a consumer who omits it lands here — as does a legitimately dynamic `max` that
+ * starts at zero while data loads. Both used to produce `width: NaN%` and an invalid ARIA range
+ * (aria-valuemax equal to aria-valuemin). Callers treat an invalid range as an indeterminate progress. PUI-18672.
+ */
+export declare function hasValidRange(min: unknown, max: unknown): boolean;
+export declare function clamp(value: number, lower: number, upper: number): number;
 export declare function getPercentage(now: number, min: number, max: number): number;
+export declare const defaultCounterRenderer: DSProgressIndicatorT.DefaultRendererT;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-progress-indicator",
-  "version": "3.80.0-next.5",
+  "version": "3.80.0-next.8",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Progress Indicator",
   "files": [
@@ -36,14 +36,14 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-classnames": "3.80.0-next.5",
-    "@elliemae/ds-props-helpers": "3.80.0-next.5",
-    "@elliemae/ds-system": "3.80.0-next.5"
+    "@elliemae/ds-system": "3.80.0-next.8",
+    "@elliemae/ds-props-helpers": "3.80.0-next.8"
   },
   "devDependencies": {
     "jest": "^30.0.0",
     "styled-components": "~5.3.11",
-    "@elliemae/ds-monorepo-devops": "3.80.0-next.5"
+    "@elliemae/ds-monorepo-devops": "3.80.0-next.8",
+    "@elliemae/ds-typescript-helpers": "3.80.0-next.8"
   },
   "peerDependencies": {
     "react": "^18.3.1",
@@ -51,7 +51,7 @@
   },
   "publishConfig": {
     "access": "public",
-    "typeSafety": false
+    "typeSafety": true
   },
   "scripts": {
     "dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",

package/dist/cjs/classedComponents.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/classedComponents.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { aggregatedClasses } from '@elliemae/ds-classnames';\n\nexport const blockName = 'determinate-progress-indicator';\nconst progressBlockName = 'progress-bar';\n\nexport const Wrapper: React.ForwardRefExoticComponent<\n  React.RefAttributes<unknown> & { children: React.ReactNode; style: object; classProps: object }\n> = aggregatedClasses('div')(blockName, null, ({ disabled }: { disabled: boolean }) => ({\n  disabled,\n}));\n\nexport const ProgressIndicatorCounter: React.ForwardRefExoticComponent<\n  React.RefAttributes<unknown> & { children: React.ReactNode }\n> = aggregatedClasses('span')(blockName, 'counter');\n\nexport const ProgressBarStatusBar: React.ForwardRefExoticComponent<\n  React.RefAttributes<unknown> & { children: React.ReactNode }\n> = aggregatedClasses('div')(progressBlockName);\n\nexport const ProgressBarProgress: React.ForwardRefExoticComponent<\n  React.RefAttributes<unknown> & { classProps: object }\n> = aggregatedClasses('div')(progressBlockName, 'progress', ({ variant }) => ({\n  [variant]: true,\n}));\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,2BAAkC;AAE3B,MAAM,YAAY;AACzB,MAAM,oBAAoB;AAEnB,MAAM,cAET,wCAAkB,KAAK,EAAE,WAAW,MAAM,CAAC,EAAE,SAAS,OAA8B;AAAA,EACtF;AACF,EAAE;AAEK,MAAM,+BAET,wCAAkB,MAAM,EAAE,WAAW,SAAS;AAE3C,MAAM,2BAET,wCAAkB,KAAK,EAAE,iBAAiB;AAEvC,MAAM,0BAET,wCAAkB,KAAK,EAAE,mBAAmB,YAAY,CAAC,EAAE,QAAQ,OAAO;AAAA,EAC5E,CAAC,OAAO,GAAG;AACb,EAAE;",
-  "names": []
-}