@alfadocs/ui-kit 0.1.4 → 0.1.6

package/dist/_chunks/{button-7dTew-IV.js.map → button-7mLWcMp_.js.map}

@@ -1 +1 @@
-{"version":3,"file":"button-7dTew-IV.js","sources":["../../src/components/button/button.tsx"],"sourcesContent":["import { forwardRef, type ButtonHTMLAttributes, useEffect } from 'react';\nimport { Slot, Slottable } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nconst buttonVariants = cva(\n  // `forced-colors:*` — under Windows High Contrast Mode the OS strips our\n  // bg/text tokens, so `ghost` / `outline` / `link` would lose their shape.\n  // We repaint a `ButtonBorder` edge + swap the focus ring to `CanvasText`\n  // so the control and its focused state both survive HCM.\n  'ds:inline-flex ds:items-center ds:justify-center ds:gap-[var(--spacing-xs)] ds:font-medium ds:transition-colors ds:rounded-[var(--radius-md)] ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)] ds:forced-colors:border ds:forced-colors:border-[ButtonBorder] ds:forced-colors:focus-visible:outline-[CanvasText] ds:disabled:opacity-50 ds:disabled:cursor-not-allowed ds:aria-disabled:opacity-50 ds:aria-disabled:cursor-not-allowed ds:aria-busy:cursor-wait ds:relative',\n  {\n    variants: {\n      intent: {\n        primary:\n          'ds:bg-primary ds:text-primary-foreground ds:hover:bg-primary-hover ds:active:opacity-90 ds:shadow-sm',\n        secondary:\n          'ds:bg-secondary ds:text-secondary-foreground ds:hover:bg-secondary-hover ds:active:opacity-90',\n        outline:\n          'ds:bg-transparent ds:text-foreground ds:border ds:border-border ds:hover:bg-muted/10 ds:active:bg-muted/20',\n        ghost:\n          'ds:bg-transparent ds:text-foreground ds:hover:bg-muted/10 ds:active:bg-muted/20',\n        destructive:\n          'ds:bg-destructive ds:text-destructive-foreground ds:hover:bg-destructive-hover ds:active:opacity-90 ds:shadow-sm',\n        link: 'ds:bg-transparent ds:text-primary ds:underline-offset-4 ds:hover:underline ds:active:opacity-80 ds:p-0 ds:h-auto ds:rounded-none',\n        // `tonal` is a container-contextual intent. The button carries a\n        // `data-intent=\"tonal\"` hook + baseline chrome (hover/active/shadow).\n        // The ambient container (e.g. `Alert`) paints the colour via a\n        // descendant selector — `[&_[data-intent=tonal]]:bg-…` — so the\n        // button picks up the surrounding tint (amber on `warning`, red on\n        // `error`, etc.). Outside such a container the button falls back to\n        // the primary palette so a loose `<Button intent=\"tonal\">` is never\n        // invisible.\n        tonal:\n          'ds:bg-primary ds:text-primary-foreground ds:hover:opacity-90 ds:active:opacity-80 ds:shadow-sm',\n      },\n      size: {\n        sm: 'ds:h-8 ds:ps-3 ds:pe-3 ds:text-[length:var(--font-size-sm)] ds:min-h-[var(--min-target-size)] ds:sm:min-h-0 ds:before:absolute ds:before:inset-x-[calc((var(--min-target-size)-100%)/-2)] ds:before:inset-y-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[\"\"] ds:sm:before:hidden',\n        md: 'ds:h-10 ds:ps-4 ds:pe-4 ds:text-[length:var(--font-size-base)]',\n        lg: 'ds:h-12 ds:ps-6 ds:pe-6 ds:text-[length:var(--font-size-lg)]',\n      },\n    },\n    defaultVariants: {\n      intent: 'primary',\n      size: 'md',\n    },\n  },\n);\n\nexport interface ButtonProps\n  extends ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean;\n  loading?: boolean;\n  startIcon?: React.ReactNode;\n  endIcon?: React.ReactNode;\n  /**\n   * Mirror directional icons (arrows, chevrons) horizontally when the\n   * interface renders in RTL. Default `false` — most icons (trash, calendar,\n   * plus) must NOT flip. Opt in per call-site for arrow / chevron glyphs.\n   */\n  flipIconInRtl?: boolean;\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      intent,\n      size,\n      className,\n      asChild = false,\n      loading = false,\n      startIcon,\n      endIcon,\n      flipIconInRtl = false,\n      disabled,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const Comp = asChild ? Slot : 'button';\n    const isIconButton = !children && (startIcon || endIcon);\n\n    const ariaLabel = props['aria-label'];\n    useEffect(() => {\n      if (import.meta.env.DEV && isIconButton && !ariaLabel) {\n        console.warn(\n          'Button: Use IconButton for icon-only triggers to ensure accessibility and proper square sizing.',\n        );\n      }\n    }, [isIconButton, ariaLabel]);\n\n    const iconSize = size === 'sm' ? 16 : size === 'lg' ? 20 : 18;\n    const iconSizeClass =\n      size === 'sm' ? 'size-4' : size === 'lg' ? 'size-5' : 'size-[18px]';\n    const iconFlipClass = flipIconInRtl ? 'rtl:rotate-180' : '';\n\n    return (\n      <Comp\n        ref={ref}\n        className={buttonVariants({ intent, size, className })}\n        disabled={disabled || loading}\n        aria-busy={loading || undefined}\n        data-component=\"button\"\n        data-intent={intent ?? undefined}\n        {...props}\n      >\n        {loading && (\n          <svg\n            aria-hidden=\"true\"\n            className=\"ds:animate-spin\"\n            width={iconSize}\n            height={iconSize}\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n          >\n            <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" strokeOpacity=\"0.25\" strokeWidth=\"3\" />\n            <path\n              d=\"M22 12a10 10 0 0 1-10 10\"\n              stroke=\"currentColor\"\n              strokeWidth=\"3\"\n              strokeLinecap=\"round\"\n            />\n          </svg>\n        )}\n        {!loading && startIcon && (\n          <span\n            aria-hidden=\"true\"\n            className={`ds:inline-flex ds:items-center ${iconSizeClass} ${iconFlipClass}`.trim()}\n          >\n            {startIcon}\n          </span>\n        )}\n        {asChild ? (\n          <Slottable>{children}</Slottable>\n        ) : (\n          <span className={loading ? 'ds:sr-only' : 'ds:inline-flex'}>{children}</span>\n        )}\n        {!loading && endIcon && (\n          <span\n            aria-hidden=\"true\"\n            className={`ds:inline-flex ds:items-center ${iconSizeClass} ${iconFlipClass}`.trim()}\n          >\n            {endIcon}\n          </span>\n        )}\n      </Comp>\n    );\n  },\n);\n\nButton.displayName = 'Button';\n"],"names":["buttonVariants","cva","Button","forwardRef","intent","size","className","asChild","loading","startIcon","endIcon","flipIconInRtl","disabled","children","props","ref","Comp","Slot","isIconButton","ariaLabel","useEffect","iconSize","iconSizeClass","iconFlipClass","jsxs","jsx","Slottable"],"mappings":"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"}
+{"version":3,"file":"button-7mLWcMp_.js","sources":["../../src/components/button/button.tsx"],"sourcesContent":["import { forwardRef, type ButtonHTMLAttributes, useEffect } from 'react';\nimport { Slot, Slottable } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nconst buttonVariants = cva(\n  // `forced-colors:*` — under Windows High Contrast Mode the OS strips our\n  // bg/text tokens, so `ghost` / `outline` / `link` would lose their shape.\n  // We repaint a `ButtonBorder` edge + swap the focus ring to `CanvasText`\n  // so the control and its focused state both survive HCM.\n  'ds:inline-flex ds:items-center ds:justify-center ds:gap-[var(--spacing-xs)] ds:font-medium ds:transition-colors ds:rounded-[var(--radius-md)] ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)] ds:forced-colors:border ds:forced-colors:border-[ButtonBorder] ds:forced-colors:focus-visible:outline-[CanvasText] ds:disabled:opacity-50 ds:disabled:cursor-not-allowed ds:aria-disabled:opacity-50 ds:aria-disabled:cursor-not-allowed ds:aria-busy:cursor-wait ds:relative',\n  {\n    variants: {\n      intent: {\n        primary:\n          'ds:bg-primary ds:text-primary-foreground ds:hover:bg-primary-hover ds:active:opacity-90 ds:shadow-sm',\n        secondary:\n          'ds:bg-secondary ds:text-secondary-foreground ds:hover:bg-secondary-hover ds:active:opacity-90',\n        outline:\n          'ds:bg-transparent ds:text-foreground ds:border ds:border-border ds:hover:bg-muted/10 ds:active:bg-muted/20',\n        ghost:\n          'ds:bg-transparent ds:text-foreground ds:hover:bg-muted/10 ds:active:bg-muted/20',\n        destructive:\n          'ds:bg-destructive ds:text-destructive-foreground ds:hover:bg-destructive-hover ds:active:opacity-90 ds:shadow-sm',\n        link: 'ds:bg-transparent ds:text-primary ds:underline-offset-4 ds:hover:underline ds:active:opacity-80 ds:p-0 ds:h-auto ds:rounded-none',\n        // `tonal` is a container-contextual intent. The button carries a\n        // `data-intent=\"tonal\"` hook + baseline chrome (hover/active/shadow).\n        // The ambient container (e.g. `Alert`) paints the colour via a\n        // descendant selector — `[&_[data-intent=tonal]]:bg-…` — so the\n        // button picks up the surrounding tint (amber on `warning`, red on\n        // `error`, etc.). Outside such a container the button falls back to\n        // the primary palette so a loose `<Button intent=\"tonal\">` is never\n        // invisible.\n        tonal:\n          'ds:bg-primary ds:text-primary-foreground ds:hover:opacity-90 ds:active:opacity-80 ds:shadow-sm',\n      },\n      size: {\n        sm: 'ds:h-8 ds:ps-3 ds:pe-3 ds:text-[length:var(--font-size-sm)] ds:min-h-[var(--min-target-size)] ds:sm:min-h-0 ds:before:absolute ds:before:inset-x-[calc((var(--min-target-size)-100%)/-2)] ds:before:inset-y-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[\"\"] ds:sm:before:hidden',\n        md: 'ds:h-10 ds:ps-4 ds:pe-4 ds:text-[length:var(--font-size-base)]',\n        lg: 'ds:h-12 ds:ps-6 ds:pe-6 ds:text-[length:var(--font-size-lg)]',\n      },\n    },\n    defaultVariants: {\n      intent: 'primary',\n      size: 'md',\n    },\n  },\n);\n\nexport interface ButtonProps\n  extends ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean;\n  loading?: boolean;\n  startIcon?: React.ReactNode;\n  endIcon?: React.ReactNode;\n  /**\n   * Mirror directional icons (arrows, chevrons) horizontally when the\n   * interface renders in RTL. Default `false` — most icons (trash, calendar,\n   * plus) must NOT flip. Opt in per call-site for arrow / chevron glyphs.\n   */\n  flipIconInRtl?: boolean;\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      intent,\n      size,\n      className,\n      asChild = false,\n      loading = false,\n      startIcon,\n      endIcon,\n      flipIconInRtl = false,\n      disabled,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const Comp = asChild ? Slot : 'button';\n    const isIconButton = !children && (startIcon || endIcon);\n\n    const ariaLabel = props['aria-label'];\n    useEffect(() => {\n      if (import.meta.env.DEV && isIconButton && !ariaLabel) {\n        console.warn(\n          'Button: Use IconButton for icon-only triggers to ensure accessibility and proper square sizing.',\n        );\n      }\n    }, [isIconButton, ariaLabel]);\n\n    const iconSize = size === 'sm' ? 16 : size === 'lg' ? 20 : 18;\n    const iconSizeClass =\n      size === 'sm' ? 'ds:size-4' : size === 'lg' ? 'ds:size-5' : 'ds:size-[18px]';\n    const iconFlipClass = flipIconInRtl ? 'ds:rtl:rotate-180' : '';\n\n    return (\n      <Comp\n        ref={ref}\n        className={buttonVariants({ intent, size, className })}\n        disabled={disabled || loading}\n        aria-busy={loading || undefined}\n        data-component=\"button\"\n        data-intent={intent ?? undefined}\n        {...props}\n      >\n        {loading && (\n          <svg\n            aria-hidden=\"true\"\n            className=\"ds:animate-spin\"\n            width={iconSize}\n            height={iconSize}\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n          >\n            <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" strokeOpacity=\"0.25\" strokeWidth=\"3\" />\n            <path\n              d=\"M22 12a10 10 0 0 1-10 10\"\n              stroke=\"currentColor\"\n              strokeWidth=\"3\"\n              strokeLinecap=\"round\"\n            />\n          </svg>\n        )}\n        {!loading && startIcon && (\n          <span\n            aria-hidden=\"true\"\n            className={`ds:inline-flex ds:items-center ${iconSizeClass} ${iconFlipClass}`.trim()}\n          >\n            {startIcon}\n          </span>\n        )}\n        {asChild ? (\n          <Slottable>{children}</Slottable>\n        ) : (\n          <span className={loading ? 'ds:sr-only' : 'ds:inline-flex'}>{children}</span>\n        )}\n        {!loading && endIcon && (\n          <span\n            aria-hidden=\"true\"\n            className={`ds:inline-flex ds:items-center ${iconSizeClass} ${iconFlipClass}`.trim()}\n          >\n            {endIcon}\n          </span>\n        )}\n      </Comp>\n    );\n  },\n);\n\nButton.displayName = 'Button';\n"],"names":["buttonVariants","cva","Button","forwardRef","intent","size","className","asChild","loading","startIcon","endIcon","flipIconInRtl","disabled","children","props","ref","Comp","Slot","isIconButton","ariaLabel","useEffect","iconSize","iconSizeClass","iconFlipClass","jsxs","jsx","Slottable"],"mappings":"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"}

