ezux 1.1.13 → 1.1.18

package/README.md

@@ -1,27 +1,35 @@
-# ezUX
+# ezUX | Premium React UI Kit for Enterprise Dashboards
 
-> A comprehensive, type-safe TanStack First component library designed for modern enterprise applications.
-> 
+> **High-performance React components** for building modern enterprise applications. Powered by **TanStack** (Table, Query, Virtual) and built with **TypeScript**.
+>
 > 🔗 **[View ezux-showcase on GitHub](https://github.com/zee24-cmd/ezux-showcase)** | 🌐 **[Live Showcase](https://ezux-showcase.vercel.app)**
+
 ![NPM Version](https://img.shields.io/npm/v/ezux?style=flat-square)
 ![License](https://img.shields.io/npm/l/ezux?style=flat-square)
 ![Build Status](https://img.shields.io/github/actions/workflow/status/ezux-org/ezux/main?style=flat-square)
 
-## Features
+## Why ezUX?
+
+ezUX is a comprehensive **component library** designed for developers who need to build complex **enterprise dashboards** quickly. It focuses on performance, type-safety, and flexibility by being **TanStack-first**.
+
+## Key Features
+
+- **TanStack First Architecture**: Leverage the power of **TanStack Table**, **TanStack Query**, and **TanStack Virtual** for maximum performance and flexible data handling.
+- **Enterprise-Grade Components**: Specialized components for complex UI needs: **Scheduler**, **Kanban Board**, **Pivot Table**, and **Virtualized Tree View**.
+- **Full TypeScript Support**: 100% type-safe components with exported types for a seamless developer experience.
+- **High-Performance Data Grid**: Handle 100k+ rows with ease using integrated row and column virtualization.
+- **Modern Styling**: Styled with **Tailwind CSS v4** and CSS variables for easy theming and dark mode support.
+- **Accessibility (A11Y)**: Built with WAI-ARIA patterns to ensure your **dashboard** is accessible to everyone.
 
-- **TanStack First**: Built on top of TanStack Query, Table, and Virtual for maximum performance and flexibility.
-- **Enterprise Ready**: Includes complex components like Scheduler, Kanban, Pivot Table, and Virtualized Trees out of the box.
-- **Type Safe**: Written in TypeScript with full type definitions.
-- **Themable**: CSS-variable based theming system with dark mode support.
-- **Accessible**: Follows WAI-ARIA patterns for all interactive components.
+## Core Components
 
-## Components
+- **EzTable**: High-performance **React Data Grid** with grouping, filtering, and pivot capabilities.
+- **EzScheduler**: Interactive **Timeline Scheduler** with drag-and-drop and resource grouping.
+- **EzKanban**: Advanced **Kanban Board** with swimlanes and timeline integration.
+- **EzTreeView**: Efficient **Virtualized Tree** for handling deep nesting and large datasets.
+- **EzSignature**: Type-safe electronic signature component with smooth canvas rendering and validation.
+- **EzLayout**: Responsive orchestration engine for complex **enterprise UI** layouts.
 
-- **EzTable**: High-performance data grid with grouping, filtering, and pivot capabilities.
-- **EzScheduler**: Drag-and-drop timeline management with resource grouping.
-- **EzKanban**: Trello-like board with swimlanes and timeline views.
-- **EzTreeView**: Virtualized tree handling unlimited nesting.
-- **EzLayout**: A fluid orchestration engine for complex interfaces.
 
 ## Prerequisites
 
@@ -54,6 +62,35 @@ function App() {
 }
 ```
 
+### Advanced Table Features
+
+`EzTable` supports powerful features like grouping, filtering, and batch editing out of the box.
+
+```tsx
+import { EzTable, useEzTable } from 'ezux';
+
+function UserDashboard() {
+  const table = useEzTable({
+    data: users,
+    columns: [
+      { accessorKey: 'name', header: 'Name' },
+      { accessorKey: 'role', header: 'Role', enableGrouping: true },
+      { accessorKey: 'status', header: 'Status', enableColumnFilter: true },
+    ],
+    enableGrouping: true,
+    enableFiltering: true,
+    editSettings: {
+      allowEditing: true,
+      mode: 'Batch',
+      primaryKey: 'id'
+    }
+  });
+
+  return <EzTable {...table} onBatchSave={(changes) => console.log(changes)} />;
+}
+```
+
+
 ## Documentation
 
 Visit the [Live Showcase](https://ezux-showcase.vercel.app) for full documentation and interactive examples.
@@ -61,3 +98,9 @@ Visit the [Live Showcase](https://ezux-showcase.vercel.app) for full documentati
 ## License
 
 MIT © [Zeeshan Sayed](https://github.com/ezux)
+
+---
+
+### Tags & Keywords
+`react`, `components`, `table`, `scheduler`, `kanban`, `dashboard`, `enterprise`, `ui-kit`, `tanstack`, `typescript`, `react-components`, `data-grid`, `workflow-builder`, `scheduler-component`, `kanban-board`
+

package/dist/DeleteConfirmationModal-CukNDgtX.cjs

@@ -0,0 +1 @@
+const e=require("./EzProvider-L2qQMq-v.cjs"),t=require("./button-BBMwzUtG.cjs"),n=require("./Modal-BmX1C448.cjs"),r=require("./card-CPlRZxbq.cjs");let i=require("react");i=e.y(i,1);let a=require("react/jsx-runtime");var o=({isOpen:e,onClose:i,onConfirm:o,title:s,message:c,description:l})=>{let{t:u}=r.c();return(0,a.jsx)(n.t,{isOpen:e,onClose:i,title:s||u(`confirm_delete`)||`Confirm Delete`,size:`sm`,footer:(0,a.jsxs)(`div`,{className:`flex justify-end gap-2`,children:[(0,a.jsx)(t.t,{variant:`ghost`,onClick:i,children:u(`cancel`)||`Cancel`}),(0,a.jsx)(t.t,{variant:`destructive`,onClick:()=>{o(),i()},children:u(`delete`)||`Delete`})]}),children:(0,a.jsxs)(`div`,{className:`py-2`,children:[(0,a.jsx)(`p`,{children:c||u(`confirm_delete_message`)||`Are you sure you want to delete this item?`}),(l||u(`action_cannot_be_undone`))&&(0,a.jsx)(`p`,{className:`text-sm text-muted-foreground mt-2`,children:l||u(`action_cannot_be_undone`)||`This action cannot be undone.`})]})})};Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return o}});

package/dist/DeleteConfirmationModal-p8XGDGIw.js

@@ -0,0 +1,38 @@
+import { t as e } from "./button-CYyNwV8S.js";
+import { t } from "./Modal-CrzpKyjK.js";
+import { c as n } from "./card-ZUNxcdIM.js";
+import "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/shared/components/DeleteConfirmationModal.tsx
+var a = ({ isOpen: a, onClose: o, onConfirm: s, title: c, message: l, description: u }) => {
+	let { t: d } = n();
+	return /* @__PURE__ */ r(t, {
+		isOpen: a,
+		onClose: o,
+		title: c || d("confirm_delete") || "Confirm Delete",
+		size: "sm",
+		footer: /* @__PURE__ */ i("div", {
+			className: "flex justify-end gap-2",
+			children: [/* @__PURE__ */ r(e, {
+				variant: "ghost",
+				onClick: o,
+				children: d("cancel") || "Cancel"
+			}), /* @__PURE__ */ r(e, {
+				variant: "destructive",
+				onClick: () => {
+					s(), o();
+				},
+				children: d("delete") || "Delete"
+			})]
+		}),
+		children: /* @__PURE__ */ i("div", {
+			className: "py-2",
+			children: [/* @__PURE__ */ r("p", { children: l || d("confirm_delete_message") || "Are you sure you want to delete this item?" }), (u || d("action_cannot_be_undone")) && /* @__PURE__ */ r("p", {
+				className: "text-sm text-muted-foreground mt-2",
+				children: u || d("action_cannot_be_undone") || "This action cannot be undone."
+			})]
+		})
+	});
+};
+//#endregion
+export { a as t };

package/dist/EzContextMenu-BCUoEQp5.cjs

@@ -0,0 +1 @@
+const e=require("./EzProvider-L2qQMq-v.cjs"),t=require("./EzErrorBoundary-d_2g-_EK.cjs");let n=require("react");n=e.y(n,1);let r=require("lucide-react"),i=require("react/jsx-runtime"),a=require("@tanstack/react-virtual"),o=require("@tanstack/virtual-core"),s=require("@radix-ui/react-context-menu");s=e.y(s,1);var c=class{name=`VirtualizationService`;virtualizers=new Map;createVirtualizer(e,t){let n=new o.Virtualizer({count:t.count,getScrollElement:t.getScrollElement,estimateSize:t.estimateSize,overscan:t.overscan??5,horizontal:t.horizontal??!1,scrollToFn:o.elementScroll,observeElementRect:(e,t)=>{let n=e.scrollElement;if(!n||n===window)return;let r=new ResizeObserver(e=>{t(e[0].contentRect)});return r.observe(n),()=>r.disconnect()},observeElementOffset:(e,t)=>{let n=e.scrollElement;if(!n)return;let r=()=>{t(n===window?window.scrollY:n.scrollTop,!0)};return n.addEventListener(`scroll`,r,{passive:!0}),t(n===window?window.scrollY:n.scrollTop,!1),()=>n.removeEventListener(`scroll`,r)}});return this.virtualizers.set(e,n),n}registerVirtualizer(e,t){this.virtualizers.set(e,t)}getVirtualizer(e){return this.virtualizers.get(e)}cleanup(){this.virtualizers.clear()}},l=r=>{let{rowCount:i,rowHeight:o=48,overscanCount:s=5,enableRowVirtualization:l=!0,columnCount:u=0,columnWidth:d=150,enableColumnVirtualization:f=!1,scrollMargin:p=0,scrollPaddingStart:m=0,scrollPaddingEnd:h=0,progressiveRendering:g=!1,prefetchDistance:_=5,adaptiveSizing:v=!1,languageDirection:y=`ltr`,debug:b=!1,customRangeExtractor:x,onScroll:S,onScrollStart:C,onScrollStop:w}=r,T=(0,n.useRef)(null),[E,D]=(0,n.useState)(g?1:s||_),O=(0,n.useRef)(null),k=(0,n.useRef)(null),A=(0,n.useRef)(!1),j=`lanugageDirection`;(0,n.useEffect)(()=>{if(!g)return;let e,t=()=>{D(1),clearTimeout(e),e=setTimeout(()=>{D(s||_)},150)},n=T.current;if(n)return n.addEventListener(`scroll`,t,{passive:!0}),()=>{n.removeEventListener(`scroll`,t),clearTimeout(e)}},[g,s,_]);let M=(0,n.useMemo)(()=>x||(e=>{let t=(0,a.defaultRangeExtractor)(e);return t.length===0&&e.count>0?[0]:t}),[x]),N=(0,n.useCallback)((e,t,n)=>{(0,a.elementScroll)(e,t,n)},[]),P=(0,a.useVirtualizer)((0,n.useMemo)(()=>({count:i,getScrollElement:()=>T.current,estimateSize:typeof o==`function`?o:()=>o,overscan:E,scrollMargin:p,scrollPaddingStart:m,scrollPaddingEnd:h,rangeExtractor:M,scrollToFn:N,measureElement:v?e=>e.getBoundingClientRect().height:void 0,[j]:y,onChange:e=>{let t=e.scrollOffset??0;k.current!==null&&cancelAnimationFrame(k.current),k.current=requestAnimationFrame(()=>{S?.(t),k.current=null}),e.isScrolling?A.current||(A.current=!0,C?.()):A.current&&(A.current=!1,w?.())}}),[i,o,E,v,p,m,h,M,N,y,S,C,w]));(0,n.useEffect)(()=>{b&&console.log(`[DEBUG_VIRTUAL] Virtualizer instance changed`)},[P,b]);let F=e.n(),I=(0,n.useMemo)(()=>t.i(F,`VirtualizationService`,()=>new c),[]);(0,n.useEffect)(()=>{r.id&&I&&I.registerVirtualizer(r.id,P)},[r.id,P,I]);let L=(0,a.useVirtualizer)((0,n.useMemo)(()=>({horizontal:!0,count:f&&u?u:0,getScrollElement:()=>T.current,estimateSize:typeof d==`function`?d:()=>d,overscan:E,rangeExtractor:M,[j]:y}),[f,u,d,E,M])),R=f&&u?L:void 0;(0,n.useEffect)(()=>()=>{O.current&&clearTimeout(O.current),k.current!==null&&cancelAnimationFrame(k.current)},[]),(0,n.useEffect)(()=>{b&&process.env.NODE_ENV!==`production`&&console.log(`Virtualization Debug:`,{rowCount:i,visibleRows:P.getVirtualItems().length,activeOverscan:E,scrollOffset:P.scrollOffset})},[b,i,P,E]);let z=(e,t)=>{P.scrollToIndex(e,t)};return{parentRef:T,rowVirtualizer:P,columnVirtualizer:R,scrollToIndex:z,scrollToRow:z,scrollToColumn:R?(e,t)=>{R.scrollToIndex(e,t)}:void 0,getVirtualItems:()=>P.getVirtualItems(),scrollOffset:P.scrollOffset??0}},u=s.Root,d=s.Trigger,f=s.Group,p=s.Portal,m=s.Sub,h=s.RadioGroup,g=n.forwardRef(({className:t,inset:n,children:a,...o},c)=>(0,i.jsxs)(s.SubTrigger,{ref:c,className:e._(`flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-zinc-100 focus:text-zinc-900 data-[state=open]:bg-zinc-100 data-[state=open]:text-zinc-900 dark:focus:bg-zinc-800 dark:focus:text-zinc-50 dark:data-[state=open]:bg-zinc-800 dark:data-[state=open]:text-zinc-50`,n&&`pl-8`,t),...o,children:[a,(0,i.jsx)(r.ChevronRight,{className:`ml-auto h-4 w-4`})]}));g.displayName=s.SubTrigger.displayName;var _=n.forwardRef(({className:t,...n},r)=>(0,i.jsx)(s.SubContent,{ref:r,className:e._(`z-50 min-w-[8rem] overflow-hidden rounded-md border border-zinc-200 bg-white p-1 text-zinc-950 shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 dark:border-zinc-800 dark:bg-zinc-950 dark:text-zinc-50`,t),...n}));_.displayName=s.SubContent.displayName;var v=n.forwardRef(({className:t,...n},r)=>(0,i.jsx)(s.Portal,{children:(0,i.jsx)(s.Content,{ref:r,className:e._(`z-50 min-w-[8rem] overflow-hidden rounded-md border border-zinc-200 bg-white p-1 text-zinc-950 shadow-md animate-in fade-in-80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 dark:border-zinc-800 dark:bg-zinc-950 dark:text-zinc-50`,t),...n})}));v.displayName=s.Content.displayName;var y=n.forwardRef(({className:t,inset:n,...r},a)=>(0,i.jsx)(s.Item,{ref:a,className:e._(`relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-zinc-100 focus:text-zinc-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-zinc-800 dark:focus:text-zinc-50`,n&&`pl-8`,t),...r}));y.displayName=s.Item.displayName;var b=n.forwardRef(({className:t,children:n,checked:a,...o},c)=>(0,i.jsxs)(s.CheckboxItem,{ref:c,className:e._(`relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-zinc-100 focus:text-zinc-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-zinc-800 dark:focus:text-zinc-50`,t),checked:a,...o,children:[(0,i.jsx)(`span`,{className:`absolute left-2 flex h-3.5 w-3.5 items-center justify-center`,children:(0,i.jsx)(s.ItemIndicator,{children:(0,i.jsx)(r.Check,{className:`h-4 w-4`})})}),n]}));b.displayName=s.CheckboxItem.displayName;var x=n.forwardRef(({className:t,children:n,...a},o)=>(0,i.jsxs)(s.RadioItem,{ref:o,className:e._(`relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-zinc-100 focus:text-zinc-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-zinc-800 dark:focus:text-zinc-50`,t),...a,children:[(0,i.jsx)(`span`,{className:`absolute left-2 flex h-3.5 w-3.5 items-center justify-center`,children:(0,i.jsx)(s.ItemIndicator,{children:(0,i.jsx)(r.Circle,{className:`h-2 w-2 fill-current`})})}),n]}));x.displayName=s.RadioItem.displayName;var S=n.forwardRef(({className:t,inset:n,...r},a)=>(0,i.jsx)(s.Label,{ref:a,className:e._(`px-2 py-1.5 text-sm font-semibold text-zinc-950 dark:text-zinc-50`,n&&`pl-8`,t),...r}));S.displayName=s.Label.displayName;var C=n.forwardRef(({className:t,...n},r)=>(0,i.jsx)(s.Separator,{ref:r,className:e._(`-mx-1 my-1 h-px bg-zinc-200 dark:bg-zinc-800`,t),...n}));C.displayName=s.Separator.displayName;var w=({className:t,...n})=>(0,i.jsx)(`span`,{className:e._(`ml-auto text-xs tracking-widest text-zinc-500 dark:text-zinc-400`,t),...n});w.displayName=`ContextMenuShortcut`;var T=({row:t,data:r,contextId:a,children:o,enabled:s=!0,onAction:c})=>{let l=e.n();if(!s)return(0,i.jsx)(i.Fragment,{children:o});let f=r||t?.original,p=(()=>{if(!a)return[];let e=l.get(`ContextMenuService`);return e?e.getItems(a,f):[]})(),m=p.length>0,h=e=>{c?.(e,f)};return(0,i.jsxs)(u,{children:[(0,i.jsx)(d,{asChild:!0,children:(0,i.jsx)(`span`,{className:`contents`,children:o})}),(0,i.jsx)(v,{className:`w-64`,children:m?p.map((e,t)=>(0,i.jsx)(n.default.Fragment,{children:e.isSeparator?(0,i.jsx)(C,{}):(0,i.jsxs)(y,{inset:!0,onSelect:()=>{e.onClick?e.onClick(f):h(e.action)},disabled:e.disabled,className:e.className,children:[e.label,e.shortcut&&(0,i.jsx)(w,{children:e.shortcut})]})},e.id||t)):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(y,{inset:!0,onSelect:()=>h(`copy`),children:[`Copy Data`,(0,i.jsx)(w,{children:`⌘C`})]}),(0,i.jsx)(C,{}),t&&(0,i.jsxs)(i.Fragment,{children:[t.getIsPinned()!==`top`&&(0,i.jsx)(y,{inset:!0,onSelect:()=>h(`pin-top`),children:`Pin to Top`}),t.getIsPinned()!==`bottom`&&(0,i.jsx)(y,{inset:!0,onSelect:()=>h(`pin-bottom`),children:`Pin to Bottom`}),t.getIsPinned()&&(0,i.jsx)(y,{inset:!0,onSelect:()=>h(`unpin`),children:`Unpin Row`}),(0,i.jsx)(C,{})]}),(0,i.jsxs)(y,{inset:!0,className:`text-red-600 focus:text-red-600 focus:bg-red-50 dark:focus:bg-red-950/50`,onSelect:()=>h(`delete`),children:[`Delete Row`,(0,i.jsx)(w,{children:`⌘⌫`})]})]})})]})};Object.defineProperty(exports,"_",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,"f",{enumerable:!0,get:function(){return w}}),Object.defineProperty(exports,"g",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"h",{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,"m",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"p",{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return T}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return x}});

package/dist/EzContextMenu-srLxujt8.js

@@ -0,0 +1,287 @@
+import { _ as e, n as t } from "./EzProvider-AlmsYIDk.js";
+import { i as n } from "./EzErrorBoundary-C7a6VisX.js";
+import * as r from "react";
+import i, { useCallback as a, useEffect as o, useMemo as s, useRef as c, useState as l } from "react";
+import { Check as u, ChevronRight as d, Circle as f } from "lucide-react";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { defaultRangeExtractor as g, elementScroll as _, useVirtualizer as v } from "@tanstack/react-virtual";
+import { Virtualizer as y, elementScroll as b } from "@tanstack/virtual-core";
+import * as x from "@radix-ui/react-context-menu";
+//#region src/shared/services/VirtualizationService.ts
+var S = class {
+	name = "VirtualizationService";
+	virtualizers = /* @__PURE__ */ new Map();
+	createVirtualizer(e, t) {
+		let n = new y({
+			count: t.count,
+			getScrollElement: t.getScrollElement,
+			estimateSize: t.estimateSize,
+			overscan: t.overscan ?? 5,
+			horizontal: t.horizontal ?? !1,
+			scrollToFn: b,
+			observeElementRect: (e, t) => {
+				let n = e.scrollElement;
+				if (!n || n === window) return;
+				let r = new ResizeObserver((e) => {
+					t(e[0].contentRect);
+				});
+				return r.observe(n), () => r.disconnect();
+			},
+			observeElementOffset: (e, t) => {
+				let n = e.scrollElement;
+				if (!n) return;
+				let r = () => {
+					t(n === window ? window.scrollY : n.scrollTop, !0);
+				};
+				return n.addEventListener("scroll", r, { passive: !0 }), t(n === window ? window.scrollY : n.scrollTop, !1), () => n.removeEventListener("scroll", r);
+			}
+		});
+		return this.virtualizers.set(e, n), n;
+	}
+	registerVirtualizer(e, t) {
+		this.virtualizers.set(e, t);
+	}
+	getVirtualizer(e) {
+		return this.virtualizers.get(e);
+	}
+	cleanup() {
+		this.virtualizers.clear();
+	}
+}, C = (e) => {
+	let { rowCount: r, rowHeight: i = 48, overscanCount: u = 5, enableRowVirtualization: d = !0, columnCount: f = 0, columnWidth: p = 150, enableColumnVirtualization: m = !1, scrollMargin: h = 0, scrollPaddingStart: y = 0, scrollPaddingEnd: b = 0, progressiveRendering: x = !1, prefetchDistance: C = 5, adaptiveSizing: w = !1, languageDirection: T = "ltr", debug: E = !1, customRangeExtractor: D, onScroll: O, onScrollStart: k, onScrollStop: A } = e, j = c(null), [M, N] = l(x ? 1 : u || C), P = c(null), F = c(null), I = c(!1), L = "lanugageDirection";
+	o(() => {
+		if (!x) return;
+		let e, t = () => {
+			N(1), clearTimeout(e), e = setTimeout(() => {
+				N(u || C);
+			}, 150);
+		}, n = j.current;
+		if (n) return n.addEventListener("scroll", t, { passive: !0 }), () => {
+			n.removeEventListener("scroll", t), clearTimeout(e);
+		};
+	}, [
+		x,
+		u,
+		C
+	]);
+	let R = s(() => D || ((e) => {
+		let t = g(e);
+		return t.length === 0 && e.count > 0 ? [0] : t;
+	}), [D]), z = a((e, t, n) => {
+		_(e, t, n);
+	}, []), B = v(s(() => ({
+		count: r,
+		getScrollElement: () => j.current,
+		estimateSize: typeof i == "function" ? i : () => i,
+		overscan: M,
+		scrollMargin: h,
+		scrollPaddingStart: y,
+		scrollPaddingEnd: b,
+		rangeExtractor: R,
+		scrollToFn: z,
+		measureElement: w ? (e) => e.getBoundingClientRect().height : void 0,
+		[L]: T,
+		onChange: (e) => {
+			let t = e.scrollOffset ?? 0;
+			F.current !== null && cancelAnimationFrame(F.current), F.current = requestAnimationFrame(() => {
+				O?.(t), F.current = null;
+			}), e.isScrolling ? I.current || (I.current = !0, k?.()) : I.current && (I.current = !1, A?.());
+		}
+	}), [
+		r,
+		i,
+		M,
+		w,
+		h,
+		y,
+		b,
+		R,
+		z,
+		T,
+		O,
+		k,
+		A
+	]));
+	o(() => {
+		E && console.log("[DEBUG_VIRTUAL] Virtualizer instance changed");
+	}, [B, E]);
+	let V = t(), H = s(() => n(V, "VirtualizationService", () => new S()), []);
+	o(() => {
+		e.id && H && H.registerVirtualizer(e.id, B);
+	}, [
+		e.id,
+		B,
+		H
+	]);
+	let U = v(s(() => ({
+		horizontal: !0,
+		count: m && f ? f : 0,
+		getScrollElement: () => j.current,
+		estimateSize: typeof p == "function" ? p : () => p,
+		overscan: M,
+		rangeExtractor: R,
+		[L]: T
+	}), [
+		m,
+		f,
+		p,
+		M,
+		R
+	])), W = m && f ? U : void 0;
+	o(() => () => {
+		P.current && clearTimeout(P.current), F.current !== null && cancelAnimationFrame(F.current);
+	}, []), o(() => {
+		E && process.env.NODE_ENV !== "production" && console.log("Virtualization Debug:", {
+			rowCount: r,
+			visibleRows: B.getVirtualItems().length,
+			activeOverscan: M,
+			scrollOffset: B.scrollOffset
+		});
+	}, [
+		E,
+		r,
+		B,
+		M
+	]);
+	let G = (e, t) => {
+		B.scrollToIndex(e, t);
+	};
+	return {
+		parentRef: j,
+		rowVirtualizer: B,
+		columnVirtualizer: W,
+		scrollToIndex: G,
+		scrollToRow: G,
+		scrollToColumn: W ? (e, t) => {
+			W.scrollToIndex(e, t);
+		} : void 0,
+		getVirtualItems: () => B.getVirtualItems(),
+		scrollOffset: B.scrollOffset ?? 0
+	};
+}, w = x.Root, T = x.Trigger, E = x.Group, D = x.Portal, O = x.Sub, k = x.RadioGroup, A = r.forwardRef(({ className: t, inset: n, children: r, ...i }, a) => /* @__PURE__ */ h(x.SubTrigger, {
+	ref: a,
+	className: e("flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-zinc-100 focus:text-zinc-900 data-[state=open]:bg-zinc-100 data-[state=open]:text-zinc-900 dark:focus:bg-zinc-800 dark:focus:text-zinc-50 dark:data-[state=open]:bg-zinc-800 dark:data-[state=open]:text-zinc-50", n && "pl-8", t),
+	...i,
+	children: [r, /* @__PURE__ */ m(d, { className: "ml-auto h-4 w-4" })]
+}));
+A.displayName = x.SubTrigger.displayName;
+var j = r.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ m(x.SubContent, {
+	ref: r,
+	className: e("z-50 min-w-[8rem] overflow-hidden rounded-md border border-zinc-200 bg-white p-1 text-zinc-950 shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 dark:border-zinc-800 dark:bg-zinc-950 dark:text-zinc-50", t),
+	...n
+}));
+j.displayName = x.SubContent.displayName;
+var M = r.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ m(x.Portal, { children: /* @__PURE__ */ m(x.Content, {
+	ref: r,
+	className: e("z-50 min-w-[8rem] overflow-hidden rounded-md border border-zinc-200 bg-white p-1 text-zinc-950 shadow-md animate-in fade-in-80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 dark:border-zinc-800 dark:bg-zinc-950 dark:text-zinc-50", t),
+	...n
+}) }));
+M.displayName = x.Content.displayName;
+var N = r.forwardRef(({ className: t, inset: n, ...r }, i) => /* @__PURE__ */ m(x.Item, {
+	ref: i,
+	className: e("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-zinc-100 focus:text-zinc-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-zinc-800 dark:focus:text-zinc-50", n && "pl-8", t),
+	...r
+}));
+N.displayName = x.Item.displayName;
+var P = r.forwardRef(({ className: t, children: n, checked: r, ...i }, a) => /* @__PURE__ */ h(x.CheckboxItem, {
+	ref: a,
+	className: e("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-zinc-100 focus:text-zinc-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-zinc-800 dark:focus:text-zinc-50", t),
+	checked: r,
+	...i,
+	children: [/* @__PURE__ */ m("span", {
+		className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+		children: /* @__PURE__ */ m(x.ItemIndicator, { children: /* @__PURE__ */ m(u, { className: "h-4 w-4" }) })
+	}), n]
+}));
+P.displayName = x.CheckboxItem.displayName;
+var F = r.forwardRef(({ className: t, children: n, ...r }, i) => /* @__PURE__ */ h(x.RadioItem, {
+	ref: i,
+	className: e("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-zinc-100 focus:text-zinc-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-zinc-800 dark:focus:text-zinc-50", t),
+	...r,
+	children: [/* @__PURE__ */ m("span", {
+		className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+		children: /* @__PURE__ */ m(x.ItemIndicator, { children: /* @__PURE__ */ m(f, { className: "h-2 w-2 fill-current" }) })
+	}), n]
+}));
+F.displayName = x.RadioItem.displayName;
+var I = r.forwardRef(({ className: t, inset: n, ...r }, i) => /* @__PURE__ */ m(x.Label, {
+	ref: i,
+	className: e("px-2 py-1.5 text-sm font-semibold text-zinc-950 dark:text-zinc-50", n && "pl-8", t),
+	...r
+}));
+I.displayName = x.Label.displayName;
+var L = r.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ m(x.Separator, {
+	ref: r,
+	className: e("-mx-1 my-1 h-px bg-zinc-200 dark:bg-zinc-800", t),
+	...n
+}));
+L.displayName = x.Separator.displayName;
+var R = ({ className: t, ...n }) => /* @__PURE__ */ m("span", {
+	className: e("ml-auto text-xs tracking-widest text-zinc-500 dark:text-zinc-400", t),
+	...n
+});
+R.displayName = "ContextMenuShortcut";
+//#endregion
+//#region src/shared/components/EzContextMenu.tsx
+var z = ({ row: e, data: n, contextId: r, children: a, enabled: o = !0, onAction: s }) => {
+	let c = t();
+	if (!o) return /* @__PURE__ */ m(p, { children: a });
+	let l = n || e?.original, u = (() => {
+		if (!r) return [];
+		let e = c.get("ContextMenuService");
+		return e ? e.getItems(r, l) : [];
+	})(), d = u.length > 0, f = (e) => {
+		s?.(e, l);
+	};
+	return /* @__PURE__ */ h(w, { children: [/* @__PURE__ */ m(T, {
+		asChild: !0,
+		children: /* @__PURE__ */ m("span", {
+			className: "contents",
+			children: a
+		})
+	}), /* @__PURE__ */ m(M, {
+		className: "w-64",
+		children: d ? u.map((e, t) => /* @__PURE__ */ m(i.Fragment, { children: e.isSeparator ? /* @__PURE__ */ m(L, {}) : /* @__PURE__ */ h(N, {
+			inset: !0,
+			onSelect: () => {
+				e.onClick ? e.onClick(l) : f(e.action);
+			},
+			disabled: e.disabled,
+			className: e.className,
+			children: [e.label, e.shortcut && /* @__PURE__ */ m(R, { children: e.shortcut })]
+		}) }, e.id || t)) : /* @__PURE__ */ h(p, { children: [
+			/* @__PURE__ */ h(N, {
+				inset: !0,
+				onSelect: () => f("copy"),
+				children: ["Copy Data", /* @__PURE__ */ m(R, { children: "⌘C" })]
+			}),
+			/* @__PURE__ */ m(L, {}),
+			e && /* @__PURE__ */ h(p, { children: [
+				e.getIsPinned() !== "top" && /* @__PURE__ */ m(N, {
+					inset: !0,
+					onSelect: () => f("pin-top"),
+					children: "Pin to Top"
+				}),
+				e.getIsPinned() !== "bottom" && /* @__PURE__ */ m(N, {
+					inset: !0,
+					onSelect: () => f("pin-bottom"),
+					children: "Pin to Bottom"
+				}),
+				e.getIsPinned() && /* @__PURE__ */ m(N, {
+					inset: !0,
+					onSelect: () => f("unpin"),
+					children: "Unpin Row"
+				}),
+				/* @__PURE__ */ m(L, {})
+			] }),
+			/* @__PURE__ */ h(N, {
+				inset: !0,
+				className: "text-red-600 focus:text-red-600 focus:bg-red-50 dark:focus:bg-red-950/50",
+				onSelect: () => f("delete"),
+				children: ["Delete Row", /* @__PURE__ */ m(R, { children: "⌘⌫" })]
+			})
+		] })
+	})] });
+};
+//#endregion
+export { C as _, E as a, D as c, L as d, R as f, T as g, A as h, M as i, k as l, j as m, w as n, N as o, O as p, P as r, I as s, z as t, F as u };

package/dist/EzErrorBoundary-C7a6VisX.js

@@ -0,0 +1,74 @@
+import { Component as e, useImperativeHandle as t, useMemo as n } from "react";
+import { AlertTriangle as r, RefreshCw as i } from "lucide-react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/shared/utils/serviceUtils.ts
+var s = (e, t, n) => {
+	let r = e.get(t);
+	return r || (r = n(), e.register(t, r)), r;
+}, c = (e, t) => {
+	Object.entries(t).forEach(([t, n]) => {
+		e.get(t) || e.register(t, n());
+	});
+}, l = (e, r, i) => {
+	let a = n(() => i ? {
+		...r,
+		...i
+	} : r, [r, i]);
+	t(e, () => a, [a]);
+}, u = class extends e {
+	constructor(e) {
+		super(e), this.state = {
+			hasError: !1,
+			error: null,
+			errorInfo: null
+		};
+	}
+	static getDerivedStateFromError(e) {
+		return {
+			hasError: !0,
+			error: e,
+			errorInfo: null
+		};
+	}
+	componentDidCatch(e, t) {
+		console.error("Error caught by ErrorBoundary:", e, t), this.setState({ errorInfo: t });
+	}
+	handleReset = () => {
+		this.setState({
+			hasError: !1,
+			error: null,
+			errorInfo: null
+		});
+	};
+	render() {
+		return this.state.hasError ? this.props.fallback ? this.props.fallback : /* @__PURE__ */ a("div", {
+			className: "flex flex-col items-center justify-center min-h-screen p-4",
+			children: /* @__PURE__ */ o("div", {
+				className: "flex flex-col items-center gap-4 max-w-md w-full",
+				children: [
+					/* @__PURE__ */ a("div", {
+						className: "flex items-center justify-center w-16 h-16 rounded-full bg-destructive/10",
+						children: /* @__PURE__ */ a(r, { className: "w-8 h-8 text-destructive" })
+					}),
+					/* @__PURE__ */ o("div", {
+						className: "flex flex-col items-center gap-2 text-center",
+						children: [/* @__PURE__ */ a("h2", {
+							className: "text-lg font-semibold",
+							children: "Something went wrong"
+						}), /* @__PURE__ */ a("p", {
+							className: "text-sm text-muted-foreground",
+							children: "An unexpected error occurred. Please try again."
+						})]
+					}),
+					/* @__PURE__ */ o("button", {
+						onClick: this.handleReset,
+						className: "flex items-center gap-2 px-4 py-2 text-sm font-medium text-primary hover:bg-primary/10 rounded-md transition-colors",
+						children: [/* @__PURE__ */ a(i, { className: "w-4 h-4" }), "Try Again"]
+					})
+				]
+			})
+		}) : this.props.children;
+	}
+};
+//#endregion
+export { s as i, l as n, c as r, u as t };

package/dist/EzErrorBoundary-d_2g-_EK.cjs

@@ -0,0 +1 @@
+let e=require("react"),t=require("lucide-react"),n=require("react/jsx-runtime");var r=(e,t,n)=>{let r=e.get(t);return r||(r=n(),e.register(t,r)),r},i=(e,t)=>{Object.entries(t).forEach(([t,n])=>{e.get(t)||e.register(t,n())})},a=(t,n,r)=>{let i=(0,e.useMemo)(()=>r?{...n,...r}:n,[n,r]);(0,e.useImperativeHandle)(t,()=>i,[i])},o=class extends e.Component{constructor(e){super(e),this.state={hasError:!1,error:null,errorInfo:null}}static getDerivedStateFromError(e){return{hasError:!0,error:e,errorInfo:null}}componentDidCatch(e,t){console.error(`Error caught by ErrorBoundary:`,e,t),this.setState({errorInfo:t})}handleReset=()=>{this.setState({hasError:!1,error:null,errorInfo:null})};render(){return this.state.hasError?this.props.fallback?this.props.fallback:(0,n.jsx)(`div`,{className:`flex flex-col items-center justify-center min-h-screen p-4`,children:(0,n.jsxs)(`div`,{className:`flex flex-col items-center gap-4 max-w-md w-full`,children:[(0,n.jsx)(`div`,{className:`flex items-center justify-center w-16 h-16 rounded-full bg-destructive/10`,children:(0,n.jsx)(t.AlertTriangle,{className:`w-8 h-8 text-destructive`})}),(0,n.jsxs)(`div`,{className:`flex flex-col items-center gap-2 text-center`,children:[(0,n.jsx)(`h2`,{className:`text-lg font-semibold`,children:`Something went wrong`}),(0,n.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`An unexpected error occurred. Please try again.`})]}),(0,n.jsxs)(`button`,{onClick:this.handleReset,className:`flex items-center gap-2 px-4 py-2 text-sm font-medium text-primary hover:bg-primary/10 rounded-md transition-colors`,children:[(0,n.jsx)(t.RefreshCw,{className:`w-4 h-4`}),`Try Again`]})]})}):this.props.children}};Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return o}});