shared-design-system 1.2.0

package/dist/components/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../src/components/Card.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AASnC,MAAM,CAAC,MAAM,IAAI,GAAwB,CAAC,EACxC,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,MAAM,EACN,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,EAAE,EACV,OAAO,GAAG,IAAI,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,QAAO,OAAO,EAAE,CAAC;YACf,KAAK,IAAI,CAAC,CAAC,OAAO,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;YACpC,KAAK,IAAI,CAAC,CAAC,OAAO,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;YACpC,KAAK,IAAI,CAAC;YACV,OAAO,CAAC,CAAC,OAAO,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QACpC,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,cAAc,GAAwB;QAC1C,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO;QACrC,YAAY,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE;QAC9B,MAAM,EAAE,aAAa,MAAM,CAAC,KAAK,CAAC,MAAM,EAAE;QAC1C,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE;QAC3B,QAAQ,EAAE,QAAQ;QAClB,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,GAAG,KAAK;KACT,CAAC;IAEF,MAAM,SAAS,GAAwB;QACrC,OAAO,EAAE,UAAU,EAAE;QACrB,IAAI,EAAE,CAAC;KACR,CAAC;IAEF,MAAM,WAAW,GAAwB;QACvC,OAAO,EAAE,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,UAAU,EAAE,EAAE;QAC/C,YAAY,EAAE,aAAa,MAAM,CAAC,KAAK,CAAC,UAAU,EAAE;QACpD,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,UAAU;QACxC,SAAS,EAAE,aAAa,MAAM,CAAC,KAAK,CAAC,OAAO,EAAE;KAC/C,CAAC;IAEF,MAAM,WAAW,GAAwB;QACvC,OAAO,EAAE,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,UAAU,EAAE,EAAE;QAC/C,SAAS,EAAE,aAAa,MAAM,CAAC,KAAK,CAAC,MAAM,EAAE;QAC7C,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,UAAU;KACzC,CAAC;IAEF,OAAO,CACL,eAAK,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,KAAM,KAAK,aACxD,CAAC,KAAK,IAAI,QAAQ,CAAC,IAAI,CACtB,eAAK,KAAK,EAAE,WAAW,aACpB,KAAK,IAAI,aAAI,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,EAAE,UAAU,EAAE,MAAM,CAAC,IAAI,CAAC,UAAU,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,YAAG,KAAK,GAAM,EACvI,QAAQ,IAAI,YAAG,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,SAAS,EAAE,YAAG,QAAQ,GAAK,IACpI,CACP,EACD,cAAK,KAAK,EAAE,SAAS,YAClB,QAAQ,GACL,EACL,MAAM,IAAI,CACT,cAAK,KAAK,EAAE,WAAW,YACpB,MAAM,GACH,CACP,IACG,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/ConfirmModal.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export interface ConfirmModalProps {
+    isOpen: boolean;
+    title: string;
+    message: string;
+    confirmText?: string;
+    cancelText?: string;
+    onConfirm: () => void;
+    onCancel: () => void;
+    variant?: 'danger' | 'primary';
+}
+export declare const ConfirmModal: React.FC<ConfirmModalProps>;

package/dist/components/ConfirmModal.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from './Button';
+import { tokens } from '../tokens';
+export const ConfirmModal = ({ isOpen, title, message, confirmText = 'Xác nhận', cancelText = 'Hủy bỏ', onConfirm, onCancel, variant = 'primary', }) => {
+    if (!isOpen)
+        return null;
+    const overlayStyle = {
+        position: 'fixed',
+        top: 0,
+        left: 0,
+        width: '100%',
+        height: '100%',
+        backgroundColor: tokens.color.overlay,
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        zIndex: 1000,
+        backdropFilter: 'blur(4px)',
+        fontFamily: tokens.font.family,
+    };
+    const modalStyle = {
+        backgroundColor: tokens.color.surface,
+        borderRadius: tokens.radius.xl,
+        padding: tokens.spacing[8],
+        width: '420px',
+        maxWidth: '90%',
+        boxShadow: tokens.shadow.xl,
+        animation: 'ds-fade-in 0.25s ease-out',
+    };
+    return (_jsxs("div", { style: overlayStyle, onClick: onCancel, children: [_jsxs("div", { style: modalStyle, onClick: e => e.stopPropagation(), children: [_jsx("h3", { style: {
+                            marginTop: 0,
+                            marginBottom: tokens.spacing[3],
+                            fontSize: tokens.font.xl,
+                            fontWeight: tokens.font.weightBold,
+                            color: tokens.color.text
+                        }, children: title }), _jsx("p", { style: {
+                            marginTop: 0,
+                            marginBottom: tokens.spacing[8],
+                            fontSize: tokens.font.base,
+                            lineHeight: 1.6,
+                            color: tokens.color.textMuted
+                        }, children: message }), _jsxs("div", { style: {
+                            display: 'flex',
+                            justifyContent: 'flex-end',
+                            gap: tokens.spacing[3]
+                        }, children: [_jsx(Button, { variant: "ghost", onClick: onCancel, children: cancelText }), _jsx(Button, { variant: variant, onClick: onConfirm, children: confirmText })] })] }), _jsx("style", { children: `
+        @keyframes ds-fade-in {
+          from { opacity: 0; transform: scale(0.95); }
+          to { opacity: 1; transform: scale(1); }
+        }
+      ` })] }));
+};
+//# sourceMappingURL=ConfirmModal.js.map

