@komensal/ui 0.9.1 → 0.11.0

package/README.md

@@ -16,9 +16,10 @@ El paquete las espera instaladas en el proyecto consumidor:
 |---|---|
 | `react` | `^19.0.0` |
 | `react-dom` | `^19.0.0` |
-| `react-hook-form` | `^7.0.0` |
-| `react-i18next` | `^16.0.0` |
-| `i18next` | `^25.0.0` |
+| `react-hook-form` | `^7.71.0` |
+| `react-i18next` | `^16.5.0` |
+
+`i18next` no es peer dependency: el paquete trae su propia instancia autocontenida (ver sección de i18n abajo), empaquetada en el propio `dist/index.js`.
 
 ## Uso
 
@@ -67,9 +68,9 @@ Si un texto interno no te sirve, podés pasarlo por prop al componente; gana el
 ## Componentes disponibles
 
 - **Acciones:** `Button`
-- **Formularios (React Hook Form):** `Input`, `SelectInput`, `Select`, `OTPInput`, `Form`, `InputField`, `LabelField`, `SelectField`, `OtpField`, `MapPickerField`, `Label`, `PasswordChecklist`
+- **Formularios (React Hook Form):** `Input`, `SelectInput`, `OTPInput`, `Form`, `InputField`, `LabelField`, `SelectField`, `OtpField`, `MapPickerField`, `Label`, `PasswordChecklist`
 - **Overlays:** `Dialog`, `Popover`, `Tooltip`, `Command`
-- **Feedback / estado:** `Alert`, `Toast` + `ToastProvider`, `Spinner`, `Loading`
+- **Feedback / estado:** `Alert`, `Toast` + `ToastProvider`, `Spinner`
 - **Layout:** `AuthHeader`, `StepHeader`, `Stepper`, `Wrapper`
 - **Mapas:** `GoogleMapPicker`
 - **Utils:** `cn`, `inputBase`, `inputFocus`, `inputDisabled`, `inputPlaceholder`, `toast`, `registerToastEmitter`

package/dist/index.d.ts

@@ -9,11 +9,18 @@ import { FieldValues, FieldPath, ControllerProps, Control, Path, FieldError, Noo
 import * as LabelPrimitive from '@radix-ui/react-label';
 import { OTPInput } from 'input-otp';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
+import * as SwitchPrimitive from '@radix-ui/react-switch';
 import { $NormalizeIntoArray } from './typescript/helpers.js';
 import { DefaultNamespace, FlatNamespace, InitOptions, InterpolationOptions, Resource, FormatFunction, ResourceKey, ResourceLanguage, TOptions, Namespace, TypeOptions } from './typescript/options.js';
 import { TFunction, SelectorKey, KeyPrefixSelector, KeyPrefix } from './typescript/t.js';
 import { ClassValue } from 'clsx';
 
+interface AddTileProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    icon: React.ReactNode;
+    label: string;
+}
+declare const AddTile: React.ForwardRefExoticComponent<AddTileProps & React.RefAttributes<HTMLButtonElement>>;
+
 interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {
     variant?: AlertVariant;
 }
