kaleido-ui 0.2.7 → 0.2.9

package/dist/web/{chunk-7F5GSNHE.js → chunk-MKZZD3FM.js}

@@ -364,9 +364,16 @@ function TrendChart({
   );
 }
 function SolidFill({ id, tone }) {
+  const danger = tone === "danger";
   return /* @__PURE__ */ jsxs("linearGradient", { id, x1: "0", y1: "0", x2: "0", y2: "1", children: [
-    /* @__PURE__ */ jsx("stop", { offset: "0%", style: { stopColor: `color-mix(in oklab, ${toneFill[tone]}, white 35%)` } }),
-    /* @__PURE__ */ jsx("stop", { offset: "100%", style: { stopColor: toneFill[tone] } })
+    /* @__PURE__ */ jsx(
+      "stop",
+      {
+        offset: "0%",
+        style: { stopColor: danger ? `color-mix(in srgb, ${toneFill[tone]}, white 12%)` : `color-mix(in oklab, ${toneFill[tone]}, white 35%)` }
+      }
+    ),
+    /* @__PURE__ */ jsx("stop", { offset: "100%", style: { stopColor: danger ? `color-mix(in srgb, ${toneFill[tone]}, black 22%)` : toneFill[tone] } })
   ] });
 }
 function Texture({

package/dist/web/chunk-O3VC3EQT.js

@@ -0,0 +1,143 @@
+"use client";
+import {
+  Icon
+} from "./chunk-A6MSV4MA.js";
+import {
+  eyebrow
+} from "./chunk-MTQOAMDW.js";
+import {
+  cn
+} from "./chunk-PMGIJMRO.js";
+
+// src/web/components/metric-card.tsx
+import { useId, useLayoutEffect, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var toneClasses = {
+  primary: "bg-primary/10 text-brand",
+  purple: "bg-network-arkade/10 text-network-arkade-fg",
+  blue: "bg-info/10 text-info-fg",
+  info: "bg-info/10 text-info-fg",
+  warning: "bg-warning/10 text-warning-fg",
+  success: "bg-success/10 text-success-fg",
+  muted: "bg-secondary/15 text-secondary-content"
+};
+function MetricCard({
+  label,
+  value,
+  description,
+  icon,
+  tone = "muted",
+  size = "compact",
+  iconPlacement,
+  trend,
+  definition,
+  change,
+  labelStyle = "eyebrow",
+  className,
+  ...rest
+}) {
+  const labelId = useId();
+  const valueRef = useRef(null);
+  const comfortable = size === "comfortable";
+  const placement = iconPlacement ?? (comfortable ? "end" : "label");
+  const hasEnd = placement === "end" || !!trend;
+  const iconBox = comfortable ? "size-9 rounded-xl shadow-raised" : placement === "end" ? "size-7 rounded-lg" : "size-5 rounded-md";
+  const iconGlyph = comfortable ? "text-icon-lg" : placement === "end" ? "text-icon-md" : "text-icon-xs";
+  useLayoutEffect(() => {
+    const el = valueRef.current;
+    const column = el?.parentElement;
+    if (!el || !column || !hasEnd) return;
+    const fit = () => {
+      el.style.fontSize = "";
+      const base = parseFloat(getComputedStyle(el).fontSize);
+      let size2 = base;
+      while (el.scrollWidth > el.clientWidth + 0.5 && size2 > base * 0.6) {
+        size2 -= 1;
+        el.style.fontSize = `${size2}px`;
+      }
+    };
+    fit();
+    const observer = new ResizeObserver(fit);
+    observer.observe(column);
+    return () => observer.disconnect();
+  }, [value, hasEnd, comfortable]);
+  const iconNode = icon ? /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "metric-card-icon",
+      className: cn(
+        "flex shrink-0 items-center justify-center",
+        iconBox,
+        toneClasses[tone]
+      ),
+      children: typeof icon === "string" ? /* @__PURE__ */ jsx(Icon, { name: icon, className: iconGlyph }) : icon
+    }
+  ) : null;
+  const labelNode = /* @__PURE__ */ jsx(
+    "span",
+    {
+      id: labelId,
+      "data-slot": "metric-card-label",
+      className: labelStyle === "title" ? "text-body font-semibold text-foreground" : cn(eyebrow, "text-muted-foreground"),
+      children: label
+    }
+  );
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "group",
+      "aria-labelledby": rest["aria-label"] ? void 0 : labelId,
+      "data-slot": "metric-card",
+      "data-size": size,
+      className: cn(
+        comfortable ? "rounded-2xl bg-card/55 backdrop-blur-xl backdrop-saturate-150 bg-gradient-card-hero p-4 shadow-card" : "rounded-xl bg-card/55 backdrop-blur-xl backdrop-saturate-150 bg-gradient-card-hero p-2.5 shadow-raised",
+        hasEnd ? "flex items-stretch justify-between gap-3" : "space-y-1",
+        className
+      ),
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: hasEnd ? "flex min-w-0 flex-1 flex-col justify-between gap-4" : "contents", children: [
+          /* @__PURE__ */ jsxs("div", { className: hasEnd ? labelStyle === "title" ? "space-y-0" : "space-y-1" : "contents", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+              placement === "label" && iconNode,
+              labelNode
+            ] }),
+            definition && /* @__PURE__ */ jsx("p", { "data-slot": "metric-card-definition", className: "m-0 text-caption text-muted-foreground", children: definition })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: hasEnd ? "space-y-1" : "contents", children: [
+            /* @__PURE__ */ jsx(
+              "p",
+              {
+                ref: valueRef,
+                "data-slot": "metric-card-value",
+                className: cn(
+                  "m-0 font-bold tabular-nums text-foreground",
+                  hasEnd && "whitespace-nowrap",
+                  comfortable ? "text-headline" : "text-body"
+                ),
+                children: value
+              }
+            ),
+            change && /* @__PURE__ */ jsx("p", { "data-slot": "metric-card-change", className: cn("m-0 tabular-nums text-foreground", comfortable ? "text-caption" : "text-xxs"), children: change }),
+            description && /* @__PURE__ */ jsx(
+              "p",
+              {
+                "data-slot": "metric-card-description",
+                className: cn("m-0 text-muted-foreground", comfortable ? "text-caption" : "text-xxs"),
+                children: description
+              }
+            )
+          ] })
+        ] }),
+        hasEnd && /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 flex-col items-end justify-between gap-3", children: [
+          placement === "end" && iconNode,
+          trend && /* @__PURE__ */ jsx("div", { "data-slot": "metric-card-trend", className: "min-h-0 flex-1", children: trend })
+        ] })
+      ]
+    }
+  );
+}
+
+export {
+  MetricCard
+};

