laif-ds 0.2.73 → 0.2.75

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

@@ -1,44 +1,44 @@
 "use client";
 import { jsx as n, jsxs as b, Fragment as G } from "react/jsx-runtime";
-import { useContext as L, useRef as i, useState as o, useCallback as _, useMemo as j, useEffect as l } from "react";
-import M from "../../../../../_virtual/index8.js";
-import N from "../../../../../_virtual/debounce3.js";
-import { GanttContext as k } from "../Gantt/GanttContext.js";
-import { transformData as y } from "../../utils/transformData.js";
-import A from "./Scale/Scale.js";
-import B from "./Tree/Tree.js";
-import F from "./Bars/Bars.js";
+import L from "../../../../../_virtual/index8.js";
+import _ from "../../../../../_virtual/debounce3.js";
+import { useContext as j, useRef as l, useState as o, useCallback as M, useMemo as N, useEffect as a } from "react";
+import { GanttContext as O } from "../Gantt/GanttContext.js";
+import { transformData as k } from "../../utils/transformData.js";
+import y from "./Scale/Scale.js";
+import A from "./Tree/Tree.js";
+import B from "./Bars/Bars.js";
 import { GanttConsts as f } from "../../constants/GanttConsts.js";
-import { GanttDimensionsSettings as O } from "../../constants/DimensionsSettings.js";
+import { GanttDimensionsSettings as F } from "../../constants/DimensionsSettings.js";
 const Z = ({
   data: u,
   className: E,
   onBarDoubleClick: H,
   onBarChange: R
 }) => {
-  const { settings: e, scaleDates: s, wrapRef: t, setCurrentDate: m, treeTitle: S } = L(k), d = i(null), p = i(null), h = i(null), [T, c] = o(
+  const { settings: e, scaleDates: s, wrapRef: t, setCurrentDate: m, treeTitle: S } = j(O), d = l(null), p = l(null), h = l(null), [T, c] = o(
     []
-  ), [a, x] = o(!0), [g, W] = o(0), [D, w] = o(0), C = _(() => {
+  ), [i, x] = o(!0), [g, W] = o(0), [D, w] = o(0), C = M(() => {
     const r = Math.round(
-      ((t?.current?.scrollLeft || 0) + f.TREE_WIDTH) * O[e.dimension].secondsInPixel
+      ((t?.current?.scrollLeft || 0) + f.TREE_WIDTH) * F[e.dimension].secondsInPixel
     );
     m(s[0] + r);
-  }, [s, m, e.dimension, t]), I = j(() => N(C, 100), [C]);
-  return l(() => {
+  }, [s, m, e.dimension, t]), I = N(() => _(C, 100), [C]);
+  return a(() => {
     t?.current?.clientWidth && t?.current?.clientHeight && (W(t.current.clientWidth - f.TREE_WIDTH), w(t.current.clientHeight - f.HEADER_HEIGHT), x(!1));
-  }, []), l(() => {
-    !a && t.current && (t.current.scrollLeft = e.initialScrollOffset);
-  }, [a]), l(() => {
-    c(y(u));
+  }, [t]), a(() => {
+    !i && t.current && (t.current.scrollLeft = e.initialScrollOffset);
+  }, [i, t, e.initialScrollOffset]), a(() => {
+    c(k(u));
   }, [u]), /* @__PURE__ */ n(
     "div",
     {
-      className: M("gantt-chart-wrap", E),
+      className: L("gantt-chart-wrap", E),
       ref: t,
       onScroll: (r) => {
         h.current?.scrollTo(r.currentTarget.scrollTop), p.current?.scrollTo(r.currentTarget.scrollTop), d.current?.scrollTo(r.currentTarget.scrollLeft), I();
       },
-      children: a ? /* @__PURE__ */ n(
+      children: i ? /* @__PURE__ */ n(
         "div",
         {
           style: {
@@ -46,9 +46,9 @@ const Z = ({
           }
         }
       ) : /* @__PURE__ */ b(G, { children: [
-        /* @__PURE__ */ n(A, { width: g, wrapRef: t, ref: d }),
+        /* @__PURE__ */ n(y, { width: g, wrapRef: t, ref: d }),
         /* @__PURE__ */ n(
-          B,
+          A,
           {
             height: D,
             data: T,
@@ -58,7 +58,7 @@ const Z = ({
           }
         ),
         /* @__PURE__ */ n(
-          F,
+          B,
           {
             ref: h,
             data: T,

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

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as o, jsxs as W } from "react/jsx-runtime";
-import { forwardRef as y, useContext as N, useRef as S, useCallback as f, useEffect as Y } from "react";
 import l from "../../../../../../_virtual/dayjs.min.js";
+import { forwardRef as y, useContext as N, useRef as S, useCallback as f, useEffect as Y } from "react";
 import { VariableSizeList as E } from "../../../../../../node_modules/react-window/dist/index.esm.js";
 import { GanttContext as T } from "../../Gantt/GanttContext.js";
 import { useForwardRef as A } from "../../../hooks/useForwardRef.js";

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

@@ -1,65 +1,65 @@
 "use client";
 import { jsx as a, jsxs as d } from "react/jsx-runtime";
-import { forwardRef as g, useMemo as f, useCallback as h } from "react";
-import { VariableSizeList as E } from "../../../../../../node_modules/react-window/dist/index.esm.js";
-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(() => {
+import { forwardRef as g, useMemo as y, useCallback as f } from "react";
+import { VariableSizeList as h } from "../../../../../../node_modules/react-window/dist/index.esm.js";
+import { MinusSquareOutlined as E } from "../../../assets/icons/MinusSquareOutlined.js";
+import { PlusSquareOutlined as b } from "../../../assets/icons/PlusSquareOutlined.js";
+import { GanttConsts as o } from "../../../constants/GanttConsts.js";
+const T = g(
+  ({ height: c, data: l, setData: s, treeTitle: p = "Attività" }, m) => {
+    const i = y(() => {
       const t = [];
-      for (const e of s)
-        e.hasOwnProperty("expanded") && !e.expanded && t.push(e.key);
-      return s.filter((e) => !e.parentsKeys.some(
-        (r) => t.includes(r)
+      for (const e of l)
+        Object.prototype.hasOwnProperty.call(e, "expanded") && !e.expanded && t.push(e.key);
+      return l.filter((e) => !e.parentsKeys.some(
+        (n) => t.includes(n)
       ));
-    }, [s]), u = h(
+    }, [l]), u = f(
       (t) => {
-        const e = [...s], n = e.find((r) => r.key === t);
-        n?.hasOwnProperty("expanded") && (n.expanded = !n.expanded), l(e);
+        const e = [...l], r = e.find((n) => n.key === t);
+        r && Object.prototype.hasOwnProperty.call(r, "expanded") && (r.expanded = !r.expanded), s(e);
       },
-      [s, l]
+      [l, s]
     );
     return /* @__PURE__ */ a(
       "div",
       {
         className: "gantt-tree-wrap bg-d-background",
         style: {
-          width: i.TREE_WIDTH,
-          marginTop: -i.HEADER_HEIGHT
+          width: o.TREE_WIDTH,
+          marginTop: -o.HEADER_HEIGHT
         },
         children: /* @__PURE__ */ a(
-          E,
+          h,
           {
-            ref: p,
+            ref: m,
             className: "gantt-tree-list bg-d-background",
             layout: "vertical",
             width: "100%",
             height: c,
-            itemCount: o.length,
-            itemSize: () => i.ROW_HEIGHT,
-            itemData: o,
+            itemCount: i.length,
+            itemSize: () => o.ROW_HEIGHT,
+            itemData: i,
             innerElementType: ({ children: t, props: e }) => /* @__PURE__ */ d(
               "div",
               {
-                style: { height: o.length * i.ROW_HEIGHT },
+                style: { height: i.length * o.ROW_HEIGHT },
                 ...e,
                 children: [
                   /* @__PURE__ */ a(
                     "div",
                     {
                       className: "gantt-tree-title bg-d-background",
-                      style: { height: i.HEADER_HEIGHT },
-                      children: m
+                      style: { height: o.HEADER_HEIGHT },
+                      children: p
                     }
                   ),
                   /* @__PURE__ */ a("div", { className: "gantt-tree-inner-wrap", children: t })
                 ]
               }
             ),
-            children: ({ style: t, index: e, data: n }) => {
-              const r = n[e];
+            children: ({ style: t, index: e, data: r }) => {
+              const n = r[e];
               return /* @__PURE__ */ d(
                 "button",
                 {
@@ -67,12 +67,12 @@ const b = g(
                   style: {
                     ...t,
                     backgroundColor: e % 2 === 0 ? "var(--d-background)" : "var(--d-secondary)",
-                    paddingLeft: i.LEAF_TITLE_PADDING_LEFT + r.level * i.LEAF_CHILDREN_PADDING_LEFT
+                    paddingLeft: o.LEAF_TITLE_PADDING_LEFT + n.level * o.LEAF_CHILDREN_PADDING_LEFT
                   },
-                  onClick: () => u(r.key),
+                  onClick: () => u(n.key),
                   children: [
-                    r.hasOwnProperty("expanded") ? r.expanded ? /* @__PURE__ */ a(y, { className: "gantt-tree-icon" }) : /* @__PURE__ */ a(T, { className: "gantt-tree-icon" }) : null,
-                    /* @__PURE__ */ a("div", { children: n[e].title })
+                    Object.prototype.hasOwnProperty.call(n, "expanded") ? n.expanded ? /* @__PURE__ */ a(E, { className: "gantt-tree-icon" }) : /* @__PURE__ */ a(b, { className: "gantt-tree-icon" }) : null,
+                    /* @__PURE__ */ a("div", { children: r[e].title })
                   ]
                 }
               );
@@ -83,7 +83,7 @@ const b = g(
     );
   }
 );
-b.displayName = "Tree";
+T.displayName = "Tree";
 export {
-  b as default
+  T as default
 };

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

@@ -1,10 +1,10 @@
 "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 a } from "react";
-import G from "../../../../../_virtual/dayjs.min.js";
-import { cn as P } from "../../../../../lib/utils.js";
+import y from "../../../../../_virtual/dayjs.min.js";
+import { useContext as G, useState as h, useMemo as f, useCallback as a } from "react";
 import { Button as g } from "../../../button.js";
 import { Select as S, SelectTrigger as b, SelectValue as x, SelectContent as v, SelectItem as C } from "../../../select.js";
+import { cn as P } from "../../../../../lib/utils.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";
@@ -12,7 +12,7 @@ import R from "../../../../../node_modules/lucide-react/dist/esm/icons/chevron-r
 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: r, setSettings: p, currentDate: j } = y(B), [z, c] = h(r.dimension), [t, m] = h(
+  const { calculate: s } = L(), { settings: r, setSettings: p, currentDate: j } = G(B), [z, c] = h(r.dimension), [t, m] = h(
     Object.keys(l).findIndex(
       (e) => e === r.dimension
     )
@@ -80,7 +80,7 @@ const Y = ({ className: D }) => {
             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__ */ n("div", { className: "px-4 text-sm font-medium", children: y.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)) })

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

@@ -1,8 +1,8 @@
 "use client";
 import { jsx as i } from "react/jsx-runtime";
-import { useMemo as a, useRef as z, useState as e } from "react";
 import p from "../../../../../_virtual/dayjs.min.js";
-import H from "../../../../../_virtual/localizedFormat.js";
+import z from "../../../../../_virtual/localizedFormat.js";
+import { useMemo as a, useRef as H, useState as e } from "react";
 import { GanttContext as M } from "./GanttContext.js";
 import N from "../Chart/Chart.js";
 import P from "../Controls/Controls.js";
@@ -14,7 +14,7 @@ import { DragStepSizes as U } from "../../enums/DragStepSizes.js";
 import { GanttConsts as _ } from "../../constants/GanttConsts.js";
 import { GanttDimensionsSettings as s } from "../../constants/DimensionsSettings.js";
 import { DragStepOptions as b } from "../../constants/DragStepOptions.js";
-p.extend(H);
+p.extend(z);
 const l = ({
   children: S,
   draggable: d = !1,
@@ -25,7 +25,7 @@ const l = ({
   const r = a(() => {
     const o = t === c.DAY ? m.MONTH : m.DAY;
     return Y(void 0, void 0, o);
-  }, [t]), x = a(() => A(t, r), [t, r]), I = z(null), [g, v] = e(p().unix()), [u, O] = e(r), [C, G] = e({
+  }, [t]), x = a(() => A(t, r), [t, r]), I = H(null), [g, v] = e(p().unix()), [u, O] = e(r), [C, G] = e({
     stepWidth: s[t].stepWidth,
     secondsInPixel: s[t].secondsInPixel,
     scaleStepItems: _.HOURS_IN_DAY,

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

@@ -4,34 +4,41 @@ import { GanttContext as d } from "../components/Gantt/GanttContext.js";
 import { getScaleDates as D } from "../utils/getScaleDates.js";
 import { getInitialScrollOffset as z } from "../utils/getInitialScrollOffset.js";
 import { DragStepOptions as C } from "../constants/DragStepOptions.js";
-import { GanttDimensionsSettings as x } from "../constants/DimensionsSettings.js";
+import { GanttDimensionsSettings as b } from "../constants/DimensionsSettings.js";
 const k = () => {
-  const { setScaleDates: a, wrapRef: r, settings: t, setSettings: o, currentDate: e } = f(d);
+  const { setScaleDates: r, wrapRef: s, settings: t, setSettings: o, currentDate: e } = f(d);
   return { calculate: u(
-    (s) => {
+    (a) => {
       const {
-        stepWidth: l,
+        stepWidth: i,
         itemsCount: S,
-        scaleStepItems: p,
-        secondsInPixel: n,
-        unitOfTime: g
-      } = x[s], c = D(e, S, g), i = z(
-        s,
-        c,
+        scaleStepItems: g,
+        secondsInPixel: l,
+        unitOfTime: p
+      } = b[a], n = D(e, S, p), c = z(
+        a,
+        n,
         e
-      ), m = C[t.dragStepSize].seconds / n;
+      ), m = C[t.dragStepSize].seconds / l;
       o({
-        stepWidth: l,
-        initialScrollOffset: i,
-        scaleStepItems: p,
-        secondsInPixel: n,
-        dimension: s,
+        stepWidth: i,
+        initialScrollOffset: c,
+        scaleStepItems: g,
+        secondsInPixel: l,
+        dimension: a,
         dragStepSize: t.dragStepSize,
         gridSize: m,
         draggable: t.draggable
-      }), a(c), r.current?.scrollTo({ left: i });
+      }), r(n), s.current?.scrollTo({ left: c });
     },
-    [e, a, o, t.dragStepSize, r]
+    [
+      e,
+      r,
+      o,
+      t.dragStepSize,
+      t.draggable,
+      s
+    ]
   ) };
 };
 export {

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

@@ -1,8 +1,8 @@
 "use client";
 import { jsx as e, jsxs as w } from "react/jsx-runtime";
-import { cn as n } from "../../lib/utils.js";
 import { motion as c } from "framer-motion";
 import * as s from "react";
+import { cn as n } from "../../lib/utils.js";
 const x = {
   container: {
     initial: { opacity: 0, y: 20 },

package/dist/components/ui/input.js

@@ -1,10 +1,10 @@
 "use client";
 import { jsxs as f, jsx as l } from "react/jsx-runtime";
+import { cva as j } from "../../node_modules/class-variance-authority/dist/index.js";
+import * as a from "react";
 import { designTokens as o } from "../design-tokens.js";
 import { Label as se } from "./label.js";
 import { cn as n } from "../../lib/utils.js";
-import { cva as j } from "../../node_modules/class-variance-authority/dist/index.js";
-import * as a from "react";
 import { Icon as N } from "./icon.js";
 import { Typo as te } from "./typo.js";
 const ae = j(
@@ -64,7 +64,7 @@ const ae = j(
     startContent: S,
     endContent: E,
     size: g,
-    disabled: d,
+    disabled: c,
     required: C,
     onBlur: O,
     onChange: _,
@@ -76,18 +76,18 @@ const ae = j(
     validityI18n: e,
     ...$
   }, J) => {
-    const [u, K] = a.useState(!1), [h, k] = a.useState(!0), [Q, L] = a.useState(!1), [U, V] = a.useState(""), X = a.useId(), w = G ?? X, R = `${w}-validity`, x = a.useRef(null), b = p === "password", Y = b ? u ? "text" : "password" : p, W = F ?? (!h && Q ? !0 : void 0), Z = [H, B && R].filter(Boolean).join(" ").trim() || void 0;
+    const [d, K] = a.useState(!1), [h, k] = a.useState(!0), [Q, L] = a.useState(!1), [U, V] = a.useState(""), X = a.useId(), w = G ?? X, R = `${w}-validity`, x = a.useRef(null), b = p === "password", Y = b ? d ? "text" : "password" : p, W = F ?? (!h && Q ? !0 : void 0), Z = [H, B && R].filter(Boolean).join(" ").trim() || void 0;
     a.useImperativeHandle(J, () => x.current);
     const q = a.useCallback(
       (t) => {
-        if (d) return;
+        if (c) return;
         const s = t.target;
         if (s.tagName === "INPUT" || s.tagName === "BUTTON") return;
         const r = x.current;
         r && (r.focus(), !b && p !== "file" && r.select());
       },
-      [d, b, p]
-    ), c = a.useCallback(
+      [c, b, p]
+    ), u = a.useCallback(
       (t) => {
         const s = t.validity, r = t.validationMessage !== "" ? t.validationMessage : "✓";
         if (s.valid)
@@ -104,28 +104,28 @@ const ae = j(
     );
     a.useEffect(() => {
       if (x.current) {
-        const { isValid: t, message: s } = c(x.current);
+        const { isValid: t, message: s } = u(x.current);
         k(t), V(s);
       }
-    }, [c]);
+    }, [u]);
     const y = a.useCallback(
       (t) => {
         L(!0);
-        const { isValid: s, message: r } = c(t.currentTarget);
+        const { isValid: s, message: r } = u(t.currentTarget);
         k(s), V(r), _?.(t);
       },
-      [_, c]
+      [_, u]
     ), I = a.useCallback(
       (t) => {
         L(!0), O?.(t);
       },
-      [O, c]
+      [O]
     ), ee = a.useCallback(
       (t) => {
-        const { isValid: s, message: r } = c(t.currentTarget);
+        const { isValid: s, message: r } = u(t.currentTarget);
         k(s), V(r), z?.(t);
       },
-      [z, c]
+      [z, u]
     );
     return /* @__PURE__ */ f("div", { className: n("flex flex-col gap-1.5", A), children: [
       T && /* @__PURE__ */ f(se, { htmlFor: w, className: n("gap-0.5", D), children: [
@@ -138,7 +138,7 @@ const ae = j(
         {
           className: n(
             ae({ size: g }),
-            d ? "cursor-not-allowed opacity-50" : "cursor-text"
+            c ? "cursor-not-allowed opacity-50" : "cursor-text"
           ),
           "aria-invalid": W,
           onClick: q,
@@ -155,7 +155,7 @@ const ae = j(
                 "data-slot": "input",
                 className: n(re({ size: g })),
                 ref: x,
-                disabled: d,
+                disabled: c,
                 onChange: y,
                 onBlur: I,
                 onInvalid: ee,
@@ -175,22 +175,22 @@ const ae = j(
                 },
                 className: n(
                   "text-d-muted-foreground flex shrink-0 cursor-pointer items-center",
-                  d && "cursor-not-allowed"
+                  c && "cursor-not-allowed"
                 ),
-                "aria-label": u ? m.hide : m.show,
-                "aria-pressed": u,
+                "aria-label": d ? m.hide : m.show,
+                "aria-pressed": d,
                 "aria-controls": w,
-                title: u ? m.hide : m.show,
-                disabled: d,
+                title: d ? m.hide : m.show,
+                disabled: c,
                 children: [
                   /* @__PURE__ */ l(
                     N,
                     {
-                      name: u ? "EyeOff" : "Eye",
+                      name: d ? "EyeOff" : "Eye",
                       size: g === "lg" ? "sm" : "xs"
                     }
                   ),
-                  /* @__PURE__ */ l("span", { className: "sr-only", children: u ? m.hide : m.show })
+                  /* @__PURE__ */ l("span", { className: "sr-only", children: d ? m.hide : m.show })
                 ]
               }
             ) : (M || E) && /* @__PURE__ */ f("div", { className: "text-d-muted-foreground flex shrink-0 items-center gap-2", children: [

package/dist/components/ui/kanban.js

@@ -248,10 +248,7 @@ function xe({
   }, []), c = h(() => {
     const s = d.current;
     if (!s) return;
-    if (t && Object.prototype.hasOwnProperty.call(
-      t,
-      "--kanban-column-min-height"
-    )) {
+    if (t && Object.prototype.hasOwnProperty.call(t, "--kanban-column-min-height")) {
       n(null);
       return;
     }
@@ -279,7 +276,9 @@ function xe({
       x = Math.max(x, k.scrollHeight);
     b && s.style.setProperty("--kanban-column-min-height", b);
     const B = Math.ceil(x);
-    n(Number.isFinite(B) && B > 0 ? B : 0);
+    n(
+      Number.isFinite(B) && B > 0 ? B : 0
+    );
   }, [n, t]), f = h(() => {
     i.current === null && (i.current = requestAnimationFrame(() => {
       i.current = null, c();
@@ -348,8 +347,8 @@ function ye({
       "aria-labelledby": `column-${r}-title`,
       className: D(
         se,
-        g && "border-d-primary/80 bg-d-primary/10 ring-2 ring-d-primary/30",
-        m && "border-d-destructive/70 bg-d-destructive/10 ring-2 ring-d-destructive/20",
+        g && "border-d-primary/80 bg-d-primary/10 ring-d-primary/30 ring-2",
+        m && "border-d-destructive/70 bg-d-destructive/10 ring-d-destructive/20 ring-2",
         e
       ),
       "aria-disabled": l,
@@ -523,7 +522,7 @@ function Te({
         !a && "bg-d-card/95",
         le,
         "focus-visible:ring-d-ring inline-flex w-full touch-manipulation flex-col gap-2 transition-all duration-200 focus-visible:ring-1 focus-visible:outline-none",
-        t ? "group/card relative cursor-default" : c ? "cursor-grabbing active:cursor-grabbing opacity-40" : "group/card relative cursor-grab hover:-translate-y-0.5 hover:shadow-lg",
+        t ? "group/card relative cursor-default" : c ? "cursor-grabbing opacity-40 active:cursor-grabbing" : "group/card relative cursor-grab hover:-translate-y-0.5 hover:shadow-lg",
         l && "rotate-1 transform shadow-lg",
         e
       ),
@@ -539,7 +538,7 @@ function Te({
         g && g.length > 0 && /* @__PURE__ */ p("div", { className: "mt-1.5 flex flex-wrap gap-1.5", children: g.map((o, b) => /* @__PURE__ */ C(
           "div",
           {
-            className: "text-d-muted-foreground inline-flex items-center gap-1 rounded-full border bg-d-muted/40 px-2 py-0.5 text-[11px]",
+            className: "text-d-muted-foreground bg-d-muted/40 inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-[11px]",
             style: {
               borderColor: a ? `${a}40` : void 0
             },