@varity-labs/ui-kit 2.0.0-alpha.1

package/dist/components/Dashboard/KPICard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KPICard.js","sourceRoot":"","sources":["../../../src/components/Dashboard/KPICard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AA2BzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,MAAM,UAAU,OAAO,CAAC,EACtB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,UAAU,EACV,OAAO,GAAG,KAAK,EACf,OAAO,EACP,SAAS,GAAG,EAAE,EACd,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,IAAI,GACE;IACb,MAAM,UAAU,GAAG,wCAAwC,CAAC;IAE5D,MAAM,aAAa,GAAG;QACpB,OAAO,EAAE,2CAA2C;QACpD,QAAQ,EAAE,yCAAyC;QACnD,MAAM,EAAE,mCAAmC;KAC5C,CAAC;IAEF,MAAM,UAAU,GAAG;QACjB,EAAE,EAAE,KAAK;QACT,EAAE,EAAE,KAAK;QACT,EAAE,EAAE,KAAK;KACV,CAAC;IAEF,MAAM,eAAe,GAAG;QACtB,EAAE,EAAE,SAAS;QACb,EAAE,EAAE,UAAU;QACd,EAAE,EAAE,UAAU;KACf,CAAC;IAEF,MAAM,WAAW,GAAG;QAClB,EAAE,EAAE,4BAA4B;QAChC,IAAI,EAAE,wBAAwB;QAC9B,OAAO,EAAE,2BAA2B;KACrC,CAAC;IAEF,MAAM,UAAU,GAAG;QACjB,EAAE,EAAE,GAAG;QACP,IAAI,EAAE,GAAG;QACT,OAAO,EAAE,GAAG;KACb,CAAC;IAEF,MAAM,iBAAiB,GAAG,OAAO;QAC/B,CAAC,CAAC,0EAA0E;QAC5E,CAAC,CAAC,EAAE,CAAC;IAEP,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CACL,6BACE,SAAS,EAAE,GAAG,UAAU,IAAI,aAAa,CAAC,OAAO,CAAC,IAAI,UAAU,CAAC,IAAI,CAAC,IAAI,SAAS,gBAAgB;YAEnG,6BAAK,SAAS,EAAC,wCAAwC;gBACrD,6BAAK,SAAS,EAAC,8BAA8B,GAAO;gBACnD,IAAI,IAAI,6BAAK,SAAS,EAAC,6BAA6B,GAAO,CACxD;YACN,6BAAK,SAAS,EAAC,mCAAmC,GAAO;YACxD,QAAQ,IAAI,6BAAK,SAAS,EAAC,8BAA8B,GAAO,CAC7D,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,6BACE,SAAS,EAAE,GAAG,UAAU,IAAI,aAAa,CAAC,OAAO,CAAC,IAAI,UAAU,CAAC,IAAI,CAAC,IAAI,iBAAiB,IAAI,SAAS,EAAE,EAC1G,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACpC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS;QAEjC,6BAAK,SAAS,EAAC,wCAAwC;YACrD,4BAAI,SAAS,EAAC,mCAAmC,IAAE,KAAK,CAAM;YAC7D,IAAI,IAAI,6BAAK,SAAS,EAAC,eAAe,IAAE,IAAI,CAAO,CAChD;QAEN,6BAAK,SAAS,EAAC,2BAA2B;YACxC,8BAAM,SAAS,EAAE,2BAA2B,eAAe,CAAC,IAAI,CAAC,EAAE,IAChE,KAAK,CACD;YACN,KAAK,IAAI,UAAU,IAAI,CACtB,8BACE,SAAS,EAAE,8EAA8E,WAAW,CAAC,KAAK,CAAC,EAAE;gBAE7G,kCAAO,UAAU,CAAC,KAAK,CAAC,CAAQ;gBAChC,kCAAO,UAAU,CAAQ,CACpB,CACR,CACG;QAEL,QAAQ,IAAI,CACX,2BAAG,SAAS,EAAC,4BAA4B,IAAE,QAAQ,CAAK,CACzD,CACG,CACP,CAAC;AACJ,CAAC;AAED,eAAe,OAAO,CAAC"}

package/dist/components/Dashboard/LoadingSkeleton.d.ts

