@beweco/aurora-ui 1.0.0-beta.138 → 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 +2757 -481
- package/dist/index.esm.js +2789 -498
- package/dist/types/__smoke__/v2-api-surface.d.ts +5 -2
- package/dist/types/__smoke__/v2-api-surface.d.ts.map +1 -1
- package/dist/types/compat/heroui-v2-shims.d.ts +212 -34
- 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 +89 -1
- package/dist/types/components/datepicker/DatePicker.types.d.ts.map +1 -1
- package/dist/types/components/datepicker/calendar-slots.d.ts +17 -0
- package/dist/types/components/datepicker/calendar-slots.d.ts.map +1 -0
- 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/daterangepicker/DateRangePicker.d.ts +1 -1
- package/dist/types/components/daterangepicker/DateRangePicker.d.ts.map +1 -1
- package/dist/types/components/daterangepicker/DateRangePicker.types.d.ts +43 -1
- package/dist/types/components/daterangepicker/DateRangePicker.types.d.ts.map +1 -1
- package/dist/types/components/daterangepicker/index.d.ts +1 -1
- package/dist/types/components/daterangepicker/index.d.ts.map +1 -1
- package/dist/types/components/drawer/Drawer.d.ts +58 -0
- package/dist/types/components/drawer/Drawer.d.ts.map +1 -0
- package/dist/types/components/drawer/Drawer.types.d.ts +75 -0
- package/dist/types/components/drawer/Drawer.types.d.ts.map +1 -0
- package/dist/types/components/drawer/DrawerContext.d.ts +15 -0
- package/dist/types/components/drawer/DrawerContext.d.ts.map +1 -0
- package/dist/types/components/drawer/_internal/DrawerBody.d.ts +7 -0
- package/dist/types/components/drawer/_internal/DrawerBody.d.ts.map +1 -0
- package/dist/types/components/drawer/_internal/DrawerContent.d.ts +14 -0
- package/dist/types/components/drawer/_internal/DrawerContent.d.ts.map +1 -0
- package/dist/types/components/drawer/_internal/DrawerFooter.d.ts +13 -0
- package/dist/types/components/drawer/_internal/DrawerFooter.d.ts.map +1 -0
- package/dist/types/components/drawer/_internal/DrawerHeader.d.ts +20 -0
- package/dist/types/components/drawer/_internal/DrawerHeader.d.ts.map +1 -0
- package/dist/types/components/drawer/_internal/index.d.ts +5 -0
- package/dist/types/components/drawer/_internal/index.d.ts.map +1 -0
- package/dist/types/components/drawer/index.d.ts +4 -0
- package/dist/types/components/drawer/index.d.ts.map +1 -0
- 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 +4 -3
- package/dist/types/components/modal/Modal.d.ts.map +1 -1
- package/dist/types/components/modal/Modal.types.d.ts +59 -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/tabs/Tabs.d.ts +5 -4
- package/dist/types/components/tabs/Tabs.d.ts.map +1 -1
- package/dist/types/components/tabs/Tabs.types.d.ts +90 -13
- package/dist/types/components/tabs/Tabs.types.d.ts.map +1 -1
- 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 +12 -8
- package/dist/types/components/time-input/TimeInput.d.ts.map +1 -1
- package/dist/types/components/time-input/TimeInput.types.d.ts +29 -3
- package/dist/types/components/time-input/TimeInput.types.d.ts.map +1 -1
- package/dist/types/components/time-input/index.d.ts +2 -2
- package/dist/types/components/time-input/index.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 +8 -7
- package/dist/types/index.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -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
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chip.types.d.ts","sourceRoot":"","sources":["../../../../src/components/chip/Chip.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Chip.types.d.ts","sourceRoot":"","sources":["../../../../src/components/chip/Chip.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEzE,MAAM,MAAM,iBAAiB,GAC1B,SAAS,GACT,SAAS,GACT,WAAW,GACX,SAAS,GACT,SAAS,GACT,QAAQ,CAAC;AAEZ,mFAAmF;AACnF,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE7E,MAAM,MAAM,SAAS,GAAG,iBAAiB,GAAG,eAAe,CAAC;AAE5D;;;;GAIG;AACH,MAAM,MAAM,WAAW,GACpB,OAAO,GACP,UAAU,GACV,OAAO,GACP,MAAM,GACN,OAAO,GACP,QAAQ,CAAC;AAEZ,MAAM,WAAW,cAAc;IAC9B,qEAAqE;IACrE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6EAA6E;IAC7E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gGAAgG;IAChG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sEAAsE;IACtE,WAAW,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;;GAIG;AACH,MAAM,WAAW,YAAY;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,sCAAsC;IACtC,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,qCAAqC;IACrC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,wDAAwD;IACxD,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IAC9C,+CAA+C;IAC/C,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,iDAAiD;IACjD,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,oFAAoF;IACpF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sFAAsF;IACtF,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B;;;OAGG;IACH,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,0DAA0D;IAC1D,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;CACvB;AAED,MAAM,MAAM,SAAS,GAAG,YAAY,GACnC,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,MAAM,YAAY,GAAG,OAAO,CAAC,CAAC"}
|
|
@@ -6,6 +6,6 @@ import type { DatePickerProps } from "./DatePicker.types";
|
|
|
6
6
|
* (grid) para que la API pública siga siendo un único componente con props planas, igual que en
|
|
7
7
|
* v2 (label, description, errorMessage, endContent, variant, size, radius).
|
|
8
8
|
*/
|
|
9
|
-
export declare function DatePicker<T extends DateValue = DateValue>({ label, description, errorMessage, id, size, variant, radius, isInvalid, isRequired, isDisabled, fullWidth, endContent, calendarBottomContent, className, "aria-label": ariaLabel, ...props }: DatePickerProps<T>): import("react").JSX.Element;
|
|
9
|
+
export declare function DatePicker<T extends DateValue = DateValue>({ label, description, errorMessage, id, size, variant, radius, labelPlacement, isInvalid, isRequired, isDisabled, fullWidth, endContent, calendarBottomContent: calendarBottomContentProp, CalendarBottomContent, calendarTopContent: calendarTopContentProp, CalendarTopContent, calendarWidth, calendarProps, classNames, className, "aria-label": ariaLabel, ...props }: DatePickerProps<T>): import("react").JSX.Element;
|
|
10
10
|
export default DatePicker;
|
|
11
11
|
//# sourceMappingURL=DatePicker.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/datepicker/DatePicker.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/C,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/datepicker/DatePicker.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/C,OAAO,KAAK,EAEX,eAAe,EAIf,MAAM,oBAAoB,CAAC;AA8H5B;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,EAAE,EAC3D,KAAK,EACL,WAAW,EACX,YAAY,EACZ,EAAE,EACF,IAAW,EACX,OAAoB,EACpB,MAAa,EACb,cAA0B,EAC1B,SAAiB,EACjB,UAAkB,EAClB,UAAkB,EAClB,SAAS,EACT,UAAU,EACV,qBAAqB,EAAE,yBAAyB,EAChD,qBAAqB,EACrB,kBAAkB,EAAE,sBAAsB,EAC1C,kBAAkB,EAClB,aAAa,EACb,aAAa,EACb,UAAU,EACV,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,GAAG,KAAK,EACR,EAAE,eAAe,CAAC,CAAC,CAAC,+BAiNpB;AAED,eAAe,UAAU,CAAC"}
|
|
@@ -1,9 +1,52 @@
|
|
|
1
|
-
import type { DatePickerRootProps, DateValue } from "@heroui/react";
|
|
1
|
+
import type { CalendarProps, DatePickerRootProps, DateValue } from "@heroui/react";
|
|
2
2
|
import type { ReactNode } from "react";
|
|
3
3
|
export type DatePickerSize = "sm" | "md" | "lg";
|
|
4
4
|
/** Vocabulario v2 (HeroUI v3 solo tiene "primary"/"secondary" en `DateField.Group`). */
|
|
5
5
|
export type DatePickerVariant = "flat" | "bordered" | "faded" | "underlined";
|
|
6
6
|
export type DatePickerRadius = "none" | "sm" | "md" | "lg" | "full";
|
|
7
|
+
/**
|
|
8
|
+
* Dónde va la etiqueta respecto al campo (los dos valores de v2 que usan las apps; mismo
|
|
9
|
+
* vocabulario que `TimeInputLabelPlacement`).
|
|
10
|
+
*
|
|
11
|
+
* - `"outside"`: encima (columna). Default, el de siempre de la fachada.
|
|
12
|
+
* - `"outside-left"`: en línea, a la izquierda del campo (fila).
|
|
13
|
+
*/
|
|
14
|
+
export type DatePickerLabelPlacement = "outside" | "outside-left";
|
|
15
|
+
/**
|
|
16
|
+
* Slots de `classNames` de v2 que tienen un nodo equivalente en la composición v3 de la fachada.
|
|
17
|
+
* Los nombres son los de v2 (`SlotsToClasses<DatePickerSlots> & DateInputProps["classNames"]`,
|
|
18
|
+
* `@heroui/date-picker@2.3.33`); cada uno cae en la pieza v3 que ocupa su sitio:
|
|
19
|
+
*
|
|
20
|
+
* | slot v2 | nodo v3 |
|
|
21
|
+
* |---|---|
|
|
22
|
+
* | `base` | raíz `DatePicker` (junto a `className`, que va detrás) |
|
|
23
|
+
* | `label` | `Label` |
|
|
24
|
+
* | `inputWrapper` | `DateField.Group` (la caja del campo) |
|
|
25
|
+
* | `input` | `DateField.Input` (la fila de segmentos) |
|
|
26
|
+
* | `segment` | cada `DateField.Segment` |
|
|
27
|
+
* | `selectorButton` | `DatePicker.Trigger` |
|
|
28
|
+
* | `selectorIcon` | `DatePicker.TriggerIndicator` |
|
|
29
|
+
* | `description` | `Description` |
|
|
30
|
+
* | `errorMessage` | `FieldError` |
|
|
31
|
+
* | `popoverContent` | `DatePicker.Popover` |
|
|
32
|
+
* | `calendar` | `Calendar` |
|
|
33
|
+
*
|
|
34
|
+
* Los de v2 SIN nodo en v3 (`innerWrapper`, `helperWrapper`, `calendarContent`, `timeInput`,
|
|
35
|
+
* `timeInputLabel`) no están en el tipo a propósito: pasarlos no tendría efecto, y así el
|
|
36
|
+
* compilador lo dice en vez de callarlo.
|
|
37
|
+
*/
|
|
38
|
+
export type DatePickerClassNamesSlot = "base" | "label" | "inputWrapper" | "input" | "segment" | "selectorButton" | "selectorIcon" | "description" | "errorMessage" | "popoverContent" | "calendar";
|
|
39
|
+
export type DatePickerClassNames = Partial<Record<DatePickerClassNamesSlot, string>>;
|
|
40
|
+
/**
|
|
41
|
+
* Props que se reenvían al `Calendar` de v3 del popover — la `calendarProps` de v2
|
|
42
|
+
* (`Partial<Omit<CalendarProps, "topContent" | "bottomContent">>`).
|
|
43
|
+
*
|
|
44
|
+
* El `Calendar` de React Aria ya recibe del `DatePicker` el valor, `onChange`, `minValue`,
|
|
45
|
+
* `maxValue`, `isDateUnavailable`… por contexto; lo que se pase aquí se fusiona ENCIMA (gana), igual
|
|
46
|
+
* que en v2, donde `getCalendarProps` esparcía `calendarProps` después de las del picker. El uso
|
|
47
|
+
* típico es controlar el mes a la vista: `focusedValue` + `onFocusChange` (o `defaultFocusedValue`).
|
|
48
|
+
*/
|
|
49
|
+
export type DatePickerCalendarProps<T extends DateValue = DateValue> = Partial<Omit<CalendarProps<T>, "children">>;
|
|
7
50
|
export interface DatePickerProps<T extends DateValue = DateValue> extends Omit<DatePickerRootProps<T>, "children" | "className"> {
|
|
8
51
|
/** Texto de la etiqueta visible sobre el campo. */
|
|
9
52
|
label?: ReactNode;
|
|
@@ -55,6 +98,44 @@ export interface DatePickerProps<T extends DateValue = DateValue> extends Omit<D
|
|
|
55
98
|
* ```
|
|
56
99
|
*/
|
|
57
100
|
calendarBottomContent?: ReactNode;
|
|
101
|
+
/**
|
|
102
|
+
* Alias con el nombre de HeroUI v2 de `calendarBottomContent`, para que el código v2 compile
|
|
103
|
+
* sin cambios. Si se pasan las dos, gana `calendarBottomContent`.
|
|
104
|
+
* @deprecated Usa `calendarBottomContent`.
|
|
105
|
+
*/
|
|
106
|
+
CalendarBottomContent?: ReactNode;
|
|
107
|
+
/**
|
|
108
|
+
* Contenido libre DENTRO del popover, ENCIMA del calendario — la `CalendarTopContent` de v2
|
|
109
|
+
* (`CalendarProps["topContent"]`). El sitio de un selector de mes/año propio (fecha de
|
|
110
|
+
* nacimiento: llegar a 1990 sin retroceder 400 meses), controlado con
|
|
111
|
+
* `calendarProps.focusedValue`/`onFocusChange`.
|
|
112
|
+
*
|
|
113
|
+
* Se renderiza como hermano ANTERIOR de `<Calendar>`, no dentro: dentro, React Aria fija un
|
|
114
|
+
* `ButtonContext` con solo los slots `previous`/`next` y cualquier `Button` de RAC sin `slot`
|
|
115
|
+
* (el de un `Select`, el de un `Button` de la librería) lanzaría «A slot prop is required».
|
|
116
|
+
* Fuera de él, el `Dialog` del popover ya limpia esos contextos. Ver README.
|
|
117
|
+
*/
|
|
118
|
+
calendarTopContent?: ReactNode;
|
|
119
|
+
/**
|
|
120
|
+
* Nombre de HeroUI v2 de `calendarTopContent` (el que usan las apps). Si se pasan las dos,
|
|
121
|
+
* gana `calendarTopContent`.
|
|
122
|
+
*/
|
|
123
|
+
CalendarTopContent?: ReactNode;
|
|
124
|
+
/**
|
|
125
|
+
* Ancho del calendario en px (número) o cualquier longitud CSS (cadena). v2: `calendarWidth`,
|
|
126
|
+
* `@default 256`. Sin la prop se mantiene el ancho de v3 (252px); con ella el calendario —y con
|
|
127
|
+
* él el popover, que es `w-fit`— pasa a medir eso. Úsalo cuando `calendarTopContent` necesite
|
|
128
|
+
* más sitio que la rejilla.
|
|
129
|
+
*/
|
|
130
|
+
calendarWidth?: number | string;
|
|
131
|
+
/** Props para el `Calendar` del popover (ver `DatePickerCalendarProps`). */
|
|
132
|
+
calendarProps?: DatePickerCalendarProps<T>;
|
|
133
|
+
/**
|
|
134
|
+
* Clases por slot, con los nombres de v2 (ver `DatePickerClassNamesSlot` para el nodo v3 de
|
|
135
|
+
* cada uno). Se fusionan con `cn` (tailwind-merge) DETRÁS de las de la fachada: ante dos clases
|
|
136
|
+
* del mismo grupo, gana la del consumidor.
|
|
137
|
+
*/
|
|
138
|
+
classNames?: DatePickerClassNames;
|
|
58
139
|
isInvalid?: boolean;
|
|
59
140
|
isRequired?: boolean;
|
|
60
141
|
isDisabled?: boolean;
|
|
@@ -66,6 +147,13 @@ export interface DatePickerProps<T extends DateValue = DateValue> extends Omit<D
|
|
|
66
147
|
size?: DatePickerSize;
|
|
67
148
|
/** Radio de borde. @default "md" */
|
|
68
149
|
radius?: DatePickerRadius;
|
|
150
|
+
/**
|
|
151
|
+
* Colocación de la etiqueta: `"outside"` encima (default) o `"outside-left"` en línea a la
|
|
152
|
+
* izquierda del campo, como en v2 (`labelPlacement`). Con `"outside-left"` la ayuda o el error
|
|
153
|
+
* van bajo el campo sin romper la fila, igual que en v2.
|
|
154
|
+
* @default "outside"
|
|
155
|
+
*/
|
|
156
|
+
labelPlacement?: DatePickerLabelPlacement;
|
|
69
157
|
className?: string;
|
|
70
158
|
}
|
|
71
159
|
//# sourceMappingURL=DatePicker.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.types.d.ts","sourceRoot":"","sources":["../../../../src/components/datepicker/DatePicker.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"DatePicker.types.d.ts","sourceRoot":"","sources":["../../../../src/components/datepicker/DatePicker.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACX,aAAa,EACb,mBAAmB,EACnB,SAAS,EACT,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAChD,wFAAwF;AACxF,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,YAAY,CAAC;AAC7E,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AACpE;;;;;;GAMG;AACH,MAAM,MAAM,wBAAwB,GAAG,SAAS,GAAG,cAAc,CAAC;AAElE;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,MAAM,wBAAwB,GACjC,MAAM,GACN,OAAO,GACP,cAAc,GACd,OAAO,GACP,SAAS,GACT,gBAAgB,GAChB,cAAc,GACd,aAAa,GACb,cAAc,GACd,gBAAgB,GAChB,UAAU,CAAC;AAEd,MAAM,MAAM,oBAAoB,GAAG,OAAO,CACzC,MAAM,CAAC,wBAAwB,EAAE,MAAM,CAAC,CACxC,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,MAAM,uBAAuB,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,IAAI,OAAO,CAC7E,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAClC,CAAC;AASF,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,CAC/D,SAAQ,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,UAAU,GAAG,WAAW,CAAC;IAC9D,mDAAmD;IACnD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,iFAAiF;IACjF,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,8DAA8D;IAC9D,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;;;OAIG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAoCG;IACH,qBAAqB,CAAC,EAAE,SAAS,CAAC;IAClC;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,SAAS,CAAC;IAClC;;;;;;;;;;OAUG;IACH,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B;;;OAGG;IACH,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B;;;;;OAKG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC,4EAA4E;IAC5E,aAAa,CAAC,EAAE,uBAAuB,CAAC,CAAC,CAAC,CAAC;IAC3C;;;;OAIG;IACH,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,sCAAsC;IACtC,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,oCAAoC;IACpC,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B;;;;;OAKG;IACH,cAAc,CAAC,EAAE,wBAAwB,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { CSSProperties } from "react";
|
|
2
|
+
/**
|
|
3
|
+
* Fusiona las clases de la fachada con las del consumidor (`classNames.<slot>`), las del consumidor
|
|
4
|
+
* DETRÁS para que ganen en tailwind-merge — como el `slots.x({ class })` de v2, cuyo `tv` llevaba
|
|
5
|
+
* `twMerge: true`. Sin clase del consumidor la cadena de la fachada sale TAL CUAL (unida con
|
|
6
|
+
* espacios, como antes de existir `classNames`): pasar la fachada por `cn` sin necesidad resolvería
|
|
7
|
+
* sus conflictos internos (p. ej. `rounded-none` de `underlined` contra el radio) de otra forma que
|
|
8
|
+
* la cascada de hoy, y cambiaría el píxel de quien no usa la prop.
|
|
9
|
+
*/
|
|
10
|
+
export declare function withConsumerClass(own: Array<string | false | undefined>, consumer?: string): import("tailwind-variants").CnReturn;
|
|
11
|
+
/**
|
|
12
|
+
* `calendarWidth` de v2 → estilo en línea del `Calendar`. v3 fija `.calendar { w-63 max-w-63 }`
|
|
13
|
+
* (`@heroui/styles/dist/components/calendar.css:11-13`), así que el `max-width` tiene que acompañar
|
|
14
|
+
* al `width`: con solo `width: 300px` el tope de 252px lo seguiría recortando.
|
|
15
|
+
*/
|
|
16
|
+
export declare function calendarWidthStyle(calendarWidth: number | string | undefined, style: CSSProperties | undefined): CSSProperties | undefined;
|
|
17
|
+
//# sourceMappingURL=calendar-slots.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"calendar-slots.d.ts","sourceRoot":"","sources":["../../../../src/components/datepicker/calendar-slots.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAK3C;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAChC,GAAG,EAAE,KAAK,CAAC,MAAM,GAAG,KAAK,GAAG,SAAS,CAAC,EACtC,QAAQ,CAAC,EAAE,MAAM,wCAIjB;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CACjC,aAAa,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,EAC1C,KAAK,EAAE,aAAa,GAAG,SAAS,GAC9B,aAAa,GAAG,SAAS,CAO3B"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export { DatePicker } from "./DatePicker";
|
|
2
|
-
export type { DatePickerProps } from "./DatePicker.types";
|
|
2
|
+
export type { DatePickerCalendarProps, DatePickerClassNames, DatePickerClassNamesSlot, DatePickerLabelPlacement, DatePickerProps, } from "./DatePicker.types";
|
|
3
3
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/datepicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/datepicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EACX,uBAAuB,EACvB,oBAAoB,EACpB,wBAAwB,EACxB,wBAAwB,EACxB,eAAe,GACf,MAAM,oBAAoB,CAAC"}
|
|
@@ -5,6 +5,6 @@ import type { DateRangePickerProps } from "./DateRangePicker.types";
|
|
|
5
5
|
* `DatePicker`, migrado en tándem. Compone `DateRangePicker.Root/Trigger/TriggerIndicator/
|
|
6
6
|
* RangeSeparator/Popover` + `DateField` (dos segmentos, start/end) + `RangeCalendar`.
|
|
7
7
|
*/
|
|
8
|
-
export declare function DateRangePicker<T extends DateValue = DateValue>({ label, description, errorMessage, id, size, variant, radius, isInvalid, isRequired, isDisabled, fullWidth, endContent, calendarBottomContent, className, "aria-label": ariaLabel, ...props }: DateRangePickerProps<T>): import("react").JSX.Element;
|
|
8
|
+
export declare function DateRangePicker<T extends DateValue = DateValue>({ label, description, errorMessage, id, size, variant, radius, isInvalid, isRequired, isDisabled, fullWidth, endContent, calendarBottomContent: calendarBottomContentProp, CalendarBottomContent, calendarTopContent: calendarTopContentProp, CalendarTopContent, calendarWidth, calendarProps, classNames, className, "aria-label": ariaLabel, ...props }: DateRangePickerProps<T>): import("react").JSX.Element;
|
|
9
9
|
export default DateRangePicker;
|
|
10
10
|
//# sourceMappingURL=DateRangePicker.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/daterangepicker/DateRangePicker.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/daterangepicker/DateRangePicker.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAM/C,OAAO,KAAK,EACX,oBAAoB,EAIpB,MAAM,yBAAyB,CAAC;AAgFjC;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,EAAE,EAChE,KAAK,EACL,WAAW,EACX,YAAY,EACZ,EAAE,EACF,IAAW,EACX,OAAoB,EACpB,MAAa,EACb,SAAiB,EACjB,UAAkB,EAClB,UAAkB,EAClB,SAAS,EACT,UAAU,EACV,qBAAqB,EAAE,yBAAyB,EAChD,qBAAqB,EACrB,kBAAkB,EAAE,sBAAsB,EAC1C,kBAAkB,EAClB,aAAa,EACb,aAAa,EACb,UAAU,EACV,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,GAAG,KAAK,EACR,EAAE,oBAAoB,CAAC,CAAC,CAAC,+BAoKzB;AAED,eAAe,eAAe,CAAC"}
|
|
@@ -1,9 +1,25 @@
|
|
|
1
|
-
import type { DateRangePickerRootProps, DateValue } from "@heroui/react";
|
|
1
|
+
import type { DateRangePickerRootProps, DateValue, RangeCalendarProps } from "@heroui/react";
|
|
2
2
|
import type { ReactNode } from "react";
|
|
3
|
+
import type { DatePickerClassNamesSlot } from "../datepicker/DatePicker.types";
|
|
3
4
|
export type DateRangePickerSize = "sm" | "md" | "lg";
|
|
4
5
|
/** Vocabulario v2 (HeroUI v3 solo tiene "primary"/"secondary" en `DateField.Group`). */
|
|
5
6
|
export type DateRangePickerVariant = "flat" | "bordered" | "faded" | "underlined";
|
|
6
7
|
export type DateRangePickerRadius = "none" | "sm" | "md" | "lg" | "full";
|
|
8
|
+
/**
|
|
9
|
+
* Slots de `classNames` de v2 con nodo en la composición v3: los de `DatePicker` (ver
|
|
10
|
+
* `DatePickerClassNamesSlot`, `calendar` cae aquí en `RangeCalendar`) más `separator`
|
|
11
|
+
* (`DateRangePicker.RangeSeparator`). `input` y `segment` se aplican a los DOS `DateField.Input`
|
|
12
|
+
* (inicio y fin). Sin nodo en v3 y por eso fuera del tipo: `innerWrapper`, `helperWrapper`,
|
|
13
|
+
* `calendarContent`, `bottomContent`, `timeInput*`.
|
|
14
|
+
*/
|
|
15
|
+
export type DateRangePickerClassNamesSlot = DatePickerClassNamesSlot | "separator";
|
|
16
|
+
export type DateRangePickerClassNames = Partial<Record<DateRangePickerClassNamesSlot, string>>;
|
|
17
|
+
/**
|
|
18
|
+
* Props que se reenvían al `RangeCalendar` de v3 del popover — la `calendarProps` de v2. Mismo
|
|
19
|
+
* contrato que `DatePickerCalendarProps`: se fusionan ENCIMA de lo que el picker pasa por contexto;
|
|
20
|
+
* el uso típico es `focusedValue` + `onFocusChange` para controlar el mes a la vista.
|
|
21
|
+
*/
|
|
22
|
+
export type DateRangePickerCalendarProps<T extends DateValue = DateValue> = Partial<Omit<RangeCalendarProps<T>, "children">>;
|
|
7
23
|
export interface DateRangePickerProps<T extends DateValue = DateValue> extends Omit<DateRangePickerRootProps<T>, "children" | "className"> {
|
|
8
24
|
/** Texto de la etiqueta visible sobre el campo. */
|
|
9
25
|
label?: ReactNode;
|
|
@@ -55,6 +71,32 @@ export interface DateRangePickerProps<T extends DateValue = DateValue> extends O
|
|
|
55
71
|
* ```
|
|
56
72
|
*/
|
|
57
73
|
calendarBottomContent?: ReactNode;
|
|
74
|
+
/**
|
|
75
|
+
* Alias con el nombre de HeroUI v2 de `calendarBottomContent` (lo usa el filtro global de
|
|
76
|
+
* beweanalytics en `origin/staging`). Si se pasan las dos, gana `calendarBottomContent`.
|
|
77
|
+
* @deprecated Usa `calendarBottomContent`.
|
|
78
|
+
*/
|
|
79
|
+
CalendarBottomContent?: ReactNode;
|
|
80
|
+
/**
|
|
81
|
+
* Contenido libre DENTRO del popover, ENCIMA del calendario de rango — la `CalendarTopContent`
|
|
82
|
+
* de v2. Mismo mecanismo y mismas garantías que en `DatePicker` (hermano anterior del
|
|
83
|
+
* `RangeCalendar`, nunca hijo; ver DatePicker.types.ts y el README).
|
|
84
|
+
*/
|
|
85
|
+
calendarTopContent?: ReactNode;
|
|
86
|
+
/** Nombre de HeroUI v2 de `calendarTopContent`. Si se pasan las dos, gana `calendarTopContent`. */
|
|
87
|
+
CalendarTopContent?: ReactNode;
|
|
88
|
+
/**
|
|
89
|
+
* Ancho del calendario en px (número) o longitud CSS (cadena). v2: `calendarWidth`,
|
|
90
|
+
* `@default 256`. Sin la prop se mantiene el ancho de v3 (252px).
|
|
91
|
+
*/
|
|
92
|
+
calendarWidth?: number | string;
|
|
93
|
+
/** Props para el `RangeCalendar` del popover (ver `DateRangePickerCalendarProps`). */
|
|
94
|
+
calendarProps?: DateRangePickerCalendarProps<T>;
|
|
95
|
+
/**
|
|
96
|
+
* Clases por slot, con los nombres de v2 (ver `DateRangePickerClassNamesSlot`). Se fusionan con
|
|
97
|
+
* `cn` (tailwind-merge) DETRÁS de las de la fachada: gana la del consumidor.
|
|
98
|
+
*/
|
|
99
|
+
classNames?: DateRangePickerClassNames;
|
|
58
100
|
isInvalid?: boolean;
|
|
59
101
|
isRequired?: boolean;
|
|
60
102
|
isDisabled?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateRangePicker.types.d.ts","sourceRoot":"","sources":["../../../../src/components/daterangepicker/DateRangePicker.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"DateRangePicker.types.d.ts","sourceRoot":"","sources":["../../../../src/components/daterangepicker/DateRangePicker.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACX,wBAAwB,EACxB,SAAS,EACT,kBAAkB,EAClB,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAE/E,MAAM,MAAM,mBAAmB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACrD,wFAAwF;AACxF,MAAM,MAAM,sBAAsB,GAC/B,MAAM,GACN,UAAU,GACV,OAAO,GACP,YAAY,CAAC;AAChB,MAAM,MAAM,qBAAqB,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAEzE;;;;;;GAMG;AACH,MAAM,MAAM,6BAA6B,GACtC,wBAAwB,GACxB,WAAW,CAAC;AAEf,MAAM,MAAM,yBAAyB,GAAG,OAAO,CAC9C,MAAM,CAAC,6BAA6B,EAAE,MAAM,CAAC,CAC7C,CAAC;AAEF;;;;GAIG;AACH,MAAM,MAAM,4BAA4B,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,IACvE,OAAO,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC;AAOlD,MAAM,WAAW,oBAAoB,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,CACpE,SAAQ,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,UAAU,GAAG,WAAW,CAAC;IACnE,mDAAmD;IACnD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,iFAAiF;IACjF,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,8DAA8D;IAC9D,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,4EAA4E;IAC5E,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAwCG;IACH,qBAAqB,CAAC,EAAE,SAAS,CAAC;IAClC;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,SAAS,CAAC;IAClC;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,mGAAmG;IACnG,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC,sFAAsF;IACtF,aAAa,CAAC,EAAE,4BAA4B,CAAC,CAAC,CAAC,CAAC;IAChD;;;OAGG;IACH,UAAU,CAAC,EAAE,yBAAyB,CAAC;IACvC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,sCAAsC;IACtC,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,oCAAoC;IACpC,MAAM,CAAC,EAAE,qBAAqB,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export { DateRangePicker } from "./DateRangePicker";
|
|
2
|
-
export type { DateRangePickerProps } from "./DateRangePicker.types";
|
|
2
|
+
export type { DateRangePickerCalendarProps, DateRangePickerClassNames, DateRangePickerClassNamesSlot, DateRangePickerProps, } from "./DateRangePicker.types";
|
|
3
3
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/daterangepicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/daterangepicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EACX,4BAA4B,EAC5B,yBAAyB,EACzB,6BAA6B,EAC7B,oBAAoB,GACpB,MAAM,yBAAyB,CAAC"}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import type { FC } from "react";
|
|
2
|
+
import type { DrawerProps } from "./Drawer.types";
|
|
3
|
+
/**
|
|
4
|
+
* `Drawer` de Aurora: fachada v2 + estáticos compound de v3 (los mismos objetos que exporta
|
|
5
|
+
* `@heroui/react`), para quien quiera montar la anatomía de v3 a mano.
|
|
6
|
+
*
|
|
7
|
+
* ⚠️ `Drawer.Content`/`Drawer.Header`/`Drawer.Body`/`Drawer.Footer` son las piezas CRUDAS de v3
|
|
8
|
+
* (sin la geometría v2 ni el render-prop): no son los `DrawerContent`/`DrawerHeader`/… planos de
|
|
9
|
+
* esta librería. No se mezclan las dos formas en el mismo drawer.
|
|
10
|
+
*/
|
|
11
|
+
export declare const Drawer: FC<DrawerProps> & {
|
|
12
|
+
Root: {
|
|
13
|
+
({ children, state, ...props }: import("@heroui/react").DrawerRootProps): import("react").JSX.Element;
|
|
14
|
+
displayName: string;
|
|
15
|
+
};
|
|
16
|
+
Trigger: {
|
|
17
|
+
({ children, className, ...props }: import("@heroui/react").DrawerTriggerProps): import("react").JSX.Element;
|
|
18
|
+
displayName: string;
|
|
19
|
+
};
|
|
20
|
+
Backdrop: {
|
|
21
|
+
({ children, className, isDismissable, variant, ...props }: import("@heroui/react").DrawerBackdropProps): import("react").JSX.Element;
|
|
22
|
+
displayName: string;
|
|
23
|
+
};
|
|
24
|
+
Content: {
|
|
25
|
+
({ children, className, placement, ...props }: import("@heroui/react").DrawerContentProps): import("react").JSX.Element;
|
|
26
|
+
displayName: string;
|
|
27
|
+
};
|
|
28
|
+
Dialog: {
|
|
29
|
+
({ children, className, ...props }: import("@heroui/react").DrawerDialogProps): import("react").JSX.Element;
|
|
30
|
+
displayName: string;
|
|
31
|
+
};
|
|
32
|
+
Header: {
|
|
33
|
+
<E extends keyof React.JSX.IntrinsicElements = "div">({ children, className, ...props }: import("@heroui/react").DrawerHeaderProps<E> & Omit<React.JSX.IntrinsicElements[E], keyof import("@heroui/react").DrawerHeaderProps<E>>): import("react").JSX.Element;
|
|
34
|
+
displayName: string;
|
|
35
|
+
};
|
|
36
|
+
Heading: {
|
|
37
|
+
({ children, className, ...props }: import("@heroui/react").DrawerHeadingProps): import("react").JSX.Element;
|
|
38
|
+
displayName: string;
|
|
39
|
+
};
|
|
40
|
+
Body: {
|
|
41
|
+
<E extends keyof React.JSX.IntrinsicElements = "div">({ children, className, ...props }: import("@heroui/react").DrawerBodyProps<E> & Omit<React.JSX.IntrinsicElements[E], keyof import("@heroui/react").DrawerBodyProps<E>>): import("react").JSX.Element;
|
|
42
|
+
displayName: string;
|
|
43
|
+
};
|
|
44
|
+
Footer: {
|
|
45
|
+
<E extends keyof React.JSX.IntrinsicElements = "div">({ children, className, ...props }: import("@heroui/react").DrawerFooterProps<E> & Omit<React.JSX.IntrinsicElements[E], keyof import("@heroui/react").DrawerFooterProps<E>>): import("react").JSX.Element;
|
|
46
|
+
displayName: string;
|
|
47
|
+
};
|
|
48
|
+
Handle: {
|
|
49
|
+
<E extends keyof React.JSX.IntrinsicElements = "div">({ className, ...props }: import("@heroui/react").DrawerHandleProps<E> & Omit<React.JSX.IntrinsicElements[E], keyof import("@heroui/react").DrawerHandleProps<E>>): import("react").JSX.Element;
|
|
50
|
+
displayName: string;
|
|
51
|
+
};
|
|
52
|
+
CloseTrigger: {
|
|
53
|
+
({ className, ...rest }: import("@heroui/react").DrawerCloseTriggerProps): import("react").JSX.Element;
|
|
54
|
+
displayName: string;
|
|
55
|
+
};
|
|
56
|
+
};
|
|
57
|
+
export default Drawer;
|
|
58
|
+
//# sourceMappingURL=Drawer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../../src/components/drawer/Drawer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,KAAK,EAAmB,WAAW,EAAc,MAAM,gBAAgB,CAAC;AAuL/E;;;;;;;GAOG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAYjB,CAAC;AAEH,eAAe,MAAM,CAAC"}
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
import type { ReactNode } from "react";
|
|
2
|
+
/** Vocabulario v2 (idéntico en v3): borde de la pantalla desde el que entra el panel. */
|
|
3
|
+
export type DrawerPlacement = "top" | "right" | "bottom" | "left";
|
|
4
|
+
/** Vocabulario v2, traducido a `variant` de `Drawer.Backdrop` en v3 (mismos tres valores). */
|
|
5
|
+
export type DrawerBackdrop = "opaque" | "blur" | "transparent";
|
|
6
|
+
/**
|
|
7
|
+
* v2 del Drawer: solo `inside` (por defecto, scroll en el cuerpo) u `outside` (scroll en el
|
|
8
|
+
* panel entero). El `normal` del Modal de v2 no existe en `useDrawer`.
|
|
9
|
+
*/
|
|
10
|
+
export type DrawerScrollBehavior = "inside" | "outside";
|
|
11
|
+
/**
|
|
12
|
+
* Escala completa de v2. Es el tope del lado CORTO del panel: el ancho con `placement`
|
|
13
|
+
* left/right y el alto con top/bottom (`@heroui/theme@2.4.15`, `drawer`): xs 20rem · sm 24rem ·
|
|
14
|
+
* md 28rem · lg 32rem · xl 36rem · 2xl 42rem · 3xl 48rem · 4xl 56rem · 5xl 64rem. `full` ocupa
|
|
15
|
+
* el viewport.
|
|
16
|
+
*/
|
|
17
|
+
export type DrawerSize = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "full";
|
|
18
|
+
export interface DrawerProps {
|
|
19
|
+
/** Estado abierto/cerrado (controlado). */
|
|
20
|
+
isOpen?: boolean;
|
|
21
|
+
/** Estado abierto por defecto (no controlado). */
|
|
22
|
+
defaultOpen?: boolean;
|
|
23
|
+
/** Se llama con el nuevo estado cada vez que el drawer se abre o se cierra. */
|
|
24
|
+
onOpenChange?: (isOpen: boolean) => void;
|
|
25
|
+
/**
|
|
26
|
+
* v2: se llama al cerrarse el drawer, además de `onOpenChange(false)`. Cubre todas las vías
|
|
27
|
+
* de cierre (la X, el backdrop si `isDismissable`, Escape si no hay
|
|
28
|
+
* `isKeyboardDismissDisabled` y el `onClose` que recibe el render-prop de `DrawerContent`),
|
|
29
|
+
* exactamente una vez por cierre. No se llama al abrir. Permite el patrón v2 `isOpen` +
|
|
30
|
+
* `onClose` sin `onOpenChange`, que es el que usan TODOS los drawers de las apps.
|
|
31
|
+
*/
|
|
32
|
+
onClose?: () => void;
|
|
33
|
+
/** @default "right" (el default de v2; el de v3 es "bottom") */
|
|
34
|
+
placement?: DrawerPlacement;
|
|
35
|
+
/** @default "md" */
|
|
36
|
+
size?: DrawerSize;
|
|
37
|
+
/** @default "opaque" */
|
|
38
|
+
backdrop?: DrawerBackdrop;
|
|
39
|
+
/** @default "inside" */
|
|
40
|
+
scrollBehavior?: DrawerScrollBehavior;
|
|
41
|
+
/**
|
|
42
|
+
* Permite cerrar pulsando fuera del panel (y, en v3, arrastrándolo hacia el borde).
|
|
43
|
+
* @default true
|
|
44
|
+
*/
|
|
45
|
+
isDismissable?: boolean;
|
|
46
|
+
/** Deshabilita el cierre con Escape. @default false */
|
|
47
|
+
isKeyboardDismissDisabled?: boolean;
|
|
48
|
+
/** Oculta el botón de cierre nativo (la X). @default false */
|
|
49
|
+
hideCloseButton?: boolean;
|
|
50
|
+
/**
|
|
51
|
+
* Clase aplicada al **panel** (`Drawer.Dialog`), el mismo destino que en v2 (slot `base` del
|
|
52
|
+
* modal, que es el panel). Se aplica en última posición, así que gana a los valores de la
|
|
53
|
+
* fachada (ancho por `size`, padding) vía `tailwind-merge`, igual que en v2.
|
|
54
|
+
*/
|
|
55
|
+
className?: string;
|
|
56
|
+
children?: ReactNode;
|
|
57
|
+
}
|
|
58
|
+
export type DrawerContentProps = {
|
|
59
|
+
className?: string;
|
|
60
|
+
/** v2: puede ser un nodo, o una función que recibe `onClose` (compat conservado). */
|
|
61
|
+
children: ReactNode | ((onClose: () => void) => ReactNode);
|
|
62
|
+
};
|
|
63
|
+
export interface DrawerHeaderProps {
|
|
64
|
+
className?: string;
|
|
65
|
+
children?: ReactNode;
|
|
66
|
+
}
|
|
67
|
+
export interface DrawerBodyProps {
|
|
68
|
+
className?: string;
|
|
69
|
+
children?: ReactNode;
|
|
70
|
+
}
|
|
71
|
+
export interface DrawerFooterProps {
|
|
72
|
+
className?: string;
|
|
73
|
+
children?: ReactNode;
|
|
74
|
+
}
|
|
75
|
+
//# sourceMappingURL=Drawer.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Drawer.types.d.ts","sourceRoot":"","sources":["../../../../src/components/drawer/Drawer.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,yFAAyF;AACzF,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAClE,8FAA8F;AAC9F,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,MAAM,GAAG,aAAa,CAAC;AAC/D;;;GAGG;AACH,MAAM,MAAM,oBAAoB,GAAG,QAAQ,GAAG,SAAS,CAAC;AACxD;;;;;GAKG;AACH,MAAM,MAAM,UAAU,GACnB,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,MAAM,CAAC;AASV,MAAM,WAAW,WAAW;IAC3B,2CAA2C;IAC3C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,kDAAkD;IAClD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,+EAA+E;IAC/E,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,gEAAgE;IAChE,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,oBAAoB;IACpB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,wBAAwB;IACxB,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,uDAAuD;IACvD,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,8DAA8D;IAC9D,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,MAAM,kBAAkB,GAAG;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qFAAqF;IACrF,QAAQ,EAAE,SAAS,GAAG,CAAC,CAAC,OAAO,EAAE,MAAM,IAAI,KAAK,SAAS,CAAC,CAAC;CAC3D,CAAC;AAEF,MAAM,WAAW,iBAAiB;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,eAAe;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,iBAAiB;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { DrawerScrollBehavior } from "./Drawer.types";
|
|
2
|
+
/**
|
|
3
|
+
* Contexto interno de la fachada `Drawer`: expone el `close` real de `Drawer.Dialog` de v3 al
|
|
4
|
+
* render-prop de compatibilidad de `DrawerContent` (`{(onClose) => ReactNode}`), y el
|
|
5
|
+
* `scrollBehavior` a `DrawerBody` y el `id` del título a `DrawerHeader`. Vive en su propio módulo para que `_internal/*` no tenga que
|
|
6
|
+
* importar de `Drawer.tsx` (evita el ciclo que sí tiene `modal/`).
|
|
7
|
+
*/
|
|
8
|
+
export interface DrawerFacadeContextValue {
|
|
9
|
+
close: () => void;
|
|
10
|
+
scrollBehavior: DrawerScrollBehavior;
|
|
11
|
+
/** `id` que `DrawerHeader` pone en su nodo y que el panel usa como `aria-labelledby`. */
|
|
12
|
+
headerId?: string;
|
|
13
|
+
}
|
|
14
|
+
export declare const DrawerFacadeContext: import("react").Context<DrawerFacadeContextValue>;
|
|
15
|
+
//# sourceMappingURL=DrawerContext.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DrawerContext.d.ts","sourceRoot":"","sources":["../../../../src/components/drawer/DrawerContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAE3D;;;;;GAKG;AACH,MAAM,WAAW,wBAAwB;IACxC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,cAAc,EAAE,oBAAoB,CAAC;IACrC,yFAAyF;IACzF,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,mBAAmB,mDAK9B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DrawerBody.d.ts","sourceRoot":"","sources":["../../../../../src/components/drawer/_internal/DrawerBody.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAgBvD,QAAA,MAAM,UAAU;8BAA6B,eAAe;;CAa3D,CAAC;AAIF,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { DrawerContentProps } from "../Drawer.types";
|
|
2
|
+
/**
|
|
3
|
+
* `DrawerContent` de v2 (en v2 era el mismo `ModalContent`). En v3 `Drawer.Content` es el
|
|
4
|
+
* posicionador del overlay, que la fachada `Drawer` ya monta por dentro; este componente NO lo
|
|
5
|
+
* envuelve: es azúcar de compatibilidad. Si `children` es una función, la invoca con el `close`
|
|
6
|
+
* real del diálogo (vía contexto) para que el patrón v2 `{(onClose) => <>...</>}` siga
|
|
7
|
+
* funcionando (6 de los 12 drawers de las apps lo usan, medido el 23-sep).
|
|
8
|
+
*/
|
|
9
|
+
declare function DrawerContent({ children, className }: DrawerContentProps): import("react").JSX.Element;
|
|
10
|
+
declare namespace DrawerContent {
|
|
11
|
+
var displayName: string;
|
|
12
|
+
}
|
|
13
|
+
export default DrawerContent;
|
|
14
|
+
//# sourceMappingURL=DrawerContent.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DrawerContent.d.ts","sourceRoot":"","sources":["../../../../../src/components/drawer/_internal/DrawerContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAG1D;;;;;;GAMG;AACH,iBAAS,aAAa,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,kBAAkB,+BASjE;kBATQ,aAAa;;;AAatB,eAAe,aAAa,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { DrawerFooterProps } from "../Drawer.types";
|
|
2
|
+
/**
|
|
3
|
+
* Geometría v2 del slot `footer`: `flex flex-row gap-2 px-6 py-4 justify-end`
|
|
4
|
+
* (`@heroui/theme@2.4.15`, slot `footer`). v3 conserva `flex-row justify-end gap-2` pero pierde
|
|
5
|
+
* el padding y añade `.drawer__body + .drawer__footer { mt-5 }`, que v2 no tenía — de ahí el
|
|
6
|
+
* `mt-0` (mismo arreglo que `ModalFooter`).
|
|
7
|
+
*/
|
|
8
|
+
declare const DrawerFooter: {
|
|
9
|
+
({ className, children }: DrawerFooterProps): import("react").JSX.Element;
|
|
10
|
+
displayName: string;
|
|
11
|
+
};
|
|
12
|
+
export default DrawerFooter;
|
|
13
|
+
//# sourceMappingURL=DrawerFooter.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DrawerFooter.d.ts","sourceRoot":"","sources":["../../../../../src/components/drawer/_internal/DrawerFooter.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD;;;;;GAKG;AACH,QAAA,MAAM,YAAY;8BAA6B,iBAAiB;;CAI/D,CAAC;AAIF,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import type { DrawerHeaderProps } from "../Drawer.types";
|
|
2
|
+
/**
|
|
3
|
+
* Geometría v2 del slot `header`, reintroducida sobre `.drawer__header` de v3. v2 (el drawer
|
|
4
|
+
* reusaba los slots del modal): `flex py-4 px-6 flex-initial text-large font-semibold`
|
|
5
|
+
* (`@heroui/theme@2.4.15`, `chunk-YXVO2HGK.mjs`, slot `header`; `text-large` → `text-lg`).
|
|
6
|
+
* `.drawer__header` de v3 no tiene padding ni tipografía y apila en columna con `gap-3`; mismo
|
|
7
|
+
* arreglo que `ModalHeader`.
|
|
8
|
+
*
|
|
9
|
+
* El `className` del consumidor se mezcla con `cn` (tailwind-merge) en última posición, así que
|
|
10
|
+
* sigue ganando: `className="flex flex-col gap-1"` mantiene su columna y `pt-6` pisa el `py-4`.
|
|
11
|
+
*
|
|
12
|
+
* Lleva el `id` que el panel usa como `aria-labelledby`: la cabecera NOMBRA el diálogo, como en
|
|
13
|
+
* v2 (ver `Drawer.tsx`).
|
|
14
|
+
*/
|
|
15
|
+
declare const DrawerHeader: {
|
|
16
|
+
({ className, children }: DrawerHeaderProps): import("react").JSX.Element;
|
|
17
|
+
displayName: string;
|
|
18
|
+
};
|
|
19
|
+
export default DrawerHeader;
|
|
20
|
+
//# sourceMappingURL=DrawerHeader.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DrawerHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/drawer/_internal/DrawerHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAGzD;;;;;;;;;;;;GAYG;AACH,QAAA,MAAM,YAAY;8BAA6B,iBAAiB;;CAa/D,CAAC;AAIF,eAAe,YAAY,CAAC"}
|