@alfadocs/ui-kit 0.93.0 → 0.95.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfadocs/ui-kit",
-  "version": "0.93.0",
+  "version": "0.95.0",
   "type": "module",
   "description": "AlfaDocs shared design system — tokens, components, patterns, and translations for platform, booking, and alfascribe.",
   "license": "BUSL-1.1",

package/dist/_chunks/apexcharts-theme-BJigns_V.js

@@ -1,53 +0,0 @@
-import { useEffect as a } from "react";
-const i = [
-  "a[href]",
-  "button",
-  "input",
-  "select",
-  "textarea",
-  '[tabindex]:not([tabindex="-1"])'
-].join(",");
-function c(t) {
-  a(() => {
-    const e = t.current;
-    if (!e) return;
-    const o = () => {
-      e.querySelectorAll('[aria-hidden="true"]').forEach((n) => {
-        n.querySelectorAll(i).forEach((s) => {
-          s.setAttribute("tabindex", "-1");
-        });
-      });
-    };
-    o();
-    const r = new MutationObserver(o);
-    return r.observe(e, {
-      childList: !0,
-      subtree: !0,
-      attributes: !0,
-      attributeFilter: ["aria-hidden", "tabindex"]
-    }), () => r.disconnect();
-  }, [t]);
-}
-function d() {
-  const t = getComputedStyle(document.documentElement), e = (r) => t.getPropertyValue(r).trim();
-  return {
-    theme: { mode: document.documentElement.classList.contains("theme-dark") ? "dark" : "light" },
-    colors: [
-      e("--primary"),
-      e("--accent"),
-      e("--success"),
-      e("--warning")
-    ],
-    chart: {
-      background: e("--background"),
-      foreColor: e("--foreground"),
-      fontFamily: e("--font-sans")
-    },
-    grid: { borderColor: e("--border") }
-  };
-}
-export {
-  d as g,
-  c as u
-};
-//# sourceMappingURL=apexcharts-theme-BJigns_V.js.map

package/dist/_chunks/chart-CNaLgvx4.js

