shared-design-system 1.12.0 → 1.13.0

package/dist/src/components/Tag.js

@@ -1,43 +1,121 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { tokens } from '../tokens';
-export const Tag = ({ children, color = 'slate', variant = 'subtle', size = 'md', className = '', style = {}, onClose, ...props }) => {
-    const getColorScheme = () => {
-        switch (color) {
-            case 'primary': return { bg: tokens.color.primary, text: '#ffffff', lightBg: tokens.color.primaryLight, lightText: tokens.color.primary, border: 'rgba(37, 99, 235, 0.15)' };
-            case 'success': return { bg: tokens.color.success, text: '#ffffff', lightBg: tokens.color.successBg, lightText: tokens.color.success, border: 'rgba(5, 150, 105, 0.15)' };
-            case 'warning': return { bg: tokens.color.warning, text: '#ffffff', lightBg: tokens.color.warningBg, lightText: tokens.color.warning, border: 'rgba(245, 158, 11, 0.15)' };
-            case 'danger': return { bg: tokens.color.danger, text: '#ffffff', lightBg: tokens.color.dangerBg, lightText: tokens.color.danger, border: 'rgba(220, 38, 38, 0.15)' };
-            case 'info': return { bg: tokens.color.info, text: '#ffffff', lightBg: tokens.color.infoBg, lightText: tokens.color.info, border: 'rgba(59, 130, 246, 0.15)' };
-            case 'premium': return { bg: 'linear-gradient(135deg, #8b5cf6 0%, #d946ef 100%)', text: '#ffffff', lightBg: '#f5f3ff', lightText: '#7c3aed', border: '#ddd6fe' };
-            case 'slate':
-            default: return { bg: tokens.color.slate700, text: '#ffffff', lightBg: tokens.color.slate100, lightText: tokens.color.slate700, border: 'rgba(100, 116, 139, 0.1)' };
+const COLOR_SCHEMES = {
+    primary: {
+        bg: tokens.color.primary,
+        text: '#fff',
+        lightBg: tokens.color.primaryLight,
+        lightText: tokens.color.primary,
+        border: 'rgba(37, 99, 235, 0.2)',
+    },
+    success: {
+        bg: tokens.color.success,
+        text: '#fff',
+        lightBg: tokens.color.successBg,
+        lightText: tokens.color.success,
+        border: 'rgba(5, 150, 105, 0.2)',
+    },
+    warning: {
+        bg: tokens.color.warning,
+        text: '#fff',
+        lightBg: tokens.color.warningBg,
+        lightText: '#b45309',
+        border: 'rgba(245, 158, 11, 0.2)',
+    },
+    danger: {
+        bg: tokens.color.danger,
+        text: '#fff',
+        lightBg: tokens.color.dangerBg,
+        lightText: tokens.color.danger,
+        border: 'rgba(220, 38, 38, 0.2)',
+    },
+    info: {
+        bg: tokens.color.info,
+        text: '#fff',
+        lightBg: tokens.color.infoBg,
+        lightText: tokens.color.info,
+        border: 'rgba(59, 130, 246, 0.2)',
+    },
+    premium: {
+        bg: '#7c3aed',
+        text: '#fff',
+        lightBg: '#f5f3ff',
+        lightText: '#7c3aed',
+        border: '#ede9fe',
+    },
+    gold: {
+        bg: '#b45309',
+        text: '#fff',
+        lightBg: '#fffbeb',
+        lightText: '#92400e',
+        border: '#fde68a',
+    },
+    slate: {
+        bg: tokens.color.slate700,
+        text: '#fff',
+        lightBg: tokens.color.slate100,
+        lightText: tokens.color.slate600,
+        border: tokens.color.slate200,
+    },
+};
+export const Tag = ({ children, color = 'slate', variant = 'subtle', size = 'md', className = '', style = {}, onClose, icon, clickable = false, onClick, ...props }) => {
+    const c = COLOR_SCHEMES[color] || COLOR_SCHEMES.slate;
+    const isGradient = variant === 'gradient';
+    const backgroundStyle = () => {
+        if (isGradient && color === 'premium') {
+            return { background: 'linear-gradient(135deg, #7c3aed 0%, #db2777 100%)', color: '#fff' };
+        }
+        if (isGradient && color === 'gold') {
+            return { background: 'linear-gradient(135deg, #f59e0b 0%, #ef4444 100%)', color: '#fff' };
+        }
+        if (variant === 'solid' || isGradient) {
+            return { backgroundColor: c.bg, color: c.text };
+        }
+        if (variant === 'outline') {
+            return { backgroundColor: 'transparent', color: c.lightText };
         }
+        return { backgroundColor: c.lightBg, color: c.lightText };
     };
-    const c = getColorScheme();
+    const borderColor = variant === 'outline' ? c.lightText :
+        variant === 'subtle' ? c.border :
+            'transparent';
+    const sizeStyles = size === 'sm'
+        ? { padding: '1px 8px', fontSize: '10px', gap: '4px' }
+        : { padding: '3px 10px', fontSize: '11px', gap: '5px' };
     const baseStyle = {
         display: 'inline-flex',
         alignItems: 'center',
-        gap: tokens.spacing[1.5],
-        padding: size === 'sm' ? '1px 8px' : `3px ${tokens.spacing[3]}`,
         borderRadius: tokens.radius.md,
-        fontSize: size === 'sm' ? '10px' : '11px',
-        fontWeight: tokens.font.weightBold,
-        backgroundColor: variant === 'solid' || variant === 'gradient' ? c.bg : (variant === 'subtle' ? c.lightBg : 'transparent'),
-        color: variant === 'solid' || variant === 'gradient' ? c.text : c.lightText,
-        border: `1px solid ${variant === 'outline' ? c.lightText : (variant === 'subtle' ? c.border : 'transparent')}`,
+        fontWeight: tokens.font.weightSemibold,
+        letterSpacing: '0.02em',
+        lineHeight: 1.5,
+        border: `1px solid ${borderColor}`,
         transition: tokens.transition.fast,
         userSelect: 'none',
         whiteSpace: 'nowrap',
-        ...style
+        cursor: clickable || onClick ? 'pointer' : 'default',
+        ...sizeStyles,
+        ...backgroundStyle(),
+        ...style,
     };
-    return (_jsxs("span", { style: baseStyle, className: className, ...props, children: [children, onClose && (_jsx("span", { onClick: (e) => { e.stopPropagation(); onClose(); }, style: {
+    return (_jsxs("span", { style: baseStyle, className: `ds-tag ${className}`, onClick: onClick, ...props, children: [icon && (_jsx("span", { style: { display: 'inline-flex', alignItems: 'center', flexShrink: 0 }, children: icon })), children, onClose && (_jsx("span", { onClick: (e) => { e.stopPropagation(); onClose(); }, style: {
                     cursor: 'pointer',
-                    marginLeft: '4px',
                     display: 'inline-flex',
-                    opacity: 0.6,
-                    transition: 'opacity 0.2s',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    marginLeft: '2px',
+                    width: size === 'sm' ? '14px' : '16px',
+                    height: size === 'sm' ? '14px' : '16px',
                     borderRadius: '50%',
-                    padding: '1px'
-                }, onMouseEnter: (e) => e.currentTarget.style.opacity = '1', onMouseLeave: (e) => e.currentTarget.style.opacity = '0.6', children: _jsx("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", children: _jsx("path", { d: "M18 6L6 18M6 6l12 12" }) }) }))] }));
+                    opacity: 0.7,
+                    transition: 'opacity 0.15s, background-color 0.15s',
+                    flexShrink: 0,
+                }, onMouseEnter: (e) => {
+                    e.currentTarget.style.opacity = '1';
+                    e.currentTarget.style.backgroundColor = 'rgba(0,0,0,0.1)';
+                }, onMouseLeave: (e) => {
+                    e.currentTarget.style.opacity = '0.7';
+                    e.currentTarget.style.backgroundColor = 'transparent';
+                }, children: _jsx("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", children: _jsx("path", { d: "M18 6L6 18M6 6l12 12" }) }) }))] }));
 };
 //# sourceMappingURL=Tag.js.map

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

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

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

@@ -2,5 +2,8 @@ import React from 'react';
 export interface TooltipProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
     title: React.ReactNode;
     position?: 'top' | 'bottom' | 'left' | 'right';
+    delay?: number;
+    maxWidth?: string;
+    arrow?: boolean;
 }
 export declare const Tooltip: React.FC<TooltipProps>;

