@vertz/ui-primitives 0.2.41 → 0.2.43

package/dist/shared/chunk-yzgzx2dh.js

@@ -1,311 +0,0 @@
-import {
-  cn
-} from "./chunk-q7xbcj9q.js";
-import {
-  linkedIds
-} from "./chunk-8y1jf6xr.js";
-import {
-  Keys,
-  isKey
-} from "./chunk-7867pr13.js";
-import {
-  setHiddenAnimated
-} from "./chunk-vevfhpc9.js";
-
-// src/combobox/combobox-composed.tsx
-import { computed } from "@vertz/ui";
-import { __append, __attr, __child, __discardMountFrame, __element, __enterChildren, __exitChildren, __flushMountFrame, __on, __pushMountFrame, __styleStr } from "@vertz/ui/internals";
-import { createContext, ref, useContext } from "@vertz/ui";
-var ComboboxContext = createContext(undefined, "@vertz/ui-primitives::ComboboxContext");
-function useComboboxContext(componentName) {
-  const ctx = useContext(ComboboxContext);
-  if (!ctx) {
-    throw new Error(`<Combobox.${componentName}> must be used inside <ComposedCombobox>. ` + "Ensure it is a direct or nested child of the ComposedCombobox root component.");
-  }
-  return ctx;
-}
-function ComboboxInput(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const ctx = useComboboxContext("Input");
-    const __mfResult0 = (() => {
-      const __el0 = __element("input");
-      ctx.inputRef.current = __el0;
-      __el0.setAttribute("type", "text");
-      __el0.setAttribute("role", "combobox");
-      __el0.setAttribute("data-combobox-input", "");
-      __el0.setAttribute("aria-autocomplete", "list");
-      {
-        const __v = ctx.contentId;
-        if (__v != null && __v !== false)
-          __el0.setAttribute("aria-controls", __v === true ? "" : __v);
-      }
-      __el0.setAttribute("aria-haspopup", "listbox");
-      __el0.setAttribute("aria-expanded", "false");
-      {
-        const __v = ctx.selectedValue();
-        if (__v != null)
-          __el0.value = __v;
-      }
-      __attr(__el0, "class", () => cn(ctx.classes?.input, __props.className ?? __props.class));
-      __on(__el0, "input", () => {
-        const inputEl = ctx.inputRef.current;
-        if (!inputEl)
-          return;
-        if (!ctx.isOpen())
-          ctx.open();
-      });
-      __on(__el0, "focus", () => {
-        const inputEl = ctx.inputRef.current;
-        if (!inputEl)
-          return;
-        if (!ctx.isOpen() && inputEl.value.length > 0)
-          ctx.open();
-      });
-      __on(__el0, "keydown", (event) => {
-        if (isKey(event, Keys.Escape)) {
-          event.preventDefault();
-          ctx.close();
-          return;
-        }
-        if (isKey(event, Keys.ArrowDown)) {
-          event.preventDefault();
-          if (!ctx.isOpen()) {
-            ctx.open();
-          }
-          const contentEl = ctx.contentRef.current;
-          if (!contentEl)
-            return;
-          const options = [...contentEl.querySelectorAll('[role="option"]')];
-          const next = Math.min(ctx.activeIndex() + 1, options.length - 1);
-          ctx.setActiveIndex(next);
-          ctx.updateActiveDescendant(next);
-          return;
-        }
-        if (isKey(event, Keys.ArrowUp)) {
-          event.preventDefault();
-          const prev = Math.max(ctx.activeIndex() - 1, 0);
-          ctx.setActiveIndex(prev);
-          ctx.updateActiveDescendant(prev);
-          return;
-        }
-        if (isKey(event, Keys.Enter)) {
-          event.preventDefault();
-          const idx = ctx.activeIndex();
-          const contentEl = ctx.contentRef.current;
-          if (!contentEl)
-            return;
-          const options = [...contentEl.querySelectorAll('[role="option"]')];
-          if (idx >= 0 && idx < options.length) {
-            const val = options[idx]?.getAttribute("data-value");
-            if (val != null)
-              ctx.selectOption(val);
-          }
-          return;
-        }
-      });
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function ComboboxContent(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const ctx = useComboboxContext("Content");
-    const instanceIndex = ctx._contentCount.value++;
-    if (instanceIndex > 0) {
-      console.warn("Duplicate <Combobox.Content> detected – only the first is used");
-    }
-    const __mfResult0 = (() => {
-      const __el0 = __element("div");
-      ctx.contentRef.current = __el0;
-      __el0.setAttribute("role", "listbox");
-      {
-        const __v = ctx.contentId;
-        if (__v != null && __v !== false)
-          __el0.setAttribute("id", __v === true ? "" : __v);
-      }
-      __el0.setAttribute("data-combobox-content", "");
-      __el0.setAttribute("aria-hidden", "true");
-      __el0.setAttribute("data-state", "closed");
-      {
-        const __v = { display: "none" };
-        if (__v != null && __v !== false)
-          __el0.setAttribute("style", typeof __v === "object" ? __styleStr(__v) : __v === true ? "" : String(__v));
-      }
-      __attr(__el0, "class", () => cn(ctx.classes?.content, __props.className ?? __props.class));
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function ComboboxOption(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const ctx = useComboboxContext("Option");
-    const isSelected = computed(() => ctx.selectedValue() === __props.value);
-    const optId = computed(() => `${ctx.contentId}-opt-${__props.value}`);
-    const __mfResult0 = (() => {
-      const __el0 = __element("div");
-      __el0.setAttribute("role", "option");
-      __attr(__el0, "id", () => optId.value);
-      __el0.setAttribute("data-combobox-option", "");
-      __attr(__el0, "data-value", () => __props.value);
-      __attr(__el0, "aria-selected", () => isSelected.value ? "true" : "false");
-      __attr(__el0, "data-state", () => isSelected.value ? "active" : "inactive");
-      __attr(__el0, "class", () => cn(ctx.classes?.option, __props.className ?? __props.class));
-      __on(__el0, "click", () => ctx.selectOption(__props.value));
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children ?? __props.value));
-      __exitChildren();
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function ComposedComboboxRoot(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    let getInputEl = function() {
-      return inputRef.current ?? null;
-    }, getContentEl = function() {
-      return contentRef.current ?? null;
-    }, open = function() {
-      state.isOpen = true;
-      const inputEl = getInputEl();
-      const contentEl = getContentEl();
-      if (inputEl) {
-        inputEl.setAttribute("aria-expanded", "true");
-      }
-      if (contentEl) {
-        contentEl.setAttribute("data-state", "open");
-        contentEl.setAttribute("aria-hidden", "false");
-        contentEl.style.display = "";
-      }
-    }, close = function() {
-      state.isOpen = false;
-      state.activeIndex = -1;
-      const inputEl = getInputEl();
-      const contentEl = getContentEl();
-      if (inputEl) {
-        inputEl.setAttribute("aria-expanded", "false");
-        inputEl.removeAttribute("aria-activedescendant");
-      }
-      if (contentEl) {
-        contentEl.setAttribute("data-state", "closed");
-        setHiddenAnimated(contentEl, true);
-      }
-    }, selectOption = function(value) {
-      state.selectedValue = value;
-      const inputEl = getInputEl();
-      if (inputEl) {
-        inputEl.value = value;
-      }
-      const contentEl = getContentEl();
-      if (contentEl) {
-        const options = contentEl.querySelectorAll('[role="option"]');
-        for (const opt of options) {
-          const isActive = opt.getAttribute("data-value") === value;
-          opt.setAttribute("aria-selected", isActive ? "true" : "false");
-          opt.setAttribute("data-state", isActive ? "active" : "inactive");
-        }
-      }
-      __props.onValueChange?.(value);
-      close();
-      inputEl?.focus();
-    }, updateActiveDescendant = function(index) {
-      const inputEl = getInputEl();
-      const contentEl = getContentEl();
-      if (!inputEl || !contentEl)
-        return;
-      const options = [...contentEl.querySelectorAll('[role="option"]')];
-      const opt = options[index];
-      if (index >= 0 && opt) {
-        inputEl.setAttribute("aria-activedescendant", opt.id);
-        for (let i = 0;i < options.length; i++) {
-          const el = options[i];
-          if (el)
-            el.setAttribute("data-state", i === index ? "active" : "inactive");
-        }
-      } else {
-        inputEl.removeAttribute("aria-activedescendant");
-      }
-    };
-    const ids = linkedIds("combobox");
-    const inputRef = ref();
-    const contentRef = ref();
-    const state = {
-      isOpen: false,
-      selectedValue: __props.defaultValue ?? "",
-      activeIndex: -1
-    };
-    const ctx = {
-      isOpen: () => state.isOpen,
-      selectedValue: () => state.selectedValue,
-      contentId: ids.contentId,
-      inputRef,
-      contentRef,
-      classes: __props.classes,
-      open,
-      close,
-      selectOption,
-      activeIndex: () => state.activeIndex,
-      setActiveIndex: (index) => {
-        state.activeIndex = index;
-      },
-      updateActiveDescendant,
-      _contentCount: { value: 0 }
-    };
-    const origOpen = ctx.open;
-    ctx.open = () => {
-      origOpen();
-      const inputEl = getInputEl();
-      if (inputEl && __props.onInputChange) {
-        __props.onInputChange(inputEl.value);
-      }
-    };
-    const __mfResult0 = ComboboxContext.Provider({ get value() {
-      return ctx;
-    }, children: () => (() => {
-      const __el0 = __element("span");
-      {
-        const __v = { display: "contents" };
-        if (__v != null && __v !== false)
-          __el0.setAttribute("style", typeof __v === "object" ? __styleStr(__v) : __v === true ? "" : String(__v));
-      }
-      __el0.setAttribute("data-combobox-root", "");
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })() });
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-var ComposedCombobox = Object.assign(ComposedComboboxRoot, {
-  Input: ComboboxInput,
-  Content: ComboboxContent,
-  Option: ComboboxOption
-});
-
-export { ComposedCombobox };