@factorialco/f0-react 4.6.0 → 4.7.0

package/dist/ai.d.ts

@@ -4721,8 +4721,11 @@ declare module "@tiptap/core" {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        moodTracker: {
-            insertMoodTracker: (data: MoodTrackerData) => ReturnType;
+        enhanceHighlight: {
+            setEnhanceHighlight: (from: number, to: number, options?: {
+                placeholder?: string;
+            }) => ReturnType;
+            clearEnhanceHighlight: () => ReturnType;
         };
     }
 }
@@ -4730,11 +4733,8 @@ declare module "@tiptap/core" {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        enhanceHighlight: {
-            setEnhanceHighlight: (from: number, to: number, options?: {
-                placeholder?: string;
-            }) => ReturnType;
-            clearEnhanceHighlight: () => ReturnType;
+        moodTracker: {
+            insertMoodTracker: (data: MoodTrackerData) => ReturnType;
         };
     }
 }

package/dist/experimental.d.ts

@@ -6349,6 +6349,7 @@ export declare interface MenuCategory {
 export declare interface MenuItem extends NavigationItem {
     icon: IconType;
     badge?: number;
+    tag?: string;
 }
 
 export declare interface MenuProps {
@@ -9780,8 +9781,11 @@ declare module "@tiptap/core" {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        moodTracker: {
-            insertMoodTracker: (data: MoodTrackerData) => ReturnType;
+        enhanceHighlight: {
+            setEnhanceHighlight: (from: number, to: number, options?: {
+                placeholder?: string;
+            }) => ReturnType;
+            clearEnhanceHighlight: () => ReturnType;
         };
     }
 }
@@ -9789,11 +9793,8 @@ declare module "@tiptap/core" {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        enhanceHighlight: {
-            setEnhanceHighlight: (from: number, to: number, options?: {
-                placeholder?: string;
-            }) => ReturnType;
-            clearEnhanceHighlight: () => ReturnType;
+        moodTracker: {
+            insertMoodTracker: (data: MoodTrackerData) => ReturnType;
         };
     }
 }

package/dist/experimental.js

@@ -1,7 +1,7 @@
-import { h as pa, B as ba, i as xa, j as va, k as Dt, l as Be, m as Te, n as ya, o as p, p as J, q as ye, u as le, T as wa, r as Na, s as Ca, R as Ia, t as ka, v as ce, w as Sa, x as Nt, y as ut, z as Ve, A as Le, E as Fa, G as Aa, H as U, J as La, K as Oa, L as xe, M as mn, N as Pa, O as Ea, Q as G, S as hn, U as z, V as ke, W as _a, X as Da, Y as Ta, Z as za, _ as Ra, $ as Oe, a0 as gn, a1 as Ba, a2 as we, a3 as Ue, a4 as $a, e as pn, a5 as Ae, a6 as Ma, a7 as bn, a8 as ie, a9 as Z, aa as xn, ab as vn, ac as Wa, ad as yn, ae as pe, af as ae, ag as ja, ah as Va, ai as Ua, aj as Ha, ak as Ga, al as ve, am as Ye, an as Ka, ao as qa, ap as Ya, aq as Ja, ar as Je, as as wn, at as Za, au as Xa, av as Qa, aw as He, ax as er, ay as Nn, az as tr, aA as nr, aB as ar, aC as rr, aD as ir, aE as lr, aF as sr, aG as or, aH as ft, aI as Cn, aJ as mt, aK as In, aL as cr, aM as dr, aN as ur, aO as fr, aP as mr, aQ as Ze, aR as Xe, aS as ht, aT as kn, aU as hr, aV as Ct, aW as gr, aX as pr, aY as br, aZ as Re, a_ as xr, a$ as vr, b0 as $e, b1 as Tt, b2 as gt, b3 as yr, b4 as wr, a as Nr, b as Cr, b5 as Sn, b6 as Ir, g as kr, F as Sr, b7 as Fr, b8 as Fn, b9 as Ar, ba as An, bb as Ln, bc as Lr, bd as Or, be as Pr, bf as Er, bg as _r, bh as Dr, bi as Tr, bj as zr, bk as Rr, bl as On, bm as Br, bn as $r, bo as Mr, bp as Wr, bq as ge, br as It, bs as kt, bt as St, bu as Pn, bv as Ft, bw as En, bx as _n, by as jr, bz as Vr, bA as Ur, bB as Hr, bC as Gr, bD as Kr, bE as qr, bF as Yr, bG as zt, bH as Jr, bI as Zr, bJ as Rt, bK as Bt, bL as $t, bM as Xr, bN as Qr, bO as ei, bP as ti, bQ as Dn, bR as ni, bS as ai } from "./F0CanvasPanel-NAs7-9VU.js";
+import { h as pa, B as ba, i as xa, j as va, k as Dt, l as Be, m as ze, n as ya, o as p, p as J, q as ye, u as le, T as wa, r as Na, s as Ca, R as Ia, t as ka, v as ce, w as Sa, x as Nt, y as ut, z as Ve, A as Oe, E as Fa, G as Aa, H as U, J as La, K as Oa, L as xe, M as mn, N as Pa, O as Ea, Q as G, S as hn, U as z, V as ke, W as _a, X as Da, Y as Ta, Z as za, _ as Ra, $ as Pe, a0 as gn, a1 as Ba, a2 as we, a3 as Ue, a4 as $a, e as pn, a5 as Ae, a6 as Ma, a7 as bn, a8 as ie, a9 as Z, aa as xn, ab as vn, ac as Wa, ad as yn, ae as pe, af as ae, ag as ja, ah as Va, ai as Ua, aj as Ha, ak as Ga, al as ve, am as Ye, an as Ka, ao as qa, ap as Ya, aq as Ja, ar as Je, as as wn, at as Za, au as Xa, av as Qa, aw as He, ax as er, ay as Nn, az as tr, aA as nr, aB as ar, aC as rr, aD as ir, aE as lr, aF as sr, aG as or, aH as ft, aI as Cn, aJ as mt, aK as In, aL as cr, aM as dr, aN as ur, aO as fr, aP as mr, aQ as Ze, aR as Xe, aS as ht, aT as kn, aU as hr, aV as Ct, aW as gr, aX as pr, aY as br, aZ as Le, a_ as xr, a$ as vr, b0 as $e, b1 as Tt, b2 as gt, b3 as yr, b4 as wr, a as Nr, b as Cr, b5 as Sn, b6 as Ir, g as kr, F as Sr, b7 as Fr, b8 as Fn, b9 as Ar, ba as An, bb as Ln, bc as Lr, bd as Or, be as Pr, bf as Er, bg as _r, bh as Dr, bi as Tr, bj as zr, bk as Rr, bl as On, bm as Br, bn as $r, bo as Mr, bp as Wr, bq as ge, br as It, bs as kt, bt as St, bu as Pn, bv as Ft, bw as En, bx as _n, by as jr, bz as Vr, bA as Ur, bB as Hr, bC as Gr, bD as Kr, bE as qr, bF as Yr, bG as zt, bH as Jr, bI as Zr, bJ as Rt, bK as Bt, bL as $t, bM as Xr, bN as Qr, bO as ei, bP as ti, bQ as Dn, bR as ni, bS as ai } from "./F0CanvasPanel-NAs7-9VU.js";
 import { c3 as Jc, c2 as Zc, cf as Xc, b$ as Qc, c0 as ed, bT as td, bU as nd, ci as ad, bV as rd, bW as id, cj as ld, c1 as sd, cb as od, cc as cd, cg as dd, bX as ud, c5 as fd, c4 as md, bY as hd, bZ as gd, cd as pd, ck as bd, ce as xd, ch as vd, ca as yd, c7 as wd, c9 as Nd, c6 as Cd, b_ as Id, c8 as kd } from "./F0CanvasPanel-NAs7-9VU.js";
 import { jsx as e, jsxs as o, Fragment as X } from "react/jsx-runtime";
-import ue, { forwardRef as H, useRef as j, useTransition as ri, useState as D, useLayoutEffect as Tn, useId as pt, useContext as Pe, createContext as Qe, useEffect as W, useCallback as ne, useMemo as q, Fragment as ii, isValidElement as li, cloneElement as zn, Children as Rn } from "react";
+import ue, { forwardRef as H, useRef as j, useTransition as ri, useState as D, useLayoutEffect as Tn, useId as pt, useContext as Ee, createContext as Qe, useEffect as W, useCallback as ne, useMemo as q, Fragment as ii, isValidElement as li, cloneElement as zn, Children as Rn } from "react";
 import { C as si, P as oi, a as Bn, M as ci, p as di, b as ui, R as Mt, c as $n, u as fi, d as mi, e as hi, f as gi, g as pi, h as Mn, S as bi, A as xi, B as vi, L as yi, i as wi, V as Ni, j as Ci, k as Ii, l as ki, O as Si } from "./useDataCollectionSource-Coj9e5oF.js";
 import { r as Fd, s as Ad, o as Ld, H as Od, t as Pd, z as Ed, a8 as _d, G as Dd, q as Td, aa as zd, a9 as Rd, Q as Bd, ad as $d, F as Md, Y as Wd, U as jd, J as Vd, af as Ud, K as Hd, Z as Gd, _ as Kd, v as qd, ab as Yd, ac as Jd, N as Zd, $ as Xd, a5 as Qd, a7 as eu, w as tu, y as nu, D as au, W as ru, ae as iu, X as lu, T as su, ag as ou, x as cu, E as du, m as uu, n as fu, a1 as mu, a2 as hu, a6 as gu, I as pu, a3 as bu, a0 as xu, a4 as vu } from "./useDataCollectionSource-Coj9e5oF.js";
 const Fi = pa("Search", [
@@ -122,7 +122,7 @@ function Ei({ breadcrumbs: t, append: n }) {
                 isFirst: f === 0,
                 children: f === t.length - 1 ? n : void 0
               },
-              Te(d)
+              ze(d)
             ))
           }
         ),
