@vertz/ui-primitives 0.2.22 → 0.2.24

package/dist/shared/chunk-mqs4qq0b.js

@@ -1,46 +0,0 @@
-import {
-  handleActivation
-} from "./chunk-7867pr13.js";
-import {
-  applyAttrs
-} from "./chunk-2db2dnp3.js";
-
-// src/button/button.tsx
-import { __element, __on } from "@vertz/ui/internals";
-function ButtonRoot(options = {}) {
-  const { disabled = false, onClick, ...attrs } = options;
-  const el = (() => {
-    const __el0 = __element("button");
-    __el0.setAttribute("type", "button");
-    {
-      const __v = disabled;
-      if (__v != null && __v !== false)
-        __el0.setAttribute("disabled", __v === true ? "" : __v);
-    }
-    {
-      const __v = disabled ? "true" : undefined;
-      if (__v != null && __v !== false)
-        __el0.setAttribute("aria-disabled", __v === true ? "" : __v);
-    }
-    __on(__el0, "click", () => {
-      if (disabled)
-        return;
-      onClick?.();
-    });
-    __on(__el0, "keydown", (event) => {
-      if (disabled)
-        return;
-      handleActivation(event, () => {
-        event.target.click();
-      });
-    });
-    return __el0;
-  })();
-  applyAttrs(el, attrs);
-  return el;
-}
-var Button = {
-  Root: ButtonRoot
-};
-
-export { Button };

package/dist/shared/chunk-pg2yjn8f.js

@@ -1,88 +0,0 @@
-import {
-  setDataState
-} from "./chunk-vevfhpc9.js";
-import {
-  uniqueId
-} from "./chunk-8y1jf6xr.js";
-import {
-  applyAttrs
-} from "./chunk-2db2dnp3.js";
-
-// src/progress/progress.tsx
-import { __append, __element, __enterChildren, __exitChildren, __styleStr } from "@vertz/ui/internals";
-import { ref, signal } from "@vertz/ui";
-function dataStateFor(pct) {
-  if (pct >= 100)
-    return "complete";
-  if (pct > 0)
-    return "loading";
-  return "idle";
-}
-function ProgressBar(defaultValue, min, max, initialPct, indicatorRef) {
-  return (() => {
-    const __el0 = __element("div");
-    __el0.setAttribute("role", "progressbar");
-    {
-      const __v = uniqueId("progress");
-      if (__v != null && __v !== false)
-        __el0.setAttribute("id", __v === true ? "" : __v);
-    }
-    {
-      const __v = String(defaultValue);
-      if (__v != null && __v !== false)
-        __el0.setAttribute("aria-valuenow", __v === true ? "" : __v);
-    }
-    {
-      const __v = String(min);
-      if (__v != null && __v !== false)
-        __el0.setAttribute("aria-valuemin", __v === true ? "" : __v);
-    }
-    {
-      const __v = String(max);
-      if (__v != null && __v !== false)
-        __el0.setAttribute("aria-valuemax", __v === true ? "" : __v);
-    }
-    {
-      const __v = dataStateFor(initialPct);
-      if (__v != null && __v !== false)
-        __el0.setAttribute("data-state", __v === true ? "" : __v);
-    }
-    __enterChildren(__el0);
-    __append(__el0, (() => {
-      const __el1 = __element("div");
-      indicatorRef.current = __el1;
-      __el1.setAttribute("data-part", "indicator");
-      {
-        const __v = `width: ${initialPct}%`;
-        if (__v != null && __v !== false)
-          __el1.setAttribute("style", typeof __v === "object" ? __styleStr(__v) : __v === true ? "" : String(__v));
-      }
-      return __el1;
-    })());
-    __exitChildren();
-    return __el0;
-  })();
-}
-function ProgressRoot(options = {}) {
-  const { defaultValue = 0, min = 0, max = 100, ...attrs } = options;
-  const state = { value: signal(defaultValue) };
-  const indicatorRef = ref();
-  const initialPct = (defaultValue - min) / (max - min) * 100;
-  const root = ProgressBar(defaultValue, min, max, initialPct, indicatorRef);
-  const indicator = indicatorRef.current;
-  applyAttrs(root, attrs);
-  function setValue(val) {
-    const clamped = Math.min(max, Math.max(min, val));
-    state.value.value = clamped;
-    root.setAttribute("aria-valuenow", String(clamped));
-    const pct = (clamped - min) / (max - min) * 100;
-    indicator.style.width = `${pct}%`;
-    setDataState(root, dataStateFor(pct));
-  }
-  return { root, indicator, state, setValue };
-}
-var Progress = {
-  Root: ProgressRoot
-};
-
-export { Progress };

