@factorialco/f0-react 1.276.3 → 1.277.1

package/dist/experimental.d.ts

@@ -1,32 +1,33 @@
 import { AIMessage } from '@copilotkit/shared';
 import { AlertAvatarProps as AlertAvatarProps_2 } from '../../f0';
-import { AlertTagCellValue } from './types/alertTag.tsx';
+import { AlertTagCellValue } from './types/alertTag';
 import { AlertTagCellValue as AlertTagCellValue_2 } from '../../value-display/types/alertTag';
-import { AmountCellValue } from './types/amount.tsx';
+import { AmountCellValue } from './types/amount';
 import { AmountCellValue as AmountCellValue_2 } from '../../value-display/types/amount';
 import { AnchorHTMLAttributes } from 'react';
 import { AreaChartWidgetProps } from './AreaChartWidget';
 import { AriaAttributes } from 'react';
 import { AutoFill as AutoFill_2 } from 'react';
-import { AvatarListCellValue } from './types/avatarList.tsx';
+import { AvatarListCellValue } from './types/avatarList';
 import { AvatarListCellValue as AvatarListCellValue_2 } from '../../value-display/types/avatarList';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import { BarChartProps } from '../../../components/Charts/BarChart';
 import { baseColors } from '@factorialco/f0-core';
 import { ButtonHTMLAttributes } from 'react';
 import { ClassValue } from 'cva';
-import { CompanyCellValue } from './types/company.tsx';
+import { CompanyCellValue } from './types/company';
 import { CompanyCellValue as CompanyCellValue_2 } from '../../value-display/types/company';
 import { ComponentProps } from 'react';
 import { ControllerProps } from 'react-hook-form';
 import { ControllerRenderProps } from 'react-hook-form';
 import { CopilotKitProps } from '@copilotkit/react-core';
-import { DateCellValue } from './types/date.tsx';
+import { CountryCellValue } from './types/country';
+import { DateCellValue } from './types/date';
 import { DateCellValue as DateCellValue_2 } from '../../value-display/types/date';
 import { DateFilterOptions } from './DateFilter/DateFilter';
 import { default as default_2 } from 'react';
 import { Dispatch } from 'react';
-import { DotTagCellValue } from './types/dotTag.tsx';
+import { DotTagCellValue } from './types/dotTag';
 import { DotTagCellValue as DotTagCellValue_2 } from '../../value-display/types/dotTag';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { Editor } from '@tiptap/react';
@@ -34,31 +35,31 @@ import { f1Colors } from '@factorialco/f0-core';
 import { FC } from 'react';
 import { FieldPath } from 'react-hook-form';
 import { FieldValues } from 'react-hook-form';
-import { FileCellValue } from './types/file.tsx';
+import { FileCellValue } from './types/file';
 import { FileCellValue as FileCellValue_2 } from '../../value-display/types/file';
-import { FolderCellValue } from './types/folder.tsx';
+import { FolderCellValue } from './types/folder';
 import { FolderCellValue as FolderCellValue_2 } from '../../value-display/types/folder';
 import { ForwardedRef } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { HTMLAttributeAnchorTarget } from 'react';
 import { HTMLAttributes } from 'react';
 import { HTMLInputTypeAttribute } from 'react';
-import { IconCellValue } from './types/icon.tsx';
+import { IconCellValue } from './types/icon';
 import { IconType as IconType_2 } from '../../f0';
 import { InFilterOptions } from './InFilter/types';
 import { JSONContent } from '@tiptap/react';
 import { JSONContent as JSONContent_2 } from '@tiptap/core';
 import { JSX as JSX_2 } from 'react';
 import { LineChartProps } from '../../../components/Charts/LineChart';
-import { LongTextCellValue } from './types/longText.tsx';
-import { NumberCellValue } from './types/number.tsx';
+import { LongTextCellValue } from './types/longText';
+import { NumberCellValue } from './types/number';
 import { NumberCellValue as NumberCellValue_2 } from '../../value-display/types/number';
 import { NumberFilterOptions } from './NumberFilter/NumberFilter';
 import { NumberFilterValue } from './NumberFilter/NumberFilter';
 import { Observable } from 'zen-observable-ts';
 import { Path } from 'react-hook-form';
