@common-origin/design-system 1.11.3 → 1.12.0

package/dist/components/molecules/NumberInput/NumberInput.d.ts

@@ -0,0 +1,86 @@
+import { InputHTMLAttributes, ChangeEvent } from 'react';
+/**
+ * Props for the NumberInput component
+ */
+export interface NumberInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'onChange' | 'value' | 'defaultValue'> {
+    /**
+     * Label text for the input
+     */
+    label?: string;
+    /**
+     * Helper text displayed below the input
+     */
+    helperText?: string;
+    /**
+     * Error message to display
+     */
+    error?: string;
+    /**
+     * Whether the field is required
+     * @default false
+     */
+    required?: boolean;
+    /**
+     * Whether the input is disabled
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Minimum allowed value
+     */
+    min?: number;
+    /**
+     * Maximum allowed value
+     */
+    max?: number;
+    /**
+     * Step increment/decrement value
+     * @default 1
+     */
+    step?: number;
+    /**
+     * Current value (controlled)
+     */
+    value?: number | '';
+    /**
+     * Default value (uncontrolled)
+     */
+    defaultValue?: number | '';
+    /**
+     * Callback fired when value changes
+     */
+    onChange?: (value: number | '', event: ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * Unique identifier for the input
+     * Generated automatically if not provided
+     */
+    id?: string;
+    /**
+     * Test identifier for automated testing
+     */
+    'data-testid'?: string;
+}
+/**
+ * NumberInput component for numeric input with stepper buttons and WCAG 2.2 AA compliance
+ *
+ * Features:
+ * - Stepper buttons for increment/decrement
+ * - Keyboard arrow up/down support
+ * - Min/max value constraints
+ * - Custom step values
+ * - Decimal and integer support
+ * - Full accessibility with ARIA attributes
+ *
+ * @example
+ * ```tsx
+ * <NumberInput
+ *   label="Quantity"
+ *   min={0}
+ *   max={100}
+ *   step={1}
+ *   value={value}
+ *   onChange={(newValue) => setValue(newValue)}
+ * />
+ * ```
+ */
+export declare const NumberInput: import("react").ForwardRefExoticComponent<NumberInputProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/components/molecules/NumberInput/index.d.ts

@@ -0,0 +1,2 @@
+export { NumberInput } from './NumberInput';
+export type { NumberInputProps } from './NumberInput';

package/dist/components/molecules/index.d.ts

@@ -6,5 +6,6 @@ export * from './ChipGroup';
 export * from './CodeBlock';
 export * from './FeatureBlock';
 export * from './Dropdown';
+export * from './NumberInput';
 export * from './PageTitle';
 export * from './TextField';