laif-ds 0.1.31 → 0.1.33

package/dist/components/ui/gantt/components/Chart/Scale/Scale.js

@@ -9,78 +9,87 @@ import { getScaleItems as G } from "../../../utils/getScaleItems.js";
 import { GanttDimensions as p } from "../../../enums/GanttDimensions.js";
 import { GanttDimensionsSettings as L } from "../../../constants/DimensionsSettings.js";
 import { GanttConsts as m } from "../../../constants/GanttConsts.js";
-const R = C(({ width: W, wrapRef: f }, y) => {
-  const { scaleDates: s, setScaleDates: d, setScaleRenderState: h, settings: t } = O(w), e = F(y), l = M(null), N = M(null), Y = u(
-    (n) => {
-      const i = c.unix(s[n]);
-      return t.dimension === p.DAY ? i.daysInMonth() * t.stepWidth : t.scaleStepItems * t.stepWidth;
-    },
-    [s, t.dimension, t.scaleStepItems, t.stepWidth]
-  ), E = u(
-    ({ scrollOffset: n }) => {
-      var r, a, S, I, g;
-      const i = L[t.dimension].unitOfTime;
-      if (n < m.MIN_SCROLL_OFFSET) {
-        const x = c.unix(s[0]).subtract(1, i);
-        let D = t.scaleStepItems * t.stepWidth;
-        t.dimension === p.DAY && (D = x.daysInMonth() * t.stepWidth), d([x.unix(), ...s]), (r = f.current) == null || r.scrollTo({ left: n + D }), (a = e == null ? void 0 : e.current) == null || a.resetAfterIndex(0);
+const R = C(
+  ({ width: W, wrapRef: f }, y) => {
+    const { scaleDates: s, setScaleDates: d, setScaleRenderState: h, settings: t } = O(w), e = F(y), l = M(null), N = M(null), Y = u(
+      (n) => {
+        const i = c.unix(s[n]);
+        return t.dimension === p.DAY ? i.daysInMonth() * t.stepWidth : t.scaleStepItems * t.stepWidth;
+      },
+      [
+        s,
+        t.dimension,
+        t.scaleStepItems,
+        t.stepWidth
+      ]
+    ), E = u(
+      ({ scrollOffset: n }) => {
+        var r, a, S, I, g;
+        const i = L[t.dimension].unitOfTime;
+        if (n < m.MIN_SCROLL_OFFSET) {
+          const x = c.unix(s[0]).subtract(1, i);
+          let D = t.scaleStepItems * t.stepWidth;
+          t.dimension === p.DAY && (D = x.daysInMonth() * t.stepWidth), d([x.unix(), ...s]), (r = f.current) == null || r.scrollTo({ left: n + D }), (a = e == null ? void 0 : e.current) == null || a.resetAfterIndex(0);
+        }
+        (((S = l.current) == null ? void 0 : S.scrollWidth) || 0) - (((I = l.current) == null ? void 0 : I.clientWidth) || 0) - n - m.TREE_WIDTH < m.MIN_SCROLL_OFFSET && (d([
+          ...s,
+          c.unix(s[s.length - 1]).add(1, i).unix()
+        ]), (g = e == null ? void 0 : e.current) == null || g.resetAfterIndex(0));
+      },
+      [
+        e,
+        s,
+        d,
+        t.dimension,
+        t.scaleStepItems,
+        t.stepWidth,
+        f
+      ]
+    ), T = u(
+      (n) => {
+        h(n);
+      },
+      [h]
+    );
+    return _(() => {
+      var n;
+      (n = e == null ? void 0 : e.current) == null || n.resetAfterIndex(0);
+    }, [e, t.dimension]), /* @__PURE__ */ o("div", { className: "gantt-scale-wrap", children: /* @__PURE__ */ o(
+      v,
+      {
+        className: "gantt-scale-list",
+        layout: "horizontal",
+        width: W,
+        height: m.HEADER_HEIGHT,
+        itemCount: s.length,
+        itemSize: Y,
+        itemData: s,
+        ref: e,
+        outerRef: l,
+        innerRef: N,
+        initialScrollOffset: t.initialScrollOffset,
+        onScroll: E,
+        onItemsRendered: T,
+        children: ({ style: n, index: i, data: r }) => /* @__PURE__ */ A("div", { className: "gantt-scale-item", style: n, children: [
+          /* @__PURE__ */ o("div", { className: "gantt-scale-title", children: c.unix(r[i]).format(
+            t.dimension === p.DAY ? "MMMM, YYYY" : "ddd, D MMMM, YY"
+          ) }),
+          /* @__PURE__ */ o("div", { className: "gantt-scale-steps", children: G(t.dimension, r[i]).map(
+            (a) => /* @__PURE__ */ o(
+              "div",
+              {
+                className: "gantt-scale-step",
+                style: { width: t.stepWidth },
+                children: a
+              },
+              a
+            )
+          ) })
+        ] })
       }
-      (((S = l.current) == null ? void 0 : S.scrollWidth) || 0) - (((I = l.current) == null ? void 0 : I.clientWidth) || 0) - n - m.TREE_WIDTH < m.MIN_SCROLL_OFFSET && (d([
-        ...s,
-        c.unix(s[s.length - 1]).add(1, i).unix()
-      ]), (g = e == null ? void 0 : e.current) == null || g.resetAfterIndex(0));
-    },
-    [
-      e,
-      s,
-      d,
-      t.dimension,
-      t.scaleStepItems,
-      t.stepWidth,
-      f
-    ]
-  ), T = u(
-    (n) => {
-      h(n);
-    },
-    [h]
-  );
-  return _(() => {
-    var n;
-    (n = e == null ? void 0 : e.current) == null || n.resetAfterIndex(0);
-  }, [e, t.dimension]), /* @__PURE__ */ o("div", { className: "gantt-scale-wrap", children: /* @__PURE__ */ o(
-    v,
-    {
-      className: "gantt-scale-list",
-      layout: "horizontal",
-      width: W,
-      height: m.HEADER_HEIGHT,
-      itemCount: s.length,
-      itemSize: Y,
-      itemData: s,
-      ref: e,
-      outerRef: l,
-      innerRef: N,
-      initialScrollOffset: t.initialScrollOffset,
-      onScroll: E,
-      onItemsRendered: T,
-      children: ({ style: n, index: i, data: r }) => /* @__PURE__ */ A("div", { className: "gantt-scale-item", style: n, children: [
-        /* @__PURE__ */ o("div", { className: "gantt-scale-title", children: c.unix(r[i]).format(
-          t.dimension === p.DAY ? "MMMM, YYYY" : "ddd, D MMMM, YY"
-        ) }),
-        /* @__PURE__ */ o("div", { className: "gantt-scale-steps", children: G(t.dimension, r[i]).map((a) => /* @__PURE__ */ o(
-          "div",
-          {
-            className: "gantt-scale-step",
-            style: { width: t.stepWidth },
-            children: a
-          },
-          a
-        )) })
-      ] })
-    }
-  ) });
-});
+    ) });
+  }
+);
 R.displayName = "Scale";
 export {
   R as default

package/dist/components/ui/gantt/components/Chart/Tree/Tree.js

@@ -5,66 +5,84 @@ import { VariableSizeList as E } from "../../../../../../node_modules/react-wind
 import { MinusSquareOutlined as y } from "../../../assets/icons/MinusSquareOutlined.js";
 import { PlusSquareOutlined as T } from "../../../assets/icons/PlusSquareOutlined.js";
 import { GanttConsts as i } from "../../../constants/GanttConsts.js";
-const b = g(({ height: c, data: s, setData: l, treeTitle: m = "Attività" }, p) => {
-  const o = f(() => {
-    const r = [];
-    for (const e of s)
-      e.hasOwnProperty("expanded") && !e.expanded && r.push(e.key);
-    return s.filter((e) => !e.parentsKeys.some((n) => r.includes(n)));
-  }, [s]), u = h(
-    (r) => {
-      const e = [...s], t = e.find((n) => n.key === r);
-      t != null && t.hasOwnProperty("expanded") && (t.expanded = !t.expanded), l(e);
-    },
-    [s, l]
-  );
-  return /* @__PURE__ */ a(
-    "div",
-    {
-      className: "gantt-tree-wrap bg-d-background",
-      style: {
-        width: i.TREE_WIDTH,
-        marginTop: -i.HEADER_HEIGHT
+const b = g(
+  ({ height: c, data: s, setData: l, treeTitle: m = "Attività" }, p) => {
+    const o = f(() => {
+      const r = [];
+      for (const e of s)
+        e.hasOwnProperty("expanded") && !e.expanded && r.push(e.key);
+      return s.filter((e) => !e.parentsKeys.some(
+        (n) => r.includes(n)
+      ));
+    }, [s]), u = h(
+      (r) => {
+        const e = [...s], t = e.find((n) => n.key === r);
+        t != null && t.hasOwnProperty("expanded") && (t.expanded = !t.expanded), l(e);
       },
-      children: /* @__PURE__ */ a(
-        E,
-        {
-          ref: p,
-          className: "gantt-tree-list bg-d-background",
-          layout: "vertical",
-          width: "100%",
-          height: c,
-          itemCount: o.length,
-          itemSize: () => i.ROW_HEIGHT,
-          itemData: o,
-          innerElementType: ({ children: r, props: e }) => /* @__PURE__ */ d("div", { style: { height: o.length * i.ROW_HEIGHT }, ...e, children: [
-            /* @__PURE__ */ a("div", { className: "gantt-tree-title bg-d-background", style: { height: i.HEADER_HEIGHT }, children: m }),
-            /* @__PURE__ */ a("div", { className: "gantt-tree-inner-wrap", children: r })
-          ] }),
-          children: ({ style: r, index: e, data: t }) => {
-            const n = t[e];
-            return /* @__PURE__ */ d(
-              "button",
+      [s, l]
+    );
+    return /* @__PURE__ */ a(
+      "div",
+      {
+        className: "gantt-tree-wrap bg-d-background",
+        style: {
+          width: i.TREE_WIDTH,
+          marginTop: -i.HEADER_HEIGHT
+        },
+        children: /* @__PURE__ */ a(
+          E,
+          {
+            ref: p,
+            className: "gantt-tree-list bg-d-background",
+            layout: "vertical",
+            width: "100%",
+            height: c,
+            itemCount: o.length,
+            itemSize: () => i.ROW_HEIGHT,
+            itemData: o,
+            innerElementType: ({ children: r, props: e }) => /* @__PURE__ */ d(
+              "div",
               {
-                className: "gantt-tree-list-item bg-d-background text-foreground",
-                style: {
-                  ...r,
-                  backgroundColor: e % 2 === 0 ? "var(--d-background)" : "var(--d-secondary)",
-                  paddingLeft: i.LEAF_TITLE_PADDING_LEFT + n.level * i.LEAF_CHILDREN_PADDING_LEFT
-                },
-                onClick: () => u(n.key),
+                style: { height: o.length * i.ROW_HEIGHT },
+                ...e,
                 children: [
-                  n.hasOwnProperty("expanded") ? n.expanded ? /* @__PURE__ */ a(y, { className: "gantt-tree-icon" }) : /* @__PURE__ */ a(T, { className: "gantt-tree-icon" }) : null,
-                  /* @__PURE__ */ a("div", { children: t[e].title })
+                  /* @__PURE__ */ a(
+                    "div",
+                    {
+                      className: "gantt-tree-title bg-d-background",
+                      style: { height: i.HEADER_HEIGHT },
+                      children: m
+                    }
+                  ),
+                  /* @__PURE__ */ a("div", { className: "gantt-tree-inner-wrap", children: r })
                 ]
               }
-            );
+            ),
+            children: ({ style: r, index: e, data: t }) => {
+              const n = t[e];
+              return /* @__PURE__ */ d(
+                "button",
+                {
+                  className: "gantt-tree-list-item bg-d-background text-foreground",
+                  style: {
+                    ...r,
+                    backgroundColor: e % 2 === 0 ? "var(--d-background)" : "var(--d-secondary)",
+                    paddingLeft: i.LEAF_TITLE_PADDING_LEFT + n.level * i.LEAF_CHILDREN_PADDING_LEFT
+                  },
+                  onClick: () => u(n.key),
+                  children: [
+                    n.hasOwnProperty("expanded") ? n.expanded ? /* @__PURE__ */ a(y, { className: "gantt-tree-icon" }) : /* @__PURE__ */ a(T, { className: "gantt-tree-icon" }) : null,
+                    /* @__PURE__ */ a("div", { children: t[e].title })
+                  ]
+                }
+              );
+            }
           }
-        }
-      )
-    }
-  );
-});
+        )
+      }
+    );
+  }
+);
 b.displayName = "Tree";
 export {
   b as default

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

@@ -13,7 +13,9 @@ import { GanttDimensionsSettings as o } from "../../constants/DimensionsSettings
 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)
+    Object.keys(o).findIndex(
+      (e) => e === a.dimension
+    )
   ), l = f(() => Object.keys(o).map((e, i) => ({
     label: o[e].label,
     value: e,
@@ -46,7 +48,7 @@ const Y = ({ className: D }) => {
     },
     [p, a]
   );
-  return /* @__PURE__ */ d("div", { className: P("flex items-center gap-2 p-4 border-b", D), children: [
+  return /* @__PURE__ */ d("div", { className: P("flex items-center gap-2 border-b p-4", D), children: [
     /* @__PURE__ */ n(
       g,
       {

package/dist/components/ui/gantt/hooks/useGanttCalculate.js

@@ -10,7 +10,17 @@ const P = () => {
   return { calculate: d(
     (s) => {
       var l;
-      const { stepWidth: S, itemsCount: p, scaleStepItems: g, secondsInPixel: n, unitOfTime: m } = O[s], c = z(e, p, m), i = C(s, c, e), f = x[t.dragStepSize].seconds / n;
+      const {
+        stepWidth: S,
+        itemsCount: p,
+        scaleStepItems: g,
+        secondsInPixel: n,
+        unitOfTime: m
+      } = O[s], c = z(e, p, m), i = C(
+        s,
+        c,
+        e
+      ), f = x[t.dragStepSize].seconds / n;
       o({
         stepWidth: S,
         initialScrollOffset: i,

package/dist/components/ui/gantt/utils/getWholeWidth.js

@@ -1,7 +1,10 @@
 "use client";
 import m from "../../../../_virtual/dayjs.min.js";
 import { GanttDimensions as u } from "../enums/GanttDimensions.js";
-const h = (n, t, o, r) => t === u.DAY ? r * n.reduce((e, i) => e + m.unix(i).daysInMonth(), 0) : n.length * o * r;
+const h = (n, t, o, r) => t === u.DAY ? r * n.reduce(
+  (e, i) => e + m.unix(i).daysInMonth(),
+  0
+) : n.length * o * r;
 export {
   h as getWholeWidth
 };

package/dist/components/ui/gantt/utils/transformData.js

@@ -5,10 +5,13 @@ const g = (e, u = !0, o = 0, d = 0, t = []) => e.reduce((l, r) => {
   var h;
   const c = d + l.length;
   if ((h = r == null ? void 0 : r.children) != null && h.length) {
-    const f = g(r.children, u, o + 1, c + 1, [
-      ...t,
-      r.key
-    ]);
+    const f = g(
+      r.children,
+      u,
+      o + 1,
+      c + 1,
+      [...t, r.key]
+    );
     return [
       ...l,
       {

package/dist/components/ui/input-selector.js

@@ -46,7 +46,10 @@ function V({
       initial: "initial",
       animate: "animate",
       exit: "exit",
-      className: r("flex w-full flex-col items-center justify-center gap-8", v),
+      className: r(
+        "flex w-full flex-col items-center justify-center gap-8",
+        v
+      ),
       children: /* @__PURE__ */ N(
         l.div,
         {
@@ -85,7 +88,7 @@ function V({
                 animate: "animate",
                 exit: "exit",
                 className: r(
-                  "text-2xl font-medium text-d-foreground dark:text-d-foreground",
+                  "text-d-foreground dark:text-d-foreground text-2xl font-medium",
                   y
                 ),
                 children: e

package/dist/components/ui/input.js

@@ -19,52 +19,47 @@ const b = x(
       size: "default"
     }
   }
-), h = c.forwardRef(({
-  className: o,
-  type: l,
-  label: r,
-  labelClassName: m,
-  id: p,
-  iconLeft: i,
-  iconRight: s,
-  size: t,
-  ...u
-}, f) => {
-  const n = p || (r ? `input-${Math.random().toString(36).substring(2, 9)}` : void 0);
-  return /* @__PURE__ */ a("div", { className: "space-y-1.5", children: [
-    r && /* @__PURE__ */ e(
-      v,
-      {
-        htmlFor: n,
-        className: m,
-        children: r
-      }
-    ),
-    /* @__PURE__ */ a("div", { className: "relative", children: [
-      i && /* @__PURE__ */ e("div", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-d-muted-foreground pointer-events-none", children: /* @__PURE__ */ e(d, { name: i, size: t === "lg" ? "sm" : "xs" }) }),
-      /* @__PURE__ */ e(
-        "input",
-        {
-          id: n,
-          type: l,
-          "data-slot": "input",
-          className: g(
-            b({ size: t }),
-            "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
-            "aria-invalid:ring-d-destructive/20 dark:aria-invalid:ring-d-destructive/40 aria-invalid:border-d-destructive",
-            "shadow-sm",
-            i ? t !== "lg" ? "pl-9" : "pl-10" : "",
-            s ? t !== "lg" ? "pr-9" : "pr-10" : "",
-            o
-          ),
-          ref: f,
-          ...u
-        }
-      ),
-      s && /* @__PURE__ */ e("div", { className: "absolute right-3 top-1/2 -translate-y-1/2 text-d-muted-foreground pointer-events-none", children: /* @__PURE__ */ e(d, { name: s, size: t === "lg" ? "sm" : "xs" }) })
-    ] })
-  ] });
-});
+), h = c.forwardRef(
+  ({
+    className: o,
+    type: l,
+    label: r,
+    labelClassName: m,
+    id: p,
+    iconLeft: i,
+    iconRight: s,
+    size: t,
+    ...u
+  }, f) => {
+    const n = p || (r ? `input-${Math.random().toString(36).substring(2, 9)}` : void 0);
+    return /* @__PURE__ */ a("div", { className: "space-y-1.5", children: [
+      r && /* @__PURE__ */ e(v, { htmlFor: n, className: m, children: r }),
+      /* @__PURE__ */ a("div", { className: "relative", children: [
+        i && /* @__PURE__ */ e("div", { className: "text-d-muted-foreground pointer-events-none absolute top-1/2 left-3 -translate-y-1/2", children: /* @__PURE__ */ e(d, { name: i, size: t === "lg" ? "sm" : "xs" }) }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            id: n,
+            type: l,
+            "data-slot": "input",
+            className: g(
+              b({ size: t }),
+              "focus-visible:ring-ring focus-visible:ring-1 focus-visible:outline-none",
+              "aria-invalid:ring-d-destructive/20 dark:aria-invalid:ring-d-destructive/40 aria-invalid:border-d-destructive",
+              "shadow-sm",
+              i ? t !== "lg" ? "pl-9" : "pl-10" : "",
+              s ? t !== "lg" ? "pr-9" : "pr-10" : "",
+              o
+            ),
+            ref: f,
+            ...u
+          }
+        ),
+        s && /* @__PURE__ */ e("div", { className: "text-d-muted-foreground pointer-events-none absolute top-1/2 right-3 -translate-y-1/2", children: /* @__PURE__ */ e(d, { name: s, size: t === "lg" ? "sm" : "xs" }) })
+      ] })
+    ] });
+  }
+);
 h.displayName = "Input";
 export {
   h as Input,

package/dist/components/ui/interrupt-prompt.js

@@ -16,13 +16,13 @@ function m({ isOpen: t, close: r }) {
         }
       },
       exit: { top: 0, filter: "blur(5px)" },
-      className: "absolute left-1/2 flex -translate-x-1/2 overflow-hidden whitespace-nowrap rounded-full border bg-d-background py-1 text-center text-sm text-d-secondary-foreground",
+      className: "bg-d-background text-d-secondary-foreground absolute left-1/2 flex -translate-x-1/2 overflow-hidden rounded-full border py-1 text-center text-sm whitespace-nowrap",
       children: [
         /* @__PURE__ */ e("span", { className: "ml-2.5", children: "Press Enter again to interrupt" }),
         /* @__PURE__ */ e(
           "button",
           {
-            className: "ml-1 mr-2.5 flex items-center",
+            className: "mr-2.5 ml-1 flex items-center",
             type: "button",
             onClick: r,
             "aria-label": "Close",

package/dist/components/ui/markdown-renderer.js

@@ -58,7 +58,7 @@ const w = ({
         children: /* @__PURE__ */ t(h, { language: n, className: a, children: d })
       }
     ),
-    /* @__PURE__ */ t("div", { className: "invisible absolute right-2 top-2 flex space-x-1 rounded-lg p-1 opacity-0 transition-all duration-200 group-hover/code:visible group-hover/code:opacity-100", children: /* @__PURE__ */ t(k, { content: d, copyMessage: "Copied code to clipboard" }) })
+    /* @__PURE__ */ t("div", { className: "invisible absolute top-2 right-2 flex space-x-1 rounded-lg p-1 opacity-0 transition-all duration-200 group-hover/code:visible group-hover/code:opacity-100", children: /* @__PURE__ */ t(k, { content: d, copyMessage: "Copied code to clipboard" }) })
   ] });
 };
 function s(e) {
@@ -86,7 +86,7 @@ const C = {
       "code",
       {
         className: g(
-          "font-mono [:not(pre)>&]:rounded-md [:not(pre)>&]:bg-d-background/50 [:not(pre)>&]:px-1 [:not(pre)>&]:py-0.5"
+          "[:not(pre)>&]:bg-d-background/50 font-mono [:not(pre)>&]:rounded-md [:not(pre)>&]:px-1 [:not(pre)>&]:py-0.5"
         ),
         ...i,
         children: e

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

@@ -87,7 +87,9 @@ function ne({
       (c = t.currentTarget.form) == null || c.requestSubmit();
     }
     o == null || o(t);
-  }, b = Y(null), [J, Q] = y(0);
+  }, b = Y(
+    null
+  ), [J, Q] = y(0);
   C(() => {
     b.current && Q(b.current.offsetHeight);
   }, [r.value]);
@@ -129,14 +131,14 @@ function ne({
               onPaste: B,
               onKeyDown: W,
               className: R(
-                "z-10 w-full grow resize-none rounded-xl border border-d-input bg-d-background p-3 pr-24 text-sm ring-offset-d-background transition-[border] placeholder:text-d-secondary-foreground focus-visible:border-d-primary focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
+                "border-d-input bg-d-background ring-offset-d-background placeholder:text-d-secondary-foreground focus-visible:border-d-primary z-10 w-full grow resize-none rounded-xl border p-3 pr-24 text-sm transition-[border] focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
                 z && "pb-16",
                 l
               ),
               ...r.allowAttachments ? I(r, ["allowAttachments", "files", "setFiles"]) : I(r, ["allowAttachments"])
             }
           ),
-          r.allowAttachments && /* @__PURE__ */ e("div", { className: "absolute inset-x-3 bottom-2 z-20 overflow-x-scroll py-3 [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden", children: /* @__PURE__ */ e("div", { className: "flex space-x-3", children: /* @__PURE__ */ e(v, { mode: "popLayout", children: (S = r.files) == null ? void 0 : S.map((t) => /* @__PURE__ */ e(
+          r.allowAttachments && /* @__PURE__ */ e("div", { className: "absolute inset-x-3 bottom-2 z-20 overflow-x-scroll py-3 [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", children: /* @__PURE__ */ e("div", { className: "flex space-x-3", children: /* @__PURE__ */ e(v, { mode: "popLayout", children: (S = r.files) == null ? void 0 : S.map((t) => /* @__PURE__ */ e(
             K,
             {
               file: t,
@@ -153,7 +155,7 @@ function ne({
             t.name + String(t.lastModified)
           )) }) }) })
         ] }) }),
-        /* @__PURE__ */ d("div", { className: "absolute right-3 top-3 z-20 flex gap-2", children: [
+        /* @__PURE__ */ d("div", { className: "absolute top-3 right-3 z-20 flex gap-2", children: [
           r.allowAttachments && /* @__PURE__ */ e(
             p,
             {
@@ -223,7 +225,7 @@ function le({ isDragging: a }) {
   return /* @__PURE__ */ e(v, { children: a && /* @__PURE__ */ d(
     x.div,
     {
-      className: "pointer-events-none absolute inset-0 z-20 flex items-center justify-center space-x-2 rounded-xl border border-dashed border-d-border bg-d-background text-sm text-d-secondary-foreground",
+      className: "border-d-border bg-d-background text-d-secondary-foreground pointer-events-none absolute inset-0 z-20 flex items-center justify-center space-x-2 rounded-xl border border-dashed text-sm",
       initial: { opacity: 0 },
       animate: { opacity: 1 },
       exit: { opacity: 0 },
@@ -255,18 +257,18 @@ function se() {
   return /* @__PURE__ */ d(
     x.div,
     {
-      className: "flex h-full w-full flex-col items-center justify-center rounded-xl bg-d-background/80 backdrop-blur-sm",
+      className: "bg-d-background/80 flex h-full w-full flex-col items-center justify-center rounded-xl backdrop-blur-sm",
       initial: { opacity: 0 },
       animate: { opacity: 1 },
       exit: { opacity: 0 },
       transition: { duration: 0.2 },
       children: [
         /* @__PURE__ */ d("div", { className: "relative", children: [
-          /* @__PURE__ */ e(ae, { className: "h-8 w-8 animate-spin text-d-primary" }),
+          /* @__PURE__ */ e(ae, { className: "text-d-primary h-8 w-8 animate-spin" }),
           /* @__PURE__ */ e(
             x.div,
             {
-              className: "absolute inset-0 h-8 w-8 animate-pulse rounded-full bg-d-primary/20",
+              className: "bg-d-primary/20 absolute inset-0 h-8 w-8 animate-pulse rounded-full",
               initial: { scale: 0.8, opacity: 0 },
               animate: { scale: 1.2, opacity: 1 },
               transition: {
@@ -278,7 +280,7 @@ function se() {
             }
           )
         ] }),
-        /* @__PURE__ */ e("p", { className: "mt-4 text-sm font-medium text-d-secondary-foreground", children: "Transcribing audio..." })
+        /* @__PURE__ */ e("p", { className: "text-d-secondary-foreground mt-4 text-sm font-medium", children: "Transcribing audio..." })
       ]
     }
   );
@@ -297,7 +299,7 @@ function ce({ isVisible: a, onStopRecording: l }) {
         }
       },
       exit: { top: 0, filter: "blur(5px)" },
-      className: "absolute left-1/2 flex -translate-x-1/2 cursor-pointer overflow-hidden whitespace-nowrap rounded-full border bg-d-background py-1 text-center text-sm text-d-secondary-foreground",
+      className: "bg-d-background text-d-secondary-foreground absolute left-1/2 flex -translate-x-1/2 cursor-pointer overflow-hidden rounded-full border py-1 text-center text-sm whitespace-nowrap",
       onClick: l,
       children: /* @__PURE__ */ d("span", { className: "mx-2.5 flex items-center", children: [
         /* @__PURE__ */ e(ie, { className: "mr-2 h-3 w-3" }),