@schandlergarcia/sf-web-components 1.0.11 → 1.0.13
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/index.d.ts +16 -16
- package/dist/components/library/ui/badge.js +23 -4
- package/dist/components/library/ui/badge.js.map +1 -1
- package/dist/components/library/ui/datePicker.js +88 -7
- package/dist/components/library/ui/datePicker.js.map +1 -1
- package/dist/components/library/ui/field.js +177 -20
- package/dist/components/library/ui/field.js.map +1 -1
- package/dist/components/library/ui/pagination.js +52 -39
- package/dist/components/library/ui/pagination.js.map +1 -1
- package/dist/components/library/ui/select.js +67 -61
- package/dist/components/library/ui/select.js.map +1 -1
- package/dist/components/library/ui/separator.js +27 -0
- package/dist/components/library/ui/separator.js.map +1 -0
- package/dist/components/library/ui/shadcn-exports.d.ts +2 -2
- package/dist/components/library/ui/skeleton.js +16 -0
- package/dist/components/library/ui/skeleton.js.map +1 -0
- package/dist/components/library/ui/sonner.js +4 -2
- package/dist/components/library/ui/sonner.js.map +1 -1
- package/dist/components/library/ui/tabs.js +33 -14
- package/dist/components/library/ui/tabs.js.map +1 -1
- package/dist/index.js +250 -246
- package/dist/index.js.map +1 -1
- package/dist/node_modules/@radix-ui/react-select/dist/index.js +527 -436
- package/dist/node_modules/@radix-ui/react-select/dist/index.js.map +1 -1
- package/dist/node_modules/@radix-ui/react-separator/dist/index.js +25 -0
- package/dist/node_modules/@radix-ui/react-separator/dist/index.js.map +1 -0
- package/dist/node_modules/@radix-ui/react-separator/node_modules/@radix-ui/react-primitive/dist/index.js +33 -0
- package/dist/node_modules/@radix-ui/react-separator/node_modules/@radix-ui/react-primitive/dist/index.js.map +1 -0
- package/dist/node_modules/@radix-ui/react-separator/node_modules/@radix-ui/react-slot/dist/index.js +50 -0
- package/dist/node_modules/@radix-ui/react-separator/node_modules/@radix-ui/react-slot/dist/index.js.map +1 -0
- package/dist/node_modules/@radix-ui/react-tabs/dist/index.js +31 -30
- package/dist/node_modules/@radix-ui/react-tabs/dist/index.js.map +1 -1
- package/dist/node_modules/sonner/dist/index.js +4 -4
- package/dist/node_modules/sonner/dist/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pagination.js","sources":["../../../../src/components/library/ui/pagination.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '../../../lib/utils';\nimport { Button } from './button';\nimport {\n ChevronLeftIcon,\n ChevronRightIcon,\n MoreHorizontalIcon,\n} from 'lucide-react';\n\nfunction Pagination({ className, ...props }: React.ComponentProps<'nav'>) {\n return (\n <nav\n role=\"navigation\"\n aria-label=\"pagination\"\n data-slot=\"pagination\"\n className={cn('mx-auto flex w-full justify-center', className)}\n {...props}\n />\n );\n}\n\nfunction PaginationContent({\n className,\n ...props\n}: React.ComponentProps<'ul'>) {\n return (\n <ul\n data-slot=\"pagination-content\"\n className={cn('gap-0.5 flex items-center', className)}\n {...props}\n />\n );\n}\n\nfunction PaginationItem({ ...props }: React.ComponentProps<'li'>) {\n return <li data-slot=\"pagination-item\" {...props} />;\n}\n\ntype PaginationLinkProps = {\n isActive?: boolean;\n} & Pick<React.ComponentProps<typeof Button>, 'size'> &\n React.ComponentProps<'a'>;\n\nfunction PaginationLink({\n className,\n isActive,\n size = 'icon',\n ...props\n}: PaginationLinkProps) {\n return (\n <Button\n asChild\n variant={isActive ? 'outline' : 'ghost'}\n size={size}\n className={cn(className)}\n >\n <a\n aria-current={isActive ? 'page' : undefined}\n data-slot=\"pagination-link\"\n data-active={isActive}\n {...props}\n />\n </Button>\n );\n}\n\nfunction PaginationPrevious({\n className,\n text = 'Previous',\n ...props\n}: React.ComponentProps<typeof PaginationLink> & { text?: string }) {\n return (\n <PaginationLink\n aria-label=\"Go to previous page\"\n size=\"default\"\n className={cn('pl-1.5!', className)}\n {...props}\n >\n <ChevronLeftIcon data-icon=\"inline-start\" className=\"cn-rtl-flip\" />\n <span className=\"hidden sm:block\">{text}</span>\n </PaginationLink>\n );\n}\n\nfunction PaginationNext({\n className,\n text = 'Next',\n ...props\n}: React.ComponentProps<typeof PaginationLink> & { text?: string }) {\n return (\n <PaginationLink\n aria-label=\"Go to next page\"\n size=\"default\"\n className={cn('pr-1.5!', className)}\n {...props}\n >\n <span className=\"hidden sm:block\">{text}</span>\n <ChevronRightIcon data-icon=\"inline-end\" className=\"cn-rtl-flip\" />\n </PaginationLink>\n );\n}\n\nfunction PaginationEllipsis({\n className,\n ...props\n}: React.ComponentProps<'span'>) {\n return (\n <span\n aria-hidden\n data-slot=\"pagination-ellipsis\"\n className={cn(\n \"size-8 [&_svg:not([class*='size-'])]:size-4 flex items-center justify-center\",\n className\n )}\n {...props}\n >\n <MoreHorizontalIcon />\n <span className=\"sr-only\">More pages</span>\n </span>\n );\n}\n\nexport {\n Pagination,\n PaginationContent,\n PaginationEllipsis,\n PaginationItem,\n PaginationLink,\n PaginationNext,\n PaginationPrevious,\n};\n"],"names":["
|
|
1
|
+
{"version":3,"file":"pagination.js","sources":["../../../../src/components/library/ui/pagination.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '../../../lib/utils';\nimport { Button } from './button';\nimport {\n ChevronLeftIcon,\n ChevronRightIcon,\n MoreHorizontalIcon,\n} from 'lucide-react';\n\nfunction Pagination({ className, ...props }: React.ComponentProps<'nav'>) {\n return (\n <nav\n role=\"navigation\"\n aria-label=\"pagination\"\n data-slot=\"pagination\"\n className={cn('mx-auto flex w-full justify-center', className)}\n {...props}\n />\n );\n}\n\nfunction PaginationContent({\n className,\n ...props\n}: React.ComponentProps<'ul'>) {\n return (\n <ul\n data-slot=\"pagination-content\"\n className={cn('gap-0.5 flex items-center', className)}\n {...props}\n />\n );\n}\n\nfunction PaginationItem({ ...props }: React.ComponentProps<'li'>) {\n return <li data-slot=\"pagination-item\" {...props} />;\n}\n\ntype PaginationLinkProps = {\n isActive?: boolean;\n} & Pick<React.ComponentProps<typeof Button>, 'size'> &\n React.ComponentProps<'a'>;\n\nfunction PaginationLink({\n className,\n isActive,\n size = 'icon',\n ...props\n}: PaginationLinkProps) {\n return (\n <Button\n asChild\n variant={isActive ? 'outline' : 'ghost'}\n size={size}\n className={cn(className)}\n >\n <a\n aria-current={isActive ? 'page' : undefined}\n data-slot=\"pagination-link\"\n data-active={isActive}\n {...props}\n />\n </Button>\n );\n}\n\nfunction PaginationPrevious({\n className,\n text = 'Previous',\n ...props\n}: React.ComponentProps<typeof PaginationLink> & { text?: string }) {\n return (\n <PaginationLink\n aria-label=\"Go to previous page\"\n size=\"default\"\n className={cn('pl-1.5!', className)}\n {...props}\n >\n <ChevronLeftIcon data-icon=\"inline-start\" className=\"cn-rtl-flip\" />\n <span className=\"hidden sm:block\">{text}</span>\n </PaginationLink>\n );\n}\n\nfunction PaginationNext({\n className,\n text = 'Next',\n ...props\n}: React.ComponentProps<typeof PaginationLink> & { text?: string }) {\n return (\n <PaginationLink\n aria-label=\"Go to next page\"\n size=\"default\"\n className={cn('pr-1.5!', className)}\n {...props}\n >\n <span className=\"hidden sm:block\">{text}</span>\n <ChevronRightIcon data-icon=\"inline-end\" className=\"cn-rtl-flip\" />\n </PaginationLink>\n );\n}\n\nfunction PaginationEllipsis({\n className,\n ...props\n}: React.ComponentProps<'span'>) {\n return (\n <span\n aria-hidden\n data-slot=\"pagination-ellipsis\"\n className={cn(\n \"size-8 [&_svg:not([class*='size-'])]:size-4 flex items-center justify-center\",\n className\n )}\n {...props}\n >\n <MoreHorizontalIcon />\n <span className=\"sr-only\">More pages</span>\n </span>\n );\n}\n\nexport {\n Pagination,\n PaginationContent,\n PaginationEllipsis,\n PaginationItem,\n PaginationLink,\n PaginationNext,\n PaginationPrevious,\n};\n"],"names":["Pagination","className","props","jsx","cn","PaginationContent","PaginationItem","PaginationLink","isActive","size","Button","PaginationPrevious","text","jsxs","ChevronLeftIcon","PaginationNext","ChevronRightIcon","PaginationEllipsis","MoreHorizontalIcon"],"mappings":";;;;AAUA,SAASA,EAAW,EAAE,WAAAC,GAAW,GAAGC,KAAsC;AACxE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,aAAU;AAAA,MACV,WAAWC,EAAG,sCAAsCH,CAAS;AAAA,MAC5D,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASG,EAAkB;AAAA,EACzB,WAAAJ;AAAA,EACA,GAAGC;AACL,GAA+B;AAC7B,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,6BAA6BH,CAAS;AAAA,MACnD,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASI,EAAe,EAAE,GAAGJ,KAAqC;AAChE,SAAO,gBAAAC,EAAC,MAAA,EAAG,aAAU,mBAAmB,GAAGD,GAAO;AACpD;AAOA,SAASK,EAAe;AAAA,EACtB,WAAAN;AAAA,EACA,UAAAO;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,GAAGP;AACL,GAAwB;AACtB,SACE,gBAAAC;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,SAAO;AAAA,MACP,SAASF,IAAW,YAAY;AAAA,MAChC,MAAAC;AAAA,MACA,WAAWL,EAAGH,CAAS;AAAA,MAEvB,UAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,gBAAcK,IAAW,SAAS;AAAA,UAClC,aAAU;AAAA,UACV,eAAaA;AAAA,UACZ,GAAGN;AAAA,QAAA;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAGN;AAEA,SAASS,EAAmB;AAAA,EAC1B,WAAAV;AAAA,EACA,MAAAW,IAAO;AAAA,EACP,GAAGV;AACL,GAAoE;AAClE,SACE,gBAAAW;AAAA,IAACN;AAAA,IAAA;AAAA,MACC,cAAW;AAAA,MACX,MAAK;AAAA,MACL,WAAWH,EAAG,WAAWH,CAAS;AAAA,MACjC,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAC,EAACW,GAAA,EAAgB,aAAU,gBAAe,WAAU,eAAc;AAAA,QAClE,gBAAAX,EAAC,QAAA,EAAK,WAAU,mBAAmB,UAAAS,EAAA,CAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG9C;AAEA,SAASG,EAAe;AAAA,EACtB,WAAAd;AAAA,EACA,MAAAW,IAAO;AAAA,EACP,GAAGV;AACL,GAAoE;AAClE,SACE,gBAAAW;AAAA,IAACN;AAAA,IAAA;AAAA,MACC,cAAW;AAAA,MACX,MAAK;AAAA,MACL,WAAWH,EAAG,WAAWH,CAAS;AAAA,MACjC,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,mBAAmB,UAAAS,GAAK;AAAA,QACxC,gBAAAT,EAACa,GAAA,EAAiB,aAAU,cAAa,WAAU,cAAA,CAAc;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGvE;AAEA,SAASC,EAAmB;AAAA,EAC1B,WAAAhB;AAAA,EACA,GAAGC;AACL,GAAiC;AAC/B,SACE,gBAAAW;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,eAAW;AAAA,MACX,aAAU;AAAA,MACV,WAAWT;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAC,EAACe,GAAA,EAAmB;AAAA,QACpB,gBAAAf,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,aAAA,CAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG1C;"}
|
|
@@ -1,72 +1,77 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as t, jsxs as s } from "react/jsx-runtime";
|
|
2
2
|
import { cn as n } from "../../../lib/utils.js";
|
|
3
3
|
import { CheckIcon as d, ChevronDownIcon as i, ChevronUpIcon as c } from "lucide-react";
|
|
4
|
-
import {
|
|
5
|
-
function
|
|
6
|
-
|
|
4
|
+
import { Root as u, Portal as p, Content as g, Viewport as m, Group as f, Item as v, ItemIndicator as h, ItemText as x, Label as b, ScrollDownButton as z, ScrollUpButton as w, Separator as y, Trigger as S, Icon as N, Value as I } from "../../../node_modules/@radix-ui/react-select/dist/index.js";
|
|
5
|
+
function T({
|
|
6
|
+
...e
|
|
7
|
+
}) {
|
|
8
|
+
return /* @__PURE__ */ t(u, { "data-slot": "select", ...e });
|
|
9
|
+
}
|
|
10
|
+
function U({
|
|
11
|
+
className: e,
|
|
7
12
|
...a
|
|
8
13
|
}) {
|
|
9
|
-
return /* @__PURE__ */
|
|
10
|
-
|
|
14
|
+
return /* @__PURE__ */ t(
|
|
15
|
+
f,
|
|
11
16
|
{
|
|
12
17
|
"data-slot": "select-group",
|
|
13
|
-
className: n("scroll-my-1 p-1",
|
|
18
|
+
className: n("scroll-my-1 p-1", e),
|
|
14
19
|
...a
|
|
15
20
|
}
|
|
16
21
|
);
|
|
17
22
|
}
|
|
18
|
-
function
|
|
19
|
-
...
|
|
23
|
+
function V({
|
|
24
|
+
...e
|
|
20
25
|
}) {
|
|
21
|
-
return /* @__PURE__ */
|
|
26
|
+
return /* @__PURE__ */ t(I, { "data-slot": "select-value", ...e });
|
|
22
27
|
}
|
|
23
|
-
function
|
|
24
|
-
className:
|
|
28
|
+
function G({
|
|
29
|
+
className: e,
|
|
25
30
|
size: a = "default",
|
|
26
31
|
children: r,
|
|
27
32
|
...o
|
|
28
33
|
}) {
|
|
29
34
|
return /* @__PURE__ */ s(
|
|
30
|
-
|
|
35
|
+
S,
|
|
31
36
|
{
|
|
32
37
|
"data-slot": "select-trigger",
|
|
33
38
|
"data-size": a,
|
|
34
39
|
className: n(
|
|
35
40
|
"border-input data-placeholder:text-muted-foreground dark:bg-input/30 dark:hover:bg-input/50 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 gap-1.5 rounded-lg border bg-transparent py-2 pr-2 pl-2.5 text-sm transition-colors select-none focus-visible:ring-3 aria-invalid:ring-3 data-[size=default]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] *:data-[slot=select-value]:gap-1.5 [&_svg:not([class*='size-'])]:size-4 flex w-fit items-center justify-between whitespace-nowrap outline-none disabled:cursor-not-allowed disabled:opacity-50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center [&_svg]:pointer-events-none [&_svg]:shrink-0",
|
|
36
|
-
|
|
41
|
+
e
|
|
37
42
|
),
|
|
38
43
|
...o,
|
|
39
44
|
children: [
|
|
40
45
|
r,
|
|
41
|
-
/* @__PURE__ */
|
|
46
|
+
/* @__PURE__ */ t(N, { asChild: !0, children: /* @__PURE__ */ t(i, { className: "text-muted-foreground size-4 pointer-events-none" }) })
|
|
42
47
|
]
|
|
43
48
|
}
|
|
44
49
|
);
|
|
45
50
|
}
|
|
46
|
-
function
|
|
47
|
-
className:
|
|
51
|
+
function L({
|
|
52
|
+
className: e,
|
|
48
53
|
children: a,
|
|
49
54
|
position: r = "item-aligned",
|
|
50
55
|
align: o = "center",
|
|
51
56
|
...l
|
|
52
57
|
}) {
|
|
53
|
-
return /* @__PURE__ */
|
|
54
|
-
|
|
58
|
+
return /* @__PURE__ */ t(p, { children: /* @__PURE__ */ s(
|
|
59
|
+
g,
|
|
55
60
|
{
|
|
56
61
|
"data-slot": "select-content",
|
|
57
62
|
"data-align-trigger": r === "item-aligned",
|
|
58
63
|
className: n(
|
|
59
64
|
"bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-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 ring-foreground/10 min-w-36 rounded-lg shadow-md ring-1 duration-100 relative z-50 max-h-(--radix-select-content-available-height) origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto data-[align-trigger=true]:animate-none",
|
|
60
65
|
r === "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",
|
|
61
|
-
|
|
66
|
+
e
|
|
62
67
|
),
|
|
63
68
|
position: r,
|
|
64
69
|
align: o,
|
|
65
70
|
...l,
|
|
66
71
|
children: [
|
|
67
|
-
/* @__PURE__ */
|
|
68
|
-
/* @__PURE__ */
|
|
69
|
-
|
|
72
|
+
/* @__PURE__ */ t(_, {}),
|
|
73
|
+
/* @__PURE__ */ t(
|
|
74
|
+
m,
|
|
70
75
|
{
|
|
71
76
|
"data-position": r,
|
|
72
77
|
className: n(
|
|
@@ -76,101 +81,102 @@ function V({
|
|
|
76
81
|
children: a
|
|
77
82
|
}
|
|
78
83
|
),
|
|
79
|
-
/* @__PURE__ */
|
|
84
|
+
/* @__PURE__ */ t(k, {})
|
|
80
85
|
]
|
|
81
86
|
}
|
|
82
87
|
) });
|
|
83
88
|
}
|
|
84
|
-
function
|
|
85
|
-
className:
|
|
89
|
+
function R({
|
|
90
|
+
className: e,
|
|
86
91
|
...a
|
|
87
92
|
}) {
|
|
88
|
-
return /* @__PURE__ */
|
|
89
|
-
|
|
93
|
+
return /* @__PURE__ */ t(
|
|
94
|
+
b,
|
|
90
95
|
{
|
|
91
96
|
"data-slot": "select-label",
|
|
92
|
-
className: n("text-muted-foreground px-1.5 py-1 text-xs",
|
|
97
|
+
className: n("text-muted-foreground px-1.5 py-1 text-xs", e),
|
|
93
98
|
...a
|
|
94
99
|
}
|
|
95
100
|
);
|
|
96
101
|
}
|
|
97
|
-
function
|
|
98
|
-
className:
|
|
102
|
+
function P({
|
|
103
|
+
className: e,
|
|
99
104
|
children: a,
|
|
100
105
|
...r
|
|
101
106
|
}) {
|
|
102
107
|
return /* @__PURE__ */ s(
|
|
103
|
-
|
|
108
|
+
v,
|
|
104
109
|
{
|
|
105
110
|
"data-slot": "select-item",
|
|
106
111
|
className: n(
|
|
107
112
|
"focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2 relative flex w-full cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
|
|
108
|
-
|
|
113
|
+
e
|
|
109
114
|
),
|
|
110
115
|
...r,
|
|
111
116
|
children: [
|
|
112
|
-
/* @__PURE__ */
|
|
113
|
-
/* @__PURE__ */
|
|
117
|
+
/* @__PURE__ */ t("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ t(h, { children: /* @__PURE__ */ t(d, { className: "pointer-events-none" }) }) }),
|
|
118
|
+
/* @__PURE__ */ t(x, { children: a })
|
|
114
119
|
]
|
|
115
120
|
}
|
|
116
121
|
);
|
|
117
122
|
}
|
|
118
|
-
function
|
|
119
|
-
className:
|
|
123
|
+
function q({
|
|
124
|
+
className: e,
|
|
120
125
|
...a
|
|
121
126
|
}) {
|
|
122
|
-
return /* @__PURE__ */
|
|
123
|
-
|
|
127
|
+
return /* @__PURE__ */ t(
|
|
128
|
+
y,
|
|
124
129
|
{
|
|
125
130
|
"data-slot": "select-separator",
|
|
126
|
-
className: n("bg-border -mx-1 my-1 h-px pointer-events-none",
|
|
131
|
+
className: n("bg-border -mx-1 my-1 h-px pointer-events-none", e),
|
|
127
132
|
...a
|
|
128
133
|
}
|
|
129
134
|
);
|
|
130
135
|
}
|
|
131
|
-
function
|
|
132
|
-
className:
|
|
136
|
+
function _({
|
|
137
|
+
className: e,
|
|
133
138
|
...a
|
|
134
139
|
}) {
|
|
135
|
-
return /* @__PURE__ */
|
|
136
|
-
|
|
140
|
+
return /* @__PURE__ */ t(
|
|
141
|
+
w,
|
|
137
142
|
{
|
|
138
143
|
"data-slot": "select-scroll-up-button",
|
|
139
144
|
className: n(
|
|
140
145
|
"bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4",
|
|
141
|
-
|
|
146
|
+
e
|
|
142
147
|
),
|
|
143
148
|
...a,
|
|
144
|
-
children: /* @__PURE__ */
|
|
149
|
+
children: /* @__PURE__ */ t(c, {})
|
|
145
150
|
}
|
|
146
151
|
);
|
|
147
152
|
}
|
|
148
|
-
function
|
|
149
|
-
className:
|
|
153
|
+
function k({
|
|
154
|
+
className: e,
|
|
150
155
|
...a
|
|
151
156
|
}) {
|
|
152
|
-
return /* @__PURE__ */
|
|
153
|
-
|
|
157
|
+
return /* @__PURE__ */ t(
|
|
158
|
+
z,
|
|
154
159
|
{
|
|
155
160
|
"data-slot": "select-scroll-down-button",
|
|
156
161
|
className: n(
|
|
157
162
|
"bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4",
|
|
158
|
-
|
|
163
|
+
e
|
|
159
164
|
),
|
|
160
165
|
...a,
|
|
161
|
-
children: /* @__PURE__ */
|
|
166
|
+
children: /* @__PURE__ */ t(i, {})
|
|
162
167
|
}
|
|
163
168
|
);
|
|
164
169
|
}
|
|
165
170
|
export {
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
171
|
+
T as Select,
|
|
172
|
+
L as SelectContent,
|
|
173
|
+
U as SelectGroup,
|
|
174
|
+
P as SelectItem,
|
|
175
|
+
R as SelectLabel,
|
|
176
|
+
k as SelectScrollDownButton,
|
|
177
|
+
_ as SelectScrollUpButton,
|
|
178
|
+
q as SelectSeparator,
|
|
179
|
+
G as SelectTrigger,
|
|
180
|
+
V as SelectValue
|
|
175
181
|
};
|
|
176
182
|
//# sourceMappingURL=select.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.js","sources":["../../../../src/components/library/ui/select.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Select as SelectPrimitive } from 'radix-ui';\n\nimport { cn } from '../../../lib/utils';\nimport { ChevronDownIcon, CheckIcon, ChevronUpIcon } from 'lucide-react';\n\nfunction Select({\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Root>) {\n return <SelectPrimitive.Root data-slot=\"select\" {...props} />;\n}\n\nfunction SelectGroup({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Group>) {\n return (\n <SelectPrimitive.Group\n data-slot=\"select-group\"\n className={cn('scroll-my-1 p-1', className)}\n {...props}\n />\n );\n}\n\nfunction SelectValue({\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Value>) {\n return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />;\n}\n\nfunction SelectTrigger({\n className,\n size = 'default',\n children,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {\n size?: 'sm' | 'default';\n}) {\n return (\n <SelectPrimitive.Trigger\n data-slot=\"select-trigger\"\n data-size={size}\n className={cn(\n \"border-input data-placeholder:text-muted-foreground dark:bg-input/30 dark:hover:bg-input/50 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 gap-1.5 rounded-lg border bg-transparent py-2 pr-2 pl-2.5 text-sm transition-colors select-none focus-visible:ring-3 aria-invalid:ring-3 data-[size=default]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] *:data-[slot=select-value]:gap-1.5 [&_svg:not([class*='size-'])]:size-4 flex w-fit items-center justify-between whitespace-nowrap outline-none disabled:cursor-not-allowed disabled:opacity-50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n className\n )}\n {...props}\n >\n {children}\n <SelectPrimitive.Icon asChild>\n <ChevronDownIcon className=\"text-muted-foreground size-4 pointer-events-none\" />\n </SelectPrimitive.Icon>\n </SelectPrimitive.Trigger>\n );\n}\n\nfunction SelectContent({\n className,\n children,\n position = 'item-aligned',\n align = 'center',\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Content>) {\n return (\n <SelectPrimitive.Portal>\n <SelectPrimitive.Content\n data-slot=\"select-content\"\n data-align-trigger={position === 'item-aligned'}\n className={cn(\n 'bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-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 ring-foreground/10 min-w-36 rounded-lg shadow-md ring-1 duration-100 relative z-50 max-h-(--radix-select-content-available-height) origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto data-[align-trigger=true]:animate-none',\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 align={align}\n {...props}\n >\n <SelectScrollUpButton />\n <SelectPrimitive.Viewport\n data-position={position}\n className={cn(\n 'data-[position=popper]:h-(--radix-select-trigger-height) data-[position=popper]:w-full data-[position=popper]:min-w-(--radix-select-trigger-width)',\n position === 'popper' && ''\n )}\n >\n {children}\n </SelectPrimitive.Viewport>\n <SelectScrollDownButton />\n </SelectPrimitive.Content>\n </SelectPrimitive.Portal>\n );\n}\n\nfunction SelectLabel({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Label>) {\n return (\n <SelectPrimitive.Label\n data-slot=\"select-label\"\n className={cn('text-muted-foreground px-1.5 py-1 text-xs', className)}\n {...props}\n />\n );\n}\n\nfunction SelectItem({\n className,\n children,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Item>) {\n return (\n <SelectPrimitive.Item\n data-slot=\"select-item\"\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2 relative flex w-full cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n className\n )}\n {...props}\n >\n <span className=\"pointer-events-none absolute right-2 flex size-4 items-center justify-center\">\n <SelectPrimitive.ItemIndicator>\n <CheckIcon className=\"pointer-events-none\" />\n </SelectPrimitive.ItemIndicator>\n </span>\n <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n </SelectPrimitive.Item>\n );\n}\n\nfunction SelectSeparator({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Separator>) {\n return (\n <SelectPrimitive.Separator\n data-slot=\"select-separator\"\n className={cn('bg-border -mx-1 my-1 h-px pointer-events-none', className)}\n {...props}\n />\n );\n}\n\nfunction SelectScrollUpButton({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\n return (\n <SelectPrimitive.ScrollUpButton\n data-slot=\"select-scroll-up-button\"\n className={cn(\n \"bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4\",\n className\n )}\n {...props}\n >\n <ChevronUpIcon />\n </SelectPrimitive.ScrollUpButton>\n );\n}\n\nfunction SelectScrollDownButton({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\n return (\n <SelectPrimitive.ScrollDownButton\n data-slot=\"select-scroll-down-button\"\n className={cn(\n \"bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4\",\n className\n )}\n {...props}\n >\n <ChevronDownIcon />\n </SelectPrimitive.ScrollDownButton>\n );\n}\n\nexport {\n Select,\n SelectContent,\n SelectGroup,\n SelectItem,\n SelectLabel,\n SelectScrollDownButton,\n SelectScrollUpButton,\n SelectSeparator,\n SelectTrigger,\n SelectValue,\n};\n"],"names":["SelectGroup","className","props","jsx","SelectPrimitive.Group","cn","SelectValue","SelectPrimitive.Value","SelectTrigger","size","children","jsxs","SelectPrimitive.Trigger","SelectPrimitive.Icon","ChevronDownIcon","SelectContent","position","align","SelectPrimitive.Portal","SelectPrimitive.Content","SelectScrollUpButton","SelectPrimitive.Viewport","SelectScrollDownButton","SelectLabel","SelectPrimitive.Label","SelectItem","SelectPrimitive.Item","SelectPrimitive.ItemIndicator","CheckIcon","SelectPrimitive.ItemText","SelectSeparator","SelectPrimitive.Separator","SelectPrimitive.ScrollUpButton","ChevronUpIcon","SelectPrimitive.ScrollDownButton"],"mappings":";;;;AAYA,SAASA,EAAY;AAAA,EACnB,WAAAC;AAAA,EACA,GAAGC;AACL,GAAuD;AACrD,SACE,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,mBAAmBJ,CAAS;AAAA,MACzC,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASI,EAAY;AAAA,EACnB,GAAGJ;AACL,GAAuD;AACrD,2BAAQK,GAAA,EAAsB,aAAU,gBAAgB,GAAGL,GAAO;AACpE;AAEA,SAASM,EAAc;AAAA,EACrB,WAAAP;AAAA,EACA,MAAAQ,IAAO;AAAA,EACP,UAAAC;AAAA,EACA,GAAGR;AACL,GAEG;AACD,SACE,gBAAAS;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,aAAWH;AAAA,MACX,WAAWJ;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,MAEH,UAAA;AAAA,QAAAQ;AAAA,QACD,gBAAAP,EAACU,GAAA,EAAqB,SAAO,IAC3B,UAAA,gBAAAV,EAACW,GAAA,EAAgB,WAAU,mDAAA,CAAmD,EAAA,CAChF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,SAASC,EAAc;AAAA,EACrB,WAAAd;AAAA,EACA,UAAAS;AAAA,EACA,UAAAM,IAAW;AAAA,EACX,OAAAC,IAAQ;AAAA,EACR,GAAGf;AACL,GAAyD;AACvD,SACE,gBAAAC,EAACe,GAAA,EACC,UAAA,gBAAAP;AAAA,IAACQ;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,sBAAoBH,MAAa;AAAA,MACjC,WAAWX;AAAA,QACT;AAAA,QACAW,MAAa,YACX;AAAA,QACFf;AAAA,MAAA;AAAA,MAEF,UAAAe;AAAA,MACA,OAAAC;AAAA,MACC,GAAGf;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAC,EAACiB,GAAA,EAAqB;AAAA,QACtB,gBAAAjB;AAAA,UAACkB;AAAAA,UAAA;AAAA,YACC,iBAAeL;AAAA,YACf,WAAWX;AAAA,cACT;AAAA,cACAW,MAAa,YAAY;AAAA,YAAA;AAAA,YAG1B,UAAAN;AAAA,UAAA;AAAA,QAAA;AAAA,0BAEFY,GAAA,CAAA,CAAuB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAE5B;AAEJ;AAEA,SAASC,EAAY;AAAA,EACnB,WAAAtB;AAAA,EACA,GAAGC;AACL,GAAuD;AACrD,SACE,gBAAAC;AAAA,IAACqB;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWnB,EAAG,6CAA6CJ,CAAS;AAAA,MACnE,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASuB,EAAW;AAAA,EAClB,WAAAxB;AAAA,EACA,UAAAS;AAAA,EACA,GAAGR;AACL,GAAsD;AACpD,SACE,gBAAAS;AAAA,IAACe;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWrB;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,gFACd,UAAA,gBAAAA,EAACwB,GAAA,EACC,UAAA,gBAAAxB,EAACyB,GAAA,EAAU,WAAU,sBAAA,CAAsB,EAAA,CAC7C,GACF;AAAA,QACA,gBAAAzB,EAAC0B,GAAA,EAA0B,UAAAnB,EAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG1C;AAEA,SAASoB,EAAgB;AAAA,EACvB,WAAA7B;AAAA,EACA,GAAGC;AACL,GAA2D;AACzD,SACE,gBAAAC;AAAA,IAAC4B;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW1B,EAAG,iDAAiDJ,CAAS;AAAA,MACvE,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASkB,EAAqB;AAAA,EAC5B,WAAAnB;AAAA,EACA,GAAGC;AACL,GAAgE;AAC9D,SACE,gBAAAC;AAAA,IAAC6B;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW3B;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,MAEJ,4BAAC+B,GAAA,CAAA,CAAc;AAAA,IAAA;AAAA,EAAA;AAGrB;AAEA,SAASX,EAAuB;AAAA,EAC9B,WAAArB;AAAA,EACA,GAAGC;AACL,GAAkE;AAChE,SACE,gBAAAC;AAAA,IAAC+B;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW7B;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,MAEJ,4BAACY,GAAA,CAAA,CAAgB;AAAA,IAAA;AAAA,EAAA;AAGvB;"}
|
|
1
|
+
{"version":3,"file":"select.js","sources":["../../../../src/components/library/ui/select.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Select as SelectPrimitive } from 'radix-ui';\n\nimport { cn } from '../../../lib/utils';\nimport { ChevronDownIcon, CheckIcon, ChevronUpIcon } from 'lucide-react';\n\nfunction Select({\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Root>) {\n return <SelectPrimitive.Root data-slot=\"select\" {...props} />;\n}\n\nfunction SelectGroup({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Group>) {\n return (\n <SelectPrimitive.Group\n data-slot=\"select-group\"\n className={cn('scroll-my-1 p-1', className)}\n {...props}\n />\n );\n}\n\nfunction SelectValue({\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Value>) {\n return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />;\n}\n\nfunction SelectTrigger({\n className,\n size = 'default',\n children,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {\n size?: 'sm' | 'default';\n}) {\n return (\n <SelectPrimitive.Trigger\n data-slot=\"select-trigger\"\n data-size={size}\n className={cn(\n \"border-input data-placeholder:text-muted-foreground dark:bg-input/30 dark:hover:bg-input/50 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 gap-1.5 rounded-lg border bg-transparent py-2 pr-2 pl-2.5 text-sm transition-colors select-none focus-visible:ring-3 aria-invalid:ring-3 data-[size=default]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] *:data-[slot=select-value]:gap-1.5 [&_svg:not([class*='size-'])]:size-4 flex w-fit items-center justify-between whitespace-nowrap outline-none disabled:cursor-not-allowed disabled:opacity-50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n className\n )}\n {...props}\n >\n {children}\n <SelectPrimitive.Icon asChild>\n <ChevronDownIcon className=\"text-muted-foreground size-4 pointer-events-none\" />\n </SelectPrimitive.Icon>\n </SelectPrimitive.Trigger>\n );\n}\n\nfunction SelectContent({\n className,\n children,\n position = 'item-aligned',\n align = 'center',\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Content>) {\n return (\n <SelectPrimitive.Portal>\n <SelectPrimitive.Content\n data-slot=\"select-content\"\n data-align-trigger={position === 'item-aligned'}\n className={cn(\n 'bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-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 ring-foreground/10 min-w-36 rounded-lg shadow-md ring-1 duration-100 relative z-50 max-h-(--radix-select-content-available-height) origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto data-[align-trigger=true]:animate-none',\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 align={align}\n {...props}\n >\n <SelectScrollUpButton />\n <SelectPrimitive.Viewport\n data-position={position}\n className={cn(\n 'data-[position=popper]:h-(--radix-select-trigger-height) data-[position=popper]:w-full data-[position=popper]:min-w-(--radix-select-trigger-width)',\n position === 'popper' && ''\n )}\n >\n {children}\n </SelectPrimitive.Viewport>\n <SelectScrollDownButton />\n </SelectPrimitive.Content>\n </SelectPrimitive.Portal>\n );\n}\n\nfunction SelectLabel({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Label>) {\n return (\n <SelectPrimitive.Label\n data-slot=\"select-label\"\n className={cn('text-muted-foreground px-1.5 py-1 text-xs', className)}\n {...props}\n />\n );\n}\n\nfunction SelectItem({\n className,\n children,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Item>) {\n return (\n <SelectPrimitive.Item\n data-slot=\"select-item\"\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2 relative flex w-full cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n className\n )}\n {...props}\n >\n <span className=\"pointer-events-none absolute right-2 flex size-4 items-center justify-center\">\n <SelectPrimitive.ItemIndicator>\n <CheckIcon className=\"pointer-events-none\" />\n </SelectPrimitive.ItemIndicator>\n </span>\n <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n </SelectPrimitive.Item>\n );\n}\n\nfunction SelectSeparator({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Separator>) {\n return (\n <SelectPrimitive.Separator\n data-slot=\"select-separator\"\n className={cn('bg-border -mx-1 my-1 h-px pointer-events-none', className)}\n {...props}\n />\n );\n}\n\nfunction SelectScrollUpButton({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\n return (\n <SelectPrimitive.ScrollUpButton\n data-slot=\"select-scroll-up-button\"\n className={cn(\n \"bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4\",\n className\n )}\n {...props}\n >\n <ChevronUpIcon />\n </SelectPrimitive.ScrollUpButton>\n );\n}\n\nfunction SelectScrollDownButton({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\n return (\n <SelectPrimitive.ScrollDownButton\n data-slot=\"select-scroll-down-button\"\n className={cn(\n \"bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4\",\n className\n )}\n {...props}\n >\n <ChevronDownIcon />\n </SelectPrimitive.ScrollDownButton>\n );\n}\n\nexport {\n Select,\n SelectContent,\n SelectGroup,\n SelectItem,\n SelectLabel,\n SelectScrollDownButton,\n SelectScrollUpButton,\n SelectSeparator,\n SelectTrigger,\n SelectValue,\n};\n"],"names":["Select","props","SelectPrimitive.Root","SelectGroup","className","jsx","SelectPrimitive.Group","cn","SelectValue","SelectPrimitive.Value","SelectTrigger","size","children","jsxs","SelectPrimitive.Trigger","SelectPrimitive.Icon","ChevronDownIcon","SelectContent","position","align","SelectPrimitive.Portal","SelectPrimitive.Content","SelectScrollUpButton","SelectPrimitive.Viewport","SelectScrollDownButton","SelectLabel","SelectPrimitive.Label","SelectItem","SelectPrimitive.Item","SelectPrimitive.ItemIndicator","CheckIcon","SelectPrimitive.ItemText","SelectSeparator","SelectPrimitive.Separator","SelectPrimitive.ScrollUpButton","ChevronUpIcon","SelectPrimitive.ScrollDownButton"],"mappings":"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"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import { cn as i } from "../../../lib/utils.js";
|
|
3
|
+
import { Root as l } from "../../../node_modules/@radix-ui/react-separator/dist/index.js";
|
|
4
|
+
function m({
|
|
5
|
+
className: r,
|
|
6
|
+
orientation: t = "horizontal",
|
|
7
|
+
decorative: a = !0,
|
|
8
|
+
...o
|
|
9
|
+
}) {
|
|
10
|
+
return /* @__PURE__ */ e(
|
|
11
|
+
l,
|
|
12
|
+
{
|
|
13
|
+
"data-slot": "separator",
|
|
14
|
+
decorative: a,
|
|
15
|
+
orientation: t,
|
|
16
|
+
className: i(
|
|
17
|
+
"bg-border shrink-0 data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch",
|
|
18
|
+
r
|
|
19
|
+
),
|
|
20
|
+
...o
|
|
21
|
+
}
|
|
22
|
+
);
|
|
23
|
+
}
|
|
24
|
+
export {
|
|
25
|
+
m as Separator
|
|
26
|
+
};
|
|
27
|
+
//# sourceMappingURL=separator.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"separator.js","sources":["../../../../src/components/library/ui/separator.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Separator as SeparatorPrimitive } from 'radix-ui';\n\nimport { cn } from '../../../lib/utils';\n\nfunction Separator({\n className,\n orientation = 'horizontal',\n decorative = true,\n ...props\n}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {\n return (\n <SeparatorPrimitive.Root\n data-slot=\"separator\"\n decorative={decorative}\n orientation={orientation}\n className={cn(\n 'bg-border shrink-0 data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch',\n className\n )}\n {...props}\n />\n );\n}\n\nexport { Separator };\n"],"names":["Separator","className","orientation","decorative","props","jsx","SeparatorPrimitive.Root","cn"],"mappings":";;;AAKA,SAASA,EAAU;AAAA,EACjB,WAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,YAAAC,IAAa;AAAA,EACb,GAAGC;AACL,GAAyD;AACvD,SACE,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,YAAAH;AAAA,MACA,aAAAD;AAAA,MACA,WAAWK;AAAA,QACT;AAAA,QACAN;AAAA,MAAA;AAAA,MAED,GAAGG;AAAA,IAAA;AAAA,EAAA;AAGV;"}
|
|
@@ -6,9 +6,9 @@ export { Calendar, CalendarDayButton } from './calendar';
|
|
|
6
6
|
export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent } from './card';
|
|
7
7
|
export { Checkbox } from './checkbox';
|
|
8
8
|
export { Collapsible, CollapsibleTrigger, CollapsibleContent } from './collapsible';
|
|
9
|
-
export { DatePicker } from './datePicker';
|
|
9
|
+
export { DatePicker, DatePickerTrigger, DatePickerRangeTrigger, DatePickerContent, DatePickerCalendar } from './datePicker';
|
|
10
10
|
export { Dialog, DialogPortal, DialogOverlay, DialogClose, DialogTrigger, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription } from './dialog';
|
|
11
|
-
export { Field, FieldGroup } from './field';
|
|
11
|
+
export { Field, FieldLabel, FieldDescription, FieldError, FieldGroup, FieldLegend, FieldSeparator, FieldSet, FieldContent, FieldTitle } from './field';
|
|
12
12
|
export { Input } from './input';
|
|
13
13
|
export { Label } from './label';
|
|
14
14
|
export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from './pagination';
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import { cn as n } from "../../../lib/utils.js";
|
|
3
|
+
function m({ className: e, ...t }) {
|
|
4
|
+
return /* @__PURE__ */ o(
|
|
5
|
+
"div",
|
|
6
|
+
{
|
|
7
|
+
"data-slot": "skeleton",
|
|
8
|
+
className: n("bg-accent animate-pulse rounded-md", e),
|
|
9
|
+
...t
|
|
10
|
+
}
|
|
11
|
+
);
|
|
12
|
+
}
|
|
13
|
+
export {
|
|
14
|
+
m as Skeleton
|
|
15
|
+
};
|
|
16
|
+
//# sourceMappingURL=skeleton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"skeleton.js","sources":["../../../../src/components/library/ui/skeleton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '../../../lib/utils';\n\nfunction Skeleton({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"skeleton\"\n className={cn('bg-accent animate-pulse rounded-md', className)}\n {...props}\n />\n );\n}\n\nexport { Skeleton };\n"],"names":["Skeleton","className","props","jsx","cn"],"mappings":";;AAGA,SAASA,EAAS,EAAE,WAAAC,GAAW,GAAGC,KAAsC;AACtE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,sCAAsCH,CAAS;AAAA,MAC5D,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import { jsx as o } from "react/jsx-runtime";
|
|
2
2
|
import { Toaster as r } from "../../../node_modules/sonner/dist/index.js";
|
|
3
|
-
|
|
3
|
+
import { toast as m } from "../../../node_modules/sonner/dist/index.js";
|
|
4
|
+
function i() {
|
|
4
5
|
return /* @__PURE__ */ o(r, { position: "top-right", richColors: !0 });
|
|
5
6
|
}
|
|
6
7
|
export {
|
|
7
|
-
|
|
8
|
+
i as Toaster,
|
|
9
|
+
m as toast
|
|
8
10
|
};
|
|
9
11
|
//# sourceMappingURL=sonner.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sonner.js","sources":["../../../../src/components/library/ui/sonner.tsx"],"sourcesContent":["import { Toaster as Sonner } from 'sonner';\n\n/**\n * Renders the toast container. Use with `toast()` from this module for messages\n * with title, description, actions, and variants (success, error, warning).\n *\n * @example\n * toast(\"Event has been created\", {\n * description: \"Sunday, December 03, 2023 at 9:00 AM\",\n * action: { label: \"Undo\", onClick: () => {} },\n * });\n * toast.success(\"Saved!\");\n * toast.error(\"Something went wrong\");\n * toast.warning(\"Please review\");\n */\nexport function Toaster() {\n return <Sonner position=\"top-right\" richColors />;\n}\n\nexport { toast } from 'sonner';\n"],"names":["Toaster","jsx","Sonner"],"mappings":"
|
|
1
|
+
{"version":3,"file":"sonner.js","sources":["../../../../src/components/library/ui/sonner.tsx"],"sourcesContent":["import { Toaster as Sonner } from 'sonner';\n\n/**\n * Renders the toast container. Use with `toast()` from this module for messages\n * with title, description, actions, and variants (success, error, warning).\n *\n * @example\n * toast(\"Event has been created\", {\n * description: \"Sunday, December 03, 2023 at 9:00 AM\",\n * action: { label: \"Undo\", onClick: () => {} },\n * });\n * toast.success(\"Saved!\");\n * toast.error(\"Something went wrong\");\n * toast.warning(\"Please review\");\n */\nexport function Toaster() {\n return <Sonner position=\"top-right\" richColors />;\n}\n\nexport { toast } from 'sonner';\n"],"names":["Toaster","jsx","Sonner"],"mappings":";;;AAeO,SAASA,IAAU;AACxB,SAAO,gBAAAC,EAACC,GAAA,EAAO,UAAS,aAAY,YAAU,IAAC;AACjD;"}
|
|
@@ -1,8 +1,26 @@
|
|
|
1
1
|
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import { cva as
|
|
2
|
+
import { cva as o } from "../../../node_modules/class-variance-authority/dist/index.js";
|
|
3
3
|
import { cn as e } from "../../../lib/utils.js";
|
|
4
|
-
import { Content as
|
|
5
|
-
|
|
4
|
+
import { Root as n, Content as s, List as d, Trigger as l } from "../../../node_modules/@radix-ui/react-tabs/dist/index.js";
|
|
5
|
+
function c({
|
|
6
|
+
className: a,
|
|
7
|
+
orientation: t = "horizontal",
|
|
8
|
+
...i
|
|
9
|
+
}) {
|
|
10
|
+
return /* @__PURE__ */ r(
|
|
11
|
+
n,
|
|
12
|
+
{
|
|
13
|
+
"data-slot": "tabs",
|
|
14
|
+
"data-orientation": t,
|
|
15
|
+
className: e(
|
|
16
|
+
"gap-2 group/tabs flex data-horizontal:flex-col",
|
|
17
|
+
a
|
|
18
|
+
),
|
|
19
|
+
...i
|
|
20
|
+
}
|
|
21
|
+
);
|
|
22
|
+
}
|
|
23
|
+
const u = o(
|
|
6
24
|
"rounded-lg p-[3px] group-data-horizontal/tabs:h-8 data-[variant=line]:rounded-none group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col",
|
|
7
25
|
{
|
|
8
26
|
variants: {
|
|
@@ -16,27 +34,27 @@ const l = n(
|
|
|
16
34
|
}
|
|
17
35
|
}
|
|
18
36
|
);
|
|
19
|
-
function
|
|
37
|
+
function v({
|
|
20
38
|
className: a,
|
|
21
39
|
variant: t = "default",
|
|
22
40
|
...i
|
|
23
41
|
}) {
|
|
24
42
|
return /* @__PURE__ */ r(
|
|
25
|
-
|
|
43
|
+
d,
|
|
26
44
|
{
|
|
27
45
|
"data-slot": "tabs-list",
|
|
28
46
|
"data-variant": t,
|
|
29
|
-
className: e(
|
|
47
|
+
className: e(u({ variant: t }), a),
|
|
30
48
|
...i
|
|
31
49
|
}
|
|
32
50
|
);
|
|
33
51
|
}
|
|
34
|
-
function
|
|
52
|
+
function m({
|
|
35
53
|
className: a,
|
|
36
54
|
...t
|
|
37
55
|
}) {
|
|
38
56
|
return /* @__PURE__ */ r(
|
|
39
|
-
|
|
57
|
+
l,
|
|
40
58
|
{
|
|
41
59
|
"data-slot": "tabs-trigger",
|
|
42
60
|
className: e(
|
|
@@ -50,12 +68,12 @@ function c({
|
|
|
50
68
|
}
|
|
51
69
|
);
|
|
52
70
|
}
|
|
53
|
-
function
|
|
71
|
+
function x({
|
|
54
72
|
className: a,
|
|
55
73
|
...t
|
|
56
74
|
}) {
|
|
57
75
|
return /* @__PURE__ */ r(
|
|
58
|
-
|
|
76
|
+
s,
|
|
59
77
|
{
|
|
60
78
|
"data-slot": "tabs-content",
|
|
61
79
|
className: e("text-sm flex-1 outline-none", a),
|
|
@@ -64,9 +82,10 @@ function v({
|
|
|
64
82
|
);
|
|
65
83
|
}
|
|
66
84
|
export {
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
85
|
+
c as Tabs,
|
|
86
|
+
x as TabsContent,
|
|
87
|
+
v as TabsList,
|
|
88
|
+
m as TabsTrigger,
|
|
89
|
+
u as tabsListVariants
|
|
71
90
|
};
|
|
72
91
|
//# sourceMappingURL=tabs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.js","sources":["../../../../src/components/library/ui/tabs.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Tabs as TabsPrimitive } from 'radix-ui';\n\nimport { cn } from '../../../lib/utils';\n\nfunction Tabs({\n className,\n orientation = 'horizontal',\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Root>) {\n return (\n <TabsPrimitive.Root\n data-slot=\"tabs\"\n data-orientation={orientation}\n className={cn(\n 'gap-2 group/tabs flex data-horizontal:flex-col',\n className\n )}\n {...props}\n />\n );\n}\n\nconst tabsListVariants = cva(\n 'rounded-lg p-[3px] group-data-horizontal/tabs:h-8 data-[variant=line]:rounded-none group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col',\n {\n variants: {\n variant: {\n default: 'bg-muted',\n line: 'gap-1 bg-transparent',\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n }\n);\n\nfunction TabsList({\n className,\n variant = 'default',\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.List> &\n VariantProps<typeof tabsListVariants>) {\n return (\n <TabsPrimitive.List\n data-slot=\"tabs-list\"\n data-variant={variant}\n className={cn(tabsListVariants({ variant }), className)}\n {...props}\n />\n );\n}\n\nfunction TabsTrigger({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Trigger>) {\n return (\n <TabsPrimitive.Trigger\n data-slot=\"tabs-trigger\"\n className={cn(\n \"gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-medium group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg:not([class*='size-'])]:size-4 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center whitespace-nowrap transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n 'group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent',\n 'data-active:bg-background dark:data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 data-active:text-foreground',\n 'after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-horizontal/tabs:after:inset-x-0 group-data-horizontal/tabs:after:bottom-[-5px] group-data-horizontal/tabs:after:h-0.5 group-data-vertical/tabs:after:inset-y-0 group-data-vertical/tabs:after:-right-1 group-data-vertical/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100',\n className\n )}\n {...props}\n />\n );\n}\n\nfunction TabsContent({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Content>) {\n return (\n <TabsPrimitive.Content\n data-slot=\"tabs-content\"\n className={cn('text-sm flex-1 outline-none', className)}\n {...props}\n />\n );\n}\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants };\n"],"names":["
|
|
1
|
+
{"version":3,"file":"tabs.js","sources":["../../../../src/components/library/ui/tabs.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Tabs as TabsPrimitive } from 'radix-ui';\n\nimport { cn } from '../../../lib/utils';\n\nfunction Tabs({\n className,\n orientation = 'horizontal',\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Root>) {\n return (\n <TabsPrimitive.Root\n data-slot=\"tabs\"\n data-orientation={orientation}\n className={cn(\n 'gap-2 group/tabs flex data-horizontal:flex-col',\n className\n )}\n {...props}\n />\n );\n}\n\nconst tabsListVariants = cva(\n 'rounded-lg p-[3px] group-data-horizontal/tabs:h-8 data-[variant=line]:rounded-none group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col',\n {\n variants: {\n variant: {\n default: 'bg-muted',\n line: 'gap-1 bg-transparent',\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n }\n);\n\nfunction TabsList({\n className,\n variant = 'default',\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.List> &\n VariantProps<typeof tabsListVariants>) {\n return (\n <TabsPrimitive.List\n data-slot=\"tabs-list\"\n data-variant={variant}\n className={cn(tabsListVariants({ variant }), className)}\n {...props}\n />\n );\n}\n\nfunction TabsTrigger({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Trigger>) {\n return (\n <TabsPrimitive.Trigger\n data-slot=\"tabs-trigger\"\n className={cn(\n \"gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-medium group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg:not([class*='size-'])]:size-4 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center whitespace-nowrap transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n 'group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent',\n 'data-active:bg-background dark:data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 data-active:text-foreground',\n 'after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-horizontal/tabs:after:inset-x-0 group-data-horizontal/tabs:after:bottom-[-5px] group-data-horizontal/tabs:after:h-0.5 group-data-vertical/tabs:after:inset-y-0 group-data-vertical/tabs:after:-right-1 group-data-vertical/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100',\n className\n )}\n {...props}\n />\n );\n}\n\nfunction TabsContent({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Content>) {\n return (\n <TabsPrimitive.Content\n data-slot=\"tabs-content\"\n className={cn('text-sm flex-1 outline-none', className)}\n {...props}\n />\n );\n}\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants };\n"],"names":["Tabs","className","orientation","props","jsx","TabsPrimitive.Root","cn","tabsListVariants","cva","TabsList","variant","TabsPrimitive.List","TabsTrigger","TabsPrimitive.Trigger","TabsContent","TabsPrimitive.Content"],"mappings":";;;;AAMA,SAASA,EAAK;AAAA,EACZ,WAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,GAAGC;AACL,GAAoD;AAClD,SACE,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,oBAAkBH;AAAA,MAClB,WAAWI;AAAA,QACT;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,MAAMI,IAAmBC;AAAA,EACvB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;AAEA,SAASC,EAAS;AAAA,EAChB,WAAAR;AAAA,EACA,SAAAS,IAAU;AAAA,EACV,GAAGP;AACL,GACyC;AACvC,SACE,gBAAAC;AAAA,IAACO;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,gBAAcD;AAAA,MACd,WAAWJ,EAAGC,EAAiB,EAAE,SAAAG,EAAA,CAAS,GAAGT,CAAS;AAAA,MACrD,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASS,EAAY;AAAA,EACnB,WAAAX;AAAA,EACA,GAAGE;AACL,GAAuD;AACrD,SACE,gBAAAC;AAAA,IAACS;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWP;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASW,EAAY;AAAA,EACnB,WAAAb;AAAA,EACA,GAAGE;AACL,GAAuD;AACrD,SACE,gBAAAC;AAAA,IAACW;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWT,EAAG,+BAA+BL,CAAS;AAAA,MACrD,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;"}
|