@damarkuncoro/ui-library 0.0.1

package/lib/esm/components/input/input-examples.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { InputTailwind as Input } from './input-skin-tailwind';
+import { InputNative } from './input-skin-native';
+export function InputVariantExamples() {
+    return (_jsxs("div", { className: "space-y-4", children: [_jsx(Input, { variant: "outline", placeholder: "Outline input" }), _jsx(Input, { variant: "filled", placeholder: "Filled input" }), _jsx(Input, { variant: "flushed", placeholder: "Flushed input" })] }));
+}
+export function InputSizeExamples() {
+    return (_jsxs("div", { className: "space-y-4", children: [_jsx(Input, { size: "sm", placeholder: "Small input" }), _jsx(Input, { size: "md", placeholder: "Medium input" }), _jsx(Input, { size: "lg", placeholder: "Large input" })] }));
+}
+export function InputIconExamples() {
+    return (_jsxs("div", { className: "space-y-4", children: [_jsx(Input, { leftIcon: _jsx("span", { children: "\uD83D\uDD0D" }), placeholder: "Search..." }), _jsx(Input, { rightIcon: _jsx("span", { children: "\uD83D\uDCC5" }), placeholder: "Select date" }), _jsx(Input, { leftIcon: _jsx("span", { children: "\uD83D\uDC64" }), rightIcon: _jsx("span", { children: "\u2713" }), placeholder: "Username" })] }));
+}
+export function InputStateExamples() {
+    return (_jsxs("div", { className: "space-y-4", children: [_jsx(Input, { placeholder: "Normal input" }), _jsx(Input, { isInvalid: true, placeholder: "Invalid input" }), _jsx(Input, { disabled: true, placeholder: "Disabled input" }), _jsx(Input, { readOnly: true, placeholder: "Read only input" })] }));
+}
+export function InputCombinedExamples() {
+    return (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "space-y-4", children: [_jsx(Input, { variant: "outline", size: "sm", placeholder: "Small outline" }), _jsx(Input, { variant: "outline", size: "md", placeholder: "Medium outline" }), _jsx(Input, { variant: "outline", size: "lg", placeholder: "Large outline" })] }), _jsxs("div", { className: "space-y-4", children: [_jsx(Input, { variant: "filled", leftIcon: _jsx("span", { children: "\uD83D\uDCE7" }), placeholder: "Email" }), _jsx(Input, { variant: "filled", rightIcon: _jsx("span", { children: "\uD83D\uDD12" }), placeholder: "Password" })] }), _jsxs("div", { className: "space-y-4", children: [_jsx(Input, { variant: "flushed", placeholder: "Normal" }), _jsx(Input, { variant: "flushed", isInvalid: true, placeholder: "Invalid" }), _jsx(Input, { variant: "flushed", disabled: true, placeholder: "Disabled" })] }), _jsxs("div", { className: "space-y-4", children: [_jsx(Input, { variant: "outline", leftIcon: _jsx("span", { children: "\uD83D\uDD0D" }), placeholder: "Search" }), _jsx(Input, { variant: "filled", leftIcon: _jsx("span", { children: "\uD83D\uDC64" }), placeholder: "Username" }), _jsx(Input, { variant: "flushed", rightIcon: _jsx("span", { children: "\u2713" }), placeholder: "Confirm" })] })] }));
+}
+export function InputNativeSkinExamples() {
+    return (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "space-y-4", children: [_jsx(InputNative, { variant: "outline", placeholder: "Outline Native" }), _jsx(InputNative, { variant: "filled", placeholder: "Filled Native" }), _jsx(InputNative, { variant: "flushed", placeholder: "Flushed Native" })] }), _jsxs("div", { className: "space-y-4", children: [_jsx(InputNative, { size: "sm", placeholder: "Small" }), _jsx(InputNative, { size: "md", placeholder: "Medium" }), _jsx(InputNative, { size: "lg", placeholder: "Large" })] }), _jsxs("div", { className: "space-y-4", children: [_jsx(InputNative, { leftIcon: _jsx("span", { children: "\uD83D\uDD0D" }), placeholder: "Search" }), _jsx(InputNative, { rightIcon: _jsx("span", { children: "\uD83D\uDCC5" }), placeholder: "Date" })] }), _jsxs("div", { className: "space-y-4", children: [_jsx(InputNative, { isInvalid: true, placeholder: "Invalid" }), _jsx(InputNative, { disabled: true, placeholder: "Disabled" }), _jsx(InputNative, { readOnly: true, placeholder: "Read only" })] })] }));
+}
+export function InputInteractiveExamples() {
+    const [value, setValue] = React.useState('');
+    const [isInvalid, setIsInvalid] = React.useState(false);
+    const handleChange = (e) => {
+        setValue(e.target.value);
+        setIsInvalid(e.target.value.length < 3 && e.target.value.length > 0);
+    };
+    return (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "space-y-4", children: [_jsx(Input, { value: value, onChange: handleChange, isInvalid: isInvalid, placeholder: "Type at least 3 characters" }), isInvalid && _jsx("p", { className: "text-sm text-red-600", children: "Must be at least 3 characters" })] }), _jsx("div", { className: "space-y-4", children: _jsx(Input, { type: "password", rightIcon: _jsx("span", { children: "\uD83D\uDC41" }), placeholder: "Password" }) })] }));
+}
+export function InputAccessibilityExamples() {
+    return (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("label", { htmlFor: "email", className: "text-sm font-medium", children: "Email" }), _jsx(Input, { id: "email", type: "email", placeholder: "your@email.com", "aria-describedby": "email-help" }), _jsx("p", { id: "email-help", className: "text-sm text-gray-600", children: "We'll never share your email with anyone else." })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { htmlFor: "search", className: "text-sm font-medium", children: "Search" }), _jsx(Input, { id: "search", leftIcon: _jsx("span", { children: "\uD83D\uDD0D" }), placeholder: "Search...", "aria-label": "Search products" })] })] }));
+}
+export function InputCustomStylingExamples() {
+    return (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "space-y-4", children: [_jsx(Input, { className: "shadow-lg", placeholder: "With shadow" }), _jsx(Input, { className: "rounded-full", placeholder: "Rounded full" }), _jsx(Input, { className: "w-full", placeholder: "Full width" })] }), _jsx("div", { className: "space-y-4", children: _jsx(Input, { style: {
+                        backgroundColor: '#F3F4F6',
+                        borderColor: '#3B82F6',
+                    }, placeholder: "Custom style" }) })] }));
+}
+export function FormExamples() {
+    const handleSubmit = (e) => {
+        e.preventDefault();
+        alert('Form submitted!');
+    };
+    return (_jsxs("form", { onSubmit: handleSubmit, className: "space-y-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("label", { htmlFor: "name", className: "text-sm font-medium", children: "Name" }), _jsx(Input, { id: "name", placeholder: "Enter your name", required: true })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { htmlFor: "email", className: "text-sm font-medium", children: "Email" }), _jsx(Input, { id: "email", type: "email", placeholder: "Enter your email", required: true })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { htmlFor: "password", className: "text-sm font-medium", children: "Password" }), _jsx(Input, { id: "password", type: "password", placeholder: "Enter your password", required: true })] }), _jsx("button", { type: "submit", className: "px-4 py-2 bg-blue-600 text-white rounded", children: "Submit" })] }));
+}
+export function AllInputExamples() {
+    return (_jsxs("div", { className: "space-y-8 p-6", children: [_jsxs("div", { className: "p-4 border rounded space-y-2", children: [_jsx("h3", { className: "font-bold", children: "Variants" }), _jsx(InputVariantExamples, {})] }), _jsxs("div", { className: "p-4 border rounded space-y-2", children: [_jsx("h3", { className: "font-bold", children: "Sizes" }), _jsx(InputSizeExamples, {})] }), _jsxs("div", { className: "p-4 border rounded space-y-2", children: [_jsx("h3", { className: "font-bold", children: "Icons" }), _jsx(InputIconExamples, {})] }), _jsxs("div", { className: "p-4 border rounded space-y-2", children: [_jsx("h3", { className: "font-bold", children: "States" }), _jsx(InputStateExamples, {})] }), _jsxs("div", { className: "p-4 border rounded space-y-2", children: [_jsx("h3", { className: "font-bold", children: "Combined" }), _jsx(InputCombinedExamples, {})] }), _jsxs("div", { className: "p-4 border rounded space-y-2", children: [_jsx("h3", { className: "font-bold", children: "Native Skin" }), _jsx(InputNativeSkinExamples, {})] }), _jsxs("div", { className: "p-4 border rounded space-y-2", children: [_jsx("h3", { className: "font-bold", children: "Interactive" }), _jsx(InputInteractiveExamples, {})] }), _jsxs("div", { className: "p-4 border rounded space-y-2", children: [_jsx("h3", { className: "font-bold", children: "Accessibility" }), _jsx(InputAccessibilityExamples, {})] }), _jsxs("div", { className: "p-4 border rounded space-y-2", children: [_jsx("h3", { className: "font-bold", children: "Custom Styling" }), _jsx(InputCustomStylingExamples, {})] }), _jsxs("section", { children: [_jsx("h2", { className: "text-xl font-bold mb-4", children: "Form" }), _jsx(FormExamples, {})] })] }));
+}
+//# sourceMappingURL=input-examples.js.map

package/lib/esm/components/input/input-examples.js.map

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

package/lib/esm/components/input/input-skin-contract.d.ts

@@ -0,0 +1,93 @@
+export declare const inputSkinContractDef: {
+    readonly id: "contract_input_skin_v1";
+    readonly name: "input-skin";
+    readonly variants: {
+        readonly outline: {
+            readonly backgroundColor: "transparent";
+            readonly borderColor: "var(--color-neutral-border)";
+            readonly color: "var(--color-neutral-text)";
+            readonly placeholderColor: "var(--color-neutral-text-secondary)";
+            readonly hover: {
+                readonly borderColor: "var(--color-neutral-text)";
+            };
+            readonly focus: {
+                readonly borderColor: "var(--color-primary-main)";
+                readonly ringColor: "var(--color-primary-main)";
+            };
+            readonly invalid: {
+                readonly borderColor: "var(--color-danger-main)";
+                readonly ringColor: "var(--color-danger-main)";
+            };
+        };
+        readonly filled: {
+            readonly backgroundColor: "var(--color-secondary-main)";
+            readonly borderColor: "transparent";
+            readonly color: "var(--color-neutral-text)";
+            readonly placeholderColor: "var(--color-neutral-text-secondary)";
+            readonly hover: {
+                readonly backgroundColor: "var(--color-secondary-hover)";
+            };
+            readonly focus: {
+                readonly backgroundColor: "transparent";
+                readonly borderColor: "var(--color-primary-main)";
+                readonly ringColor: "var(--color-primary-main)";
+            };
+            readonly invalid: {
+                readonly borderColor: "var(--color-danger-main)";
+                readonly ringColor: "var(--color-danger-main)";
+            };
+        };
+        readonly flushed: {
+            readonly backgroundColor: "transparent";
+            readonly borderColor: "transparent";
+            readonly borderBottomColor: "var(--color-neutral-border)";
+            readonly color: "var(--color-neutral-text)";
+            readonly placeholderColor: "var(--color-neutral-text-secondary)";
+            readonly hover: {
+                readonly borderBottomColor: "var(--color-neutral-text)";
+            };
+            readonly focus: {
+                readonly borderBottomColor: "var(--color-primary-main)";
+                readonly ringColor: "transparent";
+            };
+            readonly invalid: {
+                readonly borderBottomColor: "var(--color-danger-main)";
+                readonly ringColor: "transparent";
+            };
+        };
+    };
+    readonly icons: {
+        readonly padding: "40px";
+        readonly position: "12px";
+        readonly color: "var(--color-neutral-text-secondary)";
+    };
+    readonly sizes: {
+        readonly sm: {
+            readonly height: "32px";
+            readonly padding: "0 12px";
+            readonly fontSize: "0.75rem";
+        };
+        readonly md: {
+            readonly height: "40px";
+            readonly padding: "0 16px";
+            readonly fontSize: "0.875rem";
+        };
+        readonly lg: {
+            readonly height: "48px";
+            readonly padding: "0 24px";
+            readonly fontSize: "1rem";
+        };
+    };
+    readonly base: {
+        readonly borderRadius: "6px";
+        readonly transition: "all 0.2s ease";
+        readonly width: "100%";
+        readonly outline: "none";
+    };
+    readonly disabled: {
+        readonly opacity: "0.5";
+        readonly cursor: "not-allowed";
+        readonly backgroundColor: "var(--color-secondary-main)";
+    };
+};
+//# sourceMappingURL=input-skin-contract.d.ts.map

package/lib/esm/components/input/input-skin-contract.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-skin-contract.d.ts","sourceRoot":"","sources":["../../../../src/components/input/input-skin-contract.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoGvB,CAAC"}

package/lib/esm/components/input/input-skin-contract.js

@@ -0,0 +1,94 @@
+import { tokens } from '../../theme/design-tokens';
+export const inputSkinContractDef = {
+    id: "contract_input_skin_v1",
+    name: "input-skin",
+    variants: {
+        outline: {
+            backgroundColor: tokens.colors.transparent,
+            borderColor: tokens.colors.neutral.border,
+            color: tokens.colors.neutral.text,
+            placeholderColor: tokens.colors.neutral.textSecondary,
+            hover: {
+                borderColor: tokens.colors.neutral.text,
+            },
+            focus: {
+                borderColor: tokens.colors.primary.main,
+                ringColor: tokens.colors.primary.main,
+            },
+            invalid: {
+                borderColor: tokens.colors.danger.main,
+                ringColor: tokens.colors.danger.main,
+            }
+        },
+        filled: {
+            backgroundColor: tokens.colors.secondary.main,
+            borderColor: tokens.colors.transparent,
+            color: tokens.colors.neutral.text,
+            placeholderColor: tokens.colors.neutral.textSecondary,
+            hover: {
+                backgroundColor: tokens.colors.secondary.hover,
+            },
+            focus: {
+                backgroundColor: tokens.colors.transparent,
+                borderColor: tokens.colors.primary.main,
+                ringColor: tokens.colors.primary.main,
+            },
+            invalid: {
+                borderColor: tokens.colors.danger.main,
+                ringColor: tokens.colors.danger.main,
+            }
+        },
+        flushed: {
+            backgroundColor: tokens.colors.transparent,
+            borderColor: tokens.colors.transparent,
+            borderBottomColor: tokens.colors.neutral.border,
+            color: tokens.colors.neutral.text,
+            placeholderColor: tokens.colors.neutral.textSecondary,
+            hover: {
+                borderBottomColor: tokens.colors.neutral.text,
+            },
+            focus: {
+                borderBottomColor: tokens.colors.primary.main,
+                ringColor: tokens.colors.transparent,
+            },
+            invalid: {
+                borderBottomColor: tokens.colors.danger.main,
+                ringColor: tokens.colors.transparent,
+            }
+        },
+    },
+    icons: {
+        padding: tokens.sizing[10],
+        position: tokens.spacing[3],
+        color: tokens.colors.neutral.textSecondary,
+    },
+    sizes: {
+        sm: {
+            height: tokens.sizing[8],
+            padding: `0 ${tokens.spacing[3]}`,
+            fontSize: tokens.typography.fontSize.xs,
+        },
+        md: {
+            height: tokens.sizing[10],
+            padding: `0 ${tokens.spacing[4]}`,
+            fontSize: tokens.typography.fontSize.sm,
+        },
+        lg: {
+            height: tokens.sizing[12],
+            padding: `0 ${tokens.spacing[6]}`,
+            fontSize: tokens.typography.fontSize.base,
+        },
+    },
+    base: {
+        borderRadius: tokens.borderRadius.md,
+        transition: tokens.transition.base,
+        width: '100%',
+        outline: 'none',
+    },
+    disabled: {
+        opacity: tokens.opacity.disabled,
+        cursor: 'not-allowed',
+        backgroundColor: tokens.colors.secondary.main,
+    }
+};
+//# sourceMappingURL=input-skin-contract.js.map

package/lib/esm/components/input/input-skin-contract.js.map

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

package/lib/esm/components/input/input-skin-native.d.ts

@@ -0,0 +1,3 @@
+import { InputBaseProps } from './input-base';
+export declare const InputNative: import("react").ForwardRefExoticComponent<InputBaseProps & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=input-skin-native.d.ts.map

package/lib/esm/components/input/input-skin-native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-skin-native.d.ts","sourceRoot":"","sources":["../../../../src/components/input/input-skin-native.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,cAAc,EAAE,MAAM,cAAc,CAAC;AA4DzD,eAAO,MAAM,WAAW,6GAwDvB,CAAC"}

package/lib/esm/components/input/input-skin-native.js

@@ -0,0 +1,65 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { InputBase } from './input-base';
+import { inputSkinContractDef } from './input-skin-contract';
+const { variants, sizes, base, disabled, icons } = inputSkinContractDef;
+const baseStyles = base;
+const disabledStyles = disabled;
+const variantStyles = {
+    outline: {
+        backgroundColor: variants.outline.backgroundColor,
+        borderColor: variants.outline.borderColor,
+        color: variants.outline.color,
+    },
+    filled: {
+        backgroundColor: variants.filled.backgroundColor,
+        borderColor: variants.filled.borderColor,
+        color: variants.filled.color,
+    },
+    flushed: {
+        backgroundColor: variants.flushed.backgroundColor,
+        borderColor: variants.flushed.borderBottomColor,
+        borderBottomColor: variants.flushed.borderBottomColor,
+        color: variants.flushed.color,
+    },
+};
+const sizeStyles = {
+    sm: {
+        height: sizes.sm.height,
+        padding: sizes.sm.padding,
+        fontSize: sizes.sm.fontSize,
+    },
+    md: {
+        height: sizes.md.height,
+        padding: sizes.md.padding,
+        fontSize: sizes.md.fontSize,
+    },
+    lg: {
+        height: sizes.lg.height,
+        padding: sizes.lg.padding,
+        fontSize: sizes.lg.fontSize,
+    },
+};
+const wrapperStyles = {
+    position: 'relative',
+    display: 'inline-flex',
+    alignItems: 'center',
+    width: '100%',
+};
+export const InputNative = forwardRef(({ variant = 'outline', size = 'md', isInvalid = false, isDisabled = false, disabled = false, readOnly = false, leftIcon, rightIcon, className = '', inputClassName = '', style, ...props }, ref) => {
+    const isReallyDisabled = isDisabled || disabled;
+    const iconPaddingLeft = leftIcon ? icons.padding : undefined;
+    const iconPaddingRight = rightIcon ? icons.padding : undefined;
+    const combinedStyle = {
+        ...baseStyles,
+        ...(variantStyles[variant] || variantStyles.outline),
+        ...(sizeStyles[size] || sizeStyles.md),
+        ...(isReallyDisabled ? disabledStyles : {}),
+        paddingLeft: iconPaddingLeft,
+        paddingRight: iconPaddingRight,
+        ...style,
+    };
+    return (_jsx(InputBase, { ref: ref, style: combinedStyle, wrapperStyle: wrapperStyles, variant: variant, size: size, isInvalid: isInvalid, isDisabled: isDisabled, disabled: disabled, readOnly: readOnly, leftIcon: leftIcon, rightIcon: rightIcon, className: className, inputClassName: inputClassName, ...props }));
+});
+InputNative.displayName = 'InputNative';
+//# sourceMappingURL=input-skin-native.js.map

package/lib/esm/components/input/input-skin-native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-skin-native.js","sourceRoot":"","sources":["../../../../src/components/input/input-skin-native.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAiB,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,SAAS,EAAkB,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAS7D,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,oBAAoB,CAAC;AAExE,MAAM,UAAU,GAAkB,IAAI,CAAC;AAEvC,MAAM,cAAc,GAAkB,QAAQ,CAAC;AAE/C,MAAM,aAAa,GAAkC;IACnD,OAAO,EAAE;QACP,eAAe,EAAE,QAAQ,CAAC,OAAO,CAAC,eAAe;QACjD,WAAW,EAAE,QAAQ,CAAC,OAAO,CAAC,WAAW;QACzC,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC,KAAK;KAC9B;IACD,MAAM,EAAE;QACN,eAAe,EAAE,QAAQ,CAAC,MAAM,CAAC,eAAe;QAChD,WAAW,EAAE,QAAQ,CAAC,MAAM,CAAC,WAAW;QACxC,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,KAAK;KAC7B;IACD,OAAO,EAAE;QACP,eAAe,EAAE,QAAQ,CAAC,OAAO,CAAC,eAAe;QACjD,WAAW,EAAE,QAAQ,CAAC,OAAO,CAAC,iBAAiB;QAC/C,iBAAiB,EAAE,QAAQ,CAAC,OAAO,CAAC,iBAAiB;QACrD,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC,KAAK;KAC9B;CACF,CAAC;AAEF,MAAM,UAAU,GAAkC;IAChD,EAAE,EAAE;QACF,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM;QACvB,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,OAAO;QACzB,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ;KAC5B;IACD,EAAE,EAAE;QACF,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM;QACvB,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,OAAO;QACzB,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ;KAC5B;IACD,EAAE,EAAE;QACF,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM;QACvB,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,OAAO;QACzB,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ;KAC5B;CACF,CAAC;AAEF,MAAM,aAAa,GAAkB;IACnC,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,aAAa;IACtB,UAAU,EAAE,QAAQ;IACpB,KAAK,EAAE,MAAM;CACd,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,CACE,EACE,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,IAAI,EACX,SAAS,GAAG,KAAK,EACjB,UAAU,GAAG,KAAK,EAClB,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,SAAS,EACT,SAAS,GAAG,EAAE,EACd,cAAc,GAAG,EAAE,EACnB,KAAK,EACL,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,gBAAgB,GAAG,UAAU,IAAI,QAAQ,CAAC;IAKhD,MAAM,eAAe,GAAG,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;IAC7D,MAAM,gBAAgB,GAAG,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;IAG/D,MAAM,aAAa,GAAkB;QACnC,GAAG,UAAU;QACb,GAAG,CAAC,aAAa,CAAC,OAAO,CAAC,IAAI,aAAa,CAAC,OAAO,CAAC;QACpD,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,UAAU,CAAC,EAAE,CAAC;QACtC,GAAG,CAAC,gBAAgB,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC;QAC3C,WAAW,EAAE,eAAe;QAC5B,YAAY,EAAE,gBAAgB;QAC9B,GAAG,KAAK;KACT,CAAC;IAEF,OAAO,CACL,KAAC,SAAS,IACR,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,aAAa,EACpB,YAAY,EAAE,aAAa,EAC3B,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,KAC1B,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}

package/lib/esm/components/input/input-skin-tailwind.d.ts

@@ -0,0 +1,18 @@
+import { InputBaseProps } from './input-base';
+export declare const variantClasses: {
+    outline: string;
+    filled: string;
+    flushed: string;
+};
+export declare const errorClasses: {
+    outline: string;
+    filled: string;
+    flushed: string;
+};
+export declare const sizeClasses: {
+    sm: string;
+    md: string;
+    lg: string;
+};
+export declare const InputTailwind: import("react").ForwardRefExoticComponent<InputBaseProps & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=input-skin-tailwind.d.ts.map

package/lib/esm/components/input/input-skin-tailwind.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-skin-tailwind.d.ts","sourceRoot":"","sources":["../../../../src/components/input/input-skin-tailwind.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,cAAc,EAAE,MAAM,cAAc,CAAC;AAQzD,eAAO,MAAM,cAAc;;;;CAI1B,CAAC;AAEF,eAAO,MAAM,YAAY;;;;CAIxB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;CAIvB,CAAC;AAQF,eAAO,MAAM,aAAa,6GAsDzB,CAAC"}

package/lib/esm/components/input/input-skin-tailwind.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { InputBase } from './input-base';
+import { inputSkinContractDef } from './input-skin-contract';
+import { tokens } from '../../theme/design-tokens';
+const { variants, sizes, base, disabled, icons } = inputSkinContractDef;
+export const variantClasses = {
+    outline: `bg-[${variants.outline.backgroundColor}] border border-[${variants.outline.borderColor}] text-[${variants.outline.color}] placeholder:text-[${variants.outline.placeholderColor}] hover:border-[${variants.outline.hover.borderColor}] focus:border-[${variants.outline.focus.borderColor}] focus:ring-[${tokens.ui.outlineWidth}] focus:ring-[${variants.outline.focus.ringColor}]`,
+    filled: `bg-[${variants.filled.backgroundColor}] border border-[${variants.filled.borderColor}] text-[${variants.filled.color}] placeholder:text-[${variants.filled.placeholderColor}] hover:bg-[${variants.filled.hover.backgroundColor}] focus:bg-[${variants.filled.focus.backgroundColor}] focus:border-[${variants.filled.focus.borderColor}] focus:ring-[${tokens.ui.outlineWidth}] focus:ring-[${variants.filled.focus.ringColor}]`,
+    flushed: `bg-[${variants.flushed.backgroundColor}] border-b border-[${variants.flushed.borderBottomColor}] rounded-none px-0 text-[${variants.flushed.color}] placeholder:text-[${variants.flushed.placeholderColor}] hover:border-b-[${variants.flushed.hover.borderBottomColor}] focus:border-b-[${variants.flushed.focus.borderBottomColor}] focus:ring-0 focus:outline-none`,
+};
+export const errorClasses = {
+    outline: `!border-[${variants.outline.invalid.borderColor}] !ring-[${variants.outline.invalid.ringColor}]`,
+    filled: `!border-[${variants.filled.invalid.borderColor}] !ring-[${variants.filled.invalid.ringColor}]`,
+    flushed: `!border-[${variants.flushed.invalid.borderBottomColor}]`,
+};
+export const sizeClasses = {
+    sm: `h-[${sizes.sm.height}] px-[${tokens.spacing[3]}] text-[${sizes.sm.fontSize}]`,
+    md: `h-[${sizes.md.height}] px-[${tokens.spacing[4]}] text-[${sizes.md.fontSize}]`,
+    lg: `h-[${sizes.lg.height}] px-[${tokens.spacing[6]}] text-[${sizes.lg.fontSize}]`,
+};
+const wrapperBase = 'relative inline-flex items-center w-full';
+const inputBase = `w-full min-w-0 outline-none [transition:${base.transition.replace(/ /g, '_')}] rounded-[${base.borderRadius}] disabled:opacity-[${disabled.opacity}] disabled:cursor-[${disabled.cursor}] disabled:bg-[${disabled.backgroundColor}]`;
+export const InputTailwind = forwardRef(({ variant = 'outline', size = 'md', isInvalid = false, disabled = false, readOnly = false, className = '', inputClassName = '', ...props }, ref) => {
+    const variantClass = variantClasses[variant] || variantClasses.outline;
+    const invalidClass = isInvalid ? (errorClasses[variant] || errorClasses.outline) : '';
+    const sizeClass = sizeClasses[size] || sizeClasses.md;
+    const finalInputClasses = [
+        inputBase,
+        variantClass,
+        invalidClass,
+        sizeClass,
+        props.leftIcon ? `pl-[${icons.padding}]` : '',
+        props.rightIcon ? `pr-[${icons.padding}]` : '',
+        inputClassName
+    ].filter(Boolean).join(' ');
+    const finalWrapperClasses = [
+        wrapperBase,
+        className,
+        `[&_.input-icon-left]:absolute [&_.input-icon-left]:left-[${icons.position}] [&_.input-icon-left]:z-10 [&_.input-icon-left]:text-[${icons.color}] [&_.input-icon-left]:aria-hidden=true`,
+        `[&_.input-icon-right]:absolute [&_.input-icon-right]:right-[${icons.position}] [&_.input-icon-right]:z-10 [&_.input-icon-right]:text-[${icons.color}] [&_.input-icon-right]:aria-hidden=true`,
+    ].filter(Boolean).join(' ');
+    return (_jsx(InputBase, { ref: ref, className: finalWrapperClasses, inputClassName: finalInputClasses, variant: variant, size: size, isInvalid: isInvalid, ...props }));
+});
+InputTailwind.displayName = 'InputTailwind';
+//# sourceMappingURL=input-skin-tailwind.js.map

package/lib/esm/components/input/input-skin-tailwind.js.map

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

package/lib/esm/index.d.ts

@@ -0,0 +1,4 @@
+export * from './components/button';
+export * from './components/input';
+export * from './theme';
+//# sourceMappingURL=index.d.ts.map

package/lib/esm/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,cAAc,qBAAqB,CAAC;AAGpC,cAAc,oBAAoB,CAAC;AAGnC,cAAc,SAAS,CAAC"}

package/lib/esm/index.js

@@ -0,0 +1,4 @@
+export * from './components/button';
+export * from './components/input';
+export * from './theme';
+//# sourceMappingURL=index.js.map

package/lib/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,cAAc,qBAAqB,CAAC;AAGpC,cAAc,oBAAoB,CAAC;AAGnC,cAAc,SAAS,CAAC"}

package/lib/esm/package.json

@@ -0,0 +1 @@
+{"type": "module"}

package/lib/esm/test-setup.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom';
+//# sourceMappingURL=test-setup.d.ts.map

package/lib/esm/test-setup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"test-setup.d.ts","sourceRoot":"","sources":["../../src/test-setup.ts"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC"}

package/lib/esm/test-setup.js

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom';
+//# sourceMappingURL=test-setup.js.map

package/lib/esm/test-setup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"test-setup.js","sourceRoot":"","sources":["../../src/test-setup.ts"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC"}