@revolist/ui 4.0.2-rc → 4.0.3-rc

package/assignee/index.js

@@ -1,10 +1,9 @@
 import { i as e, t } from "../_chunks/hooks.module-CG3gN83z.js";
 import { t as n } from "../_chunks/jsxRuntime.module-F6UFnpT-.js";
-import { Input as r } from "../native-control.js";
-import { z as i } from "../_chunks/controls-DIum-E66.js";
-import { SearchInput as a } from "../search-input/index.js";
-import { SharedResourcePicker as o } from "../resource-picker/resource-picker.js";
-import { t as s } from "../_chunks/dropdown-voWqmwAe.js";
+import { l as r, n as i } from "../_chunks/native-control-C_yok8_-.js";
+import { R as a } from "../_chunks/controls-DsNi8V8I.js";
+import { SearchInput as o } from "../search-input/index.js";
+import { SharedResourcePicker as s } from "../resource-picker/resource-picker.js";
 import { EditorActions as c } from "../editor-actions.js";
 //#region src/assignee/model.ts
 function l(e) {
@@ -32,7 +31,7 @@ function f(e, t) {
 //#endregion
 //#region src/assignee/picker.tsx
 function p(e) {
-	let t = e.text, i = e.value.every((e) => u(e.units));
+	let t = e.text, r = e.value.every((e) => u(e.units));
 	return /* @__PURE__ */ n("div", {
 		id: e.id,
 		class: "rv-assignee-picker",
@@ -42,7 +41,7 @@ function p(e) {
 			(t.ctrlKey || t.metaKey) && t.key === "Enter" && (t.preventDefault(), t.stopPropagation(), e.value.every((e) => u(e.units)) && e.apply()), t.key === "Escape" && (t.preventDefault(), t.stopPropagation(), e.cancel());
 		},
 		children: [
-			/* @__PURE__ */ n(o, {
+			/* @__PURE__ */ n(s, {
 				resources: e.options.map((e) => ({
 					...e,
 					id: e.value,
@@ -63,20 +62,20 @@ function p(e) {
 			}),
 			/* @__PURE__ */ n("div", {
 				class: "rv-assignee-picker__allocations",
-				children: e.value.map((i) => {
-					let a = e.options.find((e) => e.value === i.value), o = a?.name ?? a?.label ?? String(i.value);
-					return /* @__PURE__ */ n("label", { children: [/* @__PURE__ */ n("span", { children: o }), /* @__PURE__ */ n(r, {
+				children: e.value.map((r) => {
+					let a = e.options.find((e) => e.value === r.value), o = a?.name ?? a?.label ?? String(r.value);
+					return /* @__PURE__ */ n("label", { children: [/* @__PURE__ */ n("span", { children: o }), /* @__PURE__ */ n(i, {
 						type: "number",
 						min: 0,
 						step: "any",
 						disabled: a?.disabled,
 						"aria-label": t?.unitsLabel?.(o) ?? `Units for ${o}`,
-						value: Number.isFinite(i.units) ? String(i.units) : "",
-						onInput: (t) => e.change(e.value.map((e) => e.value === i.value ? {
+						value: Number.isFinite(r.units) ? String(r.units) : "",
+						onInput: (t) => e.change(e.value.map((e) => e.value === r.value ? {
 							...e,
 							units: t.currentTarget.valueAsNumber
 						} : e))
-					})] }, `${typeof i.value}:${i.value}`);
+					})] }, `${typeof r.value}:${r.value}`);
 				})
 			}),
 			/* @__PURE__ */ n("div", {
@@ -88,14 +87,14 @@ function p(e) {
 					showConfirm: e.showActions ?? e.autoApply === !1,
 					apply: e.apply,
 					cancel: e.cancel,
-					disabled: !i,
+					disabled: !r,
 					text: {
 						apply: t?.apply ?? "Save",
 						cancel: t?.cancel ?? "Cancel"
 					}
 				})]
 			}),
-			!i && /* @__PURE__ */ n("p", {
+			!r && /* @__PURE__ */ n("p", {
 				role: "alert",
 				children: t?.invalidUnits ?? "Units must be a non-negative number."
 			})
@@ -104,27 +103,27 @@ function p(e) {
 }
 //#endregion
 //#region src/assignee/field.tsx
-function m({ value: r, options: i, theme: a, renderPicker: o, renderValue: c, save: d, cancel: m }) {
-	let [h, g] = e(() => l(r)), _ = t(h), v = t(!1), y = (e) => {
+function m({ value: i, options: a, theme: o, renderPicker: s, renderValue: c, save: d, cancel: m }) {
+	let [h, g] = e(() => l(i)), _ = t(h), v = t(!1), y = (e) => {
 		_.current = e, g(e);
-	}, b = () => _.current.every((e) => u(e.units)) ? (v.current = !0, d(_.current), !0) : !1, x = i.autoApply !== !1, S = new Map(i.source.map((e) => [e.value, e])), C = [...i.source, ...h.filter((e) => !S.has(e.value)).map((e) => ({
+	}, b = () => _.current.every((e) => u(e.units)) ? (v.current = !0, d(_.current), !0) : !1, x = a.autoApply !== !1, S = new Map(a.source.map((e) => [e.value, e])), C = [...a.source, ...h.filter((e) => !S.has(e.value)).map((e) => ({
 		value: e.value,
 		label: String(e.value)
-	}))], w = u(i.defaultUnits ?? 100) ? i.defaultUnits ?? 100 : 100;
-	return /* @__PURE__ */ n(s, {
+	}))], w = u(a.defaultUnits ?? 100) ? a.defaultUnits ?? 100 : 100;
+	return /* @__PURE__ */ n(r, {
 		source: C,
 		value: h.map((e) => e.value),
 		className: "rv-assignee-editor",
-		placeholder: i.text?.placeholder ?? "Assign people…",
+		placeholder: a.text?.placeholder ?? "Assign people…",
 		config: {
 			multiSelect: !0,
 			autoOpen: !0,
 			autoFocus: !0,
 			topLayer: !0,
-			ariaLabel: i.text?.label ?? "Assignees",
-			removeLabel: i.text?.removeLabel,
+			ariaLabel: a.text?.label ?? "Assignees",
+			removeLabel: a.text?.removeLabel,
 			popupClassName: "rv-assignee-picker-menu edit-input-wrapper",
-			theme: a
+			theme: o
 		},
 		renderValue: (e, t) => {
 			let n = h.find((e) => e.value === t.value)?.units ?? 0;
@@ -134,32 +133,32 @@ function m({ value: r, options: i, theme: a, renderPicker: o, renderValue: c, sa
 			let t = new Set(Array.isArray(e) ? e : [e]);
 			y(_.current.filter((e) => t.has(e.value)));
 		},
-		beforeOutsideClose: x ? () => _.current.every((e) => u(e.units)) ? JSON.stringify(_.current) === JSON.stringify(l(r)) || b() : !1 : void 0,
+		beforeOutsideClose: x ? () => _.current.every((e) => u(e.units)) ? JSON.stringify(_.current) === JSON.stringify(l(i)) || b() : !1 : void 0,
 		onClose: () => {
 			v.current || m();
 		},
 		renderContent: ({ id: e, close: t }) => {
 			let r = {
 				id: e,
-				options: i.source,
+				options: a.source,
 				value: h,
 				change: y,
 				autoApply: x,
-				showActions: i.showActions,
-				theme: a,
+				showActions: a.showActions,
+				theme: o,
 				defaultUnits: w,
-				showAvatars: i.showAvatars,
-				text: i.text,
+				showAvatars: a.showAvatars,
+				text: a.text,
 				apply: b,
 				cancel: () => t(!1)
 			};
-			return o ? o(r) : /* @__PURE__ */ n(p, { ...r });
+			return s ? s(r) : /* @__PURE__ */ n(p, { ...r });
 		}
 	});
 }
 //#endregion
 //#region src/assignee/layout.tsx
-function h({ query: e, onQueryChange: t, searchRef: r, children: o, ...s }) {
+function h({ query: e, onQueryChange: t, searchRef: r, children: i, ...s }) {
 	return /* @__PURE__ */ n("div", {
 		id: s.id,
 		class: "rv-assignee-picker",
@@ -171,7 +170,7 @@ function h({ query: e, onQueryChange: t, searchRef: r, children: o, ...s }) {
 		children: [
 			/* @__PURE__ */ n("div", {
 				class: "rv-assignee-picker__search",
-				children: /* @__PURE__ */ n(a, {
+				children: /* @__PURE__ */ n(o, {
 					inputRef: r,
 					autoFocus: !0,
 					"aria-label": s.text?.searchLabel ?? "Search assignees",
@@ -180,7 +179,7 @@ function h({ query: e, onQueryChange: t, searchRef: r, children: o, ...s }) {
 					onValueChange: t
 				})
 			}),
-			o,
+			i,
 			!s.options.some((t) => `${t.name ?? ""} ${t.label} ${t.role ?? ""}`.toLocaleLowerCase().includes(e.trim().toLocaleLowerCase())) && /* @__PURE__ */ n("p", {
 				role: "status",
 				children: s.text?.empty ?? "No assignees found"
@@ -201,7 +200,7 @@ function h({ query: e, onQueryChange: t, searchRef: r, children: o, ...s }) {
 					}
 				})]
 			}),
-			s.value.some((e) => !u(e.units)) && /* @__PURE__ */ n(i, {
+			s.value.some((e) => !u(e.units)) && /* @__PURE__ */ n(a, {
 				tone: "danger",
 				children: s.text?.invalidUnits ?? "Units must be a non-negative number."
 			})

package/buttons/delete-button.d.ts

@@ -1,6 +1,7 @@
-export declare const DeleteButton: ({ onClick, disabled, className, onMouseDown, onDblClick, locale, }: {
+export declare const DeleteButton: ({ onClick, disabled, rounded, className, onMouseDown, onDblClick, locale, }: {
     onClick: (e: MouseEvent) => void;
     disabled?: boolean;
+    rounded?: boolean;
     onMouseDown?: (event: MouseEvent) => void;
     onDblClick?: (event: MouseEvent) => void;
     className?: string;

package/buttons/delete-button.js

@@ -1 +1 @@
-export { t as DeleteButton } from "../_chunks/delete-button-Bblyah10.js";
+export { t as DeleteButton } from "../_chunks/delete-button-CW9vjLnk.js";

package/buttons/remove-button.js

@@ -1,5 +1,5 @@
 import { t as e } from "../_chunks/jsxRuntime.module-F6UFnpT-.js";
-import { t } from "../_chunks/delete-button-Bblyah10.js";
+import { t } from "../_chunks/delete-button-CW9vjLnk.js";
 //#region src/buttons/remove-button.tsx
 function n({ compact: n = !1, className: r = "", ...i }) {
 	return /* @__PURE__ */ e(t, {

package/buttons/svg-button.d.ts

@@ -1,6 +1,7 @@
 import { h, ComponentChildren, JSX } from '../_vendor/preact/src/index';
 export interface SvgButtonProps extends Omit<JSX.IntrinsicElements['button'], 'className' | 'children'> {
     readonly label: string;
+    readonly rounded?: boolean;
     readonly busy?: boolean;
     /** Explicit variants retain shared appearance when consumer classes are supplied. */
     readonly variant?: 'link' | 'ghost' | 'solid';

package/buttons/svg-button.js

@@ -1,15 +1,15 @@
 import { t as e } from "../_chunks/jsxRuntime.module-F6UFnpT-.js";
 import { SvgIcon as t } from "../icons/icon.js";
-import { controlClassName as n } from "../control-attributes.js";
-import { ButtonControl as r } from "../native-control.js";
-import { n as i } from "../_chunks/control-tooltip-ztgmsG7H.js";
+import { t as n } from "../_chunks/native-control-C_yok8_-.js";
+import { controlClassName as r } from "../control-attributes.js";
+import { n as i } from "../_chunks/control-tooltip-uscKfAnV.js";
 //#region src/buttons/svg-button.tsx
 function a({ label: a, variant: o, icon: s, visibleLabel: c, className: l, iconClassName: u, labelClassName: d, children: f, iconContent: p, badge: m, badgeClassName: h = "", class: g, disabled: _, ...v }) {
 	let y = i(a, !0, {
 		className: "rv-control-tooltip",
 		placement: "above"
 	});
-	return /* @__PURE__ */ e(r, {
+	return /* @__PURE__ */ e(n, {
 		type: "button",
 		"aria-label": m === void 0 ? a : `${a} ${m}`,
 		...v,
@@ -40,7 +40,7 @@ function a({ label: a, variant: o, icon: s, visibleLabel: c, className: l, iconC
 		onClick: (e) => {
 			y.hide(), v.onClick?.(e);
 		},
-		class: n(l ?? (o ? "" : "rv-btn-ghost"), o && `rv-btn-${o}`, g, "rv-icon-action", !c && "rv-btn-icon"),
+		class: r(l ?? (o ? "" : "rv-btn-ghost"), o && `rv-btn-${o}`, g, "rv-icon-action", !c && "rv-btn-icon"),
 		children: [
 			s ? /* @__PURE__ */ e(t, {
 				svg: s,

package/calendar/_calendar.scss

@@ -292,7 +292,12 @@
   gap: 2px;
   min-width: 0;
 }
-.revo-calendar__caption .rv-control {
+.revo-calendar__caption .dropdown-container {
+  flex: 1 1 0;
+  min-width: 0;
+  max-width: 58%;
+}
+.revo-calendar__caption .rv-select .dropdown-trigger {
   min-width: 0;
   width: auto;
   max-width: 58%;
@@ -300,7 +305,7 @@
   height: var(--calendar-cell-size);
   padding-block: 2px;
   padding-inline-start: 4px;
-  font-size: 12px;
+  font-size: var(--rv-control-font-size, 0.875rem);
   background-color: transparent;
   border-color: transparent;
 }

package/calendar/calendar.js

@@ -1 +1 @@
-export { t as Calendar } from "../_chunks/calendar-CpaUK7w1.js";
+export { t as Calendar } from "../_chunks/calendar-xpZ0v3xf.js";

package/calendar/index.js

@@ -1,9 +1,9 @@
 import { DEFAULT_CALENDAR_TRANSLATIONS as e } from "./translations.js";
 import { a as t, i as n, n as r, o as i, r as a, t as o } from "../_chunks/model-mPO2tG2f.js";
 import { CalendarHeader as s, CalendarWeekdays as c } from "./header.js";
-import { t as l } from "../_chunks/calendar-CpaUK7w1.js";
+import { t as l } from "../_chunks/calendar-xpZ0v3xf.js";
 import { CalendarDay as u } from "./day.js";
 import { CalendarMonthGrid as d } from "./month-grid.js";
 import { CalendarYearGrid as f } from "./year-grid.js";
-import { t as p } from "../_chunks/picker-DpP7iQLA.js";
+import { t as p } from "../_chunks/picker-h1P5RUgp.js";
 export { l as Calendar, u as CalendarDay, s as CalendarHeader, d as CalendarMonthGrid, p as CalendarPicker, c as CalendarWeekdays, f as CalendarYearGrid, e as DEFAULT_CALENDAR_TRANSLATIONS, o as createCalendarMonth, r as isCalendarDateDisabled, a as isCalendarMonthDisabled, n as isDateInCalendarRange, t as moveCalendarFocus, i as orderCalendarRange };

package/choice-chips/index.js

@@ -1 +1 @@
-export { t as ChoiceChip, n as ChoiceChipInfoButton, r as ChoiceChips } from "../_chunks/choice-chips-Cs4D-3nH.js";
+export { t as ChoiceChip, n as ChoiceChipInfoButton, r as ChoiceChips } from "../_chunks/choice-chips-CHQTUdLs.js";

package/color-palette/color-palette.js

@@ -1,3 +1,3 @@
-import { t as e } from "../_chunks/color-palette-BBMFmUNA.js";
+import { t as e } from "../_chunks/color-palette-D8vyPfld.js";
 import { DEFAULT_COLOR_PALETTE_OPTIONS as t } from "./palette.js";
 export { e as ColorPalette, t as DEFAULT_COLOR_PALETTE_OPTIONS };

package/color-palette/color-picker.js

@@ -1,3 +1,3 @@
-import { n as e } from "../_chunks/color-palette-BBMFmUNA.js";
-import { t } from "../_chunks/color-picker-D90Jg-M8.js";
+import { n as e } from "../_chunks/color-palette-D8vyPfld.js";
+import { t } from "../_chunks/color-picker-CudqPYZo.js";
 export { t as ColorPicker, e as normalizeHexColor };

package/component-catalog.d.ts

@@ -1,15 +1,26 @@
 import { NumberDraft as PreactNumberDraft } from './number-input/index';
 import { MaskedDraft as PreactMaskedDraft } from './masked-input/index';
 import { DurationField as PreactDurationField, DurationDraft as PreactDurationDraft } from './duration/index';
-import { MarkdownEditor as PreactMarkdownEditor } from './rich-text/index';
+import { HtmlEditor as PreactHtmlEditor } from './rich-text/index';
 import { TemporalPicker as PreactTemporalPicker, TemporalDraft as PreactTemporalDraft, DateTimeField as PreactDateTimeField } from './date-time/index';
 import { AssigneePicker as PreactAssigneePicker, AssigneeField as PreactAssigneeField, AssigneePickerLayout as PreactAssigneePickerLayout } from './assignee/index';
 import * as ui from './preact';
 export declare const uiComponents: {
+    readonly AiChat: typeof ui.AiChat;
+    readonly AiChatContent: typeof ui.AiChatContent;
+    readonly AiChatComposer: typeof ui.AiChatComposer;
+    readonly AiChatEmptyState: typeof ui.AiChatEmptyState;
+    readonly AiMessage: typeof ui.AiMessage;
+    readonly AiMessageContent: typeof ui.AiMessageContent;
+    readonly AiMessageActions: typeof ui.AiMessageActions;
+    readonly AiReasoning: typeof ui.AiReasoning;
+    readonly AiTask: typeof ui.AiTask;
+    readonly AiTaskItem: typeof ui.AiTaskItem;
     readonly AiPromptInput: typeof ui.AiPromptInput;
     readonly AiSuggestions: typeof ui.AiSuggestions;
     readonly AiActionStatus: typeof ui.AiActionStatus;
     readonly AiResult: typeof ui.AiResult;
+    readonly AiChangePreview: typeof ui.AiChangePreview;
     readonly AiAssistant: typeof ui.AiAssistant;
     readonly AiRequestTrail: typeof ui.AiRequestTrail;
     readonly Icon: typeof ui.SvgIcon;
@@ -18,7 +29,7 @@ export declare const uiComponents: {
     readonly RangeSlider: typeof ui.PreactRangeSlider;
     readonly ResourcePicker: typeof ui.SharedResourcePicker;
     readonly FeedbackPanel: typeof ui.StatusFeedbackPanel;
-    readonly Input: import('./_vendor/preact/src/index').FunctionalComponent<import('./_vendor/preact/compat/src/index').PropsWithoutRef<Omit<import("./_vendor/preact/src/index").JSX.InputHTMLAttributes<HTMLInputElement>, "className" | "class" | "ref"> & {
+    readonly Input: import('./_vendor/preact/src/index').FunctionalComponent<import('./_vendor/preact/compat/src/index').PropsWithoutRef<Omit<import("./_vendor/preact/src/index").JSX.InputHTMLAttributes<HTMLInputElement>, "className" | "ref" | "class"> & {
         class?: import("./_vendor/preact/src/index").JSX.Signalish<string | undefined> | Record<string, boolean | undefined>;
         className?: import("./_vendor/preact/src/index").JSX.Signalish<string | undefined>;
     }> & {
@@ -26,9 +37,10 @@ export declare const uiComponents: {
     }>;
     readonly SvgIcon: typeof ui.SvgIcon;
     readonly SvgButton: typeof ui.SvgButton;
-    readonly DeleteButton: ({ onClick, disabled, className, onMouseDown, onDblClick, locale, }: {
+    readonly DeleteButton: ({ onClick, disabled, rounded, className, onMouseDown, onDblClick, locale, }: {
         onClick: (e: MouseEvent) => void;
         disabled?: boolean;
+        rounded?: boolean;
         onMouseDown?: (event: MouseEvent) => void;
         onDblClick?: (event: MouseEvent) => void;
         className?: string;
@@ -196,14 +208,13 @@ export declare const uiComponents: {
     readonly MaskedDraft: typeof PreactMaskedDraft;
     readonly DurationField: typeof PreactDurationField;
     readonly DurationDraft: typeof PreactDurationDraft;
-    readonly MarkdownEditor: typeof PreactMarkdownEditor;
+    readonly HtmlEditor: typeof PreactHtmlEditor;
     readonly TemporalPicker: typeof PreactTemporalPicker;
     readonly TemporalDraft: typeof PreactTemporalDraft;
     readonly DateTimeField: typeof PreactDateTimeField;
     readonly AssigneePicker: typeof PreactAssigneePicker;
     readonly AssigneeField: typeof PreactAssigneeField;
     readonly AssigneePickerLayout: typeof PreactAssigneePickerLayout;
-    readonly NativeSelect: typeof ui.NativeSelect;
 };
 export type UiComponentName = keyof typeof uiComponents;
 export type UiComponentProps<K extends UiComponentName> = import('./_vendor/preact/src/index').ComponentProps<(typeof uiComponents)[K]>;

package/control-attributes.js

@@ -5,18 +5,18 @@ function e(...e) {
 	return [...new Set(t.filter(Boolean))].join(" ");
 }
 function t(t, n = {}) {
-	let { class: r, className: i, unstyled: a, busy: o, ...s } = n, c = t === "button" && o === !0;
-	if (c) {
-		for (let e of Object.keys(s)) /^on/i.test(e) && delete s[e];
-		s.disabled = !0, s["aria-busy"] = !0, s.onClickCapture = (e) => {
+	let { class: r, className: i, unstyled: a, busy: o, rounded: s, ...c } = n, l = t === "button" && o === !0;
+	if (l) {
+		for (let e of Object.keys(c)) /^on/i.test(e) && delete c[e];
+		c.disabled = !0, c["aria-busy"] = !0, c.onClickCapture = (e) => {
 			e.preventDefault(), e.stopPropagation();
 		};
 	}
-	let l = t === "input" ? n.type ?? "text" : void 0, u = t === "button" ? a ? "" : "rv-btn" : t === "summary" ? "rv-disclosure-summary" : l === "checkbox" ? "rv-checkbox" : l === "radio" ? "rv-radio" : l === "range" ? "rv-native-slider" : l === "hidden" ? "" : "rv-control";
+	let u = t === "input" ? n.type ?? "text" : void 0, d = t === "button" ? a ? "" : "rv-btn" : t === "summary" ? "rv-disclosure-summary" : u === "checkbox" ? "rv-checkbox" : u === "radio" ? "rv-radio" : u === "range" ? "rv-native-slider" : u === "hidden" ? "" : "rv-control";
 	return {
 		...t === "button" ? { type: "button" } : {},
-		...s,
-		class: e(u, r, i, c && "rv-btn-busy", c && n.disabled && "rv-btn-busy-disabled")
+		...c,
+		class: e(d, r, i, t === "button" && s && "rv-btn-rounded", l && "rv-btn-busy", l && n.disabled && "rv-btn-busy-disabled")
 	};
 }
 //#endregion

package/controls.d.ts

@@ -5,6 +5,12 @@ import { EditorPane, EditorSplitLayout } from './editor-layout';
 import { ResizeOptions } from './surfaces';
 type ButtonAttributes = Omit<JSX.IntrinsicElements['button'], 'className'>;
 export type ButtonProps = ButtonAttributes & {
+    /** Pill-shaped corners for any button variant. */
+    rounded?: boolean;
+    /** Render navigation with native anchor semantics. */
+    href?: string;
+    target?: JSX.IntrinsicElements['a']['target'];
+    rel?: string;
     /** Show progress and block activation until cleared, preserving variant colors. */
     busy?: boolean;
     className?: string;
@@ -79,10 +85,6 @@ export declare function NumberStepper({ value, min, max, step, onChange, label,
 export declare function DateInput(props: Omit<TextInputProps, 'type'>): h.JSX.Element;
 export declare function TimeInput(props: Omit<TextInputProps, 'type'>): h.JSX.Element;
 export declare function DateTimeInput(props: Omit<TextInputProps, 'type'>): h.JSX.Element;
-export declare function NativeSelect({ className, class: nativeClass, onValueChange, onChange, ...props }: Omit<JSX.IntrinsicElements['select'], 'className'> & {
-    className?: string;
-    onValueChange?: (value: string) => void;
-}): h.JSX.Element;
 export declare function Chip({ children, className }: ShellProps): h.JSX.Element;
 export declare function FieldHint({ children, id }: ShellProps & {
     id?: string;
@@ -99,12 +101,12 @@ export declare function Disclosure({ children, className, summary, open, onToggl
     open?: boolean;
     onToggle?: JSX.GenericEventHandler<HTMLDetailsElement>;
 }): h.JSX.Element;
-export { EditorPane as Pane, EditorSplitLayout as SplitLayout, };
+export { EditorPane as Pane, EditorSplitLayout as SplitLayout };
 export declare function Panel({ children, className, label }: ShellProps): h.JSX.Element;
 export declare function Toolbar({ children, className, label }: ShellProps): h.JSX.Element;
 export declare function ToolbarGroup({ children, className, label }: ShellProps): h.JSX.Element;
 export declare function ToolbarSeparator(): h.JSX.Element;
-export declare function Badge({ children, className, variant, shape }: ShellProps & BadgeOptions): h.JSX.Element;
+export declare function Badge({ children, className, variant, shape, }: ShellProps & BadgeOptions): h.JSX.Element;
 export declare function CountBadge({ count, label }: {
     count: number;
     label: string;

package/controls.js

@@ -1,3 +1,3 @@
-import { A as e, C as t, D as n, E as r, F as i, I as a, L as o, M as s, N as c, O as l, P as u, R as d, S as f, T as p, _ as m, a as h, b as g, c as _, d as v, f as y, g as b, h as x, i as S, j as C, k as w, l as T, m as E, n as D, o as O, p as k, r as A, s as j, t as M, u as N, v as P, w as F, x as I, y as L, z as R } from "./_chunks/controls-DIum-E66.js";
-import { EditorList as z, EditorListGroup as B, EditorListItem as V, EditorListItemContent as H, EditorPane as U, EditorSplitLayout as W } from "./editor-layout/index.js";
-export { R as Alert, M as Badge, D as Button, A as ButtonGroup, S as Chip, h as CircularProgress, O as CountBadge, j as DateInput, _ as DateTimeInput, T as Disclosure, N as EmptyState, v as FieldError, y as FieldHint, k as FormSection, E as IconButton, z as Listbox, B as ListboxGroup, V as ListboxOption, H as ListboxOptionContent, x as LoadingOverlay, b as Menu, m as MenuItem, P as MenuSeparator, L as NativeSelect, g as NumberInput, I as NumberStepper, f as Pagination, U as Pane, t as Panel, F as RadioGroup, p as Rating, r as ResizeHandle, n as SegmentedControl, l as Spinner, W as SplitLayout, w as Submenu, e as TabPanel, C as Tabs, s as TextInput, c as Textarea, u as TimeInput, i as ToggleButton, a as Toolbar, o as ToolbarGroup, d as ToolbarSeparator };
+import { A as e, C as t, D as n, E as r, F as i, I as a, L as o, M as s, N as c, O as l, P as u, R as d, S as f, T as p, _ as m, a as h, b as g, c as _, d as v, f as y, g as b, h as x, i as S, j as C, k as w, l as T, m as E, n as D, o as O, p as k, r as A, s as j, t as M, u as N, v as P, w as F, x as I, y as L } from "./_chunks/controls-DsNi8V8I.js";
+import { EditorList as R, EditorListGroup as z, EditorListItem as B, EditorListItemContent as V, EditorPane as H, EditorSplitLayout as U } from "./editor-layout/index.js";
+export { d as Alert, M as Badge, D as Button, A as ButtonGroup, S as Chip, h as CircularProgress, O as CountBadge, j as DateInput, _ as DateTimeInput, T as Disclosure, N as EmptyState, v as FieldError, y as FieldHint, k as FormSection, E as IconButton, R as Listbox, z as ListboxGroup, B as ListboxOption, V as ListboxOptionContent, x as LoadingOverlay, b as Menu, m as MenuItem, P as MenuSeparator, L as NumberInput, g as NumberStepper, I as Pagination, H as Pane, f as Panel, t as RadioGroup, F as Rating, p as ResizeHandle, r as SegmentedControl, n as Spinner, U as SplitLayout, l as Submenu, w as TabPanel, e as Tabs, C as TextInput, s as Textarea, c as TimeInput, u as ToggleButton, i as Toolbar, a as ToolbarGroup, o as ToolbarSeparator };

package/core/editor-popup.js

@@ -1 +1 @@
-export { t as mountEditorPopup } from "../_chunks/editor-popup-D3JdS8l3.js";
+export { t as mountEditorPopup } from "../_chunks/editor-popup-WDdtVDNA.js";

package/date-time/index.js

@@ -1 +1 @@
-export { r as DateTimeField, i as TemporalDraft, a as TemporalPicker, n as attachTemporalPicker, o as defaultTemporalPickerText, t as renderTemporalValue, s as temporalPickerLabel } from "../_chunks/date-time-BxPJusp9.js";
+export { r as DateTimeField, i as TemporalDraft, a as TemporalPicker, n as attachTemporalPicker, o as defaultTemporalPickerText, t as renderTemporalValue, s as temporalPickerLabel } from "../_chunks/date-time-qIhp5vaX.js";

package/date-time/style.scss

@@ -57,9 +57,9 @@
 
 .rv-temporal-picker__header .rv-control,
 .rv-temporal-picker__times .rv-control {
-  font-size: 12px;
-  min-height: 32px;
-  padding: 6px 8px;
+  font-size: var(--rv-control-font-size, 0.875rem);
+  min-height: var(--rv-control-height, 32px);
+  padding: var(--rv-control-padding, 6px 12px);
 }
 .rv-temporal-picker__dates { flex-wrap: wrap; }
 .rv-temporal-picker__endpoint {
@@ -94,7 +94,7 @@
   width: 100%;
   font-variant-numeric: tabular-nums;
   &__entry { display: grid; gap: 6px; min-width: 0; font-size: 12px; font-weight: 500; }
-  &__entry > .rv-control { width: 100%; min-width: 0; height: 34px; font: inherit; font-size: 14px; font-weight: 400; }
+  &__entry > .rv-control { width: 100%; min-width: 0; height: var(--rv-control-height, 32px); font: inherit; font-size: var(--rv-control-font-size, 0.875rem); font-weight: 400; }
   &__entry input[type='time']::-webkit-calendar-picker-indicator { display: none; }
   &__columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
   &__columns--seconds { grid-template-columns: repeat(3, minmax(0, 1fr)); }

package/dialog/dialog.dom.js

@@ -1,12 +1,12 @@
 import { t as e } from "../_chunks/jsxRuntime.module-F6UFnpT-.js";
-import { createPreactElement as t } from "../preact-mount.js";
-import { ButtonControl as n } from "../native-control.js";
-import { a as r, i, n as a, r as o, s } from "../_chunks/dialog.parts-DBqo3Qwb.js";
+import { t } from "../_chunks/native-control-C_yok8_-.js";
+import { createPreactElement as n } from "../preact-mount.js";
+import { a as r, i, n as a, r as o, s } from "../_chunks/dialog.parts-CKGkC5zP.js";
 //#region src/dialog/dialog.dom.view.tsx
-function c(n, c, l) {
+function c(t, c, l) {
 	let u = f(), d, p, m, h, g;
 	return {
-		root: t(n, /* @__PURE__ */ e("div", {
+		root: n(t, /* @__PURE__ */ e("div", {
 			class: ["rv-dialog-overlay", c.overlayClass].filter(Boolean).join(" "),
 			role: "dialog",
 			"aria-modal": "true",
@@ -57,15 +57,15 @@ function c(n, c, l) {
 		actions: g
 	};
 }
-function l(n, r, a) {
-	return t(n, /* @__PURE__ */ e(i, {
+function l(t, r, a) {
+	return n(t, /* @__PURE__ */ e(i, {
 		"aria-label": r,
 		title: r,
 		onClick: a
 	}));
 }
 function u(r, i, a, o = "default") {
-	return t(r, /* @__PURE__ */ e(n, {
+	return n(r, /* @__PURE__ */ e(t, {
 		title: i || void 0,
 		class: o === "default" ? "rv-btn" : `rv-btn-${o}`,
 		onClick: a,

package/dialog/dialog.parts.js

@@ -1 +1 @@
-export { t as DialogActionFooter, n as DialogActions, r as DialogBody, i as DialogCloseButton, a as DialogFooter, o as DialogForm, s as DialogHeader, c as DialogTitleInput, l as EditableDialogHeader } from "../_chunks/dialog.parts-DBqo3Qwb.js";
+export { t as DialogActionFooter, n as DialogActions, r as DialogBody, i as DialogCloseButton, a as DialogFooter, o as DialogForm, s as DialogHeader, c as DialogTitleInput, l as EditableDialogHeader } from "../_chunks/dialog.parts-CKGkC5zP.js";

package/distribution-chart/area-chart.js

@@ -1,6 +1,6 @@
 import { a as e } from "../_chunks/hooks.module-CG3gN83z.js";
 import { t } from "../_chunks/jsxRuntime.module-F6UFnpT-.js";
-import { i as n, n as r, r as i, t as a } from "../_chunks/chart-frame-BC99KjGa.js";
+import { i as n, n as r, r as i, t as a } from "../_chunks/chart-frame-Cmc7xU1i.js";
 //#region src/distribution-chart/area-chart.tsx
 function o(o) {
 	let s = `rv-area-${e().replace(/[^a-zA-Z0-9_-]/g, "")}`, { points: c } = i(o.data), l = o.data.some((e) => e.selected !== void 0), u = c.slice(1).map((e, t) => {

package/distribution-chart/bar-chart.d.ts

@@ -1,5 +1,8 @@
 import { h } from '../_vendor/preact/src/index';
-import { StandaloneChartProps } from './types';
-export type BarChartProps = StandaloneChartProps;
+import { DistributionChartDatum, StandaloneChartProps } from './types';
+export interface BarChartProps extends StandaloneChartProps {
+    /** CSS color or per-bar rule. Return undefined to retain the theme color. */
+    readonly barColor?: string | ((datum: DistributionChartDatum, index: number) => string | undefined);
+}
 /** Compact bar chart, independent of sliders, filters and grid instances. */
 export declare function BarChart(props: BarChartProps): h.JSX.Element;

package/distribution-chart/bar-chart.js

@@ -1,14 +1,18 @@
 import { t as e } from "../_chunks/jsxRuntime.module-F6UFnpT-.js";
-import { r as t, t as n } from "../_chunks/chart-frame-BC99KjGa.js";
+import { r as t, t as n } from "../_chunks/chart-frame-Cmc7xU1i.js";
 //#region src/distribution-chart/bar-chart.tsx
 function r(r) {
-	let { values: i, max: a } = t(r.data);
+	let { values: i, max: a } = t(r.data), o = r.data.map((e, t) => typeof r.barColor == "function" ? r.barColor(e, t) : r.barColor);
 	return /* @__PURE__ */ e(n, {
 		...r,
+		datumColors: o,
 		variant: "bar",
 		renderDatum: (t, n) => /* @__PURE__ */ e("span", {
 			class: "rv-distribution-chart__bar",
-			style: { height: `${Math.max(3, i[n] / a * 100)}%` },
+			style: {
+				backgroundColor: o[n],
+				height: `${Math.max(3, i[n] / a * 100)}%`
+			},
 			"aria-hidden": "true"
 		})
 	});

package/distribution-chart/chart-frame.d.ts

@@ -5,9 +5,10 @@ export interface ChartPoint {
     readonly y: number;
 }
 /** Shared accessibility, focus and tooltip lifecycle for the chart primitives. */
-export declare function ChartFrame({ data, ariaLabel, variant, height, className, showGrid, showLabels, showValues, legend, formatValue, tooltip, tooltipIndicator, renderTooltip, positions, renderDatum, children }: StandaloneChartProps & {
+export declare function ChartFrame({ data, ariaLabel, variant, height, className, showGrid, showLabels, showValues, legend, formatValue, tooltip, tooltipIndicator, renderTooltip, positions, datumColors, renderDatum, children }: StandaloneChartProps & {
     variant: DistributionChartType;
     positions?: readonly ChartPoint[];
+    datumColors?: readonly (string | undefined)[];
     renderDatum: (datum: DistributionChartDatum, index: number) => ComponentChildren;
     children?: ComponentChildren;
 }): h.JSX.Element;

package/distribution-chart/line-chart.js

@@ -1,5 +1,5 @@
 import { t as e } from "../_chunks/jsxRuntime.module-F6UFnpT-.js";
-import { i as t, n, r, t as i } from "../_chunks/chart-frame-BC99KjGa.js";
+import { i as t, n, r, t as i } from "../_chunks/chart-frame-Cmc7xU1i.js";
 //#region src/distribution-chart/line-chart.tsx
 function a(a) {
 	let { points: o } = r(a.data);

package/dropdown/content.d.ts

@@ -16,7 +16,7 @@ type DropdownContentProps<T = any> = {
     theme?: string | null;
     optionIdPrefix: string;
 };
-export declare function DropdownPopupContent<T = any>({ options, selectedValues, remote, value, onChange, config, multiSelect, search, searchPlaceholder, listboxId, searchId, renderOption, renderNoResults, onClose, theme, }: {
+export declare function DropdownPopupContent<T = any>({ options, selectedValues, remote, value, onChange, config, multiSelect, search, searchPlaceholder, listboxId, searchId, renderOption, renderNoResults, onClose, onTabNavigation, theme, }: {
     options: DropdownOption<T>[];
     selectedValues?: DropdownOption<T>[];
     remote?: RemoteDropdownState<T> & {
@@ -36,6 +36,7 @@ export declare function DropdownPopupContent<T = any>({ options, selectedValues,
     renderOption?: (h: any, option: DropdownOption<T>, isSelected: boolean) => ComponentChildren;
     renderNoResults?: (h: any) => ComponentChildren;
     onClose: (focusNext?: boolean) => void;
+    onTabNavigation?: () => void;
     theme?: string | null;
 }): h.JSX.Element;
 export declare function DropdownContent<T = any>({ options, filteredOptions, multiSelect, focusedIndex, selectedOptions, onKeyDown, onSelect, onFocusChange, renderOption, renderNoResults, dropdownListRef, theme, optionIdPrefix, }: DropdownContentProps<T>): h.JSX.Element;