@@ -0,0 +1,58 @@
+import React from 'react';
+export interface LoadingSkeletonProps {
+    /** Type of skeleton to display */
+    type?: 'text' | 'circle' | 'rect' | 'card' | 'table' | 'list';
+    /** Width (CSS value or number for pixels) */
+    width?: string | number;
+    /** Height (CSS value or number for pixels) */
+    height?: string | number;
+    /** Number of lines for text skeleton */
+    lines?: number;
+    /** Number of items for list skeleton */
+    items?: number;
+    /** Whether to show animation */
+    animate?: boolean;
+    /** Additional CSS class names */
+    className?: string;
+}
+/**
+ * LoadingSkeleton - Placeholder loading states
+ *
+ * A component for displaying loading placeholders with animated
+ * shimmer effect. Supports various types including text, cards,
+ * tables, and lists.
+ *
+ * @example
+ * ```tsx
+ * import { LoadingSkeleton } from '@varity-labs/ui-kit';
+ *
+ * function MyComponent() {
+ *   const { loading, data } = useData();
+ *
+ *   if (loading) {
+ *     return <LoadingSkeleton type="card" />;
+ *   }
+ *
+ *   return <DataDisplay data={data} />;
+ * }
+ * ```
+ */
+export declare function LoadingSkeleton({ type, width, height, lines, items, animate, className, }: LoadingSkeletonProps): React.JSX.Element;
+/**
+ * SkeletonText - Shorthand for text skeleton
+ */
+export declare function SkeletonText({ lines, ...props }: Omit<LoadingSkeletonProps, 'type'>): React.JSX.Element;
+/**
+ * SkeletonCard - Shorthand for card skeleton
+ */
+export declare function SkeletonCard(props: Omit<LoadingSkeletonProps, 'type'>): React.JSX.Element;
+/**
+ * SkeletonTable - Shorthand for table skeleton
+ */
+export declare function SkeletonTable({ items, ...props }: Omit<LoadingSkeletonProps, 'type'>): React.JSX.Element;
+/**
+ * SkeletonList - Shorthand for list skeleton
+ */
+export declare function SkeletonList({ items, ...props }: Omit<LoadingSkeletonProps, 'type'>): React.JSX.Element;
+export default LoadingSkeleton;
+//# sourceMappingURL=LoadingSkeleton.d.ts.map

package/dist/components/Dashboard/LoadingSkeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingSkeleton.d.ts","sourceRoot":"","sources":["../../../src/components/Dashboard/LoadingSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,oBAAoB;IACnC,kCAAkC;IAClC,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;IAC9D,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,8CAA8C;IAC9C,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gCAAgC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,eAAe,CAAC,EAC9B,IAAa,EACb,KAAK,EACL,MAAM,EACN,KAAS,EACT,KAAS,EACT,OAAc,EACd,SAAc,GACf,EAAE,oBAAoB,qBA2HtB;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,EAAE,KAAS,EAAE,GAAG,KAAK,EAAE,EAAE,IAAI,CAAC,oBAAoB,EAAE,MAAM,CAAC,qBAEvF;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,oBAAoB,EAAE,MAAM,CAAC,qBAErE;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,EAAE,KAAS,EAAE,GAAG,KAAK,EAAE,EAAE,IAAI,CAAC,oBAAoB,EAAE,MAAM,CAAC,qBAExF;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,EAAE,KAAS,EAAE,GAAG,KAAK,EAAE,EAAE,IAAI,CAAC,oBAAoB,EAAE,MAAM,CAAC,qBAEvF;AAED,eAAe,eAAe,CAAC"}

package/dist/components/Dashboard/LoadingSkeleton.js

