@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.
Files changed (56) hide show
  1. package/README.md +18 -0
  2. package/dist/components/chrome/nav-list.d.ts +53 -0
  3. package/dist/components/chrome/nav-list.js +84 -0
  4. package/dist/components/chrome/nav-list.js.map +1 -0
  5. package/dist/components/containment/icon-tile.d.ts +67 -0
  6. package/dist/components/containment/icon-tile.js +44 -0
  7. package/dist/components/containment/icon-tile.js.map +1 -0
  8. package/dist/components/containment/json-tree.js +1 -1
  9. package/dist/components/containment/json-tree.js.map +1 -1
  10. package/dist/components/containment/scroll-area.d.ts +17 -0
  11. package/dist/components/containment/scroll-area.js +2 -2
  12. package/dist/components/containment/scroll-area.js.map +1 -1
  13. package/dist/components/containment/tabs.js +2 -2
  14. package/dist/components/containment/tabs.js.map +1 -1
  15. package/dist/components/editor/formula/formula-editor-panel.js +2 -2
  16. package/dist/components/editor/formula/formula-editor-panel.js.map +1 -1
  17. package/dist/components/editor/template-editor-toolbar.d.ts +27 -3
  18. package/dist/components/editor/template-editor-toolbar.js +99 -96
  19. package/dist/components/editor/template-editor-toolbar.js.map +1 -1
  20. package/dist/components/forms/button.d.ts +1 -1
  21. package/dist/components/forms/button.js +2 -0
  22. package/dist/components/forms/button.js.map +1 -1
  23. package/dist/components/forms/selection-group.d.ts +82 -0
  24. package/dist/components/forms/selection-group.js +51 -0
  25. package/dist/components/forms/selection-group.js.map +1 -0
  26. package/dist/components/forms/swatch.d.ts +81 -0
  27. package/dist/components/forms/swatch.js +91 -0
  28. package/dist/components/forms/swatch.js.map +1 -0
  29. package/dist/components/forms/timezone-picker.d.ts +163 -0
  30. package/dist/components/forms/timezone-picker.js +158 -0
  31. package/dist/components/forms/timezone-picker.js.map +1 -0
  32. package/dist/components/forms/toggle-card.d.ts +45 -35
  33. package/dist/components/forms/toggle-card.js +187 -122
  34. package/dist/components/forms/toggle-card.js.map +1 -1
  35. package/dist/components/forms/toggle.d.ts +1 -1
  36. package/dist/components/layout/flex.d.ts +1 -1
  37. package/dist/components/layout/grid.d.ts +1 -1
  38. package/dist/components/layout/stack.d.ts +1 -1
  39. package/dist/components/overlays/lightbox.js +1 -1
  40. package/dist/components/overlays/lightbox.js.map +1 -1
  41. package/dist/components/overlays/overlay-close.js +1 -1
  42. package/dist/components/overlays/overlay-close.js.map +1 -1
  43. package/dist/components/plugin/board-showcase.js +1 -1
  44. package/dist/components/plugin/board-showcase.js.map +1 -1
  45. package/dist/components/typography/heading.d.ts +1 -1
  46. package/dist/components/typography/text-link.d.ts +27 -3
  47. package/dist/components/typography/text-link.js +1 -1
  48. package/dist/components/typography/text-link.js.map +1 -1
  49. package/dist/components/typography/text.d.ts +1 -1
  50. package/dist/components/wizard/wizard-shell.d.ts +6 -1
  51. package/dist/components/wizard/wizard-shell.js +38 -35
  52. package/dist/components/wizard/wizard-shell.js.map +1 -1
  53. package/dist/index.d.ts +4 -0
  54. package/dist/index.js +104 -100
  55. package/dist/theme.css +85 -4
  56. 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
