@rafal.lemieszewski/tide-ui 0.85.1 → 0.87.0

package/dist/es/components/fundamental/dialog.js

@@ -2,9 +2,10 @@ import { jsx as t, jsxs as l } from "react/jsx-runtime";
 import * as i from "react";
 import * as o from "@radix-ui/react-dialog";
 import { cn as r } from "../../lib/utils.js";
-import { Icon as n } from "./icon.js";
-import { Button as m } from "./button.js";
-const D = o.Root, w = o.Trigger, p = o.Portal, C = o.Close, d = /* @__PURE__ */ i.forwardRef(({ className: a, ...e }, s) => /* @__PURE__ */ t(
+import { Icon as m } from "./icon.js";
+import { X as n } from "lucide-react";
+import { Button as p } from "./button.js";
+const C = o.Root, z = o.Trigger, f = o.Portal, R = o.Close, d = /* @__PURE__ */ i.forwardRef(({ className: a, ...e }, s) => /* @__PURE__ */ t(
   o.Overlay,
   {
     ref: s,
@@ -16,7 +17,7 @@ const D = o.Root, w = o.Trigger, p = o.Portal, C = o.Close, d = /* @__PURE__ */
   }
 ));
 d.displayName = o.Overlay.displayName;
-const f = /* @__PURE__ */ i.forwardRef(({ className: a, children: e, ...s }, c) => /* @__PURE__ */ l(p, { children: [
+const x = /* @__PURE__ */ i.forwardRef(({ className: a, children: e, ...s }, c) => /* @__PURE__ */ l(f, { children: [
   /* @__PURE__ */ t(d, {}),
   /* @__PURE__ */ l(
     o.Content,
@@ -31,13 +32,13 @@ const f = /* @__PURE__ */ i.forwardRef(({ className: a, children: e, ...s }, c)
       children: [
         e,
         /* @__PURE__ */ t(o.Close, { asChild: !0, children: /* @__PURE__ */ l(
-          m,
+          p,
           {
             variant: "ghost",
             size: "s",
             className: "absolute top-3 right-3 h-8 w-8 p-0",
             children: [
-              /* @__PURE__ */ t(n, { name: "x", size: "m" }),
+              /* @__PURE__ */ t(m, { name: n, size: "m" }),
               /* @__PURE__ */ t("span", { className: "sr-only", children: "Close" })
             ]
           }
@@ -46,8 +47,8 @@ const f = /* @__PURE__ */ i.forwardRef(({ className: a, children: e, ...s }, c)
     }
   )
 ] }));
-f.displayName = o.Content.displayName;
-const x = ({
+x.displayName = o.Content.displayName;
+const v = ({
   className: a,
   ...e
 }) => /* @__PURE__ */ t(
@@ -60,13 +61,13 @@ const x = ({
     ...e
   }
 );
-x.displayName = "DialogHeader";
-const v = ({
+v.displayName = "DialogHeader";
+const y = ({
   className: a,
   ...e
 }) => /* @__PURE__ */ t("div", { className: r("flex-1 overflow-y-auto px-[var(--space-2xl)] py-[var(--space-2xl)]", a), ...e });
-v.displayName = "DialogBody";
-const y = ({
+y.displayName = "DialogBody";
+const g = ({
   className: a,
   ...e
 }) => /* @__PURE__ */ t(
@@ -79,8 +80,8 @@ const y = ({
     ...e
   }
 );
-y.displayName = "DialogFooter";
-const g = /* @__PURE__ */ i.forwardRef(({ className: a, ...e }, s) => /* @__PURE__ */ t(
+g.displayName = "DialogFooter";
+const b = /* @__PURE__ */ i.forwardRef(({ className: a, ...e }, s) => /* @__PURE__ */ t(
   o.Title,
   {
     ref: s,
@@ -91,16 +92,16 @@ const g = /* @__PURE__ */ i.forwardRef(({ className: a, ...e }, s) => /* @__PURE
     ...e
   }
 ));
-g.displayName = o.Title.displayName;
+b.displayName = o.Title.displayName;
 export {
-  D as Dialog,
-  v as DialogBody,
-  C as DialogClose,
-  f as DialogContent,
-  y as DialogFooter,
-  x as DialogHeader,
+  C as Dialog,
+  y as DialogBody,
+  R as DialogClose,
+  x as DialogContent,
+  g as DialogFooter,
+  v as DialogHeader,
   d as DialogOverlay,
-  p as DialogPortal,
-  g as DialogTitle,
-  w as DialogTrigger
+  f as DialogPortal,
+  b as DialogTitle,
+  z as DialogTrigger
 };

package/dist/es/components/fundamental/file-upload.js

@@ -1,11 +1,12 @@
 import { jsx as s, jsxs as b } from "react/jsx-runtime";
 import * as n from "react";
 import { cn as v } from "../../lib/utils.js";
-import { cva as X } from "class-variance-authority";
+import { cva as Q } from "class-variance-authority";
 import { Button as P } from "./button.js";
 import { Progress as Y } from "./progress.js";
 import { Icon as z } from "./icon.js";
-import { Badge as Z } from "./badge.js";
+import { X as Z } from "lucide-react";
+import { Badge as _ } from "./badge.js";
 const M = n.createContext(
   null
 ), D = () => {
@@ -54,7 +55,7 @@ const M = n.createContext(
   }
 );
 j.displayName = "FileUploadRoot";
-const _ = X(
+const ee = Q(
   "relative flex flex-col items-center justify-center rounded-l border-2 border-dashed p-6 text-center transition-colors duration-200",
   {
     variants: {
@@ -111,11 +112,11 @@ const _ = X(
       };
       if (h.type.startsWith("image/")) {
         const C = new FileReader();
-        C.onload = (J) => {
-          const Q = l.map(
-            (U) => U.id === R.id ? { ...U, preview: J.target?.result } : U
+        C.onload = (H) => {
+          const J = l.map(
+            (U) => U.id === R.id ? { ...U, preview: H.target?.result } : U
           );
-          i(Q);
+          i(J);
         }, C.readAsDataURL(h);
       }
       d.push(R);
@@ -128,9 +129,9 @@ const _ = X(
     if (a.preventDefault(), a.stopPropagation(), g(!1), u) return;
     const d = a.dataTransfer.files;
     d.length > 0 && I(d);
-  }, q = () => {
+  }, X = () => {
     u || y.current?.click();
-  }, H = (a) => {
+  }, q = (a) => {
     const d = a.target.files;
     d && I(d), a.target.value = "";
   };
@@ -138,11 +139,11 @@ const _ = X(
     "div",
     {
       ref: t,
-      className: v(_({ isDragActive: w, disabled: u }), r),
+      className: v(ee({ isDragActive: w, disabled: u }), r),
       onDragOver: S,
       onDragLeave: G,
       onDrop: K,
-      onClick: q,
+      onClick: X,
       role: "button",
       tabIndex: u ? -1 : 0,
       "aria-label": "Upload files",
@@ -157,7 +158,7 @@ const _ = X(
             accept: p?.join(","),
             disabled: u,
             className: "hidden",
-            onChange: H
+            onChange: q
           }
         ),
         e
@@ -225,7 +226,7 @@ W.displayName = "FileUploadItemPreview";
 const $ = /* @__PURE__ */ n.forwardRef(({ className: r, file: e, ...o }, t) => /* @__PURE__ */ b("div", { ref: t, className: v("flex-1 space-y-1", r), ...o, children: [
   /* @__PURE__ */ b("div", { className: "flex items-center gap-2", children: [
     /* @__PURE__ */ s("p", { className: "text-body-sm truncate font-medium", children: e.file.name }),
-    /* @__PURE__ */ s(Z, { children: e.status })
+    /* @__PURE__ */ s(_, { children: e.status })
   ] }),
   /* @__PURE__ */ s("p", { className: "text-caption-sm text-[var(--color-text-secondary)]", children: E(e.file.size) }),
   e.error && /* @__PURE__ */ s("p", { className: "text-caption-sm text-[var(--color-text-error-bold)]", children: e.error })
@@ -253,7 +254,7 @@ const T = /* @__PURE__ */ n.forwardRef(({ file: r, ...e }, o) => {
       },
       "aria-label": `Remove ${r.file.name}`,
       ...e,
-      children: /* @__PURE__ */ s(z, { name: "x", className: "h-4 w-4" })
+      children: /* @__PURE__ */ s(z, { name: Z, className: "h-4 w-4" })
     }
   );
 });
@@ -262,7 +263,7 @@ const E = (r) => {
   if (r === 0) return "0 Bytes";
   const e = 1024, o = ["Bytes", "KB", "MB", "GB"], t = Math.floor(Math.log(r) / Math.log(e));
   return parseFloat((r / Math.pow(e, t)).toFixed(2)) + " " + o[t];
-}, ne = {
+}, de = {
   Root: j,
   Dropzone: k,
   Trigger: L,
@@ -274,7 +275,7 @@ const E = (r) => {
   ItemDelete: T
 };
 export {
-  ne as FileUpload,
+  de as FileUpload,
   k as FileUploadDropzone,
   B as FileUploadItem,
   T as FileUploadItemDelete,

package/dist/es/components/fundamental/icon.js

@@ -1,10 +1,8 @@
-import { jsx as e, jsxs as u } from "react/jsx-runtime";
-import g from "react";
-import { cn as s } from "../../lib/utils.js";
-import * as f from "lucide-react";
-import { X as k, Weight as m, Users as A, User as y, Upload as b, Truck as z, TriangleAlert as S, Trash2 as D, Trash as L, TextCursorInput as T, Table2 as I, Star as P, SquarePlus as R, Sparkles as N, Ship as U, ShieldCheck as M, Share2 as q, Share as B, Settings as E, Send as W, Search as j, Route as F, RotateCcw as H, RefreshCw as X, PlusCircle as Z, Plus as _, Pencil as G, PanelRightClose as O, PanelLeft as $, Package as J, Navigation as K, MoreHorizontal as Q, MessageSquare as V, MessageCircle as Y, MapPin as rr, Mail as er, LogOut as or, Loader2 as ir, ListFilter as tr, Link as nr, LayoutDashboard as cr, Info as lr, Handshake as ar, Grid2X2Plus as sr, Filter as dr, FileText as hr, Eye as wr, ExternalLink as ur, Ellipsis as vr, Edit as pr, Download as xr, Dot as Cr, CreditCard as gr, Copy as fr, Code as kr, CircleHelp as mr, CircleDollarSign as Ar, CircleCheckBig as yr, CircleCheck as br, CircleAlert as zr, Circle as Sr, ChevronUp as Dr, ChevronRight as Lr, ChevronLeft as Tr, ChevronDown as Ir, CheckCircle as Pr, Check as Rr, CalendarDays as Nr, Bookmark as Ur, ArrowUpToLine as Mr, ArrowUp as qr, ArrowRightToLine as Br, ArrowRight as Er, ArrowLeftToLine as Wr, ArrowLeft as jr, ArrowDownZA as Fr, ArrowDownWideNarrow as Hr, ArrowDownToLine as Xr, ArrowDownNarrowWide as Zr, ArrowDownAZ as _r, ArrowDown10 as Gr, ArrowDown01 as Or, ArrowDown as $r, Archive as Jr, Anchor as Kr, AlertCircle as Qr } from "lucide-react";
-import { customIcons as v } from "./custom-icons.js";
-const Vr = {
+import { jsx as o, jsxs as x } from "react/jsx-runtime";
+import f from "react";
+import { cn as a } from "../../lib/utils.js";
+import { X as m, TriangleAlert as C, Trash2 as u, Star as p, Search as b, RotateCcw as k, PlusCircle as g, Pencil as y, PanelLeft as z, MoreHorizontal as A, Loader2 as L, ListFilter as I, Info as N, Filter as R, ExternalLink as T, CircleHelp as S, CircleCheck as D, CircleAlert as P, Circle as U, ChevronUp as W, ChevronRight as j, ChevronLeft as B, ChevronDown as F, Check as H, Bookmark as _, ArrowUpToLine as E, ArrowRightToLine as M, ArrowRight as X, ArrowLeftToLine as Y, ArrowLeft as $, ArrowDownWideNarrow as q, ArrowDownToLine as G, ArrowDownNarrowWide as J, AlertCircle as K } from "lucide-react";
+const O = {
   primary: "text-[var(--color-icon-primary)]",
   secondary: "text-[var(--color-icon-secondary)]",
   tertiary: "text-[var(--color-icon-tertiary)]",
@@ -21,7 +19,7 @@ const Vr = {
   "on-action": "text-[var(--color-icon-on-action)]",
   inverse: "text-[var(--color-icon-inverse)]",
   violet: "text-[var(--violet-500)]"
-}, Yr = {
+}, Q = {
   s: "w-[var(--size-3xs)] h-[var(--size-3xs)]",
   // 12px
   m: "w-[var(--size-2xs)] h-[var(--size-2xs)]",
@@ -30,161 +28,84 @@ const Vr = {
   // 20px
   xl: "w-[var(--size-s)] h-[var(--size-s)]"
   // 24px
-}, p = {
-  "alert-circle": Qr,
-  anchor: Kr,
-  archive: Jr,
-  "arrow-down": $r,
-  "arrow-down-0-1": Or,
-  "arrow-down-1-0": Gr,
-  "arrow-down-a-z": _r,
-  "arrow-down-narrow-wide": Zr,
-  "arrow-down-to-line": Xr,
-  "arrow-down-wide-narrow": Hr,
-  "arrow-down-z-a": Fr,
-  "arrow-left": jr,
-  "arrow-left-to-line": Wr,
-  "arrow-right": Er,
-  "arrow-right-to-line": Br,
-  "arrow-up": qr,
-  "arrow-up-to-line": Mr,
-  bookmark: Ur,
-  "calendar-days": Nr,
-  check: Rr,
-  "check-circle": Pr,
-  "chevron-down": Ir,
-  "chevron-left": Tr,
-  "chevron-right": Lr,
-  "chevron-up": Dr,
-  circle: Sr,
-  "circle-alert": zr,
-  "circle-check": br,
-  "circle-check-big": yr,
-  "circle-dollar-sign": Ar,
-  "circle-help": mr,
-  code: kr,
-  copy: fr,
-  "credit-card": gr,
-  dot: Cr,
-  download: xr,
-  edit: pr,
-  ellipsis: vr,
-  "external-link": ur,
-  eye: wr,
-  "file-text": hr,
-  filter: dr,
-  "grid-2x2-plus": sr,
-  handshake: ar,
-  info: lr,
-  "layout-dashboard": cr,
-  link: nr,
-  "list-filter": tr,
-  "loader-2": ir,
-  "log-out": or,
-  mail: er,
-  "map-pin": rr,
-  "message-circle": Y,
-  "message-square": V,
-  "more-horizontal": Q,
-  navigation: K,
-  package: J,
-  "panel-left": $,
-  "panel-right-close": O,
-  pencil: G,
-  plus: _,
-  "plus-circle": Z,
-  "refresh-cw": X,
-  "rotate-ccw": H,
-  route: F,
-  search: j,
-  send: W,
-  settings: E,
-  share: B,
-  "share-2": q,
-  "shield-check": M,
-  ship: U,
-  sparkles: N,
-  "square-plus": R,
-  star: P,
-  "table-2": I,
-  "text-cursor-input": T,
-  trash: L,
-  "trash-2": D,
-  "triangle-alert": S,
-  truck: z,
-  upload: b,
-  user: y,
-  users: A,
-  weight: m,
-  x: k
-}, re = /* @__PURE__ */ g.forwardRef(
+}, v = {
+  "alert-circle": K,
+  "arrow-down-narrow-wide": J,
+  "arrow-down-to-line": G,
+  "arrow-down-wide-narrow": q,
+  "arrow-left": $,
+  "arrow-left-to-line": Y,
+  "arrow-right": X,
+  "arrow-right-to-line": M,
+  "arrow-up-to-line": E,
+  bookmark: _,
+  check: H,
+  "chevron-down": F,
+  "chevron-left": B,
+  "chevron-right": j,
+  "chevron-up": W,
+  circle: U,
+  "circle-alert": P,
+  "circle-check": D,
+  "circle-help": S,
+  "external-link": T,
+  filter: R,
+  info: N,
+  "list-filter": I,
+  "loader-2": L,
+  "more-horizontal": A,
+  "panel-left": z,
+  pencil: y,
+  "plus-circle": g,
+  "rotate-ccw": k,
+  search: b,
+  star: p,
+  "trash-2": u,
+  "triangle-alert": C,
+  x: m
+}, V = /* @__PURE__ */ f.forwardRef(
   ({
     name: r,
-    size: x = "m",
-    color: h,
-    className: i,
-    "aria-label": o,
-    ...t
+    size: w = "m",
+    color: s,
+    className: t,
+    "aria-label": e,
+    ...i
   }, d) => {
-    const n = h ? Vr[h] : "text-current", c = Yr[x], l = o ? { "aria-label": o, role: "img" } : { "aria-hidden": !0 };
+    const n = s ? O[s] : "text-current", c = Q[w], l = e ? { "aria-label": e, role: "img" } : { "aria-hidden": !0 };
     if (typeof r != "string")
-      return /* @__PURE__ */ e(
+      return /* @__PURE__ */ o(
         r,
         {
-          className: s("shrink-0", c, n, i),
+          className: a("shrink-0", c, n, t),
           ...l,
-          ...t
+          ...i
         }
       );
-    if (r in v)
-      return /* @__PURE__ */ u(
-        "svg",
+    if (r in v) {
+      const h = v[r];
+      return /* @__PURE__ */ o(
+        h,
         {
           ref: d,
-          viewBox: "0 0 24 24",
-          fill: "none",
-          className: s("shrink-0", c, n, i),
+          className: a("shrink-0", c, n, t),
           ...l,
-          ...t,
-          children: [
-            o && /* @__PURE__ */ e("title", { children: o }),
-            v[r]
-          ]
-        }
-      );
-    if (r in p) {
-      const a = p[r];
-      return /* @__PURE__ */ e(
-        a,
-        {
-          ref: d,
-          className: s("shrink-0", c, n, i),
-          ...l,
-          ...t
+          ...i
         }
       );
     }
-    const C = r.split("-").map((a) => a.charAt(0).toUpperCase() + a.slice(1)).join(""), w = f[C];
-    return w ? /* @__PURE__ */ e(
-      w,
-      {
-        ref: d,
-        className: s("shrink-0", c, n, i),
-        ...l,
-        ...t
-      }
-    ) : (console.warn(`Icon "${r}" not found in custom icons or Lucide icons`), /* @__PURE__ */ u(
+    return console.warn(`Icon "${r}" not found in the static icon map. Use a component reference instead: <Icon name={YourIcon} />`), /* @__PURE__ */ x(
       "svg",
       {
         ref: d,
         viewBox: "0 0 24 24",
         fill: "none",
-        className: s("shrink-0", c, n, i),
+        className: a("shrink-0", c, n, t),
         ...l,
-        ...t,
+        ...i,
         children: [
-          o && /* @__PURE__ */ e("title", { children: o }),
-          /* @__PURE__ */ e(
+          e && /* @__PURE__ */ o("title", { children: e }),
+          /* @__PURE__ */ o(
             "rect",
             {
               x: "2",
@@ -196,7 +117,7 @@ const Vr = {
               fill: "none"
             }
           ),
-          /* @__PURE__ */ e(
+          /* @__PURE__ */ o(
             "text",
             {
               x: "12",
@@ -209,12 +130,12 @@ const Vr = {
           )
         ]
       }
-    ));
+    );
   }
 );
-re.displayName = "Icon";
+V.displayName = "Icon";
 export {
-  re as Icon,
-  Vr as iconColors,
-  Yr as iconSizes
+  V as Icon,
+  O as iconColors,
+  Q as iconSizes
 };

package/dist/es/components/fundamental/month-picker.js

@@ -1,10 +1,11 @@
 import { jsx as d, jsxs as T } from "react/jsx-runtime";
 import p from "react";
-import { cva as L } from "class-variance-authority";
+import { cva as K } from "class-variance-authority";
 import { cn as u } from "../../lib/utils.js";
 import { Button as k } from "./button.js";
 import { Icon as w } from "./icon.js";
-L("", {
+import { ChevronLeft as O, ChevronRight as Q } from "lucide-react";
+K("", {
   variants: {
     size: {
       default: "",
@@ -15,7 +16,7 @@ L("", {
     size: "default"
   }
 });
-const O = {
+const W = {
   default: {
     container: "gap-[var(--space-m)]",
     navButton: "h-[var(--size-m)] w-[var(--size-m)]",
@@ -38,7 +39,7 @@ const O = {
     monthButton: "px-1 py-[var(--space-xs)] [&]:text-caption-sm",
     monthBorderRadius: "rounded-s"
   }
-}, n = (r) => new Date(r.getFullYear(), r.getMonth(), 1), Q = (r) => r.toLocaleDateString("en-US", { month: "short" }), W = (r) => Array.from({ length: 12 }, (a, o) => new Date(r, o, 1)), X = (r, a, o, l) => {
+}, n = (r) => new Date(r.getFullYear(), r.getMonth(), 1), X = (r) => r.toLocaleDateString("en-US", { month: "short" }), Z = (r) => Array.from({ length: 12 }, (a, o) => new Date(r, o, 1)), $ = (r, a, o, l) => {
   const f = n(r);
   if (a) {
     const i = n(a);
@@ -62,7 +63,7 @@ const O = {
     return l > f;
   const i = n(o).getTime();
   return l > f && l < i;
-}, v = (r, a) => !r || !a ? !1 : n(r).getTime() === n(a).getTime(), Z = /* @__PURE__ */ p.forwardRef(
+}, v = (r, a) => !r || !a ? !1 : n(r).getTime() === n(a).getTime(), ee = /* @__PURE__ */ p.forwardRef(
   ({
     value: r,
     onChange: a,
@@ -71,17 +72,17 @@ const O = {
     yearCount: f,
     startYear: i,
     minDate: g,
-    maxDate: Y,
-    disabledDates: I,
-    className: R,
+    maxDate: C,
+    disabledDates: R,
+    className: Y,
     monthLabelFormat: S,
     yearLabelFormat: b,
     enableNavigation: h = !1,
     onYearNavigate: G
-  }, C) => {
+  }, I) => {
     const [c, M] = p.useState(null), [z, x] = p.useState(null), [y, N] = p.useState(
       i || (/* @__PURE__ */ new Date()).getFullYear()
-    ), s = O[l], A = f ?? (o === "single" ? 1 : 2), H = h ? y : i || (/* @__PURE__ */ new Date()).getFullYear(), D = Array.from({ length: A }, (e, t) => H + t), _ = () => {
+    ), s = W[l], A = f ?? (o === "single" ? 1 : 2), H = h ? y : i || (/* @__PURE__ */ new Date()).getFullYear(), D = Array.from({ length: A }, (e, t) => H + t), _ = () => {
       const e = y - 1;
       N(e), G?.(e);
     }, E = () => {
@@ -103,7 +104,7 @@ const O = {
       const [t, m] = r;
       return B(e, t, m);
     }, F = (e) => !c || !z ? !1 : B(e, c, z);
-    return /* @__PURE__ */ d("div", { ref: C, className: u("flex flex-col", s.container, R), children: /* @__PURE__ */ T("div", { className: u("flex items-center", s.yearGridGap), children: [
+    return /* @__PURE__ */ d("div", { ref: I, className: u("flex flex-col", s.container, Y), children: /* @__PURE__ */ T("div", { className: u("flex items-center", s.yearGridGap), children: [
       h && /* @__PURE__ */ d(
         k,
         {
@@ -111,13 +112,13 @@ const O = {
           size: "s",
           onClick: _,
           className: u(s.navButton, "p-0 shrink-0"),
-          children: /* @__PURE__ */ d(w, { name: "chevron-left", className: s.navIcon })
+          children: /* @__PURE__ */ d(w, { name: O, className: s.navIcon })
         }
       ),
       /* @__PURE__ */ d("div", { className: u("flex flex-1", s.yearGridGap), children: D.map((e) => /* @__PURE__ */ T("div", { className: u("flex-1 flex flex-col", s.yearSectionGap), children: [
         /* @__PURE__ */ d("div", { className: u(s.yearHeader, "text-[var(--color-text-primary)] text-center"), children: b ? b(e) : e }),
-        /* @__PURE__ */ d("div", { className: u("grid grid-cols-3", s.monthGridGap), children: W(e).map((t) => {
-          const m = X(t, g, Y, I), U = j(t), V = q(t), J = F(t), K = v(t, c);
+        /* @__PURE__ */ d("div", { className: u("grid grid-cols-3", s.monthGridGap), children: Z(e).map((t) => {
+          const m = $(t, g, C, R), L = j(t), U = q(t), V = F(t), J = v(t, c);
           return /* @__PURE__ */ d(
             "button",
             {
@@ -133,10 +134,10 @@ const O = {
                 "hover:bg-[var(--color-background-neutral-hovered)]",
                 "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring-color)]",
                 "disabled:opacity-50 disabled:cursor-not-allowed",
-                (V || J) && "bg-[var(--color-background-blue-subtle)] text-[var(--color-text-primary)]",
-                (U || K) && "!bg-[var(--color-background-blue-bold)] !text-[var(--color-text-on-action)]"
+                (U || V) && "bg-[var(--color-background-blue-subtle)] text-[var(--color-text-primary)]",
+                (L || J) && "!bg-[var(--color-background-blue-bold)] !text-[var(--color-text-on-action)]"
               ),
-              children: S ? S(t) : Q(t)
+              children: S ? S(t) : X(t)
             },
             t.getTime()
           );
@@ -149,13 +150,13 @@ const O = {
           size: "s",
           onClick: E,
           className: u(s.navButton, "p-0 shrink-0"),
-          children: /* @__PURE__ */ d(w, { name: "chevron-right", className: s.navIcon })
+          children: /* @__PURE__ */ d(w, { name: Q, className: s.navIcon })
         }
       )
     ] }) });
   }
 );
-Z.displayName = "MonthPicker";
+ee.displayName = "MonthPicker";
 export {
-  Z as MonthPicker
+  ee as MonthPicker
 };