shared-design-system 1.21.0 → 1.25.0

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

@@ -7,4 +7,4 @@ export interface AlertProps extends Omit<React.HTMLAttributes<HTMLDivElement>, '
     onClose?: () => void;
     action?: React.ReactNode;
 }
-export declare const Alert: React.FC<AlertProps>;
+export declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;

package/dist/src/components/Alert.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
+import React, { useState } from 'react';
 import { tokens } from '../tokens';
 const SEVERITY_CONFIG = {
     success: {
@@ -41,7 +41,7 @@ const DEFAULT_ICONS = {
     error: (_jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.5, strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("circle", { cx: "12", cy: "12", r: "10" }), _jsx("line", { x1: "15", y1: "9", x2: "9", y2: "15" }), _jsx("line", { x1: "9", y1: "9", x2: "15", y2: "15" })] })),
     info: (_jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.5, strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("circle", { cx: "12", cy: "12", r: "10" }), _jsx("line", { x1: "12", y1: "16", x2: "12", y2: "12" }), _jsx("line", { x1: "12", y1: "8", x2: "12.01", y2: "8" })] })),
 };
-export const Alert = ({ severity = 'info', title, children, className = '', style = {}, variant = 'standard', icon, onClose, action, ...props }) => {
+export const Alert = React.forwardRef(({ severity = 'info', title, children, className = '', style = {}, variant = 'standard', icon, onClose, action, ...props }, ref) => {
     const [dismissed, setDismissed] = useState(false);
     if (dismissed)
         return null;
@@ -58,31 +58,44 @@ export const Alert = ({ severity = 'info', title, children, className = '', styl
         position: 'relative',
         overflow: 'hidden',
         fontFamily: tokens.font.family,
-        ...(isFilled ? {
-            backgroundColor: s.filledBg,
-            color: '#fff',
-            border: 'none',
-            boxShadow: `0 4px 12px ${s.filledBg}40`,
-        } : isOutlined ? {
-            backgroundColor: 'transparent',
-            color: s.darkText,
-            border: `1.5px solid ${s.accentBar}`,
-        } : {
-            backgroundColor: s.bg,
-            color: s.darkText,
-            border: `1px solid ${s.border}`,
-            borderLeft: `4px solid ${s.accentBar}`,
-        }),
+        ...(isFilled
+            ? {
+                backgroundColor: s.filledBg,
+                color: '#fff',
+                border: 'none',
+                boxShadow: `0 4px 12px ${s.filledBg}40`,
+            }
+            : isOutlined
+                ? {
+                    backgroundColor: 'transparent',
+                    color: s.darkText,
+                    border: `1.5px solid ${s.accentBar}`,
+                }
+                : {
+                    backgroundColor: s.bg,
+                    color: s.darkText,
+                    border: `1px solid ${s.border}`,
+                    borderLeft: `4px solid ${s.accentBar}`,
+                }),
         ...style,
     };
     const iconColor = isFilled ? '#fff' : s.text;
     const resolvedIcon = icon || DEFAULT_ICONS[severity];
-    return (_jsxs("div", { style: baseStyle, className: `ds-alert ds-alert--${severity} ds-alert--${variant} ${className}`, ...props, children: [_jsx("div", { style: { color: iconColor, flexShrink: 0, marginTop: '2px', display: 'flex', alignItems: 'flex-start' }, children: resolvedIcon }), _jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [title && (_jsx("div", { style: {
+    return (_jsxs("div", { ref: ref, role: "alert", style: baseStyle, className: `ds-alert ds-alert--${severity} ds-alert--${variant} ${className}`, ...props, children: [_jsx("div", { style: {
+                    color: iconColor,
+                    flexShrink: 0,
+                    marginTop: '2px',
+                    display: 'flex',
+                    alignItems: 'flex-start',
+                }, children: resolvedIcon }), _jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [title && (_jsx("div", { style: {
                             fontWeight: tokens.font.weightBold,
                             marginBottom: children ? '3px' : 0,
                             fontSize: tokens.font.sm,
                             lineHeight: 1.4,
-                        }, children: title })), children && (_jsx("div", { style: { opacity: isFilled ? 0.9 : 1, fontWeight: tokens.font.weightMedium }, children: children })), action && (_jsx("div", { style: { marginTop: tokens.spacing['2'] }, children: action }))] }), onClose && (_jsx("button", { type: "button", onClick: () => { setDismissed(true); onClose(); }, style: {
+                        }, children: title })), children && (_jsx("div", { style: { opacity: isFilled ? 0.9 : 1, fontWeight: tokens.font.weightMedium }, children: children })), action && _jsx("div", { style: { marginTop: tokens.spacing['2'] }, children: action })] }), onClose && (_jsx("button", { type: "button", onClick: () => {
+                    setDismissed(true);
+                    onClose();
+                }, "aria-label": "Close alert", style: {
                     background: 'none',
                     border: 'none',
                     cursor: 'pointer',
@@ -96,5 +109,6 @@ export const Alert = ({ severity = 'info', title, children, className = '', styl
                     opacity: 0.65,
                     transition: tokens.transition.fast,
                 }, onMouseEnter: (e) => (e.currentTarget.style.opacity = '1'), onMouseLeave: (e) => (e.currentTarget.style.opacity = '0.65'), children: _jsx("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.5, strokeLinecap: "round", children: _jsx("path", { d: "M18 6L6 18M6 6l12 12" }) }) }))] }));
-};
+});
+Alert.displayName = 'Alert';
 //# sourceMappingURL=Alert.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../src/components/Alert.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../src/components/Alert.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAoBnC,MAAM,eAAe,GAAmC;IACtD,OAAO,EAAE;QACP,EAAE,EAAE,MAAM,CAAC,KAAK,CAAC,SAAS;QAC1B,MAAM,EAAE,uBAAuB;QAC/B,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO;QAC1B,QAAQ,EAAE,SAAS;QACnB,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO;QAC/B,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO;KAC/B;IACD,OAAO,EAAE;QACP,EAAE,EAAE,MAAM,CAAC,KAAK,CAAC,SAAS;QAC1B,MAAM,EAAE,wBAAwB;QAChC,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO;QAC1B,QAAQ,EAAE,SAAS;QACnB,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO;QAC/B,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO;KAC/B;IACD,KAAK,EAAE;QACL,EAAE,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ;QACzB,MAAM,EAAE,wBAAwB;QAChC,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC,MAAM;QACzB,QAAQ,EAAE,SAAS;QACnB,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,MAAM;QAC9B,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC,MAAM;KAC9B;IACD,IAAI,EAAE;QACJ,EAAE,EAAE,MAAM,CAAC,KAAK,CAAC,MAAM;QACvB,MAAM,EAAE,yBAAyB;QACjC,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI;QACvB,QAAQ,EAAE,SAAS;QACnB,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI;QAC5B,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI;KAC5B;CACF,CAAC;AAEF,MAAM,aAAa,GAAoC;IACrD,OAAO,EAAE,CACP,eAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAE,GAAG,EAAE,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,aAC9I,eAAM,CAAC,EAAC,mCAAmC,GAAG,EAC9C,mBAAU,MAAM,EAAC,uBAAuB,GAAG,IACvC,CACP;IACD,OAAO,EAAE,CACP,eAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAE,GAAG,EAAE,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,aAC9I,eAAM,CAAC,EAAC,qFAAqF,GAAG,EAChG,eAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,GAAG,EACvC,eAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,OAAO,EAAC,EAAE,EAAC,IAAI,GAAG,IACvC,CACP;IACD,KAAK,EAAE,CACL,eAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAE,GAAG,EAAE,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,aAC9I,iBAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,GAAG,EACjC,eAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,GAAG,EACtC,eAAM,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,GAAG,IAClC,CACP;IACD,IAAI,EAAE,CACJ,eAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAE,GAAG,EAAE,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,aAC9I,iBAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,GAAG,EACjC,eAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,GAAG,EACxC,eAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,OAAO,EAAC,EAAE,EAAC,GAAG,GAAG,IACrC,CACP;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CACnC,CACE,EACE,QAAQ,GAAG,MAAM,EACjB,KAAK,EACL,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,EAAE,EACV,OAAO,GAAG,UAAU,EACpB,IAAI,EACJ,OAAO,EACP,MAAM,EACN,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,IAAI,SAAS;QAAE,OAAO,IAAI,CAAC;IAE3B,MAAM,CAAC,GAAG,eAAe,CAAC,QAAQ,CAAC,IAAI,eAAe,CAAC,IAAI,CAAC;IAC5D,MAAM,QAAQ,GAAG,OAAO,KAAK,QAAQ,CAAC;IACtC,MAAM,UAAU,GAAG,OAAO,KAAK,UAAU,CAAC;IAE1C,MAAM,SAAS,GAAwB;QACrC,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;QACxB,OAAO,EAAE,GAAG,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;QACxD,YAAY,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE;QAC9B,QAAQ,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE;QACxB,UAAU,EAAE,IAAI;QAChB,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,QAAQ;QAClB,UAAU,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM;QAC9B,GAAG,CAAC,QAAQ;YACV,CAAC,CAAC;gBACE,eAAe,EAAE,CAAC,CAAC,QAAQ;gBAC3B,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;gBACd,SAAS,EAAE,cAAc,CAAC,CAAC,QAAQ,IAAI;aACxC;YACH,CAAC,CAAC,UAAU;gBACZ,CAAC,CAAC;oBACE,eAAe,EAAE,aAAa;oBAC9B,KAAK,EAAE,CAAC,CAAC,QAAQ;oBACjB,MAAM,EAAE,eAAe,CAAC,CAAC,SAAS,EAAE;iBACrC;gBACH,CAAC,CAAC;oBACE,eAAe,EAAE,CAAC,CAAC,EAAE;oBACrB,KAAK,EAAE,CAAC,CAAC,QAAQ;oBACjB,MAAM,EAAE,aAAa,CAAC,CAAC,MAAM,EAAE;oBAC/B,UAAU,EAAE,aAAa,CAAC,CAAC,SAAS,EAAE;iBACvC,CAAC;QACN,GAAG,KAAK;KACT,CAAC;IAEF,MAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAC7C,MAAM,YAAY,GAAG,IAAI,IAAI,aAAa,CAAC,QAAQ,CAAC,CAAC;IAErD,OAAO,CACL,eACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,SAAS,EAChB,SAAS,EAAE,sBAAsB,QAAQ,cAAc,OAAO,IAAI,SAAS,EAAE,KACzE,KAAK,aAET,cACE,KAAK,EAAE;oBACL,KAAK,EAAE,SAAS;oBAChB,UAAU,EAAE,CAAC;oBACb,SAAS,EAAE,KAAK;oBAChB,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,YAAY;iBACzB,YAEA,YAAY,GACT,EACN,eAAK,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,aACjC,KAAK,IAAI,CACR,cACE,KAAK,EAAE;4BACL,UAAU,EAAE,MAAM,CAAC,IAAI,CAAC,UAAU;4BAClC,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;4BAClC,QAAQ,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE;4BACxB,UAAU,EAAE,GAAG;yBAChB,YAEA,KAAK,GACF,CACP,EACA,QAAQ,IAAI,CACX,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,MAAM,CAAC,IAAI,CAAC,YAAY,EAAE,YAC9E,QAAQ,GACL,CACP,EACA,MAAM,IAAI,cAAK,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,YAAG,MAAM,GAAO,IACrE,EACL,OAAO,IAAI,CACV,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE;oBACZ,YAAY,CAAC,IAAI,CAAC,CAAC;oBACnB,OAAO,EAAE,CAAC;gBACZ,CAAC,gBACU,aAAa,EACxB,KAAK,EAAE;oBACL,UAAU,EAAE,MAAM;oBAClB,MAAM,EAAE,MAAM;oBACd,MAAM,EAAE,SAAS;oBACjB,OAAO,EAAE,KAAK;oBACd,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ;oBACtD,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,QAAQ;oBACpB,cAAc,EAAE,QAAQ;oBACxB,YAAY,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE;oBAC9B,UAAU,EAAE,CAAC;oBACb,OAAO,EAAE,IAAI;oBACb,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC,IAAI;iBACnC,EACD,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC,EAC1D,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC,YAE7D,cACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,GAAG,EAChB,aAAa,EAAC,OAAO,YAErB,eAAM,CAAC,EAAC,sBAAsB,GAAG,GAC7B,GACC,CACV,IACG,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AACF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}

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

@@ -9,10 +9,15 @@ export interface AvatarProps extends React.HTMLAttributes<HTMLElement> {
     ring?: boolean;
     ringColor?: string;
 }
-export declare const Avatar: React.FC<AvatarProps>;
+export interface AvatarComponent extends React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLDivElement>> {
+    Group: typeof AvatarGroup;
+}
+export declare const Avatar: AvatarComponent;
 export interface AvatarGroupProps {
     max?: number;
     size?: AvatarProps['size'];
     children: React.ReactElement<AvatarProps>[];
+    className?: string;
+    style?: React.CSSProperties;
 }
-export declare const AvatarGroup: React.FC<AvatarGroupProps>;
+export declare const AvatarGroup: React.ForwardRefExoticComponent<AvatarGroupProps & React.RefAttributes<HTMLDivElement>>;

package/dist/src/components/Avatar.js

@@ -29,11 +29,9 @@ function getGradientForInitials(text) {
         hash = text.charCodeAt(i) + ((hash << 5) - hash);
     return GRADIENT_POOL[Math.abs(hash) % GRADIENT_POOL.length];
 }
-export const Avatar = ({ src, alt, children, size = 'md', variant = 'circle', status, initials, ring = false, ringColor, className = '', style = {}, ...props }) => {
+export const Avatar = React.forwardRef(({ src, alt, children, size = 'md', variant = 'circle', status, initials, ring = false, ringColor, className = '', style = {}, ...props }, ref) => {
     const dims = SIZE_MAP[size] || '40px';
-    const borderRadius = variant === 'circle' ? '50%' :
-        variant === 'rounded' ? tokens.radius.lg :
-            tokens.radius.md;
+    const borderRadius = variant === 'circle' ? '50%' : variant === 'rounded' ? tokens.radius.lg : tokens.radius.md;
     const fallbackLabel = initials || (typeof children === 'string' ? children : undefined);
     const gradientBg = fallbackLabel ? getGradientForInitials(fallbackLabel) : undefined;
     const statusDotSize = size === 'xs' || size === 'sm' ? '8px' : '10px';
@@ -52,9 +50,11 @@ export const Avatar = ({ src, alt, children, size = 'md', variant = 'circle', st
         display: 'flex',
         alignItems: 'center',
         justifyContent: 'center',
-        ...(src ? {} : {
-            background: gradientBg || tokens.color.slate100,
-        }),
+        ...(src
+            ? {}
+            : {
+                background: gradientBg || tokens.color.slate100,
+            }),
         color: '#fff',
         fontSize: `calc(${dims} / 2.5)`,
         fontWeight: tokens.font.weightBold,
@@ -77,14 +77,15 @@ export const Avatar = ({ src, alt, children, size = 'md', variant = 'circle', st
         border: `2px solid ${tokens.color.white}`,
         boxShadow: '0 1px 3px rgba(0,0,0,0.15)',
     };
-    return (_jsxs("div", { style: containerStyle, className: `ds-avatar ${className}`, children: [src ? (_jsx("img", { src: src, alt: alt || 'Avatar', style: innerStyle, ...props })) : (_jsx("div", { style: innerStyle, ...props, children: fallbackLabel || children })), status && _jsx("div", { style: statusStyle })] }));
-};
-export const AvatarGroup = ({ max = 4, size = 'md', children, }) => {
+    return (_jsxs("div", { ref: ref, style: containerStyle, className: `ds-avatar ds-avatar--${size} ${className}`, children: [src ? (_jsx("img", { src: src, alt: alt || 'Avatar', style: innerStyle, ...props })) : (_jsx("div", { style: innerStyle, ...props, children: fallbackLabel || children })), status && (_jsx("div", { style: statusStyle, "aria-label": `Status: ${status}`, role: "status", title: `Status: ${status}` }))] }));
+});
+Avatar.displayName = 'Avatar';
+export const AvatarGroup = React.forwardRef(({ max = 4, size = 'md', children, className = '', style = {} }, ref) => {
     const visible = children.slice(0, max);
     const overflow = children.length - max;
     const dims = SIZE_MAP[size] || '40px';
     const offset = `calc(${dims} * -0.3)`;
-    return (_jsxs("div", { style: { display: 'flex', alignItems: 'center' }, children: [visible.map((child, i) => React.cloneElement(child, {
+    return (_jsxs("div", { ref: ref, role: "group", "aria-label": "Avatar group", style: { display: 'flex', alignItems: 'center', ...style }, className: `ds-avatar-group ${className}`, children: [visible.map((child, i) => React.cloneElement(child, {
                 key: i,
                 size,
                 ring: true,
@@ -104,5 +105,7 @@ export const AvatarGroup = ({ max = 4, size = 'md', children, }) => {
                     boxShadow: `0 0 0 2.5px ${tokens.color.surface}`,
                     userSelect: 'none',
                 }, children: ["+", overflow] }))] }));
-};
+});
+AvatarGroup.displayName = 'Avatar.Group';
+Avatar.Group = AvatarGroup;
 //# sourceMappingURL=Avatar.js.map

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

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

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

@@ -6,4 +6,4 @@ export interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
     dot?: boolean;
     icon?: React.ReactNode;
 }
-export declare const Badge: React.FC<BadgeProps>;
+export declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/src/components/Badge.js

@@ -1,107 +1,130 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
 import { tokens } from '../tokens';
-export const Badge = ({ children, variant = 'slate', type = 'subtle', size = 'md', dot = false, icon, className = '', style = {}, ...props }) => {
+export const Badge = React.forwardRef(({ children, variant = 'slate', type = 'subtle', size = 'md', dot = false, icon, className = '', style = {}, ...props }, ref) => {
     const getVariantStyles = () => {
         const isSubtle = type === 'subtle';
         const isOutline = type === 'outline';
         switch (variant) {
             case 'primary':
-                // brand red: rgba(190,17,40,...)
-                return isSubtle ? {
-                    backgroundColor: tokens.color.primaryLight,
-                    color: tokens.color.primary,
-                    borderColor: 'rgba(190, 17, 40, 0.2)',
-                } : isOutline ? {
-                    backgroundColor: 'transparent',
-                    color: tokens.color.primary,
-                    borderColor: tokens.color.primary,
-                } : {
-                    backgroundColor: tokens.color.primary,
-                    color: '#fff',
-                    borderColor: 'transparent',
-                };
+                return isSubtle
+                    ? {
+                        backgroundColor: tokens.color.primaryLight,
+                        color: tokens.color.primary,
+                        borderColor: 'rgba(190, 17, 40, 0.2)',
+                    }
+                    : isOutline
+                        ? {
+                            backgroundColor: 'transparent',
+                            color: tokens.color.primary,
+                            borderColor: tokens.color.primary,
+                        }
+                        : {
+                            backgroundColor: tokens.color.primary,
+                            color: '#fff',
+                            borderColor: 'transparent',
+                        };
             case 'success':
-                // green: rgba(79,168,0,...)
-                return isSubtle ? {
-                    backgroundColor: tokens.color.successBg,
-                    color: tokens.color.success,
-                    borderColor: 'rgba(79, 168, 0, 0.2)',
-                } : isOutline ? {
-                    backgroundColor: 'transparent',
-                    color: tokens.color.success,
-                    borderColor: tokens.color.success,
-                } : {
-                    backgroundColor: tokens.color.success,
-                    color: '#fff',
-                    borderColor: 'transparent',
-                };
+                return isSubtle
+                    ? {
+                        backgroundColor: tokens.color.successBg,
+                        color: tokens.color.success,
+                        borderColor: 'rgba(79, 168, 0, 0.2)',
+                    }
+                    : isOutline
+                        ? {
+                            backgroundColor: 'transparent',
+                            color: tokens.color.success,
+                            borderColor: tokens.color.success,
+                        }
+                        : {
+                            backgroundColor: tokens.color.success,
+                            color: '#fff',
+                            borderColor: 'transparent',
+                        };
             case 'warning':
-                // orange: rgba(245,102,0,...)
-                return isSubtle ? {
-                    backgroundColor: tokens.color.warningBg,
-                    color: tokens.color.warning,
-                    borderColor: 'rgba(245, 102, 0, 0.2)',
-                } : isOutline ? {
-                    backgroundColor: 'transparent',
-                    color: tokens.color.warning,
-                    borderColor: tokens.color.warning,
-                } : {
-                    backgroundColor: tokens.color.warning,
-                    color: '#fff',
-                    borderColor: 'transparent',
-                };
+                return isSubtle
+                    ? {
+                        backgroundColor: tokens.color.warningBg,
+                        color: tokens.color.warning,
+                        borderColor: 'rgba(245, 102, 0, 0.2)',
+                    }
+                    : isOutline
+                        ? {
+                            backgroundColor: 'transparent',
+                            color: tokens.color.warning,
+                            borderColor: tokens.color.warning,
+                        }
+                        : {
+                            backgroundColor: tokens.color.warning,
+                            color: '#fff',
+                            borderColor: 'transparent',
+                        };
             case 'danger':
-                // red: rgba(209,36,33,...)
-                return isSubtle ? {
-                    backgroundColor: tokens.color.dangerBg,
-                    color: tokens.color.danger,
-                    borderColor: 'rgba(209, 36, 33, 0.2)',
-                } : isOutline ? {
-                    backgroundColor: 'transparent',
-                    color: tokens.color.danger,
-                    borderColor: tokens.color.danger,
-                } : {
-                    backgroundColor: tokens.color.danger,
-                    color: '#fff',
-                    borderColor: 'transparent',
-                };
+                return isSubtle
+                    ? {
+                        backgroundColor: tokens.color.dangerBg,
+                        color: tokens.color.danger,
+                        borderColor: 'rgba(209, 36, 33, 0.2)',
+                    }
+                    : isOutline
+                        ? {
+                            backgroundColor: 'transparent',
+                            color: tokens.color.danger,
+                            borderColor: tokens.color.danger,
+                        }
+                        : {
+                            backgroundColor: tokens.color.danger,
+                            color: '#fff',
+                            borderColor: 'transparent',
+                        };
             case 'info':
-                // blue: rgba(24,144,255,...)
-                return isSubtle ? {
-                    backgroundColor: tokens.color.infoBg,
-                    color: tokens.color.info,
-                    borderColor: 'rgba(24, 144, 255, 0.2)',
-                } : isOutline ? {
-                    backgroundColor: 'transparent',
-                    color: tokens.color.info,
-                    borderColor: tokens.color.info,
-                } : {
-                    backgroundColor: tokens.color.info,
-                    color: '#fff',
-                    borderColor: 'transparent',
-                };
+                return isSubtle
+                    ? {
+                        backgroundColor: tokens.color.infoBg,
+                        color: tokens.color.info,
+                        borderColor: 'rgba(24, 144, 255, 0.2)',
+                    }
+                    : isOutline
+                        ? {
+                            backgroundColor: 'transparent',
+                            color: tokens.color.info,
+                            borderColor: tokens.color.info,
+                        }
+                        : {
+                            backgroundColor: tokens.color.info,
+                            color: '#fff',
+                            borderColor: 'transparent',
+                        };
             case 'slate':
             default:
-                return isSubtle ? {
-                    backgroundColor: tokens.color.slate100,
-                    color: tokens.color.slate600,
-                    borderColor: tokens.color.slate200,
-                } : isOutline ? {
-                    backgroundColor: 'transparent',
-                    color: tokens.color.slate600,
-                    borderColor: tokens.color.slate400,
-                } : {
-                    backgroundColor: tokens.color.slate700,
-                    color: '#fff',
-                    borderColor: 'transparent',
-                };
+                return isSubtle
+                    ? {
+                        backgroundColor: tokens.color.slate100,
+                        color: tokens.color.slate600,
+                        borderColor: tokens.color.slate200,
+                    }
+                    : isOutline
+                        ? {
+                            backgroundColor: 'transparent',
+                            color: tokens.color.slate600,
+                            borderColor: tokens.color.slate400,
+                        }
+                        : {
+                            backgroundColor: tokens.color.slate700,
+                            color: '#fff',
+                            borderColor: 'transparent',
+                        };
         }
     };
     const getSizeStyles = () => {
         switch (size) {
-            case 'sm': return { padding: '1px 7px', fontSize: '10px', gap: '4px' };
-            case 'lg': return { padding: '4px 14px', fontSize: '12px', gap: '6px' };
-            default: return { padding: '2px 10px', fontSize: '11px', gap: '5px' };
+            case 'sm':
+                return { padding: '1px 7px', fontSize: '10px', gap: '4px' };
+            case 'lg':
+                return { padding: '4px 14px', fontSize: '12px', gap: '6px' };
+            default:
+                return { padding: '2px 10px', fontSize: '11px', gap: '5px' };
         }
     };
     const baseStyle = {
@@ -121,12 +144,13 @@ export const Badge = ({ children, variant = 'slate', type = 'subtle', size = 'md
         ...getVariantStyles(),
         ...style,
     };
-    return (_jsxs("span", { style: baseStyle, className: `ds-badge ${className}`, ...props, children: [dot && (_jsx("span", { style: {
+    return (_jsxs("span", { ref: ref, style: baseStyle, className: `ds-badge ${className}`, ...props, children: [dot && (_jsx("span", { style: {
                     width: '6px',
                     height: '6px',
                     borderRadius: '50%',
                     backgroundColor: 'currentColor',
                     flexShrink: 0,
                 } })), icon && _jsx("span", { style: { display: 'inline-flex', alignItems: 'center', flexShrink: 0 }, children: icon }), children] }));
-};
+});
+Badge.displayName = 'Badge';
 //# sourceMappingURL=Badge.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../src/components/Badge.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../src/components/Badge.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAUnC,MAAM,CAAC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CACnC,CACE,EACE,QAAQ,EACR,OAAO,GAAG,OAAO,EACjB,IAAI,GAAG,QAAQ,EACf,IAAI,GAAG,IAAI,EACX,GAAG,GAAG,KAAK,EACX,IAAI,EACJ,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,EAAE,EACV,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,gBAAgB,GAAG,GAAwB,EAAE;QACjD,MAAM,QAAQ,GAAG,IAAI,KAAK,QAAQ,CAAC;QACnC,MAAM,SAAS,GAAG,IAAI,KAAK,SAAS,CAAC;QAErC,QAAQ,OAAO,EAAE,CAAC;YAChB,KAAK,SAAS;gBACZ,OAAO,QAAQ;oBACb,CAAC,CAAC;wBACE,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,YAAY;wBAC1C,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO;wBAC3B,WAAW,EAAE,wBAAwB;qBACtC;oBACH,CAAC,CAAC,SAAS;wBACX,CAAC,CAAC;4BACE,eAAe,EAAE,aAAa;4BAC9B,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO;4BAC3B,WAAW,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO;yBAClC;wBACH,CAAC,CAAC;4BACE,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO;4BACrC,KAAK,EAAE,MAAM;4BACb,WAAW,EAAE,aAAa;yBAC3B,CAAC;YACR,KAAK,SAAS;gBACZ,OAAO,QAAQ;oBACb,CAAC,CAAC;wBACE,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,SAAS;wBACvC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO;wBAC3B,WAAW,EAAE,uBAAuB;qBACrC;oBACH,CAAC,CAAC,SAAS;wBACX,CAAC,CAAC;4BACE,eAAe,EAAE,aAAa;4BAC9B,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO;4BAC3B,WAAW,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO;yBAClC;wBACH,CAAC,CAAC;4BACE,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO;4BACrC,KAAK,EAAE,MAAM;4BACb,WAAW,EAAE,aAAa;yBAC3B,CAAC;YACR,KAAK,SAAS;gBACZ,OAAO,QAAQ;oBACb,CAAC,CAAC;wBACE,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,SAAS;wBACvC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO;wBAC3B,WAAW,EAAE,wBAAwB;qBACtC;oBACH,CAAC,CAAC,SAAS;wBACX,CAAC,CAAC;4BACE,eAAe,EAAE,aAAa;4BAC9B,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO;4BAC3B,WAAW,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO;yBAClC;wBACH,CAAC,CAAC;4BACE,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO;4BACrC,KAAK,EAAE,MAAM;4BACb,WAAW,EAAE,aAAa;yBAC3B,CAAC;YACR,KAAK,QAAQ;gBACX,OAAO,QAAQ;oBACb,CAAC,CAAC;wBACE,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ;wBACtC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,MAAM;wBAC1B,WAAW,EAAE,wBAAwB;qBACtC;oBACH,CAAC,CAAC,SAAS;wBACX,CAAC,CAAC;4BACE,eAAe,EAAE,aAAa;4BAC9B,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,MAAM;4BAC1B,WAAW,EAAE,MAAM,CAAC,KAAK,CAAC,MAAM;yBACjC;wBACH,CAAC,CAAC;4BACE,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,MAAM;4BACpC,KAAK,EAAE,MAAM;4BACb,WAAW,EAAE,aAAa;yBAC3B,CAAC;YACR,KAAK,MAAM;gBACT,OAAO,QAAQ;oBACb,CAAC,CAAC;wBACE,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,MAAM;wBACpC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI;wBACxB,WAAW,EAAE,yBAAyB;qBACvC;oBACH,CAAC,CAAC,SAAS;wBACX,CAAC,CAAC;4BACE,eAAe,EAAE,aAAa;4BAC9B,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI;4BACxB,WAAW,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI;yBAC/B;wBACH,CAAC,CAAC;4BACE,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI;4BAClC,KAAK,EAAE,MAAM;4BACb,WAAW,EAAE,aAAa;yBAC3B,CAAC;YACR,KAAK,OAAO,CAAC;YACb;gBACE,OAAO,QAAQ;oBACb,CAAC,CAAC;wBACE,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ;wBACtC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ;wBAC5B,WAAW,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ;qBACnC;oBACH,CAAC,CAAC,SAAS;wBACX,CAAC,CAAC;4BACE,eAAe,EAAE,aAAa;4BAC9B,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ;4BAC5B,WAAW,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ;yBACnC;wBACH,CAAC,CAAC;4BACE,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ;4BACtC,KAAK,EAAE,MAAM;4BACb,WAAW,EAAE,aAAa;yBAC3B,CAAC;QACV,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,IAAI;gBACP,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC;YAC9D,KAAK,IAAI;gBACP,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC;YAC/D;gBACE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC;QACjE,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,SAAS,GAAwB;QACrC,OAAO,EAAE,aAAa;QACtB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,YAAY,EAAE,MAAM,CAAC,MAAM,CAAC,IAAI;QAChC,UAAU,EAAE,MAAM,CAAC,IAAI,CAAC,cAAc;QACtC,aAAa,EAAE,WAAoB;QACnC,aAAa,EAAE,QAAQ;QACvB,MAAM,EAAE,WAAW;QACnB,UAAU,EAAE,QAAiB;QAC7B,UAAU,EAAE,GAAG;QACf,UAAU,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM;QAC9B,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC,IAAI;QAClC,GAAG,aAAa,EAAE;QAClB,GAAG,gBAAgB,EAAE;QACrB,GAAG,KAAK;KACT,CAAC;IAEF,OAAO,CACL,gBAAM,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,SAAS,EAAE,KAAM,KAAK,aAC5E,GAAG,IAAI,CACN,eACE,KAAK,EAAE;oBACL,KAAK,EAAE,KAAK;oBACZ,MAAM,EAAE,KAAK;oBACb,YAAY,EAAE,KAAK;oBACnB,eAAe,EAAE,cAAc;oBAC/B,UAAU,EAAE,CAAC;iBACd,GACD,CACH,EACA,IAAI,IAAI,eAAM,KAAK,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,EAAE,YAAG,IAAI,GAAQ,EACnG,QAAQ,IACJ,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AACF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}

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

@@ -10,4 +10,4 @@ export interface BreadcrumbsProps extends React.HTMLAttributes<HTMLElement> {
     size?: 'sm' | 'md';
     maxItems?: number;
 }
-export declare const Breadcrumbs: React.FC<BreadcrumbsProps>;
+export declare const Breadcrumbs: React.ForwardRefExoticComponent<BreadcrumbsProps & React.RefAttributes<HTMLElement>>;

package/dist/src/components/Breadcrumbs.js

@@ -1,20 +1,17 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React from 'react';
 import { tokens } from '../tokens';
 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 = {}, }) => {
+export const Breadcrumbs = React.forwardRef(({ items = [], separator, size = 'sm', maxItems, className = '', style = {} }, ref) => {
     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,
-        ];
+        displayItems = [...front, { label: '…' }, ...back];
     }
-    return (_jsx("nav", { "aria-label": "Breadcrumb", className: `ds-breadcrumbs ${className}`, children: _jsx("ol", { style: {
+    return (_jsx("nav", { ref: ref, "aria-label": "Breadcrumb", className: `ds-breadcrumbs ${className}`, children: _jsx("ol", { style: {
                 display: 'flex',
                 alignItems: 'center',
                 gap: tokens.spacing[1],
@@ -54,7 +51,8 @@ export const Breadcrumbs = ({ items = [], separator, size = 'sm', maxItems, clas
                                 }, 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));
+                                }, children: [item.icon && (_jsx("span", { style: { display: 'inline-flex', flexShrink: 0 }, children: item.icon })), item.label] }), _jsx("span", { "aria-hidden": "true", style: { display: 'inline-flex', alignItems: 'center' }, children: resolvedSeparator })] })) }, index));
             }) }) }));
-};
+});
+Breadcrumbs.displayName = 'Breadcrumbs';
 //# 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":"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"}
+{"version":3,"file":"Breadcrumbs.js","sourceRoot":"","sources":["../../../src/components/Breadcrumbs.tsx"],"names":[],"mappings":"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"}

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

@@ -5,7 +5,8 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
     isActive?: boolean;
     startIcon?: React.ReactNode;
     endIcon?: React.ReactNode;
+    icon?: React.ReactNode;
     loading?: boolean;
     fullWidth?: boolean;
 }
-export declare const Button: React.FC<ButtonProps>;
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/src/components/Button.js

@@ -84,7 +84,7 @@ const SIZE_STYLES = {
     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 }) => {
+export const Button = React.forwardRef(({ children, variant = 'primary', size = 'md', disabled = false, loading = false, fullWidth = false, onClick, style = {}, className = '', isActive = false, startIcon, endIcon, icon, ...props }, ref) => {
     const [isHovered, setIsHovered] = React.useState(false);
     const vs = VARIANT_STYLES[variant] || VARIANT_STYLES.primary;
     const ss = SIZE_STYLES[size] || SIZE_STYLES.md;
@@ -105,7 +105,7 @@ export const Button = ({ children, variant = 'primary', size = 'md', disabled =
         outline: 'none',
         userSelect: 'none',
         opacity: isEffectivelyDisabled ? 0.5 : 1,
-        backgroundColor: isPrimaryHover ? 'transparent' : (showHover ? vs.hoverBg : vs.bg),
+        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,
@@ -113,8 +113,10 @@ export const Button = ({ children, variant = 'primary', size = 'md', disabled =
         transform: showHover && !isEffectivelyDisabled ? 'translateY(-1px)' : 'translateY(0)',
         whiteSpace: 'nowrap',
         letterSpacing: '0.01em',
+        position: 'relative',
         ...style,
     };
-    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 }))] }));
-};
+    return (_jsxs("button", { ref: ref, 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), "aria-busy": loading, "aria-disabled": isEffectivelyDisabled, ...props, children: [loading ? (_jsx(SpinnerInline, { color: showHover ? vs.hoverColor : vs.color })) : ((startIcon || icon) && _jsx("span", { style: { display: 'flex', alignItems: 'center', flexShrink: 0 }, children: startIcon || icon })), _jsx("span", { style: { opacity: loading ? 0 : 1, display: 'inline-flex', alignItems: 'center', gap: tokens.spacing[2] }, children: children }), !loading && endIcon && (_jsx("span", { style: { display: 'flex', alignItems: 'center', flexShrink: 0 }, children: endIcon }))] }));
+});
+Button.displayName = 'Button';
 //# sourceMappingURL=Button.js.map