@revolist/ui 4.0.1-rc → 4.0.3-rc

package/resource-picker/resource-picker.js

@@ -1,28 +1,28 @@
-import { createControlId as e } from "../core/control-id.js";
-import { t } from "../_chunks/chevron-down-GbplLa6s.js";
-import { t as n } from "../_chunks/xmark-DD_PBvZI.js";
-import { SearchInput as r } from "../search-input/index.js";
-import { resourcePickerClasses as i, resourcePickerDataAttribute as ee, resourcePickerIdKey as a } from "./resource-picker.utils.js";
-import { ResourcePickerAvatar as o } from "./resource-picker-avatar.js";
-import { ResourcePickerOption as s } from "./resource-picker-option.js";
-import { ResourcePickerPopup as c } from "./resource-picker-popup.js";
-import { useCallback as l, useEffect as u, useMemo as d, useRef as f, useState as p } from "preact/hooks";
-import { jsx as m, jsxs as h } from "preact/jsx-runtime";
+import { c as e, i as t, n, o as r, t as i } from "../_chunks/hooks.module-CG3gN83z.js";
+import { t as a } from "../_chunks/jsxRuntime.module-F6UFnpT-.js";
+import { t as o } from "../_chunks/chevron-down-GbplLa6s.js";
+import { createControlId as s } from "../core/control-id.js";
+import { t as ee } from "../_chunks/xmark-DD_PBvZI.js";
+import { SearchInput as c } from "../search-input/index.js";
+import { resourcePickerClasses as l, resourcePickerDataAttribute as u, resourcePickerIdKey as d } from "./resource-picker.utils.js";
+import { ResourcePickerAvatar as f } from "./resource-picker-avatar.js";
+import { ResourcePickerOption as p } from "./resource-picker-option.js";
+import { ResourcePickerPopup as m } from "./resource-picker-popup.js";
 //#region src/resource-picker/resource-picker.tsx
