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

package/dist/components/skip-to-content/skip-to-content.types.js

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

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

@@ -1,3 +1,2 @@
 export type { SliderProps } from "./slider.types";
 export { Slider } from "./slider";
-//# sourceMappingURL=index.d.ts.map

package/dist/components/slider/index.js

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

package/dist/components/slider/slider.d.ts

@@ -2,4 +2,3 @@ import * as React from "react";
 import type { SliderProps } from "./slider.types";
 declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLSpanElement>>;
 export { Slider };
-//# sourceMappingURL=slider.d.ts.map

package/dist/components/slider/slider.js

@@ -15,4 +15,3 @@ const Slider = React.forwardRef(({ className, defaultValue, value, isLoading = f
 });
 Slider.displayName = SliderPrimitive.Root.displayName;
 export { Slider };
-//# sourceMappingURL=slider.js.map

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

@@ -6,4 +6,3 @@ type Story = StoryObj<typeof Slider>;
 export declare const Default: Story;
 export declare const Range: Story;
 export declare const LoadingSkeleton: Story;
-//# sourceMappingURL=slider.stories.d.ts.map

package/dist/components/slider/slider.stories.js

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

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

@@ -4,4 +4,3 @@ export interface SliderProps extends React.ComponentPropsWithoutRef<typeof Slide
     /** Show loading skeleton */
     isLoading?: boolean;
 }
-//# sourceMappingURL=slider.types.d.ts.map

package/dist/components/slider/slider.types.js

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

package/dist/components/social-login-button/index.d.ts

@@ -1,2 +1 @@
 export { SocialLoginButton, type SocialLoginButtonProps, } from "./social-login-button";
-//# sourceMappingURL=index.d.ts.map

package/dist/components/social-login-button/index.js

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

package/dist/components/social-login-button/social-login-button.d.ts

@@ -19,4 +19,3 @@ export interface SocialLoginButtonProps extends Omit<ButtonProps, "variant"> {
     label?: string;
 }
 export declare const SocialLoginButton: React.ForwardRefExoticComponent<SocialLoginButtonProps & React.RefAttributes<HTMLButtonElement>>;
-//# sourceMappingURL=social-login-button.d.ts.map

package/dist/components/social-login-button/social-login-button.js

@@ -56,4 +56,3 @@ export const SocialLoginButton = React.forwardRef(({ provider, isLoading = false
     return (_jsxs(Button, { ref: ref, "data-comp": "social-login-button", type: "button", variant: "outline", className: cn("relative transition-colors duration-200 bg-transparent border-input text-foreground", config.color, className), disabled: disabled || isLoading, ...props, children: [isLoading ? (_jsx(Loader2, { className: "w-5 h-5 animate-spin mr-2" })) : provider === "linkedin" ? (_jsx(LinkedInIcon, { className: "w-5 h-5 mr-2" })) : icon ? (_jsx(SimpleIconWrapper, { icon: icon, className: "w-5 h-5 mr-2", label: displayLabel })) : null, _jsx("span", { children: isLoading ? "Redirecting..." : displayLabel })] }));
 });
 SocialLoginButton.displayName = "SocialLoginButton";
-//# sourceMappingURL=social-login-button.js.map

package/dist/components/social-login-button/social-login-button.stories.d.ts

@@ -28,4 +28,3 @@ export declare const CustomLabel: Story;
 export declare const Disabled: Story;
 export declare const AllProviders: Story;
 export declare const LoadingStates: Story;
-//# sourceMappingURL=social-login-button.stories.d.ts.map

package/dist/components/social-login-button/social-login-button.stories.js

@@ -73,4 +73,3 @@ export const LoadingStates = {
     },
     render: () => (_jsxs("div", { className: "flex flex-wrap gap-3 w-80", children: [_jsx(SocialLoginButton, { provider: "google", isLoading: true }), _jsx(SocialLoginButton, { provider: "github", isLoading: true }), _jsx(SocialLoginButton, { provider: "facebook", isLoading: true })] })),
 };
-//# sourceMappingURL=social-login-button.stories.js.map

