@alfadocs/ui-kit 1.61.0 → 1.63.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfadocs/ui-kit",
-  "version": "1.61.0",
+  "version": "1.63.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/app-frame-CqmDh2v5.js

@@ -1,134 +0,0 @@
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import { forwardRef as S, useRef as k, useState as _, useEffect as A } from "react";
-import { c as a } from "./index-D2ZczOXr.js";
-import { useTranslation as y } from "react-i18next";
-import { S as E } from "./scroll-area-CY5SLYNw.js";
-const L = a(
-  [
-    "ds:h-dvh ds:w-full",
-    "ds:flex ds:flex-col",
-    "ds:overflow-hidden",
-    "ds:bg-[var(--background)] ds:text-[color:var(--foreground)]",
-    // Elevation cascade driven by main's scrollTop (data-app-scrolled).
-    // Mirrors the Header's native scroll-linked recipe (see `Brand/Shadows`
-    // — one tier up from rest, never two) so the banner looks identical
-    // whether it's in a viewport-scroll context (sticky) or slotted into
-    // AppFrame where <main> owns the scroll.
-    "ds:data-[app-scrolled=true]:[&_[role=banner]]:shadow-[var(--shadow-md)]",
-    "ds:data-[app-scrolled=true]:[&_[role=banner]]:[border-block-end-color:var(--border)]",
-    // Forced-colors: UA strips box-shadow, so the border is the only
-    // separation cue. Always render it.
-    "ds:forced-colors:[&_[role=banner]]:[border-block-end-color:CanvasText]",
-    // Print: strip shadow, keep border so the banner still reads on paper.
-    "ds:print:[&_[role=banner]]:shadow-none",
-    "ds:print:[&_[role=banner]]:[border-block-end-color:var(--border)]"
-  ].join(" ")
-), R = a(
-  ["ds:flex ds:flex-1 ds:items-stretch ds:min-h-0"].join(" ")
-), T = a(
-  [
-    // Hidden in the inline flow on mobile — consumers should flip their
-    // Sidebar into overlay mode at narrow viewports, where it portals via
-    // Radix Dialog and therefore renders outside AppFrame entirely.
-    "ds:hidden ds:md:flex",
-    "ds:shrink-0",
-    // The rail fills the row's full height because the row is `flex
-    // items-stretch`. No sticky needed — the row itself never scrolls.
-    "ds:h-full"
-  ].join(" ")
-), C = a(
-  ["ds:hidden ds:md:flex", "ds:shrink-0", "ds:h-full"].join(" ")
-), F = a(
-  [
-    "ds:flex-1 ds:min-w-0",
-    "ds:flex ds:flex-col ds:min-h-0",
-    // Focusable via the header's SkipLink — tabIndex={-1} is on the
-    // element itself so keyboard users land inside the main region.
-    "ds:focus:outline-none"
-  ].join(" ")
-), M = a("", {
-  variants: {
-    padded: {
-      true: [
-        "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
-        "ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]"
-      ].join(" "),
-      false: ""
-    }
-  },
-  defaultVariants: { padded: !0 }
-}), q = a("ds:shrink-0"), z = S(
-  ({
-    header: m,
-    sidebar: p,
-    children: f,
-    endSidebar: n,
-    footer: d,
-    mainId: o = "main-content",
-    mainAriaLabel: u,
-    padded: v = !0,
-    className: b,
-    mainClassName: h,
-    ...x
-  }, w) => {
-    const { t: N } = y("ui"), g = u ?? N("navigation.main.label", "Main content"), l = k(null), [V, j] = _(!1);
-    return A(() => {
-      const s = l.current;
-      if (!s) return;
-      const r = () => {
-        const t = s.scrollTop > 0;
-        j((i) => i === t ? i : t);
-      };
-      return r(), s.addEventListener("scroll", r, { passive: !0 }), () => s.removeEventListener("scroll", r);
-    }, []), /* @__PURE__ */ c(
-      "div",
-      {
-        ref: w,
-        "data-app-scrolled": V ? "true" : void 0,
-        "data-component": "app-frame",
-        className: L({ className: b }),
-        ...x,
-        children: [
-          m,
-          /* @__PURE__ */ c("div", { className: R(), "data-app-frame-slot": "row", children: [
-            /* @__PURE__ */ e("div", { className: T(), "data-app-frame-slot": "sidebar", children: p }),
-            /* @__PURE__ */ e(
-              "main",
-              {
-                id: o,
-                tabIndex: -1,
-                "aria-label": g,
-                className: F({ className: h }),
-                children: /* @__PURE__ */ e(
-                  E,
-                  {
-                    ref: l,
-                    orientation: "vertical",
-                    role: "group",
-                    "aria-labelledby": o,
-                    className: "ds:flex-1 ds:min-h-0",
-                    children: /* @__PURE__ */ e("div", { className: M({ padded: v }), children: f })
-                  }
-                )
-              }
-            ),
-            n ? /* @__PURE__ */ e(
-              "div",
-              {
-                className: C(),
-                "data-app-frame-slot": "end-sidebar",
-                children: n
-              }
-            ) : null
-          ] }),
-          d ? /* @__PURE__ */ e("div", { className: q(), "data-app-frame-slot": "footer", children: d }) : null
-        ]
-      }
-    );
-  }
-);
-z.displayName = "AppFrame";
-export {
-  z as A
-};
-//# sourceMappingURL=app-frame-CqmDh2v5.js.map