@studiolxd/brand 38.12.4

package/dist/_types/atoms/Icon/Icon.d.ts

@@ -0,0 +1,335 @@
+import './Icon.css';
+/**
+ * Geometría del glifo `menu` en la retícula de 24: tres líneas de 18 unidades
+ * (margen 3) a 6, 12 y 18. `close` se deriva de ella: es la línea 1 y la 3
+ * giradas 45° sobre el centro, así que sus extremos son centro ± 9·cos(45°).
+ */
+export declare const MENU_GLYPH: {
+    size: number;
+    inset: number;
+    rows: number[];
+    step: number;
+    diag: {
+        a: number;
+        b: number;
+    };
+};
+declare const ICONS: {
+    readonly arrow: {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly 'arrow-left': {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly chevron: {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly close: {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly menu: {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly dot: {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly eye: {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly 'eye-off': {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly briefcase: {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly 'chart-infographic': {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly dashboard: {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly headset: {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly 'layout-kanban': {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly 'report-money': {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly 'shield-lock': {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly minus: {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly sparkles: {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly 'users-group': {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly folder: {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly 'folder-open': {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly trash: {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly search: {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly 'zoom-in': {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly 'zoom-out': {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly retry: {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly lifebuoy: {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly play: {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly pause: {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly stop: {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly sun: {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly moon: {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly bell: {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly 'book-open': {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly 'chart-bar': {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly 'circle-check': {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly check: {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly 'chevrons-up-down': {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly 'credit-card': {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly copy: {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly download: {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly 'graduation-cap': {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly key: {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly logout: {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly message: {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly 'device-desktop': {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly dots: {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly grid: {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly 'layout-sidebar': {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly plus: {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly receipt: {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly 'file-text': {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly settings: {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly 'shield-check': {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly shield: {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly star: {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly upload: {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly user: {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly webhook: {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly 'chevron-right': {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly 'chevron-down': {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly 'chevron-up': {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly info: {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly 'alert-triangle': {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly 'alert-error': {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly connection: {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly package: {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly archive: {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly database: {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly building: {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly send: {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly 'external-link': {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly gavel: {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly inbox: {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly library: {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly calendar: {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly target: {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly languages: {
+        readonly viewBox: "0 0 24 24";
+        readonly render: () => import("react/jsx-runtime").JSX.Element;
+    };
+};
+export type IconName = keyof typeof ICONS;
+export declare const ICON_NAMES: IconName[];
+export interface IconProps {
+    name: IconName;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    className?: string;
+}
+export declare function Icon({ name, size, className }: IconProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/_types/atoms/Inline/Inline.d.ts

@@ -0,0 +1,34 @@
+import type { ReactNode } from 'react';
+import './Inline.css';
+export interface InlineProps extends React.ComponentPropsWithoutRef<'div'> {
+    /** Aire entre piezas: compacto, base o amplio. */
+    gap?: 'sm' | 'md' | 'lg';
+    /**
+     * Alineación vertical de las piezas dentro de la fila. Por defecto al
+     * centro: un botón y un enlace de distinta altura comparten eje.
+     */
+    align?: 'start' | 'center' | 'end';
+    /**
+     * Reparto horizontal de las piezas: al principio de la fila (por defecto),
+     * centradas, al final —una fila de acciones alineada a la derecha— o
+     * separadas a los extremos.
+     */
+    justify?: 'start' | 'center' | 'end' | 'between';
+    children: ReactNode;
+    /** Se añade DESPUÉS de las clases propias. */
+    className?: string;
+}
+/**
+ * Pone piezas en fila con aire por token y envoltura: cuando no caben en una
+ * línea pasan a la siguiente. Es el hermano horizontal de `Stack` —los
+ * botones de un `Hero`, el botón y el enlace de una `ErrorPage`—, sin fondo
+ * ni semántica: `div.inline`.
+ *
+ * `justify` reparte las piezas a lo ancho: es lo que evita que una fila de
+ * acciones alineada a la derecha necesite un `className` de producto.
+ *
+ * `{...rest}` (`role`, `aria-*`, `id`, `data-*`…) se reenvía al `<div>`: una
+ * fila puede ser un grupo o una barra de herramientas con nombre accesible sin
+ * envolverla en otro elemento.
+ */
+export declare function Inline({ gap, align, justify, children, className, ...rest }: InlineProps): import("react/jsx-runtime").JSX.Element;

package/dist/_types/atoms/Input/Input.d.ts

@@ -0,0 +1,23 @@
+import './Input.css';
+export interface InputProps extends Omit<React.ComponentPropsWithoutRef<'input'>, 'size'> {
+    /** Tamaño del input. Redeclara el `size` nativo (que es numérico). */
+    size?: 'sm' | 'md' | 'lg';
+    /** Marca el estado de error: aplica la clase `input--error` y `aria-invalid`. */
+    error?: boolean;
+    /** Se añade DESPUÉS de las clases propias del componente (el consumidor añade, no sustituye). */
+    className?: string;
+    /** @deprecated Usa el atributo nativo `aria-describedby`. */
+    describedBy?: string;
+    /** @deprecated Usa el atributo nativo `aria-label`. */
+    ariaLabel?: string;
+}
+/**
+ * Input de texto. Extiende los atributos nativos de `<input>` y reenvía `{...rest}`
+ * al elemento (incluye `ref`, para react-hook-form; `data-*`, `aria-*`, `required`,
+ * `min`/`max`/`step`, etc.).
+ *
+ * Nota: `type` hereda la unión nativa completa (incluye `date`, `datetime-local`…).
+ * Pasar `type="checkbox"/"radio"/"file"…` renderiza pero no aplica su estilado
+ * específico — para eso existen los átomos dedicados del design system.
+ */
+export declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/_types/atoms/InputPhone/InputPhone.d.ts

@@ -0,0 +1,51 @@
+import { Select as BaseSelect } from '@base-ui/react/select';
+import type { Country } from 'react-phone-number-input';
+import './InputPhone.css';
+export interface InputPhoneProps {
+    value?: string;
+    defaultCountry?: Country;
+    placeholder?: string;
+    disabled?: boolean;
+    error?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    id?: string;
+    name?: string;
+    /** @deprecated Usa el atributo nativo `aria-describedby`. */
+    describedBy?: string;
+    /** Ids de ayuda/error que describen el control (lo pone el campo). */
+    'aria-describedby'?: string;
+    /** Nombre accesible cuando el control va suelto. */
+    'aria-label'?: string;
+    /** Autocompletado del navegador (`tel`, `off`…). */
+    autoComplete?: string;
+    required?: boolean;
+    readOnly?: boolean;
+    onChange?: (value: string | undefined) => void;
+    onBlur?: React.FocusEventHandler<HTMLInputElement>;
+    onFocus?: React.FocusEventHandler<HTMLInputElement>;
+    /**
+     * aria-label del selector de país. Default: "País" (castellano).
+     * Una app multiidioma debe pasarla traducida.
+     */
+    countryLabel?: string;
+    /**
+     * Lo que enseña el selector cuando no hay país elegido (número en formato
+     * internacional). Default: "🌐". Es contenido visible: una app que no quiera
+     * el emoji pasa aquí su propio texto o glifo.
+     */
+    internationalLabel?: string;
+    /**
+     * Nodo DOM donde montar el portal del dropdown de país (reenviado a
+     * `Select.Portal` de Base UI). Por defecto se monta en `document.body`, que
+     * hereda el tema activado a nivel raíz (`html.dark`/`[data-theme="dark"]`)
+     * sin configuración adicional. Solo hace falta pasarlo cuando el
+     * InputPhone vive dentro de un `.surface-dark` **anidado** (no en la
+     * raíz), ya que ese contexto no llega a `document.body` por la cascada.
+     */
+    container?: React.ComponentPropsWithoutRef<typeof BaseSelect.Portal>['container'];
+}
+/**
+ * Campo de teléfono con selector de país. El `ref` va al `<input>` real del
+ * número, para que react-hook-form pueda registrarlo y enfocarlo.
+ */
+export declare const InputPhone: import("react").ForwardRefExoticComponent<InputPhoneProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/_types/atoms/Kbd/Kbd.d.ts

@@ -0,0 +1,16 @@
+import './Kbd.css';
+export interface KbdProps extends React.ComponentPropsWithoutRef<'kbd'> {
+    /** Talla de la tecla. */
+    size?: 'sm' | 'md' | 'lg';
+    /** Símbolo o etiqueta de la tecla (p. ej. `⌘`, `Ctrl`, `K`). */
+    children: React.ReactNode;
+}
+/**
+ * Una tecla del teclado, con el elemento semántico `<kbd>`. Para una
+ * combinación (`Ctrl + K`) se componen varias con el separador que toque: el
+ * átomo representa siempre una sola tecla.
+ *
+ * Reenvía el resto de props del elemento (`data-*`, `aria-*`, `id`…) y
+ * concatena `className` tras las clases propias.
+ */
+export declare const Kbd: import("react").ForwardRefExoticComponent<KbdProps & import("react").RefAttributes<HTMLElement>>;

package/dist/_types/atoms/Label/Label.d.ts

@@ -0,0 +1,24 @@
+import './Label.css';
+export interface LabelProps extends React.ComponentPropsWithoutRef<'label'> {
+    /**
+     * Oculta el label visualmente manteniéndolo accesible para lectores de pantalla
+     * (aplica la clase `visually-hidden`).
+     *
+     * Nota: sombrea el atributo global nativo `hidden` (que hace `display:none`).
+     * Es intencional en este design system — para ocultar por completo el elemento,
+     * no lo renderices.
+     */
+    hidden?: boolean;
+    /**
+     * Talla, la misma que la del control al que acompaña (los fields la
+     * propagan): `sm`/`md` 14px, `lg` 20px (la del control).
+     */
+    size?: 'sm' | 'md' | 'lg';
+    /** Se añade DESPUÉS de las clases propias del componente (el consumidor añade, no sustituye). */
+    className?: string;
+}
+/**
+ * Label de formulario. Extiende los atributos nativos de `<label>` (`htmlFor`,
+ * `id`, `data-*`…) y reenvía `{...rest}` al elemento.
+ */
+export declare const Label: import("react").ForwardRefExoticComponent<LabelProps & import("react").RefAttributes<HTMLLabelElement>>;

package/dist/_types/atoms/Link/Link.d.ts

@@ -0,0 +1,34 @@
+import { type IconName } from '../Icon/Icon';
+import './Link.css';
+export interface LinkProps extends React.ComponentPropsWithoutRef<'a'> {
+    /** URL de destino. Con `render`, la lleva el elemento del router. */
+    href?: string;
+    children: React.ReactNode;
+    /** Abre en nueva pestaña con `rel="noopener noreferrer"`. */
+    external?: boolean;
+    /**
+     * Tono. `accent` (por defecto): el enlace de texto y de acción — prusia con
+     * línea en claro, amarillo con línea en hover en oscuro (el ejemplo es
+     * «¿olvidaste la contraseña?»). `ink`: el enlace utilitario (legal,
+     * volver) — tinta, línea en reposo y ninguna en hover, en las dos
+     * superficies. `accent-1`: acento 1 de la paleta (lavanda) — color
+     * saturado que ya contrasta en cualquier superficie, línea en reposo que
+     * desaparece en hover, igual en las dos.
+     */
+    tone?: 'accent' | 'ink' | 'accent-1';
+    /** Un icono junto al texto («← Volver», «Descargar ↓»). Decorativo: el texto ya lo dice. */
+    icon?: IconName;
+    /** Dónde va el icono: delante (`start`, por defecto) o detrás del texto. */
+    iconPosition?: 'start' | 'end';
+    /** Elemento sobre el que renderizar el enlace: el `Link` del router del producto (`render={<NextLink href="…" />}`), que recibe icono, clases y texto. */
+    render?: React.ReactElement<Record<string, unknown>>;
+    /** Se añade DESPUÉS de las clases propias. */
+    className?: string;
+}
+/**
+ * Enlace de texto. La cara la pone la base para cualquier `<a>`; el
+ * componente aporta `external` con su `rel` seguro y reenvía `ref` y
+ * atributos (`aria-*`, `data-*`, `download`…). Para el router del producto no
+ * hace falta: un `<Link>` de Next.js ya es un `<a>` y hereda la misma cara.
+ */
+export declare const Link: import("react").ForwardRefExoticComponent<LinkProps & import("react").RefAttributes<HTMLAnchorElement>>;

package/dist/_types/atoms/List/List.d.ts

@@ -0,0 +1,36 @@
+import './List.css';
+export type ListType = 'unordered' | 'ordered' | 'plain';
+export interface ListItemProps extends React.ComponentPropsWithoutRef<'li'> {
+    /**
+     * Elemento a renderizar. Default `'li'`, que es lo correcto dentro de una
+     * `List`. Solo se cambia cuando el ítem no cuelga de una lista real y hay
+     * que darle el rol a mano (`as="div" role="listitem"`).
+     */
+    as?: React.ElementType;
+    children?: React.ReactNode;
+}
+export interface ListProps extends React.ComponentPropsWithoutRef<'ul'> {
+    /** Tipo de lista: con viñetas, numerada o sin decoración. */
+    type?: ListType;
+    children: React.ReactNode;
+}
+/**
+ * Lista con viñetas (`ul`), numerada (`ol`) o sin decoración (`plain`, un `ul`
+ * sin marcas ni sangría). Viste el elemento con la tipografía del cuerpo; los
+ * `<li>` los pone quien la usa.
+ *
+ * Reenvía el resto de props del elemento (`data-*`, `aria-*`, `id`…) y
+ * concatena `className` tras las clases propias.
+ */
+export declare const List: import("react").ForwardRefExoticComponent<ListProps & import("react").RefAttributes<HTMLUListElement & HTMLOListElement>>;
+/**
+ * Ítem de una `List`. Es el `<li>` de siempre con la clase `list__item`: la
+ * lista ya viste sus hijos por selector de elemento, así que la clase no pinta
+ * nada nuevo — está para que una app que no puede escribir HTML suelto tenga
+ * una pieza que poner dentro de `List`, y para que el aire entre ítems siga
+ * funcionando cuando `as` cambia el elemento.
+ *
+ * Reenvía el resto de props del elemento y concatena `className` tras la clase
+ * propia.
+ */
+export declare const ListItem: import("react").ForwardRefExoticComponent<ListItemProps & import("react").RefAttributes<HTMLLIElement>>;

package/dist/_types/atoms/Logo/Logo.d.ts

@@ -0,0 +1,15 @@
+import './Logo.css';
+/** Alto del logotipo: las tallas de componente y, para la cabecera del sitio, `xl` (64px, la talla ilustrativa de la escala de iconos) y `xxl` (85px, un peldaño más por el mismo salto de la escala). El ancho sale de la proporción. */
+export type LogoSize = 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+export interface LogoProps {
+    /** Talla. `md` (40px de alto) por defecto: la de una cabecera. */
+    size?: LogoSize;
+    className?: string;
+}
+/**
+ * Logotipo de Studio LXD. Es decorativo (`aria-hidden`): el nombre lo da el
+ * enlace o el elemento que lo envuelve. Hereda el color de la superficie —en
+ * `surface-dark` pasa a claro por tokens— y su alto es una talla de componente,
+ * de modo que en una barra de 40px mide 40px sin que nadie lo ajuste.
+ */
+export declare function Logo({ size, className }: LogoProps): import("react/jsx-runtime").JSX.Element;

package/dist/_types/atoms/Logo/index.d.ts

@@ -0,0 +1,3 @@
+export { Logo } from './Logo';
+export type { LogoProps, LogoSize } from './Logo';
+export { logoPaths, logoSvg, logoViewBox } from './logoAssets';

package/dist/_types/atoms/Logo/logoAssets.d.ts

@@ -0,0 +1,10 @@
+/** `viewBox` del logotipo completo: el trazado (isotipo + firma), sin margen. */
+export declare const logoViewBox = "0 0 925.5 265.5";
+/**
+ * Los trazados del logotipo, en el sistema de coordenadas de `logoViewBox`.
+ * Para pintarlo fuera de React —`next/og`, Satori, un SVG a mano— sin arrastrar
+ * el componente ni su CSS.
+ */
+export declare const logoPaths: readonly string[];
+/** El logotipo completo como documento SVG, idéntico a `dist/assets/logo.svg`. */
+export declare const logoSvg: string;

package/dist/_types/atoms/Logomark/Logomark.d.ts

@@ -0,0 +1,20 @@
+import './Logomark.css';
+/** Lado del isotipo: las tallas de componente y, para piezas de marca, `xl` (64px). Es cuadrado. */
+export type LogomarkSize = 'sm' | 'md' | 'lg' | 'xl';
+export interface LogomarkProps {
+    /** Talla. `md` (40px de lado) por defecto: la de una cabecera. */
+    size?: LogomarkSize;
+    /**
+     * Nombre accesible. Sin él el isotipo es decorativo (`aria-hidden`), que es
+     * lo correcto cuando lo envuelve un enlace con su propia etiqueta.
+     */
+    title?: string;
+    className?: string;
+}
+/**
+ * Isotipo de Studio LXD: la parte gráfica del logotipo, sin la firma. Cuadrado,
+ * para donde no cabe el logotipo completo —favicon, icono de aplicación, avatar
+ * de organización, la marca de una barra estrecha—. Hereda el color de la
+ * superficie: en `surface-dark` pasa a claro por tokens.
+ */
+export declare function Logomark({ size, title, className }: LogomarkProps): import("react/jsx-runtime").JSX.Element;

package/dist/_types/atoms/Logomark/index.d.ts

@@ -0,0 +1,3 @@
+export { Logomark } from './Logomark';
+export type { LogomarkProps, LogomarkSize } from './Logomark';
+export { logomarkPaths, logomarkSafeSvg, logomarkSafeViewBox, logomarkSvg, logomarkViewBox, } from './logomarkAssets';

package/dist/_types/atoms/Logomark/logomarkAssets.d.ts

@@ -0,0 +1,14 @@
+/** `viewBox` cuadrado del isotipo: el trazado centrado, sin margen. */
+export declare const logomarkViewBox = "547.6 -22.35 315.8 315.8";
+/** `viewBox` de la variante con área de seguridad: el trazado ocupa el 80 % central. */
+export declare const logomarkSafeViewBox = "508.125 -61.825 394.75 394.75";
+/**
+ * Los trazados del isotipo, en el sistema de coordenadas de `logomarkViewBox`.
+ * Para pintarlo fuera de React —`next/og`, Satori, un SVG a mano— sin arrastrar
+ * el componente ni su CSS.
+ */
+export declare const logomarkPaths: readonly string[];
+/** El isotipo como documento SVG completo, idéntico a `dist/assets/logomark.svg`. */
+export declare const logomarkSvg = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"547.6 -22.35 315.8 315.8\" fill=\"currentColor\" role=\"img\" aria-label=\"Studio LXD\">\n  <title>Studio LXD</title>\n  <path d=\"M547.6,201.4V69.7h20.2v113.1h60.4v18.7H547.6z\" />\n  <path d=\"M631.6,201.4l49.3-74.3l2.2-0.1l35.6-57.3h22.4l-45.4,69.9h-1.8l-39.7,61.8H631.6z M722.6,201.4l-40.8-62.2 l-1.4-0.1l-46.1-69.5h23.3l37.4,57.3h1.8l49.6,74.4H722.6z\" />\n  <path d=\"M751.6,201.4V69.7h45.1c20.2,0,36.3,6,48.5,18c12.1,12,18.2,27.9,18.2,47.8c0,19.8-6.1,35.8-18.4,47.8 c-12.2,12.1-28.4,18.1-48.3,18.1H751.6z M771.9,183.3h24.4c14.2,0,25.4-4.3,33.8-12.8c8.4-8.5,12.6-20.1,12.6-34.6v-0.1 c0-14.7-4.1-26.3-12.4-34.9c-8.2-8.6-19.6-12.9-34-12.9h-24.4V183.3z\" />\n</svg>";
+/** El isotipo con área de seguridad del 10 % por lado, para máscaras circulares. Idéntico a `dist/assets/logomark-safe.svg`. */
+export declare const logomarkSafeSvg = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"508.125 -61.825 394.75 394.75\" fill=\"currentColor\" role=\"img\" aria-label=\"Studio LXD\">\n  <title>Studio LXD</title>\n  <!-- \u00C1rea de seguridad del 10 % por lado: el isotipo ocupa el 80 % central y entra completo en una m\u00E1scara circular. -->\n  <path d=\"M547.6,201.4V69.7h20.2v113.1h60.4v18.7H547.6z\" />\n  <path d=\"M631.6,201.4l49.3-74.3l2.2-0.1l35.6-57.3h22.4l-45.4,69.9h-1.8l-39.7,61.8H631.6z M722.6,201.4l-40.8-62.2 l-1.4-0.1l-46.1-69.5h23.3l37.4,57.3h1.8l49.6,74.4H722.6z\" />\n  <path d=\"M751.6,201.4V69.7h45.1c20.2,0,36.3,6,48.5,18c12.1,12,18.2,27.9,18.2,47.8c0,19.8-6.1,35.8-18.4,47.8 c-12.2,12.1-28.4,18.1-48.3,18.1H751.6z M771.9,183.3h24.4c14.2,0,25.4-4.3,33.8-12.8c8.4-8.5,12.6-20.1,12.6-34.6v-0.1 c0-14.7-4.1-26.3-12.4-34.9c-8.2-8.6-19.6-12.9-34-12.9h-24.4V183.3z\" />\n</svg>";

package/dist/_types/atoms/MenuButton/MenuButton.d.ts

@@ -0,0 +1,18 @@
+import { type ComponentPropsWithoutRef } from 'react';
+import './MenuButton.css';
+export interface MenuButtonProps extends Omit<ComponentPropsWithoutRef<'button'>, 'children'> {
+    /** Estado del menú que gobierna. Abierto, el glifo `menu` se convierte en `close`. */
+    isOpen?: boolean;
+    /** Texto accesible. Dice qué abre, no qué forma tiene. */
+    label?: string;
+    /** Texto accesible cuando el menú está abierto («Cerrar menú»). Sin él, se usa `label` con `aria-expanded`. */
+    closeLabel?: string;
+    /** Talla del botón: un cuadrado de 32, 40 o 48px. En `lg` el glifo mide 48px. */
+    size?: 'sm' | 'md' | 'lg';
+}
+/**
+ * Botón que abre y cierra un menú. Dibuja el icono `menu` del catálogo y, al
+ * abrir, anima sus tres líneas hasta el aspa del icono `close`: las dos formas
+ * son la misma geometría, así que el botón nunca diverge del catálogo.
+ */
+export declare const MenuButton: import("react").ForwardRefExoticComponent<MenuButtonProps & import("react").RefAttributes<HTMLButtonElement>>;