package/dist/components/social-login-buttons/index.d.ts

@@ -1,2 +1 @@
 export { SocialLoginButtons, type SocialLoginButtonsProps, } from "./social-login-buttons";
-//# sourceMappingURL=index.d.ts.map

package/dist/components/social-login-buttons/index.js

@@ -1,2 +1 @@
 export { SocialLoginButtons, } from "./social-login-buttons";
-//# sourceMappingURL=index.js.map

package/dist/components/social-login-buttons/social-login-buttons.d.ts

@@ -32,4 +32,3 @@ export interface SocialLoginButtonsProps {
     dividerText?: string;
 }
 export declare function SocialLoginButtons({ onProviderClick, loadingProvider, providers, className, showDivider, dividerText, }: SocialLoginButtonsProps): React.JSX.Element;
-//# sourceMappingURL=social-login-buttons.d.ts.map

package/dist/components/social-login-buttons/social-login-buttons.js

@@ -11,4 +11,3 @@ const defaultProviders = [
 export function SocialLoginButtons({ onProviderClick, loadingProvider, providers = defaultProviders, className, showDivider = true, dividerText = "Or sign in with", }) {
     return (_jsxs("div", { "data-comp": "social-login-buttons", className: cn("w-full space-y-3", className), children: [showDivider && (_jsxs("div", { className: "relative", children: [_jsx("div", { className: "absolute inset-0 flex items-center", children: _jsx("span", { className: "w-full border-t" }) }), _jsx("div", { className: "relative flex justify-center text-xs uppercase", children: _jsx("span", { className: "bg-background px-2 text-muted-foreground", children: dividerText }) })] })), _jsx("div", { className: "flex flex-wrap justify-center gap-2", children: providers.map((provider) => (_jsx(SocialLoginButton, { provider: provider, isLoading: loadingProvider === provider, onClick: () => onProviderClick(provider), disabled: loadingProvider !== undefined && loadingProvider !== provider }, provider))) })] }));
 }
-//# sourceMappingURL=social-login-buttons.js.map

package/dist/components/social-login-buttons/social-login-buttons.stories.d.ts

@@ -25,4 +25,3 @@ export declare const Interactive: Story;
 export declare const CustomProviders: Story;
 export declare const InForm: Story;
 export declare const Registration: Story;
-//# sourceMappingURL=social-login-buttons.stories.d.ts.map

package/dist/components/social-login-buttons/social-login-buttons.stories.js

@@ -87,4 +87,3 @@ export const Registration = {
     },
     render: (args) => (_jsxs("div", { className: "w-96 space-y-6 p-6 border rounded-lg bg-card text-card-foreground theme-card", children: [_jsxs("div", { className: "text-center", children: [_jsx("h2", { className: "text-2xl font-bold mb-2", children: "Create an account" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "Join us today to get started." })] }), _jsx(SocialLoginButtons, { ...args }), _jsxs("div", { className: "text-center text-sm text-muted-foreground", children: ["Already have an account?", " ", _jsx("span", { className: "text-primary font-medium", children: "Log in" })] })] })),
 };
-//# sourceMappingURL=social-login-buttons.stories.js.map

package/dist/components/sparkline-chart/index.d.ts

@@ -1,3 +1,2 @@
 export type { SparklineChartProps } from "./sparkline-chart";
 export { SparklineChart } from "./sparkline-chart";
-//# sourceMappingURL=index.d.ts.map

package/dist/components/sparkline-chart/index.js

@@ -1,2 +1 @@
 export { SparklineChart } from "./sparkline-chart";
-//# sourceMappingURL=index.js.map

package/dist/components/sparkline-chart/sparkline-chart.d.ts

