@varity-labs/ui-kit 2.0.0-alpha.1 → 2.0.0-beta.10

package/dist/components/Display/Avatar.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+export interface AvatarProps {
+    src?: string;
+    alt?: string;
+    name: string;
+    size?: 'sm' | 'md' | 'lg';
+    status?: 'online' | 'offline' | 'busy';
+    className?: string;
+}
+export declare function Avatar({ src, alt, name, size, status, className, }: AvatarProps): React.JSX.Element;
+export interface AvatarGroupProps {
+    avatars: Array<{
+        src?: string;
+        name: string;
+    }>;
+    max?: number;
+    size?: 'sm' | 'md' | 'lg';
+    className?: string;
+}
+export declare function AvatarGroup({ avatars, max, size, className, }: AvatarGroupProps): React.JSX.Element;
+//# sourceMappingURL=Avatar.d.ts.map

package/dist/components/Display/Avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Display/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,MAAM,WAAW,WAAW;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,MAAM,CAAC,EACrB,GAAG,EACH,GAAG,EACH,IAAI,EACJ,IAAW,EACX,MAAM,EACN,SAAc,GACf,EAAE,WAAW,qBAmEb;AAED,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,KAAK,CAAC;QAAE,GAAG,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC/C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,GAAO,EACP,IAAW,EACX,SAAc,GACf,EAAE,gBAAgB,qBAoDlB"}

package/dist/components/Display/Avatar.js

@@ -0,0 +1,71 @@
+import React, { useState } from 'react';
+export function Avatar({ src, alt, name, size = 'md', status, className = '', }) {
+    const [imageError, setImageError] = useState(false);
+    const sizeClasses = {
+        sm: 'w-8 h-8 text-xs',
+        md: 'w-10 h-10 text-sm',
+        lg: 'w-12 h-12 text-base',
+    };
+    const statusColors = {
+        online: 'bg-green-500',
+        offline: 'bg-gray-400',
+        busy: 'bg-yellow-500',
+    };
+    const statusSize = {
+        sm: 'w-2 h-2',
+        md: 'w-2.5 h-2.5',
+        lg: 'w-3 h-3',
+    };
+    // Get initials from name (first letters of first two words)
+    const getInitials = (name) => {
+        const words = name.trim().split(/\s+/);
+        if (words.length === 1) {
+            return words[0].charAt(0).toUpperCase();
+        }
+        return (words[0].charAt(0) + words[1].charAt(0)).toUpperCase();
+    };
+    const initials = getInitials(name);
+    return (React.createElement("div", { className: `relative inline-block ${className}` },
+        React.createElement("div", { className: `
+          rounded-full overflow-hidden flex items-center justify-center
+          bg-[var(--color-primary-100)] dark:bg-[var(--color-primary-900)]
+          text-[var(--color-primary-700)] dark:text-[var(--color-primary-300)]
+          font-semibold
+          ${sizeClasses[size]}
+        ` }, src && !imageError ? (React.createElement("img", { src: src, alt: alt || name, className: "w-full h-full object-cover", onError: () => setImageError(true) })) : (React.createElement("span", null, initials))),
+        status && (React.createElement("span", { className: `
+            absolute bottom-0 right-0 rounded-full border-2 border-white dark:border-gray-800
+            ${statusColors[status]}
+            ${statusSize[size]}
+          `, "aria-label": `Status: ${status}` }))));
+}
+export function AvatarGroup({ avatars, max = 3, size = 'md', className = '', }) {
+    const displayAvatars = avatars.slice(0, max);
+    const remaining = avatars.length - max;
+    const overlapClasses = {
+        sm: '-ml-2',
+        md: '-ml-3',
+        lg: '-ml-4',
+    };
+    return (React.createElement("div", { className: `flex items-center ${className}` },
+        displayAvatars.map((avatar, index) => (React.createElement("div", { key: index, className: `
+            relative inline-block border-2 border-white dark:border-gray-800 rounded-full
+            ${index > 0 ? overlapClasses[size] : ''}
+          `, style: { zIndex: displayAvatars.length - index } },
+            React.createElement(Avatar, { src: avatar.src, name: avatar.name, size: size })))),
+        remaining > 0 && (React.createElement("div", { className: `
+            relative inline-block border-2 border-white dark:border-gray-800 rounded-full
+            ${overlapClasses[size]}
+          `, style: { zIndex: 0 } },
+            React.createElement("div", { className: `
+              rounded-full flex items-center justify-center
+              bg-gray-200 dark:bg-gray-700
+              text-gray-700 dark:text-gray-300
+              font-semibold
+              ${size === 'sm' ? 'w-8 h-8 text-xs' : size === 'md' ? 'w-10 h-10 text-sm' : 'w-12 h-12 text-base'}
+            ` },
+                React.createElement("span", null,
+                    "+",
+                    remaining))))));
+}
+//# sourceMappingURL=Avatar.js.map

