@mbao01/common 0.5.2 → 0.6.0

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

@@ -0,0 +1,5 @@
+import { ComponentProps } from 'react';
+import { VariantProps } from '../../libs';
+import { Text } from '../Text';
+import { getParagraphClasses } from './constants';
+export type ParagraphProps = React.HTMLAttributes<HTMLParagraphElement> & VariantProps<typeof getParagraphClasses> & Omit<ComponentProps<typeof Text>, "as">;

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

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
 import * as ProgressPrimitive from "@radix-ui/react-progress";
 export declare const Progress: React.ForwardRefExoticComponent<Omit<Omit<ProgressPrimitive.ProgressProps & React.RefAttributes<HTMLDivElement>, "ref">, "asChild"> & {
-    variant?: "accent" | "error" | "info" | "link" | "neutral" | "primary" | "secondary" | "success" | "warning" | "ghost" | "base" | undefined;
+    variant?: "accent" | "default" | "error" | "ghost" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | undefined;
 } & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,6 +1,6 @@
 export declare const getProgressClasses: (props?: ({
-    variant?: "accent" | "error" | "info" | "link" | "neutral" | "primary" | "secondary" | "success" | "warning" | "ghost" | "base" | null | undefined;
+    variant?: "accent" | "default" | "error" | "ghost" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const getProgressIndicatorClasses: (props?: ({
-    variant?: "accent" | "error" | "info" | "link" | "neutral" | "primary" | "secondary" | "success" | "warning" | "ghost" | "base" | 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/Resizable/Resizable.d.ts

@@ -2,7 +2,7 @@ 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"> & {
+    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 | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | 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;
         collapsedSize?: number | undefined;
         collapsible?: boolean | undefined;

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

@@ -5,6 +5,6 @@ declare const ScrollArea: {
     displayName: string | undefined;
 };
 declare const Scrollbar: import('react').ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
-    variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "ghost" | "base" | undefined;
+    variant?: "accent" | "default" | "error" | "ghost" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | undefined;
 } & import('react').RefAttributes<HTMLDivElement>>;
 export { ScrollArea, Scrollbar };

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

@@ -3,6 +3,6 @@ export declare const getScrollAreaScrollbarClasses: (props?: ({
     orientation?: "horizontal" | "vertical" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const getScrollAreaThumbClasses: (props?: ({
-    variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "ghost" | "base" | null | undefined;
+    variant?: "accent" | "default" | "error" | "ghost" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const getScrollAreaViewportClasses: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

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

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+export declare const Sheet: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    open?: boolean | undefined;
+    side?: "top" | "right" | "bottom" | "left" | undefined;
+} & {
+    onClose?: () => void;
+} & React.RefAttributes<HTMLDivElement>>;
+export declare const SheetHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export declare const SheetTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
+export declare const SheetDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+export declare const SheetContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export declare const SheetFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,7 @@
+export declare const getSheetClasses: (props?: ({
+    side?: "top" | "right" | "bottom" | "left" | null | undefined;
+    open?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const getSheetOverlayClasses: (props?: ({
+    open?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

@@ -0,0 +1,2 @@
+export { Sheet, SheetHeader, SheetTitle, SheetDescription, SheetContent, SheetFooter, } from './Sheet';
+export type { SheetProps } from './types';

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

@@ -0,0 +1,5 @@
+import { VariantProps } from '../../libs';
+import { getSheetClasses } from './constants';
+export type SheetProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof getSheetClasses> & {
+    onClose?: () => void;
+};

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

@@ -2,16 +2,16 @@ import { HTMLAttributes } from 'react';
 import { SeparatorProps } from '../Separator/types';
 import { SidebarProps } from './types';
 declare const Sidebar: {
-    ({ side, variant, collapsible, className, children, ...props }: SidebarProps): import("react/jsx-runtime").JSX.Element;
+    ({ side, type, collapsible, className, children, ...props }: SidebarProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
     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').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;
+    Input: import('react').ForwardRefExoticComponent<Omit<import('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"> & {
@@ -31,9 +31,10 @@ declare const Sidebar: {
         displayName: string;
     };
     Trigger: import('react').ForwardRefExoticComponent<import('react').ButtonHTMLAttributes<HTMLButtonElement> & {
-        variant?: "accent" | "default" | "error" | "info" | "link" | "neutral" | "primary" | "secondary" | "success" | "warning" | "ghost" | undefined;
-        size?: "xs" | "sm" | "md" | "lg" | undefined;
+        link?: boolean | undefined;
+        variant?: "accent" | "default" | "error" | "ghost" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | undefined;
         outline?: boolean | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | undefined;
         rounded?: "xs" | "sm" | "md" | "lg" | undefined;
         wide?: boolean | undefined;
         isLoading?: boolean | undefined;

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

@@ -8,8 +8,9 @@ declare const SidebarMenu: {
         isActive: boolean;
         tooltip: string | import('../Tooltip/types').TooltipContentProps;
     }> & {
-        variant?: "default" | "outline" | undefined;
-        size?: "default" | "sm" | "lg" | undefined;
+        variant?: "default" | undefined;
+        outline?: boolean | undefined;
+        size?: "sm" | "md" | "lg" | undefined;
     } & import('react').RefAttributes<HTMLButtonElement>>;
     Action: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLButtonElement> & Partial<{
         asChild: boolean;

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

@@ -13,10 +13,10 @@ export declare const getSidebarMobileClasses: (props?: ({
 export declare const getSidebarOuterClasses: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
 export declare const getSidebarInnerClasses: (props?: ({
     side?: "right" | "left" | null | undefined;
-    variant?: "inset" | "floating" | "sidebar" | null | undefined;
+    type?: "inset" | "floating" | "sidebar" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const getSidebarGapClasses: (props?: ({
-    variant?: "inset" | "floating" | "sidebar" | null | undefined;
+    type?: "inset" | "floating" | "sidebar" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const getSidebarTriggerClasses: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
 export declare const getSidebarRailClasses: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
@@ -34,8 +34,9 @@ export declare const getSidebarGroupContentClasses: (props?: import('class-varia
 export declare const getSidebarMenuClasses: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
 export declare const getSidebarMenuItemClasses: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
 export declare const getSidebarMenuButtonClasses: (props?: ({
-    variant?: "default" | "outline" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
+    outline?: boolean | null | undefined;
+    variant?: "default" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const getSidebarMenuActionClasses: (props?: ({
     showOnHover?: boolean | null | undefined;

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

@@ -14,7 +14,7 @@ export type SidebarContextProps = {
 };
 export type SidebarProps = HTMLAttributes<HTMLDivElement> & Partial<{
     side: "left" | "right";
-    variant: "sidebar" | "floating" | "inset";
+    type: "sidebar" | "floating" | "inset";
     collapsible: "offcanvas" | "icon" | "none";
 }>;
 export type SidebarProviderProps = HTMLAttributes<HTMLDivElement> & {

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

@@ -1,2 +1,2 @@
 import { SkeletonProps } from './types';
-export declare const Skeleton: ({ round, width, height, variant, className, ...props }: SkeletonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Skeleton: ({ round, width, height, animate, className, ...props }: SkeletonProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,6 +1,6 @@
 export declare const getSkeletonClasses: (props?: ({
-    variant?: "pulse" | null | undefined;
-    width?: 4 | 8 | 2 | 12 | 16 | 24 | 32 | 48 | 64 | "full" | null | undefined;
-    height?: 4 | 8 | 2 | 12 | 16 | 24 | 32 | 48 | 64 | "full" | null | undefined;
+    animate?: "pulse" | null | undefined;
+    width?: 4 | 8 | 2 | 12 | 16 | "full" | 24 | 32 | 48 | 64 | null | undefined;
+    height?: 4 | 8 | 2 | 12 | 16 | "full" | 24 | 32 | 48 | 64 | null | undefined;
     round?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

@@ -1,8 +1,8 @@
 export declare const getToastClasses: (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;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const getToastButtonClasses: (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;
     outline?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+export declare const Spacer: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & {
+    axis?: "horizontal" | "vertical" | undefined;
+    gap?: 1 | 4 | 3 | 8 | 2 | 5 | 6 | 10 | 12 | 16 | 20 | 24 | undefined;
+} & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,4 @@
+export declare const getSpacerClasses: (props?: ({
+    axis?: "horizontal" | "vertical" | null | undefined;
+    gap?: 1 | 4 | 3 | 8 | 2 | 5 | 6 | 10 | 12 | 16 | 20 | 24 | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

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

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

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

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

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+export declare const Spinner: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    variant?: "accent" | "default" | "error" | "ghost" | "info" | "primary" | "secondary" | "success" | "warning" | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
+} & React.RefAttributes<HTMLDivElement>>;

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

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

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

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

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

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

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

@@ -1,5 +1,5 @@
 export declare const getStatusClasses: (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;
     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/Stepper/Stepper.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+export declare const Stepper: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLUListElement> & {
+    orientation?: "horizontal" | "vertical" | undefined;
+} & React.RefAttributes<HTMLUListElement>>;
+export declare const Step: React.ForwardRefExoticComponent<React.LiHTMLAttributes<HTMLLIElement> & {
+    variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | undefined;
+} & {
+    active?: boolean;
+} & React.RefAttributes<HTMLLIElement>>;

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

@@ -0,0 +1,6 @@
+export declare const getStepperClasses: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const getStepClasses: (props?: ({
+    variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

@@ -0,0 +1,2 @@
+export { Stepper, Step } from './Stepper';
+export type { StepperProps, StepProps } from './types';

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

@@ -0,0 +1,6 @@
+import { VariantProps } from '../../libs';
+import { getStepClasses, getStepperClasses } from './constants';
+export type StepperProps = React.HTMLAttributes<HTMLUListElement> & VariantProps<typeof getStepperClasses>;
+export type StepProps = React.LiHTMLAttributes<HTMLLIElement> & VariantProps<typeof getStepClasses> & {
+    active?: boolean;
+};

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

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

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

@@ -5,7 +5,7 @@ declare const Timeline: {
     Dot: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
         icon?: React.ReactNode;
     } & Omit<{
-        variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "content" | undefined;
+        variant?: "accent" | "default" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | undefined;
         fill?: boolean | undefined;
         status?: "default" | "success" | "active" | "failed" | "custom" | undefined;
         border?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "content" | undefined;
@@ -13,18 +13,18 @@ declare const Timeline: {
         status?: Exclude<"default" | "success" | "active" | "failed" | "custom" | undefined, "custom">;
     } & import('react').RefAttributes<HTMLDivElement>>;
     Item: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLLIElement> & {
-        variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "content" | undefined;
+        variant?: "accent" | "default" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | undefined;
     } & import('react').RefAttributes<HTMLLIElement>>;
     Content: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
         side?: "right" | "left" | undefined;
     } & import('react').RefAttributes<HTMLDivElement>>;
     Heading: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLParagraphElement> & {
-        variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "content" | undefined;
-        size?: "xs" | "sm" | "lg" | "base" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+        variant?: "accent" | "default" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
         side?: "right" | "left" | undefined;
     } & import('react').RefAttributes<HTMLParagraphElement>>;
     Line: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLHRElement> & {
-        variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "content" | undefined;
+        variant?: "accent" | "default" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | undefined;
     } & import('react').RefAttributes<HTMLHRElement>>;
 };
 export { Timeline };

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

@@ -2,22 +2,22 @@ export declare const getTimelineClasses: (props?: ({
     positions?: "center" | "right" | "left" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const getTimelineItemClasses: (props?: ({
-    variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "content" | 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 getTimelineDotClasses: (props?: ({
     status?: "default" | "success" | "active" | "failed" | "custom" | null | undefined;
     border?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "content" | null | undefined;
     fill?: boolean | null | undefined;
-    variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "content" | 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 getTimelineContentClasses: (props?: ({
     side?: "right" | "left" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const getTimelineHeadingClasses: (props?: ({
     side?: "right" | "left" | null | undefined;
-    variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "content" | null | undefined;
-    size?: "xs" | "sm" | "lg" | "base" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | null | undefined;
+    variant?: "accent" | "default" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const getTimelineLineClasses: (props?: ({
-    variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "content" | null | undefined;
+    variant?: "accent" | "default" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

@@ -1,15 +1,17 @@
 import * as React from "react";
 import * as TogglePrimitive from "@radix-ui/react-toggle";
 declare const Toggle: React.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React.RefAttributes<HTMLButtonElement>, "ref"> & Omit<{
-    variant?: "accent" | "default" | "error" | "info" | "link" | "neutral" | "primary" | "secondary" | "success" | "warning" | "ghost" | undefined;
-    size?: "xs" | "sm" | "md" | "lg" | undefined;
+    link?: boolean | undefined;
+    variant?: "accent" | "default" | "error" | "ghost" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | undefined;
     outline?: boolean | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | undefined;
     rounded?: "xs" | "sm" | "md" | "lg" | undefined;
     wide?: boolean | undefined;
     isLoading?: boolean | undefined;
     disabled?: boolean | undefined;
 }, "variant" | "isLoading"> & {
-    variant?: "accent" | "default" | "error" | "info" | "link" | "neutral" | "primary" | "secondary" | "success" | "warning" | undefined;
+    link?: boolean | undefined;
+    variant?: "accent" | "default" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | undefined;
     outline?: boolean | undefined;
 } & React.RefAttributes<HTMLButtonElement>>;
 export { Toggle };

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

@@ -1,4 +1,5 @@
 export declare const getToggleClasses: (props?: ({
-    variant?: "accent" | "default" | "error" | "info" | "link" | "neutral" | "primary" | "secondary" | "success" | "warning" | null | undefined;
+    link?: boolean | null | undefined;
+    variant?: "accent" | "default" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | null | undefined;
     outline?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

@@ -3,15 +3,17 @@ import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
 declare const ToggleGroup: {
     ({ className, variant, children, ...props }: ToggleGroupProps): import("react/jsx-runtime").JSX.Element;
     Item: import('react').ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & import('react').RefAttributes<HTMLButtonElement>, "ref"> & Omit<{
-        variant?: "accent" | "default" | "error" | "info" | "link" | "neutral" | "primary" | "secondary" | "success" | "warning" | "ghost" | undefined;
-        size?: "xs" | "sm" | "md" | "lg" | undefined;
+        link?: boolean | undefined;
+        variant?: "accent" | "default" | "error" | "ghost" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | undefined;
         outline?: boolean | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | undefined;
         rounded?: "xs" | "sm" | "md" | "lg" | undefined;
         wide?: boolean | undefined;
         isLoading?: boolean | undefined;
         disabled?: boolean | undefined;
     }, "variant" | "isLoading"> & {
-        variant?: "accent" | "default" | "error" | "info" | "link" | "neutral" | "primary" | "secondary" | "success" | "warning" | undefined;
+        link?: boolean | undefined;
+        variant?: "accent" | "default" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | undefined;
         outline?: boolean | undefined;
     } & import('react').RefAttributes<HTMLButtonElement>>;
 };

package/dist/types/index.d.ts

@@ -7,6 +7,22 @@ export * from './components/Pagination';
 export * from './components/ThemeSwitch';
 export * from './components/Toggle';
 export * from './components/ToggleGroup';
+/** layout */
+export * from './components/Box';
+export * from './components/Center';
+export * from './components/Container';
+export * from './components/Flex';
+export * from './components/Grid';
+export * from './components/Spacer';
+/** typography */
+export * from './components/Blockquote';
+export * from './components/Code';
+export * from './components/Heading';
+export * from './components/Paragraph';
+/** utility & atoms */
+export * from './components/AspectRatio';
+export * from './components/Image';
+export * from './components/Spinner';
 /** data display */
 export * from './components/Accordion';
 export * from './components/Alert';
@@ -53,4 +69,12 @@ export * from './components/Popover';
 export * from './components/Slot';
 export * from './components/Widget';
 /** molecules */
+export * from './components/Banner';
+export * from './components/Empty';
 export * from './components/Sidebar';
+export * from './components/Stepper';
+/** organisms */
+export * from './components/Footer';
+export * from './components/Header';
+export * from './components/Panel';
+export * from './components/Sheet';

package/dist/types/utilities/createVariants/createVariants.d.ts

@@ -0,0 +1,2 @@
+import { CreateVariantsArgs } from './type';
+export declare const createVariants: <T extends CreateVariantsArgs<T>>(variants: T) => T;

package/dist/types/utilities/createVariants/index.d.ts

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

package/dist/types/utilities/createVariants/type.d.ts

@@ -0,0 +1,10 @@
+type ValidateKeys<V, Allowed extends string> = keyof V extends Allowed ? V : {
+    [K in keyof V]: K extends Allowed ? V[K] : never;
+};
+type VariantConstraint<T, K extends keyof T, Allowed extends string> = T extends Record<K, infer V> ? V extends Partial<Record<Allowed, unknown>> ? ValidateKeys<V, Allowed> : Partial<Record<Allowed, unknown>> : Partial<Record<Allowed, unknown>>;
+export type CreateVariantsArgs<T extends Record<string, unknown>> = {
+    variant?: VariantConstraint<T, "variant", "accent" | "default" | "error" | "ghost" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning">;
+    outline?: VariantConstraint<T, "outline", "true" | "false">;
+    size?: VariantConstraint<T, "size", "xs" | "sm" | "md" | "lg" | "xl">;
+} & Omit<T, "variant" | "outline" | "size">;
+export {};

package/dist/types/utilities/index.d.ts

@@ -1,3 +1,4 @@
 export * from './theme';
 export { cn } from './cn';
+export { createVariants } from './createVariants';
 export { getSubpaths } from './getSubpaths';