laif-ds 0.2.74 → 0.2.76

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

@@ -19,14 +19,16 @@ function s(e, t) {
       sortable: e.sortable ?? !1,
       filterable: e.filterable ?? !1,
       searchable: e.searchable ?? !1,
-      pinned: e.pinned
+      pinned: e.pinned,
+      cellClassName: e.cellClassName,
+      headerClassName: e.headerClassName
     }
   };
 }
-function y(e) {
+function h(e) {
   return s(e, "string");
 }
-function h(e) {
+function y(e) {
   return s(e, "number");
 }
 function _(e) {
@@ -39,7 +41,10 @@ function q(e) {
   return s(e, "datetime");
 }
 function F(e) {
-  const t = Array.isArray(e.options) ? typeof e.options[0] == "string" ? e.options.map((a) => ({ value: a, label: a })) : e.options : [], r = s(e, "list_single_select");
+  const t = Array.isArray(e.options) ? typeof e.options[0] == "string" ? e.options.map((a) => ({ value: a, label: a })) : e.options : [], r = s(
+    e,
+    "list_single_select"
+  );
   return {
     ...r,
     meta: {
@@ -50,7 +55,10 @@ function F(e) {
   };
 }
 function K(e) {
-  const t = Array.isArray(e.options) ? typeof e.options[0] == "string" ? e.options.map((a) => ({ value: a, label: a })) : e.options : [], r = s(e, "list_multi_select");
+  const t = Array.isArray(e.options) ? typeof e.options[0] == "string" ? e.options.map((a) => ({ value: a, label: a })) : e.options : [], r = s(
+    e,
+    "list_multi_select"
+  );
   return {
     ...r,
     meta: {
@@ -175,7 +183,7 @@ function D(e, t, r, a, l) {
     value: l
   });
 }
-function V(e, t, r, a, l, n, i) {
+function N(e, t, r, a, l, n, i) {
   return u({
     columnId: e,
     columnAccessorKey: t,
@@ -192,7 +200,7 @@ function p(e) {
     sort_order: e.map((t) => t.order)
   };
 }
-function f(e) {
+function V(e) {
   return {
     ...e.filters && {
       filters: {
@@ -228,6 +236,7 @@ function $(e, t, r) {
       return {
         ...a,
         meta: {
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
           ...a.meta,
           listOptions: n
         }
@@ -242,16 +251,17 @@ function M(e, t) {
     return l ? {
       ...r,
       meta: {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         ...r.meta,
         pinned: l
       }
     } : r;
   });
 }
-function w(e) {
+function f(e) {
   return e.map((t) => t.accessorKey || t.id).filter(Boolean);
 }
-function N(e, t) {
+function w(e, t) {
   return {
     string: [
       "like",
@@ -294,17 +304,17 @@ export {
   v as createDisplayColumn,
   u as createFilterBadge,
   O as createFilterBadges,
-  f as createInitialState,
-  V as createListFilter,
+  V as createInitialState,
+  N as createListFilter,
   K as createMultiSelectColumn,
-  h as createNumberColumn,
+  y as createNumberColumn,
   I as createNumberFilter,
   F as createSingleSelectColumn,
   p as createSorting,
-  y as createStringColumn,
+  h as createStringColumn,
   T as createStringFilter,
-  w as getColumnIds,
-  N as isValidOperatorForType,
+  f as getColumnIds,
+  w as isValidOperatorForType,
   M as pinColumns,
   b as toSelectOptions,
   k as toSelectOptionsFromObjects,

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/truncated-cell.js

@@ -0,0 +1,100 @@
+"use client";
+import { jsx as e, jsxs as v } from "react/jsx-runtime";
+import { useState as h, useRef as b, useCallback as j, useEffect as N } from "react";
+import { cn as c } from "../../lib/utils.js";
+import { Icon as B } from "./icon.js";
+import { Popover as L, PopoverTrigger as W, PopoverContent as K } from "./popover.js";
+import { Typo as T } from "./typo.js";
+function H({
+  children: o,
+  text: a,
+  title: w,
+  popoverContent: f,
+  className: k = "",
+  wrapperClassName: x = "",
+  popoverClassName: z = "",
+  showButton: O = !0,
+  emptyFallback: R = "-"
+}) {
+  const [p, C] = h(!1), [l, m] = h(!1), [P, E] = h(""), i = b(null), s = b(null), d = o !== void 0, t = a || P || (typeof o == "string" ? o : ""), D = d || typeof a == "string" && a.trim().length > 0, r = d || !!a || !!f || p, u = j(() => {
+    if (i.current) {
+      const { scrollWidth: n, clientWidth: I } = i.current, g = i.current.textContent?.trim() ?? "";
+      E(
+        (y) => y === g ? y : g
+      ), C(n > I);
+    }
+  }, []);
+  return N(() => {
+    u(), i.current && typeof ResizeObserver < "u" && (s.current = new ResizeObserver(u), s.current.observe(i.current));
+    const n = () => u();
+    return window.addEventListener("resize", n), () => {
+      s.current && (s.current.disconnect(), s.current = null), window.removeEventListener("resize", n);
+    };
+  }, [t, u]), N(() => {
+    !r && l && m(!1);
+  }, [r, l]), !D && !t ? /* @__PURE__ */ e("div", { className: c(x, "text-muted-foreground"), children: R }) : /* @__PURE__ */ v(L, { open: l, onOpenChange: m, children: [
+    /* @__PURE__ */ e(W, { asChild: !0, children: /* @__PURE__ */ v(
+      "button",
+      {
+        type: "button",
+        className: c(
+          "group flex max-w-60 min-w-0 items-center gap-2 text-left",
+          r && "cursor-pointer",
+          x
+        ),
+        disabled: !r,
+        "aria-label": r && t ? `Click to view full content: ${t}` : t || void 0,
+        onKeyDown: (n) => {
+          (n.key === "Enter" || n.key === " ") && r && (n.preventDefault(), m(!l));
+        },
+        children: [
+          /* @__PURE__ */ e("div", { className: "flex min-w-0 flex-1", children: /* @__PURE__ */ e(
+            "div",
+            {
+              ref: i,
+              className: c(
+                "truncate whitespace-nowrap",
+                r && "group-hover:underline",
+                k
+              ),
+              title: p ? t : void 0,
+              children: d ? o : t
+            }
+          ) }),
+          p && O && /* @__PURE__ */ e(
+            "span",
+            {
+              className: c(
+                "text-d-muted-foreground flex shrink-0 items-center opacity-50 transition-opacity group-hover:opacity-100"
+              ),
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ e(B, { name: "Eye", size: "sm" })
+            }
+          )
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ v(
+      K,
+      {
+        side: "top",
+        align: "start",
+        className: c("w-96", z),
+        children: [
+          w && /* @__PURE__ */ e("div", { className: "w-full", children: /* @__PURE__ */ e(T, { variant: "caption", className: "w-full font-bold", children: w }) }),
+          /* @__PURE__ */ e("div", { className: "w-full", children: f || (d && !t ? /* @__PURE__ */ e("div", { className: "w-full min-w-0", children: o }) : /* @__PURE__ */ e(
+            T,
+            {
+              variant: "caption",
+              className: "w-full break-words whitespace-pre-wrap",
+              children: t
+            }
+          )) })
+        ]
+      }
+    )
+  ] });
+}
+export {
+  H as TruncatedCell
+};

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