shared-design-system 1.11.0 → 1.12.0

package/dist/src/components/InputComponents.js

@@ -1,167 +1,124 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 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 filterLabelStyle = {
+const floatingLabelStyle = {
     position: 'absolute',
     top: '-10px',
-    left: '16px',
+    left: '14px',
     backgroundColor: 'white',
     padding: '0 6px',
-    fontSize: '11px',
-    fontWeight: tokens.font.weightSemibold,
+    fontSize: '10px',
+    fontWeight: tokens.font.weightBold,
     color: tokens.color.slate400,
     textTransform: 'uppercase',
-    letterSpacing: '0.05em',
+    letterSpacing: '0.1em',
     zIndex: 1,
+    transition: tokens.transition.fast,
 };
-const inputBaseStyle = {
+const inputContainerStyle = (isFocused, hasError) => ({
+    position: 'relative',
     width: '100%',
-    padding: `${tokens.spacing[3]} ${tokens.spacing[4]}`,
-    fontSize: tokens.font.sm,
-    borderRadius: tokens.radius.md,
-    border: `1px solid ${tokens.color.slate200}`,
     backgroundColor: tokens.color.white,
-    color: tokens.color.slate800,
-    outline: 'none',
+    border: `1px solid ${hasError ? tokens.color.danger : (isFocused ? tokens.color.borderFocus : tokens.color.slate200)}`,
+    borderRadius: tokens.radius.lg,
+    padding: '12px 16px',
     transition: tokens.transition.fast,
+    boxShadow: isFocused ? '0 0 0 3px rgba(245, 158, 11, 0.1)' : tokens.shadow.sm,
+});
+const inputFieldBaseStyle = {
+    width: '100%',
+    border: 'none',
+    outline: 'none',
+    backgroundColor: 'transparent',
+    fontSize: tokens.font.sm,
     fontFamily: tokens.font.family,
-    fontWeight: tokens.font.weightMedium,
-    boxShadow: tokens.shadow.sm,
+    fontWeight: tokens.font.weightSemibold,
+    color: tokens.color.slate800,
+    padding: '4px 0 0 0',
 };
-export const Input = ({ label, required, error, variant = 'default', className = '', style = {}, onFocus, onBlur, leadingIcon, ...props }) => {
+export const Input = ({ label, required, error, className = '', style = {}, onFocus, onBlur, leadingIcon, ...props }) => {
     const [isFocused, setIsFocused] = React.useState(false);
-    const isFilter = variant === 'filter';
-    const containerStyle = {
-        position: 'relative',
-        width: '100%',
-        display: 'flex',
-        alignItems: 'center',
-        ...(isFilter && {
-            border: `1px solid ${isFocused ? tokens.color.borderFocus : tokens.color.slate200}`,
-            borderRadius: tokens.radius.md,
-            padding: '8px 12px',
-            backgroundColor: tokens.color.white,
-            transition: tokens.transition.fast,
-            boxShadow: tokens.shadow.sm,
-        })
-    };
-    const fieldStyle = {
-        ...inputBaseStyle,
-        ...(leadingIcon && { paddingLeft: tokens.spacing[10] }),
-        ...(isFilter && {
-            border: 'none',
-            padding: '4px 0 0 0',
-            backgroundColor: 'transparent',
-            boxShadow: 'none',
-        }),
-        ...(isFocused && !isFilter && {
-            borderColor: tokens.color.borderFocus,
-            boxShadow: `0 0 0 3px ${tokens.color.borderFocus}22`,
-        }),
-        ...(error && { borderColor: tokens.color.danger }),
-        ...style
-    };
-    return (_jsxs("div", { className: className, style: { width: '100%', position: 'relative' }, children: [label && !isFilter && (_jsxs("label", { style: labelStyle, children: [label, " ", required && _jsx("span", { style: { color: tokens.color.danger }, children: "*" })] })), _jsxs("div", { style: containerStyle, children: [label && isFilter && (_jsx("label", { style: { ...filterLabelStyle, color: isFocused ? tokens.color.borderFocus : tokens.color.slate400 }, children: label })), leadingIcon && (_jsx("div", { style: {
+    return (_jsxs("div", { className: className, style: { width: '100%', position: 'relative', ...style }, children: [label && (_jsxs("label", { style: {
+                    ...floatingLabelStyle,
+                    color: isFocused ? tokens.color.borderFocus : (error ? tokens.color.danger : tokens.color.slate400),
+                    left: leadingIcon ? '40px' : '14px'
+                }, children: [label, " ", required && _jsx("span", { style: { color: tokens.color.danger }, children: "*" })] })), _jsxs("div", { style: inputContainerStyle(isFocused, !!error), children: [leadingIcon && (_jsx("div", { style: {
                             position: 'absolute',
-                            left: tokens.spacing[3],
-                            color: isFocused ? tokens.color.primary : tokens.color.slate400,
+                            left: '16px',
+                            top: '50%',
+                            transform: 'translateY(-50%)',
+                            color: isFocused ? tokens.color.primary : tokens.color.slate300,
                             display: 'flex',
                             alignItems: 'center',
                             zIndex: 1,
                             pointerEvents: 'none',
-                        }, children: leadingIcon })), _jsx("input", { style: fieldStyle, onFocus: (e) => {
+                            marginTop: '2px'
+                        }, children: leadingIcon })), _jsx("input", { style: {
+                            ...inputFieldBaseStyle,
+                            ...(leadingIcon && { paddingLeft: '28px' }),
+                        }, onFocus: (e) => {
                             setIsFocused(true);
                             onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
                         }, onBlur: (e) => {
                             setIsFocused(false);
                             onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
-                        }, ...props })] }), error && _jsx("p", { style: { fontSize: '11px', color: tokens.color.danger, marginTop: '4px' }, children: error })] }));
+                        }, ...props })] }), error && _jsx("p", { style: { fontSize: '11px', color: tokens.color.danger, marginTop: '6px', fontWeight: tokens.font.weightMedium }, children: error })] }));
 };
 export const Textarea = ({ label, required, error, className = '', style = {}, onFocus, onBlur, ...props }) => {
     const [isFocused, setIsFocused] = React.useState(false);
-    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: '100px',
-                    resize: 'vertical',
-                    ...(isFocused && {
-                        borderColor: tokens.color.borderFocus,
-                        boxShadow: `0 0 0 3px ${tokens.color.borderFocus}22`,
-                    }),
-                    ...(error && { borderColor: tokens.color.danger }),
-                    ...style
-                }, onFocus: (e) => {
-                    setIsFocused(true);
-                    onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
-                }, onBlur: (e) => {
-                    setIsFocused(false);
-                    onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
-                }, ...props }), error && _jsx("p", { style: { fontSize: '11px', color: tokens.color.danger, marginTop: '4px' }, children: error })] }));
+    return (_jsxs("div", { className: className, style: { width: '100%', position: 'relative', ...style }, children: [label && (_jsxs("label", { style: {
+                    ...floatingLabelStyle,
+                    color: isFocused ? tokens.color.borderFocus : (error ? tokens.color.danger : tokens.color.slate400)
+                }, children: [label, " ", required && _jsx("span", { style: { color: tokens.color.danger }, children: "*" })] })), _jsx("div", { style: inputContainerStyle(isFocused, !!error), children: _jsx("textarea", { style: {
+                        ...inputFieldBaseStyle,
+                        minHeight: '100px',
+                        resize: 'none',
+                    }, onFocus: (e) => {
+                        setIsFocused(true);
+                        onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
+                    }, onBlur: (e) => {
+                        setIsFocused(false);
+                        onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+                    }, ...props }) }), error && _jsx("p", { style: { fontSize: '11px', color: tokens.color.danger, marginTop: '6px', fontWeight: tokens.font.weightMedium }, children: error })] }));
 };
