laif-ds 0.1.74 → 0.1.76

package/dist/components/ui/sidebar.js

@@ -29,16 +29,16 @@ const X = d.forwardRef(
     children: s,
     ...f
   }, g) => {
-    const c = j(), [p, u] = d.useState(!1), [x, _] = d.useState(a), h = e ?? x, w = d.useCallback(
+    const c = j(), [p, b] = d.useState(!1), [x, _] = d.useState(a), h = e ?? x, w = d.useCallback(
       (l) => {
-        const b = typeof l == "function" ? l(h) : l;
-        t ? t(b) : _(b), document.cookie = `${$}=${b}; path=/; max-age=${V}`;
+        const u = typeof l == "function" ? l(h) : l;
+        t ? t(u) : _(u), document.cookie = `${$}=${u}; path=/; max-age=${V}`;
       },
       [t, h]
-    ), S = d.useCallback(() => c ? u((l) => !l) : w((l) => !l), [c, w, u]);
+    ), S = d.useCallback(() => c ? b((l) => !l) : w((l) => !l), [c, w, b]);
     d.useEffect(() => {
-      const l = (b) => {
-        b.key === U && (b.metaKey || b.ctrlKey) && (b.preventDefault(), S());
+      const l = (u) => {
+        u.key === U && (u.metaKey || u.ctrlKey) && (u.preventDefault(), S());
       };
       return window.addEventListener("keydown", l), () => window.removeEventListener("keydown", l);
     }, [S]);
@@ -49,7 +49,7 @@ const X = d.forwardRef(
         setOpen: w,
         isMobile: c,
         openMobile: p,
-        setOpenMobile: u,
+        setOpenMobile: b,
         toggleSidebar: S
       }),
       [
@@ -58,7 +58,7 @@ const X = d.forwardRef(
         w,
         c,
         p,
-        u,
+        b,
         S
       ]
     );
@@ -91,24 +91,24 @@ const Y = d.forwardRef(
     children: n,
     ...s
   }, f) => {
-    const { isMobile: g, state: c, openMobile: p, setOpenMobile: u } = N();
+    const { isMobile: g, state: c, openMobile: p, setOpenMobile: b } = N();
     return t === "none" ? /* @__PURE__ */ r(
       "div",
       {
         className: i(
-          "bg-d-sidebar text-d-sidebar-foreground flex h-full w-[--sidebar-width] flex-col",
+          "bg-d-sidebar text-d-sidebar-foreground flex h-full w-[var(--sidebar-width)] flex-col",
           o
         ),
         ref: f,
         ...s,
         children: n
       }
-    ) : g ? /* @__PURE__ */ r(E, { open: p, onOpenChange: u, ...s, children: /* @__PURE__ */ m(
+    ) : g ? /* @__PURE__ */ r(E, { open: p, onOpenChange: b, ...s, children: /* @__PURE__ */ m(
       T,
       {
         "data-sidebar": "sidebar",
         "data-mobile": "true",
-        className: "bg-d-sidebar text-d-sidebar-foreground w-[--sidebar-width] p-0 [&>button]:hidden",
+        className: "bg-d-sidebar text-d-sidebar-foreground w-[var(--sidebar-width)] p-0 [&>button]:hidden",
         style: {
           "--sidebar-width": q
         },
@@ -135,10 +135,10 @@ const Y = d.forwardRef(
             "div",
             {
               className: i(
-                "relative w-[--sidebar-width] bg-transparent transition-[width] duration-200 ease-linear",
+                "relative w-[var(--sidebar-width)] bg-transparent transition-[width] duration-200 ease-linear",
                 "group-data-[collapsible=offcanvas]:w-0",
                 "group-data-[side=right]:rotate-180",
-                e === "floating" || e === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]" : "group-data-[collapsible=icon]:w-[--sidebar-width-icon]"
+                e === "floating" || e === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]" : "group-data-[collapsible=icon]:w-[var(--sidebar-width-icon)]"
               )
             }
           ),
@@ -146,10 +146,9 @@ const Y = d.forwardRef(
             "div",
             {
               className: i(
-                "fixed inset-y-0 z-10 hidden h-svh w-[--sidebar-width] transition-[left,right,width] duration-200 ease-linear md:flex",
+                "fixed inset-y-0 z-10 hidden h-svh w-[var(--sidebar-width)] transition-[left,right,width] duration-200 ease-linear md:flex",
                 a === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
-                // Adjust the padding for floating and inset variants.
-                e === "floating" || e === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]" : "group-data-[collapsible=icon]:w-[--sidebar-width-icon] group-data-[side=left]:border-r group-data-[side=right]:border-l",
+                e === "floating" || e === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]" : "border-d-border group-data-[collapsible=icon]:w-[var(--sidebar-width-icon)] group-data-[side=left]:border-r group-data-[side=right]:border-l",
                 o
               ),
               ...s,
@@ -355,7 +354,7 @@ const ce = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
   }
 ));
 ce.displayName = "SidebarMenuItem";
-const ue = k(
+const be = k(
   "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-d-sidebar-ring transition-[width,height,padding] hover:bg-d-sidebar-accent hover:text-d-sidebar-accent-foreground focus-visible:ring-2 active:bg-d-sidebar-accent active:text-d-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-d-sidebar-accent data-[active=true]:font-bold data-[active=true]:text-d-sidebar-accent-foreground data-[state=open]:hover:bg-d-sidebar-accent data-[state=open]:hover:text-d-sidebar-accent-foreground group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
   {
     variants: {
@@ -374,7 +373,7 @@ const ue = k(
       size: "default"
     }
   }
-), be = d.forwardRef(
+), ue = d.forwardRef(
   ({
     asChild: a = !1,
     isActive: e = !1,
@@ -384,14 +383,14 @@ const ue = k(
     className: s,
     ...f
   }, g) => {
-    const c = a ? v : "button", { isMobile: p, state: u } = N(), x = /* @__PURE__ */ r(
+    const c = a ? v : "button", { isMobile: p, state: b } = N(), x = /* @__PURE__ */ r(
       c,
       {
         ref: g,
         "data-sidebar": "menu-button",
         "data-size": o,
         "data-active": e,
-        className: i(ue({ variant: t, size: o }), s),
+        className: i(be({ variant: t, size: o }), s),
         ...f
       }
     );
@@ -404,14 +403,14 @@ const ue = k(
         {
           side: "right",
           align: "center",
-          hidden: u !== "collapsed" || p,
+          hidden: b !== "collapsed" || p,
           ...n
         }
       )
     ] })) : x;
   }
 );
-be.displayName = "SidebarMenuButton";
+ue.displayName = "SidebarMenuButton";
 const fe = d.forwardRef(({ className: a, asChild: e = !1, showOnHover: t = !1, ...o }, n) => /* @__PURE__ */ r(
   e ? v : "button",
   {
@@ -531,7 +530,7 @@ export {
   le as SidebarMenu,
   fe as SidebarMenuAction,
   pe as SidebarMenuBadge,
-  be as SidebarMenuButton,
+  ue as SidebarMenuButton,
   ce as SidebarMenuItem,
   me as SidebarMenuSkeleton,
   ge as SidebarMenuSub,

package/dist/components/ui/switch.js

@@ -11,7 +11,7 @@ function c({
     {
       "data-slot": "switch",
       className: t(
-        "peer data-[state=checked]:bg-d-primary data-[state=unchecked]:bg-d-input focus-visible:border-d-ring focus-visible:ring-d-ring/50 dark:data-[state=unchecked]:bg-d-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+        "peer data-[state=checked]:bg-d-primary data-[state=unchecked]:bg-d-input focus-visible:border-d-ring focus-visible:ring-d-ring/50 dark:data-[state=unchecked]:bg-d-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
         a
       ),
       ...r,
@@ -20,7 +20,7 @@ function c({
         {
           "data-slot": "switch-thumb",
           className: t(
-            "bg-d-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-d-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0"
+            "bg-d-background dark:data-[state=unchecked]:bg-d-foreground dark:data-[state=checked]:bg-d-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0"
           )
         }
       )

package/dist/components/ui/table-skeleton.js

@@ -1,57 +1,57 @@
 "use client";
-import { jsx as l, jsxs as a, Fragment as p } from "react/jsx-runtime";
+import { jsx as e, jsxs as r, Fragment as p } from "react/jsx-runtime";
 import { ScrollArea as x, ScrollBar as N } from "./scroll-area.js";
-import { Table as w, TableHeader as g, TableRow as c, TableHead as n, TableBody as v, TableCell as d } from "./table.js";
-import { Skeleton as m } from "./skeleton.js";
+import { Table as w, TableHeader as g, TableRow as i, TableHead as t, TableBody as v, TableCell as c } from "./table.js";
+import { Skeleton as d } from "./skeleton.js";
 function S({
-  headerRow: r = [],
+  headerRow: a = [],
   rowCount: h = 5,
-  columnCount: u = 5,
-  className: f,
-  cornerHeaderFrom: o,
-  cornerHeaderTo: s
+  columnCount: b = 5,
+  className: u,
+  cornerHeaderFrom: n,
+  cornerHeaderTo: m
 }) {
-  const i = r.length > 0 ? r.length : u;
-  return /* @__PURE__ */ l("div", { className: `w-full ${f || ""}`, children: /* @__PURE__ */ l("div", { className: "rounded-md border", children: /* @__PURE__ */ a(x, { className: "h-full w-full", children: [
-    /* @__PURE__ */ a(w, { className: "w-full table-fixed", children: [
-      /* @__PURE__ */ l(g, { children: /* @__PURE__ */ a(c, { children: [
-        /* @__PURE__ */ l(n, { className: "relative min-h-[50px] min-w-[50px] border-r", children: o && s && /* @__PURE__ */ a(p, { children: [
-          /* @__PURE__ */ l("div", { className: "absolute top-2 left-2 text-xs", children: o }),
-          /* @__PURE__ */ l("div", { className: "absolute right-2 bottom-2 text-xs", children: s })
+  const s = a.length > 0 ? a.length : b;
+  return /* @__PURE__ */ e("div", { className: `w-full ${u || ""}`, children: /* @__PURE__ */ e("div", { className: "border-d-border rounded-md border", children: /* @__PURE__ */ r(x, { className: "h-full w-full", children: [
+    /* @__PURE__ */ r(w, { className: "w-full table-fixed", children: [
+      /* @__PURE__ */ e(g, { children: /* @__PURE__ */ r(i, { children: [
+        /* @__PURE__ */ e(t, { className: "border-d-border relative min-h-[50px] min-w-[50px] border-r", children: n && m && /* @__PURE__ */ r(p, { children: [
+          /* @__PURE__ */ e("div", { className: "absolute top-2 left-2 text-xs", children: n }),
+          /* @__PURE__ */ e("div", { className: "absolute right-2 bottom-2 text-xs", children: m })
         ] }) }),
-        r.length > 0 ? r.map((t, e) => /* @__PURE__ */ l(
-          n,
+        a.length > 0 ? a.map((o, l) => /* @__PURE__ */ e(
+          t,
           {
-            className: "w-auto min-w-[100px] border-r",
-            children: t
+            className: "border-d-border w-auto min-w-[100px] border-r",
+            children: o
           },
-          `header-col-${e}`
-        )) : Array.from({ length: i }).map(
-          (t, e) => /* @__PURE__ */ l(
-            n,
+          `header-col-${l}`
+        )) : Array.from({ length: s }).map(
+          (o, l) => /* @__PURE__ */ e(
+            t,
             {
-              className: "w-auto min-w-[100px] border-r",
-              children: /* @__PURE__ */ l(m, { className: "mx-auto h-6 w-full" })
+              className: "border-d-border w-auto min-w-[100px] border-r",
+              children: /* @__PURE__ */ e(d, { className: "mx-auto h-6 w-full" })
             },
-            `skeleton-header-${e}`
+            `skeleton-header-${l}`
           )
         )
       ] }) }),
-      /* @__PURE__ */ l(v, { children: Array.from({ length: h }).map((t, e) => /* @__PURE__ */ a(c, { children: [
-        /* @__PURE__ */ l(d, { className: "w-auto min-w-[100px]", children: /* @__PURE__ */ l(m, { className: "h-6 w-full" }) }),
-        Array.from({ length: i }).map(
-          (T, b) => /* @__PURE__ */ l(
-            d,
+      /* @__PURE__ */ e(v, { children: Array.from({ length: h }).map((o, l) => /* @__PURE__ */ r(i, { children: [
+        /* @__PURE__ */ e(c, { className: "w-auto min-w-[100px]", children: /* @__PURE__ */ e(d, { className: "h-6 w-full" }) }),
+        Array.from({ length: s }).map(
+          (T, f) => /* @__PURE__ */ e(
+            c,
             {
-              className: "w-auto min-w-[100px] border-l text-center",
-              children: /* @__PURE__ */ l(m, { className: "mx-auto h-6 w-full" })
+              className: "border-d-border w-auto min-w-[100px] border-l text-center",
+              children: /* @__PURE__ */ e(d, { className: "mx-auto h-6 w-full" })
             },
-            `skeleton-cell-${e}-${b}`
+            `skeleton-cell-${l}-${f}`
           )
         )
-      ] }, `skeleton-row-${e}`)) })
+      ] }, `skeleton-row-${l}`)) })
     ] }),
-    /* @__PURE__ */ l(N, { orientation: "horizontal" })
+    /* @__PURE__ */ e(N, { orientation: "horizontal" })
   ] }) }) });
 }
 export {

package/dist/components/ui/table.js

@@ -1,12 +1,12 @@
 "use client";
-import { jsx as a } from "react/jsx-runtime";
-import { cn as o } from "../../lib/utils.js";
+import { jsx as r } from "react/jsx-runtime";
+import { cn as a } from "../../lib/utils.js";
 function d({ className: e, ...t }) {
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ r(
     "table",
     {
       "data-slot": "table-container",
-      className: o(
+      className: a(
         "relative w-full caption-bottom overflow-x-auto text-sm",
         e
       ),
@@ -15,44 +15,44 @@ function d({ className: e, ...t }) {
   );
 }
 function n({ className: e, ...t }) {
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ r(
     "thead",
     {
       "data-slot": "table-header",
-      className: o("[&_tr]:border-b", e),
+      className: a("border-d-border [&_tr]:border-b", e),
       ...t
     }
   );
 }
-function s({ className: e, ...t }) {
-  return /* @__PURE__ */ a(
+function b({ className: e, ...t }) {
+  return /* @__PURE__ */ r(
     "tbody",
     {
       "data-slot": "table-body",
-      className: o("[&_tr:last-child]:border-0", e),
+      className: a("border-d-border [&_tr:last-child]:border-0", e),
       ...t
     }
   );
 }
-function c({ className: e, ...t }) {
-  return /* @__PURE__ */ a(
+function s({ className: e, ...t }) {
+  return /* @__PURE__ */ r(
     "tfoot",
     {
       "data-slot": "table-footer",
-      className: o(
-        "bg-d-secondary/50 border-t font-medium [&>tr]:last:border-b-0",
+      className: a(
+        "bg-d-secondary/50 border-d-border border-t font-medium [&>tr]:last:border-b-0",
         e
       ),
       ...t
     }
   );
 }
-function b({ className: e, ...t }) {
-  return /* @__PURE__ */ a(
+function c({ className: e, ...t }) {
+  return /* @__PURE__ */ r(
     "tr",
     {
       "data-slot": "table-row",
-      className: o(
+      className: a(
         "hover:bg-d-secondary/50 data-[state=selected]:bg-d-secondary border-d-border border-b transition-colors",
         e
       ),
@@ -61,11 +61,11 @@ function b({ className: e, ...t }) {
   );
 }
 function i({ className: e, ...t }) {
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ r(
     "th",
     {
       "data-slot": "table-head",
-      className: o(
+      className: a(
         "text-d-foreground border-d-border h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
         e
       ),
@@ -74,11 +74,11 @@ function i({ className: e, ...t }) {
   );
 }
 function u({ className: e, ...t }) {
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ r(
     "td",
     {
       "data-slot": "table-cell",
-      className: o(
+      className: a(
         "p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
         e
       ),
@@ -90,22 +90,22 @@ function m({
   className: e,
   ...t
 }) {
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ r(
     "caption",
     {
       "data-slot": "table-caption",
-      className: o("text-d-secondary-foreground mt-4 text-sm", e),
+      className: a("text-d-secondary-foreground mt-4 text-sm", e),
       ...t
     }
   );
 }
 export {
   d as Table,
-  s as TableBody,
+  b as TableBody,
   m as TableCaption,
   u as TableCell,
-  c as TableFooter,
+  s as TableFooter,
   i as TableHead,
   n as TableHeader,
-  b as TableRow
+  c as TableRow
 };

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

@@ -1,15 +1,15 @@
 "use client";
 import { jsx as i } from "react/jsx-runtime";
-import * as s from "react";
+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 d } from "../../lib/utils.js";
+import { cn as s } from "../../lib/utils.js";
 import { toggleVariants as g } from "./toggle.js";
-const l = s.createContext({
+const l = d.createContext({
   size: "default",
   variant: "default"
 });
 function x({
-  className: r,
+  className: a,
   variant: o,
   size: t,
   children: e,
@@ -21,9 +21,9 @@ function x({
       "data-slot": "toggle-group",
       "data-variant": o,
       "data-size": t,
-      className: d(
+      className: s(
         "group/toggle-group flex w-fit items-center rounded-md data-[variant=outline]:shadow-xs",
-        r
+        a
       ),
       ...n,
       children: /* @__PURE__ */ i(l.Provider, { value: { variant: o, size: t }, children: e })
@@ -31,26 +31,26 @@ function x({
   );
 }
 function z({
-  className: r,
+  className: a,
   children: o,
   variant: t,
   size: e,
   ...n
 }) {
-  const a = s.useContext(l);
+  const r = d.useContext(l);
   return /* @__PURE__ */ i(
     m,
     {
       "data-slot": "toggle-group-item",
-      "data-variant": a.variant || t,
-      "data-size": a.size || e,
-      className: d(
+      "data-variant": r.variant || t,
+      "data-size": r.size || e,
+      className: s(
         g({
-          variant: a.variant || t,
-          size: a.size || e
+          variant: r.variant || t,
+          size: r.size || e
         }),
-        "min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l-md last:rounded-r-md focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l",
-        r
+        "border-d-border min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l-md last:rounded-r-md focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l",
+        a
       ),
       ...n,
       children: o

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

@@ -7,47 +7,47 @@ 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 N, Tooltip as T, TooltipTrigger as y, TooltipContent as C } from "../tooltip.js";
 import { Typo as k } from "../typo.js";
-const S = ({ appointment: e }) => {
+const S = ({ appointment: r }) => {
   const { setSelectedAppointmentId: h } = b(), f = n(() => {
-    if (e.color)
+    if (r.color)
       return {
-        backgroundColor: u(e.color, 0.75),
-        borderColor: u(e.color, 1),
-        color: v(e.color),
+        backgroundColor: u(r.color, 0.75),
+        borderColor: u(r.color, 1),
+        color: v(r.color),
         backdropFilter: "blur(5px)"
       };
-  }, [e.color]), t = e.endTime || c(`2000-01-01 ${e.startTime}`).add(1, "hour").format("HH:mm"), x = n(() => {
-    const r = c(`2000-01-01 ${e.startTime}`), a = c(`2000-01-01 ${t}`).diff(r, "minute"), i = Math.floor(a / 60), d = a % 60;
+  }, [r.color]), t = r.endTime || c(`2000-01-01 ${r.startTime}`).add(1, "hour").format("HH:mm"), x = n(() => {
+    const e = c(`2000-01-01 ${r.startTime}`), a = c(`2000-01-01 ${t}`).diff(e, "minute"), i = Math.floor(a / 60), d = a % 60;
     return i === 0 ? `${d}m` : d === 0 ? `${i}h` : `${i}h ${d}m`;
-  }, [e.startTime, t]);
+  }, [r.startTime, t]);
   return /* @__PURE__ */ s(N, { delayDuration: 300, children: /* @__PURE__ */ l(T, { children: [
     /* @__PURE__ */ s(y, { asChild: !0, children: /* @__PURE__ */ l(
       "div",
       {
-        onClick: (r) => {
-          r.preventDefault(), r.stopPropagation(), h(e.id);
+        onClick: (e) => {
+          e.preventDefault(), e.stopPropagation(), h(r.id);
         },
         style: f,
         className: g(
-          "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
+          "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",
+          r.className
         ),
         children: [
-          /* @__PURE__ */ s("div", { className: "text-sm font-semibold", children: e?.title?.length > 15 ? e?.title?.slice(0, 15) + "..." : e?.title }),
+          /* @__PURE__ */ s("div", { className: "text-sm font-semibold", children: r?.title?.length > 15 ? r?.title?.slice(0, 15) + "..." : r?.title }),
           /* @__PURE__ */ l("div", { className: "text-xs", children: [
-            e?.startTime,
+            r?.startTime,
             " - ",
             t
           ] }),
-          e?.attributes?.filter((r) => r.showPreview).map((r, o) => /* @__PURE__ */ l(
+          r?.attributes?.filter((e) => e.showPreview).map((e, o) => /* @__PURE__ */ l(
             "div",
             {
               className: "bg-d-background/30 mt-1 rounded p-1 text-xs",
               children: [
-                /* @__PURE__ */ s("span", { className: "font-semibold", children: r.key }),
+                /* @__PURE__ */ s("span", { className: "font-semibold", children: e.key }),
                 ":",
                 " ",
-                /* @__PURE__ */ s("span", { className: "font-medium", children: r.value })
+                /* @__PURE__ */ s("span", { className: "font-medium", children: e.value })
               ]
             },
             o
@@ -56,31 +56,31 @@ const S = ({ appointment: e }) => {
       }
     ) }),
     /* @__PURE__ */ l(C, { side: "right", variant: "card", children: [
-      e?.title && /* @__PURE__ */ l(k, { children: [
-        e?.title,
+      r?.title && /* @__PURE__ */ l(k, { children: [
+        r?.title,
         " (",
         x,
         ")"
       ] }),
       /* @__PURE__ */ l("div", { className: "text-d-accent-foreground", children: [
-        e?.startTime,
+        r?.startTime,
         " - ",
         t
       ] }),
       /* @__PURE__ */ l("div", { className: "mt-2 mb-3.5 flex flex-col", children: [
         /* @__PURE__ */ s("span", { className: "font-medium", children: "Descrizione:" }),
-        /* @__PURE__ */ s("span", { className: "text-d-accent-foreground text-xs", children: e?.description || "-" })
+        /* @__PURE__ */ s("span", { className: "text-d-accent-foreground text-xs", children: r?.description || "-" })
       ] }),
-      e?.attributes && e.attributes.length > 0 && /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s("div", { className: "space-y-1", children: e.attributes.map((r, o) => /* @__PURE__ */ l(
+      r?.attributes && r.attributes.length > 0 && /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s("div", { className: "space-y-1", children: r.attributes.map((e, o) => /* @__PURE__ */ l(
         "div",
         {
           className: "flex items-start justify-between gap-4 py-1 text-right",
           children: [
             /* @__PURE__ */ l("span", { className: "font-medium", children: [
-              m.upperFirst(r.key),
+              m.upperFirst(e.key),
               ":"
             ] }),
-            /* @__PURE__ */ s("span", { className: "text-d-accent-foreground max-w-[200px]", children: m.upperFirst(r.value?.toString() || "") })
+            /* @__PURE__ */ s("span", { className: "text-d-accent-foreground max-w-[200px]", children: m.upperFirst(e.value?.toString() || "") })
           ]
         },
         o

package/dist/styles.css

@@ -1 +1 @@
-@import "tailwindcss";@import "tw-animate-css";:root{--d-radius:6px;--d-background:#fafafa;--d-foreground:#2e2e2e;--d-card:#fafafa;--d-card-foreground:#2e2e2e;--d-popover:#fafafa;--d-popover-foreground:#2e2e2e;--d-primary:#64c2d1;--d-primary-foreground:#1f1f1f;--d-secondary:#f5f5f5;--d-secondary-foreground:#2e2e2e;--d-muted:#e0e0e0;--d-muted-foreground:#7a7a7a;--d-accent:#e0e0e0;--d-accent-foreground:#2e2e2e;--d-destructive:#ec2842;--d-destructive-foreground:#85202d;--d-border:#e0e0e0;--d-input:#e0e0e0;--d-ring:#64c2d1;--d-chart-1:#64c2d1;--d-chart-2:#39f283;--d-chart-3:orange;--d-chart-4:orange;--d-chart-5:#eb576a;--d-sidebar:#f5f5f5;--d-sidebar-foreground:#2e2e2e;--d-sidebar-primary:#64c2d1;--d-sidebar-primary-foreground:#1f1f1f;--d-sidebar-accent:#e0e0e066;--d-sidebar-accent-foreground:#2e2e2e;--d-sidebar-border:#e0e0e0;--d-sidebar-ring:#64c2d1}.dark{--d-radius:6px;--d-background:#1f1f1f;--d-foreground:#e0e0e0;--d-card:#1f1f1f;--d-card-foreground:#e0e0e0;--d-popover:#1f1f1f;--d-popover-foreground:#e0e0e0;--d-primary:#64c2d1;--d-primary-foreground:#1f1f1f;--d-secondary:#2e2e2e;--d-secondary-foreground:#e0e0e0;--d-muted:#474747;--d-muted-foreground:#7a7a7a;--d-accent:#474747;--d-accent-foreground:#e0e0e0;--d-destructive:#85202d;--d-destructive-foreground:#e0e0e0;--d-border:#2e2e2e;--d-input:#2e2e2e;--d-ring:#64c2d1;--d-chart-1:#64c2d1;--d-chart-2:#39f283;--d-chart-3:orange;--d-chart-4:orange;--d-chart-5:#eb576a;--d-sidebar:#141414;--d-sidebar-foreground:#e0e0e0;--d-sidebar-primary:#64c2d1;--d-sidebar-primary-foreground:#1f1f1f;--d-sidebar-accent:#47474766;--d-sidebar-accent-foreground:#e0e0e0;--d-sidebar-border:#2e2e2e;--d-sidebar-ring:#64c2d1}.tangerine{--d-background:oklch(0.26 0.03 262.67);--d-foreground:oklch(0.92 0 0);--d-card:oklch(0.31 0.03 268.64);--d-card-foreground:oklch(0.92 0 0);--d-popover:oklch(0.29 0.02 268.4);--d-popover-foreground:oklch(0.92 0 0);--d-primary:oklch(0.64 0.17 36.44);--d-primary-foreground:oklch(1 0 0);--d-secondary:oklch(0.31 0.03 266.71);--d-secondary-foreground:oklch(0.92 0 0);--d-muted:oklch(0.31 0.03 266.71);--d-muted-foreground:oklch(0.72 0 0);--d-accent:oklch(0.34 0.06 267.59);--d-accent-foreground:oklch(0.88 0.06 254.13);--d-destructive:oklch(0.64 0.21 25.33);--d-destructive-foreground:oklch(1 0 0);--d-border:oklch(0.38 0.03 269.73);--d-input:oklch(0.38 0.03 269.73);--d-ring:oklch(0.64 0.17 36.44);--d-chart-1:oklch(0.72 0.06 248.68);--d-chart-2:oklch(0.77 0.09 34.19);--d-chart-3:oklch(0.58 0.08 254.16);--d-chart-4:oklch(0.5 0.08 259.49);--d-chart-5:oklch(0.42 0.1 264.03);--d-sidebar:oklch(0.31 0.03 267.74);--d-sidebar-foreground:oklch(0.92 0 0);--d-sidebar-primary:oklch(0.64 0.17 36.44);--d-sidebar-primary-foreground:oklch(1 0 0);--d-sidebar-accent:oklch(0.34 0.06 267.59);--d-sidebar-accent-foreground:oklch(0.88 0.06 254.13);--d-sidebar-border:oklch(0.38 0.03 269.73);--d-sidebar-ring:oklch(0.64 0.17 36.44);--d-font-sans:Inter,sans-serif;--d-font-serif:Source Serif 4,serif;--d-font-mono:JetBrains Mono,monospace;--d-radius:0.75rem;--d-shadow-2xs:0px 1px 3px 0px #0000000d;--d-shadow-xs:0px 1px 3px 0px #0000000d;--d-shadow-sm:0px 1px 3px 0px #0000001a,0px 1px 2px -1px #0000001a;--d-shadow:0px 1px 3px 0px #0000001a,0px 1px 2px -1px #0000001a;--d-shadow-md:0px 1px 3px 0px #0000001a,0px 2px 4px -1px #0000001a;--d-shadow-lg:0px 1px 3px 0px #0000001a,0px 4px 6px -1px #0000001a;--d-shadow-xl:0px 1px 3px 0px #0000001a,0px 8px 10px -1px #0000001a;--d-shadow-2xl:0px 1px 3px 0px #00000040}.claymorphism{--d-background:#1e1b18;--d-foreground:#e2e8f0;--d-card:#2c2825;--d-card-foreground:#e2e8f0;--d-popover:#2c2825;--d-popover-foreground:#e2e8f0;--d-primary:#818cf8;--d-primary-foreground:#1e1b18;--d-secondary:#3a3633;--d-secondary-foreground:#d1d5db;--d-muted:#2c2825;--d-muted-foreground:#9ca3af;--d-accent:#484441;--d-accent-foreground:#d1d5db;--d-destructive:#ef4444;--d-destructive-foreground:#1e1b18;--d-border:#3a3633;--d-input:#3a3633;--d-ring:#818cf8;--d-chart-1:#818cf8;--d-chart-2:#6366f1;--d-chart-3:#4f46e5;--d-chart-4:#4338ca;--d-chart-5:#3730a3;--d-sidebar:#3a3633;--d-sidebar-foreground:#e2e8f0;--d-sidebar-primary:#818cf8;--d-sidebar-primary-foreground:#1e1b18;--d-sidebar-accent:#484441;--d-sidebar-accent-foreground:#d1d5db;--d-sidebar-border:#3a3633;--d-sidebar-ring:#818cf8;--d-font-sans:Plus Jakarta Sans,sans-serif;--d-font-serif:Lora,serif;--d-font-mono:Roboto Mono,monospace;--d-radius:1.25rem;--d-shadow-2xs:2px 2px 10px 4px #00000017;--d-shadow-xs:2px 2px 10px 4px #00000017;--d-shadow-sm:2px 2px 10px 4px #0000002e,2px 1px 2px 3px #0000002e;--d-shadow:2px 2px 10px 4px #0000002e,2px 1px 2px 3px #0000002e;--d-shadow-md:2px 2px 10px 4px #0000002e,2px 2px 4px 3px #0000002e;--d-shadow-lg:2px 2px 10px 4px #0000002e,2px 4px 6px 3px #0000002e;--d-shadow-xl:2px 2px 10px 4px #0000002e,2px 8px 10px 3px #0000002e;--d-shadow-2xl:2px 2px 10px 4px #00000073}@theme inline{--radius-d-sm:calc(var(--d-radius) - 4px);--radius-d-md:calc(var(--d-radius) - 2px);--radius-d-lg:var(--d-radius);--radius-d-xl:calc(var(--d-radius) + 4px);--color-d-background:var(--d-background);--color-d-foreground:var(--d-foreground);--color-d-card:var(--d-card);--color-d-card-foreground:var(--d-card-foreground);--color-d-popover:var(--d-popover);--color-d-popover-foreground:var(--d-popover-foreground);--color-d-primary:var(--d-primary);--color-d-primary-foreground:var(--d-primary-foreground);--color-d-secondary:var(--d-secondary);--color-d-secondary-foreground:var(--d-secondary-foreground);--color-d-muted:var(--d-muted);--color-d-muted-foreground:var(--d-muted-foreground);--color-d-accent:var(--d-accent);--color-d-accent-foreground:var(--d-accent-foreground);--color-d-destructive:var(--d-destructive);--color-d-border:var(--d-border);--color-d-input:var(--d-input);--color-d-ring:var(--d-ring);--color-d-chart-1:var(--d-chart-1);--color-d-chart-2:var(--d-chart-2);--color-d-chart-3:var(--d-chart-3);--color-d-chart-4:var(--d-chart-4);--color-d-chart-5:var(--d-chart-5);--color-d-sidebar:var(--d-sidebar);--color-d-sidebar-foreground:var(--d-sidebar-foreground);--color-d-sidebar-primary:var(--d-sidebar-primary);--color-d-sidebar-primary-foreground:var(--d-sidebar-primary-foreground);--color-d-sidebar-accent:var(--d-sidebar-accent);--color-d-sidebar-accent-foreground:var(--d-sidebar-accent-foreground);--color-d-sidebar-border:var(--d-sidebar-border);--color-d-sidebar-ring:var(--d-sidebar-ring)}*{border-color:var(--d-border);outline-color:color-mix(in oklab,var(--d-ring) 50%,#0000)}body{background-color:var(--d-background);color:var(--d-foreground)}
+@import "tailwindcss";@import "tw-animate-css";:root{--d-radius:6px;--d-background:#fafafa;--d-foreground:#2e2e2e;--d-card:#fafafa;--d-card-foreground:#2e2e2e;--d-popover:#fff;--d-popover-foreground:#2e2e2e;--d-primary:#64c2d1;--d-primary-foreground:#1f1f1f;--d-secondary:#f5f5f5;--d-secondary-foreground:#2e2e2e;--d-muted:#e0e0e0;--d-muted-foreground:#7a7a7a;--d-accent:#e0e0e0;--d-accent-foreground:#2e2e2e;--d-destructive:#ec2842;--d-destructive-foreground:#85202d;--d-border:#e0e0e0;--d-input:#fff;--d-ring:#64c2d1;--d-chart-1:#64c2d1;--d-chart-2:#39f283;--d-chart-3:orange;--d-chart-4:orange;--d-chart-5:#eb576a;--d-sidebar:#f5f5f5;--d-sidebar-foreground:#2e2e2e;--d-sidebar-primary:#64c2d1;--d-sidebar-primary-foreground:#1f1f1f;--d-sidebar-accent:#e0e0e066;--d-sidebar-accent-foreground:#2e2e2e;--d-sidebar-border:#e0e0e0;--d-sidebar-ring:#64c2d1}.dark{--d-radius:6px;--d-background:#1f1f1f;--d-foreground:#e0e0e0;--d-card:#1f1f1f;--d-card-foreground:#e0e0e0;--d-popover:#1f1f1f;--d-popover-foreground:#e0e0e0;--d-primary:#64c2d1;--d-primary-foreground:#1f1f1f;--d-secondary:#2e2e2e;--d-secondary-foreground:#e0e0e0;--d-muted:#474747;--d-muted-foreground:#7a7a7a;--d-accent:#474747;--d-accent-foreground:#e0e0e0;--d-destructive:#85202d;--d-destructive-foreground:#e0e0e0;--d-border:#2e2e2e;--d-input:#2e2e2e;--d-ring:#64c2d1;--d-chart-1:#64c2d1;--d-chart-2:#39f283;--d-chart-3:orange;--d-chart-4:orange;--d-chart-5:#eb576a;--d-sidebar:#141414;--d-sidebar-foreground:#e0e0e0;--d-sidebar-primary:#64c2d1;--d-sidebar-primary-foreground:#1f1f1f;--d-sidebar-accent:#47474766;--d-sidebar-accent-foreground:#e0e0e0;--d-sidebar-border:#2e2e2e;--d-sidebar-ring:#64c2d1}.tangerine{--d-background:oklch(0.26 0.03 262.67);--d-foreground:oklch(0.92 0 0);--d-card:oklch(0.31 0.03 268.64);--d-card-foreground:oklch(0.92 0 0);--d-popover:oklch(0.29 0.02 268.4);--d-popover-foreground:oklch(0.92 0 0);--d-primary:oklch(0.64 0.17 36.44);--d-primary-foreground:oklch(1 0 0);--d-secondary:oklch(0.31 0.03 266.71);--d-secondary-foreground:oklch(0.92 0 0);--d-muted:oklch(0.31 0.03 266.71);--d-muted-foreground:oklch(0.72 0 0);--d-accent:oklch(0.34 0.06 267.59);--d-accent-foreground:oklch(0.88 0.06 254.13);--d-destructive:oklch(0.64 0.21 25.33);--d-destructive-foreground:oklch(1 0 0);--d-border:oklch(0.38 0.03 269.73);--d-input:oklch(0.38 0.03 269.73);--d-ring:oklch(0.64 0.17 36.44);--d-chart-1:oklch(0.72 0.06 248.68);--d-chart-2:oklch(0.77 0.09 34.19);--d-chart-3:oklch(0.58 0.08 254.16);--d-chart-4:oklch(0.5 0.08 259.49);--d-chart-5:oklch(0.42 0.1 264.03);--d-sidebar:oklch(0.31 0.03 267.74);--d-sidebar-foreground:oklch(0.92 0 0);--d-sidebar-primary:oklch(0.64 0.17 36.44);--d-sidebar-primary-foreground:oklch(1 0 0);--d-sidebar-accent:oklch(0.34 0.06 267.59);--d-sidebar-accent-foreground:oklch(0.88 0.06 254.13);--d-sidebar-border:oklch(0.38 0.03 269.73);--d-sidebar-ring:oklch(0.64 0.17 36.44);--d-font-sans:Inter,sans-serif;--d-font-serif:Source Serif 4,serif;--d-font-mono:JetBrains Mono,monospace;--d-radius:0.75rem;--d-shadow-2xs:0px 1px 3px 0px #0000000d;--d-shadow-xs:0px 1px 3px 0px #0000000d;--d-shadow-sm:0px 1px 3px 0px #0000001a,0px 1px 2px -1px #0000001a;--d-shadow:0px 1px 3px 0px #0000001a,0px 1px 2px -1px #0000001a;--d-shadow-md:0px 1px 3px 0px #0000001a,0px 2px 4px -1px #0000001a;--d-shadow-lg:0px 1px 3px 0px #0000001a,0px 4px 6px -1px #0000001a;--d-shadow-xl:0px 1px 3px 0px #0000001a,0px 8px 10px -1px #0000001a;--d-shadow-2xl:0px 1px 3px 0px #00000040}.claymorphism{--d-background:#1e1b18;--d-foreground:#e2e8f0;--d-card:#2c2825;--d-card-foreground:#e2e8f0;--d-popover:#2c2825;--d-popover-foreground:#e2e8f0;--d-primary:#818cf8;--d-primary-foreground:#1e1b18;--d-secondary:#3a3633;--d-secondary-foreground:#d1d5db;--d-muted:#2c2825;--d-muted-foreground:#9ca3af;--d-accent:#484441;--d-accent-foreground:#d1d5db;--d-destructive:#ef4444;--d-destructive-foreground:#1e1b18;--d-border:#3a3633;--d-input:#3a3633;--d-ring:#818cf8;--d-chart-1:#818cf8;--d-chart-2:#6366f1;--d-chart-3:#4f46e5;--d-chart-4:#4338ca;--d-chart-5:#3730a3;--d-sidebar:#3a3633;--d-sidebar-foreground:#e2e8f0;--d-sidebar-primary:#818cf8;--d-sidebar-primary-foreground:#1e1b18;--d-sidebar-accent:#484441;--d-sidebar-accent-foreground:#d1d5db;--d-sidebar-border:#3a3633;--d-sidebar-ring:#818cf8;--d-font-sans:Plus Jakarta Sans,sans-serif;--d-font-serif:Lora,serif;--d-font-mono:Roboto Mono,monospace;--d-radius:1.25rem;--d-shadow-2xs:2px 2px 10px 4px #00000017;--d-shadow-xs:2px 2px 10px 4px #00000017;--d-shadow-sm:2px 2px 10px 4px #0000002e,2px 1px 2px 3px #0000002e;--d-shadow:2px 2px 10px 4px #0000002e,2px 1px 2px 3px #0000002e;--d-shadow-md:2px 2px 10px 4px #0000002e,2px 2px 4px 3px #0000002e;--d-shadow-lg:2px 2px 10px 4px #0000002e,2px 4px 6px 3px #0000002e;--d-shadow-xl:2px 2px 10px 4px #0000002e,2px 8px 10px 3px #0000002e;--d-shadow-2xl:2px 2px 10px 4px #00000073}@theme inline{--radius-d-sm:calc(var(--d-radius) - 4px);--radius-d-md:calc(var(--d-radius) - 2px);--radius-d-lg:var(--d-radius);--radius-d-xl:calc(var(--d-radius) + 4px);--color-d-background:var(--d-background);--color-d-foreground:var(--d-foreground);--color-d-card:var(--d-card);--color-d-card-foreground:var(--d-card-foreground);--color-d-popover:var(--d-popover);--color-d-popover-foreground:var(--d-popover-foreground);--color-d-primary:var(--d-primary);--color-d-primary-foreground:var(--d-primary-foreground);--color-d-secondary:var(--d-secondary);--color-d-secondary-foreground:var(--d-secondary-foreground);--color-d-muted:var(--d-muted);--color-d-muted-foreground:var(--d-muted-foreground);--color-d-accent:var(--d-accent);--color-d-accent-foreground:var(--d-accent-foreground);--color-d-destructive:var(--d-destructive);--color-d-border:var(--d-border);--color-d-input:var(--d-input);--color-d-ring:var(--d-ring);--color-d-chart-1:var(--d-chart-1);--color-d-chart-2:var(--d-chart-2);--color-d-chart-3:var(--d-chart-3);--color-d-chart-4:var(--d-chart-4);--color-d-chart-5:var(--d-chart-5);--color-d-sidebar:var(--d-sidebar);--color-d-sidebar-foreground:var(--d-sidebar-foreground);--color-d-sidebar-primary:var(--d-sidebar-primary);--color-d-sidebar-primary-foreground:var(--d-sidebar-primary-foreground);--color-d-sidebar-accent:var(--d-sidebar-accent);--color-d-sidebar-accent-foreground:var(--d-sidebar-accent-foreground);--color-d-sidebar-border:var(--d-sidebar-border);--color-d-sidebar-ring:var(--d-sidebar-ring)}*{outline-color:color-mix(in oklab,var(--d-ring) 50%,#0000)}body{background-color:var(--d-background);color:var(--d-foreground)}