package/dist/src/components/Tooltip.js

@@ -1,43 +1,94 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useRef, useEffect } from 'react';
 import { tokens } from '../tokens';
-export const Tooltip = ({ children, title, position = 'top', className = '', style = {} }) => {
-    const [isVisible, setIsVisible] = useState(false);
-    const containerStyle = {
-        position: 'relative',
-        display: 'inline-flex',
-        ...style
-    };
-    const getPositionStyles = () => {
-        switch (position) {
-            case 'bottom':
-                return { top: '100%', left: '50%', transform: 'translateX(-50%)', marginTop: '8px' };
-            case 'left':
-                return { top: '50%', right: '100%', transform: 'translateY(-50%)', marginRight: '8px' };
-            case 'right':
-                return { top: '50%', left: '100%', transform: 'translateY(-50%)', marginLeft: '8px' };
-            case 'top':
-            default:
-                return { bottom: '100%', left: '50%', transform: 'translateX(-50%)', marginBottom: '8px' };
-        }
+const ARROW_STYLES = {
+    top: {
+        bottom: '-5px',
+        left: '50%',
+        transform: 'translateX(-50%)',
+        borderLeft: '5px solid transparent',
+        borderRight: '5px solid transparent',
+        borderTop: `5px solid ${tokens.color.slate800}`,
+    },
+    bottom: {
+        top: '-5px',
+        left: '50%',
+        transform: 'translateX(-50%)',
+        borderLeft: '5px solid transparent',
+        borderRight: '5px solid transparent',
+        borderBottom: `5px solid ${tokens.color.slate800}`,
+    },
+    left: {
+        top: '50%',
+        right: '-5px',
+        transform: 'translateY(-50%)',
+        borderTop: '5px solid transparent',
+        borderBottom: '5px solid transparent',
+        borderLeft: `5px solid ${tokens.color.slate800}`,
+    },
+    right: {
+        top: '50%',
+        left: '-5px',
+        transform: 'translateY(-50%)',
+        borderTop: '5px solid transparent',
+        borderBottom: '5px solid transparent',
+        borderRight: `5px solid ${tokens.color.slate800}`,
+    },
+};
+const POSITION_STYLES = {
+    top: { bottom: 'calc(100% + 8px)', left: '50%', transform: 'translateX(-50%)' },
+    bottom: { top: 'calc(100% + 8px)', left: '50%', transform: 'translateX(-50%)' },
+    left: { top: '50%', right: 'calc(100% + 8px)', transform: 'translateY(-50%)' },
+    right: { top: '50%', left: 'calc(100% + 8px)', transform: 'translateY(-50%)' },
+};
+export const Tooltip = ({ children, title, position = 'top', delay = 120, maxWidth = '240px', arrow = true, className = '', style = {}, ...props }) => {
+    const [visible, setVisible] = useState(false);
+    const timerRef = useRef(null);
+    const show = () => {
+        timerRef.current = setTimeout(() => setVisible(true), delay);
     };
-    const tooltipStyle = {
-        position: 'absolute',
-        backgroundColor: tokens.color.text,
-        color: 'white',
-        padding: `${tokens.spacing[1]} ${tokens.spacing[3]}`,
-        borderRadius: tokens.radius.sm,
-        fontSize: '11px',
-        fontWeight: tokens.font.weightMedium,
-        whiteSpace: 'nowrap',
-        pointerEvents: 'none',
-        opacity: isVisible ? 1 : 0,
-        visibility: isVisible ? 'visible' : 'hidden',
-        transition: tokens.transition.fast,
-        zIndex: 1000,
-        boxShadow: tokens.shadow.md,
-        ...getPositionStyles()
+    const hide = () => {
+        if (timerRef.current)
+            clearTimeout(timerRef.current);
+        setVisible(false);
     };
-    return (_jsxs("div", { style: containerStyle, className: className, onMouseEnter: () => setIsVisible(true), onMouseLeave: () => setIsVisible(false), children: [children, title && _jsx("div", { style: tooltipStyle, children: title })] }));
+    useEffect(() => () => {
+        if (timerRef.current)
+            clearTimeout(timerRef.current);
+    }, []);
+    if (!title)
+        return _jsx(_Fragment, { children: children });
+    return (_jsxs("div", { style: { position: 'relative', display: 'inline-flex', ...style }, className: `ds-tooltip-wrapper ${className}`, onMouseEnter: show, onMouseLeave: hide, onFocus: show, onBlur: hide, ...props, children: [children, _jsxs("div", { role: "tooltip", style: {
+                    position: 'absolute',
+                    ...POSITION_STYLES[position],
+                    backgroundColor: tokens.color.slate800,
+                    color: '#fff',
+                    padding: `${tokens.spacing[1]} ${tokens.spacing[3]}`,
+                    borderRadius: tokens.radius.md,
+                    fontSize: '11.5px',
+                    fontWeight: tokens.font.weightMedium,
+                    fontFamily: tokens.font.family,
+                    letterSpacing: '0.01em',
+                    lineHeight: 1.5,
+                    whiteSpace: 'pre-wrap',
+                    maxWidth,
+                    pointerEvents: 'none',
+                    zIndex: 9999,
+                    opacity: visible ? 1 : 0,
+                    visibility: visible ? 'visible' : 'hidden',
+                    transform: `${POSITION_STYLES[position].transform || ''} ${!visible
+                        ? position === 'top' ? 'translateY(4px)' :
+                            position === 'bottom' ? 'translateY(-4px)' :
+                                position === 'left' ? 'translateX(4px)' : 'translateX(-4px)'
+                        : ''}`,
+                    transition: 'opacity 0.15s ease, visibility 0.15s ease, transform 0.15s ease',
+                    boxShadow: `${tokens.shadow.lg}, 0 0 0 1px rgba(0,0,0,0.05)`,
+                    willChange: 'opacity, transform',
+                }, children: [title, arrow && (_jsx("div", { style: {
+                            position: 'absolute',
+                            width: 0,
+                            height: 0,
+                            ...ARROW_STYLES[position],
+                        } }))] })] }));
 };
 //# sourceMappingURL=Tooltip.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/components/Tooltip.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAOnC,MAAM,CAAC,MAAM,OAAO,GAA2B,CAAC,EAC9C,QAAQ,EACR,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,EAAE,EACX,EAAE,EAAE;IACH,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,MAAM,cAAc,GAAwB;QAC1C,QAAQ,EAAE,UAAU;QACpB,OAAO,EAAE,aAAa;QACtB,GAAG,KAAK;KACT,CAAC;IAEF,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC7B,QAAO,QAAQ,EAAE,CAAC;YAChB,KAAK,QAAQ;gBACX,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,kBAAkB,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;YACvF,KAAK,MAAM;gBACT,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC;YAC1F,KAAK,OAAO;gBACV,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC;YACxF,KAAK,KAAK,CAAC;YACX;gBACE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,kBAAkB,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC;QAC/F,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,YAAY,GAAwB;QACxC,QAAQ,EAAE,UAAU;QACpB,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI;QAClC,KAAK,EAAE,OAAO;QACd,OAAO,EAAE,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;QACpD,YAAY,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE;QAC9B,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,MAAM,CAAC,IAAI,CAAC,YAAY;QACpC,UAAU,EAAE,QAAiB;QAC7B,aAAa,EAAE,MAAe;QAC9B,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC1B,UAAU,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ;QAC5C,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC,IAAI;QAClC,MAAM,EAAE,IAAI;QACZ,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE;QAC3B,GAAG,iBAAiB,EAAE;KACvB,CAAC;IAEF,OAAO,CACL,eACE,KAAK,EAAE,cAAc,EACrB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EACtC,YAAY,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,aAEtC,QAAQ,EACR,KAAK,IAAI,cAAK,KAAK,EAAE,YAAY,YAAG,KAAK,GAAO,IAC7C,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/components/Tooltip.tsx"],"names":[],"mappings":"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"}

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

@@ -2,15 +2,28 @@ import React from 'react';
 import { tokens } from '../tokens';
 export interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {
     level?: 1 | 2 | 3 | 4 | 5 | 6;
+    gradient?: boolean;
 }
 export declare const Heading: React.FC<HeadingProps>;
+type TextColor = keyof typeof tokens.color | 'default' | 'muted' | 'disabled' | 'primary' | 'danger' | 'success' | 'warning' | 'info';
 export interface TextProps extends React.HTMLAttributes<HTMLParagraphElement> {
     size?: keyof typeof tokens.font;
     weight?: 'normal' | 'medium' | 'semibold' | 'bold';
-    color?: keyof typeof tokens.color | 'default' | 'muted' | 'disabled' | 'primary' | 'danger' | 'success' | 'warning' | 'info';
+    color?: TextColor;
+    truncate?: boolean;
+    as?: 'p' | 'span' | 'div' | 'li';
 }
 export declare const Text: React.FC<TextProps>;
+export interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
+    required?: boolean;
+}
+export declare const Label: React.FC<LabelProps>;
+export interface CaptionProps extends React.HTMLAttributes<HTMLSpanElement> {
+}
+export declare const Caption: React.FC<CaptionProps>;
 export interface SectionHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
     title: string;
+    description?: string;
 }
 export declare const SectionHeader: React.FC<SectionHeaderProps>;
+export {};

package/dist/src/components/Typography.js

@@ -1,78 +1,125 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { tokens } from '../tokens';
-export const Heading = ({ level = 2, children, className = '', style = {}, ...props }) => {
-    const getFontSize = () => {
-        switch (level) {
-            case 1: return tokens.font['2xl'];
-            case 2: return tokens.font.xl;
-            case 3: return tokens.font.lg;
-            case 4: return tokens.font.md;
-            case 5: return tokens.font.base;
-            case 6: return tokens.font.sm;
-            default: return tokens.font.base;
-        }
-    };
+const HEADING_SIZES = {
+    1: tokens.font['2xl'],
+    2: tokens.font.xl,
+    3: tokens.font.lg,
+    4: tokens.font.md,
+    5: tokens.font.base,
+    6: tokens.font.sm,
+};
+const HEADING_LINE_HEIGHTS = {
+    1: 1.15,
+    2: 1.2,
+    3: 1.25,
+    4: 1.3,
+    5: 1.35,
+    6: 1.4,
+};
+const HEADING_LETTER_SPACING = {
+    1: '-0.03em',
+    2: '-0.025em',
+    3: '-0.02em',
+    4: '-0.015em',
+    5: '-0.01em',
+    6: '0',
+};
+export const Heading = ({ level = 2, children, className = '', style = {}, gradient = false, ...props }) => {
     const baseStyle = {
         fontFamily: tokens.font.family,
         fontWeight: tokens.font.weightBold,
         color: tokens.color.text,
-        fontSize: getFontSize(),
+        fontSize: HEADING_SIZES[level] || tokens.font.base,
         margin: 0,
-        lineHeight: 1.25,
-        letterSpacing: '-0.02em',
-        ...style
+        lineHeight: HEADING_LINE_HEIGHTS[level] || 1.25,
+        letterSpacing: HEADING_LETTER_SPACING[level] || '-0.02em',
+        ...(gradient ? {
+            background: `linear-gradient(135deg, ${tokens.color.slate800} 0%, ${tokens.color.slate600} 100%)`,
+            WebkitBackgroundClip: 'text',
+            WebkitTextFillColor: 'transparent',
+            backgroundClip: 'text',
+        } : {}),
+        ...style,
     };
     const tag = `h${level}`;
-    return React.createElement(tag, { style: baseStyle, className, ...props }, children);
+    return React.createElement(tag, { style: baseStyle, className: `ds-heading ${className}`, ...props }, children);
 };
-export const Text = ({ size = 'base', weight = 'normal', color = 'default', children, className = '', style = {}, ...props }) => {
-    const getFontSize = () => tokens.font[size] || tokens.font.base;
-    const getWeight = () => {
-        if (weight === 'medium')
-            return tokens.font.weightMedium;
-        if (weight === 'semibold')
-            return tokens.font.weightSemibold;
-        if (weight === 'bold')
-            return tokens.font.weightBold;
-        return tokens.font.weightNormal;
-    };
-    const getColor = () => {
-        if (tokens.color[color])
-            return tokens.color[color];
-        if (color === 'muted')
-            return tokens.color.textMuted;
-        if (color === 'disabled')
-            return tokens.color.textDisabled;
-        if (color === 'primary')
-            return tokens.color.primary;
-        if (color === 'danger')
-            return tokens.color.danger;
-        if (color === 'success')
-            return tokens.color.success;
-        if (color === 'warning')
-            return tokens.color.warning;
-        if (color === 'info')
-            return tokens.color.info;
-        return tokens.color.text;
-    };
+const COLOR_MAP = {
+    muted: tokens.color.textMuted,
+    disabled: tokens.color.textDisabled,
+    primary: tokens.color.primary,
+    danger: tokens.color.danger,
+    success: tokens.color.success,
+    warning: tokens.color.warning,
+    info: tokens.color.info,
+    default: tokens.color.text,
+};
+const WEIGHT_MAP = {
+    normal: tokens.font.weightNormal,
+    medium: tokens.font.weightMedium,
+    semibold: tokens.font.weightSemibold,
+    bold: tokens.font.weightBold,
+};
+export const Text = ({ size = 'base', weight = 'normal', color = 'default', truncate = false, as: Tag = 'p', children, className = '', style = {}, ...props }) => {
+    const resolvedColor = COLOR_MAP[color] ||
+        tokens.color[color] ||
+        tokens.color.text;
     const baseStyle = {
         fontFamily: tokens.font.family,
-        fontSize: getFontSize(),
-        fontWeight: getWeight(),
-        color: getColor(),
+        fontSize: tokens.font[size] || tokens.font.base,
+        fontWeight: WEIGHT_MAP[weight] || tokens.font.weightNormal,
+        color: resolvedColor,
         margin: 0,
-        lineHeight: 1.6,
-        ...style
+        lineHeight: 1.65,
+        ...(truncate ? {
+            whiteSpace: 'nowrap',
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+        } : {}),
+        ...style,
     };
-    return _jsx("p", { style: baseStyle, className: className, ...props, children: children });
+    return React.createElement(Tag, { style: baseStyle, className: `ds-text ${className}`, ...props }, children);
 };
-export const SectionHeader = ({ title, className = '', style = {} }) => (_jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: tokens.spacing[4], margin: `${tokens.spacing[6]} 0`, ...style }, className: className, children: [_jsx("div", { style: { width: '4px', height: '18px', backgroundColor: tokens.color.primary, borderRadius: '2px' } }), _jsx("h4", { style: {
-                fontSize: tokens.font.xs,
-                fontWeight: tokens.font.weightBold,
-                color: tokens.color.slate700,
-                textTransform: 'uppercase',
-                letterSpacing: '0.12em',
-                margin: 0,
-            }, children: title }), _jsx("div", { style: { flex: 1, height: '1px', backgroundColor: tokens.color.slate100 } })] }));
+export const Label = ({ children, required, className = '', style = {}, ...props }) => (_jsxs("label", { style: {
+        display: 'inline-flex',
+        alignItems: 'center',
+        gap: '3px',
+        fontSize: tokens.font.xs,
+        fontWeight: tokens.font.weightSemibold,
+        color: tokens.color.slate600,
+        letterSpacing: '0.02em',
+        ...style,
+    }, className: `ds-label ${className}`, ...props, children: [children, required && (_jsx("span", { style: { color: tokens.color.danger, lineHeight: 1 }, children: "*" }))] }));
+export const Caption = ({ children, className = '', style = {}, ...props }) => (_jsx("span", { style: {
+        fontSize: '11px',
+        fontWeight: tokens.font.weightMedium,
+        color: tokens.color.textMuted,
+        lineHeight: 1.5,
+        ...style,
+    }, className: `ds-caption ${className}`, ...props, children: children }));
+export const SectionHeader = ({ title, description, className = '', style = {}, }) => (_jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: tokens.spacing[4], margin: `${tokens.spacing[6]} 0`, ...style }, className: `ds-section-header ${className}`, children: [_jsx("div", { style: {
+                width: '3px',
+                height: '16px',
+                background: `linear-gradient(to bottom, ${tokens.color.primary}, ${tokens.color.info})`,
+                borderRadius: tokens.radius.full,
+                flexShrink: 0,
+            } }), _jsxs("div", { style: { flex: 1 }, children: [_jsx("h4", { style: {
+                        fontSize: tokens.font.xs,
+                        fontWeight: tokens.font.weightBold,
+                        color: tokens.color.slate700,
+                        textTransform: 'uppercase',
+                        letterSpacing: '0.1em',
+                        margin: 0,
+                        lineHeight: 1.4,
+                    }, children: title }), description && (_jsx("p", { style: {
+                        fontSize: '11px',
+                        color: tokens.color.textMuted,
+                        margin: '2px 0 0 0',
+                        fontWeight: tokens.font.weightMedium,
+                    }, children: description }))] }), _jsx("div", { style: {
+                flex: 1,
+                height: '1px',
+                background: `linear-gradient(to right, ${tokens.color.slate200}, transparent)`,
+            } })] }));
 //# sourceMappingURL=Typography.js.map

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

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