package/dist/shared/chunk-rb53v045.js

@@ -1,71 +0,0 @@
-import {
-  Keys,
-  isKey
-} from "./chunk-7867pr13.js";
-import {
-  uniqueId
-} from "./chunk-8y1jf6xr.js";
-import {
-  applyAttrs
-} from "./chunk-2db2dnp3.js";
-
-// src/checkbox/checkbox.tsx
-import { computed, signal } from "@vertz/ui";
-import { __attr, __element, __on } from "@vertz/ui/internals";
-function dataStateFor(checked) {
-  if (checked === "mixed")
-    return "indeterminate";
-  return checked ? "checked" : "unchecked";
-}
-function ariaCheckedFor(checked) {
-  if (checked === "mixed")
-    return "mixed";
-  return String(checked);
-}
-function CheckboxRoot(options = {}) {
-  const { defaultChecked = false, disabled = false, onCheckedChange, ...attrs } = options;
-  const checked = signal(defaultChecked, "checked");
-  function toggle() {
-    if (disabled)
-      return;
-    checked.value = checked.value === "mixed" ? true : !checked.value;
-    onCheckedChange?.(checked.value);
-  }
-  const el = computed(() => (() => {
-    const __el0 = __element("button");
-    __el0.setAttribute("type", "button");
-    __el0.setAttribute("role", "checkbox");
-    {
-      const __v = uniqueId("checkbox");
-      if (__v != null && __v !== false)
-        __el0.setAttribute("id", __v === true ? "" : __v);
-    }
-    __attr(__el0, "aria-checked", () => ariaCheckedFor(checked.value));
-    __attr(__el0, "data-state", () => dataStateFor(checked.value));
-    {
-      const __v = disabled;
-      if (__v != null && __v !== false)
-        __el0.setAttribute("disabled", __v === true ? "" : __v);
-    }
-    {
-      const __v = disabled ? "true" : undefined;
-      if (__v != null && __v !== false)
-        __el0.setAttribute("aria-disabled", __v === true ? "" : __v);
-    }
-    __on(__el0, "click", toggle);
-    __on(__el0, "keydown", (e) => {
-      if (isKey(e, Keys.Space)) {
-        e.preventDefault();
-        toggle();
-      }
-    });
-    return __el0;
-  })());
-  applyAttrs(el.value, attrs);
-  return el.value;
-}
-var Checkbox = {
-  Root: CheckboxRoot
-};
-
-export { Checkbox };

package/dist/shared/chunk-s6a2yph8.js

