@cdx-ui/primitives 0.3.5 → 0.3.6

package/lib/module/stepper/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/stepper/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["stepper/types.ts"],"mappings":"","ignoreList":[]}

package/lib/typescript/index.d.ts

@@ -43,6 +43,7 @@ export * from './progress-bar';
 export * from './radio';
 export * from './accordion';
 export * from './slider';
+export * from './stepper';
 export type { InteractionState } from './types';
 export { FormControlContext, useFormControlContext } from '@cdx-ui/utils';
 export { dataAttributes, mergeDataAttributes } from './utils/dataAttributes';

package/lib/typescript/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,uBAAuB,CAAC;AACtC,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,OAAO,EACL,qBAAqB,EACrB,4BAA4B,EAC5B,kBAAkB,EAClB,KAAK,UAAU,EACf,0BAA0B,EAC1B,gBAAgB,EAChB,qBAAqB,EACrB,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,YAAY,EACZ,2BAA2B,EAC3B,kBAAkB,EAClB,KAAK,YAAY,EACjB,KAAK,uBAAuB,EAC5B,KAAK,8BAA8B,EACnC,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,wBAAwB,EAC7B,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,KAAK,sBAAsB,EAC3B,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,EACzB,KAAK,+BAA+B,EACpC,KAAK,8BAA8B,EACnC,KAAK,kBAAkB,EACvB,KAAK,wBAAwB,EAC7B,KAAK,yBAAyB,EAC9B,KAAK,wBAAwB,GAC9B,MAAM,WAAW,CAAC;AACnB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,YAAY,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAC1E,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7E,OAAO,EACL,iBAAiB,EACjB,sBAAsB,EACtB,KAAK,qBAAqB,GAC3B,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,iBAAiB,EAAE,KAAK,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AAC7F,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,uBAAuB,CAAC;AACtC,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,OAAO,EACL,qBAAqB,EACrB,4BAA4B,EAC5B,kBAAkB,EAClB,KAAK,UAAU,EACf,0BAA0B,EAC1B,gBAAgB,EAChB,qBAAqB,EACrB,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,YAAY,EACZ,2BAA2B,EAC3B,kBAAkB,EAClB,KAAK,YAAY,EACjB,KAAK,uBAAuB,EAC5B,KAAK,8BAA8B,EACnC,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,wBAAwB,EAC7B,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,KAAK,sBAAsB,EAC3B,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,EACzB,KAAK,+BAA+B,EACpC,KAAK,8BAA8B,EACnC,KAAK,kBAAkB,EACvB,KAAK,wBAAwB,EAC7B,KAAK,yBAAyB,EAC9B,KAAK,wBAAwB,GAC9B,MAAM,WAAW,CAAC;AACnB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,YAAY,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAC1E,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7E,OAAO,EACL,iBAAiB,EACjB,sBAAsB,EACtB,KAAK,qBAAqB,GAC3B,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,iBAAiB,EAAE,KAAK,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AAC7F,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}

