laif-ds 0.1.75 → 0.1.76

package/dist/components/ui/dialog.js

@@ -1,12 +1,12 @@
 "use client";
 import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import { Root as r, Trigger as l, Content as d, Close as c, Title as g, Description as f, Portal as u, Overlay as m } from "../../node_modules/@radix-ui/react-dialog/dist/index.js";
+import { Root as i, Trigger as l, Content as d, Close as c, Title as g, Description as f, Portal as u, Overlay as m } from "../../node_modules/@radix-ui/react-dialog/dist/index.js";
 import { cn as o } from "../../lib/utils.js";
 import p from "../../node_modules/lucide-react/dist/esm/icons/x.js";
 function w({
   ...t
 }) {
-  return /* @__PURE__ */ e(r, { "data-slot": "dialog", ...t });
+  return /* @__PURE__ */ e(i, { "data-slot": "dialog", ...t });
 }
 function z({
   ...t
@@ -37,7 +37,7 @@ function v({
 function k({
   className: t,
   children: a,
-  ...i
+  ...s
 }) {
   return /* @__PURE__ */ n(x, { "data-slot": "dialog-portal", children: [
     /* @__PURE__ */ e(v, {}),
@@ -45,14 +45,14 @@ function k({
       d,
       {
         "data-slot": "dialog-content",
-        onPointerDownOutside: (s) => {
-          s.target?.closest("[data-command-portal]") && s.preventDefault();
+        onPointerDownOutside: (r) => {
+          r.target?.closest("[data-command-portal]") && r.preventDefault();
         },
         className: o(
-          "bg-d-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
+          "bg-d-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 border-d-border fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
           t
         ),
-        ...i,
+        ...s,
         children: [
           a,
           /* @__PURE__ */ n(c, { className: "ring-offset-d-background focus:ring-d-ring data-[state=open]:bg-d-accent data-[state=open]:text-d-secondary-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", children: [

package/dist/components/ui/drawer.js

@@ -3,23 +3,23 @@ import { jsx as t, jsxs as o } from "react/jsx-runtime";
 import { Drawer as e } from "../../node_modules/vaul/dist/index.js";
 import { cn as d } from "../../lib/utils.js";
 function w({
-  ...a
+  ...r
 }) {
-  return /* @__PURE__ */ t(e.Root, { "data-slot": "drawer", ...a });
+  return /* @__PURE__ */ t(e.Root, { "data-slot": "drawer", ...r });
 }
 function m({
-  ...a
+  ...r
 }) {
-  return /* @__PURE__ */ t(e.Trigger, { "data-slot": "drawer-trigger", ...a });
+  return /* @__PURE__ */ t(e.Trigger, { "data-slot": "drawer-trigger", ...r });
 }
 function n({
-  ...a
+  ...r
 }) {
-  return /* @__PURE__ */ t(e.Portal, { "data-slot": "drawer-portal", ...a });
+  return /* @__PURE__ */ t(e.Portal, { "data-slot": "drawer-portal", ...r });
 }
 function l({
-  className: a,
-  ...r
+  className: r,
+  ...a
 }) {
   return /* @__PURE__ */ t(
     e.Overlay,
@@ -27,15 +27,15 @@ function l({
       "data-slot": "drawer-overlay",
       className: d(
         "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
-        a
+        r
       ),
-      ...r
+      ...a
     }
   );
 }
 function f({
-  className: a,
-  children: r,
+  className: r,
+  children: a,
   ...i
 }) {
   return /* @__PURE__ */ o(n, { "data-slot": "drawer-portal", children: [
@@ -45,76 +45,76 @@ function f({
       {
         "data-slot": "drawer-content",
         className: d(
-          "group/drawer-content bg-d-background fixed z-50 flex h-auto flex-col",
+          "border-d-border group/drawer-content bg-d-background fixed z-50 flex h-auto flex-col",
           "data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b",
           "data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t",
           "data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:sm:max-w-sm",
           "data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:sm:max-w-sm",
-          a
+          r
         ),
         ...i,
         children: [
           /* @__PURE__ */ t("div", { className: "bg-d-secondary mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }),
-          r
+          a
         ]
       }
     )
   ] });
 }
-function v({ className: a, ...r }) {
+function v({ className: r, ...a }) {
   return /* @__PURE__ */ t(
     "div",
     {
       "data-slot": "drawer-header",
-      className: d("flex flex-col gap-1.5 p-4", a),
-      ...r
+      className: d("flex flex-col gap-1.5 p-4", r),
+      ...a
     }
   );
 }
-function p({ className: a, ...r }) {
+function p({ className: r, ...a }) {
   return /* @__PURE__ */ t(
     "div",
     {
       "data-slot": "drawer-footer",
-      className: d("mt-auto flex flex-col gap-2 p-4", a),
-      ...r
+      className: d("mt-auto flex flex-col gap-2 p-4", r),
+      ...a
     }
   );
 }
-function g({
-  className: a,
-  ...r
+function b({
+  className: r,
+  ...a
 }) {
   return /* @__PURE__ */ t(
     e.Title,
     {
       "data-slot": "drawer-title",
-      className: d("text-d-foreground font-semibold", a),
-      ...r
+      className: d("text-d-foreground font-semibold", r),
+      ...a
     }
   );
 }
-function b({
-  className: a,
-  ...r
+function g({
+  className: r,
+  ...a
 }) {
   return /* @__PURE__ */ t(
     e.Description,
     {
       "data-slot": "drawer-description",
-      className: d("text-d-secondary-foreground text-sm", a),
-      ...r
+      className: d("text-d-secondary-foreground text-sm", r),
+      ...a
     }
   );
 }
 export {
   w as Drawer,
   f as DrawerContent,
-  b as DrawerDescription,
+  g as DrawerDescription,
   p as DrawerFooter,
   v as DrawerHeader,
   l as DrawerOverlay,
   n as DrawerPortal,
-  g as DrawerTitle,
+  b as DrawerTitle,
   m as DrawerTrigger
 };

package/dist/components/ui/dropdown-menu.js

@@ -1,16 +1,16 @@
 "use client";
 import { jsx as a, jsxs as i } from "react/jsx-runtime";
-import * as s from "react";
+import * as r from "react";
 import { Root as w, Trigger as x, Portal as N, Content as l, Item as m, Label as c, Separator as p, SubTrigger as f, SubContent as u, CheckboxItem as g, ItemIndicator as b, RadioItem as h } from "../../node_modules/@radix-ui/react-dropdown-menu/dist/index.js";
-import { cn as r } from "../../lib/utils.js";
+import { cn as s } from "../../lib/utils.js";
 import y from "../../node_modules/lucide-react/dist/esm/icons/chevron-right.js";
 import v from "../../node_modules/lucide-react/dist/esm/icons/check.js";
 import R from "../../node_modules/lucide-react/dist/esm/icons/circle.js";
-const B = w, E = x, I = s.forwardRef(({ className: e, inset: t, children: o, ...n }, d) => /* @__PURE__ */ i(
+const B = w, E = x, I = r.forwardRef(({ className: e, inset: t, children: o, ...n }, d) => /* @__PURE__ */ i(
   f,
   {
     ref: d,
-    className: r(
+    className: s(
       "focus:bg-accent data-[state=open]:bg-accent flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none select-none [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
       t && "pl-8",
       e
@@ -23,25 +23,25 @@ const B = w, E = x, I = s.forwardRef(({ className: e, inset: t, children: o, ...
   }
 ));
 I.displayName = f.displayName;
-const C = s.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ a(
+const C = r.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ a(
   u,
   {
     ref: o,
-    className: r(
-      "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-[--radix-dropdown-menu-content-transform-origin] overflow-hidden rounded-md border p-1 shadow-lg",
+    className: s(
+      "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 border-d-border z-50 min-w-[8rem] origin-[--radix-dropdown-menu-content-transform-origin] overflow-hidden rounded-md border p-1 shadow-lg",
       e
     ),
     ...t
   }
 ));
 C.displayName = u.displayName;
-const D = s.forwardRef(({ className: e, sideOffset: t = 4, ...o }, n) => /* @__PURE__ */ a(N, { children: /* @__PURE__ */ a(
+const D = r.forwardRef(({ className: e, sideOffset: t = 4, ...o }, n) => /* @__PURE__ */ a(N, { children: /* @__PURE__ */ a(
   l,
   {
     ref: n,
     sideOffset: t,
-    className: r(
-      "bg-popover text-popover-foreground z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
+    className: s(
+      "bg-popover text-popover-foreground border-d-border z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
       "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]",
       e
     ),
@@ -49,11 +49,11 @@ const D = s.forwardRef(({ className: e, sideOffset: t = 4, ...o }, n) => /* @__P
   }
 ) }));
 D.displayName = l.displayName;
-const M = s.forwardRef(({ className: e, inset: t, ...o }, n) => /* @__PURE__ */ a(
+const M = r.forwardRef(({ className: e, inset: t, ...o }, n) => /* @__PURE__ */ a(
   m,
   {
     ref: n,
-    className: r(
+    className: s(
       "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm transition-colors outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",
       t && "pl-8",
       e
@@ -62,11 +62,11 @@ const M = s.forwardRef(({ className: e, inset: t, ...o }, n) => /* @__PURE__ */
   }
 ));
 M.displayName = m.displayName;
-const S = s.forwardRef(({ className: e, children: t, checked: o, ...n }, d) => /* @__PURE__ */ i(
+const S = r.forwardRef(({ className: e, children: t, checked: o, ...n }, d) => /* @__PURE__ */ i(
   g,
   {
     ref: d,
-    className: r(
+    className: s(
       "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm transition-colors outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       e
     ),
@@ -79,11 +79,11 @@ const S = s.forwardRef(({ className: e, children: t, checked: o, ...n }, d) => /
   }
 ));
 S.displayName = g.displayName;
-const z = s.forwardRef(({ className: e, children: t, ...o }, n) => /* @__PURE__ */ i(
+const z = r.forwardRef(({ className: e, children: t, ...o }, n) => /* @__PURE__ */ i(
   h,
   {
     ref: n,
-    className: r(
+    className: s(
       "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm transition-colors outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       e
     ),
@@ -95,11 +95,11 @@ const z = s.forwardRef(({ className: e, children: t, ...o }, n) => /* @__PURE__
   }
 ));
 z.displayName = h.displayName;
-const k = s.forwardRef(({ className: e, inset: t, ...o }, n) => /* @__PURE__ */ a(
+const k = r.forwardRef(({ className: e, inset: t, ...o }, n) => /* @__PURE__ */ a(
   c,
   {
     ref: n,
-    className: r(
+    className: s(
       "px-2 py-1.5 text-sm font-semibold",
       t && "pl-8",
       e
@@ -108,11 +108,11 @@ const k = s.forwardRef(({ className: e, inset: t, ...o }, n) => /* @__PURE__ */
   }
 ));
 k.displayName = c.displayName;
-const T = s.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ a(
+const T = r.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ a(
   p,
   {
     ref: o,
-    className: r("bg-muted -mx-1 my-1 h-px", e),
+    className: s("bg-muted -mx-1 my-1 h-px", e),
     ...t
   }
 ));

package/dist/components/ui/file-preview.js

@@ -1,82 +1,82 @@
 "use client";
-import { jsx as t, jsxs as a } from "react/jsx-runtime";
-import l, { useEffect as y } from "react";
-import { motion as n } from "framer-motion";
-import d from "../../node_modules/lucide-react/dist/esm/icons/x.js";
-import w from "../../node_modules/lucide-react/dist/esm/icons/file.js";
-const p = l.forwardRef(
-  (e, r) => e.file.type.startsWith("image/") ? /* @__PURE__ */ t(o, { ...e, ref: r }) : e.file.type.startsWith("text/") || e.file.name.endsWith(".txt") || e.file.name.endsWith(".md") ? /* @__PURE__ */ t(m, { ...e, ref: r }) : /* @__PURE__ */ t(u, { ...e, ref: r })
+import { jsx as r, jsxs as a } from "react/jsx-runtime";
+import i, { useEffect as h } from "react";
+import { motion as l } from "framer-motion";
+import n from "../../node_modules/lucide-react/dist/esm/icons/x.js";
+import y from "../../node_modules/lucide-react/dist/esm/icons/file.js";
+const w = i.forwardRef(
+  (e, t) => e.file.type.startsWith("image/") ? /* @__PURE__ */ r(s, { ...e, ref: t }) : e.file.type.startsWith("text/") || e.file.name.endsWith(".txt") || e.file.name.endsWith(".md") ? /* @__PURE__ */ r(m, { ...e, ref: t }) : /* @__PURE__ */ r(u, { ...e, ref: t })
 );
-p.displayName = "FilePreview";
-const o = l.forwardRef(
-  ({ file: e, onRemove: r }, i) => /* @__PURE__ */ a(
-    n.div,
+w.displayName = "FilePreview";
+const s = i.forwardRef(
+  ({ file: e, onRemove: t }, d) => /* @__PURE__ */ a(
+    l.div,
     {
-      ref: i,
-      className: "relative flex max-w-[200px] rounded-md border p-1.5 pr-2 text-xs",
+      ref: d,
+      className: "border-d-border relative flex max-w-[200px] rounded-md border p-1.5 pr-2 text-xs",
       layout: !0,
       initial: { opacity: 0, y: "100%" },
       animate: { opacity: 1, y: 0 },
       exit: { opacity: 0, y: "100%" },
       children: [
         /* @__PURE__ */ a("div", { className: "flex w-full items-center space-x-2", children: [
-          /* @__PURE__ */ t(
+          /* @__PURE__ */ r(
             "img",
             {
               alt: `Attachment ${e.name}`,
-              className: "bg-d-secondary grid h-10 w-10 shrink-0 place-items-center rounded-sm border object-cover",
+              className: "bg-d-secondary border-d-border grid h-10 w-10 shrink-0 place-items-center rounded-sm border object-cover",
               src: URL.createObjectURL(e)
             }
           ),
-          /* @__PURE__ */ t("span", { className: "text-d-secondary-foreground w-full truncate", children: e.name })
+          /* @__PURE__ */ r("span", { className: "text-d-secondary-foreground w-full truncate", children: e.name })
         ] }),
-        r ? /* @__PURE__ */ t(
+        t ? /* @__PURE__ */ r(
           "button",
           {
-            className: "bg-d-background absolute -top-2 -right-2 flex h-4 w-4 items-center justify-center rounded-full border",
+            className: "bg-d-background border-d-border absolute -top-2 -right-2 flex h-4 w-4 items-center justify-center rounded-full border",
             type: "button",
-            onClick: r,
+            onClick: t,
             "aria-label": "Remove attachment",
-            children: /* @__PURE__ */ t(d, { className: "h-2.5 w-2.5" })
+            children: /* @__PURE__ */ r(n, { className: "h-2.5 w-2.5" })
           }
         ) : null
       ]
     }
   )
 );
-o.displayName = "ImageFilePreview";
-const m = l.forwardRef(
-  ({ file: e, onRemove: r }, i) => {
-    const [f, x] = l.useState("");
-    return y(() => {
+s.displayName = "ImageFilePreview";
+const m = i.forwardRef(
+  ({ file: e, onRemove: t }, d) => {
+    const [b, f] = i.useState("");
+    return h(() => {
       if (typeof window > "u") return;
-      const c = new FileReader();
-      c.onload = (h) => {
-        const s = h.target?.result;
-        x(s.slice(0, 50) + (s.length > 50 ? "..." : ""));
-      }, c.readAsText(e);
+      const o = new FileReader();
+      o.onload = (x) => {
+        const c = x.target?.result;
+        f(c.slice(0, 50) + (c.length > 50 ? "..." : ""));
+      }, o.readAsText(e);
     }, [e]), /* @__PURE__ */ a(
-      n.div,
+      l.div,
       {
-        ref: i,
-        className: "relative flex max-w-[200px] rounded-md border p-1.5 pr-2 text-xs",
+        ref: d,
+        className: "border-d-border relative flex max-w-[200px] rounded-md border p-1.5 pr-2 text-xs",
         layout: !0,
         initial: { opacity: 0, y: "100%" },
         animate: { opacity: 1, y: 0 },
         exit: { opacity: 0, y: "100%" },
         children: [
           /* @__PURE__ */ a("div", { className: "flex w-full items-center space-x-2", children: [
-            /* @__PURE__ */ t("div", { className: "bg-d-secondary grid h-10 w-10 shrink-0 place-items-center rounded-sm border p-0.5", children: /* @__PURE__ */ t("div", { className: "text-d-secondary-foreground h-full w-full overflow-hidden text-[6px] leading-none", children: f || "Loading..." }) }),
-            /* @__PURE__ */ t("span", { className: "text-d-secondary-foreground w-full truncate", children: e.name })
+            /* @__PURE__ */ r("div", { className: "bg-d-secondary border-d-border grid h-10 w-10 shrink-0 place-items-center rounded-sm border p-0.5", children: /* @__PURE__ */ r("div", { className: "text-d-secondary-foreground h-full w-full overflow-hidden text-[6px] leading-none", children: b || "Loading..." }) }),
+            /* @__PURE__ */ r("span", { className: "text-d-secondary-foreground w-full truncate", children: e.name })
           ] }),
-          r ? /* @__PURE__ */ t(
+          t ? /* @__PURE__ */ r(
             "button",
             {
-              className: "bg-d-background absolute -top-2 -right-2 flex h-4 w-4 items-center justify-center rounded-full border",
+              className: "bg-d-background border-d-border absolute -top-2 -right-2 flex h-4 w-4 items-center justify-center rounded-full border",
               type: "button",
-              onClick: r,
+              onClick: t,
               "aria-label": "Remove attachment",
-              children: /* @__PURE__ */ t(d, { className: "h-2.5 w-2.5" })
+              children: /* @__PURE__ */ r(n, { className: "h-2.5 w-2.5" })
             }
           ) : null
         ]
@@ -85,29 +85,29 @@ const m = l.forwardRef(
   }
 );
 m.displayName = "TextFilePreview";
-const u = l.forwardRef(
-  ({ file: e, onRemove: r }, i) => /* @__PURE__ */ a(
-    n.div,
+const u = i.forwardRef(
+  ({ file: e, onRemove: t }, d) => /* @__PURE__ */ a(
+    l.div,
     {
-      ref: i,
-      className: "relative flex max-w-[200px] rounded-md border p-1.5 pr-2 text-xs",
+      ref: d,
+      className: "border-d-border relative flex max-w-[200px] rounded-md border p-1.5 pr-2 text-xs",
       layout: !0,
       initial: { opacity: 0, y: "100%" },
       animate: { opacity: 1, y: 0 },
       exit: { opacity: 0, y: "100%" },
       children: [
         /* @__PURE__ */ a("div", { className: "flex w-full items-center space-x-2", children: [
-          /* @__PURE__ */ t("div", { className: "bg-d-secondary grid h-10 w-10 shrink-0 place-items-center rounded-sm border", children: /* @__PURE__ */ t(w, { className: "text-d-foreground h-6 w-6" }) }),
-          /* @__PURE__ */ t("span", { className: "text-d-secondary-foreground w-full truncate", children: e.name })
+          /* @__PURE__ */ r("div", { className: "bg-d-secondary border-d-border grid h-10 w-10 shrink-0 place-items-center rounded-sm border", children: /* @__PURE__ */ r(y, { className: "text-d-foreground h-6 w-6" }) }),
+          /* @__PURE__ */ r("span", { className: "text-d-secondary-foreground w-full truncate", children: e.name })
         ] }),
-        r ? /* @__PURE__ */ t(
+        t ? /* @__PURE__ */ r(
           "button",
           {
-            className: "bg-d-background absolute -top-2 -right-2 flex h-4 w-4 items-center justify-center rounded-full border",
+            className: "bg-d-background border-d-border absolute -top-2 -right-2 flex h-4 w-4 items-center justify-center rounded-full border",
             type: "button",
-            onClick: r,
+            onClick: t,
             "aria-label": "Remove attachment",
-            children: /* @__PURE__ */ t(d, { className: "h-2.5 w-2.5" })
+            children: /* @__PURE__ */ r(n, { className: "h-2.5 w-2.5" })
           }
         ) : null
       ]
@@ -116,5 +116,5 @@ const u = l.forwardRef(
 );
 u.displayName = "GenericFilePreview";
 export {
-  p as FilePreview
+  w as FilePreview
 };

package/dist/components/ui/gantt/components/Controls/Controls.js

@@ -1,84 +1,93 @@
 "use client";
 import { jsxs as d, jsx as n } from "react/jsx-runtime";
-import { useContext as y, useState as h, useMemo as f, useCallback as r } from "react";
+import { useContext as y, useState as h, useMemo as f, useCallback as a } from "react";
 import G from "../../../../../_virtual/dayjs.min.js";
 import { cn as P } from "../../../../../lib/utils.js";
 import { Button as g } from "../../../button.js";
-import { Select as S, SelectTrigger as x, SelectValue as v, SelectContent as b, SelectItem as C } from "../../../select.js";
+import { Select as S, SelectTrigger as b, SelectValue as x, SelectContent as v, SelectItem as C } from "../../../select.js";
 import { GanttContext as B } from "../Gantt/GanttContext.js";
 import { useGanttCalculate as L } from "../../hooks/useGanttCalculate.js";
 import M from "../../../../../node_modules/lucide-react/dist/esm/icons/chevron-left.js";
 import R from "../../../../../node_modules/lucide-react/dist/esm/icons/chevron-right.js";
-import { GanttDimensionsSettings as o } from "../../constants/DimensionsSettings.js";
+import { GanttDimensionsSettings as l } from "../../constants/DimensionsSettings.js";
 import { DragStepOptions as u } from "../../constants/DragStepOptions.js";
 const Y = ({ className: D }) => {
-  const { calculate: s } = L(), { settings: a, setSettings: p, currentDate: j } = y(B), [z, c] = h(a.dimension), [t, m] = h(
-    Object.keys(o).findIndex(
-      (e) => e === a.dimension
+  const { calculate: s } = L(), { settings: r, setSettings: p, currentDate: j } = y(B), [z, c] = h(r.dimension), [t, m] = h(
+    Object.keys(l).findIndex(
+      (e) => e === r.dimension
     )
-  ), l = f(() => Object.keys(o).map((e, i) => ({
-    label: o[e].label,
+  ), o = f(() => Object.keys(l).map((e, i) => ({
+    label: l[e].label,
     value: e,
     index: i
-  })), []), N = r(
+  })), []), N = a(
     (e) => {
-      const i = l.findIndex((V) => V.value === e);
+      const i = o.findIndex((V) => V.value === e);
       c(e), m(i), s(e);
     },
-    [s, l]
-  ), O = r(() => {
-    if (t < l.length - 1) {
-      const e = Object.keys(o)[t + 1];
+    [s, o]
+  ), O = a(() => {
+    if (t < o.length - 1) {
+      const e = Object.keys(l)[t + 1];
       c(e), m(t + 1), s(e);
     }
-  }, [s, l.length, t]), k = r(() => {
+  }, [s, o.length, t]), k = a(() => {
     if (t > 0) {
-      const e = Object.keys(o)[t - 1];
+      const e = Object.keys(l)[t - 1];
       c(e), m(t - 1), s(e);
     }
   }, [s, t]), I = f(() => Object.keys(u).map((e) => ({
     label: u[e].label,
     value: e
-  })), []), w = r(
+  })), []), w = a(
     (e) => {
       p(() => {
-        const i = { ...a };
-        return i.dragStepSize = e, i.gridSize = u[e].seconds / o[i.dimension].secondsInPixel, i;
+        const i = { ...r };
+        return i.dragStepSize = e, i.gridSize = u[e].seconds / l[i.dimension].secondsInPixel, i;
       });
     },
-    [p, a]
+    [p, r]
+  );
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      className: P(
+        "border-d-border flex items-center gap-2 border-b p-4",
+        D
+      ),
+      children: [
+        /* @__PURE__ */ n(
+          g,
+          {
+            variant: "outline",
+            size: "icon",
+            onClick: k,
+            disabled: t <= 0,
+            children: /* @__PURE__ */ n(M, { className: "h-4 w-4" })
+          }
+        ),
+        /* @__PURE__ */ d(S, { value: z, onValueChange: N, children: [
+          /* @__PURE__ */ n(b, { className: "w-[180px]", children: /* @__PURE__ */ n(x, { placeholder: "Seleziona dimensione" }) }),
+          /* @__PURE__ */ n(v, { className: "z-100", children: o.map((e) => /* @__PURE__ */ n(C, { value: e.value, children: e.label }, e.value)) })
+        ] }),
+        /* @__PURE__ */ n(
+          g,
+          {
+            variant: "outline",
+            size: "icon",
+            onClick: O,
+            disabled: t >= o.length - 1,
+            children: /* @__PURE__ */ n(R, { className: "h-4 w-4" })
+          }
+        ),
+        /* @__PURE__ */ n("div", { className: "px-4 text-sm font-medium", children: G.unix(j).format("ddd, ll") }),
+        /* @__PURE__ */ d(S, { value: r.dragStepSize, onValueChange: w, children: [
+          /* @__PURE__ */ n(b, { className: "w-[180px]", children: /* @__PURE__ */ n(x, { placeholder: "Seleziona step" }) }),
+          /* @__PURE__ */ n(v, { children: I.map((e) => /* @__PURE__ */ n(C, { value: e.value, children: e.label }, e.value)) })
+        ] })
+      ]
+    }
   );
-  return /* @__PURE__ */ d("div", { className: P("flex items-center gap-2 border-b p-4", D), children: [
-    /* @__PURE__ */ n(
-      g,
-      {
-        variant: "outline",
-        size: "icon",
-        onClick: k,
-        disabled: t <= 0,
-        children: /* @__PURE__ */ n(M, { className: "h-4 w-4" })
-      }
-    ),
-    /* @__PURE__ */ d(S, { value: z, onValueChange: N, children: [
-      /* @__PURE__ */ n(x, { className: "w-[180px]", children: /* @__PURE__ */ n(v, { placeholder: "Seleziona dimensione" }) }),
-      /* @__PURE__ */ n(b, { className: "z-100", children: l.map((e) => /* @__PURE__ */ n(C, { value: e.value, children: e.label }, e.value)) })
-    ] }),
-    /* @__PURE__ */ n(
-      g,
-      {
-        variant: "outline",
-        size: "icon",
-        onClick: O,
-        disabled: t >= l.length - 1,
-        children: /* @__PURE__ */ n(R, { className: "h-4 w-4" })
-      }
-    ),
-    /* @__PURE__ */ n("div", { className: "px-4 text-sm font-medium", children: G.unix(j).format("ddd, ll") }),
-    /* @__PURE__ */ d(S, { value: a.dragStepSize, onValueChange: w, children: [
-      /* @__PURE__ */ n(x, { className: "w-[180px]", children: /* @__PURE__ */ n(v, { placeholder: "Seleziona step" }) }),
-      /* @__PURE__ */ n(b, { children: I.map((e) => /* @__PURE__ */ n(C, { value: e.value, children: e.label }, e.value)) })
-    ] })
-  ] });
 };
 export {
   Y as default