@kala-ui/react 0.0.1-beta.3 → 0.0.1-beta.5

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2025 Kala UI
+Copyright (c) 2026 Kala UI
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -99,6 +99,30 @@ import { DataTable } from '@kala-ui/react/data-table';
 import { AreaChart, LineChart, BarChart } from '@kala-ui/react/charts';
 ```
 
+**Notifications**
+- `toast` - Toast notification system with full Sonner API support
+
+Import from:
+
+```tsx
+import { toast, Toast } from '@kala-ui/react/toast';
+
+// Use the API
+toast.success('Success message');
+toast.error('Error message');
+toast.dismiss(toastId);
+
+// Use the component
+<Toast />
+
+// Promise-based toasts
+toast.promise(promise, {
+  loading: 'Loading...',
+  success: 'Success!',
+  error: 'Error',
+});
+```
+
 **Advanced**
 - `dropdown-menu`, `user-menu-dropdown`, `social-login-button`, `password-strength-indicator`, `session-card`
 
@@ -145,8 +169,8 @@ Or import in CSS files:
 - Dark mode support
 
 **DND** - Drag and drop components
-- Sortable lists and grids
-- Built with @hello-pangea/dnd
+- Sortable lists and grids with animations
+- Built with @dnd-kit/core
 
 See the [Storybook documentation](https://krr2020.com/kala-ui) for complete component catalog.
 
@@ -335,7 +359,7 @@ This component library is built using excellent open-source libraries. We'd like
 
 ### Drag & Drop
 
-- **[@hello-pangea/dnd](https://github.com/hello-pangea/dnd)** - React Drag and Drop library
+- **[@dnd-kit/core](https://github.com/clauderic/dnd-kit)** - Modern, lightweight drag and drop library for React
 
 ---
 

package/dist/components/accordion/accordion-skeleton.d.ts

@@ -42,4 +42,3 @@ export interface AccordionSkeletonProps extends AccordionSkeletonConfig {
  * ```
  */
 export declare function AccordionSkeleton({ itemCount, defaultExpanded, contentRows, className, "data-testid": dataTestId, }: AccordionSkeletonProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=accordion-skeleton.d.ts.map

package/dist/components/accordion/accordion-skeleton.js

@@ -22,4 +22,3 @@ export function AccordionSkeleton({ itemCount = 3, defaultExpanded = false, cont
                             width: j === contentRows - 1 ? "60%" : "100%",
                         } }, `content-${j}`))) }))] }, `item-${i}`))) }));
 }
-//# sourceMappingURL=accordion-skeleton.js.map

package/dist/components/accordion/accordion.d.ts