@@ -0,0 +1,105 @@
+import React from 'react';
+/**
+ * LoadingSkeleton - Placeholder loading states
+ *
+ * A component for displaying loading placeholders with animated
+ * shimmer effect. Supports various types including text, cards,
+ * tables, and lists.
+ *
+ * @example
+ * ```tsx
+ * import { LoadingSkeleton } from '@varity-labs/ui-kit';
+ *
+ * function MyComponent() {
+ *   const { loading, data } = useData();
+ *
+ *   if (loading) {
+ *     return <LoadingSkeleton type="card" />;
+ *   }
+ *
+ *   return <DataDisplay data={data} />;
+ * }
+ * ```
+ */
+export function LoadingSkeleton({ type = 'rect', width, height, lines = 3, items = 3, animate = true, className = '', }) {
+    const baseStyles = `bg-gray-200 ${animate ? 'animate-pulse' : ''}`;
+    const getWidthStyle = () => {
+        if (width === undefined)
+            return '';
+        return typeof width === 'number' ? `${width}px` : width;
+    };
+    const getHeightStyle = () => {
+        if (height === undefined)
+            return '';
+        return typeof height === 'number' ? `${height}px` : height;
+    };
+    const style = {
+        width: getWidthStyle() || undefined,
+        height: getHeightStyle() || undefined,
+    };
+    switch (type) {
+        case 'text':
+            return (React.createElement("div", { className: `space-y-2 ${className}` }, Array.from({ length: lines }).map((_, i) => (React.createElement("div", { key: i, className: `${baseStyles} rounded h-4`, style: {
+                    width: i === lines - 1 ? '60%' : '100%',
+                } })))));
+        case 'circle':
+            return (React.createElement("div", { className: `${baseStyles} rounded-full ${className}`, style: {
+                    width: style.width || '48px',
+                    height: style.height || '48px',
+                } }));
+        case 'rect':
+            return (React.createElement("div", { className: `${baseStyles} rounded ${className}`, style: {
+                    width: style.width || '100%',
+                    height: style.height || '24px',
+                } }));
+        case 'card':
+            return (React.createElement("div", { className: `bg-white border border-gray-200 rounded-lg p-4 ${className}`, style: style },
+                React.createElement("div", { className: "flex items-center gap-3 mb-4" },
+                    React.createElement("div", { className: `${baseStyles} rounded-full w-10 h-10` }),
+                    React.createElement("div", { className: "flex-1 space-y-2" },
+                        React.createElement("div", { className: `${baseStyles} rounded h-4 w-3/4` }),
+                        React.createElement("div", { className: `${baseStyles} rounded h-3 w-1/2` }))),
+                React.createElement("div", { className: "space-y-2" },
+                    React.createElement("div", { className: `${baseStyles} rounded h-4` }),
+                    React.createElement("div", { className: `${baseStyles} rounded h-4` }),
+                    React.createElement("div", { className: `${baseStyles} rounded h-4 w-2/3` }))));
+        case 'table':
+            return (React.createElement("div", { className: `bg-white border border-gray-200 rounded-lg overflow-hidden ${className}` },
+                React.createElement("div", { className: "flex gap-4 p-4 border-b border-gray-200 bg-gray-50" }, Array.from({ length: 4 }).map((_, i) => (React.createElement("div", { key: i, className: `${baseStyles} rounded h-4 flex-1` })))),
+                Array.from({ length: items }).map((_, rowIndex) => (React.createElement("div", { key: rowIndex, className: "flex gap-4 p-4 border-b border-gray-100 last:border-b-0" }, Array.from({ length: 4 }).map((_, colIndex) => (React.createElement("div", { key: colIndex, className: `${baseStyles} rounded h-4 flex-1` }))))))));
+        case 'list':
+            return (React.createElement("div", { className: `space-y-3 ${className}` }, Array.from({ length: items }).map((_, i) => (React.createElement("div", { key: i, className: "flex items-center gap-3" },
+                React.createElement("div", { className: `${baseStyles} rounded-full w-8 h-8` }),
+                React.createElement("div", { className: "flex-1 space-y-2" },
+                    React.createElement("div", { className: `${baseStyles} rounded h-4 w-3/4` }),
+                    React.createElement("div", { className: `${baseStyles} rounded h-3 w-1/2` })))))));
+        default:
+            return (React.createElement("div", { className: `${baseStyles} rounded ${className}`, style: style }));
+    }
+}
+/**
+ * SkeletonText - Shorthand for text skeleton
+ */
+export function SkeletonText({ lines = 3, ...props }) {
+    return React.createElement(LoadingSkeleton, { type: "text", lines: lines, ...props });
+}
+/**
+ * SkeletonCard - Shorthand for card skeleton
+ */
+export function SkeletonCard(props) {
+    return React.createElement(LoadingSkeleton, { type: "card", ...props });
+}
+/**
+ * SkeletonTable - Shorthand for table skeleton
+ */
+export function SkeletonTable({ items = 5, ...props }) {
+    return React.createElement(LoadingSkeleton, { type: "table", items: items, ...props });
+}
+/**
+ * SkeletonList - Shorthand for list skeleton
+ */
+export function SkeletonList({ items = 3, ...props }) {
+    return React.createElement(LoadingSkeleton, { type: "list", items: items, ...props });
+}
+export default LoadingSkeleton;
+//# sourceMappingURL=LoadingSkeleton.js.map