package/dist/components/Display/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../src/components/Display/Avatar.tsx"],"names":[],"mappings":"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"}

package/dist/components/Display/Badge.d.ts

@@ -0,0 +1,22 @@
+import React, { type ReactNode } from 'react';
+type BadgeVariant = 'green' | 'blue' | 'yellow' | 'red' | 'gray';
+interface BadgeProps {
+    children: ReactNode;
+    variant?: BadgeVariant;
+    dot?: boolean;
+}
+export declare function Badge({ children, variant, dot }: BadgeProps): React.JSX.Element;
+export declare function PriorityBadge({ priority }: {
+    priority: string;
+}): React.JSX.Element;
+export declare function ProjectStatusBadge({ status }: {
+    status: string;
+}): React.JSX.Element;
+export declare function TaskStatusBadge({ status }: {
+    status: string;
+}): React.JSX.Element;
+export declare function RoleBadge({ role }: {
+    role: string;
+}): React.JSX.Element;
+export {};
+//# sourceMappingURL=Badge.d.ts.map

package/dist/components/Display/Badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Display/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9C,KAAK,YAAY,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,CAAC;AAEjE,UAAU,UAAU;IAClB,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,GAAG,CAAC,EAAE,OAAO,CAAC;CACf;AAUD,wBAAgB,KAAK,CAAC,EAAE,QAAQ,EAAE,OAAgB,EAAE,GAAW,EAAE,EAAE,UAAU,qBAW5E;AAQD,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,qBAO/D;AAQD,wBAAgB,kBAAkB,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,qBAOhE;AAcD,wBAAgB,eAAe,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,qBAO7D;AAQD,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,qBAOnD"}

package/dist/components/Display/Badge.js

@@ -0,0 +1,60 @@
+import React from 'react';
+const variantStyles = {
+    green: { bg: 'bg-green-50', text: 'text-green-700', dot: 'bg-green-500' },
+    blue: { bg: 'bg-blue-50', text: 'text-blue-700', dot: 'bg-blue-500' },
+    yellow: { bg: 'bg-amber-50', text: 'text-amber-700', dot: 'bg-amber-500' },
+    red: { bg: 'bg-red-50', text: 'text-red-700', dot: 'bg-red-500' },
+    gray: { bg: 'bg-gray-100', text: 'text-gray-600', dot: 'bg-gray-400' },
+};
+export function Badge({ children, variant = 'gray', dot = false }) {
+    const style = variantStyles[variant];
+    return (React.createElement("span", { className: `inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xs font-medium ${style.bg} ${style.text}` },
+        dot && React.createElement("span", { className: `h-1.5 w-1.5 rounded-full ${style.dot}` }),
+        children));
+}
+const priorityVariants = {
+    high: 'red',
+    medium: 'yellow',
+    low: 'gray',
+};
+export function PriorityBadge({ priority }) {
+    if (!priority)
+        return React.createElement(Badge, { variant: "gray" }, "\u2014");
+    return (React.createElement(Badge, { variant: priorityVariants[priority] || 'gray' }, priority.charAt(0).toUpperCase() + priority.slice(1)));
+}
+const projectStatusVariants = {
+    active: 'blue',
+    paused: 'yellow',
+    completed: 'green',
+};
+export function ProjectStatusBadge({ status }) {
+    if (!status)
+        return React.createElement(Badge, { variant: "gray" }, "\u2014");
+    return (React.createElement(Badge, { variant: projectStatusVariants[status] || 'gray', dot: true }, status.charAt(0).toUpperCase() + status.slice(1)));
+}
+const taskStatusVariants = {
+    todo: 'gray',
+    in_progress: 'blue',
+    done: 'green',
+};
+const taskStatusLabels = {
+    todo: 'To Do',
+    in_progress: 'In Progress',
+    done: 'Done',
+};
+export function TaskStatusBadge({ status }) {
+    if (!status)
+        return React.createElement(Badge, { variant: "gray", dot: true }, "Unknown");
+    return (React.createElement(Badge, { variant: taskStatusVariants[status] || 'gray', dot: true }, taskStatusLabels[status] || status));
+}
+const roleVariants = {
+    admin: 'blue',
+    member: 'green',
+    viewer: 'gray',
+};
+export function RoleBadge({ role }) {
+    if (!role)
+        return React.createElement(Badge, { variant: "gray" }, "\u2014");
+    return (React.createElement(Badge, { variant: roleVariants[role] || 'gray' }, role.charAt(0).toUpperCase() + role.slice(1)));
+}
+//# sourceMappingURL=Badge.js.map

