@schandlergarcia/sf-web-components 1.1.2 → 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.
Files changed (57) hide show
  1. package/dist/components/library/cards/ListCard.js +15 -15
  2. package/dist/components/library/cards/TableCard.js +22 -22
  3. package/dist/components/library/cards/TableCard.js.map +1 -1
  4. package/dist/components/library/cards/WidgetCard.js +4 -4
  5. package/dist/components/library/charts/D3Chart.js.map +1 -1
  6. package/dist/components/library/data/DataModeProvider.js +9 -9
  7. package/dist/components/library/data/DataModeProvider.js.map +1 -1
  8. package/dist/components/library/index.d.ts +17 -4
  9. package/dist/components/library/theme/AppThemeProvider.js +4 -4
  10. package/dist/components/library/theme/AppThemeProvider.js.map +1 -1
  11. package/dist/components/library/ui/Avatar.js +8 -8
  12. package/dist/components/library/ui/BreadcrumbExtras.d.ts +9 -0
  13. package/dist/components/library/ui/BreadcrumbExtras.js +109 -0
  14. package/dist/components/library/ui/BreadcrumbExtras.js.map +1 -0
  15. package/dist/components/library/ui/Card.d.ts +37 -11
  16. package/dist/components/library/ui/FieldGroup.d.ts +5 -0
  17. package/dist/components/library/ui/FieldGroup.js +19 -0
  18. package/dist/components/library/ui/FieldGroup.js.map +1 -0
  19. package/dist/components/library/ui/PaginationExtras.d.ts +11 -0
  20. package/dist/components/library/ui/PaginationExtras.js +138 -0
  21. package/dist/components/library/ui/PaginationExtras.js.map +1 -0
  22. package/dist/components/library/ui/alert.d.ts +21 -10
  23. package/dist/components/library/ui/alert.js +51 -56
  24. package/dist/components/library/ui/alert.js.map +1 -1
  25. package/dist/components/library/ui/card.js +72 -55
  26. package/dist/components/library/ui/card.js.map +1 -1
  27. package/dist/components/library/ui/checkbox.d.ts +4 -4
  28. package/dist/components/library/ui/checkbox.js +14 -26
  29. package/dist/components/library/ui/checkbox.js.map +1 -1
  30. package/dist/components/library/ui/collapsible.d.ts +5 -4
  31. package/dist/components/library/ui/collapsible.js +18 -24
  32. package/dist/components/library/ui/collapsible.js.map +1 -1
  33. package/dist/components/library/ui/datePicker.d.ts +10 -18
  34. package/dist/components/library/ui/datePicker.js +18 -85
  35. package/dist/components/library/ui/datePicker.js.map +1 -1
  36. package/dist/components/library/ui/dialog.d.ts +5 -7
  37. package/dist/components/library/ui/dialog.js +94 -108
  38. package/dist/components/library/ui/dialog.js.map +1 -1
  39. package/dist/components/library/ui/field.d.ts +6 -25
  40. package/dist/components/library/ui/field.js +52 -184
  41. package/dist/components/library/ui/field.js.map +1 -1
  42. package/dist/components/library/ui/label.d.ts +6 -4
  43. package/dist/components/library/ui/label.js +12 -15
  44. package/dist/components/library/ui/label.js.map +1 -1
  45. package/dist/components/library/ui/popover.d.ts +3 -7
  46. package/dist/components/library/ui/popover.js +24 -28
  47. package/dist/components/library/ui/popover.js.map +1 -1
  48. package/dist/components/library/ui/select.d.ts +5 -12
  49. package/dist/components/library/ui/select.js +79 -155
  50. package/dist/components/library/ui/select.js.map +1 -1
  51. package/dist/index.js +227 -153
  52. package/dist/index.js.map +1 -1
  53. package/dist/node_modules/@radix-ui/react-collapsible/dist/index.js +25 -23
  54. package/dist/node_modules/@radix-ui/react-collapsible/dist/index.js.map +1 -1
  55. package/dist/node_modules/@radix-ui/react-select/dist/index.js +252 -257
  56. package/dist/node_modules/@radix-ui/react-select/dist/index.js.map +1 -1
  57. 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;"}
