shared-design-system 1.12.0 → 1.14.0

package/dist/src/components/Breadcrumbs.js

@@ -1,31 +1,60 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { tokens } from '../tokens';
-export const Breadcrumbs = ({ items = [], separator = '/', className = '', style = {} }) => {
-    const containerStyle = {
-        display: 'flex',
-        alignItems: 'center',
-        gap: tokens.spacing[2],
-        fontSize: tokens.font.xs,
-        color: tokens.color.textMuted,
-        listStyle: 'none',
-        padding: 0,
-        margin: 0,
-        ...style
-    };
-    const itemStyle = {
-        display: 'flex',
-        alignItems: 'center',
-        gap: tokens.spacing[2],
-    };
-    const linkStyle = {
-        color: 'inherit',
-        textDecoration: 'none',
-        cursor: 'pointer',
-        transition: tokens.transition.fast,
-    };
-    return (_jsx("nav", { "aria-label": "Breadcrumb", className: className, children: _jsx("ol", { style: containerStyle, children: items.map((item, index) => {
-                const isLast = index === items.length - 1;
-                return (_jsx("li", { style: itemStyle, children: isLast ? (_jsx("span", { style: { fontWeight: tokens.font.weightBold, color: tokens.color.text }, children: item.label })) : (_jsxs(_Fragment, { children: [_jsx("span", { style: linkStyle, onClick: item.onClick, onMouseEnter: (e) => e.currentTarget.style.color = tokens.color.primary, onMouseLeave: (e) => e.currentTarget.style.color = 'inherit', children: item.label }), _jsx("span", { style: { opacity: 0.5, userSelect: 'none' }, children: separator })] })) }, index));
+const ChevronSeparator = () => (_jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.5, strokeLinecap: "round", strokeLinejoin: "round", style: { opacity: 0.35, flexShrink: 0 }, children: _jsx("polyline", { points: "9 18 15 12 9 6" }) }));
+export const Breadcrumbs = ({ items = [], separator, size = 'sm', maxItems, className = '', style = {}, }) => {
+    const fontSize = size === 'sm' ? tokens.font.xs : tokens.font.sm;
+    const resolvedSeparator = separator || _jsx(ChevronSeparator, {});
+    let displayItems = items;
+    if (maxItems && items.length > maxItems) {
+        const front = items.slice(0, 1);
+        const back = items.slice(-Math.max(1, maxItems - 2));
+        displayItems = [
+            ...front,
+            { label: '…' },
+            ...back,
+        ];
+    }
+    return (_jsx("nav", { "aria-label": "Breadcrumb", className: `ds-breadcrumbs ${className}`, children: _jsx("ol", { style: {
+                display: 'flex',
+                alignItems: 'center',
+                gap: tokens.spacing[1],
+                fontSize,
+                fontWeight: tokens.font.weightMedium,
+                color: tokens.color.textMuted,
+                listStyle: 'none',
+                padding: 0,
+                margin: 0,
+                flexWrap: 'wrap',
+                ...style,
+            }, children: displayItems.map((item, index) => {
+                const isLast = index === displayItems.length - 1;
+                return (_jsx("li", { style: { display: 'flex', alignItems: 'center', gap: tokens.spacing[1] }, children: isLast ? (_jsxs("span", { "aria-current": "page", style: {
+                            fontWeight: tokens.font.weightSemibold,
+                            color: tokens.color.slate700,
+                            display: 'inline-flex',
+                            alignItems: 'center',
+                            gap: '4px',
+                            maxWidth: '200px',
+                            overflow: 'hidden',
+                            textOverflow: 'ellipsis',
+                            whiteSpace: 'nowrap',
+                        }, children: [item.icon && _jsx("span", { style: { display: 'inline-flex', flexShrink: 0 }, children: item.icon }), item.label] })) : (_jsxs(_Fragment, { children: [_jsxs("span", { onClick: item.onClick, style: {
+                                    display: 'inline-flex',
+                                    alignItems: 'center',
+                                    gap: '4px',
+                                    color: 'inherit',
+                                    cursor: item.onClick ? 'pointer' : 'default',
+                                    transition: tokens.transition.fast,
+                                    borderRadius: tokens.radius.sm,
+                                    padding: '1px 3px',
+                                    margin: '-1px -3px',
+                                }, onMouseEnter: (e) => {
+                                    if (item.onClick)
+                                        e.currentTarget.style.color = tokens.color.primary;
+                                }, onMouseLeave: (e) => {
+                                    if (item.onClick)
+                                        e.currentTarget.style.color = '';
+                                }, children: [item.icon && _jsx("span", { style: { display: 'inline-flex', flexShrink: 0 }, children: item.icon }), item.label] }), _jsx("span", { style: { display: 'inline-flex', alignItems: 'center' }, children: resolvedSeparator })] })) }, index));
             }) }) }));
 };
 //# sourceMappingURL=Breadcrumbs.js.map

package/dist/src/components/Breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.js","sourceRoot":"","sources":["../../../src/components/Breadcrumbs.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAYnC,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EACtD,KAAK,GAAG,EAAE,EACV,SAAS,GAAG,GAAG,EACf,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,EAAE,EACX,EAAE,EAAE;IACH,MAAM,cAAc,GAAwB;QAC1C,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;QACtB,QAAQ,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE;QACxB,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,SAAS;QAC7B,SAAS,EAAE,MAAM;QACjB,OAAO,EAAE,CAAC;QACV,MAAM,EAAE,CAAC;QACT,GAAG,KAAK;KACT,CAAC;IAEF,MAAM,SAAS,GAAwB;QACrC,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;KACvB,CAAC;IAEF,MAAM,SAAS,GAAwB;QACrC,KAAK,EAAE,SAAS;QAChB,cAAc,EAAE,MAAM;QACtB,MAAM,EAAE,SAAS;QACjB,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC,IAAI;KACnC,CAAC;IAEF,OAAO,CACL,4BAAgB,YAAY,EAAC,SAAS,EAAE,SAAS,YAC/C,aAAI,KAAK,EAAE,cAAc,YACtB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;gBACzB,MAAM,MAAM,GAAG,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;gBAE1C,OAAO,CACL,aAAgB,KAAK,EAAE,SAAS,YAC7B,MAAM,CAAC,CAAC,CAAC,CACR,eAAM,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,CAAC,IAAI,CAAC,UAAU,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,YAC1E,IAAI,CAAC,KAAK,GACN,CACR,CAAC,CAAC,CAAC,CACF,8BACE,eACE,KAAK,EAAE,SAAS,EAChB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,CAAE,CAAC,CAAC,aAA6B,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,EACxF,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,CAAE,CAAC,CAAC,aAA6B,CAAC,KAAK,CAAC,KAAK,GAAG,SAAS,YAE5E,IAAI,CAAC,KAAK,GACN,EACP,eAAM,KAAK,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAe,EAAE,YAAG,SAAS,GAAQ,IAC7E,CACJ,IAjBM,KAAK,CAkBT,CACN,CAAC;YACJ,CAAC,CAAC,GACC,GACD,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"Breadcrumbs.js","sourceRoot":"","sources":["../../../src/components/Breadcrumbs.tsx"],"names":[],"mappings":"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"}

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

@@ -1,9 +1,11 @@
 import React from 'react';
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    variant?: 'primary' | 'secondary' | 'danger' | 'ghost' | 'amber';
-    size?: 'sm' | 'md' | 'lg';
+    variant?: 'primary' | 'secondary' | 'danger' | 'ghost' | 'amber' | 'success' | 'outline';
+    size?: 'xs' | 'sm' | 'md' | 'lg';
     isActive?: boolean;
     startIcon?: React.ReactNode;
     endIcon?: React.ReactNode;
+    loading?: boolean;
+    fullWidth?: boolean;
 }
 export declare const Button: React.FC<ButtonProps>;

package/dist/src/components/Button.js

@@ -1,113 +1,117 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { tokens } from '../tokens';
-export const Button = ({ children, variant = 'primary', size = 'md', disabled = false, onClick, style = {}, className = '', isActive = false, startIcon, endIcon, ...props }) => {
+const VARIANT_STYLES = {
+    primary: {
+        bg: tokens.color.white,
+        color: tokens.color.primary,
+        border: `1px solid rgba(37, 99, 235, 0.25)`,
+        shadow: tokens.shadow.sm,
+        hoverBg: 'transparent',
+        hoverColor: '#ffffff',
+        hoverBorder: tokens.color.primaryDark,
+        hoverShadow: `${tokens.shadow.md}, 0 0 0 3px rgba(37, 99, 235, 0.12)`,
+        gradient: `linear-gradient(135deg, ${tokens.color.primary} 0%, ${tokens.color.primaryDark} 100%)`,
+    },
+    secondary: {
+        bg: tokens.color.white,
+        color: tokens.color.slate600,
+        border: `1px solid ${tokens.color.slate200}`,
+        shadow: tokens.shadow.sm,
+        hoverBg: tokens.color.slate50,
+        hoverColor: tokens.color.slate800,
+        hoverBorder: tokens.color.slate300,
+        hoverShadow: tokens.shadow.sm,
+    },
+    danger: {
+        bg: tokens.color.white,
+        color: tokens.color.danger,
+        border: `1px solid rgba(220, 38, 38, 0.2)`,
+        shadow: tokens.shadow.sm,
+        hoverBg: tokens.color.danger,
+        hoverColor: '#ffffff',
+        hoverBorder: tokens.color.danger,
+        hoverShadow: `${tokens.shadow.md}, 0 0 0 3px rgba(220, 38, 38, 0.12)`,
+    },
+    success: {
+        bg: tokens.color.white,
+        color: tokens.color.success,
+        border: `1px solid rgba(5, 150, 105, 0.2)`,
+        shadow: tokens.shadow.sm,
+        hoverBg: tokens.color.success,
+        hoverColor: '#ffffff',
+        hoverBorder: tokens.color.success,
+        hoverShadow: `${tokens.shadow.md}, 0 0 0 3px rgba(5, 150, 105, 0.12)`,
+    },
+    amber: {
+        bg: tokens.color.white,
+        color: '#b45309',
+        border: `1px solid rgba(245, 158, 11, 0.25)`,
+        shadow: tokens.shadow.sm,
+        hoverBg: tokens.color.warning,
+        hoverColor: '#ffffff',
+        hoverBorder: tokens.color.warning,
+        hoverShadow: `${tokens.shadow.md}, 0 0 0 3px rgba(245, 158, 11, 0.12)`,
+    },
+    ghost: {
+        bg: 'transparent',
+        color: tokens.color.textMuted,
+        border: '1px solid transparent',
+        shadow: 'none',
+        hoverBg: tokens.color.slate100,
+        hoverColor: tokens.color.text,
+        hoverBorder: 'transparent',
+        hoverShadow: 'none',
+    },
+    outline: {
+        bg: 'transparent',
+        color: tokens.color.primary,
+        border: `1px solid ${tokens.color.primary}`,
+        shadow: 'none',
+        hoverBg: tokens.color.primaryLight,
+        hoverColor: tokens.color.primary,
+        hoverBorder: tokens.color.primary,
+        hoverShadow: 'none',
+    },
+};
+const SIZE_STYLES = {
+    xs: { padding: '2px 10px', fontSize: '11px', height: '26px', borderRadius: tokens.radius.md },
+    sm: { padding: `4px ${tokens.spacing[4]}`, fontSize: '12px', height: '32px', borderRadius: tokens.radius.md },
+    md: { padding: `${tokens.spacing[2]} ${tokens.spacing[6]}`, fontSize: tokens.font.sm, height: '40px', borderRadius: tokens.radius.lg },
+    lg: { padding: `${tokens.spacing[3]} ${tokens.spacing[8]}`, fontSize: tokens.font.md, height: '48px', borderRadius: tokens.radius.xl },
+};
+const SpinnerInline = ({ color }) => (_jsxs("svg", { width: "14", height: "14", viewBox: "0 0 50 50", style: { animation: 'ds-spin 0.7s linear infinite', flexShrink: 0 }, children: [_jsx("circle", { cx: "25", cy: "25", r: "20", fill: "none", stroke: color, strokeWidth: "5", strokeDasharray: "80,150", strokeLinecap: "round" }), _jsx("style", { children: `@keyframes ds-spin { to { transform: rotate(360deg); }}` })] }));
+export const Button = ({ children, variant = 'primary', size = 'md', disabled = false, loading = false, fullWidth = false, onClick, style = {}, className = '', isActive = false, startIcon, endIcon, ...props }) => {
     const [isHovered, setIsHovered] = React.useState(false);
-    const getVariantStyles = () => {
-        switch (variant) {
-            case 'secondary':
-                return {
-                    backgroundColor: tokens.color.white,
-                    color: tokens.color.slate600,
-                    border: `1px solid ${tokens.color.slate200}`,
-                    boxShadow: tokens.shadow.sm,
-                    hoverBg: tokens.color.slate50,
-                    hoverColor: tokens.color.slate800,
-                    hoverBorder: tokens.color.slate300,
-                };
-            case 'danger':
-                return {
-                    backgroundColor: tokens.color.white,
-                    color: tokens.color.danger,
-                    border: `1px solid ${tokens.color.dangerBg}`,
-                    boxShadow: tokens.shadow.sm,
-                    hoverBg: tokens.color.danger,
-                    hoverColor: tokens.color.white,
-                    hoverBorder: tokens.color.danger,
-                };
-            case 'amber':
-                return {
-                    backgroundColor: tokens.color.white,
-                    color: tokens.color.warning,
-                    border: `1px solid ${tokens.color.warningBg}`,
-                    boxShadow: tokens.shadow.sm,
-                    hoverBg: tokens.color.warning,
-                    hoverColor: tokens.color.white,
-                    hoverBorder: tokens.color.warning,
-                };
-            case 'ghost':
-                return {
-                    backgroundColor: 'transparent',
-                    color: tokens.color.textMuted,
-                    border: '1px solid transparent',
-                    boxShadow: 'none',
-                    hoverBg: tokens.color.slate100,
-                    hoverColor: tokens.color.text,
-                    hoverBorder: 'transparent',
-                };
-            case 'primary':
-            default:
-                return {
-                    backgroundColor: tokens.color.white,
-                    color: tokens.color.primary,
-                    border: `1px solid ${tokens.color.primary}33`, // Subtle transparent border
-                    boxShadow: tokens.shadow.sm,
-                    hoverBg: tokens.color.primary,
-                    gradient: `linear-gradient(135deg, ${tokens.color.primary}, ${tokens.color.primaryDark})`,
-                    hoverColor: tokens.color.white,
-                    hoverBorder: tokens.color.primary,
-                };
-        }
-    };
-    const getSizeStyles = () => {
-        switch (size) {
-            case 'sm':
-                return {
-                    padding: `${tokens.spacing[1.5]} ${tokens.spacing[4]}`,
-                    fontSize: '12px',
-                    height: '32px'
-                };
-            case 'lg':
-                return {
-                    padding: `${tokens.spacing[4]} ${tokens.spacing[10]}`,
-                    fontSize: tokens.font.md,
-                    height: '52px'
-                };
-            case 'md':
-            default:
-                return {
-                    padding: `${tokens.spacing[2.5]} ${tokens.spacing[6]}`,
-                    fontSize: tokens.font.sm,
-                    height: '42px'
-                };
-        }
-    };
-    const vStyles = getVariantStyles();
-    const sStyles = getSizeStyles();
-    const isAppliedHover = !disabled && (isHovered || isActive);
+    const vs = VARIANT_STYLES[variant] || VARIANT_STYLES.primary;
+    const ss = SIZE_STYLES[size] || SIZE_STYLES.md;
+    const isEffectivelyDisabled = disabled || loading;
+    const showHover = !isEffectivelyDisabled && (isHovered || isActive);
+    const isPrimaryHover = showHover && variant === 'primary';
     const baseStyle = {
         fontFamily: tokens.font.family,
         fontWeight: tokens.font.weightSemibold,
-        borderRadius: tokens.radius.lg,
-        cursor: disabled ? 'not-allowed' : 'pointer',
+        ...ss,
+        cursor: isEffectivelyDisabled ? 'not-allowed' : 'pointer',
         transition: 'all 0.2s cubic-bezier(0.4, 0, 0.2, 1)',
-        display: 'inline-flex',
+        display: fullWidth ? 'flex' : 'inline-flex',
+        width: fullWidth ? '100%' : undefined,
         alignItems: 'center',
         justifyContent: 'center',
         gap: tokens.spacing[2],
         outline: 'none',
         userSelect: 'none',
-        opacity: disabled ? 0.5 : 1,
-        backgroundColor: isAppliedHover && variant === 'primary' ? undefined : (isAppliedHover ? vStyles.hoverBg : vStyles.backgroundColor),
-        backgroundImage: isAppliedHover && variant === 'primary' ? vStyles.gradient : 'none',
-        color: isAppliedHover ? vStyles.hoverColor : vStyles.color,
-        border: isAppliedHover ? vStyles.hoverBorder : vStyles.border,
-        boxShadow: isAppliedHover ? tokens.shadow.md : vStyles.boxShadow,
-        transform: isAppliedHover ? 'translateY(-1px)' : 'translateY(0)',
+        opacity: isEffectivelyDisabled ? 0.5 : 1,
+        backgroundColor: isPrimaryHover ? 'transparent' : (showHover ? vs.hoverBg : vs.bg),
+        backgroundImage: isPrimaryHover ? vs.gradient : 'none',
+        color: showHover ? vs.hoverColor : vs.color,
+        border: showHover ? vs.hoverBorder : vs.border,
+        boxShadow: showHover ? vs.hoverShadow : vs.shadow,
+        transform: showHover && !isEffectivelyDisabled ? 'translateY(-1px)' : 'translateY(0)',
         whiteSpace: 'nowrap',
-        ...sStyles,
+        letterSpacing: '0.01em',
         ...style,
     };
-    return (_jsxs("button", { style: baseStyle, className: className, disabled: disabled, onClick: disabled ? undefined : onClick, onMouseEnter: () => !disabled && setIsHovered(true), onMouseLeave: () => !disabled && setIsHovered(false), ...props, children: [startIcon && _jsx("span", { style: { display: 'flex', alignItems: 'center' }, children: startIcon }), children, endIcon && _jsx("span", { style: { display: 'flex', alignItems: 'center' }, children: endIcon })] }));
+    return (_jsxs("button", { style: baseStyle, className: `ds-button ds-button--${variant} ds-button--${size} ${className}`, disabled: isEffectivelyDisabled, onClick: isEffectivelyDisabled ? undefined : onClick, onMouseEnter: () => !isEffectivelyDisabled && setIsHovered(true), onMouseLeave: () => !isEffectivelyDisabled && setIsHovered(false), ...props, children: [loading ? (_jsx(SpinnerInline, { color: showHover ? vs.hoverColor : vs.color })) : (startIcon && _jsx("span", { style: { display: 'flex', alignItems: 'center', flexShrink: 0 }, children: startIcon })), children, !loading && endIcon && (_jsx("span", { style: { display: 'flex', alignItems: 'center', flexShrink: 0 }, children: endIcon }))] }));
 };
 //# sourceMappingURL=Button.js.map

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

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

package/dist/src/components/Card.d.ts

@@ -6,7 +6,9 @@ export interface CardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 't
     headerAction?: React.ReactNode;
     footer?: React.ReactNode;
     padding?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
-    variant?: 'default' | 'flat' | 'outlined';
+    variant?: 'default' | 'elevated' | 'flat' | 'outlined' | 'glass';
     hoverable?: boolean;
+    loading?: boolean;
+    accentColor?: string;
 }
 export declare const Card: React.FC<CardProps>;

package/dist/src/components/Card.js

@@ -1,6 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
 import { tokens } from '../tokens';
-export const Card = ({ children, title, subtitle, avatar, headerAction, footer, className = '', style = {}, padding = 'lg', variant = 'default', hoverable = false, ...props }) => {
+export const Card = ({ children, title, subtitle, avatar, headerAction, footer, className = '', style = {}, padding = 'lg', variant = 'default', hoverable = false, loading = false, accentColor, ...props }) => {
+    const [hovered, setHovered] = useState(false);
     const getPadding = () => {
         switch (padding) {
             case 'none': return '0';
@@ -11,17 +13,60 @@ export const Card = ({ children, title, subtitle, avatar, headerAction, footer,
             default: return tokens.spacing[6];
         }
     };
+    const getVariantStyles = () => {
+        switch (variant) {
+            case 'elevated':
+                return {
+                    backgroundColor: tokens.color.surface,
+                    border: `1px solid ${tokens.color.slate100}`,
+                    boxShadow: hovered
+                        ? tokens.shadow.xl
+                        : `${tokens.shadow.lg}, inset 0 1px 0 rgba(255,255,255,0.8)`,
+                };
+            case 'flat':
+                return {
+                    backgroundColor: tokens.color.slate50,
+                    border: `1px solid ${tokens.color.slate100}`,
+                    boxShadow: 'none',
+                };
+            case 'outlined':
+                return {
+                    backgroundColor: tokens.color.surface,
+                    border: `1px solid ${tokens.color.slate200}`,
+                    boxShadow: 'none',
+                };
+            case 'glass':
+                return {
+                    backgroundColor: 'rgba(255, 255, 255, 0.6)',
+                    backdropFilter: 'blur(16px) saturate(180%)',
+                    WebkitBackdropFilter: 'blur(16px) saturate(180%)',
+                    border: `1px solid rgba(255, 255, 255, 0.7)`,
+                    boxShadow: hovered
+                        ? '0 20px 40px rgba(0,0,0,0.12)'
+                        : '0 8px 32px rgba(0,0,0,0.08)',
+                };
+            case 'default':
+            default:
+                return {
+                    backgroundColor: tokens.color.surface,
+                    border: `1px solid ${tokens.color.slate100}`,
+                    boxShadow: hovered
+                        ? tokens.shadow.lg
+                        : tokens.shadow.md,
+                };
+        }
+    };
     const containerStyle = {
-        backgroundColor: tokens.color.surface,
         borderRadius: tokens.radius.xl,
-        border: variant === 'outlined' ? `1px solid ${tokens.color.slate200}` : `1px solid ${tokens.color.slate100}`,
-        boxShadow: variant === 'default' ? tokens.shadow.md : 'none',
         overflow: 'hidden',
         display: 'flex',
         flexDirection: 'column',
         transition: tokens.transition.normal,
         cursor: hoverable ? 'pointer' : 'default',
-        ...style
+        transform: hoverable && hovered ? 'translateY(-2px)' : 'translateY(0)',
+        position: 'relative',
+        ...getVariantStyles(),
+        ...style,
     };
     const headerStyle = {
         padding: `${tokens.spacing[4]} ${getPadding()}`,
@@ -29,38 +74,56 @@ export const Card = ({ children, title, subtitle, avatar, headerAction, footer,
         display: 'flex',
         alignItems: 'center',
         gap: tokens.spacing[3],
-        backgroundColor: tokens.color.white,
+        backgroundColor: variant === 'glass' ? 'rgba(255,255,255,0.4)' : tokens.color.white,
     };
     const bodyStyle = {
         padding: getPadding(),
-        flex: 1
+        flex: 1,
     };
     const footerStyle = {
         padding: `${tokens.spacing[4]} ${getPadding()}`,
         borderTop: `1px solid ${tokens.color.slate100}`,
-        backgroundColor: tokens.color.slate50,
+        backgroundColor: variant === 'glass' ? 'rgba(248,250,252,0.5)' : tokens.color.slate50,
     };
-    return (_jsxs("div", { style: containerStyle, className: `ds-card ${className}`, ...props, onMouseEnter: (e) => {
-            if (hoverable && variant === 'default') {
-                e.currentTarget.style.boxShadow = tokens.shadow.lg;
-                e.currentTarget.style.transform = 'translateY(-2px)';
-            }
-        }, onMouseLeave: (e) => {
-            if (hoverable && variant === 'default') {
-                e.currentTarget.style.boxShadow = tokens.shadow.md;
-                e.currentTarget.style.transform = 'translateY(0)';
-            }
-        }, children: [(title || subtitle || avatar || headerAction) && (_jsxs("div", { style: headerStyle, children: [avatar && _jsx("div", { children: avatar }), _jsxs("div", { style: { flex: 1 }, children: [title && (_jsx("h3", { style: {
+    return (_jsxs("div", { style: containerStyle, className: `ds-card ds-card--${variant} ${className}`, onMouseEnter: () => { if (hoverable)
+            setHovered(true); }, onMouseLeave: () => { if (hoverable)
+            setHovered(false); }, ...props, children: [accentColor && (_jsx("div", { style: {
+                    height: '3px',
+                    background: accentColor,
+                    flexShrink: 0,
+                } })), loading && (_jsx("div", { style: {
+                    position: 'absolute',
+                    inset: 0,
+                    borderRadius: tokens.radius.xl,
+                    background: 'rgba(255,255,255,0.6)',
+                    backdropFilter: 'blur(2px)',
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    zIndex: 10,
+                }, children: _jsx("div", { style: {
+                        width: '28px',
+                        height: '28px',
+                        border: `3px solid ${tokens.color.slate200}`,
+                        borderTopColor: tokens.color.primary,
+                        borderRadius: '50%',
+                        animation: 'ds-spin 0.7s linear infinite',
+                    } }) })), (title || subtitle || avatar || headerAction) && (_jsxs("div", { style: headerStyle, children: [avatar && _jsx("div", { style: { flexShrink: 0 }, children: avatar }), _jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [title && (_jsx("h3", { style: {
                                     margin: 0,
                                     fontSize: tokens.font.sm,
                                     fontWeight: tokens.font.weightBold,
                                     color: tokens.color.slate800,
-                                    letterSpacing: '-0.01em'
+                                    letterSpacing: '-0.015em',
+                                    lineHeight: 1.3,
+                                    whiteSpace: 'nowrap',
+                                    overflow: 'hidden',
+                                    textOverflow: 'ellipsis',
                                 }, children: title })), subtitle && (_jsx("p", { style: {
-                                    margin: `${tokens.spacing[0.5]} 0 0 0`,
+                                    margin: `${tokens.spacing[1]} 0 0 0`,
                                     fontSize: '11px',
                                     color: tokens.color.textMuted,
-                                    fontWeight: tokens.font.weightMedium
-                                }, children: subtitle }))] }), headerAction && _jsx("div", { children: headerAction })] })), _jsx("div", { style: bodyStyle, children: children }), footer && (_jsx("div", { style: footerStyle, children: footer }))] }));
+                                    fontWeight: tokens.font.weightMedium,
+                                    lineHeight: 1.4,
+                                }, children: subtitle }))] }), headerAction && (_jsx("div", { style: { flexShrink: 0, marginLeft: tokens.spacing[2] }, children: headerAction }))] })), _jsx("div", { style: bodyStyle, children: children }), footer && (_jsx("div", { style: footerStyle, children: footer }))] }));
 };
 //# sourceMappingURL=Card.js.map

package/dist/src/components/Card.js.map

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

package/dist/src/components/ConfirmModal.d.ts

@@ -2,11 +2,14 @@ import React from 'react';
 export interface ConfirmModalProps {
     isOpen: boolean;
     title: string;
-    message: string;
+    message: React.ReactNode;
     confirmText?: string;
     cancelText?: string;
     onConfirm: () => void;
     onCancel: () => void;
-    variant?: 'danger' | 'primary';
+    variant?: 'danger' | 'primary' | 'warning';
+    icon?: React.ReactNode;
+    size?: 'sm' | 'md' | 'lg';
+    loading?: boolean;
 }
 export declare const ConfirmModal: React.FC<ConfirmModalProps>;