@@ -49,4 +49,3 @@ export interface SparklineChartProps {
     interactive?: boolean;
 }
 export declare function SparklineChart({ data, type, color, width, height, tooltip, className, gradientFrom, gradientTo, animated, interactive, }: SparklineChartProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=sparkline-chart.d.ts.map

package/dist/components/sparkline-chart/sparkline-chart.js

@@ -128,4 +128,3 @@ export function SparklineChart({ data, type = "line", color = "#3B82F6", width =
     ];
     return (_jsx("div", { className: cn("sparkline-chart", className), children: _jsx(Chart, { options: options, series: series, type: type, height: height, width: width }) }));
 }
-//# sourceMappingURL=sparkline-chart.js.map

package/dist/components/sparkline-chart/sparkline-chart.stories.d.ts

@@ -13,4 +13,3 @@ export declare const BarSparkline: Story;
 export declare const CompactLine: Story;
 export declare const InCard: Story;
 export declare const MultipleInDashboard: Story;
-//# sourceMappingURL=sparkline-chart.stories.d.ts.map

package/dist/components/sparkline-chart/sparkline-chart.stories.js

@@ -110,4 +110,3 @@ export const InCard = {
 export const MultipleInDashboard = {
     render: () => (_jsxs("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6 max-w-4xl", children: [_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardDescription, { children: "Total Sales" }), _jsx(CardTitle, { className: "text-2xl font-bold", children: "$45,231" }), _jsx("div", { className: "text-sm text-success", children: "+20.1% from last month" })] }), _jsx(CardContent, { children: _jsx(SparklineChart, { data: growthData, type: "area", color: "#10B981", gradientFrom: "#10B981", gradientTo: "#34D399", height: 60, width: "100%" }) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardDescription, { children: "Active Users" }), _jsx(CardTitle, { className: "text-2xl font-bold", children: "2,350" }), _jsx("div", { className: "text-sm text-info", children: "+5.4% from last week" })] }), _jsx(CardContent, { children: _jsx(SparklineChart, { data: sampleData, type: "line", color: "#3B82F6", height: 60, width: "100%" }) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardDescription, { children: "Page Views" }), _jsx(CardTitle, { className: "text-2xl font-bold", children: "98,230" }), _jsx("div", { className: "text-sm text-error", children: "-2.1% from yesterday" })] }), _jsx(CardContent, { children: _jsx(SparklineChart, { data: volatileData, type: "bar", color: "#EF4444", height: 60, width: "100%" }) })] })] })),
 };
-//# sourceMappingURL=sparkline-chart.stories.js.map

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

@@ -1,2 +1 @@
 export { Spinner, type SpinnerProps, spinnerVariants } from "./spinner";
-//# sourceMappingURL=index.d.ts.map

package/dist/components/spinner/index.js

@@ -1,2 +1 @@
 export { Spinner, spinnerVariants } from "./spinner";
-//# sourceMappingURL=index.js.map

package/dist/components/spinner/spinner.d.ts

@@ -9,4 +9,3 @@ export interface SpinnerProps extends React.ComponentProps<"svg">, VariantProps<
 }
 declare const Spinner: React.ForwardRefExoticComponent<Omit<SpinnerProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export { Spinner, spinnerVariants };
-//# sourceMappingURL=spinner.d.ts.map

package/dist/components/spinner/spinner.js

@@ -29,4 +29,3 @@ const Spinner = React.forwardRef(({ className, size, variant, label = "Loading..
 });
 Spinner.displayName = "Spinner";
 export { Spinner, spinnerVariants };
-//# sourceMappingURL=spinner.js.map

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

@@ -26,4 +26,3 @@ export declare const WithLabel: Story;
 export declare const InButton: Story;
 export declare const InCard: Story;
 export declare const FullScreenLoading: Story;
-//# sourceMappingURL=spinner.stories.d.ts.map

package/dist/components/spinner/spinner.stories.js

@@ -48,4 +48,3 @@ export const FullScreenLoading = {
     },
     render: () => (_jsx("div", { className: "flex h-[300px] w-full items-center justify-center bg-muted/30", children: _jsxs("div", { className: "flex flex-col items-center gap-4", children: [_jsx(Spinner, { size: "xl" }), _jsx("p", { className: "text-sm text-muted-foreground font-medium", children: "Initializing application..." })] }) })),
 };
-//# sourceMappingURL=spinner.stories.js.map

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

