@mbao01/common 0.0.6 → 0.0.8

package/dist/types/components/Avatar/Avatar.d.ts

@@ -0,0 +1,14 @@
+import type { AvatarProps, AvatarImageProps, AvatarFallbackProps } from "./types";
+declare const Avatar: {
+    ({ className, size, status, ...props }: AvatarProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string | undefined;
+    Image: {
+        ({ className, ring, shape, variant, ...props }: AvatarImageProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string | undefined;
+    };
+    Fallback: {
+        ({ className, size, ring, shape, variant, ...props }: AvatarFallbackProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string | undefined;
+    };
+};
+export { Avatar };

package/dist/types/components/Avatar/constants.d.ts

@@ -0,0 +1,15 @@
+export declare const getAvatarClasses: (props?: ({
+    size?: 4 | 8 | 12 | 16 | 24 | 32 | 48 | 64 | null | undefined;
+    status?: "online" | "offline" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const getAvatarImageClasses: (props?: ({
+    variant?: "accent" | "default" | "error" | "ghost" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | null | undefined;
+    shape?: "circle" | "round" | "hexagon" | "triangle" | "television" | null | undefined;
+    ring?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const getAvatarFallbackClasses: (props?: ({
+    size?: 4 | 8 | 12 | 16 | 24 | 32 | 48 | 64 | null | undefined;
+    variant?: "accent" | "default" | "error" | "ghost" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | null | undefined;
+    shape?: "circle" | "round" | "hexagon" | "triangle" | "television" | null | undefined;
+    ring?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/types/components/Avatar/index.d.ts

@@ -0,0 +1 @@
+export { Avatar } from "./Avatar";

package/dist/types/components/Avatar/types.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+import { type VariantProps } from "../../libs";
+import { getAvatarClasses, getAvatarFallbackClasses, getAvatarImageClasses } from "./constants";
+export type AvatarProps = Omit<React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>, "asChild" | "size"> & VariantProps<typeof getAvatarClasses>;
+export type AvatarImageProps = Omit<React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>, "asChild"> & VariantProps<typeof getAvatarImageClasses>;
+export type AvatarFallbackProps = Omit<React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>, "asChild"> & VariantProps<typeof getAvatarFallbackClasses>;

package/dist/types/components/Badge/types.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { type VariantProps } from "../../libs";
 import { getBadgeClasses } from "./constants";
 export type BadgeProps = React.HTMLAttributes<HTMLSpanElement> & VariantProps<typeof getBadgeClasses>;

package/dist/types/components/Breadcrumbs/types.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 export type BreadcrumbProps = React.HTMLAttributes<HTMLLIElement>;
 export type BreadcrumbsProps = React.HTMLAttributes<HTMLUListElement>;

package/dist/types/components/Combobox/Combobox.d.ts

@@ -0,0 +1,2 @@
+import type { ComboboxProps, Item } from "./types";
+export declare const Combobox: <T extends Item>({ label, items, classes, emptyText, placeholder, getItemValue, getItemLabel, }: ComboboxProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Combobox/index.d.ts

@@ -0,0 +1 @@
+export { Combobox } from "./Combobox";

package/dist/types/components/Combobox/types.d.ts

@@ -0,0 +1,19 @@
+export type Item = Record<string, any>;
+export type ComboboxProps<T extends Item> = {
+    label: string;
+    items: T[];
+    placeholder?: string;
+    emptyText?: string;
+    getItemValue?: (item: T) => string;
+    getItemLabel?: (item: T) => string;
+    classes?: Partial<{
+        root: string;
+        trigger: string;
+        content: string;
+        input: string;
+        empty: string;
+        group: string;
+        item: string;
+        popoverContent: string;
+    }>;
+};

package/dist/types/components/Command/Command.d.ts

@@ -0,0 +1,67 @@
+import * as React from "react";
+import type { CommandProps, CommandDialogProps } from "./types";
+declare const Command: {
+    ({ className, ...props }: CommandProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string | undefined;
+    Dialog: ({ children, ...props }: CommandDialogProps) => import("react/jsx-runtime").JSX.Element;
+    Input: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & {
+        ref?: React.Ref<HTMLInputElement> | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "type" | "value"> & {
+        value?: string | undefined;
+        onValueChange?: ((search: string) => void) | undefined;
+    } & React.RefAttributes<HTMLInputElement>, "ref"> & import("class-variance-authority").VariantProps<(props?: import("class-variance-authority/types").ClassProp | undefined) => string> & React.RefAttributes<HTMLInputElement>>;
+    List: React.ForwardRefExoticComponent<Omit<{
+        children?: React.ReactNode;
+    } & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+        ref?: React.Ref<HTMLDivElement> | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+        label?: string | undefined;
+    } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Empty: React.ForwardRefExoticComponent<Omit<{
+        children?: React.ReactNode;
+    } & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+        ref?: React.Ref<HTMLDivElement> | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Group: React.ForwardRefExoticComponent<Omit<{
+        children?: React.ReactNode;
+    } & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+        ref?: React.Ref<HTMLDivElement> | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "heading" | "value"> & {
+        heading?: React.ReactNode;
+        value?: string | undefined;
+        forceMount?: boolean | undefined;
+    } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Item: React.ForwardRefExoticComponent<Omit<{
+        children?: React.ReactNode;
+    } & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+        ref?: React.Ref<HTMLDivElement> | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "onSelect" | "disabled" | "value"> & {
+        disabled?: boolean | undefined;
+        onSelect?: ((value: string) => void) | undefined;
+        value?: string | undefined;
+        keywords?: string[] | undefined;
+        forceMount?: boolean | undefined;
+    } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Shortcut: {
+        ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Separator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+        ref?: React.Ref<HTMLDivElement> | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+        alwaysRender?: boolean | undefined;
+    } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+};
+export { Command };

package/dist/types/components/Command/constants.d.ts

@@ -0,0 +1,11 @@
+export declare const getCommandClasses: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const getDialogContentClasses: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const getCommandDialogClasses: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const getCommandInputWrapperClasses: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const getCommandInputClasses: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const getCommandListClasses: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const getCommandEmptyClasses: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const getCommandGroupClasses: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const getCommandSeparatorClasses: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const getCommandItemClasses: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const getCommandShortcutClasses: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;

package/dist/types/components/Command/index.d.ts

@@ -0,0 +1 @@
+export { Command } from "./Command";

package/dist/types/components/Command/types.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { Command as CommandPrimitive } from "cmdk";
+import { type DialogProps } from "../Dialog/types";
+import { type VariantProps } from "../../libs";
+import { getCommandClasses, getCommandInputClasses } from "./constants";
+export type CommandProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive> & VariantProps<typeof getCommandClasses>;
+export type CommandInputProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input> & VariantProps<typeof getCommandInputClasses>;
+export type CommandDialogProps = DialogProps;

package/dist/types/components/Description/types.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export type DescriptionProps = React.HTMLAttributes<HTMLDListElement>;
 export type DescriptionTermProps = React.HTMLAttributes<HTMLElement>;
 export type DescriptionDetailProps = React.HTMLAttributes<HTMLElement>;

package/dist/types/components/Dialog/Dialog.d.ts

@@ -0,0 +1,22 @@
+import * as React from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import type { DialogProps, DialogFooterProps, DialogHeaderProps } from "./types";
+declare const Dialog: {
+    (props: DialogProps): import("react/jsx-runtime").JSX.Element;
+    Trigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+    Portal: React.FC<DialogPrimitive.DialogPortalProps>;
+    Close: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+    Header: {
+        ({ className, ...props }: DialogHeaderProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Title: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & import("class-variance-authority").VariantProps<(props?: import("class-variance-authority/types").ClassProp | undefined) => string> & React.RefAttributes<HTMLHeadingElement>>;
+    Description: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & import("class-variance-authority").VariantProps<(props?: import("class-variance-authority/types").ClassProp | undefined) => string> & React.RefAttributes<HTMLParagraphElement>>;
+    Content: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & import("class-variance-authority").VariantProps<(props?: import("class-variance-authority/types").ClassProp | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
+    Footer: {
+        ({ className, ...props }: DialogFooterProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Overlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & import("class-variance-authority").VariantProps<(props?: import("class-variance-authority/types").ClassProp | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
+};
+export { Dialog };

package/dist/types/components/Dialog/constants.d.ts

@@ -0,0 +1,7 @@
+export declare const getDialogOverlayClasses: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const getDialogContentClasses: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const getDialogHeaderClasses: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const getDialogFooterClasses: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const getDialogTitleClasses: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const getDialogDescriptionClasses: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const getDialogCloseClasses: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;

package/dist/types/components/Dialog/index.d.ts

@@ -0,0 +1 @@
+export { Dialog } from "./Dialog";

package/dist/types/components/Dialog/types.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { type VariantProps } from "../../libs";
+import { getDialogContentClasses, getDialogDescriptionClasses, getDialogFooterClasses, getDialogHeaderClasses, getDialogOverlayClasses, getDialogTitleClasses } from "./constants";
+export type DialogProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Root>;
+export type DialogOverlayProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay> & VariantProps<typeof getDialogOverlayClasses>;
+export type DialogContentProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & VariantProps<typeof getDialogContentClasses>;
+export type DialogHeaderProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof getDialogHeaderClasses>;
+export type DialogFooterProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof getDialogFooterClasses>;
+export type DialogTitleProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title> & VariantProps<typeof getDialogTitleClasses>;
+export type DialogDescriptionProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description> & VariantProps<typeof getDialogDescriptionClasses>;

package/dist/types/components/Form/Checkbox/Checkbox.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+declare const Checkbox: React.ForwardRefExoticComponent<Omit<React.HTMLProps<HTMLInputElement>, "size" | "ref" | "type"> & import("class-variance-authority").VariantProps<(props?: ({
+    variant?: "accent" | "error" | "info" | "primary" | "secondary" | "success" | "warning" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLInputElement>>;
+export { Checkbox };

package/dist/types/components/Form/Checkbox/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const getCheckboxClasses: (props?: ({
+    variant?: "accent" | "error" | "info" | "primary" | "secondary" | "success" | "warning" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/types/components/Form/Checkbox/index.d.ts

@@ -0,0 +1 @@
+export { Checkbox } from "./Checkbox";

package/dist/types/components/Form/Checkbox/types.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { type VariantProps } from "../../../libs";
+import { getCheckboxClasses } from "./constants";
+export type CheckboxProps = Omit<React.HTMLProps<HTMLInputElement>, "size" | "ref" | "type"> & VariantProps<typeof getCheckboxClasses>;

package/dist/types/components/Form/Input/Input.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+export declare const Input: React.ForwardRefExoticComponent<Omit<React.HTMLProps<HTMLInputElement>, "size" | "ref"> & import("class-variance-authority").VariantProps<(props?: ({
+    variant?: "accent" | "error" | "ghost" | "info" | "primary" | "secondary" | "success" | "warning" | null | undefined;
+    outline?: boolean | null | undefined;
+    wide?: boolean | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLInputElement>>;

package/dist/types/components/Form/Input/constants.d.ts

@@ -0,0 +1,6 @@
+export declare const getInputClasses: (props?: ({
+    variant?: "accent" | "error" | "ghost" | "info" | "primary" | "secondary" | "success" | "warning" | null | undefined;
+    outline?: boolean | null | undefined;
+    wide?: boolean | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/types/components/Form/Input/index.d.ts

@@ -0,0 +1 @@
+export { Input } from "./Input";

package/dist/types/components/Form/Input/types.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { type VariantProps } from "../../../libs";
+import { getInputClasses } from "./constants";
+export type InputProps = Omit<React.HTMLProps<HTMLInputElement>, "size" | "ref"> & VariantProps<typeof getInputClasses>;

package/dist/types/components/Form/Phone/Phone.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+declare const Phone: React.ForwardRefExoticComponent<Omit<import("../Input/types").InputProps, "size" | "label" | "inputMode" | "type"> & {
+    inputProps?: import("class-variance-authority").VariantProps<(props?: ({
+        variant?: "accent" | "error" | "ghost" | "info" | "primary" | "secondary" | "success" | "warning" | null | undefined;
+        outline?: boolean | null | undefined;
+        wide?: boolean | null | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | null | undefined;
+    } & import("class-variance-authority/types").ClassProp) | undefined) => string> | undefined;
+    buttonProps?: import("class-variance-authority").VariantProps<(props?: ({
+        variant?: "accent" | "default" | "error" | "ghost" | "info" | "link" | "neutral" | "primary" | "secondary" | "success" | "warning" | null | undefined;
+        outline?: boolean | null | undefined;
+        wide?: boolean | null | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | null | undefined;
+        isLoading?: boolean | null | undefined;
+    } & import("class-variance-authority/types").ClassProp) | undefined) => string> | undefined;
+} & React.RefAttributes<HTMLInputElement>>;
+export { Phone };

package/dist/types/components/Form/Phone/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const getPhoneButtonClasses: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const getPhoneInputClasses: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;

package/dist/types/components/Form/Phone/index.d.ts

@@ -0,0 +1 @@
+export { Phone } from "./Phone";

package/dist/types/components/Form/Phone/types.d.ts

@@ -0,0 +1,8 @@
+import { type VariantProps } from "../../../libs";
+import { type InputProps } from "../Input/types";
+import { getInputClasses } from "../Input/constants";
+import { getButtonClasses } from "../../Button/constants";
+export type PhoneProps = Omit<InputProps, "type" | "size" | "label" | "inputMode"> & {
+    inputProps?: VariantProps<typeof getInputClasses>;
+    buttonProps?: VariantProps<typeof getButtonClasses>;
+};

package/dist/types/components/Form/Radio/Radio.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+declare const Radio: React.ForwardRefExoticComponent<Omit<React.HTMLProps<HTMLInputElement>, "size" | "ref" | "type"> & import("class-variance-authority").VariantProps<(props?: ({
+    variant?: "accent" | "error" | "info" | "primary" | "secondary" | "success" | "warning" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLInputElement>>;
+export { Radio };

package/dist/types/components/Form/Radio/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const getRadioClasses: (props?: ({
+    variant?: "accent" | "error" | "info" | "primary" | "secondary" | "success" | "warning" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/types/components/Form/Radio/index.d.ts

@@ -0,0 +1 @@
+export { Radio } from "./Radio";

package/dist/types/components/Form/Radio/types.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { type VariantProps } from "../../../libs";
+import { getRadioClasses } from "./constants";
+export type RadioProps = Omit<React.HTMLProps<HTMLInputElement>, "size" | "ref" | "type"> & VariantProps<typeof getRadioClasses>;

package/dist/types/components/Form/Range/Range.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+declare const Range: React.ForwardRefExoticComponent<Omit<React.HTMLProps<HTMLInputElement>, "size" | "ref" | "type"> & import("class-variance-authority").VariantProps<(props?: ({
+    variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | null | undefined;
+    disabled?: boolean | null | undefined;
+    wide?: boolean | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLInputElement>>;
+export { Range };

package/dist/types/components/Form/Range/constants.d.ts

@@ -0,0 +1,6 @@
+export declare const getRangeClasses: (props?: ({
+    variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | null | undefined;
+    disabled?: boolean | null | undefined;
+    wide?: boolean | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/types/components/Form/Range/index.d.ts

@@ -0,0 +1 @@
+export { Range } from "./Range";

package/dist/types/components/Form/Range/types.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { type VariantProps } from "../../../libs";
+import { getRangeClasses } from "./constants";
+export type RangeProps = Omit<React.HTMLProps<HTMLInputElement>, "size" | "ref" | "type"> & VariantProps<typeof getRangeClasses>;

package/dist/types/components/Form/Select/Select.d.ts

@@ -0,0 +1,27 @@
+import * as React from "react";
+import * as SelectPrimitive from "@radix-ui/react-select";
+declare const Select: {
+    (props: React.ComponentPropsWithoutRef<typeof SelectPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+    Group: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
+    Value: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
+    Trigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & import("class-variance-authority").VariantProps<(props?: ({
+        variant?: "accent" | "error" | "info" | "primary" | "secondary" | "success" | "warning" | null | undefined;
+        outline?: boolean | null | undefined;
+        wide?: boolean | null | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | null | undefined;
+    } & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
+    Content: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & import("class-variance-authority").VariantProps<(props?: ({
+        position?: "popper" | "item-aligned" | null | undefined;
+    } & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
+    Label: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Item: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & import("class-variance-authority").VariantProps<(props?: ({
+        variant?: "accent" | "error" | "info" | "primary" | "secondary" | "success" | "warning" | null | undefined;
+        outline?: boolean | null | undefined;
+        wide?: boolean | null | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | null | undefined;
+    } & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
+    Separator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    ScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    ScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+};
+export { Select };

package/dist/types/components/Form/Select/constants.d.ts

@@ -0,0 +1,17 @@
+export declare const getSelectTriggerClasses: (props?: ({
+    variant?: "accent" | "error" | "info" | "primary" | "secondary" | "success" | "warning" | null | undefined;
+    outline?: boolean | null | undefined;
+    wide?: boolean | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const getSelectItemClasses: (props?: ({
+    variant?: "accent" | "error" | "info" | "primary" | "secondary" | "success" | "warning" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const getSelectLabelClasses: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const getSelectSeparatorClasses: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const getSelectContentClasses: (props?: ({
+    position?: "popper" | "item-aligned" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const getSelectViewportClasses: (props?: ({
+    position?: "popper" | "item-aligned" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/types/components/Form/Select/index.d.ts

@@ -0,0 +1 @@
+export { Select } from "./Select";

package/dist/types/components/Form/Select/types.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import * as SelectPrimitive from "@radix-ui/react-select";
+import { type VariantProps } from "../../../libs";
+import { getSelectContentClasses, getSelectTriggerClasses } from "./constants";
+export type SelectTriggerProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger> & VariantProps<typeof getSelectTriggerClasses>;
+export type SelectItemProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item> & VariantProps<typeof getSelectTriggerClasses>;
+export type SelectContentProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content> & VariantProps<typeof getSelectContentClasses>;

package/dist/types/components/Form/Slider/Slider.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+import * as SliderPrimitive from "@radix-ui/react-slider";
+declare const Slider: React.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React.RefAttributes<HTMLSpanElement>, "ref"> & import("class-variance-authority").VariantProps<(props?: ({
+    variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & import("class-variance-authority").VariantProps<(props?: ({
+    variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & import("class-variance-authority").VariantProps<(props?: ({
+    variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & import("class-variance-authority").VariantProps<(props?: ({
+    disabled?: boolean | null | undefined;
+    wide?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLSpanElement>>;
+export { Slider };

package/dist/types/components/Form/Slider/constants.d.ts

@@ -0,0 +1,15 @@
+export declare const getSliderRootClasses: (props?: ({
+    disabled?: boolean | null | undefined;
+    wide?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const getSliderTrackClasses: (props?: ({
+    variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const getSliderClasses: (props?: ({
+    variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const getSliderThumbClasses: (props?: ({
+    variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/types/components/Form/Slider/index.d.ts

@@ -0,0 +1 @@
+export { Slider } from "./Slider";

package/dist/types/components/Form/Slider/types.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { type VariantProps } from "../../../libs";
+import * as SliderPrimitive from "@radix-ui/react-slider";
+import { getSliderClasses, getSliderRootClasses, getSliderThumbClasses, getSliderTrackClasses } from "./constants";
+export type SliderProps = React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root> & VariantProps<typeof getSliderClasses> & VariantProps<typeof getSliderTrackClasses> & VariantProps<typeof getSliderThumbClasses> & VariantProps<typeof getSliderRootClasses>;

package/dist/types/components/Form/Switch/Switch.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+declare const Switch: React.ForwardRefExoticComponent<Omit<React.HTMLProps<HTMLInputElement>, "size" | "ref" | "type"> & import("class-variance-authority").VariantProps<(props?: ({
+    variant?: "accent" | "error" | "info" | "primary" | "secondary" | "success" | "warning" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLInputElement>>;
+export { Switch };

package/dist/types/components/Form/Switch/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const getSwitchClasses: (props?: ({
+    variant?: "accent" | "error" | "info" | "primary" | "secondary" | "success" | "warning" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/types/components/Form/Switch/index.d.ts

@@ -0,0 +1 @@
+export { Switch } from "./Switch";

package/dist/types/components/Form/Switch/types.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { type VariantProps } from "../../../libs";
+import { getSwitchClasses } from "./constants";
+export type SwitchProps = Omit<React.HTMLProps<HTMLInputElement>, "size" | "ref" | "type"> & VariantProps<typeof getSwitchClasses>;

package/dist/types/components/Form/TextField/TextField.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export declare const TextField: React.ForwardRefExoticComponent<Omit<React.HTMLProps<HTMLInputElement>, "size" | "ref"> & import("class-variance-authority").VariantProps<(props?: ({
+    variant?: "accent" | "error" | "ghost" | "info" | "primary" | "secondary" | "success" | "warning" | null | undefined;
+    outline?: boolean | null | undefined;
+    wide?: boolean | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
+    info?: React.ReactNode;
+    error?: string | string[] | null | undefined;
+} & React.RefAttributes<HTMLInputElement>>;

package/dist/types/components/Form/TextField/constants.d.ts

@@ -0,0 +1 @@
+export declare const getTextFieldClasses: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;

package/dist/types/components/Form/TextField/index.d.ts

@@ -0,0 +1 @@
+export { TextField } from "./TextField";

package/dist/types/components/Form/TextField/types.d.ts

@@ -0,0 +1,6 @@
+import { type ReactNode } from "react";
+import { type InputProps } from "../Input/types";
+export type TextFieldProps = InputProps & {
+    info?: ReactNode;
+    error?: string | string[] | null;
+};

package/dist/types/components/Form/Textarea/Textarea.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+declare const Textarea: React.ForwardRefExoticComponent<Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "size" | "ref"> & import("class-variance-authority").VariantProps<(props?: ({
+    variant?: "accent" | "error" | "ghost" | "info" | "primary" | "secondary" | "success" | "warning" | null | undefined;
+    outline?: boolean | null | undefined;
+    wide?: boolean | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLTextAreaElement>>;
+export { Textarea };

package/dist/types/components/Form/Textarea/constants.d.ts

@@ -0,0 +1,6 @@
+export declare const getTextareaClasses: (props?: ({
+    variant?: "accent" | "error" | "ghost" | "info" | "primary" | "secondary" | "success" | "warning" | null | undefined;
+    outline?: boolean | null | undefined;
+    wide?: boolean | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/types/components/Form/Textarea/index.d.ts

@@ -0,0 +1 @@
+export { Textarea } from "./Textarea";

package/dist/types/components/Form/Textarea/types.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { type VariantProps } from "../../../libs";
+import { getTextareaClasses } from "./constants";
+export type TextareaProps = Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "size" | "ref"> & VariantProps<typeof getTextareaClasses>;

package/dist/types/components/Form/components/FormControl/FormControl.d.ts

@@ -0,0 +1,2 @@
+import type { As, FormControlProps } from "./types";
+export declare const FormControl: <T extends As>({ as, children, className, ...props }: FormControlProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Form/components/FormControl/constants.d.ts

@@ -0,0 +1 @@
+export declare const getFormControlClasses: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;

package/dist/types/components/Form/components/FormControl/index.d.ts

@@ -0,0 +1 @@
+export { FormControl } from "./FormControl";

package/dist/types/components/Form/components/FormControl/types.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { type VariantProps } from "../../../../libs";
+import { getFormControlClasses } from "./constants";
+export type As = "div" | "span" | "label";
+type AllowedElements = Pick<JSX.IntrinsicElements, As>;
+export type FormControlProps<T extends As> = (T extends "label" ? React.LabelHTMLAttributes<HTMLLabelElement> : React.HTMLAttributes<HTMLElement & AllowedElements[T]>) & VariantProps<typeof getFormControlClasses> & {
+    as?: T;
+};
+export {};