siesa-ui-kit 1.0.0 → 1.0.1

package/dist/components/Pagination/Pagination.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import type { PaginationProps } from './Pagination.types';
+/**
+ * Componente Pagination del sistema de diseño Siesa
+ * Basado en especificaciones de Figma con Tailwind CSS
+ *
+ * Mejores prácticas implementadas:
+ * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}
+ * - Dark mode con estrategia 'class' (darkMode: 'class')
+ * - Tokens de color consistentes con la documentación
+ * - Type safety con TypeScript estricto
+ * - Accesibilidad con ARIA labels
+ * - Algoritmo de paginación inteligente
+ *
+ * @see docs/colors.md - Sistema de colores
+ * @see docs/typography.md - Sistema tipográfico (Label Small)
+ * @see docs/spacing.md - Sistema de espaciado
+ *
+ * @example
+ * ```tsx
+ * <Pagination
+ *   currentPage={1}
+ *   totalPages={66}
+ *   onPageChange={(page) => console.log(page)}
+ * />
+ * ```
+ */
+export declare const Pagination: React.FC<PaginationProps>;
+//# sourceMappingURL=Pagination.d.ts.map

package/dist/components/Pagination/Pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAmB,MAAM,oBAAoB,CAAC;AAG3E;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAgQhD,CAAC"}

package/dist/components/Pagination/Pagination.types.d.ts

@@ -0,0 +1,79 @@
+import type { MouseEvent } from 'react';
+/**
+ * Props del componente Pagination
+ */
+export interface PaginationProps {
+    /**
+     * Página actual (basada en 1)
+     * @default 1
+     */
+    currentPage?: number;
+    /**
+     * Número total de páginas
+     * @default 1
+     */
+    totalPages: number;
+    /**
+     * Callback cuando cambia la página
+     */
+    onPageChange?: (page: number) => void;
+    /**
+     * Texto del botón "Atrás"
+     * @default 'Atrás'
+     */
+    backText?: string;
+    /**
+     * Texto del botón "Siguiente"
+     * @default 'Siguiente'
+     */
+    nextText?: string;
+    /**
+     * Número de páginas visibles alrededor de la página actual
+     * @default 1
+     */
+    siblingCount?: number;
+    /**
+     * Si se debe mostrar el botón "Atrás"
+     * @default true
+     */
+    showBackButton?: boolean;
+    /**
+     * Si se debe mostrar el botón "Siguiente"
+     * @default true
+     */
+    showNextButton?: boolean;
+    /**
+     * Clases CSS adicionales
+     */
+    className?: string;
+    /**
+     * Label para accesibilidad (ARIA)
+     */
+    ariaLabel?: string;
+}
+/**
+ * Props internas para el botón de página
+ */
+export interface PageButtonProps {
+    /**
+     * Número de página o "..."
+     */
+    page: number | string;
+    /**
+     * Si es la página activa
+     */
+    isActive?: boolean;
+    /**
+     * Si el botón está deshabilitado
+     */
+    disabled?: boolean;
+    /**
+     * Handler para click
+     */
+    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * Label para accesibilidad
+     */
+    ariaLabel?: string;
+}
+//# sourceMappingURL=Pagination.types.d.ts.map

package/dist/components/Pagination/Pagination.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.types.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAExC;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,UAAU,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAEtC;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IAEtB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAEzD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/components/Pagination/icons.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+/**
+ * Icono de flecha izquierda (ChevronLeft)
+ * Usado en el botón "Back"
+ * Heroicons Micro (16x16px)
+ */
+export declare const ArrowLeftIcon: React.FC<{
+    className?: string;
+}>;
+/**
+ * Icono de flecha derecha (ChevronRight)
+ * Usado en el botón "Next"
+ * Heroicons Micro (16x16px)
+ */
+export declare const ArrowRightIcon: React.FC<{
+    className?: string;
+}>;
+//# sourceMappingURL=icons.d.ts.map

package/dist/components/Pagination/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;;GAIG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAgB1D,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAgB3D,CAAC"}

package/{src/components/Pagination/index.ts → dist/components/Pagination/index.d.ts}

@@ -1,3 +1,4 @@
-export { Pagination } from './Pagination';
-export type { PaginationProps, PageButtonProps } from './Pagination.types';
-export { ArrowLeftIcon, ArrowRightIcon } from './icons';
+export { Pagination } from './Pagination';
+export type { PaginationProps, PageButtonProps } from './Pagination.types';
+export { ArrowLeftIcon, ArrowRightIcon } from './icons';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Pagination/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC3E,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/Quantity/Quantity.d.ts

