@vertz/ui-primitives 0.2.10 → 0.2.12

package/dist/index.js

@@ -223,7 +223,7 @@ var Accordion = {
   }
 };
 // src/alert-dialog/alert-dialog.tsx
-import { __element, __on } from "@vertz/ui/internals";
+import { __attr, __element, __on } from "@vertz/ui/internals";
 import { signal as signal2 } from "@vertz/ui";
 
 // src/utils/focus.ts
@@ -326,26 +326,10 @@ function AlertDialogRoot(options = {}) {
   const trigger = (() => {
     const __el0 = __element("button");
     __el0.setAttribute("type", "button");
-    {
-      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);
-    }
+    __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");
     __on(__el0, "click", () => {
       if (!state.open.peek())
         show();
@@ -355,75 +339,31 @@ function AlertDialogRoot(options = {}) {
   const overlay = (() => {
     const __el1 = __element("div");
     __el1.setAttribute("data-alertdialog-overlay", "");
-    {
-      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);
-    }
+    __attr(__el1, "aria-hidden", () => defaultOpen ? "false" : "true");
+    __attr(__el1, "data-state", () => defaultOpen ? "open" : "closed");
+    __attr(__el1, "style", () => defaultOpen ? "" : "display: none");
     return __el1;
   })();
   const content = (() => {
     const __el2 = __element("div");
     __el2.setAttribute("role", "alertdialog");
-    {
-      const __v = ids.contentId;
-      if (__v != null && __v !== false)
-        __el2.setAttribute("id", __v === true ? "" : __v);
-    }
+    __attr(__el2, "id", () => ids.contentId);
     __el2.setAttribute("aria-modal", "true");
-    {
-      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);
-    }
+    __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");
     return __el2;
   })();
   const title = (() => {
     const __el3 = __element("h2");
-    {
-      const __v = titleId;
-      if (__v != null && __v !== false)
-        __el3.setAttribute("id", __v === true ? "" : __v);
-    }
+    __attr(__el3, "id", () => titleId);
     return __el3;
   })();
   const description = (() => {
     const __el4 = __element("p");
-    {
-      const __v = descriptionId;
-      if (__v != null && __v !== false)
-        __el4.setAttribute("id", __v === true ? "" : __v);
-    }
+    __attr(__el4, "id", () => descriptionId);
     return __el4;
   })();
   const cancel = (() => {
@@ -452,22 +392,14 @@ var AlertDialog = {
   Root: AlertDialogRoot
 };
 // src/badge/badge.tsx
-import { __element as __element2 } from "@vertz/ui/internals";
+import { __attr as __attr2, __element as __element2 } from "@vertz/ui/internals";
 function BadgeRoot(options = {}) {
   const { variant = "default" } = options;
   const badge = (() => {
     const __el0 = __element2("span");
-    {
-      const __v = uniqueId("badge");
-      if (__v != null && __v !== false)
-        __el0.setAttribute("id", __v === true ? "" : __v);
-    }
+    __attr2(__el0, "id", () => uniqueId("badge"));
     __el0.setAttribute("data-slot", "badge");
-    {
-      const __v = variant;
-      if (__v != null && __v !== false)
-        __el0.setAttribute("data-variant", __v === true ? "" : __v);
-    }
+    __attr2(__el0, "data-variant", () => variant);
     return __el0;
   })();
   return { badge };
@@ -3031,7 +2963,7 @@ var Select = {
   }
 };
 // src/sheet/sheet.tsx
-import { __element as __element3, __on as __on2 } from "@vertz/ui/internals";
+import { __attr as __attr3, __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;
@@ -3086,26 +3018,10 @@ function SheetRoot(options = {}) {
   const trigger = (() => {
     const __el0 = __element3("button");
     __el0.setAttribute("type", "button");
-    {
-      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);
-    }
+    __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");
     __on2(__el0, "click", () => {
       state.open.peek() ? hide() : show();
     });
@@ -3114,21 +3030,9 @@ function SheetRoot(options = {}) {
   const overlay = (() => {
     const __el1 = __element3("div");
     __el1.setAttribute("data-sheet-overlay", "");
-    {
-      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);
-    }
+    __attr3(__el1, "aria-hidden", () => defaultOpen ? "false" : "true");
+    __attr3(__el1, "data-state", () => defaultOpen ? "open" : "closed");
+    __attr3(__el1, "style", () => defaultOpen ? "" : "display: none");
     __on2(__el1, "click", () => hide());
     return __el1;
   })();
@@ -3136,31 +3040,11 @@ function SheetRoot(options = {}) {
     const __el2 = __element3("div");
     __el2.setAttribute("role", "dialog");
     __el2.setAttribute("aria-modal", "true");
-    {
-      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);
-    }
+    __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");
     __on2(__el2, "keydown", (event) => {
       if (isKey(event, Keys.Escape)) {
         event.preventDefault();
@@ -3287,10 +3171,10 @@ var Slider = {
 };
 // src/switch/switch.tsx
 import { signal as signal25 } from "@vertz/ui";
-import { __attr, __element as __element4, __on as __on3 } from "@vertz/ui/internals";
+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;
@@ -3302,23 +3186,11 @@ function SwitchRoot(options = {}) {
     __el0.setAttribute("data-v-id", "SwitchRoot");
     __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);
-    }
+    __attr4(__el0, "id", () => uniqueId("switch"));
+    __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);
     __on3(__el0, "click", toggle);
     __on3(__el0, "keydown", (e) => {
       if (isKey(e, Keys.Space)) {
@@ -3458,10 +3330,10 @@ var Toast = {
 };
 // src/toggle/toggle.tsx
 import { signal as signal28 } from "@vertz/ui";
-import { __attr as __attr2, __element as __element5, __on as __on4 } from "@vertz/ui/internals";
+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;
@@ -3472,23 +3344,11 @@ function ToggleRoot(options = {}) {
     const __el0 = __element5("button");
     __el0.setAttribute("data-v-id", "ToggleRoot");
     __el0.setAttribute("type", "button");
-    {
-      const __v = uniqueId("toggle");
-      if (__v != null && __v !== false)
-        __el0.setAttribute("id", __v === true ? "" : __v);
-    }
-    __attr2(__el0, "aria-pressed", () => pressed.value ? "true" : "false");
-    __attr2(__el0, "data-state", () => pressed.value ? "on" : "off");
-    {
-      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);
-    }
+    __attr5(__el0, "id", () => uniqueId("toggle"));
+    __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);
     __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.10",
+  "version": "0.2.12",
   "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.2"
+    "@vertz/ui": "^0.2.11"
   },
   "devDependencies": {
     "@happy-dom/global-registrator": "^20.7.0",
-    "@vertz/ui-compiler": "^0.2.4",
+    "@vertz/ui-compiler": "^0.2.11",
     "bunup": "^0.16.31",
     "happy-dom": "^20.7.0",
     "typescript": "^5.7.0"