impact-nova 1.7.39 → 1.7.41

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

@@ -1,57 +1,58 @@
 import { jsxs as m, jsx as a } from "react/jsx-runtime";
 import * as f from "react";
-import { X as ge } from "lucide-react";
-import { CalendarMonth as be, Info as G } from "../../../icons/index.js";
+import { X as be } from "lucide-react";
+import { CalendarMonth as ye, Info as J } from "../../../icons/index.js";
 import { format as p, isValid as g, parse as b } from "date-fns";
-import { cn as u, padValidDateString as E, maskDate as J } from "../../../lib/utils.js";
-import { Popover as ye, PopoverTrigger as we, PopoverContent as De } from "../popover.js";
-import { Calendar as ke } from "../calendar.js";
-import { Tooltip as Q, TooltipTrigger as U, TooltipContent as W } from "../tooltip.js";
-import { getDateFnsLocale as ve } from "../../../i18n/getDateFnsLocale.js";
-import { useImpactNovaI18n as Ne } from "../../../i18n/ImpactNovaI18nContext.js";
-const Se = f.forwardRef(
+import { cn as u, padValidDateString as E, maskDate as Q } from "../../../lib/utils.js";
+import { Popover as we, PopoverTrigger as De, PopoverContent as ke } from "../popover.js";
+import { Calendar as ve } from "../calendar.js";
+import { Tooltip as U, TooltipTrigger as W, TooltipContent as Y } from "../tooltip.js";
+import { getDateFnsLocale as Ne } from "../../../i18n/getDateFnsLocale.js";
+import { useImpactNovaI18n as Se } from "../../../i18n/ImpactNovaI18nContext.js";
+const Pe = f.forwardRef(
   ({
     value: n,
     onChange: d,
     format: t = "MM/dd/yyyy",
-    startPlaceholder: Y,
-    endPlaceholder: Z,
-    minDate: $,
-    maxDate: _,
-    startMonth: F,
-    endMonth: ee,
+    startPlaceholder: Z,
+    endPlaceholder: $,
+    minDate: _,
+    maxDate: F,
+    startMonth: ee,
+    endMonth: te,
     showFooter: x = !0,
+    weekStartsOn: z,
     disabled: P,
-    label: z,
+    label: B,
     helperText: V,
     helperTextPosition: j = "absolute",
-    prefix: Pe,
-    prefixClick: Re,
+    prefix: Re,
+    prefixClick: Ie,
     isError: v,
-    size: B,
-    required: te,
-    className: ne,
-    ...oe
-  }, le) => {
-    const { locale: O, t: R } = Ne(), o = f.useMemo(() => ve(O), [O]), T = Y ?? R("datePicker.startDate"), H = Z ?? R("datePicker.endDate"), X = f.useRef(null), se = f.useRef(null);
-    f.useRef(null), f.useRef(null), f.useImperativeHandle(le, () => X.current);
-    const [i, y] = f.useState(!1), C = f.useRef(!1), [I, w] = f.useState(n), [D, N] = f.useState(n?.from ? p(n.from, t, { locale: o }) : ""), [k, S] = f.useState(n?.to ? p(n.to, t, { locale: o }) : ""), [re, A] = f.useState(n?.from || /* @__PURE__ */ new Date());
+    size: O,
+    required: ne,
+    className: oe,
+    ...le
+  }, se) => {
+    const { locale: T, t: R } = Se(), o = f.useMemo(() => Ne(T), [T]), H = Z ?? R("datePicker.startDate"), X = $ ?? R("datePicker.endDate"), q = f.useRef(null), re = f.useRef(null);
+    f.useRef(null), f.useRef(null), f.useImperativeHandle(se, () => q.current);
+    const [i, y] = f.useState(!1), C = f.useRef(!1), [I, w] = f.useState(n), [D, N] = f.useState(n?.from ? p(n.from, t, { locale: o }) : ""), [k, S] = f.useState(n?.to ? p(n.to, t, { locale: o }) : ""), [ie, A] = f.useState(n?.from || /* @__PURE__ */ new Date());
     f.useEffect(() => {
       i || (N(n?.from ? p(n.from, t, { locale: o }) : ""), S(n?.to ? p(n.to, t, { locale: o }) : ""), w(n));
     }, [n, t, i, o]), f.useEffect(() => {
       i && (w(n), N(n?.from ? p(n.from, t, { locale: o }) : ""), S(n?.to ? p(n.to, t, { locale: o }) : ""), A(n?.from || /* @__PURE__ */ new Date()));
     }, [i, n, t, o]);
-    const ie = (e) => {
+    const ce = (e) => {
       w(e), e?.from && N(p(e.from, t, { locale: o })), e?.to && S(p(e.to, t, { locale: o })), x || e?.from && e?.to && e.from.getTime() !== e.to.getTime() && (d?.(e), y(!1));
-    }, ce = (e) => {
+    }, ae = (e) => {
       let s = e !== void 0 ? e : I;
       s?.from && !s.to && (s = { from: s.from, to: s.from }), d?.(s), y(!1);
     }, K = () => {
       w(n), N(n?.from ? p(n.from, t, { locale: o }) : ""), S(n?.to ? p(n.to, t, { locale: o }) : ""), y(!1);
     }, L = () => {
       w(void 0), N(""), S(""), d?.(void 0), x || y(!1);
-    }, ae = (e) => {
-      const s = e.target.value, c = J(s, t, D);
+    }, de = (e) => {
+      const s = e.target.value, c = Q(s, t, D);
       if (N(c), c === "") {
         const l = { from: void 0, to: I?.to };
         w(l), x || d?.(l);
@@ -62,8 +63,8 @@ const Se = f.forwardRef(
         const l = { from: r, to: I?.to };
         w(l), A(r), x || d?.(l);
       }
-    }, de = (e) => {
-      const s = e.target.value, c = J(s, t, k);
+    }, fe = (e) => {
+      const s = e.target.value, c = Q(s, t, k);
       if (S(c), c === "") {
         const l = { from: I?.from, to: void 0 };
         w(l), x || d?.(l);
@@ -74,14 +75,14 @@ const Se = f.forwardRef(
         const l = { from: I?.from, to: r };
         w(l), r && A(r), x || d?.(l);
       }
-    }, q = () => {
+    }, G = () => {
       if (i) return;
       const e = E(D, t), s = E(k, t), c = b(e, t, /* @__PURE__ */ new Date(), { locale: o }), r = b(s, t, /* @__PURE__ */ new Date(), { locale: o }), l = g(c) && e.length === t.length, h = g(r) && s.length === t.length;
       D && !l ? N(n?.from ? p(n.from, t, { locale: o }) : "") : l && N(e), k && !h ? S(n?.to ? p(n.to, t, { locale: o }) : "") : h && S(s), l && h && !x ? d?.({ from: c, to: r }) : l && !x ? d?.({ from: c, to: n?.to }) : h && !x && d?.({ from: n?.from, to: r });
-    }, fe = n?.from ? p(n.from, t, { locale: o }) : "", pe = n?.to ? p(n.to, t, { locale: o }) : "", me = D !== fe, ue = k !== pe, xe = D.length === t.length && !g(b(D, t, /* @__PURE__ */ new Date(), { locale: o })), he = k.length === t.length && !g(b(k, t, /* @__PURE__ */ new Date(), { locale: o }));
+    }, pe = n?.from ? p(n.from, t, { locale: o }) : "", me = n?.to ? p(n.to, t, { locale: o }) : "", ue = D !== pe, xe = k !== me, he = D.length === t.length && !g(b(D, t, /* @__PURE__ */ new Date(), { locale: o })), ge = k.length === t.length && !g(b(k, t, /* @__PURE__ */ new Date(), { locale: o }));
     return /* @__PURE__ */ m("div", { className: "flex w-full min-w-[240px] flex-col gap-[6px]", "data-component": "date-range-picker", "data-disabled": P || void 0, children: [
       /* @__PURE__ */ m("div", { className: "flex flex-col gap-[6px]", children: [
-        z && /* @__PURE__ */ m(
+        B && /* @__PURE__ */ m(
           "label",
           {
             className: u(
@@ -90,9 +91,9 @@ const Se = f.forwardRef(
               v && "text-destructive"
             ),
             children: [
-              z,
+              B,
               " ",
-              te && /* @__PURE__ */ a("span", { className: "text-destructive", children: "*" })
+              ne && /* @__PURE__ */ a("span", { className: "text-destructive", children: "*" })
             ]
           }
         ),
@@ -104,29 +105,29 @@ const Se = f.forwardRef(
               V && j === "absolute" && "relative"
             ),
             children: [
-              /* @__PURE__ */ m(ye, { open: i, onOpenChange: y, children: [
-                /* @__PURE__ */ a(we, { asChild: !0, children: /* @__PURE__ */ m(
+              /* @__PURE__ */ m(we, { open: i, onOpenChange: y, children: [
+                /* @__PURE__ */ a(De, { asChild: !0, children: /* @__PURE__ */ m(
                   "div",
                   {
                     "data-state": i ? "open" : "closed",
                     className: u(
                       "flex w-full items-center justify-between gap-2 rounded-md border bg-canvas-elevated px-3 text-sm shadow-sm transition-colors hover:border-brand disabled:cursor-not-allowed disabled:bg-disabled-surface disabled:text-disabled-foreground disabled:border-stroke",
                       v ? "border-destructive hover:border-destructive" : "border-field",
-                      B === "sm" ? "h-6" : B === "md" ? "h-[28px]" : "h-8",
+                      O === "sm" ? "h-6" : O === "md" ? "h-[28px]" : "h-8",
                       P && "pointer-events-none opacity-100 bg-disabled-surface border-stroke text-disabled-foreground hover:border-stroke",
                       "cursor-pointer",
-                      ne
+                      oe
                     ),
                     children: [
                       /* @__PURE__ */ m("div", { className: "flex items-center gap-4 flex-1 min-w-0", children: [
                         /* @__PURE__ */ a(
                           "input",
                           {
-                            ref: X,
+                            ref: q,
                             type: "text",
                             value: D,
-                            onChange: ae,
-                            onBlur: q,
+                            onChange: de,
+                            onBlur: G,
                             onClick: (e) => i && e.stopPropagation(),
                             onKeyDown: (e) => {
                               if (e.key === "Enter" && !i) {
@@ -136,25 +137,25 @@ const Se = f.forwardRef(
                               }
                               e.key === "ArrowDown" && !i && (e.preventDefault(), C.current = !0, y(!0)), e.key === "Escape" && i && (e.preventDefault(), K());
                             },
-                            placeholder: i ? t : T,
+                            placeholder: i ? t : H,
                             disabled: !!P,
-                            "aria-label": T,
+                            "aria-label": H,
                             "data-field": "start",
                             className: u(
                               "flex-1 min-w-0 bg-transparent p-0 text-sm font-medium outline-none placeholder:font-medium placeholder:text-content-empty disabled:cursor-not-allowed disabled:opacity-50",
-                              xe ? "text-destructive" : me ? "text-content-muted" : ""
+                              he ? "text-destructive" : ue ? "text-content-muted" : ""
                             ),
-                            ...oe
+                            ...le
                           }
                         ),
                         /* @__PURE__ */ a(
                           "input",
                           {
-                            ref: se,
+                            ref: re,
                             type: "text",
                             value: k,
-                            onChange: de,
-                            onBlur: q,
+                            onChange: fe,
+                            onBlur: G,
                             onClick: (e) => i && e.stopPropagation(),
                             onKeyDown: (e) => {
                               if (e.key === "Enter" && !i) {
@@ -164,20 +165,20 @@ const Se = f.forwardRef(
                               }
                               e.key === "ArrowDown" && !i && (e.preventDefault(), C.current = !0, y(!0)), e.key === "Escape" && i && (e.preventDefault(), K());
                             },
-                            placeholder: i ? t : H,
+                            placeholder: i ? t : X,
                             disabled: !!P,
-                            "aria-label": H,
+                            "aria-label": X,
                             "data-field": "end",
                             className: u(
                               "flex-1 min-w-0 bg-transparent p-0 text-sm font-medium outline-none placeholder:font-medium placeholder:text-content-empty disabled:cursor-not-allowed disabled:opacity-50",
-                              he ? "text-destructive" : ue ? "text-content-muted" : ""
+                              ge ? "text-destructive" : xe ? "text-content-muted" : ""
                             )
                           }
                         )
                       ] }),
                       /* @__PURE__ */ m("div", { className: "flex items-center gap-1 shrink-0", children: [
-                        n?.from && !P && /* @__PURE__ */ m(Q, { children: [
-                          /* @__PURE__ */ a(U, { asChild: !0, children: /* @__PURE__ */ a(
+                        n?.from && !P && /* @__PURE__ */ m(U, { children: [
+                          /* @__PURE__ */ a(W, { asChild: !0, children: /* @__PURE__ */ a(
                             "button",
                             {
                               type: "button",
@@ -190,25 +191,25 @@ const Se = f.forwardRef(
                                 (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), L());
                               },
                               className: "inline-flex items-center justify-center bg-transparent border-none p-0 cursor-pointer",
-                              children: /* @__PURE__ */ a(ge, { className: "h-4 w-4 hover:text-content text-content-muted" })
+                              children: /* @__PURE__ */ a(be, { className: "h-4 w-4 hover:text-content text-content-muted" })
                             }
                           ) }),
-                          /* @__PURE__ */ a(W, { variant: "tertiary", side: "top", children: R("calendar.clear") })
+                          /* @__PURE__ */ a(Y, { variant: "tertiary", side: "top", children: R("calendar.clear") })
                         ] }),
-                        /* @__PURE__ */ m(Q, { children: [
-                          /* @__PURE__ */ a(U, { asChild: !0, children: /* @__PURE__ */ a("button", { type: "button", tabIndex: 0, "aria-label": R("datePicker.selectMonthRange"), onClick: (e) => {
+                        /* @__PURE__ */ m(U, { children: [
+                          /* @__PURE__ */ a(W, { asChild: !0, children: /* @__PURE__ */ a("button", { type: "button", tabIndex: 0, "aria-label": R("datePicker.selectMonthRange"), onClick: (e) => {
                             e.stopPropagation(), y(!i);
                           }, onKeyDown: (e) => {
                             (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), C.current = !0, y(!i));
-                          }, className: "inline-flex items-center justify-center bg-transparent border-none p-0 cursor-pointer", children: /* @__PURE__ */ a(be, { className: "h-4 w-4 text-secondary-foreground" }) }) }),
-                          /* @__PURE__ */ a(W, { variant: "tertiary", side: "top", children: R("datePicker.selectMonthRange") })
+                          }, className: "inline-flex items-center justify-center bg-transparent border-none p-0 cursor-pointer", children: /* @__PURE__ */ a(ye, { className: "h-4 w-4 text-secondary-foreground" }) }) }),
+                          /* @__PURE__ */ a(Y, { variant: "tertiary", side: "top", children: R("datePicker.selectMonthRange") })
                         ] })
                       ] })
                     ]
                   }
                 ) }),
                 /* @__PURE__ */ a(
-                  De,
+                  ke,
                   {
                     className: "w-auto p-0",
                     align: "start",
@@ -216,21 +217,22 @@ const Se = f.forwardRef(
                       C.current || e.preventDefault(), C.current = !1;
                     },
                     children: /* @__PURE__ */ a(
-                      ke,
+                      ve,
                       {
                         mode: "range",
                         selected: I,
-                        onSelect: ie,
-                        month: re,
+                        onSelect: ce,
+                        month: ie,
                         onMonthChange: A,
-                        disabled: { before: $, after: _ },
-                        startMonth: F,
-                        endMonth: ee,
+                        disabled: { before: _, after: F },
+                        startMonth: ee,
+                        endMonth: te,
                         showFooter: x,
-                        onApply: ce,
+                        onApply: ae,
                         onCancel: K,
                         onClear: L,
-                        captionLayout: "dropdown"
+                        captionLayout: "dropdown",
+                        ...z !== void 0 ? { weekStartsOn: z } : {}
                       }
                     )
                   }
@@ -238,7 +240,7 @@ const Se = f.forwardRef(
               ] }),
               V && j === "absolute" && /* @__PURE__ */ m("div", { className: u("absolute left-0 top-full z-10 mt-1 flex min-w-0 max-w-full items-center gap-[6px]", v && "text-destructive"), children: [
                 /* @__PURE__ */ a(
-                  G,
+                  J,
                   {
                     size: "xs",
                     className: u(
@@ -264,7 +266,7 @@ const Se = f.forwardRef(
       ] }),
       V && j === "flow" && /* @__PURE__ */ m("div", { className: u("flex items-center gap-[6px]", v && "text-destructive"), children: [
         /* @__PURE__ */ a(
-          G,
+          J,
           {
             size: "xs",
             className: u(
@@ -287,7 +289,7 @@ const Se = f.forwardRef(
     ] });
   }
 );
-Se.displayName = "DateRangePicker";
+Pe.displayName = "DateRangePicker";
 export {
-  Se as DateRangePicker
+  Pe as DateRangePicker
 };

package/dist/components/ui/nested-list/components/NestedListContent.js

@@ -30,8 +30,8 @@ const q = "0 -2px 0 0 var(--color-primary)", G = "0 2px 0 0 var(--color-primary)
   sensors: p,
   items: n,
   renderItem: L,
-  onDragStart: y,
-  onDragOver: w,
+  onDragStart: w,
+  onDragOver: y,
   onDragEnd: N,
   onDragCancel: C,
   activeId: o
@@ -80,11 +80,11 @@ const q = "0 -2px 0 0 var(--color-primary)", G = "0 2px 0 0 var(--color-primary)
     }
     return { overId: e, position: t };
   }, [h, o, x, n]), k = b.useMemo(() => n.map((e) => e.item.id), [n]), S = b.useMemo(() => o && n.find((e) => e.item.id === o) || null, [o, n]), A = f((e) => {
-    y(e);
-  }, [y]), B = f((e) => {
+    w(e);
+  }, [w]), B = f((e) => {
     const { active: t, over: r } = e;
-    !r || t.id === r.id ? d(null) : d(r.id), w(e);
-  }, [w]), F = f((e) => {
+    !r || t.id === r.id ? d(null) : d(r.id), y(e);
+  }, [y]), F = f((e) => {
     d(null), N(e);
   }, [N]), M = f(() => {
     d(null), C();
@@ -115,7 +115,7 @@ const q = "0 -2px 0 0 var(--color-primary)", G = "0 2px 0 0 var(--color-primary)
       "div",
       {
         ref: E,
-        className: "flex-1 p-1 overflow-y-auto relative",
+        className: "flex-1 p-1 overflow-y-auto overflow-x-hidden relative",
         children: m ? /* @__PURE__ */ c(
           X,
           {

package/dist/components/ui/nested-list/components/SortableItem.d.ts

@@ -13,6 +13,16 @@ interface SortableItemProps {
     enableCollapse?: boolean;
     shouldBlink?: boolean;
     isDragDisabled?: boolean;
+    /** Render content right after the label (e.g., indicators) */
+    renderLabelExtras?: (item: NestedListItem, context: {
+        isLeaf: boolean;
+        level: number;
+    }) => React.ReactNode;
+    /** Render content at the end of the row (e.g., actions, switches) */
+    renderActions?: (item: NestedListItem, context: {
+        isLeaf: boolean;
+        level: number;
+    }) => React.ReactNode;
 }
 export declare const SortableItem: React.NamedExoticComponent<SortableItemProps>;
 export {};

package/dist/components/ui/nested-list/components/SortableItem.js

@@ -1,133 +1,138 @@
-import { jsx as r, jsxs as p } from "react/jsx-runtime";
-import I, { useMemo as L } from "react";
-import { useSortable as R } from "@dnd-kit/sortable";
-import { useDroppable as S } from "@dnd-kit/core";
-import { Checkbox as w } from "../../checkbox.js";
-import { ChevronRight as z, Drag as D } from "../../../../icons/index.js";
-import { cn as d } from "../../../../lib/utils.js";
-import { useImpactNovaI18n as f } from "../../../../i18n/ImpactNovaI18nContext.js";
-const H = (e, o) => {
-  const t = "flex items-center gap-1 py-[3px] px-2 rounded transition-colors duration-150";
-  return e ? d(t, "opacity-40 bg-canvas-muted") : o ? d(t, "bg-feedback-error-surface border border-destructive animate-pulse") : d(t, "hover:bg-canvas-muted");
-}, P = ({ item: e, isAnyDragging: o }) => {
-  const { t } = f(), n = !e.children || e.children.length === 0, {
-    setNodeRef: c,
-    isOver: s
-  } = S({
+import { jsx as t, jsxs as l } from "react/jsx-runtime";
+import S, { useMemo as j } from "react";
+import { useSortable as z } from "@dnd-kit/sortable";
+import { useDroppable as D } from "@dnd-kit/core";
+import { Checkbox as H } from "../../checkbox.js";
+import { ChevronRight as P, Drag as _ } from "../../../../icons/index.js";
+import { cn as a } from "../../../../lib/utils.js";
+import { useImpactNovaI18n as g } from "../../../../i18n/ImpactNovaI18nContext.js";
+const $ = (e, r) => {
+  const n = "flex items-center gap-1 py-[3px] px-2 rounded transition-colors duration-150 min-w-0";
+  return e ? a(n, "opacity-40 bg-canvas-muted") : r ? a(n, "bg-feedback-error-surface border border-destructive animate-pulse") : a(n, "hover:bg-canvas-muted");
+}, E = ({ item: e, isAnyDragging: r, renderActions: n }) => {
+  const { t: d } = g(), s = !e.children || e.children.length === 0, {
+    setNodeRef: p,
+    isOver: c
+  } = D({
     id: `droppable-${e.id}`,
     data: { sectionId: e.id },
-    disabled: !n
+    disabled: !s
   });
-  return /* @__PURE__ */ p("div", { ref: n ? c : void 0, children: [
-    /* @__PURE__ */ p(
+  return /* @__PURE__ */ l("div", { ref: s ? p : void 0, children: [
+    /* @__PURE__ */ l(
       "div",
       {
-        className: d(
-          "flex items-center px-2 py-0 text-xs font-[500] leading-4 text-navigation-muted select-none",
+        className: a(
+          "flex items-center justify-between px-2 py-0 text-xs font-[500] leading-4 text-navigation-muted select-none",
           e.id === "root-scrollable" ? "mt-2 pt-2 pb-1 border-t border-solid border-stroke-subtle" : "mt-1 pb-1",
-          s && o && n && "bg-canvas-tint rounded"
+          c && r && s && "bg-canvas-tint rounded"
         ),
         children: [
-          e.label,
-          s && o && n && /* @__PURE__ */ r("span", { className: "ml-2 text-brand text-[11px]", children: t("nestedList.dropHere") })
+          /* @__PURE__ */ l("div", { className: "flex items-center", children: [
+            e.label,
+            c && r && s && /* @__PURE__ */ t("span", { className: "ml-2 text-brand text-[11px]", children: d("nestedList.dropHere") })
+          ] }),
+          n?.(e, { isLeaf: !1, level: 0 })
         ]
       }
     ),
-    n && /* @__PURE__ */ r(
+    s && /* @__PURE__ */ t(
       "div",
       {
-        className: d(
+        className: a(
           "mx-2 my-1 rounded border-2 border-dashed min-h-[36px] flex items-center justify-center text-[11px] transition-colors",
-          s && o ? "border-brand bg-canvas-tint text-brand" : "border-stroke-hairline text-content-empty"
+          c && r ? "border-brand bg-canvas-tint text-brand" : "border-stroke-hairline text-content-empty"
         ),
-        children: t(s && o ? "nestedList.releaseToDrop" : "nestedList.dragHere")
+        children: d(c && r ? "nestedList.releaseToDrop" : "nestedList.dragHere")
       }
     )
   ] });
-}, _ = ({
+}, O = ({
   item: e,
-  level: o,
-  isCollapsed: t,
-  onToggle: n,
-  onToggleCollapse: c,
-  isAnyDragging: s = !1,
-  isOver: $ = !1,
-  isValidDrop: j = !1,
-  enableDragDrop: x = !0,
-  enableCollapse: b = !0,
-  shouldBlink: v = !1,
-  isDragDisabled: h = !1
+  level: r,
+  isCollapsed: n,
+  onToggle: d,
+  onToggleCollapse: s,
+  isAnyDragging: p = !1,
+  isOver: c = !1,
+  isValidDrop: M = !1,
+  enableDragDrop: k = !0,
+  enableCollapse: h = !0,
+  shouldBlink: N = !1,
+  isDragDisabled: u = !1,
+  renderLabelExtras: y,
+  renderActions: f
 }) => {
-  const { t: u } = f(), m = e.category === "structure", i = e.children && e.children.length > 0, g = L(() => !e.children || e.children.length === 0 || e.children.every((l) => l.checked) ? !1 : e.children.some((l) => l.checked), [e.children]), {
-    attributes: k,
-    listeners: N,
-    setNodeRef: y,
-    isDragging: C,
+  const { t: m } = g(), x = e.category === "structure", i = e.children && e.children.length > 0, v = !i && e.category !== "structure", C = j(() => !e.children || e.children.length === 0 || e.children.every((b) => b.checked) ? !1 : e.children.some((b) => b.checked), [e.children]), {
+    attributes: I,
+    listeners: w,
+    setNodeRef: L,
+    isDragging: R,
     // transform and transition intentionally not applied — we use a custom
     // FloatingClone and manual insertion line instead of dnd-kit's built-in animations.
-    transform: E,
-    transition: O
-  } = R({
+    transform: F,
+    transition: T
+  } = z({
     id: e.id,
     data: {
-      level: o,
+      level: r,
       hasChildren: i,
-      isExpanded: !t
+      isExpanded: !n
     },
-    disabled: m || e.disabled || h
+    disabled: x || e.disabled || u
   });
-  return m ? /* @__PURE__ */ r(P, { item: e, isAnyDragging: s }) : /* @__PURE__ */ r(
+  return x ? /* @__PURE__ */ t(E, { item: e, isAnyDragging: p, renderActions: f }) : /* @__PURE__ */ t(
     "div",
     {
-      ref: y,
+      ref: L,
       className: "relative",
       "data-item-id": e.id,
-      "data-level": o,
+      "data-level": r,
       "data-checked": e.checked,
       "data-disabled": e.disabled,
-      "data-collapsed": t,
-      children: /* @__PURE__ */ p(
+      "data-collapsed": n,
+      children: /* @__PURE__ */ l(
         "div",
         {
-          className: H(C, v),
+          className: $(R, N),
           style: {
-            paddingLeft: `${8 + o * 20}px`
+            paddingLeft: `${8 + r * 20}px`
           },
           children: [
-            b && i && /* @__PURE__ */ r(
+            h && i && /* @__PURE__ */ t(
               "button",
               {
                 type: "button",
-                onClick: (a) => {
-                  a.stopPropagation(), c(e.id);
+                onClick: (o) => {
+                  o.stopPropagation(), s(e.id);
                 },
-                onMouseDown: (a) => a.stopPropagation(),
+                onMouseDown: (o) => o.stopPropagation(),
                 className: "p-1 hover:bg-muted rounded-full transition-colors flex items-center text-content-icon hover:text-brand",
-                "aria-label": u(t ? "nestedList.expand" : "nestedList.collapse"),
-                children: /* @__PURE__ */ r(
-                  z,
+                "aria-label": m(n ? "nestedList.expand" : "nestedList.collapse"),
+                children: /* @__PURE__ */ t(
+                  P,
                   {
                     size: "16px",
-                    className: d("transition-transform", !t && "rotate-90")
+                    className: a("transition-transform", !n && "rotate-90")
                   }
                 )
               }
             ),
-            (!b || !i) && /* @__PURE__ */ r("div", { className: "w-6" }),
-            /* @__PURE__ */ r(
-              w,
+            (!h || !i) && /* @__PURE__ */ t("div", { className: "w-6" }),
+            /* @__PURE__ */ t(
+              H,
               {
                 id: `checkbox-${e.id}`,
-                checked: g ? "indeterminate" : e.checked,
-                onCheckedChange: () => n(e.id),
+                checked: C ? "indeterminate" : e.checked,
+                onCheckedChange: () => d(e.id),
                 disabled: e.disabled
               }
             ),
-            x && !h && /* @__PURE__ */ r(
+            k && !u && /* @__PURE__ */ t(
               "div",
               {
-                ...k,
-                ...N,
+                ...I,
+                ...w,
                 className: "cursor-grab active:cursor-grabbing p-0 hover:bg-muted rounded flex items-center",
                 style: {
                   pointerEvents: "auto",
@@ -135,26 +140,29 @@ const H = (e, o) => {
                   zIndex: 30,
                   touchAction: "none"
                 },
-                onPointerDown: (a) => {
-                  a.stopPropagation();
+                onPointerDown: (o) => {
+                  o.stopPropagation();
                 },
-                children: /* @__PURE__ */ r(D, { size: "14px", className: "text-content-icon" })
+                children: /* @__PURE__ */ t(_, { size: "14px", className: "text-content-icon" })
               }
             ),
-            /* @__PURE__ */ r(
+            /* @__PURE__ */ t(
               "label",
               {
                 htmlFor: `checkbox-${e.id}`,
-                className: "flex-1 text-[13px] text-content capitalize ml-1 cursor-pointer select-none",
-                children: e.label
+                className: "text-[13px] text-content capitalize ml-1 cursor-pointer select-none min-w-0",
+                children: /* @__PURE__ */ t("span", { className: "break-words", children: e.label })
               }
-            )
+            ),
+            y?.(e, { isLeaf: v, level: r }),
+            /* @__PURE__ */ t("div", { className: "flex-1" }),
+            f?.(e, { isLeaf: v, level: r })
           ]
         }
       )
     }
   );
-}, Q = I.memo(_);
+}, X = S.memo(O);
 export {
-  Q as SortableItem
+  X as SortableItem
 };