package/dist/web/chunk-X7AOMP24.js

@@ -0,0 +1,235 @@
+"use client";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger
+} from "./chunk-CRMLYZIX.js";
+import {
+  fieldSurface
+} from "./chunk-TKRMGN7J.js";
+import {
+  GlyphButton
+} from "./chunk-JY3H7ZAI.js";
+import {
+  IconGlyph
+} from "./chunk-YQQ7GDLZ.js";
+import {
+  ChevronLeft,
+  ChevronRight,
+  Event
+} from "./chunk-XXH4TYKZ.js";
+import {
+  cn
+} from "./chunk-PMGIJMRO.js";
+
+// src/web/components/date-picker.tsx
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var pad = (n) => String(n).padStart(2, "0");
+var toIso = (d) => `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}`;
+function parseIso(value) {
+  const m = /^(\d{4})-(\d{2})-(\d{2})$/.exec(value ?? "");
+  if (!m) return null;
+  const d = new Date(Number(m[1]), Number(m[2]) - 1, Number(m[3]));
+  return toIso(d) === value ? d : null;
+}
+var addDays = (d, n) => new Date(d.getFullYear(), d.getMonth(), d.getDate() + n);
+var startOfMonth = (d) => new Date(d.getFullYear(), d.getMonth(), 1);
+function DatePicker({
+  value,
+  onChange,
+  placeholder = "Select a date",
+  min,
+  max,
+  disabled,
+  locale = "en-US",
+  weekStartsOn = 1,
+  id,
+  previousMonthLabel = "Previous month",
+  nextMonthLabel = "Next month",
+  clearLabel = "Clear",
+  todayLabel = "Today",
+  className,
+  ...rest
+}) {
+  const selected = parseIso(value);
+  const minDate = parseIso(min);
+  const maxDate = parseIso(max);
+  const [open, setOpen] = React.useState(false);
+  const [focused, setFocused] = React.useState(() => selected ?? /* @__PURE__ */ new Date());
+  const gridRef = React.useRef(null);
+  const wantFocus = React.useRef(false);
+  const inRange = (d) => !(minDate && d < minDate) && !(maxDate && d > maxDate);
+  const handleOpenChange = (next) => {
+    if (next) {
+      setFocused(selected ?? /* @__PURE__ */ new Date());
+      wantFocus.current = true;
+    }
+    setOpen(next);
+  };
+  React.useEffect(() => {
+    if (!open || !wantFocus.current) return;
+    gridRef.current?.querySelector('button[tabindex="0"]')?.focus();
+  }, [open, focused]);
+  const month = startOfMonth(focused);
+  const lead = (month.getDay() - weekStartsOn + 7) % 7;
+  const gridStart = addDays(month, -lead);
+  const days = Array.from({ length: 42 }, (_, i) => addDays(gridStart, i));
+  const rows = [0, 1, 2, 3, 4, 5].filter((r) => days.slice(r * 7, r * 7 + 7).some((d) => d.getMonth() === month.getMonth()));
+  const monthFmt = new Intl.DateTimeFormat(locale, { month: "long", year: "numeric" });
+  const weekdayLong = new Intl.DateTimeFormat(locale, { weekday: "long" });
+  const weekdayShort = new Intl.DateTimeFormat(locale, { weekday: "short" });
+  const dayFull = new Intl.DateTimeFormat(locale, { dateStyle: "full" });
+  const triggerFmt = new Intl.DateTimeFormat(locale, { dateStyle: "medium" });
+  const heads = Array.from({ length: 7 }, (_, i) => addDays(gridStart, i));
+  const move = (next) => {
+    wantFocus.current = true;
+    setFocused(next);
+  };
+  const shiftMonth = (delta) => {
+    const last = new Date(focused.getFullYear(), focused.getMonth() + delta + 1, 0).getDate();
+    move(new Date(focused.getFullYear(), focused.getMonth() + delta, Math.min(focused.getDate(), last)));
+  };
+  const choose = (d) => {
+    if (!inRange(d)) return;
+    onChange(toIso(d));
+    setOpen(false);
+  };
+  const onKeyDown = (event) => {
+    const step = {
+      ArrowLeft: () => addDays(focused, -1),
+      ArrowRight: () => addDays(focused, 1),
+      ArrowUp: () => addDays(focused, -7),
+      ArrowDown: () => addDays(focused, 7),
+      Home: () => addDays(focused, -((focused.getDay() - weekStartsOn + 7) % 7)),
+      End: () => addDays(focused, 6 - (focused.getDay() - weekStartsOn + 7) % 7)
+    };
+    if (event.key === "PageUp" || event.key === "PageDown") {
+      event.preventDefault();
+      shiftMonth(event.key === "PageUp" ? -1 : 1);
+      return;
+    }
+    const next = step[event.key]?.();
+    if (next) {
+      event.preventDefault();
+      move(next);
+    }
+  };
+  const todayIso = toIso(/* @__PURE__ */ new Date());
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: handleOpenChange, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        id,
+        disabled,
+        "aria-label": rest["aria-label"],
+        "data-slot": "date-picker-trigger",
+        className: cn(
+          "flex h-12 w-full items-center justify-between gap-3 px-4 py-3 text-left text-body",
+          fieldSurface,
+          !selected && "text-muted-foreground",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "truncate", children: selected ? triggerFmt.format(selected) : placeholder }),
+          /* @__PURE__ */ jsx(IconGlyph, { glyph: Event, "aria-hidden": "true", className: "shrink-0 text-secondary-content" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      PopoverContent,
+      {
+        align: "start",
+        className: "w-auto p-3",
+        onOpenAutoFocus: (event) => event.preventDefault(),
+        children: /* @__PURE__ */ jsxs("div", { "data-slot": "date-picker", className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+            /* @__PURE__ */ jsx(GlyphButton, { size: "sm", icon: ChevronLeft, label: previousMonthLabel, onClick: () => shiftMonth(-1) }),
+            /* @__PURE__ */ jsx("p", { "aria-live": "polite", className: "m-0 text-caption font-semibold text-foreground", children: monthFmt.format(month) }),
+            /* @__PURE__ */ jsx(GlyphButton, { size: "sm", icon: ChevronRight, label: nextMonthLabel, onClick: () => shiftMonth(1) })
+          ] }),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              ref: gridRef,
+              role: "grid",
+              "aria-label": monthFmt.format(month),
+              onKeyDown,
+              className: "flex flex-col gap-1",
+              children: [
+                /* @__PURE__ */ jsx("div", { role: "row", className: "grid grid-cols-7", children: heads.map((d) => /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    role: "columnheader",
+                    "aria-label": weekdayLong.format(d),
+                    className: "py-1 text-center text-mini font-medium uppercase tracking-eyebrow text-muted-foreground",
+                    children: weekdayShort.format(d).slice(0, 2)
+                  },
+                  d.getDay()
+                )) }),
+                rows.map((r) => /* @__PURE__ */ jsx("div", { role: "row", className: "grid grid-cols-7 gap-1", children: days.slice(r * 7, r * 7 + 7).map((d) => {
+                  const iso = toIso(d);
+                  const outside = d.getMonth() !== month.getMonth();
+                  const isSelected = iso === value;
+                  const isFocused = iso === toIso(focused);
+                  const enabled = inRange(d);
+                  return /* @__PURE__ */ jsx("span", { role: "gridcell", "aria-selected": isSelected, children: /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      tabIndex: isFocused ? 0 : -1,
+                      disabled: !enabled,
+                      "aria-label": dayFull.format(d),
+                      "aria-current": iso === todayIso ? "date" : void 0,
+                      "data-date": iso,
+                      onClick: () => choose(d),
+                      className: cn(
+                        "size-9 rounded-xl text-caption tabular-nums transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/50 disabled:cursor-not-allowed disabled:opacity-30",
+                        isSelected ? "bg-primary font-semibold text-primary-foreground shadow-button-primary" : cn(
+                          "hover:bg-foreground/10",
+                          outside ? "text-foreground/55" : "text-foreground",
+                          iso === todayIso && "font-semibold text-brand"
+                        )
+                      ),
+                      children: d.getDate()
+                    }
+                  ) }, iso);
+                }) }, r))
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                disabled: !selected,
+                onClick: () => {
+                  onChange("");
+                  setOpen(false);
+                },
+                className: "rounded-lg px-2 py-1 text-caption font-medium text-muted-foreground hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/50 disabled:opacity-40",
+                children: clearLabel
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                disabled: !inRange(parseIso(todayIso)),
+                onClick: () => choose(parseIso(todayIso)),
+                className: "rounded-lg px-2 py-1 text-caption font-medium text-brand focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/50 disabled:opacity-40",
+                children: todayLabel
+              }
+            )
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+
+export {
+  DatePicker
+};