@@ -4,4 +4,3 @@ import type { spinnerVariants } from "./spinner";
 export interface SpinnerProps extends React.ComponentProps<"svg">, VariantProps<typeof spinnerVariants> {
     label?: string;
 }
-//# sourceMappingURL=spinner.types.d.ts.map

package/dist/components/spinner/spinner.types.js

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

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

@@ -1,4 +1,3 @@
 export { type StepItem, Steps, type StepsProps } from "./steps";
 export type { StepsSkeletonConfig, StepsSkeletonProps, } from "./steps-skeleton";
 export { StepsSkeleton } from "./steps-skeleton";
-//# sourceMappingURL=index.d.ts.map

package/dist/components/steps/index.js

@@ -1,3 +1,2 @@
 export { Steps } from "./steps";
 export { StepsSkeleton } from "./steps-skeleton";
-//# sourceMappingURL=index.js.map

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

@@ -42,4 +42,3 @@ export interface StepsSkeletonProps extends StepsSkeletonConfig {
  * ```
  */
 export declare function StepsSkeleton({ stepCount, orientation, showLabels, className, "data-testid": dataTestId, }: StepsSkeletonProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=steps-skeleton.d.ts.map

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

@@ -23,4 +23,3 @@ export function StepsSkeleton({ stepCount = 4, orientation = "horizontal", showL
                         ? "w-0.5 h-12 mx-5"
                         : "h-0.5 w-16 mx-2") }))] }, `step-${i}`))) }));
 }
-//# sourceMappingURL=steps-skeleton.js.map

package/dist/components/steps/steps.d.ts

@@ -20,4 +20,3 @@ export interface StepsProps extends React.HTMLAttributes<HTMLDivElement>, Varian
 }
 declare const Steps: React.ForwardRefExoticComponent<StepsProps & React.RefAttributes<HTMLDivElement>>;
 export { Steps };
-//# sourceMappingURL=steps.d.ts.map

package/dist/components/steps/steps.js

@@ -34,4 +34,3 @@ const Steps = React.forwardRef(({ className, orientation, currentStep, items, on
 });
 Steps.displayName = "Steps";
 export { Steps };
-//# sourceMappingURL=steps.js.map

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

@@ -12,4 +12,3 @@ export declare const WithoutLines: Story;
 export declare const HorizontalWithLines: Story;
 export declare const FullFlow: () => import("react/jsx-runtime").JSX.Element;
 export declare const VerticalFullFlow: () => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=steps.stories.d.ts.map

package/dist/components/steps/steps.stories.js

@@ -169,4 +169,3 @@ export const VerticalFullFlow = () => {
     };
     return (_jsxs("div", { className: "flex w-[800px] max-w-full gap-8", children: [_jsx("div", { className: "w-64 shrink-0", children: _jsx(Steps, { currentStep: currentStep, items: flowItems, orientation: "vertical" }) }), _jsxs(Card, { className: "flex-1", children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: flowItems[currentStep - 1]?.title }), _jsx(CardDescription, { children: flowItems[currentStep - 1]?.description })] }), _jsxs(CardContent, { children: [currentStep === 1 && (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "v-name", children: "Name" }), _jsx(Input, { id: "v-name", placeholder: "John Doe", value: formData.name, onChange: (e) => setFormData({ ...formData, name: e.target.value }) })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "v-email", children: "Email" }), _jsx(Input, { id: "v-email", type: "email", placeholder: "john@example.com", value: formData.email, onChange: (e) => setFormData({ ...formData, email: e.target.value }) })] })] })), currentStep === 2 && (_jsxs(RadioGroup, { value: formData.plan, onValueChange: (val) => setFormData({ ...formData, plan: val }), variant: "cards", children: [_jsx(RadioGroupItem, { value: "free", id: "v-free", children: _jsxs("div", { className: "flex items-center justify-between w-full", children: [_jsxs("div", { children: [_jsx("div", { className: "text-sm font-medium", children: "Free Plan" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "Basic features" })] }), _jsx("span", { className: "font-bold", children: "$0/mo" })] }) }), _jsx(RadioGroupItem, { value: "pro", id: "v-pro", children: _jsxs("div", { className: "flex items-center justify-between w-full", children: [_jsxs("div", { children: [_jsx("div", { className: "text-sm font-medium", children: "Pro Plan" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "All features included" })] }), _jsx("span", { className: "font-bold", children: "$20/mo" })] }) })] })), currentStep === 3 && (_jsx("div", { className: "space-y-4", children: _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "v-card", children: "Card Number" }), _jsx(Input, { id: "v-card", placeholder: "0000 0000 0000 0000", value: formData.cardNumber, onChange: (e) => setFormData({ ...formData, cardNumber: e.target.value }) })] }) })), currentStep === 4 && (_jsx("div", { className: "space-y-4", children: _jsxs("div", { className: "rounded-md bg-muted p-4", children: [_jsxs("p", { children: [_jsx("strong", { children: "Name:" }), " ", formData.name || "Not set"] }), _jsxs("p", { children: [_jsx("strong", { children: "Email:" }), " ", formData.email || "Not set"] }), _jsxs("p", { children: [_jsx("strong", { children: "Plan:" }), " ", formData.plan] }), _jsxs("p", { children: [_jsx("strong", { children: "Card:" }), " **** **** ****", " ", formData.cardNumber.slice(-4) || "****"] })] }) }))] }), _jsxs(CardFooter, { className: "flex justify-between", children: [_jsxs(Button, { variant: "outline", onClick: handlePrev, disabled: currentStep === 1, children: [_jsx(ChevronLeft, { className: "mr-2 h-4 w-4" }), " Back"] }), _jsxs(Button, { onClick: handleNext, disabled: currentStep === flowItems.length, children: [currentStep === flowItems.length ? "Finish" : "Next", " ", _jsx(ChevronRight, { className: "ml-2 h-4 w-4" })] })] })] })] }));
 };
-//# sourceMappingURL=steps.stories.js.map

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

@@ -1,3 +1,2 @@
 export type { SwitchProps } from "./switch.types";
 export { Switch } from "./switch";
-//# sourceMappingURL=index.d.ts.map

package/dist/components/switch/index.js

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

package/dist/components/switch/switch.d.ts

@@ -1,4 +1,3 @@
 import type { SwitchProps } from "./switch.types";
 declare function Switch({ className, isLoading, ...props }: SwitchProps): import("react/jsx-runtime").JSX.Element;
 export { Switch };
-//# sourceMappingURL=switch.d.ts.map

package/dist/components/switch/switch.js

@@ -11,4 +11,3 @@ function Switch({ className, isLoading = false, ...props }) {
     return (_jsx(SwitchPrimitive.Root, { "data-slot": "switch", className: cn(switchStyles.base, className), ...props, children: _jsx(SwitchPrimitive.Thumb, { "data-slot": "switch-thumb", className: cn(switchThumbStyles.base) }) }));
 }
 export { Switch };
-//# sourceMappingURL=switch.js.map

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

@@ -24,4 +24,3 @@ export declare const Disabled: Story;
 export declare const DisabledChecked: Story;
 export declare const WithLabel: Story;
 export declare const LoadingSkeleton: Story;
-//# sourceMappingURL=switch.stories.d.ts.map

package/dist/components/switch/switch.stories.js

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

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

@@ -4,4 +4,3 @@ export interface SwitchProps extends React.ComponentProps<typeof SwitchPrimitive
     /** Show loading skeleton */
     isLoading?: boolean;
 }
-//# sourceMappingURL=switch.types.d.ts.map

package/dist/components/switch/switch.types.js

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

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

@@ -1,4 +1,3 @@
 export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, } from "./table";
 export type { TableSkeletonProps } from "./table-skeleton";
 export { TableSkeleton } from "./table-skeleton";
-//# sourceMappingURL=index.d.ts.map

package/dist/components/table/index.js

@@ -1,3 +1,2 @@
 export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, } from "./table";
 export { TableSkeleton } from "./table-skeleton";
-//# sourceMappingURL=index.js.map

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

@@ -34,4 +34,3 @@ export interface TableSkeletonProps {
     stickyHeader?: boolean;
 }
 export declare function TableSkeleton({ rows, columns, headers, columnWidths, showActions, showCheckboxes, stickyHeader, }: TableSkeletonProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=table-skeleton.d.ts.map

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

@@ -26,4 +26,3 @@ export function TableSkeleton({ rows = 5, columns = 4, headers, columnWidths, sh
                                 }), showActions && (_jsx("td", { "data-slot": "table-cell", className: tableCellStyles.base, children: _jsx(Skeleton, { className: "h-8 w-8" }) }))] }, rowId));
                     }) })] }) }));
 }
-//# sourceMappingURL=table-skeleton.js.map

package/dist/components/table/table.d.ts

@@ -51,4 +51,3 @@ declare function TableCaption({ className, emptyStateKey, paginationLabelKey, ..
 }): import("react/jsx-runtime").JSX.Element;
 export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, TableSkeleton, };
 export type { TableSkeletonConfig } from "./table.types";
-//# sourceMappingURL=table.d.ts.map

package/dist/components/table/table.js

@@ -55,4 +55,3 @@ Object.defineProperty(Table, "Skeleton", {
     enumerable: true,
     configurable: true,
 });
-//# sourceMappingURL=table.js.map

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

@@ -80,4 +80,3 @@ export declare const SkeletonWithActions: Story;
  */
 export declare const LoadingState: Story;
 export declare const LoadingSkeleton: Story;
-//# sourceMappingURL=table.stories.d.ts.map

package/dist/components/table/table.stories.js

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

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

@@ -59,4 +59,3 @@ export interface TableProps extends React.ComponentProps<"table"> {
      */
     skeleton?: React.ReactNode;
 }
-//# sourceMappingURL=table.types.d.ts.map

package/dist/components/table/table.types.js

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

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

@@ -1,4 +1,3 @@
 export { Tabs, TabsContent, TabsList, TabsTrigger } from "./tabs";
 export type { TabsSkeletonConfig, TabsSkeletonProps, } from "./tabs-skeleton";
 export { TabsSkeleton } from "./tabs-skeleton";
-//# sourceMappingURL=index.d.ts.map

package/dist/components/tabs/index.js

@@ -1,3 +1,2 @@
 export { Tabs, TabsContent, TabsList, TabsTrigger } from "./tabs";
 export { TabsSkeleton } from "./tabs-skeleton";
-//# sourceMappingURL=index.js.map

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

@@ -47,4 +47,3 @@ export interface TabsSkeletonProps extends TabsSkeletonConfig {
  * ```
  */
 export declare function TabsSkeleton({ tabCount, variant, showContent, contentRows, className, "data-testid": dataTestId, }: TabsSkeletonProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=tabs-skeleton.d.ts.map

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

@@ -26,4 +26,3 @@ export function TabsSkeleton({ tabCount = 4, variant = "default", showContent =
                                 : "100%",
                     } }, `content-${i}`))) }))] }));
 }
