@schandlergarcia/sf-web-components 1.1.3 → 1.1.4
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/cards/ListCard.js +15 -15
- package/dist/components/library/cards/TableCard.js +22 -22
- package/dist/components/library/cards/TableCard.js.map +1 -1
- package/dist/components/library/cards/WidgetCard.js +4 -4
- package/dist/components/library/charts/D3Chart.js.map +1 -1
- package/dist/components/library/data/DataModeProvider.js +9 -9
- package/dist/components/library/data/DataModeProvider.js.map +1 -1
- package/dist/components/library/index.d.ts +8 -0
- package/dist/components/library/theme/AppThemeProvider.js +4 -4
- package/dist/components/library/theme/AppThemeProvider.js.map +1 -1
- package/dist/components/library/ui/Avatar.js +8 -8
- package/dist/components/library/ui/BreadcrumbExtras.d.ts +9 -0
- package/dist/components/library/ui/BreadcrumbExtras.js +109 -0
- package/dist/components/library/ui/BreadcrumbExtras.js.map +1 -0
- package/dist/components/library/ui/PaginationExtras.d.ts +11 -0
- package/dist/components/library/ui/PaginationExtras.js +138 -0
- package/dist/components/library/ui/PaginationExtras.js.map +1 -0
- package/dist/components/library/ui/collapsible.d.ts +5 -4
- package/dist/components/library/ui/collapsible.js +18 -24
- package/dist/components/library/ui/collapsible.js.map +1 -1
- package/dist/components/library/ui/datePicker.d.ts +10 -18
- package/dist/components/library/ui/datePicker.js +18 -85
- package/dist/components/library/ui/datePicker.js.map +1 -1
- package/dist/components/library/ui/dialog.d.ts +5 -7
- package/dist/components/library/ui/dialog.js +94 -108
- package/dist/components/library/ui/dialog.js.map +1 -1
- package/dist/components/library/ui/field.d.ts +6 -25
- package/dist/components/library/ui/field.js +52 -184
- package/dist/components/library/ui/field.js.map +1 -1
- package/dist/components/library/ui/popover.d.ts +3 -7
- package/dist/components/library/ui/popover.js +24 -28
- package/dist/components/library/ui/popover.js.map +1 -1
- package/dist/components/library/ui/select.d.ts +5 -12
- package/dist/components/library/ui/select.js +79 -155
- package/dist/components/library/ui/select.js.map +1 -1
- package/dist/index.js +227 -176
- package/dist/index.js.map +1 -1
- package/dist/node_modules/@radix-ui/react-collapsible/dist/index.js +25 -23
- package/dist/node_modules/@radix-ui/react-collapsible/dist/index.js.map +1 -1
- package/dist/node_modules/@radix-ui/react-select/dist/index.js +252 -257
- package/dist/node_modules/@radix-ui/react-select/dist/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
import { jsx as a, jsxs as l } from "react/jsx-runtime";
|
|
2
|
+
function o({ className: e, children: r, ...t }) {
|
|
3
|
+
return /* @__PURE__ */ a("nav", { "aria-label": "breadcrumb", className: e, ...t, children: r });
|
|
4
|
+
}
|
|
5
|
+
function s({ className: e, children: r, ...t }) {
|
|
6
|
+
return /* @__PURE__ */ a(
|
|
7
|
+
"ol",
|
|
8
|
+
{
|
|
9
|
+
className: [
|
|
10
|
+
"flex flex-wrap items-center gap-1.5 break-words text-sm text-slate-500 dark:text-slate-400",
|
|
11
|
+
e
|
|
12
|
+
].filter(Boolean).join(" "),
|
|
13
|
+
...t,
|
|
14
|
+
children: r
|
|
15
|
+
}
|
|
16
|
+
);
|
|
17
|
+
}
|
|
18
|
+
function c({ className: e, children: r, ...t }) {
|
|
19
|
+
return /* @__PURE__ */ a(
|
|
20
|
+
"li",
|
|
21
|
+
{
|
|
22
|
+
className: [
|
|
23
|
+
"inline-flex items-center gap-1.5",
|
|
24
|
+
e
|
|
25
|
+
].filter(Boolean).join(" "),
|
|
26
|
+
...t,
|
|
27
|
+
children: r
|
|
28
|
+
}
|
|
29
|
+
);
|
|
30
|
+
}
|
|
31
|
+
function u({ className: e, href: r, children: t, ...n }) {
|
|
32
|
+
return /* @__PURE__ */ a(
|
|
33
|
+
"a",
|
|
34
|
+
{
|
|
35
|
+
href: r || "#",
|
|
36
|
+
className: [
|
|
37
|
+
"transition-colors hover:text-slate-900 dark:hover:text-slate-50",
|
|
38
|
+
e
|
|
39
|
+
].filter(Boolean).join(" "),
|
|
40
|
+
...n,
|
|
41
|
+
children: t
|
|
42
|
+
}
|
|
43
|
+
);
|
|
44
|
+
}
|
|
45
|
+
function d({ className: e, children: r, ...t }) {
|
|
46
|
+
return /* @__PURE__ */ a(
|
|
47
|
+
"span",
|
|
48
|
+
{
|
|
49
|
+
role: "link",
|
|
50
|
+
"aria-disabled": "true",
|
|
51
|
+
"aria-current": "page",
|
|
52
|
+
className: [
|
|
53
|
+
"font-normal text-slate-900 dark:text-slate-50",
|
|
54
|
+
e
|
|
55
|
+
].filter(Boolean).join(" "),
|
|
56
|
+
...t,
|
|
57
|
+
children: r
|
|
58
|
+
}
|
|
59
|
+
);
|
|
60
|
+
}
|
|
61
|
+
function f({ children: e, className: r, ...t }) {
|
|
62
|
+
return /* @__PURE__ */ a(
|
|
63
|
+
"li",
|
|
64
|
+
{
|
|
65
|
+
role: "presentation",
|
|
66
|
+
"aria-hidden": "true",
|
|
67
|
+
className: [
|
|
68
|
+
"select-none",
|
|
69
|
+
r
|
|
70
|
+
].filter(Boolean).join(" "),
|
|
71
|
+
...t,
|
|
72
|
+
children: e ?? "/"
|
|
73
|
+
}
|
|
74
|
+
);
|
|
75
|
+
}
|
|
76
|
+
function m({ className: e, ...r }) {
|
|
77
|
+
return /* @__PURE__ */ l(
|
|
78
|
+
"span",
|
|
79
|
+
{
|
|
80
|
+
role: "presentation",
|
|
81
|
+
"aria-hidden": "true",
|
|
82
|
+
className: [
|
|
83
|
+
"flex h-9 w-9 items-center justify-center",
|
|
84
|
+
e
|
|
85
|
+
].filter(Boolean).join(" "),
|
|
86
|
+
...r,
|
|
87
|
+
children: [
|
|
88
|
+
/* @__PURE__ */ a("svg", { width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", children: /* @__PURE__ */ a(
|
|
89
|
+
"path",
|
|
90
|
+
{
|
|
91
|
+
d: "M3.625 7.5C3.625 8.12132 3.12132 8.625 2.5 8.625C1.87868 8.625 1.375 8.12132 1.375 7.5C1.375 6.87868 1.87868 6.375 2.5 6.375C3.12132 6.375 3.625 6.87868 3.625 7.5ZM8.625 7.5C8.625 8.12132 8.12132 8.625 7.5 8.625C6.87868 8.625 6.375 8.12132 6.375 7.5C6.375 6.87868 6.87868 6.375 7.5 6.375C8.12132 6.375 8.625 6.87868 8.625 7.5ZM12.5 8.625C13.1213 8.625 13.625 8.12132 13.625 7.5C13.625 6.87868 13.1213 6.375 12.5 6.375C11.8787 6.375 11.375 6.87868 11.375 7.5C11.375 8.12132 11.8787 8.625 12.5 8.625Z",
|
|
92
|
+
fill: "currentColor"
|
|
93
|
+
}
|
|
94
|
+
) }),
|
|
95
|
+
/* @__PURE__ */ a("span", { className: "sr-only", children: "More" })
|
|
96
|
+
]
|
|
97
|
+
}
|
|
98
|
+
);
|
|
99
|
+
}
|
|
100
|
+
export {
|
|
101
|
+
o as Breadcrumb,
|
|
102
|
+
m as BreadcrumbEllipsis,
|
|
103
|
+
c as BreadcrumbItem,
|
|
104
|
+
u as BreadcrumbLink,
|
|
105
|
+
s as BreadcrumbList,
|
|
106
|
+
d as BreadcrumbPage,
|
|
107
|
+
f as BreadcrumbSeparator
|
|
108
|
+
};
|
|
109
|
+
//# sourceMappingURL=BreadcrumbExtras.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BreadcrumbExtras.js","sources":["../../../../src/components/library/ui/BreadcrumbExtras.tsx"],"sourcesContent":["import * as React from \"react\";\n\n// Shadcn-style Breadcrumb subcomponents to work with HeroUI Breadcrumbs\n\nfunction Breadcrumb({ className, children, ...props }: React.ComponentProps<\"nav\">) {\n return (\n <nav aria-label=\"breadcrumb\" className={className} {...props}>\n {children}\n </nav>\n );\n}\n\nfunction BreadcrumbList({ className, children, ...props }: React.ComponentProps<\"ol\">) {\n return (\n <ol\n className={[\n \"flex flex-wrap items-center gap-1.5 break-words text-sm text-slate-500 dark:text-slate-400\",\n className\n ].filter(Boolean).join(\" \")}\n {...props}\n >\n {children}\n </ol>\n );\n}\n\nfunction BreadcrumbItem({ className, children, ...props }: React.ComponentProps<\"li\">) {\n return (\n <li\n className={[\n \"inline-flex items-center gap-1.5\",\n className\n ].filter(Boolean).join(\" \")}\n {...props}\n >\n {children}\n </li>\n );\n}\n\nfunction BreadcrumbLink({ className, href, children, ...props }: React.ComponentProps<\"a\">) {\n return (\n <a\n href={href || \"#\"}\n className={[\n \"transition-colors hover:text-slate-900 dark:hover:text-slate-50\",\n className\n ].filter(Boolean).join(\" \")}\n {...props}\n >\n {children}\n </a>\n );\n}\n\nfunction BreadcrumbPage({ className, children, ...props }: React.ComponentProps<\"span\">) {\n return (\n <span\n role=\"link\"\n aria-disabled=\"true\"\n aria-current=\"page\"\n className={[\n \"font-normal text-slate-900 dark:text-slate-50\",\n className\n ].filter(Boolean).join(\" \")}\n {...props}\n >\n {children}\n </span>\n );\n}\n\nfunction BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<\"li\">) {\n return (\n <li\n role=\"presentation\"\n aria-hidden=\"true\"\n className={[\n \"select-none\",\n className\n ].filter(Boolean).join(\" \")}\n {...props}\n >\n {children ?? \"/\"}\n </li>\n );\n}\n\nfunction BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<\"span\">) {\n return (\n <span\n role=\"presentation\"\n aria-hidden=\"true\"\n className={[\n \"flex h-9 w-9 items-center justify-center\",\n className\n ].filter(Boolean).join(\" \")}\n {...props}\n >\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 15 15\" fill=\"none\">\n <path\n d=\"M3.625 7.5C3.625 8.12132 3.12132 8.625 2.5 8.625C1.87868 8.625 1.375 8.12132 1.375 7.5C1.375 6.87868 1.87868 6.375 2.5 6.375C3.12132 6.375 3.625 6.87868 3.625 7.5ZM8.625 7.5C8.625 8.12132 8.12132 8.625 7.5 8.625C6.87868 8.625 6.375 8.12132 6.375 7.5C6.375 6.87868 6.87868 6.375 7.5 6.375C8.12132 6.375 8.625 6.87868 8.625 7.5ZM12.5 8.625C13.1213 8.625 13.625 8.12132 13.625 7.5C13.625 6.87868 13.1213 6.375 12.5 6.375C11.8787 6.375 11.375 6.87868 11.375 7.5C11.375 8.12132 11.8787 8.625 12.5 8.625Z\"\n fill=\"currentColor\"\n />\n </svg>\n <span className=\"sr-only\">More</span>\n </span>\n );\n}\n\nexport {\n Breadcrumb,\n BreadcrumbList,\n BreadcrumbItem,\n BreadcrumbLink,\n BreadcrumbPage,\n BreadcrumbSeparator,\n BreadcrumbEllipsis,\n};\n"],"names":["Breadcrumb","className","children","props","BreadcrumbList","jsx","BreadcrumbItem","BreadcrumbLink","href","BreadcrumbPage","BreadcrumbSeparator","BreadcrumbEllipsis","jsxs"],"mappings":";AAIA,SAASA,EAAW,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,KAAsC;AAClF,2BACG,OAAA,EAAI,cAAW,cAAa,WAAAF,GAAuB,GAAGE,GACpD,UAAAD,GACH;AAEJ;AAEA,SAASE,EAAe,EAAE,WAAAH,GAAW,UAAAC,GAAU,GAAGC,KAAqC;AACrF,SACE,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA,EACA,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,MACzB,GAAGE;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;AAEA,SAASI,EAAe,EAAE,WAAAL,GAAW,UAAAC,GAAU,GAAGC,KAAqC;AACrF,SACE,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA,EACA,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,MACzB,GAAGE;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;AAEA,SAASK,EAAe,EAAE,WAAAN,GAAW,MAAAO,GAAM,UAAAN,GAAU,GAAGC,KAAoC;AAC1F,SACE,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAMG,KAAQ;AAAA,MACd,WAAW;AAAA,QACT;AAAA,QACAP;AAAA,MAAA,EACA,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,MACzB,GAAGE;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;AAEA,SAASO,EAAe,EAAE,WAAAR,GAAW,UAAAC,GAAU,GAAGC,KAAuC;AACvF,SACE,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,iBAAc;AAAA,MACd,gBAAa;AAAA,MACb,WAAW;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA,EACA,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,MACzB,GAAGE;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;AAEA,SAASQ,EAAoB,EAAE,UAAAR,GAAU,WAAAD,GAAW,GAAGE,KAAqC;AAC1F,SACE,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,eAAY;AAAA,MACZ,WAAW;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA,EACA,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,MACzB,GAAGE;AAAA,MAEH,UAAAD,KAAY;AAAA,IAAA;AAAA,EAAA;AAGnB;AAEA,SAASS,EAAmB,EAAE,WAAAV,GAAW,GAAGE,KAAuC;AACjF,SACE,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,eAAY;AAAA,MACZ,WAAW;AAAA,QACT;AAAA,QACAX;AAAA,MAAA,EACA,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,MACzB,GAAGE;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAE,EAAC,OAAA,EAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QACnD,UAAA,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA,UAAA;AAAA,QAAA,GAET;AAAA,QACA,gBAAAA,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,OAAA,CAAI;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGpC;"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
declare function PaginationContent({ className, children, ...props }: React.ComponentProps<"ul">): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
declare function PaginationItem({ className, children, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
declare function PaginationLink({ className, isActive, size, href, ...props }: React.ComponentProps<"a"> & {
|
|
5
|
+
isActive?: boolean;
|
|
6
|
+
size?: "default" | "sm" | "lg";
|
|
7
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare function PaginationPrevious({ className, ...props }: React.ComponentProps<typeof PaginationLink>): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
declare function PaginationNext({ className, ...props }: React.ComponentProps<typeof PaginationLink>): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
declare function PaginationEllipsis({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export { PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis, };
|
|
@@ -0,0 +1,138 @@
|
|
|
1
|
+
import { jsx as i, jsxs as l } from "react/jsx-runtime";
|
|
2
|
+
function d({ className: n, children: e, ...t }) {
|
|
3
|
+
return /* @__PURE__ */ i(
|
|
4
|
+
"ul",
|
|
5
|
+
{
|
|
6
|
+
className: [
|
|
7
|
+
"flex flex-row items-center gap-1",
|
|
8
|
+
n
|
|
9
|
+
].filter(Boolean).join(" "),
|
|
10
|
+
...t,
|
|
11
|
+
children: e
|
|
12
|
+
}
|
|
13
|
+
);
|
|
14
|
+
}
|
|
15
|
+
function u({ className: n, children: e, ...t }) {
|
|
16
|
+
return /* @__PURE__ */ i(
|
|
17
|
+
"li",
|
|
18
|
+
{
|
|
19
|
+
className: n,
|
|
20
|
+
...t,
|
|
21
|
+
children: e
|
|
22
|
+
}
|
|
23
|
+
);
|
|
24
|
+
}
|
|
25
|
+
function a({
|
|
26
|
+
className: n,
|
|
27
|
+
isActive: e,
|
|
28
|
+
size: t = "default",
|
|
29
|
+
href: o,
|
|
30
|
+
...r
|
|
31
|
+
}) {
|
|
32
|
+
return /* @__PURE__ */ i(
|
|
33
|
+
"a",
|
|
34
|
+
{
|
|
35
|
+
href: o,
|
|
36
|
+
"aria-current": e ? "page" : void 0,
|
|
37
|
+
className: [
|
|
38
|
+
"inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors",
|
|
39
|
+
"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-500",
|
|
40
|
+
"disabled:pointer-events-none disabled:opacity-50",
|
|
41
|
+
e ? "bg-slate-900 text-white dark:bg-slate-50 dark:text-slate-900" : "hover:bg-slate-100 dark:hover:bg-slate-800",
|
|
42
|
+
{
|
|
43
|
+
default: "h-9 min-w-9 px-4 py-2",
|
|
44
|
+
sm: "h-8 min-w-8 px-3 py-1.5 text-sm",
|
|
45
|
+
lg: "h-11 min-w-11 px-8 py-3"
|
|
46
|
+
}[t],
|
|
47
|
+
n
|
|
48
|
+
].filter(Boolean).join(" "),
|
|
49
|
+
...r
|
|
50
|
+
}
|
|
51
|
+
);
|
|
52
|
+
}
|
|
53
|
+
function f({
|
|
54
|
+
className: n,
|
|
55
|
+
...e
|
|
56
|
+
}) {
|
|
57
|
+
return /* @__PURE__ */ l(
|
|
58
|
+
a,
|
|
59
|
+
{
|
|
60
|
+
"aria-label": "Go to previous page",
|
|
61
|
+
size: "default",
|
|
62
|
+
className: [
|
|
63
|
+
"gap-1 pl-2.5",
|
|
64
|
+
n
|
|
65
|
+
].filter(Boolean).join(" "),
|
|
66
|
+
...e,
|
|
67
|
+
children: [
|
|
68
|
+
/* @__PURE__ */ i("svg", { width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", children: /* @__PURE__ */ i(
|
|
69
|
+
"path",
|
|
70
|
+
{
|
|
71
|
+
d: "M8.84182 3.13514C9.04327 3.32401 9.05348 3.64042 8.86462 3.84188L5.43521 7.49991L8.86462 11.1579C9.05348 11.3594 9.04327 11.6758 8.84182 11.8647C8.64036 12.0535 8.32394 12.0433 8.13508 11.8419L4.38508 7.84188C4.20477 7.64955 4.20477 7.35027 4.38508 7.15794L8.13508 3.15794C8.32394 2.95648 8.64036 2.94628 8.84182 3.13514Z",
|
|
72
|
+
fill: "currentColor"
|
|
73
|
+
}
|
|
74
|
+
) }),
|
|
75
|
+
/* @__PURE__ */ i("span", { children: "Previous" })
|
|
76
|
+
]
|
|
77
|
+
}
|
|
78
|
+
);
|
|
79
|
+
}
|
|
80
|
+
function h({
|
|
81
|
+
className: n,
|
|
82
|
+
...e
|
|
83
|
+
}) {
|
|
84
|
+
return /* @__PURE__ */ l(
|
|
85
|
+
a,
|
|
86
|
+
{
|
|
87
|
+
"aria-label": "Go to next page",
|
|
88
|
+
size: "default",
|
|
89
|
+
className: [
|
|
90
|
+
"gap-1 pr-2.5",
|
|
91
|
+
n
|
|
92
|
+
].filter(Boolean).join(" "),
|
|
93
|
+
...e,
|
|
94
|
+
children: [
|
|
95
|
+
/* @__PURE__ */ i("span", { children: "Next" }),
|
|
96
|
+
/* @__PURE__ */ i("svg", { width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", children: /* @__PURE__ */ i(
|
|
97
|
+
"path",
|
|
98
|
+
{
|
|
99
|
+
d: "M6.1584 3.13514C6.35985 2.94628 6.67627 2.95648 6.86513 3.15794L10.6151 7.15794C10.7954 7.35027 10.7954 7.64955 10.6151 7.84188L6.86513 11.8419C6.67627 12.0433 6.35985 12.0535 6.1584 11.8647C5.95694 11.6758 5.94673 11.3594 6.13559 11.1579L9.565 7.49991L6.13559 3.84188C5.94673 3.64042 5.95694 3.32401 6.1584 3.13514Z",
|
|
100
|
+
fill: "currentColor"
|
|
101
|
+
}
|
|
102
|
+
) })
|
|
103
|
+
]
|
|
104
|
+
}
|
|
105
|
+
);
|
|
106
|
+
}
|
|
107
|
+
function p({ className: n, ...e }) {
|
|
108
|
+
return /* @__PURE__ */ l(
|
|
109
|
+
"span",
|
|
110
|
+
{
|
|
111
|
+
"aria-hidden": !0,
|
|
112
|
+
className: [
|
|
113
|
+
"flex h-9 w-9 items-center justify-center",
|
|
114
|
+
n
|
|
115
|
+
].filter(Boolean).join(" "),
|
|
116
|
+
...e,
|
|
117
|
+
children: [
|
|
118
|
+
/* @__PURE__ */ i("svg", { width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", children: /* @__PURE__ */ i(
|
|
119
|
+
"path",
|
|
120
|
+
{
|
|
121
|
+
d: "M3.625 7.5C3.625 8.12132 3.12132 8.625 2.5 8.625C1.87868 8.625 1.375 8.12132 1.375 7.5C1.375 6.87868 1.87868 6.375 2.5 6.375C3.12132 6.375 3.625 6.87868 3.625 7.5ZM8.625 7.5C8.625 8.12132 8.12132 8.625 7.5 8.625C6.87868 8.625 6.375 8.12132 6.375 7.5C6.375 6.87868 6.87868 6.375 7.5 6.375C8.12132 6.375 8.625 6.87868 8.625 7.5ZM12.5 8.625C13.1213 8.625 13.625 8.12132 13.625 7.5C13.625 6.87868 13.1213 6.375 12.5 6.375C11.8787 6.375 11.375 6.87868 11.375 7.5C11.375 8.12132 11.8787 8.625 12.5 8.625Z",
|
|
122
|
+
fill: "currentColor"
|
|
123
|
+
}
|
|
124
|
+
) }),
|
|
125
|
+
/* @__PURE__ */ i("span", { className: "sr-only", children: "More pages" })
|
|
126
|
+
]
|
|
127
|
+
}
|
|
128
|
+
);
|
|
129
|
+
}
|
|
130
|
+
export {
|
|
131
|
+
d as PaginationContent,
|
|
132
|
+
p as PaginationEllipsis,
|
|
133
|
+
u as PaginationItem,
|
|
134
|
+
a as PaginationLink,
|
|
135
|
+
h as PaginationNext,
|
|
136
|
+
f as PaginationPrevious
|
|
137
|
+
};
|
|
138
|
+
//# sourceMappingURL=PaginationExtras.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PaginationExtras.js","sources":["../../../../src/components/library/ui/PaginationExtras.tsx"],"sourcesContent":["import * as React from \"react\";\n\n// Shadcn-style Pagination subcomponents\n\nfunction PaginationContent({ className, children, ...props }: React.ComponentProps<\"ul\">) {\n return (\n <ul\n className={[\n \"flex flex-row items-center gap-1\",\n className\n ].filter(Boolean).join(\" \")}\n {...props}\n >\n {children}\n </ul>\n );\n}\n\nfunction PaginationItem({ className, children, ...props }: React.ComponentProps<\"li\">) {\n return (\n <li\n className={className}\n {...props}\n >\n {children}\n </li>\n );\n}\n\nfunction PaginationLink({\n className,\n isActive,\n size = \"default\",\n href,\n ...props\n}: React.ComponentProps<\"a\"> & {\n isActive?: boolean;\n size?: \"default\" | \"sm\" | \"lg\";\n}) {\n const sizeClasses: Record<\"default\" | \"sm\" | \"lg\", string> = {\n default: \"h-9 min-w-9 px-4 py-2\",\n sm: \"h-8 min-w-8 px-3 py-1.5 text-sm\",\n lg: \"h-11 min-w-11 px-8 py-3\"\n };\n\n return (\n <a\n href={href}\n aria-current={isActive ? \"page\" : undefined}\n className={[\n \"inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors\",\n \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-500\",\n \"disabled:pointer-events-none disabled:opacity-50\",\n isActive\n ? \"bg-slate-900 text-white dark:bg-slate-50 dark:text-slate-900\"\n : \"hover:bg-slate-100 dark:hover:bg-slate-800\",\n sizeClasses[size],\n className\n ].filter(Boolean).join(\" \")}\n {...props}\n />\n );\n}\n\nfunction PaginationPrevious({\n className,\n ...props\n}: React.ComponentProps<typeof PaginationLink>) {\n return (\n <PaginationLink\n aria-label=\"Go to previous page\"\n size=\"default\"\n className={[\n \"gap-1 pl-2.5\",\n className\n ].filter(Boolean).join(\" \")}\n {...props}\n >\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 15 15\" fill=\"none\">\n <path\n d=\"M8.84182 3.13514C9.04327 3.32401 9.05348 3.64042 8.86462 3.84188L5.43521 7.49991L8.86462 11.1579C9.05348 11.3594 9.04327 11.6758 8.84182 11.8647C8.64036 12.0535 8.32394 12.0433 8.13508 11.8419L4.38508 7.84188C4.20477 7.64955 4.20477 7.35027 4.38508 7.15794L8.13508 3.15794C8.32394 2.95648 8.64036 2.94628 8.84182 3.13514Z\"\n fill=\"currentColor\"\n />\n </svg>\n <span>Previous</span>\n </PaginationLink>\n );\n}\n\nfunction PaginationNext({\n className,\n ...props\n}: React.ComponentProps<typeof PaginationLink>) {\n return (\n <PaginationLink\n aria-label=\"Go to next page\"\n size=\"default\"\n className={[\n \"gap-1 pr-2.5\",\n className\n ].filter(Boolean).join(\" \")}\n {...props}\n >\n <span>Next</span>\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 15 15\" fill=\"none\">\n <path\n d=\"M6.1584 3.13514C6.35985 2.94628 6.67627 2.95648 6.86513 3.15794L10.6151 7.15794C10.7954 7.35027 10.7954 7.64955 10.6151 7.84188L6.86513 11.8419C6.67627 12.0433 6.35985 12.0535 6.1584 11.8647C5.95694 11.6758 5.94673 11.3594 6.13559 11.1579L9.565 7.49991L6.13559 3.84188C5.94673 3.64042 5.95694 3.32401 6.1584 3.13514Z\"\n fill=\"currentColor\"\n />\n </svg>\n </PaginationLink>\n );\n}\n\nfunction PaginationEllipsis({ className, ...props }: React.ComponentProps<\"span\">) {\n return (\n <span\n aria-hidden\n className={[\n \"flex h-9 w-9 items-center justify-center\",\n className\n ].filter(Boolean).join(\" \")}\n {...props}\n >\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 15 15\" fill=\"none\">\n <path\n d=\"M3.625 7.5C3.625 8.12132 3.12132 8.625 2.5 8.625C1.87868 8.625 1.375 8.12132 1.375 7.5C1.375 6.87868 1.87868 6.375 2.5 6.375C3.12132 6.375 3.625 6.87868 3.625 7.5ZM8.625 7.5C8.625 8.12132 8.12132 8.625 7.5 8.625C6.87868 8.625 6.375 8.12132 6.375 7.5C6.375 6.87868 6.87868 6.375 7.5 6.375C8.12132 6.375 8.625 6.87868 8.625 7.5ZM12.5 8.625C13.1213 8.625 13.625 8.12132 13.625 7.5C13.625 6.87868 13.1213 6.375 12.5 6.375C11.8787 6.375 11.375 6.87868 11.375 7.5C11.375 8.12132 11.8787 8.625 12.5 8.625Z\"\n fill=\"currentColor\"\n />\n </svg>\n <span className=\"sr-only\">More pages</span>\n </span>\n );\n}\n\nexport {\n PaginationContent,\n PaginationItem,\n PaginationLink,\n PaginationPrevious,\n PaginationNext,\n PaginationEllipsis,\n};\n"],"names":["PaginationContent","className","children","props","jsx","PaginationItem","PaginationLink","isActive","size","href","PaginationPrevious","jsxs","PaginationNext","PaginationEllipsis"],"mappings":"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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { Collapsible as CollapsiblePrimitive } from "radix-ui";
|
|
2
3
|
declare function Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
3
|
-
declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.
|
|
4
|
-
declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.
|
|
5
|
-
export { Collapsible, CollapsibleTrigger, CollapsibleContent };
|
|
4
|
+
declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare function CollapsibleContent({ className, ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Content>): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export { Collapsible, CollapsibleTrigger, CollapsibleContent, };
|
|
@@ -1,35 +1,29 @@
|
|
|
1
1
|
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import { Root as
|
|
3
|
-
function
|
|
4
|
-
...
|
|
5
|
-
}) {
|
|
6
|
-
return /* @__PURE__ */ o(t, { "data-slot": "collapsible", ...l });
|
|
2
|
+
import { Root as n, Content as r, Trigger as a } from "../../../node_modules/@radix-ui/react-collapsible/dist/index.js";
|
|
3
|
+
function s({ ...t }) {
|
|
4
|
+
return /* @__PURE__ */ o(n, { ...t });
|
|
7
5
|
}
|
|
8
|
-
function
|
|
9
|
-
...
|
|
10
|
-
}) {
|
|
11
|
-
return /* @__PURE__ */ o(
|
|
12
|
-
i,
|
|
13
|
-
{
|
|
14
|
-
"data-slot": "collapsible-trigger",
|
|
15
|
-
...l
|
|
16
|
-
}
|
|
17
|
-
);
|
|
6
|
+
function f({ ...t }) {
|
|
7
|
+
return /* @__PURE__ */ o(a, { ...t });
|
|
18
8
|
}
|
|
19
|
-
function
|
|
20
|
-
|
|
9
|
+
function m({
|
|
10
|
+
className: t,
|
|
11
|
+
...e
|
|
21
12
|
}) {
|
|
22
13
|
return /* @__PURE__ */ o(
|
|
23
|
-
|
|
14
|
+
r,
|
|
24
15
|
{
|
|
25
|
-
|
|
26
|
-
|
|
16
|
+
className: [
|
|
17
|
+
"overflow-hidden data-[state=closed]:animate-out data-[state=open]:animate-in",
|
|
18
|
+
t
|
|
19
|
+
].filter(Boolean).join(" "),
|
|
20
|
+
...e
|
|
27
21
|
}
|
|
28
22
|
);
|
|
29
23
|
}
|
|
30
24
|
export {
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
25
|
+
s as Collapsible,
|
|
26
|
+
m as CollapsibleContent,
|
|
27
|
+
f as CollapsibleTrigger
|
|
34
28
|
};
|
|
35
|
-
//# sourceMappingURL=
|
|
29
|
+
//# sourceMappingURL=Collapsible.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"
|
|
1
|
+
{"version":3,"file":"Collapsible.js","sources":["../../../../src/components/library/ui/Collapsible.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Collapsible as CollapsiblePrimitive } from \"radix-ui\";\n\nfunction Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>) {\n return <CollapsiblePrimitive.Root {...props} />;\n}\n\nfunction CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Trigger>) {\n return <CollapsiblePrimitive.Trigger {...props} />;\n}\n\nfunction CollapsibleContent({\n className,\n ...props\n}: React.ComponentProps<typeof CollapsiblePrimitive.Content>) {\n return (\n <CollapsiblePrimitive.Content\n className={[\n \"overflow-hidden data-[state=closed]:animate-out data-[state=open]:animate-in\",\n className\n ].filter(Boolean).join(\" \")}\n {...props}\n />\n );\n}\n\nexport {\n Collapsible,\n CollapsibleTrigger,\n CollapsibleContent,\n};\n"],"names":["Collapsible","props","jsx","CollapsiblePrimitive.Root","CollapsibleTrigger","CollapsiblePrimitive.Trigger","CollapsibleContent","className","CollapsiblePrimitive.Content"],"mappings":";;AAGA,SAASA,EAAY,EAAE,GAAGC,KAAiE;AACzF,SAAO,gBAAAC,EAACC,GAAA,EAA2B,GAAGF,EAAA,CAAO;AAC/C;AAEA,SAASG,EAAmB,EAAE,GAAGH,KAAoE;AACnG,SAAO,gBAAAC,EAACG,GAAA,EAA8B,GAAGJ,EAAA,CAAO;AAClD;AAEA,SAASK,EAAmB;AAAA,EAC1B,WAAAC;AAAA,EACA,GAAGN;AACL,GAA8D;AAC5D,SACE,gBAAAC;AAAA,IAACM;AAAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACAD;AAAA,MAAA,EACA,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,MACzB,GAAGN;AAAA,IAAA;AAAA,EAAA;AAGV;"}
|
|
@@ -1,18 +1,10 @@
|
|
|
1
|
-
import * as React from
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
declare function DatePickerTrigger({
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
}
|
|
11
|
-
declare function DatePickerContent({ className, ...props }: React.ComponentProps<typeof PopoverContent>): import("react/jsx-runtime").JSX.Element;
|
|
12
|
-
declare function DatePickerRangeTrigger({ className, children, dateRange, placeholder, dateFormat, ...props }: React.ComponentProps<typeof Button> & {
|
|
13
|
-
dateRange?: DateRange;
|
|
14
|
-
placeholder?: string;
|
|
15
|
-
dateFormat?: string;
|
|
16
|
-
}): import("react/jsx-runtime").JSX.Element;
|
|
17
|
-
declare function DatePickerCalendar(props: DayPickerProps): import("react/jsx-runtime").JSX.Element;
|
|
18
|
-
export { DatePicker, DatePickerTrigger, DatePickerRangeTrigger, DatePickerContent, DatePickerCalendar, };
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { Popover, PopoverContent, PopoverTrigger } from "./Popover";
|
|
3
|
+
declare function DatePicker({ children, ...props }: {
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
} & React.ComponentProps<typeof Popover>): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
declare function DatePickerTrigger({ ...props }: React.ComponentProps<typeof PopoverTrigger>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
declare function DatePickerContent({ ...props }: React.ComponentProps<typeof PopoverContent>): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare function DatePickerCalendar({ ...props }: any): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
declare function DatePickerRangeTrigger({ ...props }: React.ComponentProps<typeof PopoverTrigger>): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export { DatePicker, DatePickerTrigger, DatePickerContent, DatePickerCalendar, DatePickerRangeTrigger, };
|
|
@@ -1,92 +1,25 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
import { Calendar as P } from "./calendar.js";
|
|
6
|
-
import { Popover as h, PopoverContent as k, PopoverTrigger as u } from "./popover.js";
|
|
7
|
-
import { format as n } from "../../../node_modules/date-fns/format.js";
|
|
8
|
-
function L({ ...e }) {
|
|
9
|
-
return /* @__PURE__ */ t(h, { "data-slot": "date-picker", ...e });
|
|
1
|
+
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import { Popover as o, PopoverContent as i, PopoverTrigger as n } from "./Popover.js";
|
|
3
|
+
function u({ children: r, ...t }) {
|
|
4
|
+
return /* @__PURE__ */ e(o, { ...t, children: r });
|
|
10
5
|
}
|
|
11
|
-
function
|
|
12
|
-
|
|
13
|
-
children: a,
|
|
14
|
-
date: r,
|
|
15
|
-
placeholder: i = "Pick a date",
|
|
16
|
-
dateFormat: o = "PPP",
|
|
17
|
-
...c
|
|
18
|
-
}) {
|
|
19
|
-
return /* @__PURE__ */ t(u, { asChild: !0, children: /* @__PURE__ */ t(
|
|
20
|
-
s,
|
|
21
|
-
{
|
|
22
|
-
variant: "outline",
|
|
23
|
-
"data-slot": "date-picker-trigger",
|
|
24
|
-
"data-empty": !r,
|
|
25
|
-
className: m(
|
|
26
|
-
"w-[280px] justify-start text-left font-normal data-[empty=true]:text-muted-foreground",
|
|
27
|
-
e
|
|
28
|
-
),
|
|
29
|
-
...c,
|
|
30
|
-
children: a ?? /* @__PURE__ */ l(d, { children: [
|
|
31
|
-
/* @__PURE__ */ t(f, {}),
|
|
32
|
-
r ? n(r, o) : /* @__PURE__ */ t("span", { children: i })
|
|
33
|
-
] })
|
|
34
|
-
}
|
|
35
|
-
) });
|
|
6
|
+
function P({ ...r }) {
|
|
7
|
+
return /* @__PURE__ */ e(n, { ...r });
|
|
36
8
|
}
|
|
37
|
-
function
|
|
38
|
-
|
|
39
|
-
...a
|
|
40
|
-
}) {
|
|
41
|
-
return /* @__PURE__ */ t(
|
|
42
|
-
k,
|
|
43
|
-
{
|
|
44
|
-
"data-slot": "date-picker-content",
|
|
45
|
-
className: m("w-auto p-0", e),
|
|
46
|
-
...a
|
|
47
|
-
}
|
|
48
|
-
);
|
|
9
|
+
function f({ ...r }) {
|
|
10
|
+
return /* @__PURE__ */ e(i, { ...r });
|
|
49
11
|
}
|
|
50
|
-
function
|
|
51
|
-
|
|
52
|
-
children: a,
|
|
53
|
-
dateRange: r,
|
|
54
|
-
placeholder: i = "Pick a date",
|
|
55
|
-
dateFormat: o = "LLL dd, y",
|
|
56
|
-
...c
|
|
57
|
-
}) {
|
|
58
|
-
const p = r?.from != null;
|
|
59
|
-
return /* @__PURE__ */ t(u, { asChild: !0, children: /* @__PURE__ */ t(
|
|
60
|
-
s,
|
|
61
|
-
{
|
|
62
|
-
variant: "outline",
|
|
63
|
-
"data-slot": "date-picker-range-trigger",
|
|
64
|
-
"data-empty": !p,
|
|
65
|
-
className: m(
|
|
66
|
-
"justify-start text-left font-normal data-[empty=true]:text-muted-foreground",
|
|
67
|
-
e
|
|
68
|
-
),
|
|
69
|
-
...c,
|
|
70
|
-
children: a ?? /* @__PURE__ */ l(d, { children: [
|
|
71
|
-
/* @__PURE__ */ t(f, {}),
|
|
72
|
-
r?.from ? r.to ? /* @__PURE__ */ l(d, { children: [
|
|
73
|
-
n(r.from, o),
|
|
74
|
-
" –",
|
|
75
|
-
" ",
|
|
76
|
-
n(r.to, o)
|
|
77
|
-
] }) : n(r.from, o) : /* @__PURE__ */ t("span", { children: i })
|
|
78
|
-
] })
|
|
79
|
-
}
|
|
80
|
-
) });
|
|
12
|
+
function g({ ...r }) {
|
|
13
|
+
return /* @__PURE__ */ e("div", { ...r, children: "Calendar component" });
|
|
81
14
|
}
|
|
82
|
-
function
|
|
83
|
-
return /* @__PURE__ */
|
|
15
|
+
function p({ ...r }) {
|
|
16
|
+
return /* @__PURE__ */ e(n, { ...r });
|
|
84
17
|
}
|
|
85
18
|
export {
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
19
|
+
u as DatePicker,
|
|
20
|
+
g as DatePickerCalendar,
|
|
21
|
+
f as DatePickerContent,
|
|
22
|
+
p as DatePickerRangeTrigger,
|
|
23
|
+
P as DatePickerTrigger
|
|
91
24
|
};
|
|
92
|
-
//# sourceMappingURL=
|
|
25
|
+
//# sourceMappingURL=DatePicker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sources":["../../../../src/components/library/ui/DatePicker.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"./Popover\";\n\n// Simplified DatePicker components\n// Full implementation would use react-day-picker\n\nfunction DatePicker({ children, ...props }: { children: React.ReactNode } & React.ComponentProps<typeof Popover>) {\n return <Popover {...props}>{children}</Popover>;\n}\n\nfunction DatePickerTrigger({ ...props }: React.ComponentProps<typeof PopoverTrigger>) {\n return <PopoverTrigger {...props} />;\n}\n\nfunction DatePickerContent({ ...props }: React.ComponentProps<typeof PopoverContent>) {\n return <PopoverContent {...props} />;\n}\n\nfunction DatePickerCalendar({ ...props }: any) {\n // Simplified calendar placeholder\n return <div {...props}>Calendar component</div>;\n}\n\nfunction DatePickerRangeTrigger({ ...props }: React.ComponentProps<typeof PopoverTrigger>) {\n return <PopoverTrigger {...props} />;\n}\n\nexport {\n DatePicker,\n DatePickerTrigger,\n DatePickerContent,\n DatePickerCalendar,\n DatePickerRangeTrigger,\n};\n"],"names":["DatePicker","children","props","jsx","Popover","DatePickerTrigger","PopoverTrigger","DatePickerContent","PopoverContent","DatePickerCalendar","DatePickerRangeTrigger"],"mappings":";;AAMA,SAASA,EAAW,EAAE,UAAAC,GAAU,GAAGC,KAA+E;AAChH,SAAO,gBAAAC,EAACC,GAAA,EAAS,GAAGF,GAAQ,UAAAD,EAAA,CAAS;AACvC;AAEA,SAASI,EAAkB,EAAE,GAAGH,KAAsD;AACpF,SAAO,gBAAAC,EAACG,GAAA,EAAgB,GAAGJ,EAAA,CAAO;AACpC;AAEA,SAASK,EAAkB,EAAE,GAAGL,KAAsD;AACpF,SAAO,gBAAAC,EAACK,GAAA,EAAgB,GAAGN,EAAA,CAAO;AACpC;AAEA,SAASO,EAAmB,EAAE,GAAGP,KAAc;AAE7C,SAAO,gBAAAC,EAAC,OAAA,EAAK,GAAGD,GAAO,UAAA,sBAAkB;AAC3C;AAEA,SAASQ,EAAuB,EAAE,GAAGR,KAAsD;AACzF,SAAO,gBAAAC,EAACG,GAAA,EAAgB,GAAGJ,EAAA,CAAO;AACpC;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import * as React from
|
|
2
|
-
import { Dialog as DialogPrimitive } from
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { Dialog as DialogPrimitive } from "radix-ui";
|
|
3
3
|
declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
|
|
5
5
|
declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -8,10 +8,8 @@ declare function DialogOverlay({ className, ...props }: React.ComponentProps<typ
|
|
|
8
8
|
declare function DialogContent({ className, children, showCloseButton, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
|
|
9
9
|
showCloseButton?: boolean;
|
|
10
10
|
}): import("react/jsx-runtime").JSX.Element;
|
|
11
|
-
declare function DialogHeader({ className, ...props }: React.ComponentProps<
|
|
12
|
-
declare function DialogFooter({ className,
|
|
13
|
-
showCloseButton?: boolean;
|
|
14
|
-
}): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
declare function DialogFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
15
13
|
declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
|
|
16
14
|
declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
|
|
17
|
-
export { Dialog,
|
|
15
|
+
export { Dialog, DialogTrigger, DialogPortal, DialogClose, DialogOverlay, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, };
|