@appforgeapps/uiforge 0.5.4 → 0.5.6

package/dist/uiforge.js

@@ -1,6 +1,6 @@
-import { jsx as n, jsxs as b, Fragment as ye } from "react/jsx-runtime";
+import { jsx as n, jsxs as m, Fragment as ge } from "react/jsx-runtime";
 import { useState as X, useMemo as se, useCallback as B, useRef as Q, useEffect as ie, createElement as Se, PureComponent as Qe, createContext as Xe, useContext as et, useId as tt } from "react";
-const Zr = ({
+const Yr = ({
   variant: t = "primary",
   size: e = "medium",
   theme: r = "light",
@@ -9,9 +9,9 @@ const Zr = ({
   className: c = "",
   ...s
 }) => {
-  const l = "uiforge-button", I = `${l}--${t}`, _ = `${l}--${e}`, L = `${l}--${r}`, A = i === "condensed" ? `${l}--condensed` : "", S = [l, I, _, L, A, c].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n("button", { className: S, "data-theme": r, ...s, children: a });
-}, Gr = ({
+  const l = "uiforge-button", $ = `${l}--${t}`, w = `${l}--${e}`, N = `${l}--${r}`, k = i === "condensed" ? `${l}--condensed` : "", x = [l, $, w, N, k, c].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("button", { className: x, "data-theme": r, ...s, children: a });
+}, Jr = ({
   isOpen: t,
   controlsId: e,
   ariaLabel: r = "Toggle menu",
@@ -20,7 +20,7 @@ const Zr = ({
   ...c
 }) => {
   const s = "uiforge-hamburger-button", l = [s, `${s}--${a}`, t && `${s}--open`, i].filter(Boolean).join(" ");
-  return /* @__PURE__ */ b(
+  return /* @__PURE__ */ m(
     "button",
     {
       type: "button",
@@ -36,7 +36,7 @@ const Zr = ({
       ]
     }
   );
-}, Yr = ({
+}, Qr = ({
   icon: t,
   size: e = "medium",
   ariaLabel: r,
@@ -45,188 +45,188 @@ const Zr = ({
   disabled: c,
   ...s
 }) => {
-  const l = "uiforge-icon-button", I = [l, `${l}--${e}`, a].filter(Boolean).join(" ");
-  return /* @__PURE__ */ b("button", { type: "button", className: I, "aria-label": r, disabled: c, ...s, children: [
+  const l = "uiforge-icon-button", $ = [l, `${l}--${e}`, a].filter(Boolean).join(" ");
+  return /* @__PURE__ */ m("button", { type: "button", className: $, "aria-label": r, disabled: c, ...s, children: [
     /* @__PURE__ */ n("span", { className: `${l}__icon`, "aria-hidden": "true", children: t }),
     i !== void 0 && /* @__PURE__ */ n("span", { className: `${l}__badge`, "aria-hidden": "true", children: i })
   ] });
-}, Jr = ({
+}, Xr = ({
   columns: t,
   data: e,
   theme: r = "light",
   selectable: i = !1,
   selectedRows: a,
-  getRowKey: c = (O, k) => k,
+  getRowKey: c = (E, S) => S,
   onSelectionChange: s,
   onCellEdit: l,
-  actionButtons: I = [],
-  searchable: _ = !1,
-  searchPlaceholder: L = "Search...",
-  onSearch: A,
-  customFilter: S,
+  actionButtons: $ = [],
+  searchable: w = !1,
+  searchPlaceholder: N = "Search...",
+  onSearch: k,
+  customFilter: x,
   pagination: d,
-  onPageChange: C,
+  onPageChange: _,
   onPageSizeChange: o,
   pageSizeOptions: u = [10, 25, 50, 100],
-  className: m = "",
-  loading: y = !1,
-  emptyMessage: N = "No data available"
+  className: h = "",
+  loading: g = !1,
+  emptyMessage: L = "No data available"
 }) => {
-  const [O, k] = X(/* @__PURE__ */ new Set()), [$, D] = X(""), [P, M] = X(null), [R, j] = X(""), p = a ?? O, h = se(() => !_ || !$ ? e : e.filter((v) => S ? S(v, $) : Object.values(v).some((T) => T == null ? !1 : String(T).toLowerCase().includes($.toLowerCase()))), [e, $, _, S]), w = se(() => {
+  const [E, S] = X(/* @__PURE__ */ new Set()), [C, P] = X(""), [z, A] = X(null), [R, T] = X(""), v = a ?? E, f = se(() => !w || !C ? e : e.filter((y) => x ? x(y, C) : Object.values(y).some((j) => j == null ? !1 : String(j).toLowerCase().includes(C.toLowerCase()))), [e, C, w, x]), I = se(() => {
     if (!d || d.serverSide)
-      return h;
-    const v = d.currentPage * d.pageSize, T = v + d.pageSize;
-    return h.slice(v, T);
-  }, [h, d]), x = se(() => d ? d.serverSide && d.totalItems !== void 0 ? Math.ceil(d.totalItems / d.pageSize) : Math.ceil(h.length / d.pageSize) : 1, [d, h.length]), ae = B(() => e.filter((v, T) => {
-    const F = c(v, T);
-    return p.has(F);
-  }), [e, p, c]), J = B(
-    (v) => {
-      const T = /* @__PURE__ */ new Set();
-      v && w.forEach((F) => {
+      return f;
+    const y = d.currentPage * d.pageSize, j = y + d.pageSize;
+    return f.slice(y, j);
+  }, [f, d]), M = se(() => d ? d.serverSide && d.totalItems !== void 0 ? Math.ceil(d.totalItems / d.pageSize) : Math.ceil(f.length / d.pageSize) : 1, [d, f.length]), ae = B(() => e.filter((y, j) => {
+    const F = c(y, j);
+    return v.has(F);
+  }), [e, v, c]), J = B(
+    (y) => {
+      const j = /* @__PURE__ */ new Set();
+      y && I.forEach((F) => {
         const Z = e.indexOf(F), de = c(F, Z);
-        T.add(de);
-      }), a === void 0 && k(T), s?.(T, v ? w : []);
+        j.add(de);
+      }), a === void 0 && S(j), s?.(j, y ? I : []);
     },
-    [w, e, c, s, a]
+    [I, e, c, s, a]
   ), oe = B(
-    (v, T, F) => {
-      const Z = new Set(p);
-      F ? Z.add(v) : Z.delete(v), a === void 0 && k(Z);
+    (y, j, F) => {
+      const Z = new Set(v);
+      F ? Z.add(y) : Z.delete(y), a === void 0 && S(Z);
       const de = e.filter((K, pe) => {
-        const ge = c(K, pe);
-        return Z.has(ge);
+        const ye = c(K, pe);
+        return Z.has(ye);
       });
       s?.(Z, de);
     },
-    [p, e, c, s, a]
+    [v, e, c, s, a]
   ), re = B(
-    (v) => {
-      D(v), A?.(v);
+    (y) => {
+      P(y), k?.(y);
     },
-    [A]
+    [k]
   ), ce = B(
-    (v, T, F) => {
-      M({ rowKey: v, columnKey: T }), j(F);
+    (y, j, F) => {
+      A({ rowKey: y, columnKey: j }), T(F);
     },
     []
   ), le = B(
-    (v, T, F) => {
-      l?.(v, T, R, F), M(null), j("");
+    (y, j, F) => {
+      l?.(y, j, R, F), A(null), T("");
     },
     [R, l]
   ), H = B(() => {
-    M(null), j("");
+    A(null), T("");
   }, []), he = B(
-    (v) => {
-      d && C?.(v, d.pageSize);
+    (y) => {
+      d && _?.(y, d.pageSize);
     },
-    [d, C]
+    [d, _]
   ), G = B(
-    (v) => {
-      o?.(v), d && C?.(0, v);
+    (y) => {
+      o?.(y), d && _?.(0, y);
     },
-    [o, C, d]
-  ), ne = se(() => w.length === 0 ? !1 : w.every((v) => {
-    const T = e.indexOf(v), F = c(v, T);
-    return p.has(F);
-  }), [w, p, e, c]), me = se(() => w.length === 0 ? !1 : w.some((T) => {
-    const F = e.indexOf(T), Z = c(T, F);
-    return p.has(Z);
-  }) && !ne, [w, p, ne, e, c]), E = "uiforge-grid", q = `${E}--${r}`;
-  return /* @__PURE__ */ b("div", { className: `${E} ${q} ${m}`.trim(), "data-theme": r, children: [
-    (_ || I.length > 0) && /* @__PURE__ */ b("div", { className: `${E}__toolbar`, children: [
-      _ && /* @__PURE__ */ n("div", { className: `${E}__search`, children: /* @__PURE__ */ n(
+    [o, _, d]
+  ), ne = se(() => I.length === 0 ? !1 : I.every((y) => {
+    const j = e.indexOf(y), F = c(y, j);
+    return v.has(F);
+  }), [I, v, e, c]), me = se(() => I.length === 0 ? !1 : I.some((j) => {
+    const F = e.indexOf(j), Z = c(j, F);
+    return v.has(Z);
+  }) && !ne, [I, v, ne, e, c]), D = "uiforge-grid", q = `${D}--${r}`;
+  return /* @__PURE__ */ m("div", { className: `${D} ${q} ${h}`.trim(), "data-theme": r, children: [
+    (w || $.length > 0) && /* @__PURE__ */ m("div", { className: `${D}__toolbar`, children: [
+      w && /* @__PURE__ */ n("div", { className: `${D}__search`, children: /* @__PURE__ */ n(
         "input",
         {
           type: "text",
-          className: `${E}__search-input`,
-          placeholder: L,
-          value: $,
-          onChange: (v) => re(v.target.value),
+          className: `${D}__search-input`,
+          placeholder: N,
+          value: C,
+          onChange: (y) => re(y.target.value),
           "aria-label": "Search"
         }
       ) }),
-      I.length > 0 && /* @__PURE__ */ n("div", { className: `${E}__actions`, children: I.map((v, T) => {
-        const F = v.disabled || v.requiresSelection && p.size === 0;
+      $.length > 0 && /* @__PURE__ */ n("div", { className: `${D}__actions`, children: $.map((y, j) => {
+        const F = y.disabled || y.requiresSelection && v.size === 0;
         return /* @__PURE__ */ n(
           "button",
           {
-            className: `${E}__action-button ${E}__action-button--${v.variant || "primary"}`,
-            onClick: () => v.onClick(ae()),
+            className: `${D}__action-button ${D}__action-button--${y.variant || "primary"}`,
+            onClick: () => y.onClick(ae()),
             disabled: F,
-            children: v.label
+            children: y.label
           },
-          T
+          j
         );
       }) })
     ] }),
-    /* @__PURE__ */ n("div", { className: `${E}__table-container`, children: /* @__PURE__ */ b("table", { className: `${E}__table`, role: "table", children: [
-      /* @__PURE__ */ n("thead", { children: /* @__PURE__ */ b("tr", { children: [
-        i && /* @__PURE__ */ n("th", { className: `${E}__header-cell ${E}__header-cell--checkbox`, children: /* @__PURE__ */ n(
+    /* @__PURE__ */ n("div", { className: `${D}__table-container`, children: /* @__PURE__ */ m("table", { className: `${D}__table`, role: "table", children: [
+      /* @__PURE__ */ n("thead", { children: /* @__PURE__ */ m("tr", { children: [
+        i && /* @__PURE__ */ n("th", { className: `${D}__header-cell ${D}__header-cell--checkbox`, children: /* @__PURE__ */ n(
           "input",
           {
             type: "checkbox",
             checked: ne,
-            ref: (v) => {
-              v && (v.indeterminate = me);
+            ref: (y) => {
+              y && (y.indeterminate = me);
             },
-            onChange: (v) => J(v.target.checked),
+            onChange: (y) => J(y.target.checked),
             "aria-label": "Select all rows"
           }
         ) }),
-        t.map((v) => /* @__PURE__ */ n(
+        t.map((y) => /* @__PURE__ */ n(
           "th",
           {
-            className: `${E}__header-cell`,
-            style: { width: v.width },
-            children: v.header
+            className: `${D}__header-cell`,
+            style: { width: y.width },
+            children: y.header
           },
-          v.key
+          y.key
         ))
       ] }) }),
-      /* @__PURE__ */ n("tbody", { children: y ? /* @__PURE__ */ n("tr", { children: /* @__PURE__ */ n(
+      /* @__PURE__ */ n("tbody", { children: g ? /* @__PURE__ */ n("tr", { children: /* @__PURE__ */ n(
         "td",
         {
           colSpan: t.length + (i ? 1 : 0),
-          className: `${E}__loading-cell`,
+          className: `${D}__loading-cell`,
           children: "Loading..."
         }
-      ) }) : w.length === 0 ? /* @__PURE__ */ n("tr", { children: /* @__PURE__ */ n(
+      ) }) : I.length === 0 ? /* @__PURE__ */ n("tr", { children: /* @__PURE__ */ n(
         "td",
         {
           colSpan: t.length + (i ? 1 : 0),
-          className: `${E}__empty-cell`,
-          children: N
+          className: `${D}__empty-cell`,
+          children: L
         }
-      ) }) : w.map((v, T) => {
-        const F = e.indexOf(v), Z = c(v, F), de = p.has(Z);
-        return /* @__PURE__ */ b(
+      ) }) : I.map((y, j) => {
+        const F = e.indexOf(y), Z = c(y, F), de = v.has(Z);
+        return /* @__PURE__ */ m(
           "tr",
           {
-            className: `${E}__row ${de ? `${E}__row--selected` : ""}`,
+            className: `${D}__row ${de ? `${D}__row--selected` : ""}`,
             children: [
-              i && /* @__PURE__ */ n("td", { className: `${E}__cell ${E}__cell--checkbox`, children: /* @__PURE__ */ n(
+              i && /* @__PURE__ */ n("td", { className: `${D}__cell ${D}__cell--checkbox`, children: /* @__PURE__ */ n(
                 "input",
                 {
                   type: "checkbox",
                   checked: de,
-                  onChange: (K) => oe(Z, v, K.target.checked),
-                  "aria-label": `Select row ${T + 1}`
+                  onChange: (K) => oe(Z, y, K.target.checked),
+                  "aria-label": `Select row ${j + 1}`
                 }
               ) }),
               t.map((K) => {
-                const pe = K.field ? v[K.field] : void 0, ge = P?.rowKey === Z && P?.columnKey === K.key;
-                return /* @__PURE__ */ n("td", { className: `${E}__cell`, children: ge ? /* @__PURE__ */ b("div", { className: `${E}__edit-cell`, children: [
+                const pe = K.field ? y[K.field] : void 0, ye = z?.rowKey === Z && z?.columnKey === K.key;
+                return /* @__PURE__ */ n("td", { className: `${D}__cell`, children: ye ? /* @__PURE__ */ m("div", { className: `${D}__edit-cell`, children: [
                   /* @__PURE__ */ n(
                     "input",
                     {
                       type: "text",
-                      className: `${E}__edit-input`,
+                      className: `${D}__edit-input`,
                       value: String(R ?? ""),
-                      onChange: (ue) => j(ue.target.value),
+                      onChange: (ue) => T(ue.target.value),
                       onKeyDown: (ue) => {
-                        ue.key === "Enter" ? le(Z, K.key, v) : ue.key === "Escape" && H();
+                        ue.key === "Enter" ? le(Z, K.key, y) : ue.key === "Escape" && H();
                       },
                       autoFocus: !0,
                       "aria-label": `Edit ${K.header}`
@@ -235,8 +235,8 @@ const Zr = ({
                   /* @__PURE__ */ n(
                     "button",
                     {
-                      className: `${E}__edit-button ${E}__edit-button--save`,
-                      onClick: () => le(Z, K.key, v),
+                      className: `${D}__edit-button ${D}__edit-button--save`,
+                      onClick: () => le(Z, K.key, y),
                       "aria-label": "Save",
                       children: "✓"
                     }
@@ -244,7 +244,7 @@ const Zr = ({
                   /* @__PURE__ */ n(
                     "button",
                     {
-                      className: `${E}__edit-button ${E}__edit-button--cancel`,
+                      className: `${D}__edit-button ${D}__edit-button--cancel`,
                       onClick: H,
                       "aria-label": "Cancel",
                       children: "✕"
@@ -253,7 +253,7 @@ const Zr = ({
                 ] }) : /* @__PURE__ */ n(
                   "div",
                   {
-                    className: `${E}__cell-content ${K.editable ? `${E}__cell-content--editable` : ""}`,
+                    className: `${D}__cell-content ${K.editable ? `${D}__cell-content--editable` : ""}`,
                     onClick: () => {
                       K.editable && ce(Z, K.key, pe);
                     },
@@ -263,7 +263,7 @@ const Zr = ({
                     tabIndex: K.editable ? 0 : void 0,
                     role: K.editable ? "button" : void 0,
                     "aria-label": K.editable ? `Edit ${K.header}` : void 0,
-                    children: K.render ? K.render(pe, v, F) : String(pe ?? "")
+                    children: K.render ? K.render(pe, y, F) : String(pe ?? "")
                   }
                 ) }, K.key);
               })
@@ -273,8 +273,8 @@ const Zr = ({
         );
       }) })
     ] }) }),
-    d && x > 1 && /* @__PURE__ */ b("div", { className: `${E}__pagination`, children: [
-      /* @__PURE__ */ n("div", { className: `${E}__pagination-info`, children: d.serverSide && d.totalItems !== void 0 ? /* @__PURE__ */ b(ye, { children: [
+    d && M > 1 && /* @__PURE__ */ m("div", { className: `${D}__pagination`, children: [
+      /* @__PURE__ */ n("div", { className: `${D}__pagination-info`, children: d.serverSide && d.totalItems !== void 0 ? /* @__PURE__ */ m(ge, { children: [
         "Showing ",
         d.currentPage * d.pageSize + 1,
         " to",
@@ -287,60 +287,60 @@ const Zr = ({
         "of ",
         d.totalItems,
         " items"
-      ] }) : /* @__PURE__ */ b(ye, { children: [
+      ] }) : /* @__PURE__ */ m(ge, { children: [
         "Showing ",
         d.currentPage * d.pageSize + 1,
         " to",
         " ",
-        Math.min((d.currentPage + 1) * d.pageSize, h.length),
+        Math.min((d.currentPage + 1) * d.pageSize, f.length),
         " ",
         "of ",
-        h.length,
+        f.length,
         " items"
       ] }) }),
-      /* @__PURE__ */ b("div", { className: `${E}__pagination-controls`, children: [
+      /* @__PURE__ */ m("div", { className: `${D}__pagination-controls`, children: [
         /* @__PURE__ */ n(
           "button",
           {
-            className: `${E}__pagination-button`,
+            className: `${D}__pagination-button`,
             onClick: () => he(d.currentPage - 1),
             disabled: d.currentPage === 0,
             "aria-label": "Previous page",
             children: "‹"
           }
         ),
-        Array.from({ length: x }, (v, T) => T).map((v) => v === 0 || v === x - 1 || Math.abs(v - d.currentPage) <= 1 ? /* @__PURE__ */ n(
+        Array.from({ length: M }, (y, j) => j).map((y) => y === 0 || y === M - 1 || Math.abs(y - d.currentPage) <= 1 ? /* @__PURE__ */ n(
           "button",
           {
-            className: `${E}__pagination-button ${v === d.currentPage ? `${E}__pagination-button--active` : ""}`,
-            onClick: () => he(v),
-            "aria-label": `Page ${v + 1}`,
-            "aria-current": v === d.currentPage ? "page" : void 0,
-            children: v + 1
+            className: `${D}__pagination-button ${y === d.currentPage ? `${D}__pagination-button--active` : ""}`,
+            onClick: () => he(y),
+            "aria-label": `Page ${y + 1}`,
+            "aria-current": y === d.currentPage ? "page" : void 0,
+            children: y + 1
           },
-          v
-        ) : v === d.currentPage - 2 || v === d.currentPage + 2 ? /* @__PURE__ */ n("span", { className: `${E}__pagination-ellipsis`, children: "..." }, v) : null),
+          y
+        ) : y === d.currentPage - 2 || y === d.currentPage + 2 ? /* @__PURE__ */ n("span", { className: `${D}__pagination-ellipsis`, children: "..." }, y) : null),
         /* @__PURE__ */ n(
           "button",
           {
-            className: `${E}__pagination-button`,
+            className: `${D}__pagination-button`,
             onClick: () => he(d.currentPage + 1),
-            disabled: d.currentPage >= x - 1,
+            disabled: d.currentPage >= M - 1,
             "aria-label": "Next page",
             children: "›"
           }
         )
       ] }),
-      /* @__PURE__ */ b("div", { className: `${E}__page-size`, children: [
+      /* @__PURE__ */ m("div", { className: `${D}__page-size`, children: [
         /* @__PURE__ */ n("label", { htmlFor: "page-size-select", children: "Items per page:" }),
         /* @__PURE__ */ n(
           "select",
           {
             id: "page-size-select",
-            className: `${E}__page-size-select`,
+            className: `${D}__page-size-select`,
             value: d.pageSize,
-            onChange: (v) => G(Number(v.target.value)),
-            children: u.map((v) => /* @__PURE__ */ n("option", { value: v, children: v }, v))
+            onChange: (y) => G(Number(y.target.value)),
+            children: u.map((y) => /* @__PURE__ */ n("option", { value: y, children: y }, y))
           }
         )
       ] })
@@ -351,7 +351,7 @@ const Zr = ({
   type: t,
   content: "",
   format: {}
-}), Qr = ({
+}), en = ({
   initialBlocks: t = [],
   onChange: e,
   placeholder: r = "Start typing...",
@@ -360,138 +360,138 @@ const Zr = ({
   className: c = "",
   maxHeight: s
 }) => {
-  const [l, I] = X(
+  const [l, $] = X(
     t.length > 0 ? t : [Me()]
-  ), [_, L] = X(null), [A, S] = X(null), [d, C] = X(!1), o = Q(null);
+  ), [w, N] = X(null), [k, x] = X(null), [d, _] = X(!1), o = Q(null);
   ie(() => {
     e && e(l);
   }, [l, e]);
-  const u = B((p, h) => {
-    I((w) => w.map((x) => x.id === p ? { ...x, ...h } : x));
-  }, []), m = B((p = "paragraph", h) => {
-    const w = Me(p);
-    I((x) => {
-      if (!h)
-        return [...x, w];
-      const ae = x.findIndex((oe) => oe.id === h), J = [...x];
-      return J.splice(ae + 1, 0, w), J;
-    }), L(w.id);
-  }, []), y = B((p) => {
-    I((h) => {
-      const w = h.filter((x) => x.id !== p);
-      return w.length > 0 ? w : [Me()];
+  const u = B((v, f) => {
+    $((I) => I.map((M) => M.id === v ? { ...M, ...f } : M));
+  }, []), h = B((v = "paragraph", f) => {
+    const I = Me(v);
+    $((M) => {
+      if (!f)
+        return [...M, I];
+      const ae = M.findIndex((oe) => oe.id === f), J = [...M];
+      return J.splice(ae + 1, 0, I), J;
+    }), N(I.id);
+  }, []), g = B((v) => {
+    $((f) => {
+      const I = f.filter((M) => M.id !== v);
+      return I.length > 0 ? I : [Me()];
     });
-  }, []), N = B((p, h) => {
-    I((w) => {
-      const x = w.findIndex((re) => re.id === p), ae = w.findIndex((re) => re.id === h);
-      if (x === -1 || ae === -1) return w;
-      const J = [...w], [oe] = J.splice(x, 1);
+  }, []), L = B((v, f) => {
+    $((I) => {
+      const M = I.findIndex((re) => re.id === v), ae = I.findIndex((re) => re.id === f);
+      if (M === -1 || ae === -1) return I;
+      const J = [...I], [oe] = J.splice(M, 1);
       return J.splice(ae, 0, oe), J;
     });
-  }, []), O = B(
-    (p, h) => {
-      i || (S(h), p.dataTransfer.effectAllowed = "move");
+  }, []), E = B(
+    (v, f) => {
+      i || (x(f), v.dataTransfer.effectAllowed = "move");
     },
     [i]
-  ), k = B((p) => {
-    p.preventDefault(), p.dataTransfer.dropEffect = "move";
-  }, []), $ = B(
-    (p, h) => {
-      p.preventDefault(), A && A !== h && N(A, h), S(null);
+  ), S = B((v) => {
+    v.preventDefault(), v.dataTransfer.dropEffect = "move";
+  }, []), C = B(
+    (v, f) => {
+      v.preventDefault(), k && k !== f && L(k, f), x(null);
     },
-    [A, N]
-  ), D = B(() => {
-    S(null);
-  }, []), P = B(
-    (p) => {
-      _ && I(
-        (h) => h.map((w) => {
-          if (w.id === _) {
-            const x = w.format || {};
+    [k, L]
+  ), P = B(() => {
+    x(null);
+  }, []), z = B(
+    (v) => {
+      w && $(
+        (f) => f.map((I) => {
+          if (I.id === w) {
+            const M = I.format || {};
             return {
-              ...w,
+              ...I,
               format: {
-                ...x,
-                [p]: !x[p]
+                ...M,
+                [v]: !M[v]
               }
             };
           }
-          return w;
+          return I;
         })
       );
     },
-    [_]
-  ), M = B(
-    (p, h) => {
-      u(p, { type: h });
+    [w]
+  ), A = B(
+    (v, f) => {
+      u(v, { type: f });
     },
     [u]
   ), R = B(
-    (p, h) => {
+    (v, f) => {
       if (!i) {
-        if ((p.metaKey || p.ctrlKey) && p.key === "b")
-          p.preventDefault(), P("bold");
-        else if ((p.metaKey || p.ctrlKey) && p.key === "i")
-          p.preventDefault(), P("italic");
-        else if ((p.metaKey || p.ctrlKey) && p.key === "u")
-          p.preventDefault(), P("underline");
-        else if (p.key === "Enter" && !p.shiftKey) {
-          const w = l.find((x) => x.id === h);
-          w && w.type !== "code" && (p.preventDefault(), m("paragraph", h));
-        } else if (p.key === "Backspace") {
-          const w = l.find((x) => x.id === h);
-          w && !w.content && l.length > 1 && (p.preventDefault(), y(h));
+        if ((v.metaKey || v.ctrlKey) && v.key === "b")
+          v.preventDefault(), z("bold");
+        else if ((v.metaKey || v.ctrlKey) && v.key === "i")
+          v.preventDefault(), z("italic");
+        else if ((v.metaKey || v.ctrlKey) && v.key === "u")
+          v.preventDefault(), z("underline");
+        else if (v.key === "Enter" && !v.shiftKey) {
+          const I = l.find((M) => M.id === f);
+          I && I.type !== "code" && (v.preventDefault(), h("paragraph", f));
+        } else if (v.key === "Backspace") {
+          const I = l.find((M) => M.id === f);
+          I && !I.content && l.length > 1 && (v.preventDefault(), g(f));
         }
       }
     },
-    [i, l, P, m, y]
-  ), j = `uiforge-blocks-editor--${a}`;
-  return /* @__PURE__ */ b(
+    [i, l, z, h, g]
+  ), T = `uiforge-blocks-editor--${a}`;
+  return /* @__PURE__ */ m(
     "div",
     {
-      className: `uiforge-blocks-editor ${j} ${c}`,
+      className: `uiforge-blocks-editor ${T} ${c}`,
       ref: o,
       style: { maxHeight: s },
       "data-theme": a,
       children: [
-        !i && d && _ && /* @__PURE__ */ n(
+        !i && d && w && /* @__PURE__ */ n(
           nt,
           {
-            selectedBlock: l.find((p) => p.id === _),
-            onFormatToggle: P,
-            onBlockTypeChange: (p) => M(_, p)
+            selectedBlock: l.find((v) => v.id === w),
+            onFormatToggle: z,
+            onBlockTypeChange: (v) => A(w, v)
           }
         ),
-        /* @__PURE__ */ n("div", { className: "uiforge-blocks-editor__content", children: l.map((p, h) => /* @__PURE__ */ n(
+        /* @__PURE__ */ n("div", { className: "uiforge-blocks-editor__content", children: l.map((v, f) => /* @__PURE__ */ n(
           it,
           {
-            block: p,
-            isSelected: _ === p.id,
-            isDragging: A === p.id,
+            block: v,
+            isSelected: w === v.id,
+            isDragging: k === v.id,
             readOnly: i,
-            placeholder: h === 0 && l.length === 1 ? r : void 0,
+            placeholder: f === 0 && l.length === 1 ? r : void 0,
             onSelect: () => {
-              L(p.id), C(!0);
+              N(v.id), _(!0);
             },
-            onChange: (w) => u(p.id, w),
-            onDelete: () => y(p.id),
-            onDragStart: (w) => O(w, p.id),
-            onDragOver: k,
-            onDrop: (w) => $(w, p.id),
-            onDragEnd: D,
-            onKeyDown: (w) => R(w, p.id)
+            onChange: (I) => u(v.id, I),
+            onDelete: () => g(v.id),
+            onDragStart: (I) => E(I, v.id),
+            onDragOver: S,
+            onDrop: (I) => C(I, v.id),
+            onDragEnd: P,
+            onKeyDown: (I) => R(I, v.id)
           },
-          p.id
+          v.id
         )) }),
-        !i && /* @__PURE__ */ n(at, { onAddBlock: m })
+        !i && /* @__PURE__ */ n(at, { onAddBlock: h })
       ]
     }
   );
 }, nt = ({ selectedBlock: t, onFormatToggle: e, onBlockTypeChange: r }) => {
   if (!t) return null;
   const i = t.format || {};
-  return /* @__PURE__ */ b("div", { className: "uiforge-blocks-editor__toolbar", role: "toolbar", "aria-label": "Text formatting", children: [
-    /* @__PURE__ */ n("div", { className: "uiforge-blocks-editor__toolbar-group", children: /* @__PURE__ */ b(
+  return /* @__PURE__ */ m("div", { className: "uiforge-blocks-editor__toolbar", role: "toolbar", "aria-label": "Text formatting", children: [
+    /* @__PURE__ */ n("div", { className: "uiforge-blocks-editor__toolbar-group", children: /* @__PURE__ */ m(
       "select",
       {
         value: t.type,
@@ -511,7 +511,7 @@ const Zr = ({
       }
     ) }),
     /* @__PURE__ */ n("div", { className: "uiforge-blocks-editor__toolbar-divider" }),
-    /* @__PURE__ */ b("div", { className: "uiforge-blocks-editor__toolbar-group", children: [
+    /* @__PURE__ */ m("div", { className: "uiforge-blocks-editor__toolbar-group", children: [
       /* @__PURE__ */ n(
         "button",
         {
@@ -571,43 +571,43 @@ const Zr = ({
   onSelect: c,
   onChange: s,
   onDelete: l,
-  onDragStart: I,
-  onDragOver: _,
-  onDrop: L,
-  onDragEnd: A,
-  onKeyDown: S
+  onDragStart: $,
+  onDragOver: w,
+  onDrop: N,
+  onDragEnd: k,
+  onKeyDown: x
 }) => {
   const d = [
     "uiforge-blocks-editor__block",
     `uiforge-blocks-editor__block--${t.type}`,
     e ? "uiforge-blocks-editor__block--selected" : "",
     r ? "uiforge-blocks-editor__block--dragging" : ""
-  ].filter(Boolean).join(" "), C = [
+  ].filter(Boolean).join(" "), _ = [
     "uiforge-blocks-editor__block-text",
     t.format?.bold ? "uiforge-blocks-editor__block-text--bold" : "",
     t.format?.italic ? "uiforge-blocks-editor__block-text--italic" : "",
     t.format?.underline ? "uiforge-blocks-editor__block-text--underline" : "",
     t.format?.code ? "uiforge-blocks-editor__block-text--code" : ""
-  ].filter(Boolean).join(" "), o = (m) => {
-    s({ content: m.target.value });
+  ].filter(Boolean).join(" "), o = (h) => {
+    s({ content: h.target.value });
   }, u = () => {
-    const m = {
+    const h = {
       value: t.content,
       onChange: o,
       onFocus: c,
-      onKeyDown: S,
+      onKeyDown: x,
       placeholder: a,
       readOnly: i,
-      className: C
+      className: _
     };
     switch (t.type) {
       case "heading1":
         return /* @__PURE__ */ n(
           "input",
           {
-            ...m,
+            ...h,
             type: "text",
-            className: `${C} uiforge-blocks-editor__heading1`,
+            className: `${_} uiforge-blocks-editor__heading1`,
             placeholder: a || "Heading 1"
           }
         );
@@ -615,9 +615,9 @@ const Zr = ({
         return /* @__PURE__ */ n(
           "input",
           {
-            ...m,
+            ...h,
             type: "text",
-            className: `${C} uiforge-blocks-editor__heading2`,
+            className: `${_} uiforge-blocks-editor__heading2`,
             placeholder: a || "Heading 2"
           }
         );
@@ -625,9 +625,9 @@ const Zr = ({
         return /* @__PURE__ */ n(
           "input",
           {
-            ...m,
+            ...h,
             type: "text",
-            className: `${C} uiforge-blocks-editor__heading3`,
+            className: `${_} uiforge-blocks-editor__heading3`,
             placeholder: a || "Heading 3"
           }
         );
@@ -635,8 +635,8 @@ const Zr = ({
         return /* @__PURE__ */ n(
           "textarea",
           {
-            ...m,
-            className: `${C} uiforge-blocks-editor__code`,
+            ...h,
+            className: `${_} uiforge-blocks-editor__code`,
             placeholder: a || "Code block",
             rows: 4
           }
@@ -645,20 +645,20 @@ const Zr = ({
         return /* @__PURE__ */ n(
           "textarea",
           {
-            ...m,
-            className: `${C} uiforge-blocks-editor__quote`,
+            ...h,
+            className: `${_} uiforge-blocks-editor__quote`,
             placeholder: a || "Quote",
             rows: 2
           }
         );
       case "image":
-        return /* @__PURE__ */ b("div", { className: "uiforge-blocks-editor__image-block", children: [
+        return /* @__PURE__ */ m("div", { className: "uiforge-blocks-editor__image-block", children: [
           /* @__PURE__ */ n(
             "input",
             {
               type: "text",
               value: t.imageUrl || "",
-              onChange: (y) => s({ imageUrl: y.target.value }),
+              onChange: (g) => s({ imageUrl: g.target.value }),
               placeholder: "Image URL",
               className: "uiforge-blocks-editor__image-url",
               readOnly: i
@@ -669,7 +669,7 @@ const Zr = ({
             {
               type: "text",
               value: t.imageAlt || "",
-              onChange: (y) => s({ imageAlt: y.target.value }),
+              onChange: (g) => s({ imageAlt: g.target.value }),
               placeholder: "Alt text",
               className: "uiforge-blocks-editor__image-alt",
               readOnly: i
@@ -688,8 +688,8 @@ const Zr = ({
         return /* @__PURE__ */ n(
           "textarea",
           {
-            ...m,
-            className: `${C} uiforge-blocks-editor__paragraph`,
+            ...h,
+            className: `${_} uiforge-blocks-editor__paragraph`,
             placeholder: a || "Start typing...",
             rows: 1,
             style: { minHeight: "1.5em" }
@@ -697,18 +697,18 @@ const Zr = ({
         );
     }
   };
-  return /* @__PURE__ */ b(
+  return /* @__PURE__ */ m(
     "div",
     {
       className: d,
       draggable: !i,
-      onDragStart: I,
-      onDragOver: _,
-      onDrop: L,
-      onDragEnd: A,
+      onDragStart: $,
+      onDragOver: w,
+      onDrop: N,
+      onDragEnd: k,
       "data-block-id": t.id,
       children: [
-        !i && /* @__PURE__ */ b("div", { className: "uiforge-blocks-editor__block-controls", children: [
+        !i && /* @__PURE__ */ m("div", { className: "uiforge-blocks-editor__block-controls", children: [
           /* @__PURE__ */ n(
             "button",
             {
@@ -737,7 +737,7 @@ const Zr = ({
   );
 }, at = ({ onAddBlock: t }) => {
   const [e, r] = X(!1);
-  return /* @__PURE__ */ b("div", { className: "uiforge-blocks-editor__block-menu", children: [
+  return /* @__PURE__ */ m("div", { className: "uiforge-blocks-editor__block-menu", children: [
     /* @__PURE__ */ n(
       "button",
       {
@@ -758,7 +758,7 @@ const Zr = ({
       { type: "quote", label: "Quote", icon: '"' },
       { type: "code", label: "Code", icon: "</>" },
       { type: "image", label: "Image", icon: "🖼" }
-    ].map(({ type: a, label: c, icon: s }) => /* @__PURE__ */ b(
+    ].map(({ type: a, label: c, icon: s }) => /* @__PURE__ */ m(
       "button",
       {
         type: "button",
@@ -785,7 +785,7 @@ function ot(t) {
       return "";
   return e;
 }
-function Xr(t) {
+function tn(t) {
   return t.map((e) => {
     let r = Le(e.content);
     switch (e.format?.bold && (r = `<strong>${r}</strong>`), e.format?.italic && (r = `<em>${r}</em>`), e.format?.underline && (r = `<u>${r}</u>`), e.format?.code && (r = `<code>${r}</code>`), e.type) {
@@ -811,7 +811,7 @@ function Xr(t) {
   }).join(`
 `);
 }
-function en(t) {
+function rn(t) {
   return t.map((e) => {
     let r = e.content;
     switch (e.format?.bold && (r = `**${r}**`), e.format?.italic && (r = `*${r}*`), e.format?.code && (r = `\`${r}\``), e.type) {
@@ -838,10 +838,10 @@ ${e.content}
 
 `);
 }
-function tn(t) {
+function nn(t) {
   return JSON.stringify(t, null, 2);
 }
-const rn = ({
+const an = ({
   options: t = [],
   value: e,
   onChange: r,
@@ -850,26 +850,26 @@ const rn = ({
   placeholder: c = "Select an option...",
   disabled: s = !1,
   clearable: l = !1,
-  className: I = "",
-  renderOption: _,
-  renderValue: L,
-  loading: A = !1,
-  maxHeight: S = "300px",
+  className: $ = "",
+  renderOption: w,
+  renderValue: N,
+  loading: k = !1,
+  maxHeight: x = "300px",
   debounceMs: d = 300,
-  searchable: C = !0,
+  searchable: _ = !0,
   noOptionsMessage: o = "No options found",
   ariaLabel: u,
-  enableCache: m = !1,
-  cacheTTL: y,
-  refreshOnOpen: N = !1,
-  onClearCache: O,
-  onForceRefresh: k
+  enableCache: h = !1,
+  cacheTTL: g,
+  refreshOnOpen: L = !1,
+  onClearCache: E,
+  onForceRefresh: S
 }) => {
-  const [$, D] = X(!1), [P, M] = X(""), [R, j] = X([]), [p, h] = X(0), [w, x] = X(!1), ae = Q(null), J = Q(null), oe = Q(null), re = Q(null), ce = Q(null), le = Q(i), H = Q(null), he = Q(!1), G = Q(/* @__PURE__ */ new Map()), ne = Q(m), me = Q(y), E = B((f, U = 0) => f.reduce((te, Y) => {
+  const [C, P] = X(!1), [z, A] = X(""), [R, T] = X([]), [v, f] = X(0), [I, M] = X(!1), ae = Q(null), J = Q(null), oe = Q(null), re = Q(null), ce = Q(null), le = Q(i), H = Q(null), he = Q(!1), G = Q(/* @__PURE__ */ new Map()), ne = Q(h), me = Q(g), D = B((p, U = 0) => p.reduce((te, Y) => {
     const W = { ...Y, level: U };
-    return te.push(W), Y.children && Y.children.length > 0 && te.push(...E(Y.children, U + 1)), te;
-  }, []), []), q = (f) => typeof f == "string" && (f.startsWith("http://") || f.startsWith("https://") || f.startsWith("data:") || f.startsWith("/")), v = se(() => E(R.length > 0 ? R : t).find((U) => U.value === e) || null, [e, t, R, E]), T = B((f, U) => {
-    if (!U.trim()) return f;
+    return te.push(W), Y.children && Y.children.length > 0 && te.push(...D(Y.children, U + 1)), te;
+  }, []), []), q = (p) => typeof p == "string" && (p.startsWith("http://") || p.startsWith("https://") || p.startsWith("data:") || p.startsWith("/")), y = se(() => D(R.length > 0 ? R : t).find((U) => U.value === e) || null, [e, t, R, D]), j = B((p, U) => {
+    if (!U.trim()) return p;
     const te = U.toLowerCase(), Y = (W) => W.reduce((fe, ve) => {
       const $e = ve.label.toLowerCase().includes(te), we = ve.children ? Y(ve.children) : [];
       return ($e || we.length > 0) && fe.push({
@@ -877,206 +877,206 @@ const rn = ({
         children: we.length > 0 ? we : ve.children
       }), fe;
     }, []);
-    return Y(f);
+    return Y(p);
   }, []);
   ie(() => {
     le.current = i, ce.current = null;
   }, [i]), ie(() => {
-    ne.current = m;
-  }, [m]), ie(() => {
-    me.current = y;
-  }, [y]), ie(() => {
-    O && O(() => {
+    ne.current = h;
+  }, [h]), ie(() => {
+    me.current = g;
+  }, [g]), ie(() => {
+    E && E(() => {
       G.current.clear();
-    }), k && k(() => {
+    }), S && S(() => {
       if (!le.current) return;
       H.current && H.current.abort(), H.current = new AbortController();
-      const f = H.current.signal;
-      x(!0), (async () => {
+      const p = H.current.signal;
+      M(!0), (async () => {
         try {
-          const U = Date.now(), te = P, Y = G.current.get(te), W = Y && (!me.current || U - Y.timestamp < me.current);
+          const U = Date.now(), te = z, Y = G.current.get(te), W = Y && (!me.current || U - Y.timestamp < me.current);
           let fe;
-          ne.current && W ? fe = Y.data : (fe = await (le.current ? le.current(P, f) : i?.(P, f) ?? []), !f.aborted && ne.current && G.current.set(te, { data: fe, timestamp: U })), f.aborted || (j(fe), ce.current = P);
+          ne.current && W ? fe = Y.data : (fe = await (le.current ? le.current(z, p) : i?.(z, p) ?? []), !p.aborted && ne.current && G.current.set(te, { data: fe, timestamp: U })), p.aborted || (T(fe), ce.current = z);
         } catch (U) {
-          console.error(U), j([]);
+          console.error(U), T([]);
         } finally {
-          x(!1);
+          M(!1);
         }
       })();
     });
-  }, [O, k, P, i]), ie(() => {
-    if (i && $) {
-      const f = ce.current === P, U = !he.current && $;
-      return f && !(N && U) ? void 0 : (re.current && clearTimeout(re.current), re.current = setTimeout(async () => {
+  }, [E, S, z, i]), ie(() => {
+    if (i && C) {
+      const p = ce.current === z, U = !he.current && C;
+      return p && !(L && U) ? void 0 : (re.current && clearTimeout(re.current), re.current = setTimeout(async () => {
         H.current && H.current.abort(), H.current = new AbortController();
         const Y = H.current.signal;
-        x(!0);
+        M(!0);
         try {
           let W;
-          const fe = P, ve = G.current.get(fe), $e = Date.now(), we = ve && (!me.current || $e - ve.timestamp < me.current);
-          if (ne.current && we ? W = ve.data : (W = await (le.current ? le.current(P, Y) : i(P, Y)), !Y.aborted && ne.current && G.current.set(fe, { data: W, timestamp: $e })), Y.aborted) return;
-          j(W), ce.current = P;
+          const fe = z, ve = G.current.get(fe), $e = Date.now(), we = ve && (!me.current || $e - ve.timestamp < me.current);
+          if (ne.current && we ? W = ve.data : (W = await (le.current ? le.current(z, Y) : i(z, Y)), !Y.aborted && ne.current && G.current.set(fe, { data: W, timestamp: $e })), Y.aborted) return;
+          T(W), ce.current = z;
         } catch (W) {
-          console.error("Error fetching options:", W), j([]);
+          console.error("Error fetching options:", W), T([]);
         } finally {
-          x(!1);
+          M(!1);
         }
       }, d), () => {
         re.current && clearTimeout(re.current), H.current && (H.current.abort(), H.current = null);
       });
-    } else i || j(T(t, P));
-    he.current = $;
-  }, [P, $, t, d, T, N, i]), ie(() => {
-    i || j(t);
+    } else i || T(j(t, z));
+    he.current = C;
+  }, [z, C, t, d, j, L, i]), ie(() => {
+    i || T(t);
   }, [t, i]), ie(() => {
-    const f = (U) => {
-      ae.current && !ae.current.contains(U.target) && (D(!1), M(""));
+    const p = (U) => {
+      ae.current && !ae.current.contains(U.target) && (P(!1), A(""));
     };
-    return document.addEventListener("mousedown", f), () => document.removeEventListener("mousedown", f);
+    return document.addEventListener("mousedown", p), () => document.removeEventListener("mousedown", p);
   }, []);
-  const F = se(() => E(R.length > 0 ? R : t).filter((U) => !U.disabled), [R, t, E]), Z = se(() => E(R.length > 0 ? R : t), [R, t, E]), de = se(() => {
-    const f = /* @__PURE__ */ new Map();
+  const F = se(() => D(R.length > 0 ? R : t).filter((U) => !U.disabled), [R, t, D]), Z = se(() => D(R.length > 0 ? R : t), [R, t, D]), de = se(() => {
+    const p = /* @__PURE__ */ new Map();
     return Z.forEach((U) => {
       const te = JSON.stringify({ value: U.value, label: U.label }), Y = F.findIndex(
         (W) => W.value === U.value && W.label === U.label
       );
-      f.set(te, Y);
-    }), f;
-  }, [Z, F]), K = (f) => {
+      p.set(te, Y);
+    }), p;
+  }, [Z, F]), K = (p) => {
     if (!s)
-      switch (f.key) {
+      switch (p.key) {
         case "ArrowDown":
-          f.preventDefault(), $ ? h((U) => U < F.length - 1 ? U + 1 : 0) : D(!0);
+          p.preventDefault(), C ? f((U) => U < F.length - 1 ? U + 1 : 0) : P(!0);
           break;
         case "ArrowUp":
-          f.preventDefault(), $ && h((U) => U > 0 ? U - 1 : F.length - 1);
+          p.preventDefault(), C && f((U) => U > 0 ? U - 1 : F.length - 1);
           break;
         case "Enter":
-          f.preventDefault(), $ && F[p] ? pe(F[p]) : D(!$);
+          p.preventDefault(), C && F[v] ? pe(F[v]) : P(!C);
           break;
         case "Escape":
-          f.preventDefault(), D(!1), M("");
+          p.preventDefault(), P(!1), A("");
           break;
         case "Tab":
-          $ && (D(!1), M(""));
+          C && (P(!1), A(""));
           break;
       }
   };
   ie(() => {
-    if ($ && oe.current) {
-      const f = oe.current.querySelector(
-        `[data-index="${p}"]`
+    if (C && oe.current) {
+      const p = oe.current.querySelector(
+        `[data-index="${v}"]`
       );
-      f && typeof f.scrollIntoView == "function" && f.scrollIntoView({ block: "nearest" });
+      p && typeof p.scrollIntoView == "function" && p.scrollIntoView({ block: "nearest" });
     }
-  }, [p, $]);
-  const pe = (f) => {
-    f.disabled || (r?.(f.value, f), D(!1), M(""), h(0));
-  }, ge = (f) => {
-    f.stopPropagation(), r?.(null, null), M("");
+  }, [v, C]);
+  const pe = (p) => {
+    p.disabled || (r?.(p.value, p), P(!1), A(""), f(0));
+  }, ye = (p) => {
+    p.stopPropagation(), r?.(null, null), A("");
   }, ue = () => {
-    s || D((f) => {
-      const U = !f;
+    s || P((p) => {
+      const U = !p;
       return U && setTimeout(() => J.current?.focus(), 0), U;
     });
   };
   ie(() => {
-    $ || (ce.current = null);
-  }, [$]);
-  const Ne = (f) => {
-    M(f.target.value), $ || D(!0), h(0);
-  }, _e = (f) => {
-    const U = (f.level || 0) * 20;
-    return /* @__PURE__ */ b("div", { className: "uiforge-combobox-option-content", style: { paddingLeft: `${U}px` }, children: [
-      f.icon && /* @__PURE__ */ n("span", { className: "uiforge-combobox-option-icon", children: q(f.icon) ? /* @__PURE__ */ n(
+    C || (ce.current = null);
+  }, [C]);
+  const ke = (p) => {
+    A(p.target.value), C || P(!0), f(0);
+  }, _e = (p) => {
+    const U = (p.level || 0) * 20;
+    return /* @__PURE__ */ m("div", { className: "uiforge-combobox-option-content", style: { paddingLeft: `${U}px` }, children: [
+      p.icon && /* @__PURE__ */ n("span", { className: "uiforge-combobox-option-icon", children: q(p.icon) ? /* @__PURE__ */ n(
         "img",
         {
-          src: f.icon,
+          src: p.icon,
           alt: "",
           className: "uiforge-combobox-option-icon-img"
         }
-      ) : f.icon }),
-      /* @__PURE__ */ n("span", { className: "uiforge-combobox-option-label", children: f.label })
+      ) : p.icon }),
+      /* @__PURE__ */ n("span", { className: "uiforge-combobox-option-label", children: p.label })
     ] });
-  }, g = (f) => f ? /* @__PURE__ */ b("div", { className: "uiforge-combobox-value-content", children: [
-    f.icon && /* @__PURE__ */ n("span", { className: "uiforge-combobox-value-icon", children: q(f.icon) ? /* @__PURE__ */ n("img", { src: f.icon, alt: "", className: "uiforge-combobox-value-icon-img" }) : f.icon }),
-    /* @__PURE__ */ n("span", { className: "uiforge-combobox-value-label", children: f.label })
-  ] }) : c, z = "uiforge-combobox", V = `${z}--${a}`, ee = [
-    z,
+  }, b = (p) => p ? /* @__PURE__ */ m("div", { className: "uiforge-combobox-value-content", children: [
+    p.icon && /* @__PURE__ */ n("span", { className: "uiforge-combobox-value-icon", children: q(p.icon) ? /* @__PURE__ */ n("img", { src: p.icon, alt: "", className: "uiforge-combobox-value-icon-img" }) : p.icon }),
+    /* @__PURE__ */ n("span", { className: "uiforge-combobox-value-label", children: p.label })
+  ] }) : c, O = "uiforge-combobox", V = `${O}--${a}`, ee = [
+    O,
     V,
-    $ && `${z}--open`,
-    s && `${z}--disabled`,
-    I
+    C && `${O}--open`,
+    s && `${O}--disabled`,
+    $
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ b(
+  return /* @__PURE__ */ m(
     "div",
     {
       ref: ae,
       className: ee,
       onKeyDown: K,
       role: "combobox",
-      "aria-expanded": $,
+      "aria-expanded": C,
       "aria-haspopup": "listbox",
       "aria-label": u,
       "aria-disabled": s,
       tabIndex: s ? -1 : 0,
       "data-theme": a,
       children: [
-        /* @__PURE__ */ b("div", { className: `${z}-control`, onClick: ue, children: [
-          C && $ ? /* @__PURE__ */ n(
+        /* @__PURE__ */ m("div", { className: `${O}-control`, onClick: ue, children: [
+          _ && C ? /* @__PURE__ */ n(
             "input",
             {
               ref: J,
               type: "text",
-              className: `${z}-input`,
-              value: P,
-              onChange: Ne,
+              className: `${O}-input`,
+              value: z,
+              onChange: ke,
               placeholder: c,
               disabled: s,
               "aria-autocomplete": "list",
-              "aria-controls": `${z}-listbox`
+              "aria-controls": `${O}-listbox`
             }
-          ) : /* @__PURE__ */ n("div", { className: `${z}-value`, children: L ? L(v) : g(v) }),
-          /* @__PURE__ */ b("div", { className: `${z}-indicators`, children: [
+          ) : /* @__PURE__ */ n("div", { className: `${O}-value`, children: N ? N(y) : b(y) }),
+          /* @__PURE__ */ m("div", { className: `${O}-indicators`, children: [
             l && e !== null && e !== void 0 && !s && /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
-                className: `${z}-clear`,
-                onClick: ge,
+                className: `${O}-clear`,
+                onClick: ye,
                 "aria-label": "Clear selection",
                 tabIndex: -1,
                 children: "×"
               }
             ),
-            /* @__PURE__ */ n("span", { className: `${z}-arrow`, children: "▼" })
+            /* @__PURE__ */ n("span", { className: `${O}-arrow`, children: "▼" })
           ] })
         ] }),
-        $ && /* @__PURE__ */ n(
+        C && /* @__PURE__ */ n(
           "div",
           {
             ref: oe,
-            className: `${z}-dropdown`,
-            style: { maxHeight: S },
+            className: `${O}-dropdown`,
+            style: { maxHeight: x },
             role: "listbox",
-            id: `${z}-listbox`,
-            children: A || w ? /* @__PURE__ */ n("div", { className: `${z}-loading`, children: "Loading..." }) : F.length === 0 ? /* @__PURE__ */ n("div", { className: `${z}-no-options`, children: o }) : Z.map((f) => {
-              const U = JSON.stringify({ value: f.value, label: f.label }), te = de.get(U) ?? -1, Y = f.value === e, W = te === p, fe = [
-                `${z}-option`,
-                Y && `${z}-option--selected`,
-                W && `${z}-option--highlighted`,
-                f.disabled && `${z}-option--disabled`
+            id: `${O}-listbox`,
+            children: k || I ? /* @__PURE__ */ n("div", { className: `${O}-loading`, children: "Loading..." }) : F.length === 0 ? /* @__PURE__ */ n("div", { className: `${O}-no-options`, children: o }) : Z.map((p) => {
+              const U = JSON.stringify({ value: p.value, label: p.label }), te = de.get(U) ?? -1, Y = p.value === e, W = te === v, fe = [
+                `${O}-option`,
+                Y && `${O}-option--selected`,
+                W && `${O}-option--highlighted`,
+                p.disabled && `${O}-option--disabled`
               ].filter(Boolean).join(" ");
               return /* @__PURE__ */ n(
                 "div",
                 {
                   className: fe,
-                  onClick: () => pe(f),
+                  onClick: () => pe(p),
                   role: "option",
                   "aria-selected": Y,
-                  "aria-disabled": f.disabled,
+                  "aria-disabled": p.disabled,
                   "data-index": te,
-                  children: _ ? _(f) : _e(f)
+                  children: w ? w(p) : _e(p)
                 },
                 U
               );
@@ -1126,37 +1126,37 @@ function Ae(t, e) {
   e === void 0 && (e = ct);
   var r, i = [], a, c = !1;
   function s() {
-    for (var l = [], I = 0; I < arguments.length; I++)
-      l[I] = arguments[I];
+    for (var l = [], $ = 0; $ < arguments.length; $++)
+      l[$] = arguments[$];
     return c && r === this && e(l, i) || (a = t.apply(this, l), c = !0, r = this, i = l), a;
   }
   return s;
 }
-var dt = typeof performance == "object" && typeof performance.now == "function", Te = dt ? function() {
+var dt = typeof performance == "object" && typeof performance.now == "function", je = dt ? function() {
   return performance.now();
 } : function() {
   return Date.now();
 };
-function je(t) {
+function Te(t) {
   cancelAnimationFrame(t.id);
 }
 function ut(t, e) {
-  var r = Te();
+  var r = je();
   function i() {
-    Te() - r >= e ? t.call(null) : a.id = requestAnimationFrame(i);
+    je() - r >= e ? t.call(null) : a.id = requestAnimationFrame(i);
   }
   var a = {
     id: requestAnimationFrame(i)
   };
   return a;
 }
-var Ee = -1;
+var De = -1;
 function He(t) {
-  if (t === void 0 && (t = !1), Ee === -1 || t) {
+  if (t === void 0 && (t = !1), De === -1 || t) {
     var e = document.createElement("div"), r = e.style;
-    r.width = "50px", r.height = "50px", r.overflow = "scroll", document.body.appendChild(e), Ee = e.offsetWidth - e.clientWidth, document.body.removeChild(e);
+    r.width = "50px", r.height = "50px", r.overflow = "scroll", document.body.appendChild(e), De = e.offsetWidth - e.clientWidth, document.body.removeChild(e);
   }
-  return Ee;
+  return De;
 }
 var be = null;
 function We(t) {
@@ -1174,88 +1174,88 @@ var ht = 150, mt = function(e, r) {
 }, Ie = null, xe = null;
 process.env.NODE_ENV !== "production" && typeof window < "u" && typeof window.WeakSet < "u" && (Ie = /* @__PURE__ */ new WeakSet(), xe = /* @__PURE__ */ new WeakSet());
 function ft(t) {
-  var e, r = t.getItemOffset, i = t.getEstimatedTotalSize, a = t.getItemSize, c = t.getOffsetForIndexAndAlignment, s = t.getStartIndexForOffset, l = t.getStopIndexForStartIndex, I = t.initInstanceProps, _ = t.shouldResetStyleCacheOnItemSizeChange, L = t.validateProps;
-  return e = /* @__PURE__ */ (function(A) {
-    st(S, A);
-    function S(C) {
+  var e, r = t.getItemOffset, i = t.getEstimatedTotalSize, a = t.getItemSize, c = t.getOffsetForIndexAndAlignment, s = t.getStartIndexForOffset, l = t.getStopIndexForStartIndex, $ = t.initInstanceProps, w = t.shouldResetStyleCacheOnItemSizeChange, N = t.validateProps;
+  return e = /* @__PURE__ */ (function(k) {
+    st(x, k);
+    function x(_) {
       var o;
-      return o = A.call(this, C) || this, o._instanceProps = I(o.props, Re(o)), o._outerRef = void 0, o._resetIsScrollingTimeoutId = null, o.state = {
+      return o = k.call(this, _) || this, o._instanceProps = $(o.props, Re(o)), o._outerRef = void 0, o._resetIsScrollingTimeoutId = null, o.state = {
         instance: Re(o),
         isScrolling: !1,
         scrollDirection: "forward",
         scrollOffset: typeof o.props.initialScrollOffset == "number" ? o.props.initialScrollOffset : 0,
         scrollUpdateWasRequested: !1
-      }, o._callOnItemsRendered = void 0, o._callOnItemsRendered = Ae(function(u, m, y, N) {
+      }, o._callOnItemsRendered = void 0, o._callOnItemsRendered = Ae(function(u, h, g, L) {
         return o.props.onItemsRendered({
           overscanStartIndex: u,
-          overscanStopIndex: m,
-          visibleStartIndex: y,
-          visibleStopIndex: N
+          overscanStopIndex: h,
+          visibleStartIndex: g,
+          visibleStopIndex: L
         });
-      }), o._callOnScroll = void 0, o._callOnScroll = Ae(function(u, m, y) {
+      }), o._callOnScroll = void 0, o._callOnScroll = Ae(function(u, h, g) {
         return o.props.onScroll({
           scrollDirection: u,
-          scrollOffset: m,
-          scrollUpdateWasRequested: y
+          scrollOffset: h,
+          scrollUpdateWasRequested: g
         });
       }), o._getItemStyle = void 0, o._getItemStyle = function(u) {
-        var m = o.props, y = m.direction, N = m.itemSize, O = m.layout, k = o._getItemStyleCache(_ && N, _ && O, _ && y), $;
-        if (k.hasOwnProperty(u))
-          $ = k[u];
+        var h = o.props, g = h.direction, L = h.itemSize, E = h.layout, S = o._getItemStyleCache(w && L, w && E, w && g), C;
+        if (S.hasOwnProperty(u))
+          C = S[u];
         else {
-          var D = r(o.props, u, o._instanceProps), P = a(o.props, u, o._instanceProps), M = y === "horizontal" || O === "horizontal", R = y === "rtl", j = M ? D : 0;
-          k[u] = $ = {
+          var P = r(o.props, u, o._instanceProps), z = a(o.props, u, o._instanceProps), A = g === "horizontal" || E === "horizontal", R = g === "rtl", T = A ? P : 0;
+          S[u] = C = {
             position: "absolute",
-            left: R ? void 0 : j,
-            right: R ? j : void 0,
-            top: M ? 0 : D,
-            height: M ? "100%" : P,
-            width: M ? P : "100%"
+            left: R ? void 0 : T,
+            right: R ? T : void 0,
+            top: A ? 0 : P,
+            height: A ? "100%" : z,
+            width: A ? z : "100%"
           };
         }
-        return $;
-      }, o._getItemStyleCache = void 0, o._getItemStyleCache = Ae(function(u, m, y) {
+        return C;
+      }, o._getItemStyleCache = void 0, o._getItemStyleCache = Ae(function(u, h, g) {
         return {};
       }), o._onScrollHorizontal = function(u) {
-        var m = u.currentTarget, y = m.clientWidth, N = m.scrollLeft, O = m.scrollWidth;
-        o.setState(function(k) {
-          if (k.scrollOffset === N)
+        var h = u.currentTarget, g = h.clientWidth, L = h.scrollLeft, E = h.scrollWidth;
+        o.setState(function(S) {
+          if (S.scrollOffset === L)
             return null;
-          var $ = o.props.direction, D = N;
-          if ($ === "rtl")
+          var C = o.props.direction, P = L;
+          if (C === "rtl")
             switch (We()) {
               case "negative":
-                D = -N;
+                P = -L;
                 break;
               case "positive-descending":
-                D = O - y - N;
+                P = E - g - L;
                 break;
             }
-          return D = Math.max(0, Math.min(D, O - y)), {
+          return P = Math.max(0, Math.min(P, E - g)), {
             isScrolling: !0,
-            scrollDirection: k.scrollOffset < D ? "forward" : "backward",
-            scrollOffset: D,
+            scrollDirection: S.scrollOffset < P ? "forward" : "backward",
+            scrollOffset: P,
             scrollUpdateWasRequested: !1
           };
         }, o._resetIsScrollingDebounced);
       }, o._onScrollVertical = function(u) {
-        var m = u.currentTarget, y = m.clientHeight, N = m.scrollHeight, O = m.scrollTop;
-        o.setState(function(k) {
-          if (k.scrollOffset === O)
+        var h = u.currentTarget, g = h.clientHeight, L = h.scrollHeight, E = h.scrollTop;
+        o.setState(function(S) {
+          if (S.scrollOffset === E)
             return null;
-          var $ = Math.max(0, Math.min(O, N - y));
+          var C = Math.max(0, Math.min(E, L - g));
           return {
             isScrolling: !0,
-            scrollDirection: k.scrollOffset < $ ? "forward" : "backward",
-            scrollOffset: $,
+            scrollDirection: S.scrollOffset < C ? "forward" : "backward",
+            scrollOffset: C,
             scrollUpdateWasRequested: !1
           };
         }, o._resetIsScrollingDebounced);
       }, o._outerRefSetter = function(u) {
-        var m = o.props.outerRef;
-        o._outerRef = u, typeof m == "function" ? m(u) : m != null && typeof m == "object" && m.hasOwnProperty("current") && (m.current = u);
+        var h = o.props.outerRef;
+        o._outerRef = u, typeof h == "function" ? h(u) : h != null && typeof h == "object" && h.hasOwnProperty("current") && (h.current = u);
       }, o._resetIsScrollingDebounced = function() {
-        o._resetIsScrollingTimeoutId !== null && je(o._resetIsScrollingTimeoutId), o._resetIsScrollingTimeoutId = ut(o._resetIsScrolling, ht);
+        o._resetIsScrollingTimeoutId !== null && Te(o._resetIsScrollingTimeoutId), o._resetIsScrollingTimeoutId = ut(o._resetIsScrolling, ht);
       }, o._resetIsScrolling = function() {
         o._resetIsScrollingTimeoutId = null, o.setState({
           isScrolling: !1
@@ -1264,10 +1264,10 @@ function ft(t) {
         });
       }, o;
     }
-    S.getDerivedStateFromProps = function(o, u) {
-      return pt(o, u), L(o), null;
+    x.getDerivedStateFromProps = function(o, u) {
+      return pt(o, u), N(o), null;
     };
-    var d = S.prototype;
+    var d = x.prototype;
     return d.scrollTo = function(o) {
       o = Math.max(0, o), this.setState(function(u) {
         return u.scrollOffset === o ? null : {
@@ -1278,75 +1278,75 @@ function ft(t) {
       }, this._resetIsScrollingDebounced);
     }, d.scrollToItem = function(o, u) {
       u === void 0 && (u = "auto");
-      var m = this.props, y = m.itemCount, N = m.layout, O = this.state.scrollOffset;
-      o = Math.max(0, Math.min(o, y - 1));
-      var k = 0;
+      var h = this.props, g = h.itemCount, L = h.layout, E = this.state.scrollOffset;
+      o = Math.max(0, Math.min(o, g - 1));
+      var S = 0;
       if (this._outerRef) {
-        var $ = this._outerRef;
-        N === "vertical" ? k = $.scrollWidth > $.clientWidth ? He() : 0 : k = $.scrollHeight > $.clientHeight ? He() : 0;
+        var C = this._outerRef;
+        L === "vertical" ? S = C.scrollWidth > C.clientWidth ? He() : 0 : S = C.scrollHeight > C.clientHeight ? He() : 0;
       }
-      this.scrollTo(c(this.props, o, u, O, this._instanceProps, k));
+      this.scrollTo(c(this.props, o, u, E, this._instanceProps, S));
     }, d.componentDidMount = function() {
-      var o = this.props, u = o.direction, m = o.initialScrollOffset, y = o.layout;
-      if (typeof m == "number" && this._outerRef != null) {
-        var N = this._outerRef;
-        u === "horizontal" || y === "horizontal" ? N.scrollLeft = m : N.scrollTop = m;
+      var o = this.props, u = o.direction, h = o.initialScrollOffset, g = o.layout;
+      if (typeof h == "number" && this._outerRef != null) {
+        var L = this._outerRef;
+        u === "horizontal" || g === "horizontal" ? L.scrollLeft = h : L.scrollTop = h;
       }
       this._callPropsCallbacks();
     }, d.componentDidUpdate = function() {
-      var o = this.props, u = o.direction, m = o.layout, y = this.state, N = y.scrollOffset, O = y.scrollUpdateWasRequested;
-      if (O && this._outerRef != null) {
-        var k = this._outerRef;
-        if (u === "horizontal" || m === "horizontal")
+      var o = this.props, u = o.direction, h = o.layout, g = this.state, L = g.scrollOffset, E = g.scrollUpdateWasRequested;
+      if (E && this._outerRef != null) {
+        var S = this._outerRef;
+        if (u === "horizontal" || h === "horizontal")
           if (u === "rtl")
             switch (We()) {
               case "negative":
-                k.scrollLeft = -N;
+                S.scrollLeft = -L;
                 break;
               case "positive-ascending":
-                k.scrollLeft = N;
+                S.scrollLeft = L;
                 break;
               default:
-                var $ = k.clientWidth, D = k.scrollWidth;
-                k.scrollLeft = D - $ - N;
+                var C = S.clientWidth, P = S.scrollWidth;
+                S.scrollLeft = P - C - L;
                 break;
             }
           else
-            k.scrollLeft = N;
+            S.scrollLeft = L;
         else
-          k.scrollTop = N;
+          S.scrollTop = L;
       }
       this._callPropsCallbacks();
     }, d.componentWillUnmount = function() {
-      this._resetIsScrollingTimeoutId !== null && je(this._resetIsScrollingTimeoutId);
+      this._resetIsScrollingTimeoutId !== null && Te(this._resetIsScrollingTimeoutId);
     }, d.render = function() {
-      var o = this.props, u = o.children, m = o.className, y = o.direction, N = o.height, O = o.innerRef, k = o.innerElementType, $ = o.innerTagName, D = o.itemCount, P = o.itemData, M = o.itemKey, R = M === void 0 ? mt : M, j = o.layout, p = o.outerElementType, h = o.outerTagName, w = o.style, x = o.useIsScrolling, ae = o.width, J = this.state.isScrolling, oe = y === "horizontal" || j === "horizontal", re = oe ? this._onScrollHorizontal : this._onScrollVertical, ce = this._getRangeToRender(), le = ce[0], H = ce[1], he = [];
-      if (D > 0)
+      var o = this.props, u = o.children, h = o.className, g = o.direction, L = o.height, E = o.innerRef, S = o.innerElementType, C = o.innerTagName, P = o.itemCount, z = o.itemData, A = o.itemKey, R = A === void 0 ? mt : A, T = o.layout, v = o.outerElementType, f = o.outerTagName, I = o.style, M = o.useIsScrolling, ae = o.width, J = this.state.isScrolling, oe = g === "horizontal" || T === "horizontal", re = oe ? this._onScrollHorizontal : this._onScrollVertical, ce = this._getRangeToRender(), le = ce[0], H = ce[1], he = [];
+      if (P > 0)
         for (var G = le; G <= H; G++)
           he.push(Se(u, {
-            data: P,
-            key: R(G, P),
+            data: z,
+            key: R(G, z),
             index: G,
-            isScrolling: x ? J : void 0,
+            isScrolling: M ? J : void 0,
             style: this._getItemStyle(G)
           }));
       var ne = i(this.props, this._instanceProps);
-      return Se(p || h || "div", {
-        className: m,
+      return Se(v || f || "div", {
+        className: h,
         onScroll: re,
         ref: this._outerRefSetter,
         style: Ue({
           position: "relative",
-          height: N,
+          height: L,
           width: ae,
           overflow: "auto",
           WebkitOverflowScrolling: "touch",
           willChange: "transform",
-          direction: y
-        }, w)
-      }, Se(k || $ || "div", {
+          direction: g
+        }, I)
+      }, Se(S || C || "div", {
         children: he,
-        ref: O,
+        ref: E,
         style: {
           height: oe ? "100%" : ne,
           pointerEvents: J ? "none" : void 0,
@@ -1357,21 +1357,21 @@ function ft(t) {
       if (typeof this.props.onItemsRendered == "function") {
         var o = this.props.itemCount;
         if (o > 0) {
-          var u = this._getRangeToRender(), m = u[0], y = u[1], N = u[2], O = u[3];
-          this._callOnItemsRendered(m, y, N, O);
+          var u = this._getRangeToRender(), h = u[0], g = u[1], L = u[2], E = u[3];
+          this._callOnItemsRendered(h, g, L, E);
         }
       }
       if (typeof this.props.onScroll == "function") {
-        var k = this.state, $ = k.scrollDirection, D = k.scrollOffset, P = k.scrollUpdateWasRequested;
-        this._callOnScroll($, D, P);
+        var S = this.state, C = S.scrollDirection, P = S.scrollOffset, z = S.scrollUpdateWasRequested;
+        this._callOnScroll(C, P, z);
       }
     }, d._getRangeToRender = function() {
-      var o = this.props, u = o.itemCount, m = o.overscanCount, y = this.state, N = y.isScrolling, O = y.scrollDirection, k = y.scrollOffset;
+      var o = this.props, u = o.itemCount, h = o.overscanCount, g = this.state, L = g.isScrolling, E = g.scrollDirection, S = g.scrollOffset;
       if (u === 0)
         return [0, 0, 0, 0];
-      var $ = s(this.props, k, this._instanceProps), D = l(this.props, $, k, this._instanceProps), P = !N || O === "backward" ? Math.max(1, m) : 1, M = !N || O === "forward" ? Math.max(1, m) : 1;
-      return [Math.max(0, $ - P), Math.max(0, Math.min(u - 1, D + M)), $, D];
-    }, S;
+      var C = s(this.props, S, this._instanceProps), P = l(this.props, C, S, this._instanceProps), z = !L || E === "backward" ? Math.max(1, h) : 1, A = !L || E === "forward" ? Math.max(1, h) : 1;
+      return [Math.max(0, C - z), Math.max(0, Math.min(u - 1, P + A)), C, P];
+    }, x;
   })(Qe), e.defaultProps = {
     direction: "ltr",
     itemData: void 0,
@@ -1381,14 +1381,14 @@ function ft(t) {
   }, e;
 }
 var pt = function(e, r) {
-  var i = e.children, a = e.direction, c = e.height, s = e.layout, l = e.innerTagName, I = e.outerTagName, _ = e.width, L = r.instance;
+  var i = e.children, a = e.direction, c = e.height, s = e.layout, l = e.innerTagName, $ = e.outerTagName, w = e.width, N = r.instance;
   if (process.env.NODE_ENV !== "production") {
-    (l != null || I != null) && xe && !xe.has(L) && (xe.add(L), console.warn("The innerTagName and outerTagName props have been deprecated. Please use the innerElementType and outerElementType props instead."));
-    var A = a === "horizontal" || s === "horizontal";
+    (l != null || $ != null) && xe && !xe.has(N) && (xe.add(N), console.warn("The innerTagName and outerTagName props have been deprecated. Please use the innerElementType and outerElementType props instead."));
+    var k = a === "horizontal" || s === "horizontal";
     switch (a) {
       case "horizontal":
       case "vertical":
-        Ie && !Ie.has(L) && (Ie.add(L), console.warn('The direction prop should be either "ltr" (default) or "rtl". Please use the layout prop to specify "vertical" (default) or "horizontal" orientation.'));
+        Ie && !Ie.has(N) && (Ie.add(N), console.warn('The direction prop should be either "ltr" (default) or "rtl". Please use the layout prop to specify "vertical" (default) or "horizontal" orientation.'));
         break;
       case "ltr":
       case "rtl":
@@ -1405,9 +1405,9 @@ var pt = function(e, r) {
     }
     if (i == null)
       throw Error('An invalid "children" prop has been specified. Value should be a React component. ' + ('"' + (i === null ? "null" : typeof i) + '" was specified.'));
-    if (A && typeof _ != "number")
-      throw Error('An invalid "width" prop has been specified. Horizontal lists must specify a number for width. ' + ('"' + (_ === null ? "null" : typeof _) + '" was specified.'));
-    if (!A && typeof c != "number")
+    if (k && typeof w != "number")
+      throw Error('An invalid "width" prop has been specified. Horizontal lists must specify a number for width. ' + ('"' + (w === null ? "null" : typeof w) + '" was specified.'));
+    if (!k && typeof c != "number")
       throw Error('An invalid "height" prop has been specified. Vertical lists must specify a number for height. ' + ('"' + (c === null ? "null" : typeof c) + '" was specified.'));
   }
 }, vt = /* @__PURE__ */ ft({
@@ -1424,19 +1424,19 @@ var pt = function(e, r) {
     return i * r;
   },
   getOffsetForIndexAndAlignment: function(e, r, i, a, c, s) {
-    var l = e.direction, I = e.height, _ = e.itemCount, L = e.itemSize, A = e.layout, S = e.width, d = l === "horizontal" || A === "horizontal", C = d ? S : I, o = Math.max(0, _ * L - C), u = Math.min(o, r * L), m = Math.max(0, r * L - C + L + s);
-    switch (i === "smart" && (a >= m - C && a <= u + C ? i = "auto" : i = "center"), i) {
+    var l = e.direction, $ = e.height, w = e.itemCount, N = e.itemSize, k = e.layout, x = e.width, d = l === "horizontal" || k === "horizontal", _ = d ? x : $, o = Math.max(0, w * N - _), u = Math.min(o, r * N), h = Math.max(0, r * N - _ + N + s);
+    switch (i === "smart" && (a >= h - _ && a <= u + _ ? i = "auto" : i = "center"), i) {
       case "start":
         return u;
       case "end":
-        return m;
+        return h;
       case "center": {
-        var y = Math.round(m + (u - m) / 2);
-        return y < Math.ceil(C / 2) ? 0 : y > o + Math.floor(C / 2) ? o : y;
+        var g = Math.round(h + (u - h) / 2);
+        return g < Math.ceil(_ / 2) ? 0 : g > o + Math.floor(_ / 2) ? o : g;
       }
       case "auto":
       default:
-        return a >= m && a <= u ? a : a < m ? m : u;
+        return a >= h && a <= u ? a : a < h ? h : u;
     }
   },
   getStartIndexForOffset: function(e, r) {
@@ -1444,7 +1444,7 @@ var pt = function(e, r) {
     return Math.max(0, Math.min(i - 1, Math.floor(r / a)));
   },
   getStopIndexForStartIndex: function(e, r, i) {
-    var a = e.direction, c = e.height, s = e.itemCount, l = e.itemSize, I = e.layout, _ = e.width, L = a === "horizontal" || I === "horizontal", A = r * l, S = L ? _ : c, d = Math.ceil((S + i - A) / l);
+    var a = e.direction, c = e.height, s = e.itemCount, l = e.itemSize, $ = e.layout, w = e.width, N = a === "horizontal" || $ === "horizontal", k = r * l, x = N ? w : c, d = Math.ceil((x + i - k) / l);
     return Math.max(0, Math.min(
       s - 1,
       r + d - 1
@@ -1472,7 +1472,7 @@ const gt = ({
   size: t = 16,
   className: e = "",
   color: r = "currentColor"
-}) => /* @__PURE__ */ b("svg", { width: t, height: t, viewBox: "0 0 16 16", fill: r, className: e, children: [
+}) => /* @__PURE__ */ m("svg", { width: t, height: t, viewBox: "0 0 16 16", fill: r, className: e, children: [
   /* @__PURE__ */ n("path", { d: "M8 9.5a1.5 1.5 0 100-3 1.5 1.5 0 000 3z" }),
   /* @__PURE__ */ n("path", { d: "M8 0a8 8 0 100 16A8 8 0 008 0zM1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0z" })
 ] }), wt = ({
@@ -1495,15 +1495,15 @@ const gt = ({
   size: t = 16,
   className: e = "",
   color: r = "currentColor"
-}) => /* @__PURE__ */ n("svg", { width: t, height: t, viewBox: "0 0 16 16", fill: r, className: e, children: /* @__PURE__ */ n("path", { d: "M7.47 10.78a.75.75 0 001.06 0l3.75-3.75a.75.75 0 00-1.06-1.06L8.75 8.44V1.75a.75.75 0 00-1.5 0v6.69L4.78 5.97a.75.75 0 00-1.06 1.06l3.75 3.75zM3.75 13a.75.75 0 000 1.5h8.5a.75.75 0 000-1.5h-8.5z" }) }), Ct = ({
+}) => /* @__PURE__ */ n("svg", { width: t, height: t, viewBox: "0 0 16 16", fill: r, className: e, children: /* @__PURE__ */ n("path", { d: "M7.47 10.78a.75.75 0 001.06 0l3.75-3.75a.75.75 0 00-1.06-1.06L8.75 8.44V1.75a.75.75 0 00-1.5 0v6.69L4.78 5.97a.75.75 0 00-1.06 1.06l3.75 3.75zM3.75 13a.75.75 0 000 1.5h8.5a.75.75 0 000-1.5h-8.5z" }) }), Nt = ({
   size: t = 16,
   className: e = "",
   color: r = "currentColor"
-}) => /* @__PURE__ */ n("svg", { width: t, height: t, viewBox: "0 0 16 16", fill: r, className: e, children: /* @__PURE__ */ n("path", { d: "M4.53 4.75A.75.75 0 015 6.25h6a.75.75 0 00.53-1.28l-3-3a.75.75 0 00-1.06 0l-3 3zm.47 6.47a.75.75 0 01.53-.22h6a.75.75 0 01.53 1.28l-3 3a.75.75 0 01-1.06 0l-3-3a.75.75 0 01-.01-1.06h.01z" }) }), kt = ({
+}) => /* @__PURE__ */ n("svg", { width: t, height: t, viewBox: "0 0 16 16", fill: r, className: e, children: /* @__PURE__ */ n("path", { d: "M4.53 4.75A.75.75 0 015 6.25h6a.75.75 0 00.53-1.28l-3-3a.75.75 0 00-1.06 0l-3 3zm.47 6.47a.75.75 0 01.53-.22h6a.75.75 0 01.53 1.28l-3 3a.75.75 0 01-1.06 0l-3-3a.75.75 0 01-.01-1.06h.01z" }) }), Ct = ({
   size: t = 20,
   className: e = "",
   color: r = "currentColor"
-}) => /* @__PURE__ */ b("svg", { width: t, height: t, viewBox: "0 0 20 20", fill: "none", className: e, children: [
+}) => /* @__PURE__ */ m("svg", { width: t, height: t, viewBox: "0 0 20 20", fill: "none", className: e, children: [
   /* @__PURE__ */ n(
     "path",
     {
@@ -1534,11 +1534,11 @@ const gt = ({
       strokeLinejoin: "round"
     }
   )
-] }), Nt = ({
+] }), kt = ({
   size: t = 20,
   className: e = "",
   color: r = "currentColor"
-}) => /* @__PURE__ */ b("svg", { width: t, height: t, viewBox: "0 0 20 20", fill: "none", className: e, children: [
+}) => /* @__PURE__ */ m("svg", { width: t, height: t, viewBox: "0 0 20 20", fill: "none", className: e, children: [
   /* @__PURE__ */ n(
     "path",
     {
@@ -1581,7 +1581,7 @@ const gt = ({
   size: t = 16,
   className: e = "",
   color: r = "currentColor"
-}) => /* @__PURE__ */ b("svg", { width: t, height: t, viewBox: "0 0 16 16", fill: "none", className: e, children: [
+}) => /* @__PURE__ */ m("svg", { width: t, height: t, viewBox: "0 0 16 16", fill: "none", className: e, children: [
   /* @__PURE__ */ n("circle", { cx: "8", cy: "8", r: "7", stroke: r, strokeWidth: "1.5" }),
   /* @__PURE__ */ n("path", { d: "M8 1C11.866 1 15 4.134 15 8C15 11.866 11.866 15 8 15", fill: r }),
   /* @__PURE__ */ n("circle", { cx: "8", cy: "5", r: "2", fill: r === "currentColor" ? "white" : "#fff" }),
@@ -1592,23 +1592,23 @@ const gt = ({
   size: t = 16,
   className: e = "",
   color: r = "currentColor"
-}) => /* @__PURE__ */ b("svg", { width: t, height: t, viewBox: "0 0 16 16", fill: r, className: e, children: [
+}) => /* @__PURE__ */ m("svg", { width: t, height: t, viewBox: "0 0 16 16", fill: r, className: e, children: [
   /* @__PURE__ */ n("circle", { cx: "8", cy: "3", r: "1.5" }),
   /* @__PURE__ */ n("path", { d: "M8 5C6.5 5 5 6 5 7.5V9C5 9 5.5 10 6 10.5L5 14H7L8 11L9 14H11L10 10.5C10.5 10 11 9 11 9V7.5C11 6 9.5 5 8 5Z" }),
   /* @__PURE__ */ n("path", { d: "M4 9L2 10M12 9L14 10", strokeWidth: "1", stroke: r, fill: "none" })
-] }), Et = ({
+] }), Dt = ({
   size: t = 16,
   className: e = "",
   color: r = "currentColor"
-}) => /* @__PURE__ */ b("svg", { width: t, height: t, viewBox: "0 0 16 16", fill: r, className: e, children: [
+}) => /* @__PURE__ */ m("svg", { width: t, height: t, viewBox: "0 0 16 16", fill: r, className: e, children: [
   /* @__PURE__ */ n("circle", { cx: "8", cy: "2.5", r: "1.5" }),
   /* @__PURE__ */ n("path", { d: "M8 4.5L6 8L4 14H6L7 10H9L10 14H12L10 8L8 4.5Z" }),
   /* @__PURE__ */ n("path", { d: "M6 8L3 6M10 8L13 6", strokeWidth: "1.5", stroke: r, fill: "none" })
-] }), Dt = ({
+] }), Et = ({
   size: t = 16,
   className: e = "",
   color: r = "currentColor"
-}) => /* @__PURE__ */ b("svg", { width: t, height: t, viewBox: "0 0 16 16", fill: r, className: e, children: [
+}) => /* @__PURE__ */ m("svg", { width: t, height: t, viewBox: "0 0 16 16", fill: r, className: e, children: [
   /* @__PURE__ */ n("rect", { x: "1", y: "6", width: "2", height: "4", rx: "0.5" }),
   /* @__PURE__ */ n("rect", { x: "13", y: "6", width: "2", height: "4", rx: "0.5" }),
   /* @__PURE__ */ n("rect", { x: "3", y: "5.5", width: "1", height: "5" }),
@@ -1618,11 +1618,11 @@ const gt = ({
   size: t = 16,
   className: e = "",
   color: r = "currentColor"
-}) => /* @__PURE__ */ b("svg", { width: t, height: t, viewBox: "0 0 16 16", fill: r, className: e, children: [
+}) => /* @__PURE__ */ m("svg", { width: t, height: t, viewBox: "0 0 16 16", fill: r, className: e, children: [
   /* @__PURE__ */ n("circle", { cx: "10", cy: "2.5", r: "1.5" }),
   /* @__PURE__ */ n("path", { d: "M9 4.5L8 6L6 7L4 8L6 9L8 8L10 7L11 9L10 12L9 14H11L12 11L13 9L12 6L10 4.5H9Z" }),
   /* @__PURE__ */ n("path", { d: "M6 14H4L5 11" })
-] }), Ot = ({
+] }), zt = ({
   size: t = 16,
   className: e = "",
   color: r = "currentColor"
@@ -1635,18 +1635,18 @@ const gt = ({
     strokeLinecap: "round",
     strokeLinejoin: "round"
   }
-) }), zt = ({
+) }), Ot = ({
   size: t = 16,
   className: e = "",
   color: r = "currentColor"
-}) => /* @__PURE__ */ b("svg", { width: t, height: t, viewBox: "0 0 16 16", fill: r, className: e, children: [
+}) => /* @__PURE__ */ m("svg", { width: t, height: t, viewBox: "0 0 16 16", fill: r, className: e, children: [
   /* @__PURE__ */ n("path", { d: "M4 8C4 6 5 4 7 4C8 4 8.5 4.5 8.5 5.5C8.5 6 8.8 6.5 9.5 6.5C10.5 6.5 11 7 11 8C11 9.5 10 11 8 12C6 13 4 12 4 10V8Z" }),
   /* @__PURE__ */ n("circle", { cx: "7", cy: "3", r: "1.5" })
 ] }), Ut = ({
   size: t = 16,
   className: e = "",
   color: r = "currentColor"
-}) => /* @__PURE__ */ b("svg", { width: t, height: t, viewBox: "0 0 16 16", fill: r, className: e, children: [
+}) => /* @__PURE__ */ m("svg", { width: t, height: t, viewBox: "0 0 16 16", fill: r, className: e, children: [
   /* @__PURE__ */ n("rect", { x: "2", y: "2", width: "12", height: "3", rx: "0.5" }),
   /* @__PURE__ */ n("rect", { x: "2", y: "6.5", width: "12", height: "3", rx: "0.5" }),
   /* @__PURE__ */ n("rect", { x: "2", y: "11", width: "12", height: "3", rx: "0.5" }),
@@ -1657,7 +1657,7 @@ const gt = ({
   size: t = 16,
   className: e = "",
   color: r = "currentColor"
-}) => /* @__PURE__ */ b("svg", { width: t, height: t, viewBox: "0 0 16 16", fill: r, className: e, children: [
+}) => /* @__PURE__ */ m("svg", { width: t, height: t, viewBox: "0 0 16 16", fill: r, className: e, children: [
   /* @__PURE__ */ n("ellipse", { cx: "8", cy: "3", rx: "5", ry: "2" }),
   /* @__PURE__ */ n("path", { d: "M3 3V13C3 14.1 5.2 15 8 15C10.8 15 13 14.1 13 13V3" }),
   /* @__PURE__ */ n("path", { d: "M3 8C3 9.1 5.2 10 8 10C10.8 10 13 9.1 13 8" })
@@ -1669,7 +1669,7 @@ const gt = ({
   size: t = 16,
   className: e = "",
   color: r = "currentColor"
-}) => /* @__PURE__ */ b("svg", { width: t, height: t, viewBox: "0 0 16 16", fill: r, className: e, children: [
+}) => /* @__PURE__ */ m("svg", { width: t, height: t, viewBox: "0 0 16 16", fill: r, className: e, children: [
   /* @__PURE__ */ n("path", { d: "M0 2.75C0 1.784.784 1 1.75 1h12.5c.966 0 1.75.784 1.75 1.75v10.5A1.75 1.75 0 0114.25 15H1.75A1.75 1.75 0 010 13.25V2.75z" }),
   /* @__PURE__ */ n(
     "path",
@@ -1694,11 +1694,11 @@ const gt = ({
       strokeLinecap: "round"
     }
   )
-] }), Tt = ({
+] }), jt = ({
   size: t = 16,
   className: e = "",
   color: r = "currentColor"
-}) => /* @__PURE__ */ b("svg", { width: t, height: t, viewBox: "0 0 16 16", fill: r, className: e, children: [
+}) => /* @__PURE__ */ m("svg", { width: t, height: t, viewBox: "0 0 16 16", fill: r, className: e, children: [
   /* @__PURE__ */ n("path", { d: "M4.75 7.5a3.25 3.25 0 116.5 0v3.75a3.25 3.25 0 01-6.5 0V7.5z" }),
   /* @__PURE__ */ n(
     "path",
@@ -1710,7 +1710,7 @@ const gt = ({
     }
   ),
   /* @__PURE__ */ n("ellipse", { cx: "8", cy: "4", rx: "2.5", ry: "1.5" })
-] }), jt = ({
+] }), Tt = ({
   size: t = 16,
   className: e = "",
   color: r = "currentColor"
@@ -1718,14 +1718,14 @@ const gt = ({
   size: t = 16,
   className: e = "",
   color: r = "currentColor"
-}) => /* @__PURE__ */ b("svg", { width: t, height: t, viewBox: "0 0 16 16", fill: r, className: e, children: [
+}) => /* @__PURE__ */ m("svg", { width: t, height: t, viewBox: "0 0 16 16", fill: r, className: e, children: [
   /* @__PURE__ */ n("path", { d: "M8 0C6 0 4.5 2 3.5 5L1 7L4 8L5 11L7 8.5C9 7.5 11 6 13 3C14 2 15 0 16 0C16 0 14 2 13 3C11 5 9.5 6.5 8 7.5M10 4C10.552 4 11 3.552 11 3C11 2.448 10.552 2 10 2C9.448 2 9 2.448 9 3C9 3.552 9.448 4 10 4Z" }),
   /* @__PURE__ */ n("path", { d: "M2 12C2 12 0 14 0 16C2 16 4 14 4 14" })
 ] }), Wt = ({
   size: t = 16,
   className: e = "",
   color: r = "currentColor"
-}) => /* @__PURE__ */ b("svg", { width: t, height: t, viewBox: "0 0 16 16", fill: r, className: e, children: [
+}) => /* @__PURE__ */ m("svg", { width: t, height: t, viewBox: "0 0 16 16", fill: r, className: e, children: [
   /* @__PURE__ */ n("rect", { x: "6", y: "6", width: "4", height: "4", rx: "0.5" }),
   /* @__PURE__ */ n(
     "path",
@@ -1745,7 +1745,7 @@ const gt = ({
   size: t = 16,
   className: e = "",
   color: r = "currentColor"
-}) => /* @__PURE__ */ b("svg", { width: t, height: t, viewBox: "0 0 16 16", fill: r, className: e, children: [
+}) => /* @__PURE__ */ m("svg", { width: t, height: t, viewBox: "0 0 16 16", fill: r, className: e, children: [
   /* @__PURE__ */ n("path", { d: "M8 1C4 1 2 3 2 6C2 8 2 10 3 11C3.5 11.5 4 12 5 12C5.5 12 6 11.5 6.5 10.5C7 9.5 7.5 9 8 9C8.5 9 9 9.5 9.5 10.5C10 11.5 10.5 12 11 12C12 12 12.5 11.5 13 11C14 10 14 8 14 6C14 3 12 1 8 1Z" }),
   /* @__PURE__ */ n("ellipse", { cx: "6", cy: "5.5", rx: "1.5", ry: "2", fill: "white" }),
   /* @__PURE__ */ n("ellipse", { cx: "10", cy: "5.5", rx: "1.5", ry: "2", fill: "white" }),
@@ -1755,7 +1755,7 @@ const gt = ({
   size: t = 16,
   className: e = "",
   color: r = "currentColor"
-}) => /* @__PURE__ */ b("svg", { width: t, height: t, viewBox: "0 0 16 16", fill: r, className: e, children: [
+}) => /* @__PURE__ */ m("svg", { width: t, height: t, viewBox: "0 0 16 16", fill: r, className: e, children: [
   /* @__PURE__ */ n("circle", { cx: "8", cy: "8", r: "5" }),
   /* @__PURE__ */ n(
     "ellipse",
@@ -1775,7 +1775,7 @@ const gt = ({
   size: t = 16,
   className: e = "",
   color: r = "currentColor"
-}) => /* @__PURE__ */ b("svg", { width: t, height: t, viewBox: "0 0 16 16", fill: r, className: e, children: [
+}) => /* @__PURE__ */ m("svg", { width: t, height: t, viewBox: "0 0 16 16", fill: r, className: e, children: [
   /* @__PURE__ */ n("path", { d: "M1 8L6 6L14 2L12 10L10 8L8 14H6L8 8L1 8Z" }),
   /* @__PURE__ */ n("path", { d: "M10 8L12 10", strokeWidth: "1.5", stroke: r })
 ] }), Zt = ({
@@ -1786,7 +1786,7 @@ const gt = ({
   size: t = 16,
   className: e = "",
   color: r = "currentColor"
-}) => /* @__PURE__ */ b("svg", { width: t, height: t, viewBox: "0 0 16 16", fill: r, className: e, children: [
+}) => /* @__PURE__ */ m("svg", { width: t, height: t, viewBox: "0 0 16 16", fill: r, className: e, children: [
   /* @__PURE__ */ n("circle", { cx: "5", cy: "4", r: "2" }),
   /* @__PURE__ */ n("circle", { cx: "11", cy: "4", r: "2" }),
   /* @__PURE__ */ n("path", { d: "M1 14V12C1 10.5 2.5 9 5 9C7.5 9 9 10.5 9 12V14H1Z" }),
@@ -1795,7 +1795,7 @@ const gt = ({
   size: t = 16,
   className: e = "",
   color: r = "currentColor"
-}) => /* @__PURE__ */ b("svg", { width: t, height: t, viewBox: "0 0 16 16", fill: r, className: e, children: [
+}) => /* @__PURE__ */ m("svg", { width: t, height: t, viewBox: "0 0 16 16", fill: r, className: e, children: [
   /* @__PURE__ */ n("path", { d: "M3 1.75C3 .784 3.784 0 4.75 0h5.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0113.25 16h-8.5A1.75 1.75 0 013 14.25V1.75z" }),
   /* @__PURE__ */ n("path", { d: "M10 0v3.5c0 .275.225.5.5.5H14", fill: r === "currentColor" ? "white" : "#fff" })
 ] }), Jt = ({
@@ -1814,14 +1814,14 @@ const gt = ({
   size: t = 16,
   className: e = "",
   color: r = "currentColor"
-}) => /* @__PURE__ */ b("svg", { width: t, height: t, viewBox: "0 0 16 16", fill: r, className: e, children: [
+}) => /* @__PURE__ */ m("svg", { width: t, height: t, viewBox: "0 0 16 16", fill: r, className: e, children: [
   /* @__PURE__ */ n("path", { d: "M3.25 1A2.25 2.25 0 011 3.25v9.5A2.25 2.25 0 013.25 15h9.5A2.25 2.25 0 0115 12.75v-9.5A2.25 2.25 0 0012.75 1h-9.5zM2.5 3.25a.75.75 0 01.75-.75h9.5a.75.75 0 01.75.75v9.5a.75.75 0 01-.75.75h-9.5a.75.75 0 01-.75-.75v-9.5z" }),
   /* @__PURE__ */ n("path", { d: "M8 4a.75.75 0 01.75.75v2.5h2.5a.75.75 0 010 1.5h-2.5v2.5a.75.75 0 01-1.5 0v-2.5h-2.5a.75.75 0 010-1.5h2.5v-2.5A.75.75 0 018 4z" })
 ] }), tr = ({
   size: t = 16,
   className: e = "",
   color: r = "currentColor"
-}) => /* @__PURE__ */ b("svg", { width: t, height: t, viewBox: "0 0 16 16", fill: r, className: e, children: [
+}) => /* @__PURE__ */ m("svg", { width: t, height: t, viewBox: "0 0 16 16", fill: r, className: e, children: [
   /* @__PURE__ */ n("path", { d: "M6 1h4v1H6V1zM5.5 3h5L13 13c0 1.1-.9 2-2 2H5c-1.1 0-2-.9-2-2L5.5 3z" }),
   /* @__PURE__ */ n("circle", { cx: "7", cy: "8", r: "1", fill: r === "currentColor" ? "white" : "#fff", opacity: "0.5" }),
   /* @__PURE__ */ n(
@@ -1838,7 +1838,7 @@ const gt = ({
   size: t = 16,
   className: e = "",
   color: r = "currentColor"
-}) => /* @__PURE__ */ b("svg", { width: t, height: t, viewBox: "0 0 16 16", fill: r, className: e, children: [
+}) => /* @__PURE__ */ m("svg", { width: t, height: t, viewBox: "0 0 16 16", fill: r, className: e, children: [
   /* @__PURE__ */ n("path", { d: "M8 0L0 3v5c0 5 3 7.5 8 8 5-.5 8-3 8-8V3L8 0z" }),
   /* @__PURE__ */ n(
     "path",
@@ -1851,7 +1851,7 @@ const gt = ({
   size: t = 16,
   className: e = "",
   color: r = "currentColor"
-}) => /* @__PURE__ */ b("svg", { width: t, height: t, viewBox: "0 0 16 16", fill: r, className: e, children: [
+}) => /* @__PURE__ */ m("svg", { width: t, height: t, viewBox: "0 0 16 16", fill: r, className: e, children: [
   /* @__PURE__ */ n("rect", { x: "1", y: "1", width: "9", height: "11", rx: "1" }),
   /* @__PURE__ */ n(
     "line",
@@ -1892,7 +1892,7 @@ const gt = ({
   size: t = 16,
   className: e = "",
   color: r = "currentColor"
-}) => /* @__PURE__ */ n("svg", { width: t, height: t, viewBox: "0 0 16 16", fill: r, className: e, children: /* @__PURE__ */ n("path", { d: "M4.48 7.27c.26.26 1.28 1.33 1.28 1.33l.56-.58-.88-.91 1.69-1.8s-.76-.74-.43-.45c.32-1.19.03-2.51-.87-3.44C4.93.5 3.66.2 2.52.51l1.93 2-.51 1.96-1.89.52-1.93-2C-.19 4.17.1 5.48 1 6.4c.94.98 2.29 1.26 3.48.87zm6.44 1.94l-2.33 2.3 3.84 3.98c.31.33.73.49 1.14.49.41 0 .82-.16 1.14-.49.63-.65.63-1.7 0-2.35l-3.79-3.93zM16 2.53L13.55 0 6.33 7.46l.88.91-4.31 4.46-.99.53-1.39 2.27.35.37 2.2-1.44.51-1.02L7.9 9.08l.88.91L16 2.53z" }) }), Ce = {
+}) => /* @__PURE__ */ n("svg", { width: t, height: t, viewBox: "0 0 16 16", fill: r, className: e, children: /* @__PURE__ */ n("path", { d: "M4.48 7.27c.26.26 1.28 1.33 1.28 1.33l.56-.58-.88-.91 1.69-1.8s-.76-.74-.43-.45c.32-1.19.03-2.51-.87-3.44C4.93.5 3.66.2 2.52.51l1.93 2-.51 1.96-1.89.52-1.93-2C-.19 4.17.1 5.48 1 6.4c.94.98 2.29 1.26 3.48.87zm6.44 1.94l-2.33 2.3 3.84 3.98c.31.33.73.49 1.14.49.41 0 .82-.16 1.14-.49.63-.65.63-1.7 0-2.35l-3.79-3.93zM16 2.53L13.55 0 6.33 7.46l.88.91-4.31 4.46-.99.53-1.39 2.27.35.37 2.2-1.44.51-1.02L7.9 9.08l.88.91L16 2.53z" }) }), Ne = {
   commit: gt,
   pr: yt,
   issue: bt,
@@ -1901,41 +1901,41 @@ const gt = ({
   fork: $t,
   merge: It,
   release: xt,
-  deploy: Ct
-}, ke = {
-  unfold: kt,
-  fold: Nt,
+  deploy: Nt
+}, Ce = {
+  unfold: Ct,
+  fold: kt,
   close: St,
   check: Mt
-}, nn = {
+}, on = {
   taichi: Lt,
   meditation: At,
-  yoga: Et
-}, an = {
-  dumbbell: Dt,
+  yoga: Dt
+}, sn = {
+  dumbbell: Et,
   running: Pt,
-  heartrate: Ot,
-  strength: zt
-}, on = {
+  heartrate: zt,
+  strength: Ot
+}, ln = {
   server: Ut,
   database: Vt,
   cloud: Rt,
   terminal: Bt,
-  bug: Tt,
-  code: jt
-}, sn = {
+  bug: jt,
+  code: Tt
+}, cn = {
   rocket: Ht,
   satellite: Wt,
   alien: Ft,
   planet: qt,
   telescope: Kt
-}, ln = {
+}, dn = {
   chart: Zt,
   meeting: Gt,
   document: Yt,
   calendar: Jt,
   briefcase: Qt
-}, cn = {
+}, un = {
   gitbranch: Xt,
   prdraft: er,
   testing: tr,
@@ -1970,12 +1970,12 @@ function sr() {
   return et(Ze);
 }
 const lr = (t) => {
-  const e = Ce[t] || Ce.commit;
+  const e = Ne[t] || Ne.commit;
   return /* @__PURE__ */ n(e, { size: 16 });
 }, cr = (t) => {
   const e = typeof t == "string" ? new Date(t) : t, i = (/* @__PURE__ */ new Date()).getTime() - e.getTime(), a = Math.floor(i / 1e3), c = Math.floor(a / 60), s = Math.floor(c / 60), l = Math.floor(s / 24);
   return a < 60 ? "just now" : c < 60 ? `${c}m ago` : s < 24 ? `${s}h ago` : l < 30 ? `${l}d ago` : e.toLocaleDateString();
-}, dn = ({
+}, hn = ({
   event: t,
   expanded: e = !1,
   onToggle: r,
@@ -1984,59 +1984,59 @@ const lr = (t) => {
   showTimeline: c = !1,
   density: s,
   showMeta: l,
-  renderIcon: I,
-  className: _ = ""
+  renderIcon: $,
+  className: w = ""
 }) => {
-  const L = sr(), A = s ?? L.density, S = l ?? L.showMeta, d = i ?? !!t.description, C = () => {
+  const N = sr(), k = s ?? N.density, x = l ?? N.showMeta, d = i ?? !!t.description, _ = () => {
     d && r && r(t.id, !e);
-  }, o = (y) => {
-    d && r && (y.key === "Enter" || y.key === " ") && (y.preventDefault(), r(t.id, !e));
+  }, o = (g) => {
+    d && r && (g.key === "Enter" || g.key === " ") && (g.preventDefault(), r(t.id, !e));
   }, u = [
     "uiforge-activity-item",
-    `uiforge-activity-item--${A}`,
+    `uiforge-activity-item--${k}`,
     a ? "uiforge-activity-item--child" : "",
-    S ? "" : "uiforge-activity-item--hide-meta",
-    _
-  ].filter(Boolean).join(" "), m = [
+    x ? "" : "uiforge-activity-item--hide-meta",
+    w
+  ].filter(Boolean).join(" "), h = [
     "uiforge-activity-item__header",
     d ? "uiforge-activity-item__header--clickable" : ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ b(
+  return /* @__PURE__ */ m(
     "div",
     {
       className: u,
       "data-event-id": t.id,
-      "data-density": A,
-      "data-show-meta": S,
+      "data-density": k,
+      "data-show-meta": x,
       children: [
         c && !a && /* @__PURE__ */ n("div", { className: "uiforge-activity-item__timeline-marker" }),
-        /* @__PURE__ */ n("div", { className: "uiforge-activity-item__icon", children: I ? I(t) : t.icon || lr(t.type) }),
-        /* @__PURE__ */ b("div", { className: "uiforge-activity-item__content", children: [
-          /* @__PURE__ */ b(
+        /* @__PURE__ */ n("div", { className: "uiforge-activity-item__icon", children: $ ? $(t) : t.icon || lr(t.type) }),
+        /* @__PURE__ */ m("div", { className: "uiforge-activity-item__content", children: [
+          /* @__PURE__ */ m(
             "div",
             {
-              className: m,
-              onClick: C,
+              className: h,
+              onClick: _,
               onKeyDown: o,
               role: d ? "button" : void 0,
               tabIndex: d ? 0 : void 0,
               "aria-expanded": d ? e : void 0,
               children: [
                 /* @__PURE__ */ n("div", { className: "uiforge-activity-item__title", children: t.title }),
-                S && /* @__PURE__ */ n("div", { className: "uiforge-activity-item__timestamp", children: cr(t.timestamp) }),
-                d && /* @__PURE__ */ n("div", { className: "uiforge-activity-item__toggle", children: e ? /* @__PURE__ */ n(ke.fold, { size: 16 }) : /* @__PURE__ */ n(ke.unfold, { size: 16 }) })
+                x && /* @__PURE__ */ n("div", { className: "uiforge-activity-item__timestamp", children: cr(t.timestamp) }),
+                d && /* @__PURE__ */ n("div", { className: "uiforge-activity-item__toggle", children: e ? /* @__PURE__ */ n(Ce.fold, { size: 16 }) : /* @__PURE__ */ n(Ce.unfold, { size: 16 }) })
               ]
             }
           ),
-          e && t.description && S && /* @__PURE__ */ n("div", { className: "uiforge-activity-item__description", children: t.description })
+          e && t.description && x && /* @__PURE__ */ n("div", { className: "uiforge-activity-item__description", children: t.description })
         ] })
       ]
     }
   );
 }, Fe = 400, dr = (t) => {
-  const e = Ce[t] || Ce.commit;
+  const e = Ne[t] || Ne.commit;
   return /* @__PURE__ */ n(e, { size: 16 });
-}, De = (t, e = 2) => {
+}, Ee = (t, e = 2) => {
   if (t.length === 0) return [];
   const r = [];
   let i = [], a = null;
@@ -2066,8 +2066,8 @@ const lr = (t) => {
 }, qe = (t, e) => {
   const r = t.reduce(
     (s, l) => {
-      const I = l.metadata?.repository || "unknown";
-      return s[I] || (s[I] = []), s[I].push(l), s;
+      const $ = l.metadata?.repository || "unknown";
+      return s[$] || (s[$] = []), s[$].push(l), s;
     },
     {}
   ), i = Object.entries(r), a = i.length > 1;
@@ -2106,7 +2106,7 @@ const lr = (t) => {
   merge: "merges",
   release: "releases",
   deploy: "deployments"
-})[t] || `${t}s`, Oe = (t) => {
+})[t] || `${t}s`, ze = (t) => {
   if (t.length === 0) return [];
   const e = [];
   let r = null;
@@ -2117,20 +2117,20 @@ const lr = (t) => {
     }
     const s = i.timestamp, l = `${s.getFullYear()}-${s.getMonth()}`;
     if (l !== r) {
-      const I = {
+      const $ = {
         id: `sep-${a}`,
         type: "date-separator",
         date: s,
         label: ur(s)
       };
-      e.push(I), r = l;
+      e.push($), r = l;
     }
     e.push(i);
   }), e;
 }, ur = (t) => t.toLocaleDateString("en-US", { month: "long", year: "numeric" }), hr = (t) => {
   const e = typeof t == "string" ? new Date(t) : t, i = (/* @__PURE__ */ new Date()).getTime() - e.getTime(), a = Math.floor(i / 1e3), c = Math.floor(a / 60), s = Math.floor(c / 60), l = Math.floor(s / 24);
   return a < 60 ? "just now" : c < 60 ? `${c}m ago` : s < 24 ? `${s}h ago` : l < 30 ? `${l}d ago` : e.toLocaleDateString();
-}, un = ({
+}, mn = ({
   events: t,
   theme: e = "light",
   className: r = "",
@@ -2139,29 +2139,29 @@ const lr = (t) => {
   loading: c = !1,
   onLoadMore: s,
   pagination: l,
-  maxHeight: I,
-  showMoreThreshold: _ = 100,
-  initiallyExpandedAll: L = !1,
-  emptyMessage: A = "No activity to display",
-  onToggleExpand: S,
+  maxHeight: $,
+  showMoreThreshold: w = 100,
+  initiallyExpandedAll: N = !1,
+  emptyMessage: k = "No activity to display",
+  onToggleExpand: x,
   enableGrouping: d = !0,
-  groupingThreshold: C = 2,
+  groupingThreshold: _ = 2,
   showDateSeparators: o = !0,
   showTimeline: u = !0,
-  scale: m,
-  density: y = "comfortable",
-  responsive: N = !0,
-  compactBreakpointPx: O = 640,
-  containerRef: k,
-  showMeta: $,
-  renderIcon: D,
-  renderEvent: P,
-  virtualization: M = !1,
+  scale: h,
+  density: g = "comfortable",
+  responsive: L = !0,
+  compactBreakpointPx: E = 640,
+  containerRef: S,
+  showMeta: C,
+  renderIcon: P,
+  renderEvent: z,
+  virtualization: A = !1,
   virtualItemHeight: R = 48
 }) => {
-  const [j, p] = X(() => {
-    const g = /* @__PURE__ */ new Set();
-    return (d ? o ? Oe(De(t, C)) : De(t, C) : t.map((V) => ({
+  const [T, v] = X(() => {
+    const b = /* @__PURE__ */ new Set();
+    return (d ? o ? ze(Ee(t, _)) : Ee(t, _) : t.map((V) => ({
       id: V.id.toString(),
       type: V.type,
       count: 1,
@@ -2172,14 +2172,14 @@ const lr = (t) => {
     }))).forEach((V) => {
       if ("events" in V && V.type !== "date-separator") {
         const ee = V;
-        (L || ee.events.some((f) => f.initiallyExpanded)) && g.add(ee.id), ee.children && ee.children.forEach((f) => {
-          (L || f.events.some((U) => U.initiallyExpanded)) && g.add(f.id);
+        (N || ee.events.some((p) => p.initiallyExpanded)) && b.add(ee.id), ee.children && ee.children.forEach((p) => {
+          (N || p.events.some((U) => U.initiallyExpanded)) && b.add(p.id);
         });
       }
-    }), g;
-  }), [h, w] = X(!1), [x, ae] = X(Fe), J = Q(null), oe = k || J, re = Q(null), ce = Q(null), le = ar(N ? oe : null, O), H = se(() => N && le && y === "comfortable" ? "compact" : y, [N, le, y]), he = se(() => $ !== void 0 ? $ : !0, [$]), G = se(() => {
+    }), b;
+  }), [f, I] = X(!1), [M, ae] = X(Fe), J = Q(null), oe = S || J, re = Q(null), ce = Q(null), le = ar(L ? oe : null, E), H = se(() => L && le && g === "comfortable" ? "compact" : g, [L, le, g]), he = se(() => C !== void 0 ? C : !0, [C]), G = se(() => {
     if (!d) {
-      const z = t.map((V) => ({
+      const O = t.map((V) => ({
         id: V.id.toString(),
         type: V.type,
         count: 1,
@@ -2188,168 +2188,168 @@ const lr = (t) => {
         icon: V.icon,
         events: [V]
       }));
-      return o ? Oe(z) : z;
+      return o ? ze(O) : O;
     }
-    const g = De(t, C);
-    return o ? Oe(g) : g;
-  }, [t, d, C, o]), ne = B(() => {
+    const b = Ee(t, _);
+    return o ? ze(b) : b;
+  }, [t, d, _, o]), ne = B(() => {
     if (!re.current || !a || !s) return;
-    const { scrollTop: g, scrollHeight: z, clientHeight: V } = re.current, ee = z - g - V;
-    w(ee <= _);
-  }, [a, s, _]), me = B(
-    ({ scrollOffset: g }) => {
+    const { scrollTop: b, scrollHeight: O, clientHeight: V } = re.current, ee = O - b - V;
+    I(ee <= w);
+  }, [a, s, w]), me = B(
+    ({ scrollOffset: b }) => {
       if (!a || !s) return;
-      const z = G.length * R, V = x, ee = z - g - V;
-      w(ee <= _);
+      const O = G.length * R, V = M, ee = O - b - V;
+      I(ee <= w);
     },
     [
       a,
       s,
-      _,
+      w,
       G.length,
       R,
-      x
+      M
     ]
   );
   ie(() => {
-    if (!M || !J.current) return;
-    const g = () => {
+    if (!A || !J.current) return;
+    const b = () => {
       const V = J.current;
       if (V) {
         let ee = V.clientHeight || Fe;
-        if (I) {
-          const f = parseFloat(I);
-          !isNaN(f) && f > 0 && (ee = f);
+        if ($) {
+          const p = parseFloat($);
+          !isNaN(p) && p > 0 && (ee = p);
         }
         ae(ee);
       }
     };
-    g();
-    const z = new ResizeObserver(g);
-    return z.observe(J.current), () => {
-      z.disconnect();
+    b();
+    const O = new ResizeObserver(b);
+    return O.observe(J.current), () => {
+      O.disconnect();
     };
-  }, [M, I]), ie(() => {
-    const g = re.current;
-    if (g)
-      return g.addEventListener("scroll", ne), ne(), () => {
-        g.removeEventListener("scroll", ne);
+  }, [A, $]), ie(() => {
+    const b = re.current;
+    if (b)
+      return b.addEventListener("scroll", ne), ne(), () => {
+        b.removeEventListener("scroll", ne);
       };
   }, [ne]);
-  const E = B(
-    (g, z) => {
-      p((V) => {
-        const ee = new Set(V), f = ee.has(g);
-        return f ? ee.delete(g) : ee.add(g), S?.(z, !f), ee;
+  const D = B(
+    (b, O) => {
+      v((V) => {
+        const ee = new Set(V), p = ee.has(b);
+        return p ? ee.delete(b) : ee.add(b), x?.(O, !p), ee;
       });
     },
-    [S]
-  ), q = (g, z = !1) => {
-    const V = j.has(g.id), ee = g.children && g.children.length > 0, f = g.count > 1, U = g.count === 1 && g.events[0]?.description, te = f || ee || U, Y = g.count === 1 && g.events.length === 1 ? g.events[0].id : g.id;
-    return P && g.count === 1 && g.events.length === 1 ? /* @__PURE__ */ b(
+    [x]
+  ), q = (b, O = !1) => {
+    const V = T.has(b.id), ee = b.children && b.children.length > 0, p = b.count > 1, U = b.count === 1 && b.events[0]?.description, te = p || ee || U, Y = b.count === 1 && b.events.length === 1 ? b.events[0].id : b.id;
+    return z && b.count === 1 && b.events.length === 1 ? /* @__PURE__ */ m(
       "div",
       {
-        className: `activity-stream__item ${z ? "activity-stream__item--child" : ""}`,
-        "data-event-id": g.id,
+        className: `activity-stream__item ${O ? "activity-stream__item--child" : ""}`,
+        "data-event-id": b.id,
         children: [
-          u && !z && /* @__PURE__ */ n("div", { className: "activity-stream__timeline-marker" }),
-          P(g.events[0])
+          u && !O && /* @__PURE__ */ n("div", { className: "activity-stream__timeline-marker" }),
+          z(b.events[0])
         ]
       },
-      g.id
-    ) : /* @__PURE__ */ b(
+      b.id
+    ) : /* @__PURE__ */ m(
       "div",
       {
-        className: `activity-stream__item ${z ? "activity-stream__item--child" : ""}`,
-        "data-event-id": g.id,
+        className: `activity-stream__item ${O ? "activity-stream__item--child" : ""}`,
+        "data-event-id": b.id,
         children: [
-          u && !z && /* @__PURE__ */ n("div", { className: "activity-stream__timeline-marker" }),
-          /* @__PURE__ */ n("div", { className: "activity-stream__icon", children: D && g.events.length === 1 ? D(g.events[0]) : g.icon || dr(g.type) }),
-          /* @__PURE__ */ b("div", { className: "activity-stream__content", children: [
-            /* @__PURE__ */ b(
+          u && !O && /* @__PURE__ */ n("div", { className: "activity-stream__timeline-marker" }),
+          /* @__PURE__ */ n("div", { className: "activity-stream__icon", children: P && b.events.length === 1 ? P(b.events[0]) : b.icon || dr(b.type) }),
+          /* @__PURE__ */ m("div", { className: "activity-stream__content", children: [
+            /* @__PURE__ */ m(
               "div",
               {
                 className: `activity-stream__header ${te ? "activity-stream__header--clickable" : ""}`,
-                onClick: () => te && E(g.id, Y),
+                onClick: () => te && D(b.id, Y),
                 onKeyDown: (W) => {
-                  te && (W.key === "Enter" || W.key === " ") && (W.preventDefault(), E(g.id, Y));
+                  te && (W.key === "Enter" || W.key === " ") && (W.preventDefault(), D(b.id, Y));
                 },
                 role: te ? "button" : void 0,
                 tabIndex: te ? 0 : void 0,
                 "aria-expanded": te ? V : void 0,
                 children: [
-                  /* @__PURE__ */ n("div", { className: "activity-stream__title", children: g.title }),
-                  /* @__PURE__ */ n("div", { className: "activity-stream__timestamp", children: hr(g.timestamp) }),
-                  te && /* @__PURE__ */ n("div", { className: "activity-stream__toggle", children: V ? /* @__PURE__ */ n(ke.fold, { size: 16 }) : /* @__PURE__ */ n(ke.unfold, { size: 16 }) })
+                  /* @__PURE__ */ n("div", { className: "activity-stream__title", children: b.title }),
+                  /* @__PURE__ */ n("div", { className: "activity-stream__timestamp", children: hr(b.timestamp) }),
+                  te && /* @__PURE__ */ n("div", { className: "activity-stream__toggle", children: V ? /* @__PURE__ */ n(Ce.fold, { size: 16 }) : /* @__PURE__ */ n(Ce.unfold, { size: 16 }) })
                 ]
               }
             ),
-            V && ee && g.children && /* @__PURE__ */ n("div", { className: "activity-stream__children", children: g.children.map((W) => q(W, !0)) }),
-            V && !ee && g.events.length > 1 && /* @__PURE__ */ n("div", { className: "activity-stream__events-list", children: g.events.map(
-              (W) => P ? /* @__PURE__ */ n("div", { className: "activity-stream__event-item", children: P(W) }, W.id) : /* @__PURE__ */ b("div", { className: "activity-stream__event-item", children: [
+            V && ee && b.children && /* @__PURE__ */ n("div", { className: "activity-stream__children", children: b.children.map((W) => q(W, !0)) }),
+            V && !ee && b.events.length > 1 && /* @__PURE__ */ n("div", { className: "activity-stream__events-list", children: b.events.map(
+              (W) => z ? /* @__PURE__ */ n("div", { className: "activity-stream__event-item", children: z(W) }, W.id) : /* @__PURE__ */ m("div", { className: "activity-stream__event-item", children: [
                 /* @__PURE__ */ n("div", { className: "activity-stream__event-title", children: W.title }),
                 W.description && /* @__PURE__ */ n("div", { className: "activity-stream__event-description", children: W.description })
               ] }, W.id)
             ) }),
-            V && g.count === 1 && g.events[0].description && /* @__PURE__ */ n("div", { className: "activity-stream__description", children: g.events[0].description })
+            V && b.count === 1 && b.events[0].description && /* @__PURE__ */ n("div", { className: "activity-stream__description", children: b.events[0].description })
           ] })
         ]
       },
-      g.id
+      b.id
     );
-  }, v = B(
-    (g) => {
-      if ("type" in g && g.type === "date-separator") {
-        const z = g;
-        return /* @__PURE__ */ b("div", { className: "activity-stream__date-separator", children: [
-          /* @__PURE__ */ n("div", { className: "activity-stream__date-label", children: z.label }),
+  }, y = B(
+    (b) => {
+      if ("type" in b && b.type === "date-separator") {
+        const O = b;
+        return /* @__PURE__ */ m("div", { className: "activity-stream__date-separator", children: [
+          /* @__PURE__ */ n("div", { className: "activity-stream__date-label", children: O.label }),
           /* @__PURE__ */ n("div", { className: "activity-stream__date-line" })
-        ] }, z.id);
+        ] }, O.id);
       }
-      return q(g);
+      return q(b);
     },
     // Intentionally omitting renderGroupedEvent from dependencies:
     // renderGroupedEvent is an inline function that changes on every render, but its behavior
     // only depends on these stable values. Including it would cause unnecessary re-renders.
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [j, u, D, P, E]
-  ), T = (g) => /* @__PURE__ */ b("div", { className: "activity-stream__date-separator", children: [
-    /* @__PURE__ */ n("div", { className: "activity-stream__date-label", children: g.label }),
+    [T, u, P, z, D]
+  ), j = (b) => /* @__PURE__ */ m("div", { className: "activity-stream__date-separator", children: [
+    /* @__PURE__ */ n("div", { className: "activity-stream__date-label", children: b.label }),
     /* @__PURE__ */ n("div", { className: "activity-stream__date-line" })
-  ] }, g.id), F = B(
-    ({ index: g, style: z }) => {
-      const V = G[g];
-      return V ? /* @__PURE__ */ n("div", { style: z, className: "activity-stream__virtual-row", children: v(V) }) : null;
+  ] }, b.id), F = B(
+    ({ index: b, style: O }) => {
+      const V = G[b];
+      return V ? /* @__PURE__ */ n("div", { style: O, className: "activity-stream__virtual-row", children: y(V) }) : null;
     },
-    [G, v]
-  ), Z = l?.hasMore !== void 0 ? l.hasMore : l?.totalItems !== void 0 ? t.length < l.totalItems : !0, de = "activity-stream", K = `${de}--${e}`, pe = u ? `${de}--with-timeline` : "", ge = `${de}--${H}`;
-  let ue = `${de} ${K} ${pe} ${ge} ${r}`.trim();
-  m !== void 0 && m < 1 && (ue = `${ue} ${de}--scale-compact`), m !== void 0 && m > 1 && (ue = `${ue} ${de}--scale-spacious`);
-  const Ne = I ? { maxHeight: I } : void 0, _e = m !== void 0 ? { "--activity-stream-scale": m } : {};
+    [G, y]
+  ), Z = l?.hasMore !== void 0 ? l.hasMore : l?.totalItems !== void 0 ? t.length < l.totalItems : !0, de = "activity-stream", K = `${de}--${e}`, pe = u ? `${de}--with-timeline` : "", ye = `${de}--${H}`;
+  let ue = `${de} ${K} ${pe} ${ye} ${r}`.trim();
+  h !== void 0 && h < 1 && (ue = `${ue} ${de}--scale-compact`), h !== void 0 && h > 1 && (ue = `${ue} ${de}--scale-spacious`);
+  const ke = $ ? { maxHeight: $ } : void 0, _e = h !== void 0 ? { "--activity-stream-scale": h } : {};
   return /* @__PURE__ */ n(or, { value: { density: H, showMeta: he }, children: /* @__PURE__ */ n(
     "div",
     {
       ref: J,
-      className: `${ue}${M ? " activity-stream--virtualized" : ""}`,
+      className: `${ue}${A ? " activity-stream--virtualized" : ""}`,
       "data-theme": e,
       "data-density": H,
       "data-show-meta": he,
-      "data-virtualized": M,
+      "data-virtualized": A,
       style: i,
-      children: M ? (
+      children: A ? (
         // Virtualized rendering with react-window
-        /* @__PURE__ */ b(
+        /* @__PURE__ */ m(
           "div",
           {
             className: "activity-stream__container activity-stream__container--virtualized",
             style: _e,
             children: [
-              G.length === 0 ? /* @__PURE__ */ n("div", { className: "activity-stream__empty", children: A }) : /* @__PURE__ */ n(
+              G.length === 0 ? /* @__PURE__ */ n("div", { className: "activity-stream__empty", children: k }) : /* @__PURE__ */ n(
                 vt,
                 {
                   ref: ce,
                   className: "activity-stream__items activity-stream__items--virtualized",
-                  height: x,
+                  height: M,
                   itemCount: G.length,
                   itemSize: R,
                   width: "100%",
@@ -2357,17 +2357,17 @@ const lr = (t) => {
                   children: F
                 }
               ),
-              c && /* @__PURE__ */ b("div", { className: "activity-stream__loading", children: [
+              c && /* @__PURE__ */ m("div", { className: "activity-stream__loading", children: [
                 /* @__PURE__ */ n("div", { className: "activity-stream__spinner" }),
                 /* @__PURE__ */ n("span", { children: "Loading..." })
               ] }),
               a && !c && Z && s && /* @__PURE__ */ n(
                 "div",
                 {
-                  className: `activity-stream__load-more ${h ? "activity-stream__load-more--visible" : ""}`,
+                  className: `activity-stream__load-more ${f ? "activity-stream__load-more--visible" : ""}`,
                   onClick: s,
-                  onKeyDown: (g) => {
-                    (g.key === "Enter" || g.key === " ") && (g.preventDefault(), s());
+                  onKeyDown: (b) => {
+                    (b.key === "Enter" || b.key === " ") && (b.preventDefault(), s());
                   },
                   role: "button",
                   tabIndex: 0,
@@ -2380,30 +2380,30 @@ const lr = (t) => {
         )
       ) : (
         // Standard rendering without virtualization
-        /* @__PURE__ */ b(
+        /* @__PURE__ */ m(
           "div",
           {
             ref: re,
             className: "activity-stream__container",
             style: {
-              ...Ne,
+              ...ke,
               ..._e
             },
             children: [
-              G.length === 0 ? /* @__PURE__ */ n("div", { className: "activity-stream__empty", children: A }) : /* @__PURE__ */ n("div", { className: "activity-stream__items", children: G.map(
-                (g) => "type" in g && g.type === "date-separator" ? T(g) : q(g)
+              G.length === 0 ? /* @__PURE__ */ n("div", { className: "activity-stream__empty", children: k }) : /* @__PURE__ */ n("div", { className: "activity-stream__items", children: G.map(
+                (b) => "type" in b && b.type === "date-separator" ? j(b) : q(b)
               ) }),
-              c && /* @__PURE__ */ b("div", { className: "activity-stream__loading", children: [
+              c && /* @__PURE__ */ m("div", { className: "activity-stream__loading", children: [
                 /* @__PURE__ */ n("div", { className: "activity-stream__spinner" }),
                 /* @__PURE__ */ n("span", { children: "Loading..." })
               ] }),
               a && !c && Z && s && /* @__PURE__ */ n(
                 "div",
                 {
-                  className: `activity-stream__load-more ${h ? "activity-stream__load-more--visible" : ""}`,
+                  className: `activity-stream__load-more ${f ? "activity-stream__load-more--visible" : ""}`,
                   onClick: s,
-                  onKeyDown: (g) => {
-                    (g.key === "Enter" || g.key === " ") && (g.preventDefault(), s());
+                  onKeyDown: (b) => {
+                    (b.key === "Enter" || b.key === " ") && (b.preventDefault(), s());
                   },
                   role: "button",
                   tabIndex: 0,
@@ -2714,7 +2714,7 @@ const lr = (t) => {
     const i = r.toString();
     return `https://fast.wistia.net/embed/iframe/${t}${i ? `?${i}` : ""}`;
   }
-}, Cr = {
+}, Nr = {
   name: "brightcove",
   displayName: "Brightcove",
   domains: ["brightcove.com", "bcove.video"],
@@ -2741,7 +2741,7 @@ const lr = (t) => {
     const [r, ...i] = e, a = i.join(":");
     return `https://players.brightcove.net/${r}/default_default/index.html?videoId=${a}`;
   }
-}, kr = {
+}, Cr = {
   name: "kaltura",
   displayName: "Kaltura",
   domains: ["kaltura.com"],
@@ -2768,7 +2768,7 @@ const lr = (t) => {
     const [r, i, a] = e;
     return `https://cdnapisec.kaltura.com/p/${r}/sp/${r}00/embedIframeJs/uiconf_id/${i}/partner_id/${r}?iframeembed=true&entry_id=${a}`;
   }
-}, Nr = {
+}, kr = {
   name: "panopto",
   displayName: "Panopto",
   domains: ["panopto.com"],
@@ -2879,7 +2879,7 @@ const lr = (t) => {
     }
   },
   getEmbedUrl: (t) => `https://${t}.channel.ivs.aws/stream.m3u8`
-}, Er = {
+}, Dr = {
   name: "azure-media",
   displayName: "Azure Media Services",
   domains: ["azure.net", "azureedge.net"],
@@ -2906,7 +2906,7 @@ const lr = (t) => {
     const [r, ...i] = e, a = i.join(":");
     return `https://${r}/${a}/manifest`;
   }
-}, Dr = {
+}, Er = {
   name: "google-drive",
   displayName: "Google Drive",
   domains: ["drive.google.com"],
@@ -2950,7 +2950,7 @@ const lr = (t) => {
       return t;
     }
   }
-}, Or = {
+}, zr = {
   name: "facebook",
   displayName: "Facebook Video",
   domains: ["facebook.com", "fb.watch"],
@@ -2976,7 +2976,7 @@ const lr = (t) => {
     }
   },
   getEmbedUrl: (t) => `https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2Fwatch%2F%3Fv%3D${t}`
-}, zr = {
+}, Or = {
   name: "instagram",
   displayName: "Instagram",
   domains: ["instagram.com"],
@@ -3077,7 +3077,7 @@ const lr = (t) => {
     }
   },
   getEmbedUrl: (t) => `https://embed.redtube.com/?id=${t}`
-}, Tr = {
+}, jr = {
   name: "xhamster",
   displayName: "XHamster",
   domains: ["xhamster.com"],
@@ -3096,7 +3096,7 @@ const lr = (t) => {
     }
   },
   getEmbedUrl: (t) => `https://xhamster.com/xembed.php?video=${t}`
-}, jr = {
+}, Tr = {
   name: "spankbang",
   displayName: "SpankBang",
   domains: ["spankbang.com"],
@@ -3130,28 +3130,28 @@ const lr = (t) => {
   Ir,
   // Tier 2: Professional/Enterprise platforms
   xr,
+  Nr,
   Cr,
   kr,
-  Nr,
   Sr,
   Mr,
   Lr,
   Ar,
-  Er,
-  // Tier 3: Cloud storage
   Dr,
+  // Tier 3: Cloud storage
+  Er,
   Pr,
   // Tier 4: Social media
-  Or,
   zr,
+  Or,
   Ur,
   // Tier 5: Adult content
   Vr,
   Rr,
   Br,
-  Tr,
-  jr
-], ze = Ge.reduce(
+  jr,
+  Tr
+], Oe = Ge.reduce(
   (t, e) => (t[e.name] = e, t),
   {}
 );
@@ -3179,14 +3179,14 @@ function Je(t) {
     videoId: r
   } : null;
 }
-function hn(t, e) {
+function fn(t, e) {
   const r = Je(t);
   return r ? r.provider.getEmbedUrl(r.videoId, e) : null;
 }
-function mn(t) {
+function pn(t) {
   return Ye(t)?.tier === "adult";
 }
-const Hr = () => /* @__PURE__ */ b(
+const Hr = () => /* @__PURE__ */ m(
   "svg",
   {
     width: "64",
@@ -3200,7 +3200,7 @@ const Hr = () => /* @__PURE__ */ b(
       /* @__PURE__ */ n("path", { d: "M26 20L46 32L26 44V20Z", fill: "currentColor", style: { color: "#3b82f6" } })
     ]
   }
-), Wr = () => /* @__PURE__ */ b(
+), Wr = () => /* @__PURE__ */ m(
   "svg",
   {
     width: "20",
@@ -3214,7 +3214,7 @@ const Hr = () => /* @__PURE__ */ b(
       /* @__PURE__ */ n("path", { d: "M8 7l5 3-5 3V7z" })
     ]
   }
-), fn = ({
+), vn = ({
   title: t,
   description: e,
   url: r,
@@ -3223,28 +3223,28 @@ const Hr = () => /* @__PURE__ */ b(
   provider: c,
   videoId: s,
   autoplay: l = !1,
-  muted: I = !1,
-  loop: _ = !1,
-  startTime: L,
-  controls: A = !0,
-  thumbnailUrl: S,
+  muted: $ = !1,
+  loop: w = !1,
+  startTime: N,
+  controls: k = !0,
+  thumbnailUrl: x,
   onPlay: d,
-  onError: C,
+  onError: _,
   onReady: o,
   className: u = "",
-  overlayIcon: m,
-  aspectRatio: y = "16:9",
-  width: N,
-  height: O,
-  maxHeight: k,
-  responsive: $ = !1,
-  hideHeader: D = !1,
-  allowAdultContent: P = !1,
-  fallback: M
+  overlayIcon: h,
+  aspectRatio: g = "16:9",
+  width: L,
+  height: E,
+  maxHeight: S,
+  responsive: C = !1,
+  hideHeader: P = !1,
+  allowAdultContent: z = !1,
+  fallback: A
 }) => {
-  const [R, j] = X(!1), [p, h] = X(null), w = Q(null), x = se(() => {
+  const [R, T] = X(!1), [v, f] = X(null), I = Q(null), M = se(() => {
     if (c && s) {
-      const q = ze[c];
+      const q = Oe[c];
       if (q)
         return { provider: q, videoId: s, method: "explicit" };
     }
@@ -3254,68 +3254,68 @@ const Hr = () => /* @__PURE__ */ b(
         return { ...q, method: "url" };
     }
     if (i) {
-      const q = ze.youtube;
+      const q = Oe.youtube;
       if (q)
         return { provider: q, videoId: i, method: "legacy" };
     }
     if (a) {
-      const q = ze.vimeo;
+      const q = Oe.vimeo;
       if (q)
         return { provider: q, videoId: a, method: "legacy" };
     }
     return null;
-  }, [r, c, s, i, a]), ae = se(() => x ? x.provider.tier === "adult" : !1, [x]), J = se(
+  }, [r, c, s, i, a]), ae = se(() => M ? M.provider.tier === "adult" : !1, [M]), J = se(
     () => ({
       // When user clicks to play, enable autoplay automatically
       autoplay: R ? !0 : l,
-      muted: I,
-      loop: _,
-      startTime: L,
-      controls: A
+      muted: $,
+      loop: w,
+      startTime: N,
+      controls: k
     }),
-    [l, I, _, L, A, R]
+    [l, $, w, N, k, R]
   ), oe = se(() => {
-    if (!x) return "";
+    if (!M) return "";
     try {
-      return x.provider.getEmbedUrl(x.videoId, J);
+      return M.provider.getEmbedUrl(M.videoId, J);
     } catch (q) {
       return console.error("Error generating embed URL:", q), "";
     }
-  }, [x, J]), re = se(() => {
-    if (S) return S;
-    if (x?.provider.name === "youtube")
-      return `https://img.youtube.com/vi/${x.videoId}/maxresdefault.jpg`;
-  }, [S, x]), ce = B(() => {
-    x && (j(!0), d && d(x.videoId, x.provider.name), o && o(x.videoId, x.provider.name));
-  }, [x, d, o]), le = B(
+  }, [M, J]), re = se(() => {
+    if (x) return x;
+    if (M?.provider.name === "youtube")
+      return `https://img.youtube.com/vi/${M.videoId}/maxresdefault.jpg`;
+  }, [x, M]), ce = B(() => {
+    M && (T(!0), d && d(M.videoId, M.provider.name), o && o(M.videoId, M.provider.name));
+  }, [M, d, o]), le = B(
     (q) => {
-      h(q), C && x && C(new Error(q), x.provider.name);
+      f(q), _ && M && _(new Error(q), M.provider.name);
     },
-    [C, x]
+    [_, M]
   );
-  if (!x)
-    return M ? /* @__PURE__ */ n(ye, { children: M }) : (console.warn("UIForgeVideo: No valid video source provided"), null);
-  if (ae && !P) {
+  if (!M)
+    return A ? /* @__PURE__ */ n(ge, { children: A }) : (console.warn("UIForgeVideo: No valid video source provided"), null);
+  if (ae && !z) {
     const q = "Adult content must be explicitly enabled with allowAdultContent prop";
-    return M ? /* @__PURE__ */ n(ye, { children: M }) : (console.warn(`UIForgeVideo: ${q}`), /* @__PURE__ */ n("div", { className: "uiforge-video", children: /* @__PURE__ */ n("div", { className: "uiforge-video__error", children: /* @__PURE__ */ n("p", { children: q }) }) }));
+    return A ? /* @__PURE__ */ n(ge, { children: A }) : (console.warn(`UIForgeVideo: ${q}`), /* @__PURE__ */ n("div", { className: "uiforge-video", children: /* @__PURE__ */ n("div", { className: "uiforge-video__error", children: /* @__PURE__ */ n("p", { children: q }) }) }));
   }
-  if (p)
-    return M ? /* @__PURE__ */ n(ye, { children: M }) : /* @__PURE__ */ n("div", { className: "uiforge-video", children: /* @__PURE__ */ n("div", { className: "uiforge-video__error", children: /* @__PURE__ */ n("p", { children: p }) }) });
-  const H = "uiforge-video", he = $ ? `${H}--responsive` : "", G = `${H} ${he} ${u}`.trim(), ne = {
-    aspectRatio: y !== "auto" ? y.replace(":", "/") : void 0,
-    width: N ? typeof N == "number" ? `${N}px` : N : void 0,
-    height: O ? typeof O == "number" ? `${O}px` : O : void 0,
-    maxHeight: k ? typeof k == "number" ? `${k}px` : k : void 0
-  }, me = t || `${x.provider.displayName} Video`;
-  return /* @__PURE__ */ b("div", { className: G, children: [
-    !D && (t || e) && /* @__PURE__ */ b("div", { className: `${H}__header`, children: [
+  if (v)
+    return A ? /* @__PURE__ */ n(ge, { children: A }) : /* @__PURE__ */ n("div", { className: "uiforge-video", children: /* @__PURE__ */ n("div", { className: "uiforge-video__error", children: /* @__PURE__ */ n("p", { children: v }) }) });
+  const H = "uiforge-video", he = C ? `${H}--responsive` : "", G = `${H} ${he} ${u}`.trim(), ne = {
+    aspectRatio: g !== "auto" ? g.replace(":", "/") : void 0,
+    width: L ? typeof L == "number" ? `${L}px` : L : void 0,
+    height: E ? typeof E == "number" ? `${E}px` : E : void 0,
+    maxHeight: S ? typeof S == "number" ? `${S}px` : S : void 0
+  }, me = t || `${M.provider.displayName} Video`;
+  return /* @__PURE__ */ m("div", { className: G, children: [
+    !P && (t || e) && /* @__PURE__ */ m("div", { className: `${H}__header`, children: [
       t && /* @__PURE__ */ n("h3", { className: `${H}__title`, children: t }),
       e && /* @__PURE__ */ n("p", { className: `${H}__description`, children: e })
     ] }),
     /* @__PURE__ */ n("div", { className: `${H}__player-container`, style: ne, children: R ? /* @__PURE__ */ n(
       "iframe",
       {
-        ref: w,
+        ref: I,
         src: oe,
         title: me,
         className: `${H}__iframe`,
@@ -3323,7 +3323,7 @@ const Hr = () => /* @__PURE__ */ b(
         allowFullScreen: !0,
         onError: () => le("Failed to load video")
       }
-    ) : /* @__PURE__ */ b(ye, { children: [
+    ) : /* @__PURE__ */ m(ge, { children: [
       re && /* @__PURE__ */ n("img", { src: re, alt: me, className: `${H}__thumbnail` }),
       /* @__PURE__ */ n(
         "button",
@@ -3332,25 +3332,25 @@ const Hr = () => /* @__PURE__ */ b(
           onClick: ce,
           "aria-label": `Play video: ${me}`,
           type: "button",
-          children: m || /* @__PURE__ */ n(Hr, {})
+          children: h || /* @__PURE__ */ n(Hr, {})
         }
       )
     ] }) })
   ] });
-}, pn = ({
+}, gn = ({
   title: t,
   icon: e,
   className: r = "",
   onClick: i
 }) => {
   const a = "uiforge-video-preview", c = `${a} ${r}`.trim();
-  return /* @__PURE__ */ b(i ? "button" : "div", { className: c, ...i ? {
+  return /* @__PURE__ */ m(i ? "button" : "div", { className: c, ...i ? {
     type: "button",
     onClick: () => {
       i && i();
     },
-    onKeyDown: (L) => {
-      i && (L.key === "Enter" || L.key === " ") && (L.preventDefault(), i());
+    onKeyDown: (N) => {
+      i && (N.key === "Enter" || N.key === " ") && (N.preventDefault(), i());
     }
   } : {}, children: [
     /* @__PURE__ */ n("div", { className: `${a}__icon-container`, children: e || /* @__PURE__ */ n(Wr, {}) }),
@@ -3366,7 +3366,7 @@ const Hr = () => /* @__PURE__ */ b(
     '[tabindex]:not([tabindex="-1"])'
   ].join(", ");
   return Array.from(t.querySelectorAll(e));
-}, vn = ({
+}, yn = ({
   id: t,
   variant: e = "static",
   open: r = !0,
@@ -3375,57 +3375,57 @@ const Hr = () => /* @__PURE__ */ b(
   className: c = "",
   ariaLabel: s = "Sidebar navigation",
   width: l = "280px",
-  height: I = "200px",
-  position: _ = "left",
-  showBackdrop: L = !0,
-  closeOnBackdropClick: A = !0,
-  closeOnEscape: S = !0,
+  height: $ = "200px",
+  position: w = "left",
+  showBackdrop: N = !0,
+  closeOnBackdropClick: k = !0,
+  closeOnEscape: x = !0,
   trapFocus: d = !0
 }) => {
-  const C = Q(null), o = Q(null), u = e === "drawer" || e === "bottom", m = B(() => {
-    A && i && i(!1);
-  }, [A, i]);
+  const _ = Q(null), o = Q(null), u = e === "drawer" || e === "bottom", h = B(() => {
+    k && i && i(!1);
+  }, [k, i]);
   ie(() => {
-    if (!u || !r || !S) return;
-    const D = (P) => {
-      P.key === "Escape" && (P.preventDefault(), i?.(!1));
+    if (!u || !r || !x) return;
+    const P = (z) => {
+      z.key === "Escape" && (z.preventDefault(), i?.(!1));
     };
-    return document.addEventListener("keydown", D), () => document.removeEventListener("keydown", D);
-  }, [u, r, S, i]), ie(() => {
+    return document.addEventListener("keydown", P), () => document.removeEventListener("keydown", P);
+  }, [u, r, x, i]), ie(() => {
     if (!u || !r || !d) return;
-    const D = C.current;
-    if (!D) return;
+    const P = _.current;
+    if (!P) return;
     o.current = document.activeElement;
-    const P = Ke(D);
-    P.length > 0 ? P[0].focus() : D.focus();
-    const M = (R) => {
+    const z = Ke(P);
+    z.length > 0 ? z[0].focus() : P.focus();
+    const A = (R) => {
       if (R.key !== "Tab") return;
-      const j = Ke(D);
-      if (j.length === 0) return;
-      const p = j[0], h = j[j.length - 1];
-      R.shiftKey ? document.activeElement === p && (R.preventDefault(), h.focus()) : document.activeElement === h && (R.preventDefault(), p.focus());
+      const T = Ke(P);
+      if (T.length === 0) return;
+      const v = T[0], f = T[T.length - 1];
+      R.shiftKey ? document.activeElement === v && (R.preventDefault(), f.focus()) : document.activeElement === f && (R.preventDefault(), v.focus());
     };
-    return document.addEventListener("keydown", M), () => {
-      document.removeEventListener("keydown", M), o.current && typeof o.current.focus == "function" && o.current.focus();
+    return document.addEventListener("keydown", A), () => {
+      document.removeEventListener("keydown", A), o.current && typeof o.current.focus == "function" && o.current.focus();
     };
   }, [u, r, d]), ie(() => {
     if (!u || !r) return;
-    const D = document.body.style.overflow;
+    const P = document.body.style.overflow;
     return document.body.style.overflow = "hidden", () => {
-      document.body.style.overflow = D;
+      document.body.style.overflow = P;
     };
   }, [u, r]);
-  const y = "uiforge-sidebar", N = [
-    y,
-    `${y}--${e}`,
-    `${y}--${_}`,
-    u && r && `${y}--open`,
-    u && !r && `${y}--closed`,
+  const g = "uiforge-sidebar", L = [
+    g,
+    `${g}--${e}`,
+    `${g}--${w}`,
+    u && r && `${g}--open`,
+    u && !r && `${g}--closed`,
     c
-  ].filter(Boolean).join(" "), O = {
+  ].filter(Boolean).join(" "), E = {
     "--sidebar-width": l,
-    "--sidebar-height": I
-  }, $ = e === "static" ? {
+    "--sidebar-height": $
+  }, C = e === "static" ? {
     role: "navigation",
     "aria-label": s
   } : {
@@ -3439,18 +3439,18 @@ const Hr = () => /* @__PURE__ */ b(
     "aside",
     {
       id: t,
-      ref: C,
-      className: N,
-      style: O,
-      ...$,
-      children: /* @__PURE__ */ n("div", { className: `${y}__content`, children: a })
-    }
-  ) : /* @__PURE__ */ b(ye, { children: [
-    L && /* @__PURE__ */ n(
+      ref: _,
+      className: L,
+      style: E,
+      ...C,
+      children: /* @__PURE__ */ n("div", { className: `${g}__content`, children: a })
+    }
+  ) : /* @__PURE__ */ m(ge, { children: [
+    N && /* @__PURE__ */ n(
       "div",
       {
-        className: `${y}__backdrop ${r ? `${y}__backdrop--visible` : ""}`,
-        onClick: m,
+        className: `${g}__backdrop ${r ? `${g}__backdrop--visible` : ""}`,
+        onClick: h,
         "aria-hidden": "true"
       }
     ),
@@ -3458,12 +3458,12 @@ const Hr = () => /* @__PURE__ */ b(
       "aside",
       {
         id: t,
-        ref: C,
-        className: N,
-        style: O,
+        ref: _,
+        className: L,
+        style: E,
         tabIndex: -1,
-        ...$,
-        children: /* @__PURE__ */ n("div", { className: `${y}__content`, children: a })
+        ...C,
+        children: /* @__PURE__ */ n("div", { className: `${g}__content`, children: a })
       }
     )
   ] });
@@ -3476,7 +3476,7 @@ const Hr = () => /* @__PURE__ */ b(
   className: c = "",
   ...s
 }) => {
-  const l = "uiforge-safe-area-container", I = [
+  const l = "uiforge-safe-area-container", $ = [
     l,
     e && `${l}--disable-top`,
     a && `${l}--disable-right`,
@@ -3484,8 +3484,8 @@ const Hr = () => /* @__PURE__ */ b(
     i && `${l}--disable-left`,
     c
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n("div", { className: I, ...s, children: t });
-}, gn = ({
+  return /* @__PURE__ */ n("div", { className: $, ...s, children: t });
+}, bn = ({
   left: t,
   title: e,
   right: r,
@@ -3493,13 +3493,13 @@ const Hr = () => /* @__PURE__ */ b(
   className: a = "",
   ...c
 }) => {
-  const s = "uiforge-mobile-header-layout", l = [s, i && `${s}--hide-on-desktop`, a].filter(Boolean).join(" "), I = typeof e == "string";
-  return /* @__PURE__ */ n(Fr, { disableBottom: !0, disableLeft: !0, disableRight: !0, children: /* @__PURE__ */ b("header", { className: l, ...c, children: [
+  const s = "uiforge-mobile-header-layout", l = [s, i && `${s}--hide-on-desktop`, a].filter(Boolean).join(" "), $ = typeof e == "string";
+  return /* @__PURE__ */ n(Fr, { disableBottom: !0, disableLeft: !0, disableRight: !0, children: /* @__PURE__ */ m("header", { className: l, ...c, children: [
     /* @__PURE__ */ n("div", { className: `${s}__left`, children: t }),
-    /* @__PURE__ */ n("div", { className: `${s}__center`, children: I ? /* @__PURE__ */ n("span", { className: `${s}__title`, children: e }) : e }),
+    /* @__PURE__ */ n("div", { className: `${s}__center`, children: $ ? /* @__PURE__ */ n("span", { className: `${s}__title`, children: e }) : e }),
     /* @__PURE__ */ n("div", { className: `${s}__right`, children: r })
   ] }) });
-}, yn = ({
+}, wn = ({
   items: t,
   onSelect: e,
   ariaLabel: r = "More actions",
@@ -3508,217 +3508,390 @@ const Hr = () => /* @__PURE__ */ b(
   disabled: c = !1,
   size: s = "medium",
   className: l = "",
-  "data-testid": I
+  "data-testid": $
 }) => {
-  const [_, L] = X(!1), [A, S] = X(-1), d = Q(null), C = Q(null), o = Q(null), u = Q(null), y = `overflow-menu-${tt()}`, N = t.filter((h) => !h.disabled), O = B(() => {
-    c || (L(!0), S(0));
-  }, [c]), k = B(() => {
-    L(!1), S(-1), i ? o.current?.focus() : C.current?.focus();
-  }, [i]), $ = B(
-    (h) => {
-      h.disabled || (h.onClick ? h.onClick() : e && e(h), k());
+  const [w, N] = X(!1), [k, x] = X(-1), d = Q(null), _ = Q(null), o = Q(null), u = Q(null), g = `overflow-menu-${tt()}`, L = t.filter((f) => !f.disabled), E = B(() => {
+    c || (N(!0), x(0));
+  }, [c]), S = B(() => {
+    N(!1), x(-1), i ? o.current?.focus() : _.current?.focus();
+  }, [i]), C = B(
+    (f) => {
+      f.disabled || (f.onClick ? f.onClick() : e && e(f), S());
     },
-    [e, k]
+    [e, S]
   );
   ie(() => {
-    if (!_) return;
-    const h = (w) => {
-      d.current && !d.current.contains(w.target) && k();
+    if (!w) return;
+    const f = (I) => {
+      d.current && !d.current.contains(I.target) && S();
     };
-    return document.addEventListener("mousedown", h), () => document.removeEventListener("mousedown", h);
-  }, [_, k]);
-  const D = B(
-    (h) => {
+    return document.addEventListener("mousedown", f), () => document.removeEventListener("mousedown", f);
+  }, [w, S]);
+  const P = B(
+    (f) => {
       if (!c)
-        switch (h.key) {
+        switch (f.key) {
           case "Enter":
           case " ":
-            if (h.preventDefault(), !_)
-              O();
-            else if (A >= 0) {
-              const w = N[A];
-              w && $(w);
+            if (f.preventDefault(), !w)
+              E();
+            else if (k >= 0) {
+              const I = L[k];
+              I && C(I);
             }
             break;
           case "ArrowDown":
-            h.preventDefault(), _ ? S((w) => w < N.length - 1 ? w + 1 : 0) : O();
+            f.preventDefault(), w ? x((I) => I < L.length - 1 ? I + 1 : 0) : E();
             break;
           case "ArrowUp":
-            h.preventDefault(), _ && S((w) => w > 0 ? w - 1 : N.length - 1);
+            f.preventDefault(), w && x((I) => I > 0 ? I - 1 : L.length - 1);
             break;
           case "Escape":
-            h.preventDefault(), _ && k();
+            f.preventDefault(), w && S();
             break;
           case "Tab":
-            _ && k();
+            w && S();
             break;
           case "Home":
-            _ && (h.preventDefault(), S(0));
+            w && (f.preventDefault(), x(0));
             break;
           case "End":
-            _ && (h.preventDefault(), S(N.length - 1));
+            w && (f.preventDefault(), x(L.length - 1));
             break;
         }
     },
-    [c, _, A, N, O, k, $]
+    [c, w, k, L, E, S, C]
   );
   ie(() => {
-    if (_ && u.current && A >= 0) {
-      const h = u.current.querySelector(`[data-index="${A}"]`);
-      h && typeof h.scrollIntoView == "function" && h.scrollIntoView({ block: "nearest" });
-    }
-  }, [A, _]);
-  const P = () => {
-    c || (_ ? k() : O());
-  }, M = "uiforge-overflow-menu", R = [M, c && `${M}--disabled`, l].filter(Boolean).join(" "), j = [`${M}__menu`, `${M}__menu--${a}`].filter(Boolean).join(" "), p = (h) => N.findIndex((w) => w.id === h.id);
-  return /* @__PURE__ */ b(
+    if (w && u.current && k >= 0) {
+      const f = u.current.querySelector(`[data-index="${k}"]`);
+      f && typeof f.scrollIntoView == "function" && f.scrollIntoView({ block: "nearest" });
+    }
+  }, [k, w]);
+  const z = () => {
+    c || (w ? S() : E());
+  }, A = "uiforge-overflow-menu", R = [A, c && `${A}--disabled`, l].filter(Boolean).join(" "), T = [`${A}__menu`, `${A}__menu--${a}`].filter(Boolean).join(" "), v = (f) => L.findIndex((I) => I.id === f.id);
+  return /* @__PURE__ */ m(
     "div",
     {
       ref: d,
       className: R,
-      onKeyDown: D,
-      "data-testid": I,
+      onKeyDown: P,
+      "data-testid": $,
       children: [
         i ? /* @__PURE__ */ n(
           "div",
           {
-            onClick: P,
+            onClick: z,
             role: "button",
             tabIndex: c ? -1 : 0,
             "aria-haspopup": "menu",
-            "aria-expanded": _,
-            "aria-controls": _ ? y : void 0,
+            "aria-expanded": w,
+            "aria-controls": w ? g : void 0,
             "aria-label": r,
             "aria-disabled": c,
             ref: o,
-            className: `${M}__custom-trigger`,
+            className: `${A}__custom-trigger`,
             children: i
           }
         ) : /* @__PURE__ */ n(
           "button",
           {
-            ref: C,
+            ref: _,
             type: "button",
-            className: `${M}__trigger ${M}__trigger--${s}`,
-            onClick: P,
+            className: `${A}__trigger ${A}__trigger--${s}`,
+            onClick: z,
             "aria-haspopup": "menu",
-            "aria-expanded": _,
-            "aria-controls": _ ? y : void 0,
+            "aria-expanded": w,
+            "aria-controls": w ? g : void 0,
             "aria-label": r,
             disabled: c,
-            children: /* @__PURE__ */ n("span", { className: `${M}__trigger-icon`, "aria-hidden": "true", children: "•••" })
+            children: /* @__PURE__ */ n("span", { className: `${A}__trigger-icon`, "aria-hidden": "true", children: "•••" })
           }
         ),
-        _ && /* @__PURE__ */ n("div", { ref: u, id: y, className: j, role: "menu", "aria-label": r, children: t.map((h) => {
-          const w = p(h), x = !h.disabled && w === A, ae = [
-            `${M}__item`,
-            h.disabled && `${M}__item--disabled`,
-            x && `${M}__item--highlighted`
+        w && /* @__PURE__ */ n("div", { ref: u, id: g, className: T, role: "menu", "aria-label": r, children: t.map((f) => {
+          const I = v(f), M = !f.disabled && I === k, ae = [
+            `${A}__item`,
+            f.disabled && `${A}__item--disabled`,
+            M && `${A}__item--highlighted`
           ].filter(Boolean).join(" ");
-          return /* @__PURE__ */ b(
+          return /* @__PURE__ */ m(
             "div",
             {
               className: ae,
               role: "menuitem",
               tabIndex: -1,
-              "aria-disabled": h.disabled,
-              "data-index": h.disabled ? void 0 : w,
-              onClick: () => $(h),
+              "aria-disabled": f.disabled,
+              "data-index": f.disabled ? void 0 : I,
+              onClick: () => C(f),
               onMouseEnter: () => {
-                h.disabled || S(w);
+                f.disabled || x(I);
               },
               children: [
-                h.icon && /* @__PURE__ */ n("span", { className: `${M}__item-icon`, "aria-hidden": "true", children: h.icon }),
-                /* @__PURE__ */ n("span", { className: `${M}__item-label`, children: h.label })
+                f.icon && /* @__PURE__ */ n("span", { className: `${A}__item-icon`, "aria-hidden": "true", children: f.icon }),
+                /* @__PURE__ */ n("span", { className: `${A}__item-label`, children: f.label })
               ]
             },
-            h.id
+            f.id
           );
         }) })
       ]
     }
   );
+}, _n = ({
+  title: t,
+  subtitle: e,
+  mediaUrl: r,
+  mediaAlt: i,
+  meta: a,
+  actions: c,
+  variant: s = "default",
+  className: l = "",
+  theme: $ = "light",
+  renderBody: w,
+  renderFooter: N,
+  onClick: k,
+  tabIndex: x,
+  ariaLabel: d
+}) => {
+  const _ = "uiforge-media-card", o = `${_}--${s}`, u = `${_}--${$}`, h = k ? `${_}--clickable` : "", g = [_, o, u, h, l].filter(Boolean).join(" ");
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      className: g,
+      "data-theme": $,
+      onClick: k,
+      onKeyDown: (E) => {
+        k && (E.key === "Enter" || E.key === " ") && (E.preventDefault(), k());
+      },
+      role: k ? "button" : void 0,
+      tabIndex: k ? x ?? 0 : x,
+      "aria-label": d || t,
+      children: [
+        /* @__PURE__ */ n("div", { className: `${_}__media`, children: /* @__PURE__ */ n("img", { src: r, alt: i, className: `${_}__image`, loading: "lazy" }) }),
+        /* @__PURE__ */ n("div", { className: `${_}__content`, children: w ? w() : /* @__PURE__ */ m(ge, { children: [
+          /* @__PURE__ */ m("div", { className: `${_}__body`, children: [
+            /* @__PURE__ */ n("h3", { className: `${_}__title`, children: t }),
+            e && /* @__PURE__ */ n("p", { className: `${_}__subtitle`, children: e }),
+            a && Object.keys(a).length > 0 && /* @__PURE__ */ n("dl", { className: `${_}__meta`, children: Object.entries(a).map(([E, S]) => /* @__PURE__ */ m("div", { className: `${_}__meta-item`, children: [
+              /* @__PURE__ */ m("dt", { className: `${_}__meta-key`, children: [
+                E,
+                ":"
+              ] }),
+              /* @__PURE__ */ n("dd", { className: `${_}__meta-value`, children: S })
+            ] }, E)) })
+          ] }),
+          (c || N) && /* @__PURE__ */ n("div", { className: `${_}__footer`, children: N ? N() : c })
+        ] }) })
+      ]
+    }
+  );
 };
-function bn(t, e) {
-  const { sampleCount: r = 3, min: i = 3, max: a = 15, approxItemHeight: c = 120 } = e ?? {}, [s, l] = X(i), I = Q(i), _ = B(() => {
-    const L = t?.current;
-    if (!L)
+function qr(t) {
+  if (!t) return "?";
+  const e = t.trim().split(/\s+/);
+  return e.length === 1 ? e[0].charAt(0).toUpperCase() : (e[0].charAt(0) + e[e.length - 1].charAt(0)).toUpperCase();
+}
+const Kr = () => /* @__PURE__ */ m(
+  "svg",
+  {
+    width: "40",
+    height: "40",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: [
+      /* @__PURE__ */ n("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }),
+      /* @__PURE__ */ n("circle", { cx: "8.5", cy: "8.5", r: "1.5" }),
+      /* @__PURE__ */ n("polyline", { points: "21 15 16 10 5 21" })
+    ]
+  }
+), $n = ({
+  type: t = "icon",
+  icon: e,
+  name: r = "",
+  initials: i,
+  gradientColor: a = "blue",
+  size: c = "medium",
+  borderRadius: s = "medium",
+  className: l = "",
+  alt: $ = "Media placeholder",
+  theme: w = "light"
+}) => {
+  const N = "uif-media-placeholder", k = `${N}--${t}`, x = `${N}--${c}`, d = `${N}--radius-${s}`, _ = `${N}--${w}`, o = t === "gradient" ? `${N}--gradient-${a}` : "", u = [
+    N,
+    k,
+    x,
+    d,
+    _,
+    o,
+    l
+  ].filter(Boolean).join(" ");
+  let h;
+  if (t === "initials") {
+    const g = i || qr(r);
+    h = /* @__PURE__ */ n("span", { className: `${N}__initials`, children: g });
+  } else t === "icon" ? h = e || /* @__PURE__ */ n(Kr, {}) : h = null;
+  return /* @__PURE__ */ n("div", { className: u, role: "img", "aria-label": $, "data-theme": w, children: h });
+}, In = ({
+  count: t = 3,
+  theme: e = "light",
+  className: r = "",
+  ariaLabel: i = "Loading media items"
+}) => {
+  const a = "uiforge-media-list-skeleton", c = `${a}--${e}`, s = [a, c, r].filter(Boolean).join(" "), l = Array.from({ length: t }, ($, w) => w);
+  return /* @__PURE__ */ n("div", { className: s, "data-theme": e, role: "status", "aria-label": i, children: l.map(($) => /* @__PURE__ */ m("div", { className: `${a}__item`, children: [
+    /* @__PURE__ */ n("div", { className: `${a}__media`, children: /* @__PURE__ */ n("div", { className: `${a}__shimmer` }) }),
+    /* @__PURE__ */ m("div", { className: `${a}__content`, children: [
+      /* @__PURE__ */ m("div", { className: `${a}__body`, children: [
+        /* @__PURE__ */ n("div", { className: `${a}__line ${a}__line--title`, children: /* @__PURE__ */ n("div", { className: `${a}__shimmer` }) }),
+        /* @__PURE__ */ n("div", { className: `${a}__line ${a}__line--subtitle`, children: /* @__PURE__ */ n("div", { className: `${a}__shimmer` }) }),
+        /* @__PURE__ */ m("div", { className: `${a}__meta`, children: [
+          /* @__PURE__ */ n("div", { className: `${a}__line ${a}__line--meta`, children: /* @__PURE__ */ n("div", { className: `${a}__shimmer` }) }),
+          /* @__PURE__ */ n("div", { className: `${a}__line ${a}__line--meta`, children: /* @__PURE__ */ n("div", { className: `${a}__shimmer` }) })
+        ] })
+      ] }),
+      /* @__PURE__ */ m("div", { className: `${a}__footer`, children: [
+        /* @__PURE__ */ n("div", { className: `${a}__line ${a}__line--action`, children: /* @__PURE__ */ n("div", { className: `${a}__shimmer` }) }),
+        /* @__PURE__ */ n("div", { className: `${a}__line ${a}__line--action`, children: /* @__PURE__ */ n("div", { className: `${a}__shimmer` }) })
+      ] })
+    ] })
+  ] }, $)) });
+};
+function xn(t, e) {
+  const { sampleCount: r = 3, min: i = 3, max: a = 15, approxItemHeight: c = 120 } = e ?? {}, [s, l] = X(i), $ = Q(i), w = B(() => {
+    const N = t?.current;
+    if (!N)
       return i;
-    const A = L.clientHeight;
-    if (A === 0)
+    const k = N.clientHeight;
+    if (k === 0)
       return i;
-    const S = Array.from(L.children).filter((u) => u instanceof HTMLElement && u.offsetHeight > 0);
+    const x = Array.from(N.children).filter((u) => u instanceof HTMLElement && u.offsetHeight > 0);
     let d = c;
-    if (S.length > 0) {
-      const u = Math.min(r, S.length);
-      let m = 0;
-      for (let y = 0; y < u; y++)
-        m += S[y].offsetHeight;
-      d = m / u;
-    }
-    const C = Math.floor(A / d);
-    return Math.max(i, Math.min(a, C));
+    if (x.length > 0) {
+      const u = Math.min(r, x.length);
+      let h = 0;
+      for (let g = 0; g < u; g++)
+        h += x[g].offsetHeight;
+      d = h / u;
+    }
+    const _ = Math.floor(k / d);
+    return Math.max(i, Math.min(a, _));
   }, [t, r, i, a, c]);
   return ie(() => {
-    const L = t?.current;
-    if (!L)
+    const N = t?.current;
+    if (!N)
       return;
-    const A = () => {
-      const C = _();
-      C !== I.current && (I.current = C, l(C));
+    const k = () => {
+      const _ = w();
+      _ !== $.current && ($.current = _, l(_));
     };
-    A();
-    let S;
-    typeof ResizeObserver < "u" && (S = new ResizeObserver(() => {
-      A();
-    }), S.observe(L));
+    k();
+    let x;
+    typeof ResizeObserver < "u" && (x = new ResizeObserver(() => {
+      k();
+    }), x.observe(N));
     let d;
     return typeof MutationObserver < "u" && (d = new MutationObserver(() => {
-      A();
-    }), d.observe(L, {
+      k();
+    }), d.observe(N, {
       childList: !0,
       subtree: !1
     })), () => {
-      S?.disconnect(), d?.disconnect();
+      x?.disconnect(), d?.disconnect();
     };
-  }, [t, _]), s;
+  }, [t, w]), s;
+}
+function Nn(t) {
+  const {
+    src: e,
+    alt: r,
+    srcSet: i,
+    sizes: a,
+    loading: c = "lazy",
+    decoding: s = "async",
+    aspectRatio: l,
+    width: $,
+    height: w,
+    className: N,
+    style: k = {}
+  } = t, x = {
+    src: e,
+    alt: r,
+    loading: c,
+    decoding: s,
+    className: N,
+    style: {
+      ...k,
+      // Ensure image fills container when aspectRatio is used
+      ...l ? { width: "100%", height: "100%", objectFit: "cover" } : {}
+    }
+  };
+  i && (x.srcSet = i), a && (x.sizes = a), $ && (x.width = $), w && (x.height = w);
+  let d;
+  return l && (d = {
+    style: {
+      position: "relative",
+      width: "100%",
+      aspectRatio: l,
+      overflow: "hidden"
+    },
+    className: "optimized-image-container"
+  }, x.style = {
+    ...x.style,
+    position: "absolute",
+    top: 0,
+    left: 0,
+    width: "100%",
+    height: "100%",
+    objectFit: "cover"
+  }), {
+    imgProps: x,
+    containerProps: d
+  };
 }
 export {
-  Ce as ActivityIcons,
+  Ne as ActivityIcons,
   or as ActivityItemProvider,
   Ft as AlienIcon,
   Qt as BriefcaseIcon,
-  Tt as BugIcon,
+  jt as BugIcon,
   ir as BuildIcon,
-  ln as BusinessIcons,
-  Zr as Button,
+  dn as BusinessIcons,
+  Yr as Button,
   Jt as CalendarIcon,
   Zt as ChartIcon,
   Mt as CheckIcon,
   St as CloseIcon,
   Rt as CloudIcon,
-  jt as CodeIcon,
+  Tt as CodeIcon,
   wt as CommentIcon,
   gt as CommitIcon,
   Vt as DatabaseIcon,
-  Ct as DeployIcon,
+  Nt as DeployIcon,
   rr as DeploymentIcon,
-  cn as DevProcessIcons,
+  un as DevProcessIcons,
   Yt as DocumentIcon,
-  Dt as DumbbellIcon,
-  an as FitnessIcons,
-  Nt as FoldIcon,
+  Et as DumbbellIcon,
+  sn as FitnessIcons,
+  kt as FoldIcon,
   $t as ForkIcon,
   Xt as GitBranchIcon,
-  Gr as HamburgerButton,
-  Ot as HeartRateIcon,
-  Yr as IconButton,
+  Jr as HamburgerButton,
+  zt as HeartRateIcon,
+  Qr as IconButton,
   bt as IssueIcon,
+  _n as MediaCard,
+  In as MediaListSkeleton,
+  $n as MediaPlaceholder,
   At as MeditationIcon,
   Gt as MeetingIcon,
   It as MergeIcon,
-  gn as MobileHeaderLayout,
-  yn as OverflowMenu,
+  bn as MobileHeaderLayout,
+  wn as OverflowMenu,
   qt as PlanetIcon,
   er as PullRequestDraftIcon,
   yt as PullRequestIcon,
@@ -3729,36 +3902,37 @@ export {
   Fr as SafeAreaContainer,
   Wt as SatelliteIcon,
   Ut as ServerIcon,
-  sn as SpaceIcons,
+  cn as SpaceIcons,
   _t as StarIcon,
-  zt as StrengthIcon,
+  Ot as StrengthIcon,
   Lt as TaiChiIcon,
-  on as TechIcons,
+  ln as TechIcons,
   Kt as TelescopeIcon,
   Bt as TerminalIcon,
   tr as TestingIcon,
-  dn as UIForgeActivityItem,
-  un as UIForgeActivityStream,
-  Qr as UIForgeBlocksEditor,
-  rn as UIForgeComboBox,
-  Jr as UIForgeGrid,
-  vn as UIForgeSidebar,
-  fn as UIForgeVideo,
-  pn as UIForgeVideoPreview,
-  ke as UIIcons,
-  kt as UnfoldIcon,
-  nn as WellnessIcons,
-  Et as YogaIcon,
-  Xr as blocksToHTML,
-  tn as blocksToJSON,
-  en as blocksToMarkdown,
+  hn as UIForgeActivityItem,
+  mn as UIForgeActivityStream,
+  en as UIForgeBlocksEditor,
+  an as UIForgeComboBox,
+  Xr as UIForgeGrid,
+  yn as UIForgeSidebar,
+  vn as UIForgeVideo,
+  gn as UIForgeVideoPreview,
+  Ce as UIIcons,
+  Ct as UnfoldIcon,
+  on as WellnessIcons,
+  Dt as YogaIcon,
+  tn as blocksToHTML,
+  nn as blocksToJSON,
+  rn as blocksToMarkdown,
   Ye as detectProvider,
   Je as extractVideoId,
-  hn as getEmbedUrlFromVideoUrl,
-  mn as isAdultContent,
-  ze as providersByName,
+  fn as getEmbedUrlFromVideoUrl,
+  pn as isAdultContent,
+  Oe as providersByName,
   sr as useActivityItemContext,
-  bn as useDynamicPageCount,
+  xn as useDynamicPageCount,
+  Nn as useOptimizedImage,
   ar as useResponsive,
   Ge as videoProviders
 };