@alfadocs/ui-kit 0.30.5 → 0.31.2

package/dist/_chunks/{avatar-D_H4emLo.js → avatar-BNQNhoyL.js}

@@ -1,12 +1,13 @@
 import { jsxs as C, jsx as r } from "react/jsx-runtime";
-import { forwardRef as y, useRef as j, useState as w, useEffect as A, useLayoutEffect as I } from "react";
-import { c as N } from "./index-D2ZczOXr.js";
-import { useTranslation as E } from "react-i18next";
-import { c as B } from "./compose-refs-C0k0tdqF.js";
+import { forwardRef as y, useRef as I, useState as j, useEffect as w } from "react";
+import { c as A } from "./index-D2ZczOXr.js";
+import { useTranslation as N } from "react-i18next";
+import { c as E } from "./compose-refs-C0k0tdqF.js";
+import { u as B } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
 function R(s) {
   let e = 5381;
-  for (let t = 0; t < s.length; t++)
-    e = (e << 5) + e ^ s.charCodeAt(t), e = e >>> 0;
+  for (let o = 0; o < s.length; o++)
+    e = (e << 5) + e ^ s.charCodeAt(o), e = e >>> 0;
   return e;
 }
 const i = [
@@ -34,7 +35,7 @@ function L(s) {
   const e = s.trim().split(/\s+/).filter(Boolean);
   return e.length === 0 ? "" : e.length === 1 ? e[0].slice(0, 2).toUpperCase() : (e[0][0] + e[e.length - 1][0]).toUpperCase();
 }
-const k = N(
+const k = A(
   [
     "ds:relative ds:inline-flex ds:shrink-0 ds:select-none ds:items-center ds:justify-center ds:overflow-hidden ds:rounded-[var(--radius-full)]",
     // Focus ring — uses design-system tokens so theme overrides (accessible: 3px) apply automatically.
@@ -66,17 +67,17 @@ const k = N(
     defaultVariants: { size: "md" }
   }
 ), T = y(
-  ({ src: s, name: e, color: t, size: d, className: c, ...v }, f) => {
-    const { t: g } = E(), l = j(null), u = B(f, l), [b, n] = w(!1);
-    A(() => {
+  ({ src: s, name: e, color: o, size: d, className: c, ...v }, f) => {
+    const { t: g } = N(), l = I(null), u = E(f, l), [m, n] = j(!1);
+    w(() => {
       n(!1);
-    }, [s]), I(() => {
+    }, [s]), B(() => {
       const a = l.current;
-      a && (t ? a.style.setProperty("--avatar-color-override", t) : a.style.removeProperty("--avatar-color-override"));
-    }, [t]);
-    const o = !!s && !b, m = !o && !!e, h = !o && !e, p = t ? "ds:bg-[var(--avatar-color-override)]" : e ? S(e) : "ds:bg-muted", x = k({
+      a && (o ? a.style.setProperty("--avatar-color-override", o) : a.style.removeProperty("--avatar-color-override"));
+    }, [o]);
+    const t = !!s && !m, b = !t && !!e, h = !t && !e, p = o ? "ds:bg-[var(--avatar-color-override)]" : e ? S(e) : "ds:bg-muted", x = k({
       size: d,
-      className: [p, t || e ? "ds:text-[var(--primary-foreground)] ds:[.theme-dark.theme-accessible_&]:text-[var(--color-grey-500)]" : "ds:text-muted-foreground", c].filter(Boolean).join(" ")
+      className: [p, o || e ? "ds:text-[var(--primary-foreground)] ds:[.theme-dark.theme-accessible_&]:text-[var(--color-grey-500)]" : "ds:text-muted-foreground", c].filter(Boolean).join(" ")
     }), z = e ?? g("avatar.placeholder", "User avatar");
     return /* @__PURE__ */ C(
       "span",
@@ -88,7 +89,7 @@ const k = N(
         className: x,
         ...v,
         children: [
-          (m || o) && !!e && /* @__PURE__ */ r("span", { "aria-hidden": "true", children: L(e) }),
+          (b || t) && !!e && /* @__PURE__ */ r("span", { "aria-hidden": "true", children: L(e) }),
           h && /* @__PURE__ */ r(
             "svg",
             {
@@ -98,7 +99,7 @@ const k = N(
               children: /* @__PURE__ */ r("path", { d: "M12 12c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm0 2c-3.33 0-10 1.67-10 5v2h20v-2c0-3.33-6.67-5-10-5z" })
             }
           ),
-          o && /* @__PURE__ */ r(
+          t && /* @__PURE__ */ r(
             "img",
             {
               src: s,
@@ -119,4 +120,4 @@ export {
   L as g,
   S as n
 };
-//# sourceMappingURL=avatar-D_H4emLo.js.map
+//# sourceMappingURL=avatar-BNQNhoyL.js.map

package/dist/_chunks/{badge-CIjQ1Us1.js → badge-CptERaHx.js}

@@ -2,7 +2,7 @@ import { jsxs as u, jsx as e, Fragment as x } from "react/jsx-runtime";
 import { forwardRef as w } from "react";
 import { c as r } from "./index-D2ZczOXr.js";
 import { useTranslation as h } from "react-i18next";
-import { T as y } from "./tooltip-ClJd0ciy.js";
+import { T as y } from "./tooltip-DvmfrNvB.js";
 const z = r(
   [
     "ds:inline-flex ds:items-center ds:gap-1",
@@ -105,4 +105,4 @@ j.displayName = "Badge";
 export {
   j as B
 };
-//# sourceMappingURL=badge-CIjQ1Us1.js.map
+//# sourceMappingURL=badge-CptERaHx.js.map