laif-ds 0.1.32 → 0.1.34

package/dist/components/ui/async-select.js

@@ -65,7 +65,9 @@ function Ee({
         const s = await l(a);
         P(s), p(s);
       } catch (s) {
-        h(s instanceof Error ? s.message : "Failed to fetch options");
+        h(
+          s instanceof Error ? s.message : "Failed to fetch options"
+        );
       } finally {
         u(!1);
       }
@@ -77,28 +79,35 @@ function Ee({
         const s = await l(g);
         P(s), p(s);
       } catch (s) {
-        h(s instanceof Error ? s.message : "Failed to fetch options");
+        h(
+          s instanceof Error ? s.message : "Failed to fetch options"
+        );
       } finally {
         u(!1);
       }
     };
-    f && d ? d && p(g ? T.filter((s) => x ? x(s, g) : !0) : T) : t();
+    f && d ? d && p(
+      g ? T.filter(
+        (s) => x ? x(s, g) : !0
+      ) : T
+    ) : t();
   }, [l, g, f, d, x]);
-  const Y = F((t) => {
-    const s = v && t === C ? "" : t;
-    S(s), L(o.find((_) => i(_) === s) || null), m(s), N(!1);
-  }, [C, m, v, o, i]), Z = F((t) => {
-    t.stopPropagation(), t.preventDefault(), S(""), L(null), m(""), N(!1);
-  }, [m]), I = V.useId();
+  const Y = F(
+    (t) => {
+      const s = v && t === C ? "" : t;
+      S(s), L(
+        o.find((_) => i(_) === s) || null
+      ), m(s), N(!1);
+    },
+    [C, m, v, o, i]
+  ), Z = F(
+    (t) => {
+      t.stopPropagation(), t.preventDefault(), S(""), L(null), m(""), N(!1);
+    },
+    [m]
+  ), I = V.useId();
   return /* @__PURE__ */ n("div", { className: "space-y-1.5", children: [
-    c && /* @__PURE__ */ e(
-      ne,
-      {
-        htmlFor: I,
-        className: U,
-        children: c
-      }
-    ),
+    c && /* @__PURE__ */ e(ne, { htmlFor: I, className: U, children: c }),
     /* @__PURE__ */ n(le, { open: E, onOpenChange: N, children: [
       /* @__PURE__ */ e(ce, { asChild: !0, children: /* @__PURE__ */ e(
         se,
@@ -109,19 +118,19 @@ function Ee({
           "aria-expanded": E,
           className: D(
             he({ size: K }),
-            j && "opacity-50 cursor-not-allowed",
+            j && "cursor-not-allowed opacity-50",
             H,
             "font-normal"
           ),
           style: { width: k },
           disabled: j,
-          children: /* @__PURE__ */ n("div", { className: "flex-1 flex items-center justify-between overflow-hidden", children: [
+          children: /* @__PURE__ */ n("div", { className: "flex flex-1 items-center justify-between overflow-hidden", children: [
             z ? /* @__PURE__ */ e("div", { className: "truncate", children: B(z) }) : /* @__PURE__ */ e("span", { className: "text-d-muted-foreground hover:text-d-foreground", children: X }),
             /* @__PURE__ */ n("div", { className: "flex items-center gap-1", children: [
               v && z && /* @__PURE__ */ e(
                 "div",
                 {
-                  className: "flex items-center justify-center rounded-full bg-d-secondary/20 hover:bg-d-secondary/30 p-1 cursor-pointer z-20 border",
+                  className: "bg-d-secondary/20 hover:bg-d-secondary/30 z-20 flex cursor-pointer items-center justify-center rounded-full border p-1",
                   onClick: Z,
                   onMouseDown: (t) => t.preventDefault(),
                   "aria-label": "Clear selection",
@@ -133,55 +142,62 @@ function Ee({
           ] })
         }
       ) }),
-      /* @__PURE__ */ e(de, { style: { width: k }, className: D("p-0", q), children: /* @__PURE__ */ n(oe, { shouldFilter: !1, children: [
-        /* @__PURE__ */ n("div", { className: "relative border-b w-full", children: [
-          /* @__PURE__ */ e(
-            re,
-            {
-              placeholder: `Search ${typeof c == "string" ? c.toLowerCase() : "options"}...`,
-              value: O,
-              onValueChange: (t) => {
-                W(t);
-              }
-            }
-          ),
-          w && o.length > 0 && /* @__PURE__ */ e("div", { className: "absolute right-2 top-1/2 transform -translate-y-1/2 flex items-center", children: /* @__PURE__ */ e(pe, { className: "h-4 w-4 animate-spin" }) })
-        ] }),
-        /* @__PURE__ */ n(ae, { children: [
-          b && /* @__PURE__ */ e("div", { className: "p-3 text-d-destructive text-center", children: b }),
-          w && o.length === 0 && (R || /* @__PURE__ */ e(ge, {})),
-          !w && !b && o.length === 0 && (G || /* @__PURE__ */ e(ie, { children: J ?? `No ${typeof c == "string" ? c.toLowerCase() : "options"} found.` })),
-          /* @__PURE__ */ e(M, { children: o.map((t) => /* @__PURE__ */ n(
-            $,
-            {
-              value: i(t),
-              onSelect: Y,
-              children: [
-                A(t),
-                /* @__PURE__ */ e(
-                  ue,
-                  {
-                    className: D(
-                      "ml-auto h-3 w-3",
-                      C === i(t) ? "opacity-100" : "opacity-0"
-                    )
+      /* @__PURE__ */ e(
+        de,
+        {
+          style: { width: k },
+          className: D("p-0", q),
+          children: /* @__PURE__ */ n(oe, { shouldFilter: !1, children: [
+            /* @__PURE__ */ n("div", { className: "relative w-full border-b", children: [
+              /* @__PURE__ */ e(
+                re,
+                {
+                  placeholder: `Search ${typeof c == "string" ? c.toLowerCase() : "options"}...`,
+                  value: O,
+                  onValueChange: (t) => {
+                    W(t);
                   }
-                )
-              ]
-            },
-            i(t)
-          )) })
-        ] })
-      ] }) })
+                }
+              ),
+              w && o.length > 0 && /* @__PURE__ */ e("div", { className: "absolute top-1/2 right-2 flex -translate-y-1/2 transform items-center", children: /* @__PURE__ */ e(pe, { className: "h-4 w-4 animate-spin" }) })
+            ] }),
+            /* @__PURE__ */ n(ae, { children: [
+              b && /* @__PURE__ */ e("div", { className: "text-d-destructive p-3 text-center", children: b }),
+              w && o.length === 0 && (R || /* @__PURE__ */ e(ge, {})),
+              !w && !b && o.length === 0 && (G || /* @__PURE__ */ e(ie, { children: J ?? `No ${typeof c == "string" ? c.toLowerCase() : "options"} found.` })),
+              /* @__PURE__ */ e(M, { children: o.map((t) => /* @__PURE__ */ n(
+                $,
+                {
+                  value: i(t),
+                  onSelect: Y,
+                  children: [
+                    A(t),
+                    /* @__PURE__ */ e(
+                      ue,
+                      {
+                        className: D(
+                          "ml-auto h-3 w-3",
+                          C === i(t) ? "opacity-100" : "opacity-0"
+                        )
+                      }
+                    )
+                  ]
+                },
+                i(t)
+              )) })
+            ] })
+          ] })
+        }
+      )
     ] })
   ] });
 }
 function ge() {
-  return /* @__PURE__ */ e(M, { children: [1, 2, 3].map((l) => /* @__PURE__ */ e($, { disabled: !0, children: /* @__PURE__ */ n("div", { className: "flex items-center gap-2 w-full", children: [
-    /* @__PURE__ */ e("div", { className: "h-6 w-6 rounded-full animate-pulse bg-d-secondary" }),
-    /* @__PURE__ */ n("div", { className: "flex flex-col flex-1 gap-1", children: [
-      /* @__PURE__ */ e("div", { className: "h-4 w-24 animate-pulse bg-d-secondary rounded" }),
-      /* @__PURE__ */ e("div", { className: "h-3 w-16 animate-pulse bg-d-secondary rounded" })
+  return /* @__PURE__ */ e(M, { children: [1, 2, 3].map((l) => /* @__PURE__ */ e($, { disabled: !0, children: /* @__PURE__ */ n("div", { className: "flex w-full items-center gap-2", children: [
+    /* @__PURE__ */ e("div", { className: "bg-d-secondary h-6 w-6 animate-pulse rounded-full" }),
+    /* @__PURE__ */ n("div", { className: "flex flex-1 flex-col gap-1", children: [
+      /* @__PURE__ */ e("div", { className: "bg-d-secondary h-4 w-24 animate-pulse rounded" }),
+      /* @__PURE__ */ e("div", { className: "bg-d-secondary h-3 w-16 animate-pulse rounded" })
     ] })
   ] }) }, l)) });
 }

package/dist/components/ui/audio-visualizer.js

@@ -28,7 +28,8 @@ function F({
     u && l ? C() : R();
   }, [u, l]), w(() => {
     const e = () => {
-      if (typeof window > "u" || !a.current || !h.current) return;
+      if (typeof window > "u" || !a.current || !h.current)
+        return;
       const t = h.current, n = a.current, o = window.devicePixelRatio || 1, r = t.getBoundingClientRect();
       n.width = (r.width - 2) * o, n.height = (r.height - 2) * o, n.style.width = `${r.width - 2}px`, n.style.height = `${r.height - 2}px`;
     };
@@ -83,7 +84,7 @@ function F({
     "div",
     {
       ref: h,
-      className: "h-full w-full cursor-pointer rounded-lg bg-d-background/80 backdrop-blur",
+      className: "bg-d-background/80 h-full w-full cursor-pointer rounded-lg backdrop-blur",
       onClick: S,
       children: /* @__PURE__ */ g("canvas", { ref: a, className: "h-full w-full" })
     }

package/dist/components/ui/button.js

@@ -64,12 +64,52 @@ function k({
             )
           }
         ),
-        m ? /* @__PURE__ */ l("svg", { className: "animate-spin -ml-1 mr-1", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", width: e === "sm" ? 14 : e === "lg" ? 20 : 16, height: e === "sm" ? 14 : e === "lg" ? 20 : 16, children: [
-          /* @__PURE__ */ r("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
-          /* @__PURE__ */ r("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })
-        ] }) : n && /* @__PURE__ */ r(u, { name: n, size: e === "default" ? "md" : e === "sm" ? "xs" : "sm" }),
+        m ? /* @__PURE__ */ l(
+          "svg",
+          {
+            className: "mr-1 -ml-1 animate-spin",
+            xmlns: "http://www.w3.org/2000/svg",
+            fill: "none",
+            viewBox: "0 0 24 24",
+            width: e === "sm" ? 14 : e === "lg" ? 20 : 16,
+            height: e === "sm" ? 14 : e === "lg" ? 20 : 16,
+            children: [
+              /* @__PURE__ */ r(
+                "circle",
+                {
+                  className: "opacity-25",
+                  cx: "12",
+                  cy: "12",
+                  r: "10",
+                  stroke: "currentColor",
+                  strokeWidth: "4"
+                }
+              ),
+              /* @__PURE__ */ r(
+                "path",
+                {
+                  className: "opacity-75",
+                  fill: "currentColor",
+                  d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+                }
+              )
+            ]
+          }
+        ) : n && /* @__PURE__ */ r(
+          u,
+          {
+            name: n,
+            size: e === "default" ? "md" : e === "sm" ? "xs" : "sm"
+          }
+        ),
         t.children,
-        s && /* @__PURE__ */ r(u, { name: s, size: e === "default" ? "md" : e === "sm" ? "xs" : "sm" })
+        s && /* @__PURE__ */ r(
+          u,
+          {
+            name: s,
+            size: e === "default" ? "md" : e === "sm" ? "xs" : "sm"
+          }
+        )
       ]
     }
   );

package/dist/components/ui/card.js

@@ -2,7 +2,9 @@
 import { jsx as r } from "react/jsx-runtime";
 import * as n from "react";
 import { cn as o } from "../../lib/utils.js";
-const s = n.createContext({ size: "default" }), d = {
+const s = n.createContext({
+  size: "default"
+}), d = {
   sm: {
     py: "py-3",
     px: "px-3",
@@ -88,7 +90,10 @@ function g({ className: a, ...t }) {
     "div",
     {
       "data-slot": "card-footer",
-      className: o(`flex items-center ${d[e].px} [.border-t]:pt-6`, a),
+      className: o(
+        `flex items-center ${d[e].px} [.border-t]:pt-6`,
+        a
+      ),
       ...t
     }
   );

package/dist/components/ui/charts/circular.js

@@ -61,7 +61,7 @@ function v({
       "div",
       {
         className: a(
-          "absolute inset-0 flex items-center justify-center text-md",
+          "text-md absolute inset-0 flex items-center justify-center",
           h
         ),
         children: o ? o(t) : t

package/dist/components/ui/chat-message.js

@@ -74,14 +74,20 @@ const b = C(
       className: i("flex flex-col", t ? "items-end" : "items-start"),
       children: [
         N ? /* @__PURE__ */ e("div", { className: "mb-1 flex flex-wrap gap-2", children: N.map((n, o) => /* @__PURE__ */ e(O, { file: n }, o)) }) : null,
-        /* @__PURE__ */ e("div", { className: i(b({ isUser: t, animation: d })), children: /* @__PURE__ */ e(h, { fallback: /* @__PURE__ */ e("div", { className: "text-d-secondary-foreground", children: "Caricamento..." }), children: /* @__PURE__ */ e(x, { children: a }) }) }),
+        /* @__PURE__ */ e("div", { className: i(b({ isUser: t, animation: d })), children: /* @__PURE__ */ e(
+          h,
+          {
+            fallback: /* @__PURE__ */ e("div", { className: "text-d-secondary-foreground", children: "Caricamento..." }),
+            children: /* @__PURE__ */ e(x, { children: a })
+          }
+        ) }),
         c && r ? /* @__PURE__ */ e(
           "time",
           {
             dateTime: r.toISOString(),
             className: i(
               "mt-1 block px-1 text-xs opacity-50",
-              d !== "none" && "duration-500 animate-in fade-in-0"
+              d !== "none" && "animate-in fade-in-0 duration-500"
             ),
             children: g
           }
@@ -97,8 +103,14 @@ const b = C(
       ),
       children: [
         /* @__PURE__ */ l("div", { className: i(b({ isUser: t, animation: d })), children: [
-          /* @__PURE__ */ e(h, { fallback: /* @__PURE__ */ e("div", { className: "text-d-secondary-foreground", children: "Caricamento..." }), children: /* @__PURE__ */ e(x, { children: n.text }) }),
-          m ? /* @__PURE__ */ e("div", { className: "absolute -bottom-4 right-2 flex space-x-1 rounded-lg border bg-d-background p-1 text-d-foreground opacity-0 transition-opacity group-hover/message:opacity-100", children: m }) : null
+          /* @__PURE__ */ e(
+            h,
+            {
+              fallback: /* @__PURE__ */ e("div", { className: "text-d-secondary-foreground", children: "Caricamento..." }),
+              children: /* @__PURE__ */ e(x, { children: n.text })
+            }
+          ),
+          m ? /* @__PURE__ */ e("div", { className: "bg-d-background text-d-foreground absolute right-2 -bottom-4 flex space-x-1 rounded-lg border p-1 opacity-0 transition-opacity group-hover/message:opacity-100", children: m }) : null
         ] }),
         c && r ? /* @__PURE__ */ e(
           "time",
@@ -106,7 +118,7 @@ const b = C(
             dateTime: r.toISOString(),
             className: i(
               "mt-1 block px-1 text-xs opacity-50",
-              d !== "none" && "duration-500 animate-in fade-in-0"
+              d !== "none" && "animate-in fade-in-0 duration-500"
             ),
             children: g
           }
@@ -122,8 +134,14 @@ const b = C(
     `tool-${o}`
   ) : null) : u && u.length > 0 ? /* @__PURE__ */ e(y, { toolInvocations: u }) : /* @__PURE__ */ l("div", { className: i("flex flex-col", t ? "items-end" : "items-start"), children: [
     /* @__PURE__ */ l("div", { className: i(b({ isUser: t, animation: d })), children: [
-      /* @__PURE__ */ e(h, { fallback: /* @__PURE__ */ e("div", { className: "text-d-secondary-foreground", children: "Caricamento..." }), children: /* @__PURE__ */ e(x, { children: a }) }),
-      m ? /* @__PURE__ */ e("div", { className: "absolute -bottom-4 right-2 flex space-x-1 rounded-lg border bg-d-background p-1 text-foreground opacity-0 transition-opacity group-hover/message:opacity-100", children: m }) : null
+      /* @__PURE__ */ e(
+        h,
+        {
+          fallback: /* @__PURE__ */ e("div", { className: "text-d-secondary-foreground", children: "Caricamento..." }),
+          children: /* @__PURE__ */ e(x, { children: a })
+        }
+      ),
+      m ? /* @__PURE__ */ e("div", { className: "bg-d-background text-foreground absolute right-2 -bottom-4 flex space-x-1 rounded-lg border p-1 opacity-0 transition-opacity group-hover/message:opacity-100", children: m }) : null
     ] }),
     c && r ? /* @__PURE__ */ e(
       "time",
@@ -131,7 +149,7 @@ const b = C(
         dateTime: r.toISOString(),
         className: i(
           "mt-1 block px-1 text-xs opacity-50",
-          d !== "none" && "duration-500 animate-in fade-in-0"
+          d !== "none" && "animate-in fade-in-0 duration-500"
         ),
         children: g
       }
@@ -149,9 +167,9 @@ const L = ({ part: s }) => {
     {
       open: a,
       onOpenChange: r,
-      className: "group w-full overflow-hidden rounded-lg border bg-d-secondary/50",
+      className: "group bg-d-secondary/50 w-full overflow-hidden rounded-lg border",
       children: [
-        /* @__PURE__ */ e("div", { className: "flex items-center p-2", children: /* @__PURE__ */ e(S, { asChild: !0, children: /* @__PURE__ */ l("button", { className: "flex items-center gap-2 text-sm text-d-secondary-foreground hover:text-d-foreground", children: [
+        /* @__PURE__ */ e("div", { className: "flex items-center p-2", children: /* @__PURE__ */ e(S, { asChild: !0, children: /* @__PURE__ */ l("button", { className: "text-d-secondary-foreground hover:text-d-foreground flex items-center gap-2 text-sm", children: [
           /* @__PURE__ */ e(B, { className: "h-4 w-4 transition-transform group-data-[state=open]:rotate-90" }),
           /* @__PURE__ */ e("span", { children: "Thinking" })
         ] }) }) }),
@@ -166,7 +184,7 @@ const L = ({ part: s }) => {
             },
             transition: { duration: 0.3, ease: [0.04, 0.62, 0.23, 0.98] },
             className: "border-t",
-            children: /* @__PURE__ */ e("div", { className: "p-2", children: /* @__PURE__ */ e("div", { className: "whitespace-pre-wrap text-xs", children: s.reasoning }) })
+            children: /* @__PURE__ */ e("div", { className: "p-2", children: /* @__PURE__ */ e("div", { className: "text-xs whitespace-pre-wrap", children: s.reasoning }) })
           }
         ) })
       ]
@@ -181,7 +199,7 @@ function y({
       return /* @__PURE__ */ l(
         "div",
         {
-          className: "flex items-center gap-2 rounded-lg border bg-d-secondary/50 px-3 py-2 text-sm text-d-secondary-foreground",
+          className: "bg-d-secondary/50 text-d-secondary-foreground flex items-center gap-2 rounded-lg border px-3 py-2 text-sm",
           children: [
             /* @__PURE__ */ e(M, { className: "h-4 w-4" }),
             /* @__PURE__ */ l("span", { children: [
@@ -203,7 +221,7 @@ function y({
         return /* @__PURE__ */ l(
           "div",
           {
-            className: "flex items-center gap-2 rounded-lg border bg-d-secondary/50 px-3 py-2 text-sm text-d-secondary-foreground",
+            className: "bg-d-secondary/50 text-d-secondary-foreground flex items-center gap-2 rounded-lg border px-3 py-2 text-sm",
             children: [
               /* @__PURE__ */ e($, { className: "h-4 w-4" }),
               /* @__PURE__ */ l("span", { children: [
@@ -225,9 +243,9 @@ function y({
         return /* @__PURE__ */ l(
           "div",
           {
-            className: "flex flex-col gap-1.5 rounded-lg border bg-d-secondary/50 px-3 py-2 text-sm",
+            className: "bg-d-secondary/50 flex flex-col gap-1.5 rounded-lg border px-3 py-2 text-sm",
             children: [
-              /* @__PURE__ */ l("div", { className: "flex items-center gap-2 text-d-secondary-foreground", children: [
+              /* @__PURE__ */ l("div", { className: "text-d-secondary-foreground flex items-center gap-2", children: [
                 /* @__PURE__ */ e(R, { className: "h-4 w-4" }),
                 /* @__PURE__ */ l("span", { children: [
                   "Result from",
@@ -239,7 +257,7 @@ function y({
                   ] })
                 ] })
               ] }),
-              /* @__PURE__ */ e("pre", { className: "overflow-x-auto whitespace-pre-wrap text-d-foreground", children: JSON.stringify(a.result, null, 2) })
+              /* @__PURE__ */ e("pre", { className: "text-d-foreground overflow-x-auto whitespace-pre-wrap", children: JSON.stringify(a.result, null, 2) })
             ]
           },
           r

package/dist/components/ui/chat.js

@@ -169,17 +169,17 @@ function K({
   return /* @__PURE__ */ y(
     "div",
     {
-      className: "flex-1 relative overflow-y-auto pb-4",
+      className: "relative flex-1 overflow-y-auto pb-4",
       ref: a,
       onScroll: l,
       onTouchStart: f,
       children: [
         /* @__PURE__ */ t("div", { className: "max-w-full", children: n }),
-        !c && /* @__PURE__ */ t("div", { className: "pointer-events-none absolute bottom-0 left-0 right-0 flex items-end justify-end", children: /* @__PURE__ */ t("div", { className: "sticky bottom-0 left-0 flex w-full justify-end", children: /* @__PURE__ */ t(
+        !c && /* @__PURE__ */ t("div", { className: "pointer-events-none absolute right-0 bottom-0 left-0 flex items-end justify-end", children: /* @__PURE__ */ t("div", { className: "sticky bottom-0 left-0 flex w-full justify-end", children: /* @__PURE__ */ t(
           N,
           {
             onClick: u,
-            className: "pointer-events-auto h-8 w-8 rounded-full ease-in-out animate-in fade-in-0 slide-in-from-bottom-1",
+            className: "animate-in fade-in-0 slide-in-from-bottom-1 pointer-events-auto h-8 w-8 rounded-full ease-in-out",
             size: "icon",
             variant: "ghost",
             children: /* @__PURE__ */ t(H, { className: "h-4 w-4" })
@@ -193,7 +193,7 @@ const I = g(({ className: e, ...n }, a) => /* @__PURE__ */ t(
   "div",
   {
     ref: a,
-    className: B("flex flex-col max-h-full w-full h-full", e),
+    className: B("flex h-full max-h-full w-full flex-col", e),
     ...n
   }
 ));

package/dist/components/ui/command.js

@@ -31,7 +31,7 @@ function v({
       /* @__PURE__ */ o(i, { children: e }),
       /* @__PURE__ */ o(l, { children: t })
     ] }),
-    /* @__PURE__ */ o(p, { className: "overflow-hidden p-0", children: /* @__PURE__ */ o(g, { className: "[&_[cmdk-group-heading]]:text-d-secondary-foreground **:data-[slot=command-d-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-d-input-wrapper]_svg]:h-5 [&_[cmdk-d-input-wrapper]_svg]:w-5 [&_[cmdk-d-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children: r }) })
+    /* @__PURE__ */ o(p, { className: "overflow-hidden p-0", children: /* @__PURE__ */ o(g, { className: "[&_[cmdk-group-heading]]:text-d-secondary-foreground **:data-[slot=command-d-input-wrapper]:h-12 [&_[cmdk-d-input-wrapper]_svg]:h-5 [&_[cmdk-d-input-wrapper]_svg]:w-5 [&_[cmdk-d-input]]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children: r }) })
   ] });
 }
 function y({

package/dist/components/ui/data-cross-table.js

@@ -7,7 +7,11 @@ import { Button as j } from "./button.js";
 import { TooltipProvider as q, Tooltip as G, TooltipTrigger as J, TooltipContent as K } from "./tooltip.js";
 import { TableRow as T, TableCell as A, Table as Q, TableHeader as X, TableHead as Y, TableBody as Z } from "./table.js";
 import { getSortedRowModel as _, getCoreRowModel as W } from "../../node_modules/@tanstack/table-core/build/lib/index.js";
-function v({ text: c, maxLength: a, className: h = "" }) {
+function v({
+  text: c,
+  maxLength: a,
+  className: h = ""
+}) {
   return !c || c.length <= a ? /* @__PURE__ */ o("div", { className: h, children: c }) : /* @__PURE__ */ o(q, { children: /* @__PURE__ */ b(G, { children: [
     /* @__PURE__ */ o(J, { asChild: !0, children: /* @__PURE__ */ b("div", { className: `truncate ${h} cursor-pointer`, children: [
       c.substring(0, a),
@@ -49,13 +53,20 @@ function ie({
         id: "cross-header",
         header: () => /* @__PURE__ */ b("div", { className: "relative", children: [
           /* @__PURE__ */ o("div", { className: "absolute top-0 left-2 text-xs", children: x }),
-          /* @__PURE__ */ o("div", { className: "absolute bottom-0 right-2 text-xs", children: w })
+          /* @__PURE__ */ o("div", { className: "absolute right-2 bottom-0 text-xs", children: w })
         ] }),
         accessorFn: (r) => r.item,
         cell: (r) => {
           const e = r.getValue();
           if (!a)
-            return /* @__PURE__ */ o(v, { text: e, maxLength: g, className: "text-left" });
+            return /* @__PURE__ */ o(
+              v,
+              {
+                text: e,
+                maxLength: g,
+                className: "text-left"
+              }
+            );
           const t = p === e;
           return /* @__PURE__ */ o(
             j,
@@ -86,7 +97,14 @@ function ie({
             onClick: a ? () => e.toggleSorting(e.getIsSorted() === "asc") : void 0,
             children: /* @__PURE__ */ o(v, { text: r, maxLength: g })
           }
-        ) : /* @__PURE__ */ o(v, { text: r, maxLength: g, className: "font-medium" }),
+        ) : /* @__PURE__ */ o(
+          v,
+          {
+            text: r,
+            maxLength: g,
+            className: "font-medium"
+          }
+        ),
         sortingFn: (e, t, s) => {
           let l = e.getValue(s), i = t.getValue(s);
           return l == null && i == null ? 0 : l == null ? 1 : i == null ? -1 : (l && typeof l == "object" && "value" in l && (l = l.value), i && typeof i == "object" && "value" in i && (i = i.value), typeof l == "number" && typeof i == "number" ? l - i : String(l).localeCompare(String(i)));
@@ -94,11 +112,17 @@ function ie({
         //NOTE Cell is responsible for rendering the cell of his column
         cell: (e) => {
           const t = e.getValue();
-          return t ? t.render ? t.render(t.fromId, t.toId) : /* @__PURE__ */ o("div", { children: t.value }) : null;
+          return t ? t.render ? t.render(t.fromId, t.toId, t.id) : /* @__PURE__ */ o("div", { children: t.value }) : null;
         }
       });
     }), n;
-  }, [u, x, w, p, a]), E = S(() => m.map((n, r) => {
+  }, [
+    u,
+    x,
+    w,
+    p,
+    a
+  ]), E = S(() => m.map((n, r) => {
     const e = { item: n };
     return u.forEach((t) => {
       var l;
@@ -136,16 +160,16 @@ function ie({
       style: { boxShadow: s, width: `${R}px` }
     };
   };
-  return /* @__PURE__ */ o("div", { className: `w-[900px] ${N || ""}`, children: /* @__PURE__ */ o("div", { className: "rounded-md border overflow-auto max-h-[600px]", children: /* @__PURE__ */ b(Q, { className: "w-full table-fixed relative border-collapse", children: [
+  return /* @__PURE__ */ o("div", { className: `w-[900px] ${N || ""}`, children: /* @__PURE__ */ o("div", { className: "max-h-[600px] overflow-auto rounded-md border", children: /* @__PURE__ */ b(Q, { className: "relative w-full table-fixed border-collapse", children: [
     /* @__PURE__ */ o(
       X,
       {
-        className: "sticky top-0 z-20 bg-d-secondary",
+        className: "bg-d-secondary sticky top-0 z-20",
         style: { boxShadow: "0 1px 0 0 var(--d-border)" },
         children: z.getHeaderGroups().map((n) => /* @__PURE__ */ o(
           T,
           {
-            className: "sticky top-0 z-20 bg-d-secondary",
+            className: "bg-d-secondary sticky top-0 z-20",
             children: n.headers.map((r) => {
               const e = O(r);
               return /* @__PURE__ */ o(

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

@@ -70,7 +70,7 @@ function se({
       const t = o.getFilteredSelectedRowModel().rows.map((e) => e.original);
       c(t);
     }
-  }, [o, c, a, f]), /* @__PURE__ */ d("div", { className: L("w-full h-full", k), children: [
+  }, [o, c, a, f]), /* @__PURE__ */ d("div", { className: L("h-full w-full", k), children: [
     s && /* @__PURE__ */ l("div", { className: "flex items-center py-4", children: /* @__PURE__ */ l(
       E,
       {
@@ -91,7 +91,7 @@ function se({
         /* @__PURE__ */ l(q, { children: o.getHeaderGroups().map((t) => /* @__PURE__ */ l(r, { children: t.headers.map((e) => /* @__PURE__ */ l(
           J,
           {
-            className: `${e.column.columnDef.sticky ? "sticky left-0 z-10 bg-d-background" : ""}`,
+            className: `${e.column.columnDef.sticky ? "bg-d-background sticky left-0 z-10" : ""}`,
             children: e.isPlaceholder ? null : b(
               e.column.columnDef.header,
               e.getContext()
@@ -102,7 +102,7 @@ function se({
         /* @__PURE__ */ l(K, { children: C ? Array.from({ length: g.length || 8 }).map((t, e) => /* @__PURE__ */ l(r, { children: o.getHeaderGroups()[0].headers.map((P, I) => /* @__PURE__ */ l(
           m,
           {
-            className: `w-full ${P.column.columnDef.sticky ? "sticky left-0 z-10 bg-d-background" : ""}`,
+            className: `w-full ${P.column.columnDef.sticky ? "bg-d-background sticky left-0 z-10" : ""}`,
             children: /* @__PURE__ */ l(O, { className: "h-6 w-full" })
           },
           `skeleton-cell-${e}-${I}`
@@ -113,7 +113,7 @@ function se({
             children: t.getVisibleCells().map((e) => /* @__PURE__ */ l(
               m,
               {
-                className: `${e.column.columnDef.sticky ? "sticky left-0 z-10 bg-d-background" : ""}`,
+                className: `${e.column.columnDef.sticky ? "bg-d-background sticky left-0 z-10" : ""}`,
                 children: b(
                   e.column.columnDef.cell,
                   e.getContext()

package/dist/components/ui/date-picker.js

@@ -30,9 +30,9 @@ function k({
         variant: m,
         size: n,
         className: g(
-          "flex items-center justify-between whitespace-nowrap border border-d-input text-d-foreground hover:bg-d-accent bg-d-transparent px-3 py-2 shadow-sm ring-offset-background data-[placeholder]:text-d-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 font-normal",
+          "border-d-input text-d-foreground hover:bg-d-accent bg-d-transparent ring-offset-background data-[placeholder]:text-d-muted-foreground focus:ring-ring flex items-center justify-between border px-3 py-2 font-normal whitespace-nowrap shadow-sm focus:ring-1 focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
           !o && "text-d-muted-foreground",
-          t && "opacity-50 cursor-not-allowed",
+          t && "cursor-not-allowed opacity-50",
           f,
           n === "sm" && "text-xs",
           n === "lg" && "text-lg"