package/dist/components/ConfirmModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmModal.js","sourceRoot":"","sources":["../../src/components/ConfirmModal.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAanC,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EACxD,MAAM,EACN,KAAK,EACL,OAAO,EACP,WAAW,GAAG,UAAU,EACxB,UAAU,GAAG,QAAQ,EACrB,SAAS,EACT,QAAQ,EACR,OAAO,GAAG,SAAS,GACpB,EAAE,EAAE;IACH,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAEzB,MAAM,YAAY,GAAwB;QACxC,QAAQ,EAAE,OAAO;QACjB,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO;QACrC,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,MAAM,EAAE,IAAI;QACZ,cAAc,EAAE,WAAW;QAC3B,UAAU,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM;KAC/B,CAAC;IAEF,MAAM,UAAU,GAAwB;QACtC,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO;QACrC,YAAY,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE;QAC9B,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;QAC1B,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,KAAK;QACf,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE;QAC3B,SAAS,EAAE,2BAA2B;KACvC,CAAC;IAEF,OAAO,CACL,eAAK,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,QAAQ,aACzC,eAAK,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,aACvD,aAAI,KAAK,EAAE;4BACT,SAAS,EAAE,CAAC;4BACZ,YAAY,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;4BAC/B,QAAQ,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE;4BACxB,UAAU,EAAE,MAAM,CAAC,IAAI,CAAC,UAAU;4BAClC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI;yBACzB,YACE,KAAK,GACH,EACL,YAAG,KAAK,EAAE;4BACR,SAAS,EAAE,CAAC;4BACZ,YAAY,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;4BAC/B,QAAQ,EAAE,MAAM,CAAC,IAAI,CAAC,IAAI;4BAC1B,UAAU,EAAE,GAAG;4BACf,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,SAAS;yBAC9B,YACE,OAAO,GACN,EACJ,eAAK,KAAK,EAAE;4BACV,OAAO,EAAE,MAAM;4BACf,cAAc,EAAE,UAAU;4BAC1B,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;yBACvB,aACC,KAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAE,QAAQ,YACtC,UAAU,GACJ,EACT,KAAC,MAAM,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,YACzC,WAAW,GACL,IACL,IACF,EACN,0BAAQ;;;;;OAKP,GAAS,IACN,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/Divider.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface DividerProps extends React.HTMLAttributes<HTMLElement> {
+    orientation?: 'horizontal' | 'vertical';
+    margin?: 'none' | 'sm' | 'md' | 'lg';
+}
+export declare const Divider: React.FC<DividerProps>;

package/dist/components/Divider.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { tokens } from '../tokens';
+export const Divider = ({ orientation = 'horizontal', margin = 'md', className = '', style = {} }) => {
+    const getMargin = () => {
+        switch (margin) {
+            case 'none': return '0';
+            case 'sm': return tokens.spacing[2];
+            case 'lg': return tokens.spacing[8];
+            case 'md':
+            default: return tokens.spacing[4];
+        }
+    };
+    const baseStyle = {
+        backgroundColor: tokens.color.border,
+        border: 'none',
+        ...style
+    };
+    if (orientation === 'vertical') {
+        return (_jsx("div", { style: {
+                ...baseStyle,
+                width: '1px',
+                height: '100%',
+                margin: `0 ${getMargin()}`,
+                display: 'inline-block',
+                verticalAlign: 'middle'
+            }, className: className }));
+    }
+    return (_jsx("hr", { style: {
+            ...baseStyle,
+            width: '100%',
+            height: '1px',
+            margin: `${getMargin()} 0`
+        }, className: className }));
+};
+//# sourceMappingURL=Divider.js.map

