ezux 1.1.15 → 1.1.19

package/README.md

@@ -1,28 +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.
-- **EzFlow**: Production workflow builder with typed nodes, validation, import/export, and service-backed save/publish.
-- **EzLayout**: A fluid orchestration engine for complex interfaces.
 
 ## Prerequisites
 
@@ -55,27 +62,35 @@ function App() {
 }
 ```
 
-### EzFlow Workflow Builder
+### Advanced Table Features
 
-```tsx
-import { EzWorkflow, approvalWorkflowExample, createLocalEzWorkflowService } from 'ezux/flow';
+`EzTable` supports powerful features like grouping, filtering, and batch editing out of the box.
 
-const workflowService = createLocalEzWorkflowService({
-  approval: approvalWorkflowExample,
-});
+```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'
+    }
+  });
 
-function WorkflowDesigner() {
-  return (
-    <EzWorkflow
-      workflowId="approval"
-      service={workflowService}
-      defaultWorkflow={approvalWorkflowExample}
-      onValidationChange={(result) => console.log(result.valid)}
-    />
-  );
+  return <EzTable {...table} onBatchSave={(changes) => console.log(changes)} />;
 }
 ```
 
+
 ## Documentation
 
 Visit the [Live Showcase](https://ezux-showcase.vercel.app) for full documentation and interactive examples.
@@ -83,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-vcwZjlYv.js → EzContextMenu-srLxujt8.js}

@@ -1,6 +1,5 @@
-import { t as e } from "./utils-hFRduYmq.js";
-import { n as t } from "./EzProvider-Df2qgeDn.js";
-import { i as n } from "./EzErrorBoundary-b-fGQvjw.js";
+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";

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}});

package/dist/{EzEventModal-MDtx4Gwd.js → EzEventModal-BDSHG11m.js}

@@ -1,9 +1,9 @@
-import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
-import { t } from "./utils-hFRduYmq.js";
-import { t as n } from "./button-BN0DK137.js";
-import { t as r } from "./input-BE8Mmo8X.js";
-import { t as i } from "./label-BLMeK8-Z.js";
-import { t as a } from "./date-time-picker-C6i4TdP7.js";
+import { p as e } from "./EzLayout-CiaPLniV.js";
+import { _ as t } from "./EzProvider-AlmsYIDk.js";
+import { t as n } from "./button-CYyNwV8S.js";
+import { t as r } from "./input-Cj3sQK3M.js";
+import { t as i } from "./label-DWEV--5W.js";
+import { t as a } from "./date-time-picker-DqdtBpAg.js";
 import { useEffect as o } from "react";
 import { Paperclip as s, Trash2 as c, X as l } from "lucide-react";
 import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
@@ -39,8 +39,8 @@ var h = /* @__PURE__ */ e({ EzEventModal: () => _ }), g = [
 		label: "S",
 		value: "SA"
 	}