package/dist/components/Display/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../src/components/Display/Badge.tsx"],"names":[],"mappings":"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"}

package/dist/components/Display/ProgressBar.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export interface ProgressBarProps {
+    value: number;
+    variant?: 'primary' | 'success' | 'warning' | 'danger';
+    size?: 'sm' | 'md';
+    showValue?: boolean;
+    striped?: boolean;
+    label?: string;
+    className?: string;
+}
+export declare function ProgressBar({ value, variant, size, showValue, striped, label, className, }: ProgressBarProps): React.JSX.Element;
+//# sourceMappingURL=ProgressBar.d.ts.map

package/dist/components/Display/ProgressBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../src/components/Display/ProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IACvD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,OAAmB,EACnB,IAAW,EACX,SAAiB,EACjB,OAAe,EACf,KAAK,EACL,SAAc,GACf,EAAE,gBAAgB,qBA0DlB"}

package/dist/components/Display/ProgressBar.js

@@ -0,0 +1,33 @@
+import React from 'react';
+export function ProgressBar({ value, variant = 'primary', size = 'md', showValue = false, striped = false, label, className = '', }) {
+    // Clamp value between 0 and 100
+    const clampedValue = Math.min(Math.max(value, 0), 100);
+    const sizeClasses = {
+        sm: 'h-1',
+        md: 'h-2',
+    };
+    const variantClasses = {
+        primary: 'bg-[var(--color-primary-600)]',
+        success: 'bg-green-600',
+        warning: 'bg-yellow-600',
+        danger: 'bg-red-600',
+    };
+    return (React.createElement("div", { className: className },
+        showValue && (React.createElement("div", { className: "flex justify-between items-center mb-1" },
+            React.createElement("span", { className: "text-sm font-medium text-gray-700 dark:text-gray-300" },
+                clampedValue,
+                "%"))),
+        React.createElement("div", { className: `
+          w-full bg-gray-200 dark:bg-gray-700 rounded-full overflow-hidden
+          ${sizeClasses[size]}
+        ` },
+            React.createElement("div", { className: `
+            h-full transition-all duration-300 ease-out rounded-full relative overflow-hidden
+            ${variantClasses[variant]}
+          `, style: { width: `${clampedValue}%` }, role: "progressbar", "aria-label": label || `Progress: ${clampedValue}%`, "aria-valuenow": clampedValue, "aria-valuemin": 0, "aria-valuemax": 100 }, striped && (React.createElement("div", { className: "absolute inset-0 h-full w-full", style: {
+                    backgroundImage: 'linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent)',
+                    backgroundSize: '1rem 1rem',
+                    animation: 'progress-stripes 1s linear infinite',
+                } }))))));
+}
+//# sourceMappingURL=ProgressBar.js.map

package/dist/components/Display/ProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../src/components/Display/ProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,EACL,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,IAAI,EACX,SAAS,GAAG,KAAK,EACjB,OAAO,GAAG,KAAK,EACf,KAAK,EACL,SAAS,GAAG,EAAE,GACG;IACjB,gCAAgC;IAChC,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IAEvD,MAAM,WAAW,GAAG;QAClB,EAAE,EAAE,KAAK;QACT,EAAE,EAAE,KAAK;KACV,CAAC;IAEF,MAAM,cAAc,GAAG;QACrB,OAAO,EAAE,+BAA+B;QACxC,OAAO,EAAE,cAAc;QACvB,OAAO,EAAE,eAAe;QACxB,MAAM,EAAE,YAAY;KACrB,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS;QACtB,SAAS,IAAI,CACZ,6BAAK,SAAS,EAAC,wCAAwC;YACrD,8BAAM,SAAS,EAAC,sDAAsD;gBACnE,YAAY;oBACR,CACH,CACP;QAED,6BACE,SAAS,EAAE;;YAEP,WAAW,CAAC,IAAI,CAAC;SACpB;YAED,6BACE,SAAS,EAAE;;cAEP,cAAc,CAAC,OAAO,CAAC;WAC1B,EACD,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,YAAY,GAAG,EAAE,EACpC,IAAI,EAAC,aAAa,gBACN,KAAK,IAAI,aAAa,YAAY,GAAG,mBAClC,YAAY,mBACZ,CAAC,mBACD,GAAG,IAEjB,OAAO,IAAI,CACV,6BACE,SAAS,EAAC,gCAAgC,EAC1C,KAAK,EAAE;oBACL,eAAe,EAAE,yKAAyK;oBAC1L,cAAc,EAAE,WAAW;oBAC3B,SAAS,EAAE,qCAAqC;iBACjD,GACD,CACH,CACG,CACF,CACF,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,9 @@
+/**
+ * Display Components
+ *
+ * Visual display components for Varity dashboards
+ */
+export { Badge, PriorityBadge, ProjectStatusBadge, TaskStatusBadge, RoleBadge } from './Badge';
+export { Avatar, AvatarGroup } from './Avatar';
+export { ProgressBar } from './ProgressBar';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Display/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Display/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,kBAAkB,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAC/F,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/Display/index.js

