@fiestaboard/ui 5.3.0 → 5.4.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/README.md +18 -0
- package/dist/components/chrome/nav-list.d.ts +53 -0
- package/dist/components/chrome/nav-list.js +84 -0
- package/dist/components/chrome/nav-list.js.map +1 -0
- package/dist/components/containment/icon-tile.d.ts +67 -0
- package/dist/components/containment/icon-tile.js +44 -0
- package/dist/components/containment/icon-tile.js.map +1 -0
- package/dist/components/containment/json-tree.js +1 -1
- package/dist/components/containment/json-tree.js.map +1 -1
- package/dist/components/containment/scroll-area.d.ts +17 -0
- package/dist/components/containment/scroll-area.js +2 -2
- package/dist/components/containment/scroll-area.js.map +1 -1
- package/dist/components/containment/tabs.js +2 -2
- package/dist/components/containment/tabs.js.map +1 -1
- package/dist/components/editor/formula/formula-editor-panel.js +2 -2
- package/dist/components/editor/formula/formula-editor-panel.js.map +1 -1
- package/dist/components/editor/template-editor-toolbar.d.ts +27 -3
- package/dist/components/editor/template-editor-toolbar.js +99 -96
- package/dist/components/editor/template-editor-toolbar.js.map +1 -1
- package/dist/components/forms/button.d.ts +1 -1
- package/dist/components/forms/button.js +2 -0
- package/dist/components/forms/button.js.map +1 -1
- package/dist/components/forms/selection-group.d.ts +82 -0
- package/dist/components/forms/selection-group.js +51 -0
- package/dist/components/forms/selection-group.js.map +1 -0
- package/dist/components/forms/swatch.d.ts +81 -0
- package/dist/components/forms/swatch.js +91 -0
- package/dist/components/forms/swatch.js.map +1 -0
- package/dist/components/forms/timezone-picker.d.ts +163 -0
- package/dist/components/forms/timezone-picker.js +158 -0
- package/dist/components/forms/timezone-picker.js.map +1 -0
- package/dist/components/forms/toggle-card.d.ts +45 -35
- package/dist/components/forms/toggle-card.js +187 -122
- package/dist/components/forms/toggle-card.js.map +1 -1
- package/dist/components/forms/toggle.d.ts +1 -1
- package/dist/components/layout/flex.d.ts +1 -1
- package/dist/components/layout/grid.d.ts +1 -1
- package/dist/components/layout/stack.d.ts +1 -1
- package/dist/components/overlays/lightbox.js +1 -1
- package/dist/components/overlays/lightbox.js.map +1 -1
- package/dist/components/overlays/overlay-close.js +1 -1
- package/dist/components/overlays/overlay-close.js.map +1 -1
- package/dist/components/plugin/board-showcase.js +1 -1
- package/dist/components/plugin/board-showcase.js.map +1 -1
- package/dist/components/typography/heading.d.ts +1 -1
- package/dist/components/typography/text-link.d.ts +27 -3
- package/dist/components/typography/text-link.js +1 -1
- package/dist/components/typography/text-link.js.map +1 -1
- package/dist/components/typography/text.d.ts +1 -1
- package/dist/components/wizard/wizard-shell.d.ts +6 -1
- package/dist/components/wizard/wizard-shell.js +38 -35
- package/dist/components/wizard/wizard-shell.js.map +1 -1
- package/dist/index.d.ts +4 -0
- package/dist/index.js +104 -100
- package/dist/theme.css +85 -4
- package/package.json +9 -2
|
@@ -1,34 +1,14 @@
|
|
|
1
1
|
import { type VariantProps } from "class-variance-authority";
|
|
2
2
|
import * as React from "react";
|
|
3
|
+
import { type SelectionGroupBaseProps, type SelectionGroupNameProps } from "./selection-group";
|
|
3
4
|
/**
|
|
4
|
-
*
|
|
5
|
-
*
|
|
6
|
-
*
|
|
7
|
-
*
|
|
5
|
+
* The radiogroup root and the radio-or-toggle item root now live in
|
|
6
|
+
* `./selection-group` — SwatchGroup (#245) is the third family that needs
|
|
7
|
+
* them, so they are shared internal machinery rather than module-private
|
|
8
|
+
* here. The two prop types are re-exported so the public surface (and
|
|
9
|
+
* `toggle.tsx`'s import) is unchanged.
|
|
8
10
|
*/
|
|
9
|
-
export type SelectionGroupNameProps
|
|
10
|
-
"aria-label": string;
|
|
11
|
-
"aria-labelledby"?: string;
|
|
12
|
-
} | {
|
|
13
|
-
"aria-labelledby": string;
|
|
14
|
-
"aria-label"?: string;
|
|
15
|
-
};
|
|
16
|
-
export interface SelectionGroupBaseProps {
|
|
17
|
-
/** Selected option value (controlled). Pair with `onValueChange`. */
|
|
18
|
-
value?: string | null;
|
|
19
|
-
/** Initially selected option value (uncontrolled). */
|
|
20
|
-
defaultValue?: string | null;
|
|
21
|
-
/** Fired with the newly selected value. Selection is never emptied. */
|
|
22
|
-
onValueChange?: (value: string) => void;
|
|
23
|
-
/** Disables every option in the group. */
|
|
24
|
-
disabled?: boolean;
|
|
25
|
-
/** Form field name — each option renders a hidden radio input under it. */
|
|
26
|
-
name?: string;
|
|
27
|
-
/** id of the form that owns the group, when rendered outside it. */
|
|
28
|
-
form?: string;
|
|
29
|
-
/** Marks the group required for form validation. */
|
|
30
|
-
required?: boolean;
|
|
31
|
-
}
|
|
11
|
+
export type { SelectionGroupBaseProps, SelectionGroupNameProps };
|
|
32
12
|
declare const toggleCardGroupVariants: (props?: ({
|
|
33
13
|
columns?: "1" | "2" | "3" | null | undefined;
|
|
34
14
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
@@ -38,13 +18,17 @@ declare const toggleCardVariants: (props?: ({
|
|
|
38
18
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
39
19
|
type ToggleCardSize = NonNullable<VariantProps<typeof toggleCardVariants>["size"]>;
|
|
40
20
|
type ToggleCardAlign = NonNullable<VariantProps<typeof toggleCardVariants>["align"]>;
|
|
21
|
+
type ToggleCardIndicator = boolean | "corner" | "trailing";
|
|
41
22
|
export type ToggleCardGroupProps = SelectionGroupBaseProps & SelectionGroupNameProps & VariantProps<typeof toggleCardGroupVariants> & {
|
|
42
23
|
/** Size applied to every card in the group; a card may override it. */
|
|
43
24
|
size?: ToggleCardSize;
|
|
44
25
|
/** Content alignment applied to every card in the group. */
|
|
45
26
|
align?: ToggleCardAlign;
|
|
46
|
-
/**
|
|
47
|
-
|
|
27
|
+
/**
|
|
28
|
+
* Selected-check placement for every card in the group; a card may
|
|
29
|
+
* override it. `false` removes it. @default true
|
|
30
|
+
*/
|
|
31
|
+
indicator?: ToggleCardIndicator;
|
|
48
32
|
className?: string;
|
|
49
33
|
children?: React.ReactNode;
|
|
50
34
|
} & Omit<React.ComponentProps<"div">, "defaultValue" | "onChange">;
|
|
@@ -71,10 +55,14 @@ export type ToggleCardProps = Omit<React.ComponentProps<"button">, "value" | "ti
|
|
|
71
55
|
/** Trailing content on the title row — a badge, a size indicator, a price. */
|
|
72
56
|
meta?: React.ReactNode;
|
|
73
57
|
/**
|
|
74
|
-
*
|
|
75
|
-
*
|
|
58
|
+
* Where the selected-check goes, so selection is never carried by hue
|
|
59
|
+
* alone. `"corner"` (=== `true`) floats it over the tile's top-right and
|
|
60
|
+
* reserves the space a long title would otherwise slide under;
|
|
61
|
+
* `"trailing"` puts it in flow at the end of the title row, which is the
|
|
62
|
+
* shape a full-width picker row wants. `false` removes it — only do that
|
|
63
|
+
* when the tile shows its own selected artwork. @default true
|
|
76
64
|
*/
|
|
77
|
-
indicator?:
|
|
65
|
+
indicator?: ToggleCardIndicator;
|
|
78
66
|
/** Extra body content below the title row — a preview, a thumbnail row. */
|
|
79
67
|
children?: React.ReactNode;
|
|
80
68
|
};
|
|
@@ -88,24 +76,46 @@ export type ToggleCardProps = Omit<React.ComponentProps<"button">, "value" | "ti
|
|
|
88
76
|
*/
|
|
89
77
|
declare function ToggleCard({ className, size, align, value, pressed, onPressedChange, icon, title, description, meta, indicator, children, ...props }: ToggleCardProps): React.JSX.Element;
|
|
90
78
|
declare const segmentedControlVariants: (props?: ({
|
|
79
|
+
layout?: "grid" | "inline" | null | undefined;
|
|
80
|
+
columns?: "2" | "3" | "4" | null | undefined;
|
|
91
81
|
wrap?: boolean | null | undefined;
|
|
92
82
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
93
83
|
declare const segmentedControlItemVariants: (props?: ({
|
|
94
84
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
85
|
+
layout?: "grid" | "inline" | null | undefined;
|
|
95
86
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
96
87
|
type SegmentedControlSize = NonNullable<VariantProps<typeof segmentedControlItemVariants>["size"]>;
|
|
97
|
-
|
|
88
|
+
type SegmentedControlLayout = NonNullable<VariantProps<typeof segmentedControlVariants>["layout"]>;
|
|
89
|
+
type SegmentedControlColumns = NonNullable<VariantProps<typeof segmentedControlVariants>["columns"]>;
|
|
90
|
+
export type SegmentedControlProps = SelectionGroupBaseProps & SelectionGroupNameProps & Omit<VariantProps<typeof segmentedControlVariants>, "layout" | "columns"> & {
|
|
98
91
|
/** Size applied to every item; an item may override it. */
|
|
99
92
|
size?: SegmentedControlSize;
|
|
93
|
+
/**
|
|
94
|
+
* `"inline"` is a row of pills that hug their labels — the toolbar shape.
|
|
95
|
+
* `"grid"` gives equal-width cells that stretch to fill the row, so the
|
|
96
|
+
* options read as one control instead of a ragged row of differently
|
|
97
|
+
* sized targets. Set per group, never per item. @default "inline"
|
|
98
|
+
*/
|
|
99
|
+
layout?: SegmentedControlLayout;
|
|
100
|
+
/**
|
|
101
|
+
* Column count for `layout="grid"`, fixed at every viewport (the cells do
|
|
102
|
+
* not collapse to one-up on a phone). Ignored — and unstamped — in the
|
|
103
|
+
* inline row. @default "2"
|
|
104
|
+
*/
|
|
105
|
+
columns?: SegmentedControlColumns;
|
|
100
106
|
className?: string;
|
|
101
107
|
children?: React.ReactNode;
|
|
102
108
|
} & Omit<React.ComponentProps<"div">, "defaultValue" | "onChange">;
|
|
103
109
|
/**
|
|
104
110
|
* Compact single-select pill row — the toolbar-scale sibling of
|
|
105
111
|
* {@link ToggleCardGroup}, with the same `radiogroup` semantics.
|
|
112
|
+
*
|
|
113
|
+
* `layout="grid"` swaps the hugging row for equal-width cells; it is a layout
|
|
114
|
+
* axis only. Selection semantics, the roving tabindex, the selected pigment
|
|
115
|
+
* and the focus ring are identical in both shapes.
|
|
106
116
|
*/
|
|
107
|
-
declare function SegmentedControl({ className, size, wrap, children, ...props }: SegmentedControlProps): React.JSX.Element;
|
|
108
|
-
export type SegmentedControlItemProps = Omit<React.ComponentProps<"button">, "value"> & VariantProps<typeof segmentedControlItemVariants> & {
|
|
117
|
+
declare function SegmentedControl({ className, size, layout, columns, wrap, children, ...props }: SegmentedControlProps): React.JSX.Element;
|
|
118
|
+
export type SegmentedControlItemProps = Omit<React.ComponentProps<"button">, "value"> & Omit<VariantProps<typeof segmentedControlItemVariants>, "layout"> & {
|
|
109
119
|
/** Identifies the item inside a {@link SegmentedControl}. */
|
|
110
120
|
value?: string;
|
|
111
121
|
/** Standalone toggle state — only outside a SegmentedControl. */
|
|
@@ -1,56 +1,19 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { cn as e } from "../../lib/utils.js";
|
|
3
|
-
import {
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import { RadioGroup as s } from "@base-ui/react/radio-group";
|
|
3
|
+
import { SelectableItemRoot as t, SelectionGroupRoot as n } from "./selection-group.js";
|
|
4
|
+
import { Check as r } from "lucide-react";
|
|
5
|
+
import * as i from "react";
|
|
6
|
+
import { jsx as a, jsxs as o } from "react/jsx-runtime";
|
|
7
|
+
import { cva as s } from "class-variance-authority";
|
|
9
8
|
//#region src/components/forms/toggle-card.tsx
|
|
10
|
-
|
|
11
|
-
return /* @__PURE__ */ r(s, {
|
|
12
|
-
"data-slot": e,
|
|
13
|
-
className: n,
|
|
14
|
-
onValueChange: (e) => t?.(e),
|
|
15
|
-
...a,
|
|
16
|
-
children: i
|
|
17
|
-
});
|
|
18
|
-
}
|
|
19
|
-
function l({ grouped: e, value: t, pressed: n, onPressedChange: i, onClick: a, disabled: s, ref: c, children: l, ...u }) {
|
|
20
|
-
if (e) return /* @__PURE__ */ r(o.Root, {
|
|
21
|
-
value: t,
|
|
22
|
-
render: /* @__PURE__ */ r("button", { type: "button" }),
|
|
23
|
-
nativeButton: !0,
|
|
24
|
-
disabled: s,
|
|
25
|
-
onClick: a,
|
|
26
|
-
ref: c,
|
|
27
|
-
...u,
|
|
28
|
-
children: l
|
|
29
|
-
});
|
|
30
|
-
let d = (e) => {
|
|
31
|
-
a?.(e), !e.defaultPrevented && i?.(!n);
|
|
32
|
-
};
|
|
33
|
-
return /* @__PURE__ */ r("button", {
|
|
34
|
-
type: "button",
|
|
35
|
-
disabled: s,
|
|
36
|
-
ref: c,
|
|
37
|
-
...n === void 0 ? {} : {
|
|
38
|
-
"aria-pressed": n,
|
|
39
|
-
...n ? { "data-checked": "" } : { "data-unchecked": "" }
|
|
40
|
-
},
|
|
41
|
-
onClick: d,
|
|
42
|
-
...u,
|
|
43
|
-
children: l
|
|
44
|
-
});
|
|
45
|
-
}
|
|
46
|
-
var u = a("gap-3", {
|
|
9
|
+
var c = s("gap-3", {
|
|
47
10
|
variants: { columns: {
|
|
48
11
|
1: "flex flex-col",
|
|
49
12
|
2: "grid grid-cols-1 sm:grid-cols-2",
|
|
50
13
|
3: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3"
|
|
51
14
|
} },
|
|
52
15
|
defaultVariants: { columns: "1" }
|
|
53
|
-
}),
|
|
16
|
+
}), l = s([
|
|
54
17
|
"group/toggle-card relative flex w-full cursor-pointer flex-col border border-input bg-transparent",
|
|
55
18
|
"transition-[color,background-color,border-color,box-shadow] duration-control outline-none",
|
|
56
19
|
"not-data-[checked]:hover:border-primary/50 not-data-[checked]:hover:bg-accent/50",
|
|
@@ -74,96 +37,144 @@ var u = a("gap-3", {
|
|
|
74
37
|
size: "md",
|
|
75
38
|
align: "start"
|
|
76
39
|
}
|
|
77
|
-
}),
|
|
40
|
+
}), u = s("flex w-full min-w-0", {
|
|
78
41
|
variants: { align: {
|
|
79
42
|
start: "flex-row items-start gap-3",
|
|
80
43
|
center: "flex-col items-center gap-1.5"
|
|
81
44
|
} },
|
|
82
45
|
defaultVariants: { align: "start" }
|
|
83
|
-
}),
|
|
84
|
-
function
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
46
|
+
}), d = "pointer-events-none flex size-4 items-center justify-center rounded-full border border-input text-primary-foreground opacity-0 transition-[color,background-color,border-color,opacity] duration-control group-data-[checked]/toggle-card:border-primary group-data-[checked]/toggle-card:bg-primary group-data-[checked]/toggle-card:opacity-100";
|
|
47
|
+
function f(e) {
|
|
48
|
+
return e === !0 ? "corner" : e === !1 ? null : e;
|
|
49
|
+
}
|
|
50
|
+
var p = i.createContext(null);
|
|
51
|
+
function m({ className: t, columns: r, size: o, align: s, indicator: l, children: u, ...d }) {
|
|
52
|
+
let f = i.useMemo(() => ({
|
|
53
|
+
size: o,
|
|
54
|
+
align: s,
|
|
55
|
+
indicator: l
|
|
89
56
|
}), [
|
|
90
|
-
a,
|
|
91
57
|
o,
|
|
92
|
-
s
|
|
58
|
+
s,
|
|
59
|
+
l
|
|
93
60
|
]);
|
|
94
|
-
return /* @__PURE__ */
|
|
61
|
+
return /* @__PURE__ */ a(p.Provider, {
|
|
95
62
|
value: f,
|
|
96
|
-
children: /* @__PURE__ */
|
|
63
|
+
children: /* @__PURE__ */ a(n, {
|
|
97
64
|
slot: "toggle-card-group",
|
|
98
|
-
className: e(
|
|
65
|
+
className: e(c({ columns: r }), t),
|
|
99
66
|
...d,
|
|
100
|
-
children:
|
|
67
|
+
children: u
|
|
101
68
|
})
|
|
102
69
|
});
|
|
103
70
|
}
|
|
104
|
-
function h({ className:
|
|
105
|
-
let
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
71
|
+
function h({ className: n, size: s, align: c, value: m, pressed: h, onPressedChange: g, icon: _, title: v, description: y, meta: b, indicator: x, children: S, ...C }) {
|
|
72
|
+
let w = i.useContext(p), T = s ?? w?.size ?? "md", E = c ?? w?.align ?? "start", D = f(x ?? w?.indicator ?? !0), O = D && /* @__PURE__ */ a("span", {
|
|
73
|
+
"data-slot": "toggle-card-indicator",
|
|
74
|
+
"data-placement": D,
|
|
75
|
+
"aria-hidden": "true",
|
|
76
|
+
className: e(d, D === "corner" ? "absolute right-2 top-2" : "mt-0.5 shrink-0"),
|
|
77
|
+
children: /* @__PURE__ */ a(r, { className: "size-3" })
|
|
78
|
+
});
|
|
79
|
+
return /* @__PURE__ */ o(t, {
|
|
80
|
+
grouped: w !== null,
|
|
81
|
+
value: m,
|
|
82
|
+
pressed: h,
|
|
83
|
+
onPressedChange: g,
|
|
111
84
|
"data-slot": "toggle-card",
|
|
112
|
-
"data-size":
|
|
113
|
-
className: e(
|
|
114
|
-
size:
|
|
115
|
-
align:
|
|
116
|
-
}),
|
|
117
|
-
...
|
|
85
|
+
"data-size": T,
|
|
86
|
+
className: e(l({
|
|
87
|
+
size: T,
|
|
88
|
+
align: E
|
|
89
|
+
}), D === "corner" && (E === "center" ? "px-6" : "pr-8"), n),
|
|
90
|
+
...C,
|
|
118
91
|
children: [
|
|
119
|
-
/* @__PURE__ */
|
|
92
|
+
/* @__PURE__ */ o("span", {
|
|
120
93
|
"data-slot": "toggle-card-header",
|
|
121
|
-
className:
|
|
94
|
+
className: u({ align: E }),
|
|
122
95
|
children: [
|
|
123
|
-
|
|
96
|
+
_ != null && /* @__PURE__ */ a("span", {
|
|
124
97
|
"data-slot": "toggle-card-icon",
|
|
125
|
-
className: e("flex shrink-0 items-center text-muted-foreground transition-colors duration-control group-data-[checked]/toggle-card:text-primary",
|
|
98
|
+
className: e("flex shrink-0 items-center text-muted-foreground transition-colors duration-control group-data-[checked]/toggle-card:text-primary", E === "start" && "mt-0.5"),
|
|
126
99
|
"aria-hidden": "true",
|
|
127
|
-
children:
|
|
100
|
+
children: _
|
|
128
101
|
}),
|
|
129
|
-
(
|
|
102
|
+
(v != null || y != null) && /* @__PURE__ */ o("span", {
|
|
130
103
|
"data-slot": "toggle-card-body",
|
|
131
104
|
className: "flex min-w-0 flex-1 flex-col gap-1",
|
|
132
|
-
children: [
|
|
105
|
+
children: [v != null && /* @__PURE__ */ a("span", {
|
|
133
106
|
"data-slot": "toggle-card-title",
|
|
134
107
|
className: "font-medium",
|
|
135
|
-
children:
|
|
136
|
-
}),
|
|
108
|
+
children: v
|
|
109
|
+
}), y != null && /* @__PURE__ */ a("span", {
|
|
137
110
|
"data-slot": "toggle-card-description",
|
|
138
111
|
className: "text-xs font-normal text-muted-foreground",
|
|
139
|
-
children:
|
|
112
|
+
children: y
|
|
140
113
|
})]
|
|
141
114
|
}),
|
|
142
|
-
|
|
115
|
+
b != null && /* @__PURE__ */ a("span", {
|
|
143
116
|
"data-slot": "toggle-card-meta",
|
|
144
117
|
className: "shrink-0 text-muted-foreground",
|
|
145
|
-
children:
|
|
146
|
-
})
|
|
118
|
+
children: b
|
|
119
|
+
}),
|
|
120
|
+
D === "trailing" && O
|
|
147
121
|
]
|
|
148
122
|
}),
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
"data-slot": "toggle-card-indicator",
|
|
152
|
-
"aria-hidden": "true",
|
|
153
|
-
className: "pointer-events-none absolute right-2 top-2 flex size-4 items-center justify-center rounded-full border border-input text-primary-foreground opacity-0 transition-[color,background-color,border-color,opacity] duration-control group-data-[checked]/toggle-card:border-primary group-data-[checked]/toggle-card:bg-primary group-data-[checked]/toggle-card:opacity-100",
|
|
154
|
-
children: /* @__PURE__ */ r(t, { className: "size-3" })
|
|
155
|
-
})
|
|
123
|
+
S,
|
|
124
|
+
D === "corner" && O
|
|
156
125
|
]
|
|
157
126
|
});
|
|
158
127
|
}
|
|
159
|
-
var g =
|
|
160
|
-
variants: {
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
128
|
+
var g = s("gap-2", {
|
|
129
|
+
variants: {
|
|
130
|
+
layout: {
|
|
131
|
+
inline: "flex items-center",
|
|
132
|
+
grid: "grid w-full items-stretch"
|
|
133
|
+
},
|
|
134
|
+
columns: {
|
|
135
|
+
2: "",
|
|
136
|
+
3: "",
|
|
137
|
+
4: ""
|
|
138
|
+
},
|
|
139
|
+
wrap: {
|
|
140
|
+
true: "",
|
|
141
|
+
false: ""
|
|
142
|
+
}
|
|
143
|
+
},
|
|
144
|
+
compoundVariants: [
|
|
145
|
+
{
|
|
146
|
+
layout: "grid",
|
|
147
|
+
columns: "2",
|
|
148
|
+
class: "grid-cols-2"
|
|
149
|
+
},
|
|
150
|
+
{
|
|
151
|
+
layout: "grid",
|
|
152
|
+
columns: "3",
|
|
153
|
+
class: "grid-cols-3"
|
|
154
|
+
},
|
|
155
|
+
{
|
|
156
|
+
layout: "grid",
|
|
157
|
+
columns: "4",
|
|
158
|
+
class: "grid-cols-4"
|
|
159
|
+
},
|
|
160
|
+
{
|
|
161
|
+
layout: "inline",
|
|
162
|
+
wrap: !0,
|
|
163
|
+
class: "flex-wrap"
|
|
164
|
+
},
|
|
165
|
+
{
|
|
166
|
+
layout: "inline",
|
|
167
|
+
wrap: !1,
|
|
168
|
+
class: "flex-nowrap"
|
|
169
|
+
}
|
|
170
|
+
],
|
|
171
|
+
defaultVariants: {
|
|
172
|
+
layout: "inline",
|
|
173
|
+
columns: "2",
|
|
174
|
+
wrap: !0
|
|
175
|
+
}
|
|
176
|
+
}), _ = s([
|
|
177
|
+
"group/segmented-item cursor-pointer items-center justify-center gap-1.5",
|
|
167
178
|
"border border-input bg-transparent font-medium text-foreground",
|
|
168
179
|
"transition-[color,background-color,border-color,box-shadow] duration-control outline-none",
|
|
169
180
|
"not-data-[checked]:hover:border-primary/50 not-data-[checked]:hover:bg-accent",
|
|
@@ -172,40 +183,94 @@ var g = a("flex items-center gap-2", {
|
|
|
172
183
|
"disabled:pointer-events-none disabled:opacity-50",
|
|
173
184
|
"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"
|
|
174
185
|
], {
|
|
175
|
-
variants: {
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
186
|
+
variants: {
|
|
187
|
+
size: {
|
|
188
|
+
sm: "rounded-md px-2.5 text-xs",
|
|
189
|
+
md: "rounded-md px-3 text-sm",
|
|
190
|
+
lg: "rounded-md px-4 text-sm"
|
|
191
|
+
},
|
|
192
|
+
layout: {
|
|
193
|
+
inline: "inline-flex whitespace-nowrap",
|
|
194
|
+
grid: "flex w-full text-center"
|
|
195
|
+
}
|
|
196
|
+
},
|
|
197
|
+
compoundVariants: [
|
|
198
|
+
{
|
|
199
|
+
layout: "inline",
|
|
200
|
+
size: "sm",
|
|
201
|
+
class: "h-7"
|
|
202
|
+
},
|
|
203
|
+
{
|
|
204
|
+
layout: "inline",
|
|
205
|
+
size: "md",
|
|
206
|
+
class: "h-8"
|
|
207
|
+
},
|
|
208
|
+
{
|
|
209
|
+
layout: "inline",
|
|
210
|
+
size: "lg",
|
|
211
|
+
class: "h-9"
|
|
212
|
+
},
|
|
213
|
+
{
|
|
214
|
+
layout: "grid",
|
|
215
|
+
size: "sm",
|
|
216
|
+
class: "min-h-7 py-1.5"
|
|
217
|
+
},
|
|
218
|
+
{
|
|
219
|
+
layout: "grid",
|
|
220
|
+
size: "md",
|
|
221
|
+
class: "min-h-8 py-1.5"
|
|
222
|
+
},
|
|
223
|
+
{
|
|
224
|
+
layout: "grid",
|
|
225
|
+
size: "lg",
|
|
226
|
+
class: "min-h-9 py-2"
|
|
227
|
+
}
|
|
228
|
+
],
|
|
229
|
+
defaultVariants: {
|
|
230
|
+
size: "md",
|
|
231
|
+
layout: "inline"
|
|
232
|
+
}
|
|
233
|
+
}), v = i.createContext(null);
|
|
234
|
+
function y({ className: t, size: r, layout: o = "inline", columns: s = "2", wrap: c, children: l, ...u }) {
|
|
235
|
+
let d = i.useMemo(() => ({
|
|
236
|
+
size: r,
|
|
237
|
+
layout: o
|
|
238
|
+
}), [r, o]);
|
|
239
|
+
return /* @__PURE__ */ a(v.Provider, {
|
|
240
|
+
value: d,
|
|
241
|
+
children: /* @__PURE__ */ a(n, {
|
|
187
242
|
slot: "segmented-control",
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
243
|
+
"data-layout": o,
|
|
244
|
+
"data-columns": o === "grid" ? s : void 0,
|
|
245
|
+
className: e(g({
|
|
246
|
+
layout: o,
|
|
247
|
+
columns: s,
|
|
248
|
+
wrap: c
|
|
249
|
+
}), t),
|
|
250
|
+
...u,
|
|
251
|
+
children: l
|
|
191
252
|
})
|
|
192
253
|
});
|
|
193
254
|
}
|
|
194
|
-
function b({ className:
|
|
195
|
-
let d =
|
|
196
|
-
return /* @__PURE__ */
|
|
255
|
+
function b({ className: n, size: r, value: o, pressed: s, onPressedChange: c, children: l, ...u }) {
|
|
256
|
+
let d = i.useContext(v), f = r ?? d?.size ?? "md", p = d?.layout ?? "inline";
|
|
257
|
+
return /* @__PURE__ */ a(t, {
|
|
197
258
|
grouped: d !== null,
|
|
198
|
-
value:
|
|
199
|
-
pressed:
|
|
200
|
-
onPressedChange:
|
|
259
|
+
value: o,
|
|
260
|
+
pressed: s,
|
|
261
|
+
onPressedChange: c,
|
|
201
262
|
"data-slot": "segmented-control-item",
|
|
202
263
|
"data-size": f,
|
|
203
|
-
|
|
264
|
+
"data-layout": p,
|
|
265
|
+
className: e(_({
|
|
266
|
+
size: f,
|
|
267
|
+
layout: p
|
|
268
|
+
}), n),
|
|
204
269
|
...u,
|
|
205
|
-
children:
|
|
270
|
+
children: l
|
|
206
271
|
});
|
|
207
272
|
}
|
|
208
273
|
//#endregion
|
|
209
|
-
export { y as SegmentedControl, b as SegmentedControlItem, h as ToggleCard, m as ToggleCardGroup, _ as segmentedControlItemVariants, g as segmentedControlVariants,
|
|
274
|
+
export { y as SegmentedControl, b as SegmentedControlItem, h as ToggleCard, m as ToggleCardGroup, _ as segmentedControlItemVariants, g as segmentedControlVariants, c as toggleCardGroupVariants, l as toggleCardVariants };
|
|
210
275
|
|
|
211
276
|
//# sourceMappingURL=toggle-card.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggle-card.js","names":[],"sources":["../../../src/components/forms/toggle-card.tsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"toggle-card.js","names":[],"sources":["../../../src/components/forms/toggle-card.tsx"],"mappings":"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"}
|
|
@@ -5,7 +5,7 @@ import * as React from "react";
|
|
|
5
5
|
import type { SelectionGroupNameProps } from "./toggle-card";
|
|
6
6
|
declare const toggleVariants: (props?: ({
|
|
7
7
|
variant?: "default" | "outline" | null | undefined;
|
|
8
|
-
size?: "
|
|
8
|
+
size?: "sm" | "lg" | "default" | "icon" | "icon-sm" | null | undefined;
|
|
9
9
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
10
10
|
export type ToggleProps = Omit<React.ComponentProps<typeof TogglePrimitive>, "onPressedChange"> & VariantProps<typeof toggleVariants> & {
|
|
11
11
|
/**
|
|
@@ -4,7 +4,7 @@ declare const flexVariants: (props?: ({
|
|
|
4
4
|
direction?: "col" | "row" | null | undefined;
|
|
5
5
|
align?: "end" | "start" | "center" | "baseline" | "stretch" | null | undefined;
|
|
6
6
|
justify?: "end" | "start" | "center" | "between" | null | undefined;
|
|
7
|
-
gap?: "0" | "1" | "
|
|
7
|
+
gap?: "0" | "1" | "2" | "0.5" | "1.5" | "2.5" | "3" | "4" | "5" | "6" | "8" | "12" | null | undefined;
|
|
8
8
|
wrap?: boolean | null | undefined;
|
|
9
9
|
inline?: boolean | null | undefined;
|
|
10
10
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
@@ -5,7 +5,7 @@ declare const gridVariants: (props?: ({
|
|
|
5
5
|
sm?: "1" | "2" | "3" | "4" | "5" | "6" | "8" | null | undefined;
|
|
6
6
|
md?: "1" | "2" | "3" | "4" | "5" | "6" | "8" | null | undefined;
|
|
7
7
|
lg?: "1" | "2" | "3" | "4" | "5" | "6" | "8" | null | undefined;
|
|
8
|
-
gap?: "0" | "1" | "
|
|
8
|
+
gap?: "0" | "1" | "2" | "0.5" | "1.5" | "2.5" | "3" | "4" | "5" | "6" | "8" | "12" | null | undefined;
|
|
9
9
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
10
10
|
/**
|
|
11
11
|
* CSS grid container with an enumerated column count and gap scale.
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { type VariantProps } from "class-variance-authority";
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
declare const stackVariants: (props?: ({
|
|
4
|
-
gap?: "0" | "1" | "
|
|
4
|
+
gap?: "0" | "1" | "2" | "0.5" | "1.5" | "2.5" | "3" | "4" | "5" | "6" | "8" | "12" | null | undefined;
|
|
5
5
|
align?: "end" | "start" | "center" | "stretch" | null | undefined;
|
|
6
6
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
7
7
|
/**
|
|
@@ -37,7 +37,7 @@ function d({ className: n, children: o, "aria-label": s = "Media viewer", ...l }
|
|
|
37
37
|
children: [o, /* @__PURE__ */ r(t, {
|
|
38
38
|
"data-slot": "lightbox-close",
|
|
39
39
|
size: "md",
|
|
40
|
-
className: "right-0 top-0 bg-white/15 text-white hover:bg-white/25
|
|
40
|
+
className: "right-0 top-0 bg-white/15 text-white hover:bg-white/25"
|
|
41
41
|
})]
|
|
42
42
|
})] });
|
|
43
43
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lightbox.js","names":[],"sources":["../../../src/components/overlays/lightbox.tsx"],"mappings":";;;;;;;AAuBA,IAAM,IAAW,EAAkB;AAEnC,SAAS,EAAgB,EACvB,aAAU,IACV,aACA,GAAG,KAC8E;CACjF,OACE,kBAAC,EAAkB,SAAnB;EACE,aAAU;EACV,GAAK,IAAU,EAAE,QAAQ,EAAM,SAAS,KAAK,CAAQ,EAAwB,IAAI,EAAE,YAAS;EAC5F,GAAI;CACL,CAAA;AAEL;AAEA,IAAM,IAAiB,EAAkB;AAEzC,SAAS,EAAc,EACrB,aAAU,IACV,aACA,GAAG,KAC4E;CAC/E,OACE,kBAAC,EAAkB,OAAnB;EACE,aAAU;EACV,GAAK,IAAU,EAAE,QAAQ,EAAM,SAAS,KAAK,CAAQ,EAAwB,IAAI,EAAE,YAAS;EAC5F,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAgB,EAAE,cAAW,GAAG,KAAkE;CACzG,OACE,kBAAC,EAAkB,UAAnB;EACE,aAAU;EAWV,WAAW,EACT,4JACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAYA,SAAS,EAAgB,EACvB,cACA,aACA,cAAc,IAAY,gBAC1B,GAAG,KACoB;CACvB,OACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,CAAkB,CAAA,GAUlB,kBAAC,EAAkB,OAAnB;EACE,aAAU;EACV,cAAY;EACZ,WAAW,EAIT,uVAUA,iOACA,CACF;EACA,GAAI;EApBN,UAAA,CAsBG,
|
|
1
|
+
{"version":3,"file":"lightbox.js","names":[],"sources":["../../../src/components/overlays/lightbox.tsx"],"mappings":";;;;;;;AAuBA,IAAM,IAAW,EAAkB;AAEnC,SAAS,EAAgB,EACvB,aAAU,IACV,aACA,GAAG,KAC8E;CACjF,OACE,kBAAC,EAAkB,SAAnB;EACE,aAAU;EACV,GAAK,IAAU,EAAE,QAAQ,EAAM,SAAS,KAAK,CAAQ,EAAwB,IAAI,EAAE,YAAS;EAC5F,GAAI;CACL,CAAA;AAEL;AAEA,IAAM,IAAiB,EAAkB;AAEzC,SAAS,EAAc,EACrB,aAAU,IACV,aACA,GAAG,KAC4E;CAC/E,OACE,kBAAC,EAAkB,OAAnB;EACE,aAAU;EACV,GAAK,IAAU,EAAE,QAAQ,EAAM,SAAS,KAAK,CAAQ,EAAwB,IAAI,EAAE,YAAS;EAC5F,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAgB,EAAE,cAAW,GAAG,KAAkE;CACzG,OACE,kBAAC,EAAkB,UAAnB;EACE,aAAU;EAWV,WAAW,EACT,4JACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAYA,SAAS,EAAgB,EACvB,cACA,aACA,cAAc,IAAY,gBAC1B,GAAG,KACoB;CACvB,OACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,CAAkB,CAAA,GAUlB,kBAAC,EAAkB,OAAnB;EACE,aAAU;EACV,cAAY;EACZ,WAAW,EAIT,uVAUA,iOACA,CACF;EACA,GAAI;EApBN,UAAA,CAsBG,GAmCD,kBAAC,GAAD;GACE,aAAU;GACV,MAAK;GACL,WAAU;EACX,CAAA,CACsB;CACX,CAAA,CAAA,EAAA,CAAA;AAEpB;AAEA,SAAS,EAAe,EAAE,cAAW,GAAG,KAAsC;CAC5E,OACE,kBAAC,OAAD;EACE,aAAU;EAKV,WAAW,EAAG,+DAA+D,CAAS;EACtF,GAAI;CACL,CAAA;AAEL"}
|
|
@@ -6,7 +6,7 @@ import { jsx as n, jsxs as r } from "react/jsx-runtime";
|
|
|
6
6
|
import { cva as i } from "class-variance-authority";
|
|
7
7
|
import { Dialog as a } from "@base-ui/react/dialog";
|
|
8
8
|
//#region src/components/overlays/overlay-close.tsx
|
|
9
|
-
var o = i("absolute right-4 top-4 flex items-center justify-center rounded-full bg-muted/80 transition-colors hover:bg-muted
|
|
9
|
+
var o = i("absolute right-4 top-4 flex items-center justify-center rounded-full bg-muted/80 transition-colors hover:bg-muted focus-ring disabled:pointer-events-none disabled:opacity-50", {
|
|
10
10
|
variants: { size: {
|
|
11
11
|
sm: "size-8 [&_svg]:size-4",
|
|
12
12
|
md: "size-10 [&_svg]:size-5"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"overlay-close.js","names":[],"sources":["../../../src/components/overlays/overlay-close.tsx"],"mappings":";;;;;;;;AAgBA,IAAM,IAAuB,EAC3B,
|
|
1
|
+
{"version":3,"file":"overlay-close.js","names":[],"sources":["../../../src/components/overlays/overlay-close.tsx"],"mappings":";;;;;;;;AAgBA,IAAM,IAAuB,EAC3B,iLACA;CACE,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;CACN,EACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CACF;AAkBA,SAAS,EAAa,EAAE,SAAM,cAAW,WAAQ,SAAS,GAAG,KAA4B;CACvF,OACE,kBAAC,EAAgB,OAAjB;EAAuB,WAAW,EAAG,EAAqB,EAAE,QAAK,CAAC,GAAG,CAAS;EAAG,GAAI;EAArF,UAAA,CACE,kBAAC,GAAD,CAAI,CAAA,GACJ,kBAAC,QAAD;GAAM,WAAU;GAAW,UAAA;EAAY,CAAA,CAClB;;AAE3B"}
|
|
@@ -60,7 +60,7 @@ function m({ previews: o, previewLabel: m, size: h = "md", boardType: g, default
|
|
|
60
60
|
type: "button",
|
|
61
61
|
"aria-pressed": n,
|
|
62
62
|
onClick: () => T(t),
|
|
63
|
-
className: e("border px-4 py-1.5 text-xs font-medium transition-colors", "first:rounded-l-full last:rounded-r-full [&:not(:last-child)]:border-r-0", "
|
|
63
|
+
className: e("border px-4 py-1.5 text-xs font-medium transition-colors", "first:rounded-l-full last:rounded-r-full [&:not(:last-child)]:border-r-0", "focus-ring", n ? "border-primary bg-primary font-semibold text-primary-foreground" : "text-muted-foreground hover:border-brand hover:text-brand"),
|
|
64
64
|
children: t === "black" ? x.blackBoard : x.whiteBoard
|
|
65
65
|
}, t);
|
|
66
66
|
})
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"board-showcase.js","names":[],"sources":["../../../src/components/plugin/board-showcase.tsx"],"mappings":";;;;;;;;AAiCA,IAAa,IAA+C;CAC1D,GAAG;CACH,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;AACd,GAsBM,IACJ;AAIF,SAAgB,EAAc,EAC5B,aACA,iBACA,UAAO,MACP,cACA,sBAAmB,SACnB,sBACA,WACA,gBACqB;CACrB,IAAM,IAAI;EAAE,GAAG;EAAyB,GAAG;CAAO,GAC5C,CAAC,GAAuB,KAA4B,EAA4B,CAAgB,GAChG,IAAkB,KAAa;CAErC,SAAS,EAAgB,GAAyB;EAEhD,AADI,MAAc,KAAA,KAAW,EAAyB,CAAI,GAC1D,IAAoB,CAAI;CAC1B;CAEA,IAAI,EAAS,WAAW,GAAG,OAAO;CAElC,IAAM,IAAY,EAAc,GAAU,CAAC;CAE3C,OACE,kBAAC,OAAD;EAAK,aAAU;EAAiB,WAAW,EAAG,oCAAoC,CAAS;EAA3F,UAAA,CACE,kBAAC,GAAD;GAAM,cAAc;GAAG,WAAU;GAAjC,UAAA,CACG,EAAS,SAAS,KACjB,kBAAC,GAAD;IAAU,cAAY,EAAE;IAAY,WAAU;IAC3C,UAAA,EAAU,KAAK,GAAO,MACrB,kBAAC,GAAD;KAAyB,OAAO;KAAO,WAAW;KAC/C,UAAA;IACU,GAFK,CAEL,CACd;GACO,CAAA,GAGX,EAAS,KAAK,GAAS,MACtB,kBAAC,GAAD;IAEE,OAAO;IACP,WAAU;IAEV,UAAA,kBAAC,GAAD;KACE,SAAS,EAAe,CAAO;KACzB;KACN,WAAW;KACX,YAAY,EAAQ,eAAe;KACnC,WAAW,EAAQ,cAAc;KACjC,WAAW,EAAQ,cAAc;KACnB;IACf,CAAA;GACU,GAbN,EAAU,EAaJ,CACd,CACG;EAEN,CAAA,GAAA,kBAAC,OAAD;GAAK,MAAK;GAAQ,cAAY,EAAE;GAAY,WAAU;GAClD,UAAA,CAAC,SAAS,OAAO,CAAC,CAAW,KAAK,MAAU;IAC5C,IAAM,IAAS,MAAoB;IACnC,OACE,kBAAC,UAAD;KAEE,MAAK;KACL,gBAAc;KACd,eAAe,EAAgB,CAAK;KACpC,WAAW,EACT,4DACA,4EACA,
|
|
1
|
+
{"version":3,"file":"board-showcase.js","names":[],"sources":["../../../src/components/plugin/board-showcase.tsx"],"mappings":";;;;;;;;AAiCA,IAAa,IAA+C;CAC1D,GAAG;CACH,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;AACd,GAsBM,IACJ;AAIF,SAAgB,EAAc,EAC5B,aACA,iBACA,UAAO,MACP,cACA,sBAAmB,SACnB,sBACA,WACA,gBACqB;CACrB,IAAM,IAAI;EAAE,GAAG;EAAyB,GAAG;CAAO,GAC5C,CAAC,GAAuB,KAA4B,EAA4B,CAAgB,GAChG,IAAkB,KAAa;CAErC,SAAS,EAAgB,GAAyB;EAEhD,AADI,MAAc,KAAA,KAAW,EAAyB,CAAI,GAC1D,IAAoB,CAAI;CAC1B;CAEA,IAAI,EAAS,WAAW,GAAG,OAAO;CAElC,IAAM,IAAY,EAAc,GAAU,CAAC;CAE3C,OACE,kBAAC,OAAD;EAAK,aAAU;EAAiB,WAAW,EAAG,oCAAoC,CAAS;EAA3F,UAAA,CACE,kBAAC,GAAD;GAAM,cAAc;GAAG,WAAU;GAAjC,UAAA,CACG,EAAS,SAAS,KACjB,kBAAC,GAAD;IAAU,cAAY,EAAE;IAAY,WAAU;IAC3C,UAAA,EAAU,KAAK,GAAO,MACrB,kBAAC,GAAD;KAAyB,OAAO;KAAO,WAAW;KAC/C,UAAA;IACU,GAFK,CAEL,CACd;GACO,CAAA,GAGX,EAAS,KAAK,GAAS,MACtB,kBAAC,GAAD;IAEE,OAAO;IACP,WAAU;IAEV,UAAA,kBAAC,GAAD;KACE,SAAS,EAAe,CAAO;KACzB;KACN,WAAW;KACX,YAAY,EAAQ,eAAe;KACnC,WAAW,EAAQ,cAAc;KACjC,WAAW,EAAQ,cAAc;KACnB;IACf,CAAA;GACU,GAbN,EAAU,EAaJ,CACd,CACG;EAEN,CAAA,GAAA,kBAAC,OAAD;GAAK,MAAK;GAAQ,cAAY,EAAE;GAAY,WAAU;GAClD,UAAA,CAAC,SAAS,OAAO,CAAC,CAAW,KAAK,MAAU;IAC5C,IAAM,IAAS,MAAoB;IACnC,OACE,kBAAC,UAAD;KAEE,MAAK;KACL,gBAAc;KACd,eAAe,EAAgB,CAAK;KACpC,WAAW,EACT,4DACA,4EACA,cACA,IACI,oEACA,2DACN;KAEC,UAAA,MAAU,UAAU,EAAE,aAAa,EAAE;IAChC,GAdD,CAcC;GAEZ,CAAC;EACE,CAAA,CACF;;AAET"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { type VariantProps } from "class-variance-authority";
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
declare const headingVariants: (props?: ({
|
|
4
|
-
tone?: "
|
|
4
|
+
tone?: "muted" | "default" | "destructive" | null | undefined;
|
|
5
5
|
size?: "base" | "sm" | "lg" | "xl" | null | undefined;
|
|
6
6
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
7
7
|
interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement>, VariantProps<typeof headingVariants> {
|