@alfadocs/ui-kit 0.14.1 → 0.15.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfadocs/ui-kit",
-  "version": "0.14.1",
+  "version": "0.15.1",
   "type": "module",
   "description": "AlfaDocs shared design system — tokens, components, patterns, and translations for platform, booking, and alfascribe.",
   "license": "BUSL-1.1",
@@ -103,6 +103,10 @@
       "types": "./dist/components/card/index.d.ts",
       "import": "./dist/components/card/index.js"
     },
+    "./carousel": {
+      "types": "./dist/components/carousel/index.d.ts",
+      "import": "./dist/components/carousel/index.js"
+    },
     "./chart": {
       "types": "./dist/components/chart/index.d.ts",
       "import": "./dist/components/chart/index.js"
@@ -299,6 +303,10 @@
       "types": "./dist/components/progress/index.d.ts",
       "import": "./dist/components/progress/index.js"
     },
+    "./public-header": {
+      "types": "./dist/components/public-header/index.d.ts",
+      "import": "./dist/components/public-header/index.js"
+    },
     "./radio-group": {
       "types": "./dist/components/radio-group/index.d.ts",
       "import": "./dist/components/radio-group/index.js"
@@ -668,6 +676,7 @@
     "country-flag-icons": "^1.6.16",
     "date-fns": "^4.1.0",
     "dompurify": "^3.4.0",
+    "embla-carousel-react": "8.6.0",
     "lucide-react": "^1.8.0",
     "react-day-picker": "^9.7.0",
     "react-dropzone": "^15.0.0",

package/dist/_chunks/stat-CDQ_a0vk.js

@@ -1,228 +0,0 @@
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import { forwardRef as I, useId as j } from "react";
-import { c as p } from "./index-D2ZczOXr.js";
-import { useTranslation as h } from "react-i18next";
-const y = p("ds:flex ds:flex-col", {
-  variants: {
-    variant: {
-      default: "ds:gap-[var(--spacing-xs)]",
-      outlined: [
-        "ds:gap-[var(--spacing-xs)]",
-        "ds:border ds:border-[color:var(--border)]",
-        "ds:rounded-[var(--radius-md)]",
-        "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
-        "ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]"
-      ].join(" "),
-      // White card surface with the shared card shadow — matches
-      // `Card variant="elevated"` tokens (`--card` + `--shadow-card`) so
-      // a grid of elevated Stats reads as a set of shaded panels without
-      // nesting a Card around each one.
-      elevated: [
-        "ds:gap-[var(--spacing-xs)]",
-        "ds:bg-[var(--card)]",
-        "ds:text-[var(--card-foreground)]",
-        "ds:shadow-[var(--shadow-card)]",
-        "ds:rounded-[var(--radius-lg)]",
-        "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
-        "ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]",
-        // Forced-colors: UA strips shadow, so render a border as the
-        // separation cue — mirrors Card's forced-colors behaviour.
-        "ds:forced-colors:border ds:forced-colors:border-[CanvasText]"
-      ].join(" "),
-      compact: "ds:gap-[var(--spacing-none)]"
-    },
-    size: {
-      sm: "",
-      md: "",
-      lg: ""
-    },
-    align: {
-      start: "ds:items-start ds:text-start",
-      center: "ds:items-center ds:text-center",
-      end: "ds:items-end ds:text-end"
-    }
-  },
-  defaultVariants: {
-    variant: "default",
-    size: "md",
-    align: "start"
-  }
-}), k = p("type-metric ds:text-[var(--foreground)]", {
-  variants: {
-    size: {
-      sm: "ds:[--type-metric-size:var(--font-size-xl)]",
-      md: "ds:[--type-metric-size:var(--font-size-3xl)]",
-      lg: "ds:[--type-metric-size:var(--font-size-5xl)]"
-    },
-    variant: {
-      default: "",
-      outlined: "",
-      elevated: "",
-      compact: ""
-    }
-  },
-  compoundVariants: [
-    {
-      variant: "compact",
-      size: "sm",
-      className: "ds:[--type-metric-size:var(--font-size-lg)]"
-    },
-    {
-      variant: "compact",
-      size: "md",
-      className: "ds:[--type-metric-size:var(--font-size-xl)]"
-    },
-    {
-      variant: "compact",
-      size: "lg",
-      className: "ds:[--type-metric-size:var(--font-size-2xl)]"
-    }
-  ],
-  defaultVariants: {
-    size: "md",
-    variant: "default"
-  }
-}), S = p(
-  "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-label",
-  {
-    variants: {
-      trend: {
-        up: "ds:text-[var(--success)]",
-        down: "ds:text-[var(--destructive)]",
-        flat: "ds:text-[var(--muted-foreground)]"
-      }
-    },
-    defaultVariants: {
-      trend: "flat"
-    }
-  }
-), T = { up: "↑", down: "↓", flat: "→" }, F = {
-  up: "stat.trend.up",
-  down: "stat.trend.down",
-  flat: "stat.trend.flat"
-};
-function R({
-  trend: s,
-  delta: a,
-  deltaFormat: t = "decimal",
-  locale: l
-}) {
-  const { t: r, i18n: d } = h(), n = typeof a == "string" ? a : new Intl.NumberFormat(l ?? d.language, {
-    style: t === "percent" ? "percent" : "decimal"
-  }).format(t === "percent" ? a / 100 : a);
-  return /* @__PURE__ */ c("span", { className: S({ trend: s }), children: [
-    /* @__PURE__ */ e("span", { "aria-hidden": "true", children: T[s] }),
-    /* @__PURE__ */ e("span", { className: "ds:sr-only", children: r(F[s]) }),
-    n
-  ] });
-}
-const D = I(
-  ({
-    label: s,
-    value: a,
-    format: t,
-    currency: l,
-    locale: r,
-    trend: d,
-    delta: n,
-    deltaFormat: N = "decimal",
-    icon: u,
-    loading: w = !1,
-    variant: o = "default",
-    size: m = "md",
-    align: v = "start",
-    className: f,
-    ...g
-  }, x) => {
-    const { i18n: z } = h(), b = j(), V = () => {
-      if (typeof a == "string") return a;
-      const i = r ?? z.language;
-      switch (t) {
-        case "currency":
-          return new Intl.NumberFormat(i, {
-            style: "currency",
-            currency: l ?? "USD"
-          }).format(a);
-        case "percent":
-          return new Intl.NumberFormat(i, { style: "percent" }).format(
-            a
-          );
-        case "decimal":
-          return new Intl.NumberFormat(i, { style: "decimal" }).format(
-            a
-          );
-        default:
-          return new Intl.NumberFormat(i).format(a);
-      }
-    };
-    return w ? /* @__PURE__ */ c(
-      "div",
-      {
-        ref: x,
-        role: "group",
-        "aria-busy": "true",
-        "aria-label": s,
-        "data-component": "stat",
-        className: y({ variant: o, size: m, align: v, className: f }),
-        ...g,
-        children: [
-          /* @__PURE__ */ e("div", { className: "ds:h-[var(--skeleton-label-h)] ds:w-[var(--skeleton-label-w)] ds:animate-pulse ds:rounded-[var(--radius-sm)] ds:bg-[var(--muted)]" }),
-          /* @__PURE__ */ e("div", { className: "ds:h-[var(--skeleton-value-h)] ds:w-[var(--skeleton-value-w)] ds:animate-pulse ds:rounded-[var(--radius-sm)] ds:bg-[var(--muted)]" })
-        ]
-      }
-    ) : /* @__PURE__ */ c(
-      "div",
-      {
-        ref: x,
-        role: "group",
-        "aria-labelledby": b,
-        "data-component": "stat",
-        className: y({ variant: o, size: m, align: v, className: f }),
-        ...g,
-        children: [
-          /* @__PURE__ */ c("span", { className: "ds:inline-flex ds:items-center", children: [
-            u && /* @__PURE__ */ e(
-              "span",
-              {
-                "aria-hidden": "true",
-                className: [
-                  "ds:me-[var(--spacing-xs)] ds:inline-flex ds:shrink-0",
-                  // Accent tint on the leading icon. The icon is decorative
-                  // (aria-hidden), so magenta-500's 3.2:1 contrast on white
-                  // is acceptable here — the Stat label + value still
-                  // carry the accessible name at `--foreground`.
-                  "ds:text-[color:var(--accent)]",
-                  "ds:forced-colors:text-[CanvasText]"
-                ].join(" "),
-                children: u
-              }
-            ),
-            /* @__PURE__ */ e(
-              "span",
-              {
-                id: b,
-                className: "type-label ds:text-[var(--muted-foreground)]",
-                children: s
-              }
-            )
-          ] }),
-          /* @__PURE__ */ e("span", { className: k({ size: m, variant: o }), children: V() }),
-          d != null && n != null && /* @__PURE__ */ e(
-            R,
-            {
-              trend: d,
-              delta: n,
-              deltaFormat: N,
-              locale: r
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-D.displayName = "Stat";
-export {
-  D as S
-};
-//# sourceMappingURL=stat-CDQ_a0vk.js.map