laif-ds 0.2.73 → 0.2.75

package/dist/components/ui/tables/data-table/data-table.service.js

@@ -1,23 +1,23 @@
 "use client";
-import { getListMultiSelectFilterOptions as v, getListSingleSelectFilterOptions as D, getDateTimeFilterOptions as A, getDateFilterOptions as F, getBooleanFilterOptions as b, getNumberFilterOptions as T, getStringFilterOptions as k } from "./data-table-constants.js";
-import { defaultDataTableI18n as m } from "./data-table-i18n.js";
-function L(e, s = "string") {
-  const r = (o) => {
-    switch (o) {
+import { getListMultiSelectFilterOptions as v, getListSingleSelectFilterOptions as D, getDateTimeFilterOptions as b, getDateFilterOptions as A, getBooleanFilterOptions as F, getNumberFilterOptions as k, getStringFilterOptions as x } from "./data-table-constants.js";
+import { defaultDataTableI18n as d } from "./data-table-i18n.js";
+function C(e, a = "string") {
+  const t = (s) => {
+    switch (s) {
       case "string":
-        return k(m)?.[0]?.value ?? "like";
+        return x(d)?.[0]?.value ?? "like";
       case "number":
-        return T(m)?.[0]?.value ?? "eq";
+        return k(d)?.[0]?.value ?? "eq";
       case "boolean":
-        return b(m)?.[0]?.value ?? "eq";
+        return F(d)?.[0]?.value ?? "eq";
       case "date":
-        return F(m)?.[0]?.value ?? "eq";
+        return A(d)?.[0]?.value ?? "eq";
       case "datetime":
-        return A(m)?.[0]?.value ?? "date_time_before";
+        return b(d)?.[0]?.value ?? "date_time_before";
       case "list_single_select":
-        return D(m)?.[0]?.value ?? "array_overlap";
+        return D(d)?.[0]?.value ?? "array_overlap";
       case "list_multi_select":
-        return v(m)?.[0]?.value ?? "array_overlap";
+        return v(d)?.[0]?.value ?? "array_overlap";
       default:
         return "eq";
     }
@@ -27,14 +27,14 @@ function L(e, s = "string") {
     columnId: e?.id || "",
     columnLabel: e?.column.columnDef.meta?.headerLabel || (typeof e?.column.columnDef.header == "string" ? e.column.columnDef.header : "") || e?.id || "",
     columnAccessorKey: (e?.column.columnDef && "accessorKey" in e.column.columnDef && typeof e.column.columnDef.accessorKey == "string" ? e.column.columnDef.accessorKey : e?.id) || "",
-    columnType: e?.column.columnDef.meta?.type || s,
-    operator: r(
+    columnType: e?.column.columnDef.meta?.type || a,
+    operator: t(
       e?.column.columnDef.meta?.type
     ),
     listOptions: e?.column.columnDef.meta?.listOptions
   };
 }
-function O() {
+function L() {
   const e = () => crypto.randomUUID();
   return {
     id: e(),
@@ -56,61 +56,61 @@ function O() {
     }
   };
 }
-function I(e, s) {
-  const r = e.filter((n) => n.operator === "eq_null" || n.operator === "n_eq_null" || n.operator === "checked" || n.operator === "unchecked" ? !0 : n.value === void 0 || n.value === "" ? !1 : n.columnType === "list_multi_select" ? (Array.isArray(n.value) ? n.value.filter((i) => i !== void 0) : [n.value].filter((i) => i !== void 0)).length > 0 : !0), u = s ? ((n) => {
+function I(e, a) {
+  const t = e.filter((n) => n.operator === "eq_null" || n.operator === "n_eq_null" || n.operator === "checked" || n.operator === "unchecked" ? !0 : n.value === void 0 || n.value === "" ? !1 : n.columnType === "list_multi_select" ? (Array.isArray(n.value) ? n.value.filter((i) => i !== void 0) : [n.value].filter((i) => i !== void 0)).length > 0 : !0), o = a ? ((n) => {
     const p = (i) => {
-      const y = i.conditions.filter((a) => !a.columnId || !a.operator ? !1 : a.operator === "eq_null" || a.operator === "n_eq_null" || a.operator === "checked" || a.operator === "unchecked" ? !0 : a.value === void 0 ? !1 : a.columnType === "list_multi_select" ? (Array.isArray(a.value) ? a.value.filter((_) => _ !== void 0) : [a.value].filter((_) => _ !== void 0)).length > 0 : !0).map((a) => ({
-        [a.columnAccessorKey]: {
-          operator: a.operator,
-          value: a.operator === "eq_null" || a.operator === "n_eq_null" || a.operator === "checked" || a.operator === "unchecked" ? !0 : a.columnType === "list_single_select" ? Array.isArray(a.value) ? a.value.filter((f) => f !== void 0) : [a.value].filter((f) => f !== void 0) : a.value
+      const g = i.conditions.filter((u) => !u.columnId || !u.operator ? !1 : u.operator === "eq_null" || u.operator === "n_eq_null" || u.operator === "checked" || u.operator === "unchecked" ? !0 : u.value === void 0 ? !1 : u.columnType === "list_multi_select" ? (Array.isArray(u.value) ? u.value.filter((_) => _ !== void 0) : [u.value].filter((_) => _ !== void 0)).length > 0 : !0).map((u) => ({
+        [u.columnAccessorKey]: {
+          operator: u.operator,
+          value: u.operator === "eq_null" || u.operator === "n_eq_null" || u.operator === "checked" || u.operator === "unchecked" ? !0 : u.columnType === "list_single_select" ? Array.isArray(u.value) ? u.value.filter((f) => f !== void 0) : [u.value].filter((f) => f !== void 0) : u.value
         }
-      })), g = i.groups?.map(p).filter(Boolean) || [], d = [
-        ...y,
-        ...g
+      })), y = i.groups?.map(p).filter(Boolean) || [], m = [
+        ...g,
+        ...y
       ];
-      return d.length === 0 ? null : d.length === 1 ? d[0] : i.logicalOperator === "AND" ? { _and: d } : { _or: d };
+      return m.length === 0 ? null : m.length === 1 ? m[0] : i.logicalOperator === "AND" ? { _and: m } : { _or: m };
     };
     return p(n.rootGroup);
-  })(s) : null, c = r.map(
+  })(a) : null, c = t.map(
     (n) => ({
       [n.columnAccessorKey]: {
         operator: n.operator,
         value: n.operator === "eq_null" || n.operator === "n_eq_null" || n.operator === "checked" || n.operator === "unchecked" ? !0 : n.columnType === "list_single_select" ? Array.isArray(n.value) ? n.value.filter((p) => p !== void 0) : [n.value].filter((p) => p !== void 0) : n.value ?? ""
       }
     })
-  ), t = [
-    ...u ? [u] : [],
+  ), r = [
+    ...o ? [o] : [],
     ...c
   ];
-  return t.length > 0 ? t.length === 1 ? t[0] : { _and: t } : {};
+  return r.length > 0 ? r.length === 1 ? r[0] : { _and: r } : {};
 }
-function H(e, s) {
+function O(e, a) {
   const {
-    rowHeight: r = 1,
-    headerHeight: o = 1,
-    containerHeight: u = 1,
+    rowHeight: t = 1,
+    headerHeight: s = 1,
+    containerHeight: o = 1,
     onPageChange: c,
-    setPagination: t
-  } = s, l = e?.offsetHeight || u, n = Math.floor(
-    (l - o) / r
+    setPagination: r
+  } = a, l = e?.offsetHeight || o, n = Math.floor(
+    (l - s) / t
   ), p = n > 1 ? n : 1;
-  t((i) => {
+  r((i) => {
     if (i.pageSize !== p) {
       if (c) {
-        const y = Math.max(
+        const g = Math.max(
           0,
           Math.ceil(i.pageSize * (i.pageIndex + 1) / p) - 1
-        ), g = Math.min(i.pageIndex, y);
-        c(g, p);
+        ), y = Math.min(i.pageIndex, g);
+        c(y, p);
       }
       return { ...i, pageSize: p };
     }
     return i;
   });
 }
-function q(e, s, r) {
+function T(e, a, t) {
   if (e == null)
-    switch (s) {
+    switch (a) {
       case "eq_null":
         return !0;
       case "n_eq_null":
@@ -118,42 +118,42 @@ function q(e, s, r) {
       default:
         return !1;
     }
-  const o = (t) => t == null || typeof t == "string" ? t : String(t), u = o(e), c = o(r);
-  switch (s) {
+  const s = (r) => r == null || typeof r == "string" ? r : String(r), o = s(e), c = s(t);
+  switch (a) {
     case "eq":
-      return u === c;
+      return o === c;
     case "ne":
-      return u !== c;
+      return o !== c;
     case "lt":
-      return typeof e == "number" && typeof r == "number" ? e < r : u < c;
+      return typeof e == "number" && typeof t == "number" ? e < t : o < c;
     case "le":
-      return typeof e == "number" && typeof r == "number" ? e <= r : u <= c;
+      return typeof e == "number" && typeof t == "number" ? e <= t : o <= c;
     case "gt":
-      return typeof e == "number" && typeof r == "number" ? e > r : u > c;
+      return typeof e == "number" && typeof t == "number" ? e > t : o > c;
     case "ge":
-      return typeof e == "number" && typeof r == "number" ? e >= r : u >= c;
+      return typeof e == "number" && typeof t == "number" ? e >= t : o >= c;
     case "like":
-      return u?.toLowerCase().includes(c?.toLowerCase());
+      return o?.toLowerCase().includes(c?.toLowerCase());
     case "n_like":
-      return !u?.toLowerCase().includes(c?.toLowerCase());
+      return !o?.toLowerCase().includes(c?.toLowerCase());
     case "starts_with":
-      return u?.toLowerCase().startsWith(c?.toLowerCase());
+      return o?.toLowerCase().startsWith(c?.toLowerCase());
     case "ends_with":
-      return u?.toLowerCase().endsWith(c?.toLowerCase());
+      return o?.toLowerCase().endsWith(c?.toLowerCase());
     case "eq_null":
       return e == null || e === "";
     case "n_eq_null":
       return e != null && e !== "";
     case "array_overlap":
-      return Array.isArray(e) && Array.isArray(r) ? r.length === 0 ? !0 : e.length === 0 ? !1 : r.some(
-        (t) => e.some(
-          (l) => o(l) === o(t)
+      return Array.isArray(e) && Array.isArray(t) ? t.length === 0 ? !0 : e.length === 0 ? !1 : t.some(
+        (r) => e.some(
+          (l) => s(l) === s(r)
         )
       ) : !1;
     case "n_array_overlap":
-      return Array.isArray(e) && Array.isArray(r) ? r.length === 0 || e.length === 0 ? !0 : !r.some(
-        (t) => e.some(
-          (l) => o(l) === o(t)
+      return Array.isArray(e) && Array.isArray(t) ? t.length === 0 || e.length === 0 ? !0 : !t.some(
+        (r) => e.some(
+          (l) => s(l) === s(r)
         )
       ) : !0;
     case "checked":
@@ -162,67 +162,67 @@ function q(e, s, r) {
       return e === !1;
     case "date_before":
       try {
-        const t = new Date(e), l = new Date(r);
-        return t.setHours(0, 0, 0, 0), l.setHours(0, 0, 0, 0), t < l;
+        const r = new Date(e), l = new Date(t);
+        return r.setHours(0, 0, 0, 0), l.setHours(0, 0, 0, 0), r < l;
       } catch {
         return !1;
       }
     case "date_after":
       try {
-        const t = new Date(e), l = new Date(r);
-        return t.setHours(0, 0, 0, 0), l.setHours(0, 0, 0, 0), t > l;
+        const r = new Date(e), l = new Date(t);
+        return r.setHours(0, 0, 0, 0), l.setHours(0, 0, 0, 0), r > l;
       } catch {
         return !1;
       }
     case "date_time_before":
       try {
-        const t = new Date(e), l = new Date(r);
-        return t < l;
+        const r = new Date(e), l = new Date(t);
+        return r < l;
       } catch {
         return !1;
       }
     case "date_time_after":
       try {
-        const t = new Date(e), l = new Date(r);
-        return t > l;
+        const r = new Date(e), l = new Date(t);
+        return r > l;
       } catch {
         return !1;
       }
     default:
-      return console.warn(`Unknown filter operator: ${s}`), !0;
+      return console.warn(`Unknown filter operator: ${a}`), !0;
   }
 }
-function h(e, s) {
-  if (!s || Object.keys(s).length === 0)
+function h(e, a) {
+  if (!a || Object.keys(a).length === 0)
     return !0;
-  if ("_and" in s && Array.isArray(s._and))
-    return s._and.every(
-      (r) => h(e, r)
+  if ("_and" in a && Array.isArray(a._and))
+    return a._and.every(
+      (t) => h(e, t)
     );
-  if ("_or" in s && Array.isArray(s._or))
-    return s._or.some(
-      (r) => h(e, r)
+  if ("_or" in a && Array.isArray(a._or))
+    return a._or.some(
+      (t) => h(e, t)
     );
-  for (const [r, o] of Object.entries(s))
-    if (!r.startsWith("_") && typeof o == "object" && o !== null && "operator" in o) {
-      const u = e.getValue(r);
-      if (!q(
-        u,
-        o.operator,
-        o.value
+  for (const [t, s] of Object.entries(a))
+    if (!t.startsWith("_") && typeof s == "object" && s !== null && "operator" in s) {
+      const o = e.getValue(t);
+      if (!T(
+        o,
+        s.operator,
+        s.value
       )) return !1;
     }
   return !0;
 }
-function K(e, s) {
-  let r;
-  return function(...o) {
-    clearTimeout(r), r = setTimeout(() => {
-      e(...o);
-    }, s);
+function z(e, a) {
+  let t;
+  return function(...s) {
+    clearTimeout(t), t = setTimeout(() => {
+      e(...s);
+    }, a);
   };
 }
-function M(e) {
+function H(e) {
   switch (e) {
     case "string":
       return "CaseUpper";
@@ -244,13 +244,28 @@ function M(e) {
       return "FileQuestionMark";
   }
 }
+function K(e, a, t, s) {
+  const o = a[e];
+  if (!o || !t || o.side !== t) return;
+  const c = o.side === "left" ? `${o.offset}px` : void 0, r = o.side === "right" ? `${o.offset}px` : void 0;
+  return {
+    position: "sticky",
+    left: c,
+    right: r,
+    zIndex: s ? 49 : 48,
+    background: "var(--d-background)",
+    // Use separate shadow for pinned columns to avoid conflicts
+    boxShadow: t === "left" ? `inset -1px ${s ? "0" : "-1px"} 0 var(--d-border), 2px 0 4px -2px rgba(0,0,0,0.1)` : `inset 1px ${s ? "0" : "-1px"} 0 var(--d-border), -2px 0 4px -2px rgba(0,0,0,0.1)`
+  };
+}
 export {
-  q as applyClientSideFilter,
+  T as applyClientSideFilter,
   h as applySearchFilterToRow,
   I as buildSearchFilter,
-  L as createBadgeFilterFromHeader,
-  O as createDefaultAdvancedFilter,
-  K as debounce,
-  M as getIconFromColumnType,
-  H as updatePageSizeFromContainer
+  C as createBadgeFilterFromHeader,
+  L as createDefaultAdvancedFilter,
+  z as debounce,
+  H as getIconFromColumnType,
+  K as getPinnedStyle,
+  O as updatePageSizeFromContainer
 };

package/dist/components/ui/tables/data-table/data-table.utils.js

@@ -228,6 +228,7 @@ function $(e, t, r) {
       return {
         ...a,
         meta: {
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
           ...a.meta,
           listOptions: n
         }
@@ -242,6 +243,7 @@ function M(e, t) {
     return l ? {
       ...r,
       meta: {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         ...r.meta,
         pinned: l
       }

package/dist/components/ui/textarea.js

@@ -25,8 +25,8 @@ function h({
           e.text.base,
           e.text.placeholder,
           e.interaction.disabled,
-          "flex min-h-16 w-full min-w-0 max-w-full px-3 py-2 shadow-xs transition-[color,box-shadow] outline-none md:text-sm",
-          "whitespace-pre-wrap break-words overflow-x-hidden",
+          "flex min-h-16 w-full max-w-full min-w-0 px-3 py-2 shadow-xs transition-[color,box-shadow] outline-none md:text-sm",
+          "overflow-x-hidden break-words whitespace-pre-wrap",
           // Focus states
           "focus-visible:ring-d-ring/50 focus-visible:border-d-ring focus-visible:ring-[3px]",
           e.input.invalid,

package/dist/components/ui/theme-switcher.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx as t, jsxs as h } from "react/jsx-runtime";
-import { cn as r } from "../../lib/utils.js";
 import { useControllableState as p } from "../../node_modules/@radix-ui/react-use-controllable-state/dist/index.js";
 import { useState as b, useEffect as g } from "react";
+import { cn as r } from "../../lib/utils.js";
 import v from "../../node_modules/lucide-react/dist/esm/icons/monitor.js";
 import x from "../../node_modules/lucide-react/dist/esm/icons/sun.js";
 import y from "../../node_modules/lucide-react/dist/esm/icons/moon.js";

package/dist/components/ui/toggle-group.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsx as i } from "react/jsx-runtime";
-import * as d from "react";
 import { Root as u, Item as m } from "../../node_modules/@radix-ui/react-toggle-group/dist/index.js";
-import { cn as s } from "../../lib/utils.js";
+import * as d from "react";
 import { toggleVariants as g } from "./toggle.js";
+import { cn as s } from "../../lib/utils.js";
 const l = d.createContext({
   size: "default",
   variant: "default"

package/dist/components/ui/weekly-calendar/appointment-card.js

@@ -1,34 +1,34 @@
 "use client";
 import { jsx as l, jsxs as s } from "react/jsx-runtime";
-import { useMemo as n } from "react";
 import c from "../../../_virtual/dayjs.min.js";
-import { useCalendar as b } from "./calendar-context.js";
-import { l as m } from "../../../_virtual/lodash.js";
-import { hexContrast as v, hexToRgba as u, cn as g } from "../../../lib/utils.js";
-import { TooltipProvider as T, Tooltip as N, TooltipTrigger as y, TooltipContent as C } from "../tooltip.js";
-import { Typo as k } from "../typo.js";
+import { l as n } from "../../../_virtual/lodash.js";
+import { useMemo as m } from "react";
+import { hexContrast as b, hexToRgba as u, cn as v } from "../../../lib/utils.js";
+import { TooltipProvider as g, Tooltip as T, TooltipTrigger as N, TooltipContent as y } from "../tooltip.js";
+import { Typo as C } from "../typo.js";
+import { useCalendar as k } from "./calendar-context.js";
 const H = ({ appointment: e }) => {
-  const { setSelectedAppointmentId: h } = b(), f = n(() => {
+  const { setSelectedAppointmentId: h } = k(), f = m(() => {
     if (e.color)
       return {
         backgroundColor: u(e.color, 0.75),
         borderColor: u(e.color, 1),
-        color: v(e.color),
+        color: b(e.color),
         backdropFilter: "blur(5px)"
       };
-  }, [e.color]), o = e.endTime || c(`2000-01-01 ${e.startTime}`).add(1, "hour").format("HH:mm"), x = n(() => {
+  }, [e.color]), o = e.endTime || c(`2000-01-01 ${e.startTime}`).add(1, "hour").format("HH:mm"), x = m(() => {
     const r = c(`2000-01-01 ${e.startTime}`), a = c(`2000-01-01 ${o}`).diff(r, "minute"), i = Math.floor(a / 60), d = a % 60;
     return i === 0 ? `${d}m` : d === 0 ? `${i}h` : `${i}h ${d}m`;
   }, [e.startTime, o]);
-  return /* @__PURE__ */ l(T, { delayDuration: 300, children: /* @__PURE__ */ s(N, { children: [
-    /* @__PURE__ */ l(y, { asChild: !0, children: /* @__PURE__ */ s(
+  return /* @__PURE__ */ l(g, { delayDuration: 300, children: /* @__PURE__ */ s(T, { children: [
+    /* @__PURE__ */ l(N, { asChild: !0, children: /* @__PURE__ */ s(
       "div",
       {
         onClick: (r) => {
           r.preventDefault(), r.stopPropagation(), h(e.id);
         },
         style: f,
-        className: g(
+        className: v(
           "border-d-border flex h-full cursor-pointer flex-col justify-start rounded-r-md border border-l-4 p-2 shadow-md transition-all duration-200 ease-in-out hover:scale-105",
           e.className
         ),
@@ -55,8 +55,8 @@ const H = ({ appointment: e }) => {
         ]
       }
     ) }),
-    /* @__PURE__ */ s(C, { side: "right", variant: "card", children: [
-      e?.title && /* @__PURE__ */ s(k, { children: [
+    /* @__PURE__ */ s(y, { side: "right", variant: "card", children: [
+      e?.title && /* @__PURE__ */ s(C, { children: [
         e?.title,
         " (",
         x,
@@ -77,10 +77,10 @@ const H = ({ appointment: e }) => {
           className: "flex items-start justify-between gap-4 py-1 text-right",
           children: [
             /* @__PURE__ */ s("span", { className: "font-medium", children: [
-              m.upperFirst(r.key),
+              n.upperFirst(r.key),
               ":"
             ] }),
-            /* @__PURE__ */ l("span", { className: "text-d-accent-foreground max-w-[200px]", children: typeof r.value == "string" ? m.upperFirst(r.value) : r.value })
+            /* @__PURE__ */ l("span", { className: "text-d-accent-foreground max-w-[200px]", children: typeof r.value == "string" ? n.upperFirst(r.value) : r.value })
           ]
         },
         t

package/dist/components/ui/weekly-calendar/calendar-context.js

@@ -1,19 +1,19 @@
 "use client";
 import { jsx as i } from "react/jsx-runtime";
-import { useState as t, useEffect as u, createContext as c, useContext as m } from "react";
-import C from "../../../_virtual/dayjs.min.js";
-const r = c(
+import u from "../../../_virtual/dayjs.min.js";
+import { useState as t, useEffect as c, createContext as m, useContext as C } from "react";
+const r = m(
   void 0
 ), x = () => {
-  const e = m(r);
+  const e = C(r);
   if (!e)
     throw new Error("useCalendar must be used within a CalendarProvider");
   return e;
 }, I = ({ children: e, value: n }) => {
   const [o, s] = t(null), [a, l] = t(null);
-  return u(() => {
+  return c(() => {
     const d = setInterval(() => {
-      l(C().format("HH:mm"));
+      l(u().format("HH:mm"));
     }, 1e3);
     return () => clearInterval(d);
   }, []), /* @__PURE__ */ i(

package/dist/components/ui/weekly-calendar/calendar-header.js

@@ -1,12 +1,12 @@
 "use client";
 import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import d from "../../../_virtual/dayjs.min.js";
 import "../../../_virtual/it.js";
-import { useCalendar as h } from "./calendar-context.js";
-import { l as g } from "../../../_virtual/lodash.js";
-import { Typo as a } from "../typo.js";
-import { Button as v } from "../button.js";
-import { Icon as s } from "../icon.js";
+import d from "../../../_virtual/dayjs.min.js";
+import { l as h } from "../../../_virtual/lodash.js";
+import { Button as g } from "../button.js";
+import { Icon as a } from "../icon.js";
+import { Typo as s } from "../typo.js";
+import { useCalendar as v } from "./calendar-context.js";
 d.locale("it");
 const O = () => {
   const {
@@ -17,11 +17,11 @@ const O = () => {
     goToPreviousWeek: c,
     goToNextWeek: m,
     goToCurrentWeek: f
-  } = h(), o = d().startOf("isoWeek").add(n, "week"), p = o.endOf("isoWeek"), u = n === 0;
+  } = v(), o = d().startOf("isoWeek").add(n, "week"), p = o.endOf("isoWeek"), u = n === 0;
   return !i && !t ? null : /* @__PURE__ */ e("div", { className: "border-d-border bg-d-card border-t border-r border-l px-4 py-2", children: i && /* @__PURE__ */ r("div", { className: "flex flex-wrap items-center justify-between gap-4", children: [
     /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ e(
-        v,
+        g,
         {
           onClick: f,
           variant: "ghost",
@@ -31,12 +31,12 @@ const O = () => {
           children: l
         }
       ),
-      /* @__PURE__ */ e("div", { className: "hover:bg-d-accent cursor-pointer rounded-full p-2", children: /* @__PURE__ */ e(s, { onClick: c, name: "ChevronLeft" }) }),
-      /* @__PURE__ */ e("div", { className: "hover:bg-d-accent cursor-pointer rounded-full p-2", children: /* @__PURE__ */ e(s, { onClick: m, name: "ChevronRight" }) })
+      /* @__PURE__ */ e("div", { className: "hover:bg-d-accent cursor-pointer rounded-full p-2", children: /* @__PURE__ */ e(a, { onClick: c, name: "ChevronLeft" }) }),
+      /* @__PURE__ */ e("div", { className: "hover:bg-d-accent cursor-pointer rounded-full p-2", children: /* @__PURE__ */ e(a, { onClick: m, name: "ChevronRight" }) })
     ] }),
     /* @__PURE__ */ r("div", { className: "flex flex-col items-center py-2 text-center leading-tight", children: [
-      /* @__PURE__ */ e(a, { variant: "h5", children: g.upperFirst(o.format("MMMM YYYY")) }),
-      /* @__PURE__ */ r(a, { variant: "small", className: "text-d-muted-foreground", children: [
+      /* @__PURE__ */ e(s, { variant: "h5", children: h.upperFirst(o.format("MMMM YYYY")) }),
+      /* @__PURE__ */ r(s, { variant: "small", className: "text-d-muted-foreground", children: [
         o.format("D"),
         " – ",
         p.format("D MMM")

package/dist/components/ui/weekly-calendar/day-column.js

@@ -1,13 +1,13 @@
 "use client";
 import { jsxs as i, jsx as r } from "react/jsx-runtime";
-import A from "react";
 import N from "../../../_virtual/dayjs.min.js";
-import { useCalendar as I } from "./calendar-context.js";
-import { AppointmentCard as W } from "./appointment-card.js";
-import { Typo as g } from "../typo.js";
-import { Badge as n } from "../badge.js";
+import A from "react";
 import { cn as m } from "../../../lib/utils.js";
-import { Tooltip as M, TooltipTrigger as T, TooltipContent as w } from "../tooltip.js";
+import { Badge as n } from "../badge.js";
+import { Tooltip as g, TooltipTrigger as M, TooltipContent as T } from "../tooltip.js";
+import { Typo as w } from "../typo.js";
+import { AppointmentCard as I } from "./appointment-card.js";
+import { useCalendar as W } from "./calendar-context.js";
 const F = ({ date: d, weekdayInfo: h }) => {
   const {
     calendarStartHour: l,
@@ -15,7 +15,7 @@ const F = ({ date: d, weekdayInfo: h }) => {
     enableGrouping: f,
     appointmentsByDay: j,
     groupedAppointmentsByDay: D
-  } = I(), O = A.useMemo(() => Array.from(
+  } = W(), O = A.useMemo(() => Array.from(
     { length: p - l + 1 },
     (e, a) => `${(a + l).toString().padStart(2, "0")}:00`
   ), [l, p]), u = d.format("YYYY-MM-DD"), o = f ? D[u] || {} : { default: j[u] || [] }, s = d.isSame(N(), "day"), t = Object.keys(o), c = t.length > 1, b = (e) => {
@@ -29,7 +29,7 @@ const F = ({ date: d, weekdayInfo: h }) => {
           height: `${k}px`,
           zIndex: 10
         },
-        children: /* @__PURE__ */ r(W, { appointment: e })
+        children: /* @__PURE__ */ r(I, { appointment: e })
       },
       e.id
     );
@@ -53,7 +53,7 @@ const F = ({ date: d, weekdayInfo: h }) => {
             ),
             children: /* @__PURE__ */ i("div", { className: "flex flex-col items-start justify-center gap-0", children: [
               /* @__PURE__ */ r(
-                g,
+                w,
                 {
                   variant: "h5",
                   className: m("mb-0", s ? "text-d-primary" : ""),
@@ -61,7 +61,7 @@ const F = ({ date: d, weekdayInfo: h }) => {
                 }
               ),
               /* @__PURE__ */ r(
-                g,
+                w,
                 {
                   variant: "small",
                   className: m(
@@ -79,8 +79,8 @@ const F = ({ date: d, weekdayInfo: h }) => {
           {
             className: "border-d-border flex flex-1 items-center justify-center border-r px-2 py-1.5 last:border-r-0",
             style: { minWidth: "120px" },
-            children: e.length > 10 ? /* @__PURE__ */ i(M, { children: [
-              /* @__PURE__ */ r(T, { asChild: !0, children: /* @__PURE__ */ r(
+            children: e.length > 10 ? /* @__PURE__ */ i(g, { children: [
+              /* @__PURE__ */ r(M, { asChild: !0, children: /* @__PURE__ */ r(
                 n,
                 {
                   variant: s ? "outline-primary" : "outline",
@@ -89,7 +89,7 @@ const F = ({ date: d, weekdayInfo: h }) => {
                 }
               ) }),
               /* @__PURE__ */ r(
-                w,
+                T,
                 {
                   sideOffset: 4,
                   className: "max-w-xs text-center break-words",
@@ -106,8 +106,8 @@ const F = ({ date: d, weekdayInfo: h }) => {
             )
           },
           e
-        )) : /* @__PURE__ */ r("div", { className: "flex flex-1 items-center justify-center px-2 py-1.5", children: t[0].length > 15 ? /* @__PURE__ */ i(M, { children: [
-          /* @__PURE__ */ r(T, { asChild: !0, children: /* @__PURE__ */ r(
+        )) : /* @__PURE__ */ r("div", { className: "flex flex-1 items-center justify-center px-2 py-1.5", children: t[0].length > 15 ? /* @__PURE__ */ i(g, { children: [
+          /* @__PURE__ */ r(M, { asChild: !0, children: /* @__PURE__ */ r(
             n,
             {
               variant: s ? "outline-primary" : "outline",
@@ -116,7 +116,7 @@ const F = ({ date: d, weekdayInfo: h }) => {
             }
           ) }),
           /* @__PURE__ */ r(
-            w,
+            T,
             {
               sideOffset: 4,
               className: "max-w-xs text-center break-words",