-//# sourceMappingURL=tabs-skeleton.js.map

package/dist/components/tabs/tabs.d.ts

@@ -11,4 +11,3 @@ declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.Ta
 } & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
 declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export { Tabs, TabsList, TabsTrigger, TabsContent };
-//# sourceMappingURL=tabs.d.ts.map

package/dist/components/tabs/tabs.js

@@ -48,4 +48,3 @@ TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
 const TabsContent = React.forwardRef(({ className, ...props }, ref) => (_jsx(TabsPrimitive.Content, { ref: ref, "data-slot": "tabs-content", className: cn(tabsContentStyles.base, className), ...props })));
 TabsContent.displayName = TabsPrimitive.Content.displayName;
 export { Tabs, TabsList, TabsTrigger, TabsContent };
-//# sourceMappingURL=tabs.js.map

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

@@ -13,4 +13,3 @@ export declare const Default: Story;
 export declare const Vertical: Story;
 export declare const Line: Story;
 export declare const LoadingSkeleton: Story;
-//# sourceMappingURL=tabs.stories.d.ts.map

package/dist/components/tabs/tabs.stories.js

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

package/dist/components/tag-input/index.d.ts

@@ -1,3 +1,2 @@
 export type { TagInputProps } from "./tag-input";
 export { TagInput } from "./tag-input";