package/dist/components/Dashboard/LoadingSkeleton.js.map

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

package/dist/components/Dashboard/StatusBadge.d.ts

@@ -0,0 +1,57 @@
+import React, { ReactNode } from 'react';
+export type StatusType = 'connected' | 'disconnected' | 'pending' | 'syncing' | 'error' | 'warning' | 'expired' | 'active' | 'inactive';
+export interface StatusBadgeProps {
+    /** Status type */
+    status: StatusType;
+    /** Custom label (defaults to status name) */
+    label?: string;
+    /** Show dot indicator */
+    showDot?: boolean;
+    /** Size variant */
+    size?: 'sm' | 'md' | 'lg';
+    /** Optional icon */
+    icon?: ReactNode;
+    /** Additional CSS class names */
+    className?: string;
+}
+/**
+ * StatusBadge - Display status indicators
+ *
+ * A badge component for displaying various status states with
+ * appropriate colors and optional animated indicators.
+ *
+ * @example
+ * ```tsx
+ * import { StatusBadge } from '@varity-labs/ui-kit';
+ *
+ * function IntegrationCard({ integration }) {
+ *   return (
+ *     <div className="flex items-center gap-2">
+ *       <span>{integration.name}</span>
+ *       <StatusBadge
+ *         status={integration.isConnected ? 'connected' : 'disconnected'}
+ *       />
+ *     </div>
+ *   );
+ * }
+ * ```
+ */
+export declare function StatusBadge({ status, label, showDot, size, icon, className, }: StatusBadgeProps): React.JSX.Element;
+/**
+ * IntegrationStatus - Specialized status badge for integrations
+ */
+export interface IntegrationStatusProps {
+    /** Whether the integration is connected */
+    isConnected: boolean;
+    /** Whether the integration needs re-authentication */
+    needsReauth?: boolean;
+    /** Whether the integration is currently syncing */
+    isSyncing?: boolean;
+    /** Last sync time */
+    lastSyncTime?: Date;
+    /** Additional CSS class names */
+    className?: string;
+}
+export declare function IntegrationStatus({ isConnected, needsReauth, isSyncing, lastSyncTime, className, }: IntegrationStatusProps): React.JSX.Element;
+export default StatusBadge;
+//# sourceMappingURL=StatusBadge.d.ts.map

package/dist/components/Dashboard/StatusBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBadge.d.ts","sourceRoot":"","sources":["../../../src/components/Dashboard/StatusBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,MAAM,MAAM,UAAU,GAClB,WAAW,GACX,cAAc,GACd,SAAS,GACT,SAAS,GACT,OAAO,GACP,SAAS,GACT,SAAS,GACT,QAAQ,GACR,UAAU,CAAC;AAEf,MAAM,WAAW,gBAAgB;IAC/B,kBAAkB;IAClB,MAAM,EAAE,UAAU,CAAC;IACnB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yBAAyB;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,oBAAoB;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,KAAK,EACL,OAAc,EACd,IAAW,EACX,IAAI,EACJ,SAAc,GACf,EAAE,gBAAgB,qBAyGlB;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,2CAA2C;IAC3C,WAAW,EAAE,OAAO,CAAC;IACrB,sDAAsD;IACtD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mDAAmD;IACnD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qBAAqB;IACrB,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,WAAW,EACX,WAAW,EACX,SAAS,EACT,YAAY,EACZ,SAAS,GACV,EAAE,sBAAsB,qBAyBxB;AAoBD,eAAe,WAAW,CAAC"}

package/dist/components/Dashboard/StatusBadge.js

