@mbao01/common 0.2.2 → 0.2.4

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

@@ -0,0 +1,8 @@
+import { DockButtonProps, DockIconProps, DockLabelProps, DockProps } from './types';
+declare const Dock: {
+    ({ size, variant, outline, children, className, ...props }: DockProps): import("react/jsx-runtime").JSX.Element;
+    Button: ({ active, children, className, ...props }: DockButtonProps) => import("react/jsx-runtime").JSX.Element;
+    Label: ({ className, children, ...props }: DockLabelProps) => import("react/jsx-runtime").JSX.Element;
+    Icon: ({ icon, size, className, children, ...props }: DockIconProps) => import("react/jsx-runtime").JSX.Element;
+};
+export { Dock };

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

@@ -0,0 +1,12 @@
+export declare const getDockClasses: (props?: ({
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+    variant?: "accent" | "default" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "ghost" | null | undefined;
+    outline?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const getDockButtonClasses: (props?: ({
+    active?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const getDockIconClasses: (props?: ({
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const getDockLabelClasses: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

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

@@ -0,0 +1 @@
+export { Dock } from './Dock';

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

@@ -0,0 +1,12 @@
+import { LucideProps } from 'lucide-react';
+import { default as React } from 'react';
+import { VariantProps } from '../../libs';
+import { getDockButtonClasses, getDockClasses, getDockIconClasses, getDockLabelClasses } from './constants';
+export type DockProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof getDockClasses>;
+export type DockButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<typeof getDockButtonClasses>;
+export type DockLabelProps = React.HTMLAttributes<HTMLSpanElement> & VariantProps<typeof getDockLabelClasses>;
+type P = Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>;
+export type DockIconProps = P & VariantProps<typeof getDockIconClasses> & {
+    icon: React.ForwardRefExoticComponent<P>;
+};
+export {};

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

@@ -1,11 +1,4 @@
 export declare const DEFAULT_SIZE = 96;
-export declare const getDatetimeInputContainerClasses: (props?: ({
-    variant?: "accent" | "default" | "error" | "info" | "primary" | "secondary" | "success" | "warning" | "ghost" | null | undefined;
-    outline?: boolean | 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;
 export declare const getDatetimeCalendarTriggerClasses: (props?: ({
     size?: "xs" | "sm" | "md" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

@@ -1,11 +1,11 @@
 import { VariantProps } from '../../../libs';
 import { CalendarProps } from '../../Calendar/types';
+import { getInputCommonClasses } from '../Input/constants';
 import { InputProps } from '../Input/types';
-import { getDatetimeInputContainerClasses } from './constants';
 type DisabledType = {
     disabled?: boolean;
 };
-type VariantType = VariantProps<typeof getDatetimeInputContainerClasses>;
+type VariantType = VariantProps<typeof getInputCommonClasses>;
 type NaturalLanguageInputType = DisabledType & {
     locale?: Intl.LocalesArgument;
 } & Omit<InputProps, "type" | "ref" | "value" | "defaultValue" | "onBlur" | "disabled">;

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

@@ -1,8 +1,11 @@
 import { default as React } from 'react';
-export declare const Input: React.ForwardRefExoticComponent<Omit<React.HTMLProps<HTMLInputElement>, "ref" | "size"> & Omit<{
+export declare const Input: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "ref" | "size"> & Omit<{
     variant?: "accent" | "default" | "error" | "info" | "primary" | "secondary" | "success" | "warning" | "ghost" | undefined;
     type?: string | number | undefined;
     size?: "xs" | "sm" | "md" | "lg" | undefined;
     outline?: boolean | undefined;
     wide?: boolean | undefined;
-}, "type"> & React.RefAttributes<HTMLInputElement>>;
+}, "type"> & {
+    label?: React.ReactNode;
+    labelPosition?: "start" | "end" | "floating";
+} & React.RefAttributes<HTMLInputElement>>;

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

@@ -5,3 +5,14 @@ export declare const getInputClasses: (props?: ({
     size?: "xs" | "sm" | "md" | "lg" | null | undefined;
     type?: string | number | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const getFloatingLabelClasses: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const getInputLabelClasses: (props?: ({
+    floating?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const getInputCommonClasses: (props?: ({
+    variant?: "accent" | "default" | "error" | "info" | "primary" | "secondary" | "success" | "warning" | "ghost" | null | undefined;
+    outline?: boolean | 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/Input/types.d.ts

@@ -1,3 +1,10 @@
+import { ReactNode } from 'react';
 import { VariantProps } from '../../../libs';
-import { getInputClasses } from './constants';
-export type InputProps = Omit<React.HTMLProps<HTMLInputElement>, "size" | "ref"> & Omit<VariantProps<typeof getInputClasses>, "type">;
+import { getInputClasses, getInputLabelClasses } from './constants';
+export type InputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "ref"> & Omit<VariantProps<typeof getInputClasses>, "type"> & {
+    label?: ReactNode;
+    labelPosition?: "start" | "end" | "floating";
+};
+export type InputLabelProps = VariantProps<typeof getInputLabelClasses> & {
+    children: ReactNode;
+};

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

@@ -1,11 +1,5 @@
 export declare const getMultiSelectClasses: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
-export declare const getMultiSelectTriggerClasses: (props?: ({
-    variant?: "accent" | "default" | "error" | "info" | "primary" | "secondary" | "success" | "warning" | null | undefined;
-    outline?: boolean | 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;
+export declare const getMultiSelectTriggerClasses: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
 export declare const getMultiSelectItemClasses: (props?: ({
     included?: boolean | null | undefined;
     disabled?: boolean | null | undefined;

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

@@ -1,7 +1,8 @@
 import { ComponentPropsWithoutRef, HTMLAttributes } from 'react';
 import { VariantProps } from '../../../libs';
 import { Command } from '../../Command';
-import { getMultiSelectInputClasses, getMultiSelectItemClasses, getMultiSelectListClasses, getMultiSelectTriggerClasses } from './constants';
+import { getInputCommonClasses } from '../Input/constants';
+import { getMultiSelectInputClasses, getMultiSelectItemClasses, getMultiSelectListClasses } from './constants';
 export type Item = {
     value: string;
     label?: string;
@@ -24,7 +25,7 @@ export type MultiSelectContextProps = {
     ref: React.RefObject<HTMLInputElement | null>;
     handleSelect: (e: React.SyntheticEvent<HTMLInputElement>) => void;
 };
-export type MultiSelectTriggerProps = HTMLAttributes<HTMLDivElement> & VariantProps<typeof getMultiSelectTriggerClasses>;
+export type MultiSelectTriggerProps = HTMLAttributes<HTMLDivElement> & VariantProps<typeof getInputCommonClasses>;
 export type MultiSelectInputProps = Omit<ComponentPropsWithoutRef<typeof Command.Input>, "size"> & VariantProps<typeof getMultiSelectInputClasses>;
 export type MultiSelectContentProps = HTMLAttributes<HTMLDivElement>;
 export type MultiSelectListProps = ComponentPropsWithoutRef<typeof Command.List> & VariantProps<typeof getMultiSelectListClasses>;

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-declare const Radio: React.ForwardRefExoticComponent<Omit<React.HTMLProps<HTMLInputElement>, "type" | "ref" | "size"> & {
+declare const Radio: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "ref" | "size"> & {
     variant?: "accent" | "error" | "info" | "primary" | "secondary" | "success" | "warning" | undefined;
     size?: "xs" | "sm" | "md" | "lg" | undefined;
 } & React.RefAttributes<HTMLInputElement>>;

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

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

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-declare const Range: React.ForwardRefExoticComponent<Omit<React.HTMLProps<HTMLInputElement>, "type" | "ref" | "size"> & {
+declare const Range: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "ref" | "size"> & {
     variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | undefined;
     size?: "xs" | "sm" | "md" | "lg" | undefined;
     wide?: boolean | undefined;

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

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

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

@@ -5,16 +5,19 @@ declare const Select: {
     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"> & {
-        variant?: "accent" | "default" | "error" | "info" | "primary" | "secondary" | "success" | "warning" | undefined;
+        variant?: "accent" | "default" | "error" | "info" | "primary" | "secondary" | "success" | "warning" | "ghost" | undefined;
         size?: "xs" | "sm" | "md" | "lg" | undefined;
         outline?: boolean | undefined;
+    } & {
+        label?: React.ReactNode;
+        labelPosition?: "start" | "end" | "floating";
     } & React.RefAttributes<HTMLButtonElement>>;
     Content: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
         position?: "popper" | "item-aligned" | undefined;
     } & 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"> & {
-        variant?: "accent" | "default" | "error" | "info" | "primary" | "secondary" | "success" | "warning" | undefined;
+        variant?: "accent" | "default" | "error" | "info" | "primary" | "secondary" | "success" | "warning" | "ghost" | undefined;
         size?: "xs" | "sm" | "md" | "lg" | undefined;
         outline?: boolean | undefined;
     } & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,10 +1,10 @@
 export declare const getSelectTriggerClasses: (props?: ({
-    variant?: "accent" | "default" | "error" | "info" | "primary" | "secondary" | "success" | "warning" | null | undefined;
+    variant?: "accent" | "default" | "error" | "info" | "primary" | "secondary" | "success" | "warning" | "ghost" | null | undefined;
     outline?: 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" | "default" | "error" | "info" | "primary" | "secondary" | "success" | "warning" | null | undefined;
+    variant?: "accent" | "default" | "error" | "info" | "primary" | "secondary" | "success" | "warning" | "ghost" | 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 getSelectValueClasses: (props?: ({
@@ -17,3 +17,7 @@ export declare const getSelectContentClasses: (props?: ({
 export declare const getSelectViewportClasses: (props?: ({
     position?: "popper" | "item-aligned" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const getFloatingLabelClasses: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const getLabelForSelectClasses: (props?: ({
+    floating?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

@@ -1,7 +1,15 @@
+import { ReactNode } from 'react';
 import { VariantProps } from '../../../libs';
-import { getSelectContentClasses, getSelectTriggerClasses, getSelectValueClasses } from './constants';
+import { getLabelForSelectClasses, getSelectContentClasses, getSelectTriggerClasses, getSelectValueClasses } from './constants';
 import * as SelectPrimitive from "@radix-ui/react-select";
-export type SelectTriggerProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger> & VariantProps<typeof getSelectTriggerClasses>;
+export type SelectTriggerProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger> & VariantProps<typeof getSelectTriggerClasses> & {
+    label?: ReactNode;
+    labelPosition?: "start" | "end" | "floating";
+};
 export type SelectItemProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item> & VariantProps<typeof getSelectTriggerClasses>;
 export type SelectContentProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content> & VariantProps<typeof getSelectContentClasses>;
 export type SelectValueProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Value> & VariantProps<typeof getSelectValueClasses>;
+export type LabelForSelectProps = VariantProps<typeof getLabelForSelectClasses> & {
+    children: ReactNode;
+    className?: string;
+};

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-declare const Switch: React.ForwardRefExoticComponent<Omit<React.HTMLProps<HTMLInputElement>, "type" | "ref" | "size"> & {
+declare const Switch: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "ref" | "size"> & {
     variant?: "accent" | "error" | "info" | "primary" | "secondary" | "success" | "warning" | undefined;
     size?: "xs" | "sm" | "md" | "lg" | undefined;
 } & React.RefAttributes<HTMLInputElement>>;

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

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

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

@@ -4,6 +4,8 @@ export declare const TagsInput: import('react').ForwardRefExoticComponent<import
     placeholder?: string;
     maxItems?: number;
     minItems?: number;
+} & {
+    size?: "xs" | "sm" | "md" | "lg" | undefined;
 } & {
     variant?: "accent" | "default" | "error" | "info" | "primary" | "secondary" | "success" | "warning" | "ghost" | undefined;
     size?: "xs" | "sm" | "md" | "lg" | undefined;

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

@@ -1,10 +1,6 @@
 export declare const SPLITTER_REGEX: RegExp;
 export declare const FORMATTING_REGEX: RegExp;
 export declare const getTagsClasses: (props?: ({
-    variant?: "accent" | "default" | "error" | "info" | "primary" | "secondary" | "success" | "warning" | "ghost" | null | undefined;
-    outline?: boolean | 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;
 export declare const getTagClasses: (props?: ({

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

@@ -1,4 +1,5 @@
 import { VariantProps } from '../../../libs';
+import { getInputCommonClasses } from '../Input/constants';
 import { getTagsClasses } from './constants';
 export type TagsInputProps = React.HTMLAttributes<HTMLDivElement> & {
     defaultTags?: string[];
@@ -6,4 +7,4 @@ export type TagsInputProps = React.HTMLAttributes<HTMLDivElement> & {
     placeholder?: string;
     maxItems?: number;
     minItems?: number;
-} & VariantProps<typeof getTagsClasses>;
+} & VariantProps<typeof getTagsClasses> & VariantProps<typeof getInputCommonClasses>;

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

@@ -1,11 +1,15 @@
 import { default as React } from 'react';
-export declare const TextField: React.ForwardRefExoticComponent<Omit<React.HTMLProps<HTMLInputElement>, "ref" | "size"> & Omit<{
+export declare const TextField: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "ref" | "size"> & Omit<{
     variant?: "accent" | "default" | "error" | "info" | "primary" | "secondary" | "success" | "warning" | "ghost" | undefined;
     type?: string | number | undefined;
     size?: "xs" | "sm" | "md" | "lg" | undefined;
     outline?: boolean | undefined;
     wide?: boolean | undefined;
 }, "type"> & {
+    label?: React.ReactNode;
+    labelPosition?: "start" | "end" | "floating";
+} & {
     info?: React.ReactNode;
+    label?: React.ReactNode;
     error?: string | string[] | null;
 } & React.RefAttributes<HTMLInputElement>>;

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

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

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

@@ -4,5 +4,7 @@ declare const Textarea: React.ForwardRefExoticComponent<Omit<React.TextareaHTMLA
     size?: "xs" | "sm" | "md" | "lg" | undefined;
     outline?: boolean | undefined;
     wide?: boolean | undefined;
+} & {
+    label?: React.ReactNode;
 } & React.RefAttributes<HTMLTextAreaElement>>;
 export { Textarea };

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

@@ -4,3 +4,4 @@ export declare const getTextareaClasses: (props?: ({
     wide?: boolean | null | undefined;
     size?: "xs" | "sm" | "md" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const getFloatingLabelClasses: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

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

@@ -1,3 +1,9 @@
+import { ReactNode } from 'react';
 import { VariantProps } from '../../../libs';
 import { getTextareaClasses } from './constants';
-export type TextareaProps = Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "size" | "ref"> & VariantProps<typeof getTextareaClasses>;
+export type TextareaProps = Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "size" | "ref"> & VariantProps<typeof getTextareaClasses> & {
+    label?: ReactNode;
+};
+export type TextareaLabelProps = {
+    children: ReactNode;
+};

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

@@ -0,0 +1,6 @@
+import { As, ValidatorHintProps, ValidatorProps } from './types';
+declare const Validator: {
+    <T extends As>({ as, children, className, ...props }: ValidatorProps<T>): import("react/jsx-runtime").JSX.Element;
+    Hint: ({ className, children, visible, ...props }: ValidatorHintProps) => import("react/jsx-runtime").JSX.Element;
+};
+export { Validator };

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

@@ -0,0 +1,4 @@
+export declare const getValidatorClasses: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const getValidatorHintClasses: (props?: ({
+    visible?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

@@ -0,0 +1 @@
+export { Validator } from './Validator';

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

@@ -0,0 +1,14 @@
+import { ComponentProps, ReactNode, default as React } from 'react';
+import { VariantProps } from '../../../libs';
+import { Text } from '../../Text';
+import { getValidatorClasses, getValidatorHintClasses } from './constants';
+type FormElements = "input" | "select" | "textarea";
+export type As<P = any> = FormElements | React.ComponentType<P> | React.ForwardRefExoticComponent<P>;
+type AllowedElements = Pick<React.JSX.IntrinsicElements, FormElements>;
+export type ValidatorProps<T extends As> = (T extends FormElements ? AllowedElements[T] : T extends React.ForwardRefExoticComponent<infer P> ? P : T extends React.ComponentType<infer P> ? P : never) & VariantProps<typeof getValidatorClasses> & {
+    as: T;
+    children?: ReactNode;
+    className?: string;
+};
+export type ValidatorHintProps = ComponentProps<typeof Text> & VariantProps<typeof getValidatorHintClasses>;
+export {};

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

@@ -3,7 +3,7 @@ import { getFieldsetClasses, getFieldsetLabelClasses, getFieldsetLegendClasses }
 export type FieldsetProps = React.FieldsetHTMLAttributes<HTMLFieldSetElement> & VariantProps<typeof getFieldsetClasses>;
 export type As = "div" | "span" | "label" | "p";
 type AllowedElements = Pick<React.JSX.IntrinsicElements, As>;
-export type FieldsetLabelProps<T extends As> = (T extends "label" ? React.LabelHTMLAttributes<HTMLLabelElement> : React.HTMLAttributes<HTMLElement & AllowedElements[T]>) & VariantProps<typeof getFieldsetLabelClasses> & {
+export type FieldsetLabelProps<T extends As> = (T extends "label" ? React.LabelHTMLAttributes<HTMLLabelElement> : AllowedElements[T]) & VariantProps<typeof getFieldsetLabelClasses> & {
     as?: T;
 };
 export type FieldsetLegendProps = React.HTMLAttributes<HTMLLegendElement> & VariantProps<typeof getFieldsetLegendClasses>;

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

@@ -12,5 +12,6 @@ export { Checkbox, CheckboxControlled } from './Checkbox';
 export { TagsInput } from './TagsInput';
 export { Textarea } from './Textarea';
 export { TextField } from './TextField';
+export { Validator } from './Validator';
 export { Label } from './components/Label';
 export { Fieldset } from './components/Fieldset';

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

@@ -0,0 +1,6 @@
+import { As, IndicatorItemProps, IndicatorProps } from './types';
+declare const Indicator: {
+    <T extends As>({ as, position, className, children, ...props }: IndicatorProps<T>): import("react/jsx-runtime").JSX.Element;
+    Item: <T extends As>({ as, className, children, ...props }: IndicatorItemProps<T>) => import("react/jsx-runtime").JSX.Element;
+};
+export { Indicator };

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

@@ -0,0 +1,15 @@
+export declare const getIndicatorClasses: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const getIndicatorItemClasses: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+declare const INDICATOR_POSITION_CLASS: {
+    center: string;
+    middle: string;
+    start: string;
+    end: string;
+    top: string;
+    bottom: string;
+};
+type IndicatorPosition = keyof typeof INDICATOR_POSITION_CLASS;
+export declare const getIndicatorPositionClasses: ({ position, }: {
+    position: IndicatorPosition | IndicatorPosition[];
+}) => string;
+export {};

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

@@ -0,0 +1 @@
+export { Indicator } from './Indicator';

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

@@ -0,0 +1,14 @@
+import { VariantProps } from '../../libs';
+import { getIndicatorClasses, getIndicatorItemClasses, getIndicatorPositionClasses } from './constants';
+type FormElements = keyof React.JSX.IntrinsicElements;
+export type As<P = any> = FormElements | React.ComponentType<P> | React.ForwardRefExoticComponent<P>;
+type AllowedElements = Pick<React.JSX.IntrinsicElements, FormElements>;
+type AsProps<T extends As> = T extends FormElements ? AllowedElements[T] : T extends React.ForwardRefExoticComponent<infer P> ? P : T extends React.ComponentType<infer P> ? P : never;
+export type IndicatorProps<T extends As> = AsProps<T> & VariantProps<typeof getIndicatorClasses> & {
+    as: T;
+    position?: Parameters<typeof getIndicatorPositionClasses>[0]["position"];
+};
+export type IndicatorItemProps<T extends As> = AsProps<T> & VariantProps<typeof getIndicatorItemClasses> & {
+    as: T;
+};
+export {};

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

@@ -0,0 +1,6 @@
+import { As, JoinItemProps, JoinProps } from './types';
+declare const Join: {
+    <T extends As>({ as, className, children, ...props }: JoinProps<T>): import("react/jsx-runtime").JSX.Element;
+    Item: <T extends As>({ as, className, children, ...props }: JoinItemProps<T>) => import("react/jsx-runtime").JSX.Element;
+};
+export { Join };

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

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

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

@@ -0,0 +1 @@
+export { Join } from './Join';

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

@@ -0,0 +1,13 @@
+import { VariantProps } from '../../libs';
+import { getJoinClasses, getJoinItemClasses } from './constants';
+type FormElements = keyof React.JSX.IntrinsicElements;
+export type As<P = any> = FormElements | React.ComponentType<P> | React.ForwardRefExoticComponent<P>;
+type AllowedElements = Pick<React.JSX.IntrinsicElements, FormElements>;
+type AsProps<T extends As> = T extends FormElements ? AllowedElements[T] : T extends React.ForwardRefExoticComponent<infer P> ? P : T extends React.ComponentType<infer P> ? P : never;
+export type JoinProps<T extends As> = AsProps<T> & VariantProps<typeof getJoinClasses> & {
+    as: T;
+};
+export type JoinItemProps<T extends As> = AsProps<T> & VariantProps<typeof getJoinItemClasses> & {
+    as: T;
+};
+export {};

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

@@ -0,0 +1,2 @@
+import { KbdProps } from './types';
+export declare const Kbd: ({ outline, variant, size, className, ...props }: KbdProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -0,0 +1 @@
+export { Kbd } from './Kbd';

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

@@ -0,0 +1,3 @@
+import { VariantProps } from '../../libs';
+import { getKbdClasses } from './constants';
+export type KbdProps = React.HTMLAttributes<HTMLElement> & VariantProps<typeof getKbdClasses>;

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

@@ -0,0 +1,7 @@
+import { ListColumnProps, ListItemProps, ListProps } from './types';
+declare const List: {
+    ({ className, children, ...props }: ListProps): import("react/jsx-runtime").JSX.Element;
+    Item: ({ className, children, ...props }: ListItemProps) => import("react/jsx-runtime").JSX.Element;
+    Column: ({ flex, className, children, ...props }: ListColumnProps) => import("react/jsx-runtime").JSX.Element;
+};
+export { List };

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

@@ -0,0 +1,5 @@
+export declare const getListClasses: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const getListItemClasses: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const getListColumnClasses: (props?: ({
+    flex?: "grow" | "wrap" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

@@ -0,0 +1 @@
+export { List } from './List';

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

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { VariantProps } from '../../libs';
+import { getListClasses, getListColumnClasses, getListItemClasses } from './constants';
+export type ListProps = React.HTMLAttributes<HTMLUListElement> & VariantProps<typeof getListClasses>;
+export type ListItemProps = React.HTMLAttributes<HTMLLIElement> & VariantProps<typeof getListItemClasses>;
+export type ListColumnProps = React.HTMLAttributes<HTMLLIElement> & VariantProps<typeof getListColumnClasses>;

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

@@ -0,0 +1,24 @@
+import { ResizableHandleProps, ResizableProps } from './types';
+import * as ResizablePrimitive from "react-resizable-panels";
+declare const Resizable: {
+    ({ className, ...props }: ResizableProps): import("react/jsx-runtime").JSX.Element;
+    Panel: import('react').ForwardRefExoticComponent<Omit<import('react').HTMLAttributes<HTMLElement | HTMLAnchorElement | HTMLSpanElement | HTMLButtonElement | HTMLUListElement | HTMLLIElement | HTMLOListElement | HTMLObjectElement | HTMLLinkElement | HTMLSlotElement | HTMLStyleElement | HTMLTitleElement | HTMLMapElement | HTMLDialogElement | HTMLFormElement | HTMLImageElement | HTMLOptionElement | HTMLTableElement | HTMLTimeElement | HTMLBaseElement | HTMLAreaElement | HTMLAudioElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDivElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLHeadingElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLInputElement | HTMLLabelElement | HTMLLegendElement | HTMLMetaElement | HTMLMeterElement | HTMLOptGroupElement | HTMLOutputElement | HTMLParagraphElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSelectElement | HTMLSourceElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTextAreaElement | HTMLTableRowElement | HTMLTrackElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
+        className?: string | undefined;
+        collapsedSize?: number | undefined;
+        collapsible?: boolean | undefined;
+        defaultSize?: number | undefined;
+        id?: string | undefined;
+        maxSize?: number | undefined;
+        minSize?: number | undefined;
+        onCollapse?: ResizablePrimitive.PanelOnCollapse | undefined;
+        onExpand?: ResizablePrimitive.PanelOnExpand | undefined;
+        onResize?: ResizablePrimitive.PanelOnResize | undefined;
+        order?: number | undefined;
+        style?: object | undefined;
+        tagName?: keyof HTMLElementTagNameMap | undefined;
+    } & {
+        children?: import('react').ReactNode;
+    } & import('react').RefAttributes<ResizablePrimitive.ImperativePanelHandle>>;
+    Handle: ({ withHandle, bordered, className, ...props }: ResizableHandleProps) => import("react/jsx-runtime").JSX.Element;
+};
+export { Resizable };

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

@@ -0,0 +1,6 @@
+export declare const getResizableClasses: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const getResizableHandleClasses: (props?: ({
+    bordered?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const getResizableHandleIconWrapperClasses: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const getResizableHandleIconClasses: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

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

@@ -0,0 +1 @@
+export { Resizable } from './Resizable';

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

@@ -0,0 +1,7 @@
+import { VariantProps } from '../../libs';
+import { getResizableClasses, getResizableHandleClasses } from './constants';
+import * as ResizablePrimitive from "react-resizable-panels";
+export type ResizableProps = React.ComponentProps<typeof ResizablePrimitive.PanelGroup> & VariantProps<typeof getResizableClasses>;
+export type ResizableHandleProps = React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & VariantProps<typeof getResizableHandleClasses> & {
+    withHandle?: boolean;
+};

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

@@ -7,13 +7,16 @@ declare const Sidebar: {
     Content: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
     Footer: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
     Header: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
-    Input: import('react').ForwardRefExoticComponent<Omit<import('react').HTMLProps<HTMLInputElement>, "ref" | "size"> & Omit<{
+    Input: import('react').ForwardRefExoticComponent<Omit<import('react').InputHTMLAttributes<HTMLInputElement>, "ref" | "size"> & Omit<{
         variant?: "accent" | "default" | "error" | "info" | "primary" | "secondary" | "success" | "warning" | "ghost" | undefined;
         type?: string | number | undefined;
         size?: "xs" | "sm" | "md" | "lg" | undefined;
         outline?: boolean | undefined;
         wide?: boolean | undefined;
-    }, "type"> & import('react').RefAttributes<HTMLInputElement>>;
+    }, "type"> & {
+        label?: import('react').ReactNode;
+        labelPosition?: "start" | "end" | "floating";
+    } & import('react').RefAttributes<HTMLInputElement>>;
     Inset: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
     Provider: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
         defaultOpen?: boolean;