ezux 1.1.18 → 1.1.20

package/README.md

@@ -1,5 +1,7 @@
 # ezUX | Premium React UI Kit for Enterprise Dashboards
 
+> **Current release: 1.1.20**
+
 > **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)**
@@ -19,6 +21,7 @@ ezUX is a comprehensive **component library** designed for developers who need t
 - **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.
+- **Responsive Typography**: Semantic typography tokens, mobile scaling, and touch-friendly controls from mobile to desktop.
 - **Accessibility (A11Y)**: Built with WAI-ARIA patterns to ensure your **dashboard** is accessible to everyone.
 
 ## Core Components
@@ -37,6 +40,8 @@ ezUX is a comprehensive **component library** designed for developers who need t
 
 You must have [Tailwind CSS v4](https://tailwindcss.com/docs/installation) installed and configured in your consumer application to use `ezux` components.
 
+EzUX is developed and typechecked with **TypeScript 7**. Published declarations are validated with a clean **TypeScript 6.0.3** compiler for consumers whose toolchains have not migrated yet. The runtime peer requirements are React 19.2 and React DOM 19.2.
+
 ## Installation
 
 ```bash
@@ -95,6 +100,8 @@ function UserDashboard() {
 
 Visit the [Live Showcase](https://ezux-showcase.vercel.app) for full documentation and interactive examples.
 
+Theme colors use semantic CSS variables. **Zinc** is the default theme, with Orange, Blue, Green, and Rose alternatives. Components expose responsive typography utilities such as `ez-text-body`, `ez-text-label`, and `ez-text-caption`; prefer semantic tokens over hardcoded color classes when extending components.
+
 ## License
 
 MIT © [Zeeshan Sayed](https://github.com/ezux)
@@ -103,4 +110,3 @@ 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 → DeleteConfirmationModal-BM1PoL6P.cjs}

@@ -1 +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}});
+const e=require("./EzProvider-L2qQMq-v.cjs"),t=require("./button-BBMwzUtG.cjs"),n=require("./card-NlCLCGFb.cjs"),r=require("./Modal-BmX1C448.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}=n.c();return(0,a.jsx)(r.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 → DeleteConfirmationModal-B_tXm0N0.js}

@@ -1,12 +1,12 @@
 import { t as e } from "./button-CYyNwV8S.js";
-import { t } from "./Modal-CrzpKyjK.js";
-import { c as n } from "./card-ZUNxcdIM.js";
+import { c as t } from "./card-urNaa5h-.js";
+import { t as n } from "./Modal-CrzpKyjK.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, {
+	let { t: d } = t();
+	return /* @__PURE__ */ r(n, {
 		isOpen: a,
 		onClose: o,
 		title: c || d("confirm_delete") || "Confirm Delete",

package/dist/EzEventModal-D1EzXBsQ.cjs

@@ -0,0 +1 @@
+const e=require("./EzProvider-L2qQMq-v.cjs"),t=require("./button-BBMwzUtG.cjs"),n=require("./input-DOh8O0iX.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}});

package/dist/{EzEventModal-C079wLjP.js → EzEventModal-D5lX9XuW.js}

@@ -1,9 +1,9 @@
-import { p as e } from "./EzLayout-CiaPLniV.js";
+import { p as e } from "./EzLayout-DFxegglu.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 r } from "./input-CcRi0LeO.js";
 import { t as i } from "./label-DWEV--5W.js";
-import { t as a } from "./date-time-picker-fUzf4TnU.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, headerFieldsTemplate: T, hiddenFields: E = [] }) => {
-	let D = 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 && D.reset();
+		e && k.reset();
 	}, [
 		e,
 		v,
-		D
+		k
 	]), !e) return null;
-	let O = (e) => {
-		e?.preventDefault(), e?.stopPropagation(), D.handleSubmit();
-	}, k = _ === "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,23 +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: O,
+					onSubmit: A,
 					className: "space-y-6 overflow-y-auto custom-scrollbar flex-1 bg-background",
 					style: { padding: "8px 40px 32px 40px" },
 					children: [
-						T?.({
+						D?.({
 							event: v || {},
 							mode: _,
-							isReadOnly: k
+							isReadOnly: j
 						}),
 						/* @__PURE__ */ f("div", {
 							className: "grid grid-cols-1 md:grid-cols-2 gap-6",
-							children: [/* @__PURE__ */ d(D.Field, {
+							children: [/* @__PURE__ */ d(k.Field, {
 								name: "title",
 								validators: { onChange: ({ value: e }) => e ? void 0 : "Title is required" },
 								children: (e) => /* @__PURE__ */ f("div", {
@@ -184,7 +184,7 @@ var h = /* @__PURE__ */ e({ EzEventModal: () => _ }), g = [
 											value: e.state.value,
 											onChange: (t) => e.handleChange(t.target.value),
 											onBlur: e.handleBlur,
-											disabled: k,
+											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", {
@@ -193,7 +193,7 @@ var h = /* @__PURE__ */ e({ EzEventModal: () => _ }), g = [
 										})
 									]
 								})
-							}), !E.includes("location") && /* @__PURE__ */ d(D.Field, {
+							}), !O.includes("location") && /* @__PURE__ */ d(k.Field, {
 								name: "location",
 								children: (e) => /* @__PURE__ */ f("div", {
 									className: "space-y-2",
@@ -206,7 +206,7 @@ var h = /* @__PURE__ */ e({ EzEventModal: () => _ }), g = [
 										placeholder: "Add location",
 										value: e.state.value,
 										onChange: (t) => e.handleChange(t.target.value),
-										disabled: k,
+										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"
 									})]
 								})
@@ -214,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(D.Field, {
+							children: [/* @__PURE__ */ d(k.Field, {
 								name: "start",
 								validators: { onChange: ({ value: e }) => e ? void 0 : "Start date is required" },
 								children: (e) => /* @__PURE__ */ f("div", {
@@ -227,10 +227,12 @@ var h = /* @__PURE__ */ e({ EzEventModal: () => _ }), g = [
 										/* @__PURE__ */ d(a, {
 											date: e.state.value,
 											setDate: (t) => e.handleChange(t),
-											disabled: k,
+											disabled: j,
 											required: !0,
 											locale: x,
-											mode: D.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", {
@@ -239,7 +241,7 @@ var h = /* @__PURE__ */ e({ EzEventModal: () => _ }), g = [
 										})
 									]
 								})
-							}), /* @__PURE__ */ d(D.Field, {
+							}), /* @__PURE__ */ d(k.Field, {
 								name: "end",
 								validators: { onChange: ({ value: e, fieldApi: t }) => {
 									if (!e) return "End date is required";
@@ -256,11 +258,13 @@ var h = /* @__PURE__ */ e({ EzEventModal: () => _ }), g = [
 										/* @__PURE__ */ d(a, {
 											date: e.state.value,
 											setDate: (t) => e.handleChange(t),
-											disabled: k,
+											disabled: j,
 											required: !0,
 											locale: x,
-											mode: D.getFieldValue("isAllDay") ? "date" : "datetime",
-											minDate: D.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", {
@@ -273,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(D.Field, {
+							children: [/* @__PURE__ */ d(k.Field, {
 								name: "isAllDay",
 								children: (e) => /* @__PURE__ */ d("div", {
 									className: "flex items-center h-10",
@@ -283,7 +287,7 @@ var h = /* @__PURE__ */ e({ EzEventModal: () => _ }), g = [
 											type: "checkbox",
 											checked: e.state.value,
 											onChange: (t) => e.handleChange(t.target.checked),
-											disabled: k,
+											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",
@@ -291,7 +295,7 @@ var h = /* @__PURE__ */ e({ EzEventModal: () => _ }), g = [
 										})]
 									})
 								})
-							}), /* @__PURE__ */ d(D.Field, {
+							}), /* @__PURE__ */ d(k.Field, {
 								name: "isTimezoneEnabled",
 								children: (e) => /* @__PURE__ */ d("div", {
 									className: "flex items-center h-10",
@@ -301,7 +305,7 @@ var h = /* @__PURE__ */ e({ EzEventModal: () => _ }), g = [
 											type: "checkbox",
 											checked: e.state.value,
 											onChange: (t) => e.handleChange(t.target.checked),
-											disabled: k,
+											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",
@@ -311,11 +315,11 @@ var h = /* @__PURE__ */ e({ EzEventModal: () => _ }), g = [
 								})
 							})]
 						}),
-						/* @__PURE__ */ d(D.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(D.Field, {
+								children: [/* @__PURE__ */ d(k.Field, {
 									name: "startTimezone",
 									children: (e) => /* @__PURE__ */ f("div", {
 										className: "space-y-2",
@@ -342,7 +346,7 @@ var h = /* @__PURE__ */ e({ EzEventModal: () => _ }), g = [
 											]
 										})]
 									})
-								}), /* @__PURE__ */ d(D.Field, {
+								}), /* @__PURE__ */ d(k.Field, {
 									name: "endTimezone",
 									children: (e) => /* @__PURE__ */ f("div", {
 										className: "space-y-2",
@@ -374,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(D.Field, {
+							children: [/* @__PURE__ */ d(k.Field, {
 								name: "repeatFrequency",
 								children: (e) => /* @__PURE__ */ f("div", {
 									className: "space-y-2",
@@ -409,9 +413,9 @@ var h = /* @__PURE__ */ e({ EzEventModal: () => _ }), g = [
 										]
 									})]
 								})
-							}), /* @__PURE__ */ d(D.Subscribe, {
+							}), /* @__PURE__ */ d(k.Subscribe, {
 								selector: (e) => [e.values.repeatFrequency],
-								children: ([e]) => e !== "Never" && /* @__PURE__ */ d(D.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",
@@ -441,12 +445,12 @@ var h = /* @__PURE__ */ e({ EzEventModal: () => _ }), g = [
 								})
 							})]
 						}),
-						/* @__PURE__ */ d(D.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(D.Field, {
+									/* @__PURE__ */ d(k.Field, {
 										name: "repeatInterval",
 										children: (t) => /* @__PURE__ */ f("div", {
 											className: "space-y-2",
@@ -488,7 +492,7 @@ var h = /* @__PURE__ */ e({ EzEventModal: () => _ }), g = [
 											})]
 										})
 									}),
-									t === "Until" && /* @__PURE__ */ d(D.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",
@@ -498,15 +502,17 @@ var h = /* @__PURE__ */ e({ EzEventModal: () => _ }), g = [
 											}), /* @__PURE__ */ d(a, {
 												date: e.state.value,
 												setDate: (t) => e.handleChange(t),
-												disabled: k,
+												disabled: j,
 												locale: x,
 												mode: "date",
-												minDate: D.getFieldValue("start"),
+												minDate: k.getFieldValue("start"),
+												slotDuration: S,
+												timeOptions: C,
 												className: "border-border focus:border-primary"
 											})]
 										})
 									}),
-									t === "Count" && /* @__PURE__ */ d(D.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",
@@ -525,9 +531,9 @@ var h = /* @__PURE__ */ e({ EzEventModal: () => _ }), g = [
 								]
 							})
 						}),
-						/* @__PURE__ */ d(D.Subscribe, {
+						/* @__PURE__ */ d(k.Subscribe, {
 							selector: (e) => [e.values.repeatFrequency],
-							children: ([e]) => e === "Weekly" && /* @__PURE__ */ d(D.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",
@@ -549,9 +555,9 @@ var h = /* @__PURE__ */ e({ EzEventModal: () => _ }), g = [
 								})
 							})
 						}),
-						/* @__PURE__ */ d(D.Subscribe, {
+						/* @__PURE__ */ d(k.Subscribe, {
 							selector: (e) => [e.values.repeatFrequency],
-							children: ([e]) => (e === "Monthly" || e === "Yearly") && /* @__PURE__ */ d(D.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",
@@ -589,7 +595,7 @@ var h = /* @__PURE__ */ e({ EzEventModal: () => _ }), g = [
 								})
 							})
 						}),
-						/* @__PURE__ */ d(D.Field, {
+						/* @__PURE__ */ d(k.Field, {
 							name: "description",
 							children: (e) => /* @__PURE__ */ f("div", {
 								className: "space-y-2",
@@ -603,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: k
+									disabled: j
 								})]
 							})
 						}),
-						/* @__PURE__ */ d(D.Field, {
+						/* @__PURE__ */ d(k.Field, {
 							name: "attachments",
 							children: (e) => /* @__PURE__ */ f("div", {
 								className: "space-y-4 pt-4 pb-2",
@@ -669,7 +675,7 @@ var h = /* @__PURE__ */ e({ EzEventModal: () => _ }), g = [
 						})
 					]
 				}),
-				w ? w(v || {}, _, () => O(), h) : /* @__PURE__ */ f("div", {
+				E ? E(v || {}, _, () => A(), h) : /* @__PURE__ */ f("div", {
 					style: {
 						display: "flex",
 						alignItems: "center",
@@ -680,7 +686,7 @@ var h = /* @__PURE__ */ e({ EzEventModal: () => _ }), g = [
 						width: "100%",
 						flexShrink: 0
 					},
-					children: [!k && 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",
@@ -694,7 +700,7 @@ var h = /* @__PURE__ */ e({ EzEventModal: () => _ }), g = [
 							alignItems: "center",
 							gap: "12px"
 						},
-						children: [!k && /* @__PURE__ */ d(D.Subscribe, {
+						children: [!j && /* @__PURE__ */ d(k.Subscribe, {
 							selector: (e) => [e.canSubmit, e.isSubmitting],
 							children: ([e, t]) => /* @__PURE__ */ d(n, {
 								type: "submit",
@@ -703,7 +709,7 @@ var h = /* @__PURE__ */ e({ EzEventModal: () => _ }), g = [
 								style: { minWidth: "120px" },
 								disabled: !e || t,
 								onClick: (e) => {
-									e.preventDefault(), e.stopPropagation(), D.handleSubmit();
+									e.preventDefault(), e.stopPropagation(), k.handleSubmit();
 								},
 								children: t ? "Saving..." : "Save"
 							})