@@ -1,11 +1,37 @@
1
- import * as React from 'react';
2
- declare function Card({ className, size, ...props }: React.ComponentProps<'div'> & {
3
- size?: 'default' | 'sm';
4
- }): import("react/jsx-runtime").JSX.Element;
5
- declare function CardHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
6
- declare function CardTitle({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
7
- declare function CardDescription({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
8
- declare function CardAction({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
9
- declare function CardContent({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
10
- declare function CardFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
11
- export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, };
1
+ export default function UICard({ children, padding, style, className, ...rest }: {
2
+ [x: string]: any;
3
+ children: any;
4
+ padding?: string | undefined;
5
+ style: any;
6
+ className?: string | undefined;
7
+ }): import("react/jsx-runtime").JSX.Element;
8
+ export function Card({ className, children, ...rest }: {
9
+ [x: string]: any;
10
+ className?: string | undefined;
11
+ children: any;
12
+ }): import("react/jsx-runtime").JSX.Element;
13
+ export function CardHeader({ className, children, ...rest }: {
14
+ [x: string]: any;
15
+ className?: string | undefined;
16
+ children: any;
17
+ }): import("react/jsx-runtime").JSX.Element;
18
+ export function CardTitle({ className, children, ...rest }: {
19
+ [x: string]: any;
20
+ className?: string | undefined;
21
+ children: any;
22
+ }): import("react/jsx-runtime").JSX.Element;
23
+ export function CardDescription({ className, children, ...rest }: {
24
+ [x: string]: any;
25
+ className?: string | undefined;
26
+ children: any;
27
+ }): import("react/jsx-runtime").JSX.Element;
28
+ export function CardContent({ className, children, ...rest }: {
29
+ [x: string]: any;
30
+ className?: string | undefined;
31
+ children: any;
32
+ }): import("react/jsx-runtime").JSX.Element;
33
+ export function CardFooter({ className, children, ...rest }: {
34
+ [x: string]: any;
35
+ className?: string | undefined;
36
+ children: any;
37
+ }): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,5 @@
1
+ export default function FieldGroup({ className, children, ...rest }: {
2
+ [x: string]: any;
3
+ className?: string | undefined;
4
+ children: any;
5
+ }): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,19 @@
1
+ import { jsx as r } from "react/jsx-runtime";
2
+ import "react";
3
+ function a({ className: o = "", children: e, ...l }) {
4
+ return /* @__PURE__ */ r(
5
+ "div",
6
+ {
7
+ className: [
8
+ "flex flex-col gap-1.5",
9
+ o
10
+ ].filter(Boolean).join(" "),
11
+ ...l,
12
+ children: e
13
+ }
14
+ );
15
+ }
16
+ export {
17
+ a as default
18
+ };
19
+ //# sourceMappingURL=FieldGroup.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FieldGroup.js","sources":["../../../../src/components/library/ui/FieldGroup.jsx"],"sourcesContent":["import React from \"react\";\n\nexport default function FieldGroup({ className = \"\", children, ...rest }) {\n return (\n <div\n className={[\n \"flex flex-col gap-1.5\",\n className\n ]\n .filter(Boolean)\n .join(\" \")}\n {...rest}\n >\n {children}\n </div>\n );\n}\n"],"names":["FieldGroup","className","children","rest","jsx"],"mappings":";;AAEA,SAAwBA,EAAW,EAAE,WAAAC,IAAY,IAAI,UAAAC,GAAU,GAAGC,KAAQ;AACxE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACAH;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,GAAGE;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;"}
@@ -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,10 +1,21 @@
1
- import * as React from 'react';
2
- import { type VariantProps } from 'class-variance-authority';
3
- declare const alertVariants: (props?: ({
4
- variant?: "default" | "destructive" | null | undefined;
5
- } & import("class-variance-authority/types").ClassProp) | undefined) => string;
6
- declare function Alert({ className, variant, ...props }: React.ComponentProps<'div'> & VariantProps<typeof alertVariants>): import("react/jsx-runtime").JSX.Element;
7
- declare function AlertTitle({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
8
- declare function AlertDescription({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
9
- declare function AlertAction({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
10
- export { Alert, AlertTitle, AlertDescription, AlertAction };
1
+ export default function Alert({ variant, className, children, ...rest }: {
2
+ [x: string]: any;
3
+ variant?: string | undefined;
4
+ className?: string | undefined;
5
+ children: any;
6
+ }): import("react/jsx-runtime").JSX.Element;
7
+ export function AlertTitle({ className, children, ...rest }: {
8
+ [x: string]: any;
9
+ className?: string | undefined;
10
+ children: any;
11
+ }): import("react/jsx-runtime").JSX.Element;
12
+ export function AlertDescription({ className, children, ...rest }: {
13
+ [x: string]: any;
14
+ className?: string | undefined;
15
+ children: any;
16
+ }): import("react/jsx-runtime").JSX.Element;
17
+ export function AlertAction({ className, children, ...rest }: {
18
+ [x: string]: any;
19
+ className?: string | undefined;
20
+ children: any;
21
+ }): import("react/jsx-runtime").JSX.Element;
@@ -1,78 +1,73 @@
1
- import { jsx as r } from "react/jsx-runtime";
2
- import { cva as o } from "../../../node_modules/class-variance-authority/dist/index.js";
3
- import { cn as a } from "../../../lib/utils.js";
4
- const l = o(
5
- "grid gap-0.5 rounded-lg border px-2.5 py-2 text-left text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-4 w-full relative group/alert",
6
- {
7
- variants: {
8
- variant: {
9
- default: "bg-card text-card-foreground",
10
- destructive: "text-destructive bg-card *:data-[slot=alert-description]:text-destructive/90 *:[svg]:text-current"
11
- }
12
- },
13
- defaultVariants: {
14
- variant: "default"
15
- }
16
- }
17
- );
18
- function u({
19
- className: t,
20
- variant: e,
21
- ...s
22
- }) {
23
- return /* @__PURE__ */ r(
1
+ import { jsx as d } from "react/jsx-runtime";
2
+ import "react";
3
+ const l = {
4
+ default: "bg-slate-50 border-slate-200 text-slate-900 dark:bg-slate-900 dark:border-slate-800 dark:text-slate-50",
5
+ info: "bg-blue-50 border-blue-200 text-blue-900 dark:bg-blue-950 dark:border-blue-800 dark:text-blue-50",
6
+ success: "bg-green-50 border-green-200 text-green-900 dark:bg-green-950 dark:border-green-800 dark:text-green-50",
7
+ warning: "bg-yellow-50 border-yellow-200 text-yellow-900 dark:bg-yellow-950 dark:border-yellow-800 dark:text-yellow-50",
8
+ error: "bg-red-50 border-red-200 text-red-900 dark:bg-red-950 dark:border-red-800 dark:text-red-50",
9
+ destructive: "bg-red-50 border-red-200 text-red-900 dark:bg-red-950 dark:border-red-800 dark:text-red-50"
10
+ };
11
+ function i({ variant: e = "default", className: r = "", children: t, ...o }) {
12
+ const a = l[e] || l.default;
13
+ return /* @__PURE__ */ d(
24
14
  "div",
25
15
  {
26
- "data-slot": "alert",
27
16
  role: "alert",
28
- className: a(l({ variant: e }), t),
29
- ...s
17
+ className: [
18
+ "rounded-lg border p-4",
19
+ a,
20
+ r
21
+ ].filter(Boolean).join(" "),
22
+ ...o,
23
+ children: t
30
24
  }
31
25
  );
32
26
  }
33
- function c({ className: t, ...e }) {
34
- return /* @__PURE__ */ r(
35
- "div",
27
+ function s({ className: e = "", children: r, ...t }) {
28
+ return /* @__PURE__ */ d(
29
+ "h5",
36
30
  {
37
- "data-slot": "alert-title",
38
- className: a(
39
- "font-medium group-has-[>svg]/alert:col-start-2 [&_a]:hover:text-foreground [&_a]:underline [&_a]:underline-offset-3",
40
- t
41
- ),
42
- ...e
31
+ className: [
32
+ "mb-1 font-medium leading-none tracking-tight",
33
+ e
34
+ ].filter(Boolean).join(" "),
35
+ ...t,
36
+ children: r
43
37
  }
44
38
  );
45
39
  }
46
- function v({
47
- className: t,
48
- ...e
49
- }) {
50
- return /* @__PURE__ */ r(
40
+ function g({ className: e = "", children: r, ...t }) {
41
+ return /* @__PURE__ */ d(
51
42
  "div",
52
43
  {
53
- "data-slot": "alert-description",
54
- className: a(
55
- "text-muted-foreground text-sm text-balance md:text-pretty [&_p:not(:last-child)]:mb-4 [&_a]:hover:text-foreground [&_a]:underline [&_a]:underline-offset-3",
56
- t
57
- ),
58
- ...e
44
+ className: [
45
+ "text-sm opacity-90",
46
+ e
47
+ ].filter(Boolean).join(" "),
48
+ ...t,
49
+ children: r
59
50
  }
60
51
  );
61
52
  }
62
- function f({ className: t, ...e }) {
63
- return /* @__PURE__ */ r(
53
+ function u({ className: e = "", children: r, ...t }) {
54
+ return /* @__PURE__ */ d(
64
55
  "div",
65
56
  {
66
- "data-slot": "alert-action",
67
- className: a("absolute top-2 right-2", t),
68
- ...e
57
+ className: [
58
+ "mt-3",
59
+ e
60
+ ].filter(Boolean).join(" "),
61
+ ...t,
62
+ children: r
69
63
  }
70
64
  );
71
65
  }
72
66
  export {
73
- u as Alert,
74
- f as AlertAction,
75
- v as AlertDescription,
76
- c as AlertTitle
67
+ i as Alert,
68
+ u as AlertAction,
69
+ g as AlertDescription,
70
+ s as AlertTitle,
71
+ i as default
77
72
  };
78
- //# sourceMappingURL=alert.js.map
73
+ //# sourceMappingURL=Alert.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"alert.js","sources":["../../../../src/components/library/ui/alert.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '../../../lib/utils';\n\nconst alertVariants = cva(\n \"grid gap-0.5 rounded-lg border px-2.5 py-2 text-left text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-4 w-full relative group/alert\",\n {\n variants: {\n variant: {\n default: 'bg-card text-card-foreground',\n destructive:\n 'text-destructive bg-card *:data-[slot=alert-description]:text-destructive/90 *:[svg]:text-current',\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n }\n);\n\nfunction Alert({\n className,\n variant,\n ...props\n}: React.ComponentProps<'div'> & VariantProps<typeof alertVariants>) {\n return (\n <div\n data-slot=\"alert\"\n role=\"alert\"\n className={cn(alertVariants({ variant }), className)}\n {...props}\n />\n );\n}\n\nfunction AlertTitle({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"alert-title\"\n className={cn(\n 'font-medium group-has-[>svg]/alert:col-start-2 [&_a]:hover:text-foreground [&_a]:underline [&_a]:underline-offset-3',\n className\n )}\n {...props}\n />\n );\n}\n\nfunction AlertDescription({\n className,\n ...props\n}: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"alert-description\"\n className={cn(\n 'text-muted-foreground text-sm text-balance md:text-pretty [&_p:not(:last-child)]:mb-4 [&_a]:hover:text-foreground [&_a]:underline [&_a]:underline-offset-3',\n className\n )}\n {...props}\n />\n );\n}\n\nfunction AlertAction({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"alert-action\"\n className={cn('absolute top-2 right-2', className)}\n {...props}\n />\n );\n}\n\nexport { Alert, AlertTitle, AlertDescription, AlertAction };\n"],"names":["alertVariants","cva","Alert","className","variant","props","jsx","cn","AlertTitle","AlertDescription","AlertAction"],"mappings":";;;AAKA,MAAMA,IAAgBC;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,aACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;AAEA,SAASC,EAAM;AAAA,EACb,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,GAAqE;AACnE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,MAAK;AAAA,MACL,WAAWC,EAAGP,EAAc,EAAE,SAAAI,EAAA,CAAS,GAAGD,CAAS;AAAA,MAClD,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASG,EAAW,EAAE,WAAAL,GAAW,GAAGE,KAAsC;AACxE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASI,EAAiB;AAAA,EACxB,WAAAN;AAAA,EACA,GAAGE;AACL,GAAgC;AAC9B,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASK,EAAY,EAAE,WAAAP,GAAW,GAAGE,KAAsC;AACzE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,0BAA0BJ,CAAS;AAAA,MAChD,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;"}
1
+ {"version":3,"file":"Alert.js","sources":["../../../../src/components/library/ui/Alert.jsx"],"sourcesContent":["import React from \"react\";\n\nconst VARIANT_CLASSES = {\n default: \"bg-slate-50 border-slate-200 text-slate-900 dark:bg-slate-900 dark:border-slate-800 dark:text-slate-50\",\n info: \"bg-blue-50 border-blue-200 text-blue-900 dark:bg-blue-950 dark:border-blue-800 dark:text-blue-50\",\n success: \"bg-green-50 border-green-200 text-green-900 dark:bg-green-950 dark:border-green-800 dark:text-green-50\",\n warning: \"bg-yellow-50 border-yellow-200 text-yellow-900 dark:bg-yellow-950 dark:border-yellow-800 dark:text-yellow-50\",\n error: \"bg-red-50 border-red-200 text-red-900 dark:bg-red-950 dark:border-red-800 dark:text-red-50\",\n destructive: \"bg-red-50 border-red-200 text-red-900 dark:bg-red-950 dark:border-red-800 dark:text-red-50\"\n};\n\nexport default function Alert({ variant = \"default\", className = \"\", children, ...rest }) {\n const variantClasses = VARIANT_CLASSES[variant] || VARIANT_CLASSES.default;\n\n return (\n <div\n role=\"alert\"\n className={[\n \"rounded-lg border p-4\",\n variantClasses,\n className\n ]\n .filter(Boolean)\n .join(\" \")}\n {...rest}\n >\n {children}\n </div>\n );\n}\n\nexport function AlertTitle({ className = \"\", children, ...rest }) {\n return (\n <h5\n className={[\n \"mb-1 font-medium leading-none tracking-tight\",\n className\n ]\n .filter(Boolean)\n .join(\" \")}\n {...rest}\n >\n {children}\n </h5>\n );\n}\n\nexport function AlertDescription({ className = \"\", children, ...rest }) {\n return (\n <div\n className={[\n \"text-sm opacity-90\",\n className\n ]\n .filter(Boolean)\n .join(\" \")}\n {...rest}\n >\n {children}\n </div>\n );\n}\n\nexport function AlertAction({ className = \"\", children, ...rest }) {\n return (\n <div\n className={[\n \"mt-3\",\n className\n ]\n .filter(Boolean)\n .join(\" \")}\n {...rest}\n >\n {children}\n </div>\n );\n}\n\nexport { Alert };\n"],"names":["VARIANT_CLASSES","Alert","variant","className","children","rest","variantClasses","jsx","AlertTitle","AlertDescription","AlertAction"],"mappings":";;AAEA,MAAMA,IAAkB;AAAA,EACtB,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,aAAa;AACf;AAEA,SAAwBC,EAAM,EAAE,SAAAC,IAAU,WAAW,WAAAC,IAAY,IAAI,UAAAC,GAAU,GAAGC,KAAQ;AACxF,QAAMC,IAAiBN,EAAgBE,CAAO,KAAKF,EAAgB;AAEnE,SACE,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAW;AAAA,QACT;AAAA,QACAD;AAAA,QACAH;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,GAAGE;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAASI,EAAW,EAAE,WAAAL,IAAY,IAAI,UAAAC,GAAU,GAAGC,KAAQ;AAChE,SACE,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,GAAGE;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAASK,EAAiB,EAAE,WAAAN,IAAY,IAAI,UAAAC,GAAU,GAAGC,KAAQ;AACtE,SACE,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,GAAGE;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAASM,EAAY,EAAE,WAAAP,IAAY,IAAI,UAAAC,GAAU,GAAGC,KAAQ;AACjE,SACE,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,GAAGE;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;"}