@soyfri/shared-library 2.0.0-beta.3 → 2.0.0-beta.30

package/components/Select/Select.definitions.d.ts

@@ -1,17 +0,0 @@
-export declare const SimpleSelectDefinition = "\nimport React, { useState } from 'react';\nimport { Select } from './Select'; // Asumiendo que Select.tsx est\u00E1 en el mismo directorio\nimport { Box, Typography } from '@mui/material';\n\nconst basicOptions = [\n    { value: '10', label: '10' },\n    { value: '25', label: '25' },\n    { value: '50', label: '50' },\n    { value: '100', label: '100' },\n];\n\nexport const SimpleSelectExample = () => {\n    const [value, setValue] = useState<string>('25');\n    return (\n        <Box sx={{ width: 200 }}>\n            <Select\n                label=\"Registros por p\u00E1gina\"\n                options={basicOptions}\n                value={value}\n                onChange={(val) => setValue(val as string)}\n                maxWidth={150}\n            />\n            <Typography sx={{ mt: 2 }}>Valor seleccionado: {value}</Typography>\n        </Box>\n    );\n};\n";
-export declare const MultiSelectDefinition = "\nimport React, { useState } from 'react';\nimport { Select } from './Select'; // Asumiendo que Select.tsx est\u00E1 en el mismo directorio\nimport { Box, Typography } from '@mui/material';\n\nexport const MultiSelectExample = () => {\n    const [value, setValue] = useState<string[]>([]);\n    return (\n        <Box sx={{ width: 400 }}>\n            <Select\n                label=\"Seleccionar estados\"\n                multiple\n                maxChipsToShow={2}\n                options={[\n                    { value: 'pending', label: 'Pendiente' },\n                    { value: 'approved', label: 'Aprobado' },\n                    { value: 'rejected', label: 'Rechazado' },\n                    { value: 'canceled', label: 'Cancelado' },\n                    { value: 'completed', label: 'Completado' },\n                    { value: 'invoiced', label: 'Facturado' },\n                ]}\n                value={value}\n                onChange={(val) => setValue(val as string[])}\n            />\n            <Typography sx={{ mt: 2 }}>Valor seleccionado: {JSON.stringify(value)}</Typography>\n        </Box>\n    );\n};\n";
-export declare const WithPlaceholderDefinition = "\nimport React, { useState } from 'react';\nimport { Select } from './Select'; // Asumiendo que Select.tsx est\u00E1 en el mismo directorio\nimport { Box, Typography } from '@mui/material';\n\nconst basicOptions = [\n    { value: '10', label: '10' },\n    { value: '25', label: '25' },\n    { value: '50', label: '50' },\n    { value: '100', label: '100' },\n];\n\nexport const WithPlaceholderExample = () => {\n    const [value, setValue] = useState('');\n    return (\n        <Box sx={{ width: 300 }}>\n            <Select\n                label=\"Seleccione una opci\u00F3n\"\n                options={basicOptions}\n                value={value}\n                onChange={(val) => setValue(val as string)}\n                placeholder=\"Ninguna opci\u00F3n seleccionada\"\n            />\n            <Typography sx={{ mt: 2 }}>Valor seleccionado: {value || 'Ninguno'}</Typography>\n        </Box>\n    );\n};\n";
-export declare const WithFilterDefinition = "\nimport React, { useState } from 'react';\nimport { Select } from './Select'; // Asumiendo que Select.tsx est\u00E1 en el mismo directorio\nimport { Box, Typography } from '@mui/material';\n\nconst groupedOptions = [\n    { value: 'gt', label: 'Guatemala', group: 'Centroam\u00E9rica' },\n    { value: 'sv', label: 'El Salvador', group: 'Centroam\u00E9rica' },\n    { value: 'mx', label: 'M\u00E9xico', group: 'Norteam\u00E9rica' },\n    { value: 'us', label: 'EE.UU.', group: 'Norteam\u00E9rica' },\n];\n\nexport const WithFilterExample = () => {\n    const [value, setValue] = useState('');\n    return (\n        <Box sx={{ width: 300 }}>\n            <Select\n                label=\"Buscar pa\u00EDs\"\n                filterable\n                options={groupedOptions}\n                value={value}\n                onChange={(val) => setValue(val as string)}\n            />\n            <Typography sx={{ mt: 2 }}>Valor seleccionado: {value}</Typography>\n        </Box>\n    );\n};\n";
-export declare const WithGroupDefinition = "\nimport React, { useState } from 'react';\nimport { Select } from './Select'; // Asumiendo que Select.tsx est\u00E1 en el mismo directorio\nimport { Box, Typography } from '@mui/material';\n\nconst groupedOptions = [\n    { value: 'gt', label: 'Guatemala', group: 'Centroam\u00E9rica' },\n    { value: 'sv', label: 'El Salvador', group: 'Centroam\u00E9rica' },\n    { value: 'mx', label: 'M\u00E9xico', group: 'Norteam\u00E9rica' },\n    { value: 'us', label: 'EE.UU.', group: 'Norteam\u00E9rica' },\n];\n\nexport const WithGroupExample = () => {\n    const [value, setValue] = useState('');\n    return (\n        <Box sx={{ width: 300 }}>\n            <Select\n                label=\"Pa\u00EDs por regi\u00F3n\"\n                options={groupedOptions}\n                value={value}\n                onChange={(val) => setValue(val as string)}\n            />\n            <Typography sx={{ mt: 2 }}>Valor seleccionado: {value}</Typography>\n        </Box>\n    );\n};\n";
-export declare const CustomRenderWithAvatarDefinition = "\nimport React, { useState } from 'react';\nimport { Select, Option } from './Select'; // Asumiendo que Select.tsx est\u00E1 en el mismo directorio\nimport { Avatar, Box, Typography } from '@mui/material';\n\nconst userOptions = [\n    { value: 'admin', label: 'Administrador', img: 'https://placehold.co/40x40?text=A' },\n    { value: 'user', label: 'Usuario', img: 'https://placehold.co/40x40?text=U' },\n];\n\nexport const CustomRenderWithAvatarExample = () => {\n    const [value, setValue] = useState<string[]>([]);\n    return (\n        <Box sx={{ width: 300 }}>\n            <Select\n                options={userOptions}\n                multiple\n                value={value}\n                onChange={(val) => setValue(val as string[])}\n                label=\"Usuarios\"\n                placeholder=\"Selecciona usuarios\"\n            >\n                <Option>\n                    {({ img, label }) => (\n                        <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>\n                            <Avatar src={img} sx={{ width: 24, height: 24 }} />\n                            <Typography variant=\"body2\">{label}</Typography>\n                        </Box>\n                    )}\n                </Option>\n            </Select>\n            <Typography sx={{ mt: 2 }}>Valor seleccionado: {JSON.stringify(value)}</Typography>\n        </Box>\n    );\n};\n";
-export declare const MultiSelectCustomChipRenderDefinition = "\nimport React, { useState } from 'react';\nimport { Select } from './Select'; // Asumiendo que Select.tsx est\u00E1 en el mismo directorio\nimport { Box, Typography, Chip } from '@mui/material';\n\nconst transactionStatuses = [\n    { value: 'PENDING', label: 'Pendiente' },\n    { value: 'REJECTED', label: 'Rechazado' },\n    { value: 'CANCELED', label: 'Cancelado' },\n    { value: 'REFUNDED', label: 'Reembolsado' },\n    { value: 'COMPLETED', label: 'Completado' },\n    { value: 'EXPIRED', label: 'Expirado' },\n];\n\nexport const MultiSelectCustomChipRenderExample = () => {\n    const [value, setValue] = useState<string[]>(['pending', 'approved', 'rejected', 'canceled']);\n    return (\n        <Box sx={{ width: 400 }}>\n            <Select\n                label=\"Estados de Transacci\u00F3n\"\n                multiple\n                maxChipsToShow={3}\n                options={transactionStatuses}\n                value={value}\n                onChange={(val) => setValue(val as string[])}\n                placeholder=\"Selecciona estados\"\n                renderChipLabel={(item) => (\n                  <Typography variant=\"caption\" sx={{ fontWeight: 'bold' }}>\n                    {item.label.charAt(0).toUpperCase()}\n                  </Typography>\n                )}\n            />\n            <Typography sx={{ mt: 2 }}>Valor seleccionado: {JSON.stringify(value)}</Typography>\n        </Box>\n    );\n};\n";
-export declare const MultiSelectCustomChipRenderFullLabelDefinition = "\nimport React, { useState } from 'react';\nimport { Select } from './Select'; // Asumiendo que Select.tsx est\u00E1 en el mismo directorio\nimport { Avatar, Box, Typography } from '@mui/material';\n\nconst groupedOptions = [\n    { value: 'gt', label: 'Guatemala', group: 'Centroam\u00E9rica' },\n    { value: 'sv', label: 'El Salvador', group: 'Centroam\u00E9rica' },\n    { value: 'mx', label: 'M\u00E9xico', group: 'Norteam\u00E9rica' },\n    { value: 'us', label: 'EE.UU.', group: 'Norteam\u00E9rica' },\n    { value: 'ca', label: 'Canad\u00E1', group: 'Norteam\u00E9rica' },\n    { value: 'br', label: 'Brasil', group: 'Sudam\u00E9rica' },\n    { value: 'ar', label: 'Argentina', group: 'Sudam\u00E9rica' },\n];\n\nexport const MultiSelectCustomChipRenderFullLabelExample = () => {\n    const [value, setValue] = useState<string[]>(['gt', 'mx', 'us', 'ca', 'br']);\n    return (\n        <Box sx={{ width: 400 }}>\n            <Select\n                label=\"Pa\u00EDses seleccionados\"\n                multiple\n                maxChipsToShow={3}\n                options={groupedOptions}\n                value={value}\n                onChange={(val) => setValue(val as string[])}\n                placeholder=\"Selecciona pa\u00EDses\"\n                renderChipLabel={(item) => (\n                    <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5 }}>\n                        {item.img && <Avatar src={item.img} sx={{ width: 18, height: 18 }} />}\n                        <Typography variant=\"caption\" sx={{ fontWeight: 'medium' }}>\n                            {item.label}\n                        </Typography>\n                    </Box>\n                )}\n            />\n            <Typography sx={{ mt: 2 }}>Valor seleccionado: {JSON.stringify(value)}</Typography>\n        </Box>\n    );\n};\n";
-export declare const ConstrainedHeightDefinition = "\nimport React, { useState } from 'react';\nimport { Select } from './Select'; // Asumiendo que Select.tsx est\u00E1 en el mismo directorio\nimport { Box, Typography } from '@mui/material';\n\nconst optionsWithManyItems = [\n  { value: 'gt', label: 'Guatemala' }, { value: 'sv', label: 'El Salvador' },\n  { value: 'mx', label: 'M\u00E9xico' }, { value: 'us', label: 'EE.UU.' },\n  { value: 'ca', label: 'Canad\u00E1' }, { value: 'br', label: 'Brasil' },\n  { value: 'ar', label: 'Argentina' }, { value: 'cl', label: 'Chile' },\n  { value: 'co', label: 'Colombia' }, { value: 'pe', label: 'Per\u00FA' },\n  { value: 'ec', label: 'Ecuador' }, { value: 've', label: 'Venezuela' },\n  { value: 'py', label: 'Paraguay' }, { value: 'uy', label: 'Uruguay' },\n  { value: 'bo', label: 'Bolivia' }, { value: 'cr', label: 'Costa Rica' },\n  { value: 'pa', label: 'Panam\u00E1' }, { value: 'hn', label: 'Honduras' },\n  { value: 'ni', label: 'Nicaragua' }, { value: 'do', label: 'Rep. Dominicana' },\n  { value: 'cu', label: 'Cuba' }, { value: 'pr', label: 'Puerto Rico' },\n  { value: 'es', label: 'Espa\u00F1a' }, { value: 'fr', label: 'Francia' },\n  { value: 'de', label: 'Alemania' }, { value: 'it', label: 'Italia' },\n];\n\nexport const ConstrainedHeightExample = () => {\n    const [value, setValue] = useState('');\n    return (\n        <Box sx={{ width: 300 }}>\n            <Select\n                label=\"Opciones (Altura Limitada)\"\n                options={optionsWithManyItems}\n                value={value}\n                onChange={(val) => setValue(val as string)}\n                maxHeight={150}\n            />\n            <Typography sx={{ mt: 2 }}>Valor seleccionado: {value}</Typography>\n        </Box>\n    );\n};\n";
-export declare const ConstrainedWidthDefinition = "\nimport React, { useState } from 'react';\nimport { Select } from './Select'; // Asumiendo que Select.tsx est\u00E1 en el mismo directorio\nimport { Box, Typography } from '@mui/material';\n\nconst basicOptions = [\n    { value: '10', label: '10' },\n    { value: '25', label: '25' },\n];\nconst groupedOptions = [\n    { value: 'gt', label: 'Guatemala', group: 'Centroam\u00E9rica' },\n    { value: 'sv', label: 'El Salvador', group: 'Centroam\u00E9rica' },\n];\n\nexport const ConstrainedWidthExample = () => {\n    const [value, setValue] = useState('');\n    return (\n        <Box sx={{ width: 200 }}>\n            <Select\n                label=\"Opciones (Ancho Limitado)\"\n                options={basicOptions.concat(groupedOptions)}\n                value={value}\n                onChange={(val) => setValue(val as string)}\n                maxWidth={100}\n            />\n            <Typography sx={{ mt: 2 }}>Valor seleccionado: {value}</Typography>\n        </Box>\n    );\n};\n";
-export declare const AllFeaturesCombinedDefinition = "\nimport React, { useState } from 'react';\nimport { Select, Option } from './Select'; // Asumiendo que Select.tsx est\u00E1 en el mismo directorio\nimport { Avatar, Box, Typography, Chip } from '@mui/material';\n\nconst allOptions = [\n    { value: 'gt', label: 'Guatemala', group: 'Centroam\u00E9rica' },\n    { value: 'admin', label: 'Administrador', img: 'https://placehold.co/40x40?text=A' },\n    { value: 'PENDING', label: 'Pendiente' },\n    { value: 'ca', label: 'Canad\u00E1', group: 'Norteam\u00E9rica' },\n    { value: 'user', label: 'Usuario', img: 'https://placehold.co/40x40?text=U' },\n    { value: 'COMPLETED', label: 'Completado' },\n];\n\nexport const AllFeaturesCombinedExample = () => {\n    const [value, setValue] = useState<string[]>(['gt', 'admin', 'PENDING', 'ca', 'user', 'COMPLETED']);\n    return (\n        <Box sx={{ width: 500 }}>\n            <Select\n                label=\"Selecci\u00F3n Completa\"\n                multiple\n                filterable\n                maxChipsToShow={3}\n                maxHeight={250}\n                maxWidth=\"400px\"\n                options={allOptions}\n                value={value}\n                onChange={(val) => setValue(val as string[])}\n                placeholder=\"Busca y selecciona todo tipo de elementos\"\n                renderChipLabel={(item) => (\n                    <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5 }}>\n                        {item.img && <Avatar src={item.img} sx={{ width: 16, height: 16 }} />}\n                        <Typography variant=\"caption\" sx={{ fontWeight: 'bold' }}>\n                            {item.label.length > 10 ? item.label.substring(0, 7) + '...' : item.label}\n                        </Typography>\n                    </Box>\n                )}\n            >\n                <Option>\n                    {(item) => (\n                        <Box sx={{ display: 'flex', alignItems: 'center', gap: 1, my: 0.5 }}>\n                            {item.img && <Avatar src={item.img} sx={{ width: 28, height: 28 }} />}\n                            <Box>\n                                <Typography variant=\"body2\" fontWeight=\"medium\">{item.label}</Typography>\n                                {item.group && (\n                                    <Typography variant=\"caption\" color=\"text.secondary\">\n                                        Grupo: {item.group}\n                                    </Typography>\n                                )}\n                                {item.disabled && <Chip label=\"No disponible\" size=\"small\" color=\"warning\" sx={{ ml: 1 }} />}\n                            </Box>\n                        </Box>\n                    )}\n                </Option>\n            </Select>\n            <Typography sx={{ mt: 2 }}>Valor seleccionado: {JSON.stringify(value)}</Typography>\n        </Box>\n    );\n};\n";
-export declare const EmptyOptionsDefinition = "\nimport React, { useState } from 'react';\nimport { Select } from './Select'; // Asumiendo que Select.tsx est\u00E1 en el mismo directorio\nimport { Box, Typography } from '@mui/material';\n\nexport const EmptyOptionsExample = () => {\n    const [value, setValue] = useState(null);\n    return (\n        <Box sx={{ width: 300 }}>\n            <Select\n                label=\"Seleccionar (Vac\u00EDo)\"\n                options={[]}\n                value={value}\n                onChange={setValue}\n                placeholder=\"No hay opciones disponibles\"\n            />\n            <Typography sx={{ mt: 2 }}>Valor seleccionado: {value || 'Ninguno'}</Typography>\n        </Box>\n    );\n};\n";
-export declare const SelectWithManyOptionsDefinition = "\nimport React, { useState } from 'react';\nimport { Select } from './Select'; // Asumiendo que Select.tsx est\u00E1 en el mismo directorio\nimport { Box, Typography } from '@mui/material';\n\nconst manyOptions = Array.from({ length: 50 }, (_, i) => ({\n    value: `option-${i}`,\n    label: `Opci\u00F3n ${i + 1}`,\n    group: i < 25 ? 'Grupo A' : 'Grupo B',\n}));\n\nexport const SelectWithManyOptionsExample = () => {\n    const [value, setValue] = useState('');\n    return (\n        <Box sx={{ width: 300 }}>\n            <Select\n                label=\"Muchas Opciones\"\n                options={manyOptions}\n                value={value}\n                onChange={(val) => setValue(val as string)}\n                filterable\n                maxHeight={200}\n            />\n            <Typography sx={{ mt: 2 }}>Valor seleccionado: {value}</Typography>\n        </Box>\n    );\n};\n";
-export declare const LabelPositionFloatingDefinition = "\nimport React, { useState } from 'react';\nimport { Select } from './Select';\nimport { Box, Typography } from '@mui/material';\n\nconst basicOptions = [\n    { value: '10', label: '10' },\n    { value: '25', label: '25' },\n    { value: '50', label: '50' },\n    { value: '100', label: '100' },\n];\n\nexport const LabelPositionFloatingExample = () => {\n    const [value, setValue] = useState('');\n    return (\n        <Box sx={{ width: 300 }}>\n            <Select\n                label=\"Label flotante (MUI nativo)\"\n                options={basicOptions}\n                value={value}\n                onChange={(val) => setValue(val as string)}\n                labelPosition=\"floating\"\n            />\n            <Typography sx={{ mt: 2 }}>Valor seleccionado: {value || 'Ninguno'}</Typography>\n        </Box>\n    );\n};\n";
-export declare const CustomBorderRadiusDefinition = "\nimport React, { useState } from 'react';\nimport { Select } from './Select';\nimport { Box } from '@mui/material';\n\nconst basicOptions = [\n    { value: '10', label: '10' },\n    { value: '25', label: '25' },\n    { value: '50', label: '50' },\n    { value: '100', label: '100' },\n];\n\nexport const CustomBorderRadiusExample = () => {\n    const [valueA, setValueA] = useState('25');\n    const [valueB, setValueB] = useState('25');\n    const [valueC, setValueC] = useState('25');\n    return (\n        <Box sx={{ width: 300, display: 'flex', flexDirection: 'column', gap: 2 }}>\n            <Select\n                label=\"Sin border radius\"\n                options={basicOptions}\n                value={valueA}\n                onChange={(val) => setValueA(val as string)}\n                borderRadius={0}\n            />\n            <Select\n                label=\"Border radius est\u00E1ndar\"\n                options={basicOptions}\n                value={valueB}\n                onChange={(val) => setValueB(val as string)}\n                borderRadius={10}\n            />\n            <Select\n                label=\"Pill-shaped\"\n                options={basicOptions}\n                value={valueC}\n                onChange={(val) => setValueC(val as string)}\n                borderRadius={999}\n            />\n        </Box>\n    );\n};\n";
-export declare const CustomStylingDefinition = "\nimport React, { useState } from 'react';\nimport { Select } from './Select';\nimport { Box, Typography } from '@mui/material';\n\nconst userOptions = [\n    { value: 'admin', label: 'Administrador', img: 'https://placehold.co/40x40?text=A' },\n    { value: 'user', label: 'Usuario', img: 'https://placehold.co/40x40?text=U' },\n    { value: 'moderator', label: 'Moderador', img: 'https://placehold.co/40x40?text=M' },\n];\n\nexport const CustomStylingExample = () => {\n    const [value, setValue] = useState<string[]>(['admin']);\n    return (\n        <Box sx={{ width: 360 }}>\n            <Select\n                label=\"Select con estilos personalizados\"\n                options={userOptions}\n                multiple\n                value={value}\n                onChange={(val) => setValue(val as string[])}\n                placeholder=\"Selecciona usuarios\"\n                sx={{\n                    '& .MuiInputBase-root': {\n                        backgroundColor: 'action.hover',\n                    },\n                    '& .MuiOutlinedInput-notchedOutline': {\n                        borderColor: 'primary.main',\n                        borderWidth: '2px',\n                    },\n                    '&:hover .MuiOutlinedInput-notchedOutline': {\n                        borderColor: 'primary.dark',\n                    },\n                }}\n            />\n            <Typography sx={{ mt: 2 }}>Valor seleccionado: {JSON.stringify(value)}</Typography>\n        </Box>\n    );\n};\n";
-export declare const AsyncSelectDefinition = "\nimport React, { useState } from 'react';\nimport { Select } from './Select';\nimport { Box, Typography } from '@mui/material';\n\nconst mockAsyncOptions = [\n    { value: 'apple', label: 'Apple' },\n    { value: 'banana', label: 'Banana' },\n    { value: 'orange', label: 'Orange' },\n    { value: 'grape', label: 'Grape' },\n    { value: 'strawberry', label: 'Strawberry' },\n    { value: 'blueberry', label: 'Blueberry' },\n    { value: 'pineapple', label: 'Pineapple' },\n];\n\n// Simulate an API call\nconst simulatedLoadOptions = (inputValue: string): Promise<any[]> => {\n    return new Promise((resolve) => {\n        setTimeout(() => {\n            const filtered = mockAsyncOptions.filter(option =>\n                option.label.toLowerCase().includes(inputValue.toLowerCase())\n            );\n            resolve(filtered);\n        }, 800); // Simulate network delay\n    });\n};\n\nexport const AsyncSelectExample = () => {\n    const [value, setValue] = useState('');\n    return (\n        <Box sx={{ width: 300 }}>\n            <Select\n                label=\"Buscar Frutas\"\n                loadOptions={simulatedLoadOptions}\n                value={value}\n                onChange={(val) => setValue(val as string)}\n                placeholder=\"Escribe para buscar...\"\n                loadingMessage=\"Buscando frutas...\"\n                noOptionsMessage=\"No se encontraron frutas.\"\n            />\n            <Typography sx={{ mt: 2 }}>Valor seleccionado: {value}</Typography>\n        </Box>\n    );\n};\n";

