@vertz/ui-primitives 0.2.41 → 0.2.43

package/dist/shared/chunk-v0b5pkcq.js

@@ -1,30 +0,0 @@
-import {
-  cn
-} from "./chunk-q7xbcj9q.js";
-
-// src/badge/badge-composed.tsx
-import { __append, __attr, __child, __discardMountFrame, __element, __enterChildren, __exitChildren, __flushMountFrame, __pushMountFrame, __spread } from "@vertz/ui/internals";
-function ComposedBadgeRoot(__props) {
-  const { classes: __$drop_0, className: __$drop_1, class: __$drop_2, children: __$drop_3, style: __$drop_4, ...rest } = __props;
-  const __mfDepth = __pushMountFrame();
-  try {
-    const __mfResult0 = (() => {
-      const __el0 = __element("span");
-      __attr(__el0, "class", () => cn(__props.classes?.base, __props.className ?? __props.class));
-      __attr(__el0, "style", () => __props.style);
-      __spread(__el0, rest);
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-var ComposedBadge = ComposedBadgeRoot;
-
-export { ComposedBadge };

package/dist/shared/chunk-v5tj7veh.js

@@ -1,284 +0,0 @@
-import {
-  createDismiss
-} from "./chunk-a6wp8c32.js";
-import {
-  createFloatingPosition
-} from "./chunk-vef3sepw.js";
-import {
-  linkedIds
-} from "./chunk-8y1jf6xr.js";
-import {
-  Keys,
-  handleListNavigation,
-  isKey
-} from "./chunk-7867pr13.js";
-import {
-  setDataState,
-  setExpanded,
-  setHidden,
-  setHiddenAnimated,
-  setSelected
-} from "./chunk-vevfhpc9.js";
-import {
-  applyAttrs
-} from "./chunk-2db2dnp3.js";
-
-// src/select/select.tsx
-import { __discardMountFrame, __element, __enterChildren, __exitChildren, __flushMountFrame, __insert, __on, __pushMountFrame, __styleStr } from "@vertz/ui/internals";
-import { signal } from "@vertz/ui";
-function SelectRoot(options = {}) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    let updateActiveItem = function(index) {
-      for (let i = 0;i < items.length; i++) {
-        items[i]?.setAttribute("tabindex", i === index ? "0" : "-1");
-      }
-    }, selectItem = function(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();
-    }, open = function() {
-      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();
-      }
-    }, close = function() {
-      state.open.value = false;
-      setExpanded(trigger, false);
-      setDataState(trigger, "closed");
-      setDataState(content, "closed");
-      setHiddenAnimated(content, true);
-      floatingCleanup?.();
-      floatingCleanup = null;
-      dismissCleanup?.();
-      dismissCleanup = null;
-      trigger.focus();
-    }, createItem = function(value, label) {
-      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);
-      return item;
-    }, Item = function(value, label) {
-      return createItem(value, label);
-    }, Group = function(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;
-      })();
-      return {
-        el,
-        Item: (value, itemLabel) => createItem(value, itemLabel)
-      };
-    }, Separator = function() {
-      return (() => {
-        const __el5 = __element("hr");
-        __el5.setAttribute("data-v-id", "SelectRoot");
-        __el5.setAttribute("role", "separator");
-        return __el5;
-      })();
-    };
-    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;
-    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");
-      {
-        const __v = { display: "none" };
-        if (__v != null && __v !== false)
-          __el2.setAttribute("style", typeof __v === "object" ? __styleStr(__v) : __v === true ? "" : String(__v));
-      }
-      __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;
-    })();
-    applyAttrs(trigger, attrs);
-    const __mfResult0 = { trigger, content, state, Item, Group, Separator };
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-var Select = {
-  Root: SelectRoot
-};
-
-export { Select };

package/dist/shared/chunk-vkscwzpr.js

