shared-design-system 1.19.0 → 1.23.0

package/dist/src/components/Divider.js

@@ -1,13 +1,19 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
 import { tokens } from '../tokens';
-export const Divider = ({ orientation = 'horizontal', type = 'solid', label, margin = 'md', color, thickness = 1, className = '', style = {}, }) => {
+export const Divider = React.forwardRef(({ orientation = 'horizontal', type = 'solid', label, margin = 'md', color, thickness = 1, className = '', style = {}, ...props }, ref) => {
     const getMargin = () => {
         switch (margin) {
-            case 'none': return '0';
-            case 'xs': return tokens.spacing[1];
-            case 'sm': return tokens.spacing[2];
-            case 'lg': return tokens.spacing[8];
-            default: return tokens.spacing[4];
+            case 'none':
+                return '0';
+            case 'xs':
+                return tokens.spacing[1];
+            case 'sm':
+                return tokens.spacing[2];
+            case 'lg':
+                return tokens.spacing[8];
+            default:
+                return tokens.spacing[4];
         }
     };
     const isVertical = orientation === 'vertical';
@@ -23,9 +29,7 @@ export const Divider = ({ orientation = 'horizontal', type = 'solid', label, mar
         }
         : {
             backgroundColor: isDashed ? 'transparent' : defaultColor,
-            border: isDashed
-                ? `${thickness}px dashed ${defaultColor}`
-                : 'none',
+            border: isDashed ? `${thickness}px dashed ${defaultColor}` : 'none',
         };
     const baseLineStyle = {
         ...lineStyle,
@@ -35,23 +39,23 @@ export const Divider = ({ orientation = 'horizontal', type = 'solid', label, mar
         ...(!isDashed && !isGradient ? { backgroundColor: defaultColor } : {}),
     };
     if (isVertical) {
-        return (_jsx("div", { style: {
+        return (_jsx("div", { ref: ref, role: "separator", "aria-orientation": "vertical", style: {
                 ...baseLineStyle,
                 margin: `0 ${getMargin()}`,
                 display: 'inline-block',
                 alignSelf: 'stretch',
                 ...style,
-            }, className: `ds-divider ds-divider--vertical ${className}` }));
+            }, className: `ds-divider ds-divider--vertical ${className}`, ...props }));
     }
     if (label) {
-        return (_jsxs("div", { style: {
+        return (_jsxs("div", { ref: ref, role: "separator", "aria-orientation": "horizontal", style: {
                 display: 'flex',
                 alignItems: 'center',
                 width: '100%',
                 margin: `${getMargin()} 0`,
                 gap: tokens.spacing[3],
                 ...style,
-            }, className: `ds-divider ds-divider--labeled ${className}`, children: [_jsx("div", { style: { ...baseLineStyle, flex: 1 } }), _jsx("span", { style: {
+            }, className: `ds-divider ds-divider--labeled ${className}`, ...props, children: [_jsx("div", { style: { ...baseLineStyle, flex: 1 } }), _jsx("span", { style: {
                         fontSize: '11px',
                         fontWeight: tokens.font.weightSemibold,
                         color: tokens.color.slate400,
@@ -61,10 +65,11 @@ export const Divider = ({ orientation = 'horizontal', type = 'solid', label, mar
                         padding: `0 ${tokens.spacing[1]}`,
                     }, children: label }), _jsx("div", { style: { ...baseLineStyle, flex: 1 } })] }));
     }
-    return (_jsx("hr", { style: {
+    return (_jsx("hr", { ref: ref, style: {
             ...baseLineStyle,
             margin: `${getMargin()} 0`,
             ...style,
-        }, className: `ds-divider ${className}` }));
-};
+        }, className: `ds-divider ${className}`, ...props }));
+});
+Divider.displayName = 'Divider';
 //# sourceMappingURL=Divider.js.map

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

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

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

@@ -8,4 +8,4 @@ export interface DrawerProps {
     width?: string | number;
     placement?: 'left' | 'right';
 }
-export declare const Drawer: React.FC<DrawerProps>;
+export declare const Drawer: React.ForwardRefExoticComponent<DrawerProps & React.RefAttributes<HTMLDivElement>>;

package/dist/src/components/Drawer.js

@@ -1,8 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect } from 'react';
+import React, { useEffect } from 'react';
 import { tokens } from '../tokens';
 import { Heading } from './Typography';
-export const Drawer = ({ isOpen, onClose, title, children, footer, width = 400, placement = 'right', }) => {
+import { Portal } from './Portal';
+export const Drawer = React.forwardRef(({ isOpen, onClose, title, children, footer, width = 400, placement = 'right' }, ref) => {
     useEffect(() => {
         if (isOpen) {
             document.body.style.overflow = 'hidden';
@@ -14,73 +15,85 @@ export const Drawer = ({ isOpen, onClose, title, children, footer, width = 400,
             document.body.style.overflow = 'unset';
         };
     }, [isOpen]);
+    useEffect(() => {
+        const handleEscape = (e) => {
+            if (e.key === 'Escape' && isOpen) {
+                onClose();
+            }
+        };
+        if (isOpen) {
+            document.addEventListener('keydown', handleEscape);
+        }
+        return () => document.removeEventListener('keydown', handleEscape);
+    }, [isOpen, onClose]);
     if (!isOpen)
         return null;
     const isRight = placement === 'right';
-    return (_jsxs("div", { style: {
-            position: 'fixed',
-            inset: 0,
-            zIndex: 1000,
-            display: 'flex',
-            justifyContent: isRight ? 'flex-end' : 'flex-start',
-        }, children: [_jsx("div", { onClick: onClose, style: {
-                    position: 'absolute',
-                    inset: 0,
-                    backgroundColor: 'rgba(15, 23, 42, 0.4)',
-                    backdropFilter: 'blur(2px)',
-                    animation: 'ds-fade-in 0.3s ease-out',
-                } }), _jsxs("div", { style: {
-                    position: 'relative',
-                    backgroundColor: tokens.color.white,
-                    width: '100%',
-                    maxWidth: typeof width === 'number' ? `${width}px` : width,
-                    height: '100%',
-                    display: 'flex',
-                    flexDirection: 'column',
-                    boxShadow: tokens.shadow.xl,
-                    animation: `ds-drawer-slide-${placement} 0.3s cubic-bezier(0.2, 0.8, 0.2, 1)`,
-                    zIndex: 1,
-                }, children: [_jsxs("div", { style: {
-                            padding: `${tokens.spacing[6]} ${tokens.spacing[6]}`,
-                            borderBottom: `1px solid ${tokens.color.slate100}`,
-                            display: 'flex',
-                            alignItems: 'center',
-                            justifyContent: 'space-between',
-                        }, children: [title ? (_jsx(Heading, { level: 4, style: { margin: 0 }, children: title })) : _jsx("div", {}), _jsx("button", { onClick: onClose, style: {
-                                    padding: '8px',
-                                    borderRadius: '50%',
-                                    border: 'none',
-                                    backgroundColor: 'transparent',
-                                    color: tokens.color.slate400,
-                                    cursor: 'pointer',
-                                    display: 'flex',
-                                    alignItems: 'center',
-                                    justifyContent: 'center',
-                                    transition: tokens.transition.fast,
-                                }, children: _jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), _jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })] }) })] }), _jsx("div", { style: {
-                            padding: tokens.spacing[6],
-                            overflowY: 'auto',
-                            flex: 1,
-                        }, children: children }), footer && (_jsx("div", { style: {
-                            padding: `${tokens.spacing[4]} ${tokens.spacing[6]}`,
-                            borderTop: `1px solid ${tokens.color.slate100}`,
-                            backgroundColor: tokens.color.white,
-                            display: 'flex',
-                            justifyContent: 'flex-end',
-                            gap: tokens.spacing[3],
-                        }, children: footer }))] }), _jsx("style", { children: `
-        @keyframes ds-fade-in {
-          from { opacity: 0; }
-          to { opacity: 1; }
-        }
-        @keyframes ds-drawer-slide-right {
-          from { transform: translateX(100%); }
-          to { transform: translateX(0); }
-        }
-        @keyframes ds-drawer-slide-left {
-          from { transform: translateX(-100%); }
-          to { transform: translateX(0); }
-        }
-      ` })] }));
-};
+    return (_jsx(Portal, { children: _jsxs("div", { ref: ref, role: "dialog", "aria-modal": "true", "aria-labelledby": title ? 'ds-drawer-title' : undefined, style: {
+                position: 'fixed',
+                inset: 0,
+                zIndex: 1000,
+                display: 'flex',
+                justifyContent: isRight ? 'flex-end' : 'flex-start',
+            }, children: [_jsx("div", { onClick: onClose, style: {
+                        position: 'absolute',
+                        inset: 0,
+                        backgroundColor: 'rgba(15, 23, 42, 0.4)',
+                        backdropFilter: 'blur(2px)',
+                        animation: 'ds-fade-in 0.3s ease-out',
+                    } }), _jsxs("div", { style: {
+                        position: 'relative',
+                        backgroundColor: tokens.color.white,
+                        width: '100%',
+                        maxWidth: typeof width === 'number' ? `${width}px` : width,
+                        height: '100%',
+                        display: 'flex',
+                        flexDirection: 'column',
+                        boxShadow: tokens.shadow.xl,
+                        animation: `ds-drawer-slide-${placement} 0.3s cubic-bezier(0.2, 0.8, 0.2, 1)`,
+                        zIndex: 1,
+                    }, children: [_jsxs("div", { style: {
+                                padding: `${tokens.spacing[6]} ${tokens.spacing[6]}`,
+                                borderBottom: `1px solid ${tokens.color.slate100}`,
+                                display: 'flex',
+                                alignItems: 'center',
+                                justifyContent: 'space-between',
+                            }, children: [title ? (_jsx(Heading, { id: "ds-drawer-title", level: 4, style: { margin: 0 }, children: title })) : (_jsx("div", {})), _jsx("button", { onClick: onClose, "aria-label": "Close drawer", style: {
+                                        padding: '8px',
+                                        borderRadius: '50%',
+                                        border: 'none',
+                                        backgroundColor: 'transparent',
+                                        color: tokens.color.slate400,
+                                        cursor: 'pointer',
+                                        display: 'flex',
+                                        alignItems: 'center',
+                                        justifyContent: 'center',
+                                        transition: tokens.transition.fast,
+                                    }, children: _jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), _jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })] }) })] }), _jsx("div", { style: {
+                                padding: tokens.spacing[6],
+                                overflowY: 'auto',
+                                flex: 1,
+                            }, children: children }), footer && (_jsx("div", { style: {
+                                padding: `${tokens.spacing[4]} ${tokens.spacing[6]}`,
+                                borderTop: `1px solid ${tokens.color.slate100}`,
+                                backgroundColor: tokens.color.white,
+                                display: 'flex',
+                                justifyContent: 'flex-end',
+                                gap: tokens.spacing[3],
+                            }, children: footer }))] }), _jsx("style", { children: `
+          @keyframes ds-fade-in {
+            from { opacity: 0; }
+            to { opacity: 1; }
+          }
+          @keyframes ds-drawer-slide-right {
+            from { transform: translateX(100%); }
+            to { transform: translateX(0); }
+          }
+          @keyframes ds-drawer-slide-left {
+            from { transform: translateX(-100%); }
+            to { transform: translateX(0); }
+          }
+        ` })] }) }));
+});
+Drawer.displayName = 'Drawer';
 //# sourceMappingURL=Drawer.js.map

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

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

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

@@ -0,0 +1,17 @@
+import React from 'react';
+export interface DropdownProps {
+    children: React.ReactNode;
+    menu: React.ReactNode;
+    trigger?: 'click' | 'hover';
+    placement?: 'bottomLeft' | 'bottomRight' | 'topLeft' | 'topRight';
+    disabled?: boolean;
+}
+export declare const Dropdown: any;
+export interface MenuItemProps {
+    children: React.ReactNode;
+    onClick?: () => void;
+    icon?: React.ReactNode;
+    danger?: boolean;
+    disabled?: boolean;
+    active?: boolean;
+}

package/dist/src/components/Dropdown.js

@@ -0,0 +1,129 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { useState, useRef, useEffect, useCallback } from 'react';
+import { tokens } from '../tokens';
+import { Portal } from './Portal';
+export const Dropdown = React.forwardRef(({ children, menu, trigger = 'click', placement = 'bottomLeft', disabled = false }, ref) => {
+    const [visible, setVisible] = useState(false);
+    const [coords, setCoords] = useState({ top: 0, left: 0, width: 0 });
+    const triggerRef = useRef(null);
+    const menuRef = useRef(null);
+    const updateCoords = useCallback(() => {
+        if (triggerRef.current) {
+            const rect = triggerRef.current.getBoundingClientRect();
+            setCoords({
+                top: rect.top + window.scrollY,
+                left: rect.left + window.scrollX,
+                width: rect.width,
+            });
+        }
+    }, []);
+    const toggle = () => !disabled && setVisible(!visible);
+    const show = () => !disabled && setVisible(true);
+    const hide = () => setVisible(false);
+    useEffect(() => {
+        if (visible) {
+            updateCoords();
+            window.addEventListener('resize', updateCoords);
+            window.addEventListener('scroll', updateCoords, true);
+            const handleClickOutside = (e) => {
+                if (triggerRef.current &&
+                    !triggerRef.current.contains(e.target) &&
+                    menuRef.current &&
+                    !menuRef.current.contains(e.target)) {
+                    hide();
+                }
+            };
+            document.addEventListener('mousedown', handleClickOutside);
+            return () => {
+                window.removeEventListener('resize', updateCoords);
+                window.removeEventListener('scroll', updateCoords, true);
+                document.removeEventListener('mousedown', handleClickOutside);
+            };
+        }
+    }, [visible, updateCoords]);
+    const triggerProps = trigger === 'click'
+        ? { onClick: toggle }
+        : { onMouseEnter: show, onMouseLeave: hide };
+    const getMenuStyles = () => {
+        var _a, _b, _c, _d;
+        const spacing = 4;
+        const styles = {
+            position: 'absolute',
+            zIndex: 1100,
+            minWidth: '160px',
+        };
+        if (placement === 'bottomLeft') {
+            styles.top = coords.top + triggerRef.current.offsetHeight + spacing;
+            styles.left = coords.left;
+        }
+        else if (placement === 'bottomRight') {
+            styles.top = coords.top + triggerRef.current.offsetHeight + spacing;
+            styles.left = coords.left + coords.width - (((_a = menuRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth) || 0);
+        }
+        else if (placement === 'topLeft') {
+            styles.top = coords.top - (((_b = menuRef.current) === null || _b === void 0 ? void 0 : _b.offsetHeight) || 0) - spacing;
+            styles.left = coords.left;
+        }
+        else if (placement === 'topRight') {
+            styles.top = coords.top - (((_c = menuRef.current) === null || _c === void 0 ? void 0 : _c.offsetHeight) || 0) - spacing;
+            styles.left = coords.left + coords.width - (((_d = menuRef.current) === null || _d === void 0 ? void 0 : _d.offsetWidth) || 0);
+        }
+        return styles;
+    };
+    return (_jsxs(_Fragment, { children: [_jsx("div", { ref: (node) => {
+                    triggerRef.current = node;
+                    if (typeof ref === 'function')
+                        ref(node);
+                    else if (ref)
+                        ref.current = node;
+                }, style: { display: 'inline-flex' }, className: "ds-dropdown-trigger", ...triggerProps, children: children }), visible && (_jsxs(Portal, { children: [_jsx("div", { ref: menuRef, style: getMenuStyles(), className: "ds-dropdown-menu-container", onMouseEnter: trigger === 'hover' ? show : undefined, onMouseLeave: trigger === 'hover' ? hide : undefined, children: _jsx("div", { style: {
+                                backgroundColor: tokens.color.white,
+                                borderRadius: tokens.radius.lg,
+                                boxShadow: tokens.shadow.xl,
+                                border: `1px solid ${tokens.color.slate100}`,
+                                padding: tokens.spacing[1],
+                                overflow: 'hidden',
+                                animation: 'ds-dropdown-in 0.2s cubic-bezier(0, 0, 0.2, 1)',
+                            }, children: menu }) }), _jsx("style", { children: `
+              @keyframes ds-dropdown-in {
+                from { opacity: 0; transform: scale(0.95) translateY(-4px); }
+                to { opacity: 1; transform: scale(1) translateY(0); }
+              }
+            ` })] }))] }));
+});
+Dropdown.displayName = 'Dropdown';
+const MenuItem = ({ children, onClick, icon, danger, disabled, active, }) => {
+    const [hovered, setHovered] = useState(false);
+    return (_jsxs("div", { onClick: disabled ? undefined : onClick, onMouseEnter: () => setHovered(true), onMouseLeave: () => setHovered(false), style: {
+            display: 'flex',
+            alignItems: 'center',
+            gap: tokens.spacing[3],
+            padding: `${tokens.spacing[2]} ${tokens.spacing[4]}`,
+            fontSize: tokens.font.sm,
+            fontWeight: tokens.font.weightMedium,
+            color: disabled
+                ? tokens.color.textDisabled
+                : danger
+                    ? tokens.color.danger
+                    : active
+                        ? tokens.color.primary
+                        : tokens.color.slate700,
+            backgroundColor: active
+                ? tokens.color.primaryLight
+                : hovered && !disabled
+                    ? tokens.color.slate50
+                    : 'transparent',
+            cursor: disabled ? 'not-allowed' : 'pointer',
+            borderRadius: tokens.radius.md,
+            transition: tokens.transition.fast,
+            userSelect: 'none',
+        }, children: [icon && (_jsx("span", { style: { display: 'flex', fontSize: '1.1em', opacity: hovered ? 1 : 0.7 }, children: icon })), _jsx("span", { style: { flex: 1 }, children: children })] }));
+};
+const MenuDivider = () => (_jsx("div", { style: {
+        height: '1px',
+        backgroundColor: tokens.color.slate100,
+        margin: `${tokens.spacing[1]} 0`,
+    } }));
+Dropdown.Item = MenuItem;
+Dropdown.Divider = MenuDivider;
+//# sourceMappingURL=Dropdown.js.map

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

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

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

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface EmptyProps {
+    description?: React.ReactNode;
+    image?: React.ReactNode;
+    extra?: React.ReactNode;
+    style?: React.CSSProperties;
+    className?: string;
+}
+export declare const Empty: React.FC<EmptyProps>;

package/dist/src/components/Empty.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { tokens } from '../tokens';
+import { Text } from './Typography';
+export const Empty = ({ description = 'Dữ liệu trống', image, extra, style = {}, className = '', }) => {
+    return (_jsxs("div", { className: `ds-empty ${className}`, style: {
+            display: 'flex',
+            flexDirection: 'column',
+            alignItems: 'center',
+            justifyContent: 'center',
+            padding: '60px 40px',
+            textAlign: 'center',
+            ...style,
+        }, children: [_jsx("div", { style: { marginBottom: tokens.spacing[4], color: tokens.color.slate200 }, children: image || (_jsxs("svg", { width: "64", height: "64", viewBox: "0 0 64 64", fill: "none", children: [_jsx("path", { d: "M32 12V52M12 32H52", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }), _jsx("rect", { x: "8", y: "8", width: "48", height: "48", rx: "8", stroke: "currentColor", strokeWidth: "2" }), _jsx("circle", { cx: "32", cy: "32", r: "4", fill: "currentColor" })] })) }), _jsx(Text, { color: "muted", size: "sm", children: description }), extra && _jsx("div", { style: { marginTop: tokens.spacing[4] }, children: extra })] }));
+};
+//# sourceMappingURL=Empty.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Empty.js","sourceRoot":"","sources":["../../../src/components/Empty.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAUpC,MAAM,CAAC,MAAM,KAAK,GAAyB,CAAC,EAC1C,WAAW,GAAG,eAAe,EAC7B,KAAK,EACL,KAAK,EACL,KAAK,GAAG,EAAE,EACV,SAAS,GAAG,EAAE,GACf,EAAE,EAAE;IACH,OAAO,CACL,eACE,SAAS,EAAE,YAAY,SAAS,EAAE,EAClC,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,OAAO,EAAE,WAAW;YACpB,SAAS,EAAE,QAAQ;YACnB,GAAG,KAAK;SACT,aAED,cAAK,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ,EAAE,YAC1E,KAAK,IAAI,CACR,eAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,aACzD,eAAM,CAAC,EAAC,oBAAoB,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,GAAG,EAC3F,eAAM,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,GAAG,GAAG,EACxF,iBAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,EAAC,IAAI,EAAC,cAAc,GAAG,IAChD,CACP,GACG,EACN,KAAC,IAAI,IAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,YAC1B,WAAW,GACP,EACN,KAAK,IAAI,cAAK,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,YAAG,KAAK,GAAO,IACjE,CACP,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,35 @@
+import React from 'react';
+export interface FormProps extends React.FormHTMLAttributes<HTMLFormElement> {
+    layout?: 'horizontal' | 'vertical' | 'inline';
+    labelCol?: {
+        span?: number;
+        offset?: number;
+    };
+    wrapperCol?: {
+        span?: number;
+        offset?: number;
+    };
+    children: React.ReactNode;
+}
+export declare const Form: React.FC<FormProps>;
+export interface FormItemProps {
+    label?: React.ReactNode;
+    required?: boolean;
+    error?: string;
+    help?: string;
+    children: React.ReactNode;
+    style?: React.CSSProperties;
+    className?: string;
+}
+export declare const FormItem: React.FC<FormItemProps>;
+export interface SpaceProps {
+    size?: number | 'small' | 'middle' | 'large';
+    direction?: 'horizontal' | 'vertical';
+    align?: 'start' | 'end' | 'center' | 'baseline';
+    wrap?: boolean;
+    children: React.ReactNode;
+    style?: React.CSSProperties;
+    className?: string;
+    fullWidth?: boolean;
+}
+export declare const Space: React.FC<SpaceProps>;

package/dist/src/components/Form.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React from 'react';
+import { tokens } from '../tokens';
+import { Row, Col } from './Grid';
+const FormContext = React.createContext({ layout: 'vertical' });
+export const Form = ({ layout = 'vertical', labelCol, wrapperCol, children, ...props }) => {
+    return (_jsx(FormContext.Provider, { value: { layout, labelCol, wrapperCol }, children: _jsx("form", { ...props, style: { width: '100%', ...props.style }, children: children }) }));
+};
+export const FormItem = ({ label, required, error, help, children, style = {}, className = '', }) => {
+    var _a;
+    const { layout, labelCol, wrapperCol } = React.useContext(FormContext);
+    const isHorizontal = layout === 'horizontal';
+    const labelContent = label && (_jsx("div", { style: {
+            marginBottom: isHorizontal ? 0 : '8px',
+            paddingRight: isHorizontal ? '16px' : 0,
+            textAlign: isHorizontal ? 'right' : 'left',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: isHorizontal ? 'flex-end' : 'flex-start',
+            height: isHorizontal ? '40px' : 'auto', // Match input height
+        }, children: _jsxs("label", { style: {
+                fontSize: tokens.font.sm,
+                fontWeight: tokens.font.weightBold,
+                color: tokens.color.slate700,
+                display: 'inline-flex',
+                alignItems: 'center',
+            }, children: [label, required && _jsx("span", { style: { color: tokens.color.danger, marginLeft: '4px' }, children: "*" })] }) }));
+    const innerContent = (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '4px' }, children: [React.cloneElement(children, {
+                // Pass down error to input components if they support it
+                error: error || ((_a = children.props) === null || _a === void 0 ? void 0 : _a.error),
+            }), error && (_jsx("div", { style: { fontSize: '11px', color: tokens.color.danger, fontWeight: tokens.font.weightMedium }, children: error })), help && !error && (_jsx("div", { style: { fontSize: '11px', color: tokens.color.slate400 }, children: help }))] }));
+    return (_jsx("div", { className: `ds-form-item ${className}`, style: {
+            marginBottom: tokens.spacing[4],
+            ...style,
+        }, children: isHorizontal ? (_jsxs(Row, { align: "top", children: [_jsx(Col, { ...(labelCol || { span: 6 }), children: labelContent }), _jsx(Col, { ...(wrapperCol || { span: 18 }), children: innerContent })] })) : (_jsxs(_Fragment, { children: [labelContent, innerContent] })) }));
+};
+const SIZE_MAP = {
+    small: 8,
+    middle: 16,
+    large: 24,
+};
+export const Space = ({ size = 'small', direction = 'horizontal', align, wrap = false, children, style = {}, className = '', fullWidth = false, }) => {
+    const gap = typeof size === 'number' ? size : SIZE_MAP[size];
+    return (_jsx("div", { className: `ds-space ${className}`, style: {
+            display: direction === 'horizontal' ? (fullWidth ? 'flex' : 'inline-flex') : 'flex',
+            flexDirection: direction === 'vertical' ? 'column' : 'row',
+            flexWrap: wrap ? 'wrap' : 'nowrap',
+            gap: `${gap}px`,
+            alignItems: align,
+            width: fullWidth ? '100%' : undefined,
+            ...style,
+        }, children: children }));
+};
+//# sourceMappingURL=Form.js.map

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

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

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

@@ -5,21 +5,21 @@ export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>
     error?: string;
     leadingIcon?: React.ReactNode;
 }
-export declare const Input: React.FC<InputProps>;
+export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
 export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
     label?: string;
     required?: boolean;
     error?: string;
 }
-export declare const Textarea: React.FC<TextareaProps>;
+export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
 export interface NativeSelectProps extends React.SelectHTMLAttributes<HTMLSelectElement> {
     label?: string;
     required?: boolean;
     error?: string;
     leadingIcon?: React.ReactNode;
 }
-export declare const NativeSelect: React.FC<NativeSelectProps>;
+export declare const NativeSelect: React.ForwardRefExoticComponent<NativeSelectProps & React.RefAttributes<HTMLSelectElement>>;
 export interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {
     label?: string;
 }
-export declare const Checkbox: React.FC<CheckboxProps>;
+export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;