-import { PercentageCellValue } from './types/percentage.tsx';
-import { PersonCellValue } from './types/person.tsx';
+import { PercentageCellValue } from './types/percentage';
+import { PersonCellValue } from './types/person';
 import { PersonCellValue as PersonCellValue_2 } from '../../value-display/types/person';
 import { PieChartProps } from '../../../components/Charts/PieChart';
 import { PopoverProps } from '@radix-ui/react-popover';
@@ -70,16 +71,16 @@ import * as RechartsPrimitive from 'recharts';
 import { RefAttributes } from 'react';
 import { RefObject } from 'react';
 import { ScrollAreaProps } from '@radix-ui/react-scroll-area';
-import { StatusCellValue } from './types/status.tsx';
+import { StatusCellValue } from './types/status';
 import { StatusCellValue as StatusCellValue_2 } from '../../value-display/types/status';
 import { SVGProps } from 'react';
-import { TagCellValue } from './types/tag.tsx';
+import { TagCellValue } from './types/tag';
 import { TagCellValue as TagCellValue_2 } from '../../value-display/types/tag';
-import { TagListCellValue } from './types/tagList.tsx';
+import { TagListCellValue } from './types/tagList';
 import { TagListCellValue as TagListCellValue_2 } from '../../value-display/types/tagList';
-import { TeamCellValue } from './types/team.tsx';
+import { TeamCellValue } from './types/team';
 import { TeamCellValue as TeamCellValue_2 } from '../../value-display/types/team';
-import { TextCellValue } from './types/text.tsx';
+import { TextCellValue } from './types/text';
 import { TextCellValue as TextCellValue_2 } from '../../value-display/types/text';
 import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
 import { useForm } from 'react-hook-form';
@@ -1547,6 +1548,8 @@ declare const counterVariants: (props?: ({
     className?: ClassValue;
 })) | undefined) => string;
 
