@mbao01/common 0.5.2 → 0.6.0

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

@@ -1,5 +1,5 @@
 export declare const getInputClasses: (props?: ({
-    variant?: "accent" | "default" | "error" | "info" | "primary" | "secondary" | "success" | "warning" | "ghost" | null | undefined;
+    variant?: "accent" | "default" | "error" | "ghost" | "info" | "primary" | "secondary" | "success" | "warning" | null | undefined;
     outline?: boolean | null | undefined;
     wide?: boolean | null | undefined;
     size?: "xs" | "sm" | "md" | "lg" | null | undefined;
@@ -11,7 +11,7 @@ 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;
+    variant?: "accent" | "default" | "error" | "ghost" | "info" | "primary" | "secondary" | "success" | "warning" | null | undefined;
     outline?: boolean | null | undefined;
     disabled?: boolean | null | undefined;
     wide?: boolean | null | undefined;

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

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export declare const NativeSelect: React.ForwardRefExoticComponent<Omit<React.SelectHTMLAttributes<HTMLSelectElement>, "size"> & {
+    variant?: "accent" | "default" | "error" | "ghost" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | undefined;
+    outline?: boolean | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
+    wide?: boolean | undefined;
+    nativeOptions?: boolean | undefined;
+} & React.RefAttributes<HTMLSelectElement>>;

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

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

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

@@ -0,0 +1,2 @@
+export { NativeSelect } from './NativeSelect';
+export type { NativeSelectProps } from './types';

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

@@ -0,0 +1,3 @@
+import { VariantProps } from '../../../libs';
+import { getNativeSelectClasses } from './constants';
+export type NativeSelectProps = Omit<React.SelectHTMLAttributes<HTMLSelectElement>, "size"> & VariantProps<typeof getNativeSelectClasses>;

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.InputHTMLAttributes<HTMLInputElement>, "type" | "ref" | "size"> & {
+declare const Radio: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "ref"> & {
     variant?: "accent" | "error" | "info" | "primary" | "secondary" | "success" | "warning" | undefined;
     size?: "xs" | "sm" | "md" | "lg" | undefined;
 } & React.RefAttributes<HTMLInputElement>>;

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.InputHTMLAttributes<HTMLInputElement>, "type" | "ref" | "size"> & {
+declare const Range: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "ref"> & {
     variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | undefined;
     size?: "xs" | "sm" | "md" | "lg" | undefined;
     wide?: boolean | undefined;

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

@@ -5,9 +5,9 @@ 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" | "ghost" | undefined;
-        size?: "xs" | "sm" | "md" | "lg" | undefined;
+        variant?: "accent" | "default" | "error" | "ghost" | "info" | "primary" | "secondary" | "success" | "warning" | undefined;
         outline?: boolean | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | undefined;
         wide?: boolean | undefined;
     } & {
         label?: React.ReactNode;
@@ -18,9 +18,9 @@ declare const Select: {
     } & 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" | "ghost" | undefined;
-        size?: "xs" | "sm" | "md" | "lg" | undefined;
+        variant?: "accent" | "default" | "error" | "ghost" | "info" | "primary" | "secondary" | "success" | "warning" | undefined;
         outline?: boolean | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | undefined;
         wide?: boolean | undefined;
     } & React.RefAttributes<HTMLDivElement>>;
     Icon: React.ForwardRefExoticComponent<SelectPrimitive.SelectIconProps & React.RefAttributes<HTMLSpanElement>>;

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

@@ -1,11 +1,11 @@
 export declare const getSelectTriggerClasses: (props?: ({
-    variant?: "accent" | "default" | "error" | "info" | "primary" | "secondary" | "success" | "warning" | "ghost" | null | undefined;
+    variant?: "accent" | "default" | "error" | "ghost" | "info" | "primary" | "secondary" | "success" | "warning" | null | undefined;
     wide?: boolean | 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" | "ghost" | null | undefined;
+    variant?: "accent" | "default" | "error" | "ghost" | "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 getSelectValueClasses: (props?: ({

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.InputHTMLAttributes<HTMLInputElement>, "type" | "ref" | "size"> & {
+declare const Switch: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "ref"> & {
     variant?: "accent" | "error" | "info" | "primary" | "secondary" | "success" | "warning" | undefined;
     size?: "xs" | "sm" | "md" | "lg" | undefined;
 } & React.RefAttributes<HTMLInputElement>>;

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

@@ -7,9 +7,9 @@ export declare const TagsInput: import('react').ForwardRefExoticComponent<import
 } & {
     size?: "xs" | "sm" | "md" | "lg" | undefined;
 } & {
-    variant?: "accent" | "default" | "error" | "info" | "primary" | "secondary" | "success" | "warning" | "ghost" | undefined;
-    size?: "xs" | "sm" | "md" | "lg" | undefined;
+    variant?: "accent" | "default" | "error" | "ghost" | "info" | "primary" | "secondary" | "success" | "warning" | undefined;
     outline?: boolean | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | undefined;
     wide?: boolean | undefined;
     disabled?: boolean | undefined;
     readOnly?: boolean | undefined;

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

@@ -1,9 +1,9 @@
 import { default as React } from 'react';
-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;
+export declare const TextField: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "ref"> & Omit<{
+    variant?: "accent" | "default" | "error" | "ghost" | "info" | "primary" | "secondary" | "success" | "warning" | undefined;
     outline?: boolean | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | undefined;
+    type?: string | number | undefined;
     wide?: boolean | undefined;
     readOnly?: boolean | undefined;
 }, "type"> & {

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

@@ -1,8 +1,8 @@
 import * as React from "react";
-declare const Textarea: React.ForwardRefExoticComponent<Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "ref" | "size"> & {
-    variant?: "accent" | "default" | "error" | "info" | "primary" | "secondary" | "success" | "warning" | "ghost" | undefined;
-    size?: "xs" | "sm" | "md" | "lg" | undefined;
+declare const Textarea: React.ForwardRefExoticComponent<Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "size" | "ref"> & {
+    variant?: "accent" | "default" | "error" | "ghost" | "info" | "primary" | "secondary" | "success" | "warning" | undefined;
     outline?: boolean | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | undefined;
     wide?: boolean | undefined;
 } & {
     label?: React.ReactNode;

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

@@ -1,5 +1,5 @@
 export declare const getTextareaClasses: (props?: ({
-    variant?: "accent" | "default" | "error" | "info" | "primary" | "secondary" | "success" | "warning" | "ghost" | null | undefined;
+    variant?: "accent" | "default" | "error" | "ghost" | "info" | "primary" | "secondary" | "success" | "warning" | null | undefined;
     outline?: boolean | null | undefined;
     wide?: boolean | null | undefined;
     size?: "xs" | "sm" | "md" | "lg" | null | undefined;

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

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { FieldDescriptionProps, FieldErrorProps } from './types';
+export declare const Field: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {} & React.RefAttributes<HTMLDivElement>>;
+export declare const FieldLabel: React.ForwardRefExoticComponent<React.LabelHTMLAttributes<HTMLLabelElement> & {
+    required?: boolean | undefined;
+} & React.RefAttributes<HTMLLabelElement>>;
+export declare const FieldDescription: React.ForwardRefExoticComponent<FieldDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
+export declare const FieldError: React.ForwardRefExoticComponent<FieldErrorProps & React.RefAttributes<HTMLParagraphElement>>;

package/dist/types/components/Form/components/Field/FieldContext.d.ts

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

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

@@ -0,0 +1,6 @@
+export declare const getFieldClasses: (props?: ({} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const getFieldLabelClasses: (props?: ({
+    required?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const getFieldDescriptionClasses: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const getFieldErrorClasses: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

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

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

package/dist/types/components/Form/components/Field/hooks/useField/index.d.ts

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

package/dist/types/components/Form/components/Field/hooks/useField/useField.d.ts

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

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

@@ -0,0 +1,2 @@
+export { Field, FieldLabel, FieldDescription, FieldError } from './Field';
+export type { FieldProps, FieldLabelProps, FieldDescriptionProps, FieldErrorProps } from './types';

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

@@ -0,0 +1,12 @@
+import { VariantProps } from '../../../../libs';
+import { getFieldClasses, getFieldLabelClasses } from './constants';
+export type FieldProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof getFieldClasses>;
+export type FieldLabelProps = React.LabelHTMLAttributes<HTMLLabelElement> & VariantProps<typeof getFieldLabelClasses>;
+export type FieldDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;
+export type FieldErrorProps = React.HTMLAttributes<HTMLParagraphElement>;
+export type FieldContextValue = {
+    id: string;
+    inputId: string;
+    descriptionId: string;
+    errorId: string;
+};

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

@@ -6,6 +6,7 @@ export { Phone } from './Phone';
 export { Radio } from './Radio';
 export { Range } from './Range';
 export { Select } from './Select';
+export { NativeSelect } from './NativeSelect';
 export { Slider } from './Slider';
 export { Switch } from './Switch';
 export { Checkbox, CheckboxControlled } from './Checkbox';
@@ -14,4 +15,5 @@ export { Textarea } from './Textarea';
 export { TextField } from './TextField';
 export { Validator } from './Validator';
 export { Label } from './components/Label';
+export { Field, FieldLabel, FieldDescription, FieldError } from './components/Field';
 export { Fieldset } from './components/Fieldset';

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

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+export declare const Grid: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    gap?: 0 | 1 | 4 | 3 | 8 | 2 | 5 | 6 | 10 | 12 | 16 | undefined;
+    columns?: 1 | 4 | 3 | 8 | 2 | 5 | 6 | 10 | 12 | 7 | 9 | 11 | undefined;
+    rows?: 1 | 4 | 3 | 8 | 2 | 5 | 6 | 10 | 12 | 7 | 9 | 11 | undefined;
+    flow?: "row" | "col" | "dense" | "row-dense" | "col-dense" | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export declare const GridItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    colSpan?: 1 | 4 | 3 | 8 | 2 | 5 | 6 | 10 | 12 | 7 | 9 | 11 | "full" | undefined;
+    rowSpan?: 1 | 4 | 3 | 2 | 5 | 6 | "full" | undefined;
+} & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,10 @@
+export declare const getGridClasses: (props?: ({
+    columns?: 1 | 4 | 3 | 8 | 2 | 5 | 6 | 10 | 12 | 7 | 9 | 11 | null | undefined;
+    rows?: 1 | 4 | 3 | 8 | 2 | 5 | 6 | 10 | 12 | 7 | 9 | 11 | null | undefined;
+    gap?: 0 | 1 | 4 | 3 | 8 | 2 | 5 | 6 | 10 | 12 | 16 | null | undefined;
+    flow?: "row" | "col" | "dense" | "row-dense" | "col-dense" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const getGridItemClasses: (props?: ({
+    colSpan?: 1 | 4 | 3 | 8 | 2 | 5 | 6 | 10 | 12 | 7 | 9 | 11 | "full" | null | undefined;
+    rowSpan?: 1 | 4 | 3 | 2 | 5 | 6 | "full" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

@@ -0,0 +1,2 @@
+export { Grid, GridItem } from './Grid';
+export type { GridItemProps, GridProps } from './types';

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

@@ -0,0 +1,4 @@
+import { VariantProps } from '../../libs';
+import { getGridClasses, getGridItemClasses } from './constants';
+export type GridProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof getGridClasses>;
+export type GridItemProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof getGridItemClasses>;

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

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+export declare const Header: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    position?: "fixed" | "sticky" | "static" | undefined;
+} & React.RefAttributes<HTMLElement>>;
+export declare const HeaderStart: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export declare const HeaderCenter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export declare const HeaderEnd: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,3 @@
+export declare const getHeaderClasses: (props?: ({
+    position?: "fixed" | "sticky" | "static" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

@@ -0,0 +1,2 @@
+export { Header, HeaderStart, HeaderCenter, HeaderEnd } from './Header';
+export type { HeaderProps } from './types';

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

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

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

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+export declare const Heading: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & {
+    level?: 1 | 4 | 3 | 2 | 5 | 6 | undefined;
+    weight?: "bold" | "normal" | "medium" | "semibold" | "extrabold" | undefined;
+} & {
+    as?: ("h1" | "h2" | "h3" | "h4" | "h5" | "h6") | undefined;
+} & React.RefAttributes<HTMLHeadingElement>>;

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

@@ -0,0 +1,4 @@
+export declare const getHeadingClasses: (props?: ({
+    level?: 1 | 4 | 3 | 2 | 5 | 6 | null | undefined;
+    weight?: "bold" | "normal" | "medium" | "semibold" | "extrabold" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

@@ -0,0 +1,2 @@
+export { Heading } from './Heading';
+export type { HeadingProps } from './types';

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

@@ -0,0 +1,7 @@
+import { VariantProps } from '../../libs';
+import { getHeadingClasses } from './constants';
+type HeadingElement = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+export type HeadingProps<T extends HeadingElement = HeadingElement> = React.HTMLAttributes<HTMLHeadingElement> & VariantProps<typeof getHeadingClasses> & {
+    as?: T;
+};
+export {};

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

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+export declare const Image: React.ForwardRefExoticComponent<React.ImgHTMLAttributes<HTMLImageElement> & {
+    radius?: "sm" | "md" | "lg" | "none" | "full" | undefined;
+    fit?: "fill" | "none" | "contain" | "cover" | "scale-down" | undefined;
+} & {
+    fallbackSrc?: string;
+} & React.RefAttributes<HTMLImageElement>>;

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

@@ -0,0 +1,4 @@
+export declare const getImageClasses: (props?: ({
+    fit?: "fill" | "none" | "contain" | "cover" | "scale-down" | null | undefined;
+    radius?: "sm" | "md" | "lg" | "none" | "full" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

@@ -0,0 +1,2 @@
+export { Image } from './Image';
+export type { ImageProps } from './types';

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

@@ -0,0 +1,5 @@
+import { VariantProps } from '../../libs';
+import { getImageClasses } from './constants';
+export type ImageProps = React.ImgHTMLAttributes<HTMLImageElement> & VariantProps<typeof getImageClasses> & {
+    fallbackSrc?: string;
+};

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

@@ -1,5 +1,5 @@
 export declare const getKbdClasses: (props?: ({
-    variant?: "accent" | "default" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "ghost" | null | undefined;
+    variant?: "accent" | "default" | "error" | "ghost" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | 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/List/constants.d.ts

@@ -1,5 +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;
+    flex?: "wrap" | "grow" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

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

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

@@ -1,5 +1,5 @@
 export declare const getLoadingClasses: (props?: ({
-    variant?: "spinner" | "dots" | "ring" | "ball" | "bars" | "infinity" | null | undefined;
-    intent?: "accent" | "default" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | null | undefined;
+    type?: "spinner" | "dots" | "ring" | "ball" | "bars" | "infinity" | null | undefined;
+    variant?: "accent" | "default" | "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/Menu/ContextMenu/ContextMenu.d.ts

@@ -9,14 +9,14 @@ declare const ContextMenu: {
     RadioGroup: import('react').ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuRadioGroupProps & import('react').RefAttributes<HTMLDivElement>>;
     Content: import('react').ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuContentProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {} & import('react').RefAttributes<HTMLDivElement>>;
     Item: import('react').ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuItemProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
-        variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "base" | undefined;
+        variant?: "accent" | "default" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | undefined;
         inset?: boolean | undefined;
     } & import('react').RefAttributes<HTMLDivElement>>;
     CheckboxItem: import('react').ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuCheckboxItemProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
-        variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "base" | undefined;
+        variant?: "accent" | "default" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | undefined;
     } & import('react').RefAttributes<HTMLDivElement>>;
     RadioItem: import('react').ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuRadioItemProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
-        variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "base" | undefined;
+        variant?: "accent" | "default" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | undefined;
     } & import('react').RefAttributes<HTMLDivElement>>;
     Label: import('react').ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuLabelProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
         inset?: boolean | undefined;
@@ -28,7 +28,7 @@ declare const ContextMenu: {
     };
     SubContent: import('react').ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSubContentProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {} & import('react').RefAttributes<HTMLDivElement>>;
     SubTrigger: import('react').ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSubTriggerProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
-        variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "base" | undefined;
+        variant?: "accent" | "default" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | undefined;
         inset?: boolean | undefined;
     } & import('react').RefAttributes<HTMLDivElement>>;
 };

package/dist/types/components/Menu/DropdownMenu/DropdownMenu.d.ts

@@ -5,14 +5,14 @@ declare const DropdownMenu: {
     Trigger: import('react').ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
     Content: import('react').ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {} & import('react').RefAttributes<HTMLDivElement>>;
     Item: import('react').ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
-        variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "base" | undefined;
+        variant?: "accent" | "default" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | undefined;
         inset?: boolean | undefined;
     } & import('react').RefAttributes<HTMLDivElement>>;
     CheckboxItem: import('react').ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
-        variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "base" | undefined;
+        variant?: "accent" | "default" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | undefined;
     } & import('react').RefAttributes<HTMLDivElement>>;
     RadioItem: import('react').ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
-        variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "base" | undefined;
+        variant?: "accent" | "default" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | undefined;
     } & import('react').RefAttributes<HTMLDivElement>>;
     Label: import('react').ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
         inset?: boolean | undefined;
@@ -27,7 +27,7 @@ declare const DropdownMenu: {
     Sub: import('react').FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
     SubContent: import('react').ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {} & import('react').RefAttributes<HTMLDivElement>>;
     SubTrigger: import('react').ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
-        variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "base" | undefined;
+        variant?: "accent" | "default" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | undefined;
         inset?: boolean | undefined;
     } & import('react').RefAttributes<HTMLDivElement>>;
     RadioGroup: import('react').ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/types/components/Menu/Menubar/Menubar.d.ts

@@ -12,11 +12,11 @@ declare const Menubar: {
     Sub: import('react').FC<MenubarPrimitive.MenubarSubProps>;
     RadioGroup: import('react').ForwardRefExoticComponent<MenubarPrimitive.MenubarRadioGroupProps & import('react').RefAttributes<HTMLDivElement>>;
     Trigger: import('react').ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarTriggerProps & import('react').RefAttributes<HTMLButtonElement>, "ref"> & {
-        variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "base" | undefined;
+        variant?: "accent" | "default" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | undefined;
     } & import('react').RefAttributes<HTMLButtonElement>>;
     Content: import('react').ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarContentProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {} & import('react').RefAttributes<HTMLDivElement>>;
     Item: import('react').ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarItemProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
-        variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "base" | undefined;
+        variant?: "accent" | "default" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | undefined;
         inset?: boolean | undefined;
     } & import('react').RefAttributes<HTMLDivElement>>;
     Separator: import('react').ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSeparatorProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {} & import('react').RefAttributes<HTMLDivElement>>;
@@ -24,14 +24,14 @@ declare const Menubar: {
         inset?: boolean | undefined;
     } & import('react').RefAttributes<HTMLDivElement>>;
     CheckboxItem: import('react').ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarCheckboxItemProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
-        variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "base" | undefined;
+        variant?: "accent" | "default" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | undefined;
     } & import('react').RefAttributes<HTMLDivElement>>;
     RadioItem: import('react').ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarRadioItemProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
-        variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "base" | undefined;
+        variant?: "accent" | "default" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | undefined;
     } & import('react').RefAttributes<HTMLDivElement>>;
     SubContent: import('react').ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSubContentProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {} & import('react').RefAttributes<HTMLDivElement>>;
     SubTrigger: import('react').ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSubTriggerProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
-        variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "base" | undefined;
+        variant?: "accent" | "default" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | undefined;
         inset?: boolean | undefined;
     } & import('react').RefAttributes<HTMLDivElement>>;
     Shortcut: {

package/dist/types/components/Menu/Menubar/constants.d.ts

@@ -1,22 +1,22 @@
 export declare const getMenubarClasses: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
 export declare const getMenubarTriggerClasses: (props?: ({
-    variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "base" | null | undefined;
+    variant?: "accent" | "default" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const getMenubarSubTriggerClasses: (props?: ({
-    variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "base" | null | undefined;
+    variant?: "accent" | "default" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | null | undefined;
     inset?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const getMenubarContentClasses: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
 export declare const getMenubarSubContentClasses: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
 export declare const getMenubarItemClasses: (props?: ({
-    variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "base" | null | undefined;
+    variant?: "accent" | "default" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | null | undefined;
     inset?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const getMenubarCheckboxItemClasses: (props?: ({
-    variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "base" | null | undefined;
+    variant?: "accent" | "default" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const getMenubarRadioItemClasses: (props?: ({
-    variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "base" | null | undefined;
+    variant?: "accent" | "default" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const getMenubarLabelClasses: (props?: ({
     inset?: boolean | null | undefined;

package/dist/types/components/Menu/NavigationMenu/NavigationMenu.d.ts

@@ -7,7 +7,7 @@ declare const NavigationMenu: {
     Item: import('react').ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuItemProps & import('react').RefAttributes<HTMLLIElement>>;
     Content: import('react').ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuContentProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {} & import('react').RefAttributes<HTMLDivElement>>;
     Trigger: import('react').ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuTriggerProps & import('react').RefAttributes<HTMLButtonElement>, "ref"> & {
-        variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "base" | undefined;
+        variant?: "accent" | "default" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | undefined;
     } & import('react').RefAttributes<HTMLButtonElement>>;
     Link: import('react').ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuLinkProps & import('react').RefAttributes<HTMLAnchorElement>>;
     Indicator: import('react').ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuIndicatorProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {} & import('react').RefAttributes<HTMLDivElement>>;

package/dist/types/components/Menu/NavigationMenu/constants.d.ts

@@ -1,7 +1,7 @@
 export declare const getNavigationMenuClasses: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
 export declare const getNavigationMenuListClasses: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
 export declare const getNavigationMenuTriggerClasses: (props?: ({
-    variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "base" | null | undefined;
+    variant?: "accent" | "default" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const getNavigationMenuContentClasses: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
 export declare const getNavigationMenuViewportClasses: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

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

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { PanelContentProps, PanelFooterProps, PanelHeaderProps } from './types';
+export declare const Panel: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    width?: "sm" | "md" | "lg" | undefined;
+    collapsed?: boolean | undefined;
+} & {
+    onToggle?: () => void;
+} & React.RefAttributes<HTMLDivElement>>;
+export declare const PanelHeader: React.ForwardRefExoticComponent<PanelHeaderProps & React.RefAttributes<HTMLDivElement>>;
+export declare const PanelContent: React.ForwardRefExoticComponent<PanelContentProps & React.RefAttributes<HTMLDivElement>>;
+export declare const PanelFooter: React.ForwardRefExoticComponent<PanelFooterProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,7 @@
+export declare const getPanelClasses: (props?: ({
+    width?: "sm" | "md" | "lg" | null | undefined;
+    collapsed?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const getPanelHeaderClasses: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const getPanelContentClasses: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const getPanelFooterClasses: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

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

@@ -0,0 +1,2 @@
+export { Panel, PanelHeader, PanelContent, PanelFooter } from './Panel';
+export type { PanelProps, PanelHeaderProps, PanelContentProps, PanelFooterProps } from './types';

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

@@ -0,0 +1,8 @@
+import { VariantProps } from '../../libs';
+import { getPanelClasses } from './constants';
+export type PanelProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof getPanelClasses> & {
+    onToggle?: () => void;
+};
+export type PanelHeaderProps = React.HTMLAttributes<HTMLDivElement>;
+export type PanelContentProps = React.HTMLAttributes<HTMLDivElement>;
+export type PanelFooterProps = React.HTMLAttributes<HTMLDivElement>;

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

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { ParagraphProps } from './types';
+export declare const Paragraph: React.ForwardRefExoticComponent<Omit<ParagraphProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;

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

@@ -0,0 +1,3 @@
+export declare const getParagraphClasses: (props?: ({
+    leading?: "none" | "normal" | "tight" | "snug" | "relaxed" | "loose" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

@@ -0,0 +1,2 @@
+export { Paragraph } from './Paragraph';
+export type { ParagraphProps } from './types';