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