@cdx-ui/primitives 0.3.5 → 0.3.7

package/lib/module/stepper/StepperStep.js

@@ -0,0 +1,74 @@
+"use strict";
+
+import { forwardRef, useMemo } 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 { jsx as _jsx } from "react/jsx-runtime";
+function clampProgress(progress) {
+  return Number.isFinite(progress) ? Math.min(100, Math.max(0, progress)) : 0;
+}
+export const StepperStep = /*#__PURE__*/forwardRef(({
+  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(() => ({
+    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'
+  } : {};
+  const Comp = asChild ? Slot : View;
+  return /*#__PURE__*/_jsx(StepperStepProvider, {
+    value: state,
+    children: /*#__PURE__*/_jsx(Comp, {
+      ref: ref,
+      ...props,
+      role: role,
+      ...currentProps,
+      ...mergeDataAttributes(props, dataAttributes({
+        orientation,
+        labelPlacement,
+        current: isCurrent,
+        complete: isComplete,
+        progress: hasProgress,
+        clickable: isClickable,
+        disabled: isDisabled
+      })),
+      children: children
+    })
+  });
+});
+StepperStep.displayName = 'StepperStep';
+//# sourceMappingURL=StepperStep.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useMemo","Platform","View","Slot","dataAttributes","mergeDataAttributes","StepperStepProvider","useStepperContext","useStepperIndex","jsx","_jsx","clampProgress","progress","Number","isFinite","Math","min","max","StepperStep","asChild","children","isComplete","isCompleteProp","progressProp","isDisabled","role","props","ref","index","currentStep","count","orientation","labelPlacement","isLinear","hasStepChangeHandler","isCurrent","hasProgress","isClickable","state","isLast","currentProps","OS","Comp","value","current","complete","clickable","disabled","displayName"],"sourceRoot":"../../../src","sources":["stepper/StepperStep.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/stepper/StepperStepPressable.js

@@ -0,0 +1,60 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { Pressable } 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.
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+export const StepperStepPressable = /*#__PURE__*/forwardRef(({
+  onPress,
+  ...props
+}, ref) => {
+  const {
+    index
+  } = useStepperStep();
+  const {
+    setCurrentStep
+  } = useStepperContext();
+  const {
+    isFocusVisible,
+    focusProps
+  } = useFocusRing();
+  const {
+    pressProps,
+    isPressed
+  } = usePress({});
+  const {
+    isHovered,
+    hoverProps
+  } = useHover();
+  return /*#__PURE__*/_jsx(Pressable, {
+    ref: ref,
+    role: "button",
+    ...props,
+    ...mergeDataAttributes(props, dataAttributes({
+      hover: isHovered,
+      active: isPressed,
+      focusVisible: isFocusVisible
+    })),
+    onPress: composeEventHandlers(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';
+//# sourceMappingURL=StepperStepPressable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","Pressable","composeEventHandlers","useFocusRing","useHover","usePress","dataAttributes","mergeDataAttributes","useStepperContext","useStepperStep","jsx","_jsx","StepperStepPressable","onPress","props","ref","index","setCurrentStep","isFocusVisible","focusProps","pressProps","isPressed","isHovered","hoverProps","role","hover","active","focusVisible","onPressIn","onPressOut","onHoverIn","onHoverOut","onFocus","onBlur","displayName"],"sourceRoot":"../../../src","sources":["stepper/StepperStepPressable.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAA2B,OAAO;AACrD,SAASC,SAAS,QAAyD,cAAc;AACzF,SAASC,oBAAoB,QAAQ,eAAe;AACpD,SAASC,YAAY,QAAQ,0BAA0B;AACvD,SAASC,QAAQ,EAAEC,QAAQ,QAAQ,iCAAiC;AACpE,SAASC,cAAc,EAAEC,mBAAmB,QAAQ,yBAAyB;AAC7E,SAASC,iBAAiB,EAAEC,cAAc,QAAQ,WAAW;;AAE7D;AACA;AACA;AACA;AACA;AAJA,SAAAC,GAAA,IAAAC,IAAA;AAKA,OAAO,MAAMC,oBAAoB,gBAAGZ,UAAU,CAC5C,CAAC;EAAEa,OAAO;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC9B,MAAM;IAAEC;EAAM,CAAC,GAAGP,cAAc,CAAC,CAAC;EAClC,MAAM;IAAEQ;EAAe,CAAC,GAAGT,iBAAiB,CAAC,CAAC;EAC9C,MAAM;IAAEU,cAAc;IAAEC;EAAW,CAAC,GAAGhB,YAAY,CAAC,CAGnD;EACD,MAAM;IAAEiB,UAAU;IAAEC;EAAU,CAAC,GAAGhB,QAAQ,CAAC,CAAC,CAAC,CAAC;EAC9C,MAAM;IAAEiB,SAAS;IAAEC;EAAW,CAAC,GAAGnB,QAAQ,CAAC,CAAC;EAE5C,oBACEO,IAAA,CAACV,SAAS;IACRc,GAAG,EAAEA,GAAI;IACTS,IAAI,EAAC,QAAQ;IAAA,GACTV,KAAK;IAAA,GACLP,mBAAmB,CACrBO,KAAK,EACLR,cAAc,CAAC;MAAEmB,KAAK,EAAEH,SAAS;MAAEI,MAAM,EAAEL,SAAS;MAAEM,YAAY,EAAET;IAAe,CAAC,CACtF,CAAC;IACDL,OAAO,EAAEX,oBAAoB,CAAwBW,OAAO,EAAE,MAAM;MAClEI,cAAc,CAACD,KAAK,CAAC;IACvB,CAAC,CAAE;IACHY,SAAS,EAAE1B,oBAAoB,CAACY,KAAK,CAACc,SAAS,EAAER,UAAU,CAACQ,SAAS,CAAE;IACvEC,UAAU,EAAE3B,oBAAoB,CAACY,KAAK,CAACe,UAAU,EAAET,UAAU,CAACS,UAAU,CAAE;IAC1EC,SAAS,EAAE5B,oBAAoB,CAACY,KAAK,CAACgB,SAAS,EAAEP,UAAU,CAACO,SAAS,CAAE;IACvEC,UAAU,EAAE7B,oBAAoB,CAACY,KAAK,CAACiB,UAAU,EAAER,UAAU,CAACQ,UAAU,CAAE;IAC1EC,OAAO,EAAE9B,oBAAoB,CAACY,KAAK,CAACkB,OAAO,EAAEb,UAAU,CAACa,OAAO,CAAE;IACjEC,MAAM,EAAE/B,oBAAoB,CAACY,KAAK,CAACmB,MAAM,EAAEd,UAAU,CAACc,MAAM;EAAE,CAC/D,CAAC;AAEN,CACF,CAAC;AAEDrB,oBAAoB,CAACsB,WAAW,GAAG,sBAAsB","ignoreList":[]}

package/lib/module/stepper/StepperStepTrigger.js

@@ -0,0 +1,40 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { View } from 'react-native';
+import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
+import { useStepperContext, useStepperStep } from './context';
+import { StepperStepPressable } from './StepperStepPressable';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * 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 const StepperStepTrigger = /*#__PURE__*/forwardRef(({
+  children,
+  ...props
+}, ref) => {
+  const state = useStepperStep();
+  const {
+    getStepAccessibilityText
+  } = useStepperContext();
+  const phrase = getStepAccessibilityText(state);
+  const Comp = state.isClickable ? StepperStepPressable : View;
+  return /*#__PURE__*/_jsx(Comp, {
+    ref: ref,
+    accessible: true,
+    accessibilityValue: phrase ? {
+      text: phrase
+    } : undefined,
+    ...props,
+    ...mergeDataAttributes(props, dataAttributes({
+      clickable: state.isClickable,
+      disabled: state.isDisabled
+    })),
+    children: children
+  });
+});
+StepperStepTrigger.displayName = 'StepperStepTrigger';
+//# sourceMappingURL=StepperStepTrigger.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","View","dataAttributes","mergeDataAttributes","useStepperContext","useStepperStep","StepperStepPressable","jsx","_jsx","StepperStepTrigger","children","props","ref","state","getStepAccessibilityText","phrase","Comp","isClickable","accessible","accessibilityValue","text","undefined","clickable","disabled","isDisabled","displayName"],"sourceRoot":"../../../src","sources":["stepper/StepperStepTrigger.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAA2B,OAAO;AACrD,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,cAAc,EAAEC,mBAAmB,QAAQ,yBAAyB;AAC7E,SAASC,iBAAiB,EAAEC,cAAc,QAAQ,WAAW;AAC7D,SAASC,oBAAoB,QAAQ,wBAAwB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG9D;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,kBAAkB,gBAAGT,UAAU,CAC1C,CAAC;EAAEU,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC/B,MAAMC,KAAK,GAAGR,cAAc,CAAC,CAAC;EAC9B,MAAM;IAAES;EAAyB,CAAC,GAAGV,iBAAiB,CAAC,CAAC;EACxD,MAAMW,MAAM,GAAGD,wBAAwB,CAACD,KAAK,CAAC;EAC9C,MAAMG,IAAI,GAAGH,KAAK,CAACI,WAAW,GAAGX,oBAAoB,GAAGL,IAAI;EAE5D,oBACEO,IAAA,CAACQ,IAAI;IACHJ,GAAG,EAAEA,GAAI;IACTM,UAAU;IACVC,kBAAkB,EAAEJ,MAAM,GAAG;MAAEK,IAAI,EAAEL;IAAO,CAAC,GAAGM,SAAU;IAAA,GACtDV,KAAK;IAAA,GACLR,mBAAmB,CACrBQ,KAAK,EACLT,cAAc,CAAC;MAAEoB,SAAS,EAAET,KAAK,CAACI,WAAW;MAAEM,QAAQ,EAAEV,KAAK,CAACW;IAAW,CAAC,CAC7E,CAAC;IAAAd,QAAA,EAEAA;EAAQ,CACL,CAAC;AAEX,CACF,CAAC;AAEDD,kBAAkB,CAACgB,WAAW,GAAG,oBAAoB","ignoreList":[]}

package/lib/module/stepper/StepperStepTrigger.web.js

@@ -0,0 +1,67 @@
+"use strict";
+
+import { forwardRef, useLayoutEffect, useMemo, useRef } from 'react';
+import { View } from 'react-native';
+import { VisuallyHidden } from '@react-aria/visually-hidden';
+import { composeEventHandlers, mergeRefs } from '@cdx-ui/utils';
+import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
+import { useStepperContext, useStepperStep } from './context';
+import { StepperStepPressable } from './StepperStepPressable';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * 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 const StepperStepTrigger = /*#__PURE__*/forwardRef(({
+  children,
+  ...props
+}, ref) => {
+  const state = useStepperStep();
+  const {
+    getStepAccessibilityText
+  } = useStepperContext();
+  const phrase = getStepAccessibilityText(state);
+  const Comp = state.isClickable ? StepperStepPressable : View;
+  const nodeRef = useRef(null);
+  const mergedRef = useMemo(() => mergeRefs(ref, nodeRef), [ref]);
+  // Activating a step makes it current, which swaps the focused button for a plain region
+  // and would drop focus to the document. Focus moves to that region instead, outside the
+  // Tab order.
+  const restoreFocusRef = useRef(false);
+  useLayoutEffect(() => {
+    const node = nodeRef.current;
+    if (!restoreFocusRef.current || state.isClickable || node === null) {
+      return;
+    }
+    restoreFocusRef.current = false;
+    node.tabIndex = -1;
+    node.focus({
+      preventScroll: true
+    });
+  }, [state.isClickable]);
+  const pressProps = state.isClickable ? {
+    onPress: () => {
+      restoreFocusRef.current = document.activeElement === nodeRef.current;
+    },
+    onBlur: composeEventHandlers(props.onBlur, () => {
+      restoreFocusRef.current = false;
+    })
+  } : {};
+  return /*#__PURE__*/_jsxs(Comp, {
+    ref: mergedRef,
+    ...props,
+    ...pressProps,
+    ...mergeDataAttributes(props, dataAttributes({
+      clickable: state.isClickable,
+      disabled: state.isDisabled
+    })),
+    children: [children, phrase ? /*#__PURE__*/_jsx(VisuallyHidden, {
+      elementType: "span",
+      children: `, ${phrase}`
+    }) : null]
+  });
+});
+StepperStepTrigger.displayName = 'StepperStepTrigger';
+//# sourceMappingURL=StepperStepTrigger.web.js.map

package/lib/module/stepper/StepperStepTrigger.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useLayoutEffect","useMemo","useRef","View","VisuallyHidden","composeEventHandlers","mergeRefs","dataAttributes","mergeDataAttributes","useStepperContext","useStepperStep","StepperStepPressable","jsx","_jsx","jsxs","_jsxs","StepperStepTrigger","children","props","ref","state","getStepAccessibilityText","phrase","Comp","isClickable","nodeRef","mergedRef","restoreFocusRef","node","current","tabIndex","focus","preventScroll","pressProps","onPress","document","activeElement","onBlur","clickable","disabled","isDisabled","elementType","displayName"],"sourceRoot":"../../../src","sources":["stepper/StepperStepTrigger.web.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,eAAe,EAAEC,OAAO,EAAEC,MAAM,QAA2B,OAAO;AACvF,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,cAAc,QAAQ,6BAA6B;AAC5D,SAASC,oBAAoB,EAAEC,SAAS,QAAQ,eAAe;AAC/D,SAASC,cAAc,EAAEC,mBAAmB,QAAQ,yBAAyB;AAC7E,SAASC,iBAAiB,EAAEC,cAAc,QAAQ,WAAW;AAC7D,SAASC,oBAAoB,QAAQ,wBAAwB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG9D;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,kBAAkB,gBAAGjB,UAAU,CAC1C,CAAC;EAAEkB,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC/B,MAAMC,KAAK,GAAGV,cAAc,CAAC,CAAC;EAC9B,MAAM;IAAEW;EAAyB,CAAC,GAAGZ,iBAAiB,CAAC,CAAC;EACxD,MAAMa,MAAM,GAAGD,wBAAwB,CAACD,KAAK,CAAC;EAC9C,MAAMG,IAAI,GAAGH,KAAK,CAACI,WAAW,GAAGb,oBAAoB,GAAGR,IAAI;EAE5D,MAAMsB,OAAO,GAAGvB,MAAM,CAAmC,IAAI,CAAC;EAC9D,MAAMwB,SAAS,GAAGzB,OAAO,CAAC,MAAMK,SAAS,CAACa,GAAG,EAAEM,OAAO,CAAC,EAAE,CAACN,GAAG,CAAC,CAAC;EAC/D;EACA;EACA;EACA,MAAMQ,eAAe,GAAGzB,MAAM,CAAC,KAAK,CAAC;EAErCF,eAAe,CAAC,MAAM;IACpB,MAAM4B,IAAI,GAAGH,OAAO,CAACI,OAAwC;IAC7D,IAAI,CAACF,eAAe,CAACE,OAAO,IAAIT,KAAK,CAACI,WAAW,IAAII,IAAI,KAAK,IAAI,EAAE;MAClE;IACF;IACAD,eAAe,CAACE,OAAO,GAAG,KAAK;IAC/BD,IAAI,CAACE,QAAQ,GAAG,CAAC,CAAC;IAClBF,IAAI,CAACG,KAAK,CAAC;MAAEC,aAAa,EAAE;IAAK,CAAC,CAAC;EACrC,CAAC,EAAE,CAACZ,KAAK,CAACI,WAAW,CAAC,CAAC;EAEvB,MAAMS,UAAU,GAAGb,KAAK,CAACI,WAAW,GAChC;IACEU,OAAO,EAAEA,CAAA,KAAM;MACbP,eAAe,CAACE,OAAO,GACrBM,QAAQ,CAACC,aAAa,KAAMX,OAAO,CAACI,OAAyC;IACjF,CAAC;IACDQ,MAAM,EAAEhC,oBAAoB,CAACa,KAAK,CAACmB,MAAM,EAAE,MAAM;MAC/CV,eAAe,CAACE,OAAO,GAAG,KAAK;IACjC,CAAC;EACH,CAAC,GACD,CAAC,CAAC;EAEN,oBACEd,KAAA,CAACQ,IAAI;IACHJ,GAAG,EAAEO,SAAU;IAAA,GACXR,KAAK;IAAA,GACLe,UAAU;IAAA,GACVzB,mBAAmB,CACrBU,KAAK,EACLX,cAAc,CAAC;MAAE+B,SAAS,EAAElB,KAAK,CAACI,WAAW;MAAEe,QAAQ,EAAEnB,KAAK,CAACoB;IAAW,CAAC,CAC7E,CAAC;IAAAvB,QAAA,GAEAA,QAAQ,EACRK,MAAM,gBAAGT,IAAA,CAACT,cAAc;MAACqC,WAAW,EAAC,MAAM;MAAAxB,QAAA,EAAE,KAAKK,MAAM;IAAE,CAAiB,CAAC,GAAG,IAAI;EAAA,CAChF,CAAC;AAEX,CACF,CAAC;AAEDN,kBAAkB,CAAC0B,WAAW,GAAG,oBAAoB","ignoreList":[]}

package/lib/module/stepper/context.js

@@ -0,0 +1,11 @@
+"use strict";
+
+import { createContext } from '@cdx-ui/utils';
+export const [StepperProvider, useStepperContext] = createContext('StepperContext');
+
+/** Position of a direct child of `StepperRoot`, supplied by the root while it renders. */
+export const [StepperIndexProvider, useStepperIndex] = createContext('StepperIndex');
+
+/** Resolved state of the enclosing step. `useStepperStep` throws outside a `StepperStep`. */
+export const [StepperStepProvider, useStepperStep] = createContext('StepperStep');
+//# sourceMappingURL=context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","StepperProvider","useStepperContext","StepperIndexProvider","useStepperIndex","StepperStepProvider","useStepperStep"],"sourceRoot":"../../../src","sources":["stepper/context.tsx"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,eAAe;AAG7C,OAAO,MAAM,CAACC,eAAe,EAAEC,iBAAiB,CAAC,GAC/CF,aAAa,CAAsB,gBAAgB,CAAC;;AAEtD;AACA,OAAO,MAAM,CAACG,oBAAoB,EAAEC,eAAe,CAAC,GAAGJ,aAAa,CAAS,cAAc,CAAC;;AAE5F;AACA,OAAO,MAAM,CAACK,mBAAmB,EAAEC,cAAc,CAAC,GAAGN,aAAa,CAAmB,aAAa,CAAC","ignoreList":[]}

package/lib/module/stepper/index.js

@@ -0,0 +1,7 @@
+"use strict";
+
+export { useStepperContext, useStepperIndex, useStepperStep } from './context';
+export { StepperRoot } from './StepperRoot';
+export { StepperStep } from './StepperStep';
+export { StepperStepTrigger } from './StepperStepTrigger';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useStepperContext","useStepperIndex","useStepperStep","StepperRoot","StepperStep","StepperStepTrigger"],"sourceRoot":"../../../src","sources":["stepper/index.ts"],"mappings":";;AAYA,SAASA,iBAAiB,EAAEC,eAAe,EAAEC,cAAc,QAAQ,WAAW;AAC9E,SAASC,WAAW,QAA+B,eAAe;AAClE,SAASC,WAAW,QAA+B,eAAe;AAClE,SAASC,kBAAkB,QAAQ,sBAAsB","ignoreList":[]}

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/progress-bar/ProgressBarIndicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBarIndicator.d.ts","sourceRoot":"","sources":["../../../src/progress-bar/ProgressBarIndicator.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAkB,MAAM,cAAc,CAAC;AAOpE,MAAM,WAAW,yBAA0B,SAAQ,SAAS;IAC1D,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,oBAAoB,4GAmBhC,CAAC"}
+{"version":3,"file":"ProgressBarIndicator.d.ts","sourceRoot":"","sources":["../../../src/progress-bar/ProgressBarIndicator.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,IAAI,EAEJ,KAAK,SAAS,EAEf,MAAM,cAAc,CAAC;AA0BtB,MAAM,WAAW,yBAA0B,SAAQ,SAAS;IAC1D,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,oBAAoB,4GAyEhC,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.7",
   "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.7",
+    "@cdx-ui/utils": "0.3.7"
   },
   "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';