@@ -0,0 +1,38 @@
+import type { QuantityProps } from './Quantity.types';
+/**
+ * Quantity - Componente de cantidad del sistema de diseño Siesa
+ *
+ * Componente para seleccionar cantidades con soporte para:
+ * - Botones de incremento/decremento
+ * - Valores mínimo y máximo
+ * - Label opcional con link
+ * - Texto de ayuda opcional
+ * - Estado de error
+ * - Estado deshabilitado
+ * - Dark mode completo
+ *
+ * Mejores prácticas implementadas:
+ * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}
+ * - Dark mode con estrategia 'class' (darkMode: 'class')
+ * - Tokens de color consistentes con la documentación
+ * - Focus rings adaptativos para light y dark mode
+ * - Type safety con TypeScript estricto
+ * - Accesibilidad con ARIA labels
+ *
+ * @see docs/colors.md - Sistema de colores
+ * @see docs/typography.md - Sistema tipográfico
+ * @see docs/spacing.md - Sistema de espaciado
+ *
+ * @example
+ * ```tsx
+ * <Quantity
+ *   label="Cantidad"
+ *   value={5}
+ *   min={0}
+ *   max={10}
+ *   onChange={(value) => console.log(value)}
+ * />
+ * ```
+ */
+export declare const Quantity: import("react").ForwardRefExoticComponent<QuantityProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Quantity.d.ts.map

package/dist/components/Quantity/Quantity.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Quantity.d.ts","sourceRoot":"","sources":["../../../src/components/Quantity/Quantity.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,eAAO,MAAM,QAAQ,0GAwPpB,CAAC"}

package/dist/components/Quantity/Quantity.types.d.ts

@@ -0,0 +1,59 @@
+import type { HTMLAttributes } from 'react';
+/**
+ * Props del componente Quantity
+ */
+export interface QuantityProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /**
+     * Valor actual del quantity
+     */
+    value?: number;
+    /**
+     * Valor por defecto
+     * @default 0
+     */
+    defaultValue?: number;
+    /**
+     * Callback cuando el valor cambia
+     */
+    onChange?: (value: number) => void;
+    /**
+     * Valor mínimo permitido
+     * @default 0
+     */
+    min?: number;
+    /**
+     * Valor máximo permitido
+     */
+    max?: number;
+    /**
+     * Label opcional
+     */
+    label?: string;
+    /**
+     * Texto del link opcional (aparece a la derecha del label)
+     */
+    linkText?: string;
+    /**
+     * Callback cuando se hace click en el link
+     */
+    onLinkClick?: () => void;
+    /**
+     * Texto de ayuda opcional
+     */
+    helperText?: string;
+    /**
+     * Si está en estado de error
+     * @default false
+     */
+    error?: boolean;
+    /**
+     * Si está deshabilitado
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Clases CSS adicionales
+     */
+    className?: string;
+}
+//# sourceMappingURL=Quantity.types.d.ts.map

package/dist/components/Quantity/Quantity.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Quantity.types.d.ts","sourceRoot":"","sources":["../../../src/components/Quantity/Quantity.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACrF;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IAEzB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/components/Radio/Radio.d.ts

@@ -0,0 +1,45 @@
+import type { RadioProps } from './Radio.types';
+/**
+ * Radio - Componente de radio button del sistema de diseño Siesa
+ *
+ * Campo de selección única diseñado para cumplir con las especificaciones
+ * de Figma con soporte completo para dark mode y accesibilidad.
+ *
+ * Mejores prácticas implementadas:
+ * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}
+ * - Dark mode con estrategia 'class' (darkMode: 'class')
+ * - Tokens de color consistentes con la documentación
+ * - Type safety con TypeScript estricto
+ * - Accesibilidad con keyboard navigation y ARIA
+ * - Inner shadow en estado checked según especificaciones Figma
+ *
+ * Estados soportados:
+ * - Default, Hover, Focus, Disabled
+ * - Checked / Unchecked
+ * - Label y description opcionales
+ *
+ * @see docs/colors.md - Sistema de colores
+ * @see docs/typography.md - Sistema tipográfico
+ * @see docs/spacing.md - Sistema de espaciado
+ *
+ * @example
+ * ```tsx
+ * // Radio simple
+ * <Radio
+ *   label="Allow tickets to be resold"
+ *   description="Customers can resell or transfer their tickets"
+ *   value="resell"
+ *   name="ticketOptions"
+ *   checked={true}
+ *   onChange={(e) => console.log(e.target.checked)}
+ * />
+ *
+ * // Radio group
+ * <div>
+ *   <Radio label="Option 1" name="group" value="1" checked={selected === "1"} onChange={handleChange} />
+ *   <Radio label="Option 2" name="group" value="2" checked={selected === "2"} onChange={handleChange} />
+ * </div>
+ * ```
+ */
+export declare const Radio: import("react").ForwardRefExoticComponent<RadioProps & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=Radio.d.ts.map