@@ -0,0 +1,9 @@
+/**
+ * Display Components
+ *
+ * Visual display components for Varity dashboards
+ */
+export { Badge, PriorityBadge, ProjectStatusBadge, TaskStatusBadge, RoleBadge } from './Badge';
+export { Avatar, AvatarGroup } from './Avatar';
+export { ProgressBar } from './ProgressBar';
+//# sourceMappingURL=index.js.map

package/dist/components/Display/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Display/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,kBAAkB,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAC/F,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}

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

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface SkeletonProps {
+    variant?: 'rectangle' | 'circle' | 'text';
+    width?: string | number;
+    height?: string | number;
+    lines?: number;
+    className?: string;
+}
+export declare function Skeleton({ variant, width, height, lines, className, }: SkeletonProps): React.JSX.Element;
+//# sourceMappingURL=Skeleton.d.ts.map

package/dist/components/Feedback/Skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/Feedback/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,aAAa;IAC5B,OAAO,CAAC,EAAE,WAAW,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC1C,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,QAAQ,CAAC,EACvB,OAAqB,EACrB,KAAK,EACL,MAAM,EACN,KAAS,EACT,SAAc,GACf,EAAE,aAAa,qBAmDf"}

package/dist/components/Feedback/Skeleton.js

@@ -0,0 +1,25 @@
+import React from 'react';
+export function Skeleton({ variant = 'rectangle', width, height, lines = 3, className = '', }) {
+    const baseClasses = 'animate-pulse bg-gray-200 dark:bg-gray-700';
+    if (variant === 'text') {
+        return (React.createElement("div", { className: className, role: "status", "aria-busy": "true", "aria-label": "Loading content" }, Array.from({ length: lines }).map((_, index) => (React.createElement("div", { key: index, className: `
+              ${baseClasses} h-4 rounded mb-2
+              ${index === lines - 1 ? 'w-4/5' : 'w-full'}
+            `, style: {
+                width: index === lines - 1 && width ? width : undefined,
+            } })))));
+    }
+    if (variant === 'circle') {
+        const size = width || height || 40;
+        return (React.createElement("div", { className: `${baseClasses} rounded-full ${className}`, style: {
+                width: typeof size === 'number' ? `${size}px` : size,
+                height: typeof size === 'number' ? `${size}px` : size,
+            }, role: "status", "aria-busy": "true", "aria-label": "Loading" }));
+    }
+    // Rectangle variant
+    return (React.createElement("div", { className: `${baseClasses} rounded ${className}`, style: {
+            width: width ? (typeof width === 'number' ? `${width}px` : width) : '100%',
+            height: height ? (typeof height === 'number' ? `${height}px` : height) : '20px',
+        }, role: "status", "aria-busy": "true", "aria-label": "Loading" }));
+}
+//# sourceMappingURL=Skeleton.js.map

