@cdx-ui/components 0.3.4 → 0.3.6

package/lib/commonjs/components/Stepper/styles.js

@@ -0,0 +1,211 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.STEPPER_RING_STROKE_WIDTH = exports.STEPPER_INDICATOR_SIZE = void 0;
+exports.getStepperLayout = getStepperLayout;
+exports.stepperVariants = exports.stepperTitleVariants = exports.stepperStepVariants = exports.stepperStepTriggerVariants = exports.stepperStepMainVariants = exports.stepperStepLabelVariants = exports.stepperStepBodyVariants = exports.stepperSeparatorVariants = exports.stepperIndicatorVariants = exports.stepperIndicatorRingVariants = exports.stepperIndicatorNumeralVariants = exports.stepperIndicatorDiscVariants = exports.stepperIndicatorCheckVariants = exports.stepperDescriptionVariants = exports.stepperContentVariants = void 0;
+var _reactNative = require("react-native");
+var _utils = require("@cdx-ui/utils");
+var _constants = require("../../styles/constants");
+/** Indicator frame in px. The ring is drawn at this size around the 24px disc. */
+const STEPPER_INDICATOR_SIZE = exports.STEPPER_INDICATOR_SIZE = 34;
+const STEPPER_RING_STROKE_WIDTH = exports.STEPPER_RING_STROKE_WIDTH = 3;
+function getStepperLayout(orientation, labelPlacement) {
+  if (orientation === 'vertical') {
+    return 'vertical';
+  }
+  return labelPlacement === 'bottom' ? 'horizontal-bottom' : 'horizontal-end';
+}
+
+// Horizontal layouts:
+// - `horizontal-end` (label after the indicator): steps start at their content width and every
+//   step but the last grows; that growth goes to its in-flow separator. With `labelFit: 'words'`
+//   (web, while the row fits) steps keep their min-content width so labels wrap between words;
+//   with `'shrink'` RN Web's `min-width: 0` lets them shrink further so the row never overflows.
+// - `horizontal-bottom` (label centered below): equal columns; the separator is absolute, so it
+//   never affects column layout.
+const stepperVariants = exports.stepperVariants = (0, _utils.cva)([], {
+  variants: {
+    layout: {
+      vertical: 'flex-col',
+      'horizontal-end': 'w-full flex-row items-start',
+      'horizontal-bottom': 'w-full flex-row items-start'
+    }
+  },
+  defaultVariants: {
+    layout: 'vertical'
+  }
+});
+const stepperStepVariants = exports.stepperStepVariants = (0, _utils.cva)([], {
+  variants: {
+    layout: {
+      vertical: 'flex-row',
+      'horizontal-end': 'min-w-0 flex-row items-start',
+      'horizontal-bottom': 'relative min-w-0 flex-1 basis-0 items-center'
+    },
+    isLast: {
+      true: '',
+      false: ''
+    },
+    labelFit: {
+      words: '',
+      shrink: ''
+    }
+  },
+  compoundVariants: [{
+    layout: 'horizontal-end',
+    isLast: false,
+    className: 'grow shrink basis-auto pe-2'
+  }, {
+    layout: 'horizontal-end',
+    isLast: true,
+    className: 'shrink'
+  }, {
+    layout: 'horizontal-end',
+    labelFit: 'words',
+    className: 'min-w-auto'
+  }],
+  defaultVariants: {
+    layout: 'vertical',
+    isLast: false,
+    labelFit: 'shrink'
+  }
+});
+
+// Unexported layout wrappers inside `Stepper.Step` (no `data-slot`).
+const stepperStepMainVariants = exports.stepperStepMainVariants = (0, _utils.cva)(['min-w-0'], {
+  variants: {
+    layout: {
+      vertical: 'flex-1',
+      'horizontal-end': 'shrink',
+      'horizontal-bottom': 'items-center self-stretch px-2'
+    },
+    labelFit: {
+      words: '',
+      shrink: ''
+    }
+  },
+  compoundVariants: [{
+    layout: 'horizontal-end',
+    labelFit: 'words',
+    className: 'min-w-auto'
+  }],
+  defaultVariants: {
+    layout: 'vertical',
+    labelFit: 'shrink'
+  }
+});
+
+// Each layout pads the hover and press fill and cancels it with an equal negative margin, so a
+// step keeps its geometry when it becomes clickable. The 24px disc sits 5px inside its 34px
+// frame, so sides bounded by the disc get 4px and sides bounded by text get 9px; the fill then
+// looks evenly padded. Each layout aligns the trigger to its content (`self-start`, or
+// `self-center` under a centered label) so the fill hugs the indicator and label instead of
+// spanning the step. Hover, press and focus-visible use the `Tabs` hover tokens and the Forge
+// focus ring until the designer specifies clickable-step states.
+const stepperStepTriggerVariants = exports.stepperStepTriggerVariants = (0, _utils.cva)(['rounded-md', _constants.TRANSITION_COLORS, _reactNative.Platform.select({
+  default: 'data-[active=true]:bg-surface-secondary-active',
+  web: ['outline-none data-[clickable=true]:cursor-pointer', 'data-[hover=true]:bg-surface-secondary-hover data-[active=true]:data-[hover=true]:bg-surface-secondary-active', 'web:data-[focus-visible=true]:ring-2 web:data-[focus-visible=true]:ring-stroke-focus web:data-[focus-visible=true]:ring-offset-2'].join(' ')
+})], {
+  variants: {
+    layout: {
+      vertical: 'flex-row items-start self-start gap-2 -my-1 -ms-1 -me-[9px] py-1 ps-1 pe-[9px]',
+      'horizontal-end': 'flex-row items-start self-start gap-2 -my-1 -ms-1 -me-[9px] py-1 ps-1 pe-[9px]',
+      'horizontal-bottom': 'min-w-0 items-center self-center gap-1 -mx-[9px] -mt-1 -mb-[9px] px-[9px] pt-1 pb-[9px]'
+    }
+  },
+  defaultVariants: {
+    layout: 'vertical'
+  }
+});
+const stepperStepLabelVariants = exports.stepperStepLabelVariants = (0, _utils.cva)(['min-w-0'], {
+  variants: {
+    layout: {
+      vertical: 'shrink py-[7px]',
+      'horizontal-end': 'shrink py-[7px]',
+      'horizontal-bottom': 'self-stretch'
+    },
+    labelFit: {
+      words: '',
+      shrink: ''
+    }
+  },
+  compoundVariants: [{
+    layout: 'horizontal-end',
+    labelFit: 'words',
+    className: 'min-w-auto'
+  }],
+  defaultVariants: {
+    layout: 'vertical',
+    labelFit: 'shrink'
+  }
+});
+const stepperStepBodyVariants = exports.stepperStepBodyVariants = (0, _utils.cva)([], {
+  variants: {
+    layout: {
+      vertical: 'ps-[42px]',
+      'horizontal-end': 'ps-[42px]',
+      'horizontal-bottom': 'self-stretch'
+    }
+  },
+  defaultVariants: {
+    layout: 'vertical'
+  }
+});
+
+// Indicator, disc, numeral and check each emit their own `data-current` because native
+// Uniwind cannot style a child from its parent's data attributes.
+const stepperIndicatorVariants = exports.stepperIndicatorVariants = (0, _utils.cva)(['relative size-[34px] shrink-0 items-center justify-center']);
+const stepperIndicatorRingVariants = exports.stepperIndicatorRingVariants = (0, _utils.cva)(['pointer-events-none absolute inset-0']);
+const stepperIndicatorDiscVariants = exports.stepperIndicatorDiscVariants = (0, _utils.cva)(['size-6 items-center justify-center rounded-full', 'bg-surface-neutral-strong data-[current=true]:bg-surface-brand-strong']);
+const stepperIndicatorNumeralVariants = exports.stepperIndicatorNumeralVariants = (0, _utils.cva)(['body-sm font-medium', 'text-content-neutral-on-strong data-[current=true]:text-content-brand-on-strong']);
+const stepperIndicatorCheckVariants = exports.stepperIndicatorCheckVariants = (0, _utils.cva)(['size-7 text-content-neutral data-[current=true]:text-content-brand']);
+
+// Native text alignment does not inherit from a parent `View`, so centered labels set it on
+// each text part.
+const stepperTitleVariants = exports.stepperTitleVariants = (0, _utils.cva)(['body-md text-content-secondary', 'data-[current=true]:font-medium data-[current=true]:text-content-primary'], {
+  variants: {
+    isCentered: {
+      true: 'text-center',
+      false: ''
+    }
+  },
+  defaultVariants: {
+    isCentered: false
+  }
+});
+const stepperDescriptionVariants = exports.stepperDescriptionVariants = (0, _utils.cva)(['body-sm text-content-secondary'], {
+  variants: {
+    isCentered: {
+      true: 'text-center',
+      false: ''
+    }
+  },
+  defaultVariants: {
+    isCentered: false
+  }
+});
+const stepperContentVariants = exports.stepperContentVariants = (0, _utils.cva)(['gap-2 py-2']);
+
+// Vertical: rendered before the step's main column with zero net width, centered under the
+// 34px frame; `self-stretch` follows the title and content.
+// `horizontal-end`: in flow after the label, centered on the frame's height; it takes the
+// step's growth, and the step's `pe-2` leaves 8px before the next indicator.
+// `horizontal-bottom`: absolute from this column's center to the next one's (columns are equal
+// and have no gap), inset 25px at each end: half the 34px frame plus 8px.
+// `z-10` keeps the line above a clickable trigger's hover and press fill.
+const stepperSeparatorVariants = exports.stepperSeparatorVariants = (0, _utils.cva)(['z-10 bg-stroke-secondary'], {
+  variants: {
+    layout: {
+      vertical: 'relative mt-[34px] min-h-6 w-px self-stretch ms-[16.5px] -me-[17.5px]',
+      'horizontal-end': 'relative mt-[16.5px] h-px min-w-6 flex-1 ms-2',
+      'horizontal-bottom': 'absolute top-[16.5px] start-[50%] end-[-50%] h-px ms-[25px] me-[25px]'
+    }
+  },
+  defaultVariants: {
+    layout: 'vertical'
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/components/Stepper/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_utils","_constants","STEPPER_INDICATOR_SIZE","exports","STEPPER_RING_STROKE_WIDTH","getStepperLayout","orientation","labelPlacement","stepperVariants","cva","variants","layout","vertical","defaultVariants","stepperStepVariants","isLast","true","false","labelFit","words","shrink","compoundVariants","className","stepperStepMainVariants","stepperStepTriggerVariants","TRANSITION_COLORS","Platform","select","default","web","join","stepperStepLabelVariants","stepperStepBodyVariants","stepperIndicatorVariants","stepperIndicatorRingVariants","stepperIndicatorDiscVariants","stepperIndicatorNumeralVariants","stepperIndicatorCheckVariants","stepperTitleVariants","isCentered","stepperDescriptionVariants","stepperContentVariants","stepperSeparatorVariants"],"sourceRoot":"../../../../src","sources":["components/Stepper/styles.ts"],"mappings":";;;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAEA;AACO,MAAMG,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG,EAAE;AACjC,MAAME,yBAAyB,GAAAD,OAAA,CAAAC,yBAAA,GAAG,CAAC;AAInC,SAASC,gBAAgBA,CAC9BC,WAA+B,EAC/BC,cAAqC,EACtB;EACf,IAAID,WAAW,KAAK,UAAU,EAAE;IAC9B,OAAO,UAAU;EACnB;EACA,OAAOC,cAAc,KAAK,QAAQ,GAAG,mBAAmB,GAAG,gBAAgB;AAC7E;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,eAAe,GAAAL,OAAA,CAAAK,eAAA,GAAG,IAAAC,UAAG,EAAC,EAAE,EAAE;EACrCC,QAAQ,EAAE;IACRC,MAAM,EAAE;MACNC,QAAQ,EAAE,UAAU;MACpB,gBAAgB,EAAE,6BAA6B;MAC/C,mBAAmB,EAAE;IACvB;EACF,CAAC;EACDC,eAAe,EAAE;IACfF,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAEK,MAAMG,mBAAmB,GAAAX,OAAA,CAAAW,mBAAA,GAAG,IAAAL,UAAG,EAAC,EAAE,EAAE;EACzCC,QAAQ,EAAE;IACRC,MAAM,EAAE;MACNC,QAAQ,EAAE,UAAU;MACpB,gBAAgB,EAAE,8BAA8B;MAChD,mBAAmB,EAAE;IACvB,CAAC;IACDG,MAAM,EAAE;MACNC,IAAI,EAAE,EAAE;MACRC,KAAK,EAAE;IACT,CAAC;IACDC,QAAQ,EAAE;MACRC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE;IACV;EACF,CAAC;EACDC,gBAAgB,EAAE,CAChB;IAAEV,MAAM,EAAE,gBAAgB;IAAEI,MAAM,EAAE,KAAK;IAAEO,SAAS,EAAE;EAA8B,CAAC,EACrF;IAAEX,MAAM,EAAE,gBAAgB;IAAEI,MAAM,EAAE,IAAI;IAAEO,SAAS,EAAE;EAAS,CAAC,EAC/D;IAAEX,MAAM,EAAE,gBAAgB;IAAEO,QAAQ,EAAE,OAAO;IAAEI,SAAS,EAAE;EAAa,CAAC,CACzE;EACDT,eAAe,EAAE;IACfF,MAAM,EAAE,UAAU;IAClBI,MAAM,EAAE,KAAK;IACbG,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;;AAEF;AACO,MAAMK,uBAAuB,GAAApB,OAAA,CAAAoB,uBAAA,GAAG,IAAAd,UAAG,EAAC,CAAC,SAAS,CAAC,EAAE;EACtDC,QAAQ,EAAE;IACRC,MAAM,EAAE;MACNC,QAAQ,EAAE,QAAQ;MAClB,gBAAgB,EAAE,QAAQ;MAC1B,mBAAmB,EAAE;IACvB,CAAC;IACDM,QAAQ,EAAE;MACRC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE;IACV;EACF,CAAC;EACDC,gBAAgB,EAAE,CAAC;IAAEV,MAAM,EAAE,gBAAgB;IAAEO,QAAQ,EAAE,OAAO;IAAEI,SAAS,EAAE;EAAa,CAAC,CAAC;EAC5FT,eAAe,EAAE;IACfF,MAAM,EAAE,UAAU;IAClBO,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMM,0BAA0B,GAAArB,OAAA,CAAAqB,0BAAA,GAAG,IAAAf,UAAG,EAC3C,CACE,YAAY,EACZgB,4BAAiB,EACjBC,qBAAQ,CAACC,MAAM,CAAC;EACdC,OAAO,EAAE,gDAAgD;EACzDC,GAAG,EAAE,CACH,mDAAmD,EACnD,+GAA+G,EAC/G,kIAAkI,CACnI,CAACC,IAAI,CAAC,GAAG;AACZ,CAAC,CAAC,CACH,EACD;EACEpB,QAAQ,EAAE;IACRC,MAAM,EAAE;MACNC,QAAQ,EAAE,gFAAgF;MAC1F,gBAAgB,EACd,gFAAgF;MAClF,mBAAmB,EACjB;IACJ;EACF,CAAC;EACDC,eAAe,EAAE;IACfF,MAAM,EAAE;EACV;AACF,CACF,CAAC;AAEM,MAAMoB,wBAAwB,GAAA5B,OAAA,CAAA4B,wBAAA,GAAG,IAAAtB,UAAG,EAAC,CAAC,SAAS,CAAC,EAAE;EACvDC,QAAQ,EAAE;IACRC,MAAM,EAAE;MACNC,QAAQ,EAAE,iBAAiB;MAC3B,gBAAgB,EAAE,iBAAiB;MACnC,mBAAmB,EAAE;IACvB,CAAC;IACDM,QAAQ,EAAE;MACRC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE;IACV;EACF,CAAC;EACDC,gBAAgB,EAAE,CAAC;IAAEV,MAAM,EAAE,gBAAgB;IAAEO,QAAQ,EAAE,OAAO;IAAEI,SAAS,EAAE;EAAa,CAAC,CAAC;EAC5FT,eAAe,EAAE;IACfF,MAAM,EAAE,UAAU;IAClBO,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAEK,MAAMc,uBAAuB,GAAA7B,OAAA,CAAA6B,uBAAA,GAAG,IAAAvB,UAAG,EAAC,EAAE,EAAE;EAC7CC,QAAQ,EAAE;IACRC,MAAM,EAAE;MACNC,QAAQ,EAAE,WAAW;MACrB,gBAAgB,EAAE,WAAW;MAC7B,mBAAmB,EAAE;IACvB;EACF,CAAC;EACDC,eAAe,EAAE;IACfF,MAAM,EAAE;EACV;AACF,CAAC,CAAC;;AAEF;AACA;AACO,MAAMsB,wBAAwB,GAAA9B,OAAA,CAAA8B,wBAAA,GAAG,IAAAxB,UAAG,EAAC,CAC1C,2DAA2D,CAC5D,CAAC;AAEK,MAAMyB,4BAA4B,GAAA/B,OAAA,CAAA+B,4BAAA,GAAG,IAAAzB,UAAG,EAAC,CAAC,sCAAsC,CAAC,CAAC;AAElF,MAAM0B,4BAA4B,GAAAhC,OAAA,CAAAgC,4BAAA,GAAG,IAAA1B,UAAG,EAAC,CAC9C,iDAAiD,EACjD,uEAAuE,CACxE,CAAC;AAEK,MAAM2B,+BAA+B,GAAAjC,OAAA,CAAAiC,+BAAA,GAAG,IAAA3B,UAAG,EAAC,CACjD,qBAAqB,EACrB,iFAAiF,CAClF,CAAC;AAEK,MAAM4B,6BAA6B,GAAAlC,OAAA,CAAAkC,6BAAA,GAAG,IAAA5B,UAAG,EAAC,CAC/C,oEAAoE,CACrE,CAAC;;AAEF;AACA;AACO,MAAM6B,oBAAoB,GAAAnC,OAAA,CAAAmC,oBAAA,GAAG,IAAA7B,UAAG,EACrC,CACE,gCAAgC,EAChC,0EAA0E,CAC3E,EACD;EACEC,QAAQ,EAAE;IACR6B,UAAU,EAAE;MACVvB,IAAI,EAAE,aAAa;MACnBC,KAAK,EAAE;IACT;EACF,CAAC;EACDJ,eAAe,EAAE;IACf0B,UAAU,EAAE;EACd;AACF,CACF,CAAC;AAEM,MAAMC,0BAA0B,GAAArC,OAAA,CAAAqC,0BAAA,GAAG,IAAA/B,UAAG,EAAC,CAAC,gCAAgC,CAAC,EAAE;EAChFC,QAAQ,EAAE;IACR6B,UAAU,EAAE;MACVvB,IAAI,EAAE,aAAa;MACnBC,KAAK,EAAE;IACT;EACF,CAAC;EACDJ,eAAe,EAAE;IACf0B,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEK,MAAME,sBAAsB,GAAAtC,OAAA,CAAAsC,sBAAA,GAAG,IAAAhC,UAAG,EAAC,CAAC,YAAY,CAAC,CAAC;;AAEzD;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMiC,wBAAwB,GAAAvC,OAAA,CAAAuC,wBAAA,GAAG,IAAAjC,UAAG,EAAC,CAAC,0BAA0B,CAAC,EAAE;EACxEC,QAAQ,EAAE;IACRC,MAAM,EAAE;MACNC,QAAQ,EAAE,uEAAuE;MACjF,gBAAgB,EAAE,+CAA+C;MACjE,mBAAmB,EAAE;IACvB;EACF,CAAC;EACDC,eAAe,EAAE;IACfF,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/components/Stepper/useStepperLabelFit.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStepperLabelFit = useStepperLabelFit;
+/**
+ * How `horizontal-end` labels give way when the row runs out of room. `'words'` keeps each
+ * step at least as wide as its longest word, so labels wrap only between words; `'shrink'` lets
+ * steps shrink below that so the row never overflows.
+ */
+
+const NATIVE_RESULT = {
+  fit: 'shrink',
+  measureRef: undefined
+};
+
+/** Native layout has no min-content sizing, so steps always shrink to fit. */
+function useStepperLabelFit(_enabled, _count) {
+  return NATIVE_RESULT;
+}
+//# sourceMappingURL=useStepperLabelFit.js.map

package/lib/commonjs/components/Stepper/useStepperLabelFit.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["NATIVE_RESULT","fit","measureRef","undefined","useStepperLabelFit","_enabled","_count"],"sourceRoot":"../../../../src","sources":["components/Stepper/useStepperLabelFit.ts"],"mappings":";;;;;;AAGA;AACA;AACA;AACA;AACA;;AAQA,MAAMA,aAAoC,GAAG;EAAEC,GAAG,EAAE,QAAQ;EAAEC,UAAU,EAAEC;AAAU,CAAC;;AAErF;AACO,SAASC,kBAAkBA,CAACC,QAAiB,EAAEC,MAAc,EAAyB;EAC3F,OAAON,aAAa;AACtB","ignoreList":[]}

package/lib/commonjs/components/Stepper/useStepperLabelFit.web.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStepperLabelFit = useStepperLabelFit;
+var _react = require("react");
+/**
+ * CSS flex cannot keep min-content minimums only while they fit: `min-width: auto` overflows a
+ * tight row and `min-width: 0` breaks words even when there is room. So labels start at
+ * `'words'`, and if the root then overflows they switch to `'shrink'` before paint. The decision
+ * is kept until the root's width or the step count changes.
+ */
+function useStepperLabelFit(enabled, count) {
+  const [node, setNode] = (0, _react.useState)(null);
+  const [width, setWidth] = (0, _react.useState)(0);
+  const [decision, setDecision] = (0, _react.useState)(null);
+  const key = `${String(width)}:${String(count)}`;
+  const fit = decision?.key === key ? decision.fit : 'words';
+  (0, _react.useEffect)(() => {
+    if (!enabled || node === null || typeof ResizeObserver === 'undefined') {
+      return undefined;
+    }
+    const observer = new ResizeObserver(() => {
+      setWidth(node.clientWidth);
+    });
+    observer.observe(node);
+    return () => observer.disconnect();
+  }, [enabled, node]);
+
+  // No deps: label text can change without resizing the root, and the measurement is cheap.
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  (0, _react.useLayoutEffect)(() => {
+    if (!enabled || node === null || fit !== 'words') {
+      return;
+    }
+    if (node.scrollWidth > node.clientWidth + 1) {
+      setDecision({
+        key,
+        fit: 'shrink'
+      });
+    }
+  });
+  const measureRef = (0, _react.useCallback)(value => {
+    setNode(value);
+  }, []);
+  return {
+    fit: enabled ? fit : 'shrink',
+    measureRef: enabled ? measureRef : undefined
+  };
+}
+//# sourceMappingURL=useStepperLabelFit.web.js.map

package/lib/commonjs/components/Stepper/useStepperLabelFit.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","useStepperLabelFit","enabled","count","node","setNode","useState","width","setWidth","decision","setDecision","key","String","fit","useEffect","ResizeObserver","undefined","observer","clientWidth","observe","disconnect","useLayoutEffect","scrollWidth","measureRef","useCallback","value"],"sourceRoot":"../../../../src","sources":["components/Stepper/useStepperLabelFit.web.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAWA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,kBAAkBA,CAACC,OAAgB,EAAEC,KAAa,EAAyB;EACzF,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAG,IAAAC,eAAQ,EAAqB,IAAI,CAAC;EAC1D,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAG,IAAAF,eAAQ,EAAC,CAAC,CAAC;EACrC,MAAM,CAACG,QAAQ,EAAEC,WAAW,CAAC,GAAG,IAAAJ,eAAQ,EAAqB,IAAI,CAAC;EAElE,MAAMK,GAAG,GAAG,GAAGC,MAAM,CAACL,KAAK,CAAC,IAAIK,MAAM,CAACT,KAAK,CAAC,EAAE;EAC/C,MAAMU,GAAoB,GAAGJ,QAAQ,EAAEE,GAAG,KAAKA,GAAG,GAAGF,QAAQ,CAACI,GAAG,GAAG,OAAO;EAE3E,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAI,CAACZ,OAAO,IAAIE,IAAI,KAAK,IAAI,IAAI,OAAOW,cAAc,KAAK,WAAW,EAAE;MACtE,OAAOC,SAAS;IAClB;IACA,MAAMC,QAAQ,GAAG,IAAIF,cAAc,CAAC,MAAM;MACxCP,QAAQ,CAACJ,IAAI,CAACc,WAAW,CAAC;IAC5B,CAAC,CAAC;IACFD,QAAQ,CAACE,OAAO,CAACf,IAAI,CAAC;IACtB,OAAO,MAAMa,QAAQ,CAACG,UAAU,CAAC,CAAC;EACpC,CAAC,EAAE,CAAClB,OAAO,EAAEE,IAAI,CAAC,CAAC;;EAEnB;EACA;EACA,IAAAiB,sBAAe,EAAC,MAAM;IACpB,IAAI,CAACnB,OAAO,IAAIE,IAAI,KAAK,IAAI,IAAIS,GAAG,KAAK,OAAO,EAAE;MAChD;IACF;IACA,IAAIT,IAAI,CAACkB,WAAW,GAAGlB,IAAI,CAACc,WAAW,GAAG,CAAC,EAAE;MAC3CR,WAAW,CAAC;QAAEC,GAAG;QAAEE,GAAG,EAAE;MAAS,CAAC,CAAC;IACrC;EACF,CAAC,CAAC;EAEF,MAAMU,UAAU,GAAG,IAAAC,kBAAW,EAAqBC,KAAK,IAAK;IAC3DpB,OAAO,CAACoB,KAAsC,CAAC;EACjD,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IAAEZ,GAAG,EAAEX,OAAO,GAAGW,GAAG,GAAG,QAAQ;IAAEU,UAAU,EAAErB,OAAO,GAAGqB,UAAU,GAAGP;EAAU,CAAC;AACxF","ignoreList":[]}

package/lib/commonjs/components/Stepper/useStepperRingColors.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStepperRingColors = useStepperRingColors;
+var _uniwind = require("uniwind");
+/** Light-theme fallbacks when Uniwind CSS context is unavailable (e.g. Jest). */
+const FALLBACKS = {
+  track: '#e9e9e9',
+  brand: '#346099',
+  neutral: '#616263'
+};
+function toColor(value, fallback) {
+  if (typeof value === 'string' && value.length > 0) {
+    return value;
+  }
+  return fallback;
+}
+
+/** Ring stroke colors for `Stepper.Indicator`: brand on the current step, neutral otherwise. */
+function useStepperRingColors(isCurrent) {
+  const trackToken = (0, _uniwind.useCSSVariable)('--color-stroke-secondary');
+  const brandToken = (0, _uniwind.useCSSVariable)('--color-surface-brand-strong');
+  const neutralToken = (0, _uniwind.useCSSVariable)('--color-surface-neutral-strong');
+  return {
+    track: toColor(trackToken, FALLBACKS.track),
+    indicator: isCurrent ? toColor(brandToken, FALLBACKS.brand) : toColor(neutralToken, FALLBACKS.neutral)
+  };
+}
+//# sourceMappingURL=useStepperRingColors.js.map

package/lib/commonjs/components/Stepper/useStepperRingColors.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_uniwind","require","FALLBACKS","track","brand","neutral","toColor","value","fallback","length","useStepperRingColors","isCurrent","trackToken","useCSSVariable","brandToken","neutralToken","indicator"],"sourceRoot":"../../../../src","sources":["components/Stepper/useStepperRingColors.ts"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAEA;AACA,MAAMC,SAAS,GAAG;EAChBC,KAAK,EAAE,SAAS;EAChBC,KAAK,EAAE,SAAS;EAChBC,OAAO,EAAE;AACX,CAAU;AAEV,SAASC,OAAOA,CAACC,KAAkC,EAAEC,QAAgB,EAAU;EAC7E,IAAI,OAAOD,KAAK,KAAK,QAAQ,IAAIA,KAAK,CAACE,MAAM,GAAG,CAAC,EAAE;IACjD,OAAOF,KAAK;EACd;EACA,OAAOC,QAAQ;AACjB;;AAEA;AACO,SAASE,oBAAoBA,CAACC,SAAkB,EAAE;EACvD,MAAMC,UAAU,GAAG,IAAAC,uBAAc,EAAC,0BAA0B,CAAC;EAC7D,MAAMC,UAAU,GAAG,IAAAD,uBAAc,EAAC,8BAA8B,CAAC;EACjE,MAAME,YAAY,GAAG,IAAAF,uBAAc,EAAC,gCAAgC,CAAC;EAErE,OAAO;IACLV,KAAK,EAAEG,OAAO,CAACM,UAAU,EAAEV,SAAS,CAACC,KAAK,CAAC;IAC3Ca,SAAS,EAAEL,SAAS,GAChBL,OAAO,CAACQ,UAAU,EAAEZ,SAAS,CAACE,KAAK,CAAC,GACpCE,OAAO,CAACS,YAAY,EAAEb,SAAS,CAACG,OAAO;EAC7C,CAAC;AACH","ignoreList":[]}

package/lib/commonjs/components/SystemAlert/animation.js

@@ -0,0 +1,218 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SYSTEM_ALERT_WEB_SAFETY_MS = exports.SYSTEM_ALERT_EXIT_MS = exports.SYSTEM_ALERT_ENTER_MS = void 0;
+exports.useSystemAlertPresence = useSystemAlertPresence;
+exports.useSystemAlertSurfaceStyle = useSystemAlertSurfaceStyle;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeReanimated = require("react-native-reanimated");
+var _reactNativeWorklets = require("react-native-worklets");
+var _animation = require("../../animation");
+// No motion spec exists for SystemAlert; these mirror FullScreenDialog's surface motion.
+const SYSTEM_ALERT_ENTER_MS = exports.SYSTEM_ALERT_ENTER_MS = 300;
+const SYSTEM_ALERT_EXIT_MS = exports.SYSTEM_ALERT_EXIT_MS = 220;
+/** Unmounts an exiting web surface when `transitionend` never fires (reduced motion, hidden tab). */
+const SYSTEM_ALERT_WEB_SAFETY_MS = exports.SYSTEM_ALERT_WEB_SAFETY_MS = SYSTEM_ALERT_EXIT_MS + 100;
+const ENTER_TIMING = {
+  duration: SYSTEM_ALERT_ENTER_MS,
+  easing: _reactNativeReanimated.Easing.bezier(0.32, 0.72, 0, 1)
+};
+const EXIT_TIMING = {
+  duration: SYSTEM_ALERT_EXIT_MS,
+  easing: _reactNativeReanimated.Easing.bezier(0.4, 0, 1, 1)
+};
+
+/**
+ * `entering` and `exiting` exist only while motion runs. With motion off, `isOpen`
+ * moves straight between `open` and `closed`.
+ */
+
+/** Web `data-state`. `exiting` maps to `closed`, as in Dialog and FullScreenDialog. */
+
+/**
+ * Presence lifecycle and contact-push motion for an in-flow SystemAlert. One value, the
+ * surface's bottom edge `b`, is driven; the wrapper's height is `max(collapsedHeight, b)`,
+ * so content below only moves once the surface leaves the reserved strip.
+ *
+ * Web runs the same lifecycle on CSS transitions keyed on `data-state` instead of Reanimated:
+ * `entering` → (rAF) → `open`, and `closed` → `transitionend` on the wrapper's `height`, or a
+ * safety timer → unmount. The inset is 0 there, so the wrapper's height is `b`, and the surface,
+ * aligned to the wrapper's bottom edge, follows the same transition.
+ */
+function useSystemAlertPresence({
+  isOpen,
+  animation,
+  collapsedHeight
+}) {
+  const isWeb = _reactNative.Platform.OS === 'web';
+  const isAllAnimationsDisabled = (0, _animation.useCombinedAnimationDisabledState)(animation);
+  const hasMotion = !isAllAnimationsDisabled;
+  const [phase, setPhase] = (0, _react.useState)(isOpen ? 'open' : 'closed');
+  const [prevIsOpen, setPrevIsOpen] = (0, _react.useState)(isOpen);
+  if (isOpen !== prevIsOpen) {
+    setPrevIsOpen(isOpen);
+    if (isOpen) {
+      setPhase(hasMotion ? 'entering' : 'open');
+    } else {
+      setPhase(hasMotion ? 'exiting' : 'closed');
+    }
+  }
+  const edge = (0, _reactNativeReanimated.useSharedValue)(0);
+  const surfaceHeight = (0, _reactNativeReanimated.useSharedValue)(0);
+  const isSettled = (0, _reactNativeReanimated.useSharedValue)(isOpen);
+  const [webSurfaceHeight, setWebSurfaceHeight] = (0, _react.useState)(0);
+  const wrapperRef = (0, _react.useRef)(null);
+
+  // Read by the surface's layout callbacks, which run before this hook's own effects.
+  const phaseRef = (0, _react.useRef)(phase);
+  phaseRef.current = phase;
+  // The JS-side copy of `surfaceHeight`. A shared value read on the JS thread right after a
+  // JS write can still return the old value, which would start the first enter toward 0.
+  const surfaceHeightRef = (0, _react.useRef)(0);
+  const settle = (0, _react.useCallback)((from, to) => {
+    setPhase(current => current === from ? to : current);
+  }, []);
+
+  // `withTiming` starts from the current edge, so a reversal continues from where it is.
+  const startEnter = (0, _react.useCallback)(() => {
+    edge.set((0, _reactNativeReanimated.withTiming)(surfaceHeightRef.current, ENTER_TIMING, finished => {
+      'worklet';
+
+      if (finished) (0, _reactNativeWorklets.scheduleOnRN)(settle, 'entering', 'open');
+    }));
+  }, [edge, settle]);
+  const setSurfaceHeight = (0, _react.useCallback)(height => {
+    if (height <= 0) return;
+    if (isWeb) {
+      setWebSurfaceHeight(height);
+      return;
+    }
+    if (height === surfaceHeightRef.current) return;
+    surfaceHeightRef.current = height;
+    surfaceHeight.set(height);
+    if (phaseRef.current === 'open') {
+      edge.set(height);
+    } else if (phaseRef.current === 'entering') {
+      startEnter();
+    }
+  }, [isWeb, edge, surfaceHeight, startEnter]);
+
+  // A layout effect so the surface's synchronous measurement (a child effect) has already
+  // run and the first animated frame targets the measured height. Without one, `onLayout`
+  // starts the enter through `setSurfaceHeight`.
+  (0, _react.useLayoutEffect)(() => {
+    if (isWeb) return;
+    switch (phase) {
+      case 'open':
+        edge.set(surfaceHeightRef.current);
+        isSettled.set(true);
+        break;
+      case 'closed':
+        isSettled.set(false);
+        edge.set(0);
+        break;
+      case 'entering':
+        isSettled.set(false);
+        if (surfaceHeightRef.current > 0) startEnter();
+        break;
+      case 'exiting':
+        isSettled.set(false);
+        edge.set((0, _reactNativeReanimated.withTiming)(0, EXIT_TIMING, finished => {
+          'worklet';
+
+          if (finished) (0, _reactNativeWorklets.scheduleOnRN)(settle, 'exiting', 'closed');
+        }));
+        break;
+    }
+  }, [isWeb, phase, edge, isSettled, startEnter, settle]);
+
+  // One frame at `entering` (height 0, surface above the clip) so the browser has a start
+  // value to transition from.
+  (0, _react.useEffect)(() => {
+    if (!isWeb || phase !== 'entering') return;
+    const frame = requestAnimationFrame(() => {
+      settle('entering', 'open');
+    });
+    return () => cancelAnimationFrame(frame);
+  }, [isWeb, phase, settle]);
+  (0, _react.useEffect)(() => {
+    if (!isWeb || phase !== 'exiting') return;
+    const node = wrapperRef.current;
+    const finish = () => {
+      settle('exiting', 'closed');
+    };
+    const safetyTimer = setTimeout(finish, SYSTEM_ALERT_WEB_SAFETY_MS);
+    if (typeof node?.addEventListener !== 'function') {
+      return () => clearTimeout(safetyTimer);
+    }
+
+    // The surface's own `transform` transition bubbles here too.
+    const handleTransitionEnd = event => {
+      if (event.target !== node) return;
+      if (event.propertyName === 'height') finish();
+    };
+    node.addEventListener('transitionend', handleTransitionEnd);
+    return () => {
+      clearTimeout(safetyTimer);
+      node.removeEventListener('transitionend', handleTransitionEnd);
+    };
+  }, [isWeb, phase, settle]);
+
+  // CSS cannot transition to `auto`, so a moving wrapper gets the measured px height.
+  // Before the first measurement (or with motion off) it sizes to its content; `auto` → px
+  // does not transition, so a banner shown on first render does not animate.
+  let webWrapperHeight;
+  if (isWeb && hasMotion) {
+    webWrapperHeight = phase === 'open' ? webSurfaceHeight || undefined : 0;
+  }
+
+  // Explicit deps for Vite/web without the Reanimated Babel plugin.
+  const wrapperStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    height: isSettled.get() ? 'auto' : Math.max(collapsedHeight, edge.get())
+  }), [isSettled, edge, collapsedHeight]);
+  return {
+    phase,
+    isSurfaceMounted: phase !== 'closed',
+    wrapperStyle,
+    setSurfaceHeight,
+    edge,
+    surfaceHeight,
+    isSettled,
+    webState: isWeb ? phase === 'exiting' ? 'closed' : phase : undefined,
+    webWrapperHeight,
+    wrapperRef
+  };
+}
+
+/**
+ * The surface's slide, `translateY = b − H`. Call it from a component that mounts with the
+ * surface: Reanimated computes the initial style once, on the hook's first render.
+ */
+function useSystemAlertSurfaceStyle({
+  edge,
+  surfaceHeight,
+  isSettled
+}) {
+  const {
+    height: windowHeight
+  } = (0, _reactNative.useWindowDimensions)();
+
+  // Explicit deps for Vite/web without the Reanimated Babel plugin.
+  return (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    const height = surfaceHeight.get();
+    let translateY = 0;
+    if (!isSettled.get()) {
+      // Before the first measurement, park the surface above the clip.
+      translateY = height > 0 ? edge.get() - height : -windowHeight;
+    }
+    return {
+      transform: [{
+        translateY
+      }]
+    };
+  }, [edge, surfaceHeight, isSettled, windowHeight]);
+}
+//# sourceMappingURL=animation.js.map