package/dist/components/Radio/Radio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,eAAO,MAAM,KAAK,yGA0HjB,CAAC"}

package/dist/components/Radio/Radio.types.d.ts

@@ -0,0 +1,115 @@
+import type { InputHTMLAttributes } from 'react';
+/**
+ * Estados visuales del Radio Button
+ *
+ * @see Radio.tsx - Implementación del componente
+ */
+export type RadioState = 'default' | 'hover' | 'focus' | 'disabled';
+/**
+ * Props del componente Radio
+ *
+ * Extiende las props nativas de HTMLInputElement excepto 'type' y 'size'
+ * que están manejados internamente por el componente.
+ *
+ * @see docs/colors.md - Sistema de colores para estados
+ * @see docs/typography.md - Tipografía para labels y descriptions
+ * @see docs/spacing.md - Espaciado entre elementos
+ *
+ * @example
+ * ```tsx
+ * // Radio simple
+ * <Radio
+ *   label="Accept terms"
+ *   value="accept"
+ *   name="terms"
+ *   checked={accepted}
+ *   onChange={(e) => setAccepted(e.target.checked)}
+ * />
+ *
+ * // Radio con description
+ * <Radio
+ *   label="Allow tickets to be resold"
+ *   description="Customers can resell or transfer their tickets"
+ *   value="resell"
+ *   name="ticketOptions"
+ *   checked={resellAllowed}
+ *   onChange={(e) => setResellAllowed(e.target.checked)}
+ * />
+ *
+ * // Radio disabled
+ * <Radio
+ *   label="Premium feature"
+ *   description="Upgrade to access this feature"
+ *   disabled
+ *   value="premium"
+ *   name="features"
+ * />
+ * ```
+ */
+export interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> {
+    /**
+     * Etiqueta del radio button
+     *
+     * Se muestra con tipografía Label Small (14px Bold) según sistema de diseño.
+     *
+     * @see docs/typography.md - Label Small (text-sm font-bold)
+     */
+    label?: string;
+    /**
+     * Descripción debajo del label
+     *
+     * Se muestra con tipografía Paragraph Small (14px Regular) según sistema de diseño.
+     *
+     * @see docs/typography.md - Paragraph Small (text-sm font-normal)
+     */
+    description?: string;
+    /**
+     * Si el radio está seleccionado
+     *
+     * Controla el estado checked del radio button. En grupos de radio buttons,
+     * solo uno puede estar checked a la vez.
+     *
+     * @default false
+     */
+    checked?: boolean;
+    /**
+     * Valor del radio button (requerido para grupos)
+     *
+     * Identifica el valor único de este radio button dentro de un grupo.
+     * Es esencial para manejar la selección en grupos de radio buttons.
+     */
+    value?: string | number;
+    /**
+     * Nombre del grupo de radio buttons
+     *
+     * Agrupa múltiples radio buttons para permitir selección única.
+     * Todos los radios con el mismo `name` pertenecen al mismo grupo.
+     */
+    name?: string;
+    /**
+     * Clases CSS adicionales
+     *
+     * Permite extender los estilos del componente con clases de Tailwind CSS
+     * o clases personalizadas.
+     */
+    className?: string;
+    /**
+     * Callback cuando el estado del radio cambia
+     *
+     * Se ejecuta cuando el usuario selecciona o deselecciona el radio button.
+     *
+     * @param event - Evento de cambio del input nativo
+     *
+     * @example
+     * ```tsx
+     * <Radio
+     *   onChange={(e) => {
+     *     console.log('Checked:', e.target.checked);
+     *     console.log('Value:', e.target.value);
+     *   }}
+     * />
+     * ```
+     */
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+}
+//# sourceMappingURL=Radio.types.d.ts.map

package/dist/components/Radio/Radio.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.types.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/Radio.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAEjD;;;;GAIG;AACH,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,CAAC;AAEpE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9F;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;;;;;;;;;;;;;OAgBG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CACjE"}

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

@@ -0,0 +1,37 @@
+import React from 'react';
+import type { SelectProps } from './Select.types';
+/**
+ * Select - Componente de selección (dropdown) del sistema de diseño Siesa
+ *
+ * Componente Select personalizado con menú desplegable para seleccionar opciones
+ * de una lista. Incluye navegación por teclado, click outside y dark mode completo.
+ *
+ * Mejores prácticas implementadas:
+ * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}
+ * - Dark mode con estrategia 'class' (darkMode: 'class')
+ * - Tokens de color consistentes con la documentación
+ * - Type safety con TypeScript estricto
+ * - Accesibilidad con ARIA labels y keyboard navigation
+ * - Click outside para cerrar el menú
+ * - Soporte de teclado (Enter, Escape, Arrow Up/Down)
+ *
+ * @see docs/colors.md - Sistema de colores
+ * @see docs/typography.md - Sistema tipográfico
+ * @see docs/spacing.md - Sistema de espaciado
+ *
+ * @example
+ * ```tsx
+ * <Select
+ *   options={[
+ *     { value: '1', label: 'Option 1' },
+ *     { value: '2', label: 'Option 2' },
+ *   ]}
+ *   value={selectedValue}
+ *   onChange={setSelectedValue}
+ *   placeholder="Select an option"
+ *   label="Choose one"
+ * />
+ * ```
+ */
+export declare const Select: React.FC<SelectProps>;
+//# sourceMappingURL=Select.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,KAAK,EAAE,WAAW,EAAgB,MAAM,gBAAgB,CAAC;AAGhE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAgaxC,CAAC"}

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

