@cryptlex/web-components 1.0.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.
Files changed (64) hide show
  1. package/README.md +39 -0
  2. package/dist/components/ui/badge.es.js +27 -0
  3. package/dist/components/ui/badge.es.js.map +1 -0
  4. package/dist/components/ui/breadcrumb.es.js +91 -0
  5. package/dist/components/ui/breadcrumb.es.js.map +1 -0
  6. package/dist/components/ui/button.es.js +64 -0
  7. package/dist/components/ui/button.es.js.map +1 -0
  8. package/dist/components/ui/calendar.es.js +63 -0
  9. package/dist/components/ui/calendar.es.js.map +1 -0
  10. package/dist/components/ui/card.es.js +68 -0
  11. package/dist/components/ui/card.es.js.map +1 -0
  12. package/dist/components/ui/chart.es.js +211 -0
  13. package/dist/components/ui/chart.es.js.map +1 -0
  14. package/dist/components/ui/checkbox.es.js +28 -0
  15. package/dist/components/ui/checkbox.es.js.map +1 -0
  16. package/dist/components/ui/collapsible.es.js +8 -0
  17. package/dist/components/ui/collapsible.es.js.map +1 -0
  18. package/dist/components/ui/command.es.js +110 -0
  19. package/dist/components/ui/command.es.js.map +1 -0
  20. package/dist/components/ui/dialog.es.js +101 -0
  21. package/dist/components/ui/dialog.es.js.map +1 -0
  22. package/dist/components/ui/dropdown-menu.es.js +145 -0
  23. package/dist/components/ui/dropdown-menu.es.js.map +1 -0
  24. package/dist/components/ui/form.es.js +95 -0
  25. package/dist/components/ui/form.es.js.map +1 -0
  26. package/dist/components/ui/input.es.js +23 -0
  27. package/dist/components/ui/input.es.js.map +1 -0
  28. package/dist/components/ui/label.es.js +20 -0
  29. package/dist/components/ui/label.es.js.map +1 -0
  30. package/dist/components/ui/loader.es.js +10 -0
  31. package/dist/components/ui/loader.es.js.map +1 -0
  32. package/dist/components/ui/pagination.es.js +106 -0
  33. package/dist/components/ui/pagination.es.js.map +1 -0
  34. package/dist/components/ui/password-input.es.js +27 -0
  35. package/dist/components/ui/password-input.es.js.map +1 -0
  36. package/dist/components/ui/popover.es.js +25 -0
  37. package/dist/components/ui/popover.es.js.map +1 -0
  38. package/dist/components/ui/radio-group.es.js +32 -0
  39. package/dist/components/ui/radio-group.es.js.map +1 -0
  40. package/dist/components/ui/select.es.js +122 -0
  41. package/dist/components/ui/select.es.js.map +1 -0
  42. package/dist/components/ui/separator.es.js +25 -0
  43. package/dist/components/ui/separator.es.js.map +1 -0
  44. package/dist/components/ui/sheet.es.js +111 -0
  45. package/dist/components/ui/sheet.es.js.map +1 -0
  46. package/dist/components/ui/sidebar.es.js +534 -0
  47. package/dist/components/ui/sidebar.es.js.map +1 -0
  48. package/dist/components/ui/skeleton.es.js +18 -0
  49. package/dist/components/ui/skeleton.es.js.map +1 -0
  50. package/dist/components/ui/table.es.js +91 -0
  51. package/dist/components/ui/table.es.js.map +1 -0
  52. package/dist/components/ui/tooltip.es.js +24 -0
  53. package/dist/components/ui/tooltip.es.js.map +1 -0
  54. package/dist/hooks/use-mobile.es.js +15 -0
  55. package/dist/hooks/use-mobile.es.js.map +1 -0
  56. package/dist/index.es.d.ts +600 -0
  57. package/dist/index.es.js +178 -0
  58. package/dist/index.es.js.map +1 -0
  59. package/dist/utils/index.es.js +9 -0
  60. package/dist/utils/index.es.js.map +1 -0
  61. package/lib/index.css +24 -0
  62. package/lib/tokens.css +143 -0
  63. package/package.json +107 -0
  64. package/tailwind.preset.ts +77 -0