package/dist/components/Feedback/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../src/components/Feedback/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,MAAM,UAAU,QAAQ,CAAC,EACvB,OAAO,GAAG,WAAW,EACrB,KAAK,EACL,MAAM,EACN,KAAK,GAAG,CAAC,EACT,SAAS,GAAG,EAAE,GACA;IACd,MAAM,WAAW,GAAG,4CAA4C,CAAC;IAEjE,IAAI,OAAO,KAAK,MAAM,EAAE,CAAC;QACvB,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,EAAE,IAAI,EAAC,QAAQ,eAAW,MAAM,gBAAY,iBAAiB,IACnF,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAC/C,6BACE,GAAG,EAAE,KAAK,EACV,SAAS,EAAE;gBACP,WAAW;gBACX,KAAK,KAAK,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ;aAC3C,EACD,KAAK,EAAE;gBACL,KAAK,EAAE,KAAK,KAAK,KAAK,GAAG,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS;aACxD,GACD,CACH,CAAC,CACE,CACP,CAAC;IACJ,CAAC;IAED,IAAI,OAAO,KAAK,QAAQ,EAAE,CAAC;QACzB,MAAM,IAAI,GAAG,KAAK,IAAI,MAAM,IAAI,EAAE,CAAC;QACnC,OAAO,CACL,6BACE,SAAS,EAAE,GAAG,WAAW,iBAAiB,SAAS,EAAE,EACrD,KAAK,EAAE;gBACL,KAAK,EAAE,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI;gBACpD,MAAM,EAAE,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI;aACtD,EACD,IAAI,EAAC,QAAQ,eACH,MAAM,gBACL,SAAS,GACpB,CACH,CAAC;IACJ,CAAC;IAED,oBAAoB;IACpB,OAAO,CACL,6BACE,SAAS,EAAE,GAAG,WAAW,YAAY,SAAS,EAAE,EAChD,KAAK,EAAE;YACL,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM;YAC1E,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM;SAChF,EACD,IAAI,EAAC,QAAQ,eACH,MAAM,gBACL,SAAS,GACpB,CACH,CAAC;AACJ,CAAC"}