package/lib/typescript/select/SelectEmpty.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectEmpty.d.ts","sourceRoot":"","sources":["../../../src/select/SelectEmpty.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,MAAM,WAAW,gBAAiB,SAAQ,iBAAiB;IACzD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAgBD;;;GAGG;AACH,eAAO,MAAM,WAAW,mGAsBvB,CAAC"}
+{"version":3,"file":"SelectEmpty.d.ts","sourceRoot":"","sources":["../../../src/select/SelectEmpty.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAIpC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,MAAM,WAAW,gBAAiB,SAAQ,iBAAiB;IACzD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,eAAO,MAAM,WAAW,mGAsBvB,CAAC"}

package/lib/typescript/slider/useSliderPointer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSliderPointer.d.ts","sourceRoot":"","sources":["../../../src/slider/useSliderPointer.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AACnD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAGjD,wBAAgB,gBAAgB,CAAC,WAAW,EAAE;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAS3B;AAED,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,EACb,WAAW,EAAE,iBAAiB,GAAG,IAAI,EACrC,WAAW,EAAE,iBAAiB,EAC9B,SAAS,EAAE,MAAM,GAChB,MAAM,CAUR;AAQD,wBAAgB,gBAAgB,CAAC,EAC/B,UAAU,EACV,aAAa,EACb,iBAAiB,EACjB,WAAW,EACX,WAAW,EACX,SAAS,GACV,EAAE;IACD,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/D,WAAW,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACtC,WAAW,EAAE,iBAAiB,CAAC;IAC/B,SAAS,EAAE,MAAM,CAAC;CACnB;uBAyBY,MAAM,SACN,MAAM,gBACC,MAAM,wBACE,iBAAiB;EAuE5C"}
+{"version":3,"file":"useSliderPointer.d.ts","sourceRoot":"","sources":["../../../src/slider/useSliderPointer.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AACnD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAGjD,wBAAgB,gBAAgB,CAAC,WAAW,EAAE;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAS3B;AAED,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,EACb,WAAW,EAAE,iBAAiB,GAAG,IAAI,EACrC,WAAW,EAAE,iBAAiB,EAC9B,SAAS,EAAE,MAAM,GAChB,MAAM,CAUR;AAQD,wBAAgB,gBAAgB,CAAC,EAC/B,UAAU,EACV,aAAa,EACb,iBAAiB,EACjB,WAAW,EACX,WAAW,EACX,SAAS,GACV,EAAE;IACD,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/D,WAAW,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACtC,WAAW,EAAE,iBAAiB,CAAC;IAC/B,SAAS,EAAE,MAAM,CAAC;CACnB;uBA8BY,MAAM,SACN,MAAM,gBACC,MAAM,wBACE,iBAAiB;EAuE5C"}

package/lib/typescript/stepper/StepperRoot.d.ts

@@ -0,0 +1,7 @@
+import { View } from 'react-native';
+import type { IStepperProps } from './types';
+export interface StepperRootProps extends IStepperProps {
+    readonly className?: string;
+}
+export declare const StepperRoot: import("react").ForwardRefExoticComponent<StepperRootProps & import("react").RefAttributes<View>>;
+//# sourceMappingURL=StepperRoot.d.ts.map

package/lib/typescript/stepper/StepperRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepperRoot.d.ts","sourceRoot":"","sources":["../../../src/stepper/StepperRoot.tsx"],"names":[],"mappings":"AASA,OAAO,EAAY,IAAI,EAAE,MAAM,cAAc,CAAC;AAK9C,OAAO,KAAK,EAAE,aAAa,EAAoB,MAAM,SAAS,CAAC;AAE/D,MAAM,WAAW,gBAAiB,SAAQ,aAAa;IACrD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AA+CD,eAAO,MAAM,WAAW,mGAgFvB,CAAC"}

package/lib/typescript/stepper/StepperStep.d.ts

@@ -0,0 +1,7 @@
+import { View } from 'react-native';
+import type { IStepperStepProps } from './types';
+export interface StepperStepProps extends IStepperStepProps {
+    readonly className?: string;
+}
+export declare const StepperStep: import("react").ForwardRefExoticComponent<StepperStepProps & import("react").RefAttributes<View>>;
+//# sourceMappingURL=StepperStep.d.ts.map

package/lib/typescript/stepper/StepperStep.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepperStep.d.ts","sourceRoot":"","sources":["../../../src/stepper/StepperStep.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,IAAI,EAAE,MAAM,cAAc,CAAC;AAI9C,OAAO,KAAK,EAAE,iBAAiB,EAAoB,MAAM,SAAS,CAAC;AAEnE,MAAM,WAAW,gBAAiB,SAAQ,iBAAiB;IACzD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAMD,eAAO,MAAM,WAAW,mGAmFvB,CAAC"}

package/lib/typescript/stepper/StepperStepPressable.d.ts

@@ -0,0 +1,8 @@
+import { type PressableProps } from 'react-native';
+/**
+ * Press target for a clickable step: a `button` that is reachable with Tab and activates
+ * with Enter or Space. Rendered by `StepperStepTrigger` only while the step is clickable,
+ * so display-only steps add no focus stop and no interaction state.
+ */
+export declare const StepperStepPressable: import("react").ForwardRefExoticComponent<PressableProps & import("react").RefAttributes<import("react-native").View>>;
+//# sourceMappingURL=StepperStepPressable.d.ts.map

package/lib/typescript/stepper/StepperStepPressable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepperStepPressable.d.ts","sourceRoot":"","sources":["../../../src/stepper/StepperStepPressable.tsx"],"names":[],"mappings":"AACA,OAAO,EAAyC,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAO1F;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,wHAgChC,CAAC"}

package/lib/typescript/stepper/StepperStepTrigger.d.ts

@@ -0,0 +1,9 @@
+import { View } from 'react-native';
+/**
+ * Internal step region that carries the step's accessible name: the grouped visible
+ * content (indicator, title, description) followed by the state phrase. It becomes a
+ * `button` while the step is clickable. Not a public styled part; the styled
+ * `Stepper.Step` renders it around those slots.
+ */
+export declare const StepperStepTrigger: import("react").ForwardRefExoticComponent<import("react-native").ViewProps & import("react").RefAttributes<View>>;
+//# sourceMappingURL=StepperStepTrigger.d.ts.map

package/lib/typescript/stepper/StepperStepTrigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepperStepTrigger.d.ts","sourceRoot":"","sources":["../../../src/stepper/StepperStepTrigger.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAMpC;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,mHAsB9B,CAAC"}

package/lib/typescript/stepper/StepperStepTrigger.web.d.ts

@@ -0,0 +1,9 @@
+import { View } from 'react-native';
+/**
+ * Internal step region that carries the step's accessible name. On web the state phrase
+ * is screen-reader-only text after the visible content, because browse-mode screen
+ * readers ignore `aria-label` on a list item. It becomes a `button` while the step is
+ * clickable. Not a public styled part.
+ */
+export declare const StepperStepTrigger: import("react").ForwardRefExoticComponent<import("react-native").ViewProps & import("react").RefAttributes<View>>;
+//# sourceMappingURL=StepperStepTrigger.web.d.ts.map

package/lib/typescript/stepper/StepperStepTrigger.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepperStepTrigger.web.d.ts","sourceRoot":"","sources":["../../../src/stepper/StepperStepTrigger.web.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAQpC;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,mHAmD9B,CAAC"}

package/lib/typescript/stepper/context.d.ts

@@ -0,0 +1,16 @@
+import type { StepperContextValue, StepperStepState } from './types';
+export declare const StepperProvider: import("react").FunctionComponent<{
+    children: import("react").ReactNode;
+    value: StepperContextValue;
+}>, useStepperContext: () => StepperContextValue;
+/** Position of a direct child of `StepperRoot`, supplied by the root while it renders. */
+export declare const StepperIndexProvider: import("react").FunctionComponent<{
+    children: import("react").ReactNode;
+    value: number;
+}>, useStepperIndex: () => number;
+/** Resolved state of the enclosing step. `useStepperStep` throws outside a `StepperStep`. */
+export declare const StepperStepProvider: import("react").FunctionComponent<{
+    children: import("react").ReactNode;
+    value: StepperStepState;
+}>, useStepperStep: () => StepperStepState;
+//# sourceMappingURL=context.d.ts.map

package/lib/typescript/stepper/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/stepper/context.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAErE,eAAO,MAAO,eAAe;;;IAAE,iBAAiB,2BACM,CAAC;AAEvD,0FAA0F;AAC1F,eAAO,MAAO,oBAAoB;;;IAAE,eAAe,cAAyC,CAAC;AAE7F,6FAA6F;AAC7F,eAAO,MAAO,mBAAmB;;;IAAE,cAAc,wBAAkD,CAAC"}

package/lib/typescript/stepper/index.d.ts

@@ -0,0 +1,6 @@
+export type { IStepperProps, IStepperStepProps, IStepperStepTriggerProps, InterfaceStepperProps, InterfaceStepperStepProps, StepperContextValue, StepperLabelPlacement, StepperOrientation, StepperStepState, } from './types';
+export { useStepperContext, useStepperIndex, useStepperStep } from './context';
+export { StepperRoot, type StepperRootProps } from './StepperRoot';
+export { StepperStep, type StepperStepProps } from './StepperStep';
+export { StepperStepTrigger } from './StepperStepTrigger';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/stepper/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/stepper/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,aAAa,EACb,iBAAiB,EACjB,wBAAwB,EACxB,qBAAqB,EACrB,yBAAyB,EACzB,mBAAmB,EACnB,qBAAqB,EACrB,kBAAkB,EAClB,gBAAgB,GACjB,MAAM,SAAS,CAAC;AAEjB,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC/E,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}

package/lib/typescript/stepper/types.d.ts

@@ -0,0 +1,96 @@
+import type { ViewProps } from 'react-native';
+export type StepperOrientation = 'horizontal' | 'vertical';
+export type StepperLabelPlacement = 'end' | 'bottom';
+export interface StepperStepState {
+    /** Zero-based position among the steps. */
+    readonly index: number;
+    /** Number of steps rendered. */
+    readonly count: number;
+    readonly isCurrent: boolean;
+    /** Resolved completion: the explicit `isComplete`, or `index < currentStep`. */
+    readonly isComplete: boolean;
+    /** Clamped to 0–100. Non-finite values are 0. */
+    readonly progress: number;
+    /** True when the partial ring is drawn: `0 < progress` and not complete. */
+    readonly hasProgress: boolean;
+    readonly isLast: boolean;
+    /** True when the step renders as a button. */
+    readonly isClickable: boolean;
+    readonly isDisabled: boolean;
+    readonly orientation: StepperOrientation;
+    readonly labelPlacement: StepperLabelPlacement;
+}
+export interface InterfaceStepperProps extends ViewProps {
+    /**
+     * Controlled, zero-based current step. A value outside `0…count-1` means no step is
+     * current; a value `>= count` makes every step complete by default.
+     */
+    readonly currentStep?: number;
+    /**
+     * Uncontrolled starting step. Ignored when `currentStep` is set.
+     * @default 0
+     */
+    readonly defaultStep?: number;
+    /** Called with the pressed step's index. Setting it makes eligible steps clickable. */
+    readonly onStepChange?: (index: number) => void;
+    /**
+     * When `true`, only complete steps are clickable. When `false`, every non-current,
+     * non-disabled step is.
+     * @default true
+     */
+    readonly isLinear?: boolean;
+    /**
+     * `'horizontal'` lays the steps out in a row. `labelPlacement` chooses where each label sits.
+     * @default 'vertical'
+     */
+    readonly orientation?: StepperOrientation;
+    /**
+     * Horizontal only; ignored when `orientation` is `'vertical'`. `'end'` puts each label after
+     * its indicator, sizes steps to their labels and stretches the separators between them.
+     * `'bottom'` gives every step an equal column with the indicator and label centered.
+     * @default 'end'
+     */
+    readonly labelPlacement?: StepperLabelPlacement;
+    /**
+     * Returns the state phrase appended to each step's title for assistive technology,
+     * replacing the English default (for example `"current step, 40% complete"`).
+     */
+    readonly getStepAccessibilityText?: (state: StepperStepState) => string;
+    /** @default false */
+    readonly asChild?: boolean;
+}
+export type IStepperProps = InterfaceStepperProps;
+export interface InterfaceStepperStepProps extends ViewProps {
+    /**
+     * Whether the step is complete. An explicit value wins in both directions.
+     * @default index < currentStep
+     */
+    readonly isComplete?: boolean;
+    /**
+     * Partial progress, 0–100. Values outside the range are clamped; non-finite values are `0`.
+     * @default 0
+     */
+    readonly progress?: number;
+    /**
+     * Only affects clickability. A disabled step still shows its state.
+     * @default false
+     */
+    readonly isDisabled?: boolean;
+    /** @default false */
+    readonly asChild?: boolean;
+}
+export type IStepperStepProps = InterfaceStepperStepProps;
+export type IStepperStepTriggerProps = ViewProps;
+export interface StepperContextValue {
+    /** Resolved current step (controlled or uncontrolled). */
+    readonly currentStep: number;
+    readonly count: number;
+    readonly orientation: StepperOrientation;
+    readonly labelPlacement: StepperLabelPlacement;
+    readonly isLinear: boolean;
+    /** True when the consumer passed `onStepChange`. */
+    readonly hasStepChangeHandler: boolean;
+    readonly setCurrentStep: (index: number) => void;
+    readonly getStepAccessibilityText: (state: StepperStepState) => string;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/stepper/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/stepper/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE3D,MAAM,MAAM,qBAAqB,GAAG,KAAK,GAAG,QAAQ,CAAC;AAErD,MAAM,WAAW,gBAAgB;IAC/B,2CAA2C;IAC3C,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,gCAAgC;IAChC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5B,gFAAgF;IAChF,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC;IAC7B,iDAAiD;IACjD,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,4EAA4E;IAC5E,QAAQ,CAAC,WAAW,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC;IACzB,8CAA8C;IAC9C,QAAQ,CAAC,WAAW,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,WAAW,EAAE,kBAAkB,CAAC;IACzC,QAAQ,CAAC,cAAc,EAAE,qBAAqB,CAAC;CAChD;AAED,MAAM,WAAW,qBAAsB,SAAQ,SAAS;IACtD;;;OAGG;IACH,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B;;;OAGG;IACH,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,uFAAuF;IACvF,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD;;;;OAIG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B;;;OAGG;IACH,QAAQ,CAAC,WAAW,CAAC,EAAE,kBAAkB,CAAC;IAC1C;;;;;OAKG;IACH,QAAQ,CAAC,cAAc,CAAC,EAAE,qBAAqB,CAAC;IAChD;;;OAGG;IACH,QAAQ,CAAC,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,MAAM,CAAC;IACxE,qBAAqB;IACrB,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,MAAM,aAAa,GAAG,qBAAqB,CAAC;AAElD,MAAM,WAAW,yBAA0B,SAAQ,SAAS;IAC1D;;;OAGG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IAC9B;;;OAGG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B;;;OAGG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IAC9B,qBAAqB;IACrB,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,MAAM,iBAAiB,GAAG,yBAAyB,CAAC;AAE1D,MAAM,MAAM,wBAAwB,GAAG,SAAS,CAAC;AAEjD,MAAM,WAAW,mBAAmB;IAClC,0DAA0D;IAC1D,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,WAAW,EAAE,kBAAkB,CAAC;IACzC,QAAQ,CAAC,cAAc,EAAE,qBAAqB,CAAC;IAC/C,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC3B,oDAAoD;IACpD,QAAQ,CAAC,oBAAoB,EAAE,OAAO,CAAC;IACvC,QAAQ,CAAC,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,QAAQ,CAAC,wBAAwB,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,MAAM,CAAC;CACxE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cdx-ui/primitives",
-  "version": "0.3.5",
+  "version": "0.3.6",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -69,8 +69,8 @@
     "@react-stately/disclosure": "3.1.1",
     "@react-stately/radio": "3.12.0",
     "@react-stately/toggle": "3.9.4",
-    "@cdx-ui/formatters": "0.3.5",
-    "@cdx-ui/utils": "0.3.5"
+    "@cdx-ui/formatters": "0.3.6",
+    "@cdx-ui/utils": "0.3.6"
   },
   "devDependencies": {
     "@types/react": "19.2.14",

package/src/index.ts

@@ -76,6 +76,7 @@ export * from './progress-bar';
 export * from './radio';
 export * from './accordion';
 export * from './slider';
+export * from './stepper';
 export type { InteractionState } from './types';
 export { FormControlContext, useFormControlContext } from '@cdx-ui/utils';
 export { dataAttributes, mergeDataAttributes } from './utils/dataAttributes';

package/src/select/SelectEmpty.tsx

@@ -1,12 +1,6 @@
-import {
-  Children,
-  forwardRef,
-  isValidElement,
-  useLayoutEffect,
-  type ComponentRef,
-  type ReactNode,
-} from 'react';
+import { forwardRef, useLayoutEffect, type ComponentRef } from 'react';
 import { View } from 'react-native';
+import { getTextContent } from '@cdx-ui/utils';
 import { Slot } from '../slot';
 import { useSelectContext } from './context';
 import type { ISelectEmptyProps } from './types';
@@ -16,20 +10,6 @@ export interface SelectEmptyProps extends ISelectEmptyProps {
   className?: string;
 }
 
-function getTextContent(node: ReactNode): string {
-  return Children.toArray(node)
-    .map((child) => {
-      if (typeof child === 'string' || typeof child === 'number') {
-        return String(child);
-      }
-      if (isValidElement<{ children?: ReactNode }>(child)) {
-        return getTextContent(child.props.children);
-      }
-      return '';
-    })
-    .join('');
-}
-
 /**
  * Renders only when no option matches. Its text is also what the search live region
  * announces in that case.

package/src/slider/useSliderPointer.ts

@@ -63,6 +63,11 @@ export function useWebSliderDrag({
   const lastRatioRef = useRef(0);
   const dragContextRef = useRef<WebDragContext | null>(null);
   const cleanupRef = useRef<(() => void) | null>(null);
+  // Window listeners outlive their render; stale setters would compare against the drag-start value.
+  const setValueFromRatioRef = useRef(setValueFromRatio);
+  const setIsDraggingRef = useRef(setIsDragging);
+  setValueFromRatioRef.current = setValueFromRatio;
+  setIsDraggingRef.current = setIsDragging;
 
   useEffect(() => {
     return () => {
@@ -77,9 +82,9 @@ export function useWebSliderDrag({
     }
     draggingRef.current = false;
     dragContextRef.current = null;
-    setValueFromRatio(lastRatioRef.current, true);
-    setIsDragging(false);
-  }, [setIsDragging, setValueFromRatio]);
+    setValueFromRatioRef.current(lastRatioRef.current, true);
+    setIsDraggingRef.current(false);
+  }, []);
 
   const startDrag = useCallback(
     (
@@ -132,7 +137,7 @@ export function useWebSliderDrag({
           1,
         );
         lastRatioRef.current = nextRatio;
-        setValueFromRatio(nextRatio);
+        setValueFromRatioRef.current(nextRatio);
       };
 
       const onUp = () => {

package/src/stepper/StepperRoot.tsx

@@ -0,0 +1,148 @@
+import {
+  cloneElement,
+  forwardRef,
+  isValidElement,
+  useCallback,
+  useMemo,
+  type ComponentRef,
+  type ReactNode,
+} from 'react';
+import { Platform, View } from 'react-native';
+import { flattenChildren, useControllableState } from '@cdx-ui/utils';
+import { Slot } from '../slot';
+import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
+import { StepperIndexProvider, StepperProvider } from './context';
+import type { IStepperProps, StepperStepState } from './types';
+
+export interface StepperRootProps extends IStepperProps {
+  readonly className?: string;
+}
+
+function toAnnouncedPercent(progress: number): number {
+  return Math.min(99, Math.max(1, Math.round(progress)));
+}
+
+function defaultGetStepAccessibilityText({
+  isCurrent,
+  isComplete,
+  hasProgress,
+  progress,
+}: StepperStepState): string {
+  const parts: string[] = [];
+  if (isCurrent) {
+    parts.push('current step');
+  }
+  if (isComplete) {
+    parts.push('completed');
+  } else if (hasProgress) {
+    parts.push(`${String(toAnnouncedPercent(progress))}% complete`);
+  } else if (!isCurrent) {
+    parts.push('incomplete');
+  }
+  return parts.join(', ');
+}
+
+/**
+ * Every direct element child is a step; fragments are unwrapped and `false`/`null` are
+ * dropped, so conditional steps renumber on the same render.
+ */
+function indexSteps(children: ReactNode): { steps: ReactNode[]; count: number } {
+  let count = 0;
+  const steps = flattenChildren(children).map((child) => {
+    if (!isValidElement(child)) {
+      return child;
+    }
+    const index = count;
+    count += 1;
+    return (
+      <StepperIndexProvider key={child.key} value={index}>
+        {child}
+      </StepperIndexProvider>
+    );
+  });
+  return { steps, count };
+}
+
+export const StepperRoot = forwardRef<ComponentRef<typeof View>, StepperRootProps>(
+  (
+    {
+      asChild,
+      children,
+      currentStep: currentStepProp,
+      defaultStep = 0,
+      onStepChange,
+      isLinear = true,
+      orientation = 'vertical',
+      labelPlacement = 'end',
+      getStepAccessibilityText = defaultGetStepAccessibilityText,
+      accessibilityLabel = 'Progress',
+      role = 'list',
+      ...props
+    },
+    ref,
+  ) => {
+    const [currentStepValue, setCurrentStepValue] = useControllableState<number>({
+      prop: currentStepProp,
+      defaultProp: defaultStep,
+      onChange: onStepChange,
+    });
+    const currentStep = currentStepValue ?? defaultStep;
+
+    const setCurrentStep = useCallback(
+      (index: number) => {
+        setCurrentStepValue(index);
+      },
+      [setCurrentStepValue],
+    );
+
+    const asChildElement =
+      asChild && isValidElement<{ children?: ReactNode }>(children) ? children : null;
+    const { steps, count } = indexSteps(asChildElement ? asChildElement.props.children : children);
+
+    const contextValue = useMemo(
+      () => ({
+        currentStep,
+        count,
+        orientation,
+        labelPlacement,
+        isLinear,
+        hasStepChangeHandler: onStepChange !== undefined,
+        setCurrentStep,
+        getStepAccessibilityText,
+      }),
+      [
+        currentStep,
+        count,
+        orientation,
+        labelPlacement,
+        isLinear,
+        onStepChange,
+        setCurrentStep,
+        getStepAccessibilityText,
+      ],
+    );
+
+    const a11yProps =
+      Platform.OS === 'web'
+        ? ({ 'aria-label': accessibilityLabel } as const)
+        : ({ accessibilityLabel } as const);
+
+    const Comp = asChild ? Slot : View;
+
+    return (
+      <StepperProvider value={contextValue}>
+        <Comp
+          ref={ref}
+          {...props}
+          role={role}
+          {...a11yProps}
+          {...mergeDataAttributes(props, dataAttributes({ orientation, labelPlacement }))}
+        >
+          {asChildElement ? cloneElement(asChildElement, undefined, steps) : steps}
+        </Comp>
+      </StepperProvider>
+    );
+  },
+);
+
+StepperRoot.displayName = 'StepperRoot';

package/src/stepper/StepperStep.tsx

@@ -0,0 +1,101 @@
+import { forwardRef, useMemo, type ComponentRef } from 'react';
+import { Platform, View } from 'react-native';
+import { Slot } from '../slot';
+import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
+import { StepperStepProvider, useStepperContext, useStepperIndex } from './context';
+import type { IStepperStepProps, StepperStepState } from './types';
+
+export interface StepperStepProps extends IStepperStepProps {
+  readonly className?: string;
+}
+
+function clampProgress(progress: number): number {
+  return Number.isFinite(progress) ? Math.min(100, Math.max(0, progress)) : 0;
+}
+
+export const StepperStep = forwardRef<ComponentRef<typeof View>, StepperStepProps>(
+  (
+    {
+      asChild,
+      children,
+      isComplete: isCompleteProp,
+      progress: progressProp = 0,
+      isDisabled = false,
+      role = 'listitem',
+      ...props
+    },
+    ref,
+  ) => {
+    const index = useStepperIndex();
+    const { currentStep, count, orientation, labelPlacement, isLinear, hasStepChangeHandler } =
+      useStepperContext();
+
+    const isCurrent = index === currentStep;
+    const isComplete = isCompleteProp ?? index < currentStep;
+    const progress = clampProgress(progressProp);
+    const hasProgress = progress > 0 && !isComplete;
+    // The current step is never a button, so it adds no Tab stop that does nothing.
+    const isClickable =
+      hasStepChangeHandler && !isDisabled && !isCurrent && (isComplete || !isLinear);
+
+    const state = useMemo(
+      (): StepperStepState => ({
+        index,
+        count,
+        isCurrent,
+        isComplete,
+        progress,
+        hasProgress,
+        isLast: index === count - 1,
+        isClickable,
+        isDisabled,
+        orientation,
+        labelPlacement,
+      }),
+      [
+        index,
+        count,
+        isCurrent,
+        isComplete,
+        progress,
+        hasProgress,
+        isClickable,
+        isDisabled,
+        orientation,
+        labelPlacement,
+      ],
+    );
+
+    const currentProps =
+      Platform.OS === 'web' && isCurrent ? ({ 'aria-current': 'step' } as const) : {};
+
+    const Comp = asChild ? Slot : View;
+
+    return (
+      <StepperStepProvider value={state}>
+        <Comp
+          ref={ref}
+          {...props}
+          role={role}
+          {...currentProps}
+          {...mergeDataAttributes(
+            props,
+            dataAttributes({
+              orientation,
+              labelPlacement,
+              current: isCurrent,
+              complete: isComplete,
+              progress: hasProgress,
+              clickable: isClickable,
+              disabled: isDisabled,
+            }),
+          )}
+        >
+          {children}
+        </Comp>
+      </StepperStepProvider>
+    );
+  },
+);
+
+StepperStep.displayName = 'StepperStep';

package/src/stepper/StepperStepPressable.tsx

@@ -0,0 +1,48 @@
+import { forwardRef, type ComponentRef } from 'react';
+import { Pressable, type GestureResponderEvent, type PressableProps } from 'react-native';
+import { composeEventHandlers } from '@cdx-ui/utils';
+import { useFocusRing } from '@react-native-aria/focus';
+import { useHover, usePress } from '@react-native-aria/interactions';
+import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
+import { useStepperContext, useStepperStep } from './context';
+
+/**
+ * Press target for a clickable step: a `button` that is reachable with Tab and activates
+ * with Enter or Space. Rendered by `StepperStepTrigger` only while the step is clickable,
+ * so display-only steps add no focus stop and no interaction state.
+ */
+export const StepperStepPressable = forwardRef<ComponentRef<typeof Pressable>, PressableProps>(
+  ({ onPress, ...props }, ref) => {
+    const { index } = useStepperStep();
+    const { setCurrentStep } = useStepperContext();
+    const { isFocusVisible, focusProps } = useFocusRing() as {
+      isFocusVisible: boolean;
+      focusProps: Pick<PressableProps, 'onFocus' | 'onBlur'>;
+    };
+    const { pressProps, isPressed } = usePress({});
+    const { isHovered, hoverProps } = useHover();
+
+    return (
+      <Pressable
+        ref={ref}
+        role="button"
+        {...props}
+        {...mergeDataAttributes(
+          props,
+          dataAttributes({ hover: isHovered, active: isPressed, focusVisible: isFocusVisible }),
+        )}
+        onPress={composeEventHandlers<GestureResponderEvent>(onPress, () => {
+          setCurrentStep(index);
+        })}
+        onPressIn={composeEventHandlers(props.onPressIn, pressProps.onPressIn)}
+        onPressOut={composeEventHandlers(props.onPressOut, pressProps.onPressOut)}
+        onHoverIn={composeEventHandlers(props.onHoverIn, hoverProps.onHoverIn)}
+        onHoverOut={composeEventHandlers(props.onHoverOut, hoverProps.onHoverOut)}
+        onFocus={composeEventHandlers(props.onFocus, focusProps.onFocus)}
+        onBlur={composeEventHandlers(props.onBlur, focusProps.onBlur)}
+      />
+    );
+  },
+);
+
+StepperStepPressable.displayName = 'StepperStepPressable';