package/dist/_chunks/{calendar-BkDeDTaX.js → calendar-nGEgelJs.js}

@@ -10,8 +10,8 @@ import tt from "@fullcalendar/resource";
 import rt from "@fullcalendar/resource-timegrid";
 import nt from "@fullcalendar/resource-timeline";
 import at from "@fullcalendar/timeline";
-import ot from "@fullcalendar/interaction";
-import { u as st } from "./use-prefers-reduced-motion-BMwIQRjB.js";
+import st from "@fullcalendar/interaction";
+import { u as ot } from "./use-prefers-reduced-motion-BMwIQRjB.js";
 import { u as it } from "./registry-C9nwlNyL.js";
 import { C as de } from "./chevron-right-BrpYejk0.js";
 import { C as ce } from "./chevron-left-CX1jqD2M.js";
@@ -138,8 +138,8 @@ const Nt = {
       descriptionKey: "ui.agent.calendar.state.currentDate",
       description: "ISO date anchor of the visible range.",
       read: (r) => {
-        var o;
-        return ((o = r.getCurrentDate()) == null ? void 0 : o.toISOString()) ?? null;
+        var s;
+        return ((s = r.getCurrentDate()) == null ? void 0 : s.toISOString()) ?? null;
       }
     },
     currentTitle: {
@@ -179,8 +179,8 @@ const Nt = {
       argsType: "{ date: string | Date }",
       descriptionKey: "ui.agent.calendar.actions.gotoDate",
       description: "Navigate to a specific date.",
-      invoke: (r, o) => {
-        r.gotoDate(o.date);
+      invoke: (r, s) => {
+        r.gotoDate(s.date);
       }
     },
     change_view: {
@@ -188,8 +188,8 @@ const Nt = {
       argsType: "{ view: CalendarView }",
       descriptionKey: "ui.agent.calendar.actions.changeView",
       description: "Switch the calendar to the given view.",
-      invoke: (r, o) => {
-        r.changeView(o.view);
+      invoke: (r, s) => {
+        r.changeView(s.view);
       }
     },
     focus_event: {
@@ -197,8 +197,8 @@ const Nt = {
       argsType: "{ eventId: string }",
       descriptionKey: "ui.agent.calendar.actions.focusEvent",
       description: "Scroll an event into view and briefly highlight it.",
-      invoke: (r, o) => {
-        r.focusEvent(o.eventId);
+      invoke: (r, s) => {
+        r.focusEvent(s.eventId);
       }
     }
   },
@@ -235,11 +235,11 @@ const Nt = {
   "timeGridDay",
   "listWeek"
 ]);
-function le(r, o = "vertical") {
+function le(r, s = "vertical") {
   if (It.has(r))
     return r;
   const u = r.replace(/^resourceTimeGrid/, "").replace(/(Chair|Operator)$/, "");
-  return At[o][u];
+  return At[s][u];
 }
 const Mt = {
   resourceTimeGridThreeDays: {
@@ -302,7 +302,7 @@ const Mt = {
 };
 function Rt(r) {
   try {
-    const o = new Intl.Locale(r), d = typeof o.getWeekInfo == "function" ? o.getWeekInfo() : o.weekInfo;
+    const s = new Intl.Locale(r), d = typeof s.getWeekInfo == "function" ? s.getWeekInfo() : s.weekInfo;
     if (d && typeof d.firstDay == "number")
       return d.firstDay % 7;
   } catch {
@@ -310,7 +310,7 @@ function Rt(r) {
   return r.startsWith("en-US") || r.startsWith("he") || r.startsWith("ar-SA") ? 0 : 1;
 }
 function Et() {
-  const { i18n: r } = ae(), [o, d] = ne(() => {
+  const { i18n: r } = ae(), [s, d] = ne(() => {
     if (typeof document > "u") return !1;
     const u = document.documentElement.getAttribute("dir"), h = typeof r.dir == "function" ? r.dir() : "ltr";
     return u === "rtl" || h === "rtl";
@@ -325,11 +325,11 @@ function Et() {
       attributes: !0,
       attributeFilter: ["dir", "lang"]
     }), () => u.disconnect();
-  }, [r]), o;
+  }, [r]), s;
 }
 function zt({
   arg: r,
-  locale: o,
+  locale: s,
   resources: d,
   statusLabels: u,
   privacyMode: h,
@@ -352,7 +352,7 @@ function zt({
   let M = "";
   if (x && T)
     try {
-      const k = new Intl.DateTimeFormat(o, {
+      const k = new Intl.DateTimeFormat(s, {
         hour: "2-digit",
         minute: "2-digit",
         hour12: !1
@@ -369,8 +369,8 @@ function zt({
   const X = [
     Pt({ status: m ?? "default" }),
     L ? "event-booked-online" : null,
-    v ? "[background-color:var(--calendar-event-bg)]" : null,
-    f ? "[color:var(--calendar-event-text)]" : null
+    v ? "ds:[background-color:var(--calendar-event-bg)]" : null,
+    f ? "ds:[color:var(--calendar-event-text)]" : null
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ C(
     "div",
@@ -402,34 +402,34 @@ function zt({
   );
 }
 const fe = [
-  "inline-flex items-center justify-center",
-  "min-h-[var(--min-target-size)]",
-  "bg-[var(--background)] text-[var(--foreground)]",
-  "border border-[var(--border)]",
-  "rounded-[var(--radius-full)]",
-  "font-[var(--font-weight-medium)] text-[length:var(--font-size-sm)]",
-  "transition-colors duration-[var(--animation-duration)] ease-[var(--ease-out)]",
-  "hover:bg-[var(--muted)]",
-  "focus-visible:outline-[length:var(--focus-ring-width)]",
-  "focus-visible:outline-[var(--ring)]",
-  "focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
-  "motion-reduce:transition-none"
+  "ds:inline-flex ds:items-center ds:justify-center",
+  "ds:min-h-[var(--min-target-size)]",
+  "ds:bg-[var(--background)] ds:text-[var(--foreground)]",
+  "ds:border ds:border-[var(--border)]",
+  "ds:rounded-[var(--radius-full)]",
+  "ds:font-[var(--font-weight-medium)] ds:text-[length:var(--font-size-sm)]",
+  "ds:transition-colors ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)]",
+  "ds:hover:bg-[var(--muted)]",
+  "ds:focus-visible:outline-[length:var(--focus-ring-width)]",
+  "ds:focus-visible:outline-[var(--ring)]",
+  "ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+  "ds:motion-reduce:transition-none"
 ].join(" "), Bt = [
   fe,
-  "ps-[var(--spacing-md)] pe-[var(--spacing-md)]"
+  "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]"
 ].join(" "), ue = [
   fe,
-  "min-w-[var(--min-target-size)]"
-].join(" "), oe = me(
-  ({ title: r, onToday: o, onPrev: d, onNext: u, end: h, className: D }, N) => {
+  "ds:min-w-[var(--min-target-size)]"
+].join(" "), se = me(
+  ({ title: r, onToday: s, onPrev: d, onNext: u, end: h, className: D }, N) => {
     const { t: m } = ae(), v = Et(), f = v ? de : ce, y = v ? ce : de, A = [
-      "calendar-toolbar",
-      "sticky top-0 z-20",
-      "flex items-center gap-[var(--spacing-sm)]",
-      "ps-[var(--spacing-md)] pe-[var(--spacing-md)]",
-      "py-[var(--spacing-sm)]",
-      "bg-[var(--background)]",
-      "border-b border-[var(--border)]",
+      "ds:calendar-toolbar",
+      "ds:sticky ds:top-0 ds:z-20",
+      "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]",
+      "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
+      "ds:py-[var(--spacing-sm)]",
+      "ds:bg-[var(--background)]",
+      "ds:border-b ds:border-[var(--border)]",
       D
     ].filter(Boolean).join(" ");
     return /* @__PURE__ */ C("div", { ref: N, className: A, children: [
@@ -438,7 +438,7 @@ const fe = [
           "button",
           {
             type: "button",
-            onClick: o,
+            onClick: s,
             className: Bt,
             children: m("calendar.today")
           }
@@ -489,11 +489,11 @@ const fe = [
     ] });
   }
 );
-oe.displayName = "Calendar.Toolbar";
+se.displayName = "Calendar.Toolbar";
 const ve = me(
   ({
     id: r,
-    events: o,
+    events: s,
     resources: d,
     view: u = "dayGridMonth",
     initialDate: h,
@@ -528,9 +528,9 @@ const ve = me(
     toolbar: he = !0,
     toolbarEnd: be,
     resourceLayout: W = "vertical",
-    showResourceInitials: se = !1
+    showResourceInitials: oe = !1
   }, ye) => {
-    const { t: s, i18n: S } = ae(), P = z(null), ee = z(null), b = z(null), w = z(null), R = z(null), F = D ?? S.language ?? "en", [xe, Te] = ne(() => {
+    const { t: o, i18n: S } = ae(), P = z(null), ee = z(null), b = z(null), w = z(null), R = z(null), F = D ?? S.language ?? "en", [xe, Te] = ne(() => {
       if (typeof document > "u") return "ltr";
       const e = document.documentElement.getAttribute("dir"), t = typeof S.dir == "function" ? S.dir() : "ltr";
       return e === "rtl" || t === "rtl" ? "rtl" : "ltr";
@@ -586,8 +586,8 @@ const ve = me(
         attributes: !0,
         attributeFilter: ["aria-hidden"]
       }), () => n.disconnect();
-    }, [s]);
-    const q = st(), [ke, we] = ne(""), te = l(() => {
+    }, [o]);
+    const q = ot(), [ke, we] = ne(""), te = l(() => {
       const e = () => {
         var t;
         return (t = P.current) == null ? void 0 : t.getApi();
@@ -641,7 +641,7 @@ const ve = me(
               block: "center"
             }), i.classList.add("calendar-event-focused"), R.current = i, b.current) {
               const g = i.getAttribute("aria-label") ?? t, E = p ? "•••" : g;
-              b.current.textContent = s("calendar.focusedEvent", {
+              b.current.textContent = o("calendar.focusedEvent", {
                 title: E
               });
             }
@@ -651,7 +651,7 @@ const ve = me(
           }
         }
       };
-    }, [q, p, s, W]);
+    }, [q, p, o, W]);
     Ze(ye, () => te, [te]), it(Nt, te, r), B(
       () => () => {
         w.current && (clearTimeout(w.current), w.current = null);
@@ -660,24 +660,24 @@ const ve = me(
     );
     const Ce = l(
       () => ({
-        confirmed: s("calendar.status.confirmed"),
-        waiting: s("calendar.status.waiting"),
-        in_care: s("calendar.status.inCare"),
-        done: s("calendar.status.done"),
-        cancelled: s("calendar.status.cancelled"),
-        absent: s("calendar.status.absent")
+        confirmed: o("calendar.status.confirmed"),
+        waiting: o("calendar.status.waiting"),
+        in_care: o("calendar.status.inCare"),
+        done: o("calendar.status.done"),
+        cancelled: o("calendar.status.cancelled"),
+        absent: o("calendar.status.absent")
       }),
-      [s]
+      [o]
     ), ie = z(!0);
     B(() => {
       if (ie.current) {
         ie.current = !1;
         return;
       }
-      b.current && (b.current.textContent = s(p ? "calendar.privacyModeOn" : "calendar.privacyModeOff"));
-    }, [p, s]);
+      b.current && (b.current.textContent = o(p ? "calendar.privacyModeOn" : "calendar.privacyModeOff"));
+    }, [p, o]);
     const De = l(
-      () => o.map((e) => ({
+      () => s.map((e) => ({
         id: e.id,
         title: e.title,
         start: e.start,
@@ -703,7 +703,7 @@ const ve = me(
           operatorId: e.operatorId
         }
       })),
-      [o]
+      [s]
     ), Ne = l(
       () => ({
         year: "numeric",
@@ -762,12 +762,12 @@ const ve = me(
             newStart: e.event.start
           }), b.current)) {
             const n = e.event.extendedProps ?? {}, c = p ? n.privacyModeTitle ?? "•••" : e.event.title;
-            b.current.textContent = s("calendar.eventMoved", {
+            b.current.textContent = o("calendar.eventMoved", {
               title: c
             });
           }
         };
-    }, [N, p, s]), _e = l(() => {
+    }, [N, p, o]), _e = l(() => {
       if (m)
         return (e) => {
           if (!e.event.end) return;
@@ -783,13 +783,13 @@ const ve = me(
             const i = Math.round(
               (n.getTime() - c.getTime()) / 6e4
             ), g = e.event.extendedProps ?? {}, E = p ? g.privacyModeTitle ?? "•••" : e.event.title;
-            b.current.textContent = s("calendar.eventResized", {
+            b.current.textContent = o("calendar.eventResized", {
               title: E,
               duration: i
             });
           }
         };
-    }, [m, p, s]), Se = l(() => {
+    }, [m, p, o]), Se = l(() => {
       if (f)
         return (e) => {
           e.event.start && f(re(e.event));
@@ -812,7 +812,7 @@ const ve = me(
         Qe,
         Xe,
         et,
-        ot,
+        st,
         tt,
         rt,
         nt,
@@ -830,12 +830,12 @@ const ve = me(
             "--resource-initials-text-color": g
           } : {}
         } : void 0;
-        if (se && c && i) {
+        if (oe && c && i) {
           `${e.resource.id}`;
           const Ke = [
             "resource-initials",
-            "[background-color:var(--resource-color)]",
-            g ? "[color:var(--resource-initials-text-color)]" : null
+            "ds:[background-color:var(--resource-color)]",
+            g ? "ds:[color:var(--resource-initials-text-color)]" : null
           ].filter(Boolean).join(" ");
           return /* @__PURE__ */ C("span", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
             /* @__PURE__ */ a(
@@ -862,7 +862,7 @@ const ve = me(
           /* @__PURE__ */ a("span", { className: "ds:truncate ds:text-start", children: n })
         ] })) : /* @__PURE__ */ a("span", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]", children: /* @__PURE__ */ a("span", { className: "ds:truncate ds:text-start", children: n }) });
       },
-      [se]
+      [oe]
     ), Oe = l(
       () => d == null ? void 0 : d.map((e) => ({
         id: e.id,
@@ -887,36 +887,36 @@ const ve = me(
       (t = (e = P.current) == null ? void 0 : e.getApi()) == null || t.next();
     }, []), We = [
       "fc-theme-alfadocs",
-      "bg-background text-foreground",
-      "rounded-[var(--radius-md)]",
+      "ds:bg-background ds:text-foreground",
+      "ds:rounded-[var(--radius-md)]",
       K
     ].filter(Boolean).join(" "), Fe = x || T ? {
       ...x ? { "--calendar-mode-bg": x } : {},
       ...T ? { "--calendar-mode-fg": T } : {}
-    } : void 0, qe = I !== "default" ? O ?? s(St[I]) : "", $e = [
-      "sticky top-0 z-10",
-      "flex items-center gap-[var(--spacing-sm)]",
-      "ps-[var(--spacing-md)] pe-[var(--spacing-md)]",
-      "py-[var(--spacing-sm)]",
+    } : void 0, qe = I !== "default" ? O ?? o(St[I]) : "", $e = [
+      "ds:sticky ds:top-0 ds:z-10",
+      "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]",
+      "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
+      "ds:py-[var(--spacing-sm)]",
       /* Caller-supplied colours flow through CSS custom properties set
          in `modeBannerStyle`; fallback tokens apply when the caller
          doesn't supply a hex. */
-      x ? "[background-color:var(--calendar-mode-bg)]" : "bg-[var(--muted)]",
-      T ? "[color:var(--calendar-mode-fg)]" : "text-[var(--muted-foreground)]"
+      x ? "ds:[background-color:var(--calendar-mode-bg)]" : "ds:bg-[var(--muted)]",
+      T ? "ds:[color:var(--calendar-mode-fg)]" : "ds:text-[var(--muted-foreground)]"
     ].filter(Boolean).join(" "), Ue = [
-      "inline-flex items-center justify-center",
-      "min-h-[var(--min-target-size)]",
-      "ps-[var(--spacing-md)] pe-[var(--spacing-md)]",
-      "rounded-[var(--radius-full)]",
-      "bg-[var(--background)] text-[var(--foreground)]",
-      "border border-[var(--border)]",
-      "font-[var(--font-weight-medium)] text-[length:var(--font-size-sm)]",
-      "transition-colors duration-[var(--animation-duration)] ease-[var(--ease-out)]",
-      "hover:bg-[var(--muted)]",
-      "focus-visible:outline-[length:var(--focus-ring-width)]",
-      "focus-visible:outline-[var(--ring)]",
-      "focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
-      "motion-reduce:transition-none"
+      "ds:inline-flex ds:items-center ds:justify-center",
+      "ds:min-h-[var(--min-target-size)]",
+      "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
+      "ds:rounded-[var(--radius-full)]",
+      "ds:bg-[var(--background)] ds:text-[var(--foreground)]",
+      "ds:border ds:border-[var(--border)]",
+      "ds:font-[var(--font-weight-medium)] ds:text-[length:var(--font-size-sm)]",
+      "ds:transition-colors ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)]",
+      "ds:hover:bg-[var(--muted)]",
+      "ds:focus-visible:outline-[length:var(--focus-ring-width)]",
+      "ds:focus-visible:outline-[var(--ring)]",
+      "ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+      "ds:motion-reduce:transition-none"
     ].join(" ");
     return /* @__PURE__ */ C(
       "div",
@@ -924,7 +924,7 @@ const ve = me(
         ref: ee,
         className: We,
         role: "region",
-        "aria-label": s("calendar.ariaLabel"),
+        "aria-label": o("calendar.ariaLabel"),
         "data-component": "calendar",
         "data-component-id": r,
         "data-mode": I,
@@ -953,14 +953,14 @@ const ve = me(
                     type: "button",
                     onClick: j,
                     className: Ue,
-                    children: s("calendar.modeBanner.cancel")
+                    children: o("calendar.modeBanner.cancel")
                   }
                 ) : null
               ]
             }
           ) : null,
           he !== !1 ? /* @__PURE__ */ a(
-            oe,
+            se,
             {
               title: ke,
               onToday: je,
@@ -992,8 +992,8 @@ const ve = me(
               resourceOrder: "sequenceNumber",
               resourceLabelContent: Le,
               headerToolbar: !1,
-              allDayText: s("calendar.allDay"),
-              noEventsText: s("calendar.noEvents"),
+              allDayText: o("calendar.allDay"),
+              noEventsText: o("calendar.noEvents"),
               titleFormat: Ne,
               dayHeaderFormat: Ae,
               eventTimeFormat: Ie,
@@ -1031,11 +1031,11 @@ const ve = me(
 );
 ve.displayName = "Calendar";
 const Vt = ve;
-Vt.Toolbar = oe;
+Vt.Toolbar = se;
 export {
   Vt as C,
   Rt as a,
   Nt as c,
   le as r
 };
-//# sourceMappingURL=calendar-BkDeDTaX.js.map
+//# sourceMappingURL=calendar-nGEgelJs.js.map