@manafishrov/ui 1.0.4 → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Theme.js +6 -6
- package/dist/Theme.js.map +1 -1
- package/dist/_virtual/calendar-month.js +10 -0
- package/dist/_virtual/calendar-month.js.map +1 -0
- package/dist/_virtual/check-circle.js +10 -0
- package/dist/_virtual/check-circle.js.map +1 -0
- package/dist/_virtual/check.js +10 -0
- package/dist/_virtual/check.js.map +1 -0
- package/dist/_virtual/{outline-check.js → chevron-left.js} +4 -4
- package/dist/_virtual/chevron-left.js.map +1 -0
- package/dist/_virtual/{outline-expand-more.js → chevron-right.js} +4 -4
- package/dist/_virtual/chevron-right.js.map +1 -0
- package/dist/_virtual/close.js +10 -0
- package/dist/_virtual/close.js.map +1 -0
- package/dist/_virtual/error.js +10 -0
- package/dist/_virtual/error.js.map +1 -0
- package/dist/_virtual/{outline-expand-less.js → expand-less.js} +2 -2
- package/dist/_virtual/expand-less.js.map +1 -0
- package/dist/_virtual/expand-more.js +10 -0
- package/dist/_virtual/expand-more.js.map +1 -0
- package/dist/_virtual/info.js +10 -0
- package/dist/_virtual/info.js.map +1 -0
- package/dist/_virtual/more-horiz.js +10 -0
- package/dist/_virtual/more-horiz.js.map +1 -0
- package/dist/_virtual/progress-activity.js +10 -0
- package/dist/_virtual/progress-activity.js.map +1 -0
- package/dist/_virtual/search.js +10 -0
- package/dist/_virtual/search.js.map +1 -0
- package/dist/_virtual/side-navigation.js +10 -0
- package/dist/_virtual/side-navigation.js.map +1 -0
- package/dist/_virtual/visibility-off.js +10 -0
- package/dist/_virtual/visibility-off.js.map +1 -0
- package/dist/_virtual/visibility.js +10 -0
- package/dist/_virtual/visibility.js.map +1 -0
- package/dist/_virtual/warning.js +10 -0
- package/dist/_virtual/warning.js.map +1 -0
- package/dist/components/Accordion.js +1 -1
- package/dist/components/Accordion.js.map +1 -1
- package/dist/components/Breadcrumb.js +28 -24
- package/dist/components/Breadcrumb.js.map +1 -1
- package/dist/components/Carousel.js +23 -23
- package/dist/components/Carousel.js.map +1 -1
- package/dist/components/Checkbox.js +11 -11
- package/dist/components/Checkbox.js.map +1 -1
- package/dist/components/Combobox.js +15 -15
- package/dist/components/Combobox.js.map +1 -1
- package/dist/components/DatePicker.js +21 -21
- package/dist/components/DatePicker.js.map +1 -1
- package/dist/components/Dialog.js +7 -7
- package/dist/components/Dialog.js.map +1 -1
- package/dist/components/Menu.js +5 -5
- package/dist/components/Menu.js.map +1 -1
- package/dist/components/MenuCombobox.js +29 -29
- package/dist/components/MenuCombobox.js.map +1 -1
- package/dist/components/NavigationMenu.js +5 -5
- package/dist/components/NavigationMenu.js.map +1 -1
- package/dist/components/NumberInput.js +2 -2
- package/dist/components/NumberInput.js.map +1 -1
- package/dist/components/Pagination.js +18 -18
- package/dist/components/Pagination.js.map +1 -1
- package/dist/components/PasswordInput.js +11 -11
- package/dist/components/PasswordInput.js.map +1 -1
- package/dist/components/PinInput.js +24 -24
- package/dist/components/PinInput.js.map +1 -1
- package/dist/components/Select.js +8 -8
- package/dist/components/Select.js.map +1 -1
- package/dist/components/Sheet.js +10 -10
- package/dist/components/Sheet.js.map +1 -1
- package/dist/components/Spinner.js +17 -13
- package/dist/components/Spinner.js.map +1 -1
- package/dist/components/TagsInput.js +6 -6
- package/dist/components/TagsInput.js.map +1 -1
- package/dist/components/TreeView.js +1 -1
- package/dist/components/TreeView.js.map +1 -1
- package/dist/components/sidebar/Sidebar.d.ts +1 -0
- package/dist/components/sidebar/Sidebar.js +25 -18
- package/dist/components/sidebar/Sidebar.js.map +1 -1
- package/dist/components/sidebar/SidebarDesktop.js +24 -23
- package/dist/components/sidebar/SidebarDesktop.js.map +1 -1
- package/dist/components/sidebar/SidebarMenu.d.ts +5 -1
- package/dist/components/sidebar/SidebarMenu.js +96 -89
- package/dist/components/sidebar/SidebarMenu.js.map +1 -1
- package/dist/components/sidebar/SidebarMobile.js +30 -31
- package/dist/components/sidebar/SidebarMobile.js.map +1 -1
- package/dist/components/sidebar/SidebarProvider.js +48 -46
- package/dist/components/sidebar/SidebarProvider.js.map +1 -1
- package/dist/components/sidebar/SidebarSubComponents.js +24 -24
- package/dist/components/sidebar/SidebarSubComponents.js.map +1 -1
- package/dist/components/sidebar/context.d.ts +1 -0
- package/dist/components/sidebar/context.js.map +1 -1
- package/dist/components/toaster/Toaster.js +11 -11
- package/dist/components/toaster/Toaster.js.map +1 -1
- package/dist/paraglide/messages/ui_breadcrumb_label.js +21 -0
- package/dist/paraglide/messages/ui_breadcrumb_label.js.map +1 -0
- package/dist/theme.css +1 -1
- package/package.json +3 -3
- package/src/Theme.tsx +2 -2
- package/src/components/Accordion.tsx +2 -2
- package/src/components/Breadcrumb.tsx +12 -5
- package/src/components/Carousel.tsx +4 -4
- package/src/components/Checkbox.tsx +2 -2
- package/src/components/Combobox.tsx +8 -8
- package/src/components/DatePicker.tsx +6 -6
- package/src/components/Dialog.tsx +2 -2
- package/src/components/Menu.tsx +8 -8
- package/src/components/MenuCombobox.tsx +7 -7
- package/src/components/NavigationMenu.tsx +6 -6
- package/src/components/NumberInput.tsx +4 -4
- package/src/components/Pagination.tsx +6 -6
- package/src/components/PasswordInput.tsx +4 -4
- package/src/components/PinInput.tsx +3 -3
- package/src/components/Select.tsx +6 -6
- package/src/components/Sheet.tsx +6 -6
- package/src/components/Spinner.tsx +2 -9
- package/src/components/TagsInput.tsx +9 -9
- package/src/components/TreeView.tsx +2 -2
- package/src/components/sidebar/Sidebar.tsx +19 -3
- package/src/components/sidebar/SidebarDesktop.tsx +7 -2
- package/src/components/sidebar/SidebarMenu.tsx +64 -17
- package/src/components/sidebar/SidebarMobile.tsx +6 -2
- package/src/components/sidebar/SidebarProvider.tsx +15 -2
- package/src/components/sidebar/SidebarSubComponents.tsx +3 -3
- package/src/components/sidebar/context.ts +1 -0
- package/src/components/toaster/Toaster.tsx +12 -12
- package/src/theme.css +7 -7
- package/dist/_virtual/outline-calendar-month.js +0 -10
- package/dist/_virtual/outline-calendar-month.js.map +0 -1
- package/dist/_virtual/outline-check-circle.js +0 -10
- package/dist/_virtual/outline-check-circle.js.map +0 -1
- package/dist/_virtual/outline-check.js.map +0 -1
- package/dist/_virtual/outline-chevron-left.js +0 -10
- package/dist/_virtual/outline-chevron-left.js.map +0 -1
- package/dist/_virtual/outline-chevron-right.js +0 -10
- package/dist/_virtual/outline-chevron-right.js.map +0 -1
- package/dist/_virtual/outline-close.js +0 -10
- package/dist/_virtual/outline-close.js.map +0 -1
- package/dist/_virtual/outline-error.js +0 -10
- package/dist/_virtual/outline-error.js.map +0 -1
- package/dist/_virtual/outline-expand-less.js.map +0 -1
- package/dist/_virtual/outline-expand-more.js.map +0 -1
- package/dist/_virtual/outline-info.js +0 -10
- package/dist/_virtual/outline-info.js.map +0 -1
- package/dist/_virtual/outline-more-horiz.js +0 -10
- package/dist/_virtual/outline-more-horiz.js.map +0 -1
- package/dist/_virtual/outline-remove.js +0 -10
- package/dist/_virtual/outline-remove.js.map +0 -1
- package/dist/_virtual/outline-search.js +0 -10
- package/dist/_virtual/outline-search.js.map +0 -1
- package/dist/_virtual/outline-view-sidebar.js +0 -10
- package/dist/_virtual/outline-view-sidebar.js.map +0 -1
- package/dist/_virtual/outline-visibility-off.js +0 -10
- package/dist/_virtual/outline-visibility-off.js.map +0 -1
- package/dist/_virtual/outline-visibility.js +0 -10
- package/dist/_virtual/outline-visibility.js.map +0 -1
- package/dist/_virtual/outline-warning.js +0 -10
- package/dist/_virtual/outline-warning.js.map +0 -1
|
@@ -1,26 +1,26 @@
|
|
|
1
1
|
import { createComponent as a, mergeProps as o, template as d, insert as u, memo as m } from "solid-js/web";
|
|
2
|
-
import { carousel_exports as
|
|
2
|
+
import { carousel_exports as s } from "../node_modules/.bun/@ark-ui_solid@5.34.0_95b571dd5236cc92/node_modules/@ark-ui/solid/dist/chunk/Z5FQB54Q.js";
|
|
3
3
|
import { splitProps as i } from "solid-js";
|
|
4
4
|
import { cn as c } from "../node_modules/.bun/tailwind-variants@3.2.2_e7cab99c1b720a38/node_modules/tailwind-variants/dist/index.js";
|
|
5
|
-
import p from "../_virtual/
|
|
6
|
-
import g from "../_virtual/
|
|
5
|
+
import p from "../_virtual/chevron-left.js";
|
|
6
|
+
import g from "../_virtual/chevron-right.js";
|
|
7
7
|
import { Button as h } from "./Button.js";
|
|
8
8
|
import { ui_carousel_previous as f } from "../paraglide/messages/ui_carousel_previous.js";
|
|
9
9
|
import { ui_carousel_next as z } from "../paraglide/messages/ui_carousel_next.js";
|
|
10
10
|
var C = /* @__PURE__ */ d("<div class=overflow-hidden>"), v = /* @__PURE__ */ d("<span class=sr-only>");
|
|
11
|
-
const
|
|
11
|
+
const R = s.Context, T = (r) => {
|
|
12
12
|
const [t, e] = i(r, ["class"]);
|
|
13
|
-
return a(
|
|
13
|
+
return a(s.Root, o({
|
|
14
14
|
"data-slot": "carousel",
|
|
15
15
|
get class() {
|
|
16
16
|
return c("relative", t.class);
|
|
17
17
|
}
|
|
18
18
|
}, e));
|
|
19
|
-
},
|
|
19
|
+
}, k = (r) => {
|
|
20
20
|
const [t, e] = i(r, ["class", "children"]);
|
|
21
21
|
return (() => {
|
|
22
22
|
var n = C();
|
|
23
|
-
return u(n, a(
|
|
23
|
+
return u(n, a(s.ItemGroup, o({
|
|
24
24
|
"data-slot": "carousel-content",
|
|
25
25
|
get class() {
|
|
26
26
|
return c("flex", t.class);
|
|
@@ -31,17 +31,17 @@ const O = l.Context, R = (r) => {
|
|
|
31
31
|
}
|
|
32
32
|
}))), n;
|
|
33
33
|
})();
|
|
34
|
-
},
|
|
34
|
+
}, B = (r) => {
|
|
35
35
|
const [t, e] = i(r, ["class"]);
|
|
36
|
-
return a(
|
|
36
|
+
return a(s.Item, o({
|
|
37
37
|
"data-slot": "carousel-item",
|
|
38
38
|
get class() {
|
|
39
39
|
return c("min-w-0 shrink-0 grow-0 basis-full", t.class);
|
|
40
40
|
}
|
|
41
41
|
}, e));
|
|
42
|
-
},
|
|
42
|
+
}, G = (r) => {
|
|
43
43
|
const [t, e] = i(r, ["class", "children", "variant", "size"]);
|
|
44
|
-
return a(
|
|
44
|
+
return a(s.PrevTrigger, o({
|
|
45
45
|
"data-slot": "carousel-previous"
|
|
46
46
|
}, e, {
|
|
47
47
|
asChild: (n) => a(h, o({
|
|
@@ -59,15 +59,15 @@ const O = l.Context, R = (r) => {
|
|
|
59
59
|
return [m(() => t.children ?? a(p, {
|
|
60
60
|
class: "size-5"
|
|
61
61
|
})), (() => {
|
|
62
|
-
var
|
|
63
|
-
return u(
|
|
62
|
+
var l = v();
|
|
63
|
+
return u(l, () => f()), l;
|
|
64
64
|
})()];
|
|
65
65
|
}
|
|
66
66
|
}))
|
|
67
67
|
}));
|
|
68
|
-
},
|
|
68
|
+
}, L = (r) => {
|
|
69
69
|
const [t, e] = i(r, ["class", "children", "variant", "size"]);
|
|
70
|
-
return a(
|
|
70
|
+
return a(s.NextTrigger, o({
|
|
71
71
|
"data-slot": "carousel-next"
|
|
72
72
|
}, e, {
|
|
73
73
|
asChild: (n) => a(h, o({
|
|
@@ -85,19 +85,19 @@ const O = l.Context, R = (r) => {
|
|
|
85
85
|
return [m(() => t.children ?? a(g, {
|
|
86
86
|
class: "size-5"
|
|
87
87
|
})), (() => {
|
|
88
|
-
var
|
|
89
|
-
return u(
|
|
88
|
+
var l = v();
|
|
89
|
+
return u(l, () => z()), l;
|
|
90
90
|
})()];
|
|
91
91
|
}
|
|
92
92
|
}))
|
|
93
93
|
}));
|
|
94
94
|
};
|
|
95
95
|
export {
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
96
|
+
T as Carousel,
|
|
97
|
+
k as CarouselContent,
|
|
98
|
+
R as CarouselContext,
|
|
99
|
+
B as CarouselItem,
|
|
100
|
+
L as CarouselNext,
|
|
101
|
+
G as CarouselPrevious
|
|
102
102
|
};
|
|
103
103
|
//# sourceMappingURL=Carousel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Carousel.js","sources":["../../src/components/Carousel.tsx"],"sourcesContent":["import { Carousel as CarouselPrimitive } from '@ark-ui/solid/carousel';\nimport { type Component, type ComponentProps, splitProps } from 'solid-js';\nimport { cn } from 'tailwind-variants';\nimport
|
|
1
|
+
{"version":3,"file":"Carousel.js","sources":["../../src/components/Carousel.tsx"],"sourcesContent":["import { Carousel as CarouselPrimitive } from '@ark-ui/solid/carousel';\nimport { type Component, type ComponentProps, splitProps } from 'solid-js';\nimport { cn } from 'tailwind-variants';\nimport ChevronLeftIcon from '~icons/material-symbols/chevron-left';\nimport ChevronRightIcon from '~icons/material-symbols/chevron-right';\n\nimport { Button, type ButtonVariantProps } from '@/components/Button';\nimport * as messages from '@/paraglide/messages';\n\nexport const CarouselContext = CarouselPrimitive.Context;\n\nexport const Carousel: Component<CarouselPrimitive.RootProps> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n return (\n <CarouselPrimitive.Root data-slot='carousel' class={cn('relative', local.class)} {...others} />\n );\n};\n\nexport const CarouselContent: Component<ComponentProps<'div'>> = (props) => {\n const [local, others] = splitProps(props, ['class', 'children']);\n return (\n <div class='overflow-hidden'>\n <CarouselPrimitive.ItemGroup\n data-slot='carousel-content'\n class={cn('flex', local.class)}\n {...others}\n >\n {local.children}\n </CarouselPrimitive.ItemGroup>\n </div>\n );\n};\n\nexport const CarouselItem: Component<CarouselPrimitive.ItemProps> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n return (\n <CarouselPrimitive.Item\n data-slot='carousel-item'\n class={cn('min-w-0 shrink-0 grow-0 basis-full', local.class)}\n {...others}\n />\n );\n};\n\nexport const CarouselPrevious: Component<\n CarouselPrimitive.PrevTriggerProps & {\n variant?: ButtonVariantProps['variant'];\n size?: ButtonVariantProps['size'];\n }\n> = (props) => {\n const [local, others] = splitProps(props, ['class', 'children', 'variant', 'size']);\n return (\n <CarouselPrimitive.PrevTrigger\n data-slot='carousel-previous'\n {...others}\n asChild={(triggerProps) => (\n <Button\n variant={local.variant ?? 'outline'}\n size={local.size ?? 'icon'}\n class={cn(\n 'h-8 w-8 absolute rounded-full',\n 'data-[orientation=horizontal]:-left-12 data-[orientation=horizontal]:top-1/2 data-[orientation=horizontal]:-translate-y-1/2',\n 'data-[orientation=vertical]:-top-12 data-[orientation=vertical]:left-1/2 data-[orientation=vertical]:-translate-x-1/2 data-[orientation=vertical]:rotate-90',\n local.class,\n )}\n {...triggerProps()}\n >\n {local.children ?? <ChevronLeftIcon class='size-5' />}\n <span class='sr-only'>{messages.ui_carousel_previous()}</span>\n </Button>\n )}\n />\n );\n};\n\nexport const CarouselNext: Component<\n CarouselPrimitive.NextTriggerProps & {\n variant?: ButtonVariantProps['variant'];\n size?: ButtonVariantProps['size'];\n }\n> = (props) => {\n const [local, others] = splitProps(props, ['class', 'children', 'variant', 'size']);\n return (\n <CarouselPrimitive.NextTrigger\n data-slot='carousel-next'\n {...others}\n asChild={(triggerProps) => (\n <Button\n variant={local.variant ?? 'outline'}\n size={local.size ?? 'icon'}\n class={cn(\n 'h-8 w-8 absolute rounded-full',\n 'data-[orientation=horizontal]:-right-12 data-[orientation=horizontal]:top-1/2 data-[orientation=horizontal]:-translate-y-1/2',\n 'data-[orientation=vertical]:-bottom-12 data-[orientation=vertical]:left-1/2 data-[orientation=vertical]:-translate-x-1/2 data-[orientation=vertical]:rotate-90',\n local.class,\n )}\n {...triggerProps()}\n >\n {local.children ?? <ChevronRightIcon class='size-5' />}\n <span class='sr-only'>{messages.ui_carousel_next()}</span>\n </Button>\n )}\n />\n );\n};\n"],"names":["CarouselContext","CarouselPrimitive","Context","Carousel","props","local","others","splitProps","_$createComponent","Root","_$mergeProps","cn","class","CarouselContent","_el$","_tmpl$","_$insert","ItemGroup","children","CarouselItem","Item","CarouselPrevious","PrevTrigger","asChild","triggerProps","Button","variant","size","_$memo","ChevronLeftIcon","_el$2","_tmpl$2","messages","CarouselNext","NextTrigger","ChevronRightIcon","_el$3"],"mappings":"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"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { createComponent as a, mergeProps as i, memo as s } from "solid-js/web";
|
|
2
2
|
import { checkbox_exports as o } from "../node_modules/.bun/@ark-ui_solid@5.34.0_95b571dd5236cc92/node_modules/@ark-ui/solid/dist/chunk/4CRPJKY4.js";
|
|
3
|
-
import { splitProps as
|
|
4
|
-
import { cn as
|
|
5
|
-
import d from "../_virtual/
|
|
3
|
+
import { splitProps as c } from "solid-js";
|
|
4
|
+
import { cn as n } from "../node_modules/.bun/tailwind-variants@3.2.2_e7cab99c1b720a38/node_modules/tailwind-variants/dist/index.js";
|
|
5
|
+
import d from "../_virtual/check.js";
|
|
6
6
|
const h = o.Group, x = o.Context, f = (e) => {
|
|
7
|
-
const [t, r] =
|
|
7
|
+
const [t, r] = c(e, ["class"]);
|
|
8
8
|
return a(o.Root, i({
|
|
9
9
|
get class() {
|
|
10
|
-
return
|
|
10
|
+
return n("group/checkbox gap-2 relative flex w-fit items-center transition-none outline-none data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50 data-[readonly=true]:cursor-default", t.class);
|
|
11
11
|
}
|
|
12
12
|
}, r, {
|
|
13
13
|
get children() {
|
|
@@ -15,19 +15,19 @@ const h = o.Group, x = o.Context, f = (e) => {
|
|
|
15
15
|
}
|
|
16
16
|
}));
|
|
17
17
|
}, m = (e) => {
|
|
18
|
-
const [t, r] =
|
|
18
|
+
const [t, r] = c(e, ["class"]);
|
|
19
19
|
return a(o.Control, i({
|
|
20
20
|
"data-slot": "checkbox",
|
|
21
21
|
get class() {
|
|
22
|
-
return
|
|
22
|
+
return n("peer size-4 shadow-xs relative flex shrink-0 items-center justify-center rounded-[4px] border border-input text-current transition-colors outline-none", "after:-inset-y-2 after:-inset-x-3 after:absolute", "data-[focus-visible]:border-ring data-[focus-visible]:ring-[3px] data-[focus-visible]:ring-ring/50", "group-data-[focus-visible]/checkbox:border-ring group-data-[focus-visible]/checkbox:ring-[3px] group-data-[focus-visible]/checkbox:ring-ring/50", "group-has-focus-visible/checkbox:border-ring group-has-focus-visible/checkbox:ring-[3px] group-has-focus-visible/checkbox:ring-ring/50", "data-[invalid=true]:border-destructive data-[invalid=true]:ring-[3px] data-[invalid=true]:ring-destructive/20 dark:data-[invalid=true]:border-destructive/50", "data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground", "data-[state=indeterminate]:border-primary data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground", "data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50", "data-[readonly]:data-[focus-visible]:border-input data-[readonly]:data-[focus-visible]:ring-0", "group-data-[readonly]/checkbox:group-has-focus-visible/checkbox:border-input group-data-[readonly]/checkbox:group-has-focus-visible/checkbox:ring-0", t.class);
|
|
23
23
|
}
|
|
24
24
|
}, r));
|
|
25
25
|
}, k = (e) => {
|
|
26
|
-
const [t, r] =
|
|
26
|
+
const [t, r] = c(e, ["class", "children"]);
|
|
27
27
|
return a(o.Indicator, i({
|
|
28
28
|
"data-slot": "checkbox-indicator",
|
|
29
29
|
get class() {
|
|
30
|
-
return
|
|
30
|
+
return n("[&>svg]:size-3.5 grid place-content-center text-current transition-none", t.class);
|
|
31
31
|
}
|
|
32
32
|
}, r, {
|
|
33
33
|
get children() {
|
|
@@ -35,10 +35,10 @@ const h = o.Group, x = o.Context, f = (e) => {
|
|
|
35
35
|
}
|
|
36
36
|
}));
|
|
37
37
|
}, v = (e) => {
|
|
38
|
-
const [t, r] =
|
|
38
|
+
const [t, r] = c(e, ["class"]);
|
|
39
39
|
return a(o.Label, i({
|
|
40
40
|
get class() {
|
|
41
|
-
return
|
|
41
|
+
return n("text-sm font-medium leading-none select-none", "data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-70", t.class);
|
|
42
42
|
}
|
|
43
43
|
}, r));
|
|
44
44
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sources":["../../src/components/Checkbox.tsx"],"sourcesContent":["import { Checkbox as CheckboxPrimitive } from '@ark-ui/solid/checkbox';\nimport { type Component, splitProps } from 'solid-js';\nimport { cn } from 'tailwind-variants';\nimport
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sources":["../../src/components/Checkbox.tsx"],"sourcesContent":["import { Checkbox as CheckboxPrimitive } from '@ark-ui/solid/checkbox';\nimport { type Component, splitProps } from 'solid-js';\nimport { cn } from 'tailwind-variants';\nimport CheckIcon from '~icons/material-symbols/check';\nexport const CheckboxGroup = CheckboxPrimitive.Group;\nexport const CheckboxContext = CheckboxPrimitive.Context;\n\nexport const Checkbox: Component<CheckboxPrimitive.RootProps> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n\n return (\n <CheckboxPrimitive.Root\n class={cn(\n 'group/checkbox gap-2 relative flex w-fit items-center transition-none outline-none data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50 data-[readonly=true]:cursor-default',\n local.class,\n )}\n {...others}\n >\n {props.children}\n <CheckboxPrimitive.HiddenInput />\n </CheckboxPrimitive.Root>\n );\n};\n\nexport const CheckboxControl: Component<CheckboxPrimitive.ControlProps> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n\n return (\n <CheckboxPrimitive.Control\n data-slot='checkbox'\n class={cn(\n 'peer size-4 shadow-xs relative flex shrink-0 items-center justify-center rounded-[4px] border border-input text-current transition-colors outline-none',\n 'after:-inset-y-2 after:-inset-x-3 after:absolute',\n 'data-[focus-visible]:border-ring data-[focus-visible]:ring-[3px] data-[focus-visible]:ring-ring/50',\n 'group-data-[focus-visible]/checkbox:border-ring group-data-[focus-visible]/checkbox:ring-[3px] group-data-[focus-visible]/checkbox:ring-ring/50',\n 'group-has-focus-visible/checkbox:border-ring group-has-focus-visible/checkbox:ring-[3px] group-has-focus-visible/checkbox:ring-ring/50',\n 'data-[invalid=true]:border-destructive data-[invalid=true]:ring-[3px] data-[invalid=true]:ring-destructive/20 dark:data-[invalid=true]:border-destructive/50',\n 'data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground',\n 'data-[state=indeterminate]:border-primary data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground',\n 'data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50',\n 'data-[readonly]:data-[focus-visible]:border-input data-[readonly]:data-[focus-visible]:ring-0',\n 'group-data-[readonly]/checkbox:group-has-focus-visible/checkbox:border-input group-data-[readonly]/checkbox:group-has-focus-visible/checkbox:ring-0',\n local.class,\n )}\n {...others}\n />\n );\n};\n\nexport const CheckboxIndicator: Component<CheckboxPrimitive.IndicatorProps> = (props) => {\n const [local, others] = splitProps(props, ['class', 'children']);\n\n return (\n <CheckboxPrimitive.Indicator\n data-slot='checkbox-indicator'\n class={cn(\n '[&>svg]:size-3.5 grid place-content-center text-current transition-none',\n local.class,\n )}\n {...others}\n >\n {local.children ?? <CheckIcon />}\n </CheckboxPrimitive.Indicator>\n );\n};\n\nexport const CheckboxLabel: Component<CheckboxPrimitive.LabelProps> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n return (\n <CheckboxPrimitive.Label\n class={cn(\n 'text-sm font-medium leading-none select-none',\n 'data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-70',\n local.class,\n )}\n {...others}\n />\n );\n};\n"],"names":["CheckboxGroup","CheckboxPrimitive","Group","CheckboxContext","Context","Checkbox","props","local","others","splitProps","_$createComponent","Root","_$mergeProps","cn","class","children","_$memo","HiddenInput","CheckboxControl","Control","CheckboxIndicator","Indicator","CheckIcon","CheckboxLabel","Label"],"mappings":";;;;;AAIO,MAAMA,IAAgBC,EAAkBC,OAClCC,IAAkBF,EAAkBG,SAEpCC,IAAoDC,CAAAA,MAAU;AACzE,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AAEnD,SAAAI,EACGT,EAAkBU,MAAIC,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aACdC,EACL,kMACAN,EAAMO,KACR;AAAA,IAAC;AAAA,EAAA,GACGN,GAAM;AAAA,IAAA,IAAAO,WAAA;AAAA,aAAA,CAAAC,EAAA,MAETV,EAAMS,QAAQ,GAAAL,EACdT,EAAkBgB,aAAW,CAAA,CAAA,CAAA;AAAA,IAAA;AAAA,EAAA,CAAA,CAAA;AAGpC,GAEaC,IAA8DZ,CAAAA,MAAU;AACnF,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AAEnD,SAAAI,EACGT,EAAkBkB,SAAOP,EAAA;AAAA,IAAA,aAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAEjBC,EACL,0JACA,oDACA,sGACA,mJACA,0IACA,gKACA,oHACA,sIACA,2EACA,iGACA,uJACAN,EAAMO,KACR;AAAA,IAAC;AAAA,EAAA,GACGN,CAAM,CAAA;AAGhB,GAEaY,IAAkEd,CAAAA,MAAU;AACvF,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,SAAS,UAAU,CAAC;AAE/D,SAAAI,EACGT,EAAkBoB,WAAST,EAAA;AAAA,IAAA,aAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAEnBC,EACL,2EACAN,EAAMO,KACR;AAAA,IAAC;AAAA,EAAA,GACGN,GAAM;AAAA,IAAA,IAAAO,WAAA;AAAA,aAETR,EAAMQ,YAAQL,EAAKY,GAAS,CAAA,CAAA;AAAA,IAAG;AAAA,EAAA,CAAA,CAAA;AAGtC,GAEaC,IAA0DjB,CAAAA,MAAU;AAC/E,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGT,EAAkBuB,OAAKZ,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aACfC,EACL,gDACA,2EACAN,EAAMO,KACR;AAAA,IAAC;AAAA,EAAA,GACGN,CAAM,CAAA;AAGhB;"}
|
|
@@ -2,9 +2,9 @@ import { createComponent as r, mergeProps as a, template as c, spread as d } fro
|
|
|
2
2
|
import { combobox_exports as s } from "../node_modules/.bun/@ark-ui_solid@5.34.0_95b571dd5236cc92/node_modules/@ark-ui/solid/dist/chunk/TGBMUR4Z.js";
|
|
3
3
|
import { splitProps as n } from "solid-js";
|
|
4
4
|
import { cn as l } from "../node_modules/.bun/tailwind-variants@3.2.2_e7cab99c1b720a38/node_modules/tailwind-variants/dist/index.js";
|
|
5
|
-
import u from "../_virtual/
|
|
6
|
-
import b from "../_virtual/
|
|
7
|
-
import m from "../_virtual/
|
|
5
|
+
import u from "../_virtual/check.js";
|
|
6
|
+
import b from "../_virtual/close.js";
|
|
7
|
+
import m from "../_virtual/expand-more.js";
|
|
8
8
|
var g = /* @__PURE__ */ c("<div data-slot=combobox-empty>");
|
|
9
9
|
const w = s.Context, I = (e) => {
|
|
10
10
|
const [t, o] = n(e, ["class"]);
|
|
@@ -63,7 +63,7 @@ const w = s.Context, I = (e) => {
|
|
|
63
63
|
return r(s.ClearTrigger, a({
|
|
64
64
|
"data-slot": "combobox-clear",
|
|
65
65
|
get class() {
|
|
66
|
-
return l("p-0.5 rounded-[4px] text-muted-foreground transition-colors hover:text-foreground focus-visible:text-foreground focus-visible:
|
|
66
|
+
return l("p-0.5 rounded-[4px] text-muted-foreground transition-colors hover:text-foreground focus-visible:text-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-none", t.class);
|
|
67
67
|
}
|
|
68
68
|
}, o, {
|
|
69
69
|
get tabIndex() {
|
|
@@ -82,7 +82,7 @@ const w = s.Context, I = (e) => {
|
|
|
82
82
|
return l("isolate z-50", t.class);
|
|
83
83
|
}
|
|
84
84
|
}, o));
|
|
85
|
-
},
|
|
85
|
+
}, j = (e) => {
|
|
86
86
|
const [t, o] = n(e, ["class"]);
|
|
87
87
|
return r(s.Content, a({
|
|
88
88
|
"data-slot": "combobox-content",
|
|
@@ -90,12 +90,12 @@ const w = s.Context, I = (e) => {
|
|
|
90
90
|
return l("min-w-36 shadow-md relative isolate z-50 max-h-(--available-height) w-(--anchor-width) origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover text-popover-foreground ring-1 ring-foreground/10 duration-100 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 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95", t.class);
|
|
91
91
|
}
|
|
92
92
|
}, o));
|
|
93
|
-
},
|
|
93
|
+
}, E = (e) => {
|
|
94
94
|
const [t, o] = n(e, ["class", "children"]);
|
|
95
95
|
return r(s.Item, a({
|
|
96
96
|
"data-slot": "combobox-item",
|
|
97
97
|
get class() {
|
|
98
|
-
return l("gap-1.5 py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 *:[span]:last:gap-2 relative flex w-full cursor-default items-center rounded-md outline-hidden select-none data-disabled:pointer-events-none data-
|
|
98
|
+
return l("gap-1.5 py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 *:[span]:last:gap-2 relative flex w-full cursor-default items-center rounded-md outline-hidden select-none data-disabled:pointer-events-none data-highlighted:bg-accent data-highlighted:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 *:[span]:last:flex *:[span]:last:items-center", t.class);
|
|
99
99
|
}
|
|
100
100
|
}, o, {
|
|
101
101
|
get children() {
|
|
@@ -114,7 +114,7 @@ const w = s.Context, I = (e) => {
|
|
|
114
114
|
})];
|
|
115
115
|
}
|
|
116
116
|
}));
|
|
117
|
-
},
|
|
117
|
+
}, $ = (e) => {
|
|
118
118
|
const [t, o] = n(e, ["class"]);
|
|
119
119
|
return r(s.ItemGroup, a({
|
|
120
120
|
"data-slot": "combobox-group",
|
|
@@ -122,7 +122,7 @@ const w = s.Context, I = (e) => {
|
|
|
122
122
|
return l("scroll-my-1", t.class);
|
|
123
123
|
}
|
|
124
124
|
}, o));
|
|
125
|
-
},
|
|
125
|
+
}, M = (e) => {
|
|
126
126
|
const [t, o] = n(e, ["class"]);
|
|
127
127
|
return r(s.ItemGroupLabel, a({
|
|
128
128
|
"data-slot": "combobox-label",
|
|
@@ -130,7 +130,7 @@ const w = s.Context, I = (e) => {
|
|
|
130
130
|
return l("px-1.5 py-1 text-xs text-muted-foreground", t.class);
|
|
131
131
|
}
|
|
132
132
|
}, o));
|
|
133
|
-
},
|
|
133
|
+
}, R = (e) => {
|
|
134
134
|
const [t, o] = n(e, ["class"]);
|
|
135
135
|
return (() => {
|
|
136
136
|
var i = g();
|
|
@@ -144,14 +144,14 @@ const w = s.Context, I = (e) => {
|
|
|
144
144
|
export {
|
|
145
145
|
I as Combobox,
|
|
146
146
|
G as ComboboxClearTrigger,
|
|
147
|
-
|
|
147
|
+
j as ComboboxContent,
|
|
148
148
|
w as ComboboxContext,
|
|
149
149
|
k as ComboboxControl,
|
|
150
|
-
|
|
150
|
+
R as ComboboxEmpty,
|
|
151
151
|
L as ComboboxInput,
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
152
|
+
E as ComboboxItem,
|
|
153
|
+
$ as ComboboxItemGroup,
|
|
154
|
+
M as ComboboxItemGroupLabel,
|
|
155
155
|
_ as ComboboxLabel,
|
|
156
156
|
z as ComboboxList,
|
|
157
157
|
P as ComboboxPositioner,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Combobox.js","sources":["../../src/components/Combobox.tsx"],"sourcesContent":["import { Combobox as ComboboxPrimitive, type CollectionItem } from '@ark-ui/solid/combobox';\nimport { type Component, type ComponentProps, type JSXElement, splitProps } from 'solid-js';\nimport { cn } from 'tailwind-variants';\nimport OutlineCheckIcon from '~icons/ic/outline-check';\nimport OutlineCloseIcon from '~icons/ic/outline-close';\nimport OutlineExpandMoreIcon from '~icons/ic/outline-expand-more';\n\nexport const ComboboxContext = ComboboxPrimitive.Context;\n\nexport const Combobox = <TItem extends CollectionItem>(\n props: ComboboxPrimitive.RootProps<TItem> & { class?: string },\n): JSXElement => {\n const [local, others] = splitProps(props, ['class']);\n return <ComboboxPrimitive.Root class={cn('flex w-full flex-col', local.class)} {...others} />;\n};\n\nexport const ComboboxList: Component<ComboboxPrimitive.ListProps> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n return (\n <ComboboxPrimitive.List\n data-slot='combobox-list'\n class={cn('p-1 max-h-[min(var(--available-height),300px)] overflow-y-auto', local.class)}\n {...others}\n />\n );\n};\n\nexport const ComboboxLabel: Component<ComboboxPrimitive.LabelProps> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n return (\n <ComboboxPrimitive.Label\n class={cn(\n 'mb-1 gap-2 text-sm font-medium flex items-center leading-none select-none group-data-disabled:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',\n local.class,\n )}\n {...others}\n />\n );\n};\n\nexport const ComboboxControl: Component<ComboboxPrimitive.ControlProps> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n\n return (\n <ComboboxPrimitive.Control\n data-slot='combobox-control'\n class={cn(\n 'group min-h-10 py-1.5 pr-2 pl-2.5 text-sm [&_svg:not([class*=\"size-\"])]:size-4 gap-1 shadow-sm flex w-full flex-wrap items-center rounded-lg border border-input bg-transparent transition-colors outline-none disabled:cursor-not-allowed disabled:opacity-50 dark:bg-input/30 dark:hover:bg-input/50 [&_svg]:pointer-events-none [&_svg]:shrink-0',\n 'has-focus-visible:border-ring has-focus-visible:ring-[3px] has-focus-visible:ring-ring/50',\n 'data-[invalid=true]:border-destructive data-[invalid=true]:ring-[3px] data-[invalid=true]:ring-destructive/20 dark:data-[invalid=true]:ring-destructive/40',\n 'data-[disabled=true]:bg-input/50 data-[disabled=true]:opacity-50 dark:data-[disabled=true]:bg-input/80',\n 'data-[readonly=true]:cursor-default data-[readonly=true]:has-focus-visible:border-input data-[readonly=true]:has-focus-visible:ring-0',\n local.class,\n )}\n {...others}\n />\n );\n};\n\nexport const ComboboxInput: Component<ComboboxPrimitive.InputProps> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n\n return (\n <ComboboxPrimitive.Input\n data-slot='combobox-input'\n class={cn(\n 'min-w-16 flex-1 bg-transparent outline-none placeholder:text-muted-foreground focus-visible:ring-0',\n local.class,\n )}\n {...others}\n />\n );\n};\n\nexport const ComboboxTrigger: Component<ComboboxPrimitive.TriggerProps> = (props) => {\n const [local, others] = splitProps(props, ['class', 'children']);\n return (\n <ComboboxPrimitive.Trigger\n data-slot='combobox-trigger'\n class={cn('text-muted-foreground transition-colors hover:text-foreground', local.class)}\n {...others}\n >\n {local.children ?? <OutlineExpandMoreIcon class='size-4' />}\n </ComboboxPrimitive.Trigger>\n );\n};\nexport const ComboboxClearTrigger: Component<ComboboxPrimitive.ClearTriggerProps> = (props) => {\n const [local, others] = splitProps(props, ['class', 'children', 'tabIndex']);\n return (\n <ComboboxPrimitive.ClearTrigger\n data-slot='combobox-clear'\n class={cn(\n 'p-0.5 rounded-[4px] text-muted-foreground transition-colors hover:text-foreground focus-visible:text-foreground focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50',\n local.class,\n )}\n {...others}\n tabIndex={local.tabIndex ?? 0}\n >\n {local.children ?? <OutlineCloseIcon class='size-3.5' />}\n </ComboboxPrimitive.ClearTrigger>\n );\n};\n\nexport const ComboboxPositioner: Component<ComboboxPrimitive.PositionerProps> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n return <ComboboxPrimitive.Positioner class={cn('isolate z-50', local.class)} {...others} />;\n};\n\nexport const ComboboxContent: Component<ComboboxPrimitive.ContentProps> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n return (\n <ComboboxPrimitive.Content\n data-slot='combobox-content'\n class={cn(\n 'min-w-36 shadow-md relative isolate z-50 max-h-(--available-height) w-(--anchor-width) origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover text-popover-foreground ring-1 ring-foreground/10 duration-100 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 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95',\n local.class,\n )}\n {...others}\n />\n );\n};\n\nexport const ComboboxItem: Component<ComboboxPrimitive.ItemProps> = (props) => {\n const [local, others] = splitProps(props, ['class', 'children']);\n return (\n <ComboboxPrimitive.Item\n data-slot='combobox-item'\n class={cn(\n \"gap-1.5 py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 *:[span]:last:gap-2 relative flex w-full cursor-default items-center rounded-md outline-hidden select-none data-disabled:pointer-events-none data-[disabled=true]:opacity-50 data-highlighted:bg-accent data-highlighted:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 *:[span]:last:flex *:[span]:last:items-center\",\n local.class,\n )}\n {...others}\n >\n <ComboboxPrimitive.ItemText class='gap-2 flex flex-1 shrink-0 whitespace-nowrap'>\n {local.children}\n </ComboboxPrimitive.ItemText>\n <ComboboxPrimitive.ItemIndicator class='right-2 size-4 pointer-events-none absolute flex items-center justify-center'>\n <OutlineCheckIcon class='pointer-events-none' />\n </ComboboxPrimitive.ItemIndicator>\n </ComboboxPrimitive.Item>\n );\n};\n\nexport const ComboboxItemGroup: Component<ComboboxPrimitive.ItemGroupProps> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n return (\n <ComboboxPrimitive.ItemGroup\n data-slot='combobox-group'\n class={cn('scroll-my-1', local.class)}\n {...others}\n />\n );\n};\n\nexport const ComboboxItemGroupLabel: Component<ComboboxPrimitive.ItemGroupLabelProps> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n return (\n <ComboboxPrimitive.ItemGroupLabel\n data-slot='combobox-label'\n class={cn('px-1.5 py-1 text-xs text-muted-foreground', local.class)}\n {...others}\n />\n );\n};\n\nexport const ComboboxEmpty: Component<ComponentProps<'div'>> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n return (\n <div\n data-slot='combobox-empty'\n class={cn(\n 'py-2 text-sm hidden w-full justify-center text-center text-muted-foreground group-data-empty/combobox-content:flex',\n local.class,\n )}\n {...others}\n />\n );\n};\n"],"names":["ComboboxContext","ComboboxPrimitive","Context","Combobox","props","local","others","splitProps","_$createComponent","Root","_$mergeProps","cn","class","ComboboxList","List","ComboboxLabel","Label","ComboboxControl","Control","ComboboxInput","Input","ComboboxTrigger","Trigger","children","OutlineExpandMoreIcon","ComboboxClearTrigger","ClearTrigger","tabIndex","OutlineCloseIcon","ComboboxPositioner","Positioner","ComboboxContent","Content","ComboboxItem","Item","ItemText","ItemIndicator","OutlineCheckIcon","ComboboxItemGroup","ItemGroup","ComboboxItemGroupLabel","ItemGroupLabel","ComboboxEmpty","_el$","_tmpl$","_$spread"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Combobox.js","sources":["../../src/components/Combobox.tsx"],"sourcesContent":["import { Combobox as ComboboxPrimitive, type CollectionItem } from '@ark-ui/solid/combobox';\nimport { type Component, type ComponentProps, type JSXElement, splitProps } from 'solid-js';\nimport { cn } from 'tailwind-variants';\nimport CheckIcon from '~icons/material-symbols/check';\nimport CloseIcon from '~icons/material-symbols/close';\nimport ExpandMoreIcon from '~icons/material-symbols/expand-more';\n\nexport const ComboboxContext = ComboboxPrimitive.Context;\n\nexport const Combobox = <TItem extends CollectionItem>(\n props: ComboboxPrimitive.RootProps<TItem> & { class?: string },\n): JSXElement => {\n const [local, others] = splitProps(props, ['class']);\n return <ComboboxPrimitive.Root class={cn('flex w-full flex-col', local.class)} {...others} />;\n};\n\nexport const ComboboxList: Component<ComboboxPrimitive.ListProps> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n return (\n <ComboboxPrimitive.List\n data-slot='combobox-list'\n class={cn('p-1 max-h-[min(var(--available-height),300px)] overflow-y-auto', local.class)}\n {...others}\n />\n );\n};\n\nexport const ComboboxLabel: Component<ComboboxPrimitive.LabelProps> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n return (\n <ComboboxPrimitive.Label\n class={cn(\n 'mb-1 gap-2 text-sm font-medium flex items-center leading-none select-none group-data-disabled:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',\n local.class,\n )}\n {...others}\n />\n );\n};\n\nexport const ComboboxControl: Component<ComboboxPrimitive.ControlProps> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n\n return (\n <ComboboxPrimitive.Control\n data-slot='combobox-control'\n class={cn(\n 'group min-h-10 py-1.5 pr-2 pl-2.5 text-sm [&_svg:not([class*=\"size-\"])]:size-4 gap-1 shadow-sm flex w-full flex-wrap items-center rounded-lg border border-input bg-transparent transition-colors outline-none disabled:cursor-not-allowed disabled:opacity-50 dark:bg-input/30 dark:hover:bg-input/50 [&_svg]:pointer-events-none [&_svg]:shrink-0',\n 'has-focus-visible:border-ring has-focus-visible:ring-[3px] has-focus-visible:ring-ring/50',\n 'data-[invalid=true]:border-destructive data-[invalid=true]:ring-[3px] data-[invalid=true]:ring-destructive/20 dark:data-[invalid=true]:ring-destructive/40',\n 'data-[disabled=true]:bg-input/50 data-[disabled=true]:opacity-50 dark:data-[disabled=true]:bg-input/80',\n 'data-[readonly=true]:cursor-default data-[readonly=true]:has-focus-visible:border-input data-[readonly=true]:has-focus-visible:ring-0',\n local.class,\n )}\n {...others}\n />\n );\n};\n\nexport const ComboboxInput: Component<ComboboxPrimitive.InputProps> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n\n return (\n <ComboboxPrimitive.Input\n data-slot='combobox-input'\n class={cn(\n 'min-w-16 flex-1 bg-transparent outline-none placeholder:text-muted-foreground focus-visible:ring-0',\n local.class,\n )}\n {...others}\n />\n );\n};\n\nexport const ComboboxTrigger: Component<ComboboxPrimitive.TriggerProps> = (props) => {\n const [local, others] = splitProps(props, ['class', 'children']);\n return (\n <ComboboxPrimitive.Trigger\n data-slot='combobox-trigger'\n class={cn('text-muted-foreground transition-colors hover:text-foreground', local.class)}\n {...others}\n >\n {local.children ?? <ExpandMoreIcon class='size-4' />}\n </ComboboxPrimitive.Trigger>\n );\n};\nexport const ComboboxClearTrigger: Component<ComboboxPrimitive.ClearTriggerProps> = (props) => {\n const [local, others] = splitProps(props, ['class', 'children', 'tabIndex']);\n return (\n <ComboboxPrimitive.ClearTrigger\n data-slot='combobox-clear'\n class={cn(\n 'p-0.5 rounded-[4px] text-muted-foreground transition-colors hover:text-foreground focus-visible:text-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-none',\n local.class,\n )}\n {...others}\n tabIndex={local.tabIndex ?? 0}\n >\n {local.children ?? <CloseIcon class='size-3.5' />}\n </ComboboxPrimitive.ClearTrigger>\n );\n};\n\nexport const ComboboxPositioner: Component<ComboboxPrimitive.PositionerProps> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n return <ComboboxPrimitive.Positioner class={cn('isolate z-50', local.class)} {...others} />;\n};\n\nexport const ComboboxContent: Component<ComboboxPrimitive.ContentProps> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n return (\n <ComboboxPrimitive.Content\n data-slot='combobox-content'\n class={cn(\n 'min-w-36 shadow-md relative isolate z-50 max-h-(--available-height) w-(--anchor-width) origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover text-popover-foreground ring-1 ring-foreground/10 duration-100 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 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95',\n local.class,\n )}\n {...others}\n />\n );\n};\n\nexport const ComboboxItem: Component<ComboboxPrimitive.ItemProps> = (props) => {\n const [local, others] = splitProps(props, ['class', 'children']);\n return (\n <ComboboxPrimitive.Item\n data-slot='combobox-item'\n class={cn(\n \"gap-1.5 py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 *:[span]:last:gap-2 relative flex w-full cursor-default items-center rounded-md outline-hidden select-none data-disabled:pointer-events-none data-highlighted:bg-accent data-highlighted:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 *:[span]:last:flex *:[span]:last:items-center\",\n local.class,\n )}\n {...others}\n >\n <ComboboxPrimitive.ItemText class='gap-2 flex flex-1 shrink-0 whitespace-nowrap'>\n {local.children}\n </ComboboxPrimitive.ItemText>\n <ComboboxPrimitive.ItemIndicator class='right-2 size-4 pointer-events-none absolute flex items-center justify-center'>\n <CheckIcon class='pointer-events-none' />\n </ComboboxPrimitive.ItemIndicator>\n </ComboboxPrimitive.Item>\n );\n};\n\nexport const ComboboxItemGroup: Component<ComboboxPrimitive.ItemGroupProps> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n return (\n <ComboboxPrimitive.ItemGroup\n data-slot='combobox-group'\n class={cn('scroll-my-1', local.class)}\n {...others}\n />\n );\n};\n\nexport const ComboboxItemGroupLabel: Component<ComboboxPrimitive.ItemGroupLabelProps> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n return (\n <ComboboxPrimitive.ItemGroupLabel\n data-slot='combobox-label'\n class={cn('px-1.5 py-1 text-xs text-muted-foreground', local.class)}\n {...others}\n />\n );\n};\n\nexport const ComboboxEmpty: Component<ComponentProps<'div'>> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n return (\n <div\n data-slot='combobox-empty'\n class={cn(\n 'py-2 text-sm hidden w-full justify-center text-center text-muted-foreground group-data-empty/combobox-content:flex',\n local.class,\n )}\n {...others}\n />\n );\n};\n"],"names":["ComboboxContext","ComboboxPrimitive","Context","Combobox","props","local","others","splitProps","_$createComponent","Root","_$mergeProps","cn","class","ComboboxList","List","ComboboxLabel","Label","ComboboxControl","Control","ComboboxInput","Input","ComboboxTrigger","Trigger","children","ExpandMoreIcon","ComboboxClearTrigger","ClearTrigger","tabIndex","CloseIcon","ComboboxPositioner","Positioner","ComboboxContent","Content","ComboboxItem","Item","ItemText","ItemIndicator","CheckIcon","ComboboxItemGroup","ItemGroup","ComboboxItemGroupLabel","ItemGroupLabel","ComboboxEmpty","_el$","_tmpl$","_$spread"],"mappings":"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"}
|
|
@@ -2,9 +2,9 @@ import { createComponent as e, mergeProps as s, template as v, spread as P, inse
|
|
|
2
2
|
import { date_picker_exports as n } from "../node_modules/.bun/@ark-ui_solid@5.34.0_95b571dd5236cc92/node_modules/@ark-ui/solid/dist/chunk/4V5X4XYS.js";
|
|
3
3
|
import { splitProps as o, For as c } from "solid-js";
|
|
4
4
|
import { cn as l } from "../node_modules/.bun/tailwind-variants@3.2.2_e7cab99c1b720a38/node_modules/tailwind-variants/dist/index.js";
|
|
5
|
-
import y from "../_virtual/
|
|
6
|
-
import D from "../_virtual/
|
|
7
|
-
import T from "../_virtual/
|
|
5
|
+
import y from "../_virtual/calendar-month.js";
|
|
6
|
+
import D from "../_virtual/chevron-left.js";
|
|
7
|
+
import T from "../_virtual/chevron-right.js";
|
|
8
8
|
import { buttonVariants as i } from "./Button.js";
|
|
9
9
|
var C = /* @__PURE__ */ v("<button>");
|
|
10
10
|
const z = (r) => {
|
|
@@ -100,14 +100,14 @@ const z = (r) => {
|
|
|
100
100
|
return l("isolate z-50", t.class);
|
|
101
101
|
}
|
|
102
102
|
}, a));
|
|
103
|
-
},
|
|
103
|
+
}, _ = (r) => {
|
|
104
104
|
const [t, a] = o(r, ["class"]);
|
|
105
105
|
return e(n.Content, s({
|
|
106
106
|
get class() {
|
|
107
107
|
return l("w-72 p-3 shadow-md rounded-lg bg-popover text-popover-foreground ring-1 ring-foreground/10 outline-none 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 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95", t.class);
|
|
108
108
|
}
|
|
109
109
|
}, a));
|
|
110
|
-
},
|
|
110
|
+
}, L = (r) => {
|
|
111
111
|
const [t, a] = o(r, ["class", "children"]);
|
|
112
112
|
return e(n.PrevTrigger, s({
|
|
113
113
|
get class() {
|
|
@@ -122,7 +122,7 @@ const z = (r) => {
|
|
|
122
122
|
});
|
|
123
123
|
}
|
|
124
124
|
}));
|
|
125
|
-
},
|
|
125
|
+
}, M = (r) => {
|
|
126
126
|
const [t, a] = o(r, ["class", "children"]);
|
|
127
127
|
return e(n.NextTrigger, s({
|
|
128
128
|
get class() {
|
|
@@ -154,7 +154,7 @@ const z = (r) => {
|
|
|
154
154
|
}
|
|
155
155
|
}, a, {
|
|
156
156
|
get children() {
|
|
157
|
-
return [e(
|
|
157
|
+
return [e(L, {}), e(R, {
|
|
158
158
|
asChild: (w) => (() => {
|
|
159
159
|
var g = C();
|
|
160
160
|
return P(g, s({
|
|
@@ -165,10 +165,10 @@ const z = (r) => {
|
|
|
165
165
|
}
|
|
166
166
|
}, w), !1, !0), k(g, e(V, {})), g;
|
|
167
167
|
})()
|
|
168
|
-
}), e(
|
|
168
|
+
}), e(M, {})];
|
|
169
169
|
}
|
|
170
170
|
}));
|
|
171
|
-
},
|
|
171
|
+
}, B = () => e(h, {
|
|
172
172
|
view: "day",
|
|
173
173
|
get children() {
|
|
174
174
|
return [e(x, {}), e(p, {
|
|
@@ -226,7 +226,7 @@ const z = (r) => {
|
|
|
226
226
|
}
|
|
227
227
|
})];
|
|
228
228
|
}
|
|
229
|
-
}),
|
|
229
|
+
}), G = () => e(h, {
|
|
230
230
|
view: "month",
|
|
231
231
|
get children() {
|
|
232
232
|
return [e(x, {}), e(p, {
|
|
@@ -270,7 +270,7 @@ const z = (r) => {
|
|
|
270
270
|
}
|
|
271
271
|
})];
|
|
272
272
|
}
|
|
273
|
-
}),
|
|
273
|
+
}), N = () => e(h, {
|
|
274
274
|
view: "year",
|
|
275
275
|
get children() {
|
|
276
276
|
return [e(x, {}), e(p, {
|
|
@@ -313,14 +313,14 @@ const z = (r) => {
|
|
|
313
313
|
}
|
|
314
314
|
})];
|
|
315
315
|
}
|
|
316
|
-
}),
|
|
316
|
+
}), Y = () => [e(B, {}), e(G, {}), e(N, {})], X = (r) => e(z, s(r, {
|
|
317
317
|
inline: !0,
|
|
318
318
|
unmountOnExit: !1,
|
|
319
319
|
get children() {
|
|
320
|
-
return e(
|
|
320
|
+
return e(_, {
|
|
321
321
|
class: "border-none shadow-none ring-0",
|
|
322
322
|
get children() {
|
|
323
|
-
return e(
|
|
323
|
+
return e(Y, {});
|
|
324
324
|
}
|
|
325
325
|
});
|
|
326
326
|
}
|
|
@@ -328,16 +328,16 @@ const z = (r) => {
|
|
|
328
328
|
export {
|
|
329
329
|
X as Calendar,
|
|
330
330
|
z as DatePicker,
|
|
331
|
-
|
|
331
|
+
_ as DatePickerContent,
|
|
332
332
|
d as DatePickerContext,
|
|
333
333
|
Q as DatePickerControl,
|
|
334
|
-
|
|
334
|
+
B as DatePickerDayView,
|
|
335
335
|
S as DatePickerInput,
|
|
336
336
|
K as DatePickerLabel,
|
|
337
|
-
|
|
338
|
-
|
|
337
|
+
G as DatePickerMonthView,
|
|
338
|
+
M as DatePickerNextTrigger,
|
|
339
339
|
W as DatePickerPositioner,
|
|
340
|
-
|
|
340
|
+
L as DatePickerPrevTrigger,
|
|
341
341
|
V as DatePickerRangeText,
|
|
342
342
|
p as DatePickerTable,
|
|
343
343
|
m as DatePickerTableBody,
|
|
@@ -350,7 +350,7 @@ export {
|
|
|
350
350
|
h as DatePickerView,
|
|
351
351
|
x as DatePickerViewControl,
|
|
352
352
|
R as DatePickerViewTrigger,
|
|
353
|
-
|
|
354
|
-
|
|
353
|
+
Y as DatePickerViews,
|
|
354
|
+
N as DatePickerYearView
|
|
355
355
|
};
|
|
356
356
|
//# sourceMappingURL=DatePicker.js.map
|