@ptlm-azulejo/combobox 1.0.0-alpha.251 → 1.0.0

package/dist/index.js

@@ -2,15 +2,21 @@ import { Fragment as ke, computed as h, createBlock as K, createCommentVNode as
 import "@ptlm-azulejo/icons/style.css";
 function nt(e) {
   var o, t, a = "";
-  if (typeof e == "string" || typeof e == "number") a += e;
-  else if (typeof e == "object") if (Array.isArray(e)) {
-    var l = e.length;
-    for (o = 0; o < l; o++) e[o] && (t = nt(e[o])) && (a && (a += " "), a += t);
-  } else for (t in e) e[t] && (a && (a += " "), a += t);
+  if (typeof e == "string" || typeof e == "number")
+    a += e;
+  else if (typeof e == "object")
+    if (Array.isArray(e)) {
+      var l = e.length;
+      for (o = 0; o < l; o++)
+        e[o] && (t = nt(e[o])) && (a && (a += " "), a += t);
+    } else
+      for (t in e)
+        e[t] && (a && (a += " "), a += t);
   return a;
 }
 function Tt() {
-  for (var e, o, t = 0, a = "", l = arguments.length; t < l; t++) (e = arguments[t]) && (o = nt(e)) && (a && (a += " "), a += o);
+  for (var e, o, t = 0, a = "", l = arguments.length; t < l; t++)
+    (e = arguments[t]) && (o = nt(e)) && (a && (a += " "), a += o);
   return a;
 }
 function Se(e) {
@@ -22,11 +28,13 @@ function Se(e) {
   }, Se(e);
 }
 function Rt(e, o) {
-  if (Se(e) != "object" || !e) return e;
+  if (Se(e) != "object" || !e)
+    return e;
   var t = e[Symbol.toPrimitive];
   if (t !== void 0) {
     var a = t.call(e, o || "default");
-    if (Se(a) != "object") return a;
+    if (Se(a) != "object")
+      return a;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return (o === "string" ? String : Number)(e);
@@ -66,8 +74,10 @@ function $t(e) {
 }
 var Pt = (e, o) => {
   const t = new Array(e.length + o.length);
-  for (let a = 0; a < e.length; a++) t[a] = e[a];
-  for (let a = 0; a < o.length; a++) t[e.length + a] = o[a];
+  for (let a = 0; a < e.length; a++)
+    t[a] = e[a];
+  for (let a = 0; a < o.length; a++)
+    t[e.length + a] = o[a];
   return t;
 }, Mt = (e, o) => ({
   classGroupId: e,
@@ -80,7 +90,8 @@ var Pt = (e, o) => {
   const o = Et(e), { conflictingClassGroups: t, conflictingClassGroupModifiers: a } = e;
   return {
     getClassGroupId: (r) => {
-      if (r.startsWith("[") && r.endsWith("]")) return jt(r);
+      if (r.startsWith("[") && r.endsWith("]"))
+        return jt(r);
       const u = r.split(Me), n = u[0] === "" && u.length > 1 ? 1 : 0;
       return st(u, n, o);
     },
@@ -93,18 +104,22 @@ var Pt = (e, o) => {
     }
   };
 }, st = (e, o, t) => {
-  if (e.length - o === 0) return t.classGroupId;
+  if (e.length - o === 0)
+    return t.classGroupId;
   const a = e[o], l = t.nextPart.get(a);
   if (l) {
     const n = st(e, o + 1, l);
-    if (n) return n;
+    if (n)
+      return n;
   }
   const i = t.validators;
-  if (i === null) return;
+  if (i === null)
+    return;
   const r = o === 0 ? e.join(Me) : e.slice(o).join(Me), u = i.length;
   for (let n = 0; n < u; n++) {
     const b = i[n];
-    if (b.validator(r)) return b.classGroupId;
+    if (b.validator(r))
+      return b.classGroupId;
   }
 }, jt = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
   const o = e.slice(1, -1), t = o.indexOf(":"), a = o.slice(0, t);
@@ -160,12 +175,13 @@ var Pt = (e, o) => {
   }
   return t;
 }, Qt = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, Kt = (e) => {
-  if (e < 1) return {
-    get: () => {
-    },
-    set: () => {
-    }
-  };
+  if (e < 1)
+    return {
+      get: () => {
+      },
+      set: () => {
+      }
+    };
   let o = 0, t = /* @__PURE__ */ Object.create(null), a = /* @__PURE__ */ Object.create(null);
   const l = (i, r) => {
     t[i] = r, o++, o > e && (o = 0, a = t, t = /* @__PURE__ */ Object.create(null));
@@ -173,7 +189,8 @@ var Pt = (e, o) => {
   return {
     get(i) {
       let r = t[i];
-      if (r !== void 0) return r;
+      if (r !== void 0)
+        return r;
       if ((r = a[i]) !== void 0)
         return l(i, r), r;
     },
@@ -245,7 +262,9 @@ var Pt = (e, o) => {
   postfixLookupClassGroupIds: Jt(e)
 }, Vt(e)), Jt = (e) => {
   const o = /* @__PURE__ */ Object.create(null), t = e.postfixLookupClassGroups;
-  if (t) for (let a = 0; a < t.length; a++) o[t[a]] = !0;
+  if (t)
+    for (let a = 0; a < t.length; a++)
+      o[t[a]] = !0;
   return o;
 }, Zt = /\s+/, _t = (e, o) => {
   const { parseClassName: t, getClassGroupId: a, getConflictingClassGroupIds: l, sortModifiers: i, postfixLookupClassGroupIds: r } = o, u = [], n = e.trim().split(Zt);
@@ -261,7 +280,8 @@ var Pt = (e, o) => {
       A = a(I.substring(0, p));
       const D = A && r[A] ? a(I) : void 0;
       D && D !== A && (A = D, s = !1);
-    } else A = a(I);
+    } else
+      A = a(I);
     if (!A) {
       if (!s) {
         b = k + (b.length > 0 ? " " + b : b);
@@ -274,7 +294,8 @@ var Pt = (e, o) => {
       s = !1;
     }
     const M = z.length === 0 ? "" : z.length === 1 ? z[0] : i(z).join(":"), B = w ? M + Ne : M, H = B + A;
-    if (u.indexOf(H) > -1) continue;
+    if (u.indexOf(H) > -1)
+      continue;
     u.push(H);
     const Y = l(A, s);
     for (let D = 0; D < Y.length; ++D) {
@@ -286,12 +307,15 @@ var Pt = (e, o) => {
   return b;
 }, eo = (...e) => {
   let o = 0, t, a, l = "";
-  for (; o < e.length; ) (t = e[o++]) && (a = dt(t)) && (l && (l += " "), l += a);
+  for (; o < e.length; )
+    (t = e[o++]) && (a = dt(t)) && (l && (l += " "), l += a);
   return l;
 }, dt = (e) => {
-  if (typeof e == "string") return e;
+  if (typeof e == "string")
+    return e;
   let o, t = "";
-  for (let a = 0; a < e.length; a++) e[a] && (o = dt(e[a])) && (t && (t += " "), t += o);
+  for (let a = 0; a < e.length; a++)
+    e[a] && (o = dt(e[a])) && (t && (t += " "), t += o);
   return t;
 }, _e = (e, ...o) => {
   let t, a, l, i;
@@ -300,7 +324,8 @@ var Pt = (e, o) => {
     return t = Xt(b), a = t.cache.get, l = t.cache.set, i = u, u(n);
   }, u = (n) => {
     const b = a(n);
-    if (b) return b;
+    if (b)
+      return b;
     const v = _t(n, t);
     return l(n, v), v;
   };
@@ -1792,9 +1817,13 @@ var Pt = (e, o) => {
 }, Co = (e, { cacheSize: o, prefix: t, experimentalParseClassName: a, extend: l = {}, override: i = {} }) => (be(e, "cacheSize", o), be(e, "prefix", t), be(e, "experimentalParseClassName", a), Oe(e.theme, i.theme), Oe(e.classGroups, i.classGroups), Oe(e.conflictingClassGroups, i.conflictingClassGroups), Oe(e.conflictingClassGroupModifiers, i.conflictingClassGroupModifiers), be(e, "postfixLookupClassGroups", i.postfixLookupClassGroups), be(e, "orderSensitiveModifiers", i.orderSensitiveModifiers), $e(e.theme, l.theme), $e(e.classGroups, l.classGroups), $e(e.conflictingClassGroups, l.conflictingClassGroups), $e(e.conflictingClassGroupModifiers, l.conflictingClassGroupModifiers), Fe(e, l, "postfixLookupClassGroups"), Fe(e, l, "orderSensitiveModifiers"), e), be = (e, o, t) => {
   t !== void 0 && (e[o] = t);
 }, Oe = (e, o) => {
-  if (o) for (const t in o) be(e, t, o[t]);
+  if (o)
+    for (const t in o)
+      be(e, t, o[t]);
 }, $e = (e, o) => {
-  if (o) for (const t in o) Fe(e, o, t);
+  if (o)
+    for (const t in o)
+      Fe(e, o, t);
 }, Fe = (e, o, t) => {
   const a = o[t];
   a !== void 0 && (e[t] = e[t] ? e[t].concat(a) : a);
@@ -1824,7 +1853,8 @@ var Ke = (e) => e.type === "section", de = (e) => e.type !== "section" && e.valu
   const o = [];
   for (let t = 0; t < e.length; t++) {
     const a = e[t];
-    if (!a) continue;
+    if (!a)
+      continue;
     if (Ke(a)) {
       o.push({
         type: "section",
@@ -2594,7 +2624,8 @@ var qe = { size: {
 }), aa = oa, la = (e) => {
   const o = Z(""), t = h(() => {
     const r = o.value.trim().toLowerCase();
-    if (!r) return e.options;
+    if (!r)
+      return e.options;
     const u = [];
     let n = null, b = [];
     const v = (y) => {
@@ -2604,10 +2635,12 @@ var qe = { size: {
       if (n) {
         const y = n.label.toLowerCase().includes(r), z = b.filter(v);
         y ? u.push(n, ...b) : z.length > 0 && u.push(n, ...z);
-      } else u.push(...b.filter(v));
+      } else
+        u.push(...b.filter(v));
       n = null, b = [];
     };
-    for (const y of e.options) Ke(y) ? (k(), n = y) : b.push(y);
+    for (const y of e.options)
+      Ke(y) ? (k(), n = y) : b.push(y);
     return k(), u;
   }), a = h(() => t.value.filter((r) => de(r) && !r.disabled)), l = h(() => e.options.filter((r) => de(r) && !r.disabled).map(oe));
   return {
@@ -2621,7 +2654,8 @@ var qe = { size: {
   };
 }, ra = (e, o, t) => {
   const a = rt(), l = Z(null), i = Z(null), r = Z(null), u = Z(!1), n = Z(void 0), b = h(() => e.open !== void 0), v = h(() => b.value ? !!e.open : u.value), k = h(() => `${a}-listbox`), y = (m, L) => `${a}-option-${L}-${encodeURIComponent(String(m))}`, z = (m) => t.visibleOptions.value.indexOf(m), w = (m) => {
-    if (!de(m)) return;
+    if (!de(m))
+      return;
     const L = z(m);
     if (!(L < 0))
       return y(oe(m), L);
@@ -2640,12 +2674,14 @@ var qe = { size: {
     t.selectOption(m), e.multiple || s(!1);
   }, M = (m) => {
     const L = t.selectableVisible.value;
-    if (L.length === 0) return;
+    if (L.length === 0)
+      return;
     const P = n.value ? L.indexOf(n.value) : -1;
     let N;
     P < 0 ? N = m === 1 ? 0 : L.length - 1 : N = (P + m + L.length) % L.length;
     const X = L[N];
-    if (!X) return;
+    if (!X)
+      return;
     n.value = X;
     const ae = z(X);
     Ve(() => {
@@ -2660,7 +2696,8 @@ var qe = { size: {
   }, Y = () => {
     e.disabled || e.readonly || s(!v.value);
   }, D = (m) => {
-    if (e.disabled || e.readonly) return;
+    if (e.disabled || e.readonly)
+      return;
     const L = m.target, P = !!(L != null && L.closest('[data-testid="combobox-search"]'));
     if (!(P && m.key.length === 1 && !m.metaKey && !m.ctrlKey && !m.altKey) && !(L != null && L.closest("button") && (m.key === " " || m.key === "Enter")))
       switch (m.key) {
@@ -2679,16 +2716,19 @@ var qe = { size: {
           M(-1);
           break;
         case "Home":
-          if (!v.value) return;
+          if (!v.value)
+            return;
           m.preventDefault(), B("start");
           break;
         case "End":
-          if (!v.value) return;
+          if (!v.value)
+            return;
           m.preventDefault(), B("end");
           break;
         case "Enter":
         case " ":
-          if (P && m.key === " ") return;
+          if (P && m.key === " ")
+            return;
           if (m.preventDefault(), !v.value) {
             s(!0);
             return;
@@ -2696,14 +2736,16 @@ var qe = { size: {
           H();
           break;
         case "Escape":
-          if (!v.value) return;
+          if (!v.value)
+            return;
           m.preventDefault(), s(!1);
           break;
         case "Tab":
           v.value && s(!1);
       }
   }, f = (m) => {
-    if (!v.value) return;
+    if (!v.value)
+      return;
     const L = l.value;
     L && !L.contains(m.target) && s(!1);
   };
@@ -2720,7 +2762,8 @@ var qe = { size: {
       return (N = r.value) === null || N === void 0 ? void 0 : N.focus();
     });
   }, { immediate: !0 }), De(t.selectableVisible, () => {
-    if (!v.value) return;
+    if (!v.value)
+      return;
     const m = t.selectableVisible.value;
     (!n.value || !m.includes(n.value)) && (n.value = m[0]);
   }), Lt(() => {
@@ -2755,7 +2798,8 @@ var qe = { size: {
     }
     o("update:modelValue", (s = p[0]) !== null && s !== void 0 ? s : "");
   }, b = (p) => {
-    if (e.disabled || e.readonly || p.disabled || !de(p)) return;
+    if (e.disabled || e.readonly || p.disabled || !de(p))
+      return;
     const s = oe(p);
     if (e.multiple) {
       const A = a.value, M = A.includes(s) ? A.filter((B) => B !== s) : [...A, s];
@@ -2771,7 +2815,8 @@ var qe = { size: {
     const s = [], A = t.visibleOptions.value;
     for (let M = p + 1; M < A.length; M++) {
       const B = A[M];
-      if (!B || Ke(B)) break;
+      if (!B || Ke(B))
+        break;
       de(B) && s.push(B);
     }
     return s;
@@ -2790,14 +2835,17 @@ var qe = { size: {
     },
     sectionCheckState: (p) => {
       const s = y(p).filter((B) => !B.disabled);
-      if (s.length === 0) return "unchecked";
+      if (s.length === 0)
+        return "unchecked";
       const A = a.value, M = s.filter((B) => A.includes(oe(B))).length;
       return M === 0 ? "unchecked" : M === s.length ? "checked" : "indeterminate";
     },
     toggleSection: (p) => {
-      if (e.disabled || e.readonly || !e.multiple || !e.checkableSections) return;
+      if (e.disabled || e.readonly || !e.multiple || !e.checkableSections)
+        return;
       const s = y(p).filter((B) => !B.disabled).map(oe);
-      if (s.length === 0) return;
+      if (s.length === 0)
+        return;
       const A = a.value, M = s.every((B) => A.includes(B));
       n(M ? A.filter((B) => !s.includes(B)) : [.../* @__PURE__ */ new Set([...A, ...s])]);
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ptlm-azulejo/combobox",
-  "version": "1.0.0-alpha.251",
+  "version": "1.0.0",
   "type": "module",
   "main": "./dist/index.umd.cjs",
   "module": "./dist/index.js",

package/CHANGELOG.md

@@ -1,10 +0,0 @@
-# Change Log
-
-## 1.0.0
-
-### Major Changes
-
-- f2ca149: Add `AzCombobox` — a select-from-list input with single or multiple selection, optional in-list search, grouped/checkable sections, clear and select-all actions, selected-row highlighting, tag overflow, and typed `:ui` overrides. Glyphs (check, cross, search, chevron) come from `@ptlm-azulejo/icons`, which is pulled in as a dependency. Combobox ARIA (`role`, `aria-expanded`, `aria-controls`, `aria-activedescendant`) follows focus: the trigger when closed or without search, the search input once the listbox is open. `role="listbox"` sits on the option list (not the popup panel) so search, actions, and other chrome are not listbox children; an empty result is a disabled option. All user-facing copy is overridable (including empty state, overflow chips, and aria labels, with `{count}` / `{label}` tokens). Published styles are scoped to `.az-combobox` BEM roots so the stylesheet does not leak global Tailwind utilities; those selectors are wrapped in `:where()` so they compile at zero specificity and a `:ui` utility always wins (including selected, disabled, invalid, and hover states).
-
-All notable changes to this project will be documented in this file.
-See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.