package/dist/src/index.d.ts

@@ -13,14 +13,14 @@ export { Select } from './components/Select';
 export type { InputProps, TextareaProps, CheckboxProps, NativeSelectProps } from './components/InputComponents';
 export type { MultiSelectProps } from './components/MultiSelect';
 export type { SelectProps, SelectOption } from './components/Select';
-export { Heading, Text, SectionHeader } from './components/Typography';
-export type { HeadingProps, TextProps, SectionHeaderProps } from './components/Typography';
-export { LoadingSpinner } from './components/LoadingSpinner';
-export type { LoadingSpinnerProps } from './components/LoadingSpinner';
+export { Heading, Text, SectionHeader, Label, Caption } from './components/Typography';
+export type { HeadingProps, TextProps, SectionHeaderProps, LabelProps, CaptionProps } from './components/Typography';
+export { LoadingSpinner, LoadingOverlay } from './components/LoadingSpinner';
+export type { LoadingSpinnerProps, LoadingOverlayProps } from './components/LoadingSpinner';
 export { ReadOnlyField } from './components/ReadOnlyField';
 export type { ReadOnlyFieldProps } from './components/ReadOnlyField';
-export { Avatar } from './components/Avatar';
-export type { AvatarProps } from './components/Avatar';
+export { Avatar, AvatarGroup } from './components/Avatar';
+export type { AvatarProps, AvatarGroupProps } from './components/Avatar';
 export { Switch } from './components/Switch';
 export type { SwitchProps } from './components/Switch';
 export { Tabs, Tab } from './components/Tabs';