@alfadocs/ui-kit 0.17.0 → 0.17.2

package/dist/_chunks/{alert-pgdXrEO5.js → alert-DBnawbmf.js}

@@ -1,13 +1,14 @@
-import { jsxs as D, jsx as t } from "react/jsx-runtime";
-import { forwardRef as i, useState as _, useRef as R, useCallback as V, Children as O, isValidElement as F } from "react";
-import { c as L } from "./index-D2ZczOXr.js";
-import { useTranslation as W } from "react-i18next";
+import { jsxs as E, jsx as t } from "react/jsx-runtime";
+import { forwardRef as a, useState as R, useRef as V, useCallback as z, Children as B, isValidElement as D } from "react";
+import { c as F } from "./index-D2ZczOXr.js";
+import { useTranslation as L } from "react-i18next";
+import { u as W } from "./use-controllable-state-BiY4xTzM.js";
 import { X } from "./x-CCcI3eJp.js";
 import { C as G } from "./circle-x-Du2CmjaU.js";
 import { T as H } from "./triangle-alert-CBPUIzQo.js";
 import { C as M } from "./circle-check-9AeSgJD_.js";
 import { I as P } from "./info-B9XNKn05.js";
-const U = L(
+const U = F(
   [
     // Default `items-center` keeps the icon + dismiss optically aligned
     // with a single-line description. The `data-[has-title=true]`
@@ -92,81 +93,85 @@ const U = L(
     role: "alert",
     live: "assertive"
   }
-}, c = i(
-  ({ as: s = "h5", className: r, ...e }, o) => /* @__PURE__ */ t(
-    s,
+}, c = a(
+  ({ as: e = "h5", className: s, ...o }, n) => /* @__PURE__ */ t(
+    e,
     {
-      ref: o,
-      className: ["type-title-item", r].filter(Boolean).join(" "),
-      ...e
+      ref: n,
+      className: ["type-title-item", s].filter(Boolean).join(" "),
+      ...o
     }
   )
 );
 c.displayName = "Alert.Title";
-const w = i(({ className: s, ...r }, e) => /* @__PURE__ */ t(
+const x = a(({ className: e, ...s }, o) => /* @__PURE__ */ t(
   "p",
   {
-    ref: e,
+    ref: o,
     className: [
       "ds:[[data-has-title=true]_&]:mt-[var(--spacing-xs)] type-body-sm",
-      s
+      e
     ].filter(Boolean).join(" "),
-    ...r
+    ...s
   }
 ));
-w.displayName = "Alert.Description";
-const A = i(
-  ({ className: s, ...r }, e) => /* @__PURE__ */ t(
+x.displayName = "Alert.Description";
+const _ = a(
+  ({ className: e, ...s }, o) => /* @__PURE__ */ t(
     "div",
     {
-      ref: e,
+      ref: o,
       className: [
         "ds:mt-[var(--spacing-sm)] ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]",
-        s
+        e
       ].filter(Boolean).join(" "),
-      ...r
+      ...s
     }
   )
 );
-A.displayName = "Alert.Action";
-const N = i(
+_.displayName = "Alert.Action";
+const w = a(
   ({
-    variant: s = "info",
-    dismissible: r = !1,
-    open: e,
-    onOpenChange: o,
+    variant: e = "info",
+    dismissible: s = !1,
+    open: o,
+    onOpenChange: n,
     icon: m,
-    live: y,
-    className: T,
+    live: C,
+    className: A,
     children: u,
-    ...C
-  }, j) => {
-    const { t: I } = W(), [k, S] = _(!0), [f, v] = _(!1), n = R(null), g = e !== void 0, E = g ? e : k, z = V(() => {
+    ...N
+  }, y) => {
+    const { t: T } = L(), [j, k] = W({
+      value: o,
+      defaultValue: !0,
+      onChange: n
+    }), I = j ?? !0, [f, g] = R(!1), i = V(null), O = z(() => {
       if (typeof window > "u") return 200;
-      const a = window.getComputedStyle(document.documentElement).getPropertyValue("--animation-duration");
-      if (!a) return 200;
-      const x = a.trim(), l = parseFloat(x);
-      return Number.isFinite(l) ? x.endsWith("ms") ? l : l * 1e3 : 200;
+      const r = window.getComputedStyle(document.documentElement).getPropertyValue("--animation-duration");
+      if (!r) return 200;
+      const b = r.trim(), l = parseFloat(b);
+      return Number.isFinite(l) ? b.endsWith("ms") ? l : l * 1e3 : 200;
     }, []);
-    if (!E) return null;
-    const d = J[s], p = m !== void 0 ? m : d.icon, b = O.toArray(u).some(
-      (a) => F(a) && a.type === c
-    ), B = () => {
-      f || (v(!0), n.current && clearTimeout(n.current), n.current = setTimeout(() => {
-        v(!1), g || S(!1), o == null || o(!1);
-      }, z()));
+    if (!I) return null;
+    const d = J[e], v = m !== void 0 ? m : d.icon, p = B.toArray(u).some(
+      (r) => D(r) && r.type === c
+    ), S = () => {
+      f || (g(!0), i.current && clearTimeout(i.current), i.current = setTimeout(() => {
+        g(!1), k(!1);
+      }, O()));
     };
-    return /* @__PURE__ */ D(
+    return /* @__PURE__ */ E(
       "div",
       {
-        ref: j,
+        ref: y,
         role: d.role,
-        "aria-live": y ?? d.live,
+        "aria-live": C ?? d.live,
         "data-component": "alert",
-        "data-has-title": b ? "true" : "false",
+        "data-has-title": p ? "true" : "false",
         "data-state": f ? "closing" : "open",
         className: [
-          U({ variant: s, className: T }),
+          U({ variant: e, className: A }),
           // Entry: fade + slide-down on mount. Exit: fade + slide-up + slight
           // scale when dismissed. Driven by `tw-animate-css`. Respects
           // `prefers-reduced-motion` via `motion-safe:` and zeroes under the
@@ -180,16 +185,16 @@ const N = i(
           "ds:motion-safe:data-[state=closing]:fill-mode-forwards",
           "ds:motion-safe:duration-[var(--animation-duration)]"
         ].join(" "),
-        ...C,
+        ...N,
         children: [
-          p ? /* @__PURE__ */ t("span", { className: b ? $ : h, children: p }) : null,
+          v ? /* @__PURE__ */ t("span", { className: p ? $ : h, children: v }) : null,
           /* @__PURE__ */ t("div", { className: "ds:flex-1 ds:min-w-0", children: u }),
-          r ? /* @__PURE__ */ t(
+          s ? /* @__PURE__ */ t(
             "button",
             {
               type: "button",
-              "aria-label": I("common.close", "Close"),
-              onClick: B,
+              "aria-label": T("common.close", "Close"),
+              onClick: S,
               className: q,
               children: /* @__PURE__ */ t(X, { "aria-hidden": "true", className: "ds:size-4" })
             }
@@ -199,13 +204,13 @@ const N = i(
     );
   }
 );
-N.displayName = "Alert";
-const at = Object.assign(N, {
+w.displayName = "Alert";
+const nt = Object.assign(w, {
   Title: c,
-  Description: w,
-  Action: A
+  Description: x,
+  Action: _
 });
 export {
-  at as A
+  nt as A
 };
-//# sourceMappingURL=alert-pgdXrEO5.js.map
+//# sourceMappingURL=alert-DBnawbmf.js.map

package/dist/_chunks/{audio-recorder-CRh4uyFL.js → audio-recorder-DNkQLW1G.js}

@@ -4,9 +4,9 @@ import { c as ce } from "./index-D2ZczOXr.js";
 import { useTranslation as oe } from "react-i18next";
 import { B as G } from "./button-DD_0Xdmr.js";
 import { I as N } from "./icon-button-C4CGcYuz.js";
-import { S as ue } from "./select-Ca6ibiDL.js";
+import { S as ue } from "./select-C92AT_OZ.js";
 import { A as pe } from "./audio-visualiser-I-T4Z7EU.js";
-import { A as F } from "./alert-pgdXrEO5.js";
+import { A as F } from "./alert-DBnawbmf.js";
 import { u as le } from "./registry-C9nwlNyL.js";
 import { c as V } from "./createLucideIcon-CrFbzy84.js";
 import { S as me } from "./square-CZoGU14v.js";
@@ -454,4 +454,4 @@ export {
   Ne as A,
   Re as a
 };
-//# sourceMappingURL=audio-recorder-CRh4uyFL.js.map
+//# sourceMappingURL=audio-recorder-DNkQLW1G.js.map