@@ -1,239 +0,0 @@
-import {
-  Keys,
-  isKey
-} from "./chunk-7867pr13.js";
-import {
-  setHidden
-} from "./chunk-vevfhpc9.js";
-import {
-  uniqueId
-} from "./chunk-8y1jf6xr.js";
-import {
-  applyAttrs
-} from "./chunk-2db2dnp3.js";
-
-// src/command/command.tsx
-import { __element, __enterChildren, __exitChildren, __insert, __on } from "@vertz/ui/internals";
-import { signal } from "@vertz/ui";
-function CommandRoot(options = {}) {
-  const { filter: customFilter, onSelect, onInputChange, placeholder, ...attrs } = options;
-  const listId = uniqueId("command-list");
-  const state = {
-    inputValue: signal(""),
-    activeIndex: signal(0)
-  };
-  const allItems = [];
-  const groups = new Map;
-  const defaultFilter = (value, search) => {
-    return value.toLowerCase().includes(search.toLowerCase());
-  };
-  const filterFn = customFilter ?? defaultFilter;
-  function getVisibleItems() {
-    return allItems.filter((item) => item.getAttribute("aria-hidden") !== "true");
-  }
-  function updateActiveItem() {
-    const visible = getVisibleItems();
-    const activeIdx = state.activeIndex.peek();
-    for (const item of allItems) {
-      item.setAttribute("aria-selected", "false");
-    }
-    if (visible.length > 0 && activeIdx >= 0 && activeIdx < visible.length) {
-      visible[activeIdx]?.setAttribute("aria-selected", "true");
-    }
-  }
-  function runFilter() {
-    const search = state.inputValue.peek();
-    let visibleCount = 0;
-    for (const item of allItems) {
-      const value = item.getAttribute("data-value") ?? "";
-      const text = item.textContent ?? "";
-      const keywords = item.getAttribute("data-keywords") ?? "";
-      const searchable = `${value} ${text} ${keywords}`;
-      const matches = search === "" || filterFn(searchable, search);
-      setHidden(item, !matches);
-      if (matches)
-        visibleCount++;
-    }
-    for (const [groupEl, group] of groups) {
-      const hasVisible = group.items.some((item) => item.getAttribute("aria-hidden") !== "true");
-      setHidden(group.heading, !hasVisible);
-      if (!hasVisible) {
-        groupEl.style.display = "none";
-      } else {
-        groupEl.style.display = "";
-      }
-    }
-    setHidden(empty, visibleCount > 0);
-    state.activeIndex.value = 0;
-    updateActiveItem();
-  }
-  const input = (() => {
-    const __el0 = __element("input");
-    __el0.setAttribute("type", "text");
-    __el0.setAttribute("role", "combobox");
-    __el0.setAttribute("aria-autocomplete", "list");
-    __el0.setAttribute("aria-expanded", "true");
-    {
-      const __v = listId;
-      if (__v != null && __v !== false)
-        __el0.setAttribute("aria-controls", __v === true ? "" : __v);
-    }
-    {
-      const __v = placeholder;
-      if (__v != null && __v !== false)
-        __el0.setAttribute("placeholder", __v === true ? "" : __v);
-    }
-    __on(__el0, "input", () => {
-      state.inputValue.value = input.value;
-      onInputChange?.(input.value);
-      runFilter();
-    });
-    __on(__el0, "keydown", (event) => {
-      const visible = getVisibleItems();
-      if (isKey(event, Keys.ArrowDown)) {
-        event.preventDefault();
-        const next = Math.min(state.activeIndex.peek() + 1, visible.length - 1);
-        state.activeIndex.value = next;
-        updateActiveItem();
-        return;
-      }
-      if (isKey(event, Keys.ArrowUp)) {
-        event.preventDefault();
-        const prev = Math.max(state.activeIndex.peek() - 1, 0);
-        state.activeIndex.value = prev;
-        updateActiveItem();
-        return;
-      }
-      if (isKey(event, Keys.Enter)) {
-        event.preventDefault();
-        const active = visible[state.activeIndex.peek()];
-        if (active) {
-          const val = active.getAttribute("data-value");
-          if (val !== null) {
-            onSelect?.(val);
-          }
-        }
-        return;
-      }
-      if (isKey(event, Keys.Escape)) {
-        event.preventDefault();
-        input.value = "";
-        state.inputValue.value = "";
-        onInputChange?.("");
-        runFilter();
-      }
-    });
-    return __el0;
-  })();
-  const list = (() => {
-    const __el1 = __element("div");
-    __el1.setAttribute("role", "listbox");
-    {
-      const __v = listId;
-      if (__v != null && __v !== false)
-        __el1.setAttribute("id", __v === true ? "" : __v);
-    }
-    return __el1;
-  })();
-  const empty = (() => {
-    const __el2 = __element("div");
-    __el2.setAttribute("aria-hidden", "true");
-    __el2.setAttribute("style", "display: none");
-    return __el2;
-  })();
-  const root = (() => {
-    const __el3 = __element("div");
-    __enterChildren(__el3);
-    __insert(__el3, input);
-    __insert(__el3, list);
-    __insert(__el3, empty);
-    __exitChildren();
-    return __el3;
-  })();
-  applyAttrs(root, attrs);
-  function createItem(value, label, keywords, parent) {
-    const item = (() => {
-      const __el4 = __element("div");
-      __el4.setAttribute("role", "option");
-      {
-        const __v = value;
-        if (__v != null && __v !== false)
-          __el4.setAttribute("data-value", __v === true ? "" : __v);
-      }
-      __el4.setAttribute("aria-selected", "false");
-      {
-        const __v = keywords && keywords.length > 0 ? keywords.join(" ") : undefined;
-        if (__v != null && __v !== false)
-          __el4.setAttribute("data-keywords", __v === true ? "" : __v);
-      }
-      __on(__el4, "click", () => {
-        onSelect?.(value);
-      });
-      __enterChildren(__el4);
-      __insert(__el4, label ?? value);
-      __exitChildren();
-      return __el4;
-    })();
-    allItems.push(item);
-    (parent ?? list).appendChild(item);
-    updateActiveItem();
-    return item;
-  }
-  function Item(value, label, keywords) {
-    return createItem(value, label, keywords);
-  }
-  function Group(label) {
-    const headingId = uniqueId("command-group");
-    const heading = (() => {
-      const __el5 = __element("div");
-      {
-        const __v = headingId;
-        if (__v != null && __v !== false)
-          __el5.setAttribute("id", __v === true ? "" : __v);
-      }
-      __enterChildren(__el5);
-      __insert(__el5, label);
-      __exitChildren();
-      return __el5;
-    })();
-    const el = (() => {
-      const __el6 = __element("div");
-      __el6.setAttribute("role", "group");
-      {
-        const __v = headingId;
-        if (__v != null && __v !== false)
-          __el6.setAttribute("aria-labelledby", __v === true ? "" : __v);
-      }
-      __enterChildren(__el6);
-      __insert(__el6, heading);
-      __exitChildren();
-      return __el6;
-    })();
-    const groupItems = [];
-    groups.set(el, { heading, items: groupItems });
-    list.appendChild(el);
-    return {
-      el,
-      Item: (value, itemLabel, keywords) => {
-        const item = createItem(value, itemLabel, keywords, el);
-        groupItems.push(item);
-        return item;
-      }
-    };
-  }
-  function Separator() {
-    const hr = (() => {
-      const __el7 = __element("hr");
-      __el7.setAttribute("role", "separator");
-      return __el7;
-    })();
-    list.appendChild(hr);
-    return hr;
-  }
-  return { root, input, list, empty, state, Item, Group, Separator };
-}
-var Command = {
-  Root: CommandRoot
-};
-
-export { Command };