@@ -135,7 +135,7 @@ function Ei({ breadcrumbs: t, append: n }) {
               item: l.headItem,
               isLast: !1
             },
-            `first-item-${Te(l.headItem)}`
+            `first-item-${ze(l.headItem)}`
           ),
           c && /* @__PURE__ */ o(X, { children: [
             /* @__PURE__ */ e(
@@ -153,7 +153,7 @@ function Ei({ breadcrumbs: t, append: n }) {
                 isFirst: !1,
                 children: f === l.tailItems.length - 1 ? n : void 0
               },
-              Te(d)
+              ze(d)
             ))
           ] }),
           !c && /* @__PURE__ */ e(X, { children: l.tailItems.map((d, f) => /* @__PURE__ */ e(
@@ -164,12 +164,12 @@ function Ei({ breadcrumbs: t, append: n }) {
               isFirst: !1,
               children: f === l.tailItems.length - 1 ? n : void 0
             },
-            Te(d)
+            ze(d)
           )) })
         ] })
       ]
     },
-    `breadcrumb-${Te(t.at(-1)) ?? 0}`
+    `breadcrumb-${ze(t.at(-1)) ?? 0}`
   );
 }
 const _i = ye({
@@ -369,7 +369,7 @@ const _i = ye({
 }, Se = () => {
 };
 function et() {
-  const t = Pe(Vn);
+  const t = Ee(Vn);
   return t === null ? {
     enabled: !1,
     setEnabled: Se,
@@ -451,8 +451,8 @@ const Un = ({
     !i && /* @__PURE__ */ e(Sa, { side: "left", className: "font-medium", children: l.ai.welcome })
   ] }) }) }) : null;
 }, Vt = "one_sidebar_locked", Hn = Qe(void 0);