-//# sourceMappingURL=index.d.ts.map

package/dist/components/tag-input/index.js

@@ -1,2 +1 @@
 export { TagInput } from "./tag-input";
-//# sourceMappingURL=index.js.map

package/dist/components/tag-input/tag-input.d.ts

@@ -40,4 +40,3 @@ export interface TagInputProps extends Omit<React.InputHTMLAttributes<HTMLInputE
     hasError?: boolean;
 }
 export declare const TagInput: React.ForwardRefExoticComponent<TagInputProps & React.RefAttributes<HTMLInputElement>>;
-//# sourceMappingURL=tag-input.d.ts.map

package/dist/components/tag-input/tag-input.js

@@ -91,4 +91,3 @@ export const TagInput = React.forwardRef(({ value = [], onChange, separators = [
                                 }, disabled: disabled, className: cn("ml-0.5 rounded-sm p-0.5 hover:bg-muted-foreground/20", disabled && "cursor-not-allowed opacity-50"), "aria-label": `Remove ${tag}`, children: _jsx(X, { className: "h-3 w-3" }) })] }, `tag-${tag}-${Date.now()}-${index}`))), _jsx("input", { ref: inputRef, type: "text", value: inputValue, onChange: (e) => setInputValue(e.target.value), onKeyDown: handleKeyDown, onPaste: handlePaste, disabled: disabled, placeholder: value.length === 0 ? placeholder : "", className: cn("flex-1 min-w-[120px] bg-transparent outline-none placeholder:text-muted-foreground", "text-foreground", "disabled:cursor-not-allowed"), ...props })] }), value.length > 0 && !disabled && (_jsx("button", { type: "button", onClick: clearAllTags, className: cn("absolute right-2 top-1/2 -translate-y-1/2 p-1 rounded-sm", "text-muted-foreground hover:text-foreground hover:bg-accent", "transition-colors"), "aria-label": "Clear all tags", children: _jsx(X, { className: "h-4 w-4" }) }))] }));
 });
 TagInput.displayName = "TagInput";
