@grandbazar/ui-baza 1.2.13 → 1.2.15

package/dist/index.d.ts

@@ -496,6 +496,27 @@ declare function SegmentControlItem({ className, children, value, ...props }: TS
 
 declare function SegmentControlRoot({ className, children, value, size, ...props }: TSegmentControlRootProps): JSX.Element;
 
+/**
+ * Stepper increments or decrements a controlled numeric value with minus and plus buttons.
+ * The buttons disable automatically when the value reaches the min or max bound.
+ *
+ * Has a default aria-label of "Stepper" — override it to describe what the value controls.
+ *
+ * @param value - Current value
+ * @param onChange - Called with the next value when one of the buttons is clicked
+ * @param min - Lower bound; the minus button is disabled once reached (expects min <= max)
+ * @param max - Upper bound; the plus button is disabled once reached
+ * @param step - Positive amount added or subtracted per click (default 1)
+ * @param size - Size of the stepper (md, sm)
+ * @param mode - Visual mode of the stepper (primary, secondary)
+ * @param disabled - Disables both buttons
+ */
+export declare function Stepper({ value, onChange, min, max, step, size, mode, disabled, className, ...props }: TStepperProps): JSX.Element;
+
+declare const STEPPER_MODES: readonly ["primary", "secondary"];
+
+declare const STEPPER_SIZES: readonly ["md", "sm"];
+
 /**
  * Switch renders a toggle switch input with label and state indicators.
  * Supports on, off, and indeterminate states with animated visual feedback.
@@ -819,6 +840,17 @@ declare type TSegmentControlRootProps = Omit<React.HTMLAttributes<HTMLDivElement
 
 declare type TSegmentControlValue = string | number;
 
+export declare type TStepperProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> & {
+    value: number;
+    onChange: (value: number) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    size?: TArrayElement<typeof STEPPER_SIZES>;
+    mode?: TArrayElement<typeof STEPPER_MODES>;
+    disabled?: boolean;
+};
+
 declare type TSvgIconProps = React.SVGProps<SVGSVGElement>;
 
 declare type TSwitchProps = React.InputHTMLAttributes<HTMLInputElement> & {