@underverse-ui/underverse 0.2.63 → 0.2.65

package/README.md

@@ -94,7 +94,31 @@ All components follow [Vercel Web Interface Guidelines](https://github.com/verce
 
 ---
 
-## 🚀 Quick Start
+## � Entry Points
+
+Package được chia thành 2 entry points để tối ưu cho Server Components:
+
+### Main Entry (Server-safe)
+
+```tsx
+// dist/index.js - Các components không phụ thuộc react-hook-form
+// Có thể sử dụng trong cả Server Components và Client Components
+import { Button, Skeleton, DatePicker, DataTable } from "@underverse-ui/underverse";
+```
+
+### Form Entry (Client-only)
+
+```tsx
+// dist/form.js - Form components (phụ thuộc react-hook-form)
+// Chỉ sử dụng trong Client Components ("use client")
+import { Form, FormField, FormItem, FormLabel, FormMessage } from "@underverse-ui/underverse/form";
+```
+
+**Lưu ý:** Form components yêu cầu `react-hook-form` và `@hookform/resolvers` nên chỉ hoạt động ở client-side.
+
+---
+
+## �🚀 Quick Start
 
 ### Standalone React (Vite, CRA, etc.)
 

package/dist/Input-umeHzPJL.d.cts

@@ -0,0 +1,110 @@
+import * as React from 'react';
+import React__default, { InputHTMLAttributes } from 'react';
+
+declare const VARIANT_STYLES_BTN: {
+    default: string;
+    outline: string;
+    primary: string;
+    secondary: string;
+    success: string;
+    danger: string;
+    destructive: string;
+    warning: string;
+    info: string;
+    ghost: string;
+    link: string;
+    gradient: string;
+};
+declare const SIZE_STYLES_BTN: {
+    sm: string;
+    md: string;
+    lg: string;
+    smx: string;
+    icon: string;
+};
+
+interface ButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
+    onClick?: (event: React__default.MouseEvent<HTMLButtonElement>) => void;
+    children?: React__default.ReactNode;
+    type?: "button" | "submit" | "reset";
+    icon?: React__default.ComponentType<{
+        className?: string;
+    }>;
+    iconRight?: React__default.ComponentType<{
+        className?: string;
+    }>;
+    variant?: keyof typeof VARIANT_STYLES_BTN;
+    size?: keyof typeof SIZE_STYLES_BTN;
+    className?: string;
+    iConClassName?: string;
+    disabled?: boolean;
+    loading?: boolean;
+    fullWidth?: boolean;
+    title?: string;
+    spinner?: React__default.ComponentType<{
+        className?: string;
+    }>;
+    loadingText?: React__default.ReactNode;
+    preserveChildrenOnLoading?: boolean;
+    preventDoubleClick?: boolean;
+    lockMs?: number;
+    asContainer?: boolean;
+    noWrap?: boolean;
+    noHoverOverlay?: boolean;
+    gradient?: boolean;
+}
+declare const Button: React__default.ForwardRefExoticComponent<ButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
+
+interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    label?: React.ReactNode;
+    labelClassName?: string;
+    containerClassName?: string;
+}
+declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
+
+interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size"> {
+    label?: string;
+    error?: string;
+    description?: string;
+    variant?: "default" | "filled" | "outlined" | "minimal";
+    size?: "sm" | "md" | "lg";
+    leftIcon?: React__default.ComponentType<{
+        className?: string;
+    }>;
+    rightIcon?: React__default.ComponentType<{
+        className?: string;
+    }>;
+    clearable?: boolean;
+    loading?: boolean;
+    success?: boolean;
+    onClear?: () => void;
+    hint?: string;
+    counter?: boolean;
+    maxLength?: number;
+}
+declare const Input: React__default.ForwardRefExoticComponent<InputProps & React__default.RefAttributes<HTMLInputElement>>;
+interface SearchInputProps extends Omit<InputProps, "leftIcon" | "type"> {
+    onSearch?: (value: string) => void;
+    searchDelay?: number;
+}
+declare const SearchInput: React__default.ForwardRefExoticComponent<SearchInputProps & React__default.RefAttributes<HTMLInputElement>>;
+interface PasswordInputProps extends Omit<InputProps, "type"> {
+    showStrength?: boolean;
+    strengthLabels?: string[];
+}
+declare const PasswordInput: React__default.ForwardRefExoticComponent<PasswordInputProps & React__default.RefAttributes<HTMLInputElement>>;
+interface NumberInputProps extends Omit<InputProps, "type" | "value" | "onChange"> {
+    min?: number;
+    max?: number;
+    step?: number;
+    showSteppers?: boolean;
+    onIncrement?: () => void;
+    onDecrement?: () => void;
+    formatThousands?: boolean;
+    locale?: string;
+    value?: number | string;
+    onChange?: React__default.ChangeEventHandler<HTMLInputElement>;
+}
+declare const NumberInput: React__default.ForwardRefExoticComponent<NumberInputProps & React__default.RefAttributes<HTMLInputElement>>;
+
+export { Button as B, Checkbox as C, Input as I, NumberInput as N, PasswordInput as P, SearchInput as S, VARIANT_STYLES_BTN as V, type ButtonProps as a, type CheckboxProps as b, type InputProps as c, SIZE_STYLES_BTN as d };