package/dist/shared/chunk-vhx3sqw6.js

@@ -1,196 +0,0 @@
-import {
-  Keys,
-  isKey
-} from "./chunk-7867pr13.js";
-import {
-  setDataState,
-  setExpanded,
-  setHidden,
-  setHiddenAnimated,
-  setSelected
-} from "./chunk-vevfhpc9.js";
-import {
-  linkedIds
-} from "./chunk-8y1jf6xr.js";
-import {
-  applyAttrs
-} from "./chunk-2db2dnp3.js";
-
-// src/combobox/combobox.tsx
-import { __element, __enterChildren, __exitChildren, __insert, __on } from "@vertz/ui/internals";
-import { signal } from "@vertz/ui";
-function ComboboxRoot(options = {}) {
-  const { defaultValue = "", onValueChange, onInputChange, ...attrs } = options;
-  const ids = linkedIds("combobox");
-  const state = {
-    open: signal(false),
-    value: signal(defaultValue),
-    inputValue: signal(defaultValue),
-    activeIndex: signal(-1)
-  };
-  const optionElements = [];
-  function open() {
-    state.open.value = true;
-    setExpanded(input, true);
-    setHidden(listbox, false);
-    setDataState(listbox, "open");
-  }
-  function close() {
-    state.open.value = false;
-    state.activeIndex.value = -1;
-    setExpanded(input, false);
-    setDataState(listbox, "closed");
-    setHiddenAnimated(listbox, true);
-    updateActiveDescendant(-1);
-  }
-  function selectOption(value) {
-    state.value.value = value;
-    state.inputValue.value = value;
-    input.value = value;
-    for (const opt of optionElements) {
-      const isActive = opt.getAttribute("data-value") === value;
-      setSelected(opt, isActive);
-      setDataState(opt, isActive ? "active" : "inactive");
-    }
-    onValueChange?.(value);
-    close();
-    input.focus();
-  }
-  function updateActiveDescendant(index) {
-    const opt = optionElements[index];
-    if (index >= 0 && opt) {
-      input.setAttribute("aria-activedescendant", opt.id);
-      for (let i = 0;i < optionElements.length; i++) {
-        const el = optionElements[i];
-        if (el)
-          setDataState(el, i === index ? "active" : "inactive");
-      }
-    } else {
-      input.removeAttribute("aria-activedescendant");
-    }
-  }
-  const input = (() => {
-    const __el0 = __element("input");
-    __el0.setAttribute("type", "text");
-    __el0.setAttribute("role", "combobox");
-    __el0.setAttribute("aria-autocomplete", "list");
-    {
-      const __v = ids.contentId;
-      if (__v != null && __v !== false)
-        __el0.setAttribute("aria-controls", __v === true ? "" : __v);
-    }
-    __el0.setAttribute("aria-haspopup", "listbox");
-    {
-      const __v = ids.triggerId;
-      if (__v != null && __v !== false)
-        __el0.setAttribute("id", __v === true ? "" : __v);
-    }
-    {
-      const __v = defaultValue;
-      if (__v != null && __v !== false)
-        __el0.setAttribute("value", __v === true ? "" : __v);
-    }
-    __el0.setAttribute("aria-expanded", "false");
-    __on(__el0, "input", () => {
-      state.inputValue.value = input.value;
-      onInputChange?.(input.value);
-      if (!state.open.peek())
-        open();
-    });
-    __on(__el0, "focus", () => {
-      if (!state.open.peek() && input.value.length > 0)
-        open();
-    });
-    __on(__el0, "keydown", (event) => {
-      if (isKey(event, Keys.Escape)) {
-        event.preventDefault();
-        close();
-        return;
-      }
-      if (isKey(event, Keys.ArrowDown)) {
-        event.preventDefault();
-        if (!state.open.peek()) {
-          open();
-        }
-        const next = Math.min(state.activeIndex.peek() + 1, optionElements.length - 1);
-        state.activeIndex.value = next;
-        updateActiveDescendant(next);
-        return;
-      }
-      if (isKey(event, Keys.ArrowUp)) {
-        event.preventDefault();
-        const prev = Math.max(state.activeIndex.peek() - 1, 0);
-        state.activeIndex.value = prev;
-        updateActiveDescendant(prev);
-        return;
-      }
-      if (isKey(event, Keys.Enter)) {
-        event.preventDefault();
-        const idx = state.activeIndex.peek();
-        if (idx >= 0 && idx < optionElements.length) {
-          const val = optionElements[idx]?.getAttribute("data-value");
-          if (val != null)
-            selectOption(val);
-        }
-        return;
-      }
-    });
-    return __el0;
-  })();
-  const listbox = (() => {
-    const __el1 = __element("div");
-    __el1.setAttribute("role", "listbox");
-    {
-      const __v = ids.contentId;
-      if (__v != null && __v !== false)
-        __el1.setAttribute("id", __v === true ? "" : __v);
-    }
-    __el1.setAttribute("aria-hidden", "true");
-    __el1.setAttribute("data-state", "closed");
-    __el1.setAttribute("style", "display: none");
-    return __el1;
-  })();
-  function Option(value, label) {
-    const optId = `${ids.contentId}-opt-${optionElements.length}`;
-    const isSelectedOpt = value === defaultValue;
-    const opt = (() => {
-      const __el2 = __element("div");
-      __el2.setAttribute("role", "option");
-      {
-        const __v = optId;
-        if (__v != null && __v !== false)
-          __el2.setAttribute("id", __v === true ? "" : __v);
-      }
-      {
-        const __v = value;
-        if (__v != null && __v !== false)
-          __el2.setAttribute("data-value", __v === true ? "" : __v);
-      }
-      {
-        const __v = isSelectedOpt ? "true" : "false";
-        if (__v != null && __v !== false)
-          __el2.setAttribute("aria-selected", __v === true ? "" : __v);
-      }
-      {
-        const __v = isSelectedOpt ? "active" : "inactive";
-        if (__v != null && __v !== false)
-          __el2.setAttribute("data-state", __v === true ? "" : __v);
-      }
-      __on(__el2, "click", () => selectOption(value));
-      __enterChildren(__el2);
-      __insert(__el2, label ?? value);
-      __exitChildren();
-      return __el2;
-    })();
-    optionElements.push(opt);
-    listbox.appendChild(opt);
-    return opt;
-  }
-  applyAttrs(input, attrs);
-  return { input, listbox, state, Option };
-}
-var Combobox = {
-  Root: ComboboxRoot
-};
-
-export { Combobox };