package/components/Select/Select.types.d.ts

@@ -1 +0,0 @@
-export type { SelectOption, LabelPosition, ChipVariant, SelectSize, RenderOptionItem, RenderChipLabel, OptionProps, BaseSelectProps, RHFSelectProps, StandardSelectProps, SelectProps, } from './Select';

package/components/Select/_parts/SelectSearchHeader.d.ts

@@ -1,15 +0,0 @@
-import { default as React } from 'react';
-interface SelectSearchHeaderProps {
-    value: string;
-    onChange: (next: string) => void;
-    placeholder?: string;
-    inputRef?: React.Ref<HTMLInputElement>;
-}
-/**
- * Header sticky del menu del Select que contiene el input de búsqueda.
- * Se usa cuando `filterable` es true o cuando el Select opera en modo async.
- * Detiene la propagación de click/keydown para que el menu no se cierre ni
- * intercepte las teclas al tipear.
- */
-export declare const SelectSearchHeader: React.FC<SelectSearchHeaderProps>;
-export default SelectSearchHeader;

package/formField.sx-CQ1mbk9M.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"formField.sx-CQ1mbk9M.cjs","sources":["../src/theme/tokens.ts","../src/components/_shared/formField.sx.ts"],"sourcesContent":["/**\n * Design tokens compartidos por los componentes de formulario\n * (Input, Select, Autocomplete, DatePicker, DateTimePicker).\n *\n * Centralizar estos valores garantiza que:\n * - el espaciado, la tipografía y las animaciones del label sean idénticos\n *   en todos los campos;\n * - un cambio visual global (p.ej. cambiar el transform del shrink) se haga\n *   en un único archivo.\n */\n\n// ── Spacing ──────────────────────────────────────────────────────────────\n/** Margen superior que deja el aire para el label flotante \"outside\". */\nexport const LABEL_MARGIN_TOP = '14px';\n\n/** Padding vertical interno del input (TextField/Select/Picker sections). */\nexport const FIELD_INPUT_PADDING_Y = '8.5px';\n\n// ── Label animation ──────────────────────────────────────────────────────\n/** Transform que aplica el label cuando sube arriba del input (shrink). */\nexport const LABEL_SHRINK_TRANSFORM = 'translate(4px, -22px) scale(0.85)';\n\n/** Origen del transform para el shrink. */\nexport const LABEL_TRANSFORM_ORIGIN = 'top left';\n\n/** Transición del label (color + transform + max-width). */\nexport const LABEL_TRANSITION =\n  'color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, ' +\n  'transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, ' +\n  'max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms';\n\n// ── Label colors (theme-aware) ───────────────────────────────────────────\n/** Color del label en reposo. */\nexport const LABEL_COLOR_REST = 'text.secondary';\n\n/** Color del label cuando el campo tiene valor (shrink). */\nexport const LABEL_COLOR_FILLED = 'text.primary';\n\n/** Color del label cuando el campo está focused. */\nexport const LABEL_COLOR_FOCUSED = 'primary.main';\n\n/** Peso del label cuando sube (filled/focused). */\nexport const LABEL_FONT_WEIGHT_FILLED = 500;\n","import type { SxProps, Theme } from '@mui/material/styles';\n\nimport {\n  LABEL_COLOR_FILLED,\n  LABEL_COLOR_FOCUSED,\n  LABEL_COLOR_REST,\n  LABEL_FONT_WEIGHT_FILLED,\n  LABEL_MARGIN_TOP,\n  LABEL_SHRINK_TRANSFORM,\n  LABEL_TRANSFORM_ORIGIN,\n  LABEL_TRANSITION,\n} from '../../theme/tokens';\n\nexport type LabelPosition = 'outside' | 'floating';\n\nexport interface BuildFormFieldSxOptions {\n  borderRadius: number | string;\n  labelPosition: LabelPosition;\n  /**\n   * Si es `true`, los selectores incluyen también la API nueva de MUI X\n   * Pickers (v8): `MuiPickersInputBase-root`, `MuiPickersOutlinedInput-*`.\n   */\n  includePickersApi?: boolean;\n  /**\n   * Selectores/valores extra que se mergean SOLO cuando labelPosition === 'outside'.\n   * Usar para paddings específicos del componente (p.ej. MuiAutocomplete-input).\n   */\n  extraOutsideSx?: Record<string, any>;\n  /**\n   * Selectores/valores extra que se mergean SOLO cuando labelPosition === 'floating'.\n   */\n  extraFloatingSx?: Record<string, any>;\n}\n\nconst toRadius = (borderRadius: number | string) =>\n  typeof borderRadius === 'number' ? `${borderRadius}px` : borderRadius;\n\n/**\n * Builder del sx compartido por todos los campos de formulario\n * (Input/Select/Autocomplete/DatePicker/DateTimePicker).\n *\n * Produce:\n * - en modo \"floating\": sólo el border-radius del outlined input;\n * - en modo \"outside\": todo el pack (margen superior, label flotante afuera,\n *   input base, notched outline oculto, helper text sin margen izquierdo).\n *\n * Componentes con paddings o selectores propios pueden inyectarlos vía\n * `extraOutsideSx` / `extraFloatingSx`.\n */\nexport const buildFormFieldSx = ({\n  borderRadius,\n  labelPosition,\n  includePickersApi = false,\n  extraOutsideSx,\n  extraFloatingSx,\n}: BuildFormFieldSxOptions): SxProps<Theme> => {\n  const radius = toRadius(borderRadius);\n\n  // ── Selectores (alternan según la API de pickers) ────────────────────\n  const outlinedRootSelector = includePickersApi\n    ? '& .MuiOutlinedInput-root, & .MuiPickersOutlinedInput-root'\n    : '& .MuiOutlinedInput-root';\n\n  const inputBaseSelector = includePickersApi\n    ? '& .MuiInputBase-root, & .MuiPickersInputBase-root'\n    : '& .MuiInputBase-root';\n\n  const notchedOutlineSelector = includePickersApi\n    ? '& .MuiOutlinedInput-notchedOutline, & .MuiPickersOutlinedInput-notchedOutline'\n    : '& .MuiOutlinedInput-notchedOutline';\n\n  // ── Floating ─────────────────────────────────────────────────────────\n  if (labelPosition === 'floating') {\n    return {\n      [outlinedRootSelector]: { borderRadius: radius },\n      ...(extraFloatingSx ?? {}),\n    };\n  }\n\n  // ── Outside ──────────────────────────────────────────────────────────\n  return {\n    marginTop: LABEL_MARGIN_TOP,\n\n    '& .MuiInputLabel-root': {\n      color: LABEL_COLOR_REST,\n      transition: LABEL_TRANSITION,\n\n      // Estado shrunk (focused o con valor): flota ARRIBA del input.\n      '&.MuiInputLabel-shrink': {\n        transform: LABEL_SHRINK_TRANSFORM,\n        transformOrigin: LABEL_TRANSFORM_ORIGIN,\n        color: LABEL_COLOR_FILLED,\n        fontWeight: LABEL_FONT_WEIGHT_FILLED,\n      },\n\n      '&.Mui-focused': { color: LABEL_COLOR_FOCUSED },\n    },\n\n    // Input base — centra verticalmente (clásico y, si aplica, pickers).\n    [inputBaseSelector]: {\n      borderRadius: radius,\n      display: 'flex',\n      alignItems: 'center',\n    },\n\n    // El label flota afuera: ocultar legend del notch.\n    [notchedOutlineSelector]: {\n      top: 0,\n      '& legend': { display: 'none' },\n    },\n\n    '& .MuiFormHelperText-root': {\n      marginLeft: 0,\n    },\n\n    ...(extraOutsideSx ?? {}),\n  };\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAaO,MAAM,mBAAmB;AAGzB,MAAM,wBAAwB;AAI9B,MAAM,yBAAyB;AAG/B,MAAM,yBAAyB;AAG/B,MAAM,mBACX;AAMK,MAAM,mBAAmB;AAGzB,MAAM,qBAAqB;AAG3B,MAAM,sBAAsB;AAG5B,MAAM,2BAA2B;ACRxC,MAAM,WAAW,CAAC,iBAChB,OAAO,iBAAiB,WAAW,GAAG,YAAY,OAAO;AAcpD,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA,oBAAoB;AAAA,EACpB;AAAA,EACA;AACF,MAA+C;AAC7C,QAAM,SAAS,SAAS,YAAY;AAGpC,QAAM,uBAAuB,oBACzB,8DACA;AAEJ,QAAM,oBAAoB,oBACtB,sDACA;AAEJ,QAAM,yBAAyB,oBAC3B,kFACA;AAGJ,MAAI,kBAAkB,YAAY;AAChC,WAAO;AAAA,MACL,CAAC,oBAAoB,GAAG,EAAE,cAAc,OAAA;AAAA,OACpC,4CAAmB,CAAA;AAAA,EAE3B;AAGA,SAAO;AAAA,IACL,WAAW;AAAA,IAEX,yBAAyB;AAAA,MACvB,OAAO;AAAA,MACP,YAAY;AAAA;AAAA,MAGZ,0BAA0B;AAAA,QACxB,WAAW;AAAA,QACX,iBAAiB;AAAA,QACjB,OAAO;AAAA,QACP,YAAY;AAAA,MAAA;AAAA,MAGd,iBAAiB,EAAE,OAAO,oBAAA;AAAA,IAAoB;AAAA;AAAA,IAIhD,CAAC,iBAAiB,GAAG;AAAA,MACnB,cAAc;AAAA,MACd,SAAS;AAAA,MACT,YAAY;AAAA,IAAA;AAAA;AAAA,IAId,CAAC,sBAAsB,GAAG;AAAA,MACxB,KAAK;AAAA,MACL,YAAY,EAAE,SAAS,OAAA;AAAA,IAAO;AAAA,IAGhC,6BAA6B;AAAA,MAC3B,YAAY;AAAA,IAAA;AAAA,KAGV,0CAAkB,CAAA;AAE1B;;;"}