-], _ = ({ isOpen: e, onClose: h, mode: _, event: v, onSave: y, onDelete: b, locale: x, editorTemplate: S, headerTemplate: C, footerTemplate: w }) => {
-	let T = p({
+], _ = ({ isOpen: e, onClose: h, mode: _, event: v, onSave: y, onDelete: b, locale: x, slotDuration: S, timeOptions: C, editorTemplate: w, headerTemplate: T, footerTemplate: E, headerFieldsTemplate: D, hiddenFields: O = [] }) => {
+	let k = p({
 		defaultValues: {
 			title: v?.title || "",
 			start: v?.start,
@@ -91,15 +91,15 @@ var h = /* @__PURE__ */ e({ EzEventModal: () => _ }), g = [
 		}
 	});
 	if (o(() => {
-		e && T.reset();
+		e && k.reset();
 	}, [
 		e,
 		v,
-		T
+		k
 	]), !e) return null;
-	let E = (e) => {
-		e.preventDefault(), e.stopPropagation(), T.handleSubmit();
-	}, D = _ === "view";
+	let A = (e) => {
+		e?.preventDefault(), e?.stopPropagation(), k.handleSubmit();
+	}, j = _ === "view";
 	return m(/* @__PURE__ */ f("div", {
 		"data-testid": "ez-event-modal",
 		style: {
@@ -136,7 +136,7 @@ var h = /* @__PURE__ */ e({ EzEventModal: () => _ }), g = [
 				/* @__PURE__ */ d("div", {
 					className: "flex items-center justify-between shrink-0 bg-background",
 					style: { padding: "16px 40px" },
-					children: C ? C(v || {}, _) : /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ f("h2", {
+					children: T ? T(v || {}, _) : /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ f("h2", {
 						className: "text-xl font-bold tracking-tight text-foreground",
 						children: [
 							_ === "create" && "New Event",
@@ -151,18 +151,23 @@ var h = /* @__PURE__ */ e({ EzEventModal: () => _ }), g = [
 						children: /* @__PURE__ */ d(l, { className: "w-5 h-5" })
 					})] })
 				}),
-				S ? /* @__PURE__ */ d("div", {
+				w ? /* @__PURE__ */ d("div", {
 					className: "overflow-y-auto custom-scrollbar flex-1 bg-background",
 					style: { padding: "8px 40px 32px 40px" },
-					children: S(v || {})
+					children: w(v || {})
 				}) : /* @__PURE__ */ f("form", {
-					onSubmit: E,
+					onSubmit: A,
 					className: "space-y-6 overflow-y-auto custom-scrollbar flex-1 bg-background",
 					style: { padding: "8px 40px 32px 40px" },
 					children: [
+						D?.({
+							event: v || {},
+							mode: _,
+							isReadOnly: j
+						}),
 						/* @__PURE__ */ f("div", {
 							className: "grid grid-cols-1 md:grid-cols-2 gap-6",
-							children: [/* @__PURE__ */ d(T.Field, {
+							children: [/* @__PURE__ */ d(k.Field, {
 								name: "title",
 								validators: { onChange: ({ value: e }) => e ? void 0 : "Title is required" },
 								children: (e) => /* @__PURE__ */ f("div", {
@@ -179,7 +184,7 @@ var h = /* @__PURE__ */ e({ EzEventModal: () => _ }), g = [
 											value: e.state.value,
 											onChange: (t) => e.handleChange(t.target.value),
 											onBlur: e.handleBlur,
-											disabled: D,
+											disabled: j,
 											className: t("h-10 rounded-md border-border focus-visible:border-primary focus-visible:ring-1 focus-visible:ring-primary/20 bg-background transition-all", e.state.meta.errors.length > 0 && "border-destructive focus-visible:border-destructive ring-destructive/20")
 										}),
 										e.state.meta.errors.length > 0 && /* @__PURE__ */ d("p", {
@@ -188,7 +193,7 @@ var h = /* @__PURE__ */ e({ EzEventModal: () => _ }), g = [
 										})
 									]
 								})
-							}), /* @__PURE__ */ d(T.Field, {
+							}), !O.includes("location") && /* @__PURE__ */ d(k.Field, {
 								name: "location",
 								children: (e) => /* @__PURE__ */ f("div", {
 									className: "space-y-2",
@@ -201,7 +206,7 @@ var h = /* @__PURE__ */ e({ EzEventModal: () => _ }), g = [
 										placeholder: "Add location",
 										value: e.state.value,
 										onChange: (t) => e.handleChange(t.target.value),
-										disabled: D,
+										disabled: j,
 										className: "h-10 rounded-md border-border focus-visible:border-primary focus-visible:ring-1 focus-visible:ring-primary/20 bg-background transition-all"
 									})]
 								})
@@ -209,7 +214,7 @@ var h = /* @__PURE__ */ e({ EzEventModal: () => _ }), g = [
 						}),
 						/* @__PURE__ */ f("div", {
 							className: "grid grid-cols-1 md:grid-cols-2 gap-6",
-							children: [/* @__PURE__ */ d(T.Field, {
+							children: [/* @__PURE__ */ d(k.Field, {
 								name: "start",
 								validators: { onChange: ({ value: e }) => e ? void 0 : "Start date is required" },
 								children: (e) => /* @__PURE__ */ f("div", {
@@ -222,10 +227,12 @@ var h = /* @__PURE__ */ e({ EzEventModal: () => _ }), g = [
 										/* @__PURE__ */ d(a, {
 											date: e.state.value,
 											setDate: (t) => e.handleChange(t),
-											disabled: D,
+											disabled: j,
 											required: !0,
 											locale: x,
-											mode: T.getFieldValue("isAllDay") ? "date" : "datetime",
+											mode: k.getFieldValue("isAllDay") ? "date" : "datetime",
+											slotDuration: S,
+											timeOptions: C,
 											className: "border-border focus-visible:border-primary focus-visible:ring-1 focus-visible:ring-primary/20"
 										}),
 										e.state.meta.errors.length > 0 && /* @__PURE__ */ d("p", {
@@ -234,7 +241,7 @@ var h = /* @__PURE__ */ e({ EzEventModal: () => _ }), g = [
 										})
 									]
 								})
-							}), /* @__PURE__ */ d(T.Field, {
+							}), /* @__PURE__ */ d(k.Field, {
 								name: "end",
 								validators: { onChange: ({ value: e, fieldApi: t }) => {
 									if (!e) return "End date is required";
@@ -251,11 +258,13 @@ var h = /* @__PURE__ */ e({ EzEventModal: () => _ }), g = [
 										/* @__PURE__ */ d(a, {
 											date: e.state.value,
 											setDate: (t) => e.handleChange(t),
-											disabled: D,
+											disabled: j,
 											required: !0,
 											locale: x,
-											mode: T.getFieldValue("isAllDay") ? "date" : "datetime",
-											minDate: T.getFieldValue("start"),
+											mode: k.getFieldValue("isAllDay") ? "date" : "datetime",
+											minDate: k.getFieldValue("start"),
+											slotDuration: S,
+											timeOptions: C,
 											className: t("border-border focus-visible:border-primary focus-visible:ring-1 focus-visible:ring-primary/20", e.state.meta.errors.length > 0 && "border-destructive focus-visible:border-destructive ring-destructive/20")
 										}),
 										e.state.meta.errors.length > 0 && /* @__PURE__ */ d("p", {
@@ -268,7 +277,7 @@ var h = /* @__PURE__ */ e({ EzEventModal: () => _ }), g = [
 						}),
 						/* @__PURE__ */ f("div", {
 							className: "grid grid-cols-1 md:grid-cols-2 gap-6",
-							children: [/* @__PURE__ */ d(T.Field, {
+							children: [/* @__PURE__ */ d(k.Field, {
 								name: "isAllDay",
 								children: (e) => /* @__PURE__ */ d("div", {
 									className: "flex items-center h-10",
@@ -278,7 +287,7 @@ var h = /* @__PURE__ */ e({ EzEventModal: () => _ }), g = [
 											type: "checkbox",
 											checked: e.state.value,
 											onChange: (t) => e.handleChange(t.target.checked),
-											disabled: D,
+											disabled: j,
 											className: "h-4 w-4 rounded border-border/50 text-primary focus:ring-primary/30 accent-primary transition-all cursor-pointer"
 										}), /* @__PURE__ */ d("span", {
 											className: "text-[14px] font-medium text-foreground/70 group-hover:text-foreground",
@@ -286,7 +295,7 @@ var h = /* @__PURE__ */ e({ EzEventModal: () => _ }), g = [
 										})]
 									})
 								})
-							}), /* @__PURE__ */ d(T.Field, {
+							}), /* @__PURE__ */ d(k.Field, {
 								name: "isTimezoneEnabled",
 								children: (e) => /* @__PURE__ */ d("div", {
 									className: "flex items-center h-10",
@@ -296,7 +305,7 @@ var h = /* @__PURE__ */ e({ EzEventModal: () => _ }), g = [
 											type: "checkbox",
 											checked: e.state.value,
 											onChange: (t) => e.handleChange(t.target.checked),
-											disabled: D,
+											disabled: j,
 											className: "h-4 w-4 rounded border-border/50 text-primary focus:ring-primary/30 accent-primary transition-all cursor-pointer"
 										}), /* @__PURE__ */ d("span", {
 											className: "text-[14px] font-medium text-foreground/70 group-hover:text-foreground",
@@ -306,11 +315,11 @@ var h = /* @__PURE__ */ e({ EzEventModal: () => _ }), g = [
 								})
 							})]
 						}),
-						/* @__PURE__ */ d(T.Subscribe, {
+						/* @__PURE__ */ d(k.Subscribe, {
 							selector: (e) => [e.values.isTimezoneEnabled],
 							children: ([e]) => e && /* @__PURE__ */ f("div", {
 								className: "grid grid-cols-1 md:grid-cols-2 gap-6 p-6 bg-highlight/50 rounded-lg border border-border animate-in slide-in-from-top-2 duration-300",
-								children: [/* @__PURE__ */ d(T.Field, {
+								children: [/* @__PURE__ */ d(k.Field, {
 									name: "startTimezone",
 									children: (e) => /* @__PURE__ */ f("div", {
 										className: "space-y-2",
@@ -337,7 +346,7 @@ var h = /* @__PURE__ */ e({ EzEventModal: () => _ }), g = [
 											]
 										})]
 									})
-								}), /* @__PURE__ */ d(T.Field, {
+								}), /* @__PURE__ */ d(k.Field, {
 									name: "endTimezone",
 									children: (e) => /* @__PURE__ */ f("div", {
 										className: "space-y-2",
@@ -369,7 +378,7 @@ var h = /* @__PURE__ */ e({ EzEventModal: () => _ }), g = [
 						}),
 						/* @__PURE__ */ f("div", {
 							className: "grid grid-cols-1 md:grid-cols-2 gap-6",
-							children: [/* @__PURE__ */ d(T.Field, {
+							children: [/* @__PURE__ */ d(k.Field, {
 								name: "repeatFrequency",
 								children: (e) => /* @__PURE__ */ f("div", {
 									className: "space-y-2",
@@ -404,9 +413,9 @@ var h = /* @__PURE__ */ e({ EzEventModal: () => _ }), g = [
 										]
 									})]
 								})
-							}), /* @__PURE__ */ d(T.Subscribe, {
+							}), /* @__PURE__ */ d(k.Subscribe, {
 								selector: (e) => [e.values.repeatFrequency],
-								children: ([e]) => e !== "Never" && /* @__PURE__ */ d(T.Field, {
+								children: ([e]) => e !== "Never" && /* @__PURE__ */ d(k.Field, {
 									name: "repeatEndLevel",
 									children: (e) => /* @__PURE__ */ f("div", {
 										className: "space-y-2 animate-in slide-in-from-top-2 duration-300",
@@ -436,12 +445,12 @@ var h = /* @__PURE__ */ e({ EzEventModal: () => _ }), g = [
 								})
 							})]
 						}),
-						/* @__PURE__ */ d(T.Subscribe, {
+						/* @__PURE__ */ d(k.Subscribe, {
 							selector: (e) => [e.values.repeatFrequency, e.values.repeatEndLevel],
 							children: ([e, t]) => e !== "Never" && /* @__PURE__ */ f("div", {
 								className: "grid grid-cols-1 md:grid-cols-2 gap-6 animate-in slide-in-from-top-2 duration-300",
 								children: [
-									/* @__PURE__ */ d(T.Field, {
+									/* @__PURE__ */ d(k.Field, {
 										name: "repeatInterval",
 										children: (t) => /* @__PURE__ */ f("div", {
 											className: "space-y-2",
@@ -483,7 +492,7 @@ var h = /* @__PURE__ */ e({ EzEventModal: () => _ }), g = [
 											})]
 										})
 									}),
-									t === "Until" && /* @__PURE__ */ d(T.Field, {
+									t === "Until" && /* @__PURE__ */ d(k.Field, {
 										name: "repeatEndUntil",
 										children: (e) => /* @__PURE__ */ f("div", {
 											className: "space-y-2 animate-in slide-in-from-top-1",
@@ -493,15 +502,17 @@ var h = /* @__PURE__ */ e({ EzEventModal: () => _ }), g = [
 											}), /* @__PURE__ */ d(a, {
 												date: e.state.value,
 												setDate: (t) => e.handleChange(t),
-												disabled: D,
+												disabled: j,
 												locale: x,
 												mode: "date",
-												minDate: T.getFieldValue("start"),
+												minDate: k.getFieldValue("start"),
+												slotDuration: S,
+												timeOptions: C,
 												className: "border-border focus:border-primary"
 											})]
 										})
 									}),
-									t === "Count" && /* @__PURE__ */ d(T.Field, {
+									t === "Count" && /* @__PURE__ */ d(k.Field, {
 										name: "repeatEndCount",
 										children: (e) => /* @__PURE__ */ f("div", {
 											className: "space-y-2 animate-in slide-in-from-top-1",
@@ -520,9 +531,9 @@ var h = /* @__PURE__ */ e({ EzEventModal: () => _ }), g = [
 								]
 							})
 						}),
-						/* @__PURE__ */ d(T.Subscribe, {
+						/* @__PURE__ */ d(k.Subscribe, {
 							selector: (e) => [e.values.repeatFrequency],
-							children: ([e]) => e === "Weekly" && /* @__PURE__ */ d(T.Field, {
+							children: ([e]) => e === "Weekly" && /* @__PURE__ */ d(k.Field, {
 								name: "repeatDays",
 								children: (e) => /* @__PURE__ */ f("div", {
 									className: "space-y-3 animate-in fade-in duration-300",
@@ -544,9 +555,9 @@ var h = /* @__PURE__ */ e({ EzEventModal: () => _ }), g = [
 								})
 							})
 						}),
-						/* @__PURE__ */ d(T.Subscribe, {
+						/* @__PURE__ */ d(k.Subscribe, {
 							selector: (e) => [e.values.repeatFrequency],
-							children: ([e]) => (e === "Monthly" || e === "Yearly") && /* @__PURE__ */ d(T.Field, {
+							children: ([e]) => (e === "Monthly" || e === "Yearly") && /* @__PURE__ */ d(k.Field, {
 								name: "repeatBy",
 								children: (e) => /* @__PURE__ */ f("div", {
 									className: "space-y-4 animate-in fade-in duration-300",
@@ -584,7 +595,7 @@ var h = /* @__PURE__ */ e({ EzEventModal: () => _ }), g = [
 								})
 							})
 						}),
-						/* @__PURE__ */ d(T.Field, {
+						/* @__PURE__ */ d(k.Field, {
 							name: "description",
 							children: (e) => /* @__PURE__ */ f("div", {
 								className: "space-y-2",
@@ -598,11 +609,11 @@ var h = /* @__PURE__ */ e({ EzEventModal: () => _ }), g = [
 									className: "flex min-h-[100px] w-full rounded-md border-border bg-background px-4 py-3 text-sm placeholder:text-muted-foreground focus:outline-none focus-visible:ring-1 focus-visible:ring-primary/20 focus-visible:border-primary disabled:cursor-not-allowed disabled:opacity-50 resize-none transition-all hover:border-border",
 									value: e.state.value,
 									onChange: (t) => e.handleChange(t.target.value),
-									disabled: D
+									disabled: j
 								})]
 							})
 						}),
-						/* @__PURE__ */ d(T.Field, {
+						/* @__PURE__ */ d(k.Field, {
 							name: "attachments",
 							children: (e) => /* @__PURE__ */ f("div", {
 								className: "space-y-4 pt-4 pb-2",
@@ -664,7 +675,7 @@ var h = /* @__PURE__ */ e({ EzEventModal: () => _ }), g = [
 						})
 					]
 				}),
-				w ? w(v || {}, _, () => E({}), h) : /* @__PURE__ */ f("div", {
+				E ? E(v || {}, _, () => A(), h) : /* @__PURE__ */ f("div", {
 					style: {
 						display: "flex",
 						alignItems: "center",
@@ -675,7 +686,7 @@ var h = /* @__PURE__ */ e({ EzEventModal: () => _ }), g = [
 						width: "100%",
 						flexShrink: 0
 					},
-					children: [!D && b && _ === "edit" && /* @__PURE__ */ d(n, {
+					children: [!j && b && _ === "edit" && /* @__PURE__ */ d(n, {
 						type: "button",
 						variant: "ghost",
 						className: "text-destructive hover:bg-destructive/10 hover:text-destructive h-10 px-5 font-bold mr-auto",
@@ -689,7 +700,7 @@ var h = /* @__PURE__ */ e({ EzEventModal: () => _ }), g = [
 							alignItems: "center",
 							gap: "12px"
 						},
-						children: [!D && /* @__PURE__ */ d(T.Subscribe, {
+						children: [!j && /* @__PURE__ */ d(k.Subscribe, {
 							selector: (e) => [e.canSubmit, e.isSubmitting],
 							children: ([e, t]) => /* @__PURE__ */ d(n, {
 								type: "submit",
@@ -698,7 +709,7 @@ var h = /* @__PURE__ */ e({ EzEventModal: () => _ }), g = [
 								style: { minWidth: "120px" },
 								disabled: !e || t,
 								onClick: (e) => {
-									e.preventDefault(), e.stopPropagation(), T.handleSubmit();
+									e.preventDefault(), e.stopPropagation(), k.handleSubmit();
 								},
 								children: t ? "Saving..." : "Save"
 							})

package/dist/EzEventModal-BrCBSXBM.cjs

@@ -0,0 +1 @@
+const e=require("./EzProvider-L2qQMq-v.cjs"),t=require("./button-BBMwzUtG.cjs"),n=require("./input-CYlvlbF7.cjs"),r=require("./label-BGgvoZWD.cjs"),i=require("./date-time-picker-D0w0sDgq.cjs");let a=require("react");a=e.y(a,1);let o=require("lucide-react"),s=require("react/jsx-runtime"),c=require("@tanstack/react-form"),l=require("react-dom");var u=e.v({EzEventModal:()=>f}),d=[{label:`S`,value:`SU`},{label:`M`,value:`MO`},{label:`T`,value:`TU`},{label:`W`,value:`WE`},{label:`T`,value:`TH`},{label:`F`,value:`FR`},{label:`S`,value:`SA`}],f=({isOpen:u,onClose:f,mode:p,event:m,onSave:h,onDelete:g,locale:_,slotDuration:v,timeOptions:y,editorTemplate:b,headerTemplate:x,footerTemplate:S,headerFieldsTemplate:C,hiddenFields:w=[]})=>{let T=(0,c.useForm)({defaultValues:{title:m?.title||``,start:m?.start,end:m?.end,resourceIds:m?.resourceIds||(m?.resourceId?[m.resourceId]:[])||[],location:m?.location||``,isAllDay:!!m?.allDay||!!m?.isAllDay||!1,description:m?.description||``,isTimezoneEnabled:!!m?.timezone,startTimezone:m?.timezone?.start||`Asia/Calcutta`,endTimezone:m?.timezone?.end||`Asia/Calcutta`,repeatFrequency:m?.recurrence?.frequency||`Never`,repeatInterval:m?.recurrence?.interval||1,repeatDays:m?.recurrence?.days||[],repeatBy:m?.recurrence?.repeatBy||`day`,repeatEndLevel:m?.recurrence?.end||`Never`,repeatEndCount:m?.recurrence?.endCount||1,repeatEndUntil:m?.recurrence?.endUntil,attachments:m?.attachments||[]},onSubmit:async({value:e})=>{h({...m,title:e.title,start:e.start,end:e.end,resourceId:e.resourceIds[0],resourceIds:e.resourceIds,location:e.location,allDay:e.isAllDay,description:e.description,timezone:e.isTimezoneEnabled?{start:e.startTimezone,end:e.endTimezone}:void 0,recurrence:e.repeatFrequency===`Never`?void 0:{frequency:e.repeatFrequency,interval:e.repeatInterval,unit:e.repeatFrequency.replace(`ly`,``)+`(s)`,end:e.repeatEndLevel,endCount:e.repeatEndLevel===`Count`?e.repeatEndCount:void 0,endUntil:e.repeatEndLevel===`Until`?e.repeatEndUntil:void 0,days:e.repeatFrequency===`Weekly`?e.repeatDays:void 0,repeatBy:e.repeatFrequency===`Monthly`||e.repeatFrequency===`Yearly`?e.repeatBy:void 0},attachments:e.attachments}),f()}});if((0,a.useEffect)(()=>{u&&T.reset()},[u,m,T]),!u)return null;let E=e=>{e?.preventDefault(),e?.stopPropagation(),T.handleSubmit()},D=p===`view`;return(0,l.createPortal)((0,s.jsxs)(`div`,{"data-testid":`ez-event-modal`,style:{position:`fixed`,top:0,left:0,width:`100vw`,height:`100vh`,zIndex:1e4,backgroundColor:`rgba(0, 0, 0, 0.4)`,backdropFilter:`blur(2px)`,pointerEvents:`auto`},children:[(0,s.jsx)(`div`,{style:{position:`absolute`,inset:0},onClick:f}),(0,s.jsxs)(`div`,{className:e._(`bg-background rounded-xl shadow-2xl flex flex-col border border-border overflow-hidden`,`animate-in zoom-in-95 fade-in duration-300 ease-out`),style:{backgroundColor:`white`,width:`650px`,maxWidth:`95vw`,maxHeight:`92vh`,position:`absolute`,top:`50%`,left:`50%`,transform:`translate(-50%, -50%)`,zIndex:10001},children:[(0,s.jsx)(`div`,{className:`flex items-center justify-between shrink-0 bg-background`,style:{padding:`16px 40px`},children:x?x(m||{},p):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(`h2`,{className:`text-xl font-bold tracking-tight text-foreground`,children:[p===`create`&&`New Event`,p===`edit`&&`Edit Event`,p===`view`&&`Event Details`]}),(0,s.jsx)(t.t,{variant:`ghost`,size:`icon`,className:`h-9 w-9 rounded-full hover:bg-muted text-muted-foreground mr-[-8px]`,onClick:f,children:(0,s.jsx)(o.X,{className:`w-5 h-5`})})]})}),b?(0,s.jsx)(`div`,{className:`overflow-y-auto custom-scrollbar flex-1 bg-background`,style:{padding:`8px 40px 32px 40px`},children:b(m||{})}):(0,s.jsxs)(`form`,{onSubmit:E,className:`space-y-6 overflow-y-auto custom-scrollbar flex-1 bg-background`,style:{padding:`8px 40px 32px 40px`},children:[C?.({event:m||{},mode:p,isReadOnly:D}),(0,s.jsxs)(`div`,{className:`grid grid-cols-1 md:grid-cols-2 gap-6`,children:[(0,s.jsx)(T.Field,{name:`title`,validators:{onChange:({value:e})=>e?void 0:`Title is required`},children:t=>(0,s.jsxs)(`div`,{className:`space-y-2`,children:[(0,s.jsx)(r.t,{htmlFor:`title`,className:`text-[13px] font-semibold text-foreground/70`,children:`Title`}),(0,s.jsx)(n.t,{id:`title`,placeholder:`Add title`,value:t.state.value,onChange:e=>t.handleChange(e.target.value),onBlur:t.handleBlur,disabled:D,className:e._(`h-10 rounded-md border-border focus-visible:border-primary focus-visible:ring-1 focus-visible:ring-primary/20 bg-background transition-all`,t.state.meta.errors.length>0&&`border-destructive focus-visible:border-destructive ring-destructive/20`)}),t.state.meta.errors.length>0&&(0,s.jsx)(`p`,{className:`text-[12px] font-medium text-destructive mt-1.5 animate-in fade-in slide-in-from-top-1`,children:t.state.meta.errors.join(`, `)})]})}),!w.includes(`location`)&&(0,s.jsx)(T.Field,{name:`location`,children:e=>(0,s.jsxs)(`div`,{className:`space-y-2`,children:[(0,s.jsx)(r.t,{htmlFor:`location`,className:`text-[13px] font-semibold text-foreground/70`,children:`Location`}),(0,s.jsx)(n.t,{id:`location`,placeholder:`Add location`,value:e.state.value,onChange:t=>e.handleChange(t.target.value),disabled:D,className:`h-10 rounded-md border-border focus-visible:border-primary focus-visible:ring-1 focus-visible:ring-primary/20 bg-background transition-all`})]})})]}),(0,s.jsxs)(`div`,{className:`grid grid-cols-1 md:grid-cols-2 gap-6`,children:[(0,s.jsx)(T.Field,{name:`start`,validators:{onChange:({value:e})=>e?void 0:`Start date is required`},children:e=>(0,s.jsxs)(`div`,{className:`space-y-2`,children:[(0,s.jsx)(r.t,{className:`text-[13px] font-semibold text-foreground/70`,children:`Start`}),(0,s.jsx)(i.t,{date:e.state.value,setDate:t=>e.handleChange(t),disabled:D,required:!0,locale:_,mode:T.getFieldValue(`isAllDay`)?`date`:`datetime`,slotDuration:v,timeOptions:y,className:`border-border focus-visible:border-primary focus-visible:ring-1 focus-visible:ring-primary/20`}),e.state.meta.errors.length>0&&(0,s.jsx)(`p`,{className:`text-[12px] font-medium text-destructive mt-1.5`,children:e.state.meta.errors.join(`, `)})]})}),(0,s.jsx)(T.Field,{name:`end`,validators:{onChange:({value:e,fieldApi:t})=>{if(!e)return`End date is required`;let n=t.form.getFieldValue(`start`);if(n&&e<=n)return`End time must be after start time`}},children:t=>(0,s.jsxs)(`div`,{className:`space-y-2`,children:[(0,s.jsx)(r.t,{className:`text-[13px] font-semibold text-foreground/70`,children:`End`}),(0,s.jsx)(i.t,{date:t.state.value,setDate:e=>t.handleChange(e),disabled:D,required:!0,locale:_,mode:T.getFieldValue(`isAllDay`)?`date`:`datetime`,minDate:T.getFieldValue(`start`),slotDuration:v,timeOptions:y,className:e._(`border-border focus-visible:border-primary focus-visible:ring-1 focus-visible:ring-primary/20`,t.state.meta.errors.length>0&&`border-destructive focus-visible:border-destructive ring-destructive/20`)}),t.state.meta.errors.length>0&&(0,s.jsx)(`p`,{className:`text-[12px] font-medium text-destructive mt-1.5 animate-in fade-in slide-in-from-top-1`,children:t.state.meta.errors.join(`, `)})]})})]}),(0,s.jsxs)(`div`,{className:`grid grid-cols-1 md:grid-cols-2 gap-6`,children:[(0,s.jsx)(T.Field,{name:`isAllDay`,children:e=>(0,s.jsx)(`div`,{className:`flex items-center h-10`,children:(0,s.jsxs)(`label`,{className:`flex items-center space-x-3 cursor-pointer group select-none`,children:[(0,s.jsx)(`input`,{type:`checkbox`,checked:e.state.value,onChange:t=>e.handleChange(t.target.checked),disabled:D,className:`h-4 w-4 rounded border-border/50 text-primary focus:ring-primary/30 accent-primary transition-all cursor-pointer`}),(0,s.jsx)(`span`,{className:`text-[14px] font-medium text-foreground/70 group-hover:text-foreground`,children:`All day event`})]})})}),(0,s.jsx)(T.Field,{name:`isTimezoneEnabled`,children:e=>(0,s.jsx)(`div`,{className:`flex items-center h-10`,children:(0,s.jsxs)(`label`,{className:`flex items-center space-x-3 cursor-pointer group select-none`,children:[(0,s.jsx)(`input`,{type:`checkbox`,checked:e.state.value,onChange:t=>e.handleChange(t.target.checked),disabled:D,className:`h-4 w-4 rounded border-border/50 text-primary focus:ring-primary/30 accent-primary transition-all cursor-pointer`}),(0,s.jsx)(`span`,{className:`text-[14px] font-medium text-foreground/70 group-hover:text-foreground`,children:`Enable timezone`})]})})})]}),(0,s.jsx)(T.Subscribe,{selector:e=>[e.values.isTimezoneEnabled],children:([e])=>e&&(0,s.jsxs)(`div`,{className:`grid grid-cols-1 md:grid-cols-2 gap-6 p-6 bg-highlight/50 rounded-lg border border-border animate-in slide-in-from-top-2 duration-300`,children:[(0,s.jsx)(T.Field,{name:`startTimezone`,children:e=>(0,s.jsxs)(`div`,{className:`space-y-2`,children:[(0,s.jsx)(r.t,{className:`text-[13px] font-semibold text-foreground/70`,children:`Start Timezone`}),(0,s.jsxs)(`select`,{className:`w-full h-10 px-3 rounded-md border-border bg-background text-sm focus:outline-none focus-visible:ring-1 focus-visible:ring-primary/20 focus-visible:border-primary appearance-none bg-[url('data:image/svg+xml;charset=utf-8,%3Csvg%20xlmns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20fill%3D%27none%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20stroke%3D%27%236b7280%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20stroke-width%3D%271.5%27%20d%3D%27m6%208%204%204%204-4%27%2F%3E%3C%2Fsvg%3E')] bg-[length:20px] bg-[right_8px_center] bg-no-repeat transition-all`,value:e.state.value,onChange:t=>e.handleChange(t.target.value),children:[(0,s.jsx)(`option`,{value:`Asia/Calcutta`,children:`Asia/Calcutta`}),(0,s.jsx)(`option`,{value:`UTC`,children:`UTC`}),(0,s.jsx)(`option`,{value:`America/New_York`,children:`America/New_York`})]})]})}),(0,s.jsx)(T.Field,{name:`endTimezone`,children:e=>(0,s.jsxs)(`div`,{className:`space-y-2`,children:[(0,s.jsx)(r.t,{className:`text-[13px] font-semibold text-foreground/70`,children:`End Timezone`}),(0,s.jsxs)(`select`,{className:`w-full h-10 px-3 rounded-md border-border bg-background text-sm focus:outline-none focus-visible:ring-1 focus-visible:ring-primary/20 focus-visible:border-primary appearance-none bg-[url('data:image/svg+xml;charset=utf-8,%3Csvg%20xlmns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20fill%3D%27none%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20stroke%3D%27%236b7280%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20stroke-width%3D%271.5%27%20d%3D%27m6%208%204%204%204-4%27%2F%3E%3C%2Fsvg%3E')] bg-[length:20px] bg-[right_8px_center] bg-no-repeat transition-all`,value:e.state.value,onChange:t=>e.handleChange(t.target.value),children:[(0,s.jsx)(`option`,{value:`Asia/Calcutta`,children:`Asia/Calcutta`}),(0,s.jsx)(`option`,{value:`UTC`,children:`UTC`}),(0,s.jsx)(`option`,{value:`America/New_York`,children:`America/New_York`})]})]})})]})}),(0,s.jsxs)(`div`,{className:`grid grid-cols-1 md:grid-cols-2 gap-6`,children:[(0,s.jsx)(T.Field,{name:`repeatFrequency`,children:e=>(0,s.jsxs)(`div`,{className:`space-y-2`,children:[(0,s.jsx)(r.t,{className:`text-[13px] font-semibold text-foreground/70`,children:`Repeat`}),(0,s.jsxs)(`select`,{className:`w-full h-10 px-3 rounded-md border-border bg-background text-sm focus:outline-none focus-visible:ring-1 focus-visible:ring-primary/20 focus-visible:border-primary appearance-none bg-[url('data:image/svg+xml;charset=utf-8,%3Csvg%20xlmns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20fill%3D%27none%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20stroke%3D%27%236b7280%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20stroke-width%3D%271.5%27%20d%3D%27m6%208%204%204%204-4%27%2F%3E%3C%2Fsvg%3E')] bg-[length:20px] bg-[right_8px_center] bg-no-repeat transition-all`,value:e.state.value,onChange:t=>e.handleChange(t.target.value),children:[(0,s.jsx)(`option`,{value:`Never`,children:`Never`}),(0,s.jsx)(`option`,{value:`Daily`,children:`Daily`}),(0,s.jsx)(`option`,{value:`Weekly`,children:`Weekly`}),(0,s.jsx)(`option`,{value:`Monthly`,children:`Monthly`}),(0,s.jsx)(`option`,{value:`Yearly`,children:`Yearly`})]})]})}),(0,s.jsx)(T.Subscribe,{selector:e=>[e.values.repeatFrequency],children:([e])=>e!==`Never`&&(0,s.jsx)(T.Field,{name:`repeatEndLevel`,children:e=>(0,s.jsxs)(`div`,{className:`space-y-2 animate-in slide-in-from-top-2 duration-300`,children:[(0,s.jsx)(r.t,{className:`text-[13px] font-semibold text-foreground/70`,children:`End`}),(0,s.jsxs)(`select`,{className:`w-full h-10 px-3 rounded-md border-border bg-background text-sm focus:outline-none focus-visible:ring-1 focus-visible:ring-primary/20 focus-visible:border-primary appearance-none bg-[url('data:image/svg+xml;charset=utf-8,%3Csvg%20xlmns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20fill%3D%27none%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20stroke%3D%27%236b7280%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20stroke-width%3D%271.5%27%20d%3D%27m6%208%204%204%204-4%27%2F%3E%3C%2Fsvg%3E')] bg-[length:20px] bg-[right_8px_center] bg-no-repeat transition-all`,value:e.state.value,onChange:t=>e.handleChange(t.target.value),children:[(0,s.jsx)(`option`,{value:`Never`,children:`Never`}),(0,s.jsx)(`option`,{value:`Until`,children:`Until`}),(0,s.jsx)(`option`,{value:`Count`,children:`Count`})]})]})})})]}),(0,s.jsx)(T.Subscribe,{selector:e=>[e.values.repeatFrequency,e.values.repeatEndLevel],children:([e,t])=>e!==`Never`&&(0,s.jsxs)(`div`,{className:`grid grid-cols-1 md:grid-cols-2 gap-6 animate-in slide-in-from-top-2 duration-300`,children:[(0,s.jsx)(T.Field,{name:`repeatInterval`,children:t=>(0,s.jsxs)(`div`,{className:`space-y-2`,children:[(0,s.jsx)(r.t,{className:`text-[13px] font-semibold text-foreground/70`,children:`Repeat every`}),(0,s.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,s.jsx)(`select`,{className:`flex-1 h-10 px-3 rounded-md border-border bg-background text-sm focus:outline-none focus-visible:ring-1 focus-visible:ring-primary/20 focus-visible:border-primary appearance-none bg-[url('data:image/svg+xml;charset=utf-8,%3Csvg%20xlmns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20fill%3D%27none%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20stroke%3D%27%236b7280%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20stroke-width%3D%271.5%27%20d%3D%27m6%208%204%204%204-4%27%2F%3E%3C%2Fsvg%3E')] bg-[length:20px] bg-[right_8px_center] bg-no-repeat transition-all`,value:t.state.value,onChange:e=>t.handleChange(parseInt(e.target.value)),children:[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,20,30].map(e=>(0,s.jsx)(`option`,{value:e,children:e},e))}),(0,s.jsx)(`span`,{className:`text-sm font-medium text-muted-foreground whitespace-nowrap`,children:e===`Daily`?`Day(s)`:e.replace(`ly`,``)+`(s)`})]})]})}),t===`Until`&&(0,s.jsx)(T.Field,{name:`repeatEndUntil`,children:e=>(0,s.jsxs)(`div`,{className:`space-y-2 animate-in slide-in-from-top-1`,children:[(0,s.jsx)(r.t,{className:`text-[13px] font-semibold text-foreground/70`,children:`Until`}),(0,s.jsx)(i.t,{date:e.state.value,setDate:t=>e.handleChange(t),disabled:D,locale:_,mode:`date`,minDate:T.getFieldValue(`start`),slotDuration:v,timeOptions:y,className:`border-border focus:border-primary`})]})}),t===`Count`&&(0,s.jsx)(T.Field,{name:`repeatEndCount`,children:e=>(0,s.jsxs)(`div`,{className:`space-y-2 animate-in slide-in-from-top-1`,children:[(0,s.jsx)(r.t,{className:`text-[13px] font-semibold text-foreground/70`,children:`Occurrences`}),(0,s.jsx)(n.t,{type:`number`,min:1,value:e.state.value,onChange:t=>e.handleChange(parseInt(t.target.value)),className:`h-10 rounded-md border-border focus-visible:border-primary focus-visible:ring-1 focus-visible:ring-primary/20 bg-background transition-all`})]})})]})}),(0,s.jsx)(T.Subscribe,{selector:e=>[e.values.repeatFrequency],children:([t])=>t===`Weekly`&&(0,s.jsx)(T.Field,{name:`repeatDays`,children:t=>(0,s.jsxs)(`div`,{className:`space-y-3 animate-in fade-in duration-300`,children:[(0,s.jsx)(r.t,{className:`text-[13px] font-semibold text-foreground/70`,children:`Repeat On`}),(0,s.jsx)(`div`,{className:`flex flex-wrap gap-2`,children:d.map(n=>(0,s.jsx)(`button`,{type:`button`,onClick:()=>{let e=t.state.value||[];e.includes(n.value)?t.handleChange(e.filter(e=>e!==n.value)):t.handleChange([...e,n.value])},className:e._(`w-9 h-9 rounded-full flex items-center justify-center text-sm font-bold transition-all border`,(t.state.value||[]).includes(n.value)?`bg-primary text-white border-primary shadow-sm`:`bg-background text-foreground/60 border-border/60 hover:border-primary/40 hover:text-primary`),children:n.label},n.value))})]})})}),(0,s.jsx)(T.Subscribe,{selector:e=>[e.values.repeatFrequency],children:([e])=>(e===`Monthly`||e===`Yearly`)&&(0,s.jsx)(T.Field,{name:`repeatBy`,children:e=>(0,s.jsxs)(`div`,{className:`space-y-4 animate-in fade-in duration-300`,children:[(0,s.jsx)(r.t,{className:`text-[13px] font-semibold text-foreground/70`,children:`Repeat On`}),(0,s.jsxs)(`div`,{className:`space-y-3`,children:[(0,s.jsxs)(`label`,{className:`flex items-center space-x-3 cursor-pointer group`,children:[(0,s.jsx)(`input`,{type:`radio`,name:`repeatBy`,checked:e.state.value===`day`,onChange:()=>e.handleChange(`day`),className:`h-4 w-4 border-border text-primary focus:ring-primary`}),(0,s.jsx)(`span`,{className:`text-sm text-foreground/80`,children:`Day of the month`})]}),(0,s.jsxs)(`label`,{className:`flex items-center space-x-3 cursor-pointer group`,children:[(0,s.jsx)(`input`,{type:`radio`,name:`repeatBy`,checked:e.state.value===`ordinal`,onChange:()=>e.handleChange(`ordinal`),className:`h-4 w-4 border-border text-primary focus:ring-primary`}),(0,s.jsx)(`span`,{className:`text-sm text-foreground/80`,children:`Ordinal position`})]})]})]})})}),(0,s.jsx)(T.Field,{name:`description`,children:e=>(0,s.jsxs)(`div`,{className:`space-y-2`,children:[(0,s.jsx)(r.t,{htmlFor:`description`,className:`text-[13px] font-semibold text-foreground/70`,children:`Description`}),(0,s.jsx)(`textarea`,{id:`description`,placeholder:`Add description`,className:`flex min-h-[100px] w-full rounded-md border-border bg-background px-4 py-3 text-sm placeholder:text-muted-foreground focus:outline-none focus-visible:ring-1 focus-visible:ring-primary/20 focus-visible:border-primary disabled:cursor-not-allowed disabled:opacity-50 resize-none transition-all hover:border-border`,value:e.state.value,onChange:t=>e.handleChange(t.target.value),disabled:D})]})}),(0,s.jsx)(T.Field,{name:`attachments`,children:e=>(0,s.jsxs)(`div`,{className:`space-y-4 pt-4 pb-2`,children:[(0,s.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,s.jsxs)(r.t,{className:`text-[13px] font-semibold text-foreground/70 flex items-center gap-2`,children:[(0,s.jsx)(o.Paperclip,{className:`w-4 h-4`}),` Attachments`]}),(0,s.jsx)(`input`,{type:`file`,id:`file-upload`,multiple:!0,className:`hidden`,onChange:t=>{t.target.files&&e.handleChange([...e.state.value||[],...Array.from(t.target.files)])}}),(0,s.jsxs)(t.t,{type:`button`,variant:`outline`,size:`sm`,className:`h-8 text-xs font-semibold gap-2 border-dashed border-border/50 hover:border-primary/40 hover:text-primary transition-all`,onClick:()=>document.getElementById(`file-upload`)?.click(),children:[(0,s.jsx)(o.Paperclip,{className:`w-3 h-3`}),` Add Files`]})]}),(e.state.value||[]).length>0&&(0,s.jsx)(`div`,{className:`grid grid-cols-1 gap-3`,children:(e.state.value||[]).map((n,r)=>(0,s.jsxs)(`div`,{className:`flex items-center justify-between p-3 rounded-lg bg-highlight border border-border group hover:border-border transition-all`,children:[(0,s.jsxs)(`div`,{className:`flex items-center gap-3 overflow-hidden`,children:[(0,s.jsx)(`div`,{className:`w-9 h-9 rounded-md bg-white border border-border flex items-center justify-center shrink-0 shadow-sm`,children:(0,s.jsx)(o.Paperclip,{className:`w-4 h-4 text-muted-foreground`})}),(0,s.jsxs)(`div`,{className:`flex flex-col overflow-hidden`,children:[(0,s.jsx)(`span`,{className:`text-[13px] font-medium text-foreground truncate`,children:n.name}),(0,s.jsx)(`span`,{className:`text-[11px] text-muted-foreground font-medium`,children:typeof n.size==`number`?`${(n.size/1024).toFixed(1)} KB`:`Attachment`})]})]}),(0,s.jsx)(t.t,{type:`button`,variant:`ghost`,size:`icon`,className:`h-8 w-8 text-muted-foreground/50 hover:text-destructive hover:bg-destructive/10 opacity-0 group-hover:opacity-100 transition-all`,onClick:()=>e.handleChange((e.state.value||[]).filter((e,t)=>t!==r)),children:(0,s.jsx)(o.Trash2,{className:`w-4 h-4`})})]},r))})]})})]}),S?S(m||{},p,()=>E(),f):(0,s.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,justifyContent:`flex-end`,padding:`24px 40px`,backgroundColor:`var(--highlight)`,gap:`12px`,width:`100%`,flexShrink:0},children:[!D&&g&&p===`edit`&&(0,s.jsx)(t.t,{type:`button`,variant:`ghost`,className:`text-destructive hover:bg-destructive/10 hover:text-destructive h-10 px-5 font-bold mr-auto`,onClick:()=>{g(m?.id),f()},children:`Delete`}),(0,s.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,gap:`12px`},children:[!D&&(0,s.jsx)(T.Subscribe,{selector:e=>[e.canSubmit,e.isSubmitting],children:([e,n])=>(0,s.jsx)(t.t,{type:`submit`,variant:`default`,className:`h-10 px-10 font-bold rounded-md shrink-0 flex items-center justify-center transition-all hover:opacity-90`,style:{minWidth:`120px`},disabled:!e||n,onClick:e=>{e.preventDefault(),e.stopPropagation(),T.handleSubmit()},children:n?`Saving...`:`Save`})}),(0,s.jsx)(t.t,{type:`button`,variant:`outline`,className:`h-10 px-8 font-bold border border-border hover:bg-highlight text-foreground shrink-0 rounded-md transition-all`,style:{minWidth:`100px`},onClick:f,children:`Cancel`})]})]})]})]}),document.body)};Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return f}});