@@ -0,0 +1,149 @@
+import React from 'react';
+/**
+ * StatusBadge - Display status indicators
+ *
+ * A badge component for displaying various status states with
+ * appropriate colors and optional animated indicators.
+ *
+ * @example
+ * ```tsx
+ * import { StatusBadge } from '@varity-labs/ui-kit';
+ *
+ * function IntegrationCard({ integration }) {
+ *   return (
+ *     <div className="flex items-center gap-2">
+ *       <span>{integration.name}</span>
+ *       <StatusBadge
+ *         status={integration.isConnected ? 'connected' : 'disconnected'}
+ *       />
+ *     </div>
+ *   );
+ * }
+ * ```
+ */
+export function StatusBadge({ status, label, showDot = true, size = 'md', icon, className = '', }) {
+    const statusConfig = {
+        connected: {
+            bg: 'bg-green-50',
+            text: 'text-green-700',
+            dot: 'bg-green-500',
+            defaultLabel: 'Connected',
+        },
+        disconnected: {
+            bg: 'bg-gray-100',
+            text: 'text-gray-600',
+            dot: 'bg-gray-400',
+            defaultLabel: 'Disconnected',
+        },
+        pending: {
+            bg: 'bg-yellow-50',
+            text: 'text-yellow-700',
+            dot: 'bg-yellow-500',
+            dotAnimate: true,
+            defaultLabel: 'Pending',
+        },
+        syncing: {
+            bg: 'bg-blue-50',
+            text: 'text-blue-700',
+            dot: 'bg-blue-500',
+            dotAnimate: true,
+            defaultLabel: 'Syncing',
+        },
+        error: {
+            bg: 'bg-red-50',
+            text: 'text-red-700',
+            dot: 'bg-red-500',
+            defaultLabel: 'Error',
+        },
+        warning: {
+            bg: 'bg-orange-50',
+            text: 'text-orange-700',
+            dot: 'bg-orange-500',
+            defaultLabel: 'Warning',
+        },
+        expired: {
+            bg: 'bg-red-50',
+            text: 'text-red-600',
+            dot: 'bg-red-400',
+            defaultLabel: 'Expired',
+        },
+        active: {
+            bg: 'bg-green-50',
+            text: 'text-green-700',
+            dot: 'bg-green-500',
+            defaultLabel: 'Active',
+        },
+        inactive: {
+            bg: 'bg-gray-100',
+            text: 'text-gray-500',
+            dot: 'bg-gray-400',
+            defaultLabel: 'Inactive',
+        },
+    };
+    const sizeStyles = {
+        sm: {
+            badge: 'px-1.5 py-0.5 text-xs',
+            dot: 'w-1.5 h-1.5',
+        },
+        md: {
+            badge: 'px-2 py-1 text-xs',
+            dot: 'w-2 h-2',
+        },
+        lg: {
+            badge: 'px-2.5 py-1.5 text-sm',
+            dot: 'w-2.5 h-2.5',
+        },
+    };
+    const config = statusConfig[status];
+    const styles = sizeStyles[size];
+    const displayLabel = label || config.defaultLabel;
+    return (React.createElement("span", { className: `inline-flex items-center gap-1.5 font-medium rounded-full ${config.bg} ${config.text} ${styles.badge} ${className}` },
+        showDot && (React.createElement("span", { className: "relative flex" },
+            React.createElement("span", { className: `${styles.dot} rounded-full ${config.dot}` }),
+            config.dotAnimate && (React.createElement("span", { className: `absolute ${styles.dot} rounded-full ${config.dot} animate-ping opacity-75` })))),
+        icon && React.createElement("span", { className: "flex-shrink-0" }, icon),
+        React.createElement("span", null, displayLabel)));
+}
+export function IntegrationStatus({ isConnected, needsReauth, isSyncing, lastSyncTime, className, }) {
+    let status;
+    let label;
+    if (isSyncing) {
+        status = 'syncing';
+    }
+    else if (needsReauth) {
+        status = 'expired';
+        label = 'Reconnect Required';
+    }
+    else if (isConnected) {
+        status = 'connected';
+    }
+    else {
+        status = 'disconnected';
+    }
+    return (React.createElement("div", { className: `flex flex-col gap-1 ${className || ''}` },
+        React.createElement(StatusBadge, { status: status, label: label }),
+        lastSyncTime && isConnected && !needsReauth && (React.createElement("span", { className: "text-xs text-gray-400" },
+            "Last sync: ",
+            formatRelativeTime(lastSyncTime)))));
+}
+/**
+ * Format relative time (e.g., "2 hours ago")
+ */
+function formatRelativeTime(date) {
+    const now = new Date();
+    const diffMs = now.getTime() - date.getTime();
+    const diffMins = Math.floor(diffMs / 60000);
+    const diffHours = Math.floor(diffMins / 60);
+    const diffDays = Math.floor(diffHours / 24);
+    if (diffMins < 1)
+        return 'Just now';
+    if (diffMins < 60)
+        return `${diffMins}m ago`;
+    if (diffHours < 24)
+        return `${diffHours}h ago`;
+    if (diffDays < 7)
+        return `${diffDays}d ago`;
+    return date.toLocaleDateString();
+}
+export default StatusBadge;
+//# sourceMappingURL=StatusBadge.js.map