package/dist/components/Divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../src/components/Divider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAOnC,MAAM,CAAC,MAAM,OAAO,GAA2B,CAAC,EAC9C,WAAW,GAAG,YAAY,EAC1B,MAAM,GAAG,IAAI,EACb,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,EAAE,EACX,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,QAAO,MAAM,EAAE,CAAC;YACd,KAAK,MAAM,CAAC,CAAC,OAAO,GAAG,CAAC;YACxB,KAAK,IAAI,CAAC,CAAC,OAAO,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;YACpC,KAAK,IAAI,CAAC,CAAC,OAAO,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;YACpC,KAAK,IAAI,CAAC;YACV,OAAO,CAAC,CAAC,OAAO,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QACpC,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,SAAS,GAAwB;QACrC,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,MAAM;QACpC,MAAM,EAAE,MAAM;QACd,GAAG,KAAK;KACT,CAAC;IAEF,IAAI,WAAW,KAAK,UAAU,EAAE,CAAC;QAC/B,OAAO,CACL,cACE,KAAK,EAAE;gBACL,GAAG,SAAS;gBACZ,KAAK,EAAE,KAAK;gBACZ,MAAM,EAAE,MAAM;gBACd,MAAM,EAAE,KAAK,SAAS,EAAE,EAAE;gBAC1B,OAAO,EAAE,cAAc;gBACvB,aAAa,EAAE,QAAQ;aACxB,EACD,SAAS,EAAE,SAAS,GACpB,CACH,CAAC;IACJ,CAAC;IAED,OAAO,CACL,aACE,KAAK,EAAE;YACL,GAAG,SAAS;YACZ,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,KAAK;YACb,MAAM,EAAE,GAAG,SAAS,EAAE,IAAI;SAC3B,EACD,SAAS,EAAE,SAAS,GACpB,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/InputComponents.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    label?: string;
+    required?: boolean;
+    error?: string;
+}
+export declare const Input: React.FC<InputProps>;
+export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+    label?: string;
+    required?: boolean;
+    error?: string;
+}
+export declare const Textarea: React.FC<TextareaProps>;
+export interface SelectProps extends React.SelectHTMLAttributes<HTMLSelectElement> {
+    label?: string;
+    required?: boolean;
+    error?: string;
+}
+export declare const Select: React.FC<SelectProps>;
+export interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    label?: string;
+}
+export declare const Checkbox: React.FC<CheckboxProps>;

package/dist/components/InputComponents.js