-function g({ resources: g, selectedResourceIds: y, text: b, onChange: x, classNames: S, disabled: C = !1, readOnly: w = !1, presentation: te = "inline", multiple: T = !0, preserveOrder: E = !1, unassigned: D, resourceDataAttribute: O, isResourceDisabled: k, getAvatarColor: A }) {
-	let j = f(null), M = f(null), N = f(null), P = f(null), F = f(!1), [I] = p(() => e("rv-resource-list")), L = `${I}-popup`, R = te === "dropdown", [z, B] = p(!1), [V, H] = p(""), [U, W] = p(0), G = l(() => {
+function h({ resources: h, selectedResourceIds: v, text: y, onChange: b, classNames: x, disabled: S = !1, readOnly: C = !1, presentation: w = "inline", multiple: T = !0, preserveOrder: E = !1, unassigned: D, resourceDataAttribute: O, isResourceDisabled: k, getAvatarColor: A }) {
+	let j = i(null), M = i(null), N = i(null), P = i(null), F = i(!1), [I] = t(() => s("rv-resource-list")), L = `${I}-popup`, R = w === "dropdown", [z, B] = t(!1), [V, H] = t(""), [U, W] = t(0), G = r(() => {
 		B(!1), H("");
-	}, []), K = new Set(y.map(a)), q = d(() => E ? [...g] : [...g].sort((e, t) => e.name.localeCompare(t.name, void 0, {
+	}, []), K = new Set(v.map(d)), q = n(() => E ? [...h] : [...h].sort((e, t) => e.name.localeCompare(t.name, void 0, {
 		numeric: !0,
 		sensitivity: "base"
-	})), [E, g]), J = d(() => {
+	})), [E, h]), J = n(() => {
 		let e = V.trim().toLocaleLowerCase();
 		return e ? q.filter((t) => `${t.name} ${t.role ?? ""}`.toLocaleLowerCase().includes(e)) : q;
-	}, [V, q]), Y = d(() => {
-		let e = new Map(g.map((e) => [a(e.id), e]));
-		return y.map((t) => e.get(a(t))).filter((e) => !!e);
-	}, [g, y]), X = R && U >= 0 && U < J.length ? `${I}-option-${U}` : void 0;
-	u(() => {
+	}, [V, q]), Y = n(() => {
+		let e = new Map(h.map((e) => [d(e.id), e]));
+		return v.map((t) => e.get(d(t))).filter((e) => !!e);
+	}, [h, v]), X = R && U >= 0 && U < J.length ? `${I}-option-${U}` : void 0;
+	e(() => {
 		if (!R || !z) return;
 		let e = (e) => {
 			let t = e.target, n = j.current?.ownerDocument.getElementById(L);
@@ -41,80 +41,80 @@ function g({ resources: g, selectedResourceIds: y, text: b, onChange: x, classNa
 		R,
 		z,
 		L
-	]), u(() => {
+	]), e(() => {
 		W(J.length > 0 ? 0 : -1);
-	}, [J]), u(() => {
+	}, [J]), e(() => {
 		if (!z || !X || !P.current || !F.current) return;
 		let e = P.current.ownerDocument.getElementById(X);
 		e && P.current.contains(e) && e.closest(".rv-resource-picker__option")?.scrollIntoView?.({ block: "nearest" });
 	}, [X, z]);
 	let Z = (e) => {
-		w || (x(e), !T && R && G());
-	}, ne = () => {
+		C || (b(e), !T && R && G());
+	}, te = () => {
 		let e = J[U];
 		if (!e) return;
-		let t = a(e.id);
-		(!k?.(e) || K.has(t)) && Z(K.has(t) ? y.filter((e) => a(e) !== t) : T ? _([...y, e.id]) : [e.id]);
-	}, re = (e) => {
+		let t = d(e.id);
+		(!k?.(e) || K.has(t)) && Z(K.has(t) ? v.filter((e) => d(e) !== t) : T ? g([...v, e.id]) : [e.id]);
+	}, ne = (e) => {
 		if (e.key === "Escape") e.preventDefault(), e.stopPropagation(), G(), M.current?.focus();
 		else if (e.key === "ArrowDown" || e.key === "ArrowUp") {
 			if (e.preventDefault(), e.stopPropagation(), !J.length) return;
 			F.current = !0, W((t) => e.key === "ArrowDown" ? t >= J.length - 1 ? 0 : t + 1 : t <= 0 ? J.length - 1 : t - 1);
-		} else e.key === "Enter" && (e.preventDefault(), e.stopPropagation(), ne());
-	}, Q = typeof document > "u" ? null : j.current?.closest("dialog, .rv-dialog-overlay") ?? document.body, $ = /* @__PURE__ */ h("div", {
+		} else e.key === "Enter" && (e.preventDefault(), e.stopPropagation(), te());
+	}, Q = typeof document > "u" ? null : j.current?.closest("dialog, .rv-dialog-overlay") ?? document.body, $ = /* @__PURE__ */ a("div", {
 		class: "rv-resource-picker__popover",
-		onKeyDown: R ? re : void 0,
-		children: [/* @__PURE__ */ m(r, {
+		onKeyDown: R ? ne : void 0,
+		children: [/* @__PURE__ */ a(c, {
 			inputRef: N,
 			rootClassName: "rv-resource-picker__search-control",
-			inputClassName: i("rv-resource-picker__search", S?.search),
+			inputClassName: l("rv-resource-picker__search", x?.search),
 			value: V,
-			disabled: C,
-			placeholder: b.searchPlaceholder,
-			"aria-label": b.searchAriaLabel,
+			disabled: S,
+			placeholder: y.searchPlaceholder,
+			"aria-label": y.searchAriaLabel,
 			onValueChange: H
-		}), /* @__PURE__ */ h("div", {
+		}), /* @__PURE__ */ a("div", {
 			ref: P,
-			class: i("rv-resource-picker__list", S?.list),
+			class: l("rv-resource-picker__list", x?.list),
 			role: R ? "listbox" : "group",
 			id: R ? I : void 0,
 			"aria-multiselectable": R ? T : void 0,
 			"aria-activedescendant": X,
-			"aria-label": b.groupAriaLabel,
-			children: [D && !w ? /* @__PURE__ */ h("label", {
-				class: i("rv-resource-picker__option rv-resource-picker__option--unassigned", S?.option),
+			"aria-label": y.groupAriaLabel,
+			children: [D && !C ? /* @__PURE__ */ a("label", {
+				class: l("rv-resource-picker__option rv-resource-picker__option--unassigned", x?.option),
 				children: [
-					/* @__PURE__ */ m("input", {
+					/* @__PURE__ */ a("input", {
 						type: "checkbox",
-						checked: y.length === 0,
-						disabled: C,
-						...ee(D.dataAttribute, ""),
-						onChange: () => x([])
+						checked: v.length === 0,
+						disabled: S,
+						...u(D.dataAttribute, ""),
+						onChange: () => b([])
 					}),
-					/* @__PURE__ */ m("span", {
+					/* @__PURE__ */ a("span", {
 						class: "rv-resource-picker__avatar-spacer",
 						"aria-hidden": "true"
 					}),
-					/* @__PURE__ */ m("span", {
-						class: i("rv-resource-picker__details", S?.details),
-						children: /* @__PURE__ */ m("strong", { children: D.label })
+					/* @__PURE__ */ a("span", {
+						class: l("rv-resource-picker__details", x?.details),
+						children: /* @__PURE__ */ a("strong", { children: D.label })
 					})
 				]
-			}) : null, g.length === 0 ? /* @__PURE__ */ m(v, {
-				className: S?.muted,
-				text: b.emptyResources
-			}) : J.length === 0 ? /* @__PURE__ */ m(v, {
-				className: S?.muted,
-				text: b.emptySearch
-			}) : J.map((e, t) => /* @__PURE__ */ m(s, {
+			}) : null, h.length === 0 ? /* @__PURE__ */ a(_, {
+				className: x?.muted,
+				text: y.emptyResources
+			}) : J.length === 0 ? /* @__PURE__ */ a(_, {
+				className: x?.muted,
+				text: y.emptySearch
+			}) : J.map((e, t) => /* @__PURE__ */ a(p, {
 				resource: e,
-				selected: K.has(a(e.id)),
-				selectedResourceIds: y,
-				disabled: C,
-				readOnly: w,
+				selected: K.has(d(e.id)),
+				selectedResourceIds: v,
+				disabled: S,
+				readOnly: C,
 				multiple: T,
 				resourceDataAttribute: O,
-				classNames: S,
+				classNames: x,
 				isResourceDisabled: k,
 				getAvatarColor: A,
 				optionId: R ? `${I}-option-${t}` : void 0,
@@ -123,64 +123,64 @@ function g({ resources: g, selectedResourceIds: y, text: b, onChange: x, classNa
 					F.current = !1, W(t);
 				},
 				onChange: Z
-			}, a(e.id)))]
+			}, d(e.id)))]
 		})]
 	});
-	return /* @__PURE__ */ h("div", {
+	return /* @__PURE__ */ a("div", {
 		ref: j,
-		class: i("rv-resource-picker", R ? "rv-resource-picker--dropdown" : void 0, z ? "rv-resource-picker--open" : void 0, S?.root),
-		children: [R ? /* @__PURE__ */ h("div", {
+		class: l("rv-resource-picker", R ? "rv-resource-picker--dropdown" : void 0, z ? "rv-resource-picker--open" : void 0, x?.root),
+		children: [R ? /* @__PURE__ */ a("div", {
 			ref: M,
 			class: "rv-resource-picker__control",
 			role: "combobox",
 			"aria-expanded": z,
 			"aria-controls": I,
 			"aria-haspopup": "listbox",
-			"aria-label": b.groupAriaLabel,
-			tabIndex: C ? -1 : 0,
+			"aria-label": y.groupAriaLabel,
+			tabIndex: S ? -1 : 0,
 			onClick: (e) => {
-				C || (e.preventDefault(), z ? G() : B(!0));
+				S || (e.preventDefault(), z ? G() : B(!0));
 			},
 			onKeyDown: (e) => {
-				C || e.target !== e.currentTarget || (e.key === "Enter" || e.key === " " || e.key === "ArrowDown") && (e.preventDefault(), B(!0));
+				S || e.target !== e.currentTarget || (e.key === "Enter" || e.key === " " || e.key === "ArrowDown") && (e.preventDefault(), B(!0));
 			},
-			children: [/* @__PURE__ */ m("div", {
+			children: [/* @__PURE__ */ a("div", {
 				class: "rv-resource-picker__chips",
-				children: Y.length ? Y.map((e) => /* @__PURE__ */ h("span", {
+				children: Y.length ? Y.map((e) => /* @__PURE__ */ a("span", {
 					class: "rv-resource-picker__chip",
 					children: [
-						/* @__PURE__ */ m(o, {
+						/* @__PURE__ */ a(f, {
 							resource: e,
-							className: S?.avatar,
+							className: x?.avatar,
 							color: A?.(e)
 						}),
-						/* @__PURE__ */ m("span", {
+						/* @__PURE__ */ a("span", {
 							class: "rv-resource-picker__chip-label",
 							children: e.name
 						}),
-						!C && !w ? /* @__PURE__ */ m("button", {
+						!S && !C ? /* @__PURE__ */ a("button", {
 							type: "button",
 							class: "rv-resource-picker__chip-remove",
 							"aria-label": `Remove ${e.name}`,
 							onClick: (t) => {
-								t.stopPropagation(), x(y.filter((t) => a(t) !== a(e.id)));
+								t.stopPropagation(), b(v.filter((t) => d(t) !== d(e.id)));
 							},
-							children: /* @__PURE__ */ m("span", {
+							children: /* @__PURE__ */ a("span", {
 								"aria-hidden": "true",
-								dangerouslySetInnerHTML: { __html: n }
+								dangerouslySetInnerHTML: { __html: ee }
 							})
 						}) : null
 					]
-				}, a(e.id))) : /* @__PURE__ */ m("span", {
+				}, d(e.id))) : /* @__PURE__ */ a("span", {
 					class: "rv-resource-picker__placeholder",
-					children: b.searchPlaceholder
+					children: y.searchPlaceholder
 				})
-			}), /* @__PURE__ */ m("span", {
+			}), /* @__PURE__ */ a("span", {
 				class: "rv-resource-picker__chevron",
 				"aria-hidden": "true",
-				dangerouslySetInnerHTML: { __html: t }
+				dangerouslySetInnerHTML: { __html: o }
 			})]
-		}) : null, R ? z && Q ? /* @__PURE__ */ m(c, {
+		}) : null, R ? z && Q ? /* @__PURE__ */ a(m, {
 			triggerRef: M,
 			portalTarget: Q,
 			popupId: L,
@@ -188,14 +188,14 @@ function g({ resources: g, selectedResourceIds: y, text: b, onChange: x, classNa
 		}) : null : $]
 	});
 }
-function _(e) {
-	return [...new Map(e.map((e) => [a(e), e])).values()];
+function g(e) {
+	return [...new Map(e.map((e) => [d(e), e])).values()];
 }
-function v({ className: e, text: t }) {
-	return /* @__PURE__ */ m("span", {
-		class: i("rv-resource-picker__empty", e),
+function _({ className: e, text: t }) {
+	return /* @__PURE__ */ a("span", {
+		class: l("rv-resource-picker__empty", e),
 		children: t
 	});
 }
 //#endregion
-export { g as SharedResourcePicker };
+export { h as SharedResourcePicker };

package/resource-picker/resource-picker.scss

@@ -18,7 +18,7 @@
   --rv-control-border: var(--rv-resource-picker-border, var(--rv-ui-border));
 }
 .rv-resource-picker__search-control input {
-  min-height: var(--rv-resource-picker-search-height, 36px);
+  min-height: var(--rv-resource-picker-search-height, var(--rv-control-height, 32px));
 }
 
 .rv-resource-picker__list {
@@ -133,13 +133,16 @@
 }
 
 .rv-resource-picker__control {
+  font-family: inherit;
+  font-size: var(--rv-control-font-size, 0.875rem);
+  line-height: 1;
   display: flex;
   box-sizing: border-box;
   width: 100%;
-  min-height: var(--rv-resource-picker-control-height, 42px);
+  min-height: var(--rv-resource-picker-control-height, var(--rv-control-height, 32px));
   align-items: center;
   gap: 8px;
-  padding: var(--rv-resource-picker-control-padding, 5px 10px);
+  padding: var(--rv-resource-picker-control-padding, 1px 10px);
   border: 1px solid var(
     --rv-resource-picker-border,
     color-mix(in srgb, currentColor 14%, transparent)

package/rich-text/engine.d.ts

@@ -1,21 +1,18 @@
-import { LexicalEditor, TextFormatType } from 'lexical';
-export type MarkdownBlock = 'paragraph' | 'h1' | 'h2' | 'quote' | 'code' | 'bullet' | 'ordered';
-export interface MarkdownSelection {
-    formats: TextFormatType[];
-    block: MarkdownBlock | null;
+export type HtmlFormat = 'bold' | 'italic' | 'strikethrough' | 'code';
+export type HtmlBlock = 'paragraph' | 'h1' | 'h2' | 'quote' | 'code' | 'bullet' | 'ordered';
+export interface HtmlSelection {
+    formats: HtmlFormat[];
+    block: HtmlBlock | null;
     link: boolean;
 }
-export declare const emptyMarkdownSelection: MarkdownSelection;
-export interface MarkdownEngine {
-    editor: LexicalEditor;
-    setMarkdown(value: string): void;
-    format(mark: TextFormatType): void;
-    block(value: MarkdownBlock): void;
-    captureSelection(): void;
-    link(value: string): boolean;
-    destroy(): void;
-}
-/** Framework-independent Lexical adapter; consumers own toolbar and mode presentation. */
-export declare function createMarkdownEngine(root: HTMLElement, markdown: string, onChange: (value: string, unsafe: boolean) => void, onSelectionChange?: (selection: MarkdownSelection) => void): MarkdownEngine;
-/** Parse through Lexical so escaped/entity-encoded Markdown link URLs are checked after decoding. */
-export declare function hasUnsafeMarkdownLinks(markdown: string): boolean;
+export declare const emptyHtmlSelection: HtmlSelection;
+/** Native Range editing and bounded local history. No browser execCommand or editor library. */
+export declare function createHtmlEngine(root: HTMLElement, html: string, onChange: (html: string) => void, onSelectionChange?: (selection: HtmlSelection) => void): {
+    setHtml: (value: string) => void;
+    format: (mark: HtmlFormat) => void;
+    block: (value: HtmlBlock) => void;
+    captureSelection: () => void;
+    link: (value: string) => boolean;
+    destroy: () => void;
+};
+export type HtmlEngine = ReturnType<typeof createHtmlEngine>;

package/rich-text/index.d.ts

@@ -1,15 +1,15 @@
 import { EditorActionText, EditorCommitOptions } from '../editor-actions';
-import { MarkdownEditorText } from './translations';
-export { defaultMarkdownEditorText, type MarkdownEditorText, } from './translations';
-export interface MarkdownEditorProps extends EditorCommitOptions {
+import { HtmlEditorText } from './translations';
+export { defaultHtmlEditorText, type HtmlEditorText } from './translations';
+export interface HtmlEditorProps extends EditorCommitOptions {
     value: string;
     onApply: (value: string) => void;
     onCancel: () => void;
     required?: boolean;
     maxLength?: number;
-    text?: Partial<MarkdownEditorText>;
+    text?: Partial<HtmlEditorText>;
     actions?: Partial<EditorActionText>;
 }
-export declare function MarkdownEditor(props: MarkdownEditorProps): import("preact").JSX.Element;
-export { markdownVisualIssues, isSafeMarkdownLink } from './model';
-export { markdownRenderNodes, type MarkdownRenderNode } from './render-model';
+export declare function HtmlEditor(props: HtmlEditorProps): import("../_vendor/preact/src/index").JSX.Element;
+export { sanitizeRichTextHtml, isSafeRichTextLink } from './model';
+export { htmlRenderNodes, type HtmlRenderNode } from './render-model';

package/rich-text/index.js

@@ -1 +1 @@
-export { t as MarkdownEditor, r as defaultMarkdownEditorText, i as isSafeMarkdownLink, n as markdownRenderNodes, a as markdownVisualIssues } from "../_chunks/rich-text-2Rla349o.js";
+export { t as HtmlEditor, r as defaultHtmlEditorText, n as htmlRenderNodes, i as isSafeRichTextLink, a as sanitizeRichTextHtml } from "../_chunks/rich-text-CH7gIqOS.js";

package/rich-text/model.d.ts

@@ -1,3 +1,4 @@
-/** Supported Markdown boundaries: unsupported syntax remains editable as lossless source. */
-export declare function markdownVisualIssues(markdown: string): string[];
-export declare function isSafeMarkdownLink(value: string): boolean;
+export declare function isSafeRichTextLink(value: string): boolean;
+/** Parse inertly, then rebuild nodes; never mount user-provided HTML or attributes. */
+export declare function richTextFragment(html: string, doc?: Document): DocumentFragment;
+export declare function sanitizeRichTextHtml(html: string, doc?: Document): string;

package/rich-text/render-model.d.ts

@@ -1,9 +1,8 @@
-/** Framework-neutral, allowlisted content. Text is always rendered as text, never HTML. */
-export interface MarkdownRenderNode {
+export interface HtmlRenderNode {
     tag?: string;
     text?: string;
     attrs?: Record<string, string | number>;
-    children?: readonly MarkdownRenderNode[];
+    children?: readonly HtmlRenderNode[];
 }
-/** The renderer accepts exactly the same Markdown subset as the Visual editor. */
-export declare function markdownRenderNodes(markdown: string): readonly MarkdownRenderNode[];
+/** Only allowlisted nodes reach a framework renderer; fresh VNodes are created per cell. */
+export declare function htmlRenderNodes(html: string): readonly HtmlRenderNode[];

package/rich-text/style.scss

@@ -1,4 +1,4 @@
-.rv-markdown-editor {
+.rv-rich-text-editor {
   width: min(560px, calc(100vw - 48px));
   &__toolbar {
     display: flex;
@@ -60,22 +60,13 @@
     padding-inline-start: 12px;
     margin-inline: 0;
   }
-  .rv-markdown-bold {
-    font-weight: 700;
-  }
-  .rv-markdown-italic {
-    font-style: italic;
-  }
-  .rv-markdown-strike {
-    text-decoration: line-through;
-  }
-  .rv-markdown-inline-code {
+  &__visual code {
     font-family: ui-monospace, monospace;
     background: var(--rv-ui-surface-sunken);
   }
 }
 
-.rv-markdown-cell {
+.rv-rich-text-cell {
   color: inherit;
   font: inherit;
   white-space: pre-wrap;

package/rich-text/toolbar.d.ts

@@ -1,9 +1,9 @@
-import { MarkdownEngine, MarkdownSelection } from './engine';
-import { MarkdownEditorText } from './translations';
-export declare function MarkdownToolbar({ engine, selection, text, showLink, onLink }: {
-    engine: () => MarkdownEngine | undefined;
-    selection: MarkdownSelection;
-    text: Required<MarkdownEditorText>;
+import { HtmlEngine, HtmlSelection } from './engine';
+import { HtmlEditorText } from './translations';
+export declare function HtmlToolbar({ engine, selection, text, showLink, onLink }: {
+    engine: () => HtmlEngine | undefined;
+    selection: HtmlSelection;
+    text: Required<HtmlEditorText>;
     showLink: boolean;
     onLink: () => void;
-}): import("preact").JSX.Element;
+}): import("../_vendor/preact/src/index").JSX.Element;

package/rich-text/translations.d.ts

@@ -1,9 +1,8 @@
-/** All visible and accessible copy for the deliberately small Markdown editor. */
-export interface MarkdownEditorText {
+/** Visible and accessible labels for the shared HTML editor. */
+export interface HtmlEditorText {
     visual: string;
     source: string;
     label: string;
-    unsupported: string;
     unsafeLink: string;
     requiredValue?: string;
     tooLong?: string;
@@ -25,16 +24,5 @@ export interface MarkdownEditorText {
     numberedList?: string;
     quote?: string;
     codeBlock?: string;
-    images?: string;
-    tables?: string;
-    html?: string;
-    referenceLinks?: string;
-    taskLists?: string;
-    horizontalRules?: string;
-    alternateHeadings?: string;
-    highlight?: string;
-    extensions?: string;
-    indentedCode?: string;
 }
-export declare const defaultMarkdownEditorText: Required<MarkdownEditorText>;
-export declare function markdownIssueLabels(issues: string[], text: Required<MarkdownEditorText>): string;
+export declare const defaultHtmlEditorText: Required<HtmlEditorText>;

package/search-input/index.js

@@ -1,20 +1,20 @@
-import { n as e } from "../_chunks/native.view-8q_nwQ7x.js";
-import { h as t } from "preact";
-import { jsx as n, jsxs as r } from "preact/jsx-runtime";
+import { c as e } from "../_chunks/preact.module-BBM36DnO.js";
+import { t } from "../_chunks/jsxRuntime.module-F6UFnpT-.js";
+import { n } from "../_chunks/native.view-ByyZ1CT5.js";
 //#region src/search-input/index.tsx
-function i() {
-	return /* @__PURE__ */ r("svg", {
+function r() {
+	return /* @__PURE__ */ t("svg", {
 		width: "13",
 		height: "13",
 		viewBox: "0 0 24 24",
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-width": "2",
-		children: [/* @__PURE__ */ n("circle", {
+		children: [/* @__PURE__ */ t("circle", {
 			cx: "11",
 			cy: "11",
 			r: "8"
-		}), /* @__PURE__ */ n("line", {
+		}), /* @__PURE__ */ t("line", {
 			x1: "21",
 			y1: "21",
 			x2: "16.65",
@@ -22,17 +22,17 @@ function i() {
 		})]
 	});
 }
-function a({ value: r = "", inputRef: a, rootClassName: o = "", inputClassName: s = "", iconClassName: c = "", shortcutClassName: l = "", shortcut: u, icon: d, leading: f, hideIcon: p = !1, trailing: m, testId: h, onValueChange: g, onInput: _, type: v = "search", ...y }) {
+function i({ value: i = "", inputRef: a, rootClassName: o = "", inputClassName: s = "", iconClassName: c = "", shortcutClassName: l = "", shortcut: u, icon: d, leading: f, hideIcon: p = !1, trailing: m, testId: h, onValueChange: g, onInput: _, type: v = "search", ...y }) {
 	let b = (e) => {
 		_?.(e), g?.(e.currentTarget.value, e);
 	};
-	return e(t, {
+	return n(e, {
 		rootClassName: o,
 		inputClassName: s,
 		iconClassName: c,
 		shortcutClassName: l,
 		shortcut: u,
-		icon: d ?? /* @__PURE__ */ n(i, {}),
+		icon: d ?? /* @__PURE__ */ t(r, {}),
 		hideIcon: p,
 		leading: f,
 		trailing: m,
@@ -41,10 +41,10 @@ function a({ value: r = "", inputRef: a, rootClassName: o = "", inputClassName:
 			...y,
 			ref: a,
 			type: v,
-			value: r,
+			value: i,
 			onInput: b
 		}
 	});
 }
 //#endregion
-export { a as SearchInput };
+export { i as SearchInput };

package/segmented-switch/index.d.ts

@@ -1,4 +1,4 @@
-import { JSX } from 'preact';
+import { JSX } from '../_vendor/preact/src/index';
 export type SegmentedSwitchRenderable = any;
 export type SegmentedSwitchValue = string | number;
 export type SegmentedSwitchOption<T extends SegmentedSwitchValue = SegmentedSwitchValue> = {

package/segmented-switch/index.js

@@ -1,4 +1,4 @@
-import { h as e } from "preact";
+import { c as e } from "../_chunks/preact.module-BBM36DnO.js";
 //#region src/segmented-switch/index.tsx
 function t(e) {
 	if (e === "tablist") return "tab";

package/select.d.ts

@@ -0,0 +1,20 @@
+import { ComponentChildren, JSX } from './_vendor/preact/src/index';
+import { DropdownOption } from './dropdown/dropdown.types';
+export type SelectOptionProps = JSX.IntrinsicElements['option'];
+type Attributes = Omit<JSX.IntrinsicElements['select'], 'value' | 'defaultValue' | 'onChange' | 'onInput' | 'multiple' | 'ref'>;
+export type SelectProps = Attributes & {
+    value?: string | number | readonly string[];
+    defaultValue?: string | number | readonly string[];
+    /** Optional domain policy for option descriptors; no native option nodes are mounted. */
+    optionPolicy?: (props: SelectOptionProps) => SelectOptionProps;
+} & ({
+    multiple?: false;
+    onValueChange?: (value: string) => void;
+} | {
+    multiple: true;
+    onValueChange?: (value: string[]) => void;
+});
+/** JSX options are data descriptors for Dropdown, never browser-native controls. */
+export declare function selectOptions(children: ComponentChildren, policy?: SelectProps['optionPolicy'], group?: string, disabled?: boolean): DropdownOption<string>[];
+export declare function Select(props: SelectProps): JSX.Element;
+export {};

package/select.js

@@ -0,0 +1 @@
+export { s as Select, c as selectOptions } from "./_chunks/native-control-C_yok8_-.js";

package/status-feedback/exit-snapshot.js

@@ -1,10 +1,10 @@
-import { showTopLayerPopup as e } from "../core/top-layer-popup.js";
-import { isUiMotionEnabled as t } from "../core/motion.js";
+import { isUiMotionEnabled as e } from "../core/motion.js";
+import { showTopLayerPopup as t } from "../core/top-layer-popup.js";
 import { animateStatusFeedback as n } from "./motion.js";
 //#region src/status-feedback/exit-snapshot.ts
 function r(r) {
 	let i = r.ownerDocument.defaultView;
-	if (!i || typeof r.animate != "function" || !t(r)) return;
+	if (!i || typeof r.animate != "function" || !e(r)) return;
 	let a = r.getBoundingClientRect(), o = r.cloneNode(!0), s = [r, ...r.querySelectorAll("*")], c = [o, ...o.querySelectorAll("*")];
 	o.removeAttribute("popover"), o.removeAttribute("id"), o.querySelectorAll("[id]").forEach((e) => e.removeAttribute("id")), o.querySelectorAll("[role], [aria-live]").forEach((e) => {
 		e.removeAttribute("role"), e.removeAttribute("aria-live");
@@ -24,7 +24,7 @@ function r(r) {
 		borderColor: l.borderColor,
 		fontFamily: l.fontFamily,
 		boxShadow: l.boxShadow
-	}), r.ownerDocument.body.append(o), e(o), s.forEach((e, t) => {
+	}), r.ownerDocument.body.append(o), t(o), s.forEach((e, t) => {
 		e.scrollTop && (c[t].scrollTop = e.scrollTop), e.scrollLeft && (c[t].scrollLeft = e.scrollLeft);
 	});
 	let u = () => {

package/status-feedback/index.js

@@ -1,4 +1,4 @@
 import { renderStatusBadge as e } from "./badge.js";
-import { StatusBadge as t, StatusFeedbackPanel as n, renderStatusFeedbackPanel as r } from "./render.js";
+import { n as t, r as n, t as r } from "../_chunks/render-m5eMMwFR.js";
 import { StatusFeedbackPopoverController as i } from "./popover.js";
-export { t as StatusBadge, n as StatusFeedbackPanel, i as StatusFeedbackPopoverController, e as renderStatusBadge, r as renderStatusFeedbackPanel };
+export { r as StatusBadge, t as StatusFeedbackPanel, i as StatusFeedbackPopoverController, e as renderStatusBadge, n as renderStatusFeedbackPanel };