@mieweb/ui 0.10.0-dev.9 → 0.11.0-dev.0

package/dist/chunk-EGPDT7SM.js

@@ -0,0 +1,195 @@
+import { Tabs, TabsList, TabsTrigger, TabsContent } from './chunk-ME7EVT6F.js';
+import { Badge } from './chunk-522WJIVI.js';
+import { cn } from './chunk-TQONQSJO.js';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { ChevronDown } from 'lucide-react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var defaultRecordLayoutLabels = {
+  sidebar: "Record details",
+  aside: "Related records",
+  main: "Record content",
+  tabs: "Record sections",
+  sidebarToggle: "Details"
+};
+var bodyVariants = cva("grid grid-cols-1 items-start gap-6 p-4 sm:p-6", {
+  variants: {
+    sidebar: { true: "", false: "" },
+    aside: { true: "", false: "" }
+  },
+  compoundVariants: [
+    {
+      sidebar: true,
+      aside: false,
+      class: "md:grid-cols-[18rem_minmax(0,1fr)] xl:grid-cols-[20rem_minmax(0,1fr)]"
+    },
+    {
+      sidebar: true,
+      aside: true,
+      class: "md:grid-cols-[18rem_minmax(0,1fr)] xl:grid-cols-[20rem_minmax(0,1fr)_20rem]"
+    },
+    {
+      sidebar: false,
+      aside: true,
+      class: "xl:grid-cols-[minmax(0,1fr)_20rem]"
+    }
+  ]
+});
+function readOpen(key) {
+  try {
+    const raw = window.localStorage.getItem(key);
+    return raw === null ? void 0 : raw === "true";
+  } catch {
+    return void 0;
+  }
+}
+var RecordLayout = React.forwardRef(
+  ({
+    header,
+    sidebar,
+    aside,
+    tabs,
+    activeTab,
+    defaultTab,
+    onTabChange,
+    tabsUrlParam,
+    sidebarCollapsible = true,
+    defaultSidebarOpen = false,
+    sidebarStorageKey,
+    labels: labelsProp,
+    className,
+    children,
+    ...rest
+  }, ref) => {
+    const labels = { ...defaultRecordLayoutLabels, ...labelsProp };
+    const sidebarId = React.useId();
+    const [open, setOpen] = React.useState(defaultSidebarOpen);
+    React.useEffect(() => {
+      if (!sidebarStorageKey) return;
+      const stored = readOpen(sidebarStorageKey);
+      if (stored !== void 0) setOpen(stored);
+    }, [sidebarStorageKey]);
+    const toggle = () => {
+      const next = !open;
+      setOpen(next);
+      if (!sidebarStorageKey) return;
+      try {
+        window.localStorage.setItem(sidebarStorageKey, String(next));
+      } catch {
+      }
+    };
+    const hasSidebar = sidebar != null;
+    const hasAside = aside != null;
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        "data-slot": "record-layout",
+        className: cn("bg-background flex flex-col", className),
+        ...rest,
+        children: [
+          header,
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              "data-slot": "record-layout-body",
+              className: bodyVariants({ sidebar: hasSidebar, aside: hasAside }),
+              children: [
+                hasSidebar && /* @__PURE__ */ jsxs(
+                  "aside",
+                  {
+                    "data-slot": "record-layout-sidebar",
+                    "aria-label": labels.sidebar,
+                    className: cn(
+                      "min-w-0 md:sticky md:top-[var(--record-layout-sticky-top,1rem)] md:max-h-[calc(100dvh-var(--record-layout-sticky-top,1rem)-1rem)] md:overflow-y-auto",
+                      hasAside && "md:row-span-2 xl:row-span-1"
+                    ),
+                    children: [
+                      sidebarCollapsible && /* @__PURE__ */ jsxs(
+                        "button",
+                        {
+                          type: "button",
+                          "aria-expanded": open,
+                          "aria-controls": sidebarId,
+                          onClick: toggle,
+                          className: "border-border bg-card text-foreground hover:bg-muted focus-visible:ring-ring flex w-full items-center justify-between rounded-lg border px-4 py-3 text-sm font-medium focus-visible:ring-2 focus-visible:outline-none md:hidden",
+                          children: [
+                            labels.sidebarToggle,
+                            /* @__PURE__ */ jsx(
+                              ChevronDown,
+                              {
+                                "aria-hidden": "true",
+                                className: cn(
+                                  "h-4 w-4 transition-transform motion-reduce:transition-none",
+                                  open && "rotate-180"
+                                )
+                              }
+                            )
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        "div",
+                        {
+                          id: sidebarId,
+                          className: cn(
+                            sidebarCollapsible && "mt-3 md:mt-0",
+                            sidebarCollapsible && !open && "hidden md:block"
+                          ),
+                          children: sidebar
+                        }
+                      )
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "section",
+                  {
+                    "data-slot": "record-layout-main",
+                    "aria-label": labels.main,
+                    className: "min-w-0",
+                    children: tabs && tabs.length > 0 ? /* @__PURE__ */ jsxs(
+                      Tabs,
+                      {
+                        value: activeTab,
+                        defaultValue: defaultTab ?? tabs[0].id,
+                        onValueChange: onTabChange,
+                        urlParam: tabsUrlParam,
+                        urlValues: tabs.map((t) => t.id),
+                        children: [
+                          /* @__PURE__ */ jsx(TabsList, { "aria-label": labels.tabs, className: "overflow-x-auto", children: tabs.map((t) => /* @__PURE__ */ jsxs(TabsTrigger, { value: t.id, children: [
+                            t.label,
+                            t.count != null && /* @__PURE__ */ jsxs(Fragment, { children: [
+                              " ",
+                              /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "secondary", children: t.count })
+                            ] })
+                          ] }, t.id)) }),
+                          tabs.map((t) => /* @__PURE__ */ jsx(TabsContent, { value: t.id, children: t.content }, t.id))
+                        ]
+                      }
+                    ) : children
+                  }
+                ),
+                hasAside && /* @__PURE__ */ jsx(
+                  "aside",
+                  {
+                    "data-slot": "record-layout-aside",
+                    "aria-label": labels.aside,
+                    className: "flex min-w-0 flex-col gap-4",
+                    children: aside
+                  }
+                )
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+RecordLayout.displayName = "RecordLayout";
+
+export { RecordLayout, defaultRecordLayoutLabels };
+//# sourceMappingURL=chunk-EGPDT7SM.js.map
+//# sourceMappingURL=chunk-EGPDT7SM.js.map

package/dist/chunk-EGPDT7SM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/RecordLayout/RecordLayout.tsx"],"names":[],"mappings":"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","file":"chunk-EGPDT7SM.js","sourcesContent":["import * as React from 'react';\nimport { cva } from 'class-variance-authority';\nimport { ChevronDown } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { Badge } from '../Badge/Badge';\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from '../Tabs/Tabs';\n\nexport interface RecordLayoutTab {\n  id: string;\n  label: string;\n  count?: number;\n  content: React.ReactNode;\n}\n\nexport interface RecordLayoutLabels {\n  sidebar: string;\n  aside: string;\n  main: string;\n  tabs: string;\n  sidebarToggle: string;\n}\n\nexport const defaultRecordLayoutLabels: RecordLayoutLabels = {\n  sidebar: 'Record details',\n  aside: 'Related records',\n  main: 'Record content',\n  tabs: 'Record sections',\n  sidebarToggle: 'Details',\n};\n\nconst bodyVariants = cva('grid grid-cols-1 items-start gap-6 p-4 sm:p-6', {\n  variants: {\n    sidebar: { true: '', false: '' },\n    aside: { true: '', false: '' },\n  },\n  compoundVariants: [\n    {\n      sidebar: true,\n      aside: false,\n      class:\n        'md:grid-cols-[18rem_minmax(0,1fr)] xl:grid-cols-[20rem_minmax(0,1fr)]',\n    },\n    {\n      sidebar: true,\n      aside: true,\n      class:\n        'md:grid-cols-[18rem_minmax(0,1fr)] xl:grid-cols-[20rem_minmax(0,1fr)_20rem]',\n    },\n    {\n      sidebar: false,\n      aside: true,\n      class: 'xl:grid-cols-[minmax(0,1fr)_20rem]',\n    },\n  ],\n});\n\nexport interface RecordLayoutProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Usually a `RecordHeader`. */\n  header?: React.ReactNode;\n  /** Start column: the record's fields. */\n  sidebar?: React.ReactNode;\n  /** End column from `xl`; below the main column on tablet and mobile. */\n  aside?: React.ReactNode;\n  /** Rendered with `Tabs` in the main column; replaces `children`. */\n  tabs?: RecordLayoutTab[];\n  activeTab?: string;\n  defaultTab?: string;\n  onTabChange?: (id: string) => void;\n  /** Query parameter that mirrors the active tab (uncontrolled only). */\n  tabsUrlParam?: string;\n  /** Below `md`, hide the sidebar behind a toggle. */\n  sidebarCollapsible?: boolean;\n  defaultSidebarOpen?: boolean;\n  /** Persists the mobile sidebar's open state in `localStorage`. */\n  sidebarStorageKey?: string;\n  labels?: Partial<RecordLayoutLabels>;\n}\n\nfunction readOpen(key: string): boolean | undefined {\n  try {\n    const raw = window.localStorage.getItem(key);\n    return raw === null ? undefined : raw === 'true';\n  } catch {\n    return undefined;\n  }\n}\n\nexport const RecordLayout = React.forwardRef<HTMLDivElement, RecordLayoutProps>(\n  (\n    {\n      header,\n      sidebar,\n      aside,\n      tabs,\n      activeTab,\n      defaultTab,\n      onTabChange,\n      tabsUrlParam,\n      sidebarCollapsible = true,\n      defaultSidebarOpen = false,\n      sidebarStorageKey,\n      labels: labelsProp,\n      className,\n      children,\n      ...rest\n    },\n    ref\n  ) => {\n    const labels = { ...defaultRecordLayoutLabels, ...labelsProp };\n    const sidebarId = React.useId();\n    const [open, setOpen] = React.useState(defaultSidebarOpen);\n\n    React.useEffect(() => {\n      if (!sidebarStorageKey) return;\n      const stored = readOpen(sidebarStorageKey);\n      if (stored !== undefined) setOpen(stored);\n    }, [sidebarStorageKey]);\n\n    const toggle = () => {\n      const next = !open;\n      setOpen(next);\n      if (!sidebarStorageKey) return;\n      try {\n        window.localStorage.setItem(sidebarStorageKey, String(next));\n      } catch {\n        // Storage blocked: the preference just doesn't persist.\n      }\n    };\n\n    const hasSidebar = sidebar != null;\n    const hasAside = aside != null;\n\n    return (\n      <div\n        ref={ref}\n        data-slot=\"record-layout\"\n        className={cn('bg-background flex flex-col', className)}\n        {...rest}\n      >\n        {header}\n        <div\n          data-slot=\"record-layout-body\"\n          className={bodyVariants({ sidebar: hasSidebar, aside: hasAside })}\n        >\n          {hasSidebar && (\n            <aside\n              data-slot=\"record-layout-sidebar\"\n              aria-label={labels.sidebar}\n              className={cn(\n                'min-w-0 md:sticky md:top-[var(--record-layout-sticky-top,1rem)] md:max-h-[calc(100dvh-var(--record-layout-sticky-top,1rem)-1rem)] md:overflow-y-auto',\n                hasAside && 'md:row-span-2 xl:row-span-1'\n              )}\n            >\n              {sidebarCollapsible && (\n                <button\n                  type=\"button\"\n                  aria-expanded={open}\n                  aria-controls={sidebarId}\n                  onClick={toggle}\n                  className=\"border-border bg-card text-foreground hover:bg-muted focus-visible:ring-ring flex w-full items-center justify-between rounded-lg border px-4 py-3 text-sm font-medium focus-visible:ring-2 focus-visible:outline-none md:hidden\"\n                >\n                  {labels.sidebarToggle}\n                  <ChevronDown\n                    aria-hidden=\"true\"\n                    className={cn(\n                      'h-4 w-4 transition-transform motion-reduce:transition-none',\n                      open && 'rotate-180'\n                    )}\n                  />\n                </button>\n              )}\n              <div\n                id={sidebarId}\n                className={cn(\n                  sidebarCollapsible && 'mt-3 md:mt-0',\n                  sidebarCollapsible && !open && 'hidden md:block'\n                )}\n              >\n                {sidebar}\n              </div>\n            </aside>\n          )}\n          <section\n            data-slot=\"record-layout-main\"\n            aria-label={labels.main}\n            className=\"min-w-0\"\n          >\n            {tabs && tabs.length > 0 ? (\n              <Tabs\n                value={activeTab}\n                defaultValue={defaultTab ?? tabs[0].id}\n                onValueChange={onTabChange}\n                urlParam={tabsUrlParam}\n                urlValues={tabs.map((t) => t.id)}\n              >\n                <TabsList aria-label={labels.tabs} className=\"overflow-x-auto\">\n                  {tabs.map((t) => (\n                    <TabsTrigger key={t.id} value={t.id}>\n                      {t.label}\n                      {t.count != null && (\n                        <>\n                          {' '}\n                          <Badge size=\"sm\" variant=\"secondary\">\n                            {t.count}\n                          </Badge>\n                        </>\n                      )}\n                    </TabsTrigger>\n                  ))}\n                </TabsList>\n                {tabs.map((t) => (\n                  <TabsContent key={t.id} value={t.id}>\n                    {t.content}\n                  </TabsContent>\n                ))}\n              </Tabs>\n            ) : (\n              children\n            )}\n          </section>\n          {hasAside && (\n            <aside\n              data-slot=\"record-layout-aside\"\n              aria-label={labels.aside}\n              className=\"flex min-w-0 flex-col gap-4\"\n            >\n              {aside}\n            </aside>\n          )}\n        </div>\n      </div>\n    );\n  }\n);\n\nRecordLayout.displayName = 'RecordLayout';\n"]}

package/dist/chunk-EPCUPHEO.js

@@ -0,0 +1,193 @@
+import { cn } from './chunk-TQONQSJO.js';
+import * as React from 'react';
+import { DateTime } from 'luxon';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var defaultCalendarHeatmapLabels = {
+  title: "Activity calendar",
+  cellLabel: (date, value) => `${date}: ${value}`,
+  summary: (total, activeDays) => `${total} total across ${activeDays} active ${activeDays === 1 ? "day" : "days"}`,
+  less: "Less",
+  more: "More"
+};
+var LEVELS = [
+  "bg-muted ring-1 ring-inset ring-border",
+  "bg-primary-500/25",
+  "bg-primary-500/50",
+  "bg-primary-500/75",
+  "bg-primary-500"
+];
+function level(value, max) {
+  if (value <= 0 || max <= 0) return 0;
+  return Math.min(4, Math.max(1, Math.ceil(value / max * 4)));
+}
+var CELL = "block h-3 w-3 rounded-sm";
+var CalendarHeatmap = React.forwardRef(function CalendarHeatmap2({
+  data,
+  start,
+  end,
+  weekStartsOn = 0,
+  locale,
+  onDayClick,
+  labels: labelOverrides,
+  className,
+  ...props
+}, ref) {
+  const labels = { ...defaultCalendarHeatmapLabels, ...labelOverrides };
+  const loc = (d) => locale ? d.setLocale(locale) : d;
+  const cells = React.useRef(/* @__PURE__ */ new Map());
+  const [active, setActive] = React.useState(null);
+  const grid = React.useMemo(() => {
+    const parse = (iso) => {
+      const d = iso ? DateTime.fromISO(iso) : null;
+      return d?.isValid ? d.startOf("day") : null;
+    };
+    const end_ = parse(end) ?? DateTime.now().startOf("day");
+    const start_ = parse(start) ?? end_.minus({ weeks: 12 }).plus({ days: 1 });
+    const [first, last] = start_ <= end_ ? [start_, end_] : [end_, start_];
+    const origin = first.minus({
+      days: (first.weekday % 7 - weekStartsOn + 7) % 7
+    });
+    const weeks = Math.ceil(
+      (Math.round(last.diff(origin, "days").days) + 1) / 7
+    );
+    const values = /* @__PURE__ */ new Map();
+    for (const d of data) {
+      const key = DateTime.fromISO(d.date).toISODate();
+      if (key) values.set(key, (values.get(key) ?? 0) + d.value);
+    }
+    const days = Array.from(
+      { length: weeks },
+      (_, w) => Array.from({ length: 7 }, (_2, r) => {
+        const date = origin.plus({ days: w * 7 + r });
+        const iso = date.toISODate();
+        const inRange2 = date >= first && date <= last;
+        return {
+          date,
+          iso,
+          inRange: inRange2,
+          value: inRange2 ? values.get(iso) ?? 0 : 0
+        };
+      })
+    );
+    const inRange = days.flat().filter((d) => d.inRange);
+    const max = Math.max(0, ...inRange.map((d) => d.value));
+    const total = inRange.reduce((sum, d) => sum + d.value, 0);
+    const activeDays = inRange.filter((d) => d.value > 0).length;
+    const months = [];
+    for (const week of days) {
+      const date = (week.find((d) => d.inRange) ?? week[0]).date;
+      const key = date.toFormat("yyyy-MM");
+      const prev = months[months.length - 1];
+      if (prev?.key === key) prev.span += 1;
+      else months.push({ key, date, span: 1 });
+    }
+    return { days, first, last, max, total, activeDays, months };
+  }, [data, start, end, weekStartsOn]);
+  const activeDate = active ? DateTime.fromISO(active) : null;
+  const focusable = activeDate && activeDate >= grid.first && activeDate <= grid.last ? active : grid.last.toISODate();
+  const onKeyDown = (e) => {
+    if (!focusable) return;
+    const rtl = getComputedStyle(e.currentTarget).direction === "rtl";
+    const delta = {
+      ArrowUp: -1,
+      ArrowDown: 1,
+      ArrowLeft: rtl ? 7 : -7,
+      ArrowRight: rtl ? -7 : 7
+    };
+    if (!delta[e.key]) return;
+    e.preventDefault();
+    const next = DateTime.fromISO(focusable).plus({ days: delta[e.key] });
+    if (next < grid.first || next > grid.last) return;
+    const iso = next.toISODate();
+    setActive(iso);
+    cells.current.get(iso)?.focus();
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      "data-slot": "calendar-heatmap",
+      className: cn("inline-flex max-w-full flex-col gap-2", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs(
+          "table",
+          {
+            role: onDayClick ? "grid" : void 0,
+            "aria-label": labels.title,
+            className: "text-muted-foreground border-separate border-spacing-[3px] text-[10px] leading-none",
+            children: [
+              /* @__PURE__ */ jsx("caption", { className: "sr-only", children: labels.summary(grid.total, grid.activeDays) }),
+              /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+                /* @__PURE__ */ jsx("td", {}),
+                grid.months.map((m) => /* @__PURE__ */ jsx(
+                  "th",
+                  {
+                    scope: "colgroup",
+                    colSpan: m.span,
+                    className: "pb-1 text-start font-normal whitespace-nowrap",
+                    children: /* @__PURE__ */ jsx("span", { className: m.span < 2 ? "sr-only" : void 0, children: loc(m.date).toFormat("LLL") })
+                  },
+                  m.key
+                ))
+              ] }) }),
+              /* @__PURE__ */ jsx("tbody", { children: Array.from({ length: 7 }, (_, r) => /* @__PURE__ */ jsxs("tr", { children: [
+                /* @__PURE__ */ jsx("th", { scope: "row", className: "pe-1 text-start font-normal", children: /* @__PURE__ */ jsx("span", { className: r % 2 === 1 ? void 0 : "sr-only", children: loc(grid.days[0][r].date).toFormat("ccc") }) }),
+                grid.days.map((week) => {
+                  const day = week[r];
+                  if (!day.inRange) return /* @__PURE__ */ jsx("td", {}, day.iso);
+                  const label = labels.cellLabel(
+                    loc(day.date).toLocaleString(
+                      DateTime.DATE_MED_WITH_WEEKDAY
+                    ),
+                    day.value,
+                    day.iso
+                  );
+                  const swatch = cn(CELL, LEVELS[level(day.value, grid.max)]);
+                  return /* @__PURE__ */ jsx("td", { className: "p-0", children: onDayClick ? /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      ref: (el) => {
+                        if (el) cells.current.set(day.iso, el);
+                        else cells.current.delete(day.iso);
+                      },
+                      title: label,
+                      tabIndex: day.iso === focusable ? 0 : -1,
+                      onFocus: () => setActive(day.iso),
+                      onClick: () => onDayClick(day.iso),
+                      onKeyDown,
+                      className: cn(
+                        swatch,
+                        "focus-visible:outline-ring focus-visible:outline-2 focus-visible:outline-offset-1"
+                      ),
+                      children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: label })
+                    }
+                  ) : /* @__PURE__ */ jsx("span", { className: swatch, title: label, children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: label }) }) }, day.iso);
+                })
+              ] }, r)) })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            "aria-hidden": "true",
+            "data-slot": "calendar-heatmap-legend",
+            className: "text-muted-foreground flex items-center gap-1 self-end text-[10px]",
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "me-1", children: labels.less }),
+              LEVELS.map((cls) => /* @__PURE__ */ jsx("span", { className: cn(CELL, cls) }, cls)),
+              /* @__PURE__ */ jsx("span", { className: "ms-1", children: labels.more })
+            ]
+          }
+        )
+      ]
+    }
+  );
+});
+
+export { CalendarHeatmap, defaultCalendarHeatmapLabels };
+//# sourceMappingURL=chunk-EPCUPHEO.js.map
+//# sourceMappingURL=chunk-EPCUPHEO.js.map