package/dist/Input-umeHzPJL.d.ts

@@ -0,0 +1,110 @@
+import * as React from 'react';
+import React__default, { InputHTMLAttributes } from 'react';
+
+declare const VARIANT_STYLES_BTN: {
+    default: string;
+    outline: string;
+    primary: string;
+    secondary: string;
+    success: string;
+    danger: string;
+    destructive: string;
+    warning: string;
+    info: string;
+    ghost: string;
+    link: string;
+    gradient: string;
+};
+declare const SIZE_STYLES_BTN: {
+    sm: string;
+    md: string;
+    lg: string;
+    smx: string;
+    icon: string;
+};
+
+interface ButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
+    onClick?: (event: React__default.MouseEvent<HTMLButtonElement>) => void;
+    children?: React__default.ReactNode;
+    type?: "button" | "submit" | "reset";
+    icon?: React__default.ComponentType<{
+        className?: string;
+    }>;
+    iconRight?: React__default.ComponentType<{
+        className?: string;
+    }>;
+    variant?: keyof typeof VARIANT_STYLES_BTN;
+    size?: keyof typeof SIZE_STYLES_BTN;
+    className?: string;
+    iConClassName?: string;
+    disabled?: boolean;
+    loading?: boolean;
+    fullWidth?: boolean;
+    title?: string;
+    spinner?: React__default.ComponentType<{
+        className?: string;
+    }>;
+    loadingText?: React__default.ReactNode;
+    preserveChildrenOnLoading?: boolean;
+    preventDoubleClick?: boolean;
+    lockMs?: number;
+    asContainer?: boolean;
+    noWrap?: boolean;
+    noHoverOverlay?: boolean;
+    gradient?: boolean;
+}
+declare const Button: React__default.ForwardRefExoticComponent<ButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
+
+interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    label?: React.ReactNode;
+    labelClassName?: string;
+    containerClassName?: string;
+}
+declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
+
+interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size"> {
+    label?: string;
+    error?: string;
+    description?: string;
+    variant?: "default" | "filled" | "outlined" | "minimal";
+    size?: "sm" | "md" | "lg";
+    leftIcon?: React__default.ComponentType<{
+        className?: string;
+    }>;
+    rightIcon?: React__default.ComponentType<{
+        className?: string;
+    }>;
+    clearable?: boolean;
+    loading?: boolean;
+    success?: boolean;
+    onClear?: () => void;
+    hint?: string;
+    counter?: boolean;
+    maxLength?: number;
+}
+declare const Input: React__default.ForwardRefExoticComponent<InputProps & React__default.RefAttributes<HTMLInputElement>>;
+interface SearchInputProps extends Omit<InputProps, "leftIcon" | "type"> {
+    onSearch?: (value: string) => void;
+    searchDelay?: number;
+}
+declare const SearchInput: React__default.ForwardRefExoticComponent<SearchInputProps & React__default.RefAttributes<HTMLInputElement>>;
+interface PasswordInputProps extends Omit<InputProps, "type"> {
+    showStrength?: boolean;
+    strengthLabels?: string[];
+}
+declare const PasswordInput: React__default.ForwardRefExoticComponent<PasswordInputProps & React__default.RefAttributes<HTMLInputElement>>;
+interface NumberInputProps extends Omit<InputProps, "type" | "value" | "onChange"> {
+    min?: number;
+    max?: number;
+    step?: number;
+    showSteppers?: boolean;
+    onIncrement?: () => void;
+    onDecrement?: () => void;
+    formatThousands?: boolean;
+    locale?: string;
+    value?: number | string;
+    onChange?: React__default.ChangeEventHandler<HTMLInputElement>;
+}
+declare const NumberInput: React__default.ForwardRefExoticComponent<NumberInputProps & React__default.RefAttributes<HTMLInputElement>>;
+
+export { Button as B, Checkbox as C, Input as I, NumberInput as N, PasswordInput as P, SearchInput as S, VARIANT_STYLES_BTN as V, type ButtonProps as a, type CheckboxProps as b, type InputProps as c, SIZE_STYLES_BTN as d };