@mbao01/common 0.2.2 → 0.2.3

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/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,7 @@ 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;

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/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

@@ -8,6 +8,9 @@ declare const Select: {
         variant?: "accent" | "default" | "error" | "info" | "primary" | "secondary" | "success" | "warning" | 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;

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

@@ -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/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;

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

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

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

@@ -0,0 +1,3 @@
+export declare const getStackClasses: (props?: ({
+    direction?: "end" | "top" | "bottom" | "start" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

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

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

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

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

@@ -0,0 +1,11 @@
+import { StatActionsProps, StatDescriptionProps, StatFigureProps, StatProps, StatsProps, StatTitleProps, StatValueProps } from './types';
+declare const Stats: ({ direction, className, ...props }: StatsProps) => import("react/jsx-runtime").JSX.Element;
+declare const Stat: {
+    ({ className, position, ...props }: StatProps): import("react/jsx-runtime").JSX.Element;
+    Actions: ({ className, ...props }: StatActionsProps) => import("react/jsx-runtime").JSX.Element;
+    Description: ({ className, ...props }: StatDescriptionProps) => import("react/jsx-runtime").JSX.Element;
+    Figure: ({ className, ...props }: StatFigureProps) => import("react/jsx-runtime").JSX.Element;
+    Title: ({ className, ...props }: StatTitleProps) => import("react/jsx-runtime").JSX.Element;
+    Value: ({ className, ...props }: StatValueProps) => import("react/jsx-runtime").JSX.Element;
+};
+export { Stats, Stat };

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

@@ -0,0 +1,11 @@
+export declare const getStatsClasses: (props?: ({
+    direction?: "horizontal" | "vertical" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const getStatClasses: (props?: ({
+    position?: "end" | "center" | "start" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const getStatTitleClasses: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const getStatValueClasses: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const getStatDescriptionClasses: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const getStatFigureClasses: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const getStatActionsClasses: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

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

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

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

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { VariantProps } from '../../libs';
+import { getStatActionsClasses, getStatClasses, getStatDescriptionClasses, getStatFigureClasses, getStatsClasses, getStatTitleClasses, getStatValueClasses } from './constants';
+export type StatsProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof getStatsClasses>;
+export type StatProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof getStatClasses>;
+export type StatActionsProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof getStatActionsClasses>;
+export type StatDescriptionProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof getStatDescriptionClasses>;
+export type StatFigureProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof getStatFigureClasses>;
+export type StatTitleProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof getStatTitleClasses>;
+export type StatValueProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof getStatValueClasses>;

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

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

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

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

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

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

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

@@ -0,0 +1,3 @@
+import { VariantProps } from '../../libs';
+import { getStatusClasses } from './constants';
+export type StatusProps = Omit<React.HTMLAttributes<HTMLSpanElement>, "children"> & VariantProps<typeof getStatusClasses>;

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

@@ -2,7 +2,7 @@ import { VariantProps } from '../../libs';
 import { getTextClasses } from './constants';
 export type As = "h1" | "h2" | "h3" | "h4" | "h5" | "p" | "span";
 type AllowedElements = Pick<React.JSX.IntrinsicElements, As>;
-export type TextProps<T extends As> = React.HTMLAttributes<HTMLElement & AllowedElements[T]> & VariantProps<typeof getTextClasses> & {
+export type TextProps<T extends As> = AllowedElements[T] & VariantProps<typeof getTextClasses> & {
     as?: As;
 };
 export {};

package/dist/types/index.d.ts

@@ -16,10 +16,19 @@ export * from './components/Card';
 export * from './components/Calendar';
 export * from './components/Collapsible';
 export * from './components/Description';
+export * from './components/Dock';
+export * from './components/Indicator';
+export * from './components/Join';
+export * from './components/Kbd';
+export * from './components/List';
 export * from './components/Progress';
+export * from './components/Resizable';
 export * from './components/ScrollArea';
 export * from './components/Separator';
 export * from './components/Sonner';
+export * from './components/Stack';
+export * from './components/Stat';
+export * from './components/Status';
 export * from './components/Table';
 export * from './components/Tabs';
 export * from './components/Text';