@cdx-ui/components 0.3.5 → 0.3.7

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

@@ -0,0 +1,369 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Stepper = void 0;
+Object.defineProperty(exports, "useStepperStep", {
+  enumerable: true,
+  get: function () {
+    return _primitives.useStepperStep;
+  }
+});
+var _react = require("react");
+var _reactNative = require("react-native");
+var _primitives = require("@cdx-ui/primitives");
+var _icons = require("@cdx-ui/icons");
+var _utils = require("@cdx-ui/utils");
+var _Icon = require("../Icon");
+var _ProgressRing = require("../ProgressCircle/ProgressRing");
+var _styles = require("./styles");
+var _useStepperLabelFit = require("./useStepperLabelFit");
+var _useStepperRingColors = require("./useStepperRingColors");
+var _jsxRuntime = require("react/jsx-runtime");
+const StepperLabelFitContext = /*#__PURE__*/(0, _react.createContext)('shrink');
+
+/** Counts steps the way `StepperRoot` numbers them, so the label-fit decision resets with them. */
+function countSteps(children, asChild) {
+  const source = asChild && /*#__PURE__*/(0, _react.isValidElement)(children) ? children.props.children : children;
+  return (0, _utils.flattenChildren)(source).filter(child => /*#__PURE__*/(0, _react.isValidElement)(child)).length;
+}
+const HIDDEN_FROM_AT = {
+  'aria-hidden': true,
+  accessibilityElementsHidden: true,
+  importantForAccessibility: 'no-hide-descendants'
+};
+
+// =============================================================================
+// ROOT
+// =============================================================================
+
+const StepperRootComponent = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  style,
+  orientation = 'vertical',
+  labelPlacement = 'end',
+  children,
+  ...props
+}, ref) => {
+  const layout = (0, _styles.getStepperLayout)(orientation, labelPlacement);
+  const {
+    fit,
+    measureRef
+  } = (0, _useStepperLabelFit.useStepperLabelFit)(layout === 'horizontal-end', countSteps(children, props.asChild));
+  const rootRef = (0, _react.useMemo)(() => measureRef === undefined ? ref : (0, _utils.mergeRefs)(ref, measureRef), [ref, measureRef]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StepperLabelFitContext.Provider, {
+    value: fit,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.StepperRoot, {
+      ref: rootRef,
+      className: (0, _utils.cn)((0, _styles.stepperVariants)({
+        layout
+      }), className),
+      style: style,
+      orientation: orientation,
+      labelPlacement: labelPlacement,
+      ...props,
+      ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+        slot: 'stepper'
+      })),
+      children: children
+    })
+  });
+});
+StepperRootComponent.displayName = 'Stepper';
+
+// =============================================================================
+// STEP
+// =============================================================================
+
+function isSlot(child, type) {
+  return /*#__PURE__*/(0, _react.isValidElement)(child) && child.type === type;
+}
+const StepperStepComponent = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
+  className,
+  style,
+  children,
+  ...props
+}, ref) => {
+  const {
+    orientation,
+    labelPlacement,
+    count
+  } = (0, _primitives.useStepperContext)();
+  const layout = (0, _styles.getStepperLayout)(orientation, labelPlacement);
+  const labelFit = (0, _react.useContext)(StepperLabelFitContext);
+  const isLast = (0, _primitives.useStepperIndex)() === count - 1;
+  const stepClass = (0, _utils.cn)((0, _styles.stepperStepVariants)({
+    layout,
+    isLast,
+    labelFit
+  }), className);
+  const slotAttributes = (0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+    slot: 'stepper-step'
+  }));
+  if (asChild) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.StepperStep, {
+      ref: ref,
+      asChild: true,
+      className: stepClass,
+      style: style,
+      ...props,
+      ...slotAttributes,
+      children: children
+    });
+  }
+
+  // Indicator, Title and Description form the step trigger, which carries the accessible
+  // name; everything else is the body below the title. The Separator sits in the indicator
+  // track: before the main column when vertical, after it when horizontal.
+  const childArray = _react.Children.toArray(children);
+  const indicator = childArray.find(child => isSlot(child, StepperIndicatorComponent));
+  const title = childArray.find(child => isSlot(child, StepperTitleComponent));
+  const description = childArray.find(child => isSlot(child, StepperDescriptionComponent));
+  const separator = childArray.find(child => isSlot(child, StepperSeparatorComponent));
+  const body = childArray.filter(child => !isSlot(child, StepperIndicatorComponent) && !isSlot(child, StepperTitleComponent) && !isSlot(child, StepperDescriptionComponent) && !isSlot(child, StepperSeparatorComponent));
+  const hasLabel = title !== undefined || description !== undefined;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.StepperStep, {
+    ref: ref,
+    className: stepClass,
+    style: style,
+    ...props,
+    ...slotAttributes,
+    children: [layout === 'vertical' ? separator : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      className: (0, _utils.cn)((0, _styles.stepperStepMainVariants)({
+        layout,
+        labelFit
+      })),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.StepperStepTrigger, {
+        className: (0, _styles.stepperStepTriggerVariants)({
+          layout
+        }),
+        ...(0, _primitives.dataAttributes)({
+          slot: 'stepper-step-trigger'
+        }),
+        children: [indicator, hasLabel ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          className: (0, _utils.cn)((0, _styles.stepperStepLabelVariants)({
+            layout,
+            labelFit
+          })),
+          children: [title, description]
+        }) : null]
+      }), body.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        className: (0, _styles.stepperStepBodyVariants)({
+          layout
+        }),
+        children: body
+      }) : null]
+    }), layout === 'vertical' ? null : separator]
+  });
+});
+StepperStepComponent.displayName = 'Stepper.Step';
+
+// =============================================================================
+// INDICATOR
+// =============================================================================
+
+const StepperIndicatorComponent = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
+  className,
+  style,
+  children,
+  ...props
+}, ref) => {
+  const {
+    index,
+    isCurrent,
+    isComplete,
+    hasProgress,
+    progress
+  } = (0, _primitives.useStepperStep)();
+  const ringColors = (0, _useStepperRingColors.useStepperRingColors)(isCurrent);
+  const currentAttribute = (0, _primitives.dataAttributes)({
+    current: isCurrent
+  });
+  const indicatorClass = (0, _utils.cn)((0, _styles.stepperIndicatorVariants)(), className);
+  const indicatorAttributes = (0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+    slot: 'stepper-indicator',
+    current: isCurrent,
+    complete: isComplete,
+    progress: hasProgress
+  }));
+  if (asChild) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Slot, {
+      ref: ref,
+      className: indicatorClass,
+      style: style,
+      ...props,
+      ...HIDDEN_FROM_AT,
+      ...indicatorAttributes,
+      children: children
+    });
+  }
+  const hasCustomGlyph = children !== undefined && children !== null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    ref: ref,
+    className: indicatorClass,
+    style: style,
+    ...props,
+    ...HIDDEN_FROM_AT,
+    ...indicatorAttributes,
+    children: [hasProgress ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      className: (0, _styles.stepperIndicatorRingVariants)(),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProgressRing.ProgressRing, {
+        size: _styles.STEPPER_INDICATOR_SIZE,
+        strokeWidth: _styles.STEPPER_RING_STROKE_WIDTH,
+        value: progress,
+        trackColor: ringColors.track,
+        indicatorColor: ringColors.indicator
+      })
+    }) : null, isComplete && !hasCustomGlyph ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+      as: _icons.CheckCircle,
+      filled: true,
+      className: (0, _styles.stepperIndicatorCheckVariants)(),
+      ...currentAttribute
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      className: (0, _styles.stepperIndicatorDiscVariants)(),
+      ...currentAttribute,
+      children: hasCustomGlyph ? children : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        className: (0, _styles.stepperIndicatorNumeralVariants)(),
+        ...currentAttribute,
+        children: String(index + 1)
+      })
+    })]
+  });
+});
+StepperIndicatorComponent.displayName = 'Stepper.Indicator';
+
+// =============================================================================
+// TITLE
+// =============================================================================
+
+const StepperTitleComponent = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
+  className,
+  style,
+  ...props
+}, ref) => {
+  const {
+    isCurrent,
+    orientation,
+    labelPlacement
+  } = (0, _primitives.useStepperStep)();
+  const isCentered = (0, _styles.getStepperLayout)(orientation, labelPlacement) === 'horizontal-bottom';
+  const Comp = asChild ? _primitives.Slot : _reactNative.Text;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
+    ref: ref,
+    className: (0, _utils.cn)((0, _styles.stepperTitleVariants)({
+      isCentered
+    }), className),
+    style: style,
+    ...props,
+    ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+      slot: 'stepper-title',
+      current: isCurrent
+    }))
+  });
+});
+StepperTitleComponent.displayName = 'Stepper.Title';
+
+// =============================================================================
+// DESCRIPTION
+// =============================================================================
+
+const StepperDescriptionComponent = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
+  className,
+  style,
+  ...props
+}, ref) => {
+  const {
+    orientation,
+    labelPlacement
+  } = (0, _primitives.useStepperStep)();
+  const isCentered = (0, _styles.getStepperLayout)(orientation, labelPlacement) === 'horizontal-bottom';
+  const Comp = asChild ? _primitives.Slot : _reactNative.Text;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
+    ref: ref,
+    className: (0, _utils.cn)((0, _styles.stepperDescriptionVariants)({
+      isCentered
+    }), className),
+    style: style,
+    ...props,
+    ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+      slot: 'stepper-description'
+    }))
+  });
+});
+StepperDescriptionComponent.displayName = 'Stepper.Description';
+
+// =============================================================================
+// CONTENT
+// =============================================================================
+
+const StepperContentComponent = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
+  className,
+  style,
+  ...props
+}, ref) => {
+  const Comp = asChild ? _primitives.Slot : _reactNative.View;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
+    ref: ref,
+    className: (0, _utils.cn)((0, _styles.stepperContentVariants)(), className),
+    style: style,
+    ...props,
+    ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+      slot: 'stepper-content'
+    }))
+  });
+});
+StepperContentComponent.displayName = 'Stepper.Content';
+
+// =============================================================================
+// SEPARATOR
+// =============================================================================
+
+const StepperSeparatorComponent = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
+  className,
+  style,
+  ...props
+}, ref) => {
+  const {
+    isLast,
+    orientation,
+    labelPlacement
+  } = (0, _primitives.useStepperStep)();
+  if (isLast) {
+    return null;
+  }
+  const Comp = asChild ? _primitives.Slot : _reactNative.View;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
+    ref: ref,
+    className: (0, _utils.cn)((0, _styles.stepperSeparatorVariants)({
+      layout: (0, _styles.getStepperLayout)(orientation, labelPlacement)
+    }), className),
+    style: style,
+    ...props,
+    ...HIDDEN_FROM_AT,
+    ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+      slot: 'stepper-separator'
+    }))
+  });
+});
+StepperSeparatorComponent.displayName = 'Stepper.Separator';
+
+// =============================================================================
+// COMPOUND EXPORT
+// =============================================================================
+
+const Stepper = exports.Stepper = Object.assign(StepperRootComponent, {
+  Step: StepperStepComponent,
+  Indicator: StepperIndicatorComponent,
+  Title: StepperTitleComponent,
+  Description: StepperDescriptionComponent,
+  Content: StepperContentComponent,
+  Separator: StepperSeparatorComponent
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_primitives","_icons","_utils","_Icon","_ProgressRing","_styles","_useStepperLabelFit","_useStepperRingColors","_jsxRuntime","StepperLabelFitContext","createContext","countSteps","children","asChild","source","isValidElement","props","flattenChildren","filter","child","length","HIDDEN_FROM_AT","accessibilityElementsHidden","importantForAccessibility","StepperRootComponent","forwardRef","className","style","orientation","labelPlacement","ref","layout","getStepperLayout","fit","measureRef","useStepperLabelFit","rootRef","useMemo","undefined","mergeRefs","jsx","Provider","value","StepperRoot","cn","stepperVariants","mergeDataAttributes","dataAttributes","slot","displayName","isSlot","type","StepperStepComponent","count","useStepperContext","labelFit","useContext","isLast","useStepperIndex","stepClass","stepperStepVariants","slotAttributes","StepperStep","childArray","Children","toArray","indicator","find","StepperIndicatorComponent","title","StepperTitleComponent","description","StepperDescriptionComponent","separator","StepperSeparatorComponent","body","hasLabel","jsxs","View","stepperStepMainVariants","StepperStepTrigger","stepperStepTriggerVariants","stepperStepLabelVariants","stepperStepBodyVariants","index","isCurrent","isComplete","hasProgress","progress","useStepperStep","ringColors","useStepperRingColors","currentAttribute","current","indicatorClass","stepperIndicatorVariants","indicatorAttributes","complete","Slot","hasCustomGlyph","stepperIndicatorRingVariants","ProgressRing","size","STEPPER_INDICATOR_SIZE","strokeWidth","STEPPER_RING_STROKE_WIDTH","trackColor","track","indicatorColor","Icon","as","CheckCircle","filled","stepperIndicatorCheckVariants","stepperIndicatorDiscVariants","Text","stepperIndicatorNumeralVariants","String","isCentered","Comp","stepperTitleVariants","stepperDescriptionVariants","StepperContentComponent","stepperContentVariants","stepperSeparatorVariants","Stepper","exports","Object","assign","Step","Indicator","Title","Description","Content","Separator"],"sourceRoot":"../../../../src","sources":["components/Stepper/index.tsx"],"mappings":"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","ignoreList":[]}

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":"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","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":[]}