- * A `radiogroup` has no implicit label, so axe (and every screen reader)
5
- * needs one from the call site. Requiring it in the type means a group can
6
- * never ship nameless: pass `aria-label`, or `aria-labelledby` pointing at
7
- * the heading/`<Label>` that already introduces the options.
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
- /** Show the selected-check on every card in the group. @default true */
47
- indicator?: boolean;
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
- * Render a check in the corner when selected, so selection is not carried
75
- * by hue alone. @default true
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?: boolean;
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
- export type SegmentedControlProps = SelectionGroupBaseProps & SelectionGroupNameProps & VariantProps<typeof segmentedControlVariants> & {
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 { Check as t } from "lucide-react";
4
- import * as n from "react";
5
- import { jsx as r, jsxs as i } from "react/jsx-runtime";
6
- import { cva as a } from "class-variance-authority";
7
- import { Radio as o } from "@base-ui/react/radio";
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
- function c({ slot: e, onValueChange: t, className: n, children: i, ...a }) {
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
- }), d = a([
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
- }), f = a("flex w-full min-w-0", {
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
- }), p = n.createContext(null);
84
- function m({ className: t, columns: i, size: a, align: o, indicator: s, children: l, ...d }) {
85
- let f = n.useMemo(() => ({
86
- size: a,
87
- align: o,
88
- indicator: s
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__ */ r(p.Provider, {
61
+ return /* @__PURE__ */ a(p.Provider, {
95
62
  value: f,
96
- children: /* @__PURE__ */ r(c, {
63
+ children: /* @__PURE__ */ a(n, {
97
64
  slot: "toggle-card-group",
98
- className: e(u({ columns: i }), t),
65
+ className: e(c({ columns: r }), t),
99
66
  ...d,
100
- children: l
67
+ children: u
101
68
  })
102
69
  });
103
70
  }
104
- function h({ className: a, size: o, align: s, value: c, pressed: u, onPressedChange: m, icon: h, title: g, description: _, meta: v, indicator: y, children: b, ...x }) {
105
- let S = n.useContext(p), C = o ?? S?.size ?? "md", w = s ?? S?.align ?? "start", T = y ?? S?.indicator ?? !0;
106
- return /* @__PURE__ */ i(l, {
107
- grouped: S !== null,
108
- value: c,
109
- pressed: u,
110
- onPressedChange: m,
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": C,
113
- className: e(d({
114
- size: C,
115
- align: w
116
- }), T && (w === "center" ? "px-6" : "pr-8"), a),
117
- ...x,
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__ */ i("span", {
92
+ /* @__PURE__ */ o("span", {
120
93
  "data-slot": "toggle-card-header",
121
- className: f({ align: w }),
94
+ className: u({ align: E }),
122
95
  children: [
123
- h != null && /* @__PURE__ */ r("span", {
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", w === "start" && "mt-0.5"),
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: h
100
+ children: _
128
101
  }),
129
- (g != null || _ != null) && /* @__PURE__ */ i("span", {
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: [g != null && /* @__PURE__ */ r("span", {
105
+ children: [v != null && /* @__PURE__ */ a("span", {
133
106
  "data-slot": "toggle-card-title",
134
107
  className: "font-medium",
135
- children: g
136
- }), _ != null && /* @__PURE__ */ r("span", {
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
- v != null && /* @__PURE__ */ r("span", {
115
+ b != null && /* @__PURE__ */ a("span", {
143
116
  "data-slot": "toggle-card-meta",
144
117
  className: "shrink-0 text-muted-foreground",
145
- children: v
146
- })
118
+ children: b
119
+ }),
120
+ D === "trailing" && O
147
121
  ]
148
122
  }),
149
- b,
150
- T && /* @__PURE__ */ r("span", {
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 = a("flex items-center gap-2", {
160
- variants: { wrap: {
161
- true: "flex-wrap",
162
- false: "flex-nowrap"
163
- } },
164
- defaultVariants: { wrap: !0 }
165
- }), _ = a([
166
- "group/segmented-item inline-flex cursor-pointer items-center justify-center gap-1.5 whitespace-nowrap",
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: { size: {
176
- sm: "h-7 rounded-md px-2.5 text-xs",
177
- md: "h-8 rounded-md px-3 text-sm",
178
- lg: "h-9 rounded-md px-4 text-sm"
179
- } },
180
- defaultVariants: { size: "md" }
181
- }), v = n.createContext(null);
182
- function y({ className: t, size: i, wrap: a, children: o, ...s }) {
183
- let l = n.useMemo(() => ({ size: i }), [i]);
184
- return /* @__PURE__ */ r(v.Provider, {
185
- value: l,
186
- children: /* @__PURE__ */ r(c, {
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
- className: e(g({ wrap: a }), t),
189
- ...s,
190
- children: o
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: t, size: i, value: a, pressed: o, onPressedChange: s, children: c, ...u }) {
195
- let d = n.useContext(v), f = i ?? d?.size ?? "md";
196
- return /* @__PURE__ */ r(l, {
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: a,
199
- pressed: o,
200
- onPressedChange: s,
259
+ value: o,
260
+ pressed: s,
261
+ onPressedChange: c,
201
262
  "data-slot": "segmented-control-item",
202
263
  "data-size": f,
203
- className: e(_({ size: f }), t),
264
+ "data-layout": p,
265
+ className: e(_({
266
+ size: f,
267
+ layout: p
268
+ }), n),
204
269
  ...u,
205
- children: c
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, u as toggleCardGroupVariants, d as toggleCardVariants };
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":"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"}
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?: "default" | "icon" | "sm" | "lg" | "icon-sm" | null | undefined;
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" | "0.5" | "1.5" | "2" | "2.5" | "3" | "4" | "5" | "6" | "8" | "12" | null | undefined;
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" | "0.5" | "1.5" | "2" | "2.5" | "3" | "4" | "5" | "6" | "8" | "12" | null | undefined;
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" | "0.5" | "1.5" | "2" | "2.5" | "3" | "4" | "5" | "6" | "8" | "12" | null | undefined;
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 focus-visible:ring-white/60"
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,GAgBD,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"}
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 outline-none focus-visible:ring-ring/50 focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50", {
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,uOACA;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"}
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", "outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50", n ? "border-primary bg-primary font-semibold text-primary-foreground" : "text-muted-foreground hover:border-brand hover:text-brand"),
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,oEACA,IACI,oEACA,2DACN;KAEC,UAAA,MAAU,UAAU,EAAE,aAAa,EAAE;IAChC,GAdD,CAcC;GAEZ,CAAC;EACE,CAAA,CACF;;AAET"}
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?: "default" | "destructive" | "muted" | null | undefined;
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> {