package/formField.sx-DfVbMe0V.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"formField.sx-DfVbMe0V.js","sources":["../src/theme/tokens.ts","../src/components/_shared/formField.sx.ts"],"sourcesContent":["/**\n * Design tokens compartidos por los componentes de formulario\n * (Input, Select, Autocomplete, DatePicker, DateTimePicker).\n *\n * Centralizar estos valores garantiza que:\n * - el espaciado, la tipografía y las animaciones del label sean idénticos\n *   en todos los campos;\n * - un cambio visual global (p.ej. cambiar el transform del shrink) se haga\n *   en un único archivo.\n */\n\n// ── Spacing ──────────────────────────────────────────────────────────────\n/** Margen superior que deja el aire para el label flotante \"outside\". */\nexport const LABEL_MARGIN_TOP = '14px';\n\n/** Padding vertical interno del input (TextField/Select/Picker sections). */\nexport const FIELD_INPUT_PADDING_Y = '8.5px';\n\n// ── Label animation ──────────────────────────────────────────────────────\n/** Transform que aplica el label cuando sube arriba del input (shrink). */\nexport const LABEL_SHRINK_TRANSFORM = 'translate(4px, -22px) scale(0.85)';\n\n/** Origen del transform para el shrink. */\nexport const LABEL_TRANSFORM_ORIGIN = 'top left';\n\n/** Transición del label (color + transform + max-width). */\nexport const LABEL_TRANSITION =\n  'color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, ' +\n  'transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, ' +\n  'max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms';\n\n// ── Label colors (theme-aware) ───────────────────────────────────────────\n/** Color del label en reposo. */\nexport const LABEL_COLOR_REST = 'text.secondary';\n\n/** Color del label cuando el campo tiene valor (shrink). */\nexport const LABEL_COLOR_FILLED = 'text.primary';\n\n/** Color del label cuando el campo está focused. */\nexport const LABEL_COLOR_FOCUSED = 'primary.main';\n\n/** Peso del label cuando sube (filled/focused). */\nexport const LABEL_FONT_WEIGHT_FILLED = 500;\n","import type { SxProps, Theme } from '@mui/material/styles';\n\nimport {\n  LABEL_COLOR_FILLED,\n  LABEL_COLOR_FOCUSED,\n  LABEL_COLOR_REST,\n  LABEL_FONT_WEIGHT_FILLED,\n  LABEL_MARGIN_TOP,\n  LABEL_SHRINK_TRANSFORM,\n  LABEL_TRANSFORM_ORIGIN,\n  LABEL_TRANSITION,\n} from '../../theme/tokens';\n\nexport type LabelPosition = 'outside' | 'floating';\n\nexport interface BuildFormFieldSxOptions {\n  borderRadius: number | string;\n  labelPosition: LabelPosition;\n  /**\n   * Si es `true`, los selectores incluyen también la API nueva de MUI X\n   * Pickers (v8): `MuiPickersInputBase-root`, `MuiPickersOutlinedInput-*`.\n   */\n  includePickersApi?: boolean;\n  /**\n   * Selectores/valores extra que se mergean SOLO cuando labelPosition === 'outside'.\n   * Usar para paddings específicos del componente (p.ej. MuiAutocomplete-input).\n   */\n  extraOutsideSx?: Record<string, any>;\n  /**\n   * Selectores/valores extra que se mergean SOLO cuando labelPosition === 'floating'.\n   */\n  extraFloatingSx?: Record<string, any>;\n}\n\nconst toRadius = (borderRadius: number | string) =>\n  typeof borderRadius === 'number' ? `${borderRadius}px` : borderRadius;\n\n/**\n * Builder del sx compartido por todos los campos de formulario\n * (Input/Select/Autocomplete/DatePicker/DateTimePicker).\n *\n * Produce:\n * - en modo \"floating\": sólo el border-radius del outlined input;\n * - en modo \"outside\": todo el pack (margen superior, label flotante afuera,\n *   input base, notched outline oculto, helper text sin margen izquierdo).\n *\n * Componentes con paddings o selectores propios pueden inyectarlos vía\n * `extraOutsideSx` / `extraFloatingSx`.\n */\nexport const buildFormFieldSx = ({\n  borderRadius,\n  labelPosition,\n  includePickersApi = false,\n  extraOutsideSx,\n  extraFloatingSx,\n}: BuildFormFieldSxOptions): SxProps<Theme> => {\n  const radius = toRadius(borderRadius);\n\n  // ── Selectores (alternan según la API de pickers) ────────────────────\n  const outlinedRootSelector = includePickersApi\n    ? '& .MuiOutlinedInput-root, & .MuiPickersOutlinedInput-root'\n    : '& .MuiOutlinedInput-root';\n\n  const inputBaseSelector = includePickersApi\n    ? '& .MuiInputBase-root, & .MuiPickersInputBase-root'\n    : '& .MuiInputBase-root';\n\n  const notchedOutlineSelector = includePickersApi\n    ? '& .MuiOutlinedInput-notchedOutline, & .MuiPickersOutlinedInput-notchedOutline'\n    : '& .MuiOutlinedInput-notchedOutline';\n\n  // ── Floating ─────────────────────────────────────────────────────────\n  if (labelPosition === 'floating') {\n    return {\n      [outlinedRootSelector]: { borderRadius: radius },\n      ...(extraFloatingSx ?? {}),\n    };\n  }\n\n  // ── Outside ──────────────────────────────────────────────────────────\n  return {\n    marginTop: LABEL_MARGIN_TOP,\n\n    '& .MuiInputLabel-root': {\n      color: LABEL_COLOR_REST,\n      transition: LABEL_TRANSITION,\n\n      // Estado shrunk (focused o con valor): flota ARRIBA del input.\n      '&.MuiInputLabel-shrink': {\n        transform: LABEL_SHRINK_TRANSFORM,\n        transformOrigin: LABEL_TRANSFORM_ORIGIN,\n        color: LABEL_COLOR_FILLED,\n        fontWeight: LABEL_FONT_WEIGHT_FILLED,\n      },\n\n      '&.Mui-focused': { color: LABEL_COLOR_FOCUSED },\n    },\n\n    // Input base — centra verticalmente (clásico y, si aplica, pickers).\n    [inputBaseSelector]: {\n      borderRadius: radius,\n      display: 'flex',\n      alignItems: 'center',\n    },\n\n    // El label flota afuera: ocultar legend del notch.\n    [notchedOutlineSelector]: {\n      top: 0,\n      '& legend': { display: 'none' },\n    },\n\n    '& .MuiFormHelperText-root': {\n      marginLeft: 0,\n    },\n\n    ...(extraOutsideSx ?? {}),\n  };\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAaO,MAAM,mBAAmB;AAGzB,MAAM,wBAAwB;AAI9B,MAAM,yBAAyB;AAG/B,MAAM,yBAAyB;AAG/B,MAAM,mBACX;AAMK,MAAM,mBAAmB;AAGzB,MAAM,qBAAqB;AAG3B,MAAM,sBAAsB;AAG5B,MAAM,2BAA2B;ACRxC,MAAM,WAAW,CAAC,iBAChB,OAAO,iBAAiB,WAAW,GAAG,YAAY,OAAO;AAcpD,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA,oBAAoB;AAAA,EACpB;AAAA,EACA;AACF,MAA+C;AAC7C,QAAM,SAAS,SAAS,YAAY;AAGpC,QAAM,uBAAuB,oBACzB,8DACA;AAEJ,QAAM,oBAAoB,oBACtB,sDACA;AAEJ,QAAM,yBAAyB,oBAC3B,kFACA;AAGJ,MAAI,kBAAkB,YAAY;AAChC,WAAO;AAAA,MACL,CAAC,oBAAoB,GAAG,EAAE,cAAc,OAAA;AAAA,OACpC,4CAAmB,CAAA;AAAA,EAE3B;AAGA,SAAO;AAAA,IACL,WAAW;AAAA,IAEX,yBAAyB;AAAA,MACvB,OAAO;AAAA,MACP,YAAY;AAAA;AAAA,MAGZ,0BAA0B;AAAA,QACxB,WAAW;AAAA,QACX,iBAAiB;AAAA,QACjB,OAAO;AAAA,QACP,YAAY;AAAA,MAAA;AAAA,MAGd,iBAAiB,EAAE,OAAO,oBAAA;AAAA,IAAoB;AAAA;AAAA,IAIhD,CAAC,iBAAiB,GAAG;AAAA,MACnB,cAAc;AAAA,MACd,SAAS;AAAA,MACT,YAAY;AAAA,IAAA;AAAA;AAAA,IAId,CAAC,sBAAsB,GAAG;AAAA,MACxB,KAAK;AAAA,MACL,YAAY,EAAE,SAAS,OAAA;AAAA,IAAO;AAAA,IAGhC,6BAA6B;AAAA,MAC3B,YAAY;AAAA,IAAA;AAAA,KAGV,0CAAkB,CAAA;AAE1B;"}