@@ -1,294 +0,0 @@
-import {
-  cn
-} from "./chunk-q7xbcj9q.js";
-import {
-  linkedIds
-} from "./chunk-8y1jf6xr.js";
-
-// src/sheet/sheet-composed.tsx
-import { computed, signal } from "@vertz/ui";
-import { __append, __attr, __child, __conditional, __discardMountFrame, __element, __enterChildren, __exitChildren, __flushMountFrame, __on, __pushMountFrame, __styleStr } from "@vertz/ui/internals";
-import { createContext, ref, useContext } from "@vertz/ui";
-var SheetContext = createContext(undefined, "@vertz/ui-primitives::SheetContext");
-function useSheetContext(componentName) {
-  const ctx = useContext(SheetContext);
-  if (!ctx) {
-    throw new Error(`<Sheet.${componentName}> must be used inside <Sheet>. ` + "Ensure it is a direct or nested child of the Sheet root component.");
-  }
-  return ctx;
-}
-function SheetTrigger(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const ctx = useSheetContext("Trigger");
-    const __mfResult0 = (() => {
-      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-sheet-trigger", "");
-      __el0.setAttribute("data-state", "closed");
-      __on(__el0, "click", () => ctx.toggle());
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function SheetContent(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const ctx = useSheetContext("Content");
-    const el = computed(() => (() => {
-      const __el0 = __element("dialog");
-      ctx.dialogRef.current = __el0;
-      {
-        const __v = ctx.contentId;
-        if (__v != null && __v !== false)
-          __el0.setAttribute("id", __v === true ? "" : __v);
-      }
-      __el0.setAttribute("role", "dialog");
-      __el0.setAttribute("aria-modal", "true");
-      {
-        const __v = ctx.titleId;
-        if (__v != null && __v !== false)
-          __el0.setAttribute("aria-labelledby", __v === true ? "" : __v);
-      }
-      {
-        const __v = ctx.descriptionId;
-        if (__v != null && __v !== false)
-          __el0.setAttribute("aria-describedby", __v === true ? "" : __v);
-      }
-      {
-        const __v = ctx.side;
-        if (__v != null && __v !== false)
-          __el0.setAttribute("data-side", __v === true ? "" : __v);
-      }
-      __el0.setAttribute("data-state", "closed");
-      __attr(__el0, "class", () => cn(ctx.classes?.content, __props.className ?? __props.class));
-      __on(__el0, "cancel", (e) => {
-        e.preventDefault();
-        ctx.close();
-      });
-      __on(__el0, "click", (e) => {
-        if (e.target === ctx.dialogRef.current)
-          ctx.close();
-      });
-      __enterChildren(__el0);
-      __append(__el0, __conditional(() => __props.showClose ?? true, () => (() => {
-        const __el1 = __element("button");
-        __el1.setAttribute("type", "button");
-        __el1.setAttribute("data-slot", "sheet-close");
-        {
-          const __v = cn(ctx.classes?.close);
-          if (__v != null && __v !== false)
-            __el1.setAttribute("class", __v === true ? "" : __v);
-        }
-        __el1.setAttribute("aria-label", "Close");
-        __on(__el1, "click", () => ctx.close());
-        __enterChildren(__el1);
-        __append(__el1, (() => {
-          const __el2 = __element("svg");
-          __el2.setAttribute("xmlns", "http://www.w3.org/2000/svg");
-          __el2.setAttribute("aria-hidden", "true");
-          __el2.setAttribute("focusable", "false");
-          __el2.setAttribute("width", "16");
-          __el2.setAttribute("height", "16");
-          __el2.setAttribute("viewBox", "0 0 24 24");
-          __el2.setAttribute("fill", "none");
-          __el2.setAttribute("stroke", "currentColor");
-          __el2.setAttribute("stroke-width", "2");
-          __el2.setAttribute("stroke-linecap", "round");
-          __el2.setAttribute("stroke-linejoin", "round");
-          __enterChildren(__el2);
-          __append(__el2, (() => {
-            const __el3 = __element("path");
-            __el3.setAttribute("d", "M18 6 6 18");
-            return __el3;
-          })());
-          __append(__el2, (() => {
-            const __el4 = __element("path");
-            __el4.setAttribute("d", "m6 6 12 12");
-            return __el4;
-          })());
-          __exitChildren();
-          return __el2;
-        })());
-        __exitChildren();
-        return __el1;
-      })(), () => null));
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })());
-    const __mfResult0 = el.value;
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function SheetTitle(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const ctx = useSheetContext("Title");
-    const __mfResult0 = (() => {
-      const __el0 = __element("h2");
-      {
-        const __v = ctx.titleId;
-        if (__v != null && __v !== false)
-          __el0.setAttribute("id", __v === true ? "" : __v);
-      }
-      __attr(__el0, "class", () => cn(ctx.classes?.title, __props.className ?? __props.class));
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function SheetDescription(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const ctx = useSheetContext("Description");
-    const __mfResult0 = (() => {
-      const __el0 = __element("p");
-      {
-        const __v = ctx.descriptionId;
-        if (__v != null && __v !== false)
-          __el0.setAttribute("id", __v === true ? "" : __v);
-      }
-      __attr(__el0, "class", () => cn(ctx.classes?.description, __props.className ?? __props.class));
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function SheetClose(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const ctx = useSheetContext("Close");
-    const __mfResult0 = (() => {
-      const __el0 = __element("button");
-      __el0.setAttribute("type", "button");
-      __el0.setAttribute("data-slot", "sheet-close");
-      __attr(__el0, "class", () => cn(ctx.classes?.close, __props.className ?? __props.class));
-      __attr(__el0, "aria-label", () => __props.children ? undefined : "Close");
-      __on(__el0, "click", () => ctx.close());
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children ?? "×"));
-      __exitChildren();
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function ComposedSheetRoot(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    let showDialog = function() {
-      const el = dialogRef.current;
-      if (!el || el.open)
-        return;
-      el.setAttribute("data-state", "open");
-      el.showModal();
-    }, hideDialog = function() {
-      const el = dialogRef.current;
-      if (!el || !el.open)
-        return;
-      el.setAttribute("data-state", "closed");
-      el.offsetHeight;
-      const onEnd = () => {
-        el.removeEventListener("animationend", onEnd);
-        if (el.open)
-          el.close();
-      };
-      el.addEventListener("animationend", onEnd);
-      setTimeout(onEnd, 350);
-    }, open = function() {
-      isOpen.value = true;
-      showDialog();
-      __props.onOpenChange?.(true);
-    }, close = function() {
-      hideDialog();
-      isOpen.value = false;
-      __props.onOpenChange?.(false);
-    }, toggle = function() {
-      if (isOpen.value)
-        close();
-      else
-        open();
-    };
-    const ids = linkedIds("sheet");
-    const titleId = `${ids.contentId}-title`;
-    const descriptionId = `${ids.contentId}-description`;
-    const dialogRef = ref();
-    const isOpen = signal(false, "isOpen");
-    const ctx = {
-      isOpen,
-      titleId,
-      descriptionId,
-      contentId: ids.contentId,
-      dialogRef,
-      side: __props.side ?? "right",
-      classes: __props.classes,
-      open,
-      close,
-      toggle
-    };
-    const __mfResult0 = SheetContext.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-sheet-root", "");
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })() });
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-var ComposedSheet = Object.assign(ComposedSheetRoot, {
-  Trigger: SheetTrigger,
-  Content: SheetContent,
-  Title: SheetTitle,
-  Description: SheetDescription,
-  Close: SheetClose
-});
-
-export { ComposedSheet };