@@ -1,633 +0,0 @@
-import { jsxs as I, jsx as c } from "react/jsx-runtime";
-import { forwardRef as Se, useId as we, useMemo as d, useRef as Ie, useState as G, useEffect as re, useImperativeHandle as Ce } from "react";
-import { c as ke } from "./index-D2ZczOXr.js";
-import { useTranslation as Re } from "react-i18next";
-import _e from "react-apexcharts";
-import oe from "apexcharts";
-import { u as Le, g as ie } from "./apexcharts-theme-BJigns_V.js";
-import { u as xe } from "./use-prefers-reduced-motion-BMwIQRjB.js";
-import { u as Ee } from "./registry-DvAUVLHh.js";
-import { I as Ne } from "./icon-button-C_kbcd7I.js";
-import { I as ze } from "./icon-button-group-BLHPN6jg.js";
-import { c as C } from "./createLucideIcon-DhHxpK9K.js";
-/**
- * @license lucide-react v1.22.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Pe = [
-  ["path", { d: "M3 3v16a2 2 0 0 0 2 2h16", key: "c24i48" }],
-  [
-    "path",
-    {
-      d: "M7 11.207a.5.5 0 0 1 .146-.353l2-2a.5.5 0 0 1 .708 0l3.292 3.292a.5.5 0 0 0 .708 0l4.292-4.292a.5.5 0 0 1 .854.353V16a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1z",
-      key: "q0gr47"
-    }
-  ]
-], Ae = C("chart-area", Pe);
-/**
- * @license lucide-react v1.22.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Be = [
-  ["path", { d: "M3 3v16a2 2 0 0 0 2 2h16", key: "c24i48" }],
-  ["path", { d: "M18 17V9", key: "2bz60n" }],
-  ["path", { d: "M13 17V5", key: "1frdt8" }],
-  ["path", { d: "M8 17v-3", key: "17ska0" }]
-], Oe = C("chart-column", Be);
-/**
- * @license lucide-react v1.22.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Me = [
-  ["path", { d: "M3 3v16a2 2 0 0 0 2 2h16", key: "c24i48" }],
-  ["path", { d: "m19 9-5 5-4-4-3 3", key: "2osh9i" }]
-], $e = C("chart-line", Me);
-/**
- * @license lucide-react v1.22.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const He = [
-  [
-    "path",
-    {
-      d: "M21 12c.552 0 1.005-.449.95-.998a10 10 0 0 0-8.953-8.951c-.55-.055-.998.398-.998.95v8a1 1 0 0 0 1 1z",
-      key: "pzmjnu"
-    }
-  ],
-  ["path", { d: "M21.21 15.89A10 10 0 1 1 8 2.83", key: "k2fpak" }]
-], Ge = C("chart-pie", He);
-/**
- * @license lucide-react v1.22.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const je = [
-  [
-    "path",
-    {
-      d: "M20.5 10a2.5 2.5 0 0 1-2.4-3H18a2.95 2.95 0 0 1-2.6-4.4 10 10 0 1 0 6.3 7.1c-.3.2-.8.3-1.2.3",
-      key: "19sr3x"
-    }
-  ],
-  ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
-], De = C("donut", je), Ke = {
-  id: "chart",
-  // view_change backs the opt-in type switcher (`switchableTypes` prop):
-  // the same chart re-presented as line / bar / area / pie / donut.
-  capabilities: ["view_change"],
-  state: {
-    declaredType: {
-      type: "'line' | 'bar' | 'pie' | 'donut' | 'area' | 'radialBar'",
-      descriptionKey: "ui.agent.chart.state.declaredType",
-      description: "The consumer-declared chart type — the shape `update_series` expects.",
-      read: (r) => r.getTypeState().declaredType
-    },
-    effectiveType: {
-      type: "'line' | 'bar' | 'pie' | 'donut' | 'area' | 'radialBar'",
-      descriptionKey: "ui.agent.chart.state.effectiveType",
-      description: "The type currently rendered — differs from declaredType after a type-switcher pick.",
-      read: (r) => r.getTypeState().effectiveType
-    },
-    availableTypes: {
-      type: "ChartType[]",
-      descriptionKey: "ui.agent.chart.state.availableTypes",
-      description: "Types the switcher offers. Empty when the chart has no type switcher.",
-      read: (r) => r.getTypeState().availableTypes
-    }
-  },
-  actions: {
-    change_view: {
-      // Switching the presentation is a write (it changes what the user
-      // sees) but is trivially reversible by switching back.
-      safety: "write",
-      argsType: "type",
-      argsSchema: {
-        type: "object",
-        properties: {
-          type: {
-            type: "string",
-            enum: ["line", "bar", "area", "pie", "donut"],
-            description: "The chart type to render."
-          }
-        },
-        required: ["type"]
-      },
-      returns: "boolean (accepted)",
-      returnsSchema: {
-        type: "boolean",
-        description: "True when the switch was applied; false when the chart has no type switcher or the type is not offered (check availableTypes first)."
-      },
-      idempotent: !0,
-      descriptionKey: "ui.agent.chart.actions.changeView",
-      description: "Switch the rendered chart type via the type switcher. No-op (returns false) when the chart has no switcher or the type is not offered.",
-      invoke: (r, h) => r.setType(h.type)
-    },
-    update_series: {
-      // Replacing the rendered series mutates what the chart displays — it
-      // is a write, reversible by pushing the prior series back.
-      safety: "write",
-      argsType: "series",
-      // `series` is `ChartSeries[]` (line/bar/area) OR `number[]`
-      // (pie/donut/radialBar). Both shapes are accepted; the handle routes
-      // by chart type internally.
-      argsSchema: {
-        type: "object",
-        properties: {
-          series: {
-            oneOf: [
-              {
-                type: "array",
-                description: "Categorical series for line / bar / area charts.",
-                items: {
-                  type: "object",
-                  properties: {
-                    name: { type: "string" },
-                    data: { type: "array", items: { type: "number" } }
-                  },
-                  required: ["name", "data"]
-                }
-              },
-              {
-                type: "array",
-                description: "Flat values for pie / donut / radialBar charts.",
-                items: { type: "number" }
-              }
-            ]
-          }
-        },
-        required: ["series"]
-      },
-      idempotent: !0,
-      descriptionKey: "ui.agent.chart.actions.updateSeries",
-      description: "Replace the chart series without remounting. Pass the DECLARED type’s shape (see declaredType state) — when the user has switched the view cross-shape the values are converted to the rendered shape. The write targets the live instance only: a later type switch re-reads the original props and discards it.",
-      invoke: (r, h) => {
-        r.updateSeries(h.series);
-      }
-    },
-    export_png: {
-      safety: "read",
-      returns: "string (PNG data URI)",
-      returnsSchema: {
-        type: "string",
-        description: "A `data:image/png;base64,…` URI of the rendered chart."
-      },
-      idempotent: !0,
-      descriptionKey: "ui.agent.chart.actions.exportPng",
-      description: "Return a PNG data URI of the chart for export or screenshotting.",
-      invoke: (r) => r.dataURI()
-    }
-  },
-  domHooks: {
-    root: { attr: "data-component", value: "chart" },
-    instanceId: {
-      attr: "data-component-id",
-      sourceProp: "id",
-      description: "Sourced from the id prop."
-    }
-  }
-}, Ue = ke("ds:relative ds:block ds:w-full", {
-  variants: {
-    density: {
-      compact: "ds:min-h-[var(--chart-min-height-compact)]",
-      comfortable: "ds:min-h-[var(--chart-min-height-comfortable)]",
-      // Applied when an explicit `height` prop is given and no density was
-      // requested: the wrapper must not exceed the caller's height (a 96px
-      // KPI chart inside a card must not reserve 320px).
-      none: ""
-    }
-  },
-  defaultVariants: { density: "comfortable" }
-}), Ve = [
-  "verticalLines",
-  "horizontalLines",
-  "slantedLines",
-  "squares",
-  "circles"
-], We = ["line", "bar", "area"], Ye = ["pie", "donut", "radialBar"], ne = [
-  "line",
-  "bar",
-  "area",
-  "pie",
-  "donut"
-], qe = {
-  line: "chart.typeSwitcher.line",
-  bar: "chart.typeSwitcher.bar",
-  area: "chart.typeSwitcher.area",
-  pie: "chart.typeSwitcher.pie",
-  donut: "chart.typeSwitcher.donut"
-}, Ze = {
-  line: /* @__PURE__ */ c($e, {}),
-  bar: /* @__PURE__ */ c(Oe, {}),
-  area: /* @__PURE__ */ c(Ae, {}),
-  pie: /* @__PURE__ */ c(Ge, {}),
-  donut: /* @__PURE__ */ c(De, {})
-};
-function m(r) {
-  return Ye.includes(r);
-}
-function se(r) {
-  return We.includes(r);
-}
-function Fe(r, h) {
-  return m(h) ? [
-    {
-      name: "",
-      data: r
-    }
-  ] : r;
-}
-const Je = Se(
-  ({
-    title: r,
-    id: h,
-    type: l,
-    series: k,
-    categories: j,
-    labels: x,
-    height: D,
-    width: ce,
-    patterns: K = !1,
-    stacked: U = !1,
-    orientation: E = "vertical",
-    curve: V = "smooth",
-    colors: R,
-    toolbar: N = !1,
-    locale: de,
-    radialValueFormatter: y,
-    valueFormatter: W,
-    switchableTypes: _,
-    onTypeChange: z,
-    density: le,
-    className: Y
-  }, pe) => {
-    const { t: o, i18n: he } = Re(), q = we(), b = d(
-      () => `chart-${q.replace(/[^a-zA-Z0-9-_]/g, "")}`,
-      [q]
-    ), P = `${b}-summary`, A = Ie(null), [Z, ue] = G(0);
-    Le(A);
-    const v = de ?? he.language ?? "en", [F, fe] = G(
-      () => {
-        try {
-          return ie();
-        } catch {
-          return {};
-        }
-      }
-    );
-    re(() => {
-      if (typeof document > "u") return;
-      let e;
-      const t = new MutationObserver(() => {
-        clearTimeout(e), e = setTimeout(() => {
-          try {
-            fe(ie());
-          } catch {
-          }
-        }, 50);
-      });
-      return t.observe(document.documentElement, {
-        attributes: !0,
-        attributeFilter: ["class"]
-      }), () => {
-        clearTimeout(e), t.disconnect();
-      };
-    }, []), re(() => {
-      const e = A.current;
-      if (!e || typeof ResizeObserver > "u") return;
-      const t = new ResizeObserver((n) => {
-        const s = n[0];
-        s && ue(Math.floor(s.contentRect.width));
-      });
-      return t.observe(e), () => t.disconnect();
-    }, []);
-    const g = d(() => {
-      if (!_ || _.length === 0) return [];
-      const e = _.filter(
-        (n) => ne.includes(n)
-      );
-      if (!ne.includes(l))
-        return [];
-      const t = e.includes(l) ? e : [l, ...e];
-      return [...new Set(t)];
-    }, [_, l]), u = g.length >= 2, [B, J] = G(null), a = u && B && g.includes(B) ? B : l, O = m(l), Q = m(a), { effectiveSeries: S, effectiveCategories: L, effectiveLabels: w } = d(() => {
-      if (O === Q)
-        return {
-          effectiveSeries: k,
-          effectiveCategories: j,
-          effectiveLabels: x
-        };
-      if (!O) {
-        const t = k;
-        return {
-          effectiveSeries: t.map(
-            (s) => s.data.reduce((p, i) => p + i, 0)
-          ),
-          effectiveCategories: void 0,
-          effectiveLabels: t.map((s) => s.name)
-        };
-      }
-      const e = k;
-      return {
-        effectiveSeries: [
-          { name: o("chart.table.value"), data: e }
-        ],
-        effectiveCategories: x ?? [],
-        effectiveLabels: void 0
-      };
-    }, [k, j, x, O, Q, o]), M = d(
-      () => ({
-        async dataURI() {
-          const e = oe.getChartByID(b);
-          return e ? (await e.dataURI()).imgURI : "";
-        },
-        updateSeries(e) {
-          const t = oe.getChartByID(b);
-          if (!t) return;
-          const n = m(l), s = m(a);
-          if (n === s) {
-            t.updateSeries(e);
-            return;
-          }
-          if (!n) {
-            const p = e;
-            t.updateOptions(
-              { labels: p.map((i) => i.name) },
-              !1,
-              !0
-            ), t.updateSeries(
-              p.map((i) => i.data.reduce((f, Te) => f + Te, 0))
-            );
-            return;
-          }
-          t.updateSeries([
-            { name: o("chart.table.value"), data: e }
-          ]);
-        },
-        setType(e) {
-          return !u || !g.includes(e) ? !1 : (J(e), !0);
-        },
-        getTypeState() {
-          return {
-            declaredType: l,
-            effectiveType: a,
-            availableTypes: u ? [...g] : []
-          };
-        }
-      }),
-      [b, l, a, o, u, g]
-    );
-    Ce(pe, () => M, [M]), Ee(Ke, M, h);
-    const $ = typeof document < "u" && document.documentElement.dir === "rtl", X = d(
-      () => Fe(S, a),
-      [S, a]
-    ), ee = d(
-      () => new Intl.NumberFormat(v),
-      [v]
-    ), T = d(
-      () => W ?? ((e) => ee.format(e)),
-      [W, ee]
-    ), te = d(
-      () => ({
-        name: v,
-        options: {
-          toolbar: {
-            download: o("chart.toolbar.download"),
-            selection: o("chart.toolbar.selection"),
-            selectionZoom: o("chart.toolbar.selectionZoom"),
-            zoomIn: o("chart.toolbar.zoomIn"),
-            zoomOut: o("chart.toolbar.zoomOut"),
-            pan: o("chart.toolbar.pan"),
-            reset: o("chart.toolbar.reset"),
-            exportToSVG: o("chart.toolbar.exportToSVG"),
-            exportToPNG: o("chart.toolbar.exportToPNG"),
-            exportToCSV: o("chart.toolbar.exportToCSV")
-          }
-        }
-      }),
-      [v, o]
-    ), H = xe(), me = d(() => {
-      var n, s, p;
-      const e = F, t = {
-        ...e,
-        chart: {
-          ...e.chart,
-          id: b,
-          toolbar: { show: N },
-          zoom: { enabled: N },
-          animations: {
-            enabled: !H,
-            dynamicAnimation: { enabled: !H }
-          },
-          locales: [te],
-          defaultLocale: v,
-          parentHeightOffset: 0,
-          // Stacking is an axis-only concept — gate on the categorical types
-          // so a slice/radial chart never receives it, and omit the key
-          // entirely when unstacked so the default output is byte-identical.
-          ...U && se(a) ? { stacked: !0 } : {}
-        },
-        // Only set `labels` when the effective type actually has them (slice
-        // charts). Emitting `labels: undefined` crashes ApexCharts' bar
-        // renderer — `parseDataAxisCharts` reads `labels.length` and throws
-        // "Cannot read properties of undefined (reading 'length')", which
-        // aborts the render and leaves a blank chart. Absent is safe; area /
-        // line tolerate the undefined but bar does not, so never pass it.
-        ...w ? { labels: w } : {},
-        legend: {
-          ...e.legend,
-          position: "bottom",
-          // ApexCharts legend.horizontalAlign is a physical prop mapped internally
-          // to the chart's own text flow. For RTL we flip via `yaxis.opposite`
-          // and ApexCharts' own `direction: 'rtl'` handling; legend stays anchored
-          // to the inline-start by asking for 'left' on LTR and 'right' on RTL.
-          horizontalAlign: $ ? "right" : "left",
-          fontFamily: "inherit"
-        },
-        tooltip: {
-          ...e.tooltip,
-          y: {
-            formatter: (i) => T(i)
-          }
-        },
-        noData: {
-          text: o("chart.noData")
-        }
-      };
-      if (R && R.length > 0 && (t.colors = R), se(a)) {
-        const i = a === "bar" && E === "horizontal";
-        t.xaxis = {
-          ...e.xaxis,
-          categories: L ?? [],
-          ...i ? {
-            labels: {
-              formatter: (f) => T(Number(f))
-            }
-          } : {}
-        }, t.yaxis = {
-          ...e.yaxis,
-          opposite: $,
-          ...i ? {} : { labels: { formatter: (f) => T(f) } }
-        }, t.stroke = {
-          curve: V,
-          width: a === "bar" ? 0 : 2
-        }, t.dataLabels = { enabled: !1 };
-      }
-      if (a === "radialBar" && y) {
-        const i = e.plotOptions ?? {};
-        t.plotOptions = {
-          ...i,
-          radialBar: {
-            ...i.radialBar ?? {},
-            dataLabels: {
-              ...((n = i.radialBar) == null ? void 0 : n.dataLabels) ?? {},
-              value: {
-                ...((p = (s = i.radialBar) == null ? void 0 : s.dataLabels) == null ? void 0 : p.value) ?? {},
-                formatter: (f) => y(Number(f))
-              }
-            }
-          }
-        };
-      }
-      if (a === "bar" && E === "horizontal") {
-        const i = e.plotOptions ?? {};
-        t.plotOptions = {
-          ...i,
-          bar: { ...i.bar ?? {}, horizontal: !0 }
-        };
-      }
-      return K ? t.fill = {
-        type: "pattern",
-        opacity: a === "area" ? 0.3 : 1,
-        pattern: {
-          style: [...Ve],
-          strokeWidth: 2
-        }
-      } : a === "area" && (t.fill = {
-        type: "gradient",
-        opacity: 0.3
-      }), t;
-    }, [
-      F,
-      b,
-      N,
-      H,
-      te,
-      v,
-      w,
-      T,
-      o,
-      a,
-      L,
-      $,
-      K,
-      U,
-      E,
-      V,
-      R,
-      y
-    ]), ye = ce ?? (Z > 0 ? Z : "100%"), be = D ?? 320, ve = d(() => {
-      const e = m(a) ? w ?? [] : L ?? [], t = X;
-      return /* @__PURE__ */ I("table", { id: P, className: "ds:sr-only", children: [
-        /* @__PURE__ */ c("caption", { children: r }),
-        /* @__PURE__ */ c("thead", { children: /* @__PURE__ */ I("tr", { children: [
-          /* @__PURE__ */ c("th", { scope: "col", children: o("chart.table.series") }),
-          e.map((n, s) => /* @__PURE__ */ c("th", { scope: "col", children: n }, `${n}-${s}`))
-        ] }) }),
-        /* @__PURE__ */ c("tbody", { children: t.map((n, s) => /* @__PURE__ */ I("tr", { children: [
-          /* @__PURE__ */ c("th", { scope: "row", children: n.name || o("chart.table.value") }),
-          n.data.map((p, i) => /* @__PURE__ */ c("td", { children: a === "radialBar" && y ? y(p) : T(p) }, `${s}-${i}`))
-        ] }, `${n.name}-${s}`)) })
-      ] });
-    }, [
-      a,
-      X,
-      w,
-      L,
-      P,
-      r,
-      o,
-      T,
-      y
-    ]), ge = d(() => (m(a), S), [S, a]), ae = /* @__PURE__ */ I(
-      "div",
-      {
-        ref: A,
-        role: "img",
-        "aria-label": r,
-        "aria-describedby": P,
-        className: Ue({
-          // Explicit height wins over the density min-height unless the
-          // caller also asked for a density explicitly.
-          density: le ?? (D !== void 0 ? "none" : void 0),
-          className: u ? void 0 : Y
-        }),
-        ...u ? {} : { "data-component": "chart", "data-component-id": h },
-        children: [
-          ve,
-          /* @__PURE__ */ c(
-            _e,
-            {
-              type: a,
-              series: ge,
-              options: me,
-              width: ye,
-              height: be,
-              "aria-hidden": "true"
-            },
-            a
-          )
-        ]
-      }
-    );
-    return u ? /* @__PURE__ */ I(
-      "div",
-      {
-        "data-component": "chart",
-        "data-component-id": h,
-        className: `ds:block ds:w-full ${Y ?? ""}`.trim(),
-        children: [
-          /* @__PURE__ */ c("div", { className: "ds:mb-[var(--spacing-xs)] ds:flex ds:justify-end", children: /* @__PURE__ */ c(
-            ze,
-            {
-              role: "radiogroup",
-              mode: "toggle-single",
-              size: "sm",
-              "aria-label": o("chart.typeSwitcher.label"),
-              value: a,
-              onValueChange: (e) => {
-                e !== a && (J(e), z == null || z(e));
-              },
-              children: g.map((e) => /* @__PURE__ */ c(
-                Ne,
-                {
-                  value: e,
-                  type: "button",
-                  icon: Ze[e],
-                  "aria-label": o(qe[e])
-                },
-                e
-              ))
-            }
-          ) }),
-          ae
-        ]
-      }
-    ) : ae;
-  }
-);
-Je.displayName = "Chart";
-export {
-  Je as C,
-  Ue as a,
-  Ke as c
-};
-//# sourceMappingURL=chart-CNaLgvx4.js.map