package/dist/components/Feedback/Toast.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+export type ToastType = 'success' | 'error' | 'info';
+export declare const TOAST_DURATION = 4000;
+export declare const MAX_VISIBLE = 3;
+export interface Toast {
+    id: number;
+    type: ToastType;
+    message: string;
+    createdAt: number;
+    exiting?: boolean;
+}
+interface ToastItemProps {
+    toast: Toast;
+    onDismiss: (id: number) => void;
+}
+export declare function ToastItem({ toast, onDismiss }: ToastItemProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=Toast.d.ts.map

package/dist/components/Feedback/Toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/Feedback/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAErD,eAAO,MAAM,cAAc,OAAO,CAAC;AACnC,eAAO,MAAM,WAAW,IAAI,CAAC;AAE7B,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAoBD,UAAU,cAAc;IACtB,KAAK,EAAE,KAAK,CAAC;IACb,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC;AAED,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,cAAc,qBAoC7D"}

package/dist/components/Feedback/Toast.js

@@ -0,0 +1,38 @@
+'use client';
+import React from 'react';
+import { CheckCircle, AlertCircle, Info, X } from 'lucide-react';
+export const TOAST_DURATION = 4000;
+export const MAX_VISIBLE = 3;
+const TOAST_STYLES = {
+    success: { border: 'border-green-200', bg: 'bg-green-50', text: 'text-green-800', iconColor: 'text-green-600' },
+    error: { border: 'border-red-200', bg: 'bg-red-50', text: 'text-red-800', iconColor: 'text-red-600' },
+    info: { border: 'border-blue-200', bg: 'bg-blue-50', text: 'text-blue-800', iconColor: 'text-blue-600' },
+};
+const TOAST_ICONS = {
+    success: CheckCircle,
+    error: AlertCircle,
+    info: Info,
+};
+const PROGRESS_COLORS = {
+    success: 'bg-green-500',
+    error: 'bg-red-500',
+    info: 'bg-blue-500',
+};
+export function ToastItem({ toast, onDismiss }) {
+    const style = TOAST_STYLES[toast.type];
+    const Icon = TOAST_ICONS[toast.type];
+    return (React.createElement("div", { className: `relative overflow-hidden rounded-lg border shadow-lg transition-all duration-300 ${style.border} ${style.bg} ${style.text} ${toast.exiting ? 'translate-x-full opacity-0' : 'translate-x-0 opacity-100'}`, style: {
+            animation: toast.exiting ? undefined : 'toast-enter 0.3s ease-out',
+        } },
+        React.createElement("div", { className: "flex items-center gap-3 px-4 py-3" },
+            React.createElement(Icon, { className: `h-5 w-5 shrink-0 ${style.iconColor}` }),
+            React.createElement("p", { className: "flex-1 text-sm font-medium" }, toast.message),
+            React.createElement("button", { onClick: () => onDismiss(toast.id), className: "shrink-0 rounded p-0.5 hover:bg-black/5 transition-colors", "aria-label": "Dismiss notification" },
+                React.createElement(X, { className: "h-4 w-4" }))),
+        React.createElement("div", { className: "absolute bottom-0 left-0 right-0 h-0.5 bg-black/5" },
+            React.createElement("div", { className: `h-full ${PROGRESS_COLORS[toast.type]} opacity-40`, style: {
+                    animation: `toast-progress ${TOAST_DURATION}ms linear`,
+                    animationFillMode: 'forwards',
+                } }))));
+}
+//# sourceMappingURL=Toast.js.map

package/dist/components/Feedback/Toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../../src/components/Feedback/Toast.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AAIjE,MAAM,CAAC,MAAM,cAAc,GAAG,IAAI,CAAC;AACnC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,CAAC;AAU7B,MAAM,YAAY,GAAuF;IACvG,OAAO,EAAE,EAAE,MAAM,EAAE,kBAAkB,EAAE,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,gBAAgB,EAAE,SAAS,EAAE,gBAAgB,EAAE;IAC/G,KAAK,EAAE,EAAE,MAAM,EAAE,gBAAgB,EAAE,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,cAAc,EAAE,SAAS,EAAE,cAAc,EAAE;IACrG,IAAI,EAAE,EAAE,MAAM,EAAE,iBAAiB,EAAE,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,eAAe,EAAE,SAAS,EAAE,eAAe,EAAE;CACzG,CAAC;AAEF,MAAM,WAAW,GAA0C;IACzD,OAAO,EAAE,WAAW;IACpB,KAAK,EAAE,WAAW;IAClB,IAAI,EAAE,IAAI;CACX,CAAC;AAEF,MAAM,eAAe,GAA8B;IACjD,OAAO,EAAE,cAAc;IACvB,KAAK,EAAE,YAAY;IACnB,IAAI,EAAE,aAAa;CACpB,CAAC;AAOF,MAAM,UAAU,SAAS,CAAC,EAAE,KAAK,EAAE,SAAS,EAAkB;IAC5D,MAAM,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACvC,MAAM,IAAI,GAAG,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAErC,OAAO,CACL,6BACE,SAAS,EAAE,oFAAoF,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,EAAE,IAAI,KAAK,CAAC,IAAI,IACnI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,2BACjD,EAAE,EACF,KAAK,EAAE;YACL,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,2BAA2B;SACnE;QAED,6BAAK,SAAS,EAAC,mCAAmC;YAChD,oBAAC,IAAI,IAAC,SAAS,EAAE,oBAAoB,KAAK,CAAC,SAAS,EAAE,GAAI;YAC1D,2BAAG,SAAS,EAAC,4BAA4B,IAAE,KAAK,CAAC,OAAO,CAAK;YAC7D,gCACE,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC,EAClC,SAAS,EAAC,2DAA2D,gBAC1D,sBAAsB;gBAEjC,oBAAC,CAAC,IAAC,SAAS,EAAC,SAAS,GAAG,CAClB,CACL;QAEN,6BAAK,SAAS,EAAC,mDAAmD;YAChE,6BACE,SAAS,EAAE,UAAU,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,aAAa,EAC7D,KAAK,EAAE;oBACL,SAAS,EAAE,kBAAkB,cAAc,WAAW;oBACtD,iBAAiB,EAAE,UAAU;iBAC9B,GACD,CACE,CACF,CACP,CAAC;AACJ,CAAC"}

package/dist/components/Feedback/ToastProvider.d.ts

@@ -0,0 +1,11 @@
+import React, { type ReactNode } from 'react';
+export interface ToastContextValue {
+    success: (message: string) => void;
+    error: (message: string) => void;
+    info: (message: string) => void;
+}
+export declare const ToastContext: React.Context<ToastContextValue | null>;
+export declare function ToastProvider({ children }: {
+    children: ReactNode;
+}): React.JSX.Element;
+//# sourceMappingURL=ToastProvider.d.ts.map

package/dist/components/Feedback/ToastProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastProvider.d.ts","sourceRoot":"","sources":["../../../src/components/Feedback/ToastProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAIZ,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,KAAK,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,IAAI,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC;AAED,eAAO,MAAM,YAAY,yCAAgD,CAAC;AAI1E,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,qBA8ClE"}

package/dist/components/Feedback/ToastProvider.js

@@ -0,0 +1,36 @@
+'use client';
+import React, { createContext, useCallback, useState, } from 'react';
+import { ToastItem, TOAST_DURATION, MAX_VISIBLE } from './Toast';
+export const ToastContext = createContext(null);
+let toastId = 0;
+export function ToastProvider({ children }) {
+    const [toasts, setToasts] = useState([]);
+    const dismiss = useCallback((id) => {
+        // Start exit animation
+        setToasts((prev) => prev.map((t) => (t.id === id ? { ...t, exiting: true } : t)));
+        // Remove after animation
+        setTimeout(() => {
+            setToasts((prev) => prev.filter((t) => t.id !== id));
+        }, 300);
+    }, []);
+    const addToast = useCallback((type, message) => {
+        const id = ++toastId;
+        setToasts((prev) => {
+            const next = [...prev, { id, type, message, createdAt: Date.now() }];
+            // Keep only MAX_VISIBLE most recent
+            if (next.length > MAX_VISIBLE) {
+                return next.slice(next.length - MAX_VISIBLE);
+            }
+            return next;
+        });
+        setTimeout(() => dismiss(id), TOAST_DURATION);
+    }, [dismiss]);
+    const success = useCallback((message) => addToast('success', message), [addToast]);
+    const error = useCallback((message) => addToast('error', message), [addToast]);
+    const info = useCallback((message) => addToast('info', message), [addToast]);
+    return (React.createElement(ToastContext.Provider, { value: { success, error, info } },
+        children,
+        React.createElement("div", { className: "fixed bottom-4 right-4 z-[100] flex flex-col gap-2 max-w-sm w-full pointer-events-none", "aria-live": "polite" }, toasts.map((toast) => (React.createElement("div", { key: toast.id, className: "pointer-events-auto" },
+            React.createElement(ToastItem, { toast: toast, onDismiss: dismiss })))))));
+}
+//# sourceMappingURL=ToastProvider.js.map

package/dist/components/Feedback/ToastProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastProvider.js","sourceRoot":"","sources":["../../../src/components/Feedback/ToastProvider.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,11 @@
+/**
+ * Feedback Components
+ *
+ * Toast notifications and feedback components for Varity dashboards
+ */
+export { ToastProvider } from './ToastProvider';
+export { useToast } from './useToast';
+export type { ToastContextValue } from './ToastProvider';
+export type { Toast, ToastType } from './Toast';
+export { Skeleton } from './Skeleton';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Feedback/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Feedback/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,YAAY,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/Feedback/index.js

@@ -0,0 +1,9 @@
+/**
+ * Feedback Components
+ *
+ * Toast notifications and feedback components for Varity dashboards
+ */
+export { ToastProvider } from './ToastProvider';
+export { useToast } from './useToast';
+export { Skeleton } from './Skeleton';
+//# sourceMappingURL=index.js.map

package/dist/components/Feedback/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Feedback/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/Feedback/useToast.d.ts

@@ -0,0 +1,3 @@
+import { type ToastContextValue } from './ToastProvider';
+export declare function useToast(): ToastContextValue;
+//# sourceMappingURL=useToast.d.ts.map

package/dist/components/Feedback/useToast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToast.d.ts","sourceRoot":"","sources":["../../../src/components/Feedback/useToast.ts"],"names":[],"mappings":"AAGA,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEvE,wBAAgB,QAAQ,IAAI,iBAAiB,CAI5C"}

package/dist/components/Feedback/useToast.js

@@ -0,0 +1,10 @@
+'use client';
+import { useContext } from 'react';
+import { ToastContext } from './ToastProvider';
+export function useToast() {
+    const ctx = useContext(ToastContext);
+    if (!ctx)
+        throw new Error('useToast must be used within ToastProvider');
+    return ctx;
+}
+//# sourceMappingURL=useToast.js.map

package/dist/components/Feedback/useToast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToast.js","sourceRoot":"","sources":["../../../src/components/Feedback/useToast.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,YAAY,EAA0B,MAAM,iBAAiB,CAAC;AAEvE,MAAM,UAAU,QAAQ;IACtB,MAAM,GAAG,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACrC,IAAI,CAAC,GAAG;QAAE,MAAM,IAAI,KAAK,CAAC,4CAA4C,CAAC,CAAC;IACxE,OAAO,GAAG,CAAC;AACb,CAAC"}

package/dist/components/Form/Button.d.ts

@@ -0,0 +1,12 @@
+import React, { type ButtonHTMLAttributes, type ReactNode } from 'react';
+type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger';
+type ButtonSize = 'sm' | 'md' | 'lg';
+interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    loading?: boolean;
+    icon?: ReactNode;
+}
+export declare function Button({ variant, size, loading, icon, children, disabled, className, ...props }: ButtonProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=Button.d.ts.map

package/dist/components/Form/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,KAAK,oBAAoB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzE,KAAK,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;AAC9E,KAAK,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAErC,UAAU,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IACnE,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAoBD,wBAAgB,MAAM,CAAC,EACrB,OAAmB,EACnB,IAAW,EACX,OAAe,EACf,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,SAAc,EACd,GAAG,KAAK,EACT,EAAE,WAAW,qBAiBb"}

package/dist/components/Form/Button.js

@@ -0,0 +1,22 @@
+'use client';
+import React from 'react';
+import { Loader2 } from 'lucide-react';
+const variants = {
+    primary: 'bg-primary-600 text-white hover:bg-primary-700 shadow-md hover:shadow-lg hover:-translate-y-0.5 active:shadow-sm active:translate-y-0 focus-visible:ring-primary-500',
+    secondary: 'border-2 border-gray-300 bg-white text-gray-700 hover:border-gray-400 hover:shadow-md focus-visible:ring-gray-400',
+    outline: 'border-2 border-gray-300 dark:border-gray-600 bg-transparent text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-800 hover:shadow-sm focus-visible:ring-gray-400',
+    ghost: 'text-gray-600 hover:bg-gray-100 hover:text-gray-900 focus-visible:ring-gray-400',
+    danger: 'border border-red-300 bg-white text-red-700 hover:bg-red-50 hover:shadow-sm focus-visible:ring-red-500',
+};
+const sizes = {
+    sm: 'px-3 py-1.5 text-sm gap-1.5',
+    md: 'px-4 py-2 text-sm gap-2',
+    lg: 'px-5 py-2.5 text-base gap-2',
+};
+export function Button({ variant = 'primary', size = 'md', loading = false, icon, children, disabled, className = '', ...props }) {
+    const isDisabled = disabled || loading;
+    return (React.createElement("button", { disabled: isDisabled, className: `inline-flex items-center justify-center font-medium rounded-lg transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed ${variants[variant]} ${sizes[size]} ${className}`, ...props },
+        loading ? (React.createElement(Loader2, { className: "h-4 w-4 animate-spin" })) : icon ? (React.createElement("span", { className: "shrink-0" }, icon)) : null,
+        children));
+}
+//# sourceMappingURL=Button.js.map

package/dist/components/Form/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Form/Button.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,KAAoD,MAAM,OAAO,CAAC;AACzE,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAYvC,MAAM,QAAQ,GAAkC;IAC9C,OAAO,EACL,sKAAsK;IACxK,SAAS,EACP,mHAAmH;IACrH,OAAO,EACL,mLAAmL;IACrL,KAAK,EAAE,iFAAiF;IACxF,MAAM,EACJ,wGAAwG;CAC3G,CAAC;AAEF,MAAM,KAAK,GAA+B;IACxC,EAAE,EAAE,6BAA6B;IACjC,EAAE,EAAE,yBAAyB;IAC7B,EAAE,EAAE,6BAA6B;CAClC,CAAC;AAEF,MAAM,UAAU,MAAM,CAAC,EACrB,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,IAAI,EACX,OAAO,GAAG,KAAK,EACf,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACI;IACZ,MAAM,UAAU,GAAG,QAAQ,IAAI,OAAO,CAAC;IAEvC,OAAO,CACL,gCACE,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,6MAA6M,QAAQ,CAAC,OAAO,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,SAAS,EAAE,KACnQ,KAAK;QAER,OAAO,CAAC,CAAC,CAAC,CACT,oBAAC,OAAO,IAAC,SAAS,EAAC,sBAAsB,GAAG,CAC7C,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACT,8BAAM,SAAS,EAAC,UAAU,IAAE,IAAI,CAAQ,CACzC,CAAC,CAAC,CAAC,IAAI;QACP,QAAQ,CACF,CACV,CAAC;AACJ,CAAC"}

package/dist/components/Form/Checkbox.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export interface CheckboxProps {
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+    label?: string;
+    description?: string;
+    disabled?: boolean;
+    indeterminate?: boolean;
+    error?: string;
+    className?: string;
+}
+export declare function Checkbox({ checked, onChange, label, description, disabled, indeterminate, error, className, }: CheckboxProps): React.JSX.Element;
+//# sourceMappingURL=Checkbox.d.ts.map

package/dist/components/Form/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgB,MAAM,OAAO,CAAC;AAGrC,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,QAAQ,EACR,KAAK,EACL,WAAW,EACX,QAAgB,EAChB,aAAqB,EACrB,KAAK,EACL,SAAc,GACf,EAAE,aAAa,qBA4Ef"}