-export const Select = ({ label, required, children, error, variant = 'default', className = '', style = {}, onFocus, onBlur, leadingIcon, ...props }) => {
+export const NativeSelect = ({ label, required, children, error, className = '', style = {}, onFocus, onBlur, leadingIcon, ...props }) => {
     const [isFocused, setIsFocused] = React.useState(false);
-    const isFilter = variant === 'filter';
-    const containerStyle = {
-        position: 'relative',
-        width: '100%',
-        ...(isFilter && {
-            border: `1px solid ${isFocused ? tokens.color.borderFocus : tokens.color.slate200}`,
-            borderRadius: tokens.radius.md,
-            padding: '8px 12px',
-            backgroundColor: tokens.color.white,
-            transition: tokens.transition.fast,
-            boxShadow: tokens.shadow.sm,
-        })
-    };
-    const fieldStyle = {
-        ...inputBaseStyle,
-        appearance: 'none',
-        paddingRight: tokens.spacing[10],
-        ...(leadingIcon && { paddingLeft: tokens.spacing[10] }),
-        ...(isFilter && {
-            border: 'none',
-            padding: '4px 0 0 0',
-            backgroundColor: 'transparent',
-            boxShadow: 'none',
-        }),
-        ...(isFocused && !isFilter && {
-            borderColor: tokens.color.borderFocus,
-            boxShadow: `0 0 0 3px ${tokens.color.borderFocus}22`,
-        }),
-        ...(error && { borderColor: tokens.color.danger }),
-        ...style
-    };
-    return (_jsxs("div", { className: className, style: { width: '100%', position: 'relative' }, children: [label && !isFilter && (_jsxs("label", { style: labelStyle, children: [label, " ", required && _jsx("span", { style: { color: tokens.color.danger }, children: "*" })] })), _jsxs("div", { style: containerStyle, children: [label && isFilter && (_jsx("label", { style: { ...filterLabelStyle, color: isFocused ? tokens.color.borderFocus : tokens.color.slate400 }, children: label })), _jsxs("div", { style: { position: 'relative', display: 'flex', alignItems: 'center' }, children: [leadingIcon && (_jsx("div", { style: {
-                                    position: 'absolute',
-                                    left: tokens.spacing[3],
-                                    color: isFocused ? tokens.color.primary : tokens.color.slate400,
-                                    display: 'flex',
-                                    alignItems: 'center',
-                                    zIndex: 1,
-                                    pointerEvents: 'none'
-                                }, children: leadingIcon })), _jsx("select", { style: fieldStyle, onFocus: (e) => {
-                                    setIsFocused(true);
-                                    onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
-                                }, onBlur: (e) => {
-                                    setIsFocused(false);
-                                    onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
-                                }, ...props, children: children }), _jsx("div", { style: {
-                                    position: 'absolute',
-                                    right: isFilter ? '0' : tokens.spacing[3],
-                                    top: '50%',
-                                    transform: 'translateY(-50%)',
-                                    pointerEvents: 'none',
-                                    color: isFocused ? tokens.color.primary : tokens.color.slate400,
-                                    display: 'flex',
-                                    alignItems: 'center',
-                                    marginTop: isFilter ? '2px' : '0'
-                                }, children: _jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", 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 })] }));
+    return (_jsxs("div", { className: className, style: { width: '100%', position: 'relative', ...style }, children: [label && (_jsxs("label", { style: {
+                    ...floatingLabelStyle,
+                    color: isFocused ? tokens.color.borderFocus : (error ? tokens.color.danger : tokens.color.slate400),
+                    left: leadingIcon ? '40px' : '14px'
+                }, children: [label, " ", required && _jsx("span", { style: { color: tokens.color.danger }, children: "*" })] })), _jsx("div", { style: inputContainerStyle(isFocused, !!error), children: _jsxs("div", { style: { position: 'relative', display: 'flex', alignItems: 'center' }, children: [leadingIcon && (_jsx("div", { style: {
+                                position: 'absolute',
+                                left: '0',
+                                color: isFocused ? tokens.color.primary : tokens.color.slate300,
+                                display: 'flex',
+                                alignItems: 'center',
+                                zIndex: 1,
+                                pointerEvents: 'none',
+                                marginTop: '2px'
+                            }, children: leadingIcon })), _jsx("select", { style: {
+                                ...inputFieldBaseStyle,
+                                appearance: 'none',
+                                paddingRight: '32px',
+                                ...(leadingIcon && { paddingLeft: '28px' }),
+                                cursor: 'pointer',
+                            }, onFocus: (e) => {
+                                setIsFocused(true);
+                                onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
+                            }, onBlur: (e) => {
+                                setIsFocused(false);
+                                onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+                            }, ...props, children: children }), _jsx("div", { style: {
+                                position: 'absolute',
+                                right: '0',
+                                top: '50%',
+                                transform: 'translateY(-50%)',
+                                pointerEvents: 'none',
+                                color: isFocused ? tokens.color.borderFocus : tokens.color.slate300,
+                                display: 'flex',
+                                alignItems: 'center',
+                                marginTop: '2px'
+                            }, children: _jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", 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: '6px', fontWeight: tokens.font.weightMedium }, children: error })] }));
 };
 export const Checkbox = ({ label, checked, className = '', style = {}, ...props }) => {
     return (_jsxs("label", { className: className, style: {

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

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

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

@@ -0,0 +1,14 @@
+import React from 'react';
+export interface MultiSelectProps {
+    label?: string;
+    required?: boolean;
+    options: string[];
+    selectedValues: string[];
+    onChange: (values: string[]) => void;
+    onAddNew?: (value: string) => void;
+    placeholder?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    error?: string;
+}
+export declare const MultiSelect: React.FC<MultiSelectProps>;

package/dist/src/components/MultiSelect.js

@@ -0,0 +1,142 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useRef, useEffect } from 'react';
+import { tokens } from '../tokens';
+const floatingLabelStyle = {
+    position: 'absolute',
+    top: '-10px',
+    left: '14px',
+    backgroundColor: 'white',
+    padding: '0 6px',
+    fontSize: '10px',
+    fontWeight: tokens.font.weightBold,
+    color: tokens.color.slate400,
+    textTransform: 'uppercase',
+    letterSpacing: '0.1em',
+    zIndex: 10,
+    transition: tokens.transition.fast,
+};
+export const MultiSelect = ({ label, required, options, selectedValues, onChange, onAddNew, placeholder = 'Chọn...', className = '', style = {}, error }) => {
+    const [isOpen, setIsOpen] = useState(false);
+    const [searchValue, setSearchValue] = useState('');
+    const containerRef = useRef(null);
+    useEffect(() => {
+        const handleClickOutside = (event) => {
+            if (containerRef.current && !containerRef.current.contains(event.target)) {
+                setIsOpen(false);
+                setSearchValue('');
+            }
+        };
+        document.addEventListener('mousedown', handleClickOutside);
+        return () => document.removeEventListener('mousedown', handleClickOutside);
+    }, []);
+    const handleToggleValue = (value) => {
+        if (selectedValues.includes(value)) {
+            onChange(selectedValues.filter(v => v !== value));
+        }
+        else {
+            onChange([...selectedValues, value]);
+        }
+    };
+    const handleAddValue = () => {
+        if (!searchValue.trim())
+            return;
+        if (onAddNew) {
+            onAddNew(searchValue.trim());
+        }
+        else {
+            if (!options.includes(searchValue.trim())) {
+                // Fallback if onAddNew is not provided, we just add it to selection if it's not there
+                handleToggleValue(searchValue.trim());
+            }
+        }
+        setSearchValue('');
+    };
+    const filteredOptions = options.filter(opt => opt.toLowerCase().includes(searchValue.toLowerCase()));
+    return (_jsxs("div", { ref: containerRef, className: className, style: { position: 'relative', width: '100%', ...style }, children: [label && (_jsxs("label", { style: {
+                    ...floatingLabelStyle,
+                    color: isOpen ? tokens.color.borderFocus : (error ? tokens.color.danger : tokens.color.slate400)
+                }, children: [label, " ", required && _jsx("span", { style: { color: tokens.color.danger }, children: "*" })] })), _jsxs("div", { onClick: () => setIsOpen(!isOpen), style: {
+                    minHeight: '46px',
+                    padding: '10px 14px',
+                    backgroundColor: tokens.color.white,
+                    border: `1px solid ${error ? tokens.color.danger : (isOpen ? tokens.color.borderFocus : tokens.color.slate200)}`,
+                    borderRadius: tokens.radius.lg,
+                    display: 'flex',
+                    flexWrap: 'wrap',
+                    gap: '6px',
+                    alignItems: 'center',
+                    cursor: 'pointer',
+                    transition: tokens.transition.fast,
+                    boxShadow: isOpen ? '0 0 0 3px rgba(245, 158, 11, 0.1)' : tokens.shadow.sm,
+                }, children: [selectedValues.length > 0 ? (selectedValues.map(val => (_jsxs("span", { style: {
+                            display: 'inline-flex',
+                            alignItems: 'center',
+                            gap: '6px',
+                            padding: '2px 8px',
+                            backgroundColor: tokens.color.slate100,
+                            color: tokens.color.slate700,
+                            borderRadius: '6px',
+                            fontSize: '11px',
+                            fontWeight: tokens.font.weightBold,
+                            border: `1px solid ${tokens.color.slate200}`,
+                        }, onClick: (e) => {
+                            e.stopPropagation();
+                            handleToggleValue(val);
+                        }, children: [val, _jsxs("svg", { style: { width: '12px', height: '12px', opacity: 0.6 }, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", 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" })] })] }, val)))) : (_jsx("span", { style: { color: tokens.color.slate400, fontSize: tokens.font.sm, fontWeight: tokens.font.weightMedium }, children: placeholder })), _jsx("div", { style: { marginLeft: 'auto', color: tokens.color.slate300 }, children: _jsx("svg", { style: { width: '16px', height: '16px', transition: tokens.transition.fast, transform: isOpen ? 'rotate(180deg)' : 'none' }, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("polyline", { points: "6 9 12 15 18 9" }) }) })] }), isOpen && (_jsxs("div", { style: {
+                    position: 'absolute',
+                    top: '100%',
+                    left: 0,
+                    right: 0,
+                    marginTop: '8px',
+                    backgroundColor: tokens.color.white,
+                    borderRadius: tokens.radius.xl,
+                    boxShadow: tokens.shadow.xl,
+                    border: `1px solid ${tokens.color.slate100}`,
+                    zIndex: 1000,
+                    overflow: 'hidden',
+                    animation: 'reveal 0.2s ease-out'
+                }, children: [_jsxs("div", { style: { padding: '12px', borderBottom: `1px solid ${tokens.color.slate100}`, display: 'flex', gap: '8px' }, children: [_jsx("input", { type: "text", autoFocus: true, value: searchValue, onChange: (e) => setSearchValue(e.target.value), placeholder: "T\u00ECm ho\u1EB7c th\u00EAm m\u1EDBi...", style: {
+                                    flex: 1,
+                                    padding: '8px 12px',
+                                    fontSize: '12px',
+                                    backgroundColor: tokens.color.slate50,
+                                    border: 'none',
+                                    borderRadius: '12px',
+                                    outline: 'none',
+                                }, onKeyDown: (e) => {
+                                    if (e.key === 'Enter') {
+                                        e.preventDefault();
+                                        handleAddValue();
+                                    }
+                                } }), searchValue && !options.includes(searchValue) && (_jsx("button", { type: "button", onClick: handleAddValue, style: {
+                                    padding: '0 16px',
+                                    backgroundColor: tokens.color.warning,
+                                    color: 'white',
+                                    fontSize: '10px',
+                                    fontWeight: tokens.font.weightBold,
+                                    borderRadius: '12px',
+                                    border: 'none',
+                                    cursor: 'pointer'
+                                }, children: "TH\u00CAM" }))] }), _jsx("div", { style: { maxHeight: '240px', overflowY: 'auto', padding: '4px' }, children: filteredOptions.length > 0 ? (filteredOptions.map(opt => {
+                            const isSelected = selectedValues.includes(opt);
+                            return (_jsxs("div", { onClick: () => handleToggleValue(opt), style: {
+                                    padding: '10px 16px',
+                                    fontSize: '13px',
+                                    cursor: 'pointer',
+                                    display: 'flex',
+                                    alignItems: 'center',
+                                    justifyContent: 'space-between',
+                                    borderRadius: '10px',
+                                    backgroundColor: isSelected ? 'transparent' : 'transparent',
+                                    transition: tokens.transition.fast,
+                                    fontWeight: isSelected ? tokens.font.weightBold : tokens.font.weightMedium,
+                                    color: isSelected ? tokens.color.slate800 : tokens.color.slate600,
+                                }, onMouseEnter: (e) => e.currentTarget.style.backgroundColor = tokens.color.slate50, onMouseLeave: (e) => e.currentTarget.style.backgroundColor = 'transparent', children: [opt, isSelected && (_jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: tokens.color.success, strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("polyline", { points: "20 6 9 17 4 12" }) }))] }, opt));
+                        })) : (_jsx("div", { style: { padding: '20px', textAlign: 'center', color: tokens.color.slate400, fontSize: '11px', fontStyle: 'italic' }, children: "Kh\u00F4ng t\u00ECm th\u1EA5y k\u1EBFt qu\u1EA3 ph\u00F9 h\u1EE3p" })) })] })), error && _jsx("p", { style: { fontSize: '11px', color: tokens.color.danger, marginTop: '6px', fontWeight: tokens.font.weightMedium }, children: error }), _jsx("style", { children: `
+        @keyframes reveal {
+          from { opacity: 0; transform: translateY(-8px); }
+          to { opacity: 1; transform: translateY(0); }
+        }
+      ` })] }));
+};
+//# sourceMappingURL=MultiSelect.js.map

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

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

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

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

package/dist/src/components/ReadOnlyField.js

@@ -1,21 +1,28 @@
 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,
+export const ReadOnlyField = ({ label, value, icon, className = '', style = {} }) => (_jsxs("div", { style: { position: 'relative', width: '100%', ...style }, className: className, children: [_jsx("label", { style: {
+                position: 'absolute',
+                top: '-10px',
+                left: '14px',
+                backgroundColor: tokens.color.white,
+                padding: '0 6px',
+                fontSize: '10px',
                 fontWeight: tokens.font.weightBold,
-                color: tokens.color.textMuted,
+                color: tokens.color.slate400,
                 textTransform: 'uppercase',
-                letterSpacing: '0.05em'
-            }, children: label }), _jsx("div", { style: {
+                letterSpacing: '0.1em',
+                zIndex: 1,
+            }, children: label }), _jsxs("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',
+                color: tokens.color.slate800,
+                backgroundColor: tokens.color.slate50,
+                padding: '14px 16px',
+                borderRadius: tokens.radius.lg,
+                border: `1px solid ${tokens.color.slate200}`,
+                minHeight: '46px',
                 display: 'flex',
-                alignItems: 'center'
-            }, children: value || 'N/A' })] }));
+                alignItems: 'center',
+                gap: tokens.spacing[3]
+            }, children: [icon && _jsx("div", { style: { color: tokens.color.slate400 }, children: icon }), _jsx("div", { style: { flex: 1 }, children: value || _jsx("span", { style: { opacity: 0.4 }, children: "\u2014" }) })] })] }));
 //# sourceMappingURL=ReadOnlyField.js.map

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

@@ -1 +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"}
+{"version":3,"file":"ReadOnlyField.js","sourceRoot":"","sources":["../../../src/components/ReadOnlyField.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAQnC,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,GAAG,EAAE,EAAE,EAAE,EAAE,CAAC,CACjH,eAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,aACjF,gBAAO,KAAK,EAAE;gBACZ,QAAQ,EAAE,UAAU;gBACpB,GAAG,EAAE,OAAO;gBACZ,IAAI,EAAE,MAAM;gBACZ,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK;gBACnC,OAAO,EAAE,OAAO;gBAChB,QAAQ,EAAE,MAAM;gBAChB,UAAU,EAAE,MAAM,CAAC,IAAI,CAAC,UAAU;gBAClC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ;gBAC5B,aAAa,EAAE,WAAW;gBAC1B,aAAa,EAAE,OAAO;gBACtB,MAAM,EAAE,CAAC;aACV,YACE,KAAK,GACA,EACR,eAAK,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,QAAQ;gBAC5B,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO;gBACrC,OAAO,EAAE,WAAW;gBACpB,YAAY,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE;gBAC9B,MAAM,EAAE,aAAa,MAAM,CAAC,KAAK,CAAC,QAAQ,EAAE;gBAC5C,SAAS,EAAE,MAAM;gBACjB,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;gBACpB,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;aACvB,aACE,IAAI,IAAI,cAAK,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ,EAAE,YAAG,IAAI,GAAO,EACnE,cAAK,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,YAAG,KAAK,IAAI,eAAM,KAAK,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,uBAAU,GAAO,IAC7E,IACF,CACP,CAAC"}

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

@@ -0,0 +1,19 @@
+import React from 'react';
+export interface SelectOption {
+    label: string;
+    value: string;
+}
+export interface SelectProps {
+    label?: string;
+    required?: boolean;
+    options: (string | SelectOption)[];
+    value?: string;
+    onChange?: (value: string) => void;
+    placeholder?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    error?: string;
+    leadingIcon?: React.ReactNode;
+    searchable?: boolean;
+}
+export declare const Select: React.FC<SelectProps>;