@reopt-ai/opt-ui 1.12.4 → 1.13.0

package/dist/{key-pad-menu-1YN221Oi.cjs → key-pad-menu-0KWOnELe.cjs}

@@ -1,15 +1,14 @@
 "use client";
-const require_text_truncate = require("./text-truncate-DsG5UAOY.cjs");
+const require_text_truncate = require("./text-truncate-BeYW6XZu.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
 react = require_text_truncate.__toESM(react, 1);
 let _reopt_ai_opt_ui_primitives = require("@reopt-ai/opt-ui-primitives");
 let lucide_react = require("lucide-react");
-let react_resizable_panels = require("react-resizable-panels");
 let ogl = require("ogl");
 let _reopt_ai_opt_palette = require("@reopt-ai/opt-palette");
 //#region src/core/text.tsx
-const _excluded$15 = [
+const _excluded$11 = [
 	"as",
 	"variant",
 	"tone",
@@ -25,7 +24,7 @@ const toneStyles$1 = {
 };
 /** Semantic body text whose visual role is controlled by foundation tokens. */
 function Text(_ref) {
-	let { as, variant = "body", tone = "primary", truncate = false, className, children } = _ref, props = require_text_truncate._objectWithoutProperties(_ref, _excluded$15);
+	let { as, variant = "body", tone = "primary", truncate = false, className, children } = _ref, props = require_text_truncate._objectWithoutProperties(_ref, _excluded$11);
 	const Component = as !== null && as !== void 0 ? as : "span";
 	const elementProps = require_text_truncate._objectSpread2(require_text_truncate._objectSpread2({}, props), {}, {
 		className: require_text_truncate.cn(`opt-type-${variant}`, toneStyles$1[tone], truncate && "truncate", className),
@@ -40,7 +39,7 @@ function Text(_ref) {
 }
 //#endregion
 //#region src/core/heading.tsx
-const _excluded$14 = [
+const _excluded$10 = [
 	"level",
 	"variant",
 	"className",
@@ -48,7 +47,7 @@ const _excluded$14 = [
 ];
 /** Semantic heading with independently selectable visual hierarchy. */
 function Heading(_ref) {
-	let { level = 2, variant = `heading-${level}`, className, children } = _ref, props = require_text_truncate._objectWithoutProperties(_ref, _excluded$14);
+	let { level = 2, variant = `heading-${level}`, className, children } = _ref, props = require_text_truncate._objectWithoutProperties(_ref, _excluded$10);
 	const Component = {
 		1: "h1",
 		2: "h2",
@@ -72,7 +71,7 @@ function Heading(_ref) {
 * Visual divider between content. Wraps the headless primitive with design
 * tokens. With `children`, renders a centered label flanked by rules.
 */
-function Separator$1({ orientation = "horizontal", decorative = false, children, className }) {
+function Separator({ orientation = "horizontal", decorative = false, children, className }) {
 	if (orientation === "horizontal" && children != null) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: require_text_truncate.cn("gap-element flex items-center", className),
 		"data-opt-id": "7PWJS",
@@ -102,7 +101,7 @@ function Separator$1({ orientation = "horizontal", decorative = false, children,
 		"data-opt-slug": "separator.Separator"
 	});
 }
-Separator$1.displayName = "Separator";
+Separator.displayName = "Separator";
 //#endregion
 //#region src/core/otp-field.tsx
 const PATTERNS = {
@@ -267,25 +266,25 @@ function OtpField({ length = 6, value: controlledValue, defaultValue = "", onCha
 OtpField.displayName = "OtpField";
 //#endregion
 //#region src/core/toggle.tsx
-const _excluded$13 = [
+const _excluded$9 = [
 	"size",
 	"className",
 	"children"
 ];
-const _excluded2$7 = [
+const _excluded2$5 = [
 	"className",
 	"children",
 	"orientation"
 ];
-const sizeStyles$7 = {
+const sizeStyles$6 = {
 	sm: "h-8 min-w-8 px-2 text-xs gap-1.5",
 	md: "h-10 min-w-10 px-3 text-sm gap-2"
 };
 const toggleBase = require_text_truncate.cn("inline-flex cursor-pointer items-center justify-center rounded-md border border-border bg-surface font-medium text-text-secondary", "hover:bg-bg-subtle hover:text-text-primary", "data-[pressed]:border-accent data-[pressed]:bg-accent-subtle data-[pressed]:text-accent", "disabled:pointer-events-none disabled:opacity-40", require_text_truncate.OPT_FOCUS_VISIBLE);
 /** A two-state (pressed) button. Use standalone or inside `ToggleGroup`. */
 function Toggle(_ref) {
-	let { size = "md", className, children } = _ref, props = require_text_truncate._objectWithoutProperties(_ref, _excluded$13);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_reopt_ai_opt_ui_primitives.Toggle, require_text_truncate._objectSpread2(require_text_truncate._objectSpread2({ className: require_text_truncate.cn(toggleBase, sizeStyles$7[size], className) }, props), {}, {
+	let { size = "md", className, children } = _ref, props = require_text_truncate._objectWithoutProperties(_ref, _excluded$9);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_reopt_ai_opt_ui_primitives.Toggle, require_text_truncate._objectSpread2(require_text_truncate._objectSpread2({ className: require_text_truncate.cn(toggleBase, sizeStyles$6[size], className) }, props), {}, {
 		"data-opt-id": "GFCMY",
 		"data-opt-slug": "toggle.Toggle",
 		children
@@ -294,7 +293,7 @@ function Toggle(_ref) {
 Toggle.displayName = "Toggle";
 /** A set of related toggles with shared selection and keyboard navigation. */
 function ToggleGroup(_ref2) {
-	let { className, children, orientation = "horizontal" } = _ref2, props = require_text_truncate._objectWithoutProperties(_ref2, _excluded2$7);
+	let { className, children, orientation = "horizontal" } = _ref2, props = require_text_truncate._objectWithoutProperties(_ref2, _excluded2$5);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_reopt_ai_opt_ui_primitives.ToggleGroup, require_text_truncate._objectSpread2(require_text_truncate._objectSpread2({
 		orientation,
 		"aria-orientation": orientation,
@@ -308,15 +307,15 @@ function ToggleGroup(_ref2) {
 ToggleGroup.displayName = "ToggleGroup";
 //#endregion
 //#region src/core/accordion.tsx
-const _excluded$12 = ["className"];
-const _excluded2$6 = ["className"];
-const _excluded3$3 = ["className", "children"];
-const _excluded4$2 = ["className", "children"];
+const _excluded$8 = ["className"];
+const _excluded2$4 = ["className"];
+const _excluded3$1 = ["className", "children"];
+const _excluded4$1 = ["className", "children"];
 const triggerClass = `group/acc-trigger flex w-full cursor-pointer items-center justify-between gap-2 py-4 text-left text-sm font-medium text-text-primary transition-colors hover:text-text-secondary ${require_text_truncate.OPT_FOCUS} disabled:cursor-not-allowed disabled:opacity-50`;
 const contentClass = `overflow-hidden text-sm text-text-secondary ${require_text_truncate.OPT_ANIMATE_ENTER_EXIT}`;
 /** A vertically stacked set of expandable panels (single or multiple open). */
 function AccordionRoot(_ref) {
-	let { className } = _ref, props = require_text_truncate._objectWithoutProperties(_ref, _excluded$12);
+	let { className } = _ref, props = require_text_truncate._objectWithoutProperties(_ref, _excluded$8);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		className: require_text_truncate.cn("border-border border-y", className),
 		"data-opt-id": "CSBA9",
@@ -327,7 +326,7 @@ function AccordionRoot(_ref) {
 AccordionRoot.displayName = "AccordionRoot";
 /** A single accordion entry, identified by its `value`. */
 function AccordionItem(_ref2) {
-	let { className } = _ref2, props = require_text_truncate._objectWithoutProperties(_ref2, _excluded2$6);
+	let { className } = _ref2, props = require_text_truncate._objectWithoutProperties(_ref2, _excluded2$4);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_reopt_ai_opt_ui_primitives.AccordionItem, require_text_truncate._objectSpread2(require_text_truncate._objectSpread2({ className: require_text_truncate.cn("border-border border-b last:border-b-0", className) }, props), {}, {
 		"data-opt-id": "JTY9M",
 		"data-opt-slug": "accordion.AccordionItem"
@@ -336,7 +335,7 @@ function AccordionItem(_ref2) {
 AccordionItem.displayName = "AccordionItem";
 /** The clickable header that expands/collapses its panel. */
 function AccordionTrigger(_ref3) {
-	let { className, children } = _ref3, props = require_text_truncate._objectWithoutProperties(_ref3, _excluded3$3);
+	let { className, children } = _ref3, props = require_text_truncate._objectWithoutProperties(_ref3, _excluded3$1);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_reopt_ai_opt_ui_primitives.AccordionTrigger, require_text_truncate._objectSpread2(require_text_truncate._objectSpread2({ className: require_text_truncate.cn(triggerClass, className) }, props), {}, {
 		"data-opt-id": "CWJZZ",
 		"data-opt-slug": "accordion.AccordionTrigger",
@@ -352,7 +351,7 @@ function AccordionTrigger(_ref3) {
 AccordionTrigger.displayName = "AccordionTrigger";
 /** The collapsible panel body associated with a trigger. */
 function AccordionContent(_ref4) {
-	let { className, children } = _ref4, props = require_text_truncate._objectWithoutProperties(_ref4, _excluded4$2);
+	let { className, children } = _ref4, props = require_text_truncate._objectWithoutProperties(_ref4, _excluded4$1);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_reopt_ai_opt_ui_primitives.AccordionContent, require_text_truncate._objectSpread2(require_text_truncate._objectSpread2({ className: require_text_truncate.cn(contentClass, className) }, props), {}, {
 		"data-opt-id": "J98AG",
 		"data-opt-slug": "accordion.AccordionContent",
@@ -410,111 +409,8 @@ function Breadcrumb({ items, separator = "/", className, onNavigate, "aria-label
 	});
 }
 //#endregion
-//#region src/core/description-list.tsx
-const defaultLabels$3 = {
-	copy: (term) => `Copy ${term}`,
-	copied: "Copied",
-	empty: "—"
-};
-const columnsClass = {
-	1: "grid-cols-1",
-	2: "grid-cols-1 sm:grid-cols-2",
-	3: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3",
-	4: "grid-cols-2 sm:grid-cols-3 lg:grid-cols-4"
-};
-function CopyButton({ value, label, copiedLabel }) {
-	const [copied, setCopied] = (0, react.useState)(false);
-	const handleCopy = (0, react.useCallback)(() => {
-		var _navigator$clipboard;
-		(_navigator$clipboard = navigator.clipboard) === null || _navigator$clipboard === void 0 || _navigator$clipboard.writeText(value).then(() => {
-			setCopied(true);
-			window.setTimeout(() => setCopied(false), 1500);
-		});
-	}, [value]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-		type: "button",
-		onClick: handleCopy,
-		"aria-label": copied ? copiedLabel : label,
-		className: require_text_truncate.cn(require_text_truncate.OPT_FOCUS_VISIBLE, require_text_truncate.OPT_TEXT_TERTIARY, "hover:text-text-primary shrink-0 rounded p-0.5 transition-colors"),
-		children: copied ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Check, {
-			className: "size-3.5",
-			"aria-hidden": "true"
-		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Copy, {
-			className: "size-3.5",
-			"aria-hidden": "true"
-		})
-	});
-}
-/**
-* DescriptionList — the labelled facts about one thing.
-*
-* Detail views collect a dozen short fields that each mean nothing without
-* their label, and hand-rolling them as a `<div>` grid loses the term/value
-* association that assistive tech needs. This keeps the pairs in a real `<dl>`
-* while still laying them out as boxed cells.
-*
-* @example
-* ```tsx
-* <DescriptionList
-*   layout="grid"
-*   columns={2}
-*   items={[
-*     { id: "id", term: "Session ID", description: session.id, copyValue: session.id },
-*     { id: "entry", term: "Entry path", description: session.entryPath },
-*   ]}
-* />
-* ```
-*/
-function DescriptionList({ items, layout = "grid", columns = 2, compressed = false, labels: customLabels, className }) {
-	const labels = require_text_truncate._objectSpread2(require_text_truncate._objectSpread2({}, defaultLabels$3), customLabels);
-	if (layout === "inline") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dl", {
-		className: require_text_truncate.cn("flex flex-wrap items-baseline gap-x-6 gap-y-2", className),
-		"data-opt-id": "1NPD2",
-		"data-opt-slug": "description-list.DescriptionList",
-		children: items.map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "flex items-baseline gap-2",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", {
-				className: require_text_truncate.cn(require_text_truncate.OPT_TEXT_TERTIARY, "text-xs"),
-				title: item.hint,
-				children: item.term
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", {
-				className: require_text_truncate.cn(require_text_truncate.OPT_TEXT_PRIMARY, "text-sm font-medium"),
-				children: item.description || labels.empty
-			})]
-		}, item.id))
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dl", {
-		className: require_text_truncate.cn("grid", compressed ? "gap-element" : "gap-group", columnsClass[columns], className),
-		"data-opt-id": "1NPD2",
-		"data-opt-slug": "description-list.DescriptionList",
-		children: items.map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: require_text_truncate.cn("flex min-w-0 flex-col gap-1", layout === "grid" && [
-				"border border-border",
-				"bg-bg-subtle rounded-lg",
-				compressed ? "px-2.5 py-1.5" : "px-3 py-2"
-			]),
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", {
-				className: require_text_truncate.cn(require_text_truncate.OPT_TEXT_TERTIARY, "text-xs"),
-				title: item.hint,
-				children: item.term
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("dd", {
-				className: require_text_truncate.cn(require_text_truncate.OPT_TEXT_PRIMARY, "flex min-w-0 items-center gap-1.5 text-sm"),
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: require_text_truncate.cn("min-w-0", item.wrap ? "break-all" : "truncate", !item.description && "text-text-secondary"),
-					children: item.description || labels.empty
-				}), item.copyValue && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopyButton, {
-					value: item.copyValue,
-					label: labels.copy(typeof item.term === "string" ? item.term : item.id),
-					copiedLabel: labels.copied
-				})]
-			})]
-		}, item.id))
-	});
-}
-DescriptionList.displayName = "DescriptionList";
-//#endregion
 //#region src/core/avatar.tsx
-const _excluded$11 = [
+const _excluded$7 = [
 	"src",
 	"srcSet",
 	"sizes",
@@ -528,7 +424,7 @@ const _excluded$11 = [
 	"className",
 	"onLoadingStatusChange"
 ];
-const _excluded2$5 = [
+const _excluded2$3 = [
 	"max",
 	"size",
 	"children",
@@ -573,7 +469,7 @@ function useImageLoadingStatus(src, { srcSet, sizes, crossOrigin, referrerPolicy
 	]);
 	return status;
 }
-const sizeStyles$6 = {
+const sizeStyles$5 = {
 	xs: "h-6 w-6 text-[10px]",
 	sm: "h-8 w-8 text-xs",
 	md: "h-10 w-10 text-sm",
@@ -616,7 +512,7 @@ function getColorFromName(name) {
 /** Renders the avatar component. */
 function Avatar(_ref) {
 	var _ref2, _ref3;
-	let { src, srcSet, sizes, crossOrigin, referrerPolicy, alt, name, size = "md", fallback, status, className, onLoadingStatusChange } = _ref, props = require_text_truncate._objectWithoutProperties(_ref, _excluded$11);
+	let { src, srcSet, sizes, crossOrigin, referrerPolicy, alt, name, size = "md", fallback, status, className, onLoadingStatusChange } = _ref, props = require_text_truncate._objectWithoutProperties(_ref, _excluded$7);
 	const loadingStatus = useImageLoadingStatus(src, {
 		srcSet,
 		sizes,
@@ -657,7 +553,7 @@ function Avatar(_ref) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", require_text_truncate._objectSpread2(require_text_truncate._objectSpread2({
 		role: "img",
 		"aria-label": avatarLabel,
-		className: require_text_truncate.cn("relative inline-flex shrink-0 items-center justify-center overflow-hidden rounded-full", sizeStyles$6[size], !showImage && bgColor, className)
+		className: require_text_truncate.cn("relative inline-flex shrink-0 items-center justify-center overflow-hidden rounded-full", sizeStyles$5[size], !showImage && bgColor, className)
 	}, props), {}, {
 		"data-opt-id": "SCMM0",
 		"data-opt-slug": "avatar.Avatar",
@@ -669,7 +565,7 @@ function Avatar(_ref) {
 }
 /** Renders the avatar group component. */
 function AvatarGroup(_ref5) {
-	let { max = 4, size = "md", children, className } = _ref5, props = require_text_truncate._objectWithoutProperties(_ref5, _excluded2$5);
+	let { max = 4, size = "md", children, className } = _ref5, props = require_text_truncate._objectWithoutProperties(_ref5, _excluded2$3);
 	const avatars = Array.isArray(children) ? children : [children];
 	const visibleAvatars = avatars.slice(0, max);
 	const remainingCount = avatars.length - max;
@@ -680,7 +576,7 @@ function AvatarGroup(_ref5) {
 			className: "ring-surface relative -ml-2 inline-block rounded-full ring-2 first:ml-0",
 			children: child
 		}, index)), remainingCount > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-			className: require_text_truncate.cn("bg-bg-subtle text-text-secondary ring-surface relative inline-flex items-center justify-center rounded-full font-medium ring-2", sizeStyles$6[size]),
+			className: require_text_truncate.cn("bg-bg-subtle text-text-secondary ring-surface relative inline-flex items-center justify-center rounded-full font-medium ring-2", sizeStyles$5[size]),
 			children: ["+", remainingCount]
 		})]
 	}));
@@ -755,7 +651,7 @@ function Identity({ name, secondary, id, avatarSrc, state, badge, size = "md", h
 Identity.displayName = "Identity";
 //#endregion
 //#region src/core/card.tsx
-const _excluded$10 = [
+const _excluded$6 = [
 	"variant",
 	"padding",
 	"shadow",
@@ -769,17 +665,17 @@ const _excluded$10 = [
 	"role",
 	"tabIndex"
 ];
-const _excluded2$4 = [
+const _excluded2$2 = [
 	"gap",
 	"className",
 	"children"
 ];
-const _excluded3$2 = [
+const _excluded3 = [
 	"as",
 	"className",
 	"children"
 ];
-const _excluded4$1 = ["className", "children"];
+const _excluded4 = ["className", "children"];
 const _excluded5 = [
 	"spacing",
 	"className",
@@ -792,7 +688,7 @@ const _excluded6 = [
 ];
 /** Renders the card component. */
 function Card(_ref) {
-	let { variant = "default", padding = "md", shadow = true, selectable = false, selected = false, onSelectedChange, className, children, onClick, onKeyDown, role, tabIndex } = _ref, props = require_text_truncate._objectWithoutProperties(_ref, _excluded$10);
+	let { variant = "default", padding = "md", shadow = true, selectable = false, selected = false, onSelectedChange, className, children, onClick, onKeyDown, role, tabIndex } = _ref, props = require_text_truncate._objectWithoutProperties(_ref, _excluded$6);
 	const isInteractive = selectable || !!onClick;
 	const handleClick = selectable ? (e) => {
 		onSelectedChange === null || onSelectedChange === void 0 || onSelectedChange(!selected);
@@ -835,7 +731,7 @@ const headerGapClasses = {
 };
 /** Renders the card header component. */
 function CardHeader(_ref2) {
-	let { gap = "sm", className, children } = _ref2, props = require_text_truncate._objectWithoutProperties(_ref2, _excluded2$4);
+	let { gap = "sm", className, children } = _ref2, props = require_text_truncate._objectWithoutProperties(_ref2, _excluded2$2);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", require_text_truncate._objectSpread2(require_text_truncate._objectSpread2({ className: require_text_truncate.cn("flex flex-col", headerGapClasses[gap], className) }, props), {}, {
 		"data-opt-id": "JST3J",
 		"data-opt-slug": "card.CardHeader",
@@ -844,7 +740,7 @@ function CardHeader(_ref2) {
 }
 /** Renders the card title component. */
 function CardTitle(_ref3) {
-	let { as: Tag = "h3", className, children } = _ref3, props = require_text_truncate._objectWithoutProperties(_ref3, _excluded3$2);
+	let { as: Tag = "h3", className, children } = _ref3, props = require_text_truncate._objectWithoutProperties(_ref3, _excluded3);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Tag, require_text_truncate._objectSpread2(require_text_truncate._objectSpread2({ className: require_text_truncate.cn(`text-lg font-semibold ${require_text_truncate.OPT_TEXT_PRIMARY}`, className) }, props), {}, {
 		"data-opt-id": "V15TX",
 		"data-opt-slug": "card.CardTitle",
@@ -853,7 +749,7 @@ function CardTitle(_ref3) {
 }
 /** Renders the card description component. */
 function CardDescription(_ref4) {
-	let { className, children } = _ref4, props = require_text_truncate._objectWithoutProperties(_ref4, _excluded4$1);
+	let { className, children } = _ref4, props = require_text_truncate._objectWithoutProperties(_ref4, _excluded4);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", require_text_truncate._objectSpread2(require_text_truncate._objectSpread2({ className: require_text_truncate.cn(`text-sm ${require_text_truncate.OPT_TEXT_SECONDARY}`, className) }, props), {}, {
 		"data-opt-id": "YB1RN",
 		"data-opt-slug": "card.CardDescription",
@@ -885,162 +781,8 @@ function CardFooter(_ref6) {
 	}));
 }
 //#endregion
-//#region src/core/switch.tsx
-const _excluded$9 = [
-	"label",
-	"required",
-	"error",
-	"hint",
-	"description",
-	"checked",
-	"defaultChecked",
-	"onChange",
-	"size",
-	"disabled",
-	"className",
-	"id",
-	"onClick",
-	"aria-label",
-	"aria-labelledby"
-];
-const sizeStyles$5 = {
-	sm: {
-		track: "h-5 w-9",
-		thumb: "h-4 w-4",
-		translate: "translate-x-4"
-	},
-	md: {
-		track: "h-6 w-11",
-		thumb: "h-5 w-5",
-		translate: "translate-x-5"
-	},
-	lg: {
-		track: "h-7 w-14",
-		thumb: "h-6 w-6",
-		translate: "translate-x-7"
-	}
-};
-const Switch = (0, react.forwardRef)((_ref, ref) => {
-	var _useInputId;
-	let { label, required, error, hint, description, checked: controlledChecked, defaultChecked = false, onChange, size = "md", disabled, className, id, onClick, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy } = _ref, props = require_text_truncate._objectWithoutProperties(_ref, _excluded$9);
-	const fallbackId = (0, react.useId)();
-	const switchId = (_useInputId = require_text_truncate.useInputId(id, label, "switch")) !== null && _useInputId !== void 0 ? _useInputId : `switch-${fallbackId}`;
-	const hintText = hint !== null && hint !== void 0 ? hint : description;
-	const hasError = Boolean(error);
-	const styles = sizeStyles$5[size];
-	const labelId = label ? `${switchId}-label` : void 0;
-	const switchLabelledBy = ariaLabelledBy !== null && ariaLabelledBy !== void 0 ? ariaLabelledBy : ariaLabel ? void 0 : labelId;
-	const switchAriaLabel = ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : switchLabelledBy ? void 0 : "Switch";
-	const isControlled = controlledChecked !== void 0;
-	const [internalChecked, setInternalChecked] = (0, react.useState)(defaultChecked);
-	const checked = isControlled ? controlledChecked : internalChecked;
-	const handleClick = (0, react.useCallback)((e) => {
-		const next = !checked;
-		if (!isControlled) setInternalChecked(next);
-		onChange === null || onChange === void 0 || onChange(next);
-		onClick === null || onClick === void 0 || onClick(e);
-	}, [
-		checked,
-		isControlled,
-		onChange,
-		onClick
-	]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: require_text_truncate.cn("flex flex-col gap-1.5", className),
-		"data-opt-id": "51Z9R",
-		"data-opt-slug": "switch.Switch",
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "flex items-start gap-3",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", require_text_truncate._objectSpread2(require_text_truncate._objectSpread2({
-				ref,
-				type: "button",
-				role: "switch",
-				id: switchId,
-				"aria-checked": checked,
-				"aria-label": switchAriaLabel,
-				"aria-labelledby": switchLabelledBy,
-				disabled,
-				className: require_text_truncate.cn("group relative inline-flex shrink-0 cursor-pointer rounded-full p-0.5 transition-colors", styles.track, "bg-bg-muted", "aria-[checked=true]:bg-accent", "disabled:cursor-not-allowed disabled:opacity-50", require_text_truncate.OPT_FOCUS_VISIBLE),
-				"aria-invalid": hasError,
-				"aria-required": required,
-				"aria-describedby": require_text_truncate.getDescribedBy(switchId, error, hintText),
-				onClick: handleClick
-			}, props), {}, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: require_text_truncate.cn("pointer-events-none inline-block transform rounded-full bg-white shadow-sm ring-0 transition-transform", styles.thumb, "translate-x-0", size === "sm" && "group-aria-[checked=true]:translate-x-4", size === "md" && "group-aria-[checked=true]:translate-x-5", size === "lg" && "group-aria-[checked=true]:translate-x-7") }) })), (label || hintText) && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "flex flex-col",
-				children: [label && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-					id: labelId,
-					className: require_text_truncate.cn("text-text-primary text-sm font-medium", disabled && "opacity-50"),
-					children: [label, required && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_text_truncate.RequiredMark, {})]
-				}), hintText && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-					id: `${switchId}-hint`,
-					className: require_text_truncate.cn("text-text-tertiary text-sm", disabled && "opacity-50"),
-					children: hintText
-				})]
-			})]
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_text_truncate.FieldMessages, {
-			id: switchId,
-			error
-		})]
-	});
-});
-Switch.displayName = "Switch";
-//#endregion
-//#region src/core/textarea.tsx
-const _excluded$8 = [
-	"label",
-	"error",
-	"hint",
-	"fullWidth",
-	"required",
-	"resize",
-	"size",
-	"className",
-	"id",
-	"rows"
-];
-const textareaSizeStyles = require_text_truncate.OPT_TEXTAREA_SIZE;
-const resizeStyles = {
-	none: "resize-none",
-	vertical: "resize-y",
-	horizontal: "resize-x",
-	both: "resize"
-};
-const Textarea = (0, react.forwardRef)((_ref, ref) => {
-	var _useInputId;
-	let { label, error, hint, fullWidth = false, required, resize = "vertical", size = "md", className, id, rows = 4 } = _ref, props = require_text_truncate._objectWithoutProperties(_ref, _excluded$8);
-	const fallbackId = (0, react.useId)().replace(/:/g, "");
-	const textareaId = (_useInputId = require_text_truncate.useInputId(id, label, "textarea")) !== null && _useInputId !== void 0 ? _useInputId : `textarea-${fallbackId}`;
-	const hasError = Boolean(error);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: require_text_truncate.cn("flex flex-col gap-1.5", fullWidth && "w-full"),
-		"data-opt-id": "6T58H",
-		"data-opt-slug": "textarea.Textarea",
-		children: [
-			label && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-				htmlFor: textareaId,
-				className: "text-text-primary text-sm font-medium",
-				children: [label, required && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_text_truncate.RequiredMark, {})]
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", require_text_truncate._objectSpread2({
-				ref,
-				id: textareaId,
-				rows,
-				className: require_text_truncate.cn("border-border bg-surface text-text-primary placeholder:text-text-tertiary w-full rounded-lg border px-4 py-3 text-sm outline-transparent", require_text_truncate.OPT_FOCUS_VISIBLE, textareaSizeStyles[size], resizeStyles[resize], hasError && "border-danger focus-visible:outline-danger", !fullWidth && "w-auto", className),
-				"aria-invalid": hasError,
-				"aria-describedby": require_text_truncate.getDescribedBy(textareaId, error, hint)
-			}, props)),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_text_truncate.FieldMessages, {
-				id: textareaId,
-				error,
-				hint
-			})
-		]
-	});
-});
-Textarea.displayName = "Textarea";
-//#endregion
 //#region src/core/progress.tsx
-const _excluded$7 = [
+const _excluded$5 = [
 	"value",
 	"max",
 	"size",
@@ -1051,7 +793,7 @@ const _excluded$7 = [
 	"indeterminate",
 	"className"
 ];
-const _excluded2$3 = [
+const _excluded2$1 = [
 	"value",
 	"max",
 	"size",
@@ -1086,7 +828,7 @@ function getProgressValue(value, max) {
 }
 /** Renders the progress component. */
 function Progress(_ref) {
-	let { value, max = 100, size = "md", variant = "default", showLabel = false, label, animated = true, indeterminate = false, className } = _ref, props = require_text_truncate._objectWithoutProperties(_ref, _excluded$7);
+	let { value, max = 100, size = "md", variant = "default", showLabel = false, label, animated = true, indeterminate = false, className } = _ref, props = require_text_truncate._objectWithoutProperties(_ref, _excluded$5);
 	const progress = indeterminate || value === void 0 ? null : getProgressValue(value, max);
 	const shouldRenderHeader = Boolean(label) || showLabel && progress;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", require_text_truncate._objectSpread2(require_text_truncate._objectSpread2({ className: require_text_truncate.cn("w-full", className) }, props), {}, {
@@ -1125,7 +867,7 @@ const circularVariantStyles = {
 /** Renders the circular progress component. */
 function CircularProgress(_ref2) {
 	var _progress$percentage;
-	let { value, max = 100, size = 48, strokeWidth = 4, variant = "default", showLabel = false, label, indeterminate = false, className } = _ref2, props = require_text_truncate._objectWithoutProperties(_ref2, _excluded2$3);
+	let { value, max = 100, size = 48, strokeWidth = 4, variant = "default", showLabel = false, label, indeterminate = false, className } = _ref2, props = require_text_truncate._objectWithoutProperties(_ref2, _excluded2$1);
 	const labelId = (0, react.useId)();
 	const isIndeterminate = indeterminate || value === void 0;
 	const progress = isIndeterminate ? null : getProgressValue(value, max);
@@ -1672,47 +1414,8 @@ function ConditionBuilder({ groups, onChange, properties = DEFAULT_PROPERTIES, l
 }
 ConditionBuilder.displayName = "ConditionBuilder";
 //#endregion
-//#region src/core/dropdown-menu.tsx
-const _excluded$6 = ["className"];
-const _excluded2$2 = ["className"];
-const _excluded3$1 = ["className", "variant"];
-const _excluded4 = ["className"];
-const DropdownMenu = require_text_truncate.MenuRoot;
-/** Renders the dropdown trigger component. */
-function DropdownTrigger(_ref) {
-	let { className } = _ref, props = require_text_truncate._objectWithoutProperties(_ref, _excluded$6);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_text_truncate.MenuTrigger, require_text_truncate._objectSpread2(require_text_truncate._objectSpread2({ className: require_text_truncate.cn("cursor-pointer gap-2", className) }, props), {}, {
-		"data-opt-id": "C4BSS",
-		"data-opt-slug": "dropdown-menu.DropdownTrigger"
-	}));
-}
-/** Renders the dropdown content component. */
-function DropdownContent(_ref2) {
-	let { className } = _ref2, props = require_text_truncate._objectWithoutProperties(_ref2, _excluded2$2);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_text_truncate.MenuPopover, require_text_truncate._objectSpread2(require_text_truncate._objectSpread2({ className: require_text_truncate.cn(className) }, props), {}, {
-		"data-opt-id": "J6NF7",
-		"data-opt-slug": "dropdown-menu.DropdownContent"
-	}));
-}
-/** Renders the dropdown item component. */
-function DropdownItem(_ref3) {
-	let { className, variant = "default" } = _ref3, props = require_text_truncate._objectWithoutProperties(_ref3, _excluded3$1);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_text_truncate.MenuItem, require_text_truncate._objectSpread2(require_text_truncate._objectSpread2({ className: require_text_truncate.cn("cursor-pointer data-[disabled]:cursor-not-allowed", variant === "destructive" && "text-danger-fg data-[active-item]:bg-danger-subtle data-[active-item]:text-danger-fg", className) }, props), {}, {
-		"data-opt-id": "5M6GA",
-		"data-opt-slug": "dropdown-menu.DropdownItem"
-	}));
-}
-/** Renders the dropdown separator component. */
-function DropdownSeparator(_ref4) {
-	let { className } = _ref4, props = require_text_truncate._objectWithoutProperties(_ref4, _excluded4);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_text_truncate.MenuSeparator, require_text_truncate._objectSpread2(require_text_truncate._objectSpread2({ className: require_text_truncate.cn(className) }, props), {}, {
-		"data-opt-id": "K9Y54",
-		"data-opt-slug": "dropdown-menu.DropdownSeparator"
-	}));
-}
-//#endregion
 //#region src/core/radio-group.tsx
-const _excluded$5 = [
+const _excluded$4 = [
 	"label",
 	"hint",
 	"description",
@@ -1759,7 +1462,7 @@ function RadioGroup({ children, value, defaultValue = "", onChange, disabled, si
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_reopt_ai_opt_ui_primitives.RadioGroupRoot, {
 				value,
 				defaultValue,
-				onChange,
+				onValueChange: onChange,
 				disabled,
 				orientation,
 				name,
@@ -1784,7 +1487,7 @@ function RadioGroup({ children, value, defaultValue = "", onChange, disabled, si
 }
 const Radio = (0, react.forwardRef)((_ref, ref) => {
 	var _ref2;
-	let { label, hint, description, value, name: _name, size: sizeProp, disabled: disabledProp, className } = _ref, props = require_text_truncate._objectWithoutProperties(_ref, _excluded$5);
+	let { label, hint, description, value, name: _name, size: sizeProp, disabled: disabledProp, className } = _ref, props = require_text_truncate._objectWithoutProperties(_ref, _excluded$4);
 	const groupContext = (0, react.useContext)(RadioGroupContext);
 	const primContext = (0, _reopt_ai_opt_ui_primitives.useRadioGroupContext)();
 	const size = sizeProp !== null && sizeProp !== void 0 ? sizeProp : groupContext.size;
@@ -1805,7 +1508,7 @@ const Radio = (0, react.forwardRef)((_ref, ref) => {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", require_text_truncate._objectSpread2(require_text_truncate._objectSpread2({
 		ref,
 		"aria-checked": isChecked,
-		className: require_text_truncate.cn("group flex items-start gap-3", disabled && "cursor-not-allowed opacity-50", !disabled && "cursor-pointer", className)
+		className: require_text_truncate.cn("group relative flex items-start gap-3", disabled && "cursor-not-allowed opacity-50", !disabled && "cursor-pointer", className)
 	}, props), {}, {
 		"data-opt-id": "HY7YG",
 		"data-opt-slug": "radio-group.Radio",
@@ -1821,7 +1524,7 @@ const Radio = (0, react.forwardRef)((_ref, ref) => {
 				"aria-label": label ? void 0 : value !== null && value !== void 0 ? value : "Radio option",
 				"aria-labelledby": labelId,
 				"aria-describedby": hintId,
-				className: "sr-only"
+				className: "absolute inset-0 m-0 h-full w-full cursor-pointer opacity-0 disabled:cursor-not-allowed"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 				className: require_text_truncate.cn("relative mt-0.5 inline-flex shrink-0 items-center justify-center rounded-full", styles.radio, "border-border border-2", "bg-surface", "group-aria-checked:border-accent", "transition-colors", "group-has-[:focus-visible]:outline-ring outline-transparent group-has-[:focus-visible]:outline-2 group-has-[:focus-visible]:-outline-offset-1"),
@@ -1846,7 +1549,7 @@ const Radio = (0, react.forwardRef)((_ref, ref) => {
 Radio.displayName = "Radio";
 //#endregion
 //#region src/core/loading-overlay.tsx
-const _excluded$4 = [
+const _excluded$3 = [
 	"loading",
 	"children",
 	"label",
@@ -1854,7 +1557,7 @@ const _excluded$4 = [
 ];
 /** Renders the loading overlay component. */
 function LoadingOverlay(_ref) {
-	let { loading, children, label = "Loading…", className } = _ref, props = require_text_truncate._objectWithoutProperties(_ref, _excluded$4);
+	let { loading, children, label = "Loading…", className } = _ref, props = require_text_truncate._objectWithoutProperties(_ref, _excluded$3);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", require_text_truncate._objectSpread2(require_text_truncate._objectSpread2({
 		"data-opt-id": "380ZR",
 		"data-opt-slug": "loading-overlay.LoadingOverlay"
@@ -1881,7 +1584,7 @@ function LoadingOverlay(_ref) {
 LoadingOverlay.displayName = "LoadingOverlay";
 //#endregion
 //#region src/core/block-layout.tsx
-const _excluded$3 = [
+const _excluded$2 = [
 	"children",
 	"className",
 	"spacing",
@@ -1903,7 +1606,7 @@ const insetClass = {
 };
 /** Renders the block layout component. */
 function BlockLayout(_ref) {
-	let { children, className, spacing = "section", inset, loading, loadingLabel } = _ref, props = require_text_truncate._objectWithoutProperties(_ref, _excluded$3);
+	let { children, className, spacing = "section", inset, loading, loadingLabel } = _ref, props = require_text_truncate._objectWithoutProperties(_ref, _excluded$2);
 	const layoutClassName = require_text_truncate.cn("flex flex-col", spacingClass[spacing], inset ? insetClass[inset] : void 0, className);
 	if (loading) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LoadingOverlay, require_text_truncate._objectSpread2(require_text_truncate._objectSpread2({
 		"data-opt-id": "9D8QR",
@@ -1925,7 +1628,7 @@ function BlockLayout(_ref) {
 BlockLayout.displayName = "BlockLayout";
 //#endregion
 //#region src/core/create-block.tsx
-const _excluded$2 = ["loading", "className"];
+const _excluded$1 = ["loading", "className"];
 /**
 * Block 팩토리. BlockLayout 래핑을 구조적으로 강제합니다.
 *
@@ -1935,7 +1638,7 @@ const _excluded$2 = ["loading", "className"];
 */
 function createBlock(name, render, options) {
 	const Component = (props) => {
-		const { loading, className } = props, rest = require_text_truncate._objectWithoutProperties(props, _excluded$2);
+		const { loading, className } = props, rest = require_text_truncate._objectWithoutProperties(props, _excluded$1);
 		const layoutCn = (options === null || options === void 0 ? void 0 : options.layoutClassName) ? `${options.layoutClassName}${className ? ` ${className}` : ""}` : className;
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BlockLayout, {
 			loading,
@@ -2032,73 +1735,6 @@ function Section({ children, title, description, className }) {
 }
 Section.displayName = "Section";
 //#endregion
-//#region src/core/resizable.tsx
-const _excluded$1 = [
-	"direction",
-	"children",
-	"className",
-	"id",
-	"autoSaveId"
-];
-const _excluded2$1 = [
-	"collapsedSize",
-	"defaultSize",
-	"minSize",
-	"maxSize",
-	"children",
-	"className"
-];
-const _excluded3 = ["className", "withHandle"];
-function toPanelSize(size) {
-	return typeof size === "number" ? `${size}%` : size;
-}
-/** Renders the resizable panel group component. */
-function ResizablePanelGroup(_ref) {
-	let { direction, children, className, id, autoSaveId } = _ref, props = require_text_truncate._objectWithoutProperties(_ref, _excluded$1);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_resizable_panels.Group, require_text_truncate._objectSpread2(require_text_truncate._objectSpread2({
-		orientation: direction,
-		id: id !== null && id !== void 0 ? id : autoSaveId,
-		className: require_text_truncate.cn("flex h-full w-full", className)
-	}, props), {}, {
-		"data-opt-id": "BM5RR",
-		"data-opt-slug": "resizable.ResizablePanelGroup",
-		children
-	}));
-}
-ResizablePanelGroup.displayName = "ResizablePanelGroup";
-/** Renders the resizable panel component. */
-function ResizablePanel(_ref2) {
-	let { collapsedSize, defaultSize, minSize, maxSize, children, className } = _ref2, props = require_text_truncate._objectWithoutProperties(_ref2, _excluded2$1);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_resizable_panels.Panel, require_text_truncate._objectSpread2(require_text_truncate._objectSpread2({
-		collapsedSize: toPanelSize(collapsedSize),
-		defaultSize: toPanelSize(defaultSize),
-		minSize: toPanelSize(minSize),
-		maxSize: toPanelSize(maxSize),
-		className: require_text_truncate.cn("overflow-auto", className)
-	}, props), {}, {
-		"data-opt-id": "88X4V",
-		"data-opt-slug": "resizable.ResizablePanel",
-		children
-	}));
-}
-ResizablePanel.displayName = "ResizablePanel";
-/** Renders the resizable handle component. */
-function ResizableHandle(_ref3) {
-	let { className, withHandle = false } = _ref3, props = require_text_truncate._objectWithoutProperties(_ref3, _excluded3);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_resizable_panels.Separator, require_text_truncate._objectSpread2(require_text_truncate._objectSpread2({ className: require_text_truncate.cn("bg-border relative flex items-center justify-center", "after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2", "data-[resize-handle-active]:bg-accent", "[&[data-orientation=vertical]]:h-px [&[data-orientation=vertical]]:w-full", "[&[data-orientation=horizontal]]:h-full [&[data-orientation=horizontal]]:w-px", className) }, props), {}, {
-		"data-opt-id": "6Z22W",
-		"data-opt-slug": "resizable.ResizableHandle",
-		children: withHandle && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: "border-border bg-surface z-10 flex h-4 w-3 items-center justify-center rounded-sm border",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.GripVertical, {
-				"aria-hidden": "true",
-				className: "text-text-tertiary h-3 w-3"
-			})
-		})
-	}));
-}
-ResizableHandle.displayName = "ResizableHandle";
-//#endregion
 //#region src/core/logo.tsx
 const markSizeStyles = {
 	sm: "h-6 w-6",
@@ -4010,7 +3646,7 @@ function ColorPalettePicker({ palettes, value, onValueChange, label = "Colour pa
 			children: label
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_text_truncate.SelectRoot, {
 			value: (_ref = value !== null && value !== void 0 ? value : selected === null || selected === void 0 ? void 0 : selected.id) !== null && _ref !== void 0 ? _ref : "",
-			setValue: (next) => {
+			onValueChange: (next) => {
 				if (typeof next === "string") onValueChange === null || onValueChange === void 0 || onValueChange(next);
 			},
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_text_truncate.SelectTrigger, {
@@ -4400,12 +4036,6 @@ Object.defineProperty(exports, "Container", {
 		return Container;
 	}
 });
-Object.defineProperty(exports, "DescriptionList", {
-	enumerable: true,
-	get: function() {
-		return DescriptionList;
-	}
-});
 Object.defineProperty(exports, "DrawerClose", {
 	enumerable: true,
 	get: function() {
@@ -4424,36 +4054,6 @@ Object.defineProperty(exports, "DrawerRoot", {
 		return DrawerRoot;
 	}
 });
-Object.defineProperty(exports, "DropdownContent", {
-	enumerable: true,
-	get: function() {
-		return DropdownContent;
-	}
-});
-Object.defineProperty(exports, "DropdownItem", {
-	enumerable: true,
-	get: function() {
-		return DropdownItem;
-	}
-});
-Object.defineProperty(exports, "DropdownMenu", {
-	enumerable: true,
-	get: function() {
-		return DropdownMenu;
-	}
-});
-Object.defineProperty(exports, "DropdownSeparator", {
-	enumerable: true,
-	get: function() {
-		return DropdownSeparator;
-	}
-});
-Object.defineProperty(exports, "DropdownTrigger", {
-	enumerable: true,
-	get: function() {
-		return DropdownTrigger;
-	}
-});
 Object.defineProperty(exports, "Expression", {
 	enumerable: true,
 	get: function() {
@@ -4550,24 +4150,6 @@ Object.defineProperty(exports, "RadioGroup", {
 		return RadioGroup;
 	}
 });
-Object.defineProperty(exports, "ResizableHandle", {
-	enumerable: true,
-	get: function() {
-		return ResizableHandle;
-	}
-});
-Object.defineProperty(exports, "ResizablePanel", {
-	enumerable: true,
-	get: function() {
-		return ResizablePanel;
-	}
-});
-Object.defineProperty(exports, "ResizablePanelGroup", {
-	enumerable: true,
-	get: function() {
-		return ResizablePanelGroup;
-	}
-});
 Object.defineProperty(exports, "SHADER_OVERLAY_PARAM_KEYS", {
 	enumerable: true,
 	get: function() {
@@ -4613,7 +4195,7 @@ Object.defineProperty(exports, "Section", {
 Object.defineProperty(exports, "Separator", {
 	enumerable: true,
 	get: function() {
-		return Separator$1;
+		return Separator;
 	}
 });
 Object.defineProperty(exports, "ShaderSurface", {
@@ -4628,12 +4210,6 @@ Object.defineProperty(exports, "StepBuilder", {
 		return StepBuilder;
 	}
 });
-Object.defineProperty(exports, "Switch", {
-	enumerable: true,
-	get: function() {
-		return Switch;
-	}
-});
 Object.defineProperty(exports, "THEME_PALETTES", {
 	enumerable: true,
 	get: function() {
@@ -4646,12 +4222,6 @@ Object.defineProperty(exports, "Text", {
 		return Text;
 	}
 });
-Object.defineProperty(exports, "Textarea", {
-	enumerable: true,
-	get: function() {
-		return Textarea;
-	}
-});
 Object.defineProperty(exports, "Toggle", {
 	enumerable: true,
 	get: function() {