@revolist/ui 4.0.5-rc → 4.0.5

package/editor-layout/style.scss

@@ -2,7 +2,10 @@
 
 .rv-editor-split {
   display: grid;
-  grid-template-columns: var(--rv-editor-columns, minmax(0, 1fr) minmax(0, 1fr));
+  grid-template-columns: var(
+    --rv-editor-columns,
+    minmax(0, 1fr) minmax(0, 1fr)
+  );
   gap: var(--rv-editor-gap, 12px);
   min-width: 0;
   min-height: 0;
@@ -11,7 +14,8 @@
   min-width: 0;
   min-height: 0;
   overflow: hidden;
-  border: 1px solid var(--rv-editor-divider, var(--rv-dialog-border, var(--rv-ui-border)));
+  border: 1px solid
+    var(--rv-editor-divider, var(--rv-dialog-border, var(--rv-ui-border)));
   border-radius: var(--rv-editor-radius, 10px);
   background: var(--rv-dialog-bg, var(--rv-ui-surface));
 }
@@ -61,24 +65,84 @@
 }
 .rv-editor-list__item {
   transition:
-    background-color var(--rv-ui-motion-fast, 120ms) var(--rv-ui-motion-ease, ease-out),
+    background-color var(--rv-ui-motion-fast, 120ms)
+      var(--rv-ui-motion-ease, ease-out),
     color var(--rv-ui-motion-fast, 120ms) var(--rv-ui-motion-ease, ease-out),
     opacity var(--rv-ui-motion-fast, 120ms) var(--rv-ui-motion-ease, ease-out);
 }
-.rv-editor-list__item:hover { background: var(--rv-ui-surface-hover); }
-.rv-editor-list__item.rv-editor-list__item--selected { background: var(--rv-ui-selected-bg); color: var(--rv-ui-selected-fg); }
-.rv-editor-list__item:focus-visible { outline: 2px solid var(--rv-ui-accent); outline-offset: -2px; }
-@media (forced-colors: active) { .rv-editor-list__item--selected { outline: 2px solid Highlight; } }
+.rv-editor-list__item:hover {
+  background: var(--rv-ui-surface-hover);
+}
+.rv-editor-list__item.rv-editor-list__item--selected {
+  background: var(--rv-ui-selected-bg);
+  color: var(--rv-ui-selected-fg);
+}
+.rv-editor-list__item:focus-visible {
+  outline: 2px solid var(--rv-ui-accent);
+  outline-offset: -2px;
+}
+@media (forced-colors: active) {
+  .rv-editor-list__item--selected {
+    outline: 2px solid Highlight;
+  }
+}
 
-.rv-editor-list__item:disabled { opacity: .55; cursor: not-allowed; }
+.rv-editor-list__item:disabled {
+  opacity: 0.55;
+  cursor: not-allowed;
+}
 
