@vertz/ui-primitives 0.2.41 → 0.2.42

package/dist/shared/chunk-144kbnmx.js

@@ -1,95 +0,0 @@
-import {
-  uniqueId
-} from "./chunk-8y1jf6xr.js";
-import {
-  setDataState
-} from "./chunk-vevfhpc9.js";
-import {
-  applyAttrs
-} from "./chunk-2db2dnp3.js";
-
-// src/toast/toast.tsx
-import { __discardMountFrame, __element, __enterChildren, __exitChildren, __flushMountFrame, __insert, __pushMountFrame } from "@vertz/ui/internals";
-import { signal } from "@vertz/ui";
-function RegionElement(politeness) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const __mfResult0 = (() => {
-      const __el0 = __element("div");
-      __el0.setAttribute("role", "status");
-      {
-        const __v = politeness;
-        if (__v != null && __v !== false)
-          __el0.setAttribute("aria-live", __v === true ? "" : __v);
-      }
-      __el0.setAttribute("aria-atomic", "false");
-      __el0.setAttribute("data-state", "empty");
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function MessageElement(id, content) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const __mfResult0 = (() => {
-      const __el0 = __element("div");
-      __el0.setAttribute("role", "status");
-      {
-        const __v = id;
-        if (__v != null && __v !== false)
-          __el0.setAttribute("data-toast-id", __v === true ? "" : __v);
-      }
-      __el0.setAttribute("data-state", "open");
-      __enterChildren(__el0);
-      __insert(__el0, content);
-      __exitChildren();
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function ToastRoot(options = {}) {
-  const { duration = 5000, politeness = "polite", ...attrs } = options;
-  const state = { messages: signal([]) };
-  const region = RegionElement(politeness);
-  applyAttrs(region, attrs);
-  function announce(content) {
-    const id = uniqueId("toast");
-    const el = MessageElement(id, content);
-    const msg = { id, content, el };
-    state.messages.value = [...state.messages.peek(), msg];
-    region.appendChild(el);
-    setDataState(region, "active");
-    if (duration > 0) {
-      setTimeout(() => dismiss(id), duration);
-    }
-    return msg;
-  }
-  function dismiss(id) {
-    const messages = state.messages.peek().filter((m) => m.id !== id);
-    state.messages.value = messages;
-    const el = region.querySelector(`[data-toast-id="${id}"]`);
-    if (el) {
-      setDataState(el, "closed");
-      el.remove();
-    }
-    if (messages.length === 0) {
-      setDataState(region, "empty");
-    }
-  }
-  return { region, state, announce, dismiss };
-}
-var Toast = {
-  Root: ToastRoot
-};
-
-export { Toast };

package/dist/shared/chunk-1ewxfgsa.js

@@ -1,167 +0,0 @@
-import {
-  createFloatingPosition
-} from "./chunk-vef3sepw.js";
-import {
-  uniqueId
-} from "./chunk-8y1jf6xr.js";
-import {
-  Keys,
-  isKey
-} from "./chunk-7867pr13.js";
-import {
-  setDataState,
-  setExpanded,
-  setHidden,
-  setHiddenAnimated
-} from "./chunk-vevfhpc9.js";
-import {
-  applyAttrs
-} from "./chunk-2db2dnp3.js";
-
-// src/hover-card/hover-card.tsx
-import { __discardMountFrame, __element, __flushMountFrame, __on, __pushMountFrame, __styleStr } from "@vertz/ui/internals";
-import { signal } from "@vertz/ui";
-function HoverCardRoot(options = {}) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    let cancelTimers = function() {
-      if (openTimeout) {
-        clearTimeout(openTimeout);
-        openTimeout = null;
-      }
-      if (closeTimeout) {
-        clearTimeout(closeTimeout);
-        closeTimeout = null;
-      }
-    }, cancelCloseTimer = function() {
-      if (closeTimeout) {
-        clearTimeout(closeTimeout);
-        closeTimeout = null;
-      }
-    }, positionContent = function() {
-      if (positioning) {
-        floatingCleanup?.();
-        const effectivePlacement = positioning.placement ?? "bottom";
-        const result = createFloatingPosition(trigger, content, {
-          ...positioning,
-          placement: effectivePlacement
-        });
-        floatingCleanup = result.cleanup;
-      }
-    }, show = function() {
-      cancelTimers();
-      if (state.open.peek())
-        return;
-      openTimeout = setTimeout(() => {
-        state.open.value = true;
-        setExpanded(trigger, true);
-        setHidden(content, false);
-        setDataState(content, "open");
-        positionContent();
-        onOpenChange?.(true);
-        openTimeout = null;
-      }, openDelay);
-    }, showImmediate = function() {
-      cancelTimers();
-      state.open.value = true;
-      setExpanded(trigger, true);
-      setHidden(content, false);
-      setDataState(content, "open");
-      positionContent();
-      onOpenChange?.(true);
-    }, hide = function() {
-      cancelTimers();
-      if (!state.open.peek())
-        return;
-      closeTimeout = setTimeout(() => {
-        state.open.value = false;
-        setExpanded(trigger, false);
-        setDataState(content, "closed");
-        setHiddenAnimated(content, true);
-        floatingCleanup?.();
-        floatingCleanup = null;
-        onOpenChange?.(false);
-        closeTimeout = null;
-      }, closeDelay);
-    }, hideImmediate = function() {
-      cancelTimers();
-      state.open.value = false;
-      setExpanded(trigger, false);
-      setDataState(content, "closed");
-      setHiddenAnimated(content, true);
-      floatingCleanup?.();
-      floatingCleanup = null;
-      onOpenChange?.(false);
-    }, handleTriggerBlur = function(event) {
-      const related = event.relatedTarget;
-      if (related && (trigger.contains(related) || content.contains(related)))
-        return;
-      hide();
-    }, handleTriggerKeydown = function(event) {
-      if (isKey(event, Keys.Escape) && state.open.peek()) {
-        hideImmediate();
-      }
-    }, handleContentFocusout = function(event) {
-      const related = event.relatedTarget;
-      if (related && (trigger.contains(related) || content.contains(related)))
-        return;
-      hide();
-    }, handleContentKeydown = function(event) {
-      if (isKey(event, Keys.Escape)) {
-        hideImmediate();
-        trigger.focus();
-      }
-    };
-    const { openDelay = 700, closeDelay = 300, onOpenChange, positioning, ...attrs } = options;
-    const contentId = uniqueId("hovercard");
-    const state = { open: signal(false) };
-    let openTimeout = null;
-    let closeTimeout = null;
-    let floatingCleanup = null;
-    const trigger = (() => {
-      const __el0 = __element("span");
-      __el0.setAttribute("aria-haspopup", "dialog");
-      __el0.setAttribute("aria-expanded", "false");
-      __on(__el0, "mouseenter", show);
-      __on(__el0, "mouseleave", hide);
-      __on(__el0, "focus", showImmediate);
-      __on(__el0, "blur", handleTriggerBlur);
-      __on(__el0, "keydown", handleTriggerKeydown);
-      return __el0;
-    })();
-    const content = (() => {
-      const __el1 = __element("div");
-      __el1.setAttribute("role", "dialog");
-      {
-        const __v = contentId;
-        if (__v != null && __v !== false)
-          __el1.setAttribute("id", __v === true ? "" : __v);
-      }
-      __el1.setAttribute("aria-hidden", "true");
-      __el1.setAttribute("data-state", "closed");
-      {
-        const __v = { display: "none" };
-        if (__v != null && __v !== false)
-          __el1.setAttribute("style", typeof __v === "object" ? __styleStr(__v) : __v === true ? "" : String(__v));
-      }
-      __on(__el1, "mouseenter", cancelCloseTimer);
-      __on(__el1, "mouseleave", hide);
-      __on(__el1, "focusin", cancelCloseTimer);
-      __on(__el1, "focusout", handleContentFocusout);
-      __on(__el1, "keydown", handleContentKeydown);
-      return __el1;
-    })();
-    applyAttrs(trigger, attrs);
-    const __mfResult0 = { trigger, content, state };
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-var HoverCard = {
-  Root: HoverCardRoot
-};
-
-export { HoverCard };

package/dist/shared/chunk-1hm0mbke.js

@@ -1,258 +0,0 @@
-import {
-  cn
-} from "./chunk-q7xbcj9q.js";
-
-// src/resizable-panel/resizable-panel-composed.tsx
-import { computed, signal } from "@vertz/ui";
-import { __append, __attr, __child, __discardMountFrame, __element, __enterChildren, __exitChildren, __flushMountFrame, __on, __pushMountFrame, __styleStr } from "@vertz/ui/internals";
-import { createContext, useContext } from "@vertz/ui";
-var _groupCounter = { value: 0 };
-var ResizablePanelContext = createContext(undefined, "@vertz/ui-primitives::ResizablePanelContext");
-function ResizablePanelPanel(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const ctx = useContext(ResizablePanelContext);
-    if (!ctx) {
-      throw new Error("<ResizablePanel.Panel> must be used inside <ResizablePanel>. " + "Ensure it is a direct or nested child of the ResizablePanel root component.");
-    }
-    const index = computed(() => ctx.registerPanel({ defaultSize: __props.defaultSize, minSize: __props.minSize, maxSize: __props.maxSize }));
-    const __mfResult0 = (() => {
-      const __el0 = __element("div");
-      __el0.setAttribute("data-part", "panel");
-      __attr(__el0, "data-group", () => ctx.groupId);
-      __attr(__el0, "style", () => ({ flex: `${ctx.getSizeForPanel(index.value)} 1 0`, minWidth: 0, minHeight: 0 }));
-      __attr(__el0, "class", () => cn(ctx.classes?.panel, __props.className ?? __props.class));
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function ResizablePanelHandle(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    const ctx = useContext(ResizablePanelContext);
-    if (!ctx) {
-      throw new Error("<ResizablePanel.Handle> must be used inside <ResizablePanel>. " + "Ensure it is a direct or nested child of the ResizablePanel root component.");
-    }
-    const handleIndex = computed(() => ctx.registerHandle());
-    const __mfResult0 = (() => {
-      const __el0 = __element("div");
-      __el0.setAttribute("role", "separator");
-      __el0.setAttribute("tabindex", "0");
-      {
-        const __v = { flexShrink: 0 };
-        if (__v != null && __v !== false)
-          __el0.setAttribute("style", typeof __v === "object" ? __styleStr(__v) : __v === true ? "" : String(__v));
-      }
-      __attr(__el0, "data-group", () => ctx.groupId);
-      __attr(__el0, "data-handle-index", () => String(handleIndex.value));
-      __attr(__el0, "data-orientation", () => ctx.orientation);
-      __el0.setAttribute("data-state", "idle");
-      __attr(__el0, "aria-valuenow", () => String(ctx.getAriaForHandle(handleIndex.value).valuenow));
-      __attr(__el0, "aria-valuemin", () => String(ctx.getAriaForHandle(handleIndex.value).valuemin));
-      __attr(__el0, "aria-valuemax", () => String(ctx.getAriaForHandle(handleIndex.value).valuemax));
-      __attr(__el0, "class", () => cn(ctx.classes?.handle, __props.className ?? __props.class));
-      return __el0;
-    })();
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-function ComposedResizablePanelRoot(__props) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    let recomputeSizes = function() {
-      const configs = _reg.panelConfigs;
-      const panelCount = configs.length;
-      if (panelCount === 0)
-        return;
-      const newSizes = new Array(panelCount).fill(0);
-      const explicitIndices = new Set;
-      for (let i = 0;i < panelCount; i++) {
-        const config = configs[i];
-        if (config && config.defaultSize != null) {
-          newSizes[i] = config.defaultSize;
-          explicitIndices.add(i);
-        }
-      }
-      if (explicitIndices.size === 0) {
-        const equal = 100 / panelCount;
-        for (let i = 0;i < panelCount; i++)
-          newSizes[i] = equal;
-      } else {
-        const used = [...explicitIndices].reduce((sum, i) => sum + (newSizes[i] ?? 0), 0);
-        const unsetCount = panelCount - explicitIndices.size;
-        const each = unsetCount > 0 ? (100 - used) / unsetCount : 0;
-        for (let i = 0;i < newSizes.length; i++) {
-          if (!explicitIndices.has(i))
-            newSizes[i] = each;
-        }
-      }
-      sizes.value = newSizes;
-    }, registerPanel = function(opts) {
-      const idx = _reg.nextPanelIdx++;
-      _reg.panelConfigs.push({
-        defaultSize: opts.defaultSize,
-        minSize: opts.minSize ?? 0,
-        maxSize: opts.maxSize ?? 100
-      });
-      recomputeSizes();
-      return idx;
-    }, registerHandle = function() {
-      return _reg.nextHandleIdx++;
-    }, getSizeForPanel = function(index) {
-      return sizes.value[index] ?? 0;
-    }, getAriaForHandle = function(handleIndex) {
-      const config = _reg.panelConfigs[handleIndex];
-      return {
-        valuenow: Math.round(sizes.value[handleIndex] ?? 0),
-        valuemin: Math.round(config?.minSize ?? 0),
-        valuemax: Math.round(config?.maxSize ?? 100)
-      };
-    }, updateSizes = function(newSizes) {
-      sizes.value = [...newSizes];
-      __props.onResize?.(newSizes);
-    }, handleKeydown = function(e) {
-      const ke = e;
-      const target = ke.target;
-      if (target.getAttribute("role") !== "separator")
-        return;
-      if (target.dataset.group !== groupId)
-        return;
-      const handleIndex = Number(target.dataset.handleIndex ?? -1);
-      if (handleIndex < 0)
-        return;
-      const leftIdx = handleIndex;
-      const rightIdx = handleIndex + 1;
-      const leftConfig = _reg.panelConfigs[leftIdx];
-      const rightConfig = _reg.panelConfigs[rightIdx];
-      if (!leftConfig || !rightConfig)
-        return;
-      const leftStart = sizes.value[leftIdx] ?? 0;
-      const rightStart = sizes.value[rightIdx] ?? 0;
-      const STEP = 5;
-      const growKey = (__props.orientation ?? "horizontal") === "horizontal" ? "ArrowRight" : "ArrowDown";
-      const shrinkKey = (__props.orientation ?? "horizontal") === "horizontal" ? "ArrowLeft" : "ArrowUp";
-      let newLeft = leftStart;
-      let newRight = rightStart;
-      if (ke.key === growKey) {
-        ke.preventDefault();
-        const delta = Math.min(STEP, rightStart - rightConfig.minSize, leftConfig.maxSize - leftStart);
-        newLeft += delta;
-        newRight -= delta;
-      } else if (ke.key === shrinkKey) {
-        ke.preventDefault();
-        const delta = Math.min(STEP, leftStart - leftConfig.minSize, rightConfig.maxSize - rightStart);
-        newLeft -= delta;
-        newRight += delta;
-      } else if (ke.key === "Home") {
-        ke.preventDefault();
-        const delta = leftStart - leftConfig.minSize;
-        newLeft -= delta;
-        newRight += delta;
-      } else if (ke.key === "End") {
-        ke.preventDefault();
-        const delta = rightStart - rightConfig.minSize;
-        newLeft += delta;
-        newRight -= delta;
-      } else {
-        return;
-      }
-      const newSizes = sizes.value.slice();
-      newSizes[leftIdx] = newLeft;
-      newSizes[rightIdx] = newRight;
-      updateSizes(newSizes);
-    }, handlePointerdown = function(e) {
-      const pe = e;
-      const target = pe.target;
-      if (target.getAttribute("role") !== "separator")
-        return;
-      if (target.dataset.group !== groupId)
-        return;
-      pe.preventDefault();
-      target.setPointerCapture(pe.pointerId);
-      target.setAttribute("data-state", "dragging");
-      const handleIndex = Number(target.dataset.handleIndex ?? -1);
-      const rootEl = pe.currentTarget;
-      const startPos = (__props.orientation ?? "horizontal") === "horizontal" ? pe.clientX : pe.clientY;
-      const rootSize = (__props.orientation ?? "horizontal") === "horizontal" ? rootEl.offsetWidth : rootEl.offsetHeight;
-      const startSizes = sizes.value.slice();
-      function onMove(ev) {
-        const currentPos = (__props.orientation ?? "horizontal") === "horizontal" ? ev.clientX : ev.clientY;
-        const delta = (currentPos - startPos) / rootSize * 100;
-        const moveSizes = startSizes.slice();
-        const leftIdx = handleIndex;
-        const rightIdx = handleIndex + 1;
-        const leftConfig = _reg.panelConfigs[leftIdx];
-        const rightConfig = _reg.panelConfigs[rightIdx];
-        if (!leftConfig || !rightConfig)
-          return;
-        const rawLeft = Math.max(leftConfig.minSize, Math.min(leftConfig.maxSize, (startSizes[leftIdx] ?? 0) + delta));
-        const rawRight = Math.max(rightConfig.minSize, Math.min(rightConfig.maxSize, (startSizes[rightIdx] ?? 0) - delta));
-        moveSizes[leftIdx] = rawLeft;
-        moveSizes[rightIdx] = rawRight;
-        updateSizes(moveSizes);
-      }
-      function onUp(ev) {
-        target.releasePointerCapture(ev.pointerId);
-        target.setAttribute("data-state", "idle");
-        target.removeEventListener("pointermove", onMove);
-        target.removeEventListener("pointerup", onUp);
-      }
-      target.addEventListener("pointermove", onMove);
-      target.addEventListener("pointerup", onUp);
-    };
-    const groupId = String(_groupCounter.value++);
-    const _reg = {
-      nextPanelIdx: 0,
-      nextHandleIdx: 0,
-      panelConfigs: []
-    };
-    const sizes = signal([], "sizes");
-    const ctx = {
-      groupId,
-      orientation: __props.orientation ?? "horizontal",
-      classes: __props.classes,
-      registerPanel,
-      registerHandle,
-      getSizeForPanel,
-      getAriaForHandle
-    };
-    const __mfResult0 = ResizablePanelContext.Provider({ get value() {
-      return ctx;
-    }, children: () => (() => {
-      const __el0 = __element("div");
-      __attr(__el0, "style", () => ({ display: "flex", flexDirection: (__props.orientation ?? "horizontal") === "horizontal" ? "row" : "column" }));
-      __attr(__el0, "data-orientation", () => __props.orientation ?? "horizontal");
-      __attr(__el0, "data-panel-count", () => sizes.value.length);
-      __attr(__el0, "class", () => __props.classes?.root);
-      __on(__el0, "keydown", handleKeydown);
-      __on(__el0, "pointerdown", handlePointerdown);
-      __enterChildren(__el0);
-      __append(__el0, __child(() => __props.children));
-      __exitChildren();
-      return __el0;
-    })() });
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-var ComposedResizablePanel = Object.assign(ComposedResizablePanelRoot, {
-  Panel: ResizablePanelPanel,
-  Handle: ResizablePanelHandle
-});
-
-export { ComposedResizablePanel };

package/dist/shared/chunk-22rt6ws9.js

@@ -1,69 +0,0 @@
-import {
-  uniqueId
-} from "./chunk-8y1jf6xr.js";
-import {
-  Keys,
-  isKey
-} from "./chunk-7867pr13.js";
-import {
-  applyAttrs
-} from "./chunk-2db2dnp3.js";
-
-// src/switch/switch.tsx
-import { computed, signal } from "@vertz/ui";
-import { __attr, __discardMountFrame, __element, __flushMountFrame, __on, __pushMountFrame } from "@vertz/ui/internals";
-function SwitchRoot(options = {}) {
-  const __mfDepth = __pushMountFrame();
-  try {
-    let toggle = function() {
-      if (disabled)
-        return;
-      checked.value = !checked.value;
-      onCheckedChange?.(checked.value);
-    };
-    const { defaultChecked = false, disabled = false, onCheckedChange, ...attrs } = options;
-    const checked = signal(defaultChecked, "checked");
-    const el = computed(() => (() => {
-      const __el0 = __element("button");
-      __el0.setAttribute("type", "button");
-      __el0.setAttribute("role", "switch");
-      {
-        const __v = uniqueId("switch");
-        if (__v != null && __v !== false)
-          __el0.setAttribute("id", __v === true ? "" : __v);
-      }
-      __attr(__el0, "aria-checked", () => checked.value ? "true" : "false");
-      __attr(__el0, "data-state", () => checked.value ? "checked" : "unchecked");
-      {
-        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);
-    const __mfResult0 = el.value;
-    __flushMountFrame();
-    return __mfResult0;
-  } catch (__mfErr) {
-    __discardMountFrame(__mfDepth);
-    throw __mfErr;
-  }
-}
-var Switch = {
-  Root: SwitchRoot
-};
-
-export { Switch };