@alfadocs/ui-kit 1.67.0 → 1.68.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfadocs/ui-kit",
-  "version": "1.67.0",
+  "version": "1.68.0",
   "type": "module",
   "description": "AlfaDocs shared design system — tokens, components, patterns, and translations for platform, booking, and alfascribe.",
   "license": "BUSL-1.1",
@@ -469,6 +469,10 @@
       "types": "./dist/components/navigation-menu/index.d.ts",
       "import": "./dist/components/navigation-menu/index.js"
     },
+    "./notice-group": {
+      "types": "./dist/components/notice-group/index.d.ts",
+      "import": "./dist/components/notice-group/index.js"
+    },
     "./notification-card": {
       "types": "./dist/components/notification-card/index.d.ts",
       "import": "./dist/components/notification-card/index.js"
@@ -565,6 +569,10 @@
       "types": "./dist/components/progress/index.d.ts",
       "import": "./dist/components/progress/index.js"
     },
+    "./progress-notice": {
+      "types": "./dist/components/progress-notice/index.d.ts",
+      "import": "./dist/components/progress-notice/index.js"
+    },
     "./public-footer": {
       "types": "./dist/components/public-footer/index.d.ts",
       "import": "./dist/components/public-footer/index.js"

package/dist/_chunks/avatar-WZY3eGE7.js

@@ -1,123 +0,0 @@
-import { jsxs as C, jsx as l } from "react/jsx-runtime";
-import { forwardRef as y, useRef as N, useState as I, useEffect as j } from "react";
-import { c as w } from "./index-D2ZczOXr.js";
-import { useTranslation as A } from "react-i18next";
-import { c as L } from "./compose-refs-C0k0tdqF.js";
-import { u as E } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
-function R(t) {
-  let e = 5381;
-  for (let s = 0; s < t.length; s++)
-    e = (e << 5) + e ^ t.charCodeAt(s), e = e >>> 0;
-  return e;
-}
-const v = [
-  "ds:bg-[var(--color-violet-500)]",
-  "ds:bg-[var(--color-violet-600)]",
-  "ds:bg-[var(--color-violet-700)]",
-  "ds:bg-[var(--color-violet-800)]",
-  "ds:bg-[var(--color-violet-900)]",
-  "ds:bg-[var(--color-purple-700)]",
-  "ds:bg-[var(--color-purple-800)]",
-  "ds:bg-[var(--color-purple-900)]",
-  "ds:bg-[var(--color-magenta-700)]",
-  "ds:bg-[var(--color-magenta-800)]",
-  "ds:bg-[var(--color-magenta-900)]",
-  "ds:bg-[var(--color-blue-300)]",
-  "ds:bg-[var(--color-blue-400)]",
-  "ds:bg-[var(--color-blue-500)]",
-  "ds:bg-[var(--color-blue-700)]",
-  "ds:bg-[var(--color-grey-900)]"
-];
-function S(t) {
-  return v[R(t) % v.length];
-}
-function B(t) {
-  const e = (n) => n.trim().split(/\s+/).map((r) => r.replace(/^[^\p{L}\p{N}]+|[^\p{L}\p{N}]+$/gu, "")).filter((r) => new RegExp("\\p{L}", "u").test(r)), s = e(t.replace(/\([^)]*\)|\[[^\]]*\]/g, " ")), o = s.length > 0 ? s : e(t);
-  return o.length === 0 ? "" : o.length === 1 ? o[0].slice(0, 2).toUpperCase() : (o[0][0] + o[o.length - 1][0]).toUpperCase();
-}
-const T = w(
-  [
-    "ds:relative ds:inline-flex ds:shrink-0 ds:select-none ds:items-center ds:justify-center ds:overflow-hidden ds:rounded-[var(--radius-full)]",
-    // Focus ring — uses design-system tokens so theme overrides (accessible: 3px) apply automatically.
-    // The ring renders when Avatar is placed inside a focusable ancestor (e.g. a <button>).
-    "ds:focus-visible:outline-solid",
-    "ds:focus-visible:outline-[length:var(--focus-ring-width)]",
-    "ds:focus-visible:outline-ring",
-    "ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]"
-  ].join(" "),
-  {
-    variants: {
-      size: {
-        // text-[var(--font-size-xs)] = 0.75rem (12px) — smallest available token
-        xs: "ds:size-6 ds:text-[length:var(--font-size-xs)] ds:font-semibold ds:leading-none",
-        sm: "ds:size-8 ds:text-[length:var(--font-size-xs)] ds:font-semibold ds:leading-none",
-        md: "ds:size-10 ds:text-[length:var(--font-size-xs)] ds:font-semibold ds:leading-none",
-        lg: "ds:size-12 ds:text-[length:var(--font-size-sm)] ds:font-semibold ds:leading-none",
-        xl: "ds:size-16 ds:text-[length:var(--font-size-base)] ds:font-semibold ds:leading-none",
-        // 2xl / 3xl are hero / display crops (operator cards, practice-
-        // profile pages). They token-reference `--avatar-size-*` so
-        // consumer themes can override the dimensions per-context, and
-        // `--avatar-text-size-*` so initials scale proportionally to
-        // the circle (otherwise --font-size-base at 192px reads as a
-        // tiny letter in a vast disc).
-        "2xl": "ds:size-[var(--avatar-size-2xl)] ds:text-[length:var(--avatar-text-size-2xl)] ds:font-semibold ds:leading-none",
-        "3xl": "ds:size-[var(--avatar-size-3xl)] ds:text-[length:var(--avatar-text-size-3xl)] ds:font-semibold ds:leading-none"
-      }
-    },
-    defaultVariants: { size: "md" }
-  }
-), U = y(
-  ({ src: t, name: e, color: s, size: o, className: n, ...r }, f) => {
-    const { t: g } = A("ui"), d = N(null), u = L(f, d), [m, c] = I(!1);
-    j(() => {
-      c(!1);
-    }, [t]), E(() => {
-      const i = d.current;
-      i && (s ? i.style.setProperty("--avatar-color-override", s) : i.style.removeProperty("--avatar-color-override"));
-    }, [s]);
-    const a = !!t && !m, b = !a && !!e, p = !a && !e, h = s ? "ds:bg-[var(--avatar-color-override)]" : e ? S(e) : "ds:bg-muted", x = T({
-      size: o,
-      className: [h, s || e ? "ds:text-[var(--avatar-initials-foreground,var(--primary-foreground))]" : "ds:text-muted-foreground", n].filter(Boolean).join(" ")
-    }), z = e ?? g("avatar.placeholder", "User avatar");
-    return /* @__PURE__ */ C(
-      "span",
-      {
-        ref: u,
-        role: "img",
-        "aria-label": z,
-        "data-component": "avatar",
-        className: x,
-        ...r,
-        children: [
-          (b || a) && !!e && /* @__PURE__ */ l("span", { "aria-hidden": "true", children: B(e) }),
-          p && /* @__PURE__ */ l(
-            "svg",
-            {
-              "aria-hidden": "true",
-              viewBox: "0 0 24 24",
-              className: "ds:size-[58%] ds:fill-current",
-              children: /* @__PURE__ */ l("path", { d: "M12 12c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm0 2c-3.33 0-10 1.67-10 5v2h20v-2c0-3.33-6.67-5-10-5z" })
-            }
-          ),
-          a && /* @__PURE__ */ l(
-            "img",
-            {
-              src: t,
-              alt: "",
-              "aria-hidden": "true",
-              className: "ds:absolute ds:inset-0 ds:size-full ds:object-cover",
-              onError: () => c(!0)
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-U.displayName = "Avatar";
-export {
-  U as A,
-  B as g,
-  S as n
-};
-//# sourceMappingURL=avatar-WZY3eGE7.js.map