-.rv-editor-list__content { display: grid; grid-template-columns: 20px minmax(0, 1fr); align-items: center; gap: 9px; font-size: 12px; line-height: 1.4; grid-column: 1 / -1; min-width: 0; }
-.rv-editor-list__content--text { grid-template-columns: minmax(0, 1fr); }
-.rv-editor-list__icon { display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; }
-.rv-editor-list__icon svg { display: block; width: 13px; height: 13px; fill: currentColor; }
-.rv-editor-list__copy { display: grid; min-width: 0; gap: 0; }
-.rv-editor-list__label, .rv-editor-list__description { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-.rv-editor-list__label { font-weight: var(--rv-editor-list-font-weight, 500); }
-.rv-editor-list__description { font-size: 11px; color: var(--rv-ui-text-muted); }
-.rv-editor-list__group { display: grid; gap: 2px; }
-.rv-editor-list__group-label { font-weight: var(--rv-editor-list-font-weight, inherit); padding: 8px 8px 4px; font-size: 11px; color: var(--rv-ui-text-muted); }
+.rv-editor-list__content {
+  display: grid;
+  grid-template-columns: 20px minmax(0, 1fr);
+  align-items: center;
+  gap: 9px;
+  font-size: 12px;
+  line-height: 1.4;
+  grid-column: 1 / -1;
+  min-width: 0;
+}
+.rv-editor-list__content--text {
+  grid-template-columns: minmax(0, 1fr);
+}
+.rv-editor-list__icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 16px;
+  height: 16px;
+}
+.rv-editor-list__icon svg {
+  display: block;
+  width: 13px;
+  height: 13px;
+  fill: currentColor;
+}
+.rv-editor-list__copy {
+  display: grid;
+  min-width: 0;
+  gap: 0;
+}
+.rv-editor-list__label,
+.rv-editor-list__description {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.rv-editor-list__label {
+  font-weight: var(--rv-editor-list-font-weight, 500);
+}
+.rv-editor-list__description {
+  font-size: 11px;
+  color: var(--rv-ui-text-muted);
+}
+.rv-editor-list__group {
+  display: grid;
+  gap: 2px;
+}
+.rv-editor-list__group-label {
+  font-weight: var(--rv-editor-list-font-weight, inherit);
+  padding: 8px 8px 4px;
+  font-size: 11px;
+  color: var(--rv-ui-text-muted);
+}

package/favicon.svg

@@ -0,0 +1,9 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 0H14.0974L14.9087 0.0524998C15.7049 0.107143 16.4527 0.171429 17.1232 0.274286C18.361 0.48 19.5301 0.891428 20.5616 1.50857C21.6619 2.12571 22.4871 2.94857 23.106 3.97714C23.5186 4.66286 23.7937 5.41714 23.9312 6.30857L23.9656 6.89143C23.9828 7.23429 24 7.68 24 8.09143L23.9954 8.47337C23.98 9.13368 23.9312 9.66857 23.9312 9.66857C23.7937 10.9029 23.3811 12 22.5559 12.96C21.3868 14.3314 17.8797 15.4286 17.6734 15.4286L18.4269 16.485C20.6392 19.565 22.4159 21.8415 23.7568 23.3145C24.0688 23.6571 24.0688 24 23.5186 24H15.4728L5.70774 10.4914H15.8854C17.2607 10.4914 18.361 9.39429 18.361 7.95429C18.361 6.51429 17.192 5.41714 15.8854 5.41714H2.06304L0 2.67429V1.34057L14.4413 0.685714H0V0Z" fill="url(#paint0_linear_7_11)"/>
+<defs>
+<linearGradient id="paint0_linear_7_11" x1="0.201583" y1="-0.0384081" x2="21.0672" y2="28.776" gradientUnits="userSpaceOnUse">
+<stop stop-color="#04CC3C"/>
+<stop offset="1" stop-color="#0062BC"/>
+</linearGradient>
+</defs>
+</svg>

package/field-configurator.d.ts

@@ -8,8 +8,9 @@ export declare function FieldSummary({ children, className, ...attributes }: Omi
     children: ComponentChildren;
     className?: string;
 }): h.JSX.Element;
-export declare function FieldLibrary({ title, count, children, className, }: {
+export declare function FieldLibrary({ title, id, count, children, className, }: {
     title: string;
+    id?: string;
     count?: ComponentChildren;
     children: ComponentChildren;
     className?: string;
@@ -74,13 +75,21 @@ export declare function FieldDropIndicator({ position, index, className, }: {
     className?: string;
 }): h.JSX.Element;
 export interface CollapsibleSectionProps {
+    /** Heading displayed in the keyboard-accessible expand/collapse trigger. */
     title: ComponentChildren;
+    /** Supporting text displayed above the expanded content. */
     description?: ComponentChildren;
+    /** Expand initially. Later toggles are owned by the native disclosure. */
     defaultOpen?: boolean;
+    /** Section content; stays mounted when collapsed to preserve drafts. */
     children: ComponentChildren;
+    /** Additional CSS classes on the outer disclosure. */
     className?: string;
+    /** Additional CSS classes on the summary trigger. */
     summaryClassName?: string;
+    /** Additional CSS classes on the content container. */
     contentClassName?: string;
+    /** Additional CSS classes on the supporting description. */
     descriptionClassName?: string;
     /** Host policies can wrap the native details without owning its presentation. */
     renderRoot?: (props: JSX.IntrinsicElements['details']) => ComponentChildren;
@@ -93,16 +102,26 @@ export interface ConfiguratorCompactItem {
     icon?: string;
     count?: number;
     disabled?: boolean;
+    /** Optional section to focus after opening. */
+    targetId?: string;
     /** Activate the corresponding product tab when reopening. */
     onOpen?: () => void;
 }
+export interface ConfiguratorMiniModeConfig {
+    /** Starts the configurator as a narrow rail. Users can expand and collapse it. */
+    miniMode?: boolean;
+    /** Enables width resizing. Shrinking below 200px collapses to the rail. */
+    resizable?: boolean;
+}
 /** Shared panel shell. Collapsing preserves mounted controls and their drafts. */
-export declare function ConfiguratorPanel({ panelRef, standalone, children, compactItems, compact, onExpand, ...props }: Omit<JSX.HTMLAttributes<HTMLDivElement>, 'ref'> & {
+export declare function ConfiguratorPanel({ panelRef, standalone, children, compactItems, compact: compactProp, onExpand, miniMode, resizable, resizeParent, ...props }: Omit<JSX.HTMLAttributes<HTMLDivElement>, 'ref'> & ConfiguratorMiniModeConfig & {
     panelRef?: import('./_vendor/preact/src/index').Ref<HTMLDivElement>;
     standalone?: boolean;
     compactItems?: readonly ConfiguratorCompactItem[];
     /** Presentation state is owned by the host; the panel adds no toggle button. */
     compact?: boolean;
     onExpand?: () => void;
+    /** Apply the resized width to the product-owned parent as well. */
+    resizeParent?: boolean;
 }): h.JSX.Element;
-export { createFieldExpansion, fieldExpansionIds, recordFieldExpansion, type FieldExpansionState } from './field-expansion';
+export { createFieldExpansion, fieldExpansionIds, recordFieldExpansion, type FieldExpansionState, } from './field-expansion';

package/field-configurator.js

@@ -1,4 +1,4 @@
-import { _ as e, a as t, b as n, c as r, d as i, f as a, g as o, h as s, i as c, l, m as u, n as d, o as f, p, r as m, s as h, t as g, u as _, v, x as y, y as b } from "./_chunks/field-configurator-1eQP0tKy.js";
+import { _ as e, a as t, b as n, c as r, d as i, f as a, g as o, h as s, i as c, l, m as u, n as d, o as f, p, r as m, s as h, t as g, u as _, v, x as y, y as b } from "./_chunks/field-configurator-DPulsY3l.js";
 import { fieldDropIndex as x, reorderFields as S } from "./field-reorder.js";
 import { useFieldDropTarget as C, useFieldReorder as w } from "./field-reorder.hook.js";
 export { g as CollapsibleSection, d as ConfiguratorPanel, m as FieldActions, c as FieldContent, t as FieldDropIndicator, f as FieldGroup, h as FieldGroupHeading, r as FieldIcon, l as FieldItem, _ as FieldLibrary, i as FieldLibraryList, a as FieldList, p as FieldRemoveButton, u as FieldRemoveIcon, s as FieldRow, o as FieldStatusBadge, e as FieldSummary, v as SelectedField, b as createFieldExpansion, x as fieldDropIndex, n as fieldExpansionIds, y as recordFieldExpansion, S as reorderFields, C as useFieldDropTarget, w as useFieldReorder };

package/field-reorder.hook.js

@@ -1,6 +1,6 @@
 import { i as e, r as t, t as n } from "./_chunks/hooks.module-CG3gN83z.js";
 import { fieldDropIndex as r, fieldListDropIndex as i, reorderFields as a } from "./field-reorder.js";
-//#region src/field-reorder.hook.ts
+//#region package/field-reorder.hook.ts
 function o(a, o) {
 	let s = n({
 		count: a,

package/field-reorder.js

@@ -1,4 +1,4 @@
-//#region src/field-reorder.ts
+//#region package/field-reorder.ts
 function e(e, t, n) {
 	if (!Number.isInteger(t) || !Number.isInteger(n) || t < 0 || t >= e.length || n < 0 || n > e.length || t === n || t + 1 === n) return e;
 	let r = [...e], [i] = r.splice(t, 1);

package/filter/filters/slider/_single-slider.scss

@@ -1,45 +1,64 @@
 /** One scalar thumb/track presentation for native, Stencil and Preact consumers. */
 @mixin presentation {
-    appearance: none;
-    position: static;
-    width: 100%;
-    height: var(--slider-thumb-size, 20px);
-    margin: 0;
-    border: 0;
-    border-radius: 0;
-    background: linear-gradient(
+  appearance: none;
+  position: static;
+  width: 100%;
+  height: var(--slider-thumb-size, 20px);
+  margin: 0;
+  border: 0;
+  border-radius: 0;
+  background: linear-gradient(
       to right,
-      var(--range-color, var(--rv-ui-accent)) 0 var(--rv-single-slider-value, 0%),
-      var(--slider-color, var(--rv-ui-border)) var(--rv-single-slider-value, 0%) 100%
-    ) center / 100% var(--slider-track-height, 4px) no-repeat;
-    cursor: pointer;
-    pointer-events: auto;
+      var(--range-color, var(--rv-ui-accent)) 0
+        var(--rv-single-slider-value, 0%),
+      var(--slider-color, var(--rv-ui-border)) var(--rv-single-slider-value, 0%)
+        100%
+    )
+    center / 100% var(--slider-track-height, 4px) no-repeat;
+  cursor: pointer;
+  pointer-events: auto;
 
-    &::-webkit-slider-thumb {
-      appearance: none;
-      box-sizing: border-box;
-      width: var(--slider-thumb-size, 20px);
-      height: var(--slider-thumb-size, 20px);
-      border: 3px solid var(--slider-thumb-border, var(--range-color, var(--rv-ui-accent)));
-      border-radius: 50%;
-      background: var(--slider-thumb-bg, var(--revo-grid-filter-control-thumb-bg, var(--rv-ui-surface)));
-      box-shadow: 0 1px 3px var(--rv-ui-shadow);
-      transition: box-shadow var(--rv-ui-motion-fast, 120ms) var(--rv-ui-motion-ease, ease);
-      pointer-events: all;
-    }
+  &::-webkit-slider-thumb {
+    appearance: none;
+    box-sizing: border-box;
+    width: var(--slider-thumb-size, 20px);
+    height: var(--slider-thumb-size, 20px);
+    border: 3px solid
+      var(--slider-thumb-border, var(--range-color, var(--rv-ui-accent)));
+    border-radius: 50%;
+    background: var(
+      --slider-thumb-bg,
+      var(--revo-grid-filter-control-thumb-bg, var(--rv-ui-surface))
+    );
+    box-shadow: 0 1px 3px var(--rv-ui-shadow);
+    transition: box-shadow var(--rv-ui-motion-fast, 120ms)
+      var(--rv-ui-motion-ease, ease);
+    pointer-events: all;
+  }
 
-    &::-moz-range-thumb {
-      box-sizing: border-box;
-      width: var(--slider-thumb-size, 20px);
-      height: var(--slider-thumb-size, 20px);
-      border: 3px solid var(--slider-thumb-border, var(--range-color, var(--rv-ui-accent)));
-      border-radius: 50%;
-      background: var(--slider-thumb-bg, var(--revo-grid-filter-control-thumb-bg, var(--rv-ui-surface)));
-      box-shadow: 0 1px 3px var(--rv-ui-shadow);
-      transition: box-shadow var(--rv-ui-motion-fast, 120ms) var(--rv-ui-motion-ease, ease);
-      pointer-events: all;
-    }
+  &::-moz-range-thumb {
+    box-sizing: border-box;
+    width: var(--slider-thumb-size, 20px);
+    height: var(--slider-thumb-size, 20px);
+    border: 3px solid
+      var(--slider-thumb-border, var(--range-color, var(--rv-ui-accent)));
+    border-radius: 50%;
+    background: var(
+      --slider-thumb-bg,
+      var(--revo-grid-filter-control-thumb-bg, var(--rv-ui-surface))
+    );
+    box-shadow: 0 1px 3px var(--rv-ui-shadow);
+    transition: box-shadow var(--rv-ui-motion-fast, 120ms)
+      var(--rv-ui-motion-ease, ease);
+    pointer-events: all;
+  }
 
-  &:disabled { opacity: .55; cursor: not-allowed; }
-  &:focus-visible { outline: 2px solid var(--range-color, var(--rv-ui-accent)); outline-offset: 2px; }
+  &:disabled {
+    opacity: 0.55;
+    cursor: not-allowed;
+  }
+  &:focus-visible {
+    outline: 2px solid var(--range-color, var(--rv-ui-accent));
+    outline-offset: 2px;
+  }
 }

package/filter/filters/slider/_slider.scss

@@ -55,7 +55,11 @@
     top: 0;
     margin: 0;
     border-radius: 999px;
-    background: linear-gradient(var(--slider-color, var(--rv-ui-border)), var(--slider-color, var(--rv-ui-border))) center / 100% 4px no-repeat;
+    background: linear-gradient(
+        var(--slider-color, var(--rv-ui-border)),
+        var(--slider-color, var(--rv-ui-border))
+      )
+      center / 100% 4px no-repeat;
     pointer-events: none;
 
     &:focus-visible {
@@ -68,41 +72,59 @@
       z-index: 1;
     }
 
-    $size: 24px;
-
     &::-webkit-slider-thumb {
       -webkit-appearance: none;
       pointer-events: all;
-      width: $size;
-      height: $size;
-      background-color: var(--revo-grid-filter-control-thumb-bg, var(--rv-ui-surface));
-      border: 3px solid var(--range-color, var(--rv-ui-accent));
+      box-sizing: border-box;
+      width: var(--slider-thumb-size, 20px);
+      height: var(--slider-thumb-size, 20px);
+      background-color: var(
+        --revo-grid-filter-control-thumb-bg,
+        var(--rv-ui-surface)
+      );
+      border: var(--slider-thumb-border-width, 3px) solid
+        var(--range-color, var(--rv-ui-accent));
       border-radius: 50%;
       box-shadow: 0 1px 3px var(--rv-ui-shadow);
-      transition: box-shadow var(--rv-ui-motion-fast, 120ms) var(--rv-ui-motion-ease, cubic-bezier(.2, 0, 0, 1));
+      transition: box-shadow var(--rv-ui-motion-fast, 120ms)
+        var(--rv-ui-motion-ease, cubic-bezier(0.2, 0, 0, 1));
       cursor: pointer;
 
       &:hover {
-        background: var(--revo-grid-filter-control-thumb-bg, var(--rv-ui-surface));
+        background: var(
+          --revo-grid-filter-control-thumb-bg,
+          var(--rv-ui-surface)
+        );
       }
 
       &:active {
         box-shadow:
           0 1px 3px var(--rv-ui-shadow),
-          0 0 0 4px color-mix(in srgb, var(--range-color, var(--rv-ui-accent)) 18%, transparent);
+          0 0 0 4px
+            color-mix(
+              in srgb,
+              var(--range-color, var(--rv-ui-accent)) 18%,
+              transparent
+            );
       }
     }
 
     &::-moz-range-thumb {
       -webkit-appearance: none;
       pointer-events: all;
-      width: $size;
-      height: $size;
-      background-color: var(--revo-grid-filter-control-thumb-bg, var(--rv-ui-surface));
-      border: 3px solid var(--range-color, var(--rv-ui-accent));
+      box-sizing: border-box;
+      width: var(--slider-thumb-size, 20px);
+      height: var(--slider-thumb-size, 20px);
+      background-color: var(
+        --revo-grid-filter-control-thumb-bg,
+        var(--rv-ui-surface)
+      );
+      border: var(--slider-thumb-border-width, 3px) solid
+        var(--range-color, var(--rv-ui-accent));
       border-radius: 50%;
       box-shadow: 0 1px 3px var(--rv-ui-shadow);
-      transition: box-shadow var(--rv-ui-motion-fast, 120ms) var(--rv-ui-motion-ease, cubic-bezier(.2, 0, 0, 1));
+      transition: box-shadow var(--rv-ui-motion-fast, 120ms)
+        var(--rv-ui-motion-ease, cubic-bezier(0.2, 0, 0, 1));
       cursor: pointer;
     }
   }
@@ -112,4 +134,7 @@
   }
 }
 
-.rv-single-slider:disabled { opacity: .55; cursor: not-allowed; }
+.rv-single-slider:disabled {
+  opacity: 0.55;
+  cursor: not-allowed;
+}

package/filter/filters/slider/component.js

@@ -2,7 +2,7 @@ import { formatSliderInputValue as e, formatSliderValue as t, normalizeSliderSta
 import { syncVisuals as o } from "./runtime.js";
 import { renderSliderControl as s } from "./control.js";
 import { renderRangeInputs as c } from "./inputs.js";
-//#region src/filter/filters/slider/component.ts
+//#region package/filter/filters/slider/component.ts
 function l(e, t) {
 	let { fromValueInt: n, toValueInt: r } = t.state, { scaleFactor: i } = t;
 	return e("div", { className: "range-values" }, e("span", { ref: (e) => {

package/filter/filters/slider/control.js

@@ -1,6 +1,6 @@
 import { normalizeFromSlider as e, normalizeToSlider as t } from "./logic.js";
 import { emitRangeChange as n, emitRangeCommit as r, hideTooltip as i, setToggleAccessible as a, updateTooltip as o } from "./runtime.js";
-//#region src/filter/filters/slider/control.ts
+//#region package/filter/filters/slider/control.ts
 var s = /* @__PURE__ */ new WeakMap();
 function c(e, t) {
 	let n = s.get(e);

package/filter/filters/slider/inputs.js

@@ -1,7 +1,7 @@
 import { renderControl as e } from "../../../control-presentation.js";
 import { normalizeFromInputValue as t, normalizeToInputValue as n, unscaleSliderValue as r } from "./logic.js";
 import { emitRangeChange as i, preventInvalidNumberKey as a } from "./runtime.js";
-//#region src/filter/filters/slider/inputs.ts
+//#region package/filter/filters/slider/inputs.ts
 function o(o, s) {
 	let { fromValueInt: c, toValueInt: l } = s.state, u = {
 		type: "text",

package/filter/filters/slider/logic.js

@@ -1,4 +1,4 @@
-//#region src/filter/filters/slider/logic.ts
+//#region package/filter/filters/slider/logic.ts
 var e = 100;
 function t(e, t = 100) {
 	return Math.round(Number(e) * t);

package/filter/filters/slider/preact.js

@@ -1,6 +1,6 @@
 import { c as e } from "../../../_chunks/preact.module-BBM36DnO.js";
 import { renderRangeSlider as t } from "./component.js";
-//#region src/filter/filters/slider/preact.tsx
+//#region package/filter/filters/slider/preact.tsx
 function n(n) {
 	return t(e, n);
 }

package/filter/filters/slider/runtime.js

@@ -1,8 +1,8 @@
-import { c as e, r as t, t as n } from "../../../_chunks/top-layer-popup-CNSDdfJV.js";
-import { n as r, t as i } from "../../../_chunks/tooltip-owner-DjdvqKzz.js";
+import { c as e, r as t, t as n } from "../../../_chunks/top-layer-popup-CKJ7VJOF.js";
+import { n as r, t as i } from "../../../_chunks/tooltip-owner-BYho-vJl.js";
 import { createControlId as a } from "../../../core/control-id.js";
 import { toSliderRange as o, unscaleSliderValue as s } from "./logic.js";
-//#region src/filter/filters/slider/runtime.ts
+//#region package/filter/filters/slider/runtime.ts
 function c(e) {
 	return o(Number(e.refs.fromSlider?.value ?? e.state.fromValueInt), Number(e.refs.toSlider?.value ?? e.state.toValueInt), e.scaleFactor);
 }

package/filter/filters/slider/single.js

@@ -1,6 +1,6 @@
 import { t as e } from "../../../_chunks/jsxRuntime.module-F6UFnpT-.js";
-import { n as t } from "../../../_chunks/native-control-DO0d1kgx.js";
-//#region src/filter/filters/slider/single.tsx
+import { n as t } from "../../../_chunks/native-control-um1L1wgZ.js";
+//#region package/filter/filters/slider/single.tsx
 function n({ min: n, max: r, value: i, step: a = 1, disabled: o = !1, id: s, className: c = "", ariaLabel: l, ariaValueText: u, ariaDescribedBy: d, onChange: f, onCommit: p, onKeyDown: m }) {
 	let h = r - n, g = h > 0 ? Math.max(0, Math.min(100, (i - n) / h * 100)) : 0;
 	return /* @__PURE__ */ e(t, {

package/filter-badge.js

@@ -1,8 +1,8 @@
 import { i as e } from "./_chunks/preact.module-BBM36DnO.js";
 import { a as t } from "./_chunks/hooks.module-CG3gN83z.js";
 import { t as n } from "./_chunks/jsxRuntime.module-F6UFnpT-.js";
-import { n as r, t as i } from "./_chunks/choice-chips-BhP8MZjs.js";
-//#region src/filter-badge.tsx
+import { n as r, t as i } from "./_chunks/choice-chips-C5OxD0GV.js";
+//#region package/filter-badge.tsx
 function a(e) {
 	return /* @__PURE__ */ n(r, {
 		...e,

package/filter-controls.d.ts

@@ -7,7 +7,6 @@ export declare function OptionButton({ label, detail, selected, className, detai
     className?: string;
     detailClassName?: string;
 }): h.JSX.Element;
-export { Legend, type LegendItem } from './legend';
 /** Caller supplies highlighting; UI owns overlay geometry and scroll synchronization. */
 export declare function HighlightedTextInput({ highlight, className, inputClassName, highlightClassName, ...props }: Omit<JSX.IntrinsicElements['textarea'], 'className'> & {
     highlight: ComponentChildren;

package/filter-controls.js

@@ -1,9 +1,8 @@
 import { t as e } from "./_chunks/hooks.module-CG3gN83z.js";
 import { t } from "./_chunks/jsxRuntime.module-F6UFnpT-.js";
-import { a as n, t as r } from "./_chunks/native-control-DO0d1kgx.js";
-import { Legend as i } from "./legend.js";
-//#region src/filter-controls.tsx
-function a({ label: e, detail: n, selected: i, className: a = "", detailClassName: o = "", ...s }) {
+import { a as n, t as r } from "./_chunks/native-control-um1L1wgZ.js";
+//#region package/filter-controls.tsx
+function i({ label: e, detail: n, selected: i, className: a = "", detailClassName: o = "", ...s }) {
 	return /* @__PURE__ */ t(r, {
 		...s,
 		class: `rv-option-button ${a}`,
@@ -14,7 +13,7 @@ function a({ label: e, detail: n, selected: i, className: a = "", detailClassNam
 		})]
 	});
 }
-function o({ highlight: r, className: i = "", inputClassName: a = "", highlightClassName: o = "", ...s }) {
+function a({ highlight: r, className: i = "", inputClassName: a = "", highlightClassName: o = "", ...s }) {
 	let c = e(null);
 	return /* @__PURE__ */ t("div", {
 		class: `rv-highlighted-input ${i}`,
@@ -34,7 +33,7 @@ function o({ highlight: r, className: i = "", inputClassName: a = "", highlightC
 		})]
 	});
 }
-function s({ children: e, className: n = "", label: r }) {
+function o({ children: e, className: n = "", label: r }) {
 	return /* @__PURE__ */ t("div", {
 		role: "group",
 		"aria-label": r,
@@ -43,4 +42,4 @@ function s({ children: e, className: n = "", label: r }) {
 	});
 }
 //#endregion
-export { o as HighlightedTextInput, s as InlineFieldGroup, i as Legend, a as OptionButton };
+export { a as HighlightedTextInput, o as InlineFieldGroup, i as OptionButton };

package/form-controls/index.d.ts

@@ -1,2 +1,10 @@
-/** Compatibility entry; markup is owned by the Preact TSX implementation. */
-export * from './index.view';
+export interface FormFieldOptions {
+    readonly label: string;
+    readonly control: HTMLElement;
+    readonly hint?: string;
+    readonly className?: string;
+}
+export declare function createFormField(document: Document, options: FormFieldOptions): HTMLLabelElement;
+export declare function createTextControl(document: Document, placeholder: string): HTMLInputElement;
+/** DOM counterpart of Dropdown; callers own its lifetime. */
+export { createDropdownControl } from '../dropdown/control';

package/form-controls/index.js

@@ -1,8 +1,8 @@
 import { t as e } from "../_chunks/jsxRuntime.module-F6UFnpT-.js";
 import { createPreactElement as t } from "../preact-mount.js";
-import { n } from "../_chunks/native-control-DO0d1kgx.js";
-import { t as r } from "../_chunks/control-BkWukVt9.js";
-//#region src/form-controls/index.view.tsx
+import { n } from "../_chunks/native-control-um1L1wgZ.js";
+import { t as r } from "../_chunks/control-BRfF5DWQ.js";
+//#region package/form-controls/index.tsx
 function i(n, r) {
 	return t(n, /* @__PURE__ */ e("label", {
 		class: ["rv-field", r.className].filter(Boolean).join(" "),

package/form-controls/presentation.d.ts

@@ -8,7 +8,7 @@ export type FilterChipProps = {
     readonly role?: 'listitem';
 };
 /** Removable chip shell; consumers retain filter policy and label/detail slots. */
-export declare function FilterChip({ children, removeLabel, onRemove, className, removeClassName, role }: FilterChipProps): h.JSX.Element;
+export declare function FilterChip({ children, removeLabel, onRemove, className, removeClassName, role, }: FilterChipProps): h.JSX.Element;
 export interface FormFieldContentOptions {
     readonly label: ComponentChildren;
     readonly children: ComponentChildren;

package/form-controls/presentation.js

@@ -2,9 +2,9 @@ import { i as e, o as t, u as n } from "../_chunks/preact.module-BBM36DnO.js";
 import { i as r, s as i } from "../_chunks/hooks.module-CG3gN83z.js";
 import { t as a } from "../_chunks/jsxRuntime.module-F6UFnpT-.js";
 import { createControlId as o } from "../core/control-id.js";
-import { t as s } from "../_chunks/field-context-D57PnBbH.js";
+import { t as s } from "../_chunks/field-context-C4_WrO2z.js";
 import { nativeControlTag as c } from "../control-presentation.js";
-//#region src/form-controls/presentation.tsx
+//#region package/form-controls/presentation.tsx
 function l({ children: e, removeLabel: t, onRemove: n, className: r = "", removeClassName: i = "", role: o }) {
 	return /* @__PURE__ */ a("span", {
 		class: `rv-btn-pill ${r}`.trim(),

package/formatting/index.d.ts

@@ -1,4 +1,4 @@
-export * from './control-tooltip';
+export { useTooltip, useControlTooltip, ControlTooltip } from '../core/tooltip';
 export * from './inspector-section';
 export * from './icon-controls';
 export * from './typography-controls';