-//# sourceMappingURL=tag-input.js.map

package/dist/components/tag-input/tag-input.stories.d.ts

@@ -17,4 +17,3 @@ export declare const WithError: Story;
 export declare const CustomSeparators: Story;
 export declare const WithValidation: Story;
 export declare const AllowDuplicates: Story;
-//# sourceMappingURL=tag-input.stories.d.ts.map

package/dist/components/tag-input/tag-input.stories.js

@@ -62,4 +62,3 @@ export const AllowDuplicates = {
         return (_jsxs("div", { className: "w-[500px]", children: [_jsx(TagInput, { value: tags, onChange: setTags, allowDuplicates: true, placeholder: "Duplicates allowed" }), _jsx("p", { className: "text-xs text-muted-foreground mt-2", children: "Try adding 'tag1' again" })] }));
     },
 };
-//# sourceMappingURL=tag-input.stories.js.map

package/dist/components/tag-input/tag-input.types.d.ts

@@ -39,4 +39,3 @@ export interface TagInputProps extends Omit<React.InputHTMLAttributes<HTMLInputE
      */
     hasError?: boolean;
 }
-//# sourceMappingURL=tag-input.types.d.ts.map

package/dist/components/tag-input/tag-input.types.js

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

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

@@ -1,3 +1,2 @@
 export { Textarea } from "./textarea";
 export type { TextareaProps } from "./textarea.types";
-//# sourceMappingURL=index.d.ts.map

package/dist/components/textarea/index.js

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

package/dist/components/textarea/textarea.d.ts

