@alfadocs/ui-kit 0.17.0 → 0.17.2

package/dist/_chunks/{freemium-paywall-BTEiVkes.js → freemium-paywall-DXc7XlGE.js}

@@ -1,16 +1,17 @@
 import { jsx as e, jsxs as d } from "react/jsx-runtime";
-import { forwardRef as J, useId as R, useState as Q, useRef as m, useImperativeHandle as W, useMemo as X } from "react";
+import { forwardRef as G, useId as P, useRef as c, useImperativeHandle as E, useMemo as J } from "react";
 import * as i from "@radix-ui/react-alert-dialog";
-import * as K from "@radix-ui/react-radio-group";
-import { c as Y } from "./index-D2ZczOXr.js";
-import { useTranslation as Z } from "react-i18next";
-import { u as $ } from "./registry-C9nwlNyL.js";
-import { B as j } from "./button-DD_0Xdmr.js";
-import { P as ee } from "./progress-B-PSO5OS.js";
-import { f as se } from "./payment-form-CI77oIx1.js";
-import { T as ae } from "./triangle-alert-CBPUIzQo.js";
-import { C as re } from "./check-DPdL_Sm7.js";
-const te = {
+import * as I from "@radix-ui/react-radio-group";
+import { c as Q } from "./index-D2ZczOXr.js";
+import { useTranslation as W } from "react-i18next";
+import { u as X } from "./use-controllable-state-BiY4xTzM.js";
+import { u as Y } from "./registry-C9nwlNyL.js";
+import { B as R } from "./button-DD_0Xdmr.js";
+import { P as Z } from "./progress-B-PSO5OS.js";
+import { f as $ } from "./payment-form-BjkuQeqR.js";
+import { T as ee } from "./triangle-alert-CBPUIzQo.js";
+import { C as se } from "./check-DPdL_Sm7.js";
+const ae = {
   id: "freemium-paywall",
   capabilities: ["submit", "dismiss"],
   state: {
@@ -18,13 +19,13 @@ const te = {
       type: "boolean",
       descriptionKey: "ui.agent.freemiumPaywall.state.isOpen",
       description: "True when the paywall dialog is open.",
-      read: (r) => r.isOpen()
+      read: (a) => a.isOpen()
     },
     selectedPlanId: {
       type: "string | null",
       descriptionKey: "ui.agent.freemiumPaywall.state.selectedPlanId",
       description: "Opaque id of the currently-selected plan.",
-      read: (r) => r.getSelectedPlanId()
+      read: (a) => a.getSelectedPlanId()
     }
   },
   actions: {
@@ -32,16 +33,16 @@ const te = {
       safety: "write",
       descriptionKey: "ui.agent.freemiumPaywall.actions.upgrade",
       description: "Fire onUpgrade with the currently-selected plan id.",
-      invoke: (r) => {
-        r.upgrade();
+      invoke: (a) => {
+        a.upgrade();
       }
     },
     dismiss: {
       safety: "destructive",
       descriptionKey: "ui.agent.freemiumPaywall.actions.dismiss",
       description: "Dismiss the paywall via the Not Now action. Irreversible from the same UI.",
-      invoke: (r) => {
-        r.dismiss();
+      invoke: (a) => {
+        a.dismiss();
       }
     }
   },
@@ -57,7 +58,7 @@ const te = {
       description: "Sourced from the id prop."
     }
   }
-}, de = Y(
+}, re = Q(
   [
     "ds:fixed ds:z-[var(--z-modal)] ds:overflow-auto",
     "ds:bg-[color:var(--popover)] ds:text-[color:var(--popover-foreground)]",
@@ -80,54 +81,54 @@ const te = {
     },
     defaultVariants: { layout: "centered", density: "full" }
   }
-), ie = J(
+), te = G(
   ({
-    open: r,
-    onOpenChange: p,
-    plans: u,
-    selectedPlanId: f,
-    defaultSelectedPlanId: A,
-    onSelectedPlanChange: n,
-    usage: t,
-    onUpgrade: F,
-    onCancel: c,
-    title: z,
-    description: C,
-    layout: T = "centered",
-    density: M = "full",
-    className: O
-  }, L) => {
-    var P;
-    const { t: s, i18n: S } = Z(), v = R(), g = R(), h = f !== void 0, [D, H] = Q(
-      A ?? ((P = u[0]) == null ? void 0 : P.id) ?? ""
-    ), l = h ? f ?? "" : D, U = (a) => {
-      h || H(a), n == null || n(a);
-    }, y = () => {
-      c == null || c(), p(!1);
-    }, b = () => {
-      l && F(l);
-    }, x = m(r);
-    x.current = r;
-    const w = m(l);
-    w.current = l;
-    const N = m(null);
-    W(L, () => N.current, []);
-    const V = X(
+    open: a,
+    onOpenChange: m,
+    plans: p,
+    selectedPlanId: k,
+    defaultSelectedPlanId: C,
+    onSelectedPlanChange: K,
+    usage: r,
+    onUpgrade: j,
+    onCancel: n,
+    title: A,
+    description: F,
+    layout: S = "centered",
+    density: z = "full",
+    className: T
+  }, M) => {
+    var x;
+    const { t: s, i18n: O } = W(), u = P(), f = P(), [L, V] = X({
+      value: k,
+      defaultValue: C ?? ((x = p[0]) == null ? void 0 : x.id) ?? "",
+      onChange: K
+    }), l = L ?? "", v = () => {
+      n == null || n(), m(!1);
+    }, g = () => {
+      l && j(l);
+    }, h = c(a);
+    h.current = a;
+    const y = c(l);
+    y.current = l;
+    const b = c(null);
+    E(M, () => b.current, []);
+    const D = J(
       () => ({
-        isOpen: () => x.current,
-        getSelectedPlanId: () => w.current || null,
-        upgrade: () => b(),
-        dismiss: () => y()
+        isOpen: () => h.current,
+        getSelectedPlanId: () => y.current || null,
+        upgrade: () => g(),
+        dismiss: () => v()
       }),
       // eslint-disable-next-line react-hooks/exhaustive-deps
       []
     );
-    $(te, V, void 0);
-    const B = t ? Math.min(
+    Y(ae, D, void 0);
+    const H = r ? Math.min(
       100,
-      Math.max(0, t.used / Math.max(1, t.limit) * 100)
-    ) : 0, o = t ? t.used >= t.limit : !1;
-    return /* @__PURE__ */ e(i.Root, { open: r, onOpenChange: p, children: /* @__PURE__ */ d(i.Portal, { children: [
+      Math.max(0, r.used / Math.max(1, r.limit) * 100)
+    ) : 0, o = r ? r.used >= r.limit : !1;
+    return /* @__PURE__ */ e(i.Root, { open: a, onOpenChange: m, children: /* @__PURE__ */ d(i.Portal, { children: [
       /* @__PURE__ */ e(
         i.Overlay,
         {
@@ -142,18 +143,18 @@ const te = {
       /* @__PURE__ */ d(
         i.Content,
         {
-          ref: N,
-          "aria-labelledby": v,
-          "aria-describedby": g,
-          className: de({ layout: T, density: M, className: O }),
+          ref: b,
+          "aria-labelledby": u,
+          "aria-describedby": f,
+          className: re({ layout: S, density: z, className: T }),
           "data-component": "freemium-paywall",
           children: [
-            /* @__PURE__ */ e(i.Title, { id: v, asChild: !0, children: /* @__PURE__ */ e("h2", { className: "type-title-card", children: z ?? s("paywall.title") }) }),
-            /* @__PURE__ */ e(i.Description, { id: g, asChild: !0, children: /* @__PURE__ */ e("p", { className: "ds:mt-[var(--spacing-xs)] ds:text-[color:var(--muted-foreground)]", children: C ?? s("paywall.description") }) }),
-            t ? /* @__PURE__ */ d("div", { className: "ds:mt-[var(--spacing-md)]", children: [
+            /* @__PURE__ */ e(i.Title, { id: u, asChild: !0, children: /* @__PURE__ */ e("h2", { className: "type-title-card", children: A ?? s("paywall.title") }) }),
+            /* @__PURE__ */ e(i.Description, { id: f, asChild: !0, children: /* @__PURE__ */ e("p", { className: "ds:mt-[var(--spacing-xs)] ds:text-[color:var(--muted-foreground)]", children: F ?? s("paywall.description") }) }),
+            r ? /* @__PURE__ */ d("div", { className: "ds:mt-[var(--spacing-md)]", children: [
               /* @__PURE__ */ d("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)] ds:mb-[var(--spacing-xs)]", children: [
                 o ? /* @__PURE__ */ e(
-                  ae,
+                  ee,
                   {
                     "aria-hidden": "true",
                     className: "ds:size-4 ds:text-[color:var(--destructive)]"
@@ -167,42 +168,42 @@ const te = {
                       o ? "ds:text-[color:var(--destructive)]" : "ds:text-[color:var(--muted-foreground)]"
                     ].join(" "),
                     children: o ? s("paywall.usageFull") : s("paywall.usageLabel", {
-                      used: t.used,
-                      limit: t.limit
+                      used: r.used,
+                      limit: r.limit
                     })
                   }
                 )
               ] }),
               /* @__PURE__ */ e(
-                ee,
+                Z,
                 {
-                  value: B,
+                  value: H,
                   max: 100,
                   ariaLabel: s("paywall.usageLabel", {
-                    used: t.used,
-                    limit: t.limit
+                    used: r.used,
+                    limit: r.limit
                   }),
                   className: o ? "ds:[&_[role=progressbar]>*]:bg-[color:var(--destructive)]" : ""
                 }
               )
             ] }) : null,
             /* @__PURE__ */ e(
-              K.Root,
+              I.Root,
               {
                 value: l,
-                onValueChange: U,
+                onValueChange: V,
                 "aria-label": s("paywall.title"),
                 className: "ds:mt-[var(--spacing-md)] ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
-                children: u.map((a) => {
-                  const I = se(
-                    a.priceAmount,
-                    a.currency,
-                    S.language
-                  ), k = a.perKey ? s(a.perKey) : void 0, _ = k ? s("paywall.pricePer", { price: I, period: k }) : I, q = s(a.nameKey);
+                children: p.map((t) => {
+                  const w = $(
+                    t.priceAmount,
+                    t.currency,
+                    O.language
+                  ), N = t.perKey ? s(t.perKey) : void 0, U = N ? s("paywall.pricePer", { price: w, period: N }) : w, B = s(t.nameKey);
                   return /* @__PURE__ */ d(
-                    K.Item,
+                    I.Item,
                     {
-                      value: a.id,
+                      value: t.id,
                       className: [
                         "ds:group ds:relative ds:flex ds:flex-col ds:items-stretch",
                         "ds:rounded-[var(--radius-md)] ds:border ds:border-border",
@@ -215,43 +216,43 @@ const te = {
                       ].join(" "),
                       children: [
                         /* @__PURE__ */ d("span", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
-                          /* @__PURE__ */ e("span", { className: "ds:font-semibold", children: q }),
-                          /* @__PURE__ */ e("span", { className: "ds:tabular-nums", children: _ })
+                          /* @__PURE__ */ e("span", { className: "ds:font-semibold", children: B }),
+                          /* @__PURE__ */ e("span", { className: "ds:tabular-nums", children: U })
                         ] }),
-                        a.featuresKeys && a.featuresKeys.length > 0 ? /* @__PURE__ */ e(
+                        t.featuresKeys && t.featuresKeys.length > 0 ? /* @__PURE__ */ e(
                           "ul",
                           {
                             "aria-label": s("paywall.features"),
                             className: "ds:mt-[var(--spacing-xs)] ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
-                            children: a.featuresKeys.map((G, E) => /* @__PURE__ */ d(
+                            children: t.featuresKeys.map((_, q) => /* @__PURE__ */ d(
                               "li",
                               {
                                 className: "ds:flex ds:items-start ds:gap-[var(--spacing-xs)] type-body-sm",
                                 children: [
                                   /* @__PURE__ */ e(
-                                    re,
+                                    se,
                                     {
                                       "aria-hidden": "true",
                                       className: "ds:size-4 ds:shrink-0 ds:text-[color:var(--primary)] ds:mt-[1px]"
                                     }
                                   ),
-                                  /* @__PURE__ */ e("span", { children: s(G) })
+                                  /* @__PURE__ */ e("span", { children: s(_) })
                                 ]
                               },
-                              E
+                              q
                             ))
                           }
                         ) : null
                       ]
                     },
-                    a.id
+                    t.id
                   );
                 })
               }
             ),
             /* @__PURE__ */ d("div", { className: "ds:mt-[var(--spacing-lg)] ds:flex ds:items-center ds:gap-[var(--spacing-sm)] ds:justify-end", children: [
-              /* @__PURE__ */ e(i.Cancel, { asChild: !0, children: /* @__PURE__ */ e(j, { intent: "outline", onClick: y, children: s("paywall.notNow") }) }),
-              /* @__PURE__ */ e(i.Action, { asChild: !0, children: /* @__PURE__ */ e(j, { intent: "primary", onClick: b, children: s("paywall.upgrade") }) })
+              /* @__PURE__ */ e(i.Cancel, { asChild: !0, children: /* @__PURE__ */ e(R, { intent: "outline", onClick: v, children: s("paywall.notNow") }) }),
+              /* @__PURE__ */ e(i.Action, { asChild: !0, children: /* @__PURE__ */ e(R, { intent: "primary", onClick: g, children: s("paywall.upgrade") }) })
             ] })
           ]
         }
@@ -259,9 +260,9 @@ const te = {
     ] }) });
   }
 );
-ie.displayName = "FreemiumPaywall";
+te.displayName = "FreemiumPaywall";
 export {
-  ie as F,
-  te as f
+  te as F,
+  ae as f
 };
-//# sourceMappingURL=freemium-paywall-BTEiVkes.js.map
+//# sourceMappingURL=freemium-paywall-DXc7XlGE.js.map

package/dist/_chunks/{leo-sidebar-D3TuyH5_.js → leo-sidebar-DIsiTju3.js}

@@ -10,7 +10,7 @@ import { A as L } from "./avatar-I10iCDs8.js";
 import { B as D } from "./button-DD_0Xdmr.js";
 import { C as ae } from "./chat-container-izziXViv.js";
 import { C as re } from "./chat-message-g3lxpXM_.js";
-import { C as le } from "./chat-input-UK-bXU7u.js";
+import { C as le } from "./chat-input-B3XmFGDw.js";
 import { S as ie } from "./streaming-text-BgjCTVOw.js";
 import { a as q, S as O } from "./suggestion-chip-C4Jz0LrM.js";
 import { T as oe } from "./typing-indicator-DHeVN4ob.js";
@@ -756,4 +756,4 @@ export {
   we as b,
   Ce as c
 };
-//# sourceMappingURL=leo-sidebar-D3TuyH5_.js.map
+//# sourceMappingURL=leo-sidebar-DIsiTju3.js.map