package/dist/chunk-EPCUPHEO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/CalendarHeatmap/CalendarHeatmap.tsx"],"names":["CalendarHeatmap","_","inRange"],"mappings":"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","file":"chunk-EPCUPHEO.js","sourcesContent":["import * as React from 'react';\nimport { DateTime } from 'luxon';\nimport { cn } from '../../utils/cn';\n\nexport interface CalendarHeatmapDatum {\n  /** ISO date (or date-time) the value belongs to; same-day values are summed. */\n  date: string;\n  value: number;\n}\n\nexport interface CalendarHeatmapLabels {\n  /** Accessible name of the table. */\n  title: string;\n  /** Accessible name and tooltip of a day cell. */\n  cellLabel: (formattedDate: string, value: number, isoDate: string) => string;\n  /** Visually hidden summary of the whole range. */\n  summary: (total: number, activeDays: number) => string;\n  /** Legend ends. */\n  less: string;\n  more: string;\n}\n\nexport const defaultCalendarHeatmapLabels: CalendarHeatmapLabels = {\n  title: 'Activity calendar',\n  cellLabel: (date, value) => `${date}: ${value}`,\n  summary: (total, activeDays) =>\n    `${total} total across ${activeDays} active ${activeDays === 1 ? 'day' : 'days'}`,\n  less: 'Less',\n  more: 'More',\n};\n\nexport interface CalendarHeatmapProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Values per day. */\n  data: CalendarHeatmapDatum[];\n  /** First day shown (ISO date). Defaults to 12 weeks before `end`. */\n  start?: string;\n  /** Last day shown (ISO date). Defaults to today. */\n  end?: string;\n  /** First day of each column: 0 = Sunday … 6 = Saturday. */\n  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n  /** BCP 47 locale for month, weekday and date names. */\n  locale?: string;\n  /** Makes days focusable buttons (arrow-key navigable) reporting their ISO date. */\n  onDayClick?: (date: string) => void;\n  /** Overrides for any user-facing string. */\n  labels?: Partial<CalendarHeatmapLabels>;\n}\n\nconst LEVELS = [\n  'bg-muted ring-1 ring-inset ring-border',\n  'bg-primary-500/25',\n  'bg-primary-500/50',\n  'bg-primary-500/75',\n  'bg-primary-500',\n];\n\nfunction level(value: number, max: number) {\n  if (value <= 0 || max <= 0) return 0;\n  return Math.min(4, Math.max(1, Math.ceil((value / max) * 4)));\n}\n\nconst CELL = 'block h-3 w-3 rounded-sm';\n\n/**\n * Contribution-style calendar: one column per week, one row per weekday, each\n * day tinted on a five-step primary scale.\n *\n * @example\n * ```tsx\n * <CalendarHeatmap data={activity} onDayClick={(date) => openDay(date)} />\n * ```\n */\nexport const CalendarHeatmap = React.forwardRef<\n  HTMLDivElement,\n  CalendarHeatmapProps\n>(function CalendarHeatmap(\n  {\n    data,\n    start,\n    end,\n    weekStartsOn = 0,\n    locale,\n    onDayClick,\n    labels: labelOverrides,\n    className,\n    ...props\n  },\n  ref\n) {\n  const labels = { ...defaultCalendarHeatmapLabels, ...labelOverrides };\n  const loc = (d: DateTime) => (locale ? d.setLocale(locale) : d);\n  const cells = React.useRef(new Map<string, HTMLButtonElement>());\n  const [active, setActive] = React.useState<string | null>(null);\n\n  const grid = React.useMemo(() => {\n    const parse = (iso?: string) => {\n      const d = iso ? DateTime.fromISO(iso) : null;\n      return d?.isValid ? d.startOf('day') : null;\n    };\n    const end_ = parse(end) ?? DateTime.now().startOf('day');\n    const start_ = parse(start) ?? end_.minus({ weeks: 12 }).plus({ days: 1 });\n    // A reversed range is swapped so there is always at least one day.\n    const [first, last] = start_ <= end_ ? [start_, end_] : [end_, start_];\n    const origin = first.minus({\n      days: ((first.weekday % 7) - weekStartsOn + 7) % 7,\n    });\n    const weeks = Math.ceil(\n      (Math.round(last.diff(origin, 'days').days) + 1) / 7\n    );\n\n    const values = new Map<string, number>();\n    for (const d of data) {\n      const key = DateTime.fromISO(d.date).toISODate();\n      if (key) values.set(key, (values.get(key) ?? 0) + d.value);\n    }\n\n    const days = Array.from({ length: weeks }, (_, w) =>\n      Array.from({ length: 7 }, (_, r) => {\n        const date = origin.plus({ days: w * 7 + r });\n        const iso = date.toISODate()!;\n        const inRange = date >= first && date <= last;\n        return {\n          date,\n          iso,\n          inRange,\n          value: inRange ? (values.get(iso) ?? 0) : 0,\n        };\n      })\n    );\n    const inRange = days.flat().filter((d) => d.inRange);\n    const max = Math.max(0, ...inRange.map((d) => d.value));\n    const total = inRange.reduce((sum, d) => sum + d.value, 0);\n    const activeDays = inRange.filter((d) => d.value > 0).length;\n\n    // Consecutive weeks grouped by the month of their first in-range day.\n    const months: { key: string; date: DateTime; span: number }[] = [];\n    for (const week of days) {\n      const date = (week.find((d) => d.inRange) ?? week[0]).date;\n      const key = date.toFormat('yyyy-MM');\n      const prev = months[months.length - 1];\n      if (prev?.key === key) prev.span += 1;\n      else months.push({ key, date, span: 1 });\n    }\n\n    return { days, first, last, max, total, activeDays, months };\n  }, [data, start, end, weekStartsOn]);\n\n  const activeDate = active ? DateTime.fromISO(active) : null;\n  // Keep one tab stop even when the range changes and drops the active day.\n  const focusable =\n    activeDate && activeDate >= grid.first && activeDate <= grid.last\n      ? active\n      : grid.last.toISODate();\n\n  const onKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n    if (!focusable) return;\n    const rtl = getComputedStyle(e.currentTarget).direction === 'rtl';\n    const delta: Record<string, number> = {\n      ArrowUp: -1,\n      ArrowDown: 1,\n      ArrowLeft: rtl ? 7 : -7,\n      ArrowRight: rtl ? -7 : 7,\n    };\n    if (!delta[e.key]) return;\n    e.preventDefault();\n    const next = DateTime.fromISO(focusable).plus({ days: delta[e.key] });\n    if (next < grid.first || next > grid.last) return;\n    const iso = next.toISODate()!;\n    setActive(iso);\n    cells.current.get(iso)?.focus();\n  };\n\n  return (\n    <div\n      ref={ref}\n      data-slot=\"calendar-heatmap\"\n      className={cn('inline-flex max-w-full flex-col gap-2', className)}\n      {...props}\n    >\n      <div className=\"overflow-x-auto\">\n        <table\n          role={onDayClick ? 'grid' : undefined}\n          aria-label={labels.title}\n          className=\"text-muted-foreground border-separate border-spacing-[3px] text-[10px] leading-none\"\n        >\n          <caption className=\"sr-only\">\n            {labels.summary(grid.total, grid.activeDays)}\n          </caption>\n          <thead>\n            <tr>\n              <td />\n              {grid.months.map((m) => (\n                <th\n                  key={m.key}\n                  scope=\"colgroup\"\n                  colSpan={m.span}\n                  className=\"pb-1 text-start font-normal whitespace-nowrap\"\n                >\n                  <span className={m.span < 2 ? 'sr-only' : undefined}>\n                    {loc(m.date).toFormat('LLL')}\n                  </span>\n                </th>\n              ))}\n            </tr>\n          </thead>\n          <tbody>\n            {Array.from({ length: 7 }, (_, r) => (\n              <tr key={r}>\n                <th scope=\"row\" className=\"pe-1 text-start font-normal\">\n                  <span className={r % 2 === 1 ? undefined : 'sr-only'}>\n                    {loc(grid.days[0][r].date).toFormat('ccc')}\n                  </span>\n                </th>\n                {grid.days.map((week) => {\n                  const day = week[r];\n                  if (!day.inRange) return <td key={day.iso} />;\n                  const label = labels.cellLabel(\n                    loc(day.date).toLocaleString(\n                      DateTime.DATE_MED_WITH_WEEKDAY\n                    ),\n                    day.value,\n                    day.iso\n                  );\n                  const swatch = cn(CELL, LEVELS[level(day.value, grid.max)]);\n                  return (\n                    <td key={day.iso} className=\"p-0\">\n                      {onDayClick ? (\n                        <button\n                          type=\"button\"\n                          ref={(el) => {\n                            if (el) cells.current.set(day.iso, el);\n                            else cells.current.delete(day.iso);\n                          }}\n                          title={label}\n                          tabIndex={day.iso === focusable ? 0 : -1}\n                          onFocus={() => setActive(day.iso)}\n                          onClick={() => onDayClick(day.iso)}\n                          onKeyDown={onKeyDown}\n                          className={cn(\n                            swatch,\n                            'focus-visible:outline-ring focus-visible:outline-2 focus-visible:outline-offset-1'\n                          )}\n                        >\n                          <span className=\"sr-only\">{label}</span>\n                        </button>\n                      ) : (\n                        <span className={swatch} title={label}>\n                          <span className=\"sr-only\">{label}</span>\n                        </span>\n                      )}\n                    </td>\n                  );\n                })}\n              </tr>\n            ))}\n          </tbody>\n        </table>\n      </div>\n      <div\n        aria-hidden=\"true\"\n        data-slot=\"calendar-heatmap-legend\"\n        className=\"text-muted-foreground flex items-center gap-1 self-end text-[10px]\"\n      >\n        <span className=\"me-1\">{labels.less}</span>\n        {LEVELS.map((cls) => (\n          <span key={cls} className={cn(CELL, cls)} />\n        ))}\n        <span className=\"ms-1\">{labels.more}</span>\n      </div>\n    </div>\n  );\n});\n"]}

package/dist/{chunk-7ZXAQTV4.cjs → chunk-ERACGSDY.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkUV2FVNWT_cjs = require('./chunk-UV2FVNWT.cjs');
-var chunkVNYW4C4J_cjs = require('./chunk-VNYW4C4J.cjs');
+var chunkRIUQP2QS_cjs = require('./chunk-RIUQP2QS.cjs');
+var chunkANMX7YDL_cjs = require('./chunk-ANMX7YDL.cjs');
 var lucideReact = require('lucide-react');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -48,7 +48,7 @@ var HtmlPreviewBlock = ({
   const togglePreview = react.useCallback(() => setShowPreview((v) => !v), []);
   const headerActions = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
-      chunkVNYW4C4J_cjs.Button,
+      chunkANMX7YDL_cjs.Button,
       {
         variant: "ghost",
         size: "sm",
@@ -61,7 +61,7 @@ var HtmlPreviewBlock = ({
       }
     ),
     showPreview && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkVNYW4C4J_cjs.Button,
+      chunkANMX7YDL_cjs.Button,
       {
         variant: "ghost",
         size: "sm",
@@ -73,7 +73,7 @@ var HtmlPreviewBlock = ({
     )
   ] });
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkUV2FVNWT_cjs.FenceBlock, { code, language: "html", headerActions, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative", children: showPreview ? /* @__PURE__ */ jsxRuntime.jsx(
+    /* @__PURE__ */ jsxRuntime.jsx(chunkRIUQP2QS_cjs.FenceBlock, { code, language: "html", headerActions, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative", children: showPreview ? /* @__PURE__ */ jsxRuntime.jsx(
       "iframe",
       {
         ref: iframeRef,
@@ -106,7 +106,7 @@ var HtmlPreviewBlock = ({
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between border-b border-neutral-200 px-4 py-2 dark:border-neutral-700", children: [
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium", children: "HTML Preview" }),
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunkVNYW4C4J_cjs.Button,
+                chunkANMX7YDL_cjs.Button,
                 {
                   variant: "ghost",
                   size: "sm",
@@ -133,5 +133,5 @@ var HtmlPreviewBlock = ({
 };
 
 exports.HtmlPreviewBlock = HtmlPreviewBlock;
-//# sourceMappingURL=chunk-7ZXAQTV4.cjs.map
-//# sourceMappingURL=chunk-7ZXAQTV4.cjs.map
+//# sourceMappingURL=chunk-ERACGSDY.cjs.map
+//# sourceMappingURL=chunk-ERACGSDY.cjs.map

package/dist/{chunk-7ZXAQTV4.cjs.map → chunk-ERACGSDY.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Markdown/HtmlPreviewBlock.tsx"],"names":["useState","useRef","useEffect","useCallback","jsxs","Fragment","Button","jsx","Code","Eye","Maximize2","FenceBlock"],"mappings":"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","file":"chunk-7ZXAQTV4.cjs","sourcesContent":["/** Sandboxed iframe preview for HTML code blocks. */\nimport { Code, Eye, Maximize2 } from 'lucide-react';\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { Button } from '../Button';\nimport { FenceBlock } from './FenceBlock';\n\ninterface HtmlPreviewBlockProps {\n  code: string;\n  id: string;\n}\n\nfunction isFullDocument(html: string): boolean {\n  return /<!DOCTYPE|<html/i.test(html);\n}\n\nfunction wrapFragment(html: string): string {\n  return `<!DOCTYPE html>\n<html>\n<head><meta charset=\"utf-8\"><style>body{margin:0;padding:8px;font-family:system-ui,sans-serif;font-size:14px}</style></head>\n<body>${html}</body>\n</html>`;\n}\n\nexport const HtmlPreviewBlock: React.FC<HtmlPreviewBlockProps> = ({\n  code,\n  id,\n}) => {\n  const [showPreview, setShowPreview] = useState(false);\n  const [expanded, setExpanded] = useState(false);\n  const iframeRef = useRef<HTMLIFrameElement>(null);\n  const [iframeHeight, setIframeHeight] = useState(200);\n\n  const srcdoc = isFullDocument(code) ? code : wrapFragment(code);\n\n  useEffect(() => {\n    function handleMessage(event: globalThis.MessageEvent) {\n      // Sandboxed srcDoc iframes report origin \"null\"; validate source to prevent spoofing.\n      if (event.origin !== 'null' && event.origin !== window.location.origin)\n        return;\n      if (event.source !== iframeRef.current?.contentWindow) return;\n      if (event.data?.type === 'HTML_PREVIEW_RESIZE' && event.data?.id === id) {\n        setIframeHeight(Math.min(Math.max(event.data.height, 200), 4000));\n      }\n    }\n    window.addEventListener('message', handleMessage);\n    return () => window.removeEventListener('message', handleMessage);\n  }, [id]);\n\n  useEffect(() => {\n    if (!expanded) return;\n    function handleKey(e: KeyboardEvent) {\n      if (e.key === 'Escape') setExpanded(false);\n    }\n    document.addEventListener('keydown', handleKey);\n    return () => document.removeEventListener('keydown', handleKey);\n  }, [expanded]);\n\n  const togglePreview = useCallback(() => setShowPreview((v) => !v), []);\n\n  const headerActions = (\n    <>\n      <Button\n        variant=\"ghost\"\n        size=\"sm\"\n        onClick={togglePreview}\n        className=\"h-7 gap-1 px-2 text-xs\"\n      >\n        {showPreview ? (\n          <Code className=\"h-3 w-3\" />\n        ) : (\n          <Eye className=\"h-3 w-3\" />\n        )}\n        {showPreview ? 'Code' : 'Preview'}\n      </Button>\n      {showPreview && (\n        <Button\n          variant=\"ghost\"\n          size=\"sm\"\n          onClick={() => setExpanded(true)}\n          className=\"h-7 w-7 p-0\"\n          aria-label=\"Expand preview\"\n        >\n          <Maximize2 className=\"h-3 w-3\" />\n        </Button>\n      )}\n    </>\n  );\n\n  return (\n    <>\n      <FenceBlock code={code} language=\"html\" headerActions={headerActions}>\n        <div className=\"relative\">\n          {showPreview ? (\n            <iframe\n              ref={iframeRef}\n              srcDoc={srcdoc}\n              // `allow-scripts` lets previewed HTML run its own JS (charts, demos,\n              // and the optional resize-postMessage handshake). It is intentionally\n              // NOT paired with `allow-same-origin`, so the content runs in an\n              // opaque (null) origin with no access to this page, cookies, or storage.\n              sandbox=\"allow-scripts allow-forms\"\n              referrerPolicy=\"no-referrer\"\n              className=\"w-full border-0\"\n              style={{ height: iframeHeight }}\n              title=\"HTML Preview\"\n            />\n          ) : (\n            <pre className=\"overflow-x-auto p-3 text-sm\">\n              <code>{code}</code>\n            </pre>\n          )}\n        </div>\n      </FenceBlock>\n\n      {expanded && (\n        <div\n          className=\"fixed inset-0 z-50 flex items-center justify-center bg-black/50\"\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-label=\"HTML Preview\"\n        >\n          <button\n            type=\"button\"\n            aria-label=\"Close preview\"\n            className=\"absolute inset-0 h-full w-full cursor-default border-0 bg-transparent p-0\"\n            onClick={() => setExpanded(false)}\n          />\n          <div className=\"relative h-[90vh] w-[90vw] overflow-hidden rounded-lg bg-white shadow-xl dark:bg-neutral-900\">\n            <div className=\"flex items-center justify-between border-b border-neutral-200 px-4 py-2 dark:border-neutral-700\">\n              <span className=\"text-sm font-medium\">HTML Preview</span>\n              <Button\n                variant=\"ghost\"\n                size=\"sm\"\n                onClick={() => setExpanded(false)}\n              >\n                Close\n              </Button>\n            </div>\n            <iframe\n              srcDoc={srcdoc}\n              sandbox=\"allow-scripts allow-forms\"\n              referrerPolicy=\"no-referrer\"\n              className=\"h-full w-full border-0\"\n              title=\"HTML Preview (expanded)\"\n            />\n          </div>\n        </div>\n      )}\n    </>\n  );\n};\n"]}
+{"version":3,"sources":["../src/components/Markdown/HtmlPreviewBlock.tsx"],"names":["useState","useRef","useEffect","useCallback","jsxs","Fragment","Button","jsx","Code","Eye","Maximize2","FenceBlock"],"mappings":"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","file":"chunk-ERACGSDY.cjs","sourcesContent":["/** Sandboxed iframe preview for HTML code blocks. */\nimport { Code, Eye, Maximize2 } from 'lucide-react';\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { Button } from '../Button';\nimport { FenceBlock } from './FenceBlock';\n\ninterface HtmlPreviewBlockProps {\n  code: string;\n  id: string;\n}\n\nfunction isFullDocument(html: string): boolean {\n  return /<!DOCTYPE|<html/i.test(html);\n}\n\nfunction wrapFragment(html: string): string {\n  return `<!DOCTYPE html>\n<html>\n<head><meta charset=\"utf-8\"><style>body{margin:0;padding:8px;font-family:system-ui,sans-serif;font-size:14px}</style></head>\n<body>${html}</body>\n</html>`;\n}\n\nexport const HtmlPreviewBlock: React.FC<HtmlPreviewBlockProps> = ({\n  code,\n  id,\n}) => {\n  const [showPreview, setShowPreview] = useState(false);\n  const [expanded, setExpanded] = useState(false);\n  const iframeRef = useRef<HTMLIFrameElement>(null);\n  const [iframeHeight, setIframeHeight] = useState(200);\n\n  const srcdoc = isFullDocument(code) ? code : wrapFragment(code);\n\n  useEffect(() => {\n    function handleMessage(event: globalThis.MessageEvent) {\n      // Sandboxed srcDoc iframes report origin \"null\"; validate source to prevent spoofing.\n      if (event.origin !== 'null' && event.origin !== window.location.origin)\n        return;\n      if (event.source !== iframeRef.current?.contentWindow) return;\n      if (event.data?.type === 'HTML_PREVIEW_RESIZE' && event.data?.id === id) {\n        setIframeHeight(Math.min(Math.max(event.data.height, 200), 4000));\n      }\n    }\n    window.addEventListener('message', handleMessage);\n    return () => window.removeEventListener('message', handleMessage);\n  }, [id]);\n\n  useEffect(() => {\n    if (!expanded) return;\n    function handleKey(e: KeyboardEvent) {\n      if (e.key === 'Escape') setExpanded(false);\n    }\n    document.addEventListener('keydown', handleKey);\n    return () => document.removeEventListener('keydown', handleKey);\n  }, [expanded]);\n\n  const togglePreview = useCallback(() => setShowPreview((v) => !v), []);\n\n  const headerActions = (\n    <>\n      <Button\n        variant=\"ghost\"\n        size=\"sm\"\n        onClick={togglePreview}\n        className=\"h-7 gap-1 px-2 text-xs\"\n      >\n        {showPreview ? (\n          <Code className=\"h-3 w-3\" />\n        ) : (\n          <Eye className=\"h-3 w-3\" />\n        )}\n        {showPreview ? 'Code' : 'Preview'}\n      </Button>\n      {showPreview && (\n        <Button\n          variant=\"ghost\"\n          size=\"sm\"\n          onClick={() => setExpanded(true)}\n          className=\"h-7 w-7 p-0\"\n          aria-label=\"Expand preview\"\n        >\n          <Maximize2 className=\"h-3 w-3\" />\n        </Button>\n      )}\n    </>\n  );\n\n  return (\n    <>\n      <FenceBlock code={code} language=\"html\" headerActions={headerActions}>\n        <div className=\"relative\">\n          {showPreview ? (\n            <iframe\n              ref={iframeRef}\n              srcDoc={srcdoc}\n              // `allow-scripts` lets previewed HTML run its own JS (charts, demos,\n              // and the optional resize-postMessage handshake). It is intentionally\n              // NOT paired with `allow-same-origin`, so the content runs in an\n              // opaque (null) origin with no access to this page, cookies, or storage.\n              sandbox=\"allow-scripts allow-forms\"\n              referrerPolicy=\"no-referrer\"\n              className=\"w-full border-0\"\n              style={{ height: iframeHeight }}\n              title=\"HTML Preview\"\n            />\n          ) : (\n            <pre className=\"overflow-x-auto p-3 text-sm\">\n              <code>{code}</code>\n            </pre>\n          )}\n        </div>\n      </FenceBlock>\n\n      {expanded && (\n        <div\n          className=\"fixed inset-0 z-50 flex items-center justify-center bg-black/50\"\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-label=\"HTML Preview\"\n        >\n          <button\n            type=\"button\"\n            aria-label=\"Close preview\"\n            className=\"absolute inset-0 h-full w-full cursor-default border-0 bg-transparent p-0\"\n            onClick={() => setExpanded(false)}\n          />\n          <div className=\"relative h-[90vh] w-[90vw] overflow-hidden rounded-lg bg-white shadow-xl dark:bg-neutral-900\">\n            <div className=\"flex items-center justify-between border-b border-neutral-200 px-4 py-2 dark:border-neutral-700\">\n              <span className=\"text-sm font-medium\">HTML Preview</span>\n              <Button\n                variant=\"ghost\"\n                size=\"sm\"\n                onClick={() => setExpanded(false)}\n              >\n                Close\n              </Button>\n            </div>\n            <iframe\n              srcDoc={srcdoc}\n              sandbox=\"allow-scripts allow-forms\"\n              referrerPolicy=\"no-referrer\"\n              className=\"h-full w-full border-0\"\n              title=\"HTML Preview (expanded)\"\n            />\n          </div>\n        </div>\n      )}\n    </>\n  );\n};\n"]}

package/dist/{chunk-XCP454Q6.js → chunk-F4N67NAF.js}

@@ -178,7 +178,16 @@ var motionPresets = {
     // `times` front-loads the overshoot so it reads as a pop rather than an
     // even swell. Keyframe arrays need a duration-based tween; a spring has no
     // way to run through intermediate values.
-    transition: { duration: 0.28, ease: "easeOut", times: [0, 0.45, 1] }
+    //
+    // `times` is scoped to `scale` on purpose. At the top level it also
+    // applies to `opacity`, whose two-value tween then gets three time stops:
+    // it overshoots to 1 early, falls back toward 0, and snaps to 1 at the end,
+    // so the badge flickers instead of fading in.
+    transition: {
+      duration: 0.15,
+      ease: "easeOut",
+      scale: { duration: 0.28, ease: "easeOut", times: [0, 0.45, 1] }
+    }
   }
 };
 var CONTEXT_KEY = /* @__PURE__ */ Symbol.for("@mieweb/ui.motionRuntimeContext.v1");
@@ -259,5 +268,5 @@ function AnimatedPresence({
 AnimatedPresence.displayName = "AnimatedPresence";
 
 export { Animated, AnimatedPresence, MotionRuntimeContext, createPresetPropBuilders, motionPresets, useMotionRuntime };
-//# sourceMappingURL=chunk-XCP454Q6.js.map
-//# sourceMappingURL=chunk-XCP454Q6.js.map
+//# sourceMappingURL=chunk-F4N67NAF.js.map
+//# sourceMappingURL=chunk-F4N67NAF.js.map