@beweco/aurora-ui 1.0.0-beta.139 → 1.0.0-beta.140
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/css/styles.css +23 -1
- package/dist/index.cjs.js +2172 -352
- package/dist/index.esm.js +2203 -383
- package/dist/types/compat/heroui-v2-shims.d.ts +143 -30
- package/dist/types/compat/heroui-v2-shims.d.ts.map +1 -1
- package/dist/types/components/autocomplete/AutoComplete.d.ts.map +1 -1
- package/dist/types/components/autocomplete/AutoComplete.types.d.ts +36 -2
- package/dist/types/components/autocomplete/AutoComplete.types.d.ts.map +1 -1
- package/dist/types/components/autocomplete/index.d.ts +1 -1
- package/dist/types/components/autocomplete/index.d.ts.map +1 -1
- package/dist/types/components/button/Button.d.ts +3 -0
- package/dist/types/components/button/Button.d.ts.map +1 -1
- package/dist/types/components/button/Button.types.d.ts +24 -1
- package/dist/types/components/button/Button.types.d.ts.map +1 -1
- package/dist/types/components/button/_internal/press-event.d.ts +16 -0
- package/dist/types/components/button/_internal/press-event.d.ts.map +1 -0
- package/dist/types/components/button/index.d.ts +1 -1
- package/dist/types/components/button/index.d.ts.map +1 -1
- package/dist/types/components/card/Card.d.ts +13 -1
- package/dist/types/components/card/Card.d.ts.map +1 -1
- package/dist/types/components/card/Card.types.d.ts +53 -1
- package/dist/types/components/card/Card.types.d.ts.map +1 -1
- package/dist/types/components/card/index.d.ts +1 -1
- package/dist/types/components/card/index.d.ts.map +1 -1
- package/dist/types/components/chip/Chip.d.ts +1 -1
- package/dist/types/components/chip/Chip.d.ts.map +1 -1
- package/dist/types/components/chip/Chip.types.d.ts +28 -6
- package/dist/types/components/chip/Chip.types.d.ts.map +1 -1
- package/dist/types/components/datepicker/DatePicker.d.ts +1 -1
- package/dist/types/components/datepicker/DatePicker.d.ts.map +1 -1
- package/dist/types/components/datepicker/DatePicker.types.d.ts +15 -0
- package/dist/types/components/datepicker/DatePicker.types.d.ts.map +1 -1
- package/dist/types/components/datepicker/index.d.ts +1 -1
- package/dist/types/components/datepicker/index.d.ts.map +1 -1
- package/dist/types/components/dropdown/Dropdown.d.ts +4 -2
- package/dist/types/components/dropdown/Dropdown.d.ts.map +1 -1
- package/dist/types/components/dropdown/Dropdown.types.d.ts +61 -5
- package/dist/types/components/dropdown/Dropdown.types.d.ts.map +1 -1
- package/dist/types/components/dropdown/_internal/renderTrigger.d.ts +47 -0
- package/dist/types/components/dropdown/_internal/renderTrigger.d.ts.map +1 -0
- package/dist/types/components/dropdown/index.d.ts +1 -1
- package/dist/types/components/dropdown/index.d.ts.map +1 -1
- package/dist/types/components/input/Input.d.ts +4 -0
- package/dist/types/components/input/Input.d.ts.map +1 -1
- package/dist/types/components/input/Input.types.d.ts +37 -1
- package/dist/types/components/input/Input.types.d.ts.map +1 -1
- package/dist/types/components/modal/Modal.d.ts +3 -2
- package/dist/types/components/modal/Modal.d.ts.map +1 -1
- package/dist/types/components/modal/Modal.types.d.ts +51 -3
- package/dist/types/components/modal/Modal.types.d.ts.map +1 -1
- package/dist/types/components/modal/ModalFacadeContext.d.ts +27 -0
- package/dist/types/components/modal/ModalFacadeContext.d.ts.map +1 -0
- package/dist/types/components/modal/_internal/ModalBody.d.ts +1 -1
- package/dist/types/components/modal/_internal/ModalBody.d.ts.map +1 -1
- package/dist/types/components/modal/_internal/ModalContent.d.ts +10 -5
- package/dist/types/components/modal/_internal/ModalContent.d.ts.map +1 -1
- package/dist/types/components/modal/_internal/ModalFooter.d.ts +1 -1
- package/dist/types/components/modal/_internal/ModalFooter.d.ts.map +1 -1
- package/dist/types/components/modal/_internal/ModalHeader.d.ts +4 -2
- package/dist/types/components/modal/_internal/ModalHeader.d.ts.map +1 -1
- package/dist/types/components/pagination/Pagination.d.ts +10 -0
- package/dist/types/components/pagination/Pagination.d.ts.map +1 -1
- package/dist/types/components/pagination/Pagination.types.d.ts +21 -0
- package/dist/types/components/pagination/Pagination.types.d.ts.map +1 -1
- package/dist/types/components/select/Select.d.ts.map +1 -1
- package/dist/types/components/select/Select.types.d.ts +64 -0
- package/dist/types/components/select/Select.types.d.ts.map +1 -1
- package/dist/types/components/select/_internal/v2-collection.d.ts +64 -0
- package/dist/types/components/select/_internal/v2-collection.d.ts.map +1 -0
- package/dist/types/components/select/index.d.ts +1 -1
- package/dist/types/components/select/index.d.ts.map +1 -1
- package/dist/types/components/table/AuraTable.types.d.ts +5 -3
- package/dist/types/components/table/AuraTable.types.d.ts.map +1 -1
- package/dist/types/components/table/Table.d.ts +15 -5
- package/dist/types/components/table/Table.d.ts.map +1 -1
- package/dist/types/components/table/TableContent.d.ts +32 -0
- package/dist/types/components/table/TableContent.d.ts.map +1 -0
- package/dist/types/components/table/_internal/v2-compat.d.ts +94 -0
- package/dist/types/components/table/_internal/v2-compat.d.ts.map +1 -0
- package/dist/types/components/textarea/Textarea.d.ts.map +1 -1
- package/dist/types/components/textarea/Textarea.types.d.ts +13 -0
- package/dist/types/components/textarea/Textarea.types.d.ts.map +1 -1
- package/dist/types/components/textarea/useTextareaAutosize.d.ts +13 -0
- package/dist/types/components/textarea/useTextareaAutosize.d.ts.map +1 -0
- package/dist/types/components/time-input/TimeInput.d.ts.map +1 -1
- package/dist/types/components/time-input/TimeInput.types.d.ts +13 -1
- package/dist/types/components/time-input/TimeInput.types.d.ts.map +1 -1
- package/dist/types/components/tooltip/Tooltip.d.ts.map +1 -1
- package/dist/types/components/tooltip/Tooltip.types.d.ts +31 -1
- package/dist/types/components/tooltip/Tooltip.types.d.ts.map +1 -1
- package/dist/types/components/tooltip/_internal/renderTrigger.d.ts +3 -0
- package/dist/types/components/tooltip/_internal/renderTrigger.d.ts.map +1 -0
- package/dist/types/components/tooltip/index.d.ts +1 -1
- package/dist/types/components/tooltip/index.d.ts.map +1 -1
- package/dist/types/index.d.ts +6 -6
- package/dist/types/index.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -30,46 +30,130 @@
|
|
|
30
30
|
* solo donde el coste es razonable. Donde no lo es, se documenta la limitación en el comentario
|
|
31
31
|
* del símbolo y en `decisiones-aceptadas-f2.md`.
|
|
32
32
|
*/
|
|
33
|
-
import { I18nProvider, RouterProvider, useOverlayState } from "@heroui/react";
|
|
34
|
-
import type { ComponentProps, HTMLAttributes, ReactNode } from "react";
|
|
35
|
-
export declare const CardBody: <E extends keyof React.JSX.IntrinsicElements = "div">({ className, ...props }: import("@heroui/react").CardContentProps<E> & Omit<React.JSX.IntrinsicElements[E], keyof import("@heroui/react").CardContentProps<E>>) => import("react").JSX.Element;
|
|
36
|
-
export declare const BreadcrumbItem: ({ children, className, ...props }: import("@heroui/react").BreadcrumbsItemProps & Omit<import("@heroui/react").LinkRootProps, "className">) => import("react").JSX.Element;
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
33
|
+
import { I18nProvider, ListBoxItem, ListBoxSection, ProgressBar, RouterProvider, useOverlayState } from "@heroui/react";
|
|
34
|
+
import type { ComponentProps, HTMLAttributes, JSX, ReactNode } from "react";
|
|
35
|
+
export declare const CardBody: <E extends keyof React.JSX.IntrinsicElements = "div">({ className, ...props }: import("@heroui/react").CardContentProps<E> & Omit<React.JSX.IntrinsicElements[E], keyof import("@heroui/react").CardContentProps<E>>) => import("react/jsx-runtime").JSX.Element;
|
|
36
|
+
export declare const BreadcrumbItem: ({ children, className, ...props }: import("@heroui/react").BreadcrumbsItemProps & Omit<import("@heroui/react").LinkRootProps, "className">) => import("react/jsx-runtime").JSX.Element;
|
|
37
|
+
/** Slots de v2 de un item (`@heroui/theme@2.4.15`, `listbox.js`, `menuItem.slots`). */
|
|
38
|
+
export interface SelectItemClassNames {
|
|
39
|
+
/** Raíz del item. Se fusiona con `className` (gana `className`, como en v2). */
|
|
40
|
+
base?: string;
|
|
41
|
+
/** Columna título + descripción (solo existe si hay `description`). */
|
|
42
|
+
wrapper?: string;
|
|
43
|
+
title?: string;
|
|
44
|
+
description?: string;
|
|
45
|
+
}
|
|
46
|
+
/**
|
|
47
|
+
* Props de `SelectItem`/`AutocompleteItem`: las de `ListBox.Item` de v3 MÁS la API de contenido
|
|
48
|
+
* de v2, que la fachada contenedora pinta como v2 (título + descripción, contenido a los lados).
|
|
49
|
+
*/
|
|
50
|
+
export type SelectItemProps = ComponentProps<typeof ListBoxItem> & {
|
|
51
|
+
/** Segunda línea bajo el título (v2). Pinta con el `Description` de v3. */
|
|
52
|
+
description?: ReactNode;
|
|
53
|
+
/** Contenido a la izquierda del título (icono, avatar, punto de color…). */
|
|
54
|
+
startContent?: ReactNode;
|
|
55
|
+
/** Contenido a la derecha del título. */
|
|
56
|
+
endContent?: ReactNode;
|
|
57
|
+
/** Clases por slot de v2. `selectedIcon`/`shortcut` no tienen destino (ver README de Select). */
|
|
58
|
+
classNames?: SelectItemClassNames;
|
|
59
|
+
};
|
|
60
|
+
/** Slots de v2 de una sección (`listbox.js`, `menuSection.slots`). */
|
|
61
|
+
export interface SelectSectionClassNames {
|
|
62
|
+
base?: string;
|
|
63
|
+
heading?: string;
|
|
64
|
+
divider?: string;
|
|
65
|
+
}
|
|
66
|
+
/** Props de `SelectSection`: las de `ListBox.Section` de v3 MÁS `title`/`showDivider` de v2. */
|
|
67
|
+
export type SelectSectionProps = Omit<ComponentProps<typeof ListBoxSection>, "title"> & {
|
|
68
|
+
/** Cabecera visible de la sección (v2). Se compone con el `Header` de v3. */
|
|
69
|
+
title?: ReactNode;
|
|
70
|
+
/** Línea divisoria al final de la sección (v2, default `false`). */
|
|
71
|
+
showDivider?: boolean;
|
|
72
|
+
classNames?: SelectSectionClassNames;
|
|
40
73
|
};
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
74
|
+
type ItemComponent = ((props: SelectItemProps) => JSX.Element) & Pick<typeof ListBoxItem, "Root" | "Indicator">;
|
|
75
|
+
type SectionComponent = (props: SelectSectionProps) => JSX.Element;
|
|
76
|
+
export declare const AutocompleteItem: ItemComponent;
|
|
77
|
+
export declare const SelectItem: ItemComponent;
|
|
78
|
+
export declare const SelectSection: SectionComponent;
|
|
79
|
+
/** Divider → Separator. El uso INTERNO de la librería ya migró a `Separator` directo
|
|
80
|
+
* (`TagsFilter.tsx`); este shim es solo para las apps, que siguen importando `Divider`. */
|
|
81
|
+
export declare const Divider: (({ className, orientation, variant, ...props }: import("@heroui/react").SeparatorRootProps) => import("react/jsx-runtime").JSX.Element) & {
|
|
82
|
+
Root: ({ className, orientation, variant, ...props }: import("@heroui/react").SeparatorRootProps) => import("react/jsx-runtime").JSX.Element;
|
|
83
|
+
};
|
|
84
|
+
/** Colores de v2 (`@heroui/theme@2.4.15`, `progress.js`) más el `accent` de v3. */
|
|
85
|
+
export type ProgressColor = "default" | "primary" | "secondary" | "success" | "warning" | "danger" | "accent";
|
|
86
|
+
/** Slots de v2 (`progress.js`, `slots`). `labelWrapper` no tiene destino: v3 es una rejilla. */
|
|
87
|
+
export interface ProgressClassNames {
|
|
88
|
+
base?: string;
|
|
89
|
+
label?: string;
|
|
90
|
+
value?: string;
|
|
91
|
+
track?: string;
|
|
92
|
+
indicator?: string;
|
|
93
|
+
}
|
|
94
|
+
/**
|
|
95
|
+
* Props del `Progress` de v2 sobre el `ProgressBar` de v3. `value`, `minValue`, `maxValue`,
|
|
96
|
+
* `valueLabel`, `formatOptions`, `isIndeterminate` y las `aria-*` vienen tal cual de react-aria
|
|
97
|
+
* (misma semántica en v2, que usaba el mismo `useProgressBar`).
|
|
98
|
+
*/
|
|
99
|
+
export type ProgressProps = Omit<ComponentProps<typeof ProgressBar>, "color" | "size"> & {
|
|
100
|
+
/** Etiqueta visible a la izquierda, sobre la pista (v2). */
|
|
101
|
+
label?: ReactNode;
|
|
102
|
+
/** Muestra el valor formateado (por defecto en %) a la derecha, sobre la pista (v2). */
|
|
103
|
+
showValueLabel?: boolean;
|
|
104
|
+
/** @default "md" */
|
|
105
|
+
size?: "sm" | "md" | "lg";
|
|
106
|
+
/** Color del relleno. @default "primary" (v2) */
|
|
107
|
+
color?: ProgressColor;
|
|
108
|
+
/** Clases por slot de v2. */
|
|
109
|
+
classNames?: ProgressClassNames;
|
|
44
110
|
};
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
111
|
+
/**
|
|
112
|
+
* `Progress` de v2 (TECH-2459, hallazgo beweossmbs 23-sep: «es un alias del ProgressBar crudo y
|
|
113
|
+
* SIN HIJOS NO PINTA»).
|
|
114
|
+
*
|
|
115
|
+
* EL DEFECTO. Hasta aquí `Progress` era `ProgressBar` a secas, y el `ProgressBar` de v3 es un
|
|
116
|
+
* compound: la raíz solo publica el estado, la barra la pintan `ProgressBar.Track` +
|
|
117
|
+
* `ProgressBar.Fill`, y la etiqueta y el valor, `Label` + `ProgressBar.Output`. El JSX v2 de las
|
|
118
|
+
* apps (`<Progress value={40} color="primary" showValueLabel />`, 10 usos en beweossmbs) no trae
|
|
119
|
+
* ninguna de esas piezas, así que salía un `<div role="progressbar">` VACÍO: ni pista, ni relleno,
|
|
120
|
+
* ni texto. Además `color="primary"` no es un color de v3 y `showValueLabel`/`label`/`classNames`
|
|
121
|
+
* se descartaban.
|
|
122
|
+
*
|
|
123
|
+
* LO QUE HACE. Acepta la API v2 y monta por dentro la anatomía de v3. Es **idempotente por
|
|
124
|
+
* identidad de `child.type`**: si la app ya pasa `ProgressBar.Track` (o `Progress.Track`),
|
|
125
|
+
* `ProgressBar.Output` o `Label`, esa pieza no se añade otra vez (mismo criterio que la fachada
|
|
126
|
+
* `Tabs` con su indicador). Children como función se respetan tal cual.
|
|
127
|
+
*
|
|
128
|
+
* LO QUE NO COPIA DE v2, por §9.1 (verse como v3): las alturas de pista (v2 `h-1`/`h-3`/`h-5`,
|
|
129
|
+
* v3 `h-1`/`h-2`/`h-3`), el radio completo y el fondo `default-300/50` de la pista, y el tamaño de
|
|
130
|
+
* letra por `size` de la etiqueta. `size` elige el tamaño de v3 del mismo nombre.
|
|
131
|
+
*/
|
|
132
|
+
declare function ProgressFacade({ label, showValueLabel, size, color, classNames, className, children, ...props }: ProgressProps): JSX.Element;
|
|
133
|
+
/**
|
|
134
|
+
* `Progress` de v2 con la anatomía de v3 dentro, y con los estáticos del compound colgados
|
|
135
|
+
* (`Progress.Track`, `Progress.Fill`, `Progress.Output`, `Progress.Root`) para que el marcado v3
|
|
136
|
+
* siga compilando: son los MISMOS objetos que `ProgressBar.*`, así que la detección por identidad
|
|
137
|
+
* los reconoce vengan por un nombre o por otro.
|
|
138
|
+
*/
|
|
139
|
+
export declare const Progress: typeof ProgressFacade & {
|
|
51
140
|
Root: {
|
|
52
|
-
({ children, className, color, size, ...props }: import("@heroui/react").ProgressBarRootProps): import("react").JSX.Element;
|
|
141
|
+
({ children, className, color, size, ...props }: import("@heroui/react").ProgressBarRootProps): import("react/jsx-runtime").JSX.Element;
|
|
53
142
|
displayName: string;
|
|
54
143
|
};
|
|
55
144
|
Output: {
|
|
56
|
-
<E extends keyof React.JSX.IntrinsicElements = "span">({ children, className, ...props }: import("@heroui/react").ProgressBarOutputProps<E> & Omit<React.JSX.IntrinsicElements[E], keyof import("@heroui/react").ProgressBarOutputProps<E>>): import("react").JSX.Element;
|
|
145
|
+
<E extends keyof React.JSX.IntrinsicElements = "span">({ children, className, ...props }: import("@heroui/react").ProgressBarOutputProps<E> & Omit<React.JSX.IntrinsicElements[E], keyof import("@heroui/react").ProgressBarOutputProps<E>>): import("react/jsx-runtime").JSX.Element;
|
|
57
146
|
displayName: string;
|
|
58
147
|
};
|
|
59
148
|
Track: {
|
|
60
|
-
<E extends keyof React.JSX.IntrinsicElements = "div">({ children, className, ...props }: import("@heroui/react").ProgressBarTrackProps<E> & Omit<React.JSX.IntrinsicElements[E], keyof import("@heroui/react").ProgressBarTrackProps<E>>): import("react").JSX.Element;
|
|
149
|
+
<E extends keyof React.JSX.IntrinsicElements = "div">({ children, className, ...props }: import("@heroui/react").ProgressBarTrackProps<E> & Omit<React.JSX.IntrinsicElements[E], keyof import("@heroui/react").ProgressBarTrackProps<E>>): import("react/jsx-runtime").JSX.Element;
|
|
61
150
|
displayName: string;
|
|
62
151
|
};
|
|
63
152
|
Fill: {
|
|
64
|
-
<E extends keyof React.JSX.IntrinsicElements = "div">({ className, style, ...props }: import("@heroui/react").ProgressBarFillProps<E> & Omit<React.JSX.IntrinsicElements[E], keyof import("@heroui/react").ProgressBarFillProps<E>>): import("react").JSX.Element;
|
|
153
|
+
<E extends keyof React.JSX.IntrinsicElements = "div">({ className, style, ...props }: import("@heroui/react").ProgressBarFillProps<E> & Omit<React.JSX.IntrinsicElements[E], keyof import("@heroui/react").ProgressBarFillProps<E>>): import("react/jsx-runtime").JSX.Element;
|
|
65
154
|
displayName: string;
|
|
66
155
|
};
|
|
67
156
|
};
|
|
68
|
-
/** Divider → Separator. El uso INTERNO de la librería ya migró a `Separator` directo
|
|
69
|
-
* (`TagsFilter.tsx`); este shim es solo para las apps, que siguen importando `Divider`. */
|
|
70
|
-
export declare const Divider: (({ className, orientation, variant, ...props }: import("@heroui/react").SeparatorRootProps) => import("react").JSX.Element) & {
|
|
71
|
-
Root: ({ className, orientation, variant, ...props }: import("@heroui/react").SeparatorRootProps) => import("react").JSX.Element;
|
|
72
|
-
};
|
|
73
157
|
/**
|
|
74
158
|
* Props del `HeroUIProvider` de v2 (`@heroui/system@2.4.28`, `dist/provider.d.ts` +
|
|
75
159
|
* `dist/provider-context.d.ts`, leído del tarball, no de memoria). Solo `locale`, `navigate` y
|
|
@@ -142,14 +226,43 @@ export interface HeroUIProviderProps extends Omit<HTMLAttributes<HTMLDivElement>
|
|
|
142
226
|
* `HeroUIProviderProps`). Orden de anidado idéntico al de v2: `I18nProvider` por fuera,
|
|
143
227
|
* `RouterProvider` por dentro.
|
|
144
228
|
*/
|
|
145
|
-
export declare function HeroUIProvider({ children, locale, navigate, useHref, }: HeroUIProviderProps):
|
|
229
|
+
export declare function HeroUIProvider({ children, locale, navigate, useHref, }: HeroUIProviderProps): JSX.Element;
|
|
230
|
+
/** Radios de v2 (`@heroui/image@2.2.19` + `@heroui/theme@2.4.15`, `image.js`, `compoundSlots`). */
|
|
231
|
+
export type ImageRadius = "none" | "sm" | "md" | "lg" | "full";
|
|
232
|
+
/** Slots de v2. Solo `img` tiene destino: ver `Image` para el porqué de los otros tres. */
|
|
233
|
+
export interface ImageClassNames {
|
|
234
|
+
img?: string;
|
|
235
|
+
wrapper?: string;
|
|
236
|
+
zoomedWrapper?: string;
|
|
237
|
+
blurredImg?: string;
|
|
238
|
+
}
|
|
239
|
+
export type ImageProps = ComponentProps<"img"> & {
|
|
240
|
+
/** Radio de las esquinas (v2). @default "lg" (el de v2) */
|
|
241
|
+
radius?: ImageRadius;
|
|
242
|
+
/** Clases por slot de v2. `img` se fusiona con `className` (gana `classNames.img`, como v2). */
|
|
243
|
+
classNames?: ImageClassNames;
|
|
244
|
+
/** v2: no pintar el `<div>` envoltorio. Aquí nunca lo hay, así que es siempre cierto. */
|
|
245
|
+
removeWrapper?: boolean;
|
|
246
|
+
};
|
|
146
247
|
/**
|
|
147
248
|
* `Image` se elimina en v3 (usar `<img>` nativo, mismo criterio aplicado en
|
|
148
|
-
* `SocialMediaPreview`/`WhatsAppPreview`). Shim:
|
|
149
|
-
*
|
|
150
|
-
*
|
|
249
|
+
* `SocialMediaPreview`/`WhatsAppPreview`). Shim: un `<img>` nativo con la API de v2 que las apps
|
|
250
|
+
* escriben (TECH-2459, hallazgo beweossmbs 23-sep: 12 `<Image>` en la app; `radius` en 3,
|
|
251
|
+
* `classNames` en 3, `removeWrapper` en 2; 0 usos de `isZoomed`/`isBlurred`/`fallbackSrc`/`shadow`).
|
|
252
|
+
*
|
|
253
|
+
* - `radius`: con el default de v2 (`lg`). Sin él, las 9 imágenes que NO pasan `radius` salían con
|
|
254
|
+
* esquinas rectas en vez de las redondeadas de v2. Va primero en el `cn`: la clase de la app gana.
|
|
255
|
+
* - `className` + `classNames.img`: en v2 las dos iban al `<img>` (`use-image.mjs`:
|
|
256
|
+
* `cn(className, classNames?.img)`), y así aquí.
|
|
257
|
+
* - `classNames.wrapper`/`zoomedWrapper`/`blurredImg` y `removeWrapper` se ACEPTAN y no pintan: este
|
|
258
|
+
* shim no monta envoltorio. En v2 el `<div>` existía para el skeleton, el zoom y el desenfoque
|
|
259
|
+
* (`image.mjs`), y le ponía `max-width: fit-content` en línea — que es exactamente lo que los dos
|
|
260
|
+
* `classNames.wrapper` medidos deshacen («El wrapper de HeroUI Image trae `max-w-fit`», con
|
|
261
|
+
* `w-full !max-w-full`). Sin envoltorio, el `<img>` con su `w-full` ya ocupa el ancho: el efecto
|
|
262
|
+
* buscado sale sin la pieza.
|
|
263
|
+
* - NO reproduce `isZoomed`/`isBlurred`/`fallbackSrc`/`shadow`/skeleton (0 usos medidos).
|
|
151
264
|
*/
|
|
152
|
-
export declare function Image(props:
|
|
265
|
+
export declare function Image({ radius, classNames, removeWrapper: _removeWrapper, className, ...props }: ImageProps): JSX.Element;
|
|
153
266
|
/**
|
|
154
267
|
* `Selection`/`SortDescriptor` NO cambiaron de forma: en v3 se siguen sirviendo desde
|
|
155
268
|
* `@react-types/shared`/react-aria-components exactamente igual que en v2 (verificado contra
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"heroui-v2-shims.d.ts","sourceRoot":"","sources":["../../../src/compat/heroui-v2-shims.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,OAAO,EAGN,YAAY,
|
|
1
|
+
{"version":3,"file":"heroui-v2-shims.d.ts","sourceRoot":"","sources":["../../../src/compat/heroui-v2-shims.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AutoComplete.d.ts","sourceRoot":"","sources":["../../../../src/components/autocomplete/AutoComplete.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AutoComplete.d.ts","sourceRoot":"","sources":["../../../../src/components/autocomplete/AutoComplete.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EACX,qBAAqB,EAIrB,MAAM,sBAAsB,CAAC;AA8W9B;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAoQ5D,CAAC"}
|
|
@@ -25,6 +25,22 @@ import type React from "react";
|
|
|
25
25
|
export type AuraAutocompleteTranslations = {
|
|
26
26
|
/** `aria-label` del botón de limpiar (`isClearable`). Default: "Limpiar". */
|
|
27
27
|
clearButtonAriaLabel?: string;
|
|
28
|
+
/**
|
|
29
|
+
* Texto de la lista cuando no hay ninguna opción que mostrar (sin resultados). v2 pintaba el
|
|
30
|
+
* literal inglés "No results found." (`@heroui/autocomplete@2.3.34`, `use-autocomplete`); aquí
|
|
31
|
+
* va traducido. `listboxProps.emptyContent` gana sobre esta clave, como en v2.
|
|
32
|
+
* Default: "No se encontraron resultados".
|
|
33
|
+
*/
|
|
34
|
+
emptyContent?: string;
|
|
35
|
+
};
|
|
36
|
+
/**
|
|
37
|
+
* Subconjunto de `listboxProps` de v2 que la fachada entiende. Solo `emptyContent`: el `ListBox`
|
|
38
|
+
* de v3 no tiene `topContent`/`bottomContent`/`itemClasses` (guía oficial: «Configure components
|
|
39
|
+
* directly»).
|
|
40
|
+
*/
|
|
41
|
+
export type AuraAutocompleteListboxProps = {
|
|
42
|
+
/** Texto de la lista vacía (v2). Gana a `translations.emptyContent`. */
|
|
43
|
+
emptyContent?: React.ReactNode;
|
|
28
44
|
};
|
|
29
45
|
/** Variantes visuales de v2 del campo. */
|
|
30
46
|
export type AutocompleteVariant = "flat" | "bordered" | "faded" | "underlined";
|
|
@@ -39,8 +55,13 @@ export type AuraAutocompleteProps<T extends object = object, M extends "single"
|
|
|
39
55
|
* Por defecto se muestra una lupa. Pasa `null` para ocultar o un nodo para personalizar.
|
|
40
56
|
*/
|
|
41
57
|
icon?: React.ReactNode | null;
|
|
42
|
-
/**
|
|
43
|
-
|
|
58
|
+
/**
|
|
59
|
+
* Opciones: elementos `AutocompleteItem` (o `ListBox.Section`) hijos del listado, o una
|
|
60
|
+
* FUNCIÓN que recibe cada objeto de `items` y devuelve su `AutocompleteItem` (colección
|
|
61
|
+
* dinámica de react-aria, igual que en v2). La forma de función es la de los 11 usos de
|
|
62
|
+
* beweossmbs; el tipo la había perdido (solo `ReactNode`) aunque en ejecución siempre funcionó.
|
|
63
|
+
*/
|
|
64
|
+
children?: React.ReactNode | ((item: T) => React.ReactNode);
|
|
44
65
|
/** className del `ComboBox` raíz. */
|
|
45
66
|
className?: string;
|
|
46
67
|
/**
|
|
@@ -87,5 +108,18 @@ export type AuraAutocompleteProps<T extends object = object, M extends "single"
|
|
|
87
108
|
* @deprecated Sin equivalente en HeroUI v3. Se acepta por compatibilidad v2; no tiene efecto.
|
|
88
109
|
*/
|
|
89
110
|
radius?: "none" | "sm" | "md" | "lg" | "full";
|
|
111
|
+
/**
|
|
112
|
+
* Mensaje de error bajo el campo (v2). Se pinta solo con `isInvalid`, igual que en v2 (su
|
|
113
|
+
* `helperWrapper` solo mostraba el error con el campo inválido). Compone el `FieldError` de v3.
|
|
114
|
+
*/
|
|
115
|
+
errorMessage?: React.ReactNode;
|
|
116
|
+
/** v2: `listboxProps`. Solo se usa `emptyContent` (ver `AuraAutocompleteListboxProps`). */
|
|
117
|
+
listboxProps?: AuraAutocompleteListboxProps;
|
|
118
|
+
/**
|
|
119
|
+
* Muestra un spinner al final del campo mientras se cargan las opciones (v2). Ocupa el sitio
|
|
120
|
+
* del icono o del chevron; el campo sigue siendo operable.
|
|
121
|
+
* @default false
|
|
122
|
+
*/
|
|
123
|
+
isLoading?: boolean;
|
|
90
124
|
};
|
|
91
125
|
//# sourceMappingURL=AutoComplete.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AutoComplete.types.d.ts","sourceRoot":"","sources":["../../../../src/components/autocomplete/AutoComplete.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;;;;;;;;GAWG;AACH;;;;;;;;;GASG;AACH,MAAM,MAAM,4BAA4B,GAAG;IAC1C,6EAA6E;IAC7E,oBAAoB,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"AutoComplete.types.d.ts","sourceRoot":"","sources":["../../../../src/components/autocomplete/AutoComplete.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;;;;;;;;GAWG;AACH;;;;;;;;;GASG;AACH,MAAM,MAAM,4BAA4B,GAAG;IAC1C,6EAA6E;IAC7E,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;;;;OAKG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF;;;;GAIG;AACH,MAAM,MAAM,4BAA4B,GAAG;IAC1C,wEAAwE;IACxE,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC/B,CAAC;AAEF,0CAA0C;AAC1C,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,YAAY,CAAC;AAE/E,wDAAwD;AACxD,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAElD,MAAM,MAAM,qBAAqB,CAChC,CAAC,SAAS,MAAM,GAAG,MAAM,EACzB,CAAC,SAAS,QAAQ,GAAG,UAAU,GAAG,QAAQ,IACvC,IAAI,CAAC,iBAAiB,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC,GAAG;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2DAA2D;IAC3D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;IAC9B;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IAC5D,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B;;;OAGG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB;;;;;;;;;;;;;;;;;;;OAmBG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;;;;OAOG;IACH,YAAY,CAAC,EAAE,4BAA4B,CAAC;IAC5C;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IAC9C;;;OAGG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,2FAA2F;IAC3F,YAAY,CAAC,EAAE,4BAA4B,CAAC;IAC5C;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export { AuraAutocomplete } from "./AutoComplete";
|
|
2
|
-
export type { AuraAutocompleteProps, AuraAutocompleteTranslations, } from "./AutoComplete.types";
|
|
2
|
+
export type { AuraAutocompleteListboxProps, AuraAutocompleteProps, AuraAutocompleteTranslations, } from "./AutoComplete.types";
|
|
3
3
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/autocomplete/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,YAAY,EACX,qBAAqB,EACrB,4BAA4B,GAC5B,MAAM,sBAAsB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/autocomplete/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,YAAY,EACX,4BAA4B,EAC5B,qBAAqB,EACrB,4BAA4B,GAC5B,MAAM,sBAAsB,CAAC"}
|
|
@@ -16,6 +16,9 @@ import type { ButtonProps } from "./Button.types";
|
|
|
16
16
|
* - `disableRipple`: v3 no tiene ripple — reimplementado en `_internal/ripple.tsx`, así que la
|
|
17
17
|
* prop vuelve a apagar algo.
|
|
18
18
|
* - `ai`: aura de Linda para las acciones que hace la IA (ver `Button.types.ts`).
|
|
19
|
+
* - Props DOM (`title`, `tabIndex`, `aria-*`…): llegan al `<button>` aunque react-aria las
|
|
20
|
+
* descarte (ver `DOM_ATTRS_DESCARTADOS`). `disabled` nativo equivale a `isDisabled`.
|
|
21
|
+
* - `as="a"` / `href` (API v2): renderiza un `<a>` con las mismas clases y colores del botón.
|
|
19
22
|
*/
|
|
20
23
|
export declare const Button: React.FC<ButtonProps>;
|
|
21
24
|
export default Button;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,EAAe,WAAW,EAAiB,MAAM,gBAAgB,CAAC;AAuR9E;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAsMxC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -3,7 +3,30 @@ import type React from "react";
|
|
|
3
3
|
export type ButtonColor = "primary" | "default" | "secondary" | "success" | "warning" | "danger";
|
|
4
4
|
/** Vocabulario v2 (HeroUI v3 fusiona color+variant en un único `variant` de 7 valores propios). */
|
|
5
5
|
export type ButtonVariant = "solid" | "bordered" | "light" | "flat" | "faded" | "ghost" | "shadow";
|
|
6
|
-
|
|
6
|
+
/**
|
|
7
|
+
* Atributos DOM que v2 reenviaba al `<button>` y el `Button` de react-aria-components (v3)
|
|
8
|
+
* DESCARTA: su `filterDOMProps({ global: true })` solo deja pasar `id`, `dir`/`lang`/`hidden`/
|
|
9
|
+
* `inert`/`translate`, los eventos globales y `data-*` (`react-aria/dist/private/utils/
|
|
10
|
+
* filterDOMProps.mjs`), y `useButton` añade unos pocos `aria-*`. v2 pasaba TODO atributo HTML
|
|
11
|
+
* válido (`filterDOMProps(otherProps, { enabled: true })` de `@heroui/react-utils`, en
|
|
12
|
+
* `@heroui/button@2.2.22` `use-button.ts`). La fachada los repone (ver `Button.tsx`).
|
|
13
|
+
*/
|
|
14
|
+
export type ButtonDOMProps = Pick<React.ButtonHTMLAttributes<HTMLButtonElement>, "title" | "tabIndex" | "role" | "accessKey" | "draggable" | "spellCheck"> & React.AriaAttributes & {
|
|
15
|
+
/**
|
|
16
|
+
* Atributo nativo de v2. Equivale a `isDisabled` (v3 lo descartaba y el botón seguía
|
|
17
|
+
* pulsable: 12 usos en beweossmbs).
|
|
18
|
+
*/
|
|
19
|
+
disabled?: boolean;
|
|
20
|
+
};
|
|
21
|
+
/**
|
|
22
|
+
* API v2 de botón-enlace: `<Button as="a" href="…" target="_blank">`. Con `href` la fachada
|
|
23
|
+
* renderiza un `<a>` con el aspecto del botón (v3 no acepta `href` en `Button`).
|
|
24
|
+
*/
|
|
25
|
+
export type ButtonLinkProps = Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "href" | "target" | "rel" | "download" | "hrefLang" | "referrerPolicy"> & {
|
|
26
|
+
/** Solo `"a"` tiene efecto (con `href`); es el único valor que usan las apps. */
|
|
27
|
+
as?: "a" | "button";
|
|
28
|
+
};
|
|
29
|
+
export type ButtonProps = Omit<ButtonRootProps, "color" | "variant" | "children" | "isPending"> & ButtonDOMProps & ButtonLinkProps & {
|
|
7
30
|
/** Color semántico del botón (paleta BeweOS, sigue el pack de tema activo). @default "primary" */
|
|
8
31
|
color?: ButtonColor;
|
|
9
32
|
/** Tamaño del botón. @default "md" */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../../src/components/button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,WAAW,GACpB,SAAS,GACT,SAAS,GACT,WAAW,GACX,SAAS,GACT,SAAS,GACT,QAAQ,CAAC;AAEZ,mGAAmG;AACnG,MAAM,MAAM,aAAa,GACtB,OAAO,GACP,UAAU,GACV,OAAO,GACP,MAAM,GACN,OAAO,GACP,OAAO,GACP,QAAQ,CAAC;AAEZ,MAAM,MAAM,WAAW,GAAG,IAAI,CAC7B,eAAe,EACf,OAAO,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,CAC9C,GAAG;
|
|
1
|
+
{"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../../src/components/button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,WAAW,GACpB,SAAS,GACT,SAAS,GACT,WAAW,GACX,SAAS,GACT,SAAS,GACT,QAAQ,CAAC;AAEZ,mGAAmG;AACnG,MAAM,MAAM,aAAa,GACtB,OAAO,GACP,UAAU,GACV,OAAO,GACP,MAAM,GACN,OAAO,GACP,OAAO,GACP,QAAQ,CAAC;AAEZ;;;;;;;GAOG;AACH,MAAM,MAAM,cAAc,GAAG,IAAI,CAChC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,WAAW,GAAG,WAAW,GAAG,YAAY,CACxE,GACA,KAAK,CAAC,cAAc,GAAG;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEH;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG,IAAI,CACjC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,UAAU,GAAG,UAAU,GAAG,gBAAgB,CACtE,GAAG;IACH,iFAAiF;IACjF,EAAE,CAAC,EAAE,GAAG,GAAG,QAAQ,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,IAAI,CAC7B,eAAe,EACf,OAAO,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,CAC9C,GACA,cAAc,GACd,eAAe,GAAG;IACjB,kGAAkG;IAClG,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,sCAAsC;IACtC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,iGAAiG;IACjG,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,qEAAqE;IACrE,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IAC9C,2FAA2F;IAC3F,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,6FAA6F;IAC7F,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,iGAAiG;IACjG,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8FAA8F;IAC9F,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,sDAAsD;IACtD,gBAAgB,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACnC,8DAA8D;IAC9D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;;;;;;;;;;OAcG;IACH,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD;;;;;;;;OAQG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;;;;;;;OAUG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type React from "react";
|
|
2
|
+
import type { PressEventDeV3 } from "./ripple";
|
|
3
|
+
/**
|
|
4
|
+
* `click` nativo → un `PressEvent` con la forma del de react-aria.
|
|
5
|
+
*
|
|
6
|
+
* Lo usan las piezas de esta librería que NO pasan por un componente de react-aria y aun así
|
|
7
|
+
* exponen el `onPress` de v2: la `Card` pulsable (`<button>` nativo) y el `Button` con `href`
|
|
8
|
+
* (`<a>` nativo). No se importa `usePress` de react-aria porque no es `external` en
|
|
9
|
+
* `rollup.config.mjs`: se metería una segunda copia dentro del bundle.
|
|
10
|
+
*
|
|
11
|
+
* Un `click` nativo ya cubre ratón, táctil y teclado (Enter/Espacio en un botón, Enter en un
|
|
12
|
+
* enlace). `detail === 0` es un click sintético —teclado o `.click()`—, y como react-aria, se
|
|
13
|
+
* sitúa entonces el punto en el centro del elemento (lo necesita la onda expansiva).
|
|
14
|
+
*/
|
|
15
|
+
export declare function pressEventFromClick(event: React.MouseEvent<HTMLElement>): PressEventDeV3;
|
|
16
|
+
//# sourceMappingURL=press-event.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"press-event.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/_internal/press-event.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C;;;;;;;;;;;GAWG;AACH,wBAAgB,mBAAmB,CAClC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,GAClC,cAAc,CAsBhB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EACX,cAAc,EACd,eAAe,EACf,WAAW,GACX,MAAM,gBAAgB,CAAC"}
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
import type React from "react";
|
|
2
|
+
import "./Card.css";
|
|
1
3
|
import type { CardProps } from "./Card.types";
|
|
2
4
|
/**
|
|
3
5
|
* Card genérica siguiendo las reglas de diseño BeweOS basada en HeroUI v3.
|
|
@@ -12,7 +14,17 @@ import type { CardProps } from "./Card.types";
|
|
|
12
14
|
* - Shadow: none, sm, md, lg (configurable, reimplementado vía className — v3 no tiene la prop)
|
|
13
15
|
* - Radius: sm (por defecto, configurable, reimplementado vía className — v3 no tiene la prop)
|
|
14
16
|
* - Padding configurable (sm, md, lg)
|
|
17
|
+
* - `className` de la app AL FINAL y fusionado con `cn` (tailwind-merge), como el `slots.base({
|
|
18
|
+
* class })` de v2: un `p-0`/`rounded-xl`/`shadow-2xl` de la app retira el default de la fachada
|
|
19
|
+
* en vez de competir con él por orden de CSS.
|
|
20
|
+
* - `ref` y TODAS las props DOM (`style`, `onMouse*`, `aria-*`, `data-*`…) llegan al nodo raíz,
|
|
21
|
+
* como en v2 (`HTMLHeroUIProps<"div">`).
|
|
22
|
+
* - API v2 de card pulsable: `isPressable`/`onPress`/`disableAnimation`/`disableRipple`, más
|
|
23
|
+
* `isHoverable`/`isDisabled`/`fullWidth`.
|
|
24
|
+
*
|
|
25
|
+
* `ref` se reenvía con `forwardRef` (patrón de las fachadas de campo del repo, ver
|
|
26
|
+
* `Input.tsx`) y apunta al nodo raíz: el `<div>` o, con `isPressable`, el `<button>`.
|
|
15
27
|
*/
|
|
16
|
-
export declare const Card:
|
|
28
|
+
export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
|
|
17
29
|
export default Card;
|
|
18
30
|
//# sourceMappingURL=Card.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/card/Card.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/card/Card.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,YAAY,CAAC;AACpB,OAAO,KAAK,EAAkB,SAAS,EAAE,MAAM,cAAc,CAAC;AAmD9D;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,IAAI,kFA0FhB,CAAC;AAIF,eAAe,IAAI,CAAC"}
|
|
@@ -1,6 +1,39 @@
|
|
|
1
1
|
import type { CardRootProps } from "@heroui/react";
|
|
2
|
+
import type React from "react";
|
|
2
3
|
import type { ReactNode } from "react";
|
|
3
|
-
|
|
4
|
+
/**
|
|
5
|
+
* El `PressEvent` que recibe `onPress` en una card pulsable.
|
|
6
|
+
*
|
|
7
|
+
* v2 le pasaba el `PressEvent` de react-aria (`useAriaButton` en `@heroui/card@2.2.21`,
|
|
8
|
+
* `dist/chunk-*.mjs` · `useCard`). Esta fachada no arrastra react-aria como dependencia propia
|
|
9
|
+
* (no es `external` en `rollup.config.mjs`, se duplicaría dentro del bundle), así que construye
|
|
10
|
+
* un objeto con la misma forma a partir del `click` nativo del `<button>` — que ya cubre ratón,
|
|
11
|
+
* táctil y teclado (Enter/Espacio disparan `click` en un botón nativo). Mismos campos que el de
|
|
12
|
+
* react-aria salvo `key`, que solo existe en eventos de teclado y ningún consumidor lee.
|
|
13
|
+
*/
|
|
14
|
+
export interface CardPressEvent {
|
|
15
|
+
type: "press";
|
|
16
|
+
pointerType: "mouse" | "touch" | "pen" | "keyboard" | "virtual";
|
|
17
|
+
target: HTMLElement;
|
|
18
|
+
shiftKey: boolean;
|
|
19
|
+
ctrlKey: boolean;
|
|
20
|
+
metaKey: boolean;
|
|
21
|
+
altKey: boolean;
|
|
22
|
+
/** Punto pulsado relativo a la card (centro de la card si vino del teclado). */
|
|
23
|
+
x: number;
|
|
24
|
+
y: number;
|
|
25
|
+
/** No-op: se conserva por compatibilidad de firma con react-aria. */
|
|
26
|
+
continuePropagation: () => void;
|
|
27
|
+
}
|
|
28
|
+
/**
|
|
29
|
+
* Props DOM de la raíz. v2 extendía `HTMLHeroUIProps<"div">` (todas las props del `<div>`), así
|
|
30
|
+
* que las apps escriben `ref`, `style`, `onMouseMove`/`onMouseEnter`/`onMouseLeave`, `aria-*`,
|
|
31
|
+
* `data-*`… y esperan que lleguen al nodo. `CardRootProps<"div">` de v3 NO las declara (solo
|
|
32
|
+
* `children`/`className`/`variant`/`render`: el resto lo intersecta la FIRMA de `CardRoot`, no la
|
|
33
|
+
* interfaz), de ahí que el tipo público las rechazara aunque en runtime sí se reenviaban.
|
|
34
|
+
*/
|
|
35
|
+
type CardDOMProps = Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "className">;
|
|
36
|
+
export interface CardProps extends CardDOMProps, Omit<CardRootProps<"div">, "variant" | "children" | "className"> {
|
|
4
37
|
children: ReactNode;
|
|
5
38
|
className?: string;
|
|
6
39
|
/** Nivel de sombra. @default "sm" (traducido a los tokens propios `--aurora-shadow-*`) */
|
|
@@ -9,10 +42,29 @@ export interface CardProps extends Omit<CardRootProps<"div">, "variant" | "child
|
|
|
9
42
|
radius?: "none" | "sm" | "md" | "lg";
|
|
10
43
|
/** Padding interno. @default "md" */
|
|
11
44
|
padding?: "sm" | "md" | "lg";
|
|
45
|
+
/**
|
|
46
|
+
* API v2: la card entera es un botón. Se renderiza como `<button type="button">` (igual que
|
|
47
|
+
* v2, que cambiaba el elemento a `button`), enfocable, con cursor de mano, hundido al pulsar
|
|
48
|
+
* (`scale(0.97)`) y onda expansiva. @default false
|
|
49
|
+
*/
|
|
50
|
+
isPressable?: boolean;
|
|
51
|
+
/** API v2: se llama al pulsar una card `isPressable` (ratón, táctil o teclado). */
|
|
52
|
+
onPress?: (event: CardPressEvent) => void;
|
|
53
|
+
/** API v2: apaga el hundido de pulsado, la transición y la onda. @default false */
|
|
54
|
+
disableAnimation?: boolean;
|
|
55
|
+
/** API v2: apaga solo la onda expansiva de una card pulsable. @default false */
|
|
56
|
+
disableRipple?: boolean;
|
|
57
|
+
/** API v2: la card pinta `bg-content2` al pasar el ratón. @default false */
|
|
58
|
+
isHoverable?: boolean;
|
|
59
|
+
/** API v2: atenúa la card (`opacity-disabled`) y bloquea `onPress`. @default false */
|
|
60
|
+
isDisabled?: boolean;
|
|
61
|
+
/** API v2: la card ocupa el 100% del ancho. @default false */
|
|
62
|
+
fullWidth?: boolean;
|
|
12
63
|
}
|
|
13
64
|
export declare const paddingClasses: {
|
|
14
65
|
readonly sm: "p-4";
|
|
15
66
|
readonly md: "p-6";
|
|
16
67
|
readonly lg: "p-8";
|
|
17
68
|
};
|
|
69
|
+
export {};
|
|
18
70
|
//# sourceMappingURL=Card.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.types.d.ts","sourceRoot":"","sources":["../../../../src/components/card/Card.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Card.types.d.ts","sourceRoot":"","sources":["../../../../src/components/card/Card.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;;;;;;GASG;AACH,MAAM,WAAW,cAAc;IAC9B,IAAI,EAAE,OAAO,CAAC;IACd,WAAW,EAAE,OAAO,GAAG,OAAO,GAAG,KAAK,GAAG,UAAU,GAAG,SAAS,CAAC;IAChE,MAAM,EAAE,WAAW,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;IAChB,gFAAgF;IAChF,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,qEAAqE;IACrE,mBAAmB,EAAE,MAAM,IAAI,CAAC;CAChC;AAED;;;;;;GAMG;AACH,KAAK,YAAY,GAAG,IAAI,CACvB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,UAAU,GAAG,WAAW,CACxB,CAAC;AAKF,MAAM,WAAW,SAChB,SAAQ,YAAY,EACnB,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,WAAW,CAAC;IACjE,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0FAA0F;IAC1F,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACrC,yDAAyD;IACzD,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACrC,qCAAqC;IACrC,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC7B;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mFAAmF;IACnF,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAC1C,mFAAmF;IACnF,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gFAAgF;IAChF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,4EAA4E;IAC5E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,sFAAsF;IACtF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,cAAc;;;;CAIjB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACvC,YAAY,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACvC,YAAY,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}
|
|
@@ -15,6 +15,6 @@ import type { ChipProps } from "./Chip.types";
|
|
|
15
15
|
* y el hueco que queda tras el botón de cierre sean distintos, como en v2 (ver `SIZE_CLASS` y
|
|
16
16
|
* `CONTENT_PADDING`).
|
|
17
17
|
*/
|
|
18
|
-
export declare const Chip: React.
|
|
18
|
+
export declare const Chip: ({ color, variant, size, radius, startContent, endContent, onClose, isDisabled, className, classNames, children, as, style: consumerStyle, ...domProps }: ChipProps) => React.JSX.Element;
|
|
19
19
|
export default Chip;
|
|
20
20
|
//# sourceMappingURL=Chip.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../../src/components/chip/Chip.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../../src/components/chip/Chip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAkC,MAAM,cAAc,CAAC;AAmV9E;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,IAAI,GAAI,yJAelB,SAAS,sBAyIX,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -1,15 +1,30 @@
|
|
|
1
|
-
import type { ReactNode } from "react";
|
|
1
|
+
import type { ElementType, HTMLAttributes, ReactNode, Ref } from "react";
|
|
2
2
|
export type ChipStandardColor = "default" | "primary" | "secondary" | "success" | "warning" | "danger";
|
|
3
3
|
/** Colores fijos de Tailwind (no del tema): se mantienen tal cual venían en v2. */
|
|
4
4
|
export type ChipCustomColor = "red" | "purple" | "blue" | "green" | "orange";
|
|
5
5
|
export type ChipColor = ChipStandardColor | ChipCustomColor;
|
|
6
|
-
/**
|
|
7
|
-
|
|
6
|
+
/**
|
|
7
|
+
* Vocabulario v2 (HeroUI v3 solo tiene primary/secondary/soft/tertiary, sin colores propios).
|
|
8
|
+
* `shadow` = `solid` + sombra `shadow-lg` teñida del color (`@heroui/theme@2.4.15`,
|
|
9
|
+
* `colorVariants.shadow`). `dot` de v2 no se porta: 0 usos en las apps.
|
|
10
|
+
*/
|
|
11
|
+
export type ChipVariant = "solid" | "bordered" | "light" | "flat" | "faded" | "shadow";
|
|
8
12
|
export interface ChipClassNames {
|
|
13
|
+
/** Raíz del chip (equivale a `className`, que va después y gana). */
|
|
9
14
|
base?: string;
|
|
15
|
+
/** Slot del texto. Nombre de v2 (`@heroui/theme@2.4.15`, slot `content`). */
|
|
16
|
+
content?: string;
|
|
17
|
+
/** Alias histórico de Aurora para `content`; si vienen los dos, `content` va después y gana. */
|
|
10
18
|
label?: string;
|
|
19
|
+
/** Botón de cierre (solo con `onClose`). Slot `closeButton` de v2. */
|
|
20
|
+
closeButton?: string;
|
|
11
21
|
}
|
|
12
|
-
|
|
22
|
+
/**
|
|
23
|
+
* Props propias de la fachada. El resto de atributos DOM/aria (`onClick`, `role`, `tabIndex`,
|
|
24
|
+
* `aria-*`, `data-*`, `style`, `title`…) se reenvían al nodo real, igual que v2, que hacía
|
|
25
|
+
* `...otherProps` sobre su raíz (`@heroui/chip@2.2.18`, `use-chip.js`, `getChipProps`).
|
|
26
|
+
*/
|
|
27
|
+
export interface ChipOwnProps {
|
|
13
28
|
children?: ReactNode;
|
|
14
29
|
/**
|
|
15
30
|
* Color del chip. Los 6 semánticos siguen el pack de tema activo; los 5 adicionales
|
|
@@ -35,8 +50,15 @@ export interface ChipProps {
|
|
|
35
50
|
/** Si es true, atenúa el chip e ignora la interacción (v3 eliminó `isDisabled`). */
|
|
36
51
|
isDisabled?: boolean;
|
|
37
52
|
className?: string;
|
|
38
|
-
/** Overrides puntuales por slot (compat v2
|
|
53
|
+
/** Overrides puntuales por slot (compat v2). Se FUSIONAN (tailwind-merge) y ganan. */
|
|
39
54
|
classNames?: ChipClassNames;
|
|
40
|
-
|
|
55
|
+
/**
|
|
56
|
+
* Elemento o componente raíz. v2 usaba `<div>` por defecto; v3 (y esta fachada) `<span>`.
|
|
57
|
+
* Se implementa con la prop `render` de v3, que recibe las props DOM ya compuestas.
|
|
58
|
+
*/
|
|
59
|
+
as?: ElementType;
|
|
60
|
+
/** Ref al nodo raíz (React 19: `ref` es una prop más). */
|
|
61
|
+
ref?: Ref<HTMLElement>;
|
|
41
62
|
}
|
|
63
|
+
export type ChipProps = ChipOwnProps & Omit<HTMLAttributes<HTMLElement>, keyof ChipOwnProps | "color">;
|
|
42
64
|
//# sourceMappingURL=Chip.types.d.ts.map
|