@@ -0,0 +1,83 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { tokens } from '../tokens';
+const labelStyle = {
+    display: 'block',
+    fontSize: tokens.font.xs,
+    fontWeight: tokens.font.weightMedium,
+    color: tokens.color.textMuted,
+    marginBottom: tokens.spacing[1],
+};
+const inputBaseStyle = {
+    width: '100%',
+    padding: `${tokens.spacing[2]} ${tokens.spacing[3]}`,
+    fontSize: tokens.font.sm,
+    borderRadius: tokens.radius.md,
+    border: `1px solid ${tokens.color.border}`,
+    backgroundColor: tokens.color.surface,
+    color: tokens.color.text,
+    outline: 'none',
+    transition: tokens.transition.fast,
+    fontFamily: tokens.font.family,
+};
+export const Input = ({ label, required, error, className = '', style = {}, ...props }) => {
+    return (_jsxs("div", { className: className, style: { width: '100%' }, children: [label && (_jsxs("label", { style: labelStyle, children: [label, " ", required && _jsx("span", { style: { color: tokens.color.danger }, children: "*" })] })), _jsx("input", { style: {
+                    ...inputBaseStyle,
+                    borderColor: error ? tokens.color.danger : tokens.color.border,
+                    ...style
+                }, ...props }), error && _jsx("p", { style: { fontSize: '11px', color: tokens.color.danger, marginTop: '4px' }, children: error })] }));
+};
+export const Textarea = ({ label, required, error, className = '', style = {}, ...props }) => {
+    return (_jsxs("div", { className: className, style: { width: '100%' }, children: [label && (_jsxs("label", { style: labelStyle, children: [label, " ", required && _jsx("span", { style: { color: tokens.color.danger }, children: "*" })] })), _jsx("textarea", { style: {
+                    ...inputBaseStyle,
+                    minHeight: '80px',
+                    resize: 'vertical',
+                    borderColor: error ? tokens.color.danger : tokens.color.border,
+                    ...style
+                }, ...props }), error && _jsx("p", { style: { fontSize: '11px', color: tokens.color.danger, marginTop: '4px' }, children: error })] }));
+};
+export const Select = ({ label, required, children, error, className = '', style = {}, ...props }) => {
+    return (_jsxs("div", { className: className, style: { width: '100%' }, children: [label && (_jsxs("label", { style: labelStyle, children: [label, " ", required && _jsx("span", { style: { color: tokens.color.danger }, children: "*" })] })), _jsxs("div", { style: { position: 'relative' }, children: [_jsx("select", { style: {
+                            ...inputBaseStyle,
+                            appearance: 'none',
+                            paddingRight: tokens.spacing[8],
+                            borderColor: error ? tokens.color.danger : tokens.color.border,
+                            ...style
+                        }, ...props, children: children }), _jsx("div", { style: {
+                            position: 'absolute',
+                            right: tokens.spacing[3],
+                            top: '50%',
+                            transform: 'translateY(-50%)',
+                            pointerEvents: 'none',
+                            color: tokens.color.textMuted
+                        }, children: _jsx("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("polyline", { points: "6 9 12 15 18 9" }) }) })] }), error && _jsx("p", { style: { fontSize: '11px', color: tokens.color.danger, marginTop: '4px' }, children: error })] }));
+};
+export const Checkbox = ({ label, checked, className = '', style = {}, ...props }) => {
+    return (_jsxs("label", { className: className, style: {
+            display: 'inline-flex',
+            alignItems: 'center',
+            gap: tokens.spacing[3],
+            cursor: 'pointer',
+            fontSize: tokens.font.sm,
+            fontWeight: tokens.font.weightMedium,
+            color: tokens.color.text,
+            ...style
+        }, children: [_jsxs("div", { style: { position: 'relative', display: 'flex', alignItems: 'center' }, children: [_jsx("input", { type: "checkbox", checked: checked, style: {
+                            appearance: 'none',
+                            width: '20px',
+                            height: '20px',
+                            borderRadius: '6px',
+                            border: `1px solid ${checked ? tokens.color.primary : tokens.color.border}`,
+                            backgroundColor: checked ? tokens.color.primary : 'transparent',
+                            cursor: 'pointer',
+                            transition: tokens.transition.fast,
+                        }, ...props }), checked && (_jsx("svg", { style: {
+                            position: 'absolute',
+                            left: '3px',
+                            top: '3px',
+                            width: '14px',
+                            height: '14px',
+                            color: 'white',
+                            pointerEvents: 'none'
+                        }, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "4", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("polyline", { points: "20 6 9 17 4 12" }) }))] }), label] }));
+};
+//# sourceMappingURL=InputComponents.js.map

package/dist/components/InputComponents.js.map

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

package/dist/components/ListComponents.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export interface ListProps extends React.HTMLAttributes<HTMLUListElement> {
+    children: React.ReactNode;
+}
+export declare const List: React.FC<ListProps>;
+export interface ListItemProps extends React.HTMLAttributes<HTMLLIElement> {
+    children: React.ReactNode;
+    icon?: React.ReactNode;
+    action?: React.ReactNode;
+    divider?: boolean;
+    active?: boolean;
+}
+export declare const ListItem: React.FC<ListItemProps>;

package/dist/components/ListComponents.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { tokens } from '../tokens';
+export const List = ({ children, className = '', style = {} }) => (_jsx("ul", { style: {
+        listStyle: 'none',
+        padding: 0,
+        margin: 0,
+        border: `1px solid ${tokens.color.border}`,
+        borderRadius: tokens.radius.lg,
+        overflow: 'hidden',
+        backgroundColor: tokens.color.surface,
+        ...style
+    }, className: className, children: children }));
+export const ListItem = ({ children, icon, action, onClick, className = '', style = {}, divider = true, active = false, ...props }) => {
+    const itemStyle = {
+        display: 'flex',
+        alignItems: 'center',
+        padding: `${tokens.spacing[3]} ${tokens.spacing[4]}`,
+        gap: tokens.spacing[4],
+        cursor: onClick ? 'pointer' : 'default',
+        backgroundColor: active ? tokens.color.primaryLight : (onClick ? tokens.color.surface : 'transparent'),
+        borderBottom: divider ? `1px solid ${tokens.color.surfaceAlt}` : 'none',
+        transition: tokens.transition.fast,
+        color: active ? tokens.color.primary : tokens.color.text,
+        ...style
+    };
+    return (_jsxs("li", { style: itemStyle, className: className, onClick: onClick, onMouseEnter: onClick ? (e) => e.currentTarget.style.backgroundColor = active ? tokens.color.primaryLight : tokens.color.surfaceAlt : undefined, onMouseLeave: onClick ? (e) => e.currentTarget.style.backgroundColor = active ? tokens.color.primaryLight : tokens.color.surface : undefined, ...props, children: [icon && _jsx("div", { style: { flexShrink: 0, color: active ? tokens.color.primary : tokens.color.textMuted }, children: icon }), _jsx("div", { style: { flex: 1, fontSize: tokens.font.sm, fontWeight: active ? tokens.font.weightBold : tokens.font.weightMedium }, children: children }), action && _jsx("div", { style: { flexShrink: 0 }, children: action })] }));
+};
+//# sourceMappingURL=ListComponents.js.map

package/dist/components/ListComponents.js.map

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

package/dist/components/LoadingSpinner.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface LoadingSpinnerProps {
+    size?: 'sm' | 'md' | 'lg';
+    color?: 'primary' | 'white';
+    className?: string;
+}
+export declare const LoadingSpinner: React.FC<LoadingSpinnerProps>;

package/dist/components/LoadingSpinner.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { tokens } from '../tokens';
+export const LoadingSpinner = ({ size = 'md', color = 'primary', className = '' }) => {
+    const getDims = () => {
+        switch (size) {
+            case 'sm': return '16px';
+            case 'lg': return '48px';
+            case 'md':
+            default: return '32px';
+        }
+    };
+    const getStrokeWidth = () => size === 'sm' ? '3' : '4';
+    const getColor = () => color === 'white' ? '#FFFFFF' : tokens.color.primary;
+    const dims = getDims();
+    return (_jsx("div", { style: { display: 'inline-flex', alignItems: 'center', justifyContent: 'center' }, className: className, children: _jsxs("svg", { width: dims, height: dims, viewBox: "0 0 50 50", style: { animation: 'ds-spin 1s linear infinite' }, children: [_jsx("circle", { cx: "25", cy: "25", r: "20", fill: "none", stroke: getColor(), strokeWidth: getStrokeWidth(), strokeDasharray: "90, 150", strokeLinecap: "round", style: { opacity: 1 } }), _jsx("style", { children: `
+          @keyframes ds-spin {
+            100% { transform: rotate(360deg); }
+          }
+        ` })] }) }));
+};
+//# sourceMappingURL=LoadingSpinner.js.map

package/dist/components/LoadingSpinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingSpinner.js","sourceRoot":"","sources":["../../src/components/LoadingSpinner.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAQnC,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAAE,IAAI,GAAG,IAAI,EAAE,KAAK,GAAG,SAAS,EAAE,SAAS,GAAG,EAAE,EAAE,EAAE,EAAE;IAClH,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,QAAO,IAAI,EAAE,CAAC;YACZ,KAAK,IAAI,CAAC,CAAC,OAAO,MAAM,CAAC;YACzB,KAAK,IAAI,CAAC,CAAC,OAAO,MAAM,CAAC;YACzB,KAAK,IAAI,CAAC;YACV,OAAO,CAAC,CAAC,OAAO,MAAM,CAAC;QACzB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;IACvD,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC;IAE5E,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,OAAO,CACL,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE,EAAE,SAAS,EAAE,SAAS,YAC1G,eACE,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,EAAE,SAAS,EAAE,4BAA4B,EAAE,aAElD,iBACE,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,IAAI,EACN,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,QAAQ,EAAE,EAClB,WAAW,EAAE,cAAc,EAAE,EAC7B,eAAe,EAAC,SAAS,EACzB,aAAa,EAAC,OAAO,EACrB,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,GACrB,EACF,0BAAQ;;;;SAIP,GAAS,IACN,GACF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/Progress.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface ProgressProps extends React.HTMLAttributes<HTMLDivElement> {
+    value?: number;
+    max?: number;
+    color?: 'primary' | 'success' | 'warning' | 'danger' | 'info';
+    height?: string;
+    showLabel?: boolean;
+}
+export declare const Progress: React.FC<ProgressProps>;

package/dist/components/Progress.js

@@ -0,0 +1,43 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { tokens } from '../tokens';
+export const Progress = ({ value = 0, max = 100, color = 'primary', height = '8px', className = '', style = {}, showLabel = false, ...props }) => {
+    const percentage = Math.min(100, Math.max(0, (value / max) * 100));
+    const getColor = () => {
+        switch (color) {
+            case 'success': return tokens.color.success;
+            case 'warning': return tokens.color.warning;
+            case 'danger': return tokens.color.danger;
+            case 'info': return tokens.color.info;
+            case 'primary':
+            default: return tokens.color.primary;
+        }
+    };
+    const containerStyle = {
+        width: '100%',
+        ...style
+    };
+    const trackStyle = {
+        width: '100%',
+        height: height,
+        backgroundColor: tokens.color.surfaceAlt,
+        borderRadius: tokens.radius.full,
+        overflow: 'hidden',
+        border: `1px solid ${tokens.color.border}`,
+    };
+    const barStyle = {
+        width: `${percentage}%`,
+        height: '100%',
+        backgroundColor: getColor(),
+        transition: 'width 0.3s ease-in-out',
+        borderRadius: tokens.radius.full,
+    };
+    return (_jsxs("div", { style: containerStyle, className: className, ...props, children: [showLabel && (_jsx("div", { style: {
+                    display: 'flex',
+                    justifyContent: 'space-between',
+                    marginBottom: tokens.spacing[1],
+                    fontSize: tokens.font.xs,
+                    fontWeight: tokens.font.weightBold,
+                    color: tokens.color.textMuted
+                }, children: _jsxs("span", { children: [percentage.toFixed(0), "%"] }) })), _jsx("div", { style: trackStyle, children: _jsx("div", { style: barStyle }) })] }));
+};
+//# sourceMappingURL=Progress.js.map

package/dist/components/Progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.js","sourceRoot":"","sources":["../../src/components/Progress.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAUnC,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,EAChD,KAAK,GAAG,CAAC,EACT,GAAG,GAAG,GAAG,EACT,KAAK,GAAG,SAAS,EACjB,MAAM,GAAG,KAAK,EACd,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,EAAE,EACV,SAAS,GAAG,KAAK,EACjB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC;IAEnE,MAAM,QAAQ,GAAG,GAAG,EAAE;QACpB,QAAQ,KAAK,EAAE,CAAC;YACd,KAAK,SAAS,CAAC,CAAC,OAAO,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC;YAC5C,KAAK,SAAS,CAAC,CAAC,OAAO,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC;YAC5C,KAAK,QAAQ,CAAC,CAAC,OAAO,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC;YAC1C,KAAK,MAAM,CAAC,CAAC,OAAO,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC;YACtC,KAAK,SAAS,CAAC;YACf,OAAO,CAAC,CAAC,OAAO,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC;QACvC,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,cAAc,GAAwB;QAC1C,KAAK,EAAE,MAAM;QACb,GAAG,KAAK;KACT,CAAC;IAEF,MAAM,UAAU,GAAwB;QACtC,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,UAAU;QACxC,YAAY,EAAE,MAAM,CAAC,MAAM,CAAC,IAAI;QAChC,QAAQ,EAAE,QAAQ;QAClB,MAAM,EAAE,aAAa,MAAM,CAAC,KAAK,CAAC,MAAM,EAAE;KAC3C,CAAC;IAEF,MAAM,QAAQ,GAAwB;QACpC,KAAK,EAAE,GAAG,UAAU,GAAG;QACvB,MAAM,EAAE,MAAM;QACd,eAAe,EAAE,QAAQ,EAAE;QAC3B,UAAU,EAAE,wBAAwB;QACpC,YAAY,EAAE,MAAM,CAAC,MAAM,CAAC,IAAI;KACjC,CAAC;IAEF,OAAO,CACL,eAAK,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,KAAM,KAAK,aACxD,SAAS,IAAI,CACZ,cAAK,KAAK,EAAE;oBACV,OAAO,EAAE,MAAM;oBACf,cAAc,EAAE,eAAe;oBAC/B,YAAY,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;oBAC/B,QAAQ,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE;oBACxB,UAAU,EAAE,MAAM,CAAC,IAAI,CAAC,UAAU;oBAClC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,SAAS;iBAC9B,YACC,2BAAO,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,GACjC,CACP,EACD,cAAK,KAAK,EAAE,UAAU,YACpB,cAAK,KAAK,EAAE,QAAQ,GAAI,GACpB,IACF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/Radio.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { tokens } from '../tokens';
+export interface RadioProps {
+    label?: React.ReactNode;
+    checked: boolean;
+    name?: string;
+    value?: string | number;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    disabled?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const Radio: React.FC<RadioProps>;
+export interface RadioGroupProps {
+    children: React.ReactNode;
+    direction?: 'row' | 'column';
+    spacing?: keyof typeof tokens.spacing;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const RadioGroup: React.FC<RadioGroupProps>;

package/dist/components/Radio.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { tokens } from '../tokens';
+export const Radio = ({ label, checked, name, value, onChange, disabled = false, className = '', style = {}, }) => {
+    const containerStyle = {
+        display: 'inline-flex',
+        alignItems: 'center',
+        gap: tokens.spacing['3'],
+        cursor: disabled ? 'not-allowed' : 'pointer',
+        opacity: disabled ? 0.6 : 1,
+        userSelect: 'none',
+        ...style,
+    };
+    const radioBoxStyle = {
+        position: 'relative',
+        width: '20px',
+        height: '20px',
+        borderRadius: '50%',
+        border: `2px solid ${checked ? tokens.color.primary : tokens.color.border}`,
+        backgroundColor: tokens.color.surface,
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        transition: tokens.transition.fast,
+        flexShrink: 0,
+    };
+    const innerCircleStyle = {
+        width: '10px',
+        height: '10px',
+        borderRadius: '50%',
+        backgroundColor: tokens.color.primary,
+        transform: checked ? 'scale(1)' : 'scale(0)',
+        opacity: checked ? 1 : 0,
+        transition: tokens.transition.fast,
+    };
+    return (_jsxs("label", { style: containerStyle, className: className, children: [_jsxs("div", { style: { position: 'relative', display: 'flex', alignItems: 'center' }, children: [_jsx("input", { type: "radio", name: name, value: value, checked: checked, onChange: onChange, disabled: disabled, style: { position: 'absolute', opacity: 0, width: 0, height: 0 } }), _jsx("div", { style: radioBoxStyle, children: _jsx("div", { style: innerCircleStyle }) })] }), label && (_jsx("span", { style: {
+                    fontSize: tokens.font.sm,
+                    fontWeight: tokens.font.weightMedium,
+                    color: tokens.color.text,
+                }, children: label }))] }));
+};
+export const RadioGroup = ({ children, direction = 'column', spacing = '3', className = '', style = {}, }) => {
+    var _a;
+    const groupStyle = {
+        display: 'flex',
+        flexDirection: direction,
+        gap: (_a = tokens.spacing[spacing]) !== null && _a !== void 0 ? _a : tokens.spacing['3'],
+        ...style,
+    };
+    return (_jsx("div", { style: groupStyle, className: className, children: children }));
+};
+//# sourceMappingURL=Radio.js.map

package/dist/components/Radio.js.map

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

package/dist/components/ReadOnlyField.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface ReadOnlyFieldProps extends React.HTMLAttributes<HTMLDivElement> {
+    label: string;
+    value?: string;
+}
+export declare const ReadOnlyField: React.FC<ReadOnlyFieldProps>;

package/dist/components/ReadOnlyField.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { tokens } from '../tokens';
+export const ReadOnlyField = ({ label, value, className = '', style = {} }) => (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: tokens.spacing[1], ...style }, className: className, children: [_jsx("label", { style: {
+                fontSize: tokens.font.xs,
+                fontWeight: tokens.font.weightBold,
+                color: tokens.color.textMuted,
+                textTransform: 'uppercase',
+                letterSpacing: '0.05em'
+            }, children: label }), _jsx("div", { style: {
+                fontSize: tokens.font.sm,
+                fontWeight: tokens.font.weightSemibold,
+                color: tokens.color.text,
+                backgroundColor: tokens.color.surfaceAlt,
+                padding: `${tokens.spacing[2]} ${tokens.spacing[3]}`,
+                borderRadius: tokens.radius.md,
+                border: `1px solid ${tokens.color.border}`,
+                minHeight: '38px',
+                display: 'flex',
+                alignItems: 'center'
+            }, children: value || 'N/A' })] }));
+//# sourceMappingURL=ReadOnlyField.js.map

package/dist/components/ReadOnlyField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReadOnlyField.js","sourceRoot":"","sources":["../../src/components/ReadOnlyField.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAOnC,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,GAAG,EAAE,EAAE,EAAE,EAAE,CAAC,CAC3G,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,aAC9G,gBAAO,KAAK,EAAE;gBACZ,QAAQ,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE;gBACxB,UAAU,EAAE,MAAM,CAAC,IAAI,CAAC,UAAU;gBAClC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,SAAS;gBAC7B,aAAa,EAAE,WAAoB;gBACnC,aAAa,EAAE,QAAQ;aACxB,YACE,KAAK,GACA,EACR,cAAK,KAAK,EAAE;gBACV,QAAQ,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE;gBACxB,UAAU,EAAE,MAAM,CAAC,IAAI,CAAC,cAAc;gBACtC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI;gBACxB,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,UAAU;gBACxC,OAAO,EAAE,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;gBACpD,YAAY,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE;gBAC9B,MAAM,EAAE,aAAa,MAAM,CAAC,KAAK,CAAC,MAAM,EAAE;gBAC1C,SAAS,EAAE,MAAM;gBACjB,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;aACrB,YACE,KAAK,IAAI,KAAK,GACX,IACF,CACP,CAAC"}

package/dist/components/Skeleton.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
+    variant?: 'text' | 'circle' | 'rectangular';
+    width?: string | number;
+    height?: string | number;
+}
+export declare const Skeleton: React.FC<SkeletonProps>;

package/dist/components/Skeleton.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { tokens } from '../tokens';
+export const Skeleton = ({ variant = 'text', width, height, className = '', style = {} }) => {
+    const getDims = () => {
+        if (variant === 'circle')
+            return { width: width || '40px', height: height || '40px', borderRadius: '50%' };
+        if (variant === 'rectangular')
+            return { width: width || '100%', height: height || '100px', borderRadius: tokens.radius.md };
+        // text
+        return { width: width || '100%', height: height || '1em', borderRadius: '4px' };
+    };
+    const dims = getDims();
+    return (_jsx("div", { style: {
+            ...dims,
+            backgroundColor: tokens.color.surfaceAlt,
+            position: 'relative',
+            overflow: 'hidden',
+            animation: 'ds-pulse 1.5s ease-in-out infinite',
+            ...style
+        }, className: className, children: _jsx("style", { children: `
+        @keyframes ds-pulse {
+          0% { opacity: 1; }
+          50% { opacity: 0.4; }
+          100% { opacity: 1; }
+        }
+      ` }) }));
+};
+//# sourceMappingURL=Skeleton.js.map

package/dist/components/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../src/components/Skeleton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAQnC,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,EAChD,OAAO,GAAG,MAAM,EAChB,KAAK,EACL,MAAM,EACN,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,EAAE,EACX,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,IAAI,OAAO,KAAK,QAAQ;YAAE,OAAO,EAAE,KAAK,EAAE,KAAK,IAAI,MAAM,EAAE,MAAM,EAAE,MAAM,IAAI,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC;QAC3G,IAAI,OAAO,KAAK,aAAa;YAAE,OAAO,EAAE,KAAK,EAAE,KAAK,IAAI,MAAM,EAAE,MAAM,EAAE,MAAM,IAAI,OAAO,EAAE,YAAY,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,CAAC;QAC5H,OAAO;QACP,OAAO,EAAE,KAAK,EAAE,KAAK,IAAI,MAAM,EAAE,MAAM,EAAE,MAAM,IAAI,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC;IAClF,CAAC,CAAC;IAEF,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,OAAO,CACL,cACE,KAAK,EAAE;YACL,GAAG,IAAI;YACP,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,UAAU;YACxC,QAAQ,EAAE,UAAU;YACpB,QAAQ,EAAE,QAAQ;YAClB,SAAS,EAAE,oCAAoC;YAC/C,GAAG,KAAK;SACT,EACD,SAAS,EAAE,SAAS,YAEpB,0BAAQ;;;;;;OAMP,GAAS,GACN,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/Stack.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { tokens } from '../tokens';
+export interface StackProps extends React.HTMLAttributes<HTMLDivElement> {
+    direction?: 'row' | 'column' | 'row-reverse' | 'column-reverse';
+    spacing?: keyof typeof tokens.spacing | number;
+    align?: 'start' | 'center' | 'end' | 'stretch' | 'baseline';
+    justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+}
+export declare const Stack: React.FC<StackProps>;

package/dist/components/Stack.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { tokens } from '../tokens';
+export const Stack = ({ direction = 'column', spacing = 'md', align = 'stretch', justify = 'start', children, className = '', style = {}, ...props }) => {
+    const getSpacing = () => {
+        if (typeof spacing === 'number')
+            return `${spacing}px`;
+        return tokens.spacing[spacing] || tokens.spacing.md;
+    };
+    const getJustify = () => {
+        if (justify === 'between')
+            return 'space-between';
+        if (justify === 'around')
+            return 'space-around';
+        if (justify === 'evenly')
+            return 'space-evenly';
+        return justify;
+    };
+    const baseStyle = {
+        display: 'flex',
+        flexDirection: direction,
+        gap: getSpacing(),
+        alignItems: align,
+        justifyContent: getJustify(),
+        ...style
+    };
+    return (_jsx("div", { style: baseStyle, className: className, ...props, children: children }));
+};
+//# sourceMappingURL=Stack.js.map

package/dist/components/Stack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.js","sourceRoot":"","sources":["../../src/components/Stack.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AASnC,MAAM,CAAC,MAAM,KAAK,GAAyB,CAAC,EAC1C,SAAS,GAAG,QAAQ,EACpB,OAAO,GAAG,IAAI,EACd,KAAK,GAAG,SAAS,EACjB,OAAO,GAAG,OAAO,EACjB,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,EAAE,EACV,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,IAAI,OAAO,OAAO,KAAK,QAAQ;YAAE,OAAO,GAAG,OAAO,IAAI,CAAC;QACvD,OAAO,MAAM,CAAC,OAAO,CAAC,OAAiB,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC;IAChE,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,IAAI,OAAO,KAAK,SAAS;YAAE,OAAO,eAAe,CAAC;QAClD,IAAI,OAAO,KAAK,QAAQ;YAAE,OAAO,cAAc,CAAC;QAChD,IAAI,OAAO,KAAK,QAAQ;YAAE,OAAO,cAAc,CAAC;QAChD,OAAO,OAAO,CAAC;IACjB,CAAC,CAAC;IAEF,MAAM,SAAS,GAAwB;QACrC,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,SAAS;QACxB,GAAG,EAAE,UAAU,EAAE;QACjB,UAAU,EAAE,KAAK;QACjB,cAAc,EAAE,UAAU,EAAE;QAC5B,GAAG,KAAK;KACT,CAAC;IAEF,OAAO,CACL,cAAK,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,KAAM,KAAK,YACnD,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/Steps.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export type StepStatus = 'finish' | 'process' | 'wait';
+export interface StepItem {
+    title: string;
+    description?: string;
+}
+export interface StepsProps {
+    current?: number;
+    items?: StepItem[];
+    direction?: 'horizontal' | 'vertical';
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const Steps: React.FC<StepsProps>;