@@ -9,4 +9,3 @@ declare function AccordionItem({ className, ...props }: React.ComponentProps<typ
 declare function AccordionTrigger({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
 declare function AccordionContent({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
 export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };
-//# sourceMappingURL=accordion.d.ts.map

package/dist/components/accordion/accordion.js

@@ -40,4 +40,3 @@ function AccordionContent({ className, children, ...props }) {
     return (_jsx(AccordionPrimitive.Content, { "data-slot": "accordion-content", className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden", ...props, children: _jsx("div", { className: cn("text-sm text-foreground leading-relaxed", variant === "default" && "pb-4 pt-1", variant === "bordered" && "px-4 pb-4 pt-2", variant === "filled" && "px-4 pb-4 pt-2 bg-muted/50", className), children: children }) }));
 }
 export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };
-//# sourceMappingURL=accordion.js.map

package/dist/components/accordion/accordion.stories.d.ts

@@ -16,4 +16,3 @@ export declare const DefaultOpen: Story;
 export declare const Disabled: Story;
 export declare const Bordered: Story;
 export declare const Filled: Story;
-//# sourceMappingURL=accordion.stories.d.ts.map

package/dist/components/accordion/accordion.stories.js

@@ -49,4 +49,3 @@ export const Filled = {
     },
     render: (args) => (_jsxs(Accordion, { ...args, className: "w-96", children: [_jsxs(AccordionItem, { value: "item-1", children: [_jsx(AccordionTrigger, { children: "Is it accessible?" }), _jsx(AccordionContent, { children: "Yes. It adheres to the WAI-ARIA design pattern." })] }), _jsxs(AccordionItem, { value: "item-2", children: [_jsx(AccordionTrigger, { children: "Is it styled?" }), _jsx(AccordionContent, { children: "Yes. It comes with default styles that match the other components' aesthetic." })] }), _jsxs(AccordionItem, { value: "item-3", children: [_jsx(AccordionTrigger, { children: "Is it animated?" }), _jsx(AccordionContent, { children: "Yes. It's animated by default, but you can disable it if you prefer." })] })] })),
 };
-//# sourceMappingURL=accordion.stories.js.map

package/dist/components/accordion/index.d.ts

@@ -1,4 +1,3 @@
 export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, } from "./accordion";
 export type { AccordionSkeletonConfig, AccordionSkeletonProps, } from "./accordion-skeleton";
 export { AccordionSkeleton } from "./accordion-skeleton";
-//# sourceMappingURL=index.d.ts.map

package/dist/components/accordion/index.js

@@ -1,3 +1,2 @@
 export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, } from "./accordion";
 export { AccordionSkeleton } from "./accordion-skeleton";
-//# sourceMappingURL=index.js.map

package/dist/components/alert/alert-skeleton.d.ts

@@ -29,4 +29,3 @@ export declare function AlertSkeleton({ variant, showIcon, className, "data-test
 export declare namespace AlertSkeleton {
     var Skeleton: typeof AlertSkeleton;
 }
-//# sourceMappingURL=alert-skeleton.d.ts.map

package/dist/components/alert/alert-skeleton.js

@@ -26,4 +26,3 @@ export function AlertSkeleton({ variant = "primary", showIcon = true, className,
  * Compound component: Alert.Skeleton
  */
 AlertSkeleton.Skeleton = AlertSkeleton;
-//# sourceMappingURL=alert-skeleton.js.map

package/dist/components/alert/alert.d.ts

@@ -8,4 +8,3 @@ declare function Alert({ className, variant, style: alertStyle, dismissable, onD
 declare function AlertTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 declare function AlertDescription({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 export { Alert, AlertTitle, AlertDescription, alertVariants };
-//# sourceMappingURL=alert.d.ts.map

package/dist/components/alert/alert.js

@@ -62,4 +62,3 @@ function AlertDescription({ className, ...props }) {
     return (_jsx("div", { "data-slot": "alert-description", className: cn("col-start-2 text-sm [&_p]:leading-relaxed", className), ...props }));
 }
 export { Alert, AlertTitle, AlertDescription, alertVariants };
-//# sourceMappingURL=alert.js.map

package/dist/components/alert/alert.stories.d.ts

@@ -19,4 +19,3 @@ export declare const WithLink: Story;
 export declare const Dismissable: Story;
 export declare const ComplexAlert: Story;
 export declare const LoadingSkeleton: Story;
-//# sourceMappingURL=alert.stories.d.ts.map

package/dist/components/alert/alert.stories.js

@@ -53,4 +53,3 @@ export const LoadingSkeleton = {
         },
     },
 };
-//# sourceMappingURL=alert.stories.js.map

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

@@ -10,4 +10,3 @@ export interface AlertProps extends Omit<React.ComponentProps<"div">, "style">,
     skeletonConfig?: AlertSkeletonConfig;
     skeleton?: React.ReactNode;
 }
-//# sourceMappingURL=alert.types.d.ts.map

package/dist/components/alert/alert.types.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=alert.types.js.map

package/dist/components/alert/index.d.ts

@@ -1,4 +1,3 @@
 export type { AlertProps } from "./alert.types";
 export { Alert, AlertDescription, AlertTitle, alertVariants } from "./alert";
 export { AlertSkeleton } from "./alert-skeleton";
-//# sourceMappingURL=index.d.ts.map

package/dist/components/alert/index.js

@@ -1,3 +1,2 @@
 export { Alert, AlertDescription, AlertTitle, alertVariants } from "./alert";
 export { AlertSkeleton } from "./alert-skeleton";
-//# sourceMappingURL=index.js.map

package/dist/components/alert-dialog/alert-dialog.d.ts

@@ -15,4 +15,3 @@ declare function AlertDialogBody({ className, ...props }: React.ComponentProps<"
 declare function AlertDialogAction({ className, variant, size, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action> & VariantProps<typeof buttonVariants>): import("react/jsx-runtime").JSX.Element;
 declare function AlertDialogCancel({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>): import("react/jsx-runtime").JSX.Element;
 export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogBody, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };
-//# sourceMappingURL=alert-dialog.d.ts.map

package/dist/components/alert-dialog/alert-dialog.js

@@ -40,4 +40,3 @@ function AlertDialogCancel({ className, ...props }) {
     return (_jsx(AlertDialogPrimitive.Cancel, { className: cn(buttonVariants({ variant: "outline" }), className), ...props }));
 }
 export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogBody, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };
-//# sourceMappingURL=alert-dialog.js.map

package/dist/components/alert-dialog/alert-dialog.stories.d.ts

@@ -13,4 +13,3 @@ type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 export declare const Destructive: Story;
 export declare const Confirmation: Story;
-//# sourceMappingURL=alert-dialog.stories.d.ts.map

package/dist/components/alert-dialog/alert-dialog.stories.js

@@ -19,4 +19,3 @@ export const Destructive = {
 export const Confirmation = {
     render: () => (_jsxs(AlertDialog, { children: [_jsx(AlertDialogTrigger, { asChild: true, children: _jsx(Button, { children: "Save Changes" }) }), _jsxs(AlertDialogContent, { children: [_jsx(AlertDialogHeader, { children: _jsx(AlertDialogTitle, { children: "Save your changes?" }) }), _jsx(AlertDialogBody, { children: _jsx(AlertDialogDescription, { children: "You have unsaved changes. Do you want to save them before leaving?" }) }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: "Don't Save" }), _jsx(AlertDialogAction, { children: "Save Changes" })] })] })] })),
 };
-//# sourceMappingURL=alert-dialog.stories.js.map

package/dist/components/alert-dialog/index.d.ts

@@ -1,2 +1 @@
 export { AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, } from "./alert-dialog";
-//# sourceMappingURL=index.d.ts.map

package/dist/components/alert-dialog/index.js

@@ -1,2 +1 @@
 export { AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, } from "./alert-dialog";
-//# sourceMappingURL=index.js.map

package/dist/components/aspect-ratio/aspect-ratio.d.ts

@@ -11,4 +11,3 @@ interface AspectRatioProps extends React.ComponentProps<typeof AspectRatioPrimit
 }
 declare function AspectRatio({ className, ratio, rounded, bordered, ...props }: AspectRatioProps): import("react/jsx-runtime").JSX.Element;
 export { AspectRatio, aspectRatioVariants, type AspectRatioProps };
-//# sourceMappingURL=aspect-ratio.d.ts.map

package/dist/components/aspect-ratio/aspect-ratio.js

@@ -12,4 +12,3 @@ function AspectRatio({ className, ratio = 16 / 9, rounded, bordered, ...props })
     return (_jsx(AspectRatioPrimitive.Root, { "data-slot": "aspect-ratio", ratio: ratio, className: cn(aspectRatioVariants({ rounded, bordered }), className), ...props }));
 }
 export { AspectRatio, aspectRatioVariants };
-//# sourceMappingURL=aspect-ratio.js.map

package/dist/components/aspect-ratio/aspect-ratio.stories.d.ts

@@ -19,4 +19,3 @@ export declare const SocialMedia: Story;
 export declare const ProductGallery: Story;
 export declare const CustomContent: Story;
 export declare const BackgroundPatterns: Story;
-//# sourceMappingURL=aspect-ratio.stories.d.ts.map

package/dist/components/aspect-ratio/aspect-ratio.stories.js

@@ -45,4 +45,3 @@ export const CustomContent = {
 export const BackgroundPatterns = {
     render: () => (_jsxs("div", { className: "flex flex-col gap-4 w-full max-w-2xl", children: [_jsx(AspectRatio, { ratio: 16 / 9, rounded: "lg", className: "bg-grid-pattern", children: _jsx("div", { className: "flex h-full items-center justify-center", children: _jsx("span", { className: "bg-background px-4 py-2 rounded font-semibold", children: "Grid Pattern" }) }) }), _jsx(AspectRatio, { ratio: 16 / 9, rounded: "lg", className: "bg-linear-to-r from-primary via-secondary to-primary", children: _jsx("div", { className: "flex h-full items-center justify-center", children: _jsx("span", { className: "bg-background/90 px-4 py-2 rounded font-semibold backdrop-blur-sm", children: "Gradient Background" }) }) }), _jsx(AspectRatio, { ratio: 16 / 9, rounded: "lg", className: "bg-muted", children: _jsx("div", { className: "flex h-full items-center justify-center", children: _jsx("span", { className: "text-muted-foreground", children: "Solid Background" }) }) })] })),
 };
-//# sourceMappingURL=aspect-ratio.stories.js.map

package/dist/components/aspect-ratio/index.d.ts

@@ -1,2 +1 @@
 export { AspectRatio } from "./aspect-ratio";
-//# sourceMappingURL=index.d.ts.map

package/dist/components/aspect-ratio/index.js

@@ -1,2 +1 @@
 export { AspectRatio } from "./aspect-ratio";
-//# sourceMappingURL=index.js.map

package/dist/components/avatar/avatar.d.ts

@@ -25,4 +25,3 @@ interface AvatarFallbackProps extends React.ComponentProps<typeof AvatarPrimitiv
 }
 declare function AvatarFallback({ className, shape: shapeProp, variant, ...props }: AvatarFallbackProps): import("react/jsx-runtime").JSX.Element;
 export { Avatar, AvatarImage, AvatarFallback, avatarVariants, type AvatarProps, };
-//# sourceMappingURL=avatar.d.ts.map

package/dist/components/avatar/avatar.js

@@ -51,4 +51,3 @@ function AvatarFallback({ className, shape: shapeProp, variant, ...props }) {
     return (_jsx(AvatarPrimitive.Fallback, { "data-slot": "avatar-fallback", className: cn(avatarFallbackVariants({ shape, variant }), className), ...props }));
 }
 export { Avatar, AvatarImage, AvatarFallback, avatarVariants, };
-//# sourceMappingURL=avatar.js.map

package/dist/components/avatar/avatar.stories.d.ts

@@ -17,4 +17,3 @@ export declare const InitialsVariants: Story;
 export declare const StatusIndicators: Story;
 export declare const Combined: Story;
 export declare const LoadingSkeleton: Story;
-//# sourceMappingURL=avatar.stories.d.ts.map

package/dist/components/avatar/avatar.stories.js

@@ -44,4 +44,3 @@ export const LoadingSkeleton = {
         },
     },
 };
-//# sourceMappingURL=avatar.stories.js.map

package/dist/components/avatar/index.d.ts

@@ -1,2 +1 @@
 export { Avatar, AvatarFallback, AvatarImage } from "./avatar";
-//# sourceMappingURL=index.d.ts.map

package/dist/components/avatar/index.js

@@ -1,2 +1 @@
 export { Avatar, AvatarFallback, AvatarImage } from "./avatar";
-//# sourceMappingURL=index.js.map

package/dist/components/badge/badge.d.ts

@@ -9,4 +9,3 @@ declare function Badge({ className, variant, shape, asChild, isLoading, ...props
     isLoading?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
 export { Badge, badgeVariants };
-//# sourceMappingURL=badge.d.ts.map

package/dist/components/badge/badge.js

@@ -16,4 +16,3 @@ function Badge({ className, variant, shape, asChild = false, isLoading = false,
     return (_jsx(Comp, { "data-slot": "badge", className: cn(badgeVariants({ variant, shape }), className), ...props }));
 }
 export { Badge, badgeVariants };
-//# sourceMappingURL=badge.js.map

package/dist/components/badge/badge.stories.d.ts

@@ -24,4 +24,3 @@ export declare const ContextualVariations: Story;
 export declare const PillBadges: Story;
 export declare const LinkBadges: Story;
 export declare const LoadingSkeleton: Story;
-//# sourceMappingURL=badge.stories.d.ts.map

package/dist/components/badge/badge.stories.js

@@ -51,4 +51,3 @@ export const LoadingSkeleton = {
         },
     },
 };
-//# sourceMappingURL=badge.stories.js.map

package/dist/components/badge/index.d.ts

@@ -1,2 +1 @@
 export { Badge, badgeVariants } from "./badge";
-//# sourceMappingURL=index.d.ts.map

package/dist/components/badge/index.js

@@ -1,2 +1 @@
 export { Badge, badgeVariants } from "./badge";
-//# sourceMappingURL=index.js.map

package/dist/components/banner/banner-skeleton.d.ts

@@ -29,4 +29,3 @@ export declare function BannerSkeleton({ variant, showIcon, showCloseButton, cla
 export declare namespace BannerSkeleton {
     var Skeleton: typeof BannerSkeleton;
 }
-//# sourceMappingURL=banner-skeleton.d.ts.map

package/dist/components/banner/banner-skeleton.js

@@ -25,4 +25,3 @@ export function BannerSkeleton({ variant = "info", showIcon = true, showCloseBut
  * Compound component: Banner.Skeleton
  */
 BannerSkeleton.Skeleton = BannerSkeleton;
-//# sourceMappingURL=banner-skeleton.js.map

package/dist/components/banner/banner.d.ts

@@ -33,4 +33,3 @@ export interface BannerProps extends React.ComponentProps<"div">, VariantProps<t
 }
 export declare function Banner({ className, variant, position, onClose, children, role, isLoading, skeletonConfig, skeleton, ...props }: BannerProps): import("react/jsx-runtime").JSX.Element;
 export { bannerVariants };
-//# sourceMappingURL=banner.d.ts.map

package/dist/components/banner/banner.js

@@ -41,4 +41,3 @@ export function Banner({ className, variant, position, onClose, children, role =
     return (_jsxs("div", { className: cn(bannerVariants({ variant, position }), className), role: role, ...props, children: [_jsx("div", { className: "flex-1 flex items-center gap-3", children: children }), onClose && (_jsx("button", { type: "button", onClick: onClose, className: "cursor-pointer shrink-0 p-1 rounded hover:bg-black/10 transition-colors", "aria-label": "Close banner", children: _jsx(X, { className: "w-4 h-4" }) }))] }));
 }
 export { bannerVariants };
-//# sourceMappingURL=banner.js.map

package/dist/components/banner/banner.stories.d.ts

@@ -32,4 +32,3 @@ export declare const LongMessage: Story;
 export declare const AllVariants: Story;
 export declare const Fixed: Story;
 export declare const LoadingSkeleton: Story;
-//# sourceMappingURL=banner.stories.d.ts.map

package/dist/components/banner/banner.stories.js

@@ -92,4 +92,3 @@ export const LoadingSkeleton = {
         },
     },
 };
-//# sourceMappingURL=banner.stories.js.map

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

@@ -18,4 +18,3 @@ export interface BannerProps extends React.ComponentProps<"div">, VariantProps<t
     skeletonConfig?: BannerSkeletonConfig;
     skeleton?: React.ReactNode;
 }
-//# sourceMappingURL=banner.types.d.ts.map

package/dist/components/banner/banner.types.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=banner.types.js.map

package/dist/components/banner/index.d.ts

@@ -1,4 +1,3 @@
 export type { BannerProps } from "./banner";
 export { Banner } from "./banner";
 export { BannerSkeleton } from "./banner-skeleton";
-//# sourceMappingURL=index.d.ts.map

package/dist/components/banner/index.js

@@ -1,3 +1,2 @@
 export { Banner } from "./banner";
 export { BannerSkeleton } from "./banner-skeleton";
-//# sourceMappingURL=index.js.map

package/dist/components/breadcrumbs/breadcrumbs-skeleton.d.ts

@@ -42,4 +42,3 @@ export interface BreadcrumbsSkeletonProps extends BreadcrumbsSkeletonConfig {
  * ```
  */
 export declare function BreadcrumbsSkeleton({ depth, showHome, separator, className, "data-testid": dataTestId, }: BreadcrumbsSkeletonProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=breadcrumbs-skeleton.d.ts.map

package/dist/components/breadcrumbs/breadcrumbs-skeleton.js

@@ -21,4 +21,3 @@ import { Skeleton } from "../skeleton/skeleton";
 export function BreadcrumbsSkeleton({ depth = 3, showHome = false, separator = "/", className, "data-testid": dataTestId, }) {
     return (_jsxs("nav", { "data-testid": dataTestId || "breadcrumbs-skeleton", className: cn("flex items-center gap-2 text-sm", className), "aria-label": "Loading breadcrumbs", "aria-busy": "true", children: [showHome && (_jsxs(_Fragment, { children: [_jsx(Skeleton, { className: "h-4 w-4" }), _jsx("span", { className: "text-muted-foreground", children: separator })] })), Array.from({ length: depth }).map((_, i) => (_jsxs(Fragment, { children: [_jsx(Skeleton, { className: "h-4 w-20" }), i < depth - 1 && (_jsx("span", { className: "text-muted-foreground", children: separator }))] }, `crumb-${i}`)))] }));
 }
-//# sourceMappingURL=breadcrumbs-skeleton.js.map

package/dist/components/breadcrumbs/breadcrumbs.d.ts

@@ -10,4 +10,3 @@ export interface BreadcrumbsProps {
     variant?: "default" | "style1" | "style2" | "style3";
 }
 export declare function Breadcrumbs({ items, className, separator, variant, }: BreadcrumbsProps): import("react/jsx-runtime").JSX.Element | null;
-//# sourceMappingURL=breadcrumbs.d.ts.map

package/dist/components/breadcrumbs/breadcrumbs.js

@@ -23,4 +23,3 @@ export function Breadcrumbs({ items, className, separator, variant = "default",
                 return (_jsx("li", { className: cn("flex items-center text-sm", isLast && "text-foreground font-normal", !isLast && "text-muted-foreground"), ...(isLast && { "aria-current": "page" }), children: isLast ? (_jsx("span", { children: item.label })) : (_jsxs(_Fragment, { children: [item.href ? (_jsx("a", { href: item.href, className: "hover:text-primary transition-colors", children: item.label })) : (_jsx("span", { children: item.label })), _jsx("span", { className: "flex items-center mx-2", children: separatorElement })] })) }, `${item.label}-${index}`));
             }) }) }));
 }
-//# sourceMappingURL=breadcrumbs.js.map

package/dist/components/breadcrumbs/breadcrumbs.stories.d.ts

@@ -11,4 +11,3 @@ export declare const TwoLevels: Story;
 export declare const DeepNesting: Story;
 export declare const CustomSeparator: Story;
 export declare const LoadingSkeleton: Story;
-//# sourceMappingURL=breadcrumbs.stories.d.ts.map

package/dist/components/breadcrumbs/breadcrumbs.stories.js

@@ -100,4 +100,3 @@ export const LoadingSkeleton = {
         },
     },
 };
-//# sourceMappingURL=breadcrumbs.stories.js.map

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

@@ -9,4 +9,3 @@ export interface BreadcrumbsProps {
     separator?: ReactNode;
     variant?: "default" | "style1" | "style2" | "style3";
 }
-//# sourceMappingURL=breadcrumbs.types.d.ts.map

package/dist/components/breadcrumbs/breadcrumbs.types.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=breadcrumbs.types.js.map

package/dist/components/breadcrumbs/index.d.ts

@@ -1,4 +1,3 @@
 export { type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, } from "./breadcrumbs";
 export type { BreadcrumbsSkeletonConfig, BreadcrumbsSkeletonProps, } from "./breadcrumbs-skeleton";
 export { BreadcrumbsSkeleton } from "./breadcrumbs-skeleton";
-//# sourceMappingURL=index.d.ts.map

package/dist/components/breadcrumbs/index.js

@@ -1,3 +1,2 @@
 export { Breadcrumbs, } from "./breadcrumbs";
 export { BreadcrumbsSkeleton } from "./breadcrumbs-skeleton";
-//# sourceMappingURL=index.js.map

package/dist/components/button/button.d.ts

@@ -12,4 +12,3 @@ declare const buttonVariants: (props?: ({
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 export { buttonVariants };
-//# sourceMappingURL=button.d.ts.map

package/dist/components/button/button.js

@@ -18,4 +18,3 @@ export const Button = React.forwardRef(({ className, variant, size, fullWidth, r
 });
 Button.displayName = "Button";
 export { buttonVariants };
-//# sourceMappingURL=button.js.map

package/dist/components/button/button.stories.d.ts

@@ -11,4 +11,3 @@ export declare const States: Story;
 export declare const Shapes: Story;
 export declare const FullWidth: Story;
 export declare const LoadingSkeleton: Story;
-//# sourceMappingURL=button.stories.d.ts.map

package/dist/components/button/button.stories.js

@@ -96,4 +96,3 @@ export const LoadingSkeleton = {
         },
     },
 };
-//# sourceMappingURL=button.stories.js.map

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

@@ -12,4 +12,3 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
     /** Whether button is in loading state */
     isLoading?: boolean;
 }
-//# sourceMappingURL=button.types.d.ts.map

package/dist/components/button/button.types.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=button.types.js.map

package/dist/components/button/index.d.ts

@@ -1,3 +1,2 @@
 export { Button, buttonVariants } from "./button";
 export type { ButtonProps } from "./button.types";
-//# sourceMappingURL=index.d.ts.map

package/dist/components/button/index.js

@@ -1,2 +1 @@
 export { Button, buttonVariants } from "./button";
-//# sourceMappingURL=index.js.map

package/dist/components/button-group/button-group.d.ts

@@ -27,4 +27,3 @@ interface ButtonGroupTextProps extends React.HTMLAttributes<HTMLSpanElement> {
 declare function ButtonGroupText({ className, children, asChild, ...props }: ButtonGroupTextProps): import("react/jsx-runtime").JSX.Element;
 export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants, };
 export type { ButtonGroupProps, ButtonGroupSeparatorProps, ButtonGroupTextProps, };
-//# sourceMappingURL=button-group.d.ts.map

package/dist/components/button-group/button-group.js

@@ -45,4 +45,3 @@ function ButtonGroupText({ className, children, asChild = false, ...props }) {
     return (_jsx(Comp, { className: cn("inline-flex items-center justify-center whitespace-nowrap px-3 py-2 text-sm font-medium transition-colors", "text-foreground bg-muted border", "first:rounded-l last:rounded-r", "[.flex-col>&]:first:rounded-t [.flex-col>&]:last:rounded-b [.flex-col>&]:first:rounded-l-none [.flex-col>&]:last:rounded-r-none", className), ...props, children: children }));
 }
 export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants, };
-//# sourceMappingURL=button-group.js.map

package/dist/components/button-group/button-group.stories.d.ts

@@ -17,4 +17,3 @@ export declare const WithTextLabel: Story;
 export declare const MixedVariants: Story;
 export declare const AllVariants: Story;
 export declare const LoadingSkeleton: Story;
-//# sourceMappingURL=button-group.stories.d.ts.map

package/dist/components/button-group/button-group.stories.js

@@ -80,4 +80,3 @@ export const LoadingSkeleton = {
         },
     },
 };
-//# sourceMappingURL=button-group.stories.js.map

package/dist/components/button-group/index.d.ts

@@ -1,2 +1 @@
 export { ButtonGroup, type ButtonGroupProps, ButtonGroupSeparator, type ButtonGroupSeparatorProps, ButtonGroupText, type ButtonGroupTextProps, buttonGroupVariants, } from "./button-group";
-//# sourceMappingURL=index.d.ts.map

package/dist/components/button-group/index.js

@@ -1,2 +1 @@
 export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants, } from "./button-group";
-//# sourceMappingURL=index.js.map

package/dist/components/calendar/calendar-skeleton.d.ts

@@ -42,4 +42,3 @@ export interface CalendarSkeletonProps extends CalendarSkeletonConfig {
  * ```
  */
 export declare function CalendarSkeleton({ showHeader, showDayLabels, weekCount, className, "data-testid": dataTestId, }: CalendarSkeletonProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=calendar-skeleton.d.ts.map

package/dist/components/calendar/calendar-skeleton.js

@@ -21,4 +21,3 @@ export function CalendarSkeleton({ showHeader = true, showDayLabels = true, week
     const dayCount = weekCount * 7;
     return (_jsxs("section", { "data-testid": dataTestId || "calendar-skeleton", className: cn("p-4", className), "aria-label": "Loading calendar", "aria-busy": "true", children: [showHeader && (_jsxs("div", { className: "flex items-center justify-between mb-4", children: [_jsx(Skeleton, { className: "h-4 w-4" }), " ", _jsx(Skeleton, { className: "h-5 w-32" }), " ", _jsx(Skeleton, { className: "h-4 w-4" }), " "] })), showDayLabels && (_jsx("div", { className: "grid grid-cols-7 gap-2 mb-2", children: ["S", "M", "T", "W", "T", "F", "S"].map((_, i) => (_jsx(Skeleton, { className: "h-8 w-8 mx-auto" }, `day-label-${i}`))) })), _jsx("div", { className: "grid grid-cols-7 gap-2", children: Array.from({ length: dayCount }).map((_, i) => (_jsx(Skeleton, { className: "h-8 w-8 mx-auto rounded" }, `day-${i}`))) })] }));
 }
-//# sourceMappingURL=calendar-skeleton.js.map

package/dist/components/calendar/calendar.d.ts

@@ -10,4 +10,3 @@ export type CalendarProps = React.ComponentProps<typeof DayPicker> & {
 declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, isLoading, skeletonConfig, skeleton, ...props }: CalendarProps): import("react/jsx-runtime").JSX.Element;
 declare function CalendarDayButton({ className, day, modifiers, ...props }: React.ComponentProps<typeof DayButton>): import("react/jsx-runtime").JSX.Element;
 export { Calendar, CalendarDayButton };
-//# sourceMappingURL=calendar.d.ts.map

package/dist/components/calendar/calendar.js

@@ -81,4 +81,3 @@ function CalendarDayButton({ className, day, modifiers, ...props }) {
             !modifiers.range_middle, "data-range-start": modifiers.range_start, "data-range-end": modifiers.range_end, "data-range-middle": modifiers.range_middle, className: cn("data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-primary group-data-[focused=true]/day:ring/50 flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70", defaultClassNames.day, className), ...props }));
 }
 export { Calendar, CalendarDayButton };
-//# sourceMappingURL=calendar.js.map

package/dist/components/calendar/calendar.stories.d.ts

@@ -38,4 +38,3 @@ export declare const WithWeekNumbers: Story;
 export declare const DisabledState: Story;
 export declare const WithFooter: Story;
 export declare const CustomButtonVariant: Story;
-//# sourceMappingURL=calendar.stories.d.ts.map

package/dist/components/calendar/calendar.stories.js

@@ -109,4 +109,3 @@ export const CustomButtonVariant = {
         return (_jsxs("div", { className: "space-y-4 p-4", children: [_jsxs("div", { children: [_jsx("h3", { className: "mb-2 text-sm font-medium", children: "Default (Ghost)" }), _jsx(Calendar, { mode: "single", selected: date, onSelect: setDate, buttonVariant: "ghost" })] }), _jsxs("div", { children: [_jsx("h3", { className: "mb-2 text-sm font-medium", children: "Outline" }), _jsx(Calendar, { mode: "single", selected: date, onSelect: setDate, buttonVariant: "outline" })] })] }));
     },
 };
-//# sourceMappingURL=calendar.stories.js.map

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

@@ -8,4 +8,3 @@ export type CalendarProps = React.ComponentProps<typeof DayPicker> & {
     skeletonConfig?: CalendarSkeletonConfig;
     skeleton?: React.ReactNode;
 };
-//# sourceMappingURL=calendar.types.d.ts.map

package/dist/components/calendar/calendar.types.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=calendar.types.js.map

package/dist/components/calendar/index.d.ts

@@ -1,4 +1,3 @@
 export { Calendar, type CalendarProps } from "./calendar";
 export type { CalendarSkeletonConfig, CalendarSkeletonProps, } from "./calendar-skeleton";
 export { CalendarSkeleton } from "./calendar-skeleton";
-//# sourceMappingURL=index.d.ts.map

package/dist/components/calendar/index.js

@@ -1,3 +1,2 @@
 export { Calendar } from "./calendar";
 export { CalendarSkeleton } from "./calendar-skeleton";
-//# sourceMappingURL=index.js.map

package/dist/components/card/card-skeleton.d.ts

@@ -29,4 +29,3 @@ export declare function CardSkeleton({ variant, hasHeader, hasFooter, imagePosit
 export declare namespace CardSkeleton {
     var Skeleton: typeof CardSkeleton;
 }
-//# sourceMappingURL=card-skeleton.d.ts.map

package/dist/components/card/card-skeleton.js

@@ -61,4 +61,3 @@ function MinimalCardSkeleton({ contentRows = 3 }) {
  * Compound component: Card.Skeleton
  */
 CardSkeleton.Skeleton = CardSkeleton;
-//# sourceMappingURL=card-skeleton.js.map