@@ -0,0 +1 @@
1
+ {"version":3,"file":"input.es.js","sources":["../../../lib/components/ui/input.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/utils\"\n\nexport interface InputProps\n extends React.InputHTMLAttributes<HTMLInputElement> {}\n//Input\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n ({ className, type, ...props }, ref) => {\n return (\n <input\n type={type}\n className={cn(\n \"flex h-10 w-full rounded-lg border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-1 disabled:cursor-not-allowed disabled:opacity-50\", // Change 'ring' class to 'ring-primary'\n className\n )}\n ref={ref}\n {...props}\n />\n );\n }\n);\nInput.displayName = \"Input\";\n\nexport { Input };"],"names":["Input","React","className","type","props","ref","jsx","cn"],"mappings":";;;AAOA,MAAMA,IAAQC,EAAM;AAAA,EAClB,CAAC,EAAE,WAAAC,GAAW,MAAAC,GAAM,GAAGC,EAAA,GAASC,MAE5B,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAAH;AAAA,MACA,WAAWI;AAAA,QACT;AAAA;AAAA,QACAL;AAAA,MACF;AAAA,MACA,KAAAG;AAAA,MACC,GAAGD;AAAA,IAAA;AAAA,EACN;AAGN;AACAJ,EAAM,cAAc;"}
@@ -0,0 +1,20 @@
1
+ import { jsx as t } from "react/jsx-runtime";
2
+ import * as m from "react";
3
+ import * as o from "@radix-ui/react-label";
4
+ import { cva as i } from "class-variance-authority";
5
+ import { cn as s } from "../../utils/index.es.js";
6
+ const l = i(
7
+ "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
8
+ ), p = m.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ t(
9
+ o.Root,
10
+ {
11
+ ref: r,
12
+ className: s(l(), a),
13
+ ...e
14
+ }
15
+ ));
16
+ p.displayName = o.Root.displayName;
17
+ export {
18
+ p as Label
19
+ };
20
+ //# sourceMappingURL=label.es.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"label.es.js","sources":["../../../lib/components/ui/label.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as LabelPrimitive from \"@radix-ui/react-label\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/utils\"\n\nconst labelVariants = cva(\n \"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\"\n)\n\nconst Label = React.forwardRef<\n React.ElementRef<typeof LabelPrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &\n VariantProps<typeof labelVariants>\n>(({ className, ...props }, ref) => (\n <LabelPrimitive.Root\n ref={ref}\n className={cn(labelVariants(), className)}\n {...props}\n />\n))\nLabel.displayName = LabelPrimitive.Root.displayName\n\nexport { Label }\n"],"names":["labelVariants","cva","Label","React","className","props","ref","jsx","LabelPrimitive","cn"],"mappings":";;;;;AAMA,MAAMA,IAAgBC;AAAA,EACpB;AACF,GAEMC,IAAQC,EAAM,WAIlB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAACC,EAAe;AAAA,EAAf;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG,EAAGT,EAAc,GAAGI,CAAS;AAAA,IACvC,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAM,cAAcM,EAAe,KAAK;"}
@@ -0,0 +1,10 @@
1
+ import { jsx as o } from "react/jsx-runtime";
2
+ import { cn as m } from "../../utils/index.es.js";
3
+ import { Loader2 as t } from "lucide-react";
4
+ function n({ className: r }) {
5
+ return /* @__PURE__ */ o(t, { className: m("animate-spin h-4", r) });
6
+ }
7
+ export {
8
+ n as Loader
9
+ };
10
+ //# sourceMappingURL=loader.es.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"loader.es.js","sources":["../../../lib/components/ui/loader.tsx"],"sourcesContent":["import { cn } from \"@/utils\";\nimport { Loader2 } from \"lucide-react\";\n\ninterface LoaderProps {\n className?: string; // Define props interface\n}\n\nexport function Loader({ className }: LoaderProps) {\n return <Loader2 className={cn(`animate-spin h-4`, className)} />;\n}\n"],"names":["Loader","className","Loader2","cn"],"mappings":";;;AAOgB,SAAAA,EAAO,EAAE,WAAAC,KAA0B;AACjD,2BAAQC,GAAQ,EAAA,WAAWC,EAAG,oBAAoBF,CAAS,GAAG;AAChE;"}
@@ -0,0 +1,106 @@
1
+ import { jsx as n, jsxs as t } from "react/jsx-runtime";
2
+ import * as l from "react";
3
+ import { ChevronLeftIcon as c, ChevronRightIcon as m, DotsHorizontalIcon as p } from "@radix-ui/react-icons";
4
+ import { cn as e } from "../../utils/index.es.js";
5
+ import { buttonVariants as g } from "./button.es.js";
6
+ const N = ({ className: i, ...a }) => /* @__PURE__ */ n(
7
+ "nav",
8
+ {
9
+ role: "navigation",
10
+ "aria-label": "pagination",
11
+ className: e("mx-auto flex w-full justify-center", i),
12
+ ...a
13
+ }
14
+ );
15
+ N.displayName = "Pagination";
16
+ const d = l.forwardRef(({ className: i, ...a }, o) => /* @__PURE__ */ n(
17
+ "ul",
18
+ {
19
+ ref: o,
20
+ className: e("flex flex-row items-center gap-1", i),
21
+ ...a
22
+ }
23
+ ));
24
+ d.displayName = "PaginationContent";
25
+ const f = l.forwardRef(({ className: i, ...a }, o) => /* @__PURE__ */ n("li", { ref: o, className: e("", i), ...a }));
26
+ f.displayName = "PaginationItem";
27
+ const s = ({
28
+ className: i,
29
+ isActive: a,
30
+ size: o = "icon",
31
+ ...r
32
+ }) => /* @__PURE__ */ n(
33
+ "a",
34
+ {
35
+ "aria-current": a ? "page" : void 0,
36
+ className: e(
37
+ g({
38
+ variant: a ? "outline" : "ghost",
39
+ size: o
40
+ }),
41
+ i
42
+ ),
43
+ ...r
44
+ }
45
+ );
46
+ s.displayName = "PaginationLink";
47
+ const P = ({
48
+ className: i,
49
+ ...a
50
+ }) => /* @__PURE__ */ t(
51
+ s,
52
+ {
53
+ "aria-label": "Go to previous page",
54
+ size: "default",
55
+ className: e("gap-1 pl-2.5", i),
56
+ ...a,
57
+ children: [
58
+ /* @__PURE__ */ n(c, { className: "h-4 w-4" }),
59
+ /* @__PURE__ */ n("span", { children: "Previous" })
60
+ ]
61
+ }
62
+ );
63
+ P.displayName = "PaginationPrevious";
64
+ const h = ({
65
+ className: i,
66
+ ...a
67
+ }) => /* @__PURE__ */ t(
68
+ s,
69
+ {
70
+ "aria-label": "Go to next page",
71
+ size: "default",
72
+ className: e("gap-1 pr-2.5", i),
73
+ ...a,
74
+ children: [
75
+ /* @__PURE__ */ n("span", { children: "Next" }),
76
+ /* @__PURE__ */ n(m, { className: "h-4 w-4" })
77
+ ]
78
+ }
79
+ );
80
+ h.displayName = "PaginationNext";
81
+ const u = ({
82
+ className: i,
83
+ ...a
84
+ }) => /* @__PURE__ */ t(
85
+ "span",
86
+ {
87
+ "aria-hidden": !0,
88
+ className: e("flex h-9 w-9 items-center justify-center", i),
89
+ ...a,
90
+ children: [
91
+ /* @__PURE__ */ n(p, { className: "h-4 w-4" }),
92
+ /* @__PURE__ */ n("span", { className: "sr-only", children: "More pages" })
93
+ ]
94
+ }
95
+ );
96
+ u.displayName = "PaginationEllipsis";
97
+ export {
98
+ N as Pagination,
99
+ d as PaginationContent,
100
+ u as PaginationEllipsis,
101
+ f as PaginationItem,
102
+ s as PaginationLink,
103
+ h as PaginationNext,
104
+ P as PaginationPrevious
105
+ };
106
+ //# sourceMappingURL=pagination.es.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"pagination.es.js","sources":["../../../lib/components/ui/pagination.tsx"],"sourcesContent":["import * as React from \"react\"\nimport {\n ChevronLeftIcon,\n ChevronRightIcon,\n DotsHorizontalIcon,\n} from \"@radix-ui/react-icons\"\n\nimport { cn } from \"@/utils\"\nimport { ButtonProps, buttonVariants } from \"@/components/ui/button\"\n\nconst Pagination = ({ className, ...props }: React.ComponentProps<\"nav\">) => (\n <nav\n role=\"navigation\"\n aria-label=\"pagination\"\n className={cn(\"mx-auto flex w-full justify-center\", className)}\n {...props}\n />\n)\nPagination.displayName = \"Pagination\"\n\nconst PaginationContent = React.forwardRef<\n HTMLUListElement,\n React.ComponentProps<\"ul\">\n>(({ className, ...props }, ref) => (\n <ul\n ref={ref}\n className={cn(\"flex flex-row items-center gap-1\", className)}\n {...props}\n />\n))\nPaginationContent.displayName = \"PaginationContent\"\n\nconst PaginationItem = React.forwardRef<\n HTMLLIElement,\n React.ComponentProps<\"li\">\n>(({ className, ...props }, ref) => (\n <li ref={ref} className={cn(\"\", className)} {...props} />\n))\nPaginationItem.displayName = \"PaginationItem\"\n\ntype PaginationLinkProps = {\n isActive?: boolean\n} & Pick<ButtonProps, \"size\"> &\n React.ComponentProps<\"a\">\n\nconst PaginationLink = ({\n className,\n isActive,\n size = \"icon\",\n ...props\n}: PaginationLinkProps) => (\n <a\n aria-current={isActive ? \"page\" : undefined}\n className={cn(\n buttonVariants({\n variant: isActive ? \"outline\" : \"ghost\",\n size,\n }),\n className\n )}\n {...props}\n />\n)\nPaginationLink.displayName = \"PaginationLink\"\n\nconst PaginationPrevious = ({\n className,\n ...props\n}: React.ComponentProps<typeof PaginationLink>) => (\n <PaginationLink\n aria-label=\"Go to previous page\"\n size=\"default\"\n className={cn(\"gap-1 pl-2.5\", className)}\n {...props}\n >\n <ChevronLeftIcon className=\"h-4 w-4\" />\n <span>Previous</span>\n </PaginationLink>\n)\nPaginationPrevious.displayName = \"PaginationPrevious\"\n\nconst PaginationNext = ({\n className,\n ...props\n}: React.ComponentProps<typeof PaginationLink>) => (\n <PaginationLink\n aria-label=\"Go to next page\"\n size=\"default\"\n className={cn(\"gap-1 pr-2.5\", className)}\n {...props}\n >\n <span>Next</span>\n <ChevronRightIcon className=\"h-4 w-4\" />\n </PaginationLink>\n)\nPaginationNext.displayName = \"PaginationNext\"\n\nconst PaginationEllipsis = ({\n className,\n ...props\n}: React.ComponentProps<\"span\">) => (\n <span\n aria-hidden\n className={cn(\"flex h-9 w-9 items-center justify-center\", className)}\n {...props}\n >\n <DotsHorizontalIcon className=\"h-4 w-4\" />\n <span className=\"sr-only\">More pages</span>\n </span>\n)\nPaginationEllipsis.displayName = \"PaginationEllipsis\"\n\nexport {\n Pagination,\n PaginationContent,\n PaginationLink,\n PaginationItem,\n PaginationPrevious,\n PaginationNext,\n PaginationEllipsis,\n}\n"],"names":["Pagination","className","props","jsx","cn","PaginationContent","React","ref","PaginationItem","PaginationLink","isActive","size","buttonVariants","PaginationPrevious","jsxs","ChevronLeftIcon","PaginationNext","ChevronRightIcon","PaginationEllipsis","DotsHorizontalIcon"],"mappings":";;;;;AAUA,MAAMA,IAAa,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAClC,MAAA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,cAAW;AAAA,IACX,WAAWC,EAAG,sCAAsCH,CAAS;AAAA,IAC5D,GAAGC;AAAA,EAAA;AACN;AAEFF,EAAW,cAAc;AAEnB,MAAAK,IAAoBC,EAAM,WAG9B,CAAC,EAAE,WAAAL,GAAW,GAAGC,EAAM,GAAGK,MAC1B,gBAAAJ;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAI;AAAA,IACA,WAAWH,EAAG,oCAAoCH,CAAS;AAAA,IAC1D,GAAGC;AAAA,EAAA;AACN,CACD;AACDG,EAAkB,cAAc;AAE1B,MAAAG,IAAiBF,EAAM,WAG3B,CAAC,EAAE,WAAAL,GAAW,GAAGC,EAAS,GAAAK,wBACzB,MAAG,EAAA,KAAAA,GAAU,WAAWH,EAAG,IAAIH,CAAS,GAAI,GAAGC,GAAO,CACxD;AACDM,EAAe,cAAc;AAO7B,MAAMC,IAAiB,CAAC;AAAA,EACtB,WAAAR;AAAA,EACA,UAAAS;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,GAAGT;AACL,MACE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,gBAAcO,IAAW,SAAS;AAAA,IAClC,WAAWN;AAAA,MACTQ,EAAe;AAAA,QACb,SAASF,IAAW,YAAY;AAAA,QAChC,MAAAC;AAAA,MAAA,CACD;AAAA,MACDV;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN;AAEFO,EAAe,cAAc;AAE7B,MAAMI,IAAqB,CAAC;AAAA,EAC1B,WAAAZ;AAAA,EACA,GAAGC;AACL,MACE,gBAAAY;AAAA,EAACL;AAAA,EAAA;AAAA,IACC,cAAW;AAAA,IACX,MAAK;AAAA,IACL,WAAWL,EAAG,gBAAgBH,CAAS;AAAA,IACtC,GAAGC;AAAA,IAEJ,UAAA;AAAA,MAAC,gBAAAC,EAAAY,GAAA,EAAgB,WAAU,UAAU,CAAA;AAAA,MACrC,gBAAAZ,EAAC,UAAK,UAAQ,WAAA,CAAA;AAAA,IAAA;AAAA,EAAA;AAChB;AAEFU,EAAmB,cAAc;AAEjC,MAAMG,IAAiB,CAAC;AAAA,EACtB,WAAAf;AAAA,EACA,GAAGC;AACL,MACE,gBAAAY;AAAA,EAACL;AAAA,EAAA;AAAA,IACC,cAAW;AAAA,IACX,MAAK;AAAA,IACL,WAAWL,EAAG,gBAAgBH,CAAS;AAAA,IACtC,GAAGC;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAC,EAAC,UAAK,UAAI,OAAA,CAAA;AAAA,MACV,gBAAAA,EAACc,GAAiB,EAAA,WAAU,UAAU,CAAA;AAAA,IAAA;AAAA,EAAA;AACxC;AAEFD,EAAe,cAAc;AAE7B,MAAME,IAAqB,CAAC;AAAA,EAC1B,WAAAjB;AAAA,EACA,GAAGC;AACL,MACE,gBAAAY;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,eAAW;AAAA,IACX,WAAWV,EAAG,4CAA4CH,CAAS;AAAA,IAClE,GAAGC;AAAA,IAEJ,UAAA;AAAA,MAAC,gBAAAC,EAAAgB,GAAA,EAAmB,WAAU,UAAU,CAAA;AAAA,MACvC,gBAAAhB,EAAA,QAAA,EAAK,WAAU,WAAU,UAAU,aAAA,CAAA;AAAA,IAAA;AAAA,EAAA;AACtC;AAEFe,EAAmB,cAAc;"}
@@ -0,0 +1,27 @@
1
+ import { jsxs as n, jsx as e } from "react/jsx-runtime";
2
+ import * as r from "react";
3
+ import { EyeIcon as m, EyeOffIcon as d } from "lucide-react";
4
+ import { Input as i } from "./input.es.js";
5
+ import { Button as p } from "./button.es.js";
6
+ const u = r.forwardRef(
7
+ ({ className: c, ...o }, s) => {
8
+ const [t, a] = r.useState(!1);
9
+ return /* @__PURE__ */ n("div", { className: "flex flex-row items-center relative", children: [
10
+ /* @__PURE__ */ e(i, { type: t ? "text" : "password", ref: s, ...o }),
11
+ /* @__PURE__ */ e(
12
+ p,
13
+ {
14
+ type: "button",
15
+ className: "absolute right-0 top-0 mr-2 rounded-md bg-transparent p-2 text-muted-foreground hover:bg-muted/5 focus:outline-none",
16
+ onClick: () => a(!t),
17
+ children: t ? /* @__PURE__ */ e(d, { className: "h-4 w-4", "aria-hidden": "true" }) : /* @__PURE__ */ e(m, { className: "h-4 w-4", "aria-hidden": "true" })
18
+ }
19
+ )
20
+ ] });
21
+ }
22
+ );
23
+ u.displayName = "PasswordInput";
24
+ export {
25
+ u as PasswordInput
26
+ };
27
+ //# sourceMappingURL=password-input.es.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"password-input.es.js","sources":["../../../lib/components/ui/password-input.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { EyeIcon, EyeOffIcon } from \"lucide-react\";\nimport { Input, InputProps } from \"./input\";\nimport { Button } from \"./button\";\n\nconst PasswordInput = React.forwardRef<HTMLInputElement, InputProps>(\n ({ className, ...props }, ref) => {\n const [showPassword, setShowPassword] = React.useState<boolean>(false);\n return (\n <div className=\"flex flex-row items-center relative\">\n <Input type={showPassword ? \"text\" : \"password\"} ref={ref} {...props} />\n <Button\n type=\"button\"\n className=\"absolute right-0 top-0 mr-2 rounded-md bg-transparent p-2 text-muted-foreground hover:bg-muted/5 focus:outline-none\"\n onClick={() => setShowPassword(!showPassword)}\n >\n {!showPassword ? (\n <EyeIcon className=\"h-4 w-4\" aria-hidden=\"true\" />\n ) : (\n <EyeOffIcon className=\"h-4 w-4\" aria-hidden=\"true\" />\n )}\n </Button>\n </div>\n );\n }\n);\nPasswordInput.displayName = \"PasswordInput\";\n\nexport { PasswordInput };\n"],"names":["PasswordInput","React","className","props","ref","showPassword","setShowPassword","jsxs","jsx","Input","Button","EyeOffIcon","EyeIcon"],"mappings":";;;;;AAMA,MAAMA,IAAgBC,EAAM;AAAA,EAC1B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAAQ;AAChC,UAAM,CAACC,GAAcC,CAAe,IAAIL,EAAM,SAAkB,EAAK;AAEnE,WAAA,gBAAAM,EAAC,OAAI,EAAA,WAAU,uCACb,UAAA;AAAA,MAAA,gBAAAC,EAACC,KAAM,MAAMJ,IAAe,SAAS,YAAY,KAAAD,GAAW,GAAGD,GAAO;AAAA,MACtE,gBAAAK;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAU;AAAA,UACV,SAAS,MAAMJ,EAAgB,CAACD,CAAY;AAAA,UAE3C,UAACA,IAGC,gBAAAG,EAAAG,GAAA,EAAW,WAAU,WAAU,eAAY,OAAO,CAAA,IAFlD,gBAAAH,EAAAI,GAAA,EAAQ,WAAU,WAAU,eAAY,OAAO,CAAA;AAAA,QAEG;AAAA,MAAA;AAAA,IAEvD,GACF;AAAA,EAAA;AAGN;AACAZ,EAAc,cAAc;"}
@@ -0,0 +1,25 @@
1
+ import { jsx as t } from "react/jsx-runtime";
2
+ import * as n from "react";
3
+ import * as o from "@radix-ui/react-popover";
4
+ import { cn as s } from "../../utils/index.es.js";
5
+ const l = o.Root, c = o.Trigger, g = o.Anchor, m = n.forwardRef(({ className: e, align: a = "center", sideOffset: r = 4, ...d }, i) => /* @__PURE__ */ t(o.Portal, { children: /* @__PURE__ */ t(
6
+ o.Content,
7
+ {
8
+ ref: i,
9
+ align: a,
10
+ sideOffset: r,
11
+ className: s(
12
+ "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
13
+ e
14
+ ),
15
+ ...d
16
+ }
17
+ ) }));
18
+ m.displayName = o.Content.displayName;
19
+ export {
20
+ l as Popover,
21
+ g as PopoverAnchor,
22
+ m as PopoverContent,
23
+ c as PopoverTrigger
24
+ };
25
+ //# sourceMappingURL=popover.es.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"popover.es.js","sources":["../../../lib/components/ui/popover.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\"\n\nimport { cn } from \"@/utils\"\n\nconst Popover = PopoverPrimitive.Root\n\nconst PopoverTrigger = PopoverPrimitive.Trigger\n\nconst PopoverAnchor = PopoverPrimitive.Anchor\n\nconst PopoverContent = React.forwardRef<\n React.ElementRef<typeof PopoverPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\n>(({ className, align = \"center\", sideOffset = 4, ...props }, ref) => (\n <PopoverPrimitive.Portal>\n <PopoverPrimitive.Content\n ref={ref}\n align={align}\n sideOffset={sideOffset}\n className={cn(\n \"z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n className\n )}\n {...props}\n />\n </PopoverPrimitive.Portal>\n))\nPopoverContent.displayName = PopoverPrimitive.Content.displayName\n\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor }\n"],"names":["Popover","PopoverPrimitive","PopoverTrigger","PopoverAnchor","PopoverContent","React","className","align","sideOffset","props","ref","jsx","cn"],"mappings":";;;;AAKA,MAAMA,IAAUC,EAAiB,MAE3BC,IAAiBD,EAAiB,SAElCE,IAAgBF,EAAiB,QAEjCG,IAAiBC,EAAM,WAG3B,CAAC,EAAE,WAAAC,GAAW,OAAAC,IAAQ,UAAU,YAAAC,IAAa,GAAG,GAAGC,EAAM,GAAGC,MAC3D,gBAAAC,EAAAV,EAAiB,QAAjB,EACC,UAAA,gBAAAU;AAAA,EAACV,EAAiB;AAAA,EAAjB;AAAA,IACC,KAAAS;AAAA,IACA,OAAAH;AAAA,IACA,YAAAC;AAAA,IACA,WAAWI;AAAA,MACT;AAAA,MACAN;AAAA,IACF;AAAA,IACC,GAAGG;AAAA,EAAA;AACN,GACF,CACD;AACDL,EAAe,cAAcH,EAAiB,QAAQ;"}
@@ -0,0 +1,32 @@
1
+ import { jsx as e } from "react/jsx-runtime";
2
+ import * as s from "react";
3
+ import { CheckIcon as m } from "@radix-ui/react-icons";
4
+ import * as r from "@radix-ui/react-radio-group";
5
+ import { cn as t } from "../../utils/index.es.js";
6
+ const d = s.forwardRef(({ className: o, ...a }, i) => /* @__PURE__ */ e(
7
+ r.Root,
8
+ {
9
+ className: t("grid gap-2", o),
10
+ ...a,
11
+ ref: i
12
+ }
13
+ ));
14
+ d.displayName = r.Root.displayName;
15
+ const l = s.forwardRef(({ className: o, ...a }, i) => /* @__PURE__ */ e(
16
+ r.Item,
17
+ {
18
+ ref: i,
19
+ className: t(
20
+ "aspect-square h-4 w-4 rounded-full border border-primary text-primary shadow focus:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
21
+ o
22
+ ),
23
+ ...a,
24
+ children: /* @__PURE__ */ e(r.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ e(m, { className: "h-3.5 w-3.5 fill-primary" }) })
25
+ }
26
+ ));
27
+ l.displayName = r.Item.displayName;
28
+ export {
29
+ d as RadioGroup,
30
+ l as RadioGroupItem
31
+ };
32
+ //# sourceMappingURL=radio-group.es.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"radio-group.es.js","sources":["../../../lib/components/ui/radio-group.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { CheckIcon } from \"@radix-ui/react-icons\"\nimport * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\"\n\nimport { cn } from \"@/utils\"\n\nconst RadioGroup = React.forwardRef<\n React.ElementRef<typeof RadioGroupPrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>\n>(({ className, ...props }, ref) => {\n return (\n <RadioGroupPrimitive.Root\n className={cn(\"grid gap-2\", className)}\n {...props}\n ref={ref}\n />\n )\n})\nRadioGroup.displayName = RadioGroupPrimitive.Root.displayName\n\nconst RadioGroupItem = React.forwardRef<\n React.ElementRef<typeof RadioGroupPrimitive.Item>,\n React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>\n>(({ className, ...props }, ref) => {\n return (\n <RadioGroupPrimitive.Item\n ref={ref}\n className={cn(\n \"aspect-square h-4 w-4 rounded-full border border-primary text-primary shadow focus:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50\",\n className\n )}\n {...props}\n >\n <RadioGroupPrimitive.Indicator className=\"flex items-center justify-center\">\n <CheckIcon className=\"h-3.5 w-3.5 fill-primary\" />\n </RadioGroupPrimitive.Indicator>\n </RadioGroupPrimitive.Item>\n )\n})\nRadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName\n\nexport { RadioGroup, RadioGroupItem }\n"],"names":["RadioGroup","React","className","props","ref","jsx","RadioGroupPrimitive","cn","RadioGroupItem","CheckIcon"],"mappings":";;;;;AAMM,MAAAA,IAAaC,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAExB,gBAAAC;AAAA,EAACC,EAAoB;AAAA,EAApB;AAAA,IACC,WAAWC,EAAG,cAAcL,CAAS;AAAA,IACpC,GAAGC;AAAA,IACJ,KAAAC;AAAA,EAAA;AACF,CAEH;AACDJ,EAAW,cAAcM,EAAoB,KAAK;AAE5C,MAAAE,IAAiBP,EAAM,WAG3B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAExB,gBAAAC;AAAA,EAACC,EAAoB;AAAA,EAApB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,IAEJ,UAAA,gBAAAE,EAACC,EAAoB,WAApB,EAA8B,WAAU,oCACvC,UAAC,gBAAAD,EAAAI,GAAA,EAAU,WAAU,2BAA2B,CAAA,EAClD,CAAA;AAAA,EAAA;AACF,CAEH;AACDD,EAAe,cAAcF,EAAoB,KAAK;"}
@@ -0,0 +1,122 @@
1
+ import { jsxs as n, jsx as t } from "react/jsx-runtime";
2
+ import * as l from "react";
3
+ import { CaretSortIcon as p, ChevronUpIcon as f, ChevronDownIcon as u, CheckIcon as h } from "@radix-ui/react-icons";
4
+ import * as e from "@radix-ui/react-select";
5
+ import { cn as s } from "../../utils/index.es.js";
6
+ const I = e.Root, R = e.Group, C = e.Value, y = l.forwardRef(({ className: o, children: r, ...a }, d) => /* @__PURE__ */ n(
7
+ e.Trigger,
8
+ {
9
+ ref: d,
10
+ className: s(
11
+ "flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
12
+ o
13
+ ),
14
+ ...a,
15
+ children: [
16
+ r,
17
+ /* @__PURE__ */ t(e.Icon, { asChild: !0, children: /* @__PURE__ */ t(p, { className: "h-4 w-4 opacity-50" }) })
18
+ ]
19
+ }
20
+ ));
21
+ y.displayName = e.Trigger.displayName;
22
+ const i = l.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ t(
23
+ e.ScrollUpButton,
24
+ {
25
+ ref: a,
26
+ className: s(
27
+ "flex cursor-default items-center justify-center py-1",
28
+ o
29
+ ),
30
+ ...r,
31
+ children: /* @__PURE__ */ t(f, {})
32
+ }
33
+ ));
34
+ i.displayName = e.ScrollUpButton.displayName;
35
+ const c = l.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ t(
36
+ e.ScrollDownButton,
37
+ {
38
+ ref: a,
39
+ className: s(
40
+ "flex cursor-default items-center justify-center py-1",
41
+ o
42
+ ),
43
+ ...r,
44
+ children: /* @__PURE__ */ t(u, {})
45
+ }
46
+ ));
47
+ c.displayName = e.ScrollDownButton.displayName;
48
+ const w = l.forwardRef(({ className: o, children: r, position: a = "popper", ...d }, m) => /* @__PURE__ */ t(e.Portal, { children: /* @__PURE__ */ n(
49
+ e.Content,
50
+ {
51
+ ref: m,
52
+ className: s(
53
+ "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
54
+ a === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
55
+ o
56
+ ),
57
+ position: a,
58
+ ...d,
59
+ children: [
60
+ /* @__PURE__ */ t(i, {}),
61
+ /* @__PURE__ */ t(
62
+ e.Viewport,
63
+ {
64
+ className: s(
65
+ "p-1",
66
+ a === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
67
+ ),
68
+ children: r
69
+ }
70
+ ),
71
+ /* @__PURE__ */ t(c, {})
72
+ ]
73
+ }
74
+ ) }));
75
+ w.displayName = e.Content.displayName;
76
+ const g = l.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ t(
77
+ e.Label,
78
+ {
79
+ ref: a,
80
+ className: s("px-2 py-1.5 text-sm font-semibold", o),
81
+ ...r
82
+ }
83
+ ));
84
+ g.displayName = e.Label.displayName;
85
+ const N = l.forwardRef(({ className: o, children: r, ...a }, d) => /* @__PURE__ */ n(
86
+ e.Item,
87
+ {
88
+ ref: d,
89
+ className: s(
90
+ "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
91
+ o
92
+ ),
93
+ ...a,
94
+ children: [
95
+ /* @__PURE__ */ t("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ t(e.ItemIndicator, { children: /* @__PURE__ */ t(h, { className: "h-4 w-4" }) }) }),
96
+ /* @__PURE__ */ t(e.ItemText, { children: r })
97
+ ]
98
+ }
99
+ ));
100
+ N.displayName = e.Item.displayName;
101
+ const x = l.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ t(
102
+ e.Separator,
103
+ {
104
+ ref: a,
105
+ className: s("-mx-1 my-1 h-px bg-muted", o),
106
+ ...r
107
+ }
108
+ ));
109
+ x.displayName = e.Separator.displayName;
110
+ export {
111
+ I as Select,
112
+ w as SelectContent,
113
+ R as SelectGroup,
114
+ N as SelectItem,
115
+ g as SelectLabel,
116
+ c as SelectScrollDownButton,
117
+ i as SelectScrollUpButton,
118
+ x as SelectSeparator,
119
+ y as SelectTrigger,
120
+ C as SelectValue
121
+ };
122
+ //# sourceMappingURL=select.es.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"select.es.js","sources":["../../../lib/components/ui/select.tsx"],"sourcesContent":["import * as React from \"react\"\nimport {\n CaretSortIcon,\n CheckIcon,\n ChevronDownIcon,\n ChevronUpIcon,\n} from \"@radix-ui/react-icons\"\nimport * as SelectPrimitive from \"@radix-ui/react-select\"\n\nimport { cn } from \"@/utils\"\n\nconst Select = SelectPrimitive.Root\n\nconst SelectGroup = SelectPrimitive.Group\n\nconst SelectValue = SelectPrimitive.Value\n\nconst SelectTrigger = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Trigger>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => (\n <SelectPrimitive.Trigger\n ref={ref}\n className={cn(\n \"flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1\",\n className\n )}\n {...props}\n >\n {children}\n <SelectPrimitive.Icon asChild>\n <CaretSortIcon className=\"h-4 w-4 opacity-50\" />\n </SelectPrimitive.Icon>\n </SelectPrimitive.Trigger>\n))\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName\n\nconst SelectScrollUpButton = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.ScrollUpButton>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>\n>(({ className, ...props }, ref) => (\n <SelectPrimitive.ScrollUpButton\n ref={ref}\n className={cn(\n \"flex cursor-default items-center justify-center py-1\",\n className\n )}\n {...props}\n >\n <ChevronUpIcon />\n </SelectPrimitive.ScrollUpButton>\n))\nSelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName\n\nconst SelectScrollDownButton = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.ScrollDownButton>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>\n>(({ className, ...props }, ref) => (\n <SelectPrimitive.ScrollDownButton\n ref={ref}\n className={cn(\n \"flex cursor-default items-center justify-center py-1\",\n className\n )}\n {...props}\n >\n <ChevronDownIcon />\n </SelectPrimitive.ScrollDownButton>\n))\nSelectScrollDownButton.displayName =\n SelectPrimitive.ScrollDownButton.displayName\n\nconst SelectContent = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>\n>(({ className, children, position = \"popper\", ...props }, ref) => (\n <SelectPrimitive.Portal>\n <SelectPrimitive.Content\n ref={ref}\n className={cn(\n \"relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n position === \"popper\" &&\n \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\",\n className\n )}\n position={position}\n {...props}\n >\n <SelectScrollUpButton />\n <SelectPrimitive.Viewport\n className={cn(\n \"p-1\",\n position === \"popper\" &&\n \"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]\"\n )}\n >\n {children}\n </SelectPrimitive.Viewport>\n <SelectScrollDownButton />\n </SelectPrimitive.Content>\n </SelectPrimitive.Portal>\n))\nSelectContent.displayName = SelectPrimitive.Content.displayName\n\nconst SelectLabel = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Label>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>\n>(({ className, ...props }, ref) => (\n <SelectPrimitive.Label\n ref={ref}\n className={cn(\"px-2 py-1.5 text-sm font-semibold\", className)}\n {...props}\n />\n))\nSelectLabel.displayName = SelectPrimitive.Label.displayName\n\nconst SelectItem = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Item>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>\n>(({ className, children, ...props }, ref) => (\n <SelectPrimitive.Item\n ref={ref}\n className={cn(\n \"relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n className\n )}\n {...props}\n >\n <span className=\"absolute right-2 flex h-3.5 w-3.5 items-center justify-center\">\n <SelectPrimitive.ItemIndicator>\n <CheckIcon className=\"h-4 w-4\" />\n </SelectPrimitive.ItemIndicator>\n </span>\n <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n </SelectPrimitive.Item>\n))\nSelectItem.displayName = SelectPrimitive.Item.displayName\n\nconst SelectSeparator = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Separator>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n <SelectPrimitive.Separator\n ref={ref}\n className={cn(\"-mx-1 my-1 h-px bg-muted\", className)}\n {...props}\n />\n))\nSelectSeparator.displayName = SelectPrimitive.Separator.displayName\n\nexport {\n Select,\n SelectGroup,\n SelectValue,\n SelectTrigger,\n SelectContent,\n SelectLabel,\n SelectItem,\n SelectSeparator,\n SelectScrollUpButton,\n SelectScrollDownButton,\n}\n"],"names":["Select","SelectPrimitive","SelectGroup","SelectValue","SelectTrigger","React","className","children","props","ref","jsxs","cn","jsx","CaretSortIcon","SelectScrollUpButton","ChevronUpIcon","SelectScrollDownButton","ChevronDownIcon","SelectContent","position","SelectLabel","SelectItem","CheckIcon","SelectSeparator"],"mappings":"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"}
@@ -0,0 +1,25 @@
1
+ import { jsx as e } from "react/jsx-runtime";
2
+ import * as i from "react";
3
+ import * as o from "@radix-ui/react-separator";
4
+ import { cn as l } from "../../utils/index.es.js";
5
+ const s = i.forwardRef(
6
+ ({ className: a, orientation: r = "horizontal", decorative: t = !0, ...m }, p) => /* @__PURE__ */ e(
7
+ o.Root,
8
+ {
9
+ ref: p,
10
+ decorative: t,
11
+ orientation: r,
12
+ className: l(
13
+ "shrink-0 bg-border",
14
+ r === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
15
+ a
16
+ ),
17
+ ...m
18
+ }
19
+ )
20
+ );
21
+ s.displayName = o.Root.displayName;
22
+ export {
23
+ s as Separator
24
+ };
25
+ //# sourceMappingURL=separator.es.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"separator.es.js","sources":["../../../lib/components/ui/separator.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\"\n\nimport { cn } from \"@/utils\"\n\nconst Separator = React.forwardRef<\n React.ElementRef<typeof SeparatorPrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>\n>(\n (\n { className, orientation = \"horizontal\", decorative = true, ...props },\n ref\n ) => (\n <SeparatorPrimitive.Root\n ref={ref}\n decorative={decorative}\n orientation={orientation}\n className={cn(\n \"shrink-0 bg-border\",\n orientation === \"horizontal\" ? \"h-[1px] w-full\" : \"h-full w-[1px]\",\n className\n )}\n {...props}\n />\n )\n)\nSeparator.displayName = SeparatorPrimitive.Root.displayName\n\nexport { Separator }\n"],"names":["Separator","React","className","orientation","decorative","props","ref","jsx","SeparatorPrimitive","cn"],"mappings":";;;;AAOA,MAAMA,IAAYC,EAAM;AAAA,EAItB,CACE,EAAE,WAAAC,GAAW,aAAAC,IAAc,cAAc,YAAAC,IAAa,IAAM,GAAGC,KAC/DC,MAEA,gBAAAC;AAAA,IAACC,EAAmB;AAAA,IAAnB;AAAA,MACC,KAAAF;AAAA,MACA,YAAAF;AAAA,MACA,aAAAD;AAAA,MACA,WAAWM;AAAA,QACT;AAAA,QACAN,MAAgB,eAAe,mBAAmB;AAAA,QAClDD;AAAA,MACF;AAAA,MACC,GAAGG;AAAA,IAAA;AAAA,EAAA;AAGV;AACAL,EAAU,cAAcQ,EAAmB,KAAK;"}
@@ -0,0 +1,111 @@
1
+ import { jsx as o, jsxs as n } from "react/jsx-runtime";
2
+ import * as r from "react";
3
+ import * as e from "@radix-ui/react-dialog";
4
+ import { Cross2Icon as c } from "@radix-ui/react-icons";
5
+ import { cva as f } from "class-variance-authority";
6
+ import { cn as i } from "../../utils/index.es.js";
7
+ const C = e.Root, R = e.Trigger, T = e.Close, p = e.Portal, d = r.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ o(
8
+ e.Overlay,
9
+ {
10
+ className: i(
11
+ "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
12
+ t
13
+ ),
14
+ ...a,
15
+ ref: s
16
+ }
17
+ ));
18
+ d.displayName = e.Overlay.displayName;
19
+ const h = f(
20
+ "fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out",
21
+ {
22
+ variants: {
23
+ side: {
24
+ top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
25
+ bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
26
+ left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
27
+ right: "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"
28
+ }
29
+ },
30
+ defaultVariants: {
31
+ side: "right"
32
+ }
33
+ }
34
+ ), g = r.forwardRef(({ side: t = "right", className: a, children: s, ...l }, m) => /* @__PURE__ */ n(p, { children: [
35
+ /* @__PURE__ */ o(d, {}),
36
+ /* @__PURE__ */ n(
37
+ e.Content,
38
+ {
39
+ ref: m,
40
+ className: i(h({ side: t }), a),
41
+ ...l,
42
+ children: [
43
+ /* @__PURE__ */ n(e.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
44
+ /* @__PURE__ */ o(c, { className: "h-4 w-4" }),
45
+ /* @__PURE__ */ o("span", { className: "sr-only", children: "Close" })
46
+ ] }),
47
+ s
48
+ ]
49
+ }
50
+ )
51
+ ] }));
52
+ g.displayName = e.Content.displayName;
53
+ const u = ({
54
+ className: t,
55
+ ...a
56
+ }) => /* @__PURE__ */ o(
57
+ "div",
58
+ {
59
+ className: i(
60
+ "flex flex-col space-y-2 text-center sm:text-left",
61
+ t
62
+ ),
63
+ ...a
64
+ }
65
+ );
66
+ u.displayName = "SheetHeader";
67
+ const y = ({
68
+ className: t,
69
+ ...a
70
+ }) => /* @__PURE__ */ o(
71
+ "div",
72
+ {
73
+ className: i(
74
+ "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
75
+ t
76
+ ),
77
+ ...a
78
+ }
79
+ );
80
+ y.displayName = "SheetFooter";
81
+ const x = r.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ o(
82
+ e.Title,
83
+ {
84
+ ref: s,
85
+ className: i("text-lg font-semibold text-foreground", t),
86
+ ...a
87
+ }
88
+ ));
89
+ x.displayName = e.Title.displayName;
90
+ const N = r.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ o(
91
+ e.Description,
92
+ {
93
+ ref: s,
94
+ className: i("text-sm text-muted-foreground", t),
95
+ ...a
96
+ }
97
+ ));
98
+ N.displayName = e.Description.displayName;
99
+ export {
100
+ C as Sheet,
101
+ T as SheetClose,
102
+ g as SheetContent,
103
+ N as SheetDescription,
104
+ y as SheetFooter,
105
+ u as SheetHeader,
106
+ d as SheetOverlay,
107
+ p as SheetPortal,
108
+ x as SheetTitle,
109
+ R as SheetTrigger
110
+ };
111
+ //# sourceMappingURL=sheet.es.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"sheet.es.js","sources":["../../../lib/components/ui/sheet.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as SheetPrimitive from \"@radix-ui/react-dialog\"\nimport { Cross2Icon } from \"@radix-ui/react-icons\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/utils\"\n\nconst Sheet = SheetPrimitive.Root\n\nconst SheetTrigger = SheetPrimitive.Trigger\n\nconst SheetClose = SheetPrimitive.Close\n\nconst SheetPortal = SheetPrimitive.Portal\n\nconst SheetOverlay = React.forwardRef<\n React.ElementRef<typeof SheetPrimitive.Overlay>,\n React.ComponentPropsWithoutRef<typeof SheetPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n <SheetPrimitive.Overlay\n className={cn(\n \"fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n className\n )}\n {...props}\n ref={ref}\n />\n))\nSheetOverlay.displayName = SheetPrimitive.Overlay.displayName\n\nconst sheetVariants = cva(\n \"fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out\",\n {\n variants: {\n side: {\n top: \"inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top\",\n bottom:\n \"inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom\",\n left: \"inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm\",\n right:\n \"inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm\",\n },\n },\n defaultVariants: {\n side: \"right\",\n },\n }\n)\n\ninterface SheetContentProps\n extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>,\n VariantProps<typeof sheetVariants> {}\n\nconst SheetContent = React.forwardRef<\n React.ElementRef<typeof SheetPrimitive.Content>,\n SheetContentProps\n>(({ side = \"right\", className, children, ...props }, ref) => (\n <SheetPortal>\n <SheetOverlay />\n <SheetPrimitive.Content\n ref={ref}\n className={cn(sheetVariants({ side }), className)}\n {...props}\n >\n <SheetPrimitive.Close className=\"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary\">\n <Cross2Icon className=\"h-4 w-4\" />\n <span className=\"sr-only\">Close</span>\n </SheetPrimitive.Close>\n {children}\n </SheetPrimitive.Content>\n </SheetPortal>\n))\nSheetContent.displayName = SheetPrimitive.Content.displayName\n\nconst SheetHeader = ({\n className,\n ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n <div\n className={cn(\n \"flex flex-col space-y-2 text-center sm:text-left\",\n className\n )}\n {...props}\n />\n)\nSheetHeader.displayName = \"SheetHeader\"\n\nconst SheetFooter = ({\n className,\n ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n <div\n className={cn(\n \"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\",\n className\n )}\n {...props}\n />\n)\nSheetFooter.displayName = \"SheetFooter\"\n\nconst SheetTitle = React.forwardRef<\n React.ElementRef<typeof SheetPrimitive.Title>,\n React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>\n>(({ className, ...props }, ref) => (\n <SheetPrimitive.Title\n ref={ref}\n className={cn(\"text-lg font-semibold text-foreground\", className)}\n {...props}\n />\n))\nSheetTitle.displayName = SheetPrimitive.Title.displayName\n\nconst SheetDescription = React.forwardRef<\n React.ElementRef<typeof SheetPrimitive.Description>,\n React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>\n>(({ className, ...props }, ref) => (\n <SheetPrimitive.Description\n ref={ref}\n className={cn(\"text-sm text-muted-foreground\", className)}\n {...props}\n />\n))\nSheetDescription.displayName = SheetPrimitive.Description.displayName\n\nexport {\n Sheet,\n SheetPortal,\n SheetOverlay,\n SheetTrigger,\n SheetClose,\n SheetContent,\n SheetHeader,\n SheetFooter,\n SheetTitle,\n SheetDescription,\n}\n"],"names":["Sheet","SheetPrimitive","SheetTrigger","SheetClose","SheetPortal","SheetOverlay","React","className","props","ref","jsx","cn","sheetVariants","cva","SheetContent","side","children","jsxs","Cross2Icon","SheetHeader","SheetFooter","SheetTitle","SheetDescription"],"mappings":";;;;;;AAOA,MAAMA,IAAQC,EAAe,MAEvBC,IAAeD,EAAe,SAE9BE,IAAaF,EAAe,OAE5BG,IAAcH,EAAe,QAE7BI,IAAeC,EAAM,WAGzB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAACT,EAAe;AAAA,EAAf;AAAA,IACC,WAAWU;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,IACJ,KAAAC;AAAA,EAAA;AACF,CACD;AACDJ,EAAa,cAAcJ,EAAe,QAAQ;AAElD,MAAMW,IAAgBC;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,KAAK;AAAA,QACL,QACE;AAAA,QACF,MAAM;AAAA,QACN,OACE;AAAA,MAAA;AAAA,IAEN;AAAA,IACA,iBAAiB;AAAA,MACf,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,GAMMC,IAAeR,EAAM,WAGzB,CAAC,EAAE,MAAAS,IAAO,SAAS,WAAAR,GAAW,UAAAS,GAAU,GAAGR,EAAS,GAAAC,wBACnDL,GACC,EAAA,UAAA;AAAA,EAAA,gBAAAM,EAACL,GAAa,EAAA;AAAA,EACd,gBAAAY;AAAA,IAAChB,EAAe;AAAA,IAAf;AAAA,MACC,KAAAQ;AAAA,MACA,WAAWE,EAAGC,EAAc,EAAE,MAAAG,EAAM,CAAA,GAAGR,CAAS;AAAA,MAC/C,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAS,EAAChB,EAAe,OAAf,EAAqB,WAAU,4OAC9B,UAAA;AAAA,UAAC,gBAAAS,EAAAQ,GAAA,EAAW,WAAU,UAAU,CAAA;AAAA,UAC/B,gBAAAR,EAAA,QAAA,EAAK,WAAU,WAAU,UAAK,QAAA,CAAA;AAAA,QAAA,GACjC;AAAA,QACCM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AACH,GACF,CACD;AACDF,EAAa,cAAcb,EAAe,QAAQ;AAElD,MAAMkB,IAAc,CAAC;AAAA,EACnB,WAAAZ;AAAA,EACA,GAAGC;AACL,MACE,gBAAAE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN;AAEFW,EAAY,cAAc;AAE1B,MAAMC,IAAc,CAAC;AAAA,EACnB,WAAAb;AAAA,EACA,GAAGC;AACL,MACE,gBAAAE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN;AAEFY,EAAY,cAAc;AAEpB,MAAAC,IAAaf,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAACT,EAAe;AAAA,EAAf;AAAA,IACC,KAAAQ;AAAA,IACA,WAAWE,EAAG,yCAAyCJ,CAAS;AAAA,IAC/D,GAAGC;AAAA,EAAA;AACN,CACD;AACDa,EAAW,cAAcpB,EAAe,MAAM;AAExC,MAAAqB,IAAmBhB,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAACT,EAAe;AAAA,EAAf;AAAA,IACC,KAAAQ;AAAA,IACA,WAAWE,EAAG,iCAAiCJ,CAAS;AAAA,IACvD,GAAGC;AAAA,EAAA;AACN,CACD;AACDc,EAAiB,cAAcrB,EAAe,YAAY;"}