@alfadocs/ui-kit 0.1.9 → 0.2.0

package/dist/_chunks/popover.agent-K_d1cfbj.js

@@ -1,39 +0,0 @@
-const e = {
-  id: "popover",
-  capabilities: ["open", "close"],
-  state: {
-    isOpen: {
-      type: "boolean",
-      description: "True when the popover is currently open.",
-      read: (o) => o.getIsOpen()
-    }
-  },
-  actions: {
-    open: {
-      safety: "read",
-      description: "Open the popover.",
-      invoke: (o) => {
-        o.open();
-      }
-    },
-    close: {
-      safety: "read",
-      description: "Close the popover.",
-      invoke: (o) => {
-        o.close();
-      }
-    }
-  },
-  domHooks: {
-    root: { attr: "data-component", value: "popover" },
-    instanceId: {
-      attr: "data-component-id",
-      sourceProp: "id",
-      description: "Sourced from the id prop on Popover.Root."
-    }
-  }
-};
-export {
-  e as p
-};
-//# sourceMappingURL=popover.agent-K_d1cfbj.js.map

package/dist/_chunks/progress-wNsqkw8I.js

@@ -1,253 +0,0 @@
-import { jsx as l, jsxs as I } from "react/jsx-runtime";
-import { forwardRef as M, useId as ue, useRef as p, useState as me, useEffect as fe, useLayoutEffect as G, useImperativeHandle as ge, createContext as pe, useContext as ve } from "react";
-import { c as K } from "./index-D2ZczOXr.js";
-import { useTranslation as C } from "react-i18next";
-const j = pe(null);
-function Q() {
-  const o = ve(j);
-  if (!o) throw new Error("Progress sub-components must be used within <Progress>");
-  return o;
-}
-const N = {
-  sm: { viewBox: "0 0 24 24", cx: 12, cy: 12, r: 10 },
-  md: { viewBox: "0 0 40 40", cx: 20, cy: 20, r: 18 },
-  lg: { viewBox: "0 0 56 56", cx: 28, cy: 28, r: 26 }
-}, be = K(
-  "ds:relative ds:w-full ds:overflow-hidden ds:rounded-[var(--radius-full)] ds:bg-[var(--progress-track)]",
-  {
-    variants: {
-      size: { sm: "ds:h-1", md: "ds:h-2", lg: "ds:h-3" }
-    },
-    defaultVariants: { size: "md" }
-  }
-), J = K("", {
-  variants: {
-    size: {
-      sm: "ds:w-6 ds:h-6",
-      md: "ds:w-10 ds:h-10",
-      lg: "ds:w-14 ds:h-14"
-    }
-  },
-  defaultVariants: { size: "md" }
-}), U = M(({ children: o, className: u, ...e }, t) => {
-  const r = Q(), { t: d, i18n: m } = C(), f = r.isIndeterminate ? d("ui.common.loading", "Loading...") : d("ui.common.progress_label", {
-    percent: new Intl.NumberFormat(m.language, {
-      style: "percent",
-      maximumFractionDigits: 0
-    }).format((r.value ?? 0) / r.max)
-  });
-  return /* @__PURE__ */ l(
-    "span",
-    {
-      ref: t,
-      id: r.labelId,
-      className: [
-        "type-label ds:text-foreground",
-        u
-      ].filter(Boolean).join(" "),
-      ...e,
-      children: o ?? f
-    }
-  );
-});
-U.displayName = "Progress.Label";
-const W = M(({ className: o, ...u }, e) => {
-  const t = Q(), { t: r, i18n: d } = C(), m = t.isIndeterminate ? r("ui.common.loading", "Loading...") : new Intl.NumberFormat(d.language, {
-    style: "percent",
-    maximumFractionDigits: 0
-  }).format((t.value ?? 0) / t.max);
-  return /* @__PURE__ */ l(
-    "span",
-    {
-      ref: e,
-      className: ["type-body-sm ds:tabular-nums ds:text-muted-foreground", o].filter(Boolean).join(" "),
-      ...u,
-      children: m
-    }
-  );
-});
-W.displayName = "Progress.Value";
-const Y = M(
-  ({
-    id: o,
-    value: u,
-    max: e = 100,
-    shape: t = "bar",
-    size: r = "md",
-    ariaLabel: d,
-    ariaValueText: m,
-    debouncePercent: f = 1,
-    disabled: L = !1,
-    className: Z,
-    children: R,
-    ...V
-  }, $) => {
-    const B = ue(), { t: D, i18n: z } = C(), x = p(null), P = p(null), k = p(null), w = p(null), g = p(null), s = u === void 0, i = s ? void 0 : Math.min(e, Math.max(0, u)), ee = i !== void 0 ? i / e * 100 : void 0, [re, te] = me(!1);
-    fe(() => {
-      te(!0);
-    }, []);
-    const v = re || s ? ee : 0;
-    G(() => {
-      var a, c;
-      if (!(s || v === void 0))
-        if (t === "bar")
-          (a = P.current) == null || a.style.setProperty(
-            "--progress-value",
-            String(v)
-          );
-        else {
-          const { r: n } = N[r], h = 2 * Math.PI * n * (1 - v / 100);
-          (c = w.current) == null || c.style.setProperty(
-            "stroke-dashoffset",
-            String(h)
-          );
-        }
-    }, [s, v, t, r]), G(() => {
-      const a = t === "bar" ? x.current : k.current;
-      if (!a) return;
-      if (s) {
-        a.removeAttribute("aria-valuenow"), g.current = null;
-        return;
-      }
-      if (i === void 0) return;
-      const c = i / e * 100, n = g.current;
-      (n === null ? 1 / 0 : Math.abs(c - n)) >= f && (a.setAttribute("aria-valuenow", String(i)), g.current = c);
-    }, [s, i, e, f, t]), ge(
-      $,
-      () => ({
-        setValue: (a) => {
-          var X, q;
-          const c = Math.min(e, Math.max(0, a)), n = c / e * 100;
-          if (t === "bar")
-            (X = P.current) == null || X.style.setProperty(
-              "--progress-value",
-              String(n)
-            );
-          else {
-            const { r: le } = N[r], de = 2 * Math.PI * le * (1 - n / 100);
-            (q = w.current) == null || q.style.setProperty(
-              "stroke-dashoffset",
-              String(de)
-            );
-          }
-          const y = t === "bar" ? x.current : k.current, h = g.current;
-          (h === null ? 1 / 0 : Math.abs(n - h)) >= f && y && (y.setAttribute("aria-valuenow", String(c)), g.current = n);
-        }
-      }),
-      [e, t, r, f]
-    );
-    const se = s ? D("ui.common.loading", "Loading...") : D("ui.common.progress_label", {
-      percent: new Intl.NumberFormat(z.language, {
-        style: "percent",
-        maximumFractionDigits: 0
-      }).format((i ?? 0) / e)
-    }), F = d ? { "aria-label": d } : { "aria-labelledby": B, "aria-label": se }, S = s ? { "aria-busy": !0, "aria-valuemin": 0, "aria-valuemax": e } : {
-      "aria-valuemin": 0,
-      "aria-valuemax": e,
-      ...m ? { "aria-valuetext": m } : {}
-    }, E = L ? { "aria-disabled": !0 } : {}, A = [
-      "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
-      L && "ds:opacity-50",
-      Z
-    ].filter(Boolean).join(" "), T = {
-      labelId: B,
-      isIndeterminate: s,
-      value: i,
-      max: e
-    };
-    if (t === "bar") {
-      const a = s ? [
-        "ds:absolute ds:[inset-block:0] ds:bg-primary ds:rounded-[var(--radius-full)]",
-        "ds:[@media(prefers-reduced-motion:no-preference)]:animate-[progress-bar-indeterminate_1200ms_ease-in-out_infinite]",
-        "ds:[.theme-accessible_&]:animate-none",
-        "ds:motion-reduce:animate-[progress-indeterminate-pulse_var(--animation-duration)_ease-in-out_infinite]"
-      ].join(" ") : [
-        "ds:absolute ds:[inset-block:0] ds:start-0",
-        "ds:[inline-size:calc(var(--progress-value,0)*1%)]",
-        "ds:bg-primary ds:rounded-[var(--radius-full)]",
-        "ds:transition-[inline-size] ds:duration-[var(--animation-duration)]",
-        "ds:ease-[var(--ease-out)] ds:motion-reduce:transition-none"
-      ].join(" ");
-      return /* @__PURE__ */ l(j.Provider, { value: T, children: /* @__PURE__ */ I("div", { className: A, "data-component": "progress", "data-component-id": o, ...V, children: [
-        R,
-        /* @__PURE__ */ l(
-          "div",
-          {
-            ref: x,
-            role: "progressbar",
-            ...F,
-            ...S,
-            ...E,
-            className: be({ size: r }),
-            children: /* @__PURE__ */ l("div", { ref: P, className: a })
-          }
-        )
-      ] }) });
-    }
-    const { viewBox: ae, cx: O, cy: H, r: _ } = N[r], b = 2 * Math.PI * _, ne = b * 0.25, oe = s ? ne : b, ie = s ? [
-      J({ size: r }),
-      "ds:[transform:rotate(-90deg)]",
-      "ds:[@media(prefers-reduced-motion:no-preference)]:animate-[progress-circular-spin_1200ms_linear_infinite]",
-      "ds:[.theme-accessible_&]:animate-none",
-      "ds:motion-reduce:animate-[progress-indeterminate-pulse_var(--animation-duration)_ease-in-out_infinite]"
-    ].join(" ") : [
-      J({ size: r }),
-      "ds:[transform:rotate(-90deg)]",
-      "ds:rtl:[transform:rotate(-90deg)_scaleX(-1)]"
-    ].join(" "), ce = [
-      "ds:stroke-primary ds:[stroke-width:var(--spacing-xs)]",
-      !s && "ds:transition-[stroke-dashoffset] ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)] ds:motion-reduce:transition-none"
-    ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ l(j.Provider, { value: T, children: /* @__PURE__ */ I("div", { className: A, "data-component": "progress", ...V, children: [
-      R,
-      /* @__PURE__ */ I(
-        "svg",
-        {
-          ref: k,
-          role: "progressbar",
-          ...F,
-          ...S,
-          ...E,
-          viewBox: ae,
-          className: ie,
-          children: [
-            /* @__PURE__ */ l(
-              "circle",
-              {
-                cx: O,
-                cy: H,
-                r: _,
-                fill: "none",
-                strokeDasharray: b,
-                className: "ds:[stroke:var(--progress-track)] ds:[stroke-width:var(--spacing-xs)]"
-              }
-            ),
-            /* @__PURE__ */ l(
-              "circle",
-              {
-                ref: w,
-                cx: O,
-                cy: H,
-                r: _,
-                fill: "none",
-                strokeLinecap: "round",
-                strokeDasharray: b,
-                strokeDashoffset: oe,
-                className: ce
-              }
-            )
-          ]
-        }
-      )
-    ] }) });
-  }
-);
-Y.displayName = "Progress";
-const _e = Object.assign(Y, {
-  Label: U,
-  Value: W
-});
-export {
-  _e as P
-};
-//# sourceMappingURL=progress-wNsqkw8I.js.map

package/dist/_chunks/progress.agent-C68rDOXL.js

@@ -1,27 +0,0 @@
-const o = {
-  id: "progress",
-  capabilities: [],
-  state: {},
-  actions: {
-    set_value: {
-      safety: "read",
-      argsType: "{ value: number }",
-      description: "Set the displayed progress value (0–100).",
-      invoke: (e, t) => {
-        e.setValue(t.value);
-      }
-    }
-  },
-  domHooks: {
-    root: { attr: "data-component", value: "progress" },
-    instanceId: {
-      attr: "data-component-id",
-      sourceProp: "id",
-      description: "Sourced from the id prop."
-    }
-  }
-};
-export {
-  o as p
-};
-//# sourceMappingURL=progress.agent-C68rDOXL.js.map