@vertz/ui-primitives 0.2.11 → 0.2.13

package/dist/index.js

@@ -223,7 +223,7 @@ var Accordion = {
   }
 };
 // src/alert-dialog/alert-dialog.tsx
-import { __attr, __element, __on } from "@vertz/ui/internals";
+import { __element, __on } from "@vertz/ui/internals";
 import { signal as signal2 } from "@vertz/ui";
 
 // src/utils/focus.ts
@@ -326,10 +326,26 @@ function AlertDialogRoot(options = {}) {
   const trigger = (() => {
     const __el0 = __element("button");
     __el0.setAttribute("type", "button");
-    __attr(__el0, "id", () => ids.triggerId);
-    __attr(__el0, "aria-controls", () => ids.contentId);
-    __attr(__el0, "aria-expanded", () => defaultOpen ? "true" : "false");
-    __attr(__el0, "data-state", () => defaultOpen ? "open" : "closed");
+    {
+      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);
+    }
     __on(__el0, "click", () => {
       if (!state.open.peek())
         show();
@@ -339,31 +355,75 @@ function AlertDialogRoot(options = {}) {
   const overlay = (() => {
     const __el1 = __element("div");
     __el1.setAttribute("data-alertdialog-overlay", "");
-    __attr(__el1, "aria-hidden", () => defaultOpen ? "false" : "true");
-    __attr(__el1, "data-state", () => defaultOpen ? "open" : "closed");
-    __attr(__el1, "style", () => defaultOpen ? "" : "display: none");
+    {
+      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", __v === true ? "" : __v);
+    }
     return __el1;
   })();
   const content = (() => {
     const __el2 = __element("div");
     __el2.setAttribute("role", "alertdialog");
-    __attr(__el2, "id", () => ids.contentId);
+    {
+      const __v = ids.contentId;
+      if (__v != null && __v !== false)
+        __el2.setAttribute("id", __v === true ? "" : __v);
+    }
     __el2.setAttribute("aria-modal", "true");
-    __attr(__el2, "aria-labelledby", () => titleId);
-    __attr(__el2, "aria-describedby", () => descriptionId);
-    __attr(__el2, "aria-hidden", () => defaultOpen ? "false" : "true");
-    __attr(__el2, "data-state", () => defaultOpen ? "open" : "closed");
-    __attr(__el2, "style", () => defaultOpen ? "" : "display: none");
+    {
+      const __v = titleId;
+      if (__v != null && __v !== false)
+        __el2.setAttribute("aria-labelledby", __v === true ? "" : __v);
+    }
+    {
+      const __v = descriptionId;
+      if (__v != null && __v !== false)
+        __el2.setAttribute("aria-describedby", __v === true ? "" : __v);
+    }
+    {
+      const __v = defaultOpen ? "false" : "true";
+      if (__v != null && __v !== false)
+        __el2.setAttribute("aria-hidden", __v === true ? "" : __v);
+    }
+    {
+      const __v = defaultOpen ? "open" : "closed";
+      if (__v != null && __v !== false)
+        __el2.setAttribute("data-state", __v === true ? "" : __v);
+    }
+    {
+      const __v = defaultOpen ? "" : "display: none";
+      if (__v != null && __v !== false)
+        __el2.setAttribute("style", __v === true ? "" : __v);
+    }
     return __el2;
   })();
   const title = (() => {
     const __el3 = __element("h2");
-    __attr(__el3, "id", () => titleId);
+    {
+      const __v = titleId;
+      if (__v != null && __v !== false)
+        __el3.setAttribute("id", __v === true ? "" : __v);
+    }
     return __el3;
   })();
   const description = (() => {
     const __el4 = __element("p");
-    __attr(__el4, "id", () => descriptionId);
+    {
+      const __v = descriptionId;
+      if (__v != null && __v !== false)
+        __el4.setAttribute("id", __v === true ? "" : __v);
+    }
     return __el4;
   })();
   const cancel = (() => {
@@ -392,14 +452,22 @@ var AlertDialog = {
   Root: AlertDialogRoot
 };
 // src/badge/badge.tsx
-import { __attr as __attr2, __element as __element2 } from "@vertz/ui/internals";
+import { __element as __element2 } from "@vertz/ui/internals";
 function BadgeRoot(options = {}) {
   const { variant = "default" } = options;
   const badge = (() => {
     const __el0 = __element2("span");
-    __attr2(__el0, "id", () => uniqueId("badge"));
+    {
+      const __v = uniqueId("badge");
+      if (__v != null && __v !== false)
+        __el0.setAttribute("id", __v === true ? "" : __v);
+    }
     __el0.setAttribute("data-slot", "badge");
-    __attr2(__el0, "data-variant", () => variant);
+    {
+      const __v = variant;
+      if (__v != null && __v !== false)
+        __el0.setAttribute("data-variant", __v === true ? "" : __v);
+    }
     return __el0;
   })();
   return { badge };
@@ -2963,7 +3031,7 @@ var Select = {
   }
 };
 // src/sheet/sheet.tsx
-import { __attr as __attr3, __element as __element3, __on as __on2 } from "@vertz/ui/internals";
+import { __element as __element3, __on as __on2 } from "@vertz/ui/internals";
 import { signal as signal23 } from "@vertz/ui";
 function SheetRoot(options = {}) {
   const { side = "right", defaultOpen = false, onOpenChange } = options;
@@ -3018,10 +3086,26 @@ function SheetRoot(options = {}) {
   const trigger = (() => {
     const __el0 = __element3("button");
     __el0.setAttribute("type", "button");
-    __attr3(__el0, "id", () => ids.triggerId);
-    __attr3(__el0, "aria-controls", () => ids.contentId);
-    __attr3(__el0, "aria-expanded", () => defaultOpen ? "true" : "false");
-    __attr3(__el0, "data-state", () => defaultOpen ? "open" : "closed");
+    {
+      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);
+    }
     __on2(__el0, "click", () => {
       state.open.peek() ? hide() : show();
     });
@@ -3030,9 +3114,21 @@ function SheetRoot(options = {}) {
   const overlay = (() => {
     const __el1 = __element3("div");
     __el1.setAttribute("data-sheet-overlay", "");
-    __attr3(__el1, "aria-hidden", () => defaultOpen ? "false" : "true");
-    __attr3(__el1, "data-state", () => defaultOpen ? "open" : "closed");
-    __attr3(__el1, "style", () => defaultOpen ? "" : "display: none");
+    {
+      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", __v === true ? "" : __v);
+    }
     __on2(__el1, "click", () => hide());
     return __el1;
   })();
@@ -3040,11 +3136,31 @@ function SheetRoot(options = {}) {
     const __el2 = __element3("div");
     __el2.setAttribute("role", "dialog");
     __el2.setAttribute("aria-modal", "true");
-    __attr3(__el2, "id", () => ids.contentId);
-    __attr3(__el2, "data-side", () => side);
-    __attr3(__el2, "aria-hidden", () => defaultOpen ? "false" : "true");
-    __attr3(__el2, "data-state", () => defaultOpen ? "open" : "closed");
-    __attr3(__el2, "style", () => defaultOpen ? "" : "display: none");
+    {
+      const __v = ids.contentId;
+      if (__v != null && __v !== false)
+        __el2.setAttribute("id", __v === true ? "" : __v);
+    }
+    {
+      const __v = side;
+      if (__v != null && __v !== false)
+        __el2.setAttribute("data-side", __v === true ? "" : __v);
+    }
+    {
+      const __v = defaultOpen ? "false" : "true";
+      if (__v != null && __v !== false)
+        __el2.setAttribute("aria-hidden", __v === true ? "" : __v);
+    }
+    {
+      const __v = defaultOpen ? "open" : "closed";
+      if (__v != null && __v !== false)
+        __el2.setAttribute("data-state", __v === true ? "" : __v);
+    }
+    {
+      const __v = defaultOpen ? "" : "display: none";
+      if (__v != null && __v !== false)
+        __el2.setAttribute("style", __v === true ? "" : __v);
+    }
     __on2(__el2, "keydown", (event) => {
       if (isKey(event, Keys.Escape)) {
         event.preventDefault();
@@ -3174,7 +3290,7 @@ import { signal as signal25 } from "@vertz/ui";
 import { __attr as __attr4, __element as __element4, __on as __on3 } from "@vertz/ui/internals";
 function SwitchRoot(options = {}) {
   const { defaultChecked = false, disabled = false, onCheckedChange } = options;
-  const checked = signal25(defaultChecked);
+  const checked = signal25(defaultChecked, "checked");
   function toggle() {
     if (disabled)
       return;
@@ -3186,11 +3302,23 @@ function SwitchRoot(options = {}) {
     __el0.setAttribute("data-v-id", "SwitchRoot");
     __el0.setAttribute("type", "button");
     __el0.setAttribute("role", "switch");
-    __attr4(__el0, "id", () => uniqueId("switch"));
+    {
+      const __v = uniqueId("switch");
+      if (__v != null && __v !== false)
+        __el0.setAttribute("id", __v === true ? "" : __v);
+    }
     __attr4(__el0, "aria-checked", () => checked.value ? "true" : "false");
     __attr4(__el0, "data-state", () => checked.value ? "checked" : "unchecked");
-    __attr4(__el0, "disabled", () => disabled);
-    __attr4(__el0, "aria-disabled", () => disabled ? "true" : undefined);
+    {
+      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);
+    }
     __on3(__el0, "click", toggle);
     __on3(__el0, "keydown", (e) => {
       if (isKey(e, Keys.Space)) {
@@ -3333,7 +3461,7 @@ import { signal as signal28 } from "@vertz/ui";
 import { __attr as __attr5, __element as __element5, __on as __on4 } from "@vertz/ui/internals";
 function ToggleRoot(options = {}) {
   const { defaultPressed = false, disabled = false, onPressedChange } = options;
-  const pressed = signal28(defaultPressed);
+  const pressed = signal28(defaultPressed, "pressed");
   function toggle() {
     if (disabled)
       return;
@@ -3344,11 +3472,23 @@ function ToggleRoot(options = {}) {
     const __el0 = __element5("button");
     __el0.setAttribute("data-v-id", "ToggleRoot");
     __el0.setAttribute("type", "button");
-    __attr5(__el0, "id", () => uniqueId("toggle"));
+    {
+      const __v = uniqueId("toggle");
+      if (__v != null && __v !== false)
+        __el0.setAttribute("id", __v === true ? "" : __v);
+    }
     __attr5(__el0, "aria-pressed", () => pressed.value ? "true" : "false");
     __attr5(__el0, "data-state", () => pressed.value ? "on" : "off");
-    __attr5(__el0, "disabled", () => disabled);
-    __attr5(__el0, "aria-disabled", () => disabled ? "true" : undefined);
+    {
+      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);
+    }
     __on4(__el0, "click", toggle);
     __on4(__el0, "keydown", (e) => {
       if (isKey(e, Keys.Space)) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vertz/ui-primitives",
-  "version": "0.2.11",
+  "version": "0.2.13",
   "type": "module",
   "license": "MIT",
   "description": "Headless UI primitives for Vertz — Accordion, Dialog, Select, and more",
@@ -36,11 +36,11 @@
   },
   "dependencies": {
     "@floating-ui/dom": "^1.7.5",
-    "@vertz/ui": "^0.2.11"
+    "@vertz/ui": "^0.2.12"
   },
   "devDependencies": {
     "@happy-dom/global-registrator": "^20.7.0",
-    "@vertz/ui-compiler": "^0.2.11",
+    "@vertz/ui-compiler": "^0.2.12",
     "bunup": "^0.16.31",
     "happy-dom": "^20.7.0",
     "typescript": "^5.7.0"