@noxickon/onyx 2.0.3 → 3.0.0

package/dist/forms/FileUpload/FileUpload.stories.d.ts

@@ -0,0 +1,67 @@
+import { ComponentType } from 'react';
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: (({ accept, children, className, disabled, maxFiles, maxSize, minSize, multiple, onError, onFileSelect, ...domProps }: import('..').OxFileUploadProps) => import("react/jsx-runtime").JSX.Element) & {
+        Area: ({ children, className, ...domProps }: import('..').OxFileUploadAreaProps) => import("react/jsx-runtime").JSX.Element;
+        Button: ({ children, className, size, variant, ...domProps }: import('..').OxFileUploadButtonProps) => import("react/jsx-runtime").JSX.Element;
+        Overlay: ({ children, className, ...domProps }: import('..').OxFileUploadOverlayProps) => import("react/jsx-runtime").JSX.Element;
+    };
+    subcomponents: {
+        'OxFileUpload.Button': ComponentType<unknown>;
+        'OxFileUpload.Area': ComponentType<unknown>;
+        'OxFileUpload.Overlay': ComponentType<unknown>;
+    };
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        accept: {
+            control: "object";
+            description: string;
+            defaultValue: never[];
+        };
+        multiple: {
+            control: "boolean";
+            description: string;
+        };
+        maxFiles: {
+            control: "number";
+            description: string;
+        };
+        maxSize: {
+            control: "text";
+            description: string;
+        };
+        minSize: {
+            control: "text";
+            description: string;
+        };
+        disabled: {
+            control: "boolean";
+            description: string;
+        };
+        onFileSelect: {
+            action: string;
+            description: string;
+        };
+        onError: {
+            action: string;
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Playground: Story;
+export declare const DragAndDropArea: Story;
+export declare const HoverOverlay: Story;
+export declare const AllVariants: Story;
+export declare const ValidationExamples: Story;
+export declare const IntegrationWithHook: Story;

package/dist/forms/FileUpload/index.d.ts

@@ -0,0 +1,6 @@
+export type * from './src/FileUpload.types';
+export declare const OxFileUpload: (({ accept, children, className, disabled, maxFiles, maxSize, minSize, multiple, onError, onFileSelect, ...domProps }: import('.').OxFileUploadProps) => import("react/jsx-runtime").JSX.Element) & {
+    Area: ({ children, className, ...domProps }: import('.').OxFileUploadAreaProps) => import("react/jsx-runtime").JSX.Element;
+    Button: ({ children, className, size, variant, ...domProps }: import('.').OxFileUploadButtonProps) => import("react/jsx-runtime").JSX.Element;
+    Overlay: ({ children, className, ...domProps }: import('.').OxFileUploadOverlayProps) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/forms/FileUpload/src/FileUpload.d.ts

@@ -0,0 +1,2 @@
+import { OxFileUploadProps } from './FileUpload.types';
+export declare const OxFileUpload: ({ accept, children, className, disabled, maxFiles, maxSize, minSize, multiple, onError, onFileSelect, ...domProps }: OxFileUploadProps) => import("react/jsx-runtime").JSX.Element;

package/dist/forms/FileUpload/src/FileUpload.types.d.ts

@@ -0,0 +1,24 @@
+import { ComponentPropsWithRef, ReactNode } from 'react';
+import { OxButtonVariant } from '../../../ui';
+export interface OxFileUploadProps extends Omit<ComponentPropsWithRef<'div'>, 'onError'> {
+    accept?: string[];
+    children: ReactNode;
+    disabled?: boolean;
+    maxFiles?: number;
+    maxSize?: string;
+    minSize?: string;
+    multiple?: boolean;
+    onError?: (error: string) => void;
+    onFileSelect?: (files: File[]) => void;
+}
+export interface OxFileUploadButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'onClick'> {
+    children: ReactNode;
+    size?: 'sm' | 'md';
+    variant?: OxButtonVariant;
+}
+export interface OxFileUploadAreaProps extends ComponentPropsWithRef<'div'> {
+    children: ReactNode;
+}
+export interface OxFileUploadOverlayProps extends ComponentPropsWithRef<'div'> {
+    children: ReactNode;
+}

package/dist/forms/FileUpload/src/FileUploadArea.d.ts

@@ -0,0 +1,2 @@
+import { OxFileUploadAreaProps } from './FileUpload.types';
+export declare const OxFileUploadArea: ({ children, className, ...domProps }: OxFileUploadAreaProps) => import("react/jsx-runtime").JSX.Element;

package/dist/forms/FileUpload/src/FileUploadButton.d.ts

@@ -0,0 +1,2 @@
+import { OxFileUploadButtonProps } from './FileUpload.types';
+export declare const OxFileUploadButton: ({ children, className, size, variant, ...domProps }: OxFileUploadButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/forms/FileUpload/src/FileUploadOverlay.d.ts

@@ -0,0 +1,2 @@
+import { OxFileUploadOverlayProps } from './FileUpload.types';
+export declare const OxFileUploadOverlay: ({ children, className, ...domProps }: OxFileUploadOverlayProps) => import("react/jsx-runtime").JSX.Element;

package/dist/forms/FileUpload/src/context/FileUploadContext.d.ts

@@ -0,0 +1,2 @@
+import { FileUploadContextValue } from './FileUploadContext.types';
+export declare const FileUploadContext: import('react').Context<FileUploadContextValue | null>;

package/dist/forms/FileUpload/src/context/FileUploadContext.types.d.ts

@@ -0,0 +1,17 @@
+export interface FileUploadContextValue {
+    accept: string[];
+    clearFiles: () => void;
+    disabled: boolean;
+    error?: string;
+    files: File[];
+    isDragActive: boolean;
+    maxFiles?: number;
+    maxSize?: string;
+    minSize?: string;
+    multiple: boolean;
+    onError?: (error: string) => void;
+    onFileSelect?: (files: File[]) => void;
+    openFilePicker: () => void;
+    selectFiles: (files: File[]) => void;
+    validateFiles: (files: File[]) => string | null;
+}

package/dist/forms/FileUpload/src/context/useFileUploadContext.d.ts

@@ -0,0 +1 @@
+export declare const useFileUploadContext: () => import('./FileUploadContext.types').FileUploadContextValue;

package/dist/forms/FileUpload/src/utils.d.ts

@@ -0,0 +1 @@
+export declare const toFileInputAccept: (accept: string[]) => string;

package/dist/forms/FileUpload/test/FileUpload.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/forms/Form/Form.stories.d.ts

@@ -0,0 +1,52 @@
+import { ComponentType } from 'react';
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: (({ children, className, fullWidth, noValidate, ...domProps }: import('..').OxFormProps) => import("react/jsx-runtime").JSX.Element) & {
+        Description: (props: import('../../typography/Description').OxDescriptionProps) => import("react/jsx-runtime").JSX.Element;
+        Error: (props: import('../../typography/Error').OxErrorProps) => import("react/jsx-runtime").JSX.Element;
+        Field: ({ children, className, disabled, error, id: customId, labelPosition, orientation, required, ...domProps }: import('..').FormFieldProps) => import("react/jsx-runtime").JSX.Element;
+        Group: ({ children, className, layout, ...domProps }: import('..').FormGroupProps) => import("react/jsx-runtime").JSX.Element;
+        GroupTitle: (props: import('../../typography/Heading').OxHeadingProps) => import("react/jsx-runtime").JSX.Element;
+        Label: (props: import('../../typography/Label').OxLabelProps) => import("react/jsx-runtime").JSX.Element;
+    };
+    subcomponents: {
+        'OxForm.Description': ComponentType<unknown>;
+        'OxForm.Error': ComponentType<unknown>;
+        'OxForm.Field': ComponentType<unknown>;
+        'OxForm.Group': ComponentType<unknown>;
+        'OxForm.GroupTitle': ComponentType<unknown>;
+        'OxForm.Label': ComponentType<unknown>;
+    };
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        children: {
+            control: {
+                disable: true;
+            };
+            description: string;
+        };
+        fullWidth: {
+            control: "boolean";
+            description: string;
+        };
+        noValidate: {
+            control: "boolean";
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Playground: Story;
+export declare const FieldOrientations: Story;
+export declare const FormGroupLayouts: Story;
+export declare const ComprehensiveExample: Story;

package/dist/forms/Form/index.d.ts

@@ -0,0 +1,9 @@
+export type * from './src/Form.types';
+export declare const OxForm: (({ children, className, fullWidth, noValidate, ...domProps }: import('.').OxFormProps) => import("react/jsx-runtime").JSX.Element) & {
+    Description: (props: import('../../typography/Description').OxDescriptionProps) => import("react/jsx-runtime").JSX.Element;
+    Error: (props: import('../../typography/Error').OxErrorProps) => import("react/jsx-runtime").JSX.Element;
+    Field: ({ children, className, disabled, error, id: customId, labelPosition, orientation, required, ...domProps }: import('.').FormFieldProps) => import("react/jsx-runtime").JSX.Element;
+    Group: ({ children, className, layout, ...domProps }: import('.').FormGroupProps) => import("react/jsx-runtime").JSX.Element;
+    GroupTitle: (props: import('../../typography/Heading').OxHeadingProps) => import("react/jsx-runtime").JSX.Element;
+    Label: (props: import('../../typography/Label').OxLabelProps) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/forms/Form/src/Form.d.ts

@@ -0,0 +1,2 @@
+import { OxFormProps } from './Form.types';
+export declare const OxForm: ({ children, className, fullWidth, noValidate, ...domProps }: OxFormProps) => import("react/jsx-runtime").JSX.Element;

package/dist/forms/Form/src/Form.types.d.ts

@@ -0,0 +1,18 @@
+import { ComponentPropsWithRef, ReactNode } from 'react';
+export interface OxFormProps extends ComponentPropsWithRef<'form'> {
+    children: ReactNode;
+    fullWidth?: boolean;
+}
+export interface FormGroupProps extends ComponentPropsWithRef<'div'> {
+    children: ReactNode;
+    layout?: 'grid';
+}
+export interface FormFieldProps extends ComponentPropsWithRef<'div'> {
+    children: ReactNode;
+    disabled?: boolean;
+    error?: boolean | string;
+    id?: string;
+    labelPosition?: 'start' | 'end';
+    orientation?: 'vertical' | 'horizontal';
+    required?: boolean;
+}

package/dist/forms/Form/src/FormDescription.d.ts

@@ -0,0 +1,2 @@
+import { OxDescriptionProps } from '../../../typography/Description/src/Description.types';
+export declare const FormDescription: (props: OxDescriptionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/forms/Form/src/FormError.d.ts

@@ -0,0 +1,2 @@
+import { OxErrorProps } from '../../../typography/Error/src/Error.types';
+export declare const FormError: (props: OxErrorProps) => import("react/jsx-runtime").JSX.Element;

package/dist/forms/Form/src/FormField.d.ts

@@ -0,0 +1,2 @@
+import { FormFieldProps } from './Form.types';
+export declare const FormField: ({ children, className, disabled, error, id: customId, labelPosition, orientation, required, ...domProps }: FormFieldProps) => import("react/jsx-runtime").JSX.Element;

package/dist/forms/Form/src/FormGroup.d.ts

@@ -0,0 +1,2 @@
+import { FormGroupProps } from './Form.types';
+export declare const FormGroup: ({ children, className, layout, ...domProps }: FormGroupProps) => import("react/jsx-runtime").JSX.Element;

package/dist/forms/Form/src/FormGroupTitle.d.ts

@@ -0,0 +1,2 @@
+import { OxHeadingProps } from '../../../typography/Heading/src/Heading.types';
+export declare const FormGroupTitle: (props: OxHeadingProps) => import("react/jsx-runtime").JSX.Element;

package/dist/forms/Form/src/FormLabel.d.ts

@@ -0,0 +1,2 @@
+import { OxLabelProps } from '../../../typography/Label/src/Label.types';
+export declare const FormLabel: (props: OxLabelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/forms/Form/src/context/FormFieldContext.d.ts

@@ -0,0 +1,2 @@
+import { FormFieldContextType } from './FormFieldContext.types';
+export declare const FormFieldContext: import('react').Context<FormFieldContextType | null>;

package/dist/forms/Form/src/context/FormFieldContext.types.d.ts

@@ -0,0 +1,7 @@
+export interface FormFieldContextType {
+    disabled: boolean;
+    error: boolean | string;
+    id: string;
+    labelId: string;
+    required: boolean;
+}

package/dist/forms/Form/src/context/useFormFieldContext.d.ts

@@ -0,0 +1 @@
+export declare const useFormFieldContext: () => import('./FormFieldContext.types').FormFieldContextType | null;

package/dist/forms/Form/test/Form.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/forms/Input/Date/Date.stories.d.ts

@@ -0,0 +1,91 @@
+import { ComponentType } from 'react';
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: ({ children, className, defaultOpen, defaultValue, disabled, error, onChange, onOpenChange, open, pickOnly, readOnly, required, validationMessage: customValidationMessage, value, ...domProps }: import('./src/Date.types').OxDateInputContainerProps) => import("react/jsx-runtime").JSX.Element;
+    subcomponents: {
+        OxDateInput: ComponentType<unknown>;
+        'OxDateInput.PickerButton': ComponentType<unknown>;
+    };
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        children: {
+            control: {
+                disable: true;
+            };
+            description: string;
+        };
+        value: {
+            control: {
+                disable: true;
+            };
+            description: string;
+        };
+        defaultValue: {
+            control: {
+                disable: true;
+            };
+            description: string;
+        };
+        onChange: {
+            control: {
+                disable: true;
+            };
+            description: string;
+        };
+        required: {
+            control: "boolean";
+            description: string;
+        };
+        disabled: {
+            control: "boolean";
+            description: string;
+        };
+        error: {
+            control: "boolean";
+            description: string;
+        };
+        pickOnly: {
+            control: "boolean";
+            description: string;
+        };
+        readOnly: {
+            control: "boolean";
+            description: string;
+        };
+        validationMessage: {
+            control: "text";
+            description: string;
+        };
+        defaultOpen: {
+            control: "boolean";
+            description: string;
+        };
+        open: {
+            control: {
+                disable: true;
+            };
+            description: string;
+        };
+        onOpenChange: {
+            control: {
+                disable: true;
+            };
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Playground: Story;
+export declare const States: Story;
+export declare const PickerModes: Story;
+export declare const FormField: Story;

package/dist/forms/Input/Date/index.d.ts

@@ -0,0 +1,5 @@
+export declare const OxDateInput: (() => import("react/jsx-runtime").JSX.Element) & {
+    Button: (props: import('./src/Date.types').OxDateInputButtonProps) => import("react/jsx-runtime").JSX.Element;
+    Container: ({ children, className, defaultOpen, defaultValue, disabled, error, onChange, onOpenChange, open, pickOnly, readOnly, required, validationMessage: customValidationMessage, value, ...domProps }: import('./src/Date.types').OxDateInputContainerProps) => import("react/jsx-runtime").JSX.Element;
+    PickerButton: ({ ...props }: import('./src/Date.types').OxDatePickerButtonProps) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/forms/Input/Date/src/Date.types.d.ts

@@ -0,0 +1,23 @@
+import { ComponentPropsWithRef } from 'react';
+import { BaseInputButtonProps } from '../../_internal/src/BaseInput.types';
+export type OxDateInputButtonProps = BaseInputButtonProps;
+export type OxDatePickerButtonProps = Omit<BaseInputButtonProps, 'children'>;
+export interface OxDateInputContainerProps extends Omit<ComponentPropsWithRef<'div'>, 'onChange'> {
+    defaultOpen?: boolean;
+    defaultValue?: string;
+    disabled?: boolean;
+    error?: boolean;
+    onChange?: (value: string) => void;
+    onOpenChange?: (open: boolean) => void;
+    open?: boolean;
+    pickOnly?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+    validationMessage?: string;
+    value?: string;
+}
+export interface OxUseDateInputProps {
+    defaultValue?: string;
+    onChange?: (value: string | undefined) => void;
+    value?: string;
+}

package/dist/forms/Input/Date/src/DateButton.d.ts

@@ -0,0 +1,2 @@
+import { OxDateInputButtonProps } from './Date.types';
+export declare const OxDateButton: (props: OxDateInputButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/forms/Input/Date/src/DateContainer.d.ts

@@ -0,0 +1,2 @@
+import { OxDateInputContainerProps } from './Date.types';
+export declare const OxDateContainer: ({ children, className, defaultOpen, defaultValue, disabled, error, onChange, onOpenChange, open, pickOnly, readOnly, required, validationMessage: customValidationMessage, value, ...domProps }: OxDateInputContainerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/forms/Input/Date/src/DateInput.d.ts

@@ -0,0 +1 @@
+export declare const OxDateInput: () => import("react/jsx-runtime").JSX.Element;

package/dist/forms/Input/Date/src/DatePickerButton.d.ts

@@ -0,0 +1,2 @@
+import { OxDatePickerButtonProps } from './Date.types';
+export declare const OxDatePickerButton: ({ ...props }: OxDatePickerButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/forms/Input/Date/src/DatePickerContent.d.ts

@@ -0,0 +1 @@
+export declare const DataPickerContent: () => import("react/jsx-runtime").JSX.Element;

package/dist/forms/Input/Date/src/context/DateContext.d.ts

@@ -0,0 +1,2 @@
+import { DateContextType } from './DateContext.types';
+export declare const DateContext: import('react').Context<DateContextType | null>;

package/dist/forms/Input/Date/src/context/DateContext.types.d.ts

@@ -0,0 +1,18 @@
+export interface DateContextType {
+    autoCompleteYear: (year: string) => string;
+    close: () => void;
+    day: string;
+    getMaxDayForMonth: (month: string, year: string) => number;
+    isValidCompleteDate: (day: string, month: string, year: string) => boolean;
+    month: string;
+    open: boolean;
+    pickOnly: boolean;
+    readOnly: boolean;
+    setValue: (updates: {
+        day?: string;
+        month?: string;
+        year?: string;
+    }) => void;
+    toggle: () => void;
+    year: string;
+}

package/dist/forms/Input/Date/src/context/useDateContext.d.ts

@@ -0,0 +1 @@
+export declare const useDateContext: () => import('./DateContext.types').DateContextType;

package/dist/forms/Input/Date/src/date.styles.d.ts

@@ -0,0 +1,10 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const dateSegmentVariants: (props?: ({
+    type?: "month" | "day" | "year" | null | undefined;
+    pickOnly?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const dateSeparatorVariants: (props?: ({
+    disabled?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type DateSegmentVariants = VariantProps<typeof dateSegmentVariants>;
+export type SeparatorVariants = VariantProps<typeof dateSeparatorVariants>;

package/dist/forms/Input/Date/src/useDateInput.d.ts

@@ -0,0 +1,16 @@
+import { OxUseDateInputProps } from './Date.types';
+export declare const useDateInput: ({ defaultValue, onChange, value }: OxUseDateInputProps) => {
+    autoCompleteYear: (yearInput: string) => string;
+    dateValue: string | undefined;
+    day: string;
+    getMaxDayForMonth: (month: string, year: string) => number;
+    isValidCompleteDate: (day: string, month: string, year: string) => boolean;
+    month: string;
+    setDateValue: (value: string | ((prev: string | undefined) => string | undefined) | undefined) => void;
+    setValue: (updates: {
+        day?: string;
+        month?: string;
+        year?: string;
+    }) => void;
+    year: string;
+};

package/dist/forms/Input/Date/test/Date.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/forms/Input/Number/Number.stories.d.ts

@@ -0,0 +1,95 @@
+import { ComponentType } from 'react';
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: ({ children, defaultValue, disabled, error, locale, max, maximumFractionDigits, min, minimumFractionDigits, onChange, required, steps, useGrouping, validationMessage: customValidationMessage, value, ...domProps }: import('../..').OxNumberContainerProps) => import("react/jsx-runtime").JSX.Element;
+    subcomponents: {
+        OxNumberInput: ComponentType<unknown>;
+        'OxNumberInput.DecrementButton': ComponentType<unknown>;
+        'OxNumberInput.IncrementButton': ComponentType<unknown>;
+    };
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        children: {
+            control: {
+                disable: true;
+            };
+            description: string;
+        };
+        value: {
+            control: {
+                disable: true;
+            };
+            description: string;
+        };
+        defaultValue: {
+            control: {
+                disable: true;
+            };
+            description: string;
+        };
+        onChange: {
+            control: {
+                disable: true;
+            };
+            description: string;
+        };
+        min: {
+            control: "number";
+            description: string;
+        };
+        max: {
+            control: "number";
+            description: string;
+        };
+        steps: {
+            control: "number";
+            description: string;
+        };
+        minimumFractionDigits: {
+            control: "number";
+            description: string;
+        };
+        maximumFractionDigits: {
+            control: "number";
+            description: string;
+        };
+        locale: {
+            control: "text";
+            description: string;
+        };
+        useGrouping: {
+            control: "boolean";
+            description: string;
+        };
+        disabled: {
+            control: "boolean";
+            description: string;
+        };
+        error: {
+            control: "boolean";
+            description: string;
+        };
+        required: {
+            control: "boolean";
+            description: string;
+        };
+        validationMessage: {
+            control: "text";
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Playground: Story;
+export declare const States: Story;
+export declare const FormField: Story;

package/dist/forms/Input/Number/index.d.ts

@@ -0,0 +1,7 @@
+export * from './src/Number.types';
+export declare const OxNumberInput: (({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, className, ...domProps }: import('.').OxNumberInputProps) => import("react/jsx-runtime").JSX.Element) & {
+    Button: (props: import('.').OxNumberInputButtonProps) => import("react/jsx-runtime").JSX.Element;
+    Container: ({ children, defaultValue, disabled, error, locale, max, maximumFractionDigits, min, minimumFractionDigits, onChange, required, steps, useGrouping, validationMessage: customValidationMessage, value, ...domProps }: import('.').OxNumberContainerProps) => import("react/jsx-runtime").JSX.Element;
+    DecrementButton: () => import("react/jsx-runtime").JSX.Element;
+    IncrementButton: () => import("react/jsx-runtime").JSX.Element;
+};

package/dist/forms/Input/Number/src/Number.types.d.ts

@@ -0,0 +1,26 @@
+import { ComponentPropsWithRef } from 'react';
+import { BaseInputButtonProps } from '../../_internal/src/BaseInput.types';
+export type OxNumberInputButtonProps = BaseInputButtonProps;
+export interface OxNumberInputProps {
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    className?: string;
+    id?: string;
+    placeholder?: string;
+}
+export interface OxNumberContainerProps extends Omit<ComponentPropsWithRef<'div'>, 'onChange'> {
+    defaultValue?: number;
+    disabled?: boolean;
+    error?: boolean;
+    locale?: string;
+    max?: number;
+    maximumFractionDigits?: number;
+    min?: number;
+    minimumFractionDigits?: number;
+    onChange?: (value: number | undefined) => void;
+    required?: boolean;
+    steps?: number;
+    useGrouping?: boolean;
+    validationMessage?: string;
+    value?: number;
+}

package/dist/forms/Input/Number/src/NumberButton.d.ts

@@ -0,0 +1,2 @@
+import { OxNumberInputButtonProps } from './Number.types';
+export declare const OxNumberButton: (props: OxNumberInputButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/forms/Input/Number/src/NumberContainer.d.ts

@@ -0,0 +1,2 @@
+import { OxNumberContainerProps } from './Number.types';
+export declare const OxNumberContainer: ({ children, defaultValue, disabled, error, locale, max, maximumFractionDigits, min, minimumFractionDigits, onChange, required, steps, useGrouping, validationMessage: customValidationMessage, value, ...domProps }: OxNumberContainerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/forms/Input/Number/src/NumberDecrementButton.d.ts

@@ -0,0 +1 @@
+export declare const OxNumberDecrementButton: () => import("react/jsx-runtime").JSX.Element;

package/dist/forms/Input/Number/src/NumberIncrementButton.d.ts

@@ -0,0 +1 @@
+export declare const OxNumberIncrementButton: () => import("react/jsx-runtime").JSX.Element;

package/dist/forms/Input/Number/src/NumberInput.d.ts

@@ -0,0 +1,2 @@
+import { OxNumberInputProps } from './Number.types';
+export declare const OxNumberInput: ({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, className, ...domProps }: OxNumberInputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/forms/Input/Number/src/NumberInput.utils.d.ts

@@ -0,0 +1,2 @@
+import { FormEvent } from 'react';
+export declare const handleBeforeInput: (event: FormEvent<HTMLInputElement>) => void;