@almanaclabs/blaze-ui 0.4.0 → 0.5.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 +152 -91
- 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 +470 -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 +233 -54
|
@@ -1,11 +1,11 @@
|
|
|
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
|
//#region src/components/textarea/textarea.tsx
|
|
5
5
|
function n({ className: n, ...r }) {
|
|
6
6
|
return /* @__PURE__ */ t("textarea", {
|
|
7
7
|
"data-slot": "textarea",
|
|
8
|
-
className: e("flex field-sizing-content min-h-
|
|
8
|
+
className: e("type-content flex field-sizing-content min-h-[92px] w-full rounded-md border border-input bg-background px-3.5 pt-[9px] pb-[11px] text-foreground transition-colors outline-none placeholder:text-foreground-tertiary hover:border-foreground/15 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-border-subtle 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", n),
|
|
9
9
|
...r
|
|
10
10
|
});
|
|
11
11
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../src/components/toast/toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAa9D,QAAA,MAAM,KAAK,4CAAsC,CAAA;AAEjD,iBAAS,aAAa,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,QAAQ,CAAC,KAAK,qBAEjE;AAED,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,MAAM,CAAC,KAAK,qBAE7D;AAED,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,QAAQ,CAAC,KAAK,qBAW5E;AAED,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,KAAK,qBAyBhE;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,CAAC,KAAK,qBAW1E;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,KAAK,qBAQtE;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,WAAW,CAAC,KAAK,qBAQlC;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,
|
|
1
|
+
{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../src/components/toast/toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAa9D,QAAA,MAAM,KAAK,4CAAsC,CAAA;AAEjD,iBAAS,aAAa,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,QAAQ,CAAC,KAAK,qBAEjE;AAED,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,MAAM,CAAC,KAAK,qBAE7D;AAED,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,QAAQ,CAAC,KAAK,qBAW5E;AAED,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,KAAK,qBAyBhE;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,CAAC,KAAK,qBAW1E;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,KAAK,qBAQtE;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,WAAW,CAAC,KAAK,qBAQlC;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,MAAiD,EACjD,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,MAAM,CAAC,KAAK,qBAS7B;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,QAAQ,EACR,MAAqD,EACrD,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,KAAK,qBAe5B;AAmED,iBAAS,OAAO,CAAC,EACf,QAAQ,EACR,YAAoB,EACpB,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,QAAQ,CAAC,KAAK,qBAW/B;AAED,QAAA,MAAM,kBAAkB,0CAAoC,CAAA;AAC5D,QAAA,MAAM,eAAe,uCAAiC,CAAA;AAEtD,OAAO,EACL,OAAO,EACP,KAAK,EACL,WAAW,EACX,UAAU,EACV,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,aAAa,EACb,UAAU,EACV,aAAa,EACb,kBAAkB,EAClB,KAAK,EACL,eAAe,GAChB,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 { IconAlertOctagon as i, IconAlertTriangle as a, IconCircleCheck as o, IconInfoCircle as s, IconLoader2 as c, IconX as l } from "@tabler/icons-react";
|
|
6
6
|
import { Toast as u } from "@base-ui/react/toast";
|
|
7
7
|
//#region src/components/toast/toast.tsx
|
|
@@ -39,19 +39,19 @@ function g({ className: t, ...r }) {
|
|
|
39
39
|
function _({ className: t, ...r }) {
|
|
40
40
|
return /* @__PURE__ */ n(u.Title, {
|
|
41
41
|
"data-slot": "toast-title",
|
|
42
|
-
className: e("
|
|
42
|
+
className: e("type-label font-medium", t),
|
|
43
43
|
...r
|
|
44
44
|
});
|
|
45
45
|
}
|
|
46
46
|
function v({ className: t, ...r }) {
|
|
47
47
|
return /* @__PURE__ */ n(u.Description, {
|
|
48
48
|
"data-slot": "toast-description",
|
|
49
|
-
className: e("
|
|
49
|
+
className: e("type-body text-muted-foreground", t),
|
|
50
50
|
...r
|
|
51
51
|
});
|
|
52
52
|
}
|
|
53
53
|
function y({ className: r, render: i = /* @__PURE__ */ n(t, {
|
|
54
|
-
variant: "
|
|
54
|
+
variant: "secondary",
|
|
55
55
|
size: "sm"
|
|
56
56
|
}), ...a }) {
|
|
57
57
|
return /* @__PURE__ */ n(u.Action, {
|
|
@@ -62,7 +62,7 @@ function y({ className: r, render: i = /* @__PURE__ */ n(t, {
|
|
|
62
62
|
});
|
|
63
63
|
}
|
|
64
64
|
function b({ className: r, children: i, render: a = /* @__PURE__ */ n(t, {
|
|
65
|
-
variant: "
|
|
65
|
+
variant: "tertiary",
|
|
66
66
|
size: "icon-sm"
|
|
67
67
|
}), ...o }) {
|
|
68
68
|
return /* @__PURE__ */ n(u.Close, {
|
|
@@ -84,7 +84,7 @@ function x({ type: e }) {
|
|
|
84
84
|
"aria-hidden": "true"
|
|
85
85
|
})), t ? /* @__PURE__ */ n("span", {
|
|
86
86
|
"data-slot": "toast-icon",
|
|
87
|
-
className: "shrink-0 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
|
|
87
|
+
className: "shrink-0 [--icon-stroke-width:var(--icon-stroke-16)] [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
|
|
88
88
|
children: t
|
|
89
89
|
}) : null;
|
|
90
90
|
}
|
|
@@ -2,7 +2,7 @@ import { Toggle as TogglePrimitive } from '@base-ui/react/toggle';
|
|
|
2
2
|
import { VariantProps } from 'class-variance-authority';
|
|
3
3
|
declare const toggleVariants: (props?: ({
|
|
4
4
|
variant?: "default" | "outline" | null | undefined;
|
|
5
|
-
size?: "
|
|
5
|
+
size?: "sm" | "lg" | "default" | null | undefined;
|
|
6
6
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
7
7
|
declare function Toggle({ className, variant, size, ...props }: TogglePrimitive.Props & VariantProps<typeof toggleVariants>): import("react").JSX.Element;
|
|
8
8
|
export { Toggle, toggleVariants };
|
|
@@ -11,7 +11,7 @@ var i = t("group/toggle inline-flex items-center justify-center gap-1 rounded-lg
|
|
|
11
11
|
},
|
|
12
12
|
size: {
|
|
13
13
|
default: "h-8 min-w-8 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
|
|
14
|
-
sm: "h-7 min-w-7 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
|
|
14
|
+
sm: "h-7 min-w-7 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] [--icon-stroke-width:var(--icon-stroke-14)] has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
|
|
15
15
|
lg: "h-9 min-w-9 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2"
|
|
16
16
|
}
|
|
17
17
|
},
|
|
@@ -1,30 +1,30 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { cn as e } from "../../lib/utils.js";
|
|
3
3
|
import { toggleVariants as t } from "../toggle/toggle.js";
|
|
4
|
-
import
|
|
5
|
-
import
|
|
4
|
+
import * as n from "react";
|
|
5
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
6
6
|
import { Toggle as i } from "@base-ui/react/toggle";
|
|
7
7
|
import { ToggleGroup as a } from "@base-ui/react/toggle-group";
|
|
8
8
|
//#region src/components/toggle-group/toggle-group.tsx
|
|
9
|
-
var o =
|
|
9
|
+
var o = n.createContext({
|
|
10
10
|
size: "default",
|
|
11
11
|
variant: "default",
|
|
12
12
|
spacing: 2,
|
|
13
13
|
orientation: "horizontal"
|
|
14
14
|
});
|
|
15
|
-
function s({ className: t, variant:
|
|
16
|
-
return /* @__PURE__ */
|
|
15
|
+
function s({ className: t, variant: n, size: i, spacing: s = 2, orientation: c = "horizontal", children: l, ...u }) {
|
|
16
|
+
return /* @__PURE__ */ r(a, {
|
|
17
17
|
"data-slot": "toggle-group",
|
|
18
|
-
"data-variant":
|
|
18
|
+
"data-variant": n,
|
|
19
19
|
"data-size": i,
|
|
20
20
|
"data-spacing": s,
|
|
21
21
|
"data-orientation": c,
|
|
22
22
|
style: { "--gap": s },
|
|
23
23
|
className: e("group/toggle-group flex w-fit flex-row items-center gap-[--spacing(var(--gap))] rounded-lg data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-vertical:flex-col data-vertical:items-stretch", t),
|
|
24
24
|
...u,
|
|
25
|
-
children: /* @__PURE__ */
|
|
25
|
+
children: /* @__PURE__ */ r(o.Provider, {
|
|
26
26
|
value: {
|
|
27
|
-
variant:
|
|
27
|
+
variant: n,
|
|
28
28
|
size: i,
|
|
29
29
|
spacing: s,
|
|
30
30
|
orientation: c
|
|
@@ -34,8 +34,8 @@ function s({ className: t, variant: r, size: i, spacing: s = 2, orientation: c =
|
|
|
34
34
|
});
|
|
35
35
|
}
|
|
36
36
|
function c({ className: a, children: s, variant: c = "default", size: l = "default", ...u }) {
|
|
37
|
-
let d =
|
|
38
|
-
return /* @__PURE__ */
|
|
37
|
+
let d = n.useContext(o);
|
|
38
|
+
return /* @__PURE__ */ r(i, {
|
|
39
39
|
"data-slot": "toggle-group-item",
|
|
40
40
|
"data-variant": d.variant || c,
|
|
41
41
|
"data-size": d.size || l,
|
|
@@ -31,7 +31,7 @@ function s({ className: i, side: a = "top", sideOffset: o = 4, align: s = "cente
|
|
|
31
31
|
className: "isolate z-50",
|
|
32
32
|
children: /* @__PURE__ */ n(r.Popup, {
|
|
33
33
|
"data-slot": "tooltip-content",
|
|
34
|
-
className: e("z-50 inline-flex w-fit max-w-xs origin-(--transform-origin) items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-
|
|
34
|
+
className: e("type-meta z-50 inline-flex w-fit max-w-xs origin-(--transform-origin) items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-background has-data-[slot=kbd]:pr-1.5 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", i),
|
|
35
35
|
...u,
|
|
36
36
|
children: [l, /* @__PURE__ */ t(r.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground data-[side=bottom]:top-1 data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5" })]
|
|
37
37
|
})
|
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { Button, buttonVariants, type ButtonProps } from './components/button';
|
|
1
|
+
export { Button, ButtonLabel, buttonVariants, type ButtonProps, } from './components/button';
|
|
2
2
|
export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from './components/card';
|
|
3
3
|
export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, type FieldErrorProps, type FieldProps, } from './components/field';
|
|
4
4
|
export { Input, type InputProps } from './components/input';
|
|
@@ -28,10 +28,13 @@ export * from './components/dropdown-menu';
|
|
|
28
28
|
export * from './components/empty';
|
|
29
29
|
export * from './components/hover-card';
|
|
30
30
|
export * from './components/input-group';
|
|
31
|
+
export * from './components/identity-mark';
|
|
31
32
|
export * from './components/item';
|
|
32
33
|
export * from './components/marker';
|
|
33
34
|
export * from './components/message';
|
|
35
|
+
export * from './components/metric-overview';
|
|
34
36
|
export * from './components/native-select';
|
|
37
|
+
export * from './components/navigation-action';
|
|
35
38
|
export * from './components/pagination';
|
|
36
39
|
export * from './components/popover';
|
|
37
40
|
export * from './components/progress';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,WAAW,EACX,cAAc,EACd,KAAK,WAAW,GACjB,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EACL,IAAI,EACJ,UAAU,EACV,WAAW,EACX,eAAe,EACf,UAAU,EACV,UAAU,EACV,SAAS,GACV,MAAM,mBAAmB,CAAA;AAC1B,OAAO,EACL,KAAK,EACL,YAAY,EACZ,gBAAgB,EAChB,UAAU,EACV,UAAU,EACV,UAAU,EACV,WAAW,EACX,cAAc,EACd,QAAQ,EACR,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,UAAU,GAChB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAC3D,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAC3D,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAA;AACvE,cAAc,wBAAwB,CAAA;AACtC,cAAc,oBAAoB,CAAA;AAClC,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,yBAAyB,CAAA;AACvC,cAAc,qBAAqB,CAAA;AACnC,cAAc,oBAAoB,CAAA;AAClC,cAAc,yBAAyB,CAAA;AACvC,cAAc,qBAAqB,CAAA;AACnC,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,oBAAoB,CAAA;AAClC,cAAc,uBAAuB,CAAA;AACrC,cAAc,0BAA0B,CAAA;AACxC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,qBAAqB,CAAA;AACnC,cAAc,qBAAqB,CAAA;AACnC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,oBAAoB,CAAA;AAClC,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA;AACnC,cAAc,sBAAsB,CAAA;AACpC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,yBAAyB,CAAA;AACvC,cAAc,sBAAsB,CAAA;AACpC,cAAc,uBAAuB,CAAA;AACrC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA;AACxC,cAAc,qBAAqB,CAAA;AACnC,cAAc,oBAAoB,CAAA;AAClC,cAAc,sBAAsB,CAAA;AACpC,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,sBAAsB,CAAA;AACpC,cAAc,qBAAqB,CAAA;AACnC,cAAc,oBAAoB,CAAA;AAClC,cAAc,mBAAmB,CAAA;AACjC,cAAc,uBAAuB,CAAA;AACrC,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA;AACnC,cAAc,2BAA2B,CAAA;AACzC,cAAc,sBAAsB,CAAA;AACpC,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAA"}
|
package/dist/index.js
CHANGED
|
@@ -1,56 +1,59 @@
|
|
|
1
1
|
import { cn as e } from "./lib/utils.js";
|
|
2
|
-
import { Button as t,
|
|
3
|
-
import { Card as
|
|
4
|
-
import { Label as
|
|
5
|
-
import { Separator as
|
|
6
|
-
import { Field as
|
|
7
|
-
import { Input as
|
|
8
|
-
import { Accordion as
|
|
9
|
-
import { Alert as
|
|
10
|
-
import { AlertDialog as
|
|
11
|
-
import { AspectRatio as
|
|
12
|
-
import { Attachment as
|
|
13
|
-
import { Avatar as
|
|
14
|
-
import { Badge as
|
|
15
|
-
import { Breadcrumb as
|
|
16
|
-
import { Bubble as
|
|
17
|
-
import { ButtonGroup as
|
|
18
|
-
import { Calendar as
|
|
19
|
-
import { Carousel as
|
|
20
|
-
import { ChartContainer as
|
|
21
|
-
import { Checkbox as
|
|
22
|
-
import { Collapsible as
|
|
23
|
-
import { Textarea as
|
|
24
|
-
import { InputGroup as
|
|
25
|
-
import { Combobox as
|
|
26
|
-
import { Table as
|
|
27
|
-
import { DataTable as
|
|
28
|
-
import { Popover as
|
|
29
|
-
import { DatePicker as
|
|
30
|
-
import { Dialog as
|
|
31
|
-
import { Drawer as
|
|
32
|
-
import { DropdownMenu as
|
|
33
|
-
import { Empty as
|
|
34
|
-
import { HoverCard as
|
|
35
|
-
import {
|
|
36
|
-
import {
|
|
37
|
-
import {
|
|
38
|
-
import {
|
|
39
|
-
import {
|
|
40
|
-
import {
|
|
41
|
-
import {
|
|
42
|
-
import {
|
|
43
|
-
import {
|
|
44
|
-
import {
|
|
45
|
-
import {
|
|
46
|
-
import {
|
|
47
|
-
import {
|
|
48
|
-
import {
|
|
49
|
-
import {
|
|
50
|
-
import {
|
|
51
|
-
import {
|
|
52
|
-
import {
|
|
53
|
-
import {
|
|
54
|
-
import {
|
|
55
|
-
import {
|
|
56
|
-
|
|
2
|
+
import { Button as t, ButtonLabel as n, buttonVariants as r } from "./components/button/button.js";
|
|
3
|
+
import { Card as i, CardAction as a, CardContent as o, CardDescription as s, CardFooter as c, CardHeader as l, CardTitle as u } from "./components/card/card.js";
|
|
4
|
+
import { Label as d } from "./components/label/label.js";
|
|
5
|
+
import { Separator as f } from "./components/separator/separator.js";
|
|
6
|
+
import { Field as p, FieldContent as m, FieldDescription as h, FieldError as g, FieldGroup as _, FieldLabel as v, FieldLegend as y, FieldSeparator as b, FieldSet as x, FieldTitle as S } from "./components/field/field.js";
|
|
7
|
+
import { Input as C } from "./components/input/input.js";
|
|
8
|
+
import { Accordion as w, AccordionContent as T, AccordionItem as E, AccordionTrigger as D } from "./components/accordion/accordion.js";
|
|
9
|
+
import { Alert as O, AlertAction as k, AlertDescription as A, AlertTitle as j } from "./components/alert/alert.js";
|
|
10
|
+
import { AlertDialog as M, AlertDialogAction as N, AlertDialogCancel as P, AlertDialogContent as F, AlertDialogDescription as I, AlertDialogFooter as L, AlertDialogHeader as R, AlertDialogMedia as z, AlertDialogOverlay as B, AlertDialogPortal as V, AlertDialogTitle as H, AlertDialogTrigger as U } from "./components/alert-dialog/alert-dialog.js";
|
|
11
|
+
import { AspectRatio as W } from "./components/aspect-ratio/aspect-ratio.js";
|
|
12
|
+
import { Attachment as G, AttachmentAction as K, AttachmentActions as q, AttachmentContent as J, AttachmentDescription as Y, AttachmentGroup as X, AttachmentMedia as Z, AttachmentTitle as Q, AttachmentTrigger as $ } from "./components/attachment/attachment.js";
|
|
13
|
+
import { Avatar as ee, AvatarBadge as te, AvatarFallback as ne, AvatarGroup as re, AvatarGroupCount as ie, AvatarImage as ae } from "./components/avatar/avatar.js";
|
|
14
|
+
import { Badge as oe, badgeVariants as se } from "./components/badge/badge.js";
|
|
15
|
+
import { Breadcrumb as ce, BreadcrumbEllipsis as le, BreadcrumbItem as ue, BreadcrumbLink as de, BreadcrumbList as fe, BreadcrumbPage as pe, BreadcrumbSeparator as me } from "./components/breadcrumb/breadcrumb.js";
|
|
16
|
+
import { Bubble as he, BubbleContent as ge, BubbleGroup as _e, BubbleReactions as ve } from "./components/bubble/bubble.js";
|
|
17
|
+
import { ButtonGroup as ye, ButtonGroupSeparator as be, ButtonGroupText as xe, buttonGroupVariants as Se } from "./components/button-group/button-group.js";
|
|
18
|
+
import { Calendar as Ce, CalendarDayButton as we } from "./components/calendar/calendar.js";
|
|
19
|
+
import { Carousel as Te, CarouselContent as Ee, CarouselItem as De, CarouselNext as Oe, CarouselPrevious as ke, useCarousel as Ae } from "./components/carousel/carousel.js";
|
|
20
|
+
import { ChartContainer as je, ChartLegend as Me, ChartLegendContent as Ne, ChartStyle as Pe, ChartTooltip as Fe, ChartTooltipContent as Ie } from "./components/chart/chart.js";
|
|
21
|
+
import { Checkbox as Le } from "./components/checkbox/checkbox.js";
|
|
22
|
+
import { Collapsible as Re, CollapsibleContent as ze, CollapsibleTrigger as Be } from "./components/collapsible/collapsible.js";
|
|
23
|
+
import { Textarea as Ve } from "./components/textarea/textarea.js";
|
|
24
|
+
import { InputGroup as He, InputGroupAddon as Ue, InputGroupButton as We, InputGroupInput as Ge, InputGroupText as Ke, InputGroupTextarea as qe } from "./components/input-group/input-group.js";
|
|
25
|
+
import { Combobox as Je, ComboboxChip as Ye, ComboboxChips as Xe, ComboboxChipsInput as Ze, ComboboxCollection as Qe, ComboboxContent as $e, ComboboxEmpty as et, ComboboxGroup as tt, ComboboxInput as nt, ComboboxItem as rt, ComboboxLabel as it, ComboboxList as at, ComboboxSeparator as ot, ComboboxTrigger as st, ComboboxValue as ct, useComboboxAnchor as lt } from "./components/combobox/combobox.js";
|
|
26
|
+
import { Table as ut, TableBody as dt, TableCaption as ft, TableCell as pt, TableFooter as mt, TableHead as ht, TableHeader as gt, TableRow as _t } from "./components/table/table.js";
|
|
27
|
+
import { DataTable as vt } from "./components/data-table/data-table.js";
|
|
28
|
+
import { Popover as yt, PopoverContent as bt, PopoverDescription as xt, PopoverHeader as St, PopoverTitle as Ct, PopoverTrigger as wt } from "./components/popover/popover.js";
|
|
29
|
+
import { DatePicker as Tt } from "./components/date-picker/date-picker.js";
|
|
30
|
+
import { Dialog as Et, DialogClose as Dt, DialogContent as Ot, DialogDescription as kt, DialogFooter as At, DialogHeader as jt, DialogOverlay as Mt, DialogPortal as Nt, DialogTitle as Pt, DialogTrigger as Ft } from "./components/dialog/dialog.js";
|
|
31
|
+
import { Drawer as It, DrawerClose as Lt, DrawerContent as Rt, DrawerDescription as zt, DrawerFooter as Bt, DrawerHeader as Vt, DrawerOverlay as Ht, DrawerPortal as Ut, DrawerSwipeHandle as Wt, DrawerTitle as Gt, DrawerTrigger as Kt } from "./components/drawer/drawer.js";
|
|
32
|
+
import { DropdownMenu as qt, DropdownMenuCheckboxItem as Jt, DropdownMenuContent as Yt, DropdownMenuGroup as Xt, DropdownMenuItem as Zt, DropdownMenuLabel as Qt, DropdownMenuPortal as $t, DropdownMenuRadioGroup as en, DropdownMenuRadioItem as tn, DropdownMenuSeparator as nn, DropdownMenuShortcut as rn, DropdownMenuSub as an, DropdownMenuSubContent as on, DropdownMenuSubTrigger as sn, DropdownMenuTrigger as cn } from "./components/dropdown-menu/dropdown-menu.js";
|
|
33
|
+
import { Empty as ln, EmptyContent as un, EmptyDescription as dn, EmptyHeader as fn, EmptyMedia as pn, EmptyTitle as mn } from "./components/empty/empty.js";
|
|
34
|
+
import { HoverCard as hn, HoverCardContent as gn, HoverCardTrigger as _n } from "./components/hover-card/hover-card.js";
|
|
35
|
+
import { IdentityMark as vn, IdentityMarkImage as yn } from "./components/identity-mark/identity-mark.js";
|
|
36
|
+
import { Item as bn, ItemActions as xn, ItemContent as Sn, ItemDescription as Cn, ItemFooter as wn, ItemGroup as Tn, ItemHeader as En, ItemMedia as Dn, ItemSeparator as On, ItemTitle as kn } from "./components/item/item.js";
|
|
37
|
+
import { Marker as An, MarkerContent as jn, MarkerIcon as Mn, markerVariants as Nn } from "./components/marker/marker.js";
|
|
38
|
+
import { Message as Pn, MessageAvatar as Fn, MessageContent as In, MessageFooter as Ln, MessageGroup as Rn, MessageHeader as zn } from "./components/message/message.js";
|
|
39
|
+
import { MetricOverview as Bn } from "./components/metric-overview/metric-overview.js";
|
|
40
|
+
import { NativeSelect as Vn, NativeSelectOptGroup as Hn, NativeSelectOption as Un } from "./components/native-select/native-select.js";
|
|
41
|
+
import { NavigationAction as Wn, navigationActionVariants as Gn } from "./components/navigation-action/navigation-action.js";
|
|
42
|
+
import { Pagination as Kn, PaginationContent as qn, PaginationEllipsis as Jn, PaginationItem as Yn, PaginationLink as Xn, PaginationNext as Zn, PaginationPrevious as Qn } from "./components/pagination/pagination.js";
|
|
43
|
+
import { Progress as $n, ProgressIndicator as er, ProgressLabel as tr, ProgressTrack as nr, ProgressValue as rr } from "./components/progress/progress.js";
|
|
44
|
+
import { Questionnaire as ir, QuestionnaireActions as ar, QuestionnaireChoice as or, QuestionnaireChoiceDescription as sr, QuestionnaireChoices as cr, QuestionnaireDescription as lr, QuestionnaireError as ur, QuestionnaireInput as dr, QuestionnaireItem as fr, QuestionnaireNext as pr, QuestionnairePrevious as mr, QuestionnaireProgress as hr, QuestionnaireSkip as gr, QuestionnaireSubmit as _r, QuestionnaireTitle as vr } from "./components/questionnaire/questionnaire.js";
|
|
45
|
+
import { RadioGroup as yr, RadioGroupItem as br } from "./components/radio-group/radio-group.js";
|
|
46
|
+
import { ScrollArea as xr, ScrollBar as Sr } from "./components/scroll-area/scroll-area.js";
|
|
47
|
+
import { Select as Cr, SelectContent as wr, SelectGroup as Tr, SelectItem as Er, SelectLabel as Dr, SelectScrollDownButton as Or, SelectScrollUpButton as kr, SelectSeparator as Ar, SelectTrigger as jr, SelectValue as Mr } from "./components/select/select.js";
|
|
48
|
+
import { Sheet as Nr, SheetClose as Pr, SheetContent as Fr, SheetDescription as Ir, SheetFooter as Lr, SheetHeader as Rr, SheetTitle as zr, SheetTrigger as Br } from "./components/sheet/sheet.js";
|
|
49
|
+
import { Skeleton as Vr } from "./components/skeleton/skeleton.js";
|
|
50
|
+
import { Tooltip as Hr, TooltipContent as Ur, TooltipProvider as Wr, TooltipTrigger as Gr } from "./components/tooltip/tooltip.js";
|
|
51
|
+
import { Sidebar as Kr, SidebarContent as qr, SidebarFooter as Jr, SidebarGroup as Yr, SidebarGroupAction as Xr, SidebarGroupContent as Zr, SidebarGroupLabel as Qr, SidebarHeader as $r, SidebarInput as ei, SidebarInset as ti, SidebarMenu as ni, SidebarMenuAction as ri, SidebarMenuBadge as ii, SidebarMenuButton as ai, SidebarMenuItem as oi, SidebarMenuSkeleton as si, SidebarMenuSub as ci, SidebarMenuSubButton as li, SidebarMenuSubItem as ui, SidebarProvider as di, SidebarRail as fi, SidebarSeparator as pi, SidebarTrigger as mi, useSidebar as hi } from "./components/sidebar/sidebar.js";
|
|
52
|
+
import { Slider as gi } from "./components/slider/slider.js";
|
|
53
|
+
import { Spinner as _i } from "./components/spinner/spinner.js";
|
|
54
|
+
import { Switch as vi } from "./components/switch/switch.js";
|
|
55
|
+
import { Tabs as yi, TabsContent as bi, TabsList as xi, TabsTrigger as Si, tabsListVariants as Ci } from "./components/tabs/tabs.js";
|
|
56
|
+
import { Toast as wi, ToastAction as Ti, ToastClose as Ei, ToastContent as Di, ToastDescription as Oi, ToastPortal as ki, ToastProvider as Ai, ToastTitle as ji, ToastViewport as Mi, Toaster as Ni, createToastManager as Pi, toast as Fi, useToastManager as Ii } from "./components/toast/toast.js";
|
|
57
|
+
import { Toggle as Li, toggleVariants as Ri } from "./components/toggle/toggle.js";
|
|
58
|
+
import { ToggleGroup as zi, ToggleGroupItem as Bi } from "./components/toggle-group/toggle-group.js";
|
|
59
|
+
export { w as Accordion, T as AccordionContent, E as AccordionItem, D as AccordionTrigger, O as Alert, k as AlertAction, A as AlertDescription, M as AlertDialog, N as AlertDialogAction, P as AlertDialogCancel, F as AlertDialogContent, I as AlertDialogDescription, L as AlertDialogFooter, R as AlertDialogHeader, z as AlertDialogMedia, B as AlertDialogOverlay, V as AlertDialogPortal, H as AlertDialogTitle, U as AlertDialogTrigger, j as AlertTitle, W as AspectRatio, G as Attachment, K as AttachmentAction, q as AttachmentActions, J as AttachmentContent, Y as AttachmentDescription, X as AttachmentGroup, Z as AttachmentMedia, Q as AttachmentTitle, $ as AttachmentTrigger, ee as Avatar, te as AvatarBadge, ne as AvatarFallback, re as AvatarGroup, ie as AvatarGroupCount, ae as AvatarImage, oe as Badge, ce as Breadcrumb, le as BreadcrumbEllipsis, ue as BreadcrumbItem, de as BreadcrumbLink, fe as BreadcrumbList, pe as BreadcrumbPage, me as BreadcrumbSeparator, he as Bubble, ge as BubbleContent, _e as BubbleGroup, ve as BubbleReactions, t as Button, ye as ButtonGroup, be as ButtonGroupSeparator, xe as ButtonGroupText, n as ButtonLabel, Ce as Calendar, we as CalendarDayButton, i as Card, a as CardAction, o as CardContent, s as CardDescription, c as CardFooter, l as CardHeader, u as CardTitle, Te as Carousel, Ee as CarouselContent, De as CarouselItem, Oe as CarouselNext, ke as CarouselPrevious, je as ChartContainer, Me as ChartLegend, Ne as ChartLegendContent, Pe as ChartStyle, Fe as ChartTooltip, Ie as ChartTooltipContent, Le as Checkbox, Re as Collapsible, ze as CollapsibleContent, Be as CollapsibleTrigger, Je as Combobox, Ye as ComboboxChip, Xe as ComboboxChips, Ze as ComboboxChipsInput, Qe as ComboboxCollection, $e as ComboboxContent, et as ComboboxEmpty, tt as ComboboxGroup, nt as ComboboxInput, rt as ComboboxItem, it as ComboboxLabel, at as ComboboxList, ot as ComboboxSeparator, st as ComboboxTrigger, ct as ComboboxValue, vt as DataTable, Tt as DatePicker, Et as Dialog, Dt as DialogClose, Ot as DialogContent, kt as DialogDescription, At as DialogFooter, jt as DialogHeader, Mt as DialogOverlay, Nt as DialogPortal, Pt as DialogTitle, Ft as DialogTrigger, It as Drawer, Lt as DrawerClose, Rt as DrawerContent, zt as DrawerDescription, Bt as DrawerFooter, Vt as DrawerHeader, Ht as DrawerOverlay, Ut as DrawerPortal, Wt as DrawerSwipeHandle, Gt as DrawerTitle, Kt as DrawerTrigger, qt as DropdownMenu, Jt as DropdownMenuCheckboxItem, Yt as DropdownMenuContent, Xt as DropdownMenuGroup, Zt as DropdownMenuItem, Qt as DropdownMenuLabel, $t as DropdownMenuPortal, en as DropdownMenuRadioGroup, tn as DropdownMenuRadioItem, nn as DropdownMenuSeparator, rn as DropdownMenuShortcut, an as DropdownMenuSub, on as DropdownMenuSubContent, sn as DropdownMenuSubTrigger, cn as DropdownMenuTrigger, ln as Empty, un as EmptyContent, dn as EmptyDescription, fn as EmptyHeader, pn as EmptyMedia, mn as EmptyTitle, p as Field, m as FieldContent, h as FieldDescription, g as FieldError, _ as FieldGroup, v as FieldLabel, y as FieldLegend, b as FieldSeparator, x as FieldSet, S as FieldTitle, hn as HoverCard, gn as HoverCardContent, _n as HoverCardTrigger, vn as IdentityMark, yn as IdentityMarkImage, C as Input, He as InputGroup, Ue as InputGroupAddon, We as InputGroupButton, Ge as InputGroupInput, Ke as InputGroupText, qe as InputGroupTextarea, bn as Item, xn as ItemActions, Sn as ItemContent, Cn as ItemDescription, wn as ItemFooter, Tn as ItemGroup, En as ItemHeader, Dn as ItemMedia, On as ItemSeparator, kn as ItemTitle, d as Label, An as Marker, jn as MarkerContent, Mn as MarkerIcon, Pn as Message, Fn as MessageAvatar, In as MessageContent, Ln as MessageFooter, Rn as MessageGroup, zn as MessageHeader, Bn as MetricOverview, Vn as NativeSelect, Hn as NativeSelectOptGroup, Un as NativeSelectOption, Wn as NavigationAction, Kn as Pagination, qn as PaginationContent, Jn as PaginationEllipsis, Yn as PaginationItem, Xn as PaginationLink, Zn as PaginationNext, Qn as PaginationPrevious, yt as Popover, bt as PopoverContent, xt as PopoverDescription, St as PopoverHeader, Ct as PopoverTitle, wt as PopoverTrigger, $n as Progress, er as ProgressIndicator, tr as ProgressLabel, nr as ProgressTrack, rr as ProgressValue, ir as Questionnaire, ar as QuestionnaireActions, or as QuestionnaireChoice, sr as QuestionnaireChoiceDescription, cr as QuestionnaireChoices, lr as QuestionnaireDescription, ur as QuestionnaireError, dr as QuestionnaireInput, fr as QuestionnaireItem, pr as QuestionnaireNext, mr as QuestionnairePrevious, hr as QuestionnaireProgress, gr as QuestionnaireSkip, _r as QuestionnaireSubmit, vr as QuestionnaireTitle, yr as RadioGroup, br as RadioGroupItem, xr as ScrollArea, Sr as ScrollBar, Cr as Select, wr as SelectContent, Tr as SelectGroup, Er as SelectItem, Dr as SelectLabel, Or as SelectScrollDownButton, kr as SelectScrollUpButton, Ar as SelectSeparator, jr as SelectTrigger, Mr as SelectValue, f as Separator, Nr as Sheet, Pr as SheetClose, Fr as SheetContent, Ir as SheetDescription, Lr as SheetFooter, Rr as SheetHeader, zr as SheetTitle, Br as SheetTrigger, Kr as Sidebar, qr as SidebarContent, Jr as SidebarFooter, Yr as SidebarGroup, Xr as SidebarGroupAction, Zr as SidebarGroupContent, Qr as SidebarGroupLabel, $r as SidebarHeader, ei as SidebarInput, ti as SidebarInset, ni as SidebarMenu, ri as SidebarMenuAction, ii as SidebarMenuBadge, ai as SidebarMenuButton, oi as SidebarMenuItem, si as SidebarMenuSkeleton, ci as SidebarMenuSub, li as SidebarMenuSubButton, ui as SidebarMenuSubItem, di as SidebarProvider, fi as SidebarRail, pi as SidebarSeparator, mi as SidebarTrigger, Vr as Skeleton, gi as Slider, _i as Spinner, vi as Switch, ut as Table, dt as TableBody, ft as TableCaption, pt as TableCell, mt as TableFooter, ht as TableHead, gt as TableHeader, _t as TableRow, yi as Tabs, bi as TabsContent, xi as TabsList, Si as TabsTrigger, Ve as Textarea, wi as Toast, Ti as ToastAction, Ei as ToastClose, Di as ToastContent, Oi as ToastDescription, ki as ToastPortal, Ai as ToastProvider, ji as ToastTitle, Mi as ToastViewport, Ni as Toaster, Li as Toggle, zi as ToggleGroup, Bi as ToggleGroupItem, Hr as Tooltip, Ur as TooltipContent, Wr as TooltipProvider, Gr as TooltipTrigger, se as badgeVariants, Se as buttonGroupVariants, r as buttonVariants, e as cn, Pi as createToastManager, Nn as markerVariants, Gn as navigationActionVariants, Ci as tabsListVariants, Fi as toast, Ri as toggleVariants, Ae as useCarousel, lt as useComboboxAnchor, hi as useSidebar, Ii as useToastManager };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export declare const controlSizeClassNames: {
|
|
2
|
+
readonly xs: "h-6 rounded-[6px] px-1.5 text-[13px] leading-[14px] tracking-[0.01em] [--control-padding-inline:0.375rem]";
|
|
3
|
+
readonly sm: "h-7 rounded-[6px] px-2 text-sm leading-5 tracking-[0.01em] [--control-padding-inline:0.5rem]";
|
|
4
|
+
readonly md: "h-8 rounded-[8px] px-[11px] text-sm leading-[15px] tracking-[0.01em] [--control-padding-inline:11px]";
|
|
5
|
+
readonly lg: "h-9 rounded-[8px] px-[13px] text-base leading-[15px] [--control-padding-inline:13px]";
|
|
6
|
+
readonly xl: "h-12 rounded-[10px] px-[18px] text-base leading-5 [--control-padding-inline:18px]";
|
|
7
|
+
};
|
|
8
|
+
export type ControlSize = keyof typeof controlSizeClassNames;
|
|
9
|
+
//# sourceMappingURL=control-size.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"control-size.d.ts","sourceRoot":"","sources":["../../src/lib/control-size.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB;;;;;;CAMxB,CAAA;AAEV,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,qBAAqB,CAAA"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
//#region src/lib/control-size.ts
|
|
2
|
+
var e = {
|
|
3
|
+
xs: "h-6 rounded-[6px] px-1.5 text-[13px] leading-[14px] tracking-[0.01em] [--control-padding-inline:0.375rem]",
|
|
4
|
+
sm: "h-7 rounded-[6px] px-2 text-sm leading-5 tracking-[0.01em] [--control-padding-inline:0.5rem]",
|
|
5
|
+
md: "h-8 rounded-[8px] px-[11px] text-sm leading-[15px] tracking-[0.01em] [--control-padding-inline:11px]",
|
|
6
|
+
lg: "h-9 rounded-[8px] px-[13px] text-base leading-[15px] [--control-padding-inline:13px]",
|
|
7
|
+
xl: "h-12 rounded-[10px] px-[18px] text-base leading-5 [--control-padding-inline:18px]"
|
|
8
|
+
};
|
|
9
|
+
//#endregion
|
|
10
|
+
export { e as controlSizeClassNames };
|
|
@@ -1,6 +1,18 @@
|
|
|
1
1
|
export * from '../components/avatar';
|
|
2
|
+
export * from '../components/badge';
|
|
2
3
|
export * from '../components/button';
|
|
4
|
+
export * from '../components/card';
|
|
3
5
|
export * from '../components/dropdown-menu';
|
|
6
|
+
export * from '../components/field';
|
|
7
|
+
export * from '../components/input';
|
|
8
|
+
export * from '../components/input-group';
|
|
9
|
+
export * from '../components/identity-mark';
|
|
10
|
+
export * from '../components/navigation-action';
|
|
11
|
+
export * from '../components/progress';
|
|
12
|
+
export * from '../components/select';
|
|
4
13
|
export * from '../components/sidebar';
|
|
14
|
+
export * from '../components/table';
|
|
15
|
+
export * from '../components/textarea';
|
|
5
16
|
export * from '../components/tooltip';
|
|
17
|
+
export { cn } from '../lib/utils';
|
|
6
18
|
//# sourceMappingURL=recipe-runtime.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"recipe-runtime.d.ts","sourceRoot":"","sources":["../../src/recipes/recipe-runtime.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,qBAAqB,CAAA;AACnC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,sBAAsB,CAAA;AACpC,cAAc,sBAAsB,CAAA"}
|
|
1
|
+
{"version":3,"file":"recipe-runtime.d.ts","sourceRoot":"","sources":["../../src/recipes/recipe-runtime.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA;AACnC,cAAc,mBAAmB,CAAA;AACjC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,oBAAoB,CAAA;AAClC,cAAc,oBAAoB,CAAA;AAClC,cAAc,0BAA0B,CAAA;AACxC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,sBAAsB,CAAA;AACpC,cAAc,oBAAoB,CAAA;AAClC,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAA"}
|
package/package.json
CHANGED
package/recipes/README.md
CHANGED
|
@@ -20,3 +20,5 @@ authorization, serializers, or business rules into this directory.
|
|
|
20
20
|
|
|
21
21
|
- [Workspace shell](workspace-shell/README.md): collapsible navigation, workspace
|
|
22
22
|
identity, page header, sub-navigation, account access, and a page-content slot.
|
|
23
|
+
- [Guided workflow](guided-workflow/README.md): ordered step progress, contextual
|
|
24
|
+
work-item navigation, a focused canvas, and persistent workflow actions.
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
# Guided workflow recipe
|
|
2
|
+
|
|
3
|
+
Use this recipe for multi-step creation and review experiences where people move
|
|
4
|
+
between related work items, refine domain-specific content in a focused canvas,
|
|
5
|
+
and advance through a gated sequence.
|
|
6
|
+
|
|
7
|
+
## Preserve
|
|
8
|
+
|
|
9
|
+
- A compact, ordered progress landmark with the active step marked by
|
|
10
|
+
`aria-current="step"`.
|
|
11
|
+
- One controlled contextual rail for switching among sibling work items.
|
|
12
|
+
- A single scrollable canvas for the selected item's domain content.
|
|
13
|
+
- Back, secondary, status, and primary actions in a persistent workflow footer.
|
|
14
|
+
- Responsive behavior that moves the rail above the canvas on smaller screens.
|
|
15
|
+
- Semantic Blaze UI colors, spacing, focus treatment, and public components.
|
|
16
|
+
- Divider-separated `GuidedWorkflowSection` blocks for task questions that share
|
|
17
|
+
one continuous canvas instead of behaving like standalone cards.
|
|
18
|
+
|
|
19
|
+
## Adapt
|
|
20
|
+
|
|
21
|
+
- Replace the fictional Storybook examples with serialized application data.
|
|
22
|
+
- Keep step state, selected-item state, validation, and permissions in the app.
|
|
23
|
+
- Compose forms, review tables, previews, and approval documents inside the
|
|
24
|
+
`children` canvas slot with public Blaze UI primitives.
|
|
25
|
+
- Use `variant="compact"` when the workflow sits inside an established product
|
|
26
|
+
shell and needs the Blaze 3 title, compact stepper, canonical 340px rail, and
|
|
27
|
+
full-width white task canvas.
|
|
28
|
+
- In `WorkspaceShellRecipe mode="focused"`, compose
|
|
29
|
+
`GuidedWorkflowPageHeader` into `pageHeader`, `GuidedWorkflowBody` into
|
|
30
|
+
`children`, and `GuidedWorkflowFooter` into `footer`. The workspace shell owns
|
|
31
|
+
the product identity row and its top-right exit action.
|
|
32
|
+
- Pass only semantic or application-owned classes through `markerClassName`;
|
|
33
|
+
the section component owns marker geometry but not product category colors.
|
|
34
|
+
- Connect callbacks to the application's routing and persistence conventions.
|
|
35
|
+
- Use item statuses only for concise orientation; put actionable validation in
|
|
36
|
+
the canvas beside the field or object that needs attention.
|
|
37
|
+
|
|
38
|
+
## Avoid
|
|
39
|
+
|
|
40
|
+
- Importing this recipe as a runtime package component.
|
|
41
|
+
- Moving forecasting, validation, approval policy, routing, or data fetching into
|
|
42
|
+
the copied recipe.
|
|
43
|
+
- Turning channel-specific objects or third-party previews into recipe props.
|
|
44
|
+
- Adding a second page shell around the recipe. Use the exported workflow regions
|
|
45
|
+
inside the application's existing authenticated shell; reserve the all-in-one
|
|
46
|
+
`GuidedWorkflowRecipe` for standalone examples and shell-less contexts.
|
|
47
|
+
- Hiding required work behind color alone or allowing a disabled primary action
|
|
48
|
+
without nearby explanatory status text.
|
|
49
|
+
|
|
50
|
+
Start from `guided-workflow.tsx`. Review `Recipes/Guided workflow` in Storybook for
|
|
51
|
+
campaign-planning, workspace-onboarding, mobile, and dark-mode examples.
|