package/dist/components/Dashboard/StatusBadge.js.map

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

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

@@ -0,0 +1,19 @@
+/**
+ * Dashboard Components
+ *
+ * Complete dashboard layout system for Varity-powered applications.
+ * Includes layout components, data display components, and loading states.
+ */
+export { DashboardLayout } from './DashboardLayout';
+export { DashboardHeader } from './DashboardHeader';
+export { DashboardSidebar } from './DashboardSidebar';
+export { DashboardFooter } from './DashboardFooter';
+export { KPICard, type KPICardProps } from './KPICard';
+export { StatusBadge, IntegrationStatus, type StatusBadgeProps, type StatusType, type IntegrationStatusProps } from './StatusBadge';
+export { EmptyState, EmptyStatePresets, type EmptyStateProps } from './EmptyState';
+export { LoadingSkeleton, SkeletonText, SkeletonCard, SkeletonTable, SkeletonList, type LoadingSkeletonProps, } from './LoadingSkeleton';
+export type { DashboardLayoutProps, NavigationItem, UserInfo } from './DashboardLayout';
+export type { DashboardHeaderProps } from './DashboardHeader';
+export type { DashboardSidebarProps } from './DashboardSidebar';
+export type { DashboardFooterProps, FooterLink } from './DashboardFooter';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dashboard/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAGnD,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAA;AACtD,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,KAAK,gBAAgB,EAAE,KAAK,UAAU,EAAE,KAAK,sBAAsB,EAAE,MAAM,eAAe,CAAA;AACnI,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAA;AAGlF,OAAO,EACL,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,KAAK,oBAAoB,GAC1B,MAAM,mBAAmB,CAAA;AAG1B,YAAY,EACV,oBAAoB,EACpB,cAAc,EACd,QAAQ,EACT,MAAM,mBAAmB,CAAA;AAE1B,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AAC7D,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAA;AAC/D,YAAY,EAAE,oBAAoB,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA"}

package/dist/components/Dashboard/index.js

@@ -0,0 +1,18 @@
+/**
+ * Dashboard Components
+ *
+ * Complete dashboard layout system for Varity-powered applications.
+ * Includes layout components, data display components, and loading states.
+ */
+// Layout Components
+export { DashboardLayout } from './DashboardLayout';
+export { DashboardHeader } from './DashboardHeader';
+export { DashboardSidebar } from './DashboardSidebar';
+export { DashboardFooter } from './DashboardFooter';
+// Data Display Components
+export { KPICard } from './KPICard';
+export { StatusBadge, IntegrationStatus } from './StatusBadge';
+export { EmptyState, EmptyStatePresets } from './EmptyState';
+// Loading States
+export { LoadingSkeleton, SkeletonText, SkeletonCard, SkeletonTable, SkeletonList, } from './LoadingSkeleton';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Dashboard/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,oBAAoB;AACpB,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAEnD,0BAA0B;AAC1B,OAAO,EAAE,OAAO,EAAqB,MAAM,WAAW,CAAA;AACtD,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAuE,MAAM,eAAe,CAAA;AACnI,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAwB,MAAM,cAAc,CAAA;AAElF,iBAAiB;AACjB,OAAO,EACL,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,GAEb,MAAM,mBAAmB,CAAA"}

package/dist/components/InAppWallet/EmailLoginButton.d.ts

