@almanaclabs/blaze-ui 0.4.0 → 0.6.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/components/accordion/accordion.js +2 -2
- package/dist/components/alert/alert.d.ts +1 -1
- package/dist/components/alert/alert.js +4 -4
- package/dist/components/alert-dialog/alert-dialog.d.ts.map +1 -1
- package/dist/components/alert-dialog/alert-dialog.js +3 -3
- package/dist/components/attachment/attachment.d.ts +2 -2
- package/dist/components/attachment/attachment.js +3 -3
- package/dist/components/avatar/avatar.d.ts +6 -4
- package/dist/components/avatar/avatar.d.ts.map +1 -1
- package/dist/components/avatar/avatar.js +10 -9
- package/dist/components/badge/badge.d.ts +3 -2
- package/dist/components/badge/badge.d.ts.map +1 -1
- package/dist/components/badge/badge.js +30 -14
- package/dist/components/breadcrumb/breadcrumb.d.ts.map +1 -1
- package/dist/components/breadcrumb/breadcrumb.js +2 -2
- package/dist/components/bubble/bubble.d.ts +1 -1
- package/dist/components/bubble/bubble.js +1 -1
- package/dist/components/button/button.d.ts +5 -3
- package/dist/components/button/button.d.ts.map +1 -1
- package/dist/components/button/button.js +46 -27
- package/dist/components/button/index.d.ts +1 -1
- package/dist/components/button/index.d.ts.map +1 -1
- package/dist/components/button-group/button-group.js +4 -4
- package/dist/components/calendar/calendar.d.ts.map +1 -1
- package/dist/components/calendar/calendar.js +18 -18
- package/dist/components/card/card.js +4 -4
- package/dist/components/carousel/carousel.d.ts.map +1 -1
- package/dist/components/carousel/carousel.js +31 -31
- package/dist/components/chart/chart.js +34 -34
- package/dist/components/checkbox/checkbox.js +1 -1
- package/dist/components/combobox/combobox.d.ts.map +1 -1
- package/dist/components/combobox/combobox.js +44 -44
- package/dist/components/data-table/data-table.js +1 -1
- package/dist/components/date-picker/date-picker.js +10 -10
- package/dist/components/dialog/dialog.js +3 -3
- package/dist/components/drawer/drawer.js +37 -37
- package/dist/components/dropdown-menu/dropdown-menu.js +7 -7
- package/dist/components/empty/empty.d.ts.map +1 -1
- package/dist/components/empty/empty.js +4 -4
- package/dist/components/field/field.d.ts.map +1 -1
- package/dist/components/field/field.js +28 -28
- package/dist/components/identity-mark/identity-mark.d.ts +5 -0
- package/dist/components/identity-mark/identity-mark.d.ts.map +1 -0
- package/dist/components/identity-mark/identity-mark.js +20 -0
- package/dist/components/identity-mark/index.d.ts +2 -0
- package/dist/components/identity-mark/index.d.ts.map +1 -0
- package/dist/components/input/input.d.ts +9 -2
- package/dist/components/input/input.d.ts.map +1 -1
- package/dist/components/input/input.js +23 -10
- package/dist/components/input-group/input-group.d.ts +11 -3
- package/dist/components/input-group/input-group.d.ts.map +1 -1
- package/dist/components/input-group/input-group.js +56 -38
- package/dist/components/item/item.d.ts +2 -2
- package/dist/components/item/item.js +2 -2
- package/dist/components/label/label.js +2 -2
- package/dist/components/marker/marker.d.ts +1 -1
- package/dist/components/marker/marker.js +3 -3
- package/dist/components/message/message.js +1 -1
- package/dist/components/metric-overview/index.d.ts +2 -0
- package/dist/components/metric-overview/index.d.ts.map +1 -0
- package/dist/components/metric-overview/metric-overview.d.ts +12 -0
- package/dist/components/metric-overview/metric-overview.d.ts.map +1 -0
- package/dist/components/metric-overview/metric-overview.js +42 -0
- package/dist/components/native-select/native-select.d.ts +2 -1
- package/dist/components/native-select/native-select.d.ts.map +1 -1
- package/dist/components/native-select/native-select.js +22 -21
- package/dist/components/navigation-action/index.d.ts +2 -0
- package/dist/components/navigation-action/index.d.ts.map +1 -0
- package/dist/components/navigation-action/navigation-action.d.ts +6 -0
- package/dist/components/navigation-action/navigation-action.d.ts.map +1 -0
- package/dist/components/navigation-action/navigation-action.js +18 -0
- package/dist/components/pagination/pagination.d.ts.map +1 -1
- package/dist/components/pagination/pagination.js +6 -6
- package/dist/components/popover/popover.js +1 -1
- package/dist/components/progress/progress.js +2 -2
- package/dist/components/questionnaire/questionnaire-primitive.js +71 -71
- package/dist/components/questionnaire/questionnaire.d.ts.map +1 -1
- package/dist/components/questionnaire/questionnaire.js +7 -7
- package/dist/components/scroll-area/scroll-area.js +1 -1
- package/dist/components/select/select.d.ts +2 -1
- package/dist/components/select/select.d.ts.map +1 -1
- package/dist/components/select/select.js +50 -49
- package/dist/components/sheet/sheet.js +2 -2
- package/dist/components/sidebar/sidebar.d.ts +13 -2
- package/dist/components/sidebar/sidebar.d.ts.map +1 -1
- package/dist/components/sidebar/sidebar.js +156 -95
- package/dist/components/spinner/spinner.js +1 -1
- package/dist/components/table/table.d.ts +4 -1
- package/dist/components/table/table.d.ts.map +1 -1
- package/dist/components/table/table.js +11 -9
- package/dist/components/tabs/tabs.d.ts +1 -1
- package/dist/components/tabs/tabs.js +2 -2
- package/dist/components/textarea/textarea.js +2 -2
- package/dist/components/toast/toast.d.ts.map +1 -1
- package/dist/components/toast/toast.js +6 -6
- package/dist/components/toggle/toggle.d.ts +1 -1
- package/dist/components/toggle/toggle.js +1 -1
- package/dist/components/toggle-group/toggle-group.js +10 -10
- package/dist/components/tooltip/tooltip.js +1 -1
- package/dist/index.d.ts +4 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +58 -55
- package/dist/lib/control-size.d.ts +9 -0
- package/dist/lib/control-size.d.ts.map +1 -0
- package/dist/lib/control-size.js +10 -0
- package/dist/recipes/recipe-runtime.d.ts +12 -0
- package/dist/recipes/recipe-runtime.d.ts.map +1 -1
- package/package.json +1 -1
- package/recipes/README.md +2 -0
- package/recipes/guided-workflow/README.md +51 -0
- package/recipes/guided-workflow/guided-workflow.tsx +495 -0
- package/recipes/manifest.json +8 -1
- package/recipes/workspace-shell/README.md +79 -25
- package/recipes/workspace-shell/assets/google-search-ads.svg +6 -0
- package/recipes/workspace-shell/assets/home.svg +5 -0
- package/recipes/workspace-shell/assets/radiant-health.png +0 -0
- package/recipes/workspace-shell/workspace-shell.css +55 -0
- package/recipes/workspace-shell/workspace-shell.tsx +463 -220
- package/src/styles/fonts/Sohne-Book.woff2 +0 -0
- package/src/styles/fonts/Sohne-Medium.woff2 +0 -0
- package/src/styles/fonts/Sohne-Semi.woff2 +0 -0
- package/src/styles/globals.css +235 -56
|
@@ -1,39 +1,40 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import { controlSizeClassNames as e } from "../../lib/control-size.js";
|
|
2
|
+
import { cn as t } from "../../lib/utils.js";
|
|
3
3
|
import "react";
|
|
4
|
-
import {
|
|
4
|
+
import { jsx as n, jsxs as r } from "react/jsx-runtime";
|
|
5
|
+
import { IconChevronDown as i } from "@tabler/icons-react";
|
|
5
6
|
//#region src/components/native-select/native-select.tsx
|
|
6
|
-
function
|
|
7
|
-
return /* @__PURE__ */
|
|
8
|
-
className:
|
|
7
|
+
function a({ className: a, size: o = "md", "aria-label": s = "Select an option", ...c }) {
|
|
8
|
+
return /* @__PURE__ */ r("div", {
|
|
9
|
+
className: t("group/native-select relative w-fit", a),
|
|
9
10
|
"data-slot": "native-select-wrapper",
|
|
10
|
-
"data-size":
|
|
11
|
-
children: [/* @__PURE__ */
|
|
12
|
-
"aria-label":
|
|
11
|
+
"data-size": o,
|
|
12
|
+
children: [/* @__PURE__ */ n("select", {
|
|
13
|
+
"aria-label": s,
|
|
13
14
|
"data-slot": "native-select",
|
|
14
|
-
"data-size":
|
|
15
|
-
className: "
|
|
16
|
-
...
|
|
17
|
-
}), /* @__PURE__ */
|
|
18
|
-
className: "pointer-events-none absolute top-1/2
|
|
15
|
+
"data-size": o,
|
|
16
|
+
className: t("w-full min-w-0 appearance-none border border-input bg-background pt-[calc(var(--sohne-control-optical-offset)+var(--sohne-control-optical-offset))] text-foreground transition-colors outline-none select-none selection:bg-primary selection:text-primary-foreground hover:border-foreground/15 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-border-subtle disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-surface-subtle disabled:text-foreground-tertiary aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/10 dark:aria-invalid:border-destructive/60 dark:aria-invalid:ring-destructive/20", e[o], o === "xs" && "pr-7", (o === "sm" || o === "md") && "pr-8", o === "lg" && "pr-9", o === "xl" && "pr-10"),
|
|
17
|
+
...c
|
|
18
|
+
}), /* @__PURE__ */ n(i, {
|
|
19
|
+
className: t("pointer-events-none absolute top-1/2 -translate-y-1/2 text-muted-foreground select-none", o === "xs" && "icon-optical-14 right-1.5", (o === "sm" || o === "md") && "icon-optical-15 right-2", o === "lg" && "icon-optical-18 right-[13px]", o === "xl" && "icon-optical-24 right-[18px]"),
|
|
19
20
|
"aria-hidden": "true",
|
|
20
21
|
"data-slot": "native-select-icon"
|
|
21
22
|
})]
|
|
22
23
|
});
|
|
23
24
|
}
|
|
24
|
-
function
|
|
25
|
-
return /* @__PURE__ */
|
|
25
|
+
function o({ className: e, ...r }) {
|
|
26
|
+
return /* @__PURE__ */ n("option", {
|
|
26
27
|
"data-slot": "native-select-option",
|
|
27
|
-
className:
|
|
28
|
+
className: t("bg-[Canvas] text-[CanvasText]", e),
|
|
28
29
|
...r
|
|
29
30
|
});
|
|
30
31
|
}
|
|
31
|
-
function
|
|
32
|
-
return /* @__PURE__ */
|
|
32
|
+
function s({ className: e, ...r }) {
|
|
33
|
+
return /* @__PURE__ */ n("optgroup", {
|
|
33
34
|
"data-slot": "native-select-optgroup",
|
|
34
|
-
className:
|
|
35
|
+
className: t("bg-[Canvas] text-[CanvasText]", e),
|
|
35
36
|
...r
|
|
36
37
|
});
|
|
37
38
|
}
|
|
38
39
|
//#endregion
|
|
39
|
-
export {
|
|
40
|
+
export { a as NativeSelect, s as NativeSelectOptGroup, o as NativeSelectOption };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/navigation-action/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { ButtonProps } from '../button';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
declare const navigationActionVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
|
|
4
|
+
declare function NavigationAction({ className, variant, size, ...props }: ButtonProps): React.JSX.Element;
|
|
5
|
+
export { NavigationAction, navigationActionVariants };
|
|
6
|
+
//# sourceMappingURL=navigation-action.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"navigation-action.d.ts","sourceRoot":"","sources":["../../../src/components/navigation-action/navigation-action.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAG9D,QAAA,MAAM,wBAAwB,oFAE7B,CAAA;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,OAAoB,EACpB,IAAW,EACX,GAAG,KAAK,EACT,EAAE,WAAW,qBAcb;AAED,OAAO,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,CAAA"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { cn as e } from "../../lib/utils.js";
|
|
2
|
+
import { Button as t } from "../button/button.js";
|
|
3
|
+
import "react";
|
|
4
|
+
import { cva as n } from "class-variance-authority";
|
|
5
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
6
|
+
//#region src/components/navigation-action/navigation-action.tsx
|
|
7
|
+
var i = n("bg-transparent text-foreground hover:bg-muted hover:text-foreground aria-[current=page]:bg-navigation-selected aria-[current=page]:text-foreground aria-[current=page]:hover:bg-navigation-selected aria-[selected=true]:bg-navigation-selected aria-[selected=true]:text-foreground aria-[selected=true]:hover:bg-navigation-selected data-active:bg-navigation-selected data-active:text-foreground data-active:hover:bg-navigation-selected");
|
|
8
|
+
function a({ className: n, variant: a = "tertiary", size: o = "sm", ...s }) {
|
|
9
|
+
return /* @__PURE__ */ r(t, {
|
|
10
|
+
"data-slot": "navigation-action",
|
|
11
|
+
variant: a,
|
|
12
|
+
size: o,
|
|
13
|
+
className: typeof n == "function" ? (t) => e(i(), n(t)) : e(i(), n),
|
|
14
|
+
...s
|
|
15
|
+
});
|
|
16
|
+
}
|
|
17
|
+
//#endregion
|
|
18
|
+
export { a as NavigationAction, i as navigationActionVariants };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAO5C,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAUvE;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAQ5B;AAED,iBAAS,cAAc,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAE/D;AAED,KAAK,mBAAmB,GAAG;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,MAAM,CAAC,GACnD,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAA;AAE3B,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,
|
|
1
|
+
{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAO5C,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAUvE;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAQ5B;AAED,iBAAS,cAAc,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAE/D;AAED,KAAK,mBAAmB,GAAG;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,MAAM,CAAC,GACnD,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAA;AAE3B,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,IAAgB,EAChB,GAAG,KAAK,EACT,EAAE,mBAAmB,qBAiBrB;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,IAAiB,EACjB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,qBAYjE;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,IAAa,EACb,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,qBAYjE;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,qBAe9B;AAED,OAAO,EACL,UAAU,EACV,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,EACd,cAAc,EACd,cAAc,EACd,kBAAkB,GACnB,CAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { cn as e } from "../../lib/utils.js";
|
|
2
2
|
import { Button as t } from "../button/button.js";
|
|
3
|
-
import { jsx as n, jsxs as r } from "react/jsx-runtime";
|
|
4
3
|
import "react";
|
|
4
|
+
import { jsx as n, jsxs as r } from "react/jsx-runtime";
|
|
5
5
|
import { IconChevronLeft as i, IconChevronRight as a, IconDots as o } from "@tabler/icons-react";
|
|
6
6
|
//#region src/components/pagination/pagination.tsx
|
|
7
7
|
function s({ className: t, ...r }) {
|
|
@@ -26,9 +26,9 @@ function l({ ...e }) {
|
|
|
26
26
|
...e
|
|
27
27
|
});
|
|
28
28
|
}
|
|
29
|
-
function u({ className: r, isActive: i, size: a = "icon", ...o }) {
|
|
29
|
+
function u({ className: r, isActive: i, size: a = "icon-md", ...o }) {
|
|
30
30
|
return /* @__PURE__ */ n(t, {
|
|
31
|
-
variant: i ? "
|
|
31
|
+
variant: i ? "secondary" : "tertiary",
|
|
32
32
|
size: a,
|
|
33
33
|
className: e(r),
|
|
34
34
|
nativeButton: !1,
|
|
@@ -43,7 +43,7 @@ function u({ className: r, isActive: i, size: a = "icon", ...o }) {
|
|
|
43
43
|
function d({ className: t, text: a = "Previous", ...o }) {
|
|
44
44
|
return /* @__PURE__ */ r(u, {
|
|
45
45
|
"aria-label": "Go to previous page",
|
|
46
|
-
size: "
|
|
46
|
+
size: "md",
|
|
47
47
|
className: e("pl-1.5!", t),
|
|
48
48
|
...o,
|
|
49
49
|
children: [/* @__PURE__ */ n(i, { "data-icon": "inline-start" }), /* @__PURE__ */ n("span", {
|
|
@@ -55,7 +55,7 @@ function d({ className: t, text: a = "Previous", ...o }) {
|
|
|
55
55
|
function f({ className: t, text: i = "Next", ...o }) {
|
|
56
56
|
return /* @__PURE__ */ r(u, {
|
|
57
57
|
"aria-label": "Go to next page",
|
|
58
|
-
size: "
|
|
58
|
+
size: "md",
|
|
59
59
|
className: e("pr-1.5!", t),
|
|
60
60
|
...o,
|
|
61
61
|
children: [/* @__PURE__ */ n("span", {
|
|
@@ -68,7 +68,7 @@ function p({ className: t, ...i }) {
|
|
|
68
68
|
return /* @__PURE__ */ r("span", {
|
|
69
69
|
"aria-hidden": !0,
|
|
70
70
|
"data-slot": "pagination-ellipsis",
|
|
71
|
-
className: e("flex size-8 items-center justify-center [&_svg:not([class*='size-'])]:size-4", t),
|
|
71
|
+
className: e("flex size-8 items-center justify-center [--icon-stroke-width:var(--icon-stroke-16)] [&_svg:not([class*='size-'])]:size-4", t),
|
|
72
72
|
...i,
|
|
73
73
|
children: [/* @__PURE__ */ n(o, {}), /* @__PURE__ */ n("span", {
|
|
74
74
|
className: "sr-only",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { cn as e } from "../../lib/utils.js";
|
|
2
|
-
import { jsx as t } from "react/jsx-runtime";
|
|
3
2
|
import "react";
|
|
3
|
+
import { jsx as t } from "react/jsx-runtime";
|
|
4
4
|
import { Popover as n } from "@base-ui/react/popover";
|
|
5
5
|
//#region src/components/popover/popover.tsx
|
|
6
6
|
function r({ ...e }) {
|
|
@@ -29,14 +29,14 @@ function o({ className: n, ...i }) {
|
|
|
29
29
|
}
|
|
30
30
|
function s({ className: n, ...i }) {
|
|
31
31
|
return /* @__PURE__ */ t(r.Label, {
|
|
32
|
-
className: e("
|
|
32
|
+
className: e("type-label font-medium", n),
|
|
33
33
|
"data-slot": "progress-label",
|
|
34
34
|
...i
|
|
35
35
|
});
|
|
36
36
|
}
|
|
37
37
|
function c({ className: n, ...i }) {
|
|
38
38
|
return /* @__PURE__ */ t(r.Value, {
|
|
39
|
-
className: e("ml-auto text-
|
|
39
|
+
className: e("type-body ml-auto text-muted-foreground tabular-nums", n),
|
|
40
40
|
"data-slot": "progress-value",
|
|
41
41
|
...i
|
|
42
42
|
});
|
|
@@ -1,37 +1,37 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
1
|
+
import * as e from "react";
|
|
2
|
+
import { jsx as t } from "react/jsx-runtime";
|
|
3
3
|
import { mergeProps as n } from "@base-ui/react/merge-props";
|
|
4
4
|
import { useRender as r } from "@base-ui/react/use-render";
|
|
5
5
|
//#region src/components/questionnaire/questionnaire-primitive.tsx
|
|
6
|
-
var i =
|
|
7
|
-
function s(
|
|
8
|
-
let n =
|
|
9
|
-
if (!n) throw Error(`${
|
|
6
|
+
var i = e.createContext(null), a = e.createContext(null), o = e.createContext(null);
|
|
7
|
+
function s(t) {
|
|
8
|
+
let n = e.useContext(i);
|
|
9
|
+
if (!n) throw Error(`${t} must be used within Questionnaire`);
|
|
10
10
|
return n;
|
|
11
11
|
}
|
|
12
|
-
function c(
|
|
13
|
-
let n =
|
|
14
|
-
if (!n) throw Error(`${
|
|
12
|
+
function c(t) {
|
|
13
|
+
let n = e.useContext(a);
|
|
14
|
+
if (!n) throw Error(`${t} must be used within QuestionnaireItem`);
|
|
15
15
|
return n;
|
|
16
16
|
}
|
|
17
|
-
function l(
|
|
18
|
-
let n =
|
|
19
|
-
if (!n) throw Error(`${
|
|
17
|
+
function l(t) {
|
|
18
|
+
let n = e.useContext(o);
|
|
19
|
+
if (!n) throw Error(`${t} must be used within QuestionnaireChoice`);
|
|
20
20
|
return n;
|
|
21
21
|
}
|
|
22
22
|
function u({ defaultItem: n, item: r, items: a = [], onItemChange: o, shortcuts: s, onReset: c, onSubmit: l, onKeyDown: u, ...d }) {
|
|
23
|
-
let [f, p] =
|
|
23
|
+
let [f, p] = e.useState([]), m = e.useMemo(() => a.filter((e) => !e.disabled).map((e) => e.name), [a]), h = m.length ? m : f, [g, _] = e.useState(n ?? m[0] ?? null), v = r ?? g ?? h[0] ?? null, y = Math.max(0, h.indexOf(v ?? "")), [b, x] = e.useState({}), [S, C] = e.useState({}), w = e.useCallback((e) => {
|
|
24
24
|
!e || e === v || (r === void 0 && _(e), o?.(e));
|
|
25
25
|
}, [
|
|
26
26
|
v,
|
|
27
27
|
r,
|
|
28
28
|
o
|
|
29
|
-
]), T =
|
|
29
|
+
]), T = e.useCallback((e) => (p((t) => t.includes(e) ? t : [...t, e]), () => p((t) => t.filter((t) => t !== e))), []), E = e.useCallback((e, t) => {
|
|
30
30
|
x((n) => ({
|
|
31
31
|
...n,
|
|
32
32
|
[e]: t ? "answered" : "unanswered"
|
|
33
33
|
}));
|
|
34
|
-
}, []), D =
|
|
34
|
+
}, []), D = e.useCallback((e, t, n, r) => {
|
|
35
35
|
C((i) => {
|
|
36
36
|
let a = i[e] ?? [], o = r ? n ? [.../* @__PURE__ */ new Set([...a, t])] : [t] : a.filter((e) => e !== t);
|
|
37
37
|
return E(e, o.length > 0), {
|
|
@@ -39,13 +39,13 @@ function u({ defaultItem: n, item: r, items: a = [], onItemChange: o, shortcuts:
|
|
|
39
39
|
[e]: o
|
|
40
40
|
};
|
|
41
41
|
});
|
|
42
|
-
}, [E]), O =
|
|
42
|
+
}, [E]), O = e.useCallback(() => {
|
|
43
43
|
w(h[y - 1]);
|
|
44
44
|
}, [
|
|
45
45
|
y,
|
|
46
46
|
h,
|
|
47
47
|
w
|
|
48
|
-
]), k =
|
|
48
|
+
]), k = e.useCallback(() => {
|
|
49
49
|
if (v) {
|
|
50
50
|
if (a.find((e) => e.name === v)?.required && b[v] !== "answered") {
|
|
51
51
|
x((e) => ({
|
|
@@ -63,7 +63,7 @@ function u({ defaultItem: n, item: r, items: a = [], onItemChange: o, shortcuts:
|
|
|
63
63
|
h,
|
|
64
64
|
w,
|
|
65
65
|
b
|
|
66
|
-
]), A =
|
|
66
|
+
]), A = e.useCallback(() => {
|
|
67
67
|
v && (x((e) => ({
|
|
68
68
|
...e,
|
|
69
69
|
[v]: "skipped"
|
|
@@ -73,7 +73,7 @@ function u({ defaultItem: n, item: r, items: a = [], onItemChange: o, shortcuts:
|
|
|
73
73
|
v,
|
|
74
74
|
h,
|
|
75
75
|
w
|
|
76
|
-
]), j =
|
|
76
|
+
]), j = e.useMemo(() => ({
|
|
77
77
|
activeName: v,
|
|
78
78
|
current: h.length ? y + 1 : 0,
|
|
79
79
|
first: y === 0,
|
|
@@ -104,9 +104,9 @@ function u({ defaultItem: n, item: r, items: a = [], onItemChange: o, shortcuts:
|
|
|
104
104
|
A,
|
|
105
105
|
b
|
|
106
106
|
]);
|
|
107
|
-
return /* @__PURE__ */
|
|
107
|
+
return /* @__PURE__ */ t(i.Provider, {
|
|
108
108
|
value: j,
|
|
109
|
-
children: /* @__PURE__ */
|
|
109
|
+
children: /* @__PURE__ */ t("form", {
|
|
110
110
|
...d,
|
|
111
111
|
noValidate: !0,
|
|
112
112
|
onReset: (e) => {
|
|
@@ -143,13 +143,13 @@ function d({ children: e, render: t, ...i }) {
|
|
|
143
143
|
});
|
|
144
144
|
}
|
|
145
145
|
function f({ disabled: n = !1, invalid: r = !1, multiple: i = !1, name: o, onStatusChange: c, required: l = !1, ...u }) {
|
|
146
|
-
let d = s("QuestionnaireItem"), f =
|
|
147
|
-
|
|
146
|
+
let d = s("QuestionnaireItem"), f = e.useRef(c);
|
|
147
|
+
e.useLayoutEffect(() => {
|
|
148
148
|
f.current = c;
|
|
149
|
-
}, [c]),
|
|
149
|
+
}, [c]), e.useLayoutEffect(() => d.registerItem(o), [o, d.registerItem]);
|
|
150
150
|
let p = d.statuses[o] ?? "unanswered", m = d.statuses[o] !== void 0, h = d.activeName === o;
|
|
151
|
-
|
|
152
|
-
let g =
|
|
151
|
+
e.useEffect(() => f.current?.(p), [p]);
|
|
152
|
+
let g = e.useMemo(() => ({
|
|
153
153
|
disabled: n,
|
|
154
154
|
invalid: r || l && m && p === "unanswered",
|
|
155
155
|
multiple: i,
|
|
@@ -165,9 +165,9 @@ function f({ disabled: n = !1, invalid: r = !1, multiple: i = !1, name: o, onSta
|
|
|
165
165
|
l,
|
|
166
166
|
p
|
|
167
167
|
]);
|
|
168
|
-
return /* @__PURE__ */
|
|
168
|
+
return /* @__PURE__ */ t(a.Provider, {
|
|
169
169
|
value: g,
|
|
170
|
-
children: /* @__PURE__ */
|
|
170
|
+
children: /* @__PURE__ */ t("fieldset", {
|
|
171
171
|
...u,
|
|
172
172
|
disabled: n,
|
|
173
173
|
hidden: !h,
|
|
@@ -194,12 +194,12 @@ function m({ render: e, ...t }) {
|
|
|
194
194
|
state: { slot: "questionnaire-description" }
|
|
195
195
|
});
|
|
196
196
|
}
|
|
197
|
-
function h(
|
|
198
|
-
return c("QuestionnaireChoices"), /* @__PURE__ */
|
|
197
|
+
function h(e) {
|
|
198
|
+
return c("QuestionnaireChoices"), /* @__PURE__ */ t("div", { ...e });
|
|
199
199
|
}
|
|
200
200
|
function g({ checked: n, defaultChecked: r = !1, disabled: i = !1, onChange: a, value: l, ...u }) {
|
|
201
201
|
let d = s("QuestionnaireChoice"), f = d.setSelection, p = c("QuestionnaireChoice"), m = d.selections[p.name] ?? [], h = n ?? (m.includes(l) || r), g = p.multiple ? "checkbox" : "radio", _ = (d.itemDefinitions.find((e) => e.name === p.name)?.choices?.filter((e) => !e.disabled) ?? []).findIndex((e) => e.value === l), v = _ < 0 || !d.shortcuts ? null : d.shortcuts === "letters" ? String.fromCharCode(65 + _) : String(_ + 1), y = p.disabled || i;
|
|
202
|
-
|
|
202
|
+
e.useLayoutEffect(() => {
|
|
203
203
|
r && !m.includes(l) && f(p.name, l, p.multiple, !0);
|
|
204
204
|
}, [
|
|
205
205
|
r,
|
|
@@ -219,7 +219,7 @@ function g({ checked: n, defaultChecked: r = !1, disabled: i = !1, onChange: a,
|
|
|
219
219
|
onChange: (e) => {
|
|
220
220
|
a?.(e), e.defaultPrevented || d.setSelection(p.name, l, p.multiple, e.target.checked);
|
|
221
221
|
}
|
|
222
|
-
}, x =
|
|
222
|
+
}, x = e.useMemo(() => ({
|
|
223
223
|
checked: h,
|
|
224
224
|
disabled: y,
|
|
225
225
|
invalid: p.invalid,
|
|
@@ -234,9 +234,9 @@ function g({ checked: n, defaultChecked: r = !1, disabled: i = !1, onChange: a,
|
|
|
234
234
|
v,
|
|
235
235
|
g
|
|
236
236
|
]);
|
|
237
|
-
return /* @__PURE__ */
|
|
237
|
+
return /* @__PURE__ */ t(o.Provider, {
|
|
238
238
|
value: x,
|
|
239
|
-
children: /* @__PURE__ */
|
|
239
|
+
children: /* @__PURE__ */ t("label", {
|
|
240
240
|
...u,
|
|
241
241
|
"data-checked": h ? "" : void 0,
|
|
242
242
|
"data-disabled": y ? "" : void 0,
|
|
@@ -246,87 +246,87 @@ function g({ checked: n, defaultChecked: r = !1, disabled: i = !1, onChange: a,
|
|
|
246
246
|
})
|
|
247
247
|
});
|
|
248
248
|
}
|
|
249
|
-
function _(
|
|
249
|
+
function _(e) {
|
|
250
250
|
let { inputProps: n } = l("QuestionnaireChoiceInput");
|
|
251
|
-
return /* @__PURE__ */
|
|
251
|
+
return /* @__PURE__ */ t("input", {
|
|
252
252
|
...n,
|
|
253
|
-
...
|
|
253
|
+
...e
|
|
254
254
|
});
|
|
255
255
|
}
|
|
256
|
-
function v(
|
|
257
|
-
return l("QuestionnaireChoiceLabel"), /* @__PURE__ */
|
|
256
|
+
function v(e) {
|
|
257
|
+
return l("QuestionnaireChoiceLabel"), /* @__PURE__ */ t("span", { ...e });
|
|
258
258
|
}
|
|
259
|
-
function y({ children:
|
|
259
|
+
function y({ children: e, ...n }) {
|
|
260
260
|
let { shortcut: r } = l("QuestionnaireChoiceShortcut");
|
|
261
|
-
return /* @__PURE__ */
|
|
261
|
+
return /* @__PURE__ */ t("span", {
|
|
262
262
|
...n,
|
|
263
263
|
"aria-hidden": !0,
|
|
264
264
|
hidden: !r,
|
|
265
|
-
children:
|
|
265
|
+
children: e ?? r
|
|
266
266
|
});
|
|
267
267
|
}
|
|
268
|
-
function b({ onChange:
|
|
268
|
+
function b({ onChange: e, ...n }) {
|
|
269
269
|
let r = s("QuestionnaireInput"), i = c("QuestionnaireInput");
|
|
270
|
-
return /* @__PURE__ */
|
|
270
|
+
return /* @__PURE__ */ t("input", {
|
|
271
271
|
...n,
|
|
272
272
|
name: i.name,
|
|
273
273
|
disabled: i.disabled || n.disabled,
|
|
274
274
|
"aria-invalid": i.invalid || void 0,
|
|
275
|
-
onChange: (
|
|
276
|
-
|
|
275
|
+
onChange: (t) => {
|
|
276
|
+
e?.(t), t.defaultPrevented || r.setAnswered(i.name, t.target.value.trim().length > 0);
|
|
277
277
|
}
|
|
278
278
|
});
|
|
279
279
|
}
|
|
280
|
-
function x({ children:
|
|
280
|
+
function x({ children: e, ...n }) {
|
|
281
281
|
let r = c("QuestionnaireError");
|
|
282
|
-
return /* @__PURE__ */
|
|
282
|
+
return /* @__PURE__ */ t("p", {
|
|
283
283
|
...n,
|
|
284
284
|
hidden: !r.invalid,
|
|
285
285
|
role: r.invalid ? "alert" : void 0,
|
|
286
|
-
children:
|
|
286
|
+
children: e ?? (r.required ? "Choose an answer to continue." : "Choose an answer or skip this question.")
|
|
287
287
|
});
|
|
288
288
|
}
|
|
289
|
-
function S(
|
|
289
|
+
function S(e) {
|
|
290
290
|
let n = s("QuestionnairePrevious");
|
|
291
|
-
return /* @__PURE__ */
|
|
292
|
-
...
|
|
293
|
-
type:
|
|
291
|
+
return /* @__PURE__ */ t("button", {
|
|
292
|
+
...e,
|
|
293
|
+
type: e.type ?? "button",
|
|
294
294
|
hidden: n.first,
|
|
295
295
|
"aria-hidden": n.first || void 0,
|
|
296
|
-
onClick: (
|
|
297
|
-
|
|
296
|
+
onClick: (t) => {
|
|
297
|
+
e.onClick?.(t), t.defaultPrevented || n.goPrevious();
|
|
298
298
|
}
|
|
299
299
|
});
|
|
300
300
|
}
|
|
301
|
-
function C(
|
|
301
|
+
function C(e) {
|
|
302
302
|
let n = s("QuestionnaireSkip");
|
|
303
|
-
return /* @__PURE__ */
|
|
304
|
-
...
|
|
305
|
-
type:
|
|
303
|
+
return /* @__PURE__ */ t("button", {
|
|
304
|
+
...e,
|
|
305
|
+
type: e.type ?? "button",
|
|
306
306
|
hidden: n.last,
|
|
307
307
|
"aria-hidden": n.last || void 0,
|
|
308
|
-
onClick: (
|
|
309
|
-
|
|
308
|
+
onClick: (t) => {
|
|
309
|
+
e.onClick?.(t), t.defaultPrevented || n.skip();
|
|
310
310
|
}
|
|
311
311
|
});
|
|
312
312
|
}
|
|
313
|
-
function w(
|
|
313
|
+
function w(e) {
|
|
314
314
|
let n = s("QuestionnaireNext");
|
|
315
|
-
return /* @__PURE__ */
|
|
316
|
-
...
|
|
317
|
-
type:
|
|
315
|
+
return /* @__PURE__ */ t("button", {
|
|
316
|
+
...e,
|
|
317
|
+
type: e.type ?? "button",
|
|
318
318
|
hidden: n.last,
|
|
319
319
|
"aria-hidden": n.last || void 0,
|
|
320
|
-
onClick: (
|
|
321
|
-
|
|
320
|
+
onClick: (t) => {
|
|
321
|
+
e.onClick?.(t), t.defaultPrevented || n.goNext();
|
|
322
322
|
}
|
|
323
323
|
});
|
|
324
324
|
}
|
|
325
|
-
function T(
|
|
325
|
+
function T(e) {
|
|
326
326
|
let n = s("QuestionnaireSubmit");
|
|
327
|
-
return /* @__PURE__ */
|
|
328
|
-
...
|
|
329
|
-
type:
|
|
327
|
+
return /* @__PURE__ */ t("button", {
|
|
328
|
+
...e,
|
|
329
|
+
type: e.type ?? "submit",
|
|
330
330
|
hidden: !n.last,
|
|
331
331
|
"aria-hidden": !n.last || void 0
|
|
332
332
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"questionnaire.d.ts","sourceRoot":"","sources":["../../../src/components/questionnaire/questionnaire.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAA;AAGlE,OAAO,EAAkB,KAAK,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAGjE,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,sBAAsB,CAAC,IAAI,CAAC,qBAQ1D;AAED,iBAAS,qBAAqB,CAAC,EAC7B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,sBAAsB,CAAC,QAAQ,CAAC,qBAW9D;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,sBAAsB,CAAC,IAAI,CAAC,qBAW1D;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,sBAAsB,CAAC,KAAK,CAAC,qBAW3D;AAED,iBAAS,wBAAwB,CAAC,EAChC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,sBAAsB,CAAC,WAAW,CAAC,qBAQjE;AAED,iBAAS,oBAAoB,CAAC,EAC5B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,sBAAsB,CAAC,OAAO,CAAC,qBAW7D;AAED,iBAAS,mBAAmB,CAAC,EAC3B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,sBAAsB,CAAC,MAAM,CAAC,qBAyC5D;AAED,iBAAS,8BAA8B,CAAC,EACtC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,qBAQ9B;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,sBAAsB,CAAC,KAAK,CAAC,qBAiB3D;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,sBAAsB,CAAC,KAAK,CAAC,qBAQ3D;AAED,iBAAS,oBAAoB,CAAC,EAC5B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAW7B;AAED,iBAAS,qBAAqB,CAAC,EAC7B,QAAQ,EACR,SAAS,EACT,
|
|
1
|
+
{"version":3,"file":"questionnaire.d.ts","sourceRoot":"","sources":["../../../src/components/questionnaire/questionnaire.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { cn as e } from "../../lib/utils.js";
|
|
2
2
|
import { buttonVariants as t } from "../button/button.js";
|
|
3
3
|
import { QuestionnairePrimitive as n } from "./questionnaire-primitive.js";
|
|
4
|
-
import { jsx as r, jsxs as i } from "react/jsx-runtime";
|
|
5
4
|
import "react";
|
|
5
|
+
import { jsx as r, jsxs as i } from "react/jsx-runtime";
|
|
6
6
|
import { IconCheck as a } from "@tabler/icons-react";
|
|
7
7
|
//#region src/components/questionnaire/questionnaire.tsx
|
|
8
8
|
function o({ className: t, ...i }) {
|
|
@@ -50,7 +50,7 @@ function d({ className: t, ...i }) {
|
|
|
50
50
|
function f({ children: t, className: o, ...s }) {
|
|
51
51
|
return /* @__PURE__ */ i(n.Choice, {
|
|
52
52
|
"data-slot": "questionnaire-choice",
|
|
53
|
-
className: e("group/questionnaire-choice relative flex min-h-11 cursor-pointer items-start gap-2.5 rounded-lg border border-input bg-transparent px-3 py-2.5 text-start
|
|
53
|
+
className: e("type-body group/questionnaire-choice relative flex min-h-11 cursor-pointer items-start gap-2.5 rounded-lg border border-input bg-transparent px-3 py-2.5 text-start 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", o),
|
|
54
54
|
...s,
|
|
55
55
|
children: [
|
|
56
56
|
/* @__PURE__ */ r(n.ChoiceInput, {
|
|
@@ -60,7 +60,7 @@ function f({ children: t, className: o, ...s }) {
|
|
|
60
60
|
/* @__PURE__ */ i("span", {
|
|
61
61
|
"aria-hidden": "true",
|
|
62
62
|
"data-slot": "questionnaire-choice-indicator",
|
|
63
|
-
className: "pointer-events-none relative flex size-4 shrink-0 translate-y-[--spacing(0.45)] items-center justify-center rounded-[4px] 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",
|
|
63
|
+
className: "pointer-events-none relative flex size-4 shrink-0 translate-y-[--spacing(0.45)] items-center justify-center rounded-[4px] border border-input [--icon-stroke-width:var(--icon-stroke-14)] 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",
|
|
64
64
|
children: [/* @__PURE__ */ r("span", {
|
|
65
65
|
"data-slot": "questionnaire-choice-indicator-dot",
|
|
66
66
|
className: "hidden size-2 rounded-full bg-primary-foreground group-data-[type=checkbox]/questionnaire-choice:hidden group-data-checked/questionnaire-choice:block"
|
|
@@ -113,7 +113,7 @@ function g({ className: t, ...n }) {
|
|
|
113
113
|
...n
|
|
114
114
|
});
|
|
115
115
|
}
|
|
116
|
-
function _({ children: i, className: a, size: o = "
|
|
116
|
+
function _({ children: i, className: a, size: o = "md", variant: s = "secondary", ...c }) {
|
|
117
117
|
return /* @__PURE__ */ r(n.Previous, {
|
|
118
118
|
"data-slot": "questionnaire-previous",
|
|
119
119
|
"data-size": o,
|
|
@@ -126,7 +126,7 @@ function _({ children: i, className: a, size: o = "default", variant: s = "outli
|
|
|
126
126
|
children: i ?? "Previous"
|
|
127
127
|
});
|
|
128
128
|
}
|
|
129
|
-
function v({ children: i, className: a, size: o = "
|
|
129
|
+
function v({ children: i, className: a, size: o = "md", variant: s = "secondary", ...c }) {
|
|
130
130
|
return /* @__PURE__ */ r(n.Skip, {
|
|
131
131
|
"data-slot": "questionnaire-skip",
|
|
132
132
|
"data-size": o,
|
|
@@ -139,7 +139,7 @@ function v({ children: i, className: a, size: o = "default", variant: s = "outli
|
|
|
139
139
|
children: i ?? "Skip"
|
|
140
140
|
});
|
|
141
141
|
}
|
|
142
|
-
function y({ children: i, className: a, size: o = "
|
|
142
|
+
function y({ children: i, className: a, size: o = "md", variant: s = "primary", ...c }) {
|
|
143
143
|
return /* @__PURE__ */ r(n.Next, {
|
|
144
144
|
"data-slot": "questionnaire-next",
|
|
145
145
|
"data-size": o,
|
|
@@ -152,7 +152,7 @@ function y({ children: i, className: a, size: o = "default", variant: s = "defau
|
|
|
152
152
|
children: i ?? "Next"
|
|
153
153
|
});
|
|
154
154
|
}
|
|
155
|
-
function b({ children: i, className: a, size: o = "
|
|
155
|
+
function b({ children: i, className: a, size: o = "md", variant: s = "primary", ...c }) {
|
|
156
156
|
return /* @__PURE__ */ r(n.Submit, {
|
|
157
157
|
"data-slot": "questionnaire-submit",
|
|
158
158
|
"data-size": o,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { cn as e } from "../../lib/utils.js";
|
|
3
|
-
import { jsx as t, jsxs as n } from "react/jsx-runtime";
|
|
4
3
|
import "react";
|
|
4
|
+
import { jsx as t, jsxs as n } from "react/jsx-runtime";
|
|
5
5
|
import { ScrollArea as r } from "@base-ui/react/scroll-area";
|
|
6
6
|
//#region src/components/scroll-area/scroll-area.tsx
|
|
7
7
|
function i({ className: i, children: o, ...s }) {
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { Select as SelectPrimitive } from '@base-ui/react/select';
|
|
2
|
+
import { ControlSize } from '../../lib/control-size';
|
|
2
3
|
import * as React from 'react';
|
|
3
4
|
declare const Select: typeof SelectPrimitive.Root;
|
|
4
5
|
declare function SelectGroup({ className, ...props }: SelectPrimitive.Group.Props): React.JSX.Element;
|
|
5
6
|
declare function SelectValue({ className, ...props }: SelectPrimitive.Value.Props): React.JSX.Element;
|
|
6
7
|
declare function SelectTrigger({ className, size, children, 'aria-label': ariaLabel, ...props }: SelectPrimitive.Trigger.Props & {
|
|
7
|
-
size?:
|
|
8
|
+
size?: ControlSize;
|
|
8
9
|
}): React.JSX.Element;
|
|
9
10
|
declare function SelectContent({ className, children, side, sideOffset, align, alignOffset, alignItemWithTrigger, ...props }: SelectPrimitive.Popup.Props & Pick<SelectPrimitive.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset' | 'alignItemWithTrigger'>): React.JSX.Element;
|
|
10
11
|
declare function SelectLabel({ className, ...props }: SelectPrimitive.GroupLabel.Props): React.JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/components/select/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAA;
|
|
1
|
+
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/components/select/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAEjE,OAAO,EAAyB,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAI5E,QAAA,MAAM,MAAM,6BAAuB,CAAA;AAEnC,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,qBAQxE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,qBAWxE;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,IAAW,EACX,QAAQ,EACR,YAAY,EAAE,SAA8B,EAC5C,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,OAAO,CAAC,KAAK,GAAG;IACjC,IAAI,CAAC,EAAE,WAAW,CAAA;CACnB,qBA6BA;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,IAAe,EACf,UAAc,EACd,KAAgB,EAChB,WAAe,EACf,oBAA2B,EAC3B,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,GAC5B,IAAI,CACF,eAAe,CAAC,UAAU,CAAC,KAAK,EAChC,OAAO,GAAG,aAAa,GAAG,MAAM,GAAG,YAAY,GAAG,sBAAsB,CACzE,qBA2BF;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,UAAU,CAAC,KAAK,qBAQlC;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,IAAI,CAAC,KAAK,qBAsB5B;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,SAAS,CAAC,KAAK,qBAQjC;AAED,iBAAS,oBAAoB,CAAC,EAC5B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,aAAa,CAAC,qBAa5D;AAED,iBAAS,sBAAsB,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,eAAe,CAAC,qBAa9D;AAED,OAAO,EACL,MAAM,EACN,aAAa,EACb,WAAW,EACX,UAAU,EACV,WAAW,EACX,sBAAsB,EACtB,oBAAoB,EACpB,eAAe,EACf,aAAa,EACb,WAAW,GACZ,CAAA"}
|