package/hooks/Wizard/Wizard.cjs

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const useWizard = require("../../useWizard-CWdIxZzX.cjs");
-exports.WizardContext = useWizard.WizardContext;
-exports.WizardProvider = useWizard.WizardProvider;
-exports.useWizard = useWizard.useWizard;
-//# sourceMappingURL=Wizard.cjs.map

package/hooks/Wizard/Wizard.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Wizard.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/hooks/Wizard/Wizard.js

@@ -1,7 +0,0 @@
-import { a, W, u } from "../../useWizard-CWq--C3o.js";
-export {
-  a as WizardContext,
-  W as WizardProvider,
-  u as useWizard
-};
-//# sourceMappingURL=Wizard.js.map

package/hooks/Wizard/Wizard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Wizard.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/hooks/Wizard/index.d.ts

@@ -1,3 +0,0 @@
-export { useWizard } from './useWizard';
-export { WizardProvider, WizardContext, } from './WizardContext';
-export type { WizardContextValue, WizardProviderProps } from './WizardContext';

package/hooks/Wizard/useWizard.d.ts

@@ -1,9 +0,0 @@
-import { WizardContextValue } from './WizardContext';
-/**
- * Hook para consumir el `WizardContext` desde cualquier descendiente de
- * `<WizardProvider>`.
- *
- * Si se llama fuera de un provider, devuelve los valores por defecto (no-op)
- * para mantener compatibilidad con el hook original de fri-web-components.
- */
-export declare function useWizard(): WizardContextValue;