-function Ee() {
-  const t = Pe(Hn);
+function _e() {
+  const t = Ee(Hn);
   return t === void 0 ? {
     isSmallScreen: !1,
     isLastToggleInvokedByUser: !0,
@@ -521,7 +521,7 @@ const Ut = J.create(U), Ht = {
   const [r, i] = D(!1), l = () => {
     i(!0), n(!t);
   };
-  return /* @__PURE__ */ e(Le, { mode: "wait", children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(Oe, { mode: "wait", children: /* @__PURE__ */ e(
     "button",
     {
       className: p(
@@ -878,7 +878,7 @@ const Ut = J.create(U), Ht = {
           G,
           {
             variant: "ghost",
-            icon: Oe,
+            icon: Pe,
             size: "sm",
             hideLabel: !0,
             onClick: s,
@@ -910,7 +910,7 @@ const Ut = J.create(U), Ht = {
   ] });
 }, Ot = Qe(null), Qo = Ot.Provider;
 function ec() {
-  return Pe(Ot);
+  return Ee(Ot);
 }
 function Ki(t, n) {
   const a = n?.getItemTitle, r = n?.mode ?? "url", i = t !== null, l = t?.previousItem ?? null, s = t?.nextItem ?? null, c = t?.previousItemUrl ?? null, d = t?.nextItemUrl ?? null, f = t?.absoluteIndex ?? null, u = t?.totalItems, m = t?.hasPrevious ?? !1, h = t?.hasNext ?? !1, b = t?.goToPrevious, g = t?.goToNext;
@@ -946,7 +946,7 @@ function tc({
   oneSwitchTooltip: d,
   oneSwitchAutoOpen: f
 }) {
-  const { sidebarState: u, toggleSidebar: m } = Ee(), h = Pe(Ot), b = l ?? h ?? void 0, g = [
+  const { sidebarState: u, toggleSidebar: m } = _e(), h = Ee(Ot), b = l ?? h ?? void 0, g = [
     {
       id: t.href,
       label: t.name,
@@ -964,7 +964,7 @@ function tc({
       ),
       children: [
         /* @__PURE__ */ o("div", { className: "flex flex-grow items-center", children: [
-          /* @__PURE__ */ e(Le, { children: !i && u !== "locked" && /* @__PURE__ */ e(
+          /* @__PURE__ */ e(Oe, { children: !i && u !== "locked" && /* @__PURE__ */ e(
             J.div,
             {
               initial: { opacity: 0, width: 0 },
@@ -1180,7 +1180,7 @@ const Yi = () => {
     },
     isOpen: n,
     autoClearMinutes: i
-  }), /* @__PURE__ */ e(Le, { children: n && /* @__PURE__ */ e(
+  }), /* @__PURE__ */ e(Oe, { children: n && /* @__PURE__ */ e(
     J.div,
     {
       "aria-hidden": !n,
@@ -1301,7 +1301,7 @@ const Yi = () => {
         variant: "ghost",
         hideLabel: !0,
         label: "",
-        icon: Oe,
+        icon: Pe,
         onClick: d
       }
     ) }),
@@ -1397,7 +1397,7 @@ const Yi = () => {
               G,
               {
                 variant: "ghost",
-                icon: Oe,
+                icon: Pe,
                 size: "sm",
                 hideLabel: !0,
                 onClick: a,
@@ -1962,7 +1962,7 @@ const qt = ({
       /* @__PURE__ */ e("div", { className: "flex flex-1 flex-col", children: /* @__PURE__ */ e("div", { className: "flex flex-1 flex-row items-center gap-2 break-all", children: /* @__PURE__ */ e("span", { className: p("line-clamp-1"), children: t }) }) })
     ]
   }
-) }), ze = ({ primaryAction: t, secondaryActions: n }) => {
+) }), Re = ({ primaryAction: t, secondaryActions: n }) => {
   if (!n || n.length === 0)
     return /* @__PURE__ */ e(
       G,
@@ -2021,24 +2021,24 @@ const qt = ({
     disabled: r || !l
   } : void 0;
   return x || (x = y, y = void 0), m && u ? (b = /* @__PURE__ */ e(
-    ze,
+    Re,
     {
       primaryAction: x,
       secondaryActions: y ? [y] : []
     }
   ), g = /* @__PURE__ */ e(
-    ze,
+    Re,
     {
       primaryAction: t[0],
       secondaryActions: t.slice(1)
     }
   )) : m ? b = /* @__PURE__ */ e(
-    ze,
+    Re,
     {
       primaryAction: t[0],
       secondaryActions: t.slice(1)
     }
-  ) : u && (b = /* @__PURE__ */ e(ze, { primaryAction: x, secondaryActions: [] }), y && (g = /* @__PURE__ */ e(ze, { primaryAction: y, secondaryActions: [] }))), /* @__PURE__ */ e("footer", { className: "rounded-bl-xl border-0 border-r-[1px] border-t-[1px] border-solid border-f1-border-secondary bg-f1-background/30 backdrop-blur-2xl", children: /* @__PURE__ */ o("div", { className: "flex flex-1 justify-between p-2", children: [
+  ) : u && (b = /* @__PURE__ */ e(Re, { primaryAction: x, secondaryActions: [] }), y && (g = /* @__PURE__ */ e(Re, { primaryAction: y, secondaryActions: [] }))), /* @__PURE__ */ e("footer", { className: "rounded-bl-xl border-0 border-r-[1px] border-t-[1px] border-solid border-f1-border-secondary bg-f1-background/30 backdrop-blur-2xl", children: /* @__PURE__ */ o("div", { className: "flex flex-1 justify-between p-2", children: [
     b,
     g
   ] }) });
@@ -2259,8 +2259,8 @@ const qt = ({
           h,
           T.id
         ), oe = (T?.subItems ?? []).filter(
-          (De) => Q?.subItems?.some(
-            (ga) => ga.subId === De.subId
+          (Te) => Q?.subItems?.some(
+            (ga) => ga.subId === Te.subId
           )
         ), he = (T.subItems?.length ?? 0) === oe.length, ha = !he && oe.length > 0;
         return /* @__PURE__ */ e(
@@ -2268,14 +2268,14 @@ const qt = ({
           {
             groupView: !0,
             expanded: T.expanded ?? !1,
-            onExpand: (De) => g(T, De),
+            onExpand: (Te) => g(T, Te),
             search: i,
             entity: T,
             onSelect: l,
             onRemove: s,
             selected: he,
             partialSelected: ha,
-            showGroupIcon: a.find((De) => De.value === r)?.groupType === "team",
+            showGroupIcon: a.find((Te) => Te.value === r)?.groupType === "team",
             singleSelector: B,
             goToFirst: v,
             goToLast: C,
@@ -2367,7 +2367,7 @@ const qt = ({
     }
     const ee = F > 0 && K === F, Y = K > 0;
     return [ee, Y];
-  }, [n, k, t]), Ce = te.length, se = !B && (y || N), it = O && O.length > 0, _e = !w && (!B && se || it);
+  }, [n, k, t]), Ce = te.length, se = !B && (y || N), it = O && O.length > 0, De = !w && (!B && se || it);
   return /* @__PURE__ */ o(
     "div",
     {
@@ -2418,7 +2418,7 @@ const qt = ({
           {
             className: p(
               "flex-grow-1 flex h-96 flex-col justify-start gap-1 border-0 border-r-[1px] border-solid border-f1-border-secondary bg-f1-background",
-              _e ? "" : "rounded-b-xl border-r-0"
+              De ? "" : "rounded-b-xl border-r-0"
             ),
             children: [
               w && /* @__PURE__ */ e("div", { className: "flex h-full w-full flex-row items-center justify-center", children: /* @__PURE__ */ e(bn, {}) }),
@@ -2506,7 +2506,7 @@ const qt = ({
     right: !a && /* @__PURE__ */ e(
       U,
       {
-        icon: Oe,
+        icon: Pe,
         size: "sm",
         className: "cursor-pointer text-f1-icon-secondary",
         onClick: () => n?.(t)
@@ -2757,7 +2757,7 @@ const qt = ({
       (w) => w.subItems && w.subItems.length > 0
     ),
     [t.entities]
-  ), m = Pe(ir), b = m.portalContainer && (m.position === "center" || m.position === "fullscreen") ? m.portalContainer : void 0;
+  ), m = Ee(ir), b = m.portalContainer && (m.position === "center" || m.position === "fullscreen") ? m.portalContainer : void 0;
   function g(w) {
     if (t.singleSelector) {
       t.onSelect(w), a(!1);
@@ -3592,7 +3592,7 @@ const Bl = () => /* @__PURE__ */ o("div", { className: "flex flex-col justify-ar
     ),
     children: t.map((a) => {
       const r = /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-        Re,
+        Le,
         {
           icon: a.icon,
           text: a.label ?? (a.description || ""),
@@ -4088,7 +4088,7 @@ const Bl = () => /* @__PURE__ */ o("div", { className: "flex flex-col justify-ar
             ) })
           ] }),
           "bottomTags" in a && /* @__PURE__ */ e("div", { className: "-ml-1.5 flex flex-row items-center [&>div]:-mr-1", children: a.bottomTags.map((l, s) => /* @__PURE__ */ o(X, { children: [
-            /* @__PURE__ */ e(Re, { ...l }, l.text),
+            /* @__PURE__ */ e(Le, { ...l }, l.text),
             s < a.bottomTags.length - 1 && /* @__PURE__ */ e("span", { children: "·" })
           ] })) }),
           "description" in a && a.description && /* @__PURE__ */ e("p", { className: "truncate text-f1-foreground-secondary", children: a.description })
@@ -4191,7 +4191,7 @@ function Jl(t, n, a) {
   return !n && t ? a === "hidden" : n && !t ? a !== "hidden" : !1;
 }
 function Zl(t, n) {
-  const { sidebarState: a, toggleSidebar: r } = Ee(), i = j(t);
+  const { sidebarState: a, toggleSidebar: r } = _e(), i = j(t);
   W(() => {
     n && Jl(
       t,
@@ -4207,7 +4207,7 @@ function Xl({
   sidebar: r,
   banner: i
 }) {
-  const { sidebarState: l, toggleSidebar: s, isSmallScreen: c, setForceFloat: d } = Ee(), f = Ze(), {
+  const { sidebarState: l, toggleSidebar: s, isSmallScreen: c, setForceFloat: d } = _e(), f = Ze(), {
     open: u,
     visualizationMode: m,
     canvasContent: h,
@@ -4243,7 +4243,7 @@ function Xl({
       children: /* @__PURE__ */ o("div", { className: "scrollbar-macos grid h-screen grid-cols-1 grid-rows-[auto_minmax(0,1fr)]", children: [
         /* @__PURE__ */ e("div", { className: "col-[1/-1]", children: i }),
         /* @__PURE__ */ e(Sn, { id: "ai-chat-group", children: /* @__PURE__ */ o("div", { className: "relative isolate flex h-full", children: [
-          /* @__PURE__ */ e(Le, { children: l === "unlocked" && /* @__PURE__ */ e(
+          /* @__PURE__ */ e(Oe, { children: l === "unlocked" && /* @__PURE__ */ e(
             J.nav,
             {
               className: p(
@@ -4376,7 +4376,7 @@ const ra = ({
   onPulseClick: s
 }) => {
   const c = le(), [d, f] = D(!l);
-  return /* @__PURE__ */ e("div", { className: "relative h-10 w-10", children: /* @__PURE__ */ e(Le, { mode: "popLayout", initial: !!d, children: d ? /* @__PURE__ */ e(
+  return /* @__PURE__ */ e("div", { className: "relative h-10 w-10", children: /* @__PURE__ */ e(Oe, { mode: "popLayout", initial: !!d, children: d ? /* @__PURE__ */ e(
     J.div,
     {
       className: "relative h-10 w-10 rounded-full bg-f1-background-warning",
@@ -4524,7 +4524,7 @@ function ia({
   period: a,
   embedded: r = !1
 }) {
-  const { sidebarState: i, toggleSidebar: l, isSmallScreen: s } = Ee();
+  const { sidebarState: i, toggleSidebar: l, isSmallScreen: s } = _e();
   return /* @__PURE__ */ o(
     "div",
     {
@@ -4905,7 +4905,7 @@ function rs({ isExpanded: t }) {
   );
 }
 function is() {
-  const { prevSidebarState: t, sidebarState: n, toggleSidebar: a, isSmallScreen: r } = Ee(), i = j(null);
+  const { prevSidebarState: t, sidebarState: n, toggleSidebar: a, isSmallScreen: r } = _e(), i = j(null);
   return W(() => {
     t === "hidden" && n === "locked" && i.current?.focus();
   }, [t, n]), /* @__PURE__ */ o(
@@ -4921,7 +4921,7 @@ function is() {
       "aria-label": "Close Sidebar",
       children: [
         /* @__PURE__ */ e("div", { className: p("hidden", { flex: !r }), children: /* @__PURE__ */ e(rs, { isExpanded: n === "locked" }) }),
-        /* @__PURE__ */ e("div", { className: p("hidden", { flex: r }), children: /* @__PURE__ */ e(U, { icon: Oe, size: "md" }) })
+        /* @__PURE__ */ e("div", { className: p("hidden", { flex: r }), children: /* @__PURE__ */ e(U, { icon: Pe, size: "md" }) })
       ]
     }
   );
@@ -4967,7 +4967,7 @@ function ss({ children: t }) {
   );
 }
 function Et() {
-  const t = Pe(sa);
+  const t = Ee(sa);
   if (!t)
     throw new Error("useDragContext must be used within a DragProvider");
   return t;
@@ -4976,7 +4976,7 @@ const os = ({
   item: t,
   active: n
 }) => /* @__PURE__ */ o("div", { className: "flex w-full items-center justify-between", children: [
-  /* @__PURE__ */ o("div", { className: "flex items-center gap-1.5 font-medium text-f1-foreground", children: [
+  /* @__PURE__ */ o("div", { className: "flex min-w-0 items-center gap-1.5 font-medium text-f1-foreground", children: [
     /* @__PURE__ */ e(
       U,
       {
@@ -4990,7 +4990,10 @@ const os = ({
     ),
     /* @__PURE__ */ e("span", { children: t.label })
   ] }),
-  t.badge && /* @__PURE__ */ e(Je, { value: t.badge, size: "sm", type: "bold" })
+  (t.tag || t.badge) && /* @__PURE__ */ o("div", { className: "flex flex-shrink-0 items-center gap-1.5", children: [
+    t.tag && /* @__PURE__ */ e(Le, { text: t.tag }),
+    t.badge && /* @__PURE__ */ e(Je, { value: t.badge, size: "sm", type: "bold" })
+  ] })
 ] }), cs = ({ item: t }) => {
   const { isActive: n } = Nt(), { label: a, icon: r, ...i } = t, l = n(i.href, { exact: i.exactMatch });
   return /* @__PURE__ */ e(
@@ -5504,7 +5507,7 @@ function ms({
   footer: a,
   onFooterDropdownClick: r
 }) {
-  const { sidebarState: i, isSmallScreen: l } = Ee(), s = Ze(), [c, d] = ft({ threshold: 1 }), [f, u] = ft({ threshold: 1 }), m = le(), h = {
+  const { sidebarState: i, isSmallScreen: l } = _e(), s = Ze(), [c, d] = ft({ threshold: 1 }), [f, u] = ft({ threshold: 1 }), m = le(), h = {
     x: {
       ease: i !== "locked" ? l ? [0.25, 0.46, 0.45, 0.94] : [0.175, 0.885, 0.32, 1.1] : [0, 0, 0.58, 1],
       duration: s ? 0 : i !== "locked" && !l ? 0.3 : 0.2
@@ -5563,7 +5566,7 @@ function ms({
               "bottom-ref"
             )
           ] }),
-          /* @__PURE__ */ o(Le, { children: [
+          /* @__PURE__ */ o(Oe, { children: [
             !d && /* @__PURE__ */ e(rn, { position: "top" }, "shadow-scroll-top"),
             !u && /* @__PURE__ */ e(rn, { position: "bottom" }, "shadow-scroll-bottom")
           ] })
@@ -5585,7 +5588,7 @@ const vc = ie(ms), hs = {
     size: "sm"
   },
   rejected: {
-    icon: Oe,
+    icon: Pe,
     type: "critical",
     size: "sm"
   }
@@ -5839,7 +5842,7 @@ function wc(t) {
       ...T,
       navigationFilters: x.currentNavigationFilters
     })
-  }), _e = q(() => s || (x.idProvider ? (T, Q) => x.idProvider(T, Q) : pi), [s, x.idProvider]), F = q(() => {
+  }), De = q(() => s || (x.idProvider ? (T, Q) => x.idProvider(T, Q) : pi), [s, x.idProvider]), F = q(() => {
     if (!be || se === null) return P;
     const T = P.previousItem ?? se.previous, Q = P.nextItem ?? se.next, oe = (he) => he && k ? k(he) ?? null : null;
     return {
@@ -5856,12 +5859,12 @@ function wc(t) {
       // the resolved neighbor instead.
       goToPrevious: te ? P.goToPrevious : () => {
         se.previous && P.setActiveItemId(
-          _e(se.previous)
+          De(se.previous)
         );
       },
       goToNext: te ? P.goToNext : () => {
         se.next && P.setActiveItemId(
-          _e(se.next)
+          De(se.next)
         );
       }
     };
@@ -5871,7 +5874,7 @@ function wc(t) {
     se,
     te,
     k,
-    _e
+    De
   ]), K = Ki(F, {
     getItemTitle: d,
     mode: h
@@ -7083,7 +7086,7 @@ function wt({
     ] }),
     /* @__PURE__ */ o("div", { className: "flex flex-row items-center gap-2", children: [
       a && /* @__PURE__ */ e(_n, { ...a }),
-      r && /* @__PURE__ */ e(Re, { ...r }),
+      r && /* @__PURE__ */ e(Le, { ...r }),
       !!i && /* @__PURE__ */ e(Je, { value: i })
     ] })
   ] });
@@ -7544,9 +7547,9 @@ function Mc({
       ),
       N && E
     ] }) : /* @__PURE__ */ o(X, { children: [
-      s && C && /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e(Re, { text: C.name, icon: C.icon }) }),
+      s && C && /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e(Le, { text: C.name, icon: C.icon }) }),
       N && E,
-      P && R && /* @__PURE__ */ e(Re, { text: R })
+      P && R && /* @__PURE__ */ e(Le, { text: R })
     ] }) })
   ] }) });
 }
@@ -8002,5 +8005,5 @@ export {
   vu as useInfiniteScrollPagination,
   Ki as usePageHeaderItemNavigation,
   ec as usePageHeaderNavigation,
-  Ee as useSidebar
+  _e as useSidebar
 };

package/dist/f0.d.ts

@@ -17187,8 +17187,11 @@ declare module "@tiptap/core" {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        moodTracker: {
-            insertMoodTracker: (data: MoodTrackerData) => ReturnType;
+        enhanceHighlight: {
+            setEnhanceHighlight: (from: number, to: number, options?: {
+                placeholder?: string;
+            }) => ReturnType;
+            clearEnhanceHighlight: () => ReturnType;
         };
     }
 }
@@ -17196,11 +17199,8 @@ declare module "@tiptap/core" {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        enhanceHighlight: {
-            setEnhanceHighlight: (from: number, to: number, options?: {
-                placeholder?: string;
-            }) => ReturnType;
-            clearEnhanceHighlight: () => ReturnType;
+        moodTracker: {
+            insertMoodTracker: (data: MoodTrackerData) => ReturnType;
         };
     }
 }

package/dist/i18n-provider-defaults.d.ts

@@ -876,8 +876,11 @@ declare module "@tiptap/core" {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        moodTracker: {
-            insertMoodTracker: (data: MoodTrackerData) => ReturnType;
+        enhanceHighlight: {
+            setEnhanceHighlight: (from: number, to: number, options?: {
+                placeholder?: string;
+            }) => ReturnType;
+            clearEnhanceHighlight: () => ReturnType;
         };
     }
 }
@@ -885,11 +888,8 @@ declare module "@tiptap/core" {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        enhanceHighlight: {
-            setEnhanceHighlight: (from: number, to: number, options?: {
-                placeholder?: string;
-            }) => ReturnType;
-            clearEnhanceHighlight: () => ReturnType;
+        moodTracker: {
+            insertMoodTracker: (data: MoodTrackerData) => ReturnType;
         };
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@factorialco/f0-react",
-  "version": "4.6.0",
+  "version": "4.7.0",
   "private": false,
   "files": [
     "assets",