@@ -0,0 +1,124 @@
+import type { ReactNode } from 'react';
+/**
+ * Opción individual del Select
+ */
+export interface SelectOption {
+    /**
+     * Valor único de la opción
+     */
+    value: string | number;
+    /**
+     * Label visible de la opción
+     */
+    label: string;
+    /**
+     * Si la opción está deshabilitada
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Icono personalizado para la opción
+     */
+    icon?: ReactNode;
+}
+/**
+ * Props del componente Select
+ */
+export interface SelectProps {
+    /**
+     * Opciones disponibles para seleccionar
+     */
+    options: SelectOption[];
+    /**
+     * Valor seleccionado actual
+     */
+    value?: string | number;
+    /**
+     * Valor por defecto inicial
+     */
+    defaultValue?: string | number;
+    /**
+     * Texto del placeholder cuando no hay selección
+     * @default 'Seleccionar...'
+     */
+    placeholder?: string;
+    /**
+     * Si el select está deshabilitado
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Si el select muestra un error
+     * @default false
+     */
+    error?: boolean;
+    /**
+     * Label del select (opcional)
+     */
+    label?: string;
+    /**
+     * Texto descriptivo que aparece debajo del label y antes del trigger
+     * Equivale al "Description" de Figma
+     * @example "This will be visible to clients on the project."
+     */
+    description?: string;
+    /**
+     * Muestra el label
+     * @default true
+     */
+    showLabel?: boolean;
+    /**
+     * Muestra la descripción
+     * @default true
+     */
+    showDescription?: boolean;
+    /**
+     * Header opcional que aparece al inicio del menú
+     * @example "Header ..."
+     */
+    menuHeader?: string;
+    /**
+     * Handler cuando cambia la selección
+     */
+    onChange?: (value: string | number) => void;
+    /**
+     * Clases CSS adicionales
+     */
+    className?: string;
+    /**
+     * Clases CSS adicionales para el trigger
+     */
+    triggerClassName?: string;
+    /**
+     * Clases CSS adicionales para el menu
+     */
+    menuClassName?: string;
+    /**
+     * Label para accesibilidad (ARIA)
+     */
+    ariaLabel?: string;
+    /**
+     * ID del select para asociar con label
+     */
+    id?: string;
+    /**
+     * Nombre del campo para formularios
+     */
+    name?: string;
+    /**
+     * Si el campo es requerido
+     * @default false
+     */
+    required?: boolean;
+    /**
+     * Posición del menú desplegable
+     * @default 'bottom'
+     */
+    menuPosition?: 'top' | 'bottom';
+    /**
+     * Ancho completo
+     * @default false
+     */
+    fullWidth?: boolean;
+}
+//# sourceMappingURL=Select.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.types.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IAEvB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,OAAO,EAAE,YAAY,EAAE,CAAC;IAExB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE/B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAE5C;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,YAAY,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAEhC;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB"}

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

@@ -0,0 +1,16 @@
+import React from 'react';
+/**
+ * Icono ChevronUpDown para el trigger del Select
+ * Heroicons Micro (16x16px)
+ */
+export declare const ChevronUpDownIcon: React.FC<{
+    className?: string;
+}>;
+/**
+ * Icono Check para los items seleccionados del menu
+ * Heroicons Micro (16x16px)
+ */
+export declare const CheckIcon: React.FC<{
+    className?: string;
+}>;
+//# sourceMappingURL=icons.d.ts.map

package/dist/components/Select/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/components/Select/icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;GAGG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAqB9D,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAgBtD,CAAC"}

package/{src/components/Select/index.ts → dist/components/Select/index.d.ts}

@@ -1,3 +1,4 @@
-export { Select } from './Select';
-export type { SelectProps, SelectOption } from './Select.types';
-export { ChevronUpDownIcon, CheckIcon } from './icons';
+export { Select } from './Select';
+export type { SelectProps, SelectOption } from './Select.types';
+export { ChevronUpDownIcon, CheckIcon } from './icons';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}