@vertz/ui-primitives 0.2.22 → 0.2.23

package/dist/shared/chunk-ajpj10z0.js

@@ -1,282 +0,0 @@
-import {
-  createDismiss
-} from "./chunk-a6wp8c32.js";
-import {
-  createFloatingPosition
-} from "./chunk-0mcr52hc.js";
-import {
-  Keys,
-  handleListNavigation,
-  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/select/select.tsx
-import { __element, __enterChildren, __exitChildren, __insert, __on } from "@vertz/ui/internals";
-import { signal } from "@vertz/ui";
-function SelectRoot(options = {}) {
-  const { defaultValue = "", placeholder = "", onValueChange, positioning, ...attrs } = options;
-  const ids = linkedIds("select");
-  const state = {
-    open: signal(false),
-    value: signal(defaultValue),
-    activeIndex: signal(-1)
-  };
-  const items = [];
-  let floatingCleanup = null;
-  let dismissCleanup = null;
-  function updateActiveItem(index) {
-    for (let i = 0;i < items.length; i++) {
-      items[i]?.setAttribute("tabindex", i === index ? "0" : "-1");
-    }
-  }
-  function selectItem(value) {
-    state.value.value = value;
-    for (const item of items) {
-      const isActive = item.getAttribute("data-value") === value;
-      setSelected(item, isActive);
-      setDataState(item, isActive ? "active" : "inactive");
-      if (isActive) {
-        triggerText.textContent = item.textContent ?? value;
-      }
-    }
-    onValueChange?.(value);
-    close();
-  }
-  function open() {
-    state.open.value = true;
-    setExpanded(trigger, true);
-    setHidden(content, false);
-    setDataState(trigger, "open");
-    setDataState(content, "open");
-    if (positioning) {
-      const result = createFloatingPosition(trigger, content, positioning);
-      floatingCleanup = result.cleanup;
-      dismissCleanup = createDismiss({
-        onDismiss: close,
-        insideElements: [trigger, content],
-        escapeKey: false
-      });
-    } else {
-      const rect = trigger.getBoundingClientRect();
-      const side = window.innerHeight - rect.bottom >= rect.top ? "bottom" : "top";
-      content.setAttribute("data-side", side);
-    }
-    const selectedIdx = items.findIndex((item) => item.getAttribute("data-value") === state.value.peek());
-    if (selectedIdx >= 0) {
-      state.activeIndex.value = selectedIdx;
-      updateActiveItem(selectedIdx);
-      items[selectedIdx]?.focus();
-    } else {
-      state.activeIndex.value = -1;
-      updateActiveItem(-1);
-      content.focus();
-    }
-  }
-  function close() {
-    state.open.value = false;
-    setExpanded(trigger, false);
-    setDataState(trigger, "closed");
-    setDataState(content, "closed");
-    setHiddenAnimated(content, true);
-    floatingCleanup?.();
-    floatingCleanup = null;
-    dismissCleanup?.();
-    dismissCleanup = null;
-    trigger.focus();
-  }
-  const triggerText = (() => {
-    const __el0 = __element("span");
-    __el0.setAttribute("data-part", "value");
-    __enterChildren(__el0);
-    __insert(__el0, defaultValue || placeholder);
-    __exitChildren();
-    return __el0;
-  })();
-  const trigger = (() => {
-    const __el1 = __element("button");
-    __el1.setAttribute("type", "button");
-    __el1.setAttribute("role", "combobox");
-    {
-      const __v = ids.triggerId;
-      if (__v != null && __v !== false)
-        __el1.setAttribute("id", __v === true ? "" : __v);
-    }
-    {
-      const __v = ids.contentId;
-      if (__v != null && __v !== false)
-        __el1.setAttribute("aria-controls", __v === true ? "" : __v);
-    }
-    __el1.setAttribute("aria-haspopup", "listbox");
-    __el1.setAttribute("aria-expanded", "false");
-    __el1.setAttribute("data-state", "closed");
-    __on(__el1, "click", () => {
-      if (state.open.peek()) {
-        close();
-      } else {
-        open();
-      }
-    });
-    __on(__el1, "keydown", (event) => {
-      if (isKey(event, Keys.ArrowDown, Keys.ArrowUp, Keys.Enter, Keys.Space)) {
-        event.preventDefault();
-        if (!state.open.peek()) {
-          open();
-        }
-      }
-    });
-    __enterChildren(__el1);
-    __insert(__el1, triggerText);
-    __exitChildren();
-    return __el1;
-  })();
-  const content = (() => {
-    const __el2 = __element("div");
-    __el2.setAttribute("role", "listbox");
-    __el2.setAttribute("tabindex", "-1");
-    {
-      const __v = ids.contentId;
-      if (__v != null && __v !== false)
-        __el2.setAttribute("id", __v === true ? "" : __v);
-    }
-    __el2.setAttribute("aria-hidden", "true");
-    __el2.setAttribute("data-state", "closed");
-    __el2.setAttribute("style", "display: none");
-    __on(__el2, "keydown", (event) => {
-      if (isKey(event, Keys.Escape)) {
-        event.preventDefault();
-        close();
-        return;
-      }
-      if (isKey(event, Keys.Enter, Keys.Space)) {
-        event.preventDefault();
-        const active = items[state.activeIndex.peek()];
-        if (active) {
-          const val = active.getAttribute("data-value");
-          if (val !== null)
-            selectItem(val);
-        }
-        return;
-      }
-      if (state.activeIndex.peek() === -1) {
-        if (isKey(event, Keys.ArrowDown)) {
-          event.preventDefault();
-          state.activeIndex.value = 0;
-          updateActiveItem(0);
-          items[0]?.focus();
-          return;
-        }
-        if (isKey(event, Keys.ArrowUp)) {
-          event.preventDefault();
-          const last = items.length - 1;
-          state.activeIndex.value = last;
-          updateActiveItem(last);
-          items[last]?.focus();
-          return;
-        }
-      }
-      const result = handleListNavigation(event, items, { orientation: "vertical" });
-      if (result) {
-        const idx = items.indexOf(result);
-        if (idx >= 0) {
-          state.activeIndex.value = idx;
-          updateActiveItem(idx);
-        }
-        return;
-      }
-      if (event.key.length === 1 && !event.ctrlKey && !event.metaKey && !event.altKey) {
-        const char = event.key.toLowerCase();
-        const match = items.find((item) => item.textContent?.toLowerCase().startsWith(char));
-        if (match) {
-          const idx = items.indexOf(match);
-          state.activeIndex.value = idx;
-          updateActiveItem(idx);
-          match.focus();
-        }
-      }
-    });
-    return __el2;
-  })();
-  function createItem(value, label, parent) {
-    const isSelectedItem = value === defaultValue;
-    const item = (() => {
-      const __el3 = __element("div");
-      __el3.setAttribute("role", "option");
-      {
-        const __v = value;
-        if (__v != null && __v !== false)
-          __el3.setAttribute("data-value", __v === true ? "" : __v);
-      }
-      __el3.setAttribute("tabindex", "-1");
-      {
-        const __v = isSelectedItem ? "true" : "false";
-        if (__v != null && __v !== false)
-          __el3.setAttribute("aria-selected", __v === true ? "" : __v);
-      }
-      {
-        const __v = isSelectedItem ? "active" : "inactive";
-        if (__v != null && __v !== false)
-          __el3.setAttribute("data-state", __v === true ? "" : __v);
-      }
-      __on(__el3, "click", () => selectItem(value));
-      __enterChildren(__el3);
-      __insert(__el3, label ?? value);
-      __exitChildren();
-      return __el3;
-    })();
-    if (isSelectedItem) {
-      triggerText.textContent = item.textContent ?? value;
-    }
-    items.push(item);
-    (parent ?? content).appendChild(item);
-    return item;
-  }
-  function Item(value, label) {
-    return createItem(value, label);
-  }
-  function Group(label) {
-    const el = (() => {
-      const __el4 = __element("div");
-      __el4.setAttribute("role", "group");
-      {
-        const __v = label;
-        if (__v != null && __v !== false)
-          __el4.setAttribute("aria-label", __v === true ? "" : __v);
-      }
-      return __el4;
-    })();
-    content.appendChild(el);
-    return {
-      el,
-      Item: (value, itemLabel) => createItem(value, itemLabel, el)
-    };
-  }
-  function Separator() {
-    const hr = (() => {
-      const __el5 = __element("hr");
-      __el5.setAttribute("role", "separator");
-      return __el5;
-    })();
-    content.appendChild(hr);
-    return hr;
-  }
-  applyAttrs(trigger, attrs);
-  return { trigger, content, state, Item, Group, Separator };
-}
-var Select = {
-  Root: SelectRoot
-};
-
-export { Select };

package/dist/shared/chunk-c46v0fsw.js

@@ -1,117 +0,0 @@
-import {
-  setDataState,
-  setExpanded,
-  setHidden,
-  setHiddenAnimated
-} from "./chunk-vevfhpc9.js";
-import {
-  linkedIds
-} from "./chunk-8y1jf6xr.js";
-import {
-  applyAttrs
-} from "./chunk-2db2dnp3.js";
-
-// src/collapsible/collapsible.tsx
-import { __element, __enterChildren, __exitChildren, __insert, __on, __styleStr } from "@vertz/ui/internals";
-import { signal } from "@vertz/ui";
-function CollapsibleRoot(options = {}) {
-  const { defaultOpen = false, disabled = false, onOpenChange, ...attrs } = options;
-  const ids = linkedIds("collapsible");
-  const state = {
-    open: signal(defaultOpen),
-    disabled: signal(disabled)
-  };
-  function toggle() {
-    if (state.disabled.peek())
-      return;
-    const next = !state.open.peek();
-    state.open.value = next;
-    if (next) {
-      setHidden(content, false);
-    }
-    const height = content.scrollHeight;
-    content.style.setProperty("--collapsible-content-height", `${height}px`);
-    setExpanded(trigger, next);
-    setDataState(trigger, next ? "open" : "closed");
-    setDataState(content, next ? "open" : "closed");
-    if (!next) {
-      setHiddenAnimated(content, true);
-    }
-    onOpenChange?.(next);
-  }
-  const trigger = (() => {
-    const __el0 = __element("button");
-    __el0.setAttribute("type", "button");
-    {
-      const __v = ids.triggerId;
-      if (__v != null && __v !== false)
-        __el0.setAttribute("id", __v === true ? "" : __v);
-    }
-    {
-      const __v = ids.contentId;
-      if (__v != null && __v !== false)
-        __el0.setAttribute("aria-controls", __v === true ? "" : __v);
-    }
-    {
-      const __v = defaultOpen ? "true" : "false";
-      if (__v != null && __v !== false)
-        __el0.setAttribute("aria-expanded", __v === true ? "" : __v);
-    }
-    {
-      const __v = defaultOpen ? "open" : "closed";
-      if (__v != null && __v !== false)
-        __el0.setAttribute("data-state", __v === true ? "" : __v);
-    }
-    {
-      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);
-    return __el0;
-  })();
-  const content = (() => {
-    const __el1 = __element("div");
-    {
-      const __v = ids.contentId;
-      if (__v != null && __v !== false)
-        __el1.setAttribute("id", __v === true ? "" : __v);
-    }
-    {
-      const __v = defaultOpen ? "false" : "true";
-      if (__v != null && __v !== false)
-        __el1.setAttribute("aria-hidden", __v === true ? "" : __v);
-    }
-    {
-      const __v = defaultOpen ? "open" : "closed";
-      if (__v != null && __v !== false)
-        __el1.setAttribute("data-state", __v === true ? "" : __v);
-    }
-    {
-      const __v = defaultOpen ? "" : "display: none";
-      if (__v != null && __v !== false)
-        __el1.setAttribute("style", typeof __v === "object" ? __styleStr(__v) : __v === true ? "" : String(__v));
-    }
-    return __el1;
-  })();
-  const root = (() => {
-    const __el2 = __element("div");
-    __enterChildren(__el2);
-    __insert(__el2, trigger);
-    __insert(__el2, content);
-    __exitChildren();
-    return __el2;
-  })();
-  applyAttrs(root, attrs);
-  return { root, trigger, content, state };
-}
-var Collapsible = {
-  Root: CollapsibleRoot
-};
-
-export { Collapsible };

package/dist/shared/chunk-e4mm5e59.js

@@ -1,178 +0,0 @@
-import {
-  Keys,
-  handleListNavigation,
-  isKey
-} from "./chunk-7867pr13.js";
-import {
-  setDataState,
-  setExpanded,
-  setHidden,
-  setHiddenAnimated
-} from "./chunk-vevfhpc9.js";
-import {
-  uniqueId
-} from "./chunk-8y1jf6xr.js";
-import {
-  applyAttrs
-} from "./chunk-2db2dnp3.js";
-
-// src/accordion/accordion.tsx
-import { __element, __enterChildren, __exitChildren, __insert, __on, __styleStr } from "@vertz/ui/internals";
-import { signal } from "@vertz/ui";
-function AccordionRoot(options = {}) {
-  const { multiple = false, defaultValue = [], onValueChange, ...attrs } = options;
-  const state = { value: signal([...defaultValue]) };
-  const triggers = [];
-  const itemMap = new Map;
-  function updateItemState(val, open) {
-    const entry = itemMap.get(val);
-    if (!entry)
-      return;
-    const { trigger: t, content: c } = entry;
-    if (open) {
-      setHidden(c, false);
-    }
-    const height = c.scrollHeight;
-    c.style.setProperty("--accordion-content-height", `${height}px`);
-    setExpanded(t, open);
-    setDataState(t, open ? "open" : "closed");
-    setDataState(c, open ? "open" : "closed");
-    if (!open) {
-      setHiddenAnimated(c, true);
-    }
-  }
-  function toggleItem(value) {
-    const prev = [...state.value.peek()];
-    const current = [...prev];
-    const idx = current.indexOf(value);
-    if (idx >= 0) {
-      current.splice(idx, 1);
-    } else {
-      if (multiple) {
-        current.push(value);
-      } else {
-        current.length = 0;
-        current.push(value);
-      }
-    }
-    state.value.value = current;
-    onValueChange?.(current);
-    for (const v of prev) {
-      if (!current.includes(v)) {
-        updateItemState(v, false);
-      }
-    }
-    for (const v of current) {
-      if (!prev.includes(v)) {
-        updateItemState(v, true);
-      }
-    }
-  }
-  const root = (() => {
-    const __el0 = __element("div");
-    __el0.setAttribute("data-orientation", "vertical");
-    __on(__el0, "keydown", (event) => {
-      if (isKey(event, Keys.ArrowUp, Keys.ArrowDown, Keys.Home, Keys.End)) {
-        handleListNavigation(event, triggers, { orientation: "vertical" });
-      }
-    });
-    return __el0;
-  })();
-  function Item(value) {
-    const baseId = uniqueId("accordion");
-    const triggerId = `${baseId}-trigger`;
-    const contentId = `${baseId}-content`;
-    const isOpen = state.value.peek().includes(value);
-    const trigger = (() => {
-      const __el1 = __element("button");
-      __el1.setAttribute("type", "button");
-      {
-        const __v = triggerId;
-        if (__v != null && __v !== false)
-          __el1.setAttribute("id", __v === true ? "" : __v);
-      }
-      {
-        const __v = contentId;
-        if (__v != null && __v !== false)
-          __el1.setAttribute("aria-controls", __v === true ? "" : __v);
-      }
-      {
-        const __v = value;
-        if (__v != null && __v !== false)
-          __el1.setAttribute("data-value", __v === true ? "" : __v);
-      }
-      {
-        const __v = isOpen ? "true" : "false";
-        if (__v != null && __v !== false)
-          __el1.setAttribute("aria-expanded", __v === true ? "" : __v);
-      }
-      {
-        const __v = isOpen ? "open" : "closed";
-        if (__v != null && __v !== false)
-          __el1.setAttribute("data-state", __v === true ? "" : __v);
-      }
-      __on(__el1, "click", () => toggleItem(value));
-      return __el1;
-    })();
-    const content = (() => {
-      const __el2 = __element("div");
-      __el2.setAttribute("role", "region");
-      {
-        const __v = contentId;
-        if (__v != null && __v !== false)
-          __el2.setAttribute("id", __v === true ? "" : __v);
-      }
-      {
-        const __v = triggerId;
-        if (__v != null && __v !== false)
-          __el2.setAttribute("aria-labelledby", __v === true ? "" : __v);
-      }
-      {
-        const __v = isOpen ? "false" : "true";
-        if (__v != null && __v !== false)
-          __el2.setAttribute("aria-hidden", __v === true ? "" : __v);
-      }
-      {
-        const __v = isOpen ? "open" : "closed";
-        if (__v != null && __v !== false)
-          __el2.setAttribute("data-state", __v === true ? "" : __v);
-      }
-      {
-        const __v = isOpen ? "" : "display: none";
-        if (__v != null && __v !== false)
-          __el2.setAttribute("style", typeof __v === "object" ? __styleStr(__v) : __v === true ? "" : String(__v));
-      }
-      return __el2;
-    })();
-    const item = (() => {
-      const __el3 = __element("div");
-      {
-        const __v = value;
-        if (__v != null && __v !== false)
-          __el3.setAttribute("data-value", __v === true ? "" : __v);
-      }
-      __enterChildren(__el3);
-      __insert(__el3, trigger);
-      __insert(__el3, content);
-      __exitChildren();
-      return __el3;
-    })();
-    itemMap.set(value, { trigger, content });
-    triggers.push(trigger);
-    root.appendChild(item);
-    if (isOpen) {
-      requestAnimationFrame(() => {
-        const height = content.scrollHeight;
-        content.style.setProperty("--accordion-content-height", `${height}px`);
-      });
-    }
-    return { item, trigger, content };
-  }
-  applyAttrs(root, attrs);
-  return { root, state, Item };
-}
-var Accordion = {
-  Root: AccordionRoot
-};
-
-export { Accordion };

package/dist/shared/chunk-fqa5bwn1.js

@@ -1,128 +0,0 @@
-import {
-  setRovingTabindex
-} from "./chunk-e2v1c9ex.js";
-import {
-  Keys,
-  handleListNavigation,
-  isKey
-} from "./chunk-7867pr13.js";
-import {
-  setDataState,
-  setPressed
-} from "./chunk-vevfhpc9.js";
-import {
-  applyAttrs
-} from "./chunk-2db2dnp3.js";
-
-// src/toggle-group/toggle-group.tsx
-import { __element, __on } from "@vertz/ui/internals";
-import { signal } from "@vertz/ui";
-function ToggleGroupRoot(options = {}) {
-  const {
-    type = "single",
-    defaultValue = [],
-    orientation = "horizontal",
-    disabled = false,
-    onValueChange,
-    ...attrs
-  } = options;
-  const state = {
-    value: signal([...defaultValue]),
-    disabled: signal(disabled)
-  };
-  const items = [];
-  function toggleValue(itemValue) {
-    if (state.disabled.peek())
-      return;
-    const current = [...state.value.peek()];
-    const idx = current.indexOf(itemValue);
-    if (type === "single") {
-      if (idx >= 0) {
-        current.length = 0;
-      } else {
-        current.length = 0;
-        current.push(itemValue);
-      }
-    } else {
-      if (idx >= 0) {
-        current.splice(idx, 1);
-      } else {
-        current.push(itemValue);
-      }
-    }
-    state.value.value = current;
-    onValueChange?.(current);
-    for (const item of items) {
-      const val = item.getAttribute("data-value") ?? "";
-      const isOn = current.includes(val);
-      setPressed(item, isOn);
-      setDataState(item, isOn ? "on" : "off");
-    }
-  }
-  const root = (() => {
-    const __el0 = __element("div");
-    __el0.setAttribute("role", "group");
-    {
-      const __v = orientation;
-      if (__v != null && __v !== false)
-        __el0.setAttribute("data-orientation", __v === true ? "" : __v);
-    }
-    __on(__el0, "keydown", (event) => {
-      if (isKey(event, Keys.ArrowLeft, Keys.ArrowRight, Keys.ArrowUp, Keys.ArrowDown, Keys.Home, Keys.End)) {
-        const result = handleListNavigation(event, items, { orientation });
-        if (result) {
-          const idx = items.indexOf(result);
-          if (idx >= 0) {
-            setRovingTabindex(items, idx);
-          }
-        }
-      }
-    });
-    return __el0;
-  })();
-  function Item(value) {
-    const isOn = state.value.peek().includes(value);
-    const item = (() => {
-      const __el1 = __element("button");
-      __el1.setAttribute("type", "button");
-      {
-        const __v = value;
-        if (__v != null && __v !== false)
-          __el1.setAttribute("data-value", __v === true ? "" : __v);
-      }
-      {
-        const __v = isOn ? "true" : "false";
-        if (__v != null && __v !== false)
-          __el1.setAttribute("aria-pressed", __v === true ? "" : __v);
-      }
-      {
-        const __v = isOn ? "on" : "off";
-        if (__v != null && __v !== false)
-          __el1.setAttribute("data-state", __v === true ? "" : __v);
-      }
-      {
-        const __v = state.disabled.peek();
-        if (__v != null && __v !== false)
-          __el1.setAttribute("disabled", __v === true ? "" : __v);
-      }
-      {
-        const __v = state.disabled.peek() ? "true" : undefined;
-        if (__v != null && __v !== false)
-          __el1.setAttribute("aria-disabled", __v === true ? "" : __v);
-      }
-      __on(__el1, "click", () => toggleValue(value));
-      return __el1;
-    })();
-    items.push(item);
-    setRovingTabindex(items, 0);
-    root.appendChild(item);
-    return item;
-  }
-  applyAttrs(root, attrs);
-  return { root, state, Item };
-}
-var ToggleGroup = {
-  Root: ToggleGroupRoot
-};
-
-export { ToggleGroup };