@alfadocs/ui-kit 0.1.8 → 0.1.10

package/dist/_chunks/freemium-paywall-CkefGLM_.js

@@ -1,198 +0,0 @@
-import { jsx as s, jsxs as d } from "react/jsx-runtime";
-import { forwardRef as U, useId as y, useState as q } from "react";
-import * as t from "@radix-ui/react-alert-dialog";
-import * as b from "@radix-ui/react-radio-group";
-import { c as E } from "./index-D2ZczOXr.js";
-import { useTranslation as H } from "react-i18next";
-import { B as w } from "./button-7mLWcMp_.js";
-import { P as J } from "./progress-B4Of_pzz.js";
-import { f as O } from "./payment-form-hcl-gGrp.js";
-import { T as Q } from "./triangle-alert-CBPUIzQo.js";
-import { C as W } from "./check-DPdL_Sm7.js";
-const X = E(
-  [
-    "ds:fixed ds:z-[var(--z-modal)] ds:overflow-auto",
-    "ds:bg-[color:var(--popover)] ds:text-[color:var(--popover-foreground)]",
-    "ds:border ds:border-border ds:shadow-[var(--shadow-lg)]",
-    // forced-colors: keep the dialog boundary visible under Windows High
-    // Contrast, where `var(--border)` may collapse to system colours.
-    "ds:forced-colors:border-[CanvasText]",
-    "ds:focus:outline-none"
-  ].join(" "),
-  {
-    variants: {
-      layout: {
-        centered: "ds:start-1/2 ds:top-1/2 ds:-translate-x-1/2 ds:-translate-y-1/2 ds:rtl:translate-x-1/2 ds:rounded-[var(--radius-md)] ds:max-w-[var(--dialog-width-xl)] ds:w-[calc(100vw-2rem)] ds:max-h-[90vh]",
-        sheet: "ds:inset-inline-0 ds:bottom-0 ds:w-full ds:max-h-[90vh] ds:rounded-t-[var(--radius-md)]"
-      },
-      density: {
-        compact: "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]",
-        full: "ds:ps-[var(--spacing-lg)] ds:pe-[var(--spacing-lg)] ds:pt-[var(--spacing-lg)] ds:pb-[var(--spacing-lg)]"
-      }
-    },
-    defaultVariants: { layout: "centered", density: "full" }
-  }
-), Y = U(
-  ({
-    open: N,
-    onOpenChange: n,
-    plans: m,
-    selectedPlanId: p,
-    defaultSelectedPlanId: j,
-    onSelectedPlanChange: l,
-    usage: r,
-    onUpgrade: k,
-    onCancel: o,
-    title: z,
-    description: C,
-    layout: K = "centered",
-    density: R = "full",
-    className: A
-  }, F) => {
-    var g;
-    const { t: a, i18n: T } = H(), u = y(), v = y(), f = p !== void 0, [I, L] = q(
-      j ?? ((g = m[0]) == null ? void 0 : g.id) ?? ""
-    ), c = f ? p ?? "" : I, P = (e) => {
-      f || L(e), l == null || l(e);
-    }, M = () => {
-      o == null || o(), n(!1);
-    }, V = () => {
-      c && k(c);
-    }, B = r ? Math.min(100, Math.max(0, r.used / Math.max(1, r.limit) * 100)) : 0, i = r ? r.used >= r.limit : !1;
-    return /* @__PURE__ */ s(t.Root, { open: N, onOpenChange: n, children: /* @__PURE__ */ d(t.Portal, { children: [
-      /* @__PURE__ */ s(
-        t.Overlay,
-        {
-          className: [
-            "ds:fixed ds:inset-0 ds:z-[var(--z-modal-backdrop)]",
-            "ds:bg-[color:var(--foreground)]/40",
-            "ds:motion-safe:data-[state=open]:animate-in ds:motion-safe:data-[state=closed]:animate-out",
-            "ds:[.theme-accessible_&]:animate-none"
-          ].join(" ")
-        }
-      ),
-      /* @__PURE__ */ d(
-        t.Content,
-        {
-          ref: F,
-          "aria-labelledby": u,
-          "aria-describedby": v,
-          className: X({ layout: K, density: R, className: A }),
-          "data-component": "freemium-paywall",
-          children: [
-            /* @__PURE__ */ s(t.Title, { id: u, asChild: !0, children: /* @__PURE__ */ s("h2", { className: "type-title-card", children: z ?? a("ui.paywall.title") }) }),
-            /* @__PURE__ */ s(t.Description, { id: v, asChild: !0, children: /* @__PURE__ */ s("p", { className: "ds:mt-[var(--spacing-xs)] ds:text-[color:var(--muted-foreground)]", children: C ?? a("ui.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: [
-                i ? /* @__PURE__ */ s(
-                  Q,
-                  {
-                    "aria-hidden": "true",
-                    className: "ds:size-4 ds:text-[color:var(--destructive)]"
-                  }
-                ) : null,
-                /* @__PURE__ */ s(
-                  "span",
-                  {
-                    className: [
-                      "type-body-sm",
-                      i ? "ds:text-[color:var(--destructive)]" : "ds:text-[color:var(--muted-foreground)]"
-                    ].join(" "),
-                    children: i ? a("ui.paywall.usageFull") : a("ui.paywall.usageLabel", {
-                      used: r.used,
-                      limit: r.limit
-                    })
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ s(
-                J,
-                {
-                  value: B,
-                  max: 100,
-                  ariaLabel: a("ui.paywall.usageLabel", {
-                    used: r.used,
-                    limit: r.limit
-                  }),
-                  className: i ? "ds:[&_[role=progressbar]>*]:bg-[color:var(--destructive)]" : ""
-                }
-              )
-            ] }) : null,
-            /* @__PURE__ */ s(
-              b.Root,
-              {
-                value: c,
-                onValueChange: P,
-                "aria-label": a("ui.paywall.title"),
-                className: "ds:mt-[var(--spacing-md)] ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
-                children: m.map((e) => {
-                  const h = O(
-                    e.priceAmount,
-                    e.currency,
-                    T.language
-                  ), x = e.perKey ? a(e.perKey) : void 0, D = x ? a("ui.paywall.pricePer", { price: h, period: x }) : h, _ = a(e.nameKey);
-                  return /* @__PURE__ */ d(
-                    b.Item,
-                    {
-                      value: e.id,
-                      className: [
-                        "ds:group ds:relative ds:flex ds:flex-col ds:items-stretch",
-                        "ds:rounded-[var(--radius-md)] ds:border ds:border-border",
-                        "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]",
-                        "ds:text-start ds:bg-[color:var(--card)] ds:text-[color:var(--card-foreground)]",
-                        "ds:data-[state=checked]:border-[color:var(--primary)]",
-                        "ds:data-[state=checked]:bg-[color:var(--primary)]/5",
-                        "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
-                        "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]"
-                      ].join(" "),
-                      children: [
-                        /* @__PURE__ */ d("span", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
-                          /* @__PURE__ */ s("span", { className: "ds:font-semibold", children: _ }),
-                          /* @__PURE__ */ s("span", { className: "ds:tabular-nums", children: D })
-                        ] }),
-                        e.featuresKeys && e.featuresKeys.length > 0 ? /* @__PURE__ */ s(
-                          "ul",
-                          {
-                            "aria-label": a("ui.paywall.features"),
-                            className: "ds:mt-[var(--spacing-xs)] ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
-                            children: e.featuresKeys.map((G, S) => /* @__PURE__ */ d(
-                              "li",
-                              {
-                                className: "ds:flex ds:items-start ds:gap-[var(--spacing-xs)] type-body-sm",
-                                children: [
-                                  /* @__PURE__ */ s(
-                                    W,
-                                    {
-                                      "aria-hidden": "true",
-                                      className: "ds:size-4 ds:shrink-0 ds:text-[color:var(--primary)] ds:mt-[1px]"
-                                    }
-                                  ),
-                                  /* @__PURE__ */ s("span", { children: a(G) })
-                                ]
-                              },
-                              S
-                            ))
-                          }
-                        ) : null
-                      ]
-                    },
-                    e.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__ */ s(t.Cancel, { asChild: !0, children: /* @__PURE__ */ s(w, { intent: "outline", onClick: M, children: a("ui.paywall.notNow") }) }),
-              /* @__PURE__ */ s(t.Action, { asChild: !0, children: /* @__PURE__ */ s(w, { intent: "primary", onClick: V, children: a("ui.paywall.upgrade") }) })
-            ] })
-          ]
-        }
-      )
-    ] }) });
-  }
-);
-Y.displayName = "FreemiumPaywall";
-export {
-  Y as F
-};
-//# sourceMappingURL=freemium-paywall-CkefGLM_.js.map

package/dist/_chunks/list-B1ozIjQe.js

@@ -1,359 +0,0 @@
-import { jsx as i, jsxs as U, Fragment as Y } from "react/jsx-runtime";
-import { forwardRef as J, useState as G, useMemo as H, useRef as Q, useCallback as l, useContext as Z, useLayoutEffect as $, Children as V, isValidElement as C, createContext as ee } from "react";
-import { c as W } from "./index-D2ZczOXr.js";
-import { useTranslation as se } from "react-i18next";
-const K = ee({
-  selection: "none",
-  selectedValues: /* @__PURE__ */ new Set(),
-  focusedValue: null,
-  disabled: !1,
-  enabledItemValues: [],
-  onItemSelect: () => {
-  },
-  onItemFocus: () => {
-  },
-  onItemKeyDown: () => {
-  },
-  registerItemRef: () => {
-  },
-  divider: "spaced"
-}), te = W("ds:flex ds:flex-col ds:p-0 ds:m-0", {
-  variants: {
-    divider: {
-      spaced: "",
-      divided: "",
-      bordered: "ds:border ds:border-[color:var(--border)] ds:rounded-[var(--radius-md)] ds:overflow-hidden"
-    },
-    density: {
-      compact: "ds:gap-[var(--spacing-xs)]",
-      default: "ds:gap-[var(--spacing-sm)]",
-      relaxed: "ds:gap-[var(--spacing-md)]"
-    },
-    ordered: {
-      true: "ds:list-decimal ds:ps-[var(--spacing-lg)]",
-      false: "ds:list-none"
-    }
-  },
-  defaultVariants: {
-    divider: "spaced",
-    density: "default",
-    ordered: !1
-  }
-}), re = W(
-  "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:py-[var(--spacing-xs)]",
-  {
-    variants: {
-      divider: {
-        spaced: "",
-        divided: "ds:[&:not(:last-child)]:[border-block-end:1px_solid_var(--border)]",
-        bordered: "ds:[&:not(:last-child)]:[border-block-end:1px_solid_var(--border)]"
-      },
-      interactive: {
-        // flex lives on the outer <div role="option"> so it doesn't suppress ::marker on <li>
-        true: [
-          "ds:flex ds:items-center ds:gap-x-[var(--spacing-sm)]",
-          "ds:min-h-[var(--min-target-size)] ds:cursor-pointer ds:select-none",
-          "ds:rounded-[var(--radius-sm)]",
-          "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
-          "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
-          "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]"
-        ].join(" "),
-        // no flex here — <li> keeps display:list-item so ::marker renders correctly
-        false: ""
-      },
-      selected: {
-        true: "",
-        false: ""
-      },
-      disabled: {
-        true: "",
-        false: ""
-      }
-    },
-    compoundVariants: [
-      {
-        interactive: !0,
-        selected: !1,
-        disabled: !1,
-        className: "ds:hover:bg-[color:var(--muted)]/20"
-      },
-      {
-        interactive: !0,
-        selected: !0,
-        className: "ds:bg-[color:var(--primary)]/10"
-      },
-      {
-        interactive: !0,
-        disabled: !0,
-        className: "ds:opacity-50 ds:cursor-not-allowed ds:pointer-events-none"
-      }
-    ],
-    defaultVariants: {
-      divider: "spaced",
-      interactive: !1,
-      selected: !1,
-      disabled: !1
-    }
-  }
-);
-function ie(s) {
-  const x = [];
-  return V.forEach(s, (g) => {
-    if (!C(g)) return;
-    const u = g.props;
-    typeof u.value == "string" && x.push({ value: u.value, disabled: !!u.disabled });
-  }), x;
-}
-const T = J(
-  ({
-    as: s = "ul",
-    start: x,
-    divider: g = "spaced",
-    density: u = "default",
-    selection: N = "none",
-    value: v,
-    defaultValue: k,
-    onValueChange: c,
-    disabled: d = !1,
-    className: S,
-    children: a,
-    "aria-label": _,
-    ...f
-  }, F) => {
-    const { t: O } = se(), p = N !== "none", I = N === "multiple", D = v !== void 0, [E, z] = G(() => k === void 0 ? [] : Array.isArray(k) ? k : [k]), b = H(() => {
-      if (D) {
-        const e = v;
-        return new Set(Array.isArray(e) ? e : [e]);
-      }
-      return new Set(E);
-    }, [D, v, E]), P = H(() => ie(a), [a]), o = H(
-      () => P.filter((e) => !e.disabled && !d).map((e) => e.value),
-      [P, d]
-    ), [h, m] = G(null), L = Q(/* @__PURE__ */ new Map()), q = l((e, r) => {
-      r ? L.current.set(e, r) : L.current.delete(e);
-    }, []), y = l((e) => {
-      m(e), requestAnimationFrame(() => {
-        var r;
-        (r = L.current.get(e)) == null || r.focus();
-      });
-    }, []), w = l(
-      (e) => {
-        D || z(e), I ? c == null || c(e) : c == null || c(e[0] ?? "");
-      },
-      [D, I, c]
-    ), R = l(
-      (e) => {
-        if (!d && p)
-          if (I) {
-            const r = [...b];
-            b.has(e) ? w(r.filter((t) => t !== e)) : w([...r, e]);
-          } else
-            b.has(e) ? w([]) : w([e]);
-      },
-      [d, p, I, b, w]
-    ), M = l((e) => {
-      m(e);
-    }, []), B = l(
-      (e, r) => {
-        if (!p) return;
-        const t = o.indexOf(r);
-        switch (e.key) {
-          case "ArrowDown": {
-            e.preventDefault();
-            const n = o[t + 1];
-            n !== void 0 && y(n);
-            break;
-          }
-          case "ArrowUp": {
-            e.preventDefault();
-            const n = o[t - 1];
-            n !== void 0 && y(n);
-            break;
-          }
-          case "Home": {
-            e.preventDefault();
-            const n = o[0];
-            n !== void 0 && y(n);
-            break;
-          }
-          case "End": {
-            e.preventDefault();
-            const n = o[o.length - 1];
-            n !== void 0 && y(n);
-            break;
-          }
-          case " ":
-          case "Enter": {
-            e.preventDefault(), R(r);
-            break;
-          }
-        }
-      },
-      [p, o, y, R]
-    ), A = {
-      selection: N,
-      selectedValues: b,
-      focusedValue: h,
-      disabled: d,
-      enabledItemValues: o,
-      onItemSelect: R,
-      onItemFocus: M,
-      onItemKeyDown: B,
-      registerItemRef: q,
-      divider: g
-    }, j = te({ divider: g, density: u, ordered: s === "ol", className: S });
-    if (p) {
-      const e = _ ?? O("ui.list.label", "List");
-      return /* @__PURE__ */ i(K.Provider, { value: A, children: /* @__PURE__ */ i(
-        "div",
-        {
-          ref: F,
-          role: "listbox",
-          "aria-label": e,
-          "aria-multiselectable": I ? !0 : void 0,
-          "aria-disabled": d ? !0 : void 0,
-          className: j,
-          "data-component": "list",
-          ...f,
-          children: a
-        }
-      ) });
-    }
-    return s === "ol" ? /* @__PURE__ */ i(K.Provider, { value: A, children: /* @__PURE__ */ i(
-      "ol",
-      {
-        ref: F,
-        role: "list",
-        start: x,
-        className: j,
-        "data-component": "list",
-        ...f,
-        children: a
-      }
-    ) }) : /* @__PURE__ */ i(K.Provider, { value: A, children: /* @__PURE__ */ i(
-      "ul",
-      {
-        ref: F,
-        role: "list",
-        className: j,
-        "data-component": "list",
-        ...f,
-        children: a
-      }
-    ) });
-  }
-);
-T.displayName = "List";
-const X = J(
-  ({
-    value: s,
-    leading: x,
-    title: g,
-    description: u,
-    trailing: N,
-    lineClamp: v,
-    disabled: k = !1,
-    className: c,
-    onClick: d,
-    onFocus: S,
-    onKeyDown: a,
-    ..._
-  }, f) => {
-    const {
-      selection: F,
-      selectedValues: O,
-      focusedValue: p,
-      disabled: I,
-      enabledItemValues: D,
-      onItemSelect: E,
-      onItemFocus: z,
-      onItemKeyDown: b,
-      registerItemRef: P,
-      divider: o
-    } = Z(K), h = F !== "none", m = I || k, L = s !== void 0 ? O.has(s) : !1, q = s !== void 0 && p === s, y = s !== void 0 && D[0] === s, w = h ? p !== null ? q && !m ? 0 : -1 : y && !m ? 0 : -1 : void 0, R = Q(null);
-    $(() => {
-      const t = R.current;
-      t && (v != null ? t.style.setProperty("--list-item-clamp", String(v)) : t.style.removeProperty("--list-item-clamp"));
-    }, [v]);
-    const M = l(
-      (t) => {
-        s && P(s, t), typeof f == "function" ? f(t) : f && (f.current = t);
-      },
-      [s, P, f]
-    ), B = l(
-      (t) => {
-        h && s && !m && E(s), d == null || d(t);
-      },
-      [h, s, m, E, d]
-    ), A = l(
-      (t) => {
-        s && z(s), S == null || S(t);
-      },
-      [s, z, S]
-    ), j = l(
-      (t) => {
-        s && b(t, s), a == null || a(t);
-      },
-      [s, b, a]
-    ), e = re({
-      divider: o,
-      interactive: h,
-      selected: L,
-      disabled: m,
-      className: c
-    }), r = /* @__PURE__ */ U(Y, { children: [
-      x && /* @__PURE__ */ i("span", { className: "ds:shrink-0 ds:flex ds:items-center ds:justify-center", children: x }),
-      /* @__PURE__ */ U("div", { className: "ds:flex-1 ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:min-w-0", children: [
-        /* @__PURE__ */ i("span", { className: "ds:text-[color:var(--foreground)] ds:text-[length:var(--font-size-sm)] ds:font-medium ds:leading-[var(--line-height-base)] ds:[overflow-wrap:anywhere]", children: g }),
-        u && /* @__PURE__ */ i(
-          "span",
-          {
-            ref: R,
-            className: [
-              "ds:text-[color:var(--muted-foreground)] ds:text-[length:var(--font-size-xs)] ds:leading-[var(--line-height-base)]",
-              v != null ? "ds:[overflow:hidden] ds:[display:-webkit-box] ds:[-webkit-box-orient:vertical] ds:[-webkit-line-clamp:var(--list-item-clamp)]" : ""
-            ].filter(Boolean).join(" "),
-            children: u
-          }
-        )
-      ] }),
-      N && /* @__PURE__ */ i("span", { className: "ds:shrink-0 ds:flex ds:items-center ds:justify-center", children: N })
-    ] });
-    return h ? /* @__PURE__ */ i(
-      "div",
-      {
-        ref: M,
-        role: "option",
-        "aria-selected": L,
-        "aria-disabled": m ? !0 : void 0,
-        tabIndex: w,
-        onClick: B,
-        onFocus: A,
-        onKeyDown: j,
-        className: e,
-        ..._,
-        children: r
-      }
-    ) : /* @__PURE__ */ i(
-      "li",
-      {
-        ref: M,
-        onClick: B,
-        onFocus: A,
-        onKeyDown: j,
-        className: e,
-        ..._,
-        children: /* @__PURE__ */ i("div", { className: "ds:flex ds:items-center ds:gap-x-[var(--spacing-sm)]", children: r })
-      }
-    );
-  }
-);
-X.displayName = "List.Item";
-const le = Object.assign(T, {
-  Root: T,
-  Item: X
-});
-export {
-  le as L
-};
-//# sourceMappingURL=list-B1ozIjQe.js.map