+declare type CountryCode = keyof TranslationsType["countries"];
+
 /**
  * Extracts the current filters type from filter options.
  * Creates a type mapping filter keys to their respective value types.
@@ -1946,6 +1949,109 @@ declare const daytimePageVariants: (props?: ({
 })) | undefined) => string;
 
 declare const defaultTranslations: {
+    readonly countries: {
+        ad: string;
+        ae: string;
+        af: string;
+        ag: string;
+        ai: string;
+        al: string;
+        am: string;
+        ao: string;
+        ar: string;
+        as: string;
+        at: string;
+        au: string;
+        aw: string;
+        ax: string;
+        az: string;
+        ba: string;
+        bb: string;
+        bd: string;
+        be: string;
+        bf: string;
+        bg: string;
+        bh: string;
+        bi: string;
+        bj: string;
+        bm: string;
+        bo: string;
+        br: string;
+        bt: string;
+        bw: string;
+        by: string;
+        bz: string;
+        ca: string;
+        cd: string;
+        cf: string;
+        cg: string;
+        ch: string;
+        ci: string;
+        ck: string;
+        cl: string;
+        cm: string;
+        cn: string;
+        co: string;
+        cr: string;
+        cu: string;
+        cv: string;
+        cw: string;
+        cy: string;
+        cz: string;
+        de: string;
+        dj: string;
+        dk: string;
+        dm: string;
+        do: string;
+        dz: string;
+        ec: string;
+        ee: string;
+        eg: string;
+        er: string;
+        es: string;
+        et: string;
+        fi: string;
+        fj: string;
+        fk: string;
+        fm: string;
+        fo: string;
+        fr: string;
+        ga: string;
+        gb: string;
+        gd: string;
+        ge: string;
+        gg: string;
+        gh: string;
+        gi: string;
+        gl: string;
+        gm: string;
+        gn: string;
+        gq: string;
+        gr: string;
+        gt: string;
+        gu: string;
+        gw: string;
+        hk: string;
+        hn: string;
+        hr: string;
+        ht: string;
+        hu: string;
+        id: string;
+        ie: string;
+        il: string;
+        im: string;
+        in: string;
+        io: string;
+        iq: string;
+        ir: string;
+        is: string;
+        it: string;
+        je: string;
+        jm: string;
+        jo: string;
+        jp: string;
+        ke: string;
+    };
     readonly approvals: {
         readonly history: "Approval history";
         readonly statuses: {
@@ -2477,7 +2583,7 @@ declare type F0AvatarFileProps = Omit<React.ComponentPropsWithoutRef<typeof Avat
 } & Pick<BaseAvatarProps, "aria-label" | "aria-labelledby">;
 
 declare type F0AvatarFlagProps = {
-    flag: string;
+    flag: CountryCode;
     size?: BaseAvatarProps["size"];
     badge?: AvatarBadge;
 } & Pick<BaseAvatarProps, "aria-label" | "aria-labelledby">;
@@ -5491,6 +5597,7 @@ export declare function useSidebar(): FrameContextType;
 
 declare type ValueDisplayRendererContext = {
     visualization: ValueDisplayVisualizationType;
+    i18n: TranslationsType;
 };
 
 /**
@@ -5523,6 +5630,7 @@ declare const valueDisplayRenderers: {
     readonly icon: (args: IconCellValue, meta: ValueDisplayRendererContext) => JSX_2.Element;
     readonly file: (args: FileCellValue) => JSX_2.Element;
     readonly folder: (args: FolderCellValue) => JSX_2.Element;
+    readonly country: (args: CountryCellValue, context: ValueDisplayRendererContext) => JSX_2.Element;
 };
 
 declare type ValueDisplayVisualizationType = "table" | "card" | "list" | (string & {});
@@ -5779,6 +5887,31 @@ declare global {
 }
 
 
+declare module "gridstack" {
+    interface GridStackWidget {
+        id?: string;
+        allowedSizes?: Array<{
+            w: number;
+            h: number;
+        }>;
+        renderFn?: () => React.ReactElement | null;
+        meta?: Record<string, unknown>;
+    }
+    interface GridStackNode {
+        id?: string;
+        w?: number;
+        h?: number;
+        x?: number;
+        y?: number;
+        allowedSizes?: Array<{
+            w: number;
+            h: number;
+        }>;
+        renderFn?: () => React.ReactElement | null;
+    }
+}
+
+
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
         aiBlock: {
@@ -5806,31 +5939,6 @@ declare module "@tiptap/core" {
 }
 
 
-declare module "gridstack" {
-    interface GridStackWidget {
-        id?: string;
-        allowedSizes?: Array<{
-            w: number;
-            h: number;
-        }>;
-        renderFn?: () => React.ReactElement | null;
-        meta?: Record<string, unknown>;
-    }
-    interface GridStackNode {
-        id?: string;
-        w?: number;
-        h?: number;
-        x?: number;
-        y?: number;
-        allowedSizes?: Array<{
-            w: number;
-            h: number;
-        }>;
-        renderFn?: () => React.ReactElement | null;
-    }
-}
-
-
 declare namespace Calendar {
     var displayName: string;
 }

package/dist/experimental.js

@@ -1,5 +1,5 @@
-import { bD as _p, bE as td, bF as U_, bG as G_, bH as Sp, ad as p8, bI as zo, aq as Df, bJ as Vi, bK as Rf, bL as hr, bM as wl, av as On, bN as ks, bO as Lp, bP as K_, bQ as Vs, bR as Va, bS as Ep, bT as Z_, bU as J_, bV as Mp, bW as xl, bX as Np, bY as Ap, bZ as Y_, b_ as Ff, aE as m8, b$ as Tp, c0 as X_, c1 as g8, c2 as y8, c3 as V3, c4 as Cl, c5 as Q_, c6 as eS, c7 as tS, c8 as Y1, c9 as nS, ca as iS, cb as rS, cc as te, cd as v8, ce as oS, f as ls, cf as ja, j as nd, cg as k8, h as Jl, ch as sS, L as X1, ci as aS, A as lS, i as Yl, c as cS, l as dS, G as fS, g as j3, cj as uS, k as W3, o as hS, ck as b8, cl as w8, cm as pS, cn as js, ai as mS, aw as he, ap as Ce, Q as T, co as _l, O as Op, cp as Ip, P as sn, cq as Sl, cr as Ws, cs as id, ct as en, bz as qs, cu as _h, ab as Be, cv as $o, cw as Je, cx as gS, b3 as ir, au as ct, a$ as Pf, ac as x8, cy as Dp, cz as yS, cA as vS, cB as kS, ar as C8, as as _8, cC as S8, cD as L8, cE as ro, cF as bS, cG as q3, cH as wS, cI as xS, cJ as CS, cK as xt, al as bn, cL as X, cM as Bf, cN as Rn, a7 as Wn, a8 as _S, cO as E8, cP as Rp, cQ as bs, cR as Sh, cS as M8, cT as N8, cU as A8, cV as T8, cW as O8, a5 as vt, cX as I8, cY as SS, cZ as LS, c_ as ES, c$ as MS, d0 as NS, d1 as AS, d2 as TS, d3 as OS, ak as IS, bf as DS, d4 as qn, ao as So, d5 as mn, am as Fp, at as Lh, d6 as U3, d7 as rd, d8 as RS, a9 as Us, d9 as Lo, da as D8, db as gn, s as FS, w as PS, x as BS, z as zS, J as G3, K as K3, M as $S, N as HS, dc as VS, dd as jS, de as R8, aY as wi, df as WS, dg as qS, dh as Gs, di as Pp, a_ as Eo, dj as US, dk as F8, dl as P8, dm as GS, dn as KS, a3 as Bp, a4 as zp, a6 as $p, R as Gn, dp as B8, dq as ZS, dr as JS, ds as YS, dt as z8, aA as XS, du as Eh, dv as $8, aV as od, dw as QS, dx as eL, dy as tL, dz as nL, dA as iL, bA as zf, aS as Mh, bC as rL, bB as oL, dB as H8, an as $r, dC as sL, dD as aL, b8 as $f, aW as Hp, aP as Ll, dE as Vp, dF as V8, aZ as lL, aR as j8, aN as W8, dG as cL, dH as q8, dI as dL, aQ as Ks, aT as U8, aC as fL, dJ as uL, bh as hL, bi as pL, bp as Hf, bn as jp, ay as Vf, dK as jf, dL as Wf, az as qf, dM as Wp, bo as G8, b0 as qp, dN as mL, bt as gL, dO as Nh, dP as yL, dQ as sd, dR as vL, bj as ad, bu as kL, dS as bL, bs as K8, dT as wL, br as xL, bq as CL, dU as _L, b1 as Ah, dV as Z8, dW as SL, af as Up, dX as LL, dY as EL, ag as ML, ah as NL, dZ as AL, d_ as TL, d$ as OL, e0 as IL, e1 as J8, b4 as DL, bm as RL, e2 as FL, e3 as PL, e4 as BL, aU as zL, e5 as El, e6 as Gp, e7 as Kp, e8 as Ml, e9 as $L, ea as Y8, eb as Z3, ec as HL, bv as X8, ed as Q8, b5 as ey, ee as VL, ef as jL, eg as WL, aB as qL, _ as UL, T as GL, V as KL, W as ZL, Z as JL, U as YL, eh as J3, ei as XL, ej as QL, m as eE, ek as ty, el as tE } from "./hooks-D4s6Agu-.js";
-import { aD as zfe, em as $fe, ep as Hfe, eq as Vfe, eo as jfe, aX as Wfe, b2 as qfe, en as Ufe } from "./hooks-D4s6Agu-.js";
+import { bD as _p, bE as td, bF as U_, bG as G_, bH as Sp, ad as p8, bI as zo, aq as Df, bJ as Vi, bK as Rf, bL as hr, bM as wl, av as On, bN as ks, bO as Lp, bP as K_, bQ as Vs, bR as Va, bS as Ep, bT as Z_, bU as J_, bV as Mp, bW as xl, bX as Np, bY as Ap, bZ as Y_, b_ as Ff, aE as m8, b$ as Tp, c0 as X_, c1 as g8, c2 as y8, c3 as V3, c4 as Cl, c5 as Q_, c6 as eS, c7 as tS, c8 as Y1, c9 as nS, ca as iS, cb as rS, cc as te, cd as v8, ce as oS, f as ls, cf as ja, j as nd, cg as k8, h as Jl, ch as sS, L as X1, ci as aS, A as lS, i as Yl, c as cS, l as dS, G as fS, g as j3, cj as uS, k as W3, o as hS, ck as b8, cl as w8, cm as pS, cn as js, ai as mS, aw as he, ap as Ce, Q as T, co as _l, O as Op, cp as Ip, P as sn, cq as Sl, cr as Ws, cs as id, ct as en, bz as qs, cu as _h, ab as Be, cv as $o, cw as Je, cx as gS, b3 as ir, au as ct, a$ as Pf, ac as x8, cy as Dp, cz as yS, cA as vS, cB as kS, ar as C8, as as _8, cC as S8, cD as L8, cE as ro, cF as bS, cG as q3, cH as wS, cI as xS, cJ as CS, cK as xt, al as bn, cL as X, cM as Bf, cN as Rn, a7 as Wn, a8 as _S, cO as E8, cP as Rp, cQ as bs, cR as Sh, cS as M8, cT as N8, cU as A8, cV as T8, cW as O8, a5 as vt, cX as I8, cY as SS, cZ as LS, c_ as ES, c$ as MS, d0 as NS, d1 as AS, d2 as TS, d3 as OS, ak as IS, bf as DS, d4 as qn, ao as So, d5 as mn, am as Fp, at as Lh, d6 as U3, d7 as rd, d8 as RS, a9 as Us, d9 as Lo, da as D8, db as gn, s as FS, w as PS, x as BS, z as zS, J as G3, K as K3, M as $S, N as HS, dc as VS, dd as jS, de as R8, aY as wi, df as WS, dg as qS, dh as Gs, di as Pp, a_ as Eo, dj as US, dk as F8, dl as P8, dm as GS, dn as KS, a3 as Bp, a4 as zp, a6 as $p, R as Gn, dp as B8, dq as ZS, dr as JS, ds as YS, dt as z8, aA as XS, du as Eh, dv as $8, aV as od, dw as QS, dx as eL, dy as tL, dz as nL, dA as iL, bA as zf, aS as Mh, bC as rL, bB as oL, dB as H8, an as $r, dC as sL, dD as aL, b8 as $f, aW as Hp, aP as Ll, dE as Vp, dF as V8, aZ as lL, aR as j8, aN as W8, dG as cL, dH as q8, dI as dL, aQ as Ks, aT as U8, aC as fL, dJ as uL, bh as hL, bi as pL, bp as Hf, bn as jp, ay as Vf, dK as jf, dL as Wf, az as qf, dM as Wp, bo as G8, b0 as qp, dN as mL, bt as gL, dO as Nh, dP as yL, dQ as sd, dR as vL, bj as ad, bu as kL, dS as bL, bs as K8, dT as wL, br as xL, bq as CL, dU as _L, b1 as Ah, dV as Z8, dW as SL, af as Up, dX as LL, dY as EL, ag as ML, ah as NL, dZ as AL, d_ as TL, d$ as OL, e0 as IL, e1 as J8, b4 as DL, bm as RL, e2 as FL, e3 as PL, e4 as BL, aU as zL, e5 as El, e6 as Gp, e7 as Kp, e8 as Ml, e9 as $L, ea as Y8, eb as Z3, ec as HL, bv as X8, ed as Q8, b5 as ey, ee as VL, ef as jL, eg as WL, aB as qL, _ as UL, T as GL, V as KL, W as ZL, Z as JL, U as YL, eh as J3, ei as XL, ej as QL, m as eE, ek as ty, el as tE } from "./hooks-BPLedtdk.js";
+import { aD as zfe, em as $fe, ep as Hfe, eq as Vfe, eo as jfe, aX as Wfe, b2 as qfe, en as Ufe } from "./hooks-BPLedtdk.js";
 import { jsxs as k, jsx as d, Fragment as De } from "react/jsx-runtime";
 import { useCopilotChatInternal as Uf, useCopilotContext as nE, useCopilotAction as Y3, CopilotKit as iE } from "@copilotkit/react-core";
 import { Markdown as rE, useChatContext as oE, CopilotSidebar as sE } from "@copilotkit/react-ui";
@@ -29120,14 +29120,15 @@ const oG = ({ lanes: t, title: e, description: n, avatar: i, metadata: r, onMove
 }, Au = {
   default: "-",
   list: void 0
-}, Sb = (t, e, n) => {
-  const i = e.render(t), r = n in Au ? Au[n] : Au.default;
+}, Sb = (t, e, n, i) => {
+  const r = e.render(t), o = n in Au ? Au[n] : Au.default;
   return _L(
-    i,
+    r,
     {
-      visualization: n
+      visualization: n,
+      i18n: i
     },
-    r
+    o
   );
 }, lG = ({ title: t, avatar: e, description: n }) => k("article", {
   className: "flex w-[calc(100%-72px)] min-w-40 flex-col items-start gap-3 md:w-full md:flex-row md:items-center md:gap-2",
@@ -29159,72 +29160,72 @@ const oG = ({ lanes: t, title: e, description: n, avatar: i, metadata: r, onMove
     })]
   })]
 }), cG = ({ source: t, item: e, selectedItems: n, handleSelectItemChange: i, fields: r, itemDefinition: o }) => {
-  const s = (v, w) => Sb(v, w, "list"), { actions: a } = Be(), l = t.itemUrl ? t.itemUrl(e) : void 0, c = t.itemOnClick ? t.itemOnClick(e) : void 0, f = t.selectable ? t.selectable(e) : void 0, u = o(e), { primaryItemActions: h, dropdownItemActions: p, mobileDropdownItemActions: m, handleDropDownOpenChange: g, dropDownOpen: y } = _b({
+  const s = Be(), { actions: a } = s, l = (w, x) => Sb(w, x, "list", s), c = t.itemUrl ? t.itemUrl(e) : void 0, f = t.itemOnClick ? t.itemOnClick(e) : void 0, u = t.selectable ? t.selectable(e) : void 0, h = o(e), { primaryItemActions: p, dropdownItemActions: m, mobileDropdownItemActions: g, handleDropDownOpenChange: y, dropDownOpen: v } = _b({
     source: t,
     item: e
   });
   return k("div", {
     className: T("relative flex min-h-[64px] w-full flex-col justify-between gap-4 p-3 transition-colors md:flex-row md:p-2 md:pl-3 md:pr-4", "group after:absolute after:inset-y-0 after:-right-px after:z-10 after:hidden after:h-full after:w-10 after:bg-gradient-to-r after:from-transparent after:via-f1-background after:via-75% after:to-f1-background after:transition-all after:content-[''] hover:after:via-[#F5F6F8] hover:after:to-[#F5F6F8] dark:hover:after:via-[#192231] dark:hover:after:to-[#192231] md:after:block hover:md:bg-f1-background-hover"),
     children: [d("div", {
-      onClick: c,
+      onClick: f,
       className: "pointer-events-auto absolute inset-0"
     }), k("div", {
       className: "pointer-events-none flex flex-1 flex-row items-center gap-2",
-      children: [t.selectable && f !== void 0 && d("div", {
+      children: [t.selectable && u !== void 0 && d("div", {
         className: "pointer-events-auto z-10 hidden items-center justify-end md:flex",
         children: d(Ah, {
-          checked: n.has(f),
-          onCheckedChange: (v) => i(e, v),
+          checked: n.has(u),
+          onCheckedChange: (w) => i(e, w),
           title: `Select ${t.selectable(e)}`,
           hideLabel: !0
         })
-      }), l && d(ir, {
-        href: l,
+      }), c && d(ir, {
+        href: c,
         className: "pointer-events-auto absolute inset-0 block",
         tabIndex: 0,
-        onClick: c,
+        onClick: f,
         children: d("span", {
           className: "sr-only",
           children: a.view
         })
       }), d(lG, {
-        title: u.title,
-        avatar: u.avatar,
-        description: u.description
+        title: h.title,
+        avatar: h.avatar,
+        description: h.description
       })]
     }), d("div", {
       className: "flex flex-col items-start md:flex-row md:items-center [&>div]:justify-end",
-      children: (r || []).filter((v) => {
-        var w;
-        return !((w = v.hide) != null && w.call(v, e));
-      }).map((v) => {
-        const w = s(e, v);
-        return w ? d("div", {
+      children: (r || []).filter((w) => {
+        var x;
+        return !((x = w.hide) != null && x.call(w, e));
+      }).map((w) => {
+        const x = l(e, w);
+        return x ? d("div", {
           children: d("div", {
             className: "flex items-center justify-center px-0 py-1 md:p-3 [&>span]:whitespace-nowrap",
-            children: w
+            children: x
           })
-        }, String(v.label)) : null;
+        }, String(w.label)) : null;
       })
     }), t.itemActions && k(De, {
       children: [d(Cb, {
-        dropDownOpen: y,
+        dropDownOpen: v,
         className: "pointer-events-auto hidden md:flex",
         children: d(xb, {
-          primaryItemActions: h,
-          dropdownItemActions: p,
-          handleDropDownOpenChange: g
+          primaryItemActions: p,
+          dropdownItemActions: m,
+          handleDropDownOpenChange: y
         })
       }), d(wb, {
         className: "absolute -right-px bottom-0 top-0 z-20 items-center justify-end gap-2 py-2 pl-20 pr-3 md:hidden",
-        items: m,
-        onOpenChange: g
+        items: g,
+        onOpenChange: y
       })]
-    }), t.selectable && f !== void 0 && d("div", {
+    }), t.selectable && u !== void 0 && d("div", {
       className: T("pointer-events-auto absolute right-3 top-3 flex h-8 w-8 items-center justify-center md:hidden", t.itemActions && "right-12"),
       children: d(Ah, {
-        checked: n.has(f),
-        onCheckedChange: (v) => i(e, v),
+        checked: n.has(u),
+        onCheckedChange: (w) => i(e, w),
         title: `Select ${t.selectable(e)}`,
         hideLabel: !0
       })
@@ -29991,7 +29992,7 @@ const Bb = (t, e, n) => {
     checkColumnWidth: i
   };
 }, LG = ({ source: t, item: e, onCheckedChange: n, selectedItems: i, columns: r, frozenColumnsLeft: o, checkColumnWidth: s, index: a, groupIndex: l }, c) => {
-  const f = t.itemUrl ? t.itemUrl(e) : void 0, u = t.itemOnClick ? t.itemOnClick(e) : void 0, h = t.selectable ? t.selectable(e) : void 0, p = (_, C) => Sb(_, C, "table"), m = `table-row-${l}-${a}`, { getStickyPosition: g } = Bb(o, r, !!t.selectable), { primaryItemActions: y, dropdownItemActions: v, mobileDropdownItemActions: w, handleDropDownOpenChange: x, dropDownOpen: b } = _b({
+  const f = t.itemUrl ? t.itemUrl(e) : void 0, u = t.itemOnClick ? t.itemOnClick(e) : void 0, h = t.selectable ? t.selectable(e) : void 0, p = Be(), m = (C, N) => Sb(C, N, "table", p), g = `table-row-${l}-${a}`, { getStickyPosition: y } = Bb(o, r, !!t.selectable), { primaryItemActions: v, dropdownItemActions: w, mobileDropdownItemActions: x, handleDropDownOpenChange: b, dropDownOpen: _ } = _b({
     source: t,
     item: e
   });
@@ -30012,25 +30013,25 @@ const Bb = (t, e, n) => {
           hideLabel: !0
         })
       })
-    }), r.map((_, C) => d(Ti, {
-      firstCell: C === 0,
+    }), r.map((C, N) => d(Ti, {
+      firstCell: N === 0,
       href: f,
       onClick: u,
-      width: _.width,
-      sticky: g(C),
+      width: C.width,
+      sticky: y(N),
       children: d("div", {
-        className: T(_.align === "right" ? "justify-end" : "", "flex"),
-        children: p(e, _)
+        className: T(C.align === "right" ? "justify-end" : "", "flex"),
+        children: m(e, C)
       })
-    }, `table-cell-${l}-${a}-${C}`)), t.itemActions && k(De, {
+    }, `table-cell-${l}-${a}-${N}`)), t.itemActions && k(De, {
       children: [d("td", {
         className: "sticky right-0 top-0 z-10 hidden md:table-cell",
         children: d(Cb, {
-          dropDownOpen: b,
+          dropDownOpen: _,
           children: d(xb, {
-            primaryItemActions: y,
-            dropdownItemActions: v,
-            handleDropDownOpenChange: x
+            primaryItemActions: v,
+            dropdownItemActions: w,
+            handleDropDownOpenChange: b
           })
         })
       }), d(Ti, {
@@ -30041,12 +30042,12 @@ const Bb = (t, e, n) => {
         href: f,
         className: "table-cell md:hidden",
         children: d(wb, {
-          items: w,
-          onOpenChange: x
+          items: x,
+          onOpenChange: b
         })
       }, `table-cell-${l}-${a}-actions`)]
     })]
-  }, m);
+  }, g);
 }, hg = O(LG), EG = ({ columns: t, source: e, frozenColumns: n = 0, onSelectItems: i, onLoadData: r, onLoadError: o, allowColumnHiding: s, allowColumnReordering: a }) => {
   var we, Re, Le;
   const l = Be(), [c] = V(() => te.create(hg)), { settings: f } = m1(), { columns: u } = Eb(t, n, (we = f.visualization) == null ? void 0 : we.table, a, s), { data: h, paginationInfo: p, setPage: m, isInitialLoading: g, isLoadingMore: y, loadMore: v, summaries: w } = h1(e, {