@@ -0,0 +1,27 @@
+/**
+ * EmailLoginButton - Email OTP Authentication Button
+ *
+ * Provides email passwordless authentication using Thirdweb In-App Wallets
+ * Users receive a one-time password via email for verification
+ *
+ * @example
+ * ```tsx
+ * <EmailLoginButton
+ *   onSuccess={(user) => console.log('Logged in:', user)}
+ *   buttonClassName="custom-button-class"
+ * />
+ * ```
+ */
+import React from 'react';
+interface EmailLoginButtonProps {
+    onSuccess?: (user: string) => void;
+    onError?: (error: Error) => void;
+    buttonClassName?: string;
+    inputClassName?: string;
+    placeholder?: string;
+    buttonText?: string;
+    loadingText?: string;
+}
+export declare function EmailLoginButton({ onSuccess, onError, buttonClassName, inputClassName, placeholder, buttonText, loadingText }: EmailLoginButtonProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=EmailLoginButton.d.ts.map

package/dist/components/InAppWallet/EmailLoginButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmailLoginButton.d.ts","sourceRoot":"","sources":["../../../src/components/InAppWallet/EmailLoginButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,UAAU,qBAAqB;IAC7B,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,OAAO,EACP,eAAoB,EACpB,cAAmB,EACnB,WAAgC,EAChC,UAAkC,EAClC,WAA+B,EAChC,EAAE,qBAAqB,qBA+IvB"}

package/dist/components/InAppWallet/EmailLoginButton.js

@@ -0,0 +1,84 @@
+/**
+ * EmailLoginButton - Email OTP Authentication Button
+ *
+ * Provides email passwordless authentication using Thirdweb In-App Wallets
+ * Users receive a one-time password via email for verification
+ *
+ * @example
+ * ```tsx
+ * <EmailLoginButton
+ *   onSuccess={(user) => console.log('Logged in:', user)}
+ *   buttonClassName="custom-button-class"
+ * />
+ * ```
+ */
+import React, { useState } from 'react';
+import { useInAppWallet } from './InAppWalletProvider';
+import { getErrorMessage } from '@varity-labs/types';
+export function EmailLoginButton({ onSuccess, onError, buttonClassName = '', inputClassName = '', placeholder = 'Enter your email', buttonText = 'Continue with Email', loadingText = 'Sending code...' }) {
+    const { loginWithEmail, isLoading } = useInAppWallet();
+    const [email, setEmail] = useState('');
+    const [showInput, setShowInput] = useState(false);
+    const [isValidEmail, setIsValidEmail] = useState(false);
+    const validateEmail = (email) => {
+        const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+        return emailRegex.test(email);
+    };
+    const handleEmailChange = (e) => {
+        const value = e.target.value;
+        setEmail(value);
+        setIsValidEmail(validateEmail(value));
+    };
+    const handleSubmit = async (e) => {
+        e.preventDefault();
+        if (!isValidEmail) {
+            onError?.(new Error('Invalid email address'));
+            return;
+        }
+        try {
+            await loginWithEmail(email);
+            onSuccess?.(email);
+        }
+        catch (error) {
+            const errorMessage = getErrorMessage(error);
+            const errorObj = error instanceof Error ? error : new Error(errorMessage);
+            onError?.(errorObj);
+        }
+    };
+    const defaultButtonClass = `
+    w-full px-6 py-3
+    bg-gradient-to-r from-indigo-600 to-purple-600
+    hover:from-indigo-700 hover:to-purple-700
+    text-white font-medium rounded-lg
+    transition-all duration-200
+    disabled:opacity-50 disabled:cursor-not-allowed
+    flex items-center justify-center gap-2
+    shadow-lg hover:shadow-xl
+  `;
+    const defaultInputClass = `
+    w-full px-4 py-3
+    border border-gray-300 rounded-lg
+    focus:ring-2 focus:ring-indigo-500 focus:border-transparent
+    outline-none transition-all
+  `;
+    if (!showInput) {
+        return (React.createElement("button", { onClick: () => setShowInput(true), className: buttonClassName || defaultButtonClass, disabled: isLoading },
+            React.createElement("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" },
+                React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" })),
+            buttonText));
+    }
+    return (React.createElement("form", { onSubmit: handleSubmit, className: "w-full space-y-3" },
+        React.createElement("input", { type: "email", value: email, onChange: handleEmailChange, placeholder: placeholder, className: inputClassName || defaultInputClass, disabled: isLoading, autoFocus: true, required: true }),
+        React.createElement("div", { className: "flex gap-2" },
+            React.createElement("button", { type: "button", onClick: () => {
+                    setShowInput(false);
+                    setEmail('');
+                }, className: "px-4 py-3 border border-gray-300 rounded-lg hover:bg-gray-50 transition-all", disabled: isLoading }, "Back"),
+            React.createElement("button", { type: "submit", className: buttonClassName || defaultButtonClass, disabled: isLoading || !isValidEmail }, isLoading ? (React.createElement(React.Fragment, null,
+                React.createElement("svg", { className: "animate-spin h-5 w-5", fill: "none", viewBox: "0 0 24 24" },
+                    React.createElement("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
+                    React.createElement("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })),
+                loadingText)) : ('Send Code'))),
+        React.createElement("p", { className: "text-xs text-gray-500 text-center" }, "We'll send a verification code to your email")));
+}
+//# sourceMappingURL=EmailLoginButton.js.map

package/dist/components/InAppWallet/EmailLoginButton.js.map

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

package/dist/components/InAppWallet/InAppWalletProvider.d.ts

@@ -0,0 +1,54 @@
+/**
+ * InAppWalletProvider - Thirdweb In-App Wallet Provider for Varity L3
+ *
+ * Provides email/social authentication with custodial wallet management
+ * Supports: Email OTP, Google, Apple, Facebook, Discord, Twitter
+ *
+ * @example
+ * ```tsx
+ * <InAppWalletProvider clientId="your-client-id">
+ *   <YourApp />
+ * </InAppWalletProvider>
+ * ```
+ */
+import React from 'react';
+import { inAppWallet } from 'thirdweb/wallets';
+interface User {
+    email?: string;
+    walletAddress?: string;
+    userId: string;
+    name?: string;
+    profileImage?: string;
+    authMethod: 'email' | 'google' | 'apple' | 'facebook' | 'discord' | 'twitter';
+}
+export interface InAppWalletContextType {
+    user: User | null;
+    isAuthenticated: boolean;
+    isLoading: boolean;
+    emailPending: string | null;
+    sendEmailVerificationCode: (email: string) => Promise<void>;
+    verifyEmailAndConnect: (verificationCode: string) => Promise<void>;
+    loginWithEmail: (email: string) => Promise<void>;
+    loginWithGoogle: () => Promise<void>;
+    loginWithApple: () => Promise<void>;
+    loginWithFacebook: () => Promise<void>;
+    logout: () => Promise<void>;
+    wallet: ReturnType<typeof inAppWallet> | null;
+}
+interface InAppWalletProviderProps {
+    children: React.ReactNode;
+    clientId: string;
+    onLoginSuccess?: (user: User) => void;
+    onLoginError?: (error: Error) => void;
+    onLogout?: () => void;
+}
+/**
+ * Main provider component
+ */
+export declare function InAppWalletProvider({ children, clientId, onLoginSuccess, onLoginError, onLogout }: InAppWalletProviderProps): React.JSX.Element;
+/**
+ * Hook to use In-App Wallet context
+ */
+export declare function useInAppWallet(): InAppWalletContextType;
+export {};
+//# sourceMappingURL=InAppWalletProvider.d.ts.map

package/dist/components/InAppWallet/InAppWalletProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InAppWalletProvider.d.ts","sourceRoot":"","sources":["../../../src/components/InAppWallet/InAppWalletProvider.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAsE,MAAM,OAAO,CAAC;AAG3F,OAAO,EAAE,WAAW,EAAmB,MAAM,kBAAkB,CAAC;AAKhE,UAAU,IAAI;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,CAAC;CAC/E;AAED,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,eAAe,EAAE,OAAO,CAAC;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,yBAAyB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5D,qBAAqB,EAAE,CAAC,gBAAgB,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACnE,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACjD,eAAe,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACrC,cAAc,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACpC,iBAAiB,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACvC,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5B,MAAM,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,GAAG,IAAI,CAAC;CAC/C;AAID,UAAU,wBAAwB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AA0ND;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,YAAY,EACZ,QAAQ,EACT,EAAE,wBAAwB,qBAkB1B;AAED;;GAEG;AACH,wBAAgB,cAAc,2BAM7B"}