@konopskidev/ui 0.1.2 → 0.2.1
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/README.md +102 -13
- package/dist/chunks/rolldown-runtime-CmQyd0Gu.cjs +27 -0
- package/dist/components/ui/accordion.cjs +62 -0
- package/dist/components/ui/accordion.cjs.map +1 -0
- package/dist/components/ui/accordion.d.cts +7 -0
- package/dist/components/ui/accordion.d.ts.map +1 -1
- package/dist/components/ui/accordion.js +9 -8
- package/dist/components/ui/accordion.js.map +1 -1
- package/dist/components/ui/alert-dialog.cjs +116 -0
- package/dist/components/ui/alert-dialog.cjs.map +1 -0
- package/dist/components/ui/alert-dialog.d.cts +18 -0
- package/dist/components/ui/alert-dialog.d.ts.map +1 -1
- package/dist/components/ui/alert-dialog.js +13 -12
- package/dist/components/ui/alert-dialog.js.map +1 -1
- package/dist/components/ui/alert.cjs +49 -0
- package/dist/components/ui/alert.cjs.map +1 -0
- package/dist/components/ui/alert.d.cts +10 -0
- package/dist/components/ui/aspect-ratio.cjs +14 -0
- package/dist/components/ui/aspect-ratio.cjs.map +1 -0
- package/dist/components/ui/aspect-ratio.d.cts +3 -0
- package/dist/components/ui/aspect-ratio.js +4 -5
- package/dist/components/ui/aspect-ratio.js.map +1 -1
- package/dist/components/ui/attachment.cjs +113 -0
- package/dist/components/ui/attachment.cjs.map +1 -0
- package/dist/components/ui/attachment.d.cts +24 -0
- package/dist/components/ui/avatar.cjs +60 -0
- package/dist/components/ui/avatar.cjs.map +1 -0
- package/dist/components/ui/avatar.d.cts +11 -0
- package/dist/components/ui/avatar.d.ts.map +1 -1
- package/dist/components/ui/avatar.js +7 -6
- package/dist/components/ui/avatar.js.map +1 -1
- package/dist/components/ui/badge.cjs +33 -0
- package/dist/components/ui/badge.cjs.map +1 -0
- package/dist/components/ui/badge.d.cts +9 -0
- package/dist/components/ui/breadcrumb.cjs +81 -0
- package/dist/components/ui/breadcrumb.cjs.map +1 -0
- package/dist/components/ui/breadcrumb.d.cts +11 -0
- package/dist/components/ui/bubble.cjs +79 -0
- package/dist/components/ui/bubble.cjs.map +1 -0
- package/dist/components/ui/bubble.d.cts +17 -0
- package/dist/components/ui/button-group.cjs +43 -0
- package/dist/components/ui/button-group.cjs.map +1 -0
- package/dist/components/ui/button-group.d.cts +11 -0
- package/dist/components/ui/button.cjs +64 -0
- package/dist/components/ui/button.cjs.map +1 -0
- package/dist/components/ui/button.d.cts +21 -0
- package/dist/components/ui/calendar.cjs +114 -0
- package/dist/components/ui/calendar.cjs.map +1 -0
- package/dist/components/ui/calendar.d.cts +10 -0
- package/dist/components/ui/calendar.js +0 -1
- package/dist/components/ui/calendar.js.map +1 -1
- package/dist/components/ui/card.cjs +80 -0
- package/dist/components/ui/card.cjs.map +1 -0
- package/dist/components/ui/card.d.cts +33 -0
- package/dist/components/ui/card.d.ts +7 -2
- package/dist/components/ui/card.d.ts.map +1 -1
- package/dist/components/ui/card.js.map +1 -1
- package/dist/components/ui/carousel.cjs +142 -0
- package/dist/components/ui/carousel.cjs.map +1 -0
- package/dist/components/ui/carousel.d.cts +28 -0
- package/dist/components/ui/carousel.d.ts +1 -1
- package/dist/components/ui/carousel.d.ts.map +1 -1
- package/dist/components/ui/carousel.js +1 -0
- package/dist/components/ui/carousel.js.map +1 -1
- package/dist/components/ui/chart.cjs +159 -0
- package/dist/components/ui/chart.cjs.map +1 -0
- package/dist/components/ui/chart.d.cts +44 -0
- package/dist/components/ui/chart.js +0 -1
- package/dist/components/ui/chart.js.map +1 -1
- package/dist/components/ui/checkbox.cjs +25 -0
- package/dist/components/ui/checkbox.cjs.map +1 -0
- package/dist/components/ui/checkbox.d.cts +4 -0
- package/dist/components/ui/checkbox.d.ts.map +1 -1
- package/dist/components/ui/checkbox.js +6 -5
- package/dist/components/ui/checkbox.js.map +1 -1
- package/dist/components/ui/code-block.cjs +134 -0
- package/dist/components/ui/code-block.cjs.map +1 -0
- package/dist/components/ui/code-block.d.cts +26 -0
- package/dist/components/ui/code-block.d.ts.map +1 -1
- package/dist/components/ui/code-block.js +1 -0
- package/dist/components/ui/code-block.js.map +1 -1
- package/dist/components/ui/collapsible.cjs +28 -0
- package/dist/components/ui/collapsible.cjs.map +1 -0
- package/dist/components/ui/collapsible.d.cts +5 -0
- package/dist/components/ui/collapsible.js +6 -7
- package/dist/components/ui/collapsible.js.map +1 -1
- package/dist/components/ui/combobox.cjs +193 -0
- package/dist/components/ui/combobox.cjs.map +1 -0
- package/dist/components/ui/combobox.d.cts +24 -0
- package/dist/components/ui/combobox.d.ts.map +1 -1
- package/dist/components/ui/combobox.js +22 -21
- package/dist/components/ui/combobox.js.map +1 -1
- package/dist/components/ui/command.cjs +99 -0
- package/dist/components/ui/command.cjs.map +1 -0
- package/dist/components/ui/command.d.cts +18 -0
- package/dist/components/ui/command.d.ts.map +1 -1
- package/dist/components/ui/command.js +10 -12
- package/dist/components/ui/command.js.map +1 -1
- package/dist/components/ui/context-menu.cjs +143 -0
- package/dist/components/ui/context-menu.cjs.map +1 -0
- package/dist/components/ui/context-menu.d.cts +31 -0
- package/dist/components/ui/context-menu.d.ts.map +1 -1
- package/dist/components/ui/context-menu.js +20 -19
- package/dist/components/ui/context-menu.js.map +1 -1
- package/dist/components/ui/dialog.cjs +148 -0
- package/dist/components/ui/dialog.cjs.map +1 -0
- package/dist/components/ui/dialog.d.cts +55 -0
- package/dist/components/ui/dialog.d.ts +41 -3
- package/dist/components/ui/dialog.d.ts.map +1 -1
- package/dist/components/ui/dialog.js +65 -26
- package/dist/components/ui/dialog.js.map +1 -1
- package/dist/components/ui/direction.cjs +19 -0
- package/dist/components/ui/direction.cjs.map +1 -0
- package/dist/components/ui/direction.d.cts +11 -0
- package/dist/components/ui/direction.d.ts +1 -1
- package/dist/components/ui/direction.d.ts.map +1 -1
- package/dist/components/ui/direction.js +0 -1
- package/dist/components/ui/direction.js.map +1 -1
- package/dist/components/ui/drawer.cjs +90 -0
- package/dist/components/ui/drawer.cjs.map +1 -0
- package/dist/components/ui/drawer.d.cts +13 -0
- package/dist/components/ui/drawer.js +11 -11
- package/dist/components/ui/drawer.js.map +1 -1
- package/dist/components/ui/dropdown-menu.cjs +146 -0
- package/dist/components/ui/dropdown-menu.cjs.map +1 -0
- package/dist/components/ui/dropdown-menu.d.cts +29 -0
- package/dist/components/ui/dropdown-menu.js +19 -20
- package/dist/components/ui/dropdown-menu.js.map +1 -1
- package/dist/components/ui/empty.cjs +66 -0
- package/dist/components/ui/empty.cjs.map +1 -0
- package/dist/components/ui/empty.d.cts +11 -0
- package/dist/components/ui/field.cjs +121 -0
- package/dist/components/ui/field.cjs.map +1 -0
- package/dist/components/ui/field.d.cts +24 -0
- package/dist/components/ui/field.js +0 -1
- package/dist/components/ui/field.js.map +1 -1
- package/dist/components/ui/hover-card.cjs +38 -0
- package/dist/components/ui/hover-card.cjs.map +1 -0
- package/dist/components/ui/hover-card.d.cts +6 -0
- package/dist/components/ui/hover-card.d.ts.map +1 -1
- package/dist/components/ui/hover-card.js +8 -7
- package/dist/components/ui/hover-card.js.map +1 -1
- package/dist/components/ui/input-group.cjs +87 -0
- package/dist/components/ui/input-group.cjs.map +1 -0
- package/dist/components/ui/input-group.d.cts +16 -0
- package/dist/components/ui/input-otp.cjs +54 -0
- package/dist/components/ui/input-otp.cjs.map +1 -0
- package/dist/components/ui/input-otp.d.cts +11 -0
- package/dist/components/ui/input-otp.js +0 -1
- package/dist/components/ui/input-otp.js.map +1 -1
- package/dist/components/ui/input.cjs +28 -0
- package/dist/components/ui/input.cjs.map +1 -0
- package/dist/components/ui/input.d.cts +10 -0
- package/dist/components/ui/item.cjs +133 -0
- package/dist/components/ui/item.cjs.map +1 -0
- package/dist/components/ui/item.d.cts +23 -0
- package/dist/components/ui/kbd.cjs +22 -0
- package/dist/components/ui/kbd.cjs.map +1 -0
- package/dist/components/ui/kbd.d.cts +3 -0
- package/dist/components/ui/label.cjs +19 -0
- package/dist/components/ui/label.cjs.map +1 -0
- package/dist/components/ui/label.d.cts +4 -0
- package/dist/components/ui/label.d.ts.map +1 -1
- package/dist/components/ui/label.js +5 -4
- package/dist/components/ui/label.js.map +1 -1
- package/dist/components/ui/marker.cjs +46 -0
- package/dist/components/ui/marker.cjs.map +1 -0
- package/dist/components/ui/marker.d.cts +11 -0
- package/dist/components/ui/menubar.cjs +154 -0
- package/dist/components/ui/menubar.cjs.map +1 -0
- package/dist/components/ui/menubar.d.cts +30 -0
- package/dist/components/ui/menubar.js +20 -21
- package/dist/components/ui/menubar.js.map +1 -1
- package/dist/components/ui/message-scroller.cjs +87 -0
- package/dist/components/ui/message-scroller.cjs.map +1 -0
- package/dist/components/ui/message-scroller.d.cts +10 -0
- package/dist/components/ui/message-scroller.js +9 -9
- package/dist/components/ui/message-scroller.js.map +1 -1
- package/dist/components/ui/message.cjs +58 -0
- package/dist/components/ui/message.cjs.map +1 -0
- package/dist/components/ui/message.d.cts +10 -0
- package/dist/components/ui/native-select.cjs +44 -0
- package/dist/components/ui/native-select.cjs.map +1 -0
- package/dist/components/ui/native-select.d.cts +8 -0
- package/dist/components/ui/native-select.d.ts +1 -1
- package/dist/components/ui/native-select.d.ts.map +1 -1
- package/dist/components/ui/native-select.js.map +1 -1
- package/dist/components/ui/navigation-menu.cjs +93 -0
- package/dist/components/ui/navigation-menu.cjs.map +1 -0
- package/dist/components/ui/navigation-menu.d.cts +14 -0
- package/dist/components/ui/navigation-menu.d.ts.map +1 -1
- package/dist/components/ui/navigation-menu.js +12 -11
- package/dist/components/ui/navigation-menu.js.map +1 -1
- package/dist/components/ui/pagination.cjs +90 -0
- package/dist/components/ui/pagination.cjs.map +1 -0
- package/dist/components/ui/pagination.d.cts +17 -0
- package/dist/components/ui/pagination.d.ts +1 -1
- package/dist/components/ui/pagination.d.ts.map +1 -1
- package/dist/components/ui/pagination.js.map +1 -1
- package/dist/components/ui/popover.cjs +66 -0
- package/dist/components/ui/popover.cjs.map +1 -0
- package/dist/components/ui/popover.d.cts +10 -0
- package/dist/components/ui/popover.d.ts.map +1 -1
- package/dist/components/ui/popover.js +8 -7
- package/dist/components/ui/popover.js.map +1 -1
- package/dist/components/ui/progress.cjs +25 -0
- package/dist/components/ui/progress.cjs.map +1 -0
- package/dist/components/ui/progress.d.cts +4 -0
- package/dist/components/ui/progress.js +5 -6
- package/dist/components/ui/progress.js.map +1 -1
- package/dist/components/ui/questionnaire.cjs +187 -0
- package/dist/components/ui/questionnaire.cjs.map +1 -0
- package/dist/components/ui/questionnaire.d.cts +19 -0
- package/dist/components/ui/questionnaire.d.ts.map +1 -1
- package/dist/components/ui/questionnaire.js +19 -21
- package/dist/components/ui/questionnaire.js.map +1 -1
- package/dist/components/ui/radio-group.cjs +32 -0
- package/dist/components/ui/radio-group.cjs.map +1 -0
- package/dist/components/ui/radio-group.d.cts +5 -0
- package/dist/components/ui/radio-group.d.ts.map +1 -1
- package/dist/components/ui/radio-group.js +7 -6
- package/dist/components/ui/radio-group.js.map +1 -1
- package/dist/components/ui/resizable.cjs +33 -0
- package/dist/components/ui/resizable.cjs.map +1 -0
- package/dist/components/ui/resizable.d.cts +7 -0
- package/dist/components/ui/resizable.d.ts.map +1 -1
- package/dist/components/ui/resizable.js +0 -2
- package/dist/components/ui/resizable.js.map +1 -1
- package/dist/components/ui/scroll-area.cjs +43 -0
- package/dist/components/ui/scroll-area.cjs.map +1 -0
- package/dist/components/ui/scroll-area.d.cts +5 -0
- package/dist/components/ui/scroll-area.d.ts.map +1 -1
- package/dist/components/ui/scroll-area.js +9 -8
- package/dist/components/ui/scroll-area.js.map +1 -1
- package/dist/components/ui/select.cjs +113 -0
- package/dist/components/ui/select.cjs.map +1 -0
- package/dist/components/ui/select.d.cts +15 -0
- package/dist/components/ui/select.js +17 -18
- package/dist/components/ui/select.js.map +1 -1
- package/dist/components/ui/separator.cjs +21 -0
- package/dist/components/ui/separator.cjs.map +1 -0
- package/dist/components/ui/separator.d.cts +4 -0
- package/dist/components/ui/separator.d.ts.map +1 -1
- package/dist/components/ui/separator.js +5 -4
- package/dist/components/ui/separator.js.map +1 -1
- package/dist/components/ui/sheet.cjs +101 -0
- package/dist/components/ui/sheet.cjs.map +1 -0
- package/dist/components/ui/sheet.d.cts +14 -0
- package/dist/components/ui/sheet.d.ts.map +1 -1
- package/dist/components/ui/sheet.js +1 -0
- package/dist/components/ui/sheet.js.map +1 -1
- package/dist/components/ui/sidebar.cjs +405 -0
- package/dist/components/ui/sidebar.cjs.map +1 -0
- package/dist/components/ui/sidebar.d.cts +69 -0
- package/dist/components/ui/sidebar.js +0 -1
- package/dist/components/ui/sidebar.js.map +1 -1
- package/dist/components/ui/skeleton.cjs +14 -0
- package/dist/components/ui/skeleton.cjs.map +1 -0
- package/dist/components/ui/skeleton.d.cts +2 -0
- package/dist/components/ui/slider.cjs +42 -0
- package/dist/components/ui/slider.cjs.map +1 -0
- package/dist/components/ui/slider.d.cts +7 -0
- package/dist/components/ui/slider.js +7 -8
- package/dist/components/ui/slider.js.map +1 -1
- package/dist/components/ui/sonner.cjs +36 -0
- package/dist/components/ui/sonner.cjs.map +1 -0
- package/dist/components/ui/sonner.d.cts +13 -0
- package/dist/components/ui/sonner.d.ts.map +1 -1
- package/dist/components/ui/sonner.js +4 -6
- package/dist/components/ui/sonner.js.map +1 -1
- package/dist/components/ui/spinner.cjs +17 -0
- package/dist/components/ui/spinner.cjs.map +1 -0
- package/dist/components/ui/spinner.d.cts +2 -0
- package/dist/components/ui/switch.cjs +24 -0
- package/dist/components/ui/switch.cjs.map +1 -0
- package/dist/components/ui/switch.d.cts +6 -0
- package/dist/components/ui/switch.js +5 -6
- package/dist/components/ui/switch.js.map +1 -1
- package/dist/components/ui/table.cjs +77 -0
- package/dist/components/ui/table.cjs.map +1 -0
- package/dist/components/ui/table.d.cts +10 -0
- package/dist/components/ui/tabs.cjs +54 -0
- package/dist/components/ui/tabs.cjs.map +1 -0
- package/dist/components/ui/tabs.d.cts +11 -0
- package/dist/components/ui/tabs.js +7 -8
- package/dist/components/ui/tabs.js.map +1 -1
- package/dist/components/ui/textarea.cjs +39 -0
- package/dist/components/ui/textarea.cjs.map +1 -0
- package/dist/components/ui/textarea.d.cts +9 -0
- package/dist/components/ui/textarea.js +0 -1
- package/dist/components/ui/textarea.js.map +1 -1
- package/dist/components/ui/toggle-group.cjs +56 -0
- package/dist/components/ui/toggle-group.cjs.map +1 -0
- package/dist/components/ui/toggle-group.d.cts +10 -0
- package/dist/components/ui/toggle-group.js +5 -6
- package/dist/components/ui/toggle-group.js.map +1 -1
- package/dist/components/ui/toggle.cjs +41 -0
- package/dist/components/ui/toggle.cjs.map +1 -0
- package/dist/components/ui/toggle.d.cts +9 -0
- package/dist/components/ui/toggle.d.ts.map +1 -1
- package/dist/components/ui/toggle.js +5 -4
- package/dist/components/ui/toggle.js.map +1 -1
- package/dist/components/ui/tooltip.cjs +43 -0
- package/dist/components/ui/tooltip.cjs.map +1 -0
- package/dist/components/ui/tooltip.d.cts +7 -0
- package/dist/components/ui/tooltip.js +8 -9
- package/dist/components/ui/tooltip.js.map +1 -1
- package/dist/components/ui/trace.cjs +86 -0
- package/dist/components/ui/trace.cjs.map +1 -0
- package/dist/components/ui/trace.d.cts +18 -0
- package/dist/hooks/use-highlighted-code.d.ts.map +1 -1
- package/dist/hooks/use-highlighted-code.js +56 -0
- package/dist/hooks/use-highlighted-code.js.map +1 -0
- package/dist/hooks/use-mobile.cjs +26 -0
- package/dist/hooks/use-mobile.cjs.map +1 -0
- package/dist/hooks/use-mobile.d.cts +1 -0
- package/dist/hooks/use-mobile.d.ts.map +1 -1
- package/dist/hooks/use-mobile.js +1 -0
- package/dist/hooks/use-mobile.js.map +1 -1
- package/dist/index.cjs +356 -0
- package/dist/index.d.cts +67 -0
- package/dist/index.d.ts +5 -11
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +3 -14
- package/dist/lib/get-placeholder.cjs +13 -0
- package/dist/lib/get-placeholder.cjs.map +1 -0
- package/dist/lib/get-placeholder.d.cts +5 -0
- package/dist/lib/highlighter.js +79 -0
- package/dist/lib/highlighter.js.map +1 -0
- package/dist/lib/utils.cjs +8 -0
- package/dist/lib/utils.d.cts +8 -0
- package/{src → dist}/styles/globals.css +11 -0
- package/package.json +111 -32
- /package/{src → dist}/styles/base.css +0 -0
- /package/{src → dist}/styles/prose.css +0 -0
- /package/{src → dist}/styles/theme.css +0 -0
- /package/{src → dist}/styles/tokens.css +0 -0
- /package/{src → dist}/styles/utilities.css +0 -0
- /package/{src → dist}/styles/variants.css +0 -0
|
@@ -1,61 +1,59 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
"use client";
|
|
3
1
|
import { buttonVariants } from "./button.js";
|
|
4
2
|
import { cn } from "cn";
|
|
5
3
|
import { CheckIcon } from "lucide-react";
|
|
6
4
|
import "react";
|
|
7
5
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
8
|
-
import { Questionnaire } from "@shadcn/react/questionnaire";
|
|
6
|
+
import { Questionnaire as Questionnaire$1 } from "@shadcn/react/questionnaire";
|
|
9
7
|
// src/components/ui/questionnaire.tsx
|
|
10
|
-
function Questionnaire
|
|
11
|
-
return /* @__PURE__ */ jsx(Questionnaire.Root, {
|
|
8
|
+
function Questionnaire({ className, ...props }) {
|
|
9
|
+
return /* @__PURE__ */ jsx(Questionnaire$1.Root, {
|
|
12
10
|
"data-slot": "questionnaire",
|
|
13
11
|
className: cn("flex w-full min-w-0 flex-col gap-4", className),
|
|
14
12
|
...props
|
|
15
13
|
});
|
|
16
14
|
}
|
|
17
15
|
function QuestionnaireProgress({ className, ...props }) {
|
|
18
|
-
return /* @__PURE__ */ jsx(Questionnaire.Progress, {
|
|
16
|
+
return /* @__PURE__ */ jsx(Questionnaire$1.Progress, {
|
|
19
17
|
"data-slot": "questionnaire-progress",
|
|
20
18
|
className: cn("min-h-[1lh] w-fit min-w-[14ch] text-xs font-medium text-muted-foreground tabular-nums", className),
|
|
21
19
|
...props
|
|
22
20
|
});
|
|
23
21
|
}
|
|
24
22
|
function QuestionnaireItem({ className, ...props }) {
|
|
25
|
-
return /* @__PURE__ */ jsx(Questionnaire.Item, {
|
|
23
|
+
return /* @__PURE__ */ jsx(Questionnaire$1.Item, {
|
|
26
24
|
"data-slot": "questionnaire-item",
|
|
27
25
|
className: cn("flex min-w-0 flex-col gap-4 border-0 p-0 outline-none", className),
|
|
28
26
|
...props
|
|
29
27
|
});
|
|
30
28
|
}
|
|
31
29
|
function QuestionnaireTitle({ className, ...props }) {
|
|
32
|
-
return /* @__PURE__ */ jsx(Questionnaire.Title, {
|
|
30
|
+
return /* @__PURE__ */ jsx(Questionnaire$1.Title, {
|
|
33
31
|
"data-slot": "questionnaire-title",
|
|
34
32
|
className: cn("text-base leading-snug font-medium text-pretty [&:not(:has(~[data-slot=questionnaire-description]))]:mb-4", className),
|
|
35
33
|
...props
|
|
36
34
|
});
|
|
37
35
|
}
|
|
38
36
|
function QuestionnaireDescription({ className, ...props }) {
|
|
39
|
-
return /* @__PURE__ */ jsx(Questionnaire.Description, {
|
|
37
|
+
return /* @__PURE__ */ jsx(Questionnaire$1.Description, {
|
|
40
38
|
"data-slot": "questionnaire-description",
|
|
41
39
|
className: cn("text-sm text-pretty text-muted-foreground", className),
|
|
42
40
|
...props
|
|
43
41
|
});
|
|
44
42
|
}
|
|
45
43
|
function QuestionnaireChoices({ className, ...props }) {
|
|
46
|
-
return /* @__PURE__ */ jsx(Questionnaire.Choices, {
|
|
44
|
+
return /* @__PURE__ */ jsx(Questionnaire$1.Choices, {
|
|
47
45
|
"data-slot": "questionnaire-choices",
|
|
48
46
|
className: cn("group/questionnaire-choices grid min-w-0 gap-2", className),
|
|
49
47
|
...props
|
|
50
48
|
});
|
|
51
49
|
}
|
|
52
50
|
function QuestionnaireChoice({ children, className, ...props }) {
|
|
53
|
-
return /* @__PURE__ */ jsxs(Questionnaire.Choice, {
|
|
51
|
+
return /* @__PURE__ */ jsxs(Questionnaire$1.Choice, {
|
|
54
52
|
"data-slot": "questionnaire-choice",
|
|
55
53
|
className: cn("group/questionnaire-choice relative flex min-h-11 cursor-pointer items-start gap-2.5 rounded-sm border border-input bg-transparent px-3 py-2.5 text-start text-sm transition-colors outline-none select-none hover:bg-muted/50 has-[>input:focus-visible]:border-ring has-[>input:focus-visible]:ring-3 has-[>input:focus-visible]:ring-ring/50 data-invalid:border-destructive dark:bg-input/20 data-checked:border-primary/40 data-checked:bg-muted dark:data-checked:bg-muted", "data-disabled:pointer-events-none data-disabled:cursor-not-allowed data-disabled:opacity-50", className),
|
|
56
54
|
...props,
|
|
57
55
|
children: [
|
|
58
|
-
/* @__PURE__ */ jsx(Questionnaire.ChoiceInput, {
|
|
56
|
+
/* @__PURE__ */ jsx(Questionnaire$1.ChoiceInput, {
|
|
59
57
|
"data-slot": "questionnaire-choice-input",
|
|
60
58
|
className: "absolute inset-0 z-10 size-full cursor-pointer opacity-0"
|
|
61
59
|
}),
|
|
@@ -71,12 +69,12 @@ function QuestionnaireChoice({ children, className, ...props }) {
|
|
|
71
69
|
className: "hidden size-3.5 group-data-[type=radio]/questionnaire-choice:hidden group-data-checked/questionnaire-choice:block"
|
|
72
70
|
})]
|
|
73
71
|
}),
|
|
74
|
-
/* @__PURE__ */ jsx(Questionnaire.ChoiceLabel, {
|
|
72
|
+
/* @__PURE__ */ jsx(Questionnaire$1.ChoiceLabel, {
|
|
75
73
|
"data-slot": "questionnaire-choice-label",
|
|
76
74
|
className: "flex min-w-0 flex-1 flex-col gap-0.5 leading-snug",
|
|
77
75
|
children
|
|
78
76
|
}),
|
|
79
|
-
/* @__PURE__ */ jsx(Questionnaire.ChoiceShortcut, {
|
|
77
|
+
/* @__PURE__ */ jsx(Questionnaire$1.ChoiceShortcut, {
|
|
80
78
|
"data-slot": "questionnaire-choice-shortcut",
|
|
81
79
|
className: "pointer-events-none ms-auto hidden size-5 shrink-0 translate-y-[--spacing(0.45)] items-center justify-center rounded-sm border border-input bg-background font-mono text-[0.625rem] leading-none font-medium text-muted-foreground group-has-data-[slot=questionnaire-choice-description]/questionnaire-choice:translate-y-0.5 group-data-[shortcut]/questionnaire-choice:inline-flex"
|
|
82
80
|
})
|
|
@@ -94,7 +92,7 @@ function QuestionnaireInput({ className, ...props }) {
|
|
|
94
92
|
return /* @__PURE__ */ jsx("div", {
|
|
95
93
|
"data-slot": "questionnaire-input-wrapper",
|
|
96
94
|
className: "group/questionnaire-input relative w-full min-w-0",
|
|
97
|
-
children: /* @__PURE__ */ jsx(Questionnaire.Input, {
|
|
95
|
+
children: /* @__PURE__ */ jsx(Questionnaire$1.Input, {
|
|
98
96
|
"data-slot": "questionnaire-input",
|
|
99
97
|
className: cn("h-8 min-h-11 w-full min-w-0 rounded-sm border border-input bg-transparent px-2.5 py-1 text-base focus-ring transition-[color,box-shadow,background-color] outline-none disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 sm:min-h-0 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", "selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground", className),
|
|
100
98
|
...props
|
|
@@ -102,7 +100,7 @@ function QuestionnaireInput({ className, ...props }) {
|
|
|
102
100
|
});
|
|
103
101
|
}
|
|
104
102
|
function QuestionnaireError({ className, ...props }) {
|
|
105
|
-
return /* @__PURE__ */ jsx(Questionnaire.Error, {
|
|
103
|
+
return /* @__PURE__ */ jsx(Questionnaire$1.Error, {
|
|
106
104
|
"data-slot": "questionnaire-error",
|
|
107
105
|
className: cn("mt-2 text-sm text-destructive", className),
|
|
108
106
|
...props
|
|
@@ -116,7 +114,7 @@ function QuestionnaireActions({ className, ...props }) {
|
|
|
116
114
|
});
|
|
117
115
|
}
|
|
118
116
|
function QuestionnairePrevious({ children, className, size = "default", variant = "outline", ...props }) {
|
|
119
|
-
return /* @__PURE__ */ jsx(Questionnaire.Previous, {
|
|
117
|
+
return /* @__PURE__ */ jsx(Questionnaire$1.Previous, {
|
|
120
118
|
"data-slot": "questionnaire-previous",
|
|
121
119
|
"data-size": size,
|
|
122
120
|
"data-variant": variant,
|
|
@@ -129,7 +127,7 @@ function QuestionnairePrevious({ children, className, size = "default", variant
|
|
|
129
127
|
});
|
|
130
128
|
}
|
|
131
129
|
function QuestionnaireSkip({ children, className, size = "default", variant = "outline", ...props }) {
|
|
132
|
-
return /* @__PURE__ */ jsx(Questionnaire.Skip, {
|
|
130
|
+
return /* @__PURE__ */ jsx(Questionnaire$1.Skip, {
|
|
133
131
|
"data-slot": "questionnaire-skip",
|
|
134
132
|
"data-size": size,
|
|
135
133
|
"data-variant": variant,
|
|
@@ -142,7 +140,7 @@ function QuestionnaireSkip({ children, className, size = "default", variant = "o
|
|
|
142
140
|
});
|
|
143
141
|
}
|
|
144
142
|
function QuestionnaireNext({ children, className, size = "default", variant = "default", ...props }) {
|
|
145
|
-
return /* @__PURE__ */ jsx(Questionnaire.Next, {
|
|
143
|
+
return /* @__PURE__ */ jsx(Questionnaire$1.Next, {
|
|
146
144
|
"data-slot": "questionnaire-next",
|
|
147
145
|
"data-size": size,
|
|
148
146
|
"data-variant": variant,
|
|
@@ -155,7 +153,7 @@ function QuestionnaireNext({ children, className, size = "default", variant = "d
|
|
|
155
153
|
});
|
|
156
154
|
}
|
|
157
155
|
function QuestionnaireSubmit({ children, className, size = "default", variant = "default", ...props }) {
|
|
158
|
-
return /* @__PURE__ */ jsx(Questionnaire.Submit, {
|
|
156
|
+
return /* @__PURE__ */ jsx(Questionnaire$1.Submit, {
|
|
159
157
|
"data-slot": "questionnaire-submit",
|
|
160
158
|
"data-size": size,
|
|
161
159
|
"data-variant": variant,
|
|
@@ -167,6 +165,6 @@ function QuestionnaireSubmit({ children, className, size = "default", variant =
|
|
|
167
165
|
children: children ?? "Submit"
|
|
168
166
|
});
|
|
169
167
|
}
|
|
170
|
-
export { Questionnaire
|
|
168
|
+
export { Questionnaire, QuestionnaireActions, QuestionnaireChoice, QuestionnaireChoiceDescription, QuestionnaireChoices, QuestionnaireDescription, QuestionnaireError, QuestionnaireInput, QuestionnaireItem, QuestionnaireNext, QuestionnairePrevious, QuestionnaireProgress, QuestionnaireSkip, QuestionnaireSubmit, QuestionnaireTitle };
|
|
171
169
|
|
|
172
170
|
//# sourceMappingURL=questionnaire.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"questionnaire.js","names":["Questionnaire","QuestionnairePrimitive"],"sources":["../../../src/components/ui/questionnaire.tsx"],"sourcesContent":["'use client';\n\nimport { Questionnaire as QuestionnairePrimitive } from '@shadcn/react/questionnaire';\nimport { cn } from 'cn';\nimport { CheckIcon } from 'lucide-react';\nimport * as React from 'react';\n\nimport { buttonVariants, type Button } from './button';\n\nfunction Questionnaire({\n className,\n ...props\n}: React.ComponentProps<typeof QuestionnairePrimitive.Root>) {\n return (\n <QuestionnairePrimitive.Root\n data-slot=\"questionnaire\"\n className={cn('flex w-full min-w-0 flex-col gap-4', className)}\n {...props}\n />\n );\n}\n\nfunction QuestionnaireProgress({\n className,\n ...props\n}: React.ComponentProps<typeof QuestionnairePrimitive.Progress>) {\n return (\n <QuestionnairePrimitive.Progress\n data-slot=\"questionnaire-progress\"\n className={cn(\n 'min-h-[1lh] w-fit min-w-[14ch] text-xs font-medium text-muted-foreground tabular-nums',\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction QuestionnaireItem({\n className,\n ...props\n}: React.ComponentProps<typeof QuestionnairePrimitive.Item>) {\n return (\n <QuestionnairePrimitive.Item\n data-slot=\"questionnaire-item\"\n className={cn('flex min-w-0 flex-col gap-4 border-0 p-0 outline-none', className)}\n {...props}\n />\n );\n}\n\nfunction QuestionnaireTitle({\n className,\n ...props\n}: React.ComponentProps<typeof QuestionnairePrimitive.Title>) {\n return (\n <QuestionnairePrimitive.Title\n data-slot=\"questionnaire-title\"\n className={cn(\n 'text-base leading-snug font-medium text-pretty [&:not(:has(~[data-slot=questionnaire-description]))]:mb-4',\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction QuestionnaireDescription({\n className,\n ...props\n}: React.ComponentProps<typeof QuestionnairePrimitive.Description>) {\n return (\n <QuestionnairePrimitive.Description\n data-slot=\"questionnaire-description\"\n className={cn('text-sm text-pretty text-muted-foreground', className)}\n {...props}\n />\n );\n}\n\nfunction QuestionnaireChoices({\n className,\n ...props\n}: React.ComponentProps<typeof QuestionnairePrimitive.Choices>) {\n return (\n <QuestionnairePrimitive.Choices\n data-slot=\"questionnaire-choices\"\n className={cn('group/questionnaire-choices grid min-w-0 gap-2', className)}\n {...props}\n />\n );\n}\n\nfunction QuestionnaireChoice({\n children,\n className,\n ...props\n}: React.ComponentProps<typeof QuestionnairePrimitive.Choice>) {\n return (\n <QuestionnairePrimitive.Choice\n data-slot=\"questionnaire-choice\"\n className={cn(\n 'group/questionnaire-choice relative flex min-h-11 cursor-pointer items-start gap-2.5 rounded-sm border border-input bg-transparent px-3 py-2.5 text-start text-sm transition-colors outline-none select-none hover:bg-muted/50 has-[>input:focus-visible]:border-ring has-[>input:focus-visible]:ring-3 has-[>input:focus-visible]:ring-ring/50 data-invalid:border-destructive dark:bg-input/20 data-checked:border-primary/40 data-checked:bg-muted dark:data-checked:bg-muted',\n 'data-disabled:pointer-events-none data-disabled:cursor-not-allowed data-disabled:opacity-50',\n className,\n )}\n {...props}\n >\n <QuestionnairePrimitive.ChoiceInput\n data-slot=\"questionnaire-choice-input\"\n className=\"absolute inset-0 z-10 size-full cursor-pointer opacity-0\"\n />\n <span\n aria-hidden=\"true\"\n data-slot=\"questionnaire-choice-indicator\"\n className=\"pointer-events-none relative flex size-4 shrink-0 translate-y-[--spacing(0.45)] items-center justify-center rounded-sm border border-input group-has-data-[slot=questionnaire-choice-description]/questionnaire-choice:translate-y-0.5 group-data-[type=radio]/questionnaire-choice:rounded-full group-data-checked/questionnaire-choice:border-primary group-data-checked/questionnaire-choice:bg-primary group-data-checked/questionnaire-choice:text-primary-foreground dark:bg-input/30 dark:group-data-checked/questionnaire-choice:bg-primary\"\n >\n <span\n data-slot=\"questionnaire-choice-indicator-dot\"\n className=\"hidden size-2 rounded-full bg-primary-foreground group-data-[type=checkbox]/questionnaire-choice:hidden group-data-checked/questionnaire-choice:block\"\n />\n <CheckIcon\n data-slot=\"questionnaire-choice-indicator-check\"\n className=\"hidden size-3.5 group-data-[type=radio]/questionnaire-choice:hidden group-data-checked/questionnaire-choice:block\"\n />\n </span>\n <QuestionnairePrimitive.ChoiceLabel\n data-slot=\"questionnaire-choice-label\"\n className=\"flex min-w-0 flex-1 flex-col gap-0.5 leading-snug\"\n >\n {children}\n </QuestionnairePrimitive.ChoiceLabel>\n <QuestionnairePrimitive.ChoiceShortcut\n data-slot=\"questionnaire-choice-shortcut\"\n className=\"pointer-events-none ms-auto hidden size-5 shrink-0 translate-y-[--spacing(0.45)] items-center justify-center rounded-sm border border-input bg-background font-mono text-[0.625rem] leading-none font-medium text-muted-foreground group-has-data-[slot=questionnaire-choice-description]/questionnaire-choice:translate-y-0.5 group-data-[shortcut]/questionnaire-choice:inline-flex\"\n />\n </QuestionnairePrimitive.Choice>\n );\n}\n\nfunction QuestionnaireChoiceDescription({ className, ...props }: React.ComponentProps<'span'>) {\n return (\n <span\n data-slot=\"questionnaire-choice-description\"\n className={cn('text-muted-foreground', className)}\n {...props}\n />\n );\n}\n\nfunction QuestionnaireInput({\n className,\n ...props\n}: React.ComponentProps<typeof QuestionnairePrimitive.Input>) {\n return (\n <div\n data-slot=\"questionnaire-input-wrapper\"\n className=\"group/questionnaire-input relative w-full min-w-0\"\n >\n <QuestionnairePrimitive.Input\n data-slot=\"questionnaire-input\"\n className={cn(\n 'h-8 min-h-11 w-full min-w-0 rounded-sm border border-input bg-transparent px-2.5 py-1 text-base focus-ring transition-[color,box-shadow,background-color] outline-none disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 sm:min-h-0 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40',\n 'selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground',\n className,\n )}\n {...props}\n />\n </div>\n );\n}\n\nfunction QuestionnaireError({\n className,\n ...props\n}: React.ComponentProps<typeof QuestionnairePrimitive.Error>) {\n return (\n <QuestionnairePrimitive.Error\n data-slot=\"questionnaire-error\"\n className={cn('mt-2 text-sm text-destructive', className)}\n {...props}\n />\n );\n}\n\nfunction QuestionnaireActions({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"questionnaire-actions\"\n className={cn(\n 'grid min-h-11 w-full grid-cols-[minmax(0,1fr)_auto_auto] items-center gap-2 sm:min-h-8',\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction QuestionnairePrevious({\n children,\n className,\n size = 'default',\n variant = 'outline',\n ...props\n}: React.ComponentProps<typeof QuestionnairePrimitive.Previous> &\n Pick<React.ComponentProps<typeof Button>, 'size' | 'variant'>) {\n return (\n <QuestionnairePrimitive.Previous\n data-slot=\"questionnaire-previous\"\n data-size={size}\n data-variant={variant}\n className={cn(\n buttonVariants({ size, variant }),\n 'col-start-1 row-start-1 min-h-11 justify-self-start sm:min-h-0',\n className,\n )}\n {...props}\n >\n {children ?? 'Previous'}\n </QuestionnairePrimitive.Previous>\n );\n}\n\nfunction QuestionnaireSkip({\n children,\n className,\n size = 'default',\n variant = 'outline',\n ...props\n}: React.ComponentProps<typeof QuestionnairePrimitive.Skip> &\n Pick<React.ComponentProps<typeof Button>, 'size' | 'variant'>) {\n return (\n <QuestionnairePrimitive.Skip\n data-slot=\"questionnaire-skip\"\n data-size={size}\n data-variant={variant}\n className={cn(\n buttonVariants({ size, variant }),\n 'col-start-2 row-start-1 min-h-11 justify-self-end sm:min-h-0',\n className,\n )}\n {...props}\n >\n {children ?? 'Skip'}\n </QuestionnairePrimitive.Skip>\n );\n}\n\nfunction QuestionnaireNext({\n children,\n className,\n size = 'default',\n variant = 'default',\n ...props\n}: React.ComponentProps<typeof QuestionnairePrimitive.Next> &\n Pick<React.ComponentProps<typeof Button>, 'size' | 'variant'>) {\n return (\n <QuestionnairePrimitive.Next\n data-slot=\"questionnaire-next\"\n data-size={size}\n data-variant={variant}\n className={cn(\n buttonVariants({ size, variant }),\n 'col-start-3 row-start-1 min-h-11 justify-self-end sm:min-h-0',\n className,\n )}\n {...props}\n >\n {children ?? 'Next'}\n </QuestionnairePrimitive.Next>\n );\n}\n\nfunction QuestionnaireSubmit({\n children,\n className,\n size = 'default',\n variant = 'default',\n ...props\n}: React.ComponentProps<typeof QuestionnairePrimitive.Submit> &\n Pick<React.ComponentProps<typeof Button>, 'size' | 'variant'>) {\n return (\n <QuestionnairePrimitive.Submit\n data-slot=\"questionnaire-submit\"\n data-size={size}\n data-variant={variant}\n className={cn(\n buttonVariants({ size, variant }),\n 'col-start-3 row-start-1 min-h-11 justify-self-end sm:min-h-0',\n className,\n )}\n {...props}\n >\n {children ?? 'Submit'}\n </QuestionnairePrimitive.Submit>\n );\n}\n\nexport {\n Questionnaire,\n QuestionnaireActions,\n QuestionnaireChoice,\n QuestionnaireChoiceDescription,\n QuestionnaireChoices,\n QuestionnaireDescription,\n QuestionnaireError,\n QuestionnaireInput,\n QuestionnaireItem,\n QuestionnaireNext,\n QuestionnairePrevious,\n QuestionnaireProgress,\n QuestionnaireSkip,\n QuestionnaireSubmit,\n QuestionnaireTitle,\n};\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"questionnaire.js","names":["QuestionnairePrimitive"],"sources":["../../../src/components/ui/questionnaire.tsx"],"sourcesContent":["import { Questionnaire as QuestionnairePrimitive } from '@shadcn/react/questionnaire';\nimport { cn } from 'cn';\nimport { CheckIcon } from 'lucide-react';\nimport * as React from 'react';\n\nimport { buttonVariants, type Button } from './button';\n\nfunction Questionnaire({\n className,\n ...props\n}: React.ComponentProps<typeof QuestionnairePrimitive.Root>) {\n return (\n <QuestionnairePrimitive.Root\n data-slot=\"questionnaire\"\n className={cn('flex w-full min-w-0 flex-col gap-4', className)}\n {...props}\n />\n );\n}\n\nfunction QuestionnaireProgress({\n className,\n ...props\n}: React.ComponentProps<typeof QuestionnairePrimitive.Progress>) {\n return (\n <QuestionnairePrimitive.Progress\n data-slot=\"questionnaire-progress\"\n className={cn(\n 'min-h-[1lh] w-fit min-w-[14ch] text-xs font-medium text-muted-foreground tabular-nums',\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction QuestionnaireItem({\n className,\n ...props\n}: React.ComponentProps<typeof QuestionnairePrimitive.Item>) {\n return (\n <QuestionnairePrimitive.Item\n data-slot=\"questionnaire-item\"\n className={cn('flex min-w-0 flex-col gap-4 border-0 p-0 outline-none', className)}\n {...props}\n />\n );\n}\n\nfunction QuestionnaireTitle({\n className,\n ...props\n}: React.ComponentProps<typeof QuestionnairePrimitive.Title>) {\n return (\n <QuestionnairePrimitive.Title\n data-slot=\"questionnaire-title\"\n className={cn(\n 'text-base leading-snug font-medium text-pretty [&:not(:has(~[data-slot=questionnaire-description]))]:mb-4',\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction QuestionnaireDescription({\n className,\n ...props\n}: React.ComponentProps<typeof QuestionnairePrimitive.Description>) {\n return (\n <QuestionnairePrimitive.Description\n data-slot=\"questionnaire-description\"\n className={cn('text-sm text-pretty text-muted-foreground', className)}\n {...props}\n />\n );\n}\n\nfunction QuestionnaireChoices({\n className,\n ...props\n}: React.ComponentProps<typeof QuestionnairePrimitive.Choices>) {\n return (\n <QuestionnairePrimitive.Choices\n data-slot=\"questionnaire-choices\"\n className={cn('group/questionnaire-choices grid min-w-0 gap-2', className)}\n {...props}\n />\n );\n}\n\nfunction QuestionnaireChoice({\n children,\n className,\n ...props\n}: React.ComponentProps<typeof QuestionnairePrimitive.Choice>) {\n return (\n <QuestionnairePrimitive.Choice\n data-slot=\"questionnaire-choice\"\n className={cn(\n 'group/questionnaire-choice relative flex min-h-11 cursor-pointer items-start gap-2.5 rounded-sm border border-input bg-transparent px-3 py-2.5 text-start text-sm transition-colors outline-none select-none hover:bg-muted/50 has-[>input:focus-visible]:border-ring has-[>input:focus-visible]:ring-3 has-[>input:focus-visible]:ring-ring/50 data-invalid:border-destructive dark:bg-input/20 data-checked:border-primary/40 data-checked:bg-muted dark:data-checked:bg-muted',\n 'data-disabled:pointer-events-none data-disabled:cursor-not-allowed data-disabled:opacity-50',\n className,\n )}\n {...props}\n >\n <QuestionnairePrimitive.ChoiceInput\n data-slot=\"questionnaire-choice-input\"\n className=\"absolute inset-0 z-10 size-full cursor-pointer opacity-0\"\n />\n <span\n aria-hidden=\"true\"\n data-slot=\"questionnaire-choice-indicator\"\n className=\"pointer-events-none relative flex size-4 shrink-0 translate-y-[--spacing(0.45)] items-center justify-center rounded-sm border border-input group-has-data-[slot=questionnaire-choice-description]/questionnaire-choice:translate-y-0.5 group-data-[type=radio]/questionnaire-choice:rounded-full group-data-checked/questionnaire-choice:border-primary group-data-checked/questionnaire-choice:bg-primary group-data-checked/questionnaire-choice:text-primary-foreground dark:bg-input/30 dark:group-data-checked/questionnaire-choice:bg-primary\"\n >\n <span\n data-slot=\"questionnaire-choice-indicator-dot\"\n className=\"hidden size-2 rounded-full bg-primary-foreground group-data-[type=checkbox]/questionnaire-choice:hidden group-data-checked/questionnaire-choice:block\"\n />\n <CheckIcon\n data-slot=\"questionnaire-choice-indicator-check\"\n className=\"hidden size-3.5 group-data-[type=radio]/questionnaire-choice:hidden group-data-checked/questionnaire-choice:block\"\n />\n </span>\n <QuestionnairePrimitive.ChoiceLabel\n data-slot=\"questionnaire-choice-label\"\n className=\"flex min-w-0 flex-1 flex-col gap-0.5 leading-snug\"\n >\n {children}\n </QuestionnairePrimitive.ChoiceLabel>\n <QuestionnairePrimitive.ChoiceShortcut\n data-slot=\"questionnaire-choice-shortcut\"\n className=\"pointer-events-none ms-auto hidden size-5 shrink-0 translate-y-[--spacing(0.45)] items-center justify-center rounded-sm border border-input bg-background font-mono text-[0.625rem] leading-none font-medium text-muted-foreground group-has-data-[slot=questionnaire-choice-description]/questionnaire-choice:translate-y-0.5 group-data-[shortcut]/questionnaire-choice:inline-flex\"\n />\n </QuestionnairePrimitive.Choice>\n );\n}\n\nfunction QuestionnaireChoiceDescription({ className, ...props }: React.ComponentProps<'span'>) {\n return (\n <span\n data-slot=\"questionnaire-choice-description\"\n className={cn('text-muted-foreground', className)}\n {...props}\n />\n );\n}\n\nfunction QuestionnaireInput({\n className,\n ...props\n}: React.ComponentProps<typeof QuestionnairePrimitive.Input>) {\n return (\n <div\n data-slot=\"questionnaire-input-wrapper\"\n className=\"group/questionnaire-input relative w-full min-w-0\"\n >\n <QuestionnairePrimitive.Input\n data-slot=\"questionnaire-input\"\n className={cn(\n 'h-8 min-h-11 w-full min-w-0 rounded-sm border border-input bg-transparent px-2.5 py-1 text-base focus-ring transition-[color,box-shadow,background-color] outline-none disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 sm:min-h-0 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40',\n 'selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground',\n className,\n )}\n {...props}\n />\n </div>\n );\n}\n\nfunction QuestionnaireError({\n className,\n ...props\n}: React.ComponentProps<typeof QuestionnairePrimitive.Error>) {\n return (\n <QuestionnairePrimitive.Error\n data-slot=\"questionnaire-error\"\n className={cn('mt-2 text-sm text-destructive', className)}\n {...props}\n />\n );\n}\n\nfunction QuestionnaireActions({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"questionnaire-actions\"\n className={cn(\n 'grid min-h-11 w-full grid-cols-[minmax(0,1fr)_auto_auto] items-center gap-2 sm:min-h-8',\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction QuestionnairePrevious({\n children,\n className,\n size = 'default',\n variant = 'outline',\n ...props\n}: React.ComponentProps<typeof QuestionnairePrimitive.Previous> &\n Pick<React.ComponentProps<typeof Button>, 'size' | 'variant'>) {\n return (\n <QuestionnairePrimitive.Previous\n data-slot=\"questionnaire-previous\"\n data-size={size}\n data-variant={variant}\n className={cn(\n buttonVariants({ size, variant }),\n 'col-start-1 row-start-1 min-h-11 justify-self-start sm:min-h-0',\n className,\n )}\n {...props}\n >\n {children ?? 'Previous'}\n </QuestionnairePrimitive.Previous>\n );\n}\n\nfunction QuestionnaireSkip({\n children,\n className,\n size = 'default',\n variant = 'outline',\n ...props\n}: React.ComponentProps<typeof QuestionnairePrimitive.Skip> &\n Pick<React.ComponentProps<typeof Button>, 'size' | 'variant'>) {\n return (\n <QuestionnairePrimitive.Skip\n data-slot=\"questionnaire-skip\"\n data-size={size}\n data-variant={variant}\n className={cn(\n buttonVariants({ size, variant }),\n 'col-start-2 row-start-1 min-h-11 justify-self-end sm:min-h-0',\n className,\n )}\n {...props}\n >\n {children ?? 'Skip'}\n </QuestionnairePrimitive.Skip>\n );\n}\n\nfunction QuestionnaireNext({\n children,\n className,\n size = 'default',\n variant = 'default',\n ...props\n}: React.ComponentProps<typeof QuestionnairePrimitive.Next> &\n Pick<React.ComponentProps<typeof Button>, 'size' | 'variant'>) {\n return (\n <QuestionnairePrimitive.Next\n data-slot=\"questionnaire-next\"\n data-size={size}\n data-variant={variant}\n className={cn(\n buttonVariants({ size, variant }),\n 'col-start-3 row-start-1 min-h-11 justify-self-end sm:min-h-0',\n className,\n )}\n {...props}\n >\n {children ?? 'Next'}\n </QuestionnairePrimitive.Next>\n );\n}\n\nfunction QuestionnaireSubmit({\n children,\n className,\n size = 'default',\n variant = 'default',\n ...props\n}: React.ComponentProps<typeof QuestionnairePrimitive.Submit> &\n Pick<React.ComponentProps<typeof Button>, 'size' | 'variant'>) {\n return (\n <QuestionnairePrimitive.Submit\n data-slot=\"questionnaire-submit\"\n data-size={size}\n data-variant={variant}\n className={cn(\n buttonVariants({ size, variant }),\n 'col-start-3 row-start-1 min-h-11 justify-self-end sm:min-h-0',\n className,\n )}\n {...props}\n >\n {children ?? 'Submit'}\n </QuestionnairePrimitive.Submit>\n );\n}\n\nexport {\n Questionnaire,\n QuestionnaireActions,\n QuestionnaireChoice,\n QuestionnaireChoiceDescription,\n QuestionnaireChoices,\n QuestionnaireDescription,\n QuestionnaireError,\n QuestionnaireInput,\n QuestionnaireItem,\n QuestionnaireNext,\n QuestionnairePrevious,\n QuestionnaireProgress,\n QuestionnaireSkip,\n QuestionnaireSubmit,\n QuestionnaireTitle,\n};\n"],"mappings":"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"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const require_rolldown_runtime = require("../../chunks/rolldown-runtime-CmQyd0Gu.cjs");
|
|
4
|
+
let cn = require("cn");
|
|
5
|
+
let radix_ui = require("radix-ui");
|
|
6
|
+
let react = require("react");
|
|
7
|
+
react = require_rolldown_runtime.__toESM(react, 1);
|
|
8
|
+
let react_jsx_runtime = require("react/jsx-runtime");
|
|
9
|
+
// src/components/ui/radio-group.tsx
|
|
10
|
+
function RadioGroup({ className, ...props }) {
|
|
11
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(radix_ui.RadioGroup.Root, {
|
|
12
|
+
"data-slot": "radio-group",
|
|
13
|
+
className: (0, cn.cn)("grid w-full gap-2", className),
|
|
14
|
+
...props
|
|
15
|
+
});
|
|
16
|
+
}
|
|
17
|
+
function RadioGroupItem({ className, ...props }) {
|
|
18
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(radix_ui.RadioGroup.Item, {
|
|
19
|
+
"data-slot": "radio-group-item",
|
|
20
|
+
className: (0, cn.cn)("group/radio-group-item peer relative flex aspect-square size-4 shrink-0 rounded-full border border-input focus-ring outline-none group-has-[:focus-visible]/field-label:ring-0 group-has-[:focus-visible]/field-label:not-data-checked:border-input after:absolute after:-inset-x-3 after:-inset-y-2 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground group-has-[:focus-visible]/field-label:data-checked:border-primary dark:data-checked:bg-primary", className),
|
|
21
|
+
...props,
|
|
22
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(radix_ui.RadioGroup.Indicator, {
|
|
23
|
+
"data-slot": "radio-group-indicator",
|
|
24
|
+
className: "flex size-4 items-center justify-center",
|
|
25
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 rounded-full bg-primary-foreground" })
|
|
26
|
+
})
|
|
27
|
+
});
|
|
28
|
+
}
|
|
29
|
+
exports.RadioGroup = RadioGroup;
|
|
30
|
+
exports.RadioGroupItem = RadioGroupItem;
|
|
31
|
+
|
|
32
|
+
//# sourceMappingURL=radio-group.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radio-group.cjs","names":["RadioGroupPrimitive"],"sources":["../../../src/components/ui/radio-group.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from 'cn';\nimport { RadioGroup as RadioGroupPrimitive } from 'radix-ui';\nimport * as React from 'react';\n\nfunction RadioGroup({\n className,\n ...props\n}: React.ComponentProps<typeof RadioGroupPrimitive.Root>) {\n return (\n <RadioGroupPrimitive.Root\n data-slot=\"radio-group\"\n className={cn('grid w-full gap-2', className)}\n {...props}\n />\n );\n}\n\nfunction RadioGroupItem({\n className,\n ...props\n}: React.ComponentProps<typeof RadioGroupPrimitive.Item>) {\n return (\n <RadioGroupPrimitive.Item\n data-slot=\"radio-group-item\"\n className={cn(\n 'group/radio-group-item peer relative flex aspect-square size-4 shrink-0 rounded-full border border-input focus-ring outline-none group-has-[:focus-visible]/field-label:ring-0 group-has-[:focus-visible]/field-label:not-data-checked:border-input after:absolute after:-inset-x-3 after:-inset-y-2 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground group-has-[:focus-visible]/field-label:data-checked:border-primary dark:data-checked:bg-primary',\n className,\n )}\n {...props}\n >\n <RadioGroupPrimitive.Indicator\n data-slot=\"radio-group-indicator\"\n className=\"flex size-4 items-center justify-center\"\n >\n <span className=\"absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 rounded-full bg-primary-foreground\" />\n </RadioGroupPrimitive.Indicator>\n </RadioGroupPrimitive.Item>\n );\n}\n\nexport { RadioGroup, RadioGroupItem };\n"],"mappings":";;;;;;;;;AAMA,SAAS,WAAW,EAClB,WACA,GAAG,SACqD;CACxD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,SAAAA,WAAoB,MAArB;EACE,aAAU;EACV,YAAA,GAAW,GAAA,GAAA,CAAG,qBAAqB,SAAS;EAC5C,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,eAAe,EACtB,WACA,GAAG,SACqD;CACxD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,SAAAA,WAAoB,MAArB;EACE,aAAU;EACV,YAAA,GAAW,GAAA,GAAA,CACT,8uBACA,SACF;EACA,GAAI;EAEJ,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACA,SAAAA,WAAoB,WAArB;GACE,aAAU;GACV,WAAU;GAEV,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD,EAAM,WAAU,wGAAyG,CAAA;EAC5F,CAAA;CACP,CAAA;AAE9B"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { RadioGroup as RadioGroupPrimitive } from 'radix-ui';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
declare function RadioGroup({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Root>): React.JSX.Element;
|
|
4
|
+
declare function RadioGroupItem({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Item>): React.JSX.Element;
|
|
5
|
+
export { RadioGroup, RadioGroupItem };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../../src/components/ui/radio-group.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../../src/components/ui/radio-group.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,IAAI,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAC7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,qBAQvD;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,qBAkBvD;AAED,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -1,27 +1,28 @@
|
|
|
1
|
+
"use client";
|
|
1
2
|
import { cn } from "cn";
|
|
2
|
-
import { RadioGroup } from "radix-ui";
|
|
3
|
+
import { RadioGroup as RadioGroup$1 } from "radix-ui";
|
|
3
4
|
import "react";
|
|
4
5
|
import { jsx } from "react/jsx-runtime";
|
|
5
6
|
// src/components/ui/radio-group.tsx
|
|
6
|
-
function RadioGroup
|
|
7
|
-
return /* @__PURE__ */ jsx(RadioGroup.Root, {
|
|
7
|
+
function RadioGroup({ className, ...props }) {
|
|
8
|
+
return /* @__PURE__ */ jsx(RadioGroup$1.Root, {
|
|
8
9
|
"data-slot": "radio-group",
|
|
9
10
|
className: cn("grid w-full gap-2", className),
|
|
10
11
|
...props
|
|
11
12
|
});
|
|
12
13
|
}
|
|
13
14
|
function RadioGroupItem({ className, ...props }) {
|
|
14
|
-
return /* @__PURE__ */ jsx(RadioGroup.Item, {
|
|
15
|
+
return /* @__PURE__ */ jsx(RadioGroup$1.Item, {
|
|
15
16
|
"data-slot": "radio-group-item",
|
|
16
17
|
className: cn("group/radio-group-item peer relative flex aspect-square size-4 shrink-0 rounded-full border border-input focus-ring outline-none group-has-[:focus-visible]/field-label:ring-0 group-has-[:focus-visible]/field-label:not-data-checked:border-input after:absolute after:-inset-x-3 after:-inset-y-2 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground group-has-[:focus-visible]/field-label:data-checked:border-primary dark:data-checked:bg-primary", className),
|
|
17
18
|
...props,
|
|
18
|
-
children: /* @__PURE__ */ jsx(RadioGroup.Indicator, {
|
|
19
|
+
children: /* @__PURE__ */ jsx(RadioGroup$1.Indicator, {
|
|
19
20
|
"data-slot": "radio-group-indicator",
|
|
20
21
|
className: "flex size-4 items-center justify-center",
|
|
21
22
|
children: /* @__PURE__ */ jsx("span", { className: "absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 rounded-full bg-primary-foreground" })
|
|
22
23
|
})
|
|
23
24
|
});
|
|
24
25
|
}
|
|
25
|
-
export { RadioGroup
|
|
26
|
+
export { RadioGroup, RadioGroupItem };
|
|
26
27
|
|
|
27
28
|
//# sourceMappingURL=radio-group.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-group.js","names":["
|
|
1
|
+
{"version":3,"file":"radio-group.js","names":["RadioGroupPrimitive"],"sources":["../../../src/components/ui/radio-group.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from 'cn';\nimport { RadioGroup as RadioGroupPrimitive } from 'radix-ui';\nimport * as React from 'react';\n\nfunction RadioGroup({\n className,\n ...props\n}: React.ComponentProps<typeof RadioGroupPrimitive.Root>) {\n return (\n <RadioGroupPrimitive.Root\n data-slot=\"radio-group\"\n className={cn('grid w-full gap-2', className)}\n {...props}\n />\n );\n}\n\nfunction RadioGroupItem({\n className,\n ...props\n}: React.ComponentProps<typeof RadioGroupPrimitive.Item>) {\n return (\n <RadioGroupPrimitive.Item\n data-slot=\"radio-group-item\"\n className={cn(\n 'group/radio-group-item peer relative flex aspect-square size-4 shrink-0 rounded-full border border-input focus-ring outline-none group-has-[:focus-visible]/field-label:ring-0 group-has-[:focus-visible]/field-label:not-data-checked:border-input after:absolute after:-inset-x-3 after:-inset-y-2 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground group-has-[:focus-visible]/field-label:data-checked:border-primary dark:data-checked:bg-primary',\n className,\n )}\n {...props}\n >\n <RadioGroupPrimitive.Indicator\n data-slot=\"radio-group-indicator\"\n className=\"flex size-4 items-center justify-center\"\n >\n <span className=\"absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 rounded-full bg-primary-foreground\" />\n </RadioGroupPrimitive.Indicator>\n </RadioGroupPrimitive.Item>\n );\n}\n\nexport { RadioGroup, RadioGroupItem };\n"],"mappings":";;;;;;AAMA,SAAS,WAAW,EAClB,WACA,GAAG,SACqD;CACxD,OACE,oBAACA,aAAoB,MAArB;EACE,aAAU;EACV,WAAW,GAAG,qBAAqB,SAAS;EAC5C,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,eAAe,EACtB,WACA,GAAG,SACqD;CACxD,OACE,oBAACA,aAAoB,MAArB;EACE,aAAU;EACV,WAAW,GACT,8uBACA,SACF;EACA,GAAI;EAEJ,UAAA,oBAACA,aAAoB,WAArB;GACE,aAAU;GACV,WAAU;GAEV,UAAA,oBAAC,QAAD,EAAM,WAAU,wGAAyG,CAAA;EAC5F,CAAA;CACP,CAAA;AAE9B"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
2
|
+
const require_rolldown_runtime = require("../../chunks/rolldown-runtime-CmQyd0Gu.cjs");
|
|
3
|
+
let cn = require("cn");
|
|
4
|
+
let react_jsx_runtime = require("react/jsx-runtime");
|
|
5
|
+
let react_resizable_panels = require("react-resizable-panels");
|
|
6
|
+
react_resizable_panels = require_rolldown_runtime.__toESM(react_resizable_panels, 1);
|
|
7
|
+
// src/components/ui/resizable.tsx
|
|
8
|
+
function ResizablePanelGroup({ className, ...props }) {
|
|
9
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_resizable_panels.Group, {
|
|
10
|
+
"data-slot": "resizable-panel-group",
|
|
11
|
+
className: (0, cn.cn)("flex h-full w-full aria-[orientation=vertical]:flex-col", className),
|
|
12
|
+
...props
|
|
13
|
+
});
|
|
14
|
+
}
|
|
15
|
+
function ResizablePanel({ ...props }) {
|
|
16
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_resizable_panels.Panel, {
|
|
17
|
+
"data-slot": "resizable-panel",
|
|
18
|
+
...props
|
|
19
|
+
});
|
|
20
|
+
}
|
|
21
|
+
function ResizableHandle({ withHandle, className, ...props }) {
|
|
22
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_resizable_panels.Separator, {
|
|
23
|
+
"data-slot": "resizable-handle",
|
|
24
|
+
className: (0, cn.cn)("relative flex w-px items-center justify-center bg-border ring-offset-background focus-ring after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-hidden aria-[orientation=horizontal]:h-px aria-[orientation=horizontal]:w-full aria-[orientation=horizontal]:after:left-0 aria-[orientation=horizontal]:after:h-1 aria-[orientation=horizontal]:after:w-full aria-[orientation=horizontal]:after:translate-x-0 aria-[orientation=horizontal]:after:-translate-y-1/2 [&[aria-orientation=horizontal]>div]:rotate-90", className),
|
|
25
|
+
...props,
|
|
26
|
+
children: withHandle && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "z-10 flex h-6 w-1 shrink-0 rounded-sm bg-border" })
|
|
27
|
+
});
|
|
28
|
+
}
|
|
29
|
+
exports.ResizableHandle = ResizableHandle;
|
|
30
|
+
exports.ResizablePanel = ResizablePanel;
|
|
31
|
+
exports.ResizablePanelGroup = ResizablePanelGroup;
|
|
32
|
+
|
|
33
|
+
//# sourceMappingURL=resizable.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resizable.cjs","names":["ResizablePrimitive"],"sources":["../../../src/components/ui/resizable.tsx"],"sourcesContent":["import { cn } from 'cn';\nimport * as ResizablePrimitive from 'react-resizable-panels';\n\nfunction ResizablePanelGroup({ className, ...props }: ResizablePrimitive.GroupProps) {\n return (\n <ResizablePrimitive.Group\n data-slot=\"resizable-panel-group\"\n className={cn('flex h-full w-full aria-[orientation=vertical]:flex-col', className)}\n {...props}\n />\n );\n}\n\nfunction ResizablePanel({ ...props }: ResizablePrimitive.PanelProps) {\n return <ResizablePrimitive.Panel data-slot=\"resizable-panel\" {...props} />;\n}\n\nfunction ResizableHandle({\n withHandle,\n className,\n ...props\n}: ResizablePrimitive.SeparatorProps & {\n withHandle?: boolean;\n}) {\n return (\n <ResizablePrimitive.Separator\n data-slot=\"resizable-handle\"\n className={cn(\n 'relative flex w-px items-center justify-center bg-border ring-offset-background focus-ring after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-hidden aria-[orientation=horizontal]:h-px aria-[orientation=horizontal]:w-full aria-[orientation=horizontal]:after:left-0 aria-[orientation=horizontal]:after:h-1 aria-[orientation=horizontal]:after:w-full aria-[orientation=horizontal]:after:translate-x-0 aria-[orientation=horizontal]:after:-translate-y-1/2 [&[aria-orientation=horizontal]>div]:rotate-90',\n className,\n )}\n {...props}\n >\n {withHandle && <div className=\"z-10 flex h-6 w-1 shrink-0 rounded-sm bg-border\" />}\n </ResizablePrimitive.Separator>\n );\n}\n\nexport { ResizableHandle, ResizablePanel, ResizablePanelGroup };\n"],"mappings":";;;;;;;AAGA,SAAS,oBAAoB,EAAE,WAAW,GAAG,SAAwC;CACnF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,uBAAmB,OAApB;EACE,aAAU;EACV,YAAA,GAAW,GAAA,GAAA,CAAG,2DAA2D,SAAS;EAClF,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,eAAe,EAAE,GAAG,SAAwC;CACnE,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACA,uBAAmB,OAApB;EAA0B,aAAU;EAAkB,GAAI;CAAQ,CAAA;AAC3E;AAEA,SAAS,gBAAgB,EACvB,YACA,WACA,GAAG,SAGF;CACD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,uBAAmB,WAApB;EACE,aAAU;EACV,YAAA,GAAW,GAAA,GAAA,CACT,siBACA,SACF;EACA,GAAI;EAEH,UAAA,cAAc,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD,EAAK,WAAU,kDAAmD,CAAA;CACrD,CAAA;AAElC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as ResizablePrimitive from 'react-resizable-panels';
|
|
2
|
+
declare function ResizablePanelGroup({ className, ...props }: ResizablePrimitive.GroupProps): import("react").JSX.Element;
|
|
3
|
+
declare function ResizablePanel({ ...props }: ResizablePrimitive.PanelProps): import("react").JSX.Element;
|
|
4
|
+
declare function ResizableHandle({ withHandle, className, ...props }: ResizablePrimitive.SeparatorProps & {
|
|
5
|
+
withHandle?: boolean;
|
|
6
|
+
}): import("react").JSX.Element;
|
|
7
|
+
export { ResizableHandle, ResizablePanel, ResizablePanelGroup };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"resizable.d.ts","sourceRoot":"","sources":["../../../src/components/ui/resizable.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"resizable.d.ts","sourceRoot":"","sources":["../../../src/components/ui/resizable.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,kBAAkB,MAAM,wBAAwB,CAAC;AAE7D,iBAAS,mBAAmB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,CAAC,UAAU,+BAQlF;AAED,iBAAS,cAAc,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,CAAC,UAAU,+BAElE;AAED,iBAAS,eAAe,CAAC,EACvB,UAAU,EACV,SAAS,EACT,GAAG,KAAK,EACT,EAAE,kBAAkB,CAAC,cAAc,GAAG;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,+BAaA;AAED,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"resizable.js","names":[],"sources":["../../../src/components/ui/resizable.tsx"],"sourcesContent":["
|
|
1
|
+
{"version":3,"file":"resizable.js","names":[],"sources":["../../../src/components/ui/resizable.tsx"],"sourcesContent":["import { cn } from 'cn';\nimport * as ResizablePrimitive from 'react-resizable-panels';\n\nfunction ResizablePanelGroup({ className, ...props }: ResizablePrimitive.GroupProps) {\n return (\n <ResizablePrimitive.Group\n data-slot=\"resizable-panel-group\"\n className={cn('flex h-full w-full aria-[orientation=vertical]:flex-col', className)}\n {...props}\n />\n );\n}\n\nfunction ResizablePanel({ ...props }: ResizablePrimitive.PanelProps) {\n return <ResizablePrimitive.Panel data-slot=\"resizable-panel\" {...props} />;\n}\n\nfunction ResizableHandle({\n withHandle,\n className,\n ...props\n}: ResizablePrimitive.SeparatorProps & {\n withHandle?: boolean;\n}) {\n return (\n <ResizablePrimitive.Separator\n data-slot=\"resizable-handle\"\n className={cn(\n 'relative flex w-px items-center justify-center bg-border ring-offset-background focus-ring after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-hidden aria-[orientation=horizontal]:h-px aria-[orientation=horizontal]:w-full aria-[orientation=horizontal]:after:left-0 aria-[orientation=horizontal]:after:h-1 aria-[orientation=horizontal]:after:w-full aria-[orientation=horizontal]:after:translate-x-0 aria-[orientation=horizontal]:after:-translate-y-1/2 [&[aria-orientation=horizontal]>div]:rotate-90',\n className,\n )}\n {...props}\n >\n {withHandle && <div className=\"z-10 flex h-6 w-1 shrink-0 rounded-sm bg-border\" />}\n </ResizablePrimitive.Separator>\n );\n}\n\nexport { ResizableHandle, ResizablePanel, ResizablePanelGroup };\n"],"mappings":";;;;AAGA,SAAS,oBAAoB,EAAE,WAAW,GAAG,SAAwC;CACnF,OACE,oBAAC,mBAAmB,OAApB;EACE,aAAU;EACV,WAAW,GAAG,2DAA2D,SAAS;EAClF,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,eAAe,EAAE,GAAG,SAAwC;CACnE,OAAO,oBAAC,mBAAmB,OAApB;EAA0B,aAAU;EAAkB,GAAI;CAAQ,CAAA;AAC3E;AAEA,SAAS,gBAAgB,EACvB,YACA,WACA,GAAG,SAGF;CACD,OACE,oBAAC,mBAAmB,WAApB;EACE,aAAU;EACV,WAAW,GACT,siBACA,SACF;EACA,GAAI;EAEH,UAAA,cAAc,oBAAC,OAAD,EAAK,WAAU,kDAAmD,CAAA;CACrD,CAAA;AAElC"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const require_rolldown_runtime = require("../../chunks/rolldown-runtime-CmQyd0Gu.cjs");
|
|
4
|
+
let cn = require("cn");
|
|
5
|
+
let radix_ui = require("radix-ui");
|
|
6
|
+
let react = require("react");
|
|
7
|
+
react = require_rolldown_runtime.__toESM(react, 1);
|
|
8
|
+
let react_jsx_runtime = require("react/jsx-runtime");
|
|
9
|
+
// src/components/ui/scroll-area.tsx
|
|
10
|
+
function ScrollArea({ className, children, ...props }) {
|
|
11
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(radix_ui.ScrollArea.Root, {
|
|
12
|
+
"data-slot": "scroll-area",
|
|
13
|
+
className: (0, cn.cn)("relative", className),
|
|
14
|
+
...props,
|
|
15
|
+
children: [
|
|
16
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsx)(radix_ui.ScrollArea.Viewport, {
|
|
17
|
+
tabIndex: 0,
|
|
18
|
+
"data-slot": "scroll-area-viewport",
|
|
19
|
+
className: "size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
|
|
20
|
+
children
|
|
21
|
+
}),
|
|
22
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScrollBar, {}),
|
|
23
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsx)(radix_ui.ScrollArea.Corner, {})
|
|
24
|
+
]
|
|
25
|
+
});
|
|
26
|
+
}
|
|
27
|
+
function ScrollBar({ className, orientation = "vertical", ...props }) {
|
|
28
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(radix_ui.ScrollArea.ScrollAreaScrollbar, {
|
|
29
|
+
"data-slot": "scroll-area-scrollbar",
|
|
30
|
+
"data-orientation": orientation,
|
|
31
|
+
orientation,
|
|
32
|
+
className: (0, cn.cn)("flex touch-none p-px transition-colors select-none data-horizontal:h-2.5 data-horizontal:flex-col data-horizontal:border-t data-horizontal:border-t-transparent data-vertical:h-full data-vertical:w-2.5 data-vertical:border-l data-vertical:border-l-transparent", className),
|
|
33
|
+
...props,
|
|
34
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(radix_ui.ScrollArea.ScrollAreaThumb, {
|
|
35
|
+
"data-slot": "scroll-area-thumb",
|
|
36
|
+
className: "relative flex-1 rounded-full bg-border"
|
|
37
|
+
})
|
|
38
|
+
});
|
|
39
|
+
}
|
|
40
|
+
exports.ScrollArea = ScrollArea;
|
|
41
|
+
exports.ScrollBar = ScrollBar;
|
|
42
|
+
|
|
43
|
+
//# sourceMappingURL=scroll-area.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"scroll-area.cjs","names":["ScrollAreaPrimitive"],"sources":["../../../src/components/ui/scroll-area.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from 'cn';\nimport { ScrollArea as ScrollAreaPrimitive } from 'radix-ui';\nimport * as React from 'react';\n\nfunction ScrollArea({\n className,\n children,\n ...props\n}: React.ComponentProps<typeof ScrollAreaPrimitive.Root>) {\n return (\n <ScrollAreaPrimitive.Root\n data-slot=\"scroll-area\"\n className={cn('relative', className)}\n {...props}\n >\n <ScrollAreaPrimitive.Viewport\n // Keyboard users must be able to scroll the region with the arrow keys.\n tabIndex={0}\n data-slot=\"scroll-area-viewport\"\n className=\"size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1\"\n >\n {children}\n </ScrollAreaPrimitive.Viewport>\n <ScrollBar />\n <ScrollAreaPrimitive.Corner />\n </ScrollAreaPrimitive.Root>\n );\n}\n\nfunction ScrollBar({\n className,\n orientation = 'vertical',\n ...props\n}: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>) {\n return (\n <ScrollAreaPrimitive.ScrollAreaScrollbar\n data-slot=\"scroll-area-scrollbar\"\n data-orientation={orientation}\n orientation={orientation}\n className={cn(\n 'flex touch-none p-px transition-colors select-none data-horizontal:h-2.5 data-horizontal:flex-col data-horizontal:border-t data-horizontal:border-t-transparent data-vertical:h-full data-vertical:w-2.5 data-vertical:border-l data-vertical:border-l-transparent',\n className,\n )}\n {...props}\n >\n <ScrollAreaPrimitive.ScrollAreaThumb\n data-slot=\"scroll-area-thumb\"\n className=\"relative flex-1 rounded-full bg-border\"\n />\n </ScrollAreaPrimitive.ScrollAreaScrollbar>\n );\n}\n\nexport { ScrollArea, ScrollBar };\n"],"mappings":";;;;;;;;;AAMA,SAAS,WAAW,EAClB,WACA,UACA,GAAG,SACqD;CACxD,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACA,SAAAA,WAAoB,MAArB;EACE,aAAU;EACV,YAAA,GAAW,GAAA,GAAA,CAAG,YAAY,SAAS;EACnC,GAAI;EAHN,UAAA;GAKE,iBAAA,GAAA,kBAAA,IAAA,CAACA,SAAAA,WAAoB,UAArB;IAEE,UAAU;IACV,aAAU;IACV,WAAU;IAET;GAC2B,CAAA;GAC9B,iBAAA,GAAA,kBAAA,IAAA,CAAC,WAAD,CAAY,CAAA;GACZ,iBAAA,GAAA,kBAAA,IAAA,CAACA,SAAAA,WAAoB,QAArB,CAA6B,CAAA;EACL;;AAE9B;AAEA,SAAS,UAAU,EACjB,WACA,cAAc,YACd,GAAG,SACoE;CACvE,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,SAAAA,WAAoB,qBAArB;EACE,aAAU;EACV,oBAAkB;EACL;EACb,YAAA,GAAW,GAAA,GAAA,CACT,sQACA,SACF;EACA,GAAI;EAEJ,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACA,SAAAA,WAAoB,iBAArB;GACE,aAAU;GACV,WAAU;EACX,CAAA;CACsC,CAAA;AAE7C"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { ScrollArea as ScrollAreaPrimitive } from 'radix-ui';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
declare function ScrollArea({ className, children, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.Root>): React.JSX.Element;
|
|
4
|
+
declare function ScrollBar({ className, orientation, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): React.JSX.Element;
|
|
5
|
+
export { ScrollArea, ScrollBar };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../src/components/ui/scroll-area.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../src/components/ui/scroll-area.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,IAAI,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAC7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,qBAmBvD;AAED,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,WAAwB,EACxB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,mBAAmB,CAAC,qBAkBtE;AAED,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -1,38 +1,39 @@
|
|
|
1
|
+
"use client";
|
|
1
2
|
import { cn } from "cn";
|
|
2
|
-
import { ScrollArea } from "radix-ui";
|
|
3
|
+
import { ScrollArea as ScrollArea$1 } from "radix-ui";
|
|
3
4
|
import "react";
|
|
4
5
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
6
|
// src/components/ui/scroll-area.tsx
|
|
6
|
-
function ScrollArea
|
|
7
|
-
return /* @__PURE__ */ jsxs(ScrollArea.Root, {
|
|
7
|
+
function ScrollArea({ className, children, ...props }) {
|
|
8
|
+
return /* @__PURE__ */ jsxs(ScrollArea$1.Root, {
|
|
8
9
|
"data-slot": "scroll-area",
|
|
9
10
|
className: cn("relative", className),
|
|
10
11
|
...props,
|
|
11
12
|
children: [
|
|
12
|
-
/* @__PURE__ */ jsx(ScrollArea.Viewport, {
|
|
13
|
+
/* @__PURE__ */ jsx(ScrollArea$1.Viewport, {
|
|
13
14
|
tabIndex: 0,
|
|
14
15
|
"data-slot": "scroll-area-viewport",
|
|
15
16
|
className: "size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
|
|
16
17
|
children
|
|
17
18
|
}),
|
|
18
19
|
/* @__PURE__ */ jsx(ScrollBar, {}),
|
|
19
|
-
/* @__PURE__ */ jsx(ScrollArea.Corner, {})
|
|
20
|
+
/* @__PURE__ */ jsx(ScrollArea$1.Corner, {})
|
|
20
21
|
]
|
|
21
22
|
});
|
|
22
23
|
}
|
|
23
24
|
function ScrollBar({ className, orientation = "vertical", ...props }) {
|
|
24
|
-
return /* @__PURE__ */ jsx(ScrollArea.ScrollAreaScrollbar, {
|
|
25
|
+
return /* @__PURE__ */ jsx(ScrollArea$1.ScrollAreaScrollbar, {
|
|
25
26
|
"data-slot": "scroll-area-scrollbar",
|
|
26
27
|
"data-orientation": orientation,
|
|
27
28
|
orientation,
|
|
28
29
|
className: cn("flex touch-none p-px transition-colors select-none data-horizontal:h-2.5 data-horizontal:flex-col data-horizontal:border-t data-horizontal:border-t-transparent data-vertical:h-full data-vertical:w-2.5 data-vertical:border-l data-vertical:border-l-transparent", className),
|
|
29
30
|
...props,
|
|
30
|
-
children: /* @__PURE__ */ jsx(ScrollArea.ScrollAreaThumb, {
|
|
31
|
+
children: /* @__PURE__ */ jsx(ScrollArea$1.ScrollAreaThumb, {
|
|
31
32
|
"data-slot": "scroll-area-thumb",
|
|
32
33
|
className: "relative flex-1 rounded-full bg-border"
|
|
33
34
|
})
|
|
34
35
|
});
|
|
35
36
|
}
|
|
36
|
-
export { ScrollArea
|
|
37
|
+
export { ScrollArea, ScrollBar };
|
|
37
38
|
|
|
38
39
|
//# sourceMappingURL=scroll-area.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"scroll-area.js","names":["
|
|
1
|
+
{"version":3,"file":"scroll-area.js","names":["ScrollAreaPrimitive"],"sources":["../../../src/components/ui/scroll-area.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from 'cn';\nimport { ScrollArea as ScrollAreaPrimitive } from 'radix-ui';\nimport * as React from 'react';\n\nfunction ScrollArea({\n className,\n children,\n ...props\n}: React.ComponentProps<typeof ScrollAreaPrimitive.Root>) {\n return (\n <ScrollAreaPrimitive.Root\n data-slot=\"scroll-area\"\n className={cn('relative', className)}\n {...props}\n >\n <ScrollAreaPrimitive.Viewport\n // Keyboard users must be able to scroll the region with the arrow keys.\n tabIndex={0}\n data-slot=\"scroll-area-viewport\"\n className=\"size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1\"\n >\n {children}\n </ScrollAreaPrimitive.Viewport>\n <ScrollBar />\n <ScrollAreaPrimitive.Corner />\n </ScrollAreaPrimitive.Root>\n );\n}\n\nfunction ScrollBar({\n className,\n orientation = 'vertical',\n ...props\n}: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>) {\n return (\n <ScrollAreaPrimitive.ScrollAreaScrollbar\n data-slot=\"scroll-area-scrollbar\"\n data-orientation={orientation}\n orientation={orientation}\n className={cn(\n 'flex touch-none p-px transition-colors select-none data-horizontal:h-2.5 data-horizontal:flex-col data-horizontal:border-t data-horizontal:border-t-transparent data-vertical:h-full data-vertical:w-2.5 data-vertical:border-l data-vertical:border-l-transparent',\n className,\n )}\n {...props}\n >\n <ScrollAreaPrimitive.ScrollAreaThumb\n data-slot=\"scroll-area-thumb\"\n className=\"relative flex-1 rounded-full bg-border\"\n />\n </ScrollAreaPrimitive.ScrollAreaScrollbar>\n );\n}\n\nexport { ScrollArea, ScrollBar };\n"],"mappings":";;;;;;AAMA,SAAS,WAAW,EAClB,WACA,UACA,GAAG,SACqD;CACxD,OACE,qBAACA,aAAoB,MAArB;EACE,aAAU;EACV,WAAW,GAAG,YAAY,SAAS;EACnC,GAAI;EAHN,UAAA;GAKE,oBAACA,aAAoB,UAArB;IAEE,UAAU;IACV,aAAU;IACV,WAAU;IAET;GAC2B,CAAA;GAC9B,oBAAC,WAAD,CAAY,CAAA;GACZ,oBAACA,aAAoB,QAArB,CAA6B,CAAA;EACL;;AAE9B;AAEA,SAAS,UAAU,EACjB,WACA,cAAc,YACd,GAAG,SACoE;CACvE,OACE,oBAACA,aAAoB,qBAArB;EACE,aAAU;EACV,oBAAkB;EACL;EACb,WAAW,GACT,sQACA,SACF;EACA,GAAI;EAEJ,UAAA,oBAACA,aAAoB,iBAArB;GACE,aAAU;GACV,WAAU;EACX,CAAA;CACsC,CAAA;AAE7C"}
|