@schandlergarcia/sf-web-components 1.6.0 → 1.7.0
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/components/library/heroui/Accordion.d.ts +6 -5
- package/dist/components/library/heroui/Accordion.js +7 -8
- package/dist/components/library/heroui/Accordion.js.map +1 -1
- package/dist/components/library/heroui/Breadcrumbs.d.ts +5 -2
- package/dist/components/library/heroui/Breadcrumbs.js +4 -5
- package/dist/components/library/heroui/Breadcrumbs.js.map +1 -1
- package/dist/components/library/heroui/Collapsible.d.ts +19 -30
- package/dist/components/library/heroui/Collapsible.js +13 -13
- package/dist/components/library/heroui/Collapsible.js.map +1 -1
- package/dist/components/library/heroui/DatePicker.d.ts +24 -52
- package/dist/components/library/heroui/DatePicker.js +5 -6
- package/dist/components/library/heroui/DatePicker.js.map +1 -1
- package/dist/components/library/heroui/Dialog.d.ts +18 -32
- package/dist/components/library/heroui/Dialog.js +6 -7
- package/dist/components/library/heroui/Dialog.js.map +1 -1
- package/dist/components/library/heroui/Drawer.d.ts +6 -2
- package/dist/components/library/heroui/Drawer.js +2 -3
- package/dist/components/library/heroui/Drawer.js.map +1 -1
- package/dist/components/library/heroui/Dropdown.d.ts +6 -2
- package/dist/components/library/heroui/Dropdown.js +2 -3
- package/dist/components/library/heroui/Dropdown.js.map +1 -1
- package/dist/components/library/heroui/Field.d.ts +19 -38
- package/dist/components/library/heroui/Field.js +9 -10
- package/dist/components/library/heroui/Field.js.map +1 -1
- package/dist/components/library/heroui/Meter.d.ts +7 -5
- package/dist/components/library/heroui/Meter.js +4 -5
- package/dist/components/library/heroui/Meter.js.map +1 -1
- package/dist/components/library/heroui/Popover.d.ts +23 -38
- package/dist/components/library/heroui/Popover.js +12 -12
- package/dist/components/library/heroui/Popover.js.map +1 -1
- package/dist/components/library/heroui/Select.d.ts +31 -37
- package/dist/components/library/heroui/Select.js +3 -4
- package/dist/components/library/heroui/Select.js.map +1 -1
- package/package.json +1 -1
- package/src/components/library/heroui/{Accordion.jsx → Accordion.tsx} +8 -3
- package/src/components/library/heroui/{Breadcrumbs.jsx → Breadcrumbs.tsx} +5 -2
- package/src/components/library/heroui/Collapsible.tsx +62 -0
- package/src/components/library/heroui/{DatePicker.jsx → DatePicker.tsx} +28 -4
- package/src/components/library/heroui/Dialog.tsx +43 -0
- package/src/components/library/heroui/{Drawer.jsx → Drawer.tsx} +6 -2
- package/src/components/library/heroui/{Dropdown.jsx → Dropdown.tsx} +6 -2
- package/src/components/library/heroui/{Field.jsx → Field.tsx} +23 -6
- package/src/components/library/heroui/Meter.tsx +13 -0
- package/src/components/library/heroui/{Popover.jsx → Popover.tsx} +29 -8
- package/src/components/library/heroui/Select.tsx +73 -0
- package/src/components/library/heroui/Collapsible.jsx +0 -42
- package/src/components/library/heroui/Dialog.jsx +0 -37
- package/src/components/library/heroui/Meter.jsx +0 -8
- package/src/components/library/heroui/Select.jsx +0 -37
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { Accordion } from "@heroui/react";
|
|
1
2
|
/**
|
|
2
3
|
* HeroUI v3 Accordion — compound component.
|
|
3
4
|
*
|
|
@@ -16,9 +17,9 @@
|
|
|
16
17
|
* </Accordion.Item>
|
|
17
18
|
* </Accordion>
|
|
18
19
|
*/
|
|
19
|
-
export
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
}
|
|
20
|
+
export interface HeroUIAccordionProps {
|
|
21
|
+
variant?: string;
|
|
22
|
+
[key: string]: any;
|
|
23
|
+
}
|
|
24
|
+
export default function HeroUIAccordion({ variant, ...props }: HeroUIAccordionProps): import("react/jsx-runtime").JSX.Element;
|
|
23
25
|
export { Accordion };
|
|
24
|
-
import { Accordion } from "@heroui/react";
|
|
@@ -1,12 +1,11 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import "react";
|
|
3
|
-
import { Accordion as
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
return /* @__PURE__ */ t(c, { variant: o, ...r });
|
|
1
|
+
import { jsx as c } from "react/jsx-runtime";
|
|
2
|
+
import { Accordion as n } from "@heroui/react";
|
|
3
|
+
import { Accordion as m } from "@heroui/react";
|
|
4
|
+
function A({ variant: o = "default", ...r }) {
|
|
5
|
+
return /* @__PURE__ */ c(n, { variant: o, ...r });
|
|
7
6
|
}
|
|
8
7
|
export {
|
|
9
|
-
|
|
10
|
-
|
|
8
|
+
m as Accordion,
|
|
9
|
+
A as default
|
|
11
10
|
};
|
|
12
11
|
//# sourceMappingURL=Accordion.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.js","sources":["../../../../src/components/library/heroui/Accordion.
|
|
1
|
+
{"version":3,"file":"Accordion.js","sources":["../../../../src/components/library/heroui/Accordion.tsx"],"sourcesContent":["import { Accordion } from \"@heroui/react\";\n\n/**\n * HeroUI v3 Accordion — compound component.\n *\n * Sub-components via dot notation on the named `Accordion` export:\n * Accordion.Item, Accordion.Heading, Accordion.Trigger,\n * Accordion.Panel, Accordion.Body, Accordion.Indicator\n *\n * @example\n * import { Accordion } from \"@/components/library\";\n * <Accordion>\n * <Accordion.Item>\n * <Accordion.Heading>\n * <Accordion.Trigger>Section 1<Accordion.Indicator /></Accordion.Trigger>\n * </Accordion.Heading>\n * <Accordion.Panel><Accordion.Body>Content</Accordion.Body></Accordion.Panel>\n * </Accordion.Item>\n * </Accordion>\n */\nexport interface HeroUIAccordionProps {\n variant?: string;\n [key: string]: any;\n}\n\nexport default function HeroUIAccordion({ variant = \"default\", ...props }: HeroUIAccordionProps) {\n const AccordionAny = Accordion as any;\n return <AccordionAny variant={variant} {...props} />;\n}\n\nexport { Accordion };\n"],"names":["HeroUIAccordion","variant","props","jsx","Accordion"],"mappings":";;;AAyBA,SAAwBA,EAAgB,EAAE,SAAAC,IAAU,WAAW,GAAGC,KAA+B;AAE/F,SAAO,gBAAAC,EADcC,GACb,EAAa,SAAAH,GAAmB,GAAGC,EAAA,CAAO;AACpD;"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { Breadcrumbs } from "@heroui/react";
|
|
1
2
|
/**
|
|
2
3
|
* HeroUI v3 Breadcrumbs — compound component.
|
|
3
4
|
*
|
|
@@ -12,6 +13,8 @@
|
|
|
12
13
|
* <Breadcrumbs.Item>Profile</Breadcrumbs.Item>
|
|
13
14
|
* </Breadcrumbs>
|
|
14
15
|
*/
|
|
15
|
-
export
|
|
16
|
+
export interface HeroUIBreadcrumbsProps {
|
|
17
|
+
[key: string]: any;
|
|
18
|
+
}
|
|
19
|
+
export default function HeroUIBreadcrumbs(props: HeroUIBreadcrumbsProps): import("react/jsx-runtime").JSX.Element;
|
|
16
20
|
export { Breadcrumbs };
|
|
17
|
-
import { Breadcrumbs } from "@heroui/react";
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import "react";
|
|
3
|
-
import { Breadcrumbs as m } from "@heroui/react";
|
|
2
|
+
import { Breadcrumbs as e } from "@heroui/react";
|
|
4
3
|
import { Breadcrumbs as s } from "@heroui/react";
|
|
5
|
-
function
|
|
6
|
-
return /* @__PURE__ */ o(
|
|
4
|
+
function u(r) {
|
|
5
|
+
return /* @__PURE__ */ o(e, { ...r });
|
|
7
6
|
}
|
|
8
7
|
export {
|
|
9
8
|
s as Breadcrumbs,
|
|
10
|
-
|
|
9
|
+
u as default
|
|
11
10
|
};
|
|
12
11
|
//# sourceMappingURL=Breadcrumbs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumbs.js","sources":["../../../../src/components/library/heroui/Breadcrumbs.
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.js","sources":["../../../../src/components/library/heroui/Breadcrumbs.tsx"],"sourcesContent":["import { Breadcrumbs } from \"@heroui/react\";\n\n/**\n * HeroUI v3 Breadcrumbs — compound component.\n *\n * Sub-components via dot notation on the named `Breadcrumbs` export:\n * Breadcrumbs.Item\n *\n * @example\n * import { Breadcrumbs } from \"@/components/library\";\n * <Breadcrumbs>\n * <Breadcrumbs.Item href=\"/\">Home</Breadcrumbs.Item>\n * <Breadcrumbs.Item href=\"/settings\">Settings</Breadcrumbs.Item>\n * <Breadcrumbs.Item>Profile</Breadcrumbs.Item>\n * </Breadcrumbs>\n */\nexport interface HeroUIBreadcrumbsProps {\n [key: string]: any;\n}\n\nexport default function HeroUIBreadcrumbs(props: HeroUIBreadcrumbsProps) {\n return <Breadcrumbs {...props} />;\n}\n\nexport { Breadcrumbs };\n"],"names":["HeroUIBreadcrumbs","props","jsx","Breadcrumbs"],"mappings":";;;AAoBA,SAAwBA,EAAkBC,GAA+B;AACvE,SAAO,gBAAAC,EAACC,GAAA,EAAa,GAAGF,EAAA,CAAO;AACjC;"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import * as React from "react";
|
|
1
2
|
/**
|
|
2
3
|
* HeroUI v3 Collapsible — maps to Accordion for shadcn compatibility.
|
|
3
4
|
*
|
|
@@ -8,33 +9,21 @@
|
|
|
8
9
|
* <CollapsibleContent>Content</CollapsibleContent>
|
|
9
10
|
* </Collapsible>
|
|
10
11
|
*/
|
|
11
|
-
export
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
open: any;
|
|
30
|
-
onOpenChange: any;
|
|
31
|
-
children: any;
|
|
32
|
-
}): import("react/jsx-runtime").JSX.Element;
|
|
33
|
-
export function CollapsibleTrigger({ children, ...props }: {
|
|
34
|
-
[x: string]: any;
|
|
35
|
-
children: any;
|
|
36
|
-
}): import("react/jsx-runtime").JSX.Element;
|
|
37
|
-
export function CollapsibleContent({ children, ...props }: {
|
|
38
|
-
[x: string]: any;
|
|
39
|
-
children: any;
|
|
40
|
-
}): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export interface HeroUICollapsibleProps {
|
|
13
|
+
open?: boolean;
|
|
14
|
+
onOpenChange?: (isOpen: boolean) => void;
|
|
15
|
+
children?: React.ReactNode;
|
|
16
|
+
[key: string]: any;
|
|
17
|
+
}
|
|
18
|
+
export default function HeroUICollapsible({ open, onOpenChange, children, ...props }: HeroUICollapsibleProps): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
export declare const Collapsible: typeof HeroUICollapsible;
|
|
20
|
+
export interface CollapsibleTriggerProps {
|
|
21
|
+
children?: React.ReactNode;
|
|
22
|
+
[key: string]: any;
|
|
23
|
+
}
|
|
24
|
+
export declare const CollapsibleTrigger: ({ children, ...props }: CollapsibleTriggerProps) => import("react/jsx-runtime").JSX.Element;
|
|
25
|
+
export interface CollapsibleContentProps {
|
|
26
|
+
children?: React.ReactNode;
|
|
27
|
+
[key: string]: any;
|
|
28
|
+
}
|
|
29
|
+
export declare const CollapsibleContent: ({ children, ...props }: CollapsibleContentProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import "react";
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
return /* @__PURE__ */
|
|
6
|
-
|
|
1
|
+
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import { Accordion as a } from "@heroui/react";
|
|
3
|
+
function p({ open: n, onOpenChange: t, children: i, ...r }) {
|
|
4
|
+
const c = n ? ["item"] : [], e = a;
|
|
5
|
+
return /* @__PURE__ */ o(
|
|
6
|
+
e,
|
|
7
7
|
{
|
|
8
|
-
selectedKeys:
|
|
9
|
-
onSelectionChange: (
|
|
10
|
-
const s = Array.from(
|
|
11
|
-
|
|
8
|
+
selectedKeys: c,
|
|
9
|
+
onSelectionChange: (l) => {
|
|
10
|
+
const s = Array.from(l).includes("item");
|
|
11
|
+
t?.(s);
|
|
12
12
|
},
|
|
13
|
-
...
|
|
14
|
-
children: /* @__PURE__ */ e
|
|
13
|
+
...r,
|
|
14
|
+
children: /* @__PURE__ */ o(e.Item, { "aria-label": "Collapsible content", children: i }, "item")
|
|
15
15
|
}
|
|
16
16
|
);
|
|
17
17
|
}
|
|
18
18
|
export {
|
|
19
|
-
|
|
19
|
+
p as default
|
|
20
20
|
};
|
|
21
21
|
//# sourceMappingURL=Collapsible.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Collapsible.js","sources":["../../../../src/components/library/heroui/Collapsible.
|
|
1
|
+
{"version":3,"file":"Collapsible.js","sources":["../../../../src/components/library/heroui/Collapsible.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Accordion } from \"@heroui/react\";\n\n/**\n * HeroUI v3 Collapsible — maps to Accordion for shadcn compatibility.\n *\n * @example\n * import { Collapsible, CollapsibleTrigger, CollapsibleContent } from \"@/components/library\";\n * <Collapsible open={isOpen} onOpenChange={setIsOpen}>\n * <CollapsibleTrigger>Toggle</CollapsibleTrigger>\n * <CollapsibleContent>Content</CollapsibleContent>\n * </Collapsible>\n */\nexport interface HeroUICollapsibleProps {\n open?: boolean;\n onOpenChange?: (isOpen: boolean) => void;\n children?: React.ReactNode;\n [key: string]: any;\n}\n\nexport default function HeroUICollapsible({ open, onOpenChange, children, ...props }: HeroUICollapsibleProps) {\n // Map shadcn props to HeroUI Accordion\n const selectedKeys = open ? [\"item\"] : [];\n const AccordionAny = Accordion as any;\n\n return (\n <AccordionAny\n selectedKeys={selectedKeys}\n onSelectionChange={(keys: any) => {\n const isOpen = Array.from(keys).includes(\"item\");\n onOpenChange?.(isOpen);\n }}\n {...props}\n >\n <AccordionAny.Item key=\"item\" aria-label=\"Collapsible content\">\n {children}\n </AccordionAny.Item>\n </AccordionAny>\n );\n}\n\nexport const Collapsible = HeroUICollapsible;\n\nexport interface CollapsibleTriggerProps {\n children?: React.ReactNode;\n [key: string]: any;\n}\n\nexport const CollapsibleTrigger = ({ children, ...props }: CollapsibleTriggerProps) => {\n const AccordionAny = Accordion as any;\n return <AccordionAny.Trigger {...props}>{children}</AccordionAny.Trigger>;\n};\n\nexport interface CollapsibleContentProps {\n children?: React.ReactNode;\n [key: string]: any;\n}\n\nexport const CollapsibleContent = ({ children, ...props }: CollapsibleContentProps) => {\n const AccordionAny = Accordion as any;\n return <AccordionAny.Panel {...props}>{children}</AccordionAny.Panel>;\n};\n"],"names":["HeroUICollapsible","open","onOpenChange","children","props","selectedKeys","AccordionAny","Accordion","jsx","keys","isOpen"],"mappings":";;AAoBA,SAAwBA,EAAkB,EAAE,MAAAC,GAAM,cAAAC,GAAc,UAAAC,GAAU,GAAGC,KAAiC;AAE5G,QAAMC,IAAeJ,IAAO,CAAC,MAAM,IAAI,CAAA,GACjCK,IAAeC;AAErB,SACE,gBAAAC;AAAA,IAACF;AAAA,IAAA;AAAA,MACC,cAAAD;AAAA,MACA,mBAAmB,CAACI,MAAc;AAChC,cAAMC,IAAS,MAAM,KAAKD,CAAI,EAAE,SAAS,MAAM;AAC/C,QAAAP,IAAeQ,CAAM;AAAA,MACvB;AAAA,MACC,GAAGN;AAAA,MAEJ,4BAACE,EAAa,MAAb,EAA6B,cAAW,uBACtC,UAAAH,KADoB,MAEvB;AAAA,IAAA;AAAA,EAAA;AAGN;"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import * as React from "react";
|
|
1
2
|
/**
|
|
2
3
|
* HeroUI v3 DatePicker — simple wrapper using Popover.
|
|
3
4
|
* Full implementation would integrate with react-day-picker.
|
|
@@ -13,55 +14,26 @@
|
|
|
13
14
|
* </DatePickerContent>
|
|
14
15
|
* </DatePicker>
|
|
15
16
|
*/
|
|
16
|
-
export
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
}
|
|
39
|
-
export function DatePickerTrigger({ children, date, dateFormat, placeholder, className, ...props }: {
|
|
40
|
-
[x: string]: any;
|
|
41
|
-
children: any;
|
|
42
|
-
date: any;
|
|
43
|
-
dateFormat: any;
|
|
44
|
-
placeholder: any;
|
|
45
|
-
className?: string | undefined;
|
|
46
|
-
}): import("react/jsx-runtime").JSX.Element;
|
|
47
|
-
export const DatePickerContent: ({ children, open, className, align, sideOffset, ...props }: {
|
|
48
|
-
[x: string]: any;
|
|
49
|
-
children: any;
|
|
50
|
-
open: any;
|
|
51
|
-
className?: string | undefined;
|
|
52
|
-
align?: string | undefined;
|
|
53
|
-
sideOffset?: number | undefined;
|
|
54
|
-
}) => import("react/jsx-runtime").JSX.Element | null;
|
|
55
|
-
export function DatePickerCalendar({ date, onSelect, ...props }: {
|
|
56
|
-
[x: string]: any;
|
|
57
|
-
date: any;
|
|
58
|
-
onSelect: any;
|
|
59
|
-
}): import("react/jsx-runtime").JSX.Element;
|
|
60
|
-
export function DatePickerRangeTrigger({ children, date, dateFormat, placeholder, className, ...props }: {
|
|
61
|
-
[x: string]: any;
|
|
62
|
-
children: any;
|
|
63
|
-
date: any;
|
|
64
|
-
dateFormat: any;
|
|
65
|
-
placeholder: any;
|
|
66
|
-
className?: string | undefined;
|
|
67
|
-
}): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
export interface HeroUIDatePickerProps {
|
|
18
|
+
children?: React.ReactNode;
|
|
19
|
+
[key: string]: any;
|
|
20
|
+
}
|
|
21
|
+
export default function HeroUIDatePicker({ children, ...props }: HeroUIDatePickerProps): import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
export declare const DatePicker: typeof HeroUIDatePicker;
|
|
23
|
+
export interface DatePickerTriggerProps {
|
|
24
|
+
children?: React.ReactNode;
|
|
25
|
+
date?: Date;
|
|
26
|
+
dateFormat?: string;
|
|
27
|
+
placeholder?: string;
|
|
28
|
+
className?: string;
|
|
29
|
+
[key: string]: any;
|
|
30
|
+
}
|
|
31
|
+
export declare const DatePickerTrigger: ({ children, date, dateFormat, placeholder, className, ...props }: DatePickerTriggerProps) => import("react/jsx-runtime").JSX.Element;
|
|
32
|
+
export declare const DatePickerContent: ({ children, open, className, align, sideOffset, ...props }: import("./Popover").PopoverContentProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
33
|
+
export interface DatePickerCalendarProps {
|
|
34
|
+
date?: Date;
|
|
35
|
+
onSelect?: (date: Date) => void;
|
|
36
|
+
[key: string]: any;
|
|
37
|
+
}
|
|
38
|
+
export declare const DatePickerCalendar: ({ date, onSelect, ...props }: DatePickerCalendarProps) => import("react/jsx-runtime").JSX.Element;
|
|
39
|
+
export declare const DatePickerRangeTrigger: ({ children, date, dateFormat, placeholder, className, ...props }: DatePickerTriggerProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,15 +1,14 @@
|
|
|
1
1
|
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import "react";
|
|
3
2
|
import { PopoverContent as c, Popover as n, PopoverTrigger as i } from "./Popover.js";
|
|
4
3
|
function s({ children: e, ...t }) {
|
|
5
4
|
return /* @__PURE__ */ r(n, { ...t, children: e });
|
|
6
5
|
}
|
|
7
|
-
const
|
|
6
|
+
const g = s, l = ({ children: e, date: t, dateFormat: a, placeholder: d, className: p = "", ...o }) => /* @__PURE__ */ r(i, { ...o, children: e }), k = c, D = ({ date: e, onSelect: t, ...a }) => /* @__PURE__ */ r("div", { className: "p-4", ...a, children: /* @__PURE__ */ r("p", { className: "text-sm text-slate-500", children: "Calendar placeholder - integrate react-day-picker here" }) }), h = l;
|
|
8
7
|
export {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
8
|
+
g as DatePicker,
|
|
9
|
+
D as DatePickerCalendar,
|
|
10
|
+
k as DatePickerContent,
|
|
11
|
+
h as DatePickerRangeTrigger,
|
|
13
12
|
l as DatePickerTrigger,
|
|
14
13
|
s as default
|
|
15
14
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sources":["../../../../src/components/library/heroui/DatePicker.
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sources":["../../../../src/components/library/heroui/DatePicker.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Popover, PopoverTrigger, PopoverContent } from \"./Popover\";\n\n/**\n * HeroUI v3 DatePicker — simple wrapper using Popover.\n * Full implementation would integrate with react-day-picker.\n *\n * @example\n * import { DatePicker, DatePickerTrigger, DatePickerContent } from \"@/components/library\";\n * <DatePicker>\n * <DatePickerTrigger>\n * <button>Select date</button>\n * </DatePickerTrigger>\n * <DatePickerContent>\n * <DatePickerCalendar />\n * </DatePickerContent>\n * </DatePicker>\n */\nexport interface HeroUIDatePickerProps {\n children?: React.ReactNode;\n [key: string]: any;\n}\n\nexport default function HeroUIDatePicker({ children, ...props }: HeroUIDatePickerProps) {\n return <Popover {...props}>{children}</Popover>;\n}\n\nexport const DatePicker = HeroUIDatePicker;\n\nexport interface DatePickerTriggerProps {\n children?: React.ReactNode;\n date?: Date;\n dateFormat?: string;\n placeholder?: string;\n className?: string;\n [key: string]: any;\n}\n\nexport const DatePickerTrigger = ({ children, date, dateFormat, placeholder, className = \"\", ...props }: DatePickerTriggerProps) => {\n // Accept shadcn DatePicker props but just pass through as trigger\n return <PopoverTrigger {...props}>{children}</PopoverTrigger>;\n};\n\nexport const DatePickerContent = PopoverContent;\n\nexport interface DatePickerCalendarProps {\n date?: Date;\n onSelect?: (date: Date) => void;\n [key: string]: any;\n}\n\nexport const DatePickerCalendar = ({ date, onSelect, ...props }: DatePickerCalendarProps) => (\n <div className=\"p-4\" {...props}>\n <p className=\"text-sm text-slate-500\">Calendar placeholder - integrate react-day-picker here</p>\n </div>\n);\n\nexport const DatePickerRangeTrigger = DatePickerTrigger;\n"],"names":["HeroUIDatePicker","children","props","jsx","Popover","DatePicker","DatePickerTrigger","date","dateFormat","placeholder","className","PopoverTrigger","DatePickerContent","PopoverContent","DatePickerCalendar","onSelect","DatePickerRangeTrigger"],"mappings":";;AAuBA,SAAwBA,EAAiB,EAAE,UAAAC,GAAU,GAAGC,KAAgC;AACtF,SAAO,gBAAAC,EAACC,GAAA,EAAS,GAAGF,GAAQ,UAAAD,EAAA,CAAS;AACvC;AAEO,MAAMI,IAAaL,GAWbM,IAAoB,CAAC,EAAE,UAAAL,GAAU,MAAAM,GAAM,YAAAC,GAAY,aAAAC,GAAa,WAAAC,IAAY,IAAI,GAAGR,QAEvF,gBAAAC,EAACQ,GAAA,EAAgB,GAAGT,GAAQ,UAAAD,EAAA,CAAS,GAGjCW,IAAoBC,GAQpBC,IAAqB,CAAC,EAAE,MAAAP,GAAM,UAAAQ,GAAU,GAAGb,QACtD,gBAAAC,EAAC,SAAI,WAAU,OAAO,GAAGD,GACvB,UAAA,gBAAAC,EAAC,OAAE,WAAU,0BAAyB,oEAAsD,EAAA,CAC9F,GAGWa,IAAyBV;"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import * as React from "react";
|
|
1
2
|
/**
|
|
2
3
|
* HeroUI v3 Dialog — maps to Modal for shadcn compatibility.
|
|
3
4
|
*
|
|
@@ -17,35 +18,20 @@
|
|
|
17
18
|
* </DialogContent>
|
|
18
19
|
* </Dialog>
|
|
19
20
|
*/
|
|
20
|
-
export
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
* </DialogContent>
|
|
38
|
-
* </Dialog>
|
|
39
|
-
*/
|
|
40
|
-
export function Dialog(props: any): import("react/jsx-runtime").JSX.Element;
|
|
41
|
-
export const DialogTrigger: ({ children, className, ...props }: import("@heroui/react").ModalTriggerProps) => import("react/jsx-runtime").JSX.Element;
|
|
42
|
-
export function DialogPortal({ children }: {
|
|
43
|
-
children: any;
|
|
44
|
-
}): import("react/jsx-runtime").JSX.Element;
|
|
45
|
-
export const DialogClose: ({ className, ...rest }: import("@heroui/react").ModalCloseTriggerProps) => import("react/jsx-runtime").JSX.Element;
|
|
46
|
-
export const DialogOverlay: ({ children, className, isDismissable, onClick, variant, ...props }: import("@heroui/react").ModalBackdropProps) => import("react/jsx-runtime").JSX.Element;
|
|
47
|
-
export const DialogContent: ({ children, className, ...props }: import("@heroui/react").ModalDialogProps) => import("react/jsx-runtime").JSX.Element;
|
|
48
|
-
export const DialogHeader: ({ children, className, ...props }: import("@heroui/react").ModalHeaderProps) => import("react/jsx-runtime").JSX.Element;
|
|
49
|
-
export const DialogFooter: ({ children, className, ...props }: import("@heroui/react").ModalFooterProps) => import("react/jsx-runtime").JSX.Element;
|
|
50
|
-
export const DialogTitle: ({ children, className, ...props }: import("@heroui/react").ModalHeadingProps) => import("react/jsx-runtime").JSX.Element;
|
|
51
|
-
export function DialogDescription(props: any): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
export interface HeroUIDialogProps {
|
|
22
|
+
children: React.ReactNode;
|
|
23
|
+
[key: string]: any;
|
|
24
|
+
}
|
|
25
|
+
export default function HeroUIDialog(props: HeroUIDialogProps): import("react/jsx-runtime").JSX.Element;
|
|
26
|
+
export declare const Dialog: typeof HeroUIDialog;
|
|
27
|
+
export declare const DialogTrigger: any;
|
|
28
|
+
export declare const DialogPortal: ({ children }: {
|
|
29
|
+
children: React.ReactNode;
|
|
30
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
31
|
+
export declare const DialogClose: any;
|
|
32
|
+
export declare const DialogOverlay: any;
|
|
33
|
+
export declare const DialogContent: any;
|
|
34
|
+
export declare const DialogHeader: any;
|
|
35
|
+
export declare const DialogFooter: any;
|
|
36
|
+
export declare const DialogTitle: any;
|
|
37
|
+
export declare const DialogDescription: (props: any) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,10 +1,9 @@
|
|
|
1
|
-
import { jsx as t, Fragment as
|
|
2
|
-
import "react";
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
return /* @__PURE__ */ t(i, { ...o });
|
|
1
|
+
import { jsx as t, Fragment as n } from "react/jsx-runtime";
|
|
2
|
+
import { Modal as a } from "@heroui/react";
|
|
3
|
+
function r(o) {
|
|
4
|
+
return /* @__PURE__ */ t(a, { ...o });
|
|
6
5
|
}
|
|
7
|
-
const l = a, s = i.Trigger || ((o) => /* @__PURE__ */ t("button", { ...o })), c = ({ children: o }) => /* @__PURE__ */ t(
|
|
6
|
+
const l = r, i = a, s = i.Trigger || ((o) => /* @__PURE__ */ t("button", { ...o })), c = ({ children: o }) => /* @__PURE__ */ t(n, { children: o }), D = i.CloseTrigger || ((o) => /* @__PURE__ */ t("button", { ...o })), d = i.Backdrop || ((o) => /* @__PURE__ */ t("div", { ...o })), p = i.Dialog || i.Container || ((o) => /* @__PURE__ */ t("div", { ...o })), m = i.Header || ((o) => /* @__PURE__ */ t("div", { ...o })), u = i.Footer || ((o) => /* @__PURE__ */ t("div", { ...o })), v = i.Heading || ((o) => /* @__PURE__ */ t("h2", { ...o })), f = (o) => /* @__PURE__ */ t("p", { ...o });
|
|
8
7
|
export {
|
|
9
8
|
l as Dialog,
|
|
10
9
|
D as DialogClose,
|
|
@@ -16,6 +15,6 @@ export {
|
|
|
16
15
|
c as DialogPortal,
|
|
17
16
|
v as DialogTitle,
|
|
18
17
|
s as DialogTrigger,
|
|
19
|
-
|
|
18
|
+
r as default
|
|
20
19
|
};
|
|
21
20
|
//# sourceMappingURL=Dialog.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.js","sources":["../../../../src/components/library/heroui/Dialog.
|
|
1
|
+
{"version":3,"file":"Dialog.js","sources":["../../../../src/components/library/heroui/Dialog.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Modal } from \"@heroui/react\";\n\n/**\n * HeroUI v3 Dialog — maps to Modal for shadcn compatibility.\n *\n * Sub-components via dot notation on the named `Modal` export:\n * Modal.Backdrop, Modal.Container, Modal.Dialog,\n * Modal.CloseTrigger, Modal.Header, Modal.Icon,\n * Modal.Heading, Modal.Body, Modal.Footer\n *\n * @example\n * import { Dialog, DialogTrigger, DialogContent } from \"@/components/library\";\n * <Dialog>\n * <DialogTrigger>Open</DialogTrigger>\n * <DialogContent>\n * <DialogHeader><DialogTitle>Title</DialogTitle></DialogHeader>\n * <DialogDescription>Content</DialogDescription>\n * <DialogFooter>Actions</DialogFooter>\n * </DialogContent>\n * </Dialog>\n */\nexport interface HeroUIDialogProps {\n children: React.ReactNode;\n [key: string]: any;\n}\n\nexport default function HeroUIDialog(props: HeroUIDialogProps) {\n return <Modal {...props} />;\n}\n\n// Shadcn-compatible exports\nexport const Dialog = HeroUIDialog;\nconst ModalAny = Modal as any;\nexport const DialogTrigger = ModalAny.Trigger || ((props: any) => <button {...props} />);\nexport const DialogPortal = ({ children }: { children: React.ReactNode }) => <>{children}</>;\nexport const DialogClose = ModalAny.CloseTrigger || ((props: any) => <button {...props} />);\nexport const DialogOverlay = ModalAny.Backdrop || ((props: any) => <div {...props} />);\nexport const DialogContent = ModalAny.Dialog || ModalAny.Container || ((props: any) => <div {...props} />);\nexport const DialogHeader = ModalAny.Header || ((props: any) => <div {...props} />);\nexport const DialogFooter = ModalAny.Footer || ((props: any) => <div {...props} />);\nexport const DialogTitle = ModalAny.Heading || ((props: any) => <h2 {...props} />);\nexport const DialogDescription = (props: any) => <p {...props} />;\n"],"names":["HeroUIDialog","props","jsx","Modal","Dialog","ModalAny","DialogTrigger","DialogPortal","children","DialogClose","DialogOverlay","DialogContent","DialogHeader","DialogFooter","DialogTitle","DialogDescription"],"mappings":";;AA2BA,SAAwBA,EAAaC,GAA0B;AAC7D,SAAO,gBAAAC,EAACC,GAAA,EAAO,GAAGF,EAAA,CAAO;AAC3B;AAGO,MAAMG,IAASJ,GAChBK,IAAWF,GACJG,IAAgBD,EAAS,YAAY,CAACJ,MAAe,gBAAAC,EAAC,UAAA,EAAQ,GAAGD,GAAO,IACxEM,IAAe,CAAC,EAAE,UAAAC,EAAA,6BAAiD,UAAAA,EAAA,CAAS,GAC5EC,IAAcJ,EAAS,iBAAiB,CAACJ,MAAe,gBAAAC,EAAC,UAAA,EAAQ,GAAGD,GAAO,IAC3ES,IAAgBL,EAAS,aAAa,CAACJ,MAAe,gBAAAC,EAAC,OAAA,EAAK,GAAGD,GAAO,IACtEU,IAAgBN,EAAS,UAAUA,EAAS,cAAc,CAACJ,MAAe,gBAAAC,EAAC,OAAA,EAAK,GAAGD,EAAA,CAAO,IAC1FW,IAAeP,EAAS,WAAW,CAACJ,MAAe,gBAAAC,EAAC,OAAA,EAAK,GAAGD,GAAO,IACnEY,IAAeR,EAAS,WAAW,CAACJ,MAAe,gBAAAC,EAAC,OAAA,EAAK,GAAGD,GAAO,IACnEa,IAAcT,EAAS,YAAY,CAACJ,MAAe,gBAAAC,EAAC,MAAA,EAAI,GAAGD,GAAO,IAClEc,IAAoB,CAACd,MAAe,gBAAAC,EAAC,KAAA,EAAG,GAAGD,EAAA,CAAO;"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { Drawer } from "@heroui/react";
|
|
1
2
|
/**
|
|
2
3
|
* HeroUI v3 Drawer — compound component.
|
|
3
4
|
*
|
|
@@ -22,6 +23,9 @@
|
|
|
22
23
|
* </Drawer.Backdrop>
|
|
23
24
|
* </Drawer>
|
|
24
25
|
*/
|
|
25
|
-
export
|
|
26
|
+
export interface HeroUIDrawerProps {
|
|
27
|
+
children: React.ReactNode;
|
|
28
|
+
[key: string]: any;
|
|
29
|
+
}
|
|
30
|
+
export default function HeroUIDrawer(props: HeroUIDrawerProps): import("react/jsx-runtime").JSX.Element;
|
|
26
31
|
export { Drawer };
|
|
27
|
-
import { Drawer } from "@heroui/react";
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import "react";
|
|
3
2
|
import { Drawer as e } from "@heroui/react";
|
|
4
|
-
import { Drawer as
|
|
3
|
+
import { Drawer as i } from "@heroui/react";
|
|
5
4
|
function f(r) {
|
|
6
5
|
return /* @__PURE__ */ o(e, { ...r });
|
|
7
6
|
}
|
|
8
7
|
export {
|
|
9
|
-
|
|
8
|
+
i as Drawer,
|
|
10
9
|
f as default
|
|
11
10
|
};
|
|
12
11
|
//# sourceMappingURL=Drawer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Drawer.js","sources":["../../../../src/components/library/heroui/Drawer.
|
|
1
|
+
{"version":3,"file":"Drawer.js","sources":["../../../../src/components/library/heroui/Drawer.tsx"],"sourcesContent":["import { Drawer } from \"@heroui/react\";\n\n/**\n * HeroUI v3 Drawer — compound component.\n *\n * Sub-components via dot notation on the named `Drawer` export:\n * Drawer.Backdrop, Drawer.Content, Drawer.Dialog,\n * Drawer.Header, Drawer.Heading, Drawer.Body, Drawer.Footer,\n * Drawer.Handle, Drawer.CloseTrigger\n *\n * @example\n * import { Drawer } from \"@/components/library\";\n * <Drawer>\n * <Button>Open</Button>\n * <Drawer.Backdrop>\n * <Drawer.Content placement=\"right\">\n * <Drawer.Dialog>\n * <Drawer.CloseTrigger />\n * <Drawer.Header><Drawer.Heading>Details</Drawer.Heading></Drawer.Header>\n * <Drawer.Body>…</Drawer.Body>\n * <Drawer.Footer>…</Drawer.Footer>\n * </Drawer.Dialog>\n * </Drawer.Content>\n * </Drawer.Backdrop>\n * </Drawer>\n */\nexport interface HeroUIDrawerProps {\n children: React.ReactNode;\n [key: string]: any;\n}\n\nexport default function HeroUIDrawer(props: HeroUIDrawerProps) {\n return <Drawer {...props} />;\n}\n\nexport { Drawer };\n"],"names":["HeroUIDrawer","props","jsx","Drawer"],"mappings":";;;AA+BA,SAAwBA,EAAaC,GAA0B;AAC7D,SAAO,gBAAAC,EAACC,GAAA,EAAQ,GAAGF,EAAA,CAAO;AAC5B;"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { Dropdown } from "@heroui/react";
|
|
1
2
|
/**
|
|
2
3
|
* HeroUI v3 Dropdown — compound component.
|
|
3
4
|
*
|
|
@@ -18,6 +19,9 @@
|
|
|
18
19
|
* </Dropdown.Popover>
|
|
19
20
|
* </Dropdown>
|
|
20
21
|
*/
|
|
21
|
-
export
|
|
22
|
+
export interface HeroUIDropdownProps {
|
|
23
|
+
children: React.ReactNode;
|
|
24
|
+
[key: string]: any;
|
|
25
|
+
}
|
|
26
|
+
export default function HeroUIDropdown(props: HeroUIDropdownProps): import("react/jsx-runtime").JSX.Element;
|
|
22
27
|
export { Dropdown };
|
|
23
|
-
import { Dropdown } from "@heroui/react";
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import "react";
|
|
3
2
|
import { Dropdown as p } from "@heroui/react";
|
|
4
|
-
import { Dropdown as
|
|
3
|
+
import { Dropdown as d } from "@heroui/react";
|
|
5
4
|
function e(o) {
|
|
6
5
|
return /* @__PURE__ */ r(p, { ...o });
|
|
7
6
|
}
|
|
8
7
|
export {
|
|
9
|
-
|
|
8
|
+
d as Dropdown,
|
|
10
9
|
e as default
|
|
11
10
|
};
|
|
12
11
|
//# sourceMappingURL=Dropdown.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sources":["../../../../src/components/library/heroui/Dropdown.
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sources":["../../../../src/components/library/heroui/Dropdown.tsx"],"sourcesContent":["import { Dropdown } from \"@heroui/react\";\n\n/**\n * HeroUI v3 Dropdown — compound component.\n *\n * Sub-components via dot notation on the named `Dropdown` export:\n * Dropdown.Trigger, Dropdown.Popover, Dropdown.Menu,\n * Dropdown.Item, Dropdown.Section, Dropdown.ItemIndicator,\n * Dropdown.SubmenuTrigger, Dropdown.SubmenuIndicator\n *\n * @example\n * import { Dropdown } from \"@/components/library\";\n * <Dropdown>\n * <Button>Actions</Button>\n * <Dropdown.Popover>\n * <Dropdown.Menu onAction={(key) => console.log(key)}>\n * <Dropdown.Item id=\"edit\" textValue=\"Edit\"><Label>Edit</Label></Dropdown.Item>\n * <Dropdown.Item id=\"delete\" textValue=\"Delete\" variant=\"danger\"><Label>Delete</Label></Dropdown.Item>\n * </Dropdown.Menu>\n * </Dropdown.Popover>\n * </Dropdown>\n */\nexport interface HeroUIDropdownProps {\n children: React.ReactNode;\n [key: string]: any;\n}\n\nexport default function HeroUIDropdown(props: HeroUIDropdownProps) {\n return <Dropdown {...props} />;\n}\n\nexport { Dropdown };\n"],"names":["HeroUIDropdown","props","jsx","Dropdown"],"mappings":";;;AA2BA,SAAwBA,EAAeC,GAA4B;AACjE,SAAO,gBAAAC,EAACC,GAAA,EAAU,GAAGF,EAAA,CAAO;AAC9B;"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import * as React from "react";
|
|
1
2
|
/**
|
|
2
3
|
* HeroUI v3 Field components — simple wrappers for form field layout.
|
|
3
4
|
*
|
|
@@ -9,41 +10,21 @@
|
|
|
9
10
|
* <FieldError>Required</FieldError>
|
|
10
11
|
* </Field>
|
|
11
12
|
*/
|
|
12
|
-
export
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
className?: string | undefined;
|
|
31
|
-
children: any;
|
|
32
|
-
}): import("react/jsx-runtime").JSX.Element;
|
|
33
|
-
export function FieldLabel({ className, htmlFor, children, ...props }: {
|
|
34
|
-
[x: string]: any;
|
|
35
|
-
className?: string | undefined;
|
|
36
|
-
htmlFor: any;
|
|
37
|
-
children: any;
|
|
38
|
-
}): import("react/jsx-runtime").JSX.Element;
|
|
39
|
-
export function FieldDescription({ className, children, ...props }: {
|
|
40
|
-
[x: string]: any;
|
|
41
|
-
className?: string | undefined;
|
|
42
|
-
children: any;
|
|
43
|
-
}): import("react/jsx-runtime").JSX.Element;
|
|
44
|
-
export function FieldError({ className, errors, children, ...props }: {
|
|
45
|
-
[x: string]: any;
|
|
46
|
-
className?: string | undefined;
|
|
47
|
-
errors: any;
|
|
48
|
-
children: any;
|
|
49
|
-
}): import("react/jsx-runtime").JSX.Element | null;
|
|
13
|
+
export interface HeroUIFieldProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
14
|
+
children?: React.ReactNode;
|
|
15
|
+
}
|
|
16
|
+
export default function HeroUIField({ className, children, ...props }: HeroUIFieldProps): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
export declare const Field: typeof HeroUIField;
|
|
18
|
+
export interface FieldLabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
|
|
19
|
+
children?: React.ReactNode;
|
|
20
|
+
}
|
|
21
|
+
export declare const FieldLabel: ({ className, htmlFor, children, ...props }: FieldLabelProps) => import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
export interface FieldDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {
|
|
23
|
+
children?: React.ReactNode;
|
|
24
|
+
}
|
|
25
|
+
export declare const FieldDescription: ({ className, children, ...props }: FieldDescriptionProps) => import("react/jsx-runtime").JSX.Element;
|
|
26
|
+
export interface FieldErrorProps extends React.HTMLAttributes<HTMLParagraphElement> {
|
|
27
|
+
errors?: string[];
|
|
28
|
+
children?: React.ReactNode;
|
|
29
|
+
}
|
|
30
|
+
export declare const FieldError: ({ className, errors, children, ...props }: FieldErrorProps) => import("react/jsx-runtime").JSX.Element | null;
|