package/lib/commonjs/components/SystemAlert/animation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_reactNativeWorklets","_animation","SYSTEM_ALERT_ENTER_MS","exports","SYSTEM_ALERT_EXIT_MS","SYSTEM_ALERT_WEB_SAFETY_MS","ENTER_TIMING","duration","easing","Easing","bezier","EXIT_TIMING","useSystemAlertPresence","isOpen","animation","collapsedHeight","isWeb","Platform","OS","isAllAnimationsDisabled","useCombinedAnimationDisabledState","hasMotion","phase","setPhase","useState","prevIsOpen","setPrevIsOpen","edge","useSharedValue","surfaceHeight","isSettled","webSurfaceHeight","setWebSurfaceHeight","wrapperRef","useRef","phaseRef","current","surfaceHeightRef","settle","useCallback","from","to","startEnter","set","withTiming","finished","scheduleOnRN","setSurfaceHeight","height","useLayoutEffect","useEffect","frame","requestAnimationFrame","cancelAnimationFrame","node","finish","safetyTimer","setTimeout","addEventListener","clearTimeout","handleTransitionEnd","event","target","propertyName","removeEventListener","webWrapperHeight","undefined","wrapperStyle","useAnimatedStyle","get","Math","max","isSurfaceMounted","webState","useSystemAlertSurfaceStyle","windowHeight","useWindowDimensions","translateY","transform"],"sourceRoot":"../../../../src","sources":["components/SystemAlert/animation.ts"],"mappings":"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","ignoreList":[]}