package/dist/web/components/activity-list.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   ActivityList
-} from "../chunk-S2ICIIH2.js";
+} from "../chunk-STH4BGSE.js";
+import "../chunk-2NCH2ZDU.js";
 import "../chunk-AP7Q2FCS.js";
 import "../chunk-GZZ5KVON.js";
-import "../chunk-2NCH2ZDU.js";
 import "../chunk-UZ4LWR4X.js";
 import "../chunk-A3XHFJ6J.js";
 import "../chunk-CZPNI33A.js";

package/dist/web/components/charts/bar-chart.js

@@ -5,8 +5,8 @@ import {
 import "../../chunk-IJHTXDKP.js";
 import "../../chunk-TCFHH5TE.js";
 import "../../chunk-UHXOPILM.js";
-import "../../chunk-CRMLYZIX.js";
 import "../../chunk-HVKSBEZN.js";
+import "../../chunk-CRMLYZIX.js";
 import "../../chunk-VM6AGMYO.js";
 import "../../chunk-CBE7BT3M.js";
 import "../../chunk-DCUAE6PX.js";

package/dist/web/components/charts/bar-list.js

@@ -5,8 +5,8 @@ import {
 import "../../chunk-IJHTXDKP.js";
 import "../../chunk-TCFHH5TE.js";
 import "../../chunk-UHXOPILM.js";
-import "../../chunk-CRMLYZIX.js";
 import "../../chunk-HVKSBEZN.js";
+import "../../chunk-CRMLYZIX.js";
 import "../../chunk-VM6AGMYO.js";
 import "../../chunk-CBE7BT3M.js";
 import "../../chunk-DCUAE6PX.js";

package/dist/web/components/charts/core.js

@@ -27,8 +27,8 @@ import {
 } from "../../chunk-IJHTXDKP.js";
 import "../../chunk-TCFHH5TE.js";
 import "../../chunk-UHXOPILM.js";
-import "../../chunk-CRMLYZIX.js";
 import "../../chunk-HVKSBEZN.js";
+import "../../chunk-CRMLYZIX.js";
 import "../../chunk-VM6AGMYO.js";
 import "../../chunk-CBE7BT3M.js";
 import "../../chunk-DCUAE6PX.js";

package/dist/web/components/charts/donut-chart.js

@@ -6,8 +6,8 @@ import {
 import "../../chunk-IJHTXDKP.js";
 import "../../chunk-TCFHH5TE.js";
 import "../../chunk-UHXOPILM.js";
-import "../../chunk-CRMLYZIX.js";
 import "../../chunk-HVKSBEZN.js";
+import "../../chunk-CRMLYZIX.js";
 import "../../chunk-VM6AGMYO.js";
 import "../../chunk-CBE7BT3M.js";
 import "../../chunk-DCUAE6PX.js";

package/dist/web/components/charts/index.js

@@ -1,8 +1,14 @@
 "use client";
 import "../../chunk-LOGZGZWN.js";
+import {
+  ScatterChart
+} from "../../chunk-2OINBKHY.js";
 import {
   Sparkline
 } from "../../chunk-HP25HN7Q.js";
+import {
+  BarChart
+} from "../../chunk-UG3GFYTP.js";
 import {
   BarList
 } from "../../chunk-C7GGZCRO.js";
@@ -20,12 +26,6 @@ import {
 import {
   MixedChart
 } from "../../chunk-DE4ALHAW.js";
-import {
-  ScatterChart
-} from "../../chunk-2OINBKHY.js";
-import {
-  BarChart
-} from "../../chunk-UG3GFYTP.js";
 import {
   ChartFrame,
   ChartLegend,
@@ -37,8 +37,8 @@ import {
 } from "../../chunk-IJHTXDKP.js";
 import "../../chunk-TCFHH5TE.js";
 import "../../chunk-UHXOPILM.js";
-import "../../chunk-CRMLYZIX.js";
 import "../../chunk-HVKSBEZN.js";
+import "../../chunk-CRMLYZIX.js";
 import "../../chunk-VM6AGMYO.js";
 import "../../chunk-CBE7BT3M.js";
 import "../../chunk-DCUAE6PX.js";

package/dist/web/components/charts/line-chart.js

@@ -6,8 +6,8 @@ import {
 import "../../chunk-IJHTXDKP.js";
 import "../../chunk-TCFHH5TE.js";
 import "../../chunk-UHXOPILM.js";
-import "../../chunk-CRMLYZIX.js";
 import "../../chunk-HVKSBEZN.js";
+import "../../chunk-CRMLYZIX.js";
 import "../../chunk-VM6AGMYO.js";
 import "../../chunk-CBE7BT3M.js";
 import "../../chunk-DCUAE6PX.js";

package/dist/web/components/charts/meter.js

@@ -5,8 +5,8 @@ import {
 import "../../chunk-IJHTXDKP.js";
 import "../../chunk-TCFHH5TE.js";
 import "../../chunk-UHXOPILM.js";
-import "../../chunk-CRMLYZIX.js";
 import "../../chunk-HVKSBEZN.js";
+import "../../chunk-CRMLYZIX.js";
 import "../../chunk-VM6AGMYO.js";
 import "../../chunk-CBE7BT3M.js";
 import "../../chunk-DCUAE6PX.js";

package/dist/web/components/charts/mixed-chart.js

@@ -5,8 +5,8 @@ import {
 import "../../chunk-IJHTXDKP.js";
 import "../../chunk-TCFHH5TE.js";
 import "../../chunk-UHXOPILM.js";
-import "../../chunk-CRMLYZIX.js";
 import "../../chunk-HVKSBEZN.js";
+import "../../chunk-CRMLYZIX.js";
 import "../../chunk-VM6AGMYO.js";
 import "../../chunk-CBE7BT3M.js";
 import "../../chunk-DCUAE6PX.js";

package/dist/web/components/charts/scatter-chart.js

@@ -5,8 +5,8 @@ import {
 import "../../chunk-IJHTXDKP.js";
 import "../../chunk-TCFHH5TE.js";
 import "../../chunk-UHXOPILM.js";
-import "../../chunk-CRMLYZIX.js";
 import "../../chunk-HVKSBEZN.js";
+import "../../chunk-CRMLYZIX.js";
 import "../../chunk-VM6AGMYO.js";
 import "../../chunk-CBE7BT3M.js";
 import "../../chunk-DCUAE6PX.js";

package/dist/web/components/date-picker.js

@@ -0,0 +1,14 @@
+"use client";
+import {
+  DatePicker
+} from "../chunk-X7AOMP24.js";
+import "../chunk-CRMLYZIX.js";
+import "../chunk-TKRMGN7J.js";
+import "../chunk-JY3H7ZAI.js";
+import "../chunk-OWSKP527.js";
+import "../chunk-YQQ7GDLZ.js";
+import "../chunk-XXH4TYKZ.js";
+import "../chunk-PMGIJMRO.js";
+export {
+  DatePicker
+};

package/dist/web/components/metric-card.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   MetricCard
-} from "../chunk-STMNX3QT.js";
+} from "../chunk-O3VC3EQT.js";
 import "../chunk-A6MSV4MA.js";
 import "../chunk-VYQHGSK6.js";
 import "../chunk-OI7WX7NE.js";

package/dist/web/components/trend-chart.js

@@ -3,12 +3,12 @@ import {
   TrendChart,
   trendChartLabelIndices,
   trendChartTicks
-} from "../chunk-7F5GSNHE.js";
+} from "../chunk-MKZZD3FM.js";
 import "../chunk-IJHTXDKP.js";
 import "../chunk-TCFHH5TE.js";
 import "../chunk-UHXOPILM.js";
-import "../chunk-CRMLYZIX.js";
 import "../chunk-HVKSBEZN.js";
+import "../chunk-CRMLYZIX.js";
 import "../chunk-VM6AGMYO.js";
 import "../chunk-CBE7BT3M.js";
 import "../chunk-DCUAE6PX.js";