@@ -1,4 +1,3 @@
 import type { TextareaProps } from "./textarea.types";
 declare function Textarea({ className, isLoading, rows, ...props }: TextareaProps): import("react/jsx-runtime").JSX.Element;
 export { Textarea };
-//# sourceMappingURL=textarea.d.ts.map

package/dist/components/textarea/textarea.js

@@ -8,4 +8,3 @@ function Textarea({ className, isLoading = false, rows, ...props }) {
     return (_jsx("textarea", { "data-slot": "textarea", rows: rows, className: cn("cursor-text flex min-h-[80px] w-full rounded-md border bg-background px-3 py-2 text-sm placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50 theme-input", "focus-ring", className), ...props }));
 }
 export { Textarea };
-//# sourceMappingURL=textarea.js.map

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

@@ -23,4 +23,3 @@ export declare const Disabled: Story;
 export declare const WithValue: Story;
 export declare const WithLabel: Story;
 export declare const LoadingSkeleton: Story;
-//# sourceMappingURL=textarea.stories.d.ts.map

package/dist/components/textarea/textarea.stories.js

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

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

@@ -3,4 +3,3 @@ export interface TextareaProps extends React.ComponentProps<"textarea"> {
     /** Show loading skeleton */
     isLoading?: boolean;
 }
-//# sourceMappingURL=textarea.types.d.ts.map

package/dist/components/textarea/textarea.types.js

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

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

@@ -1,31 +1,2 @@
-import { toast as sonnerToast } from "sonner";
-type ToastOptions = Parameters<typeof sonnerToast>[1];
-/**
- * Toast API that supports all Sonner options including custom icons
- *
- * @example Basic usage
- * toast.success('Success message');
- *
- * @example With custom icon
- * toast.success('Success message', { icon: <CustomIcon /> });
- *
- * @example Remove icon
- * toast.success('Success message', { icon: null });
- *
- * @example Full options
- * toast.success('Success message', {
- *   icon: <CustomIcon />,
- *   duration: 5000,
- *   position: 'top-right',
- * });
- */
-declare const toast: {
-    success: (message: string, options?: ToastOptions) => string | number;
-    error: (message: string, options?: ToastOptions) => string | number;
-    warning: (message: string, options?: ToastOptions) => string | number;
-    info: (message: string, options?: ToastOptions) => string | number;
-    loading: (message: string, options?: ToastOptions) => string | number;
-};
-export { toast };
-export { Toaster } from "./toaster";
-//# sourceMappingURL=index.d.ts.map
+export { toast } from "sonner";
+export { Toast } from "./toast";

package/dist/components/toast/index.js

@@ -1,40 +1,2 @@
-import { toast as sonnerToast } from "sonner";
-/**
- * Toast API that supports all Sonner options including custom icons
- *
- * @example Basic usage
- * toast.success('Success message');
- *
- * @example With custom icon
- * toast.success('Success message', { icon: <CustomIcon /> });
- *
- * @example Remove icon
- * toast.success('Success message', { icon: null });
- *
- * @example Full options
- * toast.success('Success message', {
- *   icon: <CustomIcon />,
- *   duration: 5000,
- *   position: 'top-right',
- * });
- */
-const toast = {
-    success: (message, options) => {
-        return sonnerToast.success(message, options);
-    },
-    error: (message, options) => {
-        return sonnerToast.error(message, options);
-    },
-    warning: (message, options) => {
-        return sonnerToast.warning(message, options);
-    },
-    info: (message, options) => {
-        return sonnerToast.info(message, options);
-    },
-    loading: (message, options) => {
-        return sonnerToast.loading(message, options);
-    },
-};
-export { toast };
-export { Toaster } from "./toaster";
-//# sourceMappingURL=index.js.map
+export { toast } from "sonner";
+export { Toast } from "./toast";

package/dist/components/toast/toast.d.ts

@@ -0,0 +1,4 @@
+import { Toaster as Sonner } from "sonner";
+type ToastProps = React.ComponentProps<typeof Sonner>;
+declare const Toast: ({ ...props }: ToastProps) => import("react/jsx-runtime").JSX.Element;
+export { Toast };