@ecopages/radiant-ui 0.1.0-rc.7 → 0.1.0

package/dist/components/ui/knob/knob.script.d.ts

@@ -1,4 +1,4 @@
-import { RadiantElement } from '@ecopages/radiant';
+import { FormAssociatedElement, type FormValue } from '@ecopages/radiant/form-associated-element';
 import type { EventEmitter } from '@ecopages/radiant/tools/event-emitter';
 export type RuiKnobValuePosition = 'center' | 'below';
 export type RuiKnobProps = {
@@ -24,12 +24,46 @@ export type RuiKnobProps = {
 export type RuiKnobChangeDetail = {
     value: number;
 };
+/**
+ * Default selected value.
+ *
+ * @remarks Must match the host `@prop` default so the view can seed SSR readout
+ * and ring geometry before hydration.
+ */
+export declare const KNOB_DEFAULT_VALUE = 50;
 /**
  * `<rui-knob>` — select a numeric value with a rotary control.
  *
+ * The custom element is a behavior host: it does not render knob markup.
+ * Import the script and place light-DOM children that match the contract below,
+ * or use `RuiKnob`, which stamps the same targets.
+ *
  * The 300° visual arc leaves a gap below the control so its minimum and maximum
  * positions remain distinct. It implements the WAI-ARIA slider keyboard model.
  *
+ * ## Light-DOM contract
+ *
+ * Required:
+ * - `[data-ref="root"]` — root wrapper. Host toggles `rui-knob--value-below` and may
+ *   set `--rui-knob-size` on the host element when `size` is set.
+ * - `[data-ref="control"]` — focusable `role="slider"` button and pointer target. Host
+ *   sets `aria-valuemin`, `aria-valuemax`, `aria-valuenow`, `aria-valuetext`,
+ *   `aria-label`, `aria-readonly`, and `disabled`.
+ * - `[data-ref="track"]` — SVG circle for the unfilled arc. Host sets `r`,
+ *   `stroke-width`, and `stroke-dasharray`.
+ * - `[data-ref="progress"]` — SVG circle for the filled arc. Host sets `r`,
+ *   `stroke-width`, and `stroke-dasharray`.
+ *
+ * Optional:
+ * - `[data-ref="label"]` — visible label. Host toggles `hidden` and sets `textContent`.
+ * - `[data-ref="centerValue"]` — readout inside the ring. Host sets `textContent` and `hidden`.
+ * - `[data-ref="belowValue"]` — readout below the control. Host sets `textContent` and `hidden`.
+ *
+ * Do not set control `aria-valuenow` / `aria-valuetext` or ring geometry — the host owns those.
+ * Author `label`, `showValue`, and `valuePosition` on the host to drive readout placement.
+ *
+ * Nested hosts: none.
+ *
  * @see https://www.w3.org/WAI/ARIA/apg/patterns/slider/
  *
  * @element rui-knob
@@ -42,45 +76,38 @@ export type RuiKnobChangeDetail = {
  * @attr {boolean} disabled - Disables interaction. Default: `false`.
  * @attr {boolean} read-only - Blocks value changes while leaving the control focusable. Default: `false`.
  * @attr {string} label - Visible and accessible name. Default: `''`.
- * @attr {string} name - Form field name for the hidden numeric input. Default: `''`.
+ * @attr {string} name - Form field name on this host. Default: `''`.
  * @attr {number} size - Explicit visible SVG diameter in pixels. Overrides `--rui-knob-size`.
  * @attr {number} stroke-width - Width of the progress ring in view-box units. Default: `14`.
- * @attr {boolean} show-value - Shows the formatted value inside the ring. Default: `true`.
+ * @attr {boolean} show-value - Shows the formatted value inside or below the ring. Default: `true`.
  * @attr {('center'|'below')} value-position - Readout placement. Default: `center`.
  * @attr {string} value-template - Readout template; `{value}` is replaced by the formatted value. Default: `'{value}'`.
  *
  * @fires rui-change - Emitted as the pointer or keyboard changes the value; `detail.value` holds the new number.
  *
- * @cssprop --rui-knob-track-color - Ring color behind the selected value. Defaults to `--surface`.
+ * @cssprop --rui-track-mix - Unfilled ring mix against `--on-background`. Inherited. Default: `22%`.
+ * @cssprop --rui-track-fill - Unfilled ring color from that mix. Inherited.
+ * @cssprop --rui-track-color - Unfilled ring color for slider and knob. Inherited; unset uses `--rui-track-fill`.
+ * @cssprop --rui-knob-track-color - Ring color behind the selected value. Default: `--rui-track-color` or `--rui-track-fill`.
  * @cssprop --rui-knob-value-color - Selected ring color. Defaults to `--primary`.
  * @cssprop --rui-knob-text-color - Value readout color. Defaults to `--on-surface`.
  * @cssprop --rui-knob-size - Visible SVG diameter. Defaults to `3rem`.
  * @cssprop --rui-knob-focus-ring - Focus indicator color. Defaults to `--focus-ring`.
  * @cssprop --rui-knob-focus-ring-width - Focus indicator width. Defaults to `2px`.
  *
- * @cssclass rui-knob - Root; wraps the optional label and knob button.
- * @cssclass rui-knob--value-below - Root with the value readout below the button.
- * @cssclass rui-knob__label - Optional visible label.
- * @cssclass rui-knob__control - Focusable `role="slider"` button and pointer target.
- * @cssclass rui-knob__svg - SVG ring.
- * @cssclass rui-knob__track - Unfilled 300° range arc.
- * @cssclass rui-knob__progress - Filled range arc.
- * @cssclass rui-knob__value - Value readout inside the ring.
- *
  * @remarks
  * `valuePrecision` formats the readout only. Committed values stay on the stepped model;
- * round or transform them in application code when needed.
+ * round or transform them in application code when needed. BEM classes live on the view;
+ * the host never queries them. The control also carries `data-knob-control` for field wiring.
  */
-export declare class RuiKnob extends RadiantElement {
+export declare class RuiKnob extends FormAssociatedElement {
     value: number;
     min: number;
     max: number;
     step: number;
     valuePrecision: number;
-    disabled: boolean;
     readOnly: boolean;
     label: string;
-    name: string;
     size: number | undefined;
     strokeWidth: number;
     showValue: boolean;
@@ -94,21 +121,29 @@ export declare class RuiKnob extends RadiantElement {
     progressTarget: SVGCircleElement;
     centerValueTarget: HTMLElement;
     belowValueTarget: HTMLElement;
-    inputTarget: HTMLInputElement;
     private activePointerId;
     private lastEmitted;
+    private rangeCommitQueued;
     protected onConnected(): void;
+    protected formValue(): FormValue;
+    /** @remarks The reset value must survive a name assigned after first connect. */
+    protected formState(): FormValue;
+    protected restoreFormState(state: FormValue): void;
     onPropsUpdated(): void;
     private get numericRange();
     private get resolvedSize();
     private get resolvedValuePosition();
     private paint;
     private syncKnobLayout;
-    private syncControl;
+    private syncControlValues;
     private syncRing;
     private syncReadout;
-    private syncFormValue;
     private syncPresentation;
+    /**
+     * @remarks JSX and Storybook can set `value` before `step` / `max`. Snapping in
+     * that same turn would round `0.2` onto the default step of `1`.
+     */
+    private queueNormalizedValueCommit;
     private commitValue;
     onPointerDown(event: PointerEvent): void;
     onPointerMove(event: PointerEvent): void;

package/dist/components/ui/label/index.js

@@ -1,2 +1,2 @@
-import{jsx as o}from"@ecopages/jsx/jsx-runtime";function t(...e){return e.filter(Boolean).join(" ")}var a="data-rui-control";var r="data-rui-field-label";var l=new Set(["rui-combobox","rui-date-field","rui-date-range-picker","rui-select","rui-tag-group","rui-checkbox","rui-checkbox-group","rui-switch","rui-radio-group","rui-slider","rui-knob","rui-number-field","rui-listbox"]),s=`[${a}], ${Array.from(l).join(", ")}`;function c({children:e,htmlFor:i,class:n,...u}){return o("label",{...u,[r]:"",class:t("rui-label",n),htmlFor:i,children:e})}export{c as RuiLabel};
+import{jsx as x}from"@ecopages/jsx/jsx-runtime";function u(...e){return e.filter(Boolean).join(" ")}function o(e){return e?c(e.split(",")):[]}function g(e){return e.join(",")}var s={fromAttribute:e=>o(e),toAttribute:e=>e.length>0?g(e):null,fromProperty:e=>Array.isArray(e)?c(e.map(String)):typeof e=="string"?o(e):[]};function a(e){return e?e.split(",").map(t=>Number(t.trim())).filter(t=>Number.isFinite(t)):[]}function h(e){return e.join(",")}var l={fromAttribute:e=>a(e),toAttribute:e=>e.length>0?h(e):null,fromProperty:e=>Array.isArray(e)?e.map(Number).filter(t=>Number.isFinite(t)):typeof e=="number"&&Number.isFinite(e)?[e]:typeof e=="string"?a(e):[]};function c(e){return[...new Set(e.map(t=>t.trim()).filter(Boolean))]}var m="data-rui-field-label";var n={read:e=>{let t=Reflect.get(e,"value");return typeof t=="string"?t:e.getAttribute("value")??""},write:(e,t)=>{let r=t==null?"":String(t);e.setAttribute("value",r),"value"in e&&Reflect.set(e,"value",r)}},f={read:e=>{let t=Reflect.get(e,"value");if(typeof t=="number")return t;let r=e.getAttribute("value");return r==null||r===""?"":Number(r)},write:(e,t)=>{let r=t==null?"":String(t);e.setAttribute("value",r),"value"in e&&Reflect.set(e,"value",t)}},d={read:e=>e.querySelector('input[type="checkbox"]')?.checked??e.hasAttribute("checked"),write:(e,t)=>{t?e.setAttribute("checked",""):e.removeAttribute("checked")}};function p(e,t){let r=Reflect.get(e,"value");return r!==void 0&&t.fromProperty?t.fromProperty(r):t.fromAttribute?t.fromAttribute(e.getAttribute("value")):r}function A(e,t){Reflect.set(e,"value",t)}var i={read:e=>p(e,s),write:A},y={read:e=>p(e,l),write:A},_=new Map([["rui-checkbox",d],["rui-switch",d],["rui-combobox",{...i,submission:"none"}],["rui-date-field",n],["rui-date-input",{...n,submission:"host"}],["rui-date-range-picker",n],["rui-select",{...i,submission:"none"}],["rui-radio-group",n],["rui-checkbox-group",i],["rui-listbox",i],["rui-tag-group",i],["rui-slider",{...y,submission:"host"}],["rui-knob",{...f,submission:"host"}],["rui-number-field",{...f,submission:"host"}]]);function R({children:e,htmlFor:t,class:r,...b}){return x("label",{...b,[m]:"",class:u("rui-label",r),htmlFor:t,children:e})}export{R as RuiLabel};
 //# sourceMappingURL=index.js.map

package/dist/components/ui/label/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../../src/components/ui/label/label.tsx", "../../../../src/lib/cx.ts", "../../../../src/components/ui/form/control-protocol.ts"],
-  "sourcesContent": ["import { jsx } from \"@ecopages/jsx/jsx-runtime\";\nimport { cx } from \"@/lib/cx\";\nimport { RUI_FIELD_LABEL_ATTR } from \"../form/control-protocol\";\nexport function RuiLabel({\n  children,\n  htmlFor,\n  class: className,\n  ...props\n}) {\n  return /* @__PURE__ */jsx(\"label\", {\n    ...props,\n    ...{\n      [RUI_FIELD_LABEL_ATTR]: \"\"\n    },\n    class: cx(\"rui-label\", className),\n    htmlFor,\n    children\n  });\n}", "export function cx(...parts) {\n  return parts.filter(Boolean).join(\" \");\n}", "export const RUI_CONTROL_ATTR = \"data-rui-control\";\nexport const RUI_FIELD_MANAGED_ATTR = \"data-rui-field-managed\";\nexport const RUI_FIELD_LABEL_ATTR = \"data-rui-field-label\";\nexport const RUI_FIELD_DESCRIPTION_ATTR = \"data-rui-field-description\";\nexport const RUI_FIELD_ERROR_ATTR = \"data-rui-field-error\";\nexport const RUI_FIELD_DEFAULT_VALUE_ATTR = \"data-default-value\";\nexport const RUI_FORM_DEFAULT_VALUES_ATTR = \"data-default-values\";\nconst HOST_CONTROL_TAGS = /* @__PURE__ */new Set([\"rui-combobox\", \"rui-date-field\", \"rui-date-range-picker\", \"rui-select\", \"rui-tag-group\", \"rui-checkbox\", \"rui-checkbox-group\", \"rui-switch\", \"rui-radio-group\", \"rui-slider\", \"rui-knob\", \"rui-number-field\", \"rui-listbox\"]);\nconst CONTROL_SELECTOR = `[${RUI_CONTROL_ATTR}], ${Array.from(HOST_CONTROL_TAGS).join(\", \")}`;\nconst ARIA_TARGET_SELECTORS = {\n  \"rui-combobox\": \"[data-combobox-input]\",\n  \"rui-date-field\": \"[data-date-field-input]\",\n  \"rui-date-range-picker\": \"[data-range-start]\",\n  \"rui-select\": \"[data-select-trigger]\",\n  \"rui-tag-group\": \"[data-tag-list]\",\n  \"rui-number-field\": \"[data-number-field-input], input\",\n  \"rui-knob\": \"[data-knob-control]\",\n  \"rui-checkbox\": \"input\",\n  \"rui-checkbox-group\": \"[data-checkbox-group-root]\",\n  \"rui-switch\": \"input\"\n};\nexport function isNativeTextControl(node) {\n  return node.localName === \"input\" || node.localName === \"textarea\";\n}\nfunction isNativeInput(node) {\n  return node.localName === \"input\";\n}\nfunction isNativeTextarea(node) {\n  return node.localName === \"textarea\";\n}\nconst stringValueAdapter = {\n  read: host => {\n    const value = Reflect.get(host, \"value\");\n    return typeof value === \"string\" ? value : host.getAttribute(\"value\") ?? \"\";\n  },\n  write: (host, value) => {\n    const next = value == null ? \"\" : String(value);\n    host.setAttribute(\"value\", next);\n    if (\"value\" in host) {\n      Reflect.set(host, \"value\", next);\n    }\n  }\n};\nconst numberValueAdapter = {\n  read: host => {\n    const value = Reflect.get(host, \"value\");\n    if (typeof value === \"number\") {\n      return value;\n    }\n    const raw = host.getAttribute(\"value\");\n    return raw == null || raw === \"\" ? \"\" : Number(raw);\n  },\n  write: (host, value) => {\n    const next = value == null ? \"\" : String(value);\n    host.setAttribute(\"value\", next);\n    if (\"value\" in host) {\n      Reflect.set(host, \"value\", value);\n    }\n  }\n};\nconst booleanValueAdapter = {\n  read: host => {\n    const input = host.querySelector('input[type=\"checkbox\"]');\n    return input?.checked ?? host.hasAttribute(\"checked\");\n  },\n  write: (host, value) => {\n    if (value) {\n      host.setAttribute(\"checked\", \"\");\n    } else {\n      host.removeAttribute(\"checked\");\n    }\n  }\n};\nfunction readNumberProperty(host, property, attribute) {\n  const value = Reflect.get(host, property);\n  if (typeof value === \"number\" && Number.isFinite(value)) {\n    return value;\n  }\n  const raw = host.getAttribute(attribute);\n  return raw == null || raw === \"\" ? \"\" : Number(raw);\n}\nfunction isRangeSlider(host) {\n  const variant = Reflect.get(host, \"variant\");\n  return variant === \"range\" || host.getAttribute(\"variant\") === \"range\";\n}\nconst sliderValueAdapter = {\n  read: host => {\n    if (isRangeSlider(host)) {\n      return [readNumberProperty(host, \"rangeMin\", \"range-min\"), readNumberProperty(host, \"rangeMax\", \"range-max\")];\n    }\n    return numberValueAdapter.read(host);\n  },\n  write: (host, value) => {\n    if (Array.isArray(value) && value.length >= 2) {\n      host.setAttribute(\"variant\", \"range\");\n      if (\"variant\" in host) {\n        Reflect.set(host, \"variant\", \"range\");\n      }\n      host.setAttribute(\"range-min\", String(value[0]));\n      host.setAttribute(\"range-max\", String(value[1]));\n      if (\"rangeMin\" in host) {\n        Reflect.set(host, \"rangeMin\", value[0]);\n      }\n      if (\"rangeMax\" in host) {\n        Reflect.set(host, \"rangeMax\", value[1]);\n      }\n      return;\n    }\n    numberValueAdapter.write(host, value);\n  }\n};\nconst CONTROL_VALUE_ADAPTERS = /* @__PURE__ */new Map([[\"rui-checkbox\", booleanValueAdapter], [\"rui-switch\", booleanValueAdapter], [\"rui-combobox\", stringValueAdapter], [\"rui-date-field\", stringValueAdapter], [\"rui-date-range-picker\", stringValueAdapter], [\"rui-select\", stringValueAdapter], [\"rui-radio-group\", stringValueAdapter], [\"rui-checkbox-group\", stringValueAdapter], [\"rui-listbox\", stringValueAdapter], [\"rui-tag-group\", stringValueAdapter], [\"rui-slider\", sliderValueAdapter], [\"rui-knob\", numberValueAdapter], [\"rui-number-field\", numberValueAdapter]]);\nfunction forEachFieldContentNode(root, visit) {\n  const slotHost = root;\n  const visited = /* @__PURE__ */new Set();\n  const safeVisit = node => {\n    if (visited.has(node)) {\n      return;\n    }\n    visited.add(node);\n    visit(node);\n  };\n  if (typeof slotHost.getSlotElements === \"function\") {\n    for (const node of slotHost.getSlotElements()) {\n      safeVisit(node);\n    }\n  }\n  const renderRoot = root.querySelector(\".rui-field\") ?? root;\n  for (const child of Array.from(renderRoot.children)) {\n    safeVisit(child);\n  }\n  for (const node of renderRoot.querySelectorAll(\"*\")) {\n    safeVisit(node);\n  }\n  for (const child of Array.from(root.children)) {\n    safeVisit(child);\n  }\n  const shadow = root.shadowRoot;\n  if (shadow) {\n    for (const child of Array.from(shadow.children)) {\n      safeVisit(child);\n    }\n  }\n}\nfunction queryFieldContent(root, selector) {\n  let found = null;\n  forEachFieldContentNode(root, node => {\n    if (found || !(node instanceof HTMLElement)) {\n      return;\n    }\n    if (node.matches(selector)) {\n      found = node;\n      return;\n    }\n    found = node.querySelector(selector);\n  });\n  return found;\n}\nfunction pickPrimaryFieldControl(candidates) {\n  if (candidates.length === 0) {\n    return null;\n  }\n  if (candidates.length === 1) {\n    return candidates[0];\n  }\n  const hostControl = candidates.find(candidate => HOST_CONTROL_TAGS.has(candidate.localName));\n  const markedControl = candidates.find(candidate => candidate.hasAttribute(RUI_CONTROL_ATTR));\n  if (markedControl) {\n    return markedControl;\n  }\n  if (hostControl) {\n    return hostControl;\n  }\n  const active = document.activeElement;\n  if (active instanceof HTMLElement) {\n    for (const candidate of candidates) {\n      if (candidate === active || candidate.contains(active)) {\n        return candidate;\n      }\n    }\n  }\n  const visible = candidates.filter(el => el.isConnected && el.getClientRects().length > 0 && !el.closest('[hidden],[aria-hidden=\"true\"]'));\n  const pool = visible.length > 0 ? visible : candidates.filter(el => el.isConnected);\n  return pool[pool.length - 1] ?? candidates[candidates.length - 1];\n}\nfunction listFieldControlsInRenderTree(root) {\n  const renderRoot = root.querySelector(\".rui-field\");\n  if (!(renderRoot instanceof HTMLElement)) {\n    return [];\n  }\n  return Array.from(renderRoot.querySelectorAll(CONTROL_SELECTOR)).filter(el => root.contains(el));\n}\nexport function findFieldControl(root) {\n  const fromRenderTree = pickPrimaryFieldControl(listFieldControlsInRenderTree(root));\n  if (fromRenderTree) {\n    return fromRenderTree;\n  }\n  let found = null;\n  forEachFieldContentNode(root, node => {\n    if (found) {\n      return;\n    }\n    const match = findControlInSubtree(node);\n    if (match) {\n      found = match;\n    }\n  });\n  if (found) {\n    return found;\n  }\n  const renderRoot = root.querySelector(\".rui-field\") ?? root;\n  return findControlInSubtree(renderRoot);\n}\nfunction findControlInSubtree(node) {\n  if (!(node instanceof HTMLElement)) {\n    return null;\n  }\n  if (node.matches(`[${RUI_CONTROL_ATTR}]`) || HOST_CONTROL_TAGS.has(node.localName)) {\n    return node;\n  }\n  return node.querySelector(CONTROL_SELECTOR);\n}\nexport function readControlValue(control) {\n  if (isNativeInput(control)) {\n    const host2 = resolveControlHost(control);\n    const adapter = host2 === control ? void 0 : CONTROL_VALUE_ADAPTERS.get(host2.localName);\n    if (adapter) {\n      return adapter.read(host2);\n    }\n    if (control.type === \"checkbox\") {\n      return control.checked;\n    }\n    if (control.type === \"number\" || control.type === \"range\") {\n      return control.value === \"\" ? \"\" : Number(control.value);\n    }\n    return control.value;\n  }\n  if (isNativeTextarea(control)) {\n    return control.value;\n  }\n  const host = resolveControlHost(control);\n  return CONTROL_VALUE_ADAPTERS.get(host.localName)?.read(host) ?? host.getAttribute(\"value\") ?? \"\";\n}\nexport function writeControlValue(control, value) {\n  if (isNativeInput(control)) {\n    const host2 = resolveControlHost(control);\n    const adapter = host2 === control ? void 0 : CONTROL_VALUE_ADAPTERS.get(host2.localName);\n    if (adapter) {\n      adapter.write(host2, value);\n      return;\n    }\n    if (control.type === \"checkbox\") {\n      control.checked = Boolean(value);\n      const ce = control.closest(\"rui-checkbox, rui-switch\");\n      if (ce) {\n        if (value) {\n          ce.setAttribute(\"checked\", \"\");\n        } else {\n          ce.removeAttribute(\"checked\");\n        }\n      }\n      return;\n    }\n    control.value = value == null ? \"\" : String(value);\n    return;\n  }\n  if (isNativeTextarea(control)) {\n    control.value = value == null ? \"\" : String(value);\n    return;\n  }\n  const host = resolveControlHost(control);\n  CONTROL_VALUE_ADAPTERS.get(host.localName)?.write(host, value);\n}\nfunction resolveControlHost(control) {\n  if (control.hasAttribute(RUI_CONTROL_ATTR)) {\n    const host = control.closest(Array.from(HOST_CONTROL_TAGS).join(\",\"));\n    return host ?? control;\n  }\n  return control;\n}\nexport function findFieldLabel(root) {\n  return queryFieldContent(root, `[${RUI_FIELD_LABEL_ATTR}], label.rui-label`);\n}\nexport function findFieldDescription(root) {\n  return queryFieldContent(root, `[${RUI_FIELD_DESCRIPTION_ATTR}]`);\n}\nexport function findFieldError(root) {\n  const all = findFieldErrorElements(root);\n  return all[0] ?? null;\n}\nexport function findFieldErrorElements(root) {\n  const renderRoot = root.querySelector(\".rui-field\");\n  if (renderRoot instanceof HTMLElement) {\n    const inRender = Array.from(renderRoot.querySelectorAll(`[${RUI_FIELD_ERROR_ATTR}]`));\n    const visible = inRender.filter(el => el.getClientRects().length > 0);\n    if (visible.length > 0) {\n      return visible;\n    }\n    if (inRender.length > 0) {\n      return inRender;\n    }\n  }\n  const fromDom = Array.from(root.querySelectorAll(`[${RUI_FIELD_ERROR_ATTR}]`));\n  if (fromDom.length > 0) {\n    return fromDom;\n  }\n  const single = queryFieldContent(root, `[${RUI_FIELD_ERROR_ATTR}]`);\n  return single ? [single] : [];\n}\nexport function wireFieldControlName(controlHost, ariaTarget, name) {\n  if (!name) {\n    return;\n  }\n  if (ariaTarget && isNativeTextControl(ariaTarget)) {\n    ariaTarget.name = name;\n  }\n  if (!controlHost) {\n    return;\n  }\n  if (controlHost === ariaTarget) {\n    return;\n  }\n  if (HOST_CONTROL_TAGS.has(controlHost.localName)) {\n    controlHost.setAttribute(\"name\", name);\n  }\n}\nfunction isChecked(input) {\n  const checked = Reflect.get(input, \"checked\");\n  return typeof checked === \"boolean\" ? checked : input.hasAttribute(\"checked\");\n}\nexport function getAriaControlTarget(control) {\n  if (isNativeTextControl(control)) {\n    return control;\n  }\n  if (control.hasAttribute(RUI_CONTROL_ATTR)) {\n    return control;\n  }\n  if (control.localName === \"rui-slider\") {\n    return control.querySelector(\"[data-thumb]:not([hidden])\") ?? control;\n  }\n  const marked = control.querySelector(`[${RUI_CONTROL_ATTR}]`);\n  if (marked) {\n    return marked;\n  }\n  if (control.localName === \"rui-radio-group\") {\n    return getSelectedRadio(control) ?? control;\n  }\n  const selector = ARIA_TARGET_SELECTORS[control.localName];\n  return selector ? control.querySelector(selector) ?? control : control;\n}\nfunction getSelectedRadio(control) {\n  const radios = control.querySelectorAll('input[type=\"radio\"]');\n  return Array.from(radios).find(isChecked) ?? radios[0];\n}\nexport function getAriaControlTargets(control) {\n  if (control.localName === \"rui-slider\") {\n    const thumbs = Array.from(control.querySelectorAll(\"[data-thumb]:not([hidden])\"));\n    return thumbs.length > 0 ? thumbs : [control];\n  }\n  return [getAriaControlTarget(control)];\n}"],
-  "mappings": "AAAA,OAAS,OAAAA,MAAW,4BCAb,SAASC,KAAMC,EAAO,CAC3B,OAAOA,EAAM,OAAO,OAAO,EAAE,KAAK,GAAG,CACvC,CCFO,IAAMC,EAAmB,mBAEzB,IAAMC,EAAuB,uBAKpC,IAAMC,EAAmC,IAAI,IAAI,CAAC,eAAgB,iBAAkB,wBAAyB,aAAc,gBAAiB,eAAgB,qBAAsB,aAAc,kBAAmB,aAAc,WAAY,mBAAoB,aAAa,CAAC,EACzQC,EAAmB,IAAIC,CAAgB,MAAM,MAAM,KAAKF,CAAiB,EAAE,KAAK,IAAI,CAAC,GFLpF,SAASG,EAAS,CACvB,SAAAC,EACA,QAAAC,EACA,MAAOC,EACP,GAAGC,CACL,EAAG,CACD,OAAsBC,EAAI,QAAS,CACjC,GAAGD,EAED,CAACE,CAAoB,EAAG,GAE1B,MAAOC,EAAG,YAAaJ,CAAS,EAChC,QAAAD,EACA,SAAAD,CACF,CAAC,CACH",
-  "names": ["jsx", "cx", "parts", "RUI_CONTROL_ATTR", "RUI_FIELD_LABEL_ATTR", "HOST_CONTROL_TAGS", "CONTROL_SELECTOR", "RUI_CONTROL_ATTR", "RuiLabel", "children", "htmlFor", "className", "props", "jsx", "RUI_FIELD_LABEL_ATTR", "cx"]
+  "sources": ["../../../../src/components/ui/label/label.tsx", "../../../../src/lib/cx.ts", "../../../../src/components/ui/shared/multi-value.ts", "../../../../src/components/ui/form/control-protocol.ts"],
+  "sourcesContent": ["import { jsx } from \"@ecopages/jsx/jsx-runtime\";\nimport { cx } from \"@/lib/cx\";\nimport { RUI_FIELD_LABEL_ATTR } from \"../form/control-protocol\";\nexport function RuiLabel({\n  children,\n  htmlFor,\n  class: className,\n  ...props\n}) {\n  return /* @__PURE__ */jsx(\"label\", {\n    ...props,\n    ...{\n      [RUI_FIELD_LABEL_ATTR]: \"\"\n    },\n    class: cx(\"rui-label\", className),\n    htmlFor,\n    children\n  });\n}", "export function cx(...parts) {\n  return parts.filter(Boolean).join(\" \");\n}", "export function parseMultiValue(value) {\n  if (!value) {\n    return [];\n  }\n  return uniqueTrimmed(value.split(\",\"));\n}\nexport function serializeMultiValue(values) {\n  return values.join(\",\");\n}\nexport const multiValueTransform = {\n  fromAttribute: value => parseMultiValue(value),\n  toAttribute: values => values.length > 0 ? serializeMultiValue(values) : null,\n  fromProperty: value => {\n    if (Array.isArray(value)) {\n      return uniqueTrimmed(value.map(String));\n    }\n    if (typeof value === \"string\") {\n      return parseMultiValue(value);\n    }\n    return [];\n  }\n};\nexport const multiValuePropOptions = {\n  type: Array,\n  reflect: true,\n  transform: multiValueTransform\n};\nexport function parseViewValue(value) {\n  return multiValueTransform.fromProperty?.(value) ?? [];\n}\nfunction parseNumberArray(value) {\n  if (!value) {\n    return [];\n  }\n  return value.split(\",\").map(item => Number(item.trim())).filter(item => Number.isFinite(item));\n}\nfunction serializeNumberArray(values) {\n  return values.join(\",\");\n}\nexport const numberArrayTransform = {\n  fromAttribute: value => parseNumberArray(value),\n  toAttribute: values => values.length > 0 ? serializeNumberArray(values) : null,\n  fromProperty: value => {\n    if (Array.isArray(value)) {\n      return value.map(Number).filter(item => Number.isFinite(item));\n    }\n    if (typeof value === \"number\" && Number.isFinite(value)) {\n      return [value];\n    }\n    if (typeof value === \"string\") {\n      return parseNumberArray(value);\n    }\n    return [];\n  }\n};\nfunction uniqueTrimmed(values) {\n  return [...new Set(values.map(item => item.trim()).filter(Boolean))];\n}", "import { multiValueTransform, numberArrayTransform } from \"../shared/multi-value\";\nexport const RUI_CONTROL_ATTR = \"data-rui-control\";\nexport const RUI_FIELD_MANAGED_ATTR = \"data-rui-field-managed\";\nexport const RUI_FIELD_LABEL_ATTR = \"data-rui-field-label\";\nexport const RUI_FIELD_DESCRIPTION_ATTR = \"data-rui-field-description\";\nexport const RUI_FIELD_ERROR_ATTR = \"data-rui-field-error\";\nexport const RUI_FIELD_DEFAULT_VALUE_ATTR = \"data-default-value\";\nexport const RUI_FORM_DEFAULT_VALUES_ATTR = \"data-default-values\";\nexport const RUI_ARIA_TARGET_ATTR = \"data-rui-aria-target\";\nexport const RUI_ARIA_TARGETS_ATTR = \"data-rui-aria-targets\";\nconst FIELD_COLUMN_SELECTOR = '[data-ref=\"field\"]';\nfunction fieldControlSelector() {\n  return `[${RUI_CONTROL_ATTR}], ${hostControlSelector()}`;\n}\nfunction hostControlSelector() {\n  return Array.from(CONTROL_VALUE_ADAPTERS.keys()).join(\", \");\n}\nfunction isEmbeddedListbox(node) {\n  return node.localName === \"rui-listbox\" && (node.hasAttribute(\"embedded\") || Reflect.get(node, \"embedded\") === true);\n}\nconst ARIA_TARGET_SELECTORS = {\n  \"rui-combobox\": \"[data-combobox-input]\",\n  \"rui-select\": \"[data-select-trigger]\",\n  \"rui-tag-group\": \"[data-tag-list]\",\n  \"rui-number-field\": \"[data-number-field-input], input\",\n  \"rui-knob\": \"[data-knob-control]\",\n  \"rui-checkbox\": \"input\",\n  \"rui-checkbox-group\": \"[data-checkbox-group-root]\",\n  \"rui-switch\": \"input\"\n};\nexport function isNativeTextControl(node) {\n  return node.localName === \"input\" || node.localName === \"textarea\";\n}\nfunction isNativeInput(node) {\n  return node.localName === \"input\";\n}\nfunction isNativeTextarea(node) {\n  return node.localName === \"textarea\";\n}\nexport function isFormAssociatedHost(host) {\n  return Reflect.get(host.constructor, \"formAssociated\") === true;\n}\nconst stringValueAdapter = {\n  read: host => {\n    const value = Reflect.get(host, \"value\");\n    return typeof value === \"string\" ? value : host.getAttribute(\"value\") ?? \"\";\n  },\n  write: (host, value) => {\n    const next = value == null ? \"\" : String(value);\n    host.setAttribute(\"value\", next);\n    if (\"value\" in host) {\n      Reflect.set(host, \"value\", next);\n    }\n  }\n};\nconst numberValueAdapter = {\n  read: host => {\n    const value = Reflect.get(host, \"value\");\n    if (typeof value === \"number\") {\n      return value;\n    }\n    const raw = host.getAttribute(\"value\");\n    return raw == null || raw === \"\" ? \"\" : Number(raw);\n  },\n  write: (host, value) => {\n    const next = value == null ? \"\" : String(value);\n    host.setAttribute(\"value\", next);\n    if (\"value\" in host) {\n      Reflect.set(host, \"value\", value);\n    }\n  }\n};\nconst booleanValueAdapter = {\n  read: host => {\n    const input = host.querySelector('input[type=\"checkbox\"]');\n    return input?.checked ?? host.hasAttribute(\"checked\");\n  },\n  write: (host, value) => {\n    if (value) {\n      host.setAttribute(\"checked\", \"\");\n    } else {\n      host.removeAttribute(\"checked\");\n    }\n  }\n};\nfunction readHostValue(host, transform) {\n  const value = Reflect.get(host, \"value\");\n  if (value !== void 0 && transform.fromProperty) {\n    return transform.fromProperty(value);\n  }\n  if (transform.fromAttribute) {\n    return transform.fromAttribute(host.getAttribute(\"value\"));\n  }\n  return value;\n}\nfunction writeHostValue(host, value) {\n  Reflect.set(host, \"value\", value);\n}\nconst stringArrayValueAdapter = {\n  read: host => readHostValue(host, multiValueTransform),\n  write: writeHostValue\n};\nconst sliderValueAdapter = {\n  read: host => readHostValue(host, numberArrayTransform),\n  write: writeHostValue\n};\nconst CONTROL_VALUE_ADAPTERS = /* @__PURE__ */new Map([[\"rui-checkbox\", booleanValueAdapter], [\"rui-switch\", booleanValueAdapter], [\"rui-combobox\", {\n  ...stringArrayValueAdapter,\n  submission: \"none\"\n}], [\"rui-date-field\", stringValueAdapter], [\"rui-date-input\", {\n  ...stringValueAdapter,\n  submission: \"host\"\n}], [\"rui-date-range-picker\", stringValueAdapter], [\"rui-select\", {\n  ...stringArrayValueAdapter,\n  submission: \"none\"\n}], [\"rui-radio-group\", stringValueAdapter], [\"rui-checkbox-group\", stringArrayValueAdapter], [\"rui-listbox\", stringArrayValueAdapter], [\"rui-tag-group\", stringArrayValueAdapter], [\"rui-slider\", {\n  ...sliderValueAdapter,\n  submission: \"host\"\n}], [\"rui-knob\", {\n  ...numberValueAdapter,\n  submission: \"host\"\n}], [\"rui-number-field\", {\n  ...numberValueAdapter,\n  submission: \"host\"\n}]]);\nfunction forEachFieldContentNode(root, visit) {\n  const slotHost = root;\n  const visited = /* @__PURE__ */new Set();\n  const safeVisit = node => {\n    if (visited.has(node)) {\n      return;\n    }\n    visited.add(node);\n    visit(node);\n  };\n  if (typeof slotHost.getSlotElements === \"function\") {\n    for (const node of slotHost.getSlotElements()) {\n      safeVisit(node);\n    }\n  }\n  const renderRoot = root.querySelector(FIELD_COLUMN_SELECTOR) ?? root;\n  for (const child of Array.from(renderRoot.children)) {\n    safeVisit(child);\n  }\n  for (const node of renderRoot.querySelectorAll(\"*\")) {\n    safeVisit(node);\n  }\n  for (const child of Array.from(root.children)) {\n    safeVisit(child);\n  }\n  const shadow = root.shadowRoot;\n  if (shadow) {\n    for (const child of Array.from(shadow.children)) {\n      safeVisit(child);\n    }\n  }\n}\nfunction queryFieldContent(root, selector) {\n  let found = null;\n  forEachFieldContentNode(root, node => {\n    if (found || !(node instanceof HTMLElement)) {\n      return;\n    }\n    if (node.matches(selector)) {\n      found = node;\n      return;\n    }\n    found = node.querySelector(selector);\n  });\n  return found;\n}\nfunction pickPrimaryFieldControl(candidates) {\n  const eligibleCandidates = candidates.filter(candidate => !isEmbeddedListbox(candidate));\n  if (eligibleCandidates.length === 0) {\n    return null;\n  }\n  return eligibleCandidates.find(candidate => !eligibleCandidates.some(ancestor => ancestor !== candidate && ancestor.contains(candidate))) ?? null;\n}\nfunction collectFieldControls(root) {\n  const candidates = [];\n  forEachFieldContentNode(root, node => {\n    if (node instanceof HTMLElement && node.matches(fieldControlSelector())) {\n      candidates.push(node);\n    }\n  });\n  return candidates;\n}\nfunction listFieldControlsInRenderTree(root) {\n  const renderRoot = root.querySelector(FIELD_COLUMN_SELECTOR);\n  if (!(renderRoot instanceof HTMLElement)) {\n    return [];\n  }\n  return Array.from(renderRoot.querySelectorAll(fieldControlSelector())).filter(el => root.contains(el));\n}\nexport function findFieldControl(root) {\n  const fromRenderTree = pickPrimaryFieldControl(listFieldControlsInRenderTree(root));\n  if (fromRenderTree) {\n    return fromRenderTree;\n  }\n  return pickPrimaryFieldControl(collectFieldControls(root));\n}\nexport function registerFieldControl(tagName, adapter) {\n  const tag = tagName.toLowerCase();\n  CONTROL_VALUE_ADAPTERS.set(tag, adapter);\n}\nexport function isPrimaryFieldControlEvent(root, event) {\n  const control = findFieldControl(root);\n  if (!control || !(event.target instanceof Element)) {\n    return false;\n  }\n  if (event.target !== control && !control.contains(event.target)) {\n    return false;\n  }\n  const nestedHost = event.target.closest(hostControlSelector());\n  return nestedHost === control || nestedHost == null;\n}\nexport function readControlValue(control) {\n  if (isNativeInput(control)) {\n    const host2 = resolveControlHost(control);\n    const adapter = host2 === control ? void 0 : CONTROL_VALUE_ADAPTERS.get(host2.localName);\n    if (adapter) {\n      return adapter.read(host2);\n    }\n    if (control.type === \"checkbox\") {\n      return control.checked;\n    }\n    if (control.type === \"number\" || control.type === \"range\") {\n      return control.value === \"\" ? \"\" : Number(control.value);\n    }\n    return control.value;\n  }\n  if (isNativeTextarea(control)) {\n    return control.value;\n  }\n  const host = resolveControlHost(control);\n  return CONTROL_VALUE_ADAPTERS.get(host.localName)?.read(host) ?? host.getAttribute(\"value\") ?? \"\";\n}\nexport function writeControlValue(control, value) {\n  if (isNativeInput(control)) {\n    const host2 = resolveControlHost(control);\n    const adapter = host2 === control ? void 0 : CONTROL_VALUE_ADAPTERS.get(host2.localName);\n    if (adapter) {\n      adapter.write(host2, value);\n      return;\n    }\n    if (control.type === \"checkbox\") {\n      control.checked = Boolean(value);\n      const ce = control.closest(\"rui-checkbox, rui-switch\");\n      if (ce) {\n        if (value) {\n          ce.setAttribute(\"checked\", \"\");\n        } else {\n          ce.removeAttribute(\"checked\");\n        }\n      }\n      return;\n    }\n    control.value = value == null ? \"\" : String(value);\n    return;\n  }\n  if (isNativeTextarea(control)) {\n    control.value = value == null ? \"\" : String(value);\n    return;\n  }\n  const host = resolveControlHost(control);\n  CONTROL_VALUE_ADAPTERS.get(host.localName)?.write(host, value);\n}\nfunction resolveControlHost(control) {\n  if (control.hasAttribute(RUI_CONTROL_ATTR)) {\n    const host = control.closest(hostControlSelector());\n    return host ?? control;\n  }\n  return control;\n}\nexport function findFieldLabel(root) {\n  return queryFieldContent(root, `[${RUI_FIELD_LABEL_ATTR}]`);\n}\nexport function findFieldDescription(root) {\n  return queryFieldContent(root, `[${RUI_FIELD_DESCRIPTION_ATTR}]`);\n}\nexport function findFieldError(root) {\n  const all = findFieldErrorElements(root);\n  return all[0] ?? null;\n}\nexport function findFieldErrorElements(root) {\n  const renderRoot = root.querySelector(FIELD_COLUMN_SELECTOR);\n  if (renderRoot instanceof HTMLElement) {\n    const inRender = Array.from(renderRoot.querySelectorAll(`[${RUI_FIELD_ERROR_ATTR}]`));\n    if (inRender.length > 0) {\n      return inRender;\n    }\n  }\n  const fromDom = Array.from(root.querySelectorAll(`[${RUI_FIELD_ERROR_ATTR}]`));\n  if (fromDom.length > 0) {\n    return fromDom;\n  }\n  const single = queryFieldContent(root, `[${RUI_FIELD_ERROR_ATTR}]`);\n  return single ? [single] : [];\n}\nexport function wireFieldControlName(controlHost, ariaTarget, name) {\n  if (ariaTarget && isNativeTextControl(ariaTarget)) {\n    const submission = controlHost && CONTROL_VALUE_ADAPTERS.get(controlHost.localName)?.submission;\n    const namesInner = controlHost == null || controlHost === ariaTarget || !isFormAssociatedHost(controlHost) && submission !== \"host\" && submission !== \"none\";\n    if (namesInner && name) {\n      ariaTarget.name = name;\n    } else {\n      ariaTarget.removeAttribute(\"name\");\n    }\n  }\n  if (controlHost && CONTROL_VALUE_ADAPTERS.has(controlHost.localName)) {\n    Reflect.set(controlHost, \"name\", name);\n    if (name) controlHost.setAttribute(\"name\", name);else controlHost.removeAttribute(\"name\");\n  }\n}\nfunction isChecked(input) {\n  const checked = Reflect.get(input, \"checked\");\n  return typeof checked === \"boolean\" ? checked : input.hasAttribute(\"checked\");\n}\nfunction resolveDeclaredAriaTarget(control) {\n  const multi = control.getAttribute(RUI_ARIA_TARGETS_ATTR);\n  if (multi) {\n    const firstSelector = multi.split(\",\")[0]?.trim();\n    if (firstSelector) {\n      return control.querySelector(firstSelector);\n    }\n  }\n  const single = control.getAttribute(RUI_ARIA_TARGET_ATTR);\n  if (single) {\n    return control.querySelector(single);\n  }\n  return null;\n}\nfunction resolveDeclaredAriaTargets(control) {\n  const multi = control.getAttribute(RUI_ARIA_TARGETS_ATTR);\n  if (multi) {\n    return multi.split(\",\").map(selector => selector.trim()).filter(selector => selector !== \"\").map(selector => control.querySelector(selector)).filter(node => node != null);\n  }\n  const single = control.getAttribute(RUI_ARIA_TARGET_ATTR);\n  if (single) {\n    const target = control.querySelector(single);\n    return target ? [target] : [];\n  }\n  return [];\n}\nexport function getAriaControlTarget(control) {\n  if (isNativeTextControl(control)) {\n    return control;\n  }\n  const declared = resolveDeclaredAriaTarget(control);\n  if (declared) {\n    return declared;\n  }\n  if (control.hasAttribute(RUI_CONTROL_ATTR)) {\n    return control;\n  }\n  if (control.localName === \"rui-slider\") {\n    const thumb = Array.from(control.querySelectorAll(\"[data-thumb]\")).find(node => !node.hasAttribute(\"hidden\"));\n    return thumb ?? control;\n  }\n  const marked = control.querySelector(`[${RUI_CONTROL_ATTR}]`);\n  if (marked) {\n    return marked;\n  }\n  if (control.localName === \"rui-radio-group\") {\n    return getSelectedRadio(control) ?? control;\n  }\n  const selector = ARIA_TARGET_SELECTORS[control.localName];\n  return selector ? control.querySelector(selector) ?? control : control;\n}\nfunction getSelectedRadio(control) {\n  const radios = control.querySelectorAll('input[type=\"radio\"]');\n  return Array.from(radios).find(isChecked) ?? radios[0];\n}\nexport function getAriaControlTargets(control) {\n  const declared = resolveDeclaredAriaTargets(control);\n  if (declared.length > 0) {\n    return declared;\n  }\n  if (control.localName === \"rui-slider\") {\n    const thumbs = Array.from(control.querySelectorAll(\"[data-thumb]\")).filter(node => !node.hasAttribute(\"hidden\"));\n    return thumbs.length > 0 ? thumbs : [control];\n  }\n  return [getAriaControlTarget(control)];\n}"],
+  "mappings": "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",
+  "names": ["jsx", "cx", "parts", "parseMultiValue", "value", "uniqueTrimmed", "serializeMultiValue", "values", "multiValueTransform", "parseNumberArray", "value", "item", "serializeNumberArray", "values", "numberArrayTransform", "uniqueTrimmed", "RUI_FIELD_LABEL_ATTR", "stringValueAdapter", "host", "value", "next", "numberValueAdapter", "raw", "booleanValueAdapter", "readHostValue", "transform", "writeHostValue", "stringArrayValueAdapter", "multiValueTransform", "sliderValueAdapter", "numberArrayTransform", "CONTROL_VALUE_ADAPTERS", "RuiLabel", "children", "htmlFor", "className", "props", "jsx", "RUI_FIELD_LABEL_ATTR", "cx"]
 }

package/dist/components/ui/label/label.d.ts

@@ -6,7 +6,8 @@ export type RuiLabelProps = JsxElementProps<HTMLLabelElement> & {
  * Shared label styles for form fields.
  *
  * @remarks Sets `RUI_FIELD_LABEL_ATTR` so `RuiField` can discover it as the
- * field's label and wire `for` / `aria-labelledby`.
+ * field's label and wire `for`. Composed controls also set `aria-labelledby`
+ * through `syncFieldLabel`.
  *
  * @cssclass rui-label - Form field label.
  */

package/dist/components/ui/listbox/index.d.ts

@@ -1,2 +1,2 @@
-export { RuiListbox as RuiListboxElement, type RuiListboxProps, type RuiListboxChangeDetail } from './listbox.script';
-export { RuiListbox, RuiListboxOption, type RuiListboxOptionData, type RuiListboxOptionProps } from './listbox';
+export { RuiListbox as RuiListboxElement, type RuiListboxProps, type RuiListboxSelectionMode, type RuiListboxChangeDetail, } from './listbox.script';
+export { RuiListbox, RuiListboxOption, RuiListboxOptionIndicator, type RuiListboxOptionData, type RuiListboxOptionIndicatorProps, type RuiListboxOptionProps, } from './listbox';

package/dist/components/ui/listbox/index.js

@@ -1,2 +1,2 @@
-import{RadiantElement as _t,customElement as Ct,event as kt,onEvent as wt,onUpdated as zt,prop as L}from"@ecopages/radiant";function St(e,t){e.forEach((n,i)=>{let s=i===t?0:-1;n.tabIndex!==s&&(n.tabIndex=s)})}function At(e,t){if(!e.length)return null;let n=Math.max(0,Math.min(e.length-1,t));return St(e,n),e[n]?.focus(),e[n]??null}function It(e,t){return e==="Home"?"first":e==="End"?"last":t==="horizontal"?e==="ArrowRight"?"next":e==="ArrowLeft"?"prev":null:e==="ArrowDown"?"next":e==="ArrowUp"?"prev":null}function ot(e){let{items:t,current:n,key:i,orientation:s="horizontal",wrap:p=!0}=e;if(!t.length||!n)return{handled:!1};let u=t.indexOf(n);if(u<0)return{handled:!1};let o=It(i,s);if(!o)return{handled:!1};let c=u;o==="first"?c=0:o==="last"?c=t.length-1:o==="next"?c=p?(u+1)%t.length:Math.min(t.length-1,u+1):c=p?(u-1+t.length)%t.length:Math.max(0,u-1);let j=At(t,c);return j?{handled:!0,index:c,item:j}:{handled:!1}}var at,lt,st,ut,ct,dt,ft,ht,pt,bt,vt,mt,gt,xt;function Lt(e,t,n,i,s,p){var u,o,c,j,D,K,S,W=Symbol.metadata||Symbol.for("Symbol.metadata"),X=Object.defineProperty,M=Object.create,Y=[M(null),M(null)],Z=t.length;function T(r,m,b){return function(a,l){m&&(l=a,a=e);for(var g=0;g<r.length;g++)l=r[g].apply(a,b?[l]:[]);return b?l:a}}function _(r,m,b,a){if(typeof r!="function"&&(a||r!==void 0))throw new TypeError(m+" must "+(b||"be")+" a function"+(a?"":" or undefined"));return r}function $(r,m,b,a,l,g,E,v,x,y,F){function U(f){if(!F(f))throw new TypeError("Attempted to access private element on non-instance")}var V=[].concat(m[0]),P=m[3],q=!E,A=l===1,N=l===3,tt=l===4,B=l===2;function C(f,O,rt){return function(z,it){return O&&(it=z,z=r),rt&&rt(z),d[f].call(z,it)}}if(!q){var d={},G=[],w=N?"get":tt||A?"set":"value";if(x?(y||A?d={get:yt(function(){return P(this)},a,"get"),set:function(f){m[4](this,f)}}:d[w]=P,y||yt(d[w],a,B?"":w)):y||(d=Object.getOwnPropertyDescriptor(r,a)),!y&&!x){if((o=Y[+v][a])&&(o^l)!==7)throw Error("Decorating two elements with the same name ("+d[w].name+") is not supported yet");Y[+v][a]=l<3?1:l}}for(var h=r,k=V.length-1;k>=0;k-=b?2:1){var et=_(V[k],"A decorator","be",!0),nt=b?V[k-1]:void 0,J={},I={kind:["field","accessor","method","getter","setter","class"][l],name:a,metadata:u,addInitializer:function(f,O){if(f.v)throw new TypeError("attempted to call addInitializer after decoration was finished");_(O,"An initializer","be",!0),g.push(O)}.bind(null,J)};if(q)o=et.call(nt,h,I),J.v=1,_(o,"class decorators","return")&&(h=o);else if(I.static=v,I.private=x,o=I.access={has:x?F.bind():function(f){return a in f}},tt||(o.get=x?B?function(f){return U(f),d.value}:C("get",0,U):function(f){return f[a]}),B||N||(o.set=x?C("set",0,U):function(f,O){f[a]=O}),h=et.call(nt,A?{get:d.get,set:d.set}:d[w],I),J.v=1,A){if(typeof h=="object"&&h)(o=_(h.get,"accessor.get"))&&(d.get=o),(o=_(h.set,"accessor.set"))&&(d.set=o),(o=_(h.init,"accessor.init"))&&G.unshift(o);else if(h!==void 0)throw new TypeError("accessor decorators must return an object with get, set, or init properties or undefined")}else _(h,(y?"field":"method")+" decorators","return")&&(y?G.unshift(h):d[w]=h)}return l<2&&E.push(T(G,v,1),T(g,v,0)),y||q||(x?A?E.splice(-1,0,C("get",v),C("set",v)):E.push(B?d[w]:_.call.bind(d[w])):X(r,a,d)),h}function H(r){return X(r,W,{configurable:!0,enumerable:!0,value:u})}return p!==void 0&&(u=p[W]),u=M(u??null),D=[],K=function(r){r&&D.push(T(r))},S=function(r,m){for(var b=0;b<n.length;b++){var a=n[b],l=a[1],g=7&l;if((8&l)==r&&!g==m){var E=a[2],v=!!a[3],x=16&l;$(r?e:e.prototype,a,x,v?"#"+E:Dt(E),g,g<2?[]:r?j=j||[]:c=c||[],D,!!r,v,m,r&&v?function(y){return Bt(y)===e}:s)}}},S(8,0),S(0,0),S(8,1),S(0,1),K(c),K(j),o=D,Z||H(e),{e:o,get c(){var r=[];return Z&&[H(e=$(e,[t],i,e.name,5,r)),T(r,1)]}}}function Dt(e){var t=Tt(e,"string");return typeof t=="symbol"?t:t+""}function Tt(e,t){if(typeof e!="object"||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var i=n.call(e,t||"default");if(typeof i!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function yt(e,t,n){typeof t=="symbol"&&(t=(t=t.description)?"["+t+"]":"");try{Object.defineProperty(e,"name",{configurable:!0,value:n?n+" "+t:t})}catch{}return e}function Bt(e){if(Object(e)!==e)throw TypeError("right-hand side of 'in' should be an object, got "+(e!==null?typeof e:"null"));return e}var Rt,Et=class extends _t{static{({e:[st,ut,ct,dt,ft,ht,pt,bt,vt,mt,gt,xt,at],c:[Rt,lt]}=Lt(this,[Ct("rui-listbox")],[[L({type:String,reflect:!0,defaultValue:""}),0,"value"],[L({type:String,defaultValue:""}),0,"label"],[L({type:Boolean,reflect:!0,defaultValue:!1}),0,"disabled"],[L({type:Boolean,reflect:!0,defaultValue:!1}),0,"embedded"],[L({type:Boolean,reflect:!0}),0,"bordered"],[kt({name:"rui-change",bubbles:!0,composed:!0}),0,"changeEvent"],[zt(["value","disabled","embedded"]),2,"onPropsUpdated"],[wt({selector:'[role="option"]',type:"click"}),2,"onOptionClick"],[wt({selector:'[role="option"]',type:"keydown"}),2,"onOptionKeydown"]],0,void 0,_t))}constructor(...t){super(...t),xt(this)}value=(at(this),st(this));label=(ut(this),ct(this));disabled=(dt(this),ft(this));embedded=(ht(this),pt(this));bordered=(bt(this),vt(this));changeEvent=(mt(this),gt(this));onConnected(){this.sync()}onPropsUpdated(){this.sync()}getOptions(){return Array.from(this.querySelectorAll('[role="option"]'))}sync(){let t=this.getOptions();for(let n of t){let i=n.getAttribute("data-value")===this.value;n.setAttribute("aria-selected",String(i)),n.tabIndex=this.embedded?-1:i||!this.value&&n===t[0]?0:-1}}select(t){this.disabled||t.getAttribute("aria-disabled")==="true"||(this.value=t.getAttribute("data-value")||t.textContent?.trim()||"",this.sync(),this.changeEvent.emit({value:this.value}),t.focus())}onOptionClick(t){if(this.embedded)return;let n=t.target.closest('[role="option"]');n&&this.contains(n)&&this.select(n)}onOptionKeydown(t){if(this.embedded)return;let n=this.getOptions(),i=t.target.closest('[role="option"]');if(!i)return;if(t.key==="Enter"||t.key===" "){t.preventDefault(),this.select(i);return}let s=ot({items:n,current:i,key:t.key,orientation:"vertical"});s.handled&&(t.preventDefault(),this.select(s.item))}static{lt()}};import{jsx as R}from"@ecopages/jsx/jsx-runtime";function Q(...e){return e.filter(Boolean).join(" ")}function Ot({value:e,label:t,children:n,class:i,disabled:s,...p}){return R("div",{...p,class:Q("rui-listbox__option",i),role:"option","data-value":e,"data-label":t,"aria-disabled":s?"true":void 0,tabindex:-1,children:n})}function Kt(e,t){return t??!e}function jt({bordered:e,children:t,disabled:n,label:i}){return R("div",{class:Q("rui-listbox",e&&"rui-listbox--bordered"),role:"listbox","data-rui-control":!0,"data-rui-control-type":"text","aria-label":i||void 0,"aria-disabled":n?"true":void 0,children:t})}function Mt({options:e,children:t,embedded:n,bordered:i,label:s,disabled:p,...u}){let o=Kt(n,i);return e!=null?R("rui-listbox",{...u,embedded:n,bordered:i,label:s,disabled:p,children:R(jt,{bordered:o,disabled:p,label:s,children:e.map(c=>R(Ot,{value:c.value,label:typeof c.label=="string"?c.label:void 0,disabled:c.disabled,children:c.label}))})}):R("rui-listbox",{...u,embedded:n,bordered:i,label:s,disabled:p,children:R(jt,{bordered:o,disabled:p,label:s,children:t})})}export{Mt as RuiListbox,Rt as RuiListboxElement,Ot as RuiListboxOption};
+import{RadiantElement as De,bindTo as rt,customElement as it,event as nt,onEvent as ke,onUpdated as ot,prop as O}from"@ecopages/radiant";function $e(e,t){e.forEach((r,i)=>{let l=i===t?0:-1;r.tabIndex!==l&&(r.tabIndex=l)})}function Fe(e,t){if(!e.length)return null;let r=Math.max(0,Math.min(e.length-1,t));return $e(e,r),e[r]?.focus(),e[r]??null}function Ke(e,t){return e==="Home"?"first":e==="End"?"last":t==="horizontal"?e==="ArrowRight"?"next":e==="ArrowLeft"?"prev":null:e==="ArrowDown"?"next":e==="ArrowUp"?"prev":null}function ae(e){let{items:t,current:r,key:i,orientation:l="horizontal",wrap:f=!0}=e;if(!t.length||!r)return{handled:!1};let u=t.indexOf(r);if(u<0)return{handled:!1};let n=Ke(i,l);if(!n)return{handled:!1};let b=u;n==="first"?b=0:n==="last"?b=t.length-1:n==="next"?b=f?(u+1)%t.length:Math.min(t.length-1,u+1):b=f?(u-1+t.length)%t.length:Math.max(0,u-1);let A=Fe(t,b);return A?{handled:!0,index:b,item:A}:{handled:!1}}var Ne=/^[A-Za-z][A-Za-z0-9_-]*$/;function se(e){return Ne.test(e)}function Pe(e){let t=e.trim();if(se(t))return t;let r=`rui-${t}`;return t&&se(r)?r:"rui"}function ue(e){let t=typeof crypto.randomUUID=="function"?crypto.randomUUID().replace(/-/g,""):Array.from(crypto.getRandomValues(new Uint8Array(16)),r=>r.toString(16).padStart(2,"0")).join("");return`${Pe(e)}-${t}`}function Xe(e){let t=e.previousElementSibling;return t?.tagName.toLowerCase()==="label"?t:e.parentElement?.querySelector("[data-rui-field-label]")??null}function Ze(e,t,r){e.id||(e.id=r.labelId),e.htmlFor||(e.htmlFor=r.controlId),t.setAttribute("aria-labelledby",e.id),t.removeAttribute("aria-label")}function ce(e,t,r){if(!t||t.hasAttribute("data-rui-field-managed"))return;let i=Xe(e);if(i){Ze(i,t,r);return}if(r.label){t.setAttribute("aria-label",r.label),t.removeAttribute("aria-labelledby");return}t.removeAttribute("aria-label"),t.removeAttribute("aria-labelledby")}var Ge="data-listbox-option-indicator";function Je(e){let t=e.getAttribute("data-label");return t||de(e).trim()}function B(e){return e.getAttribute("data-value")||Je(e)}function de(e){if(Qe(e))return"";if(e.nodeType===Node.TEXT_NODE)return e.textContent??"";let t="";for(let r of e.childNodes)t+=de(r);return t}function Qe(e){return e instanceof HTMLElement&&e.hasAttribute(Ge)}function fe(e){return e?he(e.split(",")):[]}function We(e){return e.join(",")}var pe={fromAttribute:e=>fe(e),toAttribute:e=>e.length>0?We(e):null,fromProperty:e=>Array.isArray(e)?he(e.map(String)):typeof e=="string"?fe(e):[]},be={type:Array,reflect:!0,transform:pe};function me(e){return pe.fromProperty?.(e)??[]}function he(e){return[...new Set(e.map(t=>t.trim()).filter(Boolean))]}var xe,ge,ye,ve,_e,Ae,we,Ie,Se,Re,Ee,Le,Oe,Ve,Te,je;function Ye(e,t,r,i,l,f){var u,n,b,A,S,T,m,Z=Symbol.metadata||Symbol.for("Symbol.metadata"),G=Object.defineProperty,q=Object.create,J=[q(null),q(null)],Q=t.length;function D(o,g,h){return function(a,s){g&&(s=a,a=e);for(var y=0;y<o.length;y++)s=o[y].apply(a,h?[s]:[]);return h?s:a}}function w(o,g,h,a){if(typeof o!="function"&&(a||o!==void 0))throw new TypeError(g+" must "+(h||"be")+" a function"+(a?"":" or undefined"));return o}function W(o,g,h,a,s,y,R,x,v,_,H){function $(d){if(!H(d))throw new TypeError("Attempted to access private element on non-instance")}var F=[].concat(g[0]),ee=g[3],K=!R,j=s===1,te=s===3,re=s===4,k=s===2;function M(d,L,oe){return function(z,le){return L&&(le=z,z=o),oe&&oe(z),c[d].call(z,le)}}if(!K){var c={},N=[],I=te?"get":re||j?"set":"value";if(v?(_||j?c={get:Ce(function(){return ee(this)},a,"get"),set:function(d){g[4](this,d)}}:c[I]=ee,_||Ce(c[I],a,k?"":I)):_||(c=Object.getOwnPropertyDescriptor(o,a)),!_&&!v){if((n=J[+x][a])&&(n^s)!==7)throw Error("Decorating two elements with the same name ("+c[I].name+") is not supported yet");J[+x][a]=s<3?1:s}}for(var p=o,U=F.length-1;U>=0;U-=h?2:1){var ie=w(F[U],"A decorator","be",!0),ne=h?F[U-1]:void 0,P={},C={kind:["field","accessor","method","getter","setter","class"][s],name:a,metadata:u,addInitializer:function(d,L){if(d.v)throw new TypeError("attempted to call addInitializer after decoration was finished");w(L,"An initializer","be",!0),y.push(L)}.bind(null,P)};if(K)n=ie.call(ne,p,C),P.v=1,w(n,"class decorators","return")&&(p=n);else if(C.static=x,C.private=v,n=C.access={has:v?H.bind():function(d){return a in d}},re||(n.get=v?k?function(d){return $(d),c.value}:M("get",0,$):function(d){return d[a]}),k||te||(n.set=v?M("set",0,$):function(d,L){d[a]=L}),p=ie.call(ne,j?{get:c.get,set:c.set}:c[I],C),P.v=1,j){if(typeof p=="object"&&p)(n=w(p.get,"accessor.get"))&&(c.get=n),(n=w(p.set,"accessor.set"))&&(c.set=n),(n=w(p.init,"accessor.init"))&&N.unshift(n);else if(p!==void 0)throw new TypeError("accessor decorators must return an object with get, set, or init properties or undefined")}else w(p,(_?"field":"method")+" decorators","return")&&(_?N.unshift(p):c[I]=p)}return s<2&&R.push(D(N,x,1),D(y,x,0)),_||K||(v?j?R.splice(-1,0,M("get",x),M("set",x)):R.push(k?c[I]:w.call.bind(c[I])):G(o,a,c)),p}function Y(o){return G(o,Z,{configurable:!0,enumerable:!0,value:u})}return f!==void 0&&(u=f[Z]),u=q(u??null),S=[],T=function(o){o&&S.push(D(o))},m=function(o,g){for(var h=0;h<r.length;h++){var a=r[h],s=a[1],y=7&s;if((8&s)==o&&!y==g){var R=a[2],x=!!a[3],v=16&s;W(o?e:e.prototype,a,v,x?"#"+R:He(R),y,y<2?[]:o?A=A||[]:b=b||[],S,!!o,x,g,o&&x?function(_){return tt(_)===e}:l)}}},m(8,0),m(0,0),m(8,1),m(0,1),T(b),T(A),n=S,Q||Y(e),{e:n,get c(){var o=[];return Q&&[Y(e=W(e,[t],i,e.name,5,o)),D(o,1)]}}}function He(e){var t=et(e,"string");return typeof t=="symbol"?t:t+""}function et(e,t){if(typeof e!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var i=r.call(e,t||"default");if(typeof i!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function Ce(e,t,r){typeof t=="symbol"&&(t=(t=t.description)?"["+t+"]":"");try{Object.defineProperty(e,"name",{configurable:!0,value:r?r+" "+t:t})}catch{}return e}function tt(e){if(Object(e)!==e)throw TypeError("right-hand side of 'in' should be an object, got "+(e!==null?typeof e:"null"));return e}var Ue,Me=class extends De{static{({e:[ye,ve,_e,Ae,we,Ie,Se,Re,Ee,Le,Oe,Ve,Te,je,xe],c:[Ue,ge]}=Ye(this,[it("rui-listbox")],[[O({...be,defaultValue:[]}),0,"value"],[O({type:String,defaultValue:""}),0,"label"],[O({type:Boolean,reflect:!0,defaultValue:!1}),0,"disabled"],[[O({type:String,attribute:"selection-mode",defaultValue:"single"}),rt({selector:'[role="listbox"]',attr:"aria-multiselectable",map:t=>t==="multiple"?"true":void 0})],0,"selectionMode"],[O({type:Boolean,reflect:!0,defaultValue:!1}),0,"embedded"],[O({type:Boolean,reflect:!0}),0,"bordered"],[nt({name:"rui-change",bubbles:!0,composed:!0}),0,"changeEvent"],[ot(["value","label","disabled","embedded","selectionMode"]),2,"onPropsUpdated"],[ke({selector:'[role="option"]',type:"click"}),2,"onOptionClick"],[ke({selector:'[role="option"]',type:"keydown"}),2,"onOptionKeydown"]],0,void 0,De))}value=(xe(this),ye(this));label=(ve(this),_e(this));disabled=(Ae(this),we(this));selectionMode=(Ie(this),Se(this));embedded=(Re(this),Ee(this));bordered=(Le(this),Oe(this));changeEvent=(Ve(this),Te(this));uid=(je(this),ue("rui-listbox"));onConnected(){this.syncLabel(),this.sync()}onPropsUpdated(){this.syncLabel(),this.sync()}getOptions(){return Array.from(this.querySelectorAll('[role="option"]'))}syncLabel(){if(this.embedded)return;let t=this.querySelector('[role="listbox"]');t&&(t.id||(t.id=`${this.uid}-list`),ce(this,t,{controlId:t.id,label:this.label,labelId:`${this.uid}-label`}))}getSelectedValues(){return this.value}setSelectedValues(t){this.value=t}tabIndexFor(t,r){return this.embedded?-1:t===r?0:-1}sync(){let t=this.getOptions(),r=new Set(this.getSelectedValues()),i=t.find(l=>r.has(B(l)))??t[0];for(let l of t){let f=r.has(B(l));l.setAttribute("aria-selected",String(f)),l.tabIndex=this.tabIndexFor(l,i)}}select(t){if(this.disabled||t.getAttribute("aria-disabled")==="true")return;let r=B(t);if(this.selectionMode==="multiple"){let i=new Set(this.getSelectedValues());i.has(r)?i.delete(r):i.add(r),this.setSelectedValues([...i])}else this.setSelectedValues([r]);this.sync(),this.changeEvent.emit({value:this.value}),t.focus()}onOptionClick(t){if(this.embedded)return;let r=t.target.closest('[role="option"]');r&&this.contains(r)&&this.select(r)}onOptionKeydown(t){if(this.embedded)return;let r=this.getOptions(),i=t.target.closest('[role="option"]');if(!i)return;if(t.key==="Enter"||t.key===" "){t.preventDefault(),this.select(i);return}let l=ae({items:r,current:i,key:t.key,orientation:"vertical"});if(l.handled){if(t.preventDefault(),this.selectionMode==="multiple"){l.item.focus();return}this.select(l.item)}}static{ge()}};import{jsx as E,jsxs as lt}from"@ecopages/jsx/jsx-runtime";function V(...e){return e.filter(Boolean).join(" ")}import{jsx as ze}from"@ecopages/jsx/jsx-runtime";function X({class:e,size:t="sm",...r}){return ze("svg",{...r,class:V("rui-icon",t==="md"&&"rui-icon--md",e),viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true",children:ze("path",{d:"m5 12 4 4L19 6"})})}function Be({value:e,label:t,children:r,class:i,disabled:l,...f}){return E("div",{...f,class:V("rui-listbox__option",i),role:"option","data-value":e,"data-label":t,"aria-disabled":l?"true":void 0,tabindex:-1,children:r})}function qe({children:e,class:t,...r}){return E("span",{...r,"data-listbox-option-indicator":!0,"aria-hidden":"true",class:V("rui-listbox__option-indicator",t),children:e??E(X,{})})}function at(e,t){return t??!e}function st({bordered:e,children:t,disabled:r,embedded:i,label:l,selectionMode:f="single"}){return E("div",{class:V("rui-listbox",e&&"rui-listbox--bordered"),role:"listbox","data-rui-control":i?void 0:!0,"data-rui-control-type":i?void 0:"text","aria-label":l||void 0,"aria-disabled":r?"true":void 0,"aria-multiselectable":f==="multiple"?"true":void 0,children:t})}function ut({options:e,children:t,value:r,embedded:i,bordered:l,label:f,disabled:u,selectionMode:n="single",...b}){let A=at(i,l),S=me(r),T=new Set(S);return E("rui-listbox",{...b,value:S,embedded:i,bordered:l,label:f,disabled:u,selectionMode:n,children:E(st,{bordered:A,disabled:u,embedded:i,label:f,selectionMode:n,children:e!=null?e.map(m=>lt(Be,{value:m.value,label:typeof m.label=="string"?m.label:void 0,disabled:m.disabled,"aria-selected":T.has(m.value)?"true":void 0,children:[m.label,n==="multiple"?E(qe,{}):null]})):t})})}export{ut as RuiListbox,Ue as RuiListboxElement,Be as RuiListboxOption,qe as RuiListboxOptionIndicator};
 //# sourceMappingURL=index.js.map

package/dist/components/ui/listbox/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../../src/components/ui/listbox/listbox.script.tsx", "../../../../src/lib/roving-tabindex.ts", "../../../../src/components/ui/listbox/listbox.tsx", "../../../../src/lib/cx.ts"],
-  "sourcesContent": ["let _initProto, _initClass, _init_value, _init_extra_value, _init_label, _init_extra_label, _init_disabled, _init_extra_disabled, _init_embedded, _init_extra_embedded, _init_bordered, _init_extra_bordered, _init_changeEvent, _init_extra_changeEvent;\nfunction _applyDecs(e, t, n, r, o, i) { var a, c, u, s, f, l, p, d = Symbol.metadata || Symbol.for(\"Symbol.metadata\"), m = Object.defineProperty, h = Object.create, y = [h(null), h(null)], v = t.length; function g(t, n, r) { return function (o, i) { n && (i = o, o = e); for (var a = 0; a < t.length; a++) i = t[a].apply(o, r ? [i] : []); return r ? i : o; }; } function b(e, t, n, r) { if (\"function\" != typeof e && (r || void 0 !== e)) throw new TypeError(t + \" must \" + (n || \"be\") + \" a function\" + (r ? \"\" : \" or undefined\")); return e; } function applyDec(e, t, n, r, o, i, u, s, f, l, p) { function d(e) { if (!p(e)) throw new TypeError(\"Attempted to access private element on non-instance\"); } var h = [].concat(t[0]), v = t[3], w = !u, D = 1 === o, S = 3 === o, j = 4 === o, E = 2 === o; function I(t, n, r) { return function (o, i) { return n && (i = o, o = e), r && r(o), P[t].call(o, i); }; } if (!w) { var P = {}, k = [], F = S ? \"get\" : j || D ? \"set\" : \"value\"; if (f ? (l || D ? P = { get: _setFunctionName(function () { return v(this); }, r, \"get\"), set: function (e) { t[4](this, e); } } : P[F] = v, l || _setFunctionName(P[F], r, E ? \"\" : F)) : l || (P = Object.getOwnPropertyDescriptor(e, r)), !l && !f) { if ((c = y[+s][r]) && 7 !== (c ^ o)) throw Error(\"Decorating two elements with the same name (\" + P[F].name + \") is not supported yet\"); y[+s][r] = o < 3 ? 1 : o; } } for (var N = e, O = h.length - 1; O >= 0; O -= n ? 2 : 1) { var T = b(h[O], \"A decorator\", \"be\", !0), z = n ? h[O - 1] : void 0, A = {}, H = { kind: [\"field\", \"accessor\", \"method\", \"getter\", \"setter\", \"class\"][o], name: r, metadata: a, addInitializer: function (e, t) { if (e.v) throw new TypeError(\"attempted to call addInitializer after decoration was finished\"); b(t, \"An initializer\", \"be\", !0), i.push(t); }.bind(null, A) }; if (w) c = T.call(z, N, H), A.v = 1, b(c, \"class decorators\", \"return\") && (N = c);else if (H.static = s, H.private = f, c = H.access = { has: f ? p.bind() : function (e) { return r in e; } }, j || (c.get = f ? E ? function (e) { return d(e), P.value; } : I(\"get\", 0, d) : function (e) { return e[r]; }), E || S || (c.set = f ? I(\"set\", 0, d) : function (e, t) { e[r] = t; }), N = T.call(z, D ? { get: P.get, set: P.set } : P[F], H), A.v = 1, D) { if (\"object\" == typeof N && N) (c = b(N.get, \"accessor.get\")) && (P.get = c), (c = b(N.set, \"accessor.set\")) && (P.set = c), (c = b(N.init, \"accessor.init\")) && k.unshift(c);else if (void 0 !== N) throw new TypeError(\"accessor decorators must return an object with get, set, or init properties or undefined\"); } else b(N, (l ? \"field\" : \"method\") + \" decorators\", \"return\") && (l ? k.unshift(N) : P[F] = N); } return o < 2 && u.push(g(k, s, 1), g(i, s, 0)), l || w || (f ? D ? u.splice(-1, 0, I(\"get\", s), I(\"set\", s)) : u.push(E ? P[F] : b.call.bind(P[F])) : m(e, r, P)), N; } function w(e) { return m(e, d, { configurable: !0, enumerable: !0, value: a }); } return void 0 !== i && (a = i[d]), a = h(null == a ? null : a), f = [], l = function (e) { e && f.push(g(e)); }, p = function (t, r) { for (var i = 0; i < n.length; i++) { var a = n[i], c = a[1], l = 7 & c; if ((8 & c) == t && !l == r) { var p = a[2], d = !!a[3], m = 16 & c; applyDec(t ? e : e.prototype, a, m, d ? \"#\" + p : _toPropertyKey(p), l, l < 2 ? [] : t ? s = s || [] : u = u || [], f, !!t, d, r, t && d ? function (t) { return _checkInRHS(t) === e; } : o); } } }, p(8, 0), p(0, 0), p(8, 1), p(0, 1), l(u), l(s), c = f, v || w(e), { e: c, get c() { var n = []; return v && [w(e = applyDec(e, [t], r, e.name, 5, n)), g(n, 1)]; } }; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == typeof i ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != typeof i) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\nfunction _setFunctionName(e, t, n) { \"symbol\" == typeof t && (t = (t = t.description) ? \"[\" + t + \"]\" : \"\"); try { Object.defineProperty(e, \"name\", { configurable: !0, value: n ? n + \" \" + t : t }); } catch (e) {} return e; }\nfunction _checkInRHS(e) { if (Object(e) !== e) throw TypeError(\"right-hand side of 'in' should be an object, got \" + (null !== e ? typeof e : \"null\")); return e; }\nimport { RadiantElement, customElement, event, onEvent, onUpdated, prop } from \"@ecopages/radiant\";\nimport { navigateRovingTabindex } from \"@/lib/roving-tabindex\";\nlet _RuiListbox;\nclass RuiListbox extends RadiantElement {\n  static {\n    ({\n      e: [_init_value, _init_extra_value, _init_label, _init_extra_label, _init_disabled, _init_extra_disabled, _init_embedded, _init_extra_embedded, _init_bordered, _init_extra_bordered, _init_changeEvent, _init_extra_changeEvent, _initProto],\n      c: [_RuiListbox, _initClass]\n    } = _applyDecs(this, [customElement(\"rui-listbox\")], [[prop({\n      type: String,\n      reflect: true,\n      defaultValue: \"\"\n    }), 0, \"value\"], [prop({\n      type: String,\n      defaultValue: \"\"\n    }), 0, \"label\"], [prop({\n      type: Boolean,\n      reflect: true,\n      defaultValue: false\n    }), 0, \"disabled\"], [prop({\n      type: Boolean,\n      reflect: true,\n      defaultValue: false\n    }), 0, \"embedded\"], [prop({\n      type: Boolean,\n      reflect: true\n    }), 0, \"bordered\"], [event({\n      name: \"rui-change\",\n      bubbles: true,\n      composed: true\n    }), 0, \"changeEvent\"], [onUpdated([\"value\", \"disabled\", \"embedded\"]), 2, \"onPropsUpdated\"], [onEvent({\n      selector: '[role=\"option\"]',\n      type: \"click\"\n    }), 2, \"onOptionClick\"], [onEvent({\n      selector: '[role=\"option\"]',\n      type: \"keydown\"\n    }), 2, \"onOptionKeydown\"]], 0, void 0, RadiantElement));\n  }\n  constructor(...args) {\n    super(...args);\n    _init_extra_changeEvent(this);\n  }\n  value = (_initProto(this), _init_value(this));\n  label = (_init_extra_value(this), _init_label(this));\n  disabled = (_init_extra_label(this), _init_disabled(this));\n  embedded = (_init_extra_disabled(this), _init_embedded(this));\n  bordered = (_init_extra_embedded(this), _init_bordered(this));\n  changeEvent = (_init_extra_bordered(this), _init_changeEvent(this));\n  onConnected() {\n    this.sync();\n  }\n  onPropsUpdated() {\n    this.sync();\n  }\n  getOptions() {\n    return Array.from(this.querySelectorAll('[role=\"option\"]'));\n  }\n  sync() {\n    const options = this.getOptions();\n    for (const option of options) {\n      const selected = option.getAttribute(\"data-value\") === this.value;\n      option.setAttribute(\"aria-selected\", String(selected));\n      option.tabIndex = this.embedded ? -1 : selected || !this.value && option === options[0] ? 0 : -1;\n    }\n  }\n  select(option) {\n    if (this.disabled || option.getAttribute(\"aria-disabled\") === \"true\") return;\n    this.value = option.getAttribute(\"data-value\") || option.textContent?.trim() || \"\";\n    this.sync();\n    this.changeEvent.emit({\n      value: this.value\n    });\n    option.focus();\n  }\n  onOptionClick(event2) {\n    if (this.embedded) {\n      return;\n    }\n    const option = event2.target.closest('[role=\"option\"]');\n    if (option && this.contains(option)) this.select(option);\n  }\n  onOptionKeydown(event2) {\n    if (this.embedded) {\n      return;\n    }\n    const options = this.getOptions();\n    const current = event2.target.closest('[role=\"option\"]');\n    if (!current) return;\n    if (event2.key === \"Enter\" || event2.key === \" \") {\n      event2.preventDefault();\n      this.select(current);\n      return;\n    }\n    const result = navigateRovingTabindex({\n      items: options,\n      current,\n      key: event2.key,\n      orientation: \"vertical\"\n    });\n    if (!result.handled) return;\n    event2.preventDefault();\n    this.select(result.item);\n  }\n  static {\n    _initClass();\n  }\n}\nexport { _RuiListbox as RuiListbox };", "export function applyRovingTabindex(items, activeIndex) {\n  items.forEach((item, index) => {\n    const next = index === activeIndex ? 0 : -1;\n    if (item.tabIndex !== next) {\n      item.tabIndex = next;\n    }\n  });\n}\nexport function focusRovingItem(items, index) {\n  if (!items.length) return null;\n  const next = Math.max(0, Math.min(items.length - 1, index));\n  applyRovingTabindex(items, next);\n  items[next]?.focus();\n  return items[next] ?? null;\n}\nfunction deltaForKey(key, orientation) {\n  if (key === \"Home\") return \"first\";\n  if (key === \"End\") return \"last\";\n  if (orientation === \"horizontal\") {\n    if (key === \"ArrowRight\") return \"next\";\n    if (key === \"ArrowLeft\") return \"prev\";\n    return null;\n  }\n  if (key === \"ArrowDown\") return \"next\";\n  if (key === \"ArrowUp\") return \"prev\";\n  return null;\n}\nexport function navigateRovingTabindex(options) {\n  const {\n    items,\n    current,\n    key,\n    orientation = \"horizontal\",\n    wrap = true\n  } = options;\n  if (!items.length || !current) return {\n    handled: false\n  };\n  const index = items.indexOf(current);\n  if (index < 0) return {\n    handled: false\n  };\n  const delta = deltaForKey(key, orientation);\n  if (!delta) return {\n    handled: false\n  };\n  let next = index;\n  if (delta === \"first\") next = 0;else if (delta === \"last\") next = items.length - 1;else if (delta === \"next\") next = wrap ? (index + 1) % items.length : Math.min(items.length - 1, index + 1);else next = wrap ? (index - 1 + items.length) % items.length : Math.max(0, index - 1);\n  const item = focusRovingItem(items, next);\n  if (!item) return {\n    handled: false\n  };\n  return {\n    handled: true,\n    index: next,\n    item\n  };\n}", "import { jsx } from \"@ecopages/jsx/jsx-runtime\";\nimport { cx } from \"@/lib/cx\";\nimport \"./listbox.script\";\nexport function RuiListboxOption({\n  value,\n  label,\n  children,\n  class: className,\n  disabled,\n  ...props\n}) {\n  return /* @__PURE__ */jsx(\"div\", {\n    ...props,\n    class: cx(\"rui-listbox__option\", className),\n    role: \"option\",\n    \"data-value\": value,\n    \"data-label\": label,\n    \"aria-disabled\": disabled ? \"true\" : void 0,\n    tabindex: -1,\n    children\n  });\n}\nfunction listboxIsBordered(embedded, bordered) {\n  if (bordered != null) {\n    return bordered;\n  }\n  return !embedded;\n}\nfunction ListboxShell({\n  bordered,\n  children,\n  disabled,\n  label\n}) {\n  return /* @__PURE__ */jsx(\"div\", {\n    class: cx(\"rui-listbox\", bordered && \"rui-listbox--bordered\"),\n    role: \"listbox\",\n    \"data-rui-control\": true,\n    \"data-rui-control-type\": \"text\",\n    \"aria-label\": label || void 0,\n    \"aria-disabled\": disabled ? \"true\" : void 0,\n    children\n  });\n}\nexport function RuiListbox({\n  options,\n  children,\n  embedded,\n  bordered,\n  label,\n  disabled,\n  ...props\n}) {\n  const isBordered = listboxIsBordered(embedded, bordered);\n  if (options != null) {\n    return /* @__PURE__ */jsx(\"rui-listbox\", {\n      ...props,\n      embedded,\n      bordered,\n      label,\n      disabled,\n      children: /* @__PURE__ */jsx(ListboxShell, {\n        bordered: isBordered,\n        disabled,\n        label,\n        children: options.map(option => /* @__PURE__ */jsx(RuiListboxOption, {\n          value: option.value,\n          label: typeof option.label === \"string\" ? option.label : void 0,\n          disabled: option.disabled,\n          children: option.label\n        }))\n      })\n    });\n  }\n  return /* @__PURE__ */jsx(\"rui-listbox\", {\n    ...props,\n    embedded,\n    bordered,\n    label,\n    disabled,\n    children: /* @__PURE__ */jsx(ListboxShell, {\n      bordered: isBordered,\n      disabled,\n      label,\n      children\n    })\n  });\n}", "export function cx(...parts) {\n  return parts.filter(Boolean).join(\" \");\n}"],
-  "mappings": "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",
-  "names": ["RadiantElement", "customElement", "event", "onEvent", "onUpdated", "prop", "applyRovingTabindex", "items", "activeIndex", "item", "index", "next", "focusRovingItem", "deltaForKey", "key", "orientation", "navigateRovingTabindex", "options", "current", "wrap", "delta", "_initProto", "_initClass", "_init_value", "_init_extra_value", "_init_label", "_init_extra_label", "_init_disabled", "_init_extra_disabled", "_init_embedded", "_init_extra_embedded", "_init_bordered", "_init_extra_bordered", "_init_changeEvent", "_init_extra_changeEvent", "_applyDecs", "r", "o", "i", "a", "c", "u", "s", "f", "l", "p", "d", "m", "h", "y", "v", "g", "t", "n", "b", "e", "applyDec", "w", "D", "S", "j", "E", "I", "P", "k", "F", "_setFunctionName", "N", "O", "T", "z", "A", "H", "_toPropertyKey", "_checkInRHS", "_toPrimitive", "_RuiListbox", "RuiListbox", "RadiantElement", "customElement", "prop", "event", "onUpdated", "onEvent", "args", "options", "option", "selected", "event2", "current", "result", "navigateRovingTabindex", "jsx", "cx", "parts", "RuiListboxOption", "value", "label", "children", "className", "disabled", "props", "jsx", "cx", "listboxIsBordered", "embedded", "bordered", "ListboxShell", "RuiListbox", "options", "isBordered", "option"]
+  "sources": ["../../../../src/components/ui/listbox/listbox.script.tsx", "../../../../src/lib/roving-tabindex.ts", "../../../../src/lib/unique-id.ts", "../../../../src/components/ui/shared/field-label.ts", "../../../../src/components/ui/shared/listbox-option.ts", "../../../../src/components/ui/shared/multi-value.ts", "../../../../src/components/ui/listbox/listbox.tsx", "../../../../src/lib/cx.ts", "../../../../src/lib/icons/check.tsx"],
+  "sourcesContent": ["let _initProto, _initClass, _init_value, _init_extra_value, _init_label, _init_extra_label, _init_disabled, _init_extra_disabled, _init_selectionMode, _init_extra_selectionMode, _init_embedded, _init_extra_embedded, _init_bordered, _init_extra_bordered, _init_changeEvent, _init_extra_changeEvent;\nfunction _applyDecs(e, t, n, r, o, i) { var a, c, u, s, f, l, p, d = Symbol.metadata || Symbol.for(\"Symbol.metadata\"), m = Object.defineProperty, h = Object.create, y = [h(null), h(null)], v = t.length; function g(t, n, r) { return function (o, i) { n && (i = o, o = e); for (var a = 0; a < t.length; a++) i = t[a].apply(o, r ? [i] : []); return r ? i : o; }; } function b(e, t, n, r) { if (\"function\" != typeof e && (r || void 0 !== e)) throw new TypeError(t + \" must \" + (n || \"be\") + \" a function\" + (r ? \"\" : \" or undefined\")); return e; } function applyDec(e, t, n, r, o, i, u, s, f, l, p) { function d(e) { if (!p(e)) throw new TypeError(\"Attempted to access private element on non-instance\"); } var h = [].concat(t[0]), v = t[3], w = !u, D = 1 === o, S = 3 === o, j = 4 === o, E = 2 === o; function I(t, n, r) { return function (o, i) { return n && (i = o, o = e), r && r(o), P[t].call(o, i); }; } if (!w) { var P = {}, k = [], F = S ? \"get\" : j || D ? \"set\" : \"value\"; if (f ? (l || D ? P = { get: _setFunctionName(function () { return v(this); }, r, \"get\"), set: function (e) { t[4](this, e); } } : P[F] = v, l || _setFunctionName(P[F], r, E ? \"\" : F)) : l || (P = Object.getOwnPropertyDescriptor(e, r)), !l && !f) { if ((c = y[+s][r]) && 7 !== (c ^ o)) throw Error(\"Decorating two elements with the same name (\" + P[F].name + \") is not supported yet\"); y[+s][r] = o < 3 ? 1 : o; } } for (var N = e, O = h.length - 1; O >= 0; O -= n ? 2 : 1) { var T = b(h[O], \"A decorator\", \"be\", !0), z = n ? h[O - 1] : void 0, A = {}, H = { kind: [\"field\", \"accessor\", \"method\", \"getter\", \"setter\", \"class\"][o], name: r, metadata: a, addInitializer: function (e, t) { if (e.v) throw new TypeError(\"attempted to call addInitializer after decoration was finished\"); b(t, \"An initializer\", \"be\", !0), i.push(t); }.bind(null, A) }; if (w) c = T.call(z, N, H), A.v = 1, b(c, \"class decorators\", \"return\") && (N = c);else if (H.static = s, H.private = f, c = H.access = { has: f ? p.bind() : function (e) { return r in e; } }, j || (c.get = f ? E ? function (e) { return d(e), P.value; } : I(\"get\", 0, d) : function (e) { return e[r]; }), E || S || (c.set = f ? I(\"set\", 0, d) : function (e, t) { e[r] = t; }), N = T.call(z, D ? { get: P.get, set: P.set } : P[F], H), A.v = 1, D) { if (\"object\" == typeof N && N) (c = b(N.get, \"accessor.get\")) && (P.get = c), (c = b(N.set, \"accessor.set\")) && (P.set = c), (c = b(N.init, \"accessor.init\")) && k.unshift(c);else if (void 0 !== N) throw new TypeError(\"accessor decorators must return an object with get, set, or init properties or undefined\"); } else b(N, (l ? \"field\" : \"method\") + \" decorators\", \"return\") && (l ? k.unshift(N) : P[F] = N); } return o < 2 && u.push(g(k, s, 1), g(i, s, 0)), l || w || (f ? D ? u.splice(-1, 0, I(\"get\", s), I(\"set\", s)) : u.push(E ? P[F] : b.call.bind(P[F])) : m(e, r, P)), N; } function w(e) { return m(e, d, { configurable: !0, enumerable: !0, value: a }); } return void 0 !== i && (a = i[d]), a = h(null == a ? null : a), f = [], l = function (e) { e && f.push(g(e)); }, p = function (t, r) { for (var i = 0; i < n.length; i++) { var a = n[i], c = a[1], l = 7 & c; if ((8 & c) == t && !l == r) { var p = a[2], d = !!a[3], m = 16 & c; applyDec(t ? e : e.prototype, a, m, d ? \"#\" + p : _toPropertyKey(p), l, l < 2 ? [] : t ? s = s || [] : u = u || [], f, !!t, d, r, t && d ? function (t) { return _checkInRHS(t) === e; } : o); } } }, p(8, 0), p(0, 0), p(8, 1), p(0, 1), l(u), l(s), c = f, v || w(e), { e: c, get c() { var n = []; return v && [w(e = applyDec(e, [t], r, e.name, 5, n)), g(n, 1)]; } }; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == typeof i ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != typeof i) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\nfunction _setFunctionName(e, t, n) { \"symbol\" == typeof t && (t = (t = t.description) ? \"[\" + t + \"]\" : \"\"); try { Object.defineProperty(e, \"name\", { configurable: !0, value: n ? n + \" \" + t : t }); } catch (e) {} return e; }\nfunction _checkInRHS(e) { if (Object(e) !== e) throw TypeError(\"right-hand side of 'in' should be an object, got \" + (null !== e ? typeof e : \"null\")); return e; }\nimport { RadiantElement, bindTo, customElement, event, onEvent, onUpdated, prop } from \"@ecopages/radiant\";\nimport { navigateRovingTabindex } from \"@/lib/roving-tabindex\";\nimport { uniqueId } from \"@/lib/unique-id\";\nimport { syncFieldLabel } from \"../shared/field-label\";\nimport { getListboxOptionValue } from \"../shared/listbox-option\";\nimport { multiValuePropOptions } from \"../shared/multi-value\";\nlet _RuiListbox;\nclass RuiListbox extends RadiantElement {\n  static {\n    ({\n      e: [_init_value, _init_extra_value, _init_label, _init_extra_label, _init_disabled, _init_extra_disabled, _init_selectionMode, _init_extra_selectionMode, _init_embedded, _init_extra_embedded, _init_bordered, _init_extra_bordered, _init_changeEvent, _init_extra_changeEvent, _initProto],\n      c: [_RuiListbox, _initClass]\n    } = _applyDecs(this, [customElement(\"rui-listbox\")], [[prop({\n      ...multiValuePropOptions,\n      defaultValue: []\n    }), 0, \"value\"], [prop({\n      type: String,\n      defaultValue: \"\"\n    }), 0, \"label\"], [prop({\n      type: Boolean,\n      reflect: true,\n      defaultValue: false\n    }), 0, \"disabled\"], [[prop({\n      type: String,\n      attribute: \"selection-mode\",\n      defaultValue: \"single\"\n    }), bindTo({\n      selector: '[role=\"listbox\"]',\n      attr: \"aria-multiselectable\",\n      map: mode => mode === \"multiple\" ? \"true\" : void 0\n    })], 0, \"selectionMode\"], [prop({\n      type: Boolean,\n      reflect: true,\n      defaultValue: false\n    }), 0, \"embedded\"], [prop({\n      type: Boolean,\n      reflect: true\n    }), 0, \"bordered\"], [event({\n      name: \"rui-change\",\n      bubbles: true,\n      composed: true\n    }), 0, \"changeEvent\"], [onUpdated([\"value\", \"label\", \"disabled\", \"embedded\", \"selectionMode\"]), 2, \"onPropsUpdated\"], [onEvent({\n      selector: '[role=\"option\"]',\n      type: \"click\"\n    }), 2, \"onOptionClick\"], [onEvent({\n      selector: '[role=\"option\"]',\n      type: \"keydown\"\n    }), 2, \"onOptionKeydown\"]], 0, void 0, RadiantElement));\n  }\n  value = (_initProto(this), _init_value(this));\n  label = (_init_extra_value(this), _init_label(this));\n  disabled = (_init_extra_label(this), _init_disabled(this));\n  selectionMode = (_init_extra_disabled(this), _init_selectionMode(this));\n  embedded = (_init_extra_selectionMode(this), _init_embedded(this));\n  bordered = (_init_extra_embedded(this), _init_bordered(this));\n  changeEvent = (_init_extra_bordered(this), _init_changeEvent(this));\n  uid = (_init_extra_changeEvent(this), uniqueId(\"rui-listbox\"));\n  onConnected() {\n    this.syncLabel();\n    this.sync();\n  }\n  onPropsUpdated() {\n    this.syncLabel();\n    this.sync();\n  }\n  getOptions() {\n    return Array.from(this.querySelectorAll('[role=\"option\"]'));\n  }\n  syncLabel() {\n    if (this.embedded) return;\n    const list = this.querySelector('[role=\"listbox\"]');\n    if (!list) return;\n    if (!list.id) list.id = `${this.uid}-list`;\n    syncFieldLabel(this, list, {\n      controlId: list.id,\n      label: this.label,\n      labelId: `${this.uid}-label`\n    });\n  }\n  getSelectedValues() {\n    return this.value;\n  }\n  setSelectedValues(values) {\n    this.value = values;\n  }\n  tabIndexFor(option, tabStop) {\n    if (this.embedded) {\n      return -1;\n    }\n    return option === tabStop ? 0 : -1;\n  }\n  sync() {\n    const options = this.getOptions();\n    const selected = new Set(this.getSelectedValues());\n    const tabStop = options.find(option => selected.has(getListboxOptionValue(option))) ?? options[0];\n    for (const option of options) {\n      const isSelected = selected.has(getListboxOptionValue(option));\n      option.setAttribute(\"aria-selected\", String(isSelected));\n      option.tabIndex = this.tabIndexFor(option, tabStop);\n    }\n  }\n  select(option) {\n    if (this.disabled || option.getAttribute(\"aria-disabled\") === \"true\") return;\n    const value = getListboxOptionValue(option);\n    if (this.selectionMode === \"multiple\") {\n      const selected = new Set(this.getSelectedValues());\n      if (selected.has(value)) selected.delete(value);else selected.add(value);\n      this.setSelectedValues([...selected]);\n    } else {\n      this.setSelectedValues([value]);\n    }\n    this.sync();\n    this.changeEvent.emit({\n      value: this.value\n    });\n    option.focus();\n  }\n  onOptionClick(event2) {\n    if (this.embedded) {\n      return;\n    }\n    const option = event2.target.closest('[role=\"option\"]');\n    if (option && this.contains(option)) this.select(option);\n  }\n  onOptionKeydown(event2) {\n    if (this.embedded) {\n      return;\n    }\n    const options = this.getOptions();\n    const current = event2.target.closest('[role=\"option\"]');\n    if (!current) return;\n    if (event2.key === \"Enter\" || event2.key === \" \") {\n      event2.preventDefault();\n      this.select(current);\n      return;\n    }\n    const result = navigateRovingTabindex({\n      items: options,\n      current,\n      key: event2.key,\n      orientation: \"vertical\"\n    });\n    if (!result.handled) return;\n    event2.preventDefault();\n    if (this.selectionMode === \"multiple\") {\n      result.item.focus();\n      return;\n    }\n    this.select(result.item);\n  }\n  static {\n    _initClass();\n  }\n}\nexport { _RuiListbox as RuiListbox };", "export function applyRovingTabindex(items, activeIndex) {\n  items.forEach((item, index) => {\n    const next = index === activeIndex ? 0 : -1;\n    if (item.tabIndex !== next) {\n      item.tabIndex = next;\n    }\n  });\n}\nexport function focusRovingItem(items, index) {\n  if (!items.length) return null;\n  const next = Math.max(0, Math.min(items.length - 1, index));\n  applyRovingTabindex(items, next);\n  items[next]?.focus();\n  return items[next] ?? null;\n}\nfunction deltaForKey(key, orientation) {\n  if (key === \"Home\") return \"first\";\n  if (key === \"End\") return \"last\";\n  if (orientation === \"horizontal\") {\n    if (key === \"ArrowRight\") return \"next\";\n    if (key === \"ArrowLeft\") return \"prev\";\n    return null;\n  }\n  if (key === \"ArrowDown\") return \"next\";\n  if (key === \"ArrowUp\") return \"prev\";\n  return null;\n}\nexport function navigateRovingTabindex(options) {\n  const {\n    items,\n    current,\n    key,\n    orientation = \"horizontal\",\n    wrap = true\n  } = options;\n  if (!items.length || !current) return {\n    handled: false\n  };\n  const index = items.indexOf(current);\n  if (index < 0) return {\n    handled: false\n  };\n  const delta = deltaForKey(key, orientation);\n  if (!delta) return {\n    handled: false\n  };\n  let next = index;\n  if (delta === \"first\") next = 0;else if (delta === \"last\") next = items.length - 1;else if (delta === \"next\") next = wrap ? (index + 1) % items.length : Math.min(items.length - 1, index + 1);else next = wrap ? (index - 1 + items.length) % items.length : Math.max(0, index - 1);\n  const item = focusRovingItem(items, next);\n  if (!item) return {\n    handled: false\n  };\n  return {\n    handled: true,\n    index: next,\n    item\n  };\n}", "const CSS_SAFE_ID = /^[A-Za-z][A-Za-z0-9_-]*$/;\nexport function isCssSafeId(value) {\n  return CSS_SAFE_ID.test(value);\n}\nfunction cssSafePrefix(prefix) {\n  const trimmed = prefix.trim();\n  if (isCssSafeId(trimmed)) {\n    return trimmed;\n  }\n  const prefixed = `rui-${trimmed}`;\n  if (trimmed && isCssSafeId(prefixed)) {\n    return prefixed;\n  }\n  return \"rui\";\n}\nexport function uniqueId(prefix) {\n  const token = typeof crypto.randomUUID === \"function\" ? crypto.randomUUID().replace(/-/g, \"\") : Array.from(crypto.getRandomValues(new Uint8Array(16)), byte => byte.toString(16).padStart(2, \"0\")).join(\"\");\n  return `${cssSafePrefix(prefix)}-${token}`;\n}", "export function findAssociatedLabel(owner) {\n  const previous = owner.previousElementSibling;\n  if (previous?.tagName.toLowerCase() === \"label\") {\n    return previous;\n  }\n  return owner.parentElement?.querySelector(\"[data-rui-field-label]\") ?? null;\n}\nexport function bindVisibleLabel(label, control, options) {\n  if (!label.id) {\n    label.id = options.labelId;\n  }\n  if (!label.htmlFor) {\n    label.htmlFor = options.controlId;\n  }\n  control.setAttribute(\"aria-labelledby\", label.id);\n  control.removeAttribute(\"aria-label\");\n}\nexport function syncFieldLabel(owner, control, options) {\n  if (!control || control.hasAttribute(\"data-rui-field-managed\")) {\n    return;\n  }\n  const labelElement = findAssociatedLabel(owner);\n  if (labelElement) {\n    bindVisibleLabel(labelElement, control, options);\n    return;\n  }\n  if (options.label) {\n    control.setAttribute(\"aria-label\", options.label);\n    control.removeAttribute(\"aria-labelledby\");\n    return;\n  }\n  control.removeAttribute(\"aria-label\");\n  control.removeAttribute(\"aria-labelledby\");\n}", "const OPTION_INDICATOR_ATTR = \"data-listbox-option-indicator\";\nexport function getListboxOptionLabel(option) {\n  const label = option.getAttribute(\"data-label\");\n  if (label) {\n    return label;\n  }\n  return collectLabelText(option).trim();\n}\nexport function getListboxOptionValue(option) {\n  return option.getAttribute(\"data-value\") || getListboxOptionLabel(option);\n}\nfunction collectLabelText(node) {\n  if (isOptionIndicator(node)) {\n    return \"\";\n  }\n  if (node.nodeType === Node.TEXT_NODE) {\n    return node.textContent ?? \"\";\n  }\n  let text = \"\";\n  for (const child of node.childNodes) {\n    text += collectLabelText(child);\n  }\n  return text;\n}\nfunction isOptionIndicator(node) {\n  return node instanceof HTMLElement && node.hasAttribute(OPTION_INDICATOR_ATTR);\n}", "export function parseMultiValue(value) {\n  if (!value) {\n    return [];\n  }\n  return uniqueTrimmed(value.split(\",\"));\n}\nexport function serializeMultiValue(values) {\n  return values.join(\",\");\n}\nexport const multiValueTransform = {\n  fromAttribute: value => parseMultiValue(value),\n  toAttribute: values => values.length > 0 ? serializeMultiValue(values) : null,\n  fromProperty: value => {\n    if (Array.isArray(value)) {\n      return uniqueTrimmed(value.map(String));\n    }\n    if (typeof value === \"string\") {\n      return parseMultiValue(value);\n    }\n    return [];\n  }\n};\nexport const multiValuePropOptions = {\n  type: Array,\n  reflect: true,\n  transform: multiValueTransform\n};\nexport function parseViewValue(value) {\n  return multiValueTransform.fromProperty?.(value) ?? [];\n}\nfunction parseNumberArray(value) {\n  if (!value) {\n    return [];\n  }\n  return value.split(\",\").map(item => Number(item.trim())).filter(item => Number.isFinite(item));\n}\nfunction serializeNumberArray(values) {\n  return values.join(\",\");\n}\nexport const numberArrayTransform = {\n  fromAttribute: value => parseNumberArray(value),\n  toAttribute: values => values.length > 0 ? serializeNumberArray(values) : null,\n  fromProperty: value => {\n    if (Array.isArray(value)) {\n      return value.map(Number).filter(item => Number.isFinite(item));\n    }\n    if (typeof value === \"number\" && Number.isFinite(value)) {\n      return [value];\n    }\n    if (typeof value === \"string\") {\n      return parseNumberArray(value);\n    }\n    return [];\n  }\n};\nfunction uniqueTrimmed(values) {\n  return [...new Set(values.map(item => item.trim()).filter(Boolean))];\n}", "import { jsx, jsxs } from \"@ecopages/jsx/jsx-runtime\";\nimport { cx } from \"@/lib/cx\";\nimport { RuiIconCheck } from \"@/lib/icons\";\nimport { parseViewValue } from \"../shared/multi-value\";\nimport \"./listbox.script\";\nexport function RuiListboxOption({\n  value,\n  label,\n  children,\n  class: className,\n  disabled,\n  ...props\n}) {\n  return /* @__PURE__ */jsx(\"div\", {\n    ...props,\n    class: cx(\"rui-listbox__option\", className),\n    role: \"option\",\n    \"data-value\": value,\n    \"data-label\": label,\n    \"aria-disabled\": disabled ? \"true\" : void 0,\n    tabindex: -1,\n    children\n  });\n}\nexport function RuiListboxOptionIndicator({\n  children,\n  class: className,\n  ...props\n}) {\n  return /* @__PURE__ */jsx(\"span\", {\n    ...props,\n    \"data-listbox-option-indicator\": true,\n    \"aria-hidden\": \"true\",\n    class: cx(\"rui-listbox__option-indicator\", className),\n    children: children ?? /* @__PURE__ */jsx(RuiIconCheck, {})\n  });\n}\nfunction listboxIsBordered(embedded, bordered) {\n  if (bordered != null) {\n    return bordered;\n  }\n  return !embedded;\n}\nfunction ListboxShell({\n  bordered,\n  children,\n  disabled,\n  embedded,\n  label,\n  selectionMode = \"single\"\n}) {\n  return /* @__PURE__ */jsx(\"div\", {\n    class: cx(\"rui-listbox\", bordered && \"rui-listbox--bordered\"),\n    role: \"listbox\",\n    \"data-rui-control\": embedded ? void 0 : true,\n    \"data-rui-control-type\": embedded ? void 0 : \"text\",\n    \"aria-label\": label || void 0,\n    \"aria-disabled\": disabled ? \"true\" : void 0,\n    \"aria-multiselectable\": selectionMode === \"multiple\" ? \"true\" : void 0,\n    children\n  });\n}\nexport function RuiListbox({\n  options,\n  children,\n  value,\n  embedded,\n  bordered,\n  label,\n  disabled,\n  selectionMode = \"single\",\n  ...props\n}) {\n  const isBordered = listboxIsBordered(embedded, bordered);\n  const selectedValues = parseViewValue(value);\n  const selected = new Set(selectedValues);\n  return /* @__PURE__ */jsx(\"rui-listbox\", {\n    ...props,\n    value: selectedValues,\n    embedded,\n    bordered,\n    label,\n    disabled,\n    selectionMode,\n    children: /* @__PURE__ */jsx(ListboxShell, {\n      bordered: isBordered,\n      disabled,\n      embedded,\n      label,\n      selectionMode,\n      children: options != null ? options.map(option => /* @__PURE__ */jsxs(RuiListboxOption, {\n        value: option.value,\n        label: typeof option.label === \"string\" ? option.label : void 0,\n        disabled: option.disabled,\n        \"aria-selected\": selected.has(option.value) ? \"true\" : void 0,\n        children: [option.label, selectionMode === \"multiple\" ? /* @__PURE__ */jsx(RuiListboxOptionIndicator, {}) : null]\n      })) : children\n    })\n  });\n}", "export function cx(...parts) {\n  return parts.filter(Boolean).join(\" \");\n}", "import { jsx } from \"@ecopages/jsx/jsx-runtime\";\nimport { cx } from \"@/lib/cx\";\nexport function RuiIconCheck({\n  class: className,\n  size = \"sm\",\n  ...props\n}) {\n  return /* @__PURE__ */jsx(\"svg\", {\n    ...props,\n    class: cx(\"rui-icon\", size === \"md\" && \"rui-icon--md\", className),\n    viewBox: \"0 0 24 24\",\n    fill: \"none\",\n    stroke: \"currentColor\",\n    \"stroke-width\": \"2\",\n    \"stroke-linecap\": \"round\",\n    \"stroke-linejoin\": \"round\",\n    \"aria-hidden\": \"true\",\n    children: /* @__PURE__ */jsx(\"path\", {\n      d: \"m5 12 4 4L19 6\"\n    })\n  });\n}"],
+  "mappings": "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",
+  "names": ["RadiantElement", "bindTo", "customElement", "event", "onEvent", "onUpdated", "prop", "applyRovingTabindex", "items", "activeIndex", "item", "index", "next", "focusRovingItem", "deltaForKey", "key", "orientation", "navigateRovingTabindex", "options", "current", "wrap", "delta", "CSS_SAFE_ID", "isCssSafeId", "value", "cssSafePrefix", "prefix", "trimmed", "prefixed", "uniqueId", "token", "byte", "findAssociatedLabel", "owner", "previous", "bindVisibleLabel", "label", "control", "options", "syncFieldLabel", "labelElement", "OPTION_INDICATOR_ATTR", "getListboxOptionLabel", "option", "label", "collectLabelText", "getListboxOptionValue", "node", "isOptionIndicator", "text", "child", "parseMultiValue", "value", "uniqueTrimmed", "serializeMultiValue", "values", "multiValueTransform", "multiValuePropOptions", "parseViewValue", "uniqueTrimmed", "values", "item", "_initProto", "_initClass", "_init_value", "_init_extra_value", "_init_label", "_init_extra_label", "_init_disabled", "_init_extra_disabled", "_init_selectionMode", "_init_extra_selectionMode", "_init_embedded", "_init_extra_embedded", "_init_bordered", "_init_extra_bordered", "_init_changeEvent", "_init_extra_changeEvent", "_applyDecs", "n", "r", "o", "i", "a", "c", "u", "s", "f", "l", "p", "d", "m", "h", "y", "v", "g", "t", "b", "e", "applyDec", "w", "D", "S", "j", "E", "I", "P", "k", "F", "_setFunctionName", "N", "O", "T", "z", "A", "H", "_toPropertyKey", "_checkInRHS", "_toPrimitive", "_RuiListbox", "RuiListbox", "RadiantElement", "customElement", "prop", "multiValuePropOptions", "bindTo", "mode", "event", "onUpdated", "onEvent", "uniqueId", "list", "syncFieldLabel", "values", "option", "tabStop", "options", "selected", "getListboxOptionValue", "isSelected", "value", "event2", "current", "result", "navigateRovingTabindex", "jsx", "jsxs", "cx", "parts", "jsx", "RuiIconCheck", "className", "size", "props", "jsx", "cx", "RuiListboxOption", "value", "label", "children", "className", "disabled", "props", "jsx", "cx", "RuiListboxOptionIndicator", "RuiIconCheck", "listboxIsBordered", "embedded", "bordered", "ListboxShell", "selectionMode", "RuiListbox", "options", "isBordered", "selectedValues", "parseViewValue", "selected", "option", "jsxs"]
 }

package/dist/components/ui/listbox/listbox.css

@@ -55,6 +55,20 @@ rui-listbox {
     }
     --tw-ring-inset: inset;
   }
+  .rui-listbox__option:has([data-listbox-option-indicator]) {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--spacing-2, var(--space-2));
+  }
+  .rui-listbox__option-indicator {
+    display: none;
+    flex-shrink: 0;
+  }
+  .rui-listbox__option[aria-selected='true'] .rui-listbox__option-indicator {
+    display: inline-flex;
+    color: var(--color-on-primary, var(--on-primary));
+  }
   .rui-listbox__option:focus-visible {
     background-color: var(--color-surface-container, var(--surface-container));
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);

package/dist/components/ui/listbox/listbox.d.ts

@@ -7,16 +7,30 @@ export type RuiListboxOptionProps = JsxElementProps<HTMLDivElement> & {
     label?: string;
     disabled?: boolean;
 };
-/** Option placed inside `RuiListbox`.
+/** Option placed inside `RuiListbox`. Stamps `[role="option"]`, `data-value`, and optional `data-label`.
  *
  * @cssclass rui-listbox__option - Selectable list option.
  */
 export declare function RuiListboxOption({ value, label, children, class: className, disabled, ...props }: RuiListboxOptionProps): JsxRenderable;
+export type RuiListboxOptionIndicatorProps = JsxElementProps<HTMLSpanElement>;
+/**
+ * Decorative selected-state indicator within `RuiListboxOption`.
+ *
+ * Supply children to replace the default check icon. The listbox owns visibility
+ * through the option's `aria-selected` state.
+ *
+ * @cssclass rui-listbox__option-indicator - Selected-state indicator.
+ */
+export declare function RuiListboxOptionIndicator({ children, class: className, ...props }: RuiListboxOptionIndicatorProps): JsxRenderable;
 export type RuiListboxOptionData = {
     value: string;
     label: JsxRenderable;
     disabled?: boolean;
 };
-export declare function RuiListbox({ options, children, embedded, bordered, label, disabled, ...props }: JsxCustomElementAttributes<RuiListboxElement, RuiListboxProps & {
+/**
+ * Listbox with an `options` convenience API or composed children. Stamps
+ * `<rui-listbox>` and a `[role="listbox"]` shell via `ListboxShell`.
+ */
+export declare function RuiListbox({ options, children, value, embedded, bordered, label, disabled, selectionMode, ...props }: JsxCustomElementAttributes<RuiListboxElement, RuiListboxProps & {
     options?: RuiListboxOptionData[];
 }>): JsxRenderable;