package/hooks/Wizard.d.ts

@@ -1,2 +0,0 @@
-export * from './Wizard/index'
-export {}

package/useWizard-CWdIxZzX.cjs

@@ -1,94 +0,0 @@
-"use strict";
-const React = require("react");
-const jsxRuntime = require("react/jsx-runtime");
-const defaultValue = {
-  currentStep: 0,
-  totalSteps: 0,
-  isFirst: true,
-  isLast: true,
-  completed: false,
-  nextStep: () => {
-  },
-  prevStep: () => {
-  },
-  goToStep: () => {
-  },
-  submitStep: () => {
-  },
-  reset: () => {
-  }
-};
-const WizardContext = React.createContext(defaultValue);
-const WizardProvider = ({
-  totalSteps,
-  initialStep = 0,
-  onSubmit,
-  onStepChange,
-  children
-}) => {
-  const [currentStep, setCurrentStep] = React.useState(initialStep);
-  const [completed, setCompleted] = React.useState(false);
-  const changeStep = React.useCallback(
-    (newStep) => {
-      setCurrentStep((prev) => {
-        if (newStep === prev) return prev;
-        if (newStep < 0 || newStep >= totalSteps) return prev;
-        onStepChange == null ? void 0 : onStepChange(newStep, prev);
-        return newStep;
-      });
-    },
-    [totalSteps, onStepChange]
-  );
-  const nextStep = React.useCallback(() => {
-    changeStep(currentStep + 1);
-  }, [changeStep, currentStep]);
-  const prevStep = React.useCallback(() => {
-    changeStep(currentStep - 1);
-  }, [changeStep, currentStep]);
-  const goToStep = React.useCallback(
-    (stepNumber) => {
-      changeStep(stepNumber);
-    },
-    [changeStep]
-  );
-  const submitStep = React.useCallback(() => {
-    setCompleted(true);
-    onSubmit == null ? void 0 : onSubmit(currentStep);
-  }, [currentStep, onSubmit]);
-  const reset = React.useCallback(() => {
-    setCurrentStep(initialStep);
-    setCompleted(false);
-  }, [initialStep]);
-  const value = React.useMemo(
-    () => ({
-      currentStep,
-      totalSteps,
-      isFirst: currentStep === 0,
-      isLast: currentStep === totalSteps - 1,
-      completed,
-      nextStep,
-      prevStep,
-      goToStep,
-      submitStep,
-      reset
-    }),
-    [
-      currentStep,
-      totalSteps,
-      completed,
-      nextStep,
-      prevStep,
-      goToStep,
-      submitStep,
-      reset
-    ]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(WizardContext.Provider, { value, children });
-};
-function useWizard() {
-  return React.useContext(WizardContext);
-}
-exports.WizardContext = WizardContext;
-exports.WizardProvider = WizardProvider;
-exports.useWizard = useWizard;
-//# sourceMappingURL=useWizard-CWdIxZzX.cjs.map

package/useWizard-CWdIxZzX.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useWizard-CWdIxZzX.cjs","sources":["../src/hooks/Wizard/WizardContext.tsx","../src/hooks/Wizard/useWizard.ts"],"sourcesContent":["import React, {\n  createContext,\n  useCallback,\n  useMemo,\n  useState,\n  type FC,\n  type ReactNode,\n} from 'react';\n\n/**\n * API expuesta por `useWizard()`.\n *\n * Nota de retro-compatibilidad: los nombres `submitStep`, `nextStep`,\n * `prevStep`, `goToStep` se mantienen idénticos al `WizardContext` de\n * `@soyfri/fri-web-components` para que consumers migrando no tengan que\n * cambiar sus llamadas. Se agregan campos extra opcionales que antes no\n * existían (`currentStep`, `totalSteps`, `isFirst`, `isLast`, `completed`).\n */\nexport interface WizardContextValue {\n  /** Índice del paso actual (0-based). */\n  currentStep: number;\n  /** Total de pasos del wizard. */\n  totalSteps: number;\n  /** True si `currentStep === 0`. */\n  isFirst: boolean;\n  /** True si `currentStep === totalSteps - 1`. */\n  isLast: boolean;\n  /** True tras ejecutar `submitStep()` desde el último paso. */\n  completed: boolean;\n  /** Avanza al siguiente paso (no pasa de `totalSteps - 1`). */\n  nextStep: () => void;\n  /** Retrocede al paso anterior (no baja de 0). */\n  prevStep: () => void;\n  /** Salta a un paso específico (0-based). No-op si fuera de rango. */\n  goToStep: (stepNumber: number) => void;\n  /**\n   * Envía el wizard. Marca `completed = true` y dispara el callback\n   * `onSubmit` del provider. En el último paso suele reemplazar a `nextStep`.\n   */\n  submitStep: () => void;\n  /** Resetea el wizard al paso inicial y limpia `completed`. */\n  reset: () => void;\n}\n\nconst defaultValue: WizardContextValue = {\n  currentStep: 0,\n  totalSteps: 0,\n  isFirst: true,\n  isLast: true,\n  completed: false,\n  nextStep: () => {},\n  prevStep: () => {},\n  goToStep: () => {},\n  submitStep: () => {},\n  reset: () => {},\n};\n\nexport const WizardContext = createContext<WizardContextValue>(defaultValue);\n\nexport interface WizardProviderProps {\n  /** Número total de pasos del wizard. Requerido. */\n  totalSteps: number;\n  /** Paso inicial (0-based). Default: 0. */\n  initialStep?: number;\n  /**\n   * Callback disparado cuando se llama `submitStep()`. Recibe el paso actual.\n   * El paquete NO ejecuta ninguna petición; queda a cargo del consumer.\n   */\n  onSubmit?: (currentStep: number) => void;\n  /**\n   * Callback disparado en cada cambio de paso (next/prev/goTo).\n   * Útil para tracking o validaciones externas.\n   */\n  onStepChange?: (newStep: number, prevStep: number) => void;\n  children?: ReactNode;\n}\n\n/**\n * Provider del wizard. Administra el `currentStep` internamente. El consumer\n * no necesita gestionar estado — sólo consumirlo con `useWizard()` desde\n * cualquier descendiente.\n *\n * ```tsx\n * <WizardProvider totalSteps={3} onSubmit={handleFinalSubmit}>\n *   <Stepper ... />\n *   <StepContent />\n *   <WizardControls />\n * </WizardProvider>\n * ```\n */\nexport const WizardProvider: FC<WizardProviderProps> = ({\n  totalSteps,\n  initialStep = 0,\n  onSubmit,\n  onStepChange,\n  children,\n}) => {\n  const [currentStep, setCurrentStep] = useState(initialStep);\n  const [completed, setCompleted] = useState(false);\n\n  const changeStep = useCallback(\n    (newStep: number) => {\n      setCurrentStep((prev) => {\n        if (newStep === prev) return prev;\n        if (newStep < 0 || newStep >= totalSteps) return prev;\n        onStepChange?.(newStep, prev);\n        return newStep;\n      });\n    },\n    [totalSteps, onStepChange],\n  );\n\n  const nextStep = useCallback(() => {\n    changeStep(currentStep + 1);\n  }, [changeStep, currentStep]);\n\n  const prevStep = useCallback(() => {\n    changeStep(currentStep - 1);\n  }, [changeStep, currentStep]);\n\n  const goToStep = useCallback(\n    (stepNumber: number) => {\n      changeStep(stepNumber);\n    },\n    [changeStep],\n  );\n\n  const submitStep = useCallback(() => {\n    setCompleted(true);\n    onSubmit?.(currentStep);\n  }, [currentStep, onSubmit]);\n\n  const reset = useCallback(() => {\n    setCurrentStep(initialStep);\n    setCompleted(false);\n  }, [initialStep]);\n\n  const value = useMemo<WizardContextValue>(\n    () => ({\n      currentStep,\n      totalSteps,\n      isFirst: currentStep === 0,\n      isLast: currentStep === totalSteps - 1,\n      completed,\n      nextStep,\n      prevStep,\n      goToStep,\n      submitStep,\n      reset,\n    }),\n    [\n      currentStep,\n      totalSteps,\n      completed,\n      nextStep,\n      prevStep,\n      goToStep,\n      submitStep,\n      reset,\n    ],\n  );\n\n  return (\n    <WizardContext.Provider value={value}>{children}</WizardContext.Provider>\n  );\n};\n","import { useContext } from 'react';\nimport { WizardContext, type WizardContextValue } from './WizardContext';\n\n/**\n * Hook para consumir el `WizardContext` desde cualquier descendiente de\n * `<WizardProvider>`.\n *\n * Si se llama fuera de un provider, devuelve los valores por defecto (no-op)\n * para mantener compatibilidad con el hook original de fri-web-components.\n */\nexport function useWizard(): WizardContextValue {\n  return useContext(WizardContext);\n}\n"],"names":["createContext","useState","useCallback","useMemo","jsx","useContext"],"mappings":";;;AA4CA,MAAM,eAAmC;AAAA,EACvC,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,UAAU,MAAM;AAAA,EAAC;AAAA,EACjB,UAAU,MAAM;AAAA,EAAC;AAAA,EACjB,UAAU,MAAM;AAAA,EAAC;AAAA,EACjB,YAAY,MAAM;AAAA,EAAC;AAAA,EACnB,OAAO,MAAM;AAAA,EAAC;AAChB;AAEO,MAAM,gBAAgBA,MAAAA,cAAkC,YAAY;AAiCpE,MAAM,iBAA0C,CAAC;AAAA,EACtD;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,CAAC,aAAa,cAAc,IAAIC,MAAAA,SAAS,WAAW;AAC1D,QAAM,CAAC,WAAW,YAAY,IAAIA,MAAAA,SAAS,KAAK;AAEhD,QAAM,aAAaC,MAAAA;AAAAA,IACjB,CAAC,YAAoB;AACnB,qBAAe,CAAC,SAAS;AACvB,YAAI,YAAY,KAAM,QAAO;AAC7B,YAAI,UAAU,KAAK,WAAW,WAAY,QAAO;AACjD,qDAAe,SAAS;AACxB,eAAO;AAAA,MACT,CAAC;AAAA,IACH;AAAA,IACA,CAAC,YAAY,YAAY;AAAA,EAAA;AAG3B,QAAM,WAAWA,MAAAA,YAAY,MAAM;AACjC,eAAW,cAAc,CAAC;AAAA,EAC5B,GAAG,CAAC,YAAY,WAAW,CAAC;AAE5B,QAAM,WAAWA,MAAAA,YAAY,MAAM;AACjC,eAAW,cAAc,CAAC;AAAA,EAC5B,GAAG,CAAC,YAAY,WAAW,CAAC;AAE5B,QAAM,WAAWA,MAAAA;AAAAA,IACf,CAAC,eAAuB;AACtB,iBAAW,UAAU;AAAA,IACvB;AAAA,IACA,CAAC,UAAU;AAAA,EAAA;AAGb,QAAM,aAAaA,MAAAA,YAAY,MAAM;AACnC,iBAAa,IAAI;AACjB,yCAAW;AAAA,EACb,GAAG,CAAC,aAAa,QAAQ,CAAC;AAE1B,QAAM,QAAQA,MAAAA,YAAY,MAAM;AAC9B,mBAAe,WAAW;AAC1B,iBAAa,KAAK;AAAA,EACpB,GAAG,CAAC,WAAW,CAAC;AAEhB,QAAM,QAAQC,MAAAA;AAAAA,IACZ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA,SAAS,gBAAgB;AAAA,MACzB,QAAQ,gBAAgB,aAAa;AAAA,MACrC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,IAEF;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EACF;AAGF,SACEC,2BAAAA,IAAC,cAAc,UAAd,EAAuB,OAAe,SAAA,CAAS;AAEpD;AC3JO,SAAS,YAAgC;AAC9C,SAAOC,MAAAA,WAAW,aAAa;AACjC;;;;"}

package/useWizard-CWq--C3o.js

@@ -1,95 +0,0 @@
-import { createContext, useState, useCallback, useMemo, useContext } from "react";
-import { jsx } from "react/jsx-runtime";
-const defaultValue = {
-  currentStep: 0,
-  totalSteps: 0,
-  isFirst: true,
-  isLast: true,
-  completed: false,
-  nextStep: () => {
-  },
-  prevStep: () => {
-  },
-  goToStep: () => {
-  },
-  submitStep: () => {
-  },
-  reset: () => {
-  }
-};
-const WizardContext = createContext(defaultValue);
-const WizardProvider = ({
-  totalSteps,
-  initialStep = 0,
-  onSubmit,
-  onStepChange,
-  children
-}) => {
-  const [currentStep, setCurrentStep] = useState(initialStep);
-  const [completed, setCompleted] = useState(false);
-  const changeStep = useCallback(
-    (newStep) => {
-      setCurrentStep((prev) => {
-        if (newStep === prev) return prev;
-        if (newStep < 0 || newStep >= totalSteps) return prev;
-        onStepChange == null ? void 0 : onStepChange(newStep, prev);
-        return newStep;
-      });
-    },
-    [totalSteps, onStepChange]
-  );
-  const nextStep = useCallback(() => {
-    changeStep(currentStep + 1);
-  }, [changeStep, currentStep]);
-  const prevStep = useCallback(() => {
-    changeStep(currentStep - 1);
-  }, [changeStep, currentStep]);
-  const goToStep = useCallback(
-    (stepNumber) => {
-      changeStep(stepNumber);
-    },
-    [changeStep]
-  );
-  const submitStep = useCallback(() => {
-    setCompleted(true);
-    onSubmit == null ? void 0 : onSubmit(currentStep);
-  }, [currentStep, onSubmit]);
-  const reset = useCallback(() => {
-    setCurrentStep(initialStep);
-    setCompleted(false);
-  }, [initialStep]);
-  const value = useMemo(
-    () => ({
-      currentStep,
-      totalSteps,
-      isFirst: currentStep === 0,
-      isLast: currentStep === totalSteps - 1,
-      completed,
-      nextStep,
-      prevStep,
-      goToStep,
-      submitStep,
-      reset
-    }),
-    [
-      currentStep,
-      totalSteps,
-      completed,
-      nextStep,
-      prevStep,
-      goToStep,
-      submitStep,
-      reset
-    ]
-  );
-  return /* @__PURE__ */ jsx(WizardContext.Provider, { value, children });
-};
-function useWizard() {
-  return useContext(WizardContext);
-}
-export {
-  WizardProvider as W,
-  WizardContext as a,
-  useWizard as u
-};
-//# sourceMappingURL=useWizard-CWq--C3o.js.map

package/useWizard-CWq--C3o.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useWizard-CWq--C3o.js","sources":["../src/hooks/Wizard/WizardContext.tsx","../src/hooks/Wizard/useWizard.ts"],"sourcesContent":["import React, {\n  createContext,\n  useCallback,\n  useMemo,\n  useState,\n  type FC,\n  type ReactNode,\n} from 'react';\n\n/**\n * API expuesta por `useWizard()`.\n *\n * Nota de retro-compatibilidad: los nombres `submitStep`, `nextStep`,\n * `prevStep`, `goToStep` se mantienen idénticos al `WizardContext` de\n * `@soyfri/fri-web-components` para que consumers migrando no tengan que\n * cambiar sus llamadas. Se agregan campos extra opcionales que antes no\n * existían (`currentStep`, `totalSteps`, `isFirst`, `isLast`, `completed`).\n */\nexport interface WizardContextValue {\n  /** Índice del paso actual (0-based). */\n  currentStep: number;\n  /** Total de pasos del wizard. */\n  totalSteps: number;\n  /** True si `currentStep === 0`. */\n  isFirst: boolean;\n  /** True si `currentStep === totalSteps - 1`. */\n  isLast: boolean;\n  /** True tras ejecutar `submitStep()` desde el último paso. */\n  completed: boolean;\n  /** Avanza al siguiente paso (no pasa de `totalSteps - 1`). */\n  nextStep: () => void;\n  /** Retrocede al paso anterior (no baja de 0). */\n  prevStep: () => void;\n  /** Salta a un paso específico (0-based). No-op si fuera de rango. */\n  goToStep: (stepNumber: number) => void;\n  /**\n   * Envía el wizard. Marca `completed = true` y dispara el callback\n   * `onSubmit` del provider. En el último paso suele reemplazar a `nextStep`.\n   */\n  submitStep: () => void;\n  /** Resetea el wizard al paso inicial y limpia `completed`. */\n  reset: () => void;\n}\n\nconst defaultValue: WizardContextValue = {\n  currentStep: 0,\n  totalSteps: 0,\n  isFirst: true,\n  isLast: true,\n  completed: false,\n  nextStep: () => {},\n  prevStep: () => {},\n  goToStep: () => {},\n  submitStep: () => {},\n  reset: () => {},\n};\n\nexport const WizardContext = createContext<WizardContextValue>(defaultValue);\n\nexport interface WizardProviderProps {\n  /** Número total de pasos del wizard. Requerido. */\n  totalSteps: number;\n  /** Paso inicial (0-based). Default: 0. */\n  initialStep?: number;\n  /**\n   * Callback disparado cuando se llama `submitStep()`. Recibe el paso actual.\n   * El paquete NO ejecuta ninguna petición; queda a cargo del consumer.\n   */\n  onSubmit?: (currentStep: number) => void;\n  /**\n   * Callback disparado en cada cambio de paso (next/prev/goTo).\n   * Útil para tracking o validaciones externas.\n   */\n  onStepChange?: (newStep: number, prevStep: number) => void;\n  children?: ReactNode;\n}\n\n/**\n * Provider del wizard. Administra el `currentStep` internamente. El consumer\n * no necesita gestionar estado — sólo consumirlo con `useWizard()` desde\n * cualquier descendiente.\n *\n * ```tsx\n * <WizardProvider totalSteps={3} onSubmit={handleFinalSubmit}>\n *   <Stepper ... />\n *   <StepContent />\n *   <WizardControls />\n * </WizardProvider>\n * ```\n */\nexport const WizardProvider: FC<WizardProviderProps> = ({\n  totalSteps,\n  initialStep = 0,\n  onSubmit,\n  onStepChange,\n  children,\n}) => {\n  const [currentStep, setCurrentStep] = useState(initialStep);\n  const [completed, setCompleted] = useState(false);\n\n  const changeStep = useCallback(\n    (newStep: number) => {\n      setCurrentStep((prev) => {\n        if (newStep === prev) return prev;\n        if (newStep < 0 || newStep >= totalSteps) return prev;\n        onStepChange?.(newStep, prev);\n        return newStep;\n      });\n    },\n    [totalSteps, onStepChange],\n  );\n\n  const nextStep = useCallback(() => {\n    changeStep(currentStep + 1);\n  }, [changeStep, currentStep]);\n\n  const prevStep = useCallback(() => {\n    changeStep(currentStep - 1);\n  }, [changeStep, currentStep]);\n\n  const goToStep = useCallback(\n    (stepNumber: number) => {\n      changeStep(stepNumber);\n    },\n    [changeStep],\n  );\n\n  const submitStep = useCallback(() => {\n    setCompleted(true);\n    onSubmit?.(currentStep);\n  }, [currentStep, onSubmit]);\n\n  const reset = useCallback(() => {\n    setCurrentStep(initialStep);\n    setCompleted(false);\n  }, [initialStep]);\n\n  const value = useMemo<WizardContextValue>(\n    () => ({\n      currentStep,\n      totalSteps,\n      isFirst: currentStep === 0,\n      isLast: currentStep === totalSteps - 1,\n      completed,\n      nextStep,\n      prevStep,\n      goToStep,\n      submitStep,\n      reset,\n    }),\n    [\n      currentStep,\n      totalSteps,\n      completed,\n      nextStep,\n      prevStep,\n      goToStep,\n      submitStep,\n      reset,\n    ],\n  );\n\n  return (\n    <WizardContext.Provider value={value}>{children}</WizardContext.Provider>\n  );\n};\n","import { useContext } from 'react';\nimport { WizardContext, type WizardContextValue } from './WizardContext';\n\n/**\n * Hook para consumir el `WizardContext` desde cualquier descendiente de\n * `<WizardProvider>`.\n *\n * Si se llama fuera de un provider, devuelve los valores por defecto (no-op)\n * para mantener compatibilidad con el hook original de fri-web-components.\n */\nexport function useWizard(): WizardContextValue {\n  return useContext(WizardContext);\n}\n"],"names":[],"mappings":";;AA4CA,MAAM,eAAmC;AAAA,EACvC,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,UAAU,MAAM;AAAA,EAAC;AAAA,EACjB,UAAU,MAAM;AAAA,EAAC;AAAA,EACjB,UAAU,MAAM;AAAA,EAAC;AAAA,EACjB,YAAY,MAAM;AAAA,EAAC;AAAA,EACnB,OAAO,MAAM;AAAA,EAAC;AAChB;AAEO,MAAM,gBAAgB,cAAkC,YAAY;AAiCpE,MAAM,iBAA0C,CAAC;AAAA,EACtD;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,WAAW;AAC1D,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,QAAM,aAAa;AAAA,IACjB,CAAC,YAAoB;AACnB,qBAAe,CAAC,SAAS;AACvB,YAAI,YAAY,KAAM,QAAO;AAC7B,YAAI,UAAU,KAAK,WAAW,WAAY,QAAO;AACjD,qDAAe,SAAS;AACxB,eAAO;AAAA,MACT,CAAC;AAAA,IACH;AAAA,IACA,CAAC,YAAY,YAAY;AAAA,EAAA;AAG3B,QAAM,WAAW,YAAY,MAAM;AACjC,eAAW,cAAc,CAAC;AAAA,EAC5B,GAAG,CAAC,YAAY,WAAW,CAAC;AAE5B,QAAM,WAAW,YAAY,MAAM;AACjC,eAAW,cAAc,CAAC;AAAA,EAC5B,GAAG,CAAC,YAAY,WAAW,CAAC;AAE5B,QAAM,WAAW;AAAA,IACf,CAAC,eAAuB;AACtB,iBAAW,UAAU;AAAA,IACvB;AAAA,IACA,CAAC,UAAU;AAAA,EAAA;AAGb,QAAM,aAAa,YAAY,MAAM;AACnC,iBAAa,IAAI;AACjB,yCAAW;AAAA,EACb,GAAG,CAAC,aAAa,QAAQ,CAAC;AAE1B,QAAM,QAAQ,YAAY,MAAM;AAC9B,mBAAe,WAAW;AAC1B,iBAAa,KAAK;AAAA,EACpB,GAAG,CAAC,WAAW,CAAC;AAEhB,QAAM,QAAQ;AAAA,IACZ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA,SAAS,gBAAgB;AAAA,MACzB,QAAQ,gBAAgB,aAAa;AAAA,MACrC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,IAEF;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EACF;AAGF,SACE,oBAAC,cAAc,UAAd,EAAuB,OAAe,SAAA,CAAS;AAEpD;AC3JO,SAAS,YAAgC;AAC9C,SAAO,WAAW,aAAa;AACjC;"}