@@ -31,7 +38,7 @@ declare const AuthHeader: ({ children, desktopLogoSrc, logoAlt, mobileClassName,
 
 declare const buttonVariants: (props?: ({
     hoverStyle?: "none" | "highlight" | "shine" | null | undefined;
-    size?: "lg" | "sm" | "default" | "icon" | null | undefined;
+    size?: "icon" | "lg" | "sm" | "default" | null | undefined;
     variant?: "destructive" | "link" | "primary" | "ghost" | "invisible" | "outline" | "subtle" | "tertiary" | "underline" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
@@ -47,6 +54,13 @@ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, Var
 }
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 
+declare const chipVariants: (props?: ({
+    active?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ChipProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof chipVariants> {
+}
+declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLButtonElement>>;
+
 declare const Command: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
 } & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
@@ -70,7 +84,7 @@ declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<
     ref?: React.Ref<HTMLInputElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "type" | "onChange" | "value"> & {
+}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "type" | "value" | "onChange"> & {
     value?: string;
     onValueChange?: (search: string) => void;
 } & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
@@ -96,7 +110,7 @@ declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "heading" | "value"> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "heading"> & {
     heading?: React.ReactNode;
     value?: string;
     forceMount?: boolean;
@@ -114,7 +128,7 @@ declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "disabled" | "value"> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "disabled" | "value" | "onSelect"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;
@@ -209,6 +223,7 @@ interface ResolvedAddress {
     lng: null | number;
 }
 interface GoogleMapPickerProps {
+    apiKey?: string;
     centerOn?: google.maps.LatLngLiteral;
     countryCode?: string;
     disabled?: boolean;
@@ -216,8 +231,10 @@ interface GoogleMapPickerProps {
     initialPosition?: google.maps.LatLngLiteral;
     locationQuery?: string;
     locationZoom?: number;
+    mapId?: string;
     onAddressResolved?: (resolved: ResolvedAddress) => void;
     onChange: (address: string) => void;
+    onError?: (error: unknown) => void;
     placeholder?: string;
     value: string;
 }
@@ -243,8 +260,9 @@ interface OtpInputFormFieldProps<TFieldValues extends FieldValues = FieldValues,
     labelClassName?: string;
     name: TName;
     otpLength?: number;
+    visualRequired?: boolean;
 }
-declare function OTPField<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ autoFocus, className, containerClassName, control, disabled, label, labelClassName, name, otpLength }: OtpInputFormFieldProps<TFieldValues, TName>): React__default.JSX.Element;
+declare function OTPField<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ autoFocus, className, containerClassName, control, disabled, label, labelClassName, name, otpLength, visualRequired }: OtpInputFormFieldProps<TFieldValues, TName>): React__default.JSX.Element;
 
 interface Options {
     label: string;
@@ -265,7 +283,7 @@ interface SelectFieldProps<T extends FieldValues = FieldValues> {
     search?: boolean;
     visualRequired?: boolean;
 }
-declare const SelectField: <T extends FieldValues = FieldValues>({ ableDeleteOption, className, control, disabled, label, labelClassName, mainClassName, name, options, placeholder, search, visualRequired }: SelectFieldProps<T>) => React.JSX.Element;
+declare const SelectField: <T extends FieldValues = FieldValues>({ ableDeleteOption, className, control, disabled, label, labelClassName, mainClassName, name, onChange, options, placeholder, search, visualRequired }: SelectFieldProps<T>) => React.JSX.Element;
 
 type InputProps = React.InputHTMLAttributes<HTMLInputElement>;
 declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
@@ -368,6 +386,8 @@ interface StepperProps {
 }
 declare const Stepper: ({ activeIndex, className, intermediate, steps }: StepperProps) => React.JSX.Element;
 
+declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitive.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+
 interface ToastOptions {
     duration?: number;
     position?: ToastPosition;
@@ -947,4 +967,4 @@ declare const toast: {
 };
 declare function registerToastEmitter(fn: ToastEmitter): void;
 
-export { Alert, AuthHeader, Button, type ButtonProps, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Form, FormControl, FormField, FormItem, FormMessage, GoogleMapPicker, type GoogleMapPickerProps, Input, InputField, InputOTP, InputOTPGroup, InputOTPSlot, type InputProps, Label, LabelField, MapPickerField, OTPField, type Options, PasswordChecklist, type PasswordRule, type PasswordRulesConfig, Popover, PopoverContent, PopoverTrigger, type ResolvedAddress, SelectField, SelectInput, Spinner, type SpinnerProps, StepHeader, Stepper, type StepperStep, Toast, type ToastOptions, type ToastPosition, ToastProvider, type ToastType, Tooltip, Wrapper, type WrapperProps, buttonVariants, cn, inputBase, inputCompact, inputDisabled, inputFocus, inputPlaceholder, registerToastEmitter, setUiLanguage, toast, uiI18n, useFormField };
+export { AddTile, type AddTileProps, Alert, AuthHeader, Button, type ButtonProps, Chip, type ChipProps, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Form, FormControl, FormField, FormItem, FormMessage, GoogleMapPicker, type GoogleMapPickerProps, Input, InputField, InputOTP, InputOTPGroup, InputOTPSlot, type InputProps, Label, LabelField, MapPickerField, OTPField, type Options, PasswordChecklist, type PasswordRule, type PasswordRulesConfig, Popover, PopoverContent, PopoverTrigger, type ResolvedAddress, SelectField, SelectInput, Spinner, type SpinnerProps, StepHeader, Stepper, type StepperStep, Switch, Toast, type ToastOptions, type ToastPosition, ToastProvider, type ToastType, Tooltip, Wrapper, type WrapperProps, buttonVariants, chipVariants, cn, inputBase, inputCompact, inputDisabled, inputFocus, inputPlaceholder, registerToastEmitter, setUiLanguage, toast, uiI18n, useFormField };