@vertz/ui-primitives 0.2.20 → 0.2.22

package/dist/shared/{chunk-9hj9p7s2.js → chunk-myq79qew.js}

@@ -4,29 +4,60 @@ import {
 import {
   Keys,
   isKey
-} from "./chunk-jctqs9m4.js";
+} from "./chunk-7867pr13.js";
 import {
   setDataState,
   setDescribedBy,
   setHidden,
   setHiddenAnimated
-} from "./chunk-vvjyx7fe.js";
-import {
-  applyAttrs
-} from "./chunk-dpsgb1xw.js";
+} from "./chunk-vevfhpc9.js";
 import {
   uniqueId
 } from "./chunk-8y1jf6xr.js";
+import {
+  applyAttrs
+} from "./chunk-2db2dnp3.js";
 
 // src/tooltip/tooltip.tsx
 import { __element, __on } from "@vertz/ui/internals";
 import { signal } from "@vertz/ui";
+function TooltipTrigger(show, hide) {
+  return (() => {
+    const __el0 = __element("span");
+    __on(__el0, "mouseenter", show);
+    __on(__el0, "mouseleave", hide);
+    __on(__el0, "focus", show);
+    __on(__el0, "blur", hide);
+    __on(__el0, "keydown", (event) => {
+      if (isKey(event, Keys.Escape)) {
+        hide();
+      }
+    });
+    return __el0;
+  })();
+}
+function TooltipContent(contentId) {
+  return (() => {
+    const __el0 = __element("div");
+    __el0.setAttribute("role", "tooltip");
+    {
+      const __v = contentId;
+      if (__v != null && __v !== false)
+        __el0.setAttribute("id", __v === true ? "" : __v);
+    }
+    __el0.setAttribute("aria-hidden", "true");
+    __el0.setAttribute("data-state", "closed");
+    __el0.setAttribute("style", "display: none");
+    return __el0;
+  })();
+}
 function TooltipRoot(options = {}) {
   const { delay = 300, onOpenChange, positioning, ...attrs } = options;
   const contentId = uniqueId("tooltip");
   const state = { open: signal(false) };
   let showTimeout = null;
   let floatingCleanup = null;
+  const content = TooltipContent(contentId);
   function show() {
     if (showTimeout !== null)
       return;
@@ -58,33 +89,8 @@ function TooltipRoot(options = {}) {
     floatingCleanup = null;
     onOpenChange?.(false);
   }
-  const trigger = (() => {
-    const __el0 = __element("span");
-    __on(__el0, "mouseenter", show);
-    __on(__el0, "mouseleave", hide);
-    __on(__el0, "focus", show);
-    __on(__el0, "blur", hide);
-    __on(__el0, "keydown", (event) => {
-      if (isKey(event, Keys.Escape)) {
-        hide();
-      }
-    });
-    return __el0;
-  })();
+  const trigger = TooltipTrigger(show, hide);
   setDescribedBy(trigger, contentId);
-  const content = (() => {
-    const __el1 = __element("div");
-    __el1.setAttribute("role", "tooltip");
-    {
-      const __v = 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;
-  })();
   applyAttrs(trigger, attrs);
   return { trigger, content, state };
 }

package/dist/shared/{chunk-ppcv3ehd.js → chunk-pg2yjn8f.js}

@@ -1,15 +1,15 @@
 import {
   setDataState
-} from "./chunk-vvjyx7fe.js";
-import {
-  applyAttrs
-} from "./chunk-dpsgb1xw.js";
+} 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 } from "@vertz/ui/internals";
+import { __append, __element, __enterChildren, __exitChildren, __styleStr } from "@vertz/ui/internals";
 import { ref, signal } from "@vertz/ui";
 function dataStateFor(pct) {
   if (pct >= 100)
@@ -18,12 +18,8 @@ function dataStateFor(pct) {
     return "loading";
   return "idle";
 }
-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 = (() => {
+function ProgressBar(defaultValue, min, max, initialPct, indicatorRef) {
+  return (() => {
     const __el0 = __element("div");
     __el0.setAttribute("role", "progressbar");
     {
@@ -59,13 +55,20 @@ function ProgressRoot(options = {}) {
       {
         const __v = `width: ${initialPct}%`;
         if (__v != null && __v !== false)
-          __el1.setAttribute("style", __v === true ? "" : __v);
+          __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) {

package/dist/shared/{chunk-hr9hx58m.js → chunk-rb53v045.js}

@@ -1,13 +1,13 @@
 import {
   Keys,
   isKey
-} from "./chunk-jctqs9m4.js";
-import {
-  applyAttrs
-} from "./chunk-dpsgb1xw.js";
+} 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";

package/dist/shared/{chunk-ttsyf6ma.js → chunk-s6a2yph8.js}

@@ -1,16 +1,16 @@
 import {
   Keys,
   isKey
-} from "./chunk-jctqs9m4.js";
+} from "./chunk-7867pr13.js";
 import {
   setHidden
-} from "./chunk-vvjyx7fe.js";
-import {
-  applyAttrs
-} from "./chunk-dpsgb1xw.js";
+} 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";

package/dist/shared/{chunk-vvjyx7fe.js → chunk-vevfhpc9.js}

@@ -1,5 +1,5 @@
 // src/utils/aria.ts
-import { onAnimationsComplete } from "@vertz/ui/internals";
+import { onAnimationsComplete } from "@vertz/ui";
 var hideGeneration = new WeakMap;
 function setExpanded(el, expanded) {
   el.setAttribute("aria-expanded", String(expanded));

package/dist/shared/{chunk-4085nbdq.js → chunk-vhx3sqw6.js}

@@ -1,20 +1,20 @@
 import {
   Keys,
   isKey
-} from "./chunk-jctqs9m4.js";
+} from "./chunk-7867pr13.js";
 import {
   setDataState,
   setExpanded,
   setHidden,
   setHiddenAnimated,
   setSelected
-} from "./chunk-vvjyx7fe.js";
-import {
-  applyAttrs
-} from "./chunk-dpsgb1xw.js";
+} 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";

package/dist/shared/{chunk-34yfm2b0.js → chunk-w318par6.js}

@@ -7,59 +7,25 @@ import {
   setExpanded,
   setHidden,
   setHiddenAnimated
-} from "./chunk-vvjyx7fe.js";
+} from "./chunk-vevfhpc9.js";
 import {
   linkedIds
 } from "./chunk-8y1jf6xr.js";
 
 // src/alert-dialog/alert-dialog.tsx
-import { __element, __on } from "@vertz/ui/internals";
+import { __element, __on, __styleStr } from "@vertz/ui/internals";
 import { signal } from "@vertz/ui";
-function AlertDialogRoot(options = {}) {
-  const { defaultOpen = false, onOpenChange, onAction } = options;
-  const ids = linkedIds("alertdialog");
-  const titleId = `${ids.contentId}-title`;
-  const descriptionId = `${ids.contentId}-description`;
-  const state = { open: signal(defaultOpen) };
-  let restoreFocus = null;
-  let removeTrap = null;
-  function show() {
-    state.open.value = true;
-    setExpanded(trigger, true);
-    setHidden(overlay, false);
-    setHidden(content, false);
-    setDataState(trigger, "open");
-    setDataState(overlay, "open");
-    setDataState(content, "open");
-    restoreFocus = saveFocus();
-    removeTrap = trapFocus(content);
-    queueMicrotask(() => cancel.focus());
-    onOpenChange?.(true);
-  }
-  function hide() {
-    state.open.value = false;
-    setExpanded(trigger, false);
-    setDataState(trigger, "closed");
-    setDataState(overlay, "closed");
-    setDataState(content, "closed");
-    setHiddenAnimated(overlay, true);
-    setHiddenAnimated(content, true);
-    removeTrap?.();
-    removeTrap = null;
-    restoreFocus?.();
-    restoreFocus = null;
-    onOpenChange?.(false);
-  }
-  const trigger = (() => {
+function AlertDialogTriggerEl(triggerId, contentId, defaultOpen, onClick) {
+  return (() => {
     const __el0 = __element("button");
     __el0.setAttribute("type", "button");
     {
-      const __v = ids.triggerId;
+      const __v = triggerId;
       if (__v != null && __v !== false)
         __el0.setAttribute("id", __v === true ? "" : __v);
     }
     {
-      const __v = ids.contentId;
+      const __v = contentId;
       if (__v != null && __v !== false)
         __el0.setAttribute("aria-controls", __v === true ? "" : __v);
     }
@@ -73,101 +39,157 @@ function AlertDialogRoot(options = {}) {
       if (__v != null && __v !== false)
         __el0.setAttribute("data-state", __v === true ? "" : __v);
     }
-    __on(__el0, "click", () => {
-      if (!state.open.peek())
-        show();
-    });
+    __on(__el0, "click", onClick);
     return __el0;
   })();
-  const overlay = (() => {
-    const __el1 = __element("div");
-    __el1.setAttribute("data-alertdialog-overlay", "");
+}
+function AlertDialogOverlayEl(defaultOpen) {
+  return (() => {
+    const __el0 = __element("div");
+    __el0.setAttribute("data-alertdialog-overlay", "");
     {
       const __v = defaultOpen ? "false" : "true";
       if (__v != null && __v !== false)
-        __el1.setAttribute("aria-hidden", __v === true ? "" : __v);
+        __el0.setAttribute("aria-hidden", __v === true ? "" : __v);
     }
     {
       const __v = defaultOpen ? "open" : "closed";
       if (__v != null && __v !== false)
-        __el1.setAttribute("data-state", __v === true ? "" : __v);
+        __el0.setAttribute("data-state", __v === true ? "" : __v);
     }
     {
       const __v = defaultOpen ? "" : "display: none";
       if (__v != null && __v !== false)
-        __el1.setAttribute("style", __v === true ? "" : __v);
+        __el0.setAttribute("style", typeof __v === "object" ? __styleStr(__v) : __v === true ? "" : String(__v));
     }
-    return __el1;
+    return __el0;
   })();
-  const content = (() => {
-    const __el2 = __element("div");
-    __el2.setAttribute("role", "alertdialog");
+}
+function AlertDialogContentEl(contentId, titleId, descriptionId, defaultOpen) {
+  return (() => {
+    const __el0 = __element("div");
+    __el0.setAttribute("role", "alertdialog");
     {
-      const __v = ids.contentId;
+      const __v = contentId;
       if (__v != null && __v !== false)
-        __el2.setAttribute("id", __v === true ? "" : __v);
+        __el0.setAttribute("id", __v === true ? "" : __v);
     }
-    __el2.setAttribute("aria-modal", "true");
+    __el0.setAttribute("aria-modal", "true");
     {
       const __v = titleId;
       if (__v != null && __v !== false)
-        __el2.setAttribute("aria-labelledby", __v === true ? "" : __v);
+        __el0.setAttribute("aria-labelledby", __v === true ? "" : __v);
     }
     {
       const __v = descriptionId;
       if (__v != null && __v !== false)
-        __el2.setAttribute("aria-describedby", __v === true ? "" : __v);
+        __el0.setAttribute("aria-describedby", __v === true ? "" : __v);
     }
     {
       const __v = defaultOpen ? "false" : "true";
       if (__v != null && __v !== false)
-        __el2.setAttribute("aria-hidden", __v === true ? "" : __v);
+        __el0.setAttribute("aria-hidden", __v === true ? "" : __v);
     }
     {
       const __v = defaultOpen ? "open" : "closed";
       if (__v != null && __v !== false)
-        __el2.setAttribute("data-state", __v === true ? "" : __v);
+        __el0.setAttribute("data-state", __v === true ? "" : __v);
     }
     {
       const __v = defaultOpen ? "" : "display: none";
       if (__v != null && __v !== false)
-        __el2.setAttribute("style", __v === true ? "" : __v);
+        __el0.setAttribute("style", typeof __v === "object" ? __styleStr(__v) : __v === true ? "" : String(__v));
     }
-    return __el2;
+    return __el0;
   })();
-  const title = (() => {
-    const __el3 = __element("h2");
+}
+function AlertDialogTitleEl(titleId) {
+  return (() => {
+    const __el0 = __element("h2");
     {
       const __v = titleId;
       if (__v != null && __v !== false)
-        __el3.setAttribute("id", __v === true ? "" : __v);
+        __el0.setAttribute("id", __v === true ? "" : __v);
     }
-    return __el3;
+    return __el0;
   })();
-  const description = (() => {
-    const __el4 = __element("p");
+}
+function AlertDialogDescriptionEl(descriptionId) {
+  return (() => {
+    const __el0 = __element("p");
     {
       const __v = descriptionId;
       if (__v != null && __v !== false)
-        __el4.setAttribute("id", __v === true ? "" : __v);
+        __el0.setAttribute("id", __v === true ? "" : __v);
     }
-    return __el4;
+    return __el0;
   })();
-  const cancel = (() => {
-    const __el5 = __element("button");
-    __el5.setAttribute("type", "button");
-    __on(__el5, "click", () => hide());
-    return __el5;
+}
+function AlertDialogCancelBtn(onClick) {
+  return (() => {
+    const __el0 = __element("button");
+    __el0.setAttribute("type", "button");
+    __on(__el0, "click", onClick);
+    return __el0;
   })();
-  const action = (() => {
-    const __el6 = __element("button");
-    __el6.setAttribute("type", "button");
-    __on(__el6, "click", () => {
-      onAction?.();
-      hide();
-    });
-    return __el6;
+}
+function AlertDialogActionBtn(onClick) {
+  return (() => {
+    const __el0 = __element("button");
+    __el0.setAttribute("type", "button");
+    __on(__el0, "click", onClick);
+    return __el0;
   })();
+}
+function AlertDialogRoot(options = {}) {
+  const { defaultOpen = false, onOpenChange, onAction } = options;
+  const ids = linkedIds("alertdialog");
+  const titleId = `${ids.contentId}-title`;
+  const descriptionId = `${ids.contentId}-description`;
+  const state = { open: signal(defaultOpen) };
+  let restoreFocus = null;
+  let removeTrap = null;
+  function show() {
+    if (state.open.peek())
+      return;
+    state.open.value = true;
+    setExpanded(trigger, true);
+    setHidden(overlay, false);
+    setHidden(content, false);
+    setDataState(trigger, "open");
+    setDataState(overlay, "open");
+    setDataState(content, "open");
+    restoreFocus = saveFocus();
+    removeTrap = trapFocus(content);
+    queueMicrotask(() => cancel.focus());
+    onOpenChange?.(true);
+  }
+  function hide() {
+    if (!state.open.peek())
+      return;
+    state.open.value = false;
+    setExpanded(trigger, false);
+    setDataState(trigger, "closed");
+    setDataState(overlay, "closed");
+    setDataState(content, "closed");
+    setHiddenAnimated(overlay, true);
+    setHiddenAnimated(content, true);
+    removeTrap?.();
+    removeTrap = null;
+    restoreFocus?.();
+    restoreFocus = null;
+    onOpenChange?.(false);
+  }
+  const trigger = AlertDialogTriggerEl(ids.triggerId, ids.contentId, defaultOpen, show);
+  const overlay = AlertDialogOverlayEl(defaultOpen);
+  const content = AlertDialogContentEl(ids.contentId, titleId, descriptionId, defaultOpen);
+  const title = AlertDialogTitleEl(titleId);
+  const description = AlertDialogDescriptionEl(descriptionId);
+  const cancel = AlertDialogCancelBtn(() => hide());
+  const action = AlertDialogActionBtn(() => {
+    onAction?.();
+    hide();
+  });
   if (defaultOpen) {
     restoreFocus = saveFocus();
     removeTrap = trapFocus(content);