@zimyo/ui 1.14.1 → 1.14.3

package/dist/components/DataTable/index.esm.js

@@ -1,4 +1,4 @@
-import{b as e,a as t}from"../../chunks/tslib.es6-4974c96c.esm.js";import{jsx as n,jsxs as l}from"react/jsx-runtime";import*as o from"react";import i from"react";import{Checkbox as r}from"../Checkbox/index.esm.js";import{A as a,V as u}from"../../chunks/react-virtualized-auto-sizer.esm-8105695c.esm.js";import{n as s,c as g,o as d,p as c,C as p,a as f,q as m}from"../../chunks/lucide-1d5a9cda.esm.js";import"../../chunks/index-6d90ff6c.esm.js";import"../../chunks/assertThisInitialized-63d8ff5f.esm.js";
+import{b as e,a as t}from"../../chunks/tslib.es6-4974c96c.esm.js";import{jsx as n,jsxs as l}from"react/jsx-runtime";import*as o from"react";import i from"react";import{Checkbox as r}from"../Checkbox/index.esm.js";import{A as a,V as u}from"../../chunks/react-virtualized-auto-sizer.esm-9ede76fe.esm.js";import{n as s,c as g,o as d,p as c,C as p,a as f,q as m}from"../../chunks/lucide-1d5a9cda.esm.js";import"../../chunks/index-6d90ff6c.esm.js";import"../../chunks/extends-bb693bd1.esm.js";import"../../chunks/assertThisInitialized-03efc53b.esm.js";
 /**
    * table-core
    *

package/dist/components/DataTable/index.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../chunks/tslib.es6-a3dc1f53.js"),t=require("react/jsx-runtime"),n=require("react"),l=require("../Checkbox/index.js"),o=require("../../chunks/react-virtualized-auto-sizer.esm-8e1756a5.js"),i=require("../../chunks/lucide-937248a9.js");function r(e){var t=Object.create(null);return e&&Object.keys(e).forEach(function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}}),t.default=e,Object.freeze(t)}require("../../chunks/index-4d90f67d.js"),require("../../chunks/assertThisInitialized-d31798d4.js");var a=r(n);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../chunks/tslib.es6-a3dc1f53.js"),t=require("react/jsx-runtime"),n=require("react"),l=require("../Checkbox/index.js"),o=require("../../chunks/react-virtualized-auto-sizer.esm-8dfcb62e.js"),i=require("../../chunks/lucide-937248a9.js");function r(e){var t=Object.create(null);return e&&Object.keys(e).forEach(function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}}),t.default=e,Object.freeze(t)}require("../../chunks/index-4d90f67d.js"),require("../../chunks/extends-77a6284f.js"),require("../../chunks/assertThisInitialized-9901ca61.js");var a=r(n);
 /**
    * table-core
    *

package/dist/components/DatePicker/index.d.ts

@@ -18,9 +18,10 @@ type DisabledDateObject = {
 type DisabledProp = boolean | Date | Date[] | DisabledDateObject;
 type InputSize = "xs" | "sm" | "md" | "lg";
 type DatePickerVariant = "outlined" | "contained";
+type SupportedDateLibraries = "date" | "moment" | "dayjs";
 interface DatePickerProps {
     label?: string;
-    value?: Date;
+    value?: Date | string;
     onChange?: (date: Date | undefined) => void;
     placeholder?: string;
     required?: boolean;
@@ -33,6 +34,8 @@ interface DatePickerProps {
     className?: string;
     disableRange?: DisabledProp;
     floatingLabel?: boolean;
+    dateFormat?: string;
+    dateLibrary?: SupportedDateLibraries;
 }
 declare const DatePicker: React.FC<DatePickerProps>;
 

package/dist/components/DatePicker/index.esm.js

@@ -1 +1 @@
-import{jsxs as i,jsx as e}from"react/jsx-runtime";import*as t from"react";import{i as u,f as r,C as n}from"../../chunks/Calender-1d70b681.esm.js";import{u as o,a}from"../../chunks/index-6d90ff6c.esm.js";import{Popover as s}from"../Popover/index.esm.js";import{X as l,h as c}from"../../chunks/lucide-1d5a9cda.esm.js";import"../../chunks/typeof-cc63ab7d.esm.js";import"../../chunks/tslib.es6-4974c96c.esm.js";import"../Button/index.esm.js";import"@mui/material";var z={xs:"zui:h-8 zui:px-3 zui:text-xs",sm:"zui:h-9 zui:px-3 zui:text-sm",md:"zui:h-10 zui:px-3 zui:text-sm",lg:"zui:h-11 zui:px-3 zui:text-base"},d=function(i){if("boolean"==typeof i)return i;if(i instanceof Date)return!!u(i)&&i;if(Array.isArray(i))return i.filter(function(i){return i instanceof Date&&u(i)});if("object"==typeof i&&null!==i){var e={};return"from"in i&&u(i.from)&&(e.from=i.from),"to"in i&&u(i.to)&&(e.to=i.to),"before"in i&&u(i.before)&&(e.before=i.before),"after"in i&&u(i.after)&&(e.after=i.after),"dayOfWeek"in i&&(e.dayOfWeek=i.dayOfWeek),Object.keys(e).length>0&&e}return!1},m=function(m){var f=m.label,p=m.value,b=m.onChange,h=m.placeholder,x=void 0===h?"Pick a date":h,g=m.required,v=m.description,y=m.error,k=m.disabled,N=m.variant,j=void 0===N?"outlined":N,w=m.size,C=void 0===w?"md":w,O=m.className,P=m.disableRange,W=void 0!==P&&P,A=m.floatingLabel,B=void 0!==A&&A,D=m.isClerable,F=void 0===D||D,M=function(i){return{container:i?"zui:opacity-80":"",label:i?"zui:text-gray-500":"zui:text-gray-700",input:i?" zui:cursor-not-allowed zui:opacity-60 zui:text-gray-500 zui:bg-gray-50 zui:border  zui:border-gray-300":""}}(k||!1),S=o("date"),q=t.useState(null),E=q[0],L=q[1],R=t.useMemo(function(){return!(!p||!u(p))&&r(p,"PPP")},[p]),T=function(){L(null)};return i("div",{className:a("zui:w-full zui:space-y-1",M.container,O),children:[!B&&f&&i("label",{htmlFor:S,className:a("zui:block zui:mb-2 zui:text-sm zui:font-medium zui:leading-none",M.label),children:[f,g&&e("span",{className:"zui:text-destructive zui:font-medium",children:" *"})]}),i("div",{className:a("zui:relative zui:flex zui:items-center zui:justify-between zui:rounded-sm zui:border zui:text-sm zui:ring-offset-background zui:transition-colors","focus-within:zui:ring-1 focus-within:zui:ring-ring focus-within:zui:ring-offset-1","outlined"===j&&"zui:bg-background zui:border-input","contained"===j&&"zui:bg-muted zui:border-transparent",(y||!R&&p)&&"zui:border-destructive focus-within:zui:ring-destructive",z[C],M.input,O),onClick:function(i){return!k&&void L(i.currentTarget)},children:[e("div",{className:"zui:truncate",children:R||x}),i("div",{className:"zui:flex zui:flex-row zui:gap-0.5",children:[F&&R&&!k?e(l,{onClick:function(i){i.stopPropagation(),null==b||b(void 0),T()},className:"zui:ml-2 zui:h-4 zui:w-4 zui:opacity-50 zui:cursor-pointer zui:rounded-full zui:hover:bg-gray-100"}):null,e(c,{className:"zui:ml-2 zui:h-4 zui:w-4 zui:opacity-50"})]}),B&&f&&i("label",{htmlFor:S,className:a("zui:pointer-events-none zui:absolute zui:left-3 zui:-top-[9px] zui:z-10 zui:bg-background zui:px-1 zui:text-xs zui:text-muted-foreground zui:transition-all",M.label),children:[f,g&&e("span",{className:"zui:text-destructive zui:font-medium",children:" *"})]})]}),e(s,{open:Boolean(E),onClose:T,anchorEl:E,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},children:e(n,{id:S,mode:"single",selected:p,defaultMonth:p,onSelect:function(i){null==b||b(null!=i?i:void 0),T()},disabled:d(W)})}),v&&!y&&e("p",{className:"zui:text-xs zui:text-muted-foreground",children:v}),y&&e("p",{className:"zui:text-xs zui:text-destructive",children:y})]})};export{m as DatePicker,m as default};
+import{jsxs as i,jsx as e}from"react/jsx-runtime";import*as t from"react";import{m as r,i as u,p as o,f as n,C as a}from"../../chunks/moment-df993c05.esm.js";import{u as s,a as l}from"../../chunks/index-6d90ff6c.esm.js";import{Popover as d}from"../Popover/index.esm.js";import{d as m}from"../../chunks/dayjs.min-ccb12949.esm.js";import{X as c,h as z}from"../../chunks/lucide-1d5a9cda.esm.js";import"../../chunks/createSuper-a71d2b5b.esm.js";import"../../chunks/assertThisInitialized-03efc53b.esm.js";import"../../chunks/tslib.es6-4974c96c.esm.js";import"../Button/index.esm.js";import"@mui/material";import"../../chunks/_commonjsHelpers-02d3be64.esm.js";var f={xs:"zui:h-8 zui:px-3 zui:text-xs",sm:"zui:h-9 zui:px-3 zui:text-sm",md:"zui:h-10 zui:px-3 zui:text-sm",lg:"zui:h-11 zui:px-3 zui:text-base"},p=function(i){if("boolean"==typeof i)return i;if(i instanceof Date)return!!u(i)&&i;if(Array.isArray(i))return i.filter(function(i){return i instanceof Date&&u(i)});if("object"==typeof i&&null!==i){var e={};return"from"in i&&u(i.from)&&(e.from=i.from),"to"in i&&u(i.to)&&(e.to=i.to),"before"in i&&u(i.before)&&(e.before=i.before),"after"in i&&u(i.after)&&(e.after=i.after),"dayOfWeek"in i&&(e.dayOfWeek=i.dayOfWeek),Object.keys(e).length>0&&e}return!1},h=function(h){var b=h.label,v=h.value,x=h.onChange,g=h.placeholder,y=void 0===g?"Pick a date":g,j=h.required,k=h.description,N=h.error,w=h.disabled,M=h.variant,D=void 0===M?"outlined":M,C=h.size,O=void 0===C?"md":C,F=h.className,P=h.disableRange,S=void 0!==P&&P,W=h.floatingLabel,A=void 0!==W&&W,B=h.isClerable,L=void 0===B||B,T=h.dateFormat,V=void 0===T?"MMMM dd, yyyy":T,q=h.dateLibrary,E=void 0===q?"date":q,H=function(i){return{container:i?"zui:opacity-80":"",label:i?"zui:text-gray-500":"zui:text-gray-700",input:i?" zui:cursor-not-allowed zui:opacity-60 zui:text-gray-500 zui:bg-gray-50 zui:border  zui:border-gray-300":""}}(w||!1),I=s("date"),R=t.useState(null),_=R[0],G=R[1],J=t.useMemo(function(){if(v){if("moment"===E){var i=r.isMoment(v)?v:r(v,V);return i.isValid()?i.toDate():void 0}if("dayjs"===E){var e=m.isDayjs(v)?v:m(v,V);return e.isValid()?e.toDate():void 0}if(v instanceof Date&&u(v))return v;if("string"==typeof v){var t=o(v,V,new Date);return u(t)?t:void 0}}},[v,V,E]),K=t.useMemo(function(){return J?"moment"===E?r(J).format(V):"dayjs"===E?m(J).format(V):n(J,V):""},[J,V,E]),Q=function(){G(null)};return i("div",{className:l("zui:w-full zui:space-y-1",H.container,F),children:[!A&&b&&i("label",{htmlFor:I,className:l("zui:block zui:mb-2 zui:text-sm zui:font-medium zui:leading-none",H.label),children:[b,j&&e("span",{className:"zui:text-destructive zui:font-medium",children:" *"})]}),i("div",{className:l("zui:relative zui:flex zui:items-center zui:justify-between zui:rounded-sm zui:border zui:text-sm zui:ring-offset-background zui:transition-colors","focus-within:zui:ring-1 focus-within:zui:ring-ring focus-within:zui:ring-offset-1","outlined"===D&&"zui:bg-background zui:border-input","contained"===D&&"zui:bg-muted zui:border-transparent",(N||!K&&v)&&"zui:border-destructive focus-within:zui:ring-destructive",f[O],H.input,F),onClick:function(i){return!w&&void G(i.currentTarget)},children:[e("div",{className:"zui:truncate",children:K||y}),i("div",{className:"zui:flex zui:flex-row zui:gap-0.5",children:[L&&K&&!w?e(c,{onClick:function(i){i.stopPropagation(),null==x||x(void 0),Q()},className:"zui:ml-2 zui:h-4 zui:w-4 zui:opacity-50 zui:cursor-pointer zui:rounded-full zui:hover:bg-gray-100"}):null,e(z,{className:"zui:ml-2 zui:h-4 zui:w-4 zui:opacity-50"})]}),A&&b&&i("label",{htmlFor:I,className:l("zui:pointer-events-none zui:absolute zui:left-3 zui:-top-[9px] zui:z-10 zui:bg-background zui:px-1 zui:text-xs zui:text-muted-foreground zui:transition-all",H.label),children:[b,j&&e("span",{className:"zui:text-destructive zui:font-medium",children:" *"})]})]}),e(d,{open:Boolean(_),onClose:Q,anchorEl:_,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},children:e(a,{id:I,mode:"single",selected:J,defaultMonth:J,onSelect:function(i){var e=null!=i?i:void 0;i&&("moment"===E?e=r(i):"dayjs"===E&&(e=m(i))),null==x||x(e),Q()},disabled:p(S)})}),k&&!N&&e("p",{className:"zui:text-xs zui:text-muted-foreground",children:k}),N&&e("p",{className:"zui:text-xs zui:text-destructive",children:N})]})};export{h as DatePicker,h as default};

package/dist/components/DatePicker/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),t=require("../../chunks/Calender-58434e6f.js"),r=require("../../chunks/index-4d90f67d.js"),u=require("../Popover/index.js"),n=require("../../chunks/lucide-937248a9.js");function a(e){var i=Object.create(null);return e&&Object.keys(e).forEach(function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(i,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}}),i.default=e,Object.freeze(i)}require("../../chunks/typeof-b30b964a.js"),require("../../chunks/tslib.es6-a3dc1f53.js"),require("../Button/index.js"),require("@mui/material");var o=a(i),s={xs:"zui:h-8 zui:px-3 zui:text-xs",sm:"zui:h-9 zui:px-3 zui:text-sm",md:"zui:h-10 zui:px-3 zui:text-sm",lg:"zui:h-11 zui:px-3 zui:text-base"},l=function(e){if("boolean"==typeof e)return e;if(e instanceof Date)return!!t.isValid(e)&&e;if(Array.isArray(e))return e.filter(function(e){return e instanceof Date&&t.isValid(e)});if("object"==typeof e&&null!==e){var i={};return"from"in e&&t.isValid(e.from)&&(i.from=e.from),"to"in e&&t.isValid(e.to)&&(i.to=e.to),"before"in e&&t.isValid(e.before)&&(i.before=e.before),"after"in e&&t.isValid(e.after)&&(i.after=e.after),"dayOfWeek"in e&&(i.dayOfWeek=e.dayOfWeek),Object.keys(i).length>0&&i}return!1},c=function(i){var a=i.label,c=i.value,d=i.onChange,z=i.placeholder,f=void 0===z?"Pick a date":z,x=i.required,m=i.description,b=i.error,p=i.disabled,h=i.variant,g=void 0===h?"outlined":h,v=i.size,j=void 0===v?"md":v,y=i.className,k=i.disableRange,N=void 0!==k&&k,O=i.floatingLabel,q=void 0!==O&&O,w=i.isClerable,P=void 0===w||w,C=function(e){return{container:e?"zui:opacity-80":"",label:e?"zui:text-gray-500":"zui:text-gray-700",input:e?" zui:cursor-not-allowed zui:opacity-60 zui:text-gray-500 zui:bg-gray-50 zui:border  zui:border-gray-300":""}}(p||!1),V=r.useStableId("date"),D=o.useState(null),M=D[0],S=D[1],W=o.useMemo(function(){return!(!c||!t.isValid(c))&&t.format(c,"PPP")},[c]),A=function(){S(null)};return e.jsxs("div",{className:r.cn("zui:w-full zui:space-y-1",C.container,y),children:[!q&&a&&e.jsxs("label",{htmlFor:V,className:r.cn("zui:block zui:mb-2 zui:text-sm zui:font-medium zui:leading-none",C.label),children:[a,x&&e.jsx("span",{className:"zui:text-destructive zui:font-medium",children:" *"})]}),e.jsxs("div",{className:r.cn("zui:relative zui:flex zui:items-center zui:justify-between zui:rounded-sm zui:border zui:text-sm zui:ring-offset-background zui:transition-colors","focus-within:zui:ring-1 focus-within:zui:ring-ring focus-within:zui:ring-offset-1","outlined"===g&&"zui:bg-background zui:border-input","contained"===g&&"zui:bg-muted zui:border-transparent",(b||!W&&c)&&"zui:border-destructive focus-within:zui:ring-destructive",s[j],C.input,y),onClick:function(e){return!p&&void S(e.currentTarget)},children:[e.jsx("div",{className:"zui:truncate",children:W||f}),e.jsxs("div",{className:"zui:flex zui:flex-row zui:gap-0.5",children:[P&&W&&!p?e.jsx(n.X,{onClick:function(e){e.stopPropagation(),null==d||d(void 0),A()},className:"zui:ml-2 zui:h-4 zui:w-4 zui:opacity-50 zui:cursor-pointer zui:rounded-full zui:hover:bg-gray-100"}):null,e.jsx(n.Calendar,{className:"zui:ml-2 zui:h-4 zui:w-4 zui:opacity-50"})]}),q&&a&&e.jsxs("label",{htmlFor:V,className:r.cn("zui:pointer-events-none zui:absolute zui:left-3 zui:-top-[9px] zui:z-10 zui:bg-background zui:px-1 zui:text-xs zui:text-muted-foreground zui:transition-all",C.label),children:[a,x&&e.jsx("span",{className:"zui:text-destructive zui:font-medium",children:" *"})]})]}),e.jsx(u.Popover,{open:Boolean(M),onClose:A,anchorEl:M,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},children:e.jsx(t.Calendar,{id:V,mode:"single",selected:c,defaultMonth:c,onSelect:function(e){null==d||d(null!=e?e:void 0),A()},disabled:l(N)})}),m&&!b&&e.jsx("p",{className:"zui:text-xs zui:text-muted-foreground",children:m}),b&&e.jsx("p",{className:"zui:text-xs zui:text-destructive",children:b})]})};exports.DatePicker=c,exports.default=c;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),t=require("../../chunks/moment-1102cd58.js"),r=require("../../chunks/index-4d90f67d.js"),u=require("../Popover/index.js"),n=require("../../chunks/dayjs.min-5e22609b.js"),a=require("../../chunks/lucide-937248a9.js");function o(e){var i=Object.create(null);return e&&Object.keys(e).forEach(function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(i,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}}),i.default=e,Object.freeze(i)}require("../../chunks/createSuper-c9c5c00c.js"),require("../../chunks/assertThisInitialized-9901ca61.js"),require("../../chunks/tslib.es6-a3dc1f53.js"),require("../Button/index.js"),require("@mui/material"),require("../../chunks/_commonjsHelpers-3d4c1909.js");var s=o(i),l={xs:"zui:h-8 zui:px-3 zui:text-xs",sm:"zui:h-9 zui:px-3 zui:text-sm",md:"zui:h-10 zui:px-3 zui:text-sm",lg:"zui:h-11 zui:px-3 zui:text-base"},d=function(e){if("boolean"==typeof e)return e;if(e instanceof Date)return!!t.isValid(e)&&e;if(Array.isArray(e))return e.filter(function(e){return e instanceof Date&&t.isValid(e)});if("object"==typeof e&&null!==e){var i={};return"from"in e&&t.isValid(e.from)&&(i.from=e.from),"to"in e&&t.isValid(e.to)&&(i.to=e.to),"before"in e&&t.isValid(e.before)&&(i.before=e.before),"after"in e&&t.isValid(e.after)&&(i.after=e.after),"dayOfWeek"in e&&(i.dayOfWeek=e.dayOfWeek),Object.keys(i).length>0&&i}return!1},c=function(i){var o=i.label,c=i.value,z=i.onChange,f=i.placeholder,m=void 0===f?"Pick a date":f,x=i.required,b=i.description,j=i.error,p=i.disabled,v=i.variant,h=void 0===v?"outlined":v,y=i.size,g=void 0===y?"md":y,k=i.className,q=i.disableRange,N=void 0!==q&&q,O=i.floatingLabel,w=void 0!==O&&O,V=i.isClerable,D=void 0===V||V,M=i.dateFormat,P=void 0===M?"MMMM dd, yyyy":M,C=i.dateLibrary,S=void 0===C?"date":C,F=function(e){return{container:e?"zui:opacity-80":"",label:e?"zui:text-gray-500":"zui:text-gray-700",input:e?" zui:cursor-not-allowed zui:opacity-60 zui:text-gray-500 zui:bg-gray-50 zui:border  zui:border-gray-300":""}}(p||!1),W=r.useStableId("date"),_=s.useState(null),A=_[0],B=_[1],E=s.useMemo(function(){if(c){if("moment"===S){var e=t.moment.isMoment(c)?c:t.moment(c,P);return e.isValid()?e.toDate():void 0}if("dayjs"===S){var i=n.dayjs.isDayjs(c)?c:n.dayjs(c,P);return i.isValid()?i.toDate():void 0}if(c instanceof Date&&t.isValid(c))return c;if("string"==typeof c){var r=t.parse(c,P,new Date);return t.isValid(r)?r:void 0}}},[c,P,S]),I=s.useMemo(function(){return E?"moment"===S?t.moment(E).format(P):"dayjs"===S?n.dayjs(E).format(P):t.format(E,P):""},[E,P,S]),L=function(){B(null)};return e.jsxs("div",{className:r.cn("zui:w-full zui:space-y-1",F.container,k),children:[!w&&o&&e.jsxs("label",{htmlFor:W,className:r.cn("zui:block zui:mb-2 zui:text-sm zui:font-medium zui:leading-none",F.label),children:[o,x&&e.jsx("span",{className:"zui:text-destructive zui:font-medium",children:" *"})]}),e.jsxs("div",{className:r.cn("zui:relative zui:flex zui:items-center zui:justify-between zui:rounded-sm zui:border zui:text-sm zui:ring-offset-background zui:transition-colors","focus-within:zui:ring-1 focus-within:zui:ring-ring focus-within:zui:ring-offset-1","outlined"===h&&"zui:bg-background zui:border-input","contained"===h&&"zui:bg-muted zui:border-transparent",(j||!I&&c)&&"zui:border-destructive focus-within:zui:ring-destructive",l[g],F.input,k),onClick:function(e){return!p&&void B(e.currentTarget)},children:[e.jsx("div",{className:"zui:truncate",children:I||m}),e.jsxs("div",{className:"zui:flex zui:flex-row zui:gap-0.5",children:[D&&I&&!p?e.jsx(a.X,{onClick:function(e){e.stopPropagation(),null==z||z(void 0),L()},className:"zui:ml-2 zui:h-4 zui:w-4 zui:opacity-50 zui:cursor-pointer zui:rounded-full zui:hover:bg-gray-100"}):null,e.jsx(a.Calendar,{className:"zui:ml-2 zui:h-4 zui:w-4 zui:opacity-50"})]}),w&&o&&e.jsxs("label",{htmlFor:W,className:r.cn("zui:pointer-events-none zui:absolute zui:left-3 zui:-top-[9px] zui:z-10 zui:bg-background zui:px-1 zui:text-xs zui:text-muted-foreground zui:transition-all",F.label),children:[o,x&&e.jsx("span",{className:"zui:text-destructive zui:font-medium",children:" *"})]})]}),e.jsx(u.Popover,{open:Boolean(A),onClose:L,anchorEl:A,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},children:e.jsx(t.Calendar,{id:W,mode:"single",selected:E,defaultMonth:E,onSelect:function(e){var i=null!=e?e:void 0;e&&("moment"===S?i=t.moment(e):"dayjs"===S&&(i=n.dayjs(e))),null==z||z(i),L()},disabled:d(N)})}),b&&!j&&e.jsx("p",{className:"zui:text-xs zui:text-muted-foreground",children:b}),j&&e.jsx("p",{className:"zui:text-xs zui:text-destructive",children:j})]})};exports.DatePicker=c,exports.default=c;

package/dist/components/DateRangePicker/index.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 
 type InputSize = "xs" | "sm" | "md" | "lg";
 type DatePickerVariant = "outlined" | "contained";
+type SupportedDateLibraries = "date" | "moment" | "dayjs";
 interface DateRangePickerProps {
     label?: string;
     value?: {
@@ -22,6 +23,8 @@ interface DateRangePickerProps {
     className?: string;
     floatingLabel?: boolean;
     isClearable?: boolean;
+    dateFormat?: string;
+    dateLibrary?: SupportedDateLibraries;
 }
 declare const DateRangePicker: React.FC<DateRangePickerProps>;
 

package/dist/components/DateRangePicker/index.esm.js

@@ -1 +1 @@
-import{jsxs as i,jsx as e,Fragment as o}from"react/jsx-runtime";import*as t from"react";import{f as u,C as r,i as n}from"../../chunks/Calender-1d70b681.esm.js";import{u as l,a}from"../../chunks/index-6d90ff6c.esm.js";import{Popover as s}from"../Popover/index.esm.js";import{h as d}from"../../chunks/lucide-1d5a9cda.esm.js";import"../../chunks/typeof-cc63ab7d.esm.js";import"../../chunks/tslib.es6-4974c96c.esm.js";import"../Button/index.esm.js";import"@mui/material";var m={xs:"zui:h-9 zui:px-3 zui:text-xs",sm:"zui:h-9 zui:px-3 zui:text-sm",md:"zui:h-10 zui:px-3 zui:text-sm",lg:"zui:h-11 zui:px-3 zui:text-base"},c=function(i){return!!i&&n(i)},z=function(z){var f=z.label,v=z.value,p=z.onChange,h=z.placeholder,x=void 0===h?"Pick a date":h,b=z.required,g=z.description,y=z.error,N=z.disabled,k=z.variant,L=void 0===k?"outlined":k,j=z.size,w=void 0===j?"md":j,C=z.className,F=z.floatingLabel,O=void 0!==F&&F,P=z.isClearable,S=void 0!==P&&P,B=function(i){return{container:i?"zui:opacity-80":"",label:i?"zui:text-gray-500":"zui:text-gray-700",input:i?" zui:cursor-not-allowed zui:opacity-60 zui:text-gray-500 zui:bg-gray-50 zui:border  zui:border-gray-300":""}}(N||!1),E=l("date-range"),M=t.useState({from:c(null==v?void 0:v.from)?null==v?void 0:v.from:void 0,to:c(null==v?void 0:v.to)?null==v?void 0:v.to:void 0}),q=M[0],T=M[1];t.useEffect(function(){T({from:c(null==v?void 0:v.from)?null==v?void 0:v.from:void 0,to:c(null==v?void 0:v.to)?null==v?void 0:v.to:void 0})},[v]);var A=t.useState(null),D=A[0],G=A[1];return i("div",{className:a("zui:w-full zui:space-y-1",B.container,C),children:[!O&&f&&i("label",{htmlFor:E,className:a("zui:block zui:mb-2 zui:text-sm zui:font-medium zui:leading-none",B.label),children:[f,b&&e("span",{className:"zui:text-destructive zui:font-medium",children:" *"})]}),i("div",{className:a("zui:relative zui:flex zui:items-center zui:justify-between zui:rounded-sm zui:border zui:text-sm zui:ring-offset-background zui:transition-colors","focus-within:zui:ring-1 focus-within:zui:ring-ring focus-within:zui:ring-offset-1","outlined"===L&&"zui:bg-background zui:border-input","contained"===L&&"zui:bg-muted zui:border-transparent",y&&"zui:border-destructive focus-within:zui:ring-destructive",m[w],B.input,C),onClick:function(i){return!N&&void G(i.currentTarget)},children:[e("div",{className:"zui:truncate",children:c(null==q?void 0:q.from)?c(null==q?void 0:q.to)?i(o,{children:[u(q.from,"LLL dd, y")," -"," ",u(q.to,"LLL dd, y")]}):u(q.from,"LLL dd, y"):x}),i("div",{className:"zui:flex zui:items-center zui:ml-2",children:[(c(null==q?void 0:q.from)||c(null==q?void 0:q.to))&&S&&e("button",{type:"button",className:"zui:p-1 zui:rounded-full hover:zui:bg-gray-200 zui:text-gray-500",onClick:function(i){i.stopPropagation(),T({from:void 0,to:void 0}),null==p||p(void 0)},children:"✕"}),e(d,{className:"zui:ml-2 zui:h-4 zui:w-4 zui:opacity-50"})]}),O&&f&&i("label",{htmlFor:E,className:a("zui:pointer-events-none zui:absolute zui:left-3 zui:-top-[9px] zui:z-10 zui:bg-background zui:px-1 zui:text-xs zui:text-muted-foreground zui:transition-all",B.label),children:[f,b&&e("span",{className:"zui:text-destructive zui:font-medium",children:" *"})]})]}),e(s,{open:Boolean(D),onClose:function(){G(null)},anchorEl:D,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},children:e(r,{id:E,autoFocus:!0,mode:"range",defaultMonth:null==q?void 0:q.from,selected:q,onSelect:function(i){var e;(null==i?void 0:i.from)&&n(i.from)?(T(i),i.to&&n(i.to)?null==p||p({from:i.from,to:i.to}):null==p||p({from:i.from,to:null!==(e=i.to)&&void 0!==e?e:i.from})):(T(void 0),null==p||p(void 0))},numberOfMonths:2})}),g&&!y&&e("p",{className:"zui:text-xs zui:text-muted-foreground",children:g}),y&&e("p",{className:"zui:text-xs zui:text-destructive",children:y})]})};export{z as DateRangePicker,z as default};
+import{jsxs as i,jsx as e,Fragment as t}from"react/jsx-runtime";import*as o from"react";import{m as r,i as u,p as n,f as a,C as s}from"../../chunks/moment-df993c05.esm.js";import{u as l,a as m}from"../../chunks/index-6d90ff6c.esm.js";import{Popover as d}from"../Popover/index.esm.js";import{d as c}from"../../chunks/dayjs.min-ccb12949.esm.js";import{h as z}from"../../chunks/lucide-1d5a9cda.esm.js";import"../../chunks/createSuper-a71d2b5b.esm.js";import"../../chunks/assertThisInitialized-03efc53b.esm.js";import"../../chunks/tslib.es6-4974c96c.esm.js";import"../Button/index.esm.js";import"@mui/material";import"../../chunks/_commonjsHelpers-02d3be64.esm.js";var f={xs:"zui:h-9 zui:px-3 zui:text-xs",sm:"zui:h-9 zui:px-3 zui:text-sm",md:"zui:h-10 zui:px-3 zui:text-sm",lg:"zui:h-11 zui:px-3 zui:text-base"},v=function(i){return!!i&&u(i)},p=function(p){var h=p.label,b=p.value,x=p.onChange,g=p.placeholder,y=void 0===g?"Pick a date":g,j=p.required,k=p.description,N=p.error,w=p.disabled,C=p.variant,M=void 0===C?"outlined":C,D=p.size,F=void 0===D?"md":D,S=p.className,O=p.floatingLabel,P=void 0!==O&&O,B=p.isClearable,E=void 0!==B&&B,L=p.dateFormat,T=void 0===L?"MMMM dd, yyyy":L,V=p.dateLibrary,q=void 0===V?"date":V,H=function(i){return{container:i?"zui:opacity-80":"",label:i?"zui:text-gray-500":"zui:text-gray-700",input:i?" zui:cursor-not-allowed zui:opacity-60 zui:text-gray-500 zui:bg-gray-50 zui:border  zui:border-gray-300":""}}(w||!1),I=l("date-range"),_=o.useCallback(function(i){if(i){if("moment"===q){var e=r.isMoment(i)?i:r(i,T);return e.isValid()?e.toDate():void 0}if("dayjs"===q){var t=c.isDayjs(i)?i:c(i,T);return t.isValid()?t.toDate():void 0}if(i instanceof Date&&u(i))return i;if("string"==typeof i){var o=n(i,T,new Date);return u(o)?o:void 0}}},[q,T]),A=o.useState({from:_(null==b?void 0:b.from),to:_(null==b?void 0:b.to)}),G=A[0],J=A[1];o.useEffect(function(){J({from:_(null==b?void 0:b.from),to:_(null==b?void 0:b.to)})},[b,_]);var K=o.useState(null),Q=K[0],R=K[1],U=o.useCallback(function(i){return i?"moment"===q?r(i).format(T):"dayjs"===q?c(i).format(T):a(i,T):""},[q,T]);return i("div",{className:m("zui:w-full zui:space-y-1",H.container,S),children:[!P&&h&&i("label",{htmlFor:I,className:m("zui:block zui:mb-2 zui:text-sm zui:font-medium zui:leading-none",H.label),children:[h,j&&e("span",{className:"zui:text-destructive zui:font-medium",children:" *"})]}),i("div",{className:m("zui:relative zui:flex zui:items-center zui:justify-between zui:rounded-sm zui:border zui:text-sm zui:ring-offset-background zui:transition-colors","focus-within:zui:ring-1 focus-within:zui:ring-ring focus-within:zui:ring-offset-1","outlined"===M&&"zui:bg-background zui:border-input","contained"===M&&"zui:bg-muted zui:border-transparent",N&&"zui:border-destructive focus-within:zui:ring-destructive",f[F],H.input,S),onClick:function(i){return!w&&void R(i.currentTarget)},children:[e("div",{className:"zui:truncate",children:v(null==G?void 0:G.from)?v(null==G?void 0:G.to)?i(t,{children:[U(G.from)," -"," ",U(G.to)]}):U(G.from):y}),i("div",{className:"zui:flex zui:items-center zui:ml-2",children:[(v(null==G?void 0:G.from)||v(null==G?void 0:G.to))&&E&&e("button",{type:"button",className:"zui:p-1 zui:rounded-full hover:zui:bg-gray-200 zui:text-gray-500",onClick:function(i){i.stopPropagation(),J({from:void 0,to:void 0}),null==x||x(void 0)},children:"✕"}),e(z,{className:"zui:ml-2 zui:h-4 zui:w-4 zui:opacity-50"})]}),P&&h&&i("label",{htmlFor:I,className:m("zui:pointer-events-none zui:absolute zui:left-3 zui:-top-[9px] zui:z-10 zui:bg-background zui:px-1 zui:text-xs zui:text-muted-foreground zui:transition-all",H.label),children:[h,j&&e("span",{className:"zui:text-destructive zui:font-medium",children:" *"})]})]}),e(d,{open:Boolean(Q),onClose:function(){R(null)},anchorEl:Q,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},children:e(s,{id:I,autoFocus:!0,mode:"range",defaultMonth:null==G?void 0:G.from,selected:G,onSelect:function(i){var e;if((null==i?void 0:i.from)&&u(i.from)){J(i);var t={from:i.from,to:null!==(e=i.to)&&void 0!==e?e:i.from};"moment"===q?t={from:r(i.from),to:i.to?r(i.to):r(i.from)}:"dayjs"===q&&(t={from:c(i.from),to:i.to?c(i.to):c(i.from)}),null==x||x(t)}else J(void 0),null==x||x(void 0)},numberOfMonths:2})}),k&&!N&&e("p",{className:"zui:text-xs zui:text-muted-foreground",children:k}),N&&e("p",{className:"zui:text-xs zui:text-destructive",children:N})]})};export{p as DateRangePicker,p as default};

package/dist/components/DateRangePicker/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),t=require("../../chunks/Calender-58434e6f.js"),u=require("../../chunks/index-4d90f67d.js"),r=require("../Popover/index.js"),o=require("../../chunks/lucide-937248a9.js");function n(e){var i=Object.create(null);return e&&Object.keys(e).forEach(function(t){if("default"!==t){var u=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(i,t,u.get?u:{enumerable:!0,get:function(){return e[t]}})}}),i.default=e,Object.freeze(i)}require("../../chunks/typeof-b30b964a.js"),require("../../chunks/tslib.es6-a3dc1f53.js"),require("../Button/index.js"),require("@mui/material");var l=n(i),a={xs:"zui:h-9 zui:px-3 zui:text-xs",sm:"zui:h-9 zui:px-3 zui:text-sm",md:"zui:h-10 zui:px-3 zui:text-sm",lg:"zui:h-11 zui:px-3 zui:text-base"},s=function(e){return!!e&&t.isValid(e)},d=function(i){var n=i.label,d=i.value,c=i.onChange,z=i.placeholder,f=void 0===z?"Pick a date":z,m=i.required,v=i.description,x=i.error,b=i.disabled,h=i.variant,g=void 0===h?"outlined":h,p=i.size,j=void 0===p?"md":p,y=i.className,k=i.floatingLabel,N=void 0!==k&&k,q=i.isClearable,L=void 0!==q&&q,O=function(e){return{container:e?"zui:opacity-80":"",label:e?"zui:text-gray-500":"zui:text-gray-700",input:e?" zui:cursor-not-allowed zui:opacity-60 zui:text-gray-500 zui:bg-gray-50 zui:border  zui:border-gray-300":""}}(b||!1),w=u.useStableId("date-range"),C=l.useState({from:s(null==d?void 0:d.from)?null==d?void 0:d.from:void 0,to:s(null==d?void 0:d.to)?null==d?void 0:d.to:void 0}),P=C[0],F=C[1];l.useEffect(function(){F({from:s(null==d?void 0:d.from)?null==d?void 0:d.from:void 0,to:s(null==d?void 0:d.to)?null==d?void 0:d.to:void 0})},[d]);var S=l.useState(null),E=S[0],M=S[1];return e.jsxs("div",{className:u.cn("zui:w-full zui:space-y-1",O.container,y),children:[!N&&n&&e.jsxs("label",{htmlFor:w,className:u.cn("zui:block zui:mb-2 zui:text-sm zui:font-medium zui:leading-none",O.label),children:[n,m&&e.jsx("span",{className:"zui:text-destructive zui:font-medium",children:" *"})]}),e.jsxs("div",{className:u.cn("zui:relative zui:flex zui:items-center zui:justify-between zui:rounded-sm zui:border zui:text-sm zui:ring-offset-background zui:transition-colors","focus-within:zui:ring-1 focus-within:zui:ring-ring focus-within:zui:ring-offset-1","outlined"===g&&"zui:bg-background zui:border-input","contained"===g&&"zui:bg-muted zui:border-transparent",x&&"zui:border-destructive focus-within:zui:ring-destructive",a[j],O.input,y),onClick:function(e){return!b&&void M(e.currentTarget)},children:[e.jsx("div",{className:"zui:truncate",children:s(null==P?void 0:P.from)?s(null==P?void 0:P.to)?e.jsxs(e.Fragment,{children:[t.format(P.from,"LLL dd, y")," -"," ",t.format(P.to,"LLL dd, y")]}):t.format(P.from,"LLL dd, y"):f}),e.jsxs("div",{className:"zui:flex zui:items-center zui:ml-2",children:[(s(null==P?void 0:P.from)||s(null==P?void 0:P.to))&&L&&e.jsx("button",{type:"button",className:"zui:p-1 zui:rounded-full hover:zui:bg-gray-200 zui:text-gray-500",onClick:function(e){e.stopPropagation(),F({from:void 0,to:void 0}),null==c||c(void 0)},children:"✕"}),e.jsx(o.Calendar,{className:"zui:ml-2 zui:h-4 zui:w-4 zui:opacity-50"})]}),N&&n&&e.jsxs("label",{htmlFor:w,className:u.cn("zui:pointer-events-none zui:absolute zui:left-3 zui:-top-[9px] zui:z-10 zui:bg-background zui:px-1 zui:text-xs zui:text-muted-foreground zui:transition-all",O.label),children:[n,m&&e.jsx("span",{className:"zui:text-destructive zui:font-medium",children:" *"})]})]}),e.jsx(r.Popover,{open:Boolean(E),onClose:function(){M(null)},anchorEl:E,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},children:e.jsx(t.Calendar,{id:w,autoFocus:!0,mode:"range",defaultMonth:null==P?void 0:P.from,selected:P,onSelect:function(e){var i;(null==e?void 0:e.from)&&t.isValid(e.from)?(F(e),e.to&&t.isValid(e.to)?null==c||c({from:e.from,to:e.to}):null==c||c({from:e.from,to:null!==(i=e.to)&&void 0!==i?i:e.from})):(F(void 0),null==c||c(void 0))},numberOfMonths:2})}),v&&!x&&e.jsx("p",{className:"zui:text-xs zui:text-muted-foreground",children:v}),x&&e.jsx("p",{className:"zui:text-xs zui:text-destructive",children:x})]})};exports.DateRangePicker=d,exports.default=d;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),t=require("../../chunks/moment-1102cd58.js"),r=require("../../chunks/index-4d90f67d.js"),u=require("../Popover/index.js"),o=require("../../chunks/dayjs.min-5e22609b.js"),n=require("../../chunks/lucide-937248a9.js");function a(e){var i=Object.create(null);return e&&Object.keys(e).forEach(function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(i,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}}),i.default=e,Object.freeze(i)}require("../../chunks/createSuper-c9c5c00c.js"),require("../../chunks/assertThisInitialized-9901ca61.js"),require("../../chunks/tslib.es6-a3dc1f53.js"),require("../Button/index.js"),require("@mui/material"),require("../../chunks/_commonjsHelpers-3d4c1909.js");var s=a(i),l={xs:"zui:h-9 zui:px-3 zui:text-xs",sm:"zui:h-9 zui:px-3 zui:text-sm",md:"zui:h-10 zui:px-3 zui:text-sm",lg:"zui:h-11 zui:px-3 zui:text-base"},d=function(e){return!!e&&t.isValid(e)},c=function(i){var a=i.label,c=i.value,m=i.onChange,z=i.placeholder,f=void 0===z?"Pick a date":z,v=i.required,x=i.description,b=i.error,j=i.disabled,h=i.variant,p=void 0===h?"outlined":h,g=i.size,y=void 0===g?"md":g,k=i.className,q=i.floatingLabel,N=void 0!==q&&q,w=i.isClearable,O=void 0!==w&&w,C=i.dateFormat,M=void 0===C?"MMMM dd, yyyy":C,P=i.dateLibrary,D=void 0===P?"date":P,V=function(e){return{container:e?"zui:opacity-80":"",label:e?"zui:text-gray-500":"zui:text-gray-700",input:e?" zui:cursor-not-allowed zui:opacity-60 zui:text-gray-500 zui:bg-gray-50 zui:border  zui:border-gray-300":""}}(j||!1),F=r.useStableId("date-range"),S=s.useCallback(function(e){if(e){if("moment"===D){var i=t.moment.isMoment(e)?e:t.moment(e,M);return i.isValid()?i.toDate():void 0}if("dayjs"===D){var r=o.dayjs.isDayjs(e)?e:o.dayjs(e,M);return r.isValid()?r.toDate():void 0}if(e instanceof Date&&t.isValid(e))return e;if("string"==typeof e){var u=t.parse(e,M,new Date);return t.isValid(u)?u:void 0}}},[D,M]),E=s.useState({from:S(null==c?void 0:c.from),to:S(null==c?void 0:c.to)}),_=E[0],B=E[1];s.useEffect(function(){B({from:S(null==c?void 0:c.from),to:S(null==c?void 0:c.to)})},[c,S]);var I=s.useState(null),L=I[0],T=I[1],H=s.useCallback(function(e){return e?"moment"===D?t.moment(e).format(M):"dayjs"===D?o.dayjs(e).format(M):t.format(e,M):""},[D,M]);return e.jsxs("div",{className:r.cn("zui:w-full zui:space-y-1",V.container,k),children:[!N&&a&&e.jsxs("label",{htmlFor:F,className:r.cn("zui:block zui:mb-2 zui:text-sm zui:font-medium zui:leading-none",V.label),children:[a,v&&e.jsx("span",{className:"zui:text-destructive zui:font-medium",children:" *"})]}),e.jsxs("div",{className:r.cn("zui:relative zui:flex zui:items-center zui:justify-between zui:rounded-sm zui:border zui:text-sm zui:ring-offset-background zui:transition-colors","focus-within:zui:ring-1 focus-within:zui:ring-ring focus-within:zui:ring-offset-1","outlined"===p&&"zui:bg-background zui:border-input","contained"===p&&"zui:bg-muted zui:border-transparent",b&&"zui:border-destructive focus-within:zui:ring-destructive",l[y],V.input,k),onClick:function(e){return!j&&void T(e.currentTarget)},children:[e.jsx("div",{className:"zui:truncate",children:d(null==_?void 0:_.from)?d(null==_?void 0:_.to)?e.jsxs(e.Fragment,{children:[H(_.from)," -"," ",H(_.to)]}):H(_.from):f}),e.jsxs("div",{className:"zui:flex zui:items-center zui:ml-2",children:[(d(null==_?void 0:_.from)||d(null==_?void 0:_.to))&&O&&e.jsx("button",{type:"button",className:"zui:p-1 zui:rounded-full hover:zui:bg-gray-200 zui:text-gray-500",onClick:function(e){e.stopPropagation(),B({from:void 0,to:void 0}),null==m||m(void 0)},children:"✕"}),e.jsx(n.Calendar,{className:"zui:ml-2 zui:h-4 zui:w-4 zui:opacity-50"})]}),N&&a&&e.jsxs("label",{htmlFor:F,className:r.cn("zui:pointer-events-none zui:absolute zui:left-3 zui:-top-[9px] zui:z-10 zui:bg-background zui:px-1 zui:text-xs zui:text-muted-foreground zui:transition-all",V.label),children:[a,v&&e.jsx("span",{className:"zui:text-destructive zui:font-medium",children:" *"})]})]}),e.jsx(u.Popover,{open:Boolean(L),onClose:function(){T(null)},anchorEl:L,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},children:e.jsx(t.Calendar,{id:F,autoFocus:!0,mode:"range",defaultMonth:null==_?void 0:_.from,selected:_,onSelect:function(e){var i;if((null==e?void 0:e.from)&&t.isValid(e.from)){B(e);var r={from:e.from,to:null!==(i=e.to)&&void 0!==i?i:e.from};"moment"===D?r={from:t.moment(e.from),to:e.to?t.moment(e.to):t.moment(e.from)}:"dayjs"===D&&(r={from:o.dayjs(e.from),to:e.to?o.dayjs(e.to):o.dayjs(e.from)}),null==m||m(r)}else B(void 0),null==m||m(void 0)},numberOfMonths:2})}),x&&!b&&e.jsx("p",{className:"zui:text-xs zui:text-muted-foreground",children:x}),b&&e.jsx("p",{className:"zui:text-xs zui:text-destructive",children:b})]})};exports.DateRangePicker=c,exports.default=c;

package/dist/components/Form/index.esm.js

@@ -1 +1 @@
-import{a as e}from"../../chunks/tslib.es6-4974c96c.esm.js";import{jsxs as r,jsx as t}from"react/jsx-runtime";import*as n from"react";import a from"react";import{a as i}from"../../chunks/index-6d90ff6c.esm.js";import{Input as s}from"../Input/index.esm.js";import{Select as o}from"../Select/index.esm.js";import{DatePicker as l}from"../DatePicker/index.esm.js";import{DateRangePicker as u}from"../DateRangePicker/index.esm.js";import c from"../Switch/index.esm.js";import{RadioGroup as d}from"../RadioGroup/index.esm.js";import{Button as m}from"../Button/index.esm.js";import{TimePicker as f}from"../TimePicker/index.esm.js";import{Checkbox as p}from"../Checkbox/index.esm.js";import"../../chunks/lucide-1d5a9cda.esm.js";import"../../chunks/typeof-cc63ab7d.esm.js";import"../../chunks/assertThisInitialized-63d8ff5f.esm.js";import"@emotion/react";import"react-dom";import"../../chunks/Calender-1d70b681.esm.js";import"../Popover/index.esm.js";import"@mui/material";import"@mui/material/Popover";import"../../chunks/_commonjsHelpers-02d3be64.esm.js";var v=e=>null==e;var h=e=>!v(e)&&!Array.isArray(e)&&(e=>"object"==typeof e)(e)&&!(e=>e instanceof Date)(e),b=e=>h(e)&&e.target?"checkbox"===e.target.type?e.target.checked:e.target.value:e,y="undefined"!=typeof window&&void 0!==window.HTMLElement&&"undefined"!=typeof document;function g(e){let r;const t=Array.isArray(e),n="undefined"!=typeof FileList&&e instanceof FileList;if(e instanceof Date)r=new Date(e);else{if(y&&(e instanceof Blob||n)||!t&&!h(e))return e;if(r=t?[]:{},t||(e=>{const r=e.constructor&&e.constructor.prototype;return h(r)&&r.hasOwnProperty("isPrototypeOf")})(e))for(const t in e)e.hasOwnProperty(t)&&(r[t]=g(e[t]));else r=e}return r}var x=e=>/^\w*$/.test(e),_=e=>void 0===e,z=e=>{return r=e.replace(/["|']|\]/g,"").split(/\.|\[/),Array.isArray(r)?r.filter(Boolean):[];var r},V=(e,r,t)=>{if(!r||!h(e))return t;const n=(x(r)?[r]:z(r)).reduce((e,r)=>v(e)?e:e[r],e);return _(n)||n===e?_(e[r])?t:e[r]:n},j=e=>"boolean"==typeof e,k=(e,r,t)=>{let n=-1;const a=x(r)?[r]:z(r),i=a.length,s=i-1;for(;++n<i;){const r=a[n];let i=t;if(n!==s){const t=e[r];i=h(t)||Array.isArray(t)?t:isNaN(+a[n+1])?{}:[]}if("__proto__"===r||"constructor"===r||"prototype"===r)return;e[r]=i,e=e[r]}};const N="blur",S="change",w="all",C=a.createContext(null);C.displayName="HookFormContext";const F=()=>a.useContext(C);const P="undefined"!=typeof window?n.useLayoutEffect:n.useEffect;function A(e){const r=F(),{control:t=r.control,disabled:n,name:i,exact:s}=e||{},[o,l]=a.useState(t._formState),u=a.useRef({isDirty:!1,isLoading:!1,dirtyFields:!1,touchedFields:!1,validatingFields:!1,isValidating:!1,isValid:!1,errors:!1});return P(()=>t._subscribe({name:i,formState:u.current,exact:s,callback:e=>{!n&&l({...t._formState,...e})}}),[i,n,s]),a.useEffect(()=>{u.current.isValid&&t._setValid(!0)},[t]),a.useMemo(()=>((e,r,t,n=!0)=>{const a={defaultValues:r._defaultValues};for(const i in e)Object.defineProperty(a,i,{get:()=>{const a=i;return r._proxyFormState[a]!==w&&(r._proxyFormState[a]=!n||w),t&&(t[a]=!0),e[a]}});return a})(o,t,u.current,!1),[o,t])}function D(e){const r=F(),{control:t=r.control,name:n,defaultValue:i,disabled:s,exact:o}=e||{},l=a.useRef(i),[u,c]=a.useState(t._getWatch(n,l.current));return P(()=>t._subscribe({name:n,formState:{values:!0},exact:o,callback:e=>!s&&c(((e,r,t,n,a)=>"string"==typeof e?(n&&r.watch.add(e),V(t,e,a)):Array.isArray(e)?e.map(e=>(n&&r.watch.add(e),V(t,e))):(n&&(r.watchAll=!0),t))(n,t._names,e.values||t._formValues,!1,l.current))}),[n,t,s,o]),a.useEffect(()=>t._removeUnmounted()),u}const E=e=>e.render(function(e){const r=F(),{name:t,disabled:n,control:i=r.control,shouldUnregister:s}=e,o=((e,r)=>e.has((e=>e.substring(0,e.search(/\.\d+(\.|$)/))||e)(r)))(i._names.array,t),l=D({control:i,name:t,defaultValue:V(i._formValues,t,V(i._defaultValues,t,e.defaultValue)),exact:!0}),u=A({control:i,name:t,exact:!0}),c=a.useRef(e),d=a.useRef(i.register(t,{...e.rules,value:l,...j(e.disabled)?{disabled:e.disabled}:{}})),m=a.useMemo(()=>Object.defineProperties({},{invalid:{enumerable:!0,get:()=>!!V(u.errors,t)},isDirty:{enumerable:!0,get:()=>!!V(u.dirtyFields,t)},isTouched:{enumerable:!0,get:()=>!!V(u.touchedFields,t)},isValidating:{enumerable:!0,get:()=>!!V(u.validatingFields,t)},error:{enumerable:!0,get:()=>V(u.errors,t)}}),[u,t]),f=a.useCallback(e=>d.current.onChange({target:{value:b(e),name:t},type:S}),[t]),p=a.useCallback(()=>d.current.onBlur({target:{value:V(i._formValues,t),name:t},type:N}),[t,i._formValues]),v=a.useCallback(e=>{const r=V(i._fields,t);r&&e&&(r._f.ref={focus:()=>e.focus&&e.focus(),select:()=>e.select&&e.select(),setCustomValidity:r=>e.setCustomValidity(r),reportValidity:()=>e.reportValidity()})},[i._fields,t]),h=a.useMemo(()=>({name:t,value:l,...j(n)||u.disabled?{disabled:u.disabled||n}:{},onChange:f,onBlur:p,ref:v}),[t,n,u.disabled,f,p,v,l]);return a.useEffect(()=>{const e=i._options.shouldUnregister||s;i.register(t,{...c.current.rules,...j(c.current.disabled)?{disabled:c.current.disabled}:{}});const r=(e,r)=>{const t=V(i._fields,e);t&&t._f&&(t._f.mount=r)};if(r(t,!0),e){const e=g(V(i._options.defaultValues,t));k(i._defaultValues,t,e),_(V(i._formValues,t))&&k(i._formValues,t,e)}return!o&&i.register(t),()=>{(o?e&&!i._state.action:e)?i.unregister(t):r(t,!1)}},[t,i,o,s]),a.useEffect(()=>{i._setDisabledField({disabled:n,name:t})},[n,t,i]),a.useMemo(()=>({field:h,formState:u,fieldState:m}),[h,u,m])}(e));var M=function(n){var a=n.schema,v=n.form,h=n.layout,b=void 0===h?"vertical":h,y=n.columns,g=void 0===y?2:y,x=n.className,_=n.showSubmitButton,z=void 0!==_&&_,V=n.onSubmit,j=v.control,k=v.handleSubmit,N=v.watch,S=v.formState.errors,w=N(),C="grid"===b?"zui:grid zui:grid-cols-12 zui:gap-3 zui:items-baseline":"zui:flex zui:flex-col zui:gap-3";return r("form",{onSubmit:V?k(V):void 0,className:i(C,x),children:[a.map(function(n){var a,m=n.name,v=n.label,h=n.type,y=n.placeholder,x=n.required,_=n.options,z=n.component,V=n.colSpan,k=n.inputProps,N=n.controllerProps;if(!(!n.visibleIf||n.visibleIf(w)))return null;var C=null!=V?V:Math.floor(12/g),F="grid"===b?{1:"zui:col-span-1",2:"zui:col-span-2",3:"zui:col-span-3",4:"zui:col-span-4",5:"zui:col-span-5",6:"zui:col-span-6",7:"zui:col-span-7",8:"zui:col-span-8",9:"zui:col-span-9",10:"zui:col-span-10",11:"zui:col-span-11",12:"zui:col-span-12"}[C]:void 0,P={label:v,placeholder:y,required:x,options:_},A=e({required:null!=x?x:null===(a=n.validation)||void 0===a?void 0:a.required},n.validation),D=null!=k?k:{},M=null!=N?N:{},B=function(){var e;return(null==S?void 0:S[m])?t("p",{className:"zui:text-red-600 zui:text-xs",children:null===(e=S[m])||void 0===e?void 0:e.message}):null};switch(h){case"text":case"number":return r("div",{className:i(F),children:[t(E,e({name:m,control:j,rules:A},M,{render:function(r){var n=r.field;return t(s,e({},n,{type:"number"===h?"number":"text"},P,D))}})),B()]},m);case"textarea":return r("div",{className:i(F),children:[t(E,e({name:m,control:j,rules:A},M,{render:function(r){var n=r.field;return t(s,e({},n,P,D,{type:"textarea"}))}})),B()]},m);case"select":return r("div",{className:i(F),children:[t(E,e({name:m,control:j,rules:A},M,{render:function(r){var n=r.field;return t(o,e({},n,P,D))}})),B()]},m);case"multiselect":case"multi-select":return r("div",{className:i(F),children:[t(E,e({name:m,control:j,rules:A},M,{render:function(r){var n=r.field;return t(o,e({},n,P,D,{isMulti:!0}))}})),B()]},m);case"radio":return r("div",{className:i(F),children:[t(E,e({name:m,control:j,rules:A},M,{render:function(r){var n=r.field;return t(d,e({},n,P,D))}})),B()]},m);case"switch":return r("div",{className:i(F),children:[t(E,e({name:m,control:j,rules:A},M,{render:function(r){var n=r.field;return t(c,e({},n,P,D))}})),B()]},m);case"checkbox":return r("div",{className:i(F),children:[t(E,e({name:m,control:j,rules:A},M,{render:function(r){var n=r.field;return t(p,e({},n,P,D))}})),B()]},m);case"timepicker":case"time":return r("div",{className:i(F),children:[t(E,e({name:m,control:j,rules:A},M,{render:function(r){var n=r.field;return t(f,e({},n,P,D))}})),B()]},m);case"file":return r("div",{className:i(F),children:[t(E,e({name:m,control:j,rules:A},M,{render:function(r){var n=r.field;return t(s,e({},n,P,D,{value:void 0,type:"file",ref:n.ref,onChange:function(e){return n.onChange(e.target.files)}}))}})),B()]},m);case"date":return r("div",{className:i(F),children:[t(E,e({name:m,control:j,rules:A},M,{render:function(r){var n=r.field;return t(l,e({},n,P,D))}})),B()]},m);case"daterange":return r("div",{className:i(F),children:[t(E,e({name:m,control:j,rules:A},M,{render:function(r){var n=r.field;return t(u,e({},n,P,D))}})),B()]},m);case"custom":return t("div",{className:i(F),children:z||null},m);default:return null}}),z&&t("div",{className:"zui:col-span-12",children:t(m,{type:"submit",children:"Submit"})})]})};export{M as Form,M as default};
+import{a as e}from"../../chunks/tslib.es6-4974c96c.esm.js";import{jsxs as r,jsx as t}from"react/jsx-runtime";import*as n from"react";import s from"react";import{a}from"../../chunks/index-6d90ff6c.esm.js";import{Input as i}from"../Input/index.esm.js";import{Select as o}from"../Select/index.esm.js";import{DatePicker as l}from"../DatePicker/index.esm.js";import{DateRangePicker as u}from"../DateRangePicker/index.esm.js";import c from"../Switch/index.esm.js";import{RadioGroup as d}from"../RadioGroup/index.esm.js";import{Button as m}from"../Button/index.esm.js";import{TimePicker as f}from"../TimePicker/index.esm.js";import{Checkbox as p}from"../Checkbox/index.esm.js";import"../../chunks/lucide-1d5a9cda.esm.js";import"../../chunks/createSuper-a71d2b5b.esm.js";import"../../chunks/assertThisInitialized-03efc53b.esm.js";import"../../chunks/extends-bb693bd1.esm.js";import"@emotion/react";import"react-dom";import"../../chunks/moment-df993c05.esm.js";import"../../chunks/_commonjsHelpers-02d3be64.esm.js";import"../Popover/index.esm.js";import"@mui/material";import"../../chunks/dayjs.min-ccb12949.esm.js";import"@mui/material/Popover";var v=e=>null==e;var h=e=>!v(e)&&!Array.isArray(e)&&(e=>"object"==typeof e)(e)&&!(e=>e instanceof Date)(e),b=e=>h(e)&&e.target?"checkbox"===e.target.type?e.target.checked:e.target.value:e,y="undefined"!=typeof window&&void 0!==window.HTMLElement&&"undefined"!=typeof document;function g(e){let r;const t=Array.isArray(e),n="undefined"!=typeof FileList&&e instanceof FileList;if(e instanceof Date)r=new Date(e);else{if(y&&(e instanceof Blob||n)||!t&&!h(e))return e;if(r=t?[]:{},t||(e=>{const r=e.constructor&&e.constructor.prototype;return h(r)&&r.hasOwnProperty("isPrototypeOf")})(e))for(const t in e)e.hasOwnProperty(t)&&(r[t]=g(e[t]));else r=e}return r}var x=e=>/^\w*$/.test(e),_=e=>void 0===e,j=e=>{return r=e.replace(/["|']|\]/g,"").split(/\.|\[/),Array.isArray(r)?r.filter(Boolean):[];var r},k=(e,r,t)=>{if(!r||!h(e))return t;const n=(x(r)?[r]:j(r)).reduce((e,r)=>v(e)?e:e[r],e);return _(n)||n===e?_(e[r])?t:e[r]:n},z=e=>"boolean"==typeof e,V=(e,r,t)=>{let n=-1;const s=x(r)?[r]:j(r),a=s.length,i=a-1;for(;++n<a;){const r=s[n];let a=t;if(n!==i){const t=e[r];a=h(t)||Array.isArray(t)?t:isNaN(+s[n+1])?{}:[]}if("__proto__"===r||"constructor"===r||"prototype"===r)return;e[r]=a,e=e[r]}};const S="blur",N="change",w="all",C=s.createContext(null);C.displayName="HookFormContext";const F=()=>s.useContext(C);const P="undefined"!=typeof window?n.useLayoutEffect:n.useEffect;function A(e){const r=F(),{control:t=r.control,disabled:n,name:a,exact:i}=e||{},[o,l]=s.useState(t._formState),u=s.useRef({isDirty:!1,isLoading:!1,dirtyFields:!1,touchedFields:!1,validatingFields:!1,isValidating:!1,isValid:!1,errors:!1});return P(()=>t._subscribe({name:a,formState:u.current,exact:i,callback:e=>{!n&&l({...t._formState,...e})}}),[a,n,i]),s.useEffect(()=>{u.current.isValid&&t._setValid(!0)},[t]),s.useMemo(()=>((e,r,t,n=!0)=>{const s={defaultValues:r._defaultValues};for(const a in e)Object.defineProperty(s,a,{get:()=>{const s=a;return r._proxyFormState[s]!==w&&(r._proxyFormState[s]=!n||w),t&&(t[s]=!0),e[s]}});return s})(o,t,u.current,!1),[o,t])}function D(e){const r=F(),{control:t=r.control,name:n,defaultValue:a,disabled:i,exact:o}=e||{},l=s.useRef(a),[u,c]=s.useState(t._getWatch(n,l.current));return P(()=>t._subscribe({name:n,formState:{values:!0},exact:o,callback:e=>!i&&c(((e,r,t,n,s)=>"string"==typeof e?(n&&r.watch.add(e),k(t,e,s)):Array.isArray(e)?e.map(e=>(n&&r.watch.add(e),k(t,e))):(n&&(r.watchAll=!0),t))(n,t._names,e.values||t._formValues,!1,l.current))}),[n,t,i,o]),s.useEffect(()=>t._removeUnmounted()),u}const E=e=>e.render(function(e){const r=F(),{name:t,disabled:n,control:a=r.control,shouldUnregister:i}=e,o=((e,r)=>e.has((e=>e.substring(0,e.search(/\.\d+(\.|$)/))||e)(r)))(a._names.array,t),l=D({control:a,name:t,defaultValue:k(a._formValues,t,k(a._defaultValues,t,e.defaultValue)),exact:!0}),u=A({control:a,name:t,exact:!0}),c=s.useRef(e),d=s.useRef(a.register(t,{...e.rules,value:l,...z(e.disabled)?{disabled:e.disabled}:{}})),m=s.useMemo(()=>Object.defineProperties({},{invalid:{enumerable:!0,get:()=>!!k(u.errors,t)},isDirty:{enumerable:!0,get:()=>!!k(u.dirtyFields,t)},isTouched:{enumerable:!0,get:()=>!!k(u.touchedFields,t)},isValidating:{enumerable:!0,get:()=>!!k(u.validatingFields,t)},error:{enumerable:!0,get:()=>k(u.errors,t)}}),[u,t]),f=s.useCallback(e=>d.current.onChange({target:{value:b(e),name:t},type:N}),[t]),p=s.useCallback(()=>d.current.onBlur({target:{value:k(a._formValues,t),name:t},type:S}),[t,a._formValues]),v=s.useCallback(e=>{const r=k(a._fields,t);r&&e&&(r._f.ref={focus:()=>e.focus&&e.focus(),select:()=>e.select&&e.select(),setCustomValidity:r=>e.setCustomValidity(r),reportValidity:()=>e.reportValidity()})},[a._fields,t]),h=s.useMemo(()=>({name:t,value:l,...z(n)||u.disabled?{disabled:u.disabled||n}:{},onChange:f,onBlur:p,ref:v}),[t,n,u.disabled,f,p,v,l]);return s.useEffect(()=>{const e=a._options.shouldUnregister||i;a.register(t,{...c.current.rules,...z(c.current.disabled)?{disabled:c.current.disabled}:{}});const r=(e,r)=>{const t=k(a._fields,e);t&&t._f&&(t._f.mount=r)};if(r(t,!0),e){const e=g(k(a._options.defaultValues,t));V(a._defaultValues,t,e),_(k(a._formValues,t))&&V(a._formValues,t,e)}return!o&&a.register(t),()=>{(o?e&&!a._state.action:e)?a.unregister(t):r(t,!1)}},[t,a,o,i]),s.useEffect(()=>{a._setDisabledField({disabled:n,name:t})},[n,t,a]),s.useMemo(()=>({field:h,formState:u,fieldState:m}),[h,u,m])}(e));var M=function(n){var s=n.schema,v=n.form,h=n.layout,b=void 0===h?"vertical":h,y=n.columns,g=void 0===y?2:y,x=n.className,_=n.showSubmitButton,j=void 0!==_&&_,k=n.onSubmit,z=v.control,V=v.handleSubmit,S=v.watch,N=v.formState.errors,w=S(),C="grid"===b?"zui:grid zui:grid-cols-12 zui:gap-3 zui:items-baseline":"zui:flex zui:flex-col zui:gap-3";return r("form",{onSubmit:k?V(k):void 0,className:a(C,x),children:[s.map(function(n){var s,m=n.name,v=n.label,h=n.type,y=n.placeholder,x=n.required,_=n.options,j=n.component,k=n.colSpan,V=n.inputProps,S=n.controllerProps;if(!(!n.visibleIf||n.visibleIf(w)))return null;var C=null!=k?k:Math.floor(12/g),F="grid"===b?{1:"zui:col-span-1",2:"zui:col-span-2",3:"zui:col-span-3",4:"zui:col-span-4",5:"zui:col-span-5",6:"zui:col-span-6",7:"zui:col-span-7",8:"zui:col-span-8",9:"zui:col-span-9",10:"zui:col-span-10",11:"zui:col-span-11",12:"zui:col-span-12"}[C]:void 0,P={label:v,placeholder:y,required:x,options:_},A=e({required:null!=x?x:null===(s=n.validation)||void 0===s?void 0:s.required},n.validation),D=null!=V?V:{},M=null!=S?S:{},B=function(){var e;return(null==N?void 0:N[m])?t("p",{className:"zui:text-red-600 zui:text-xs",children:null===(e=N[m])||void 0===e?void 0:e.message}):null};switch(h){case"text":case"number":return r("div",{className:a(F),children:[t(E,e({name:m,control:z,rules:A},M,{render:function(r){var n=r.field;return t(i,e({},n,{type:"number"===h?"number":"text"},P,D))}})),B()]},m);case"textarea":return r("div",{className:a(F),children:[t(E,e({name:m,control:z,rules:A},M,{render:function(r){var n=r.field;return t(i,e({},n,P,D,{type:"textarea"}))}})),B()]},m);case"select":return r("div",{className:a(F),children:[t(E,e({name:m,control:z,rules:A},M,{render:function(r){var n=r.field;return t(o,e({},n,P,D))}})),B()]},m);case"multiselect":case"multi-select":return r("div",{className:a(F),children:[t(E,e({name:m,control:z,rules:A},M,{render:function(r){var n=r.field;return t(o,e({},n,P,D,{isMulti:!0}))}})),B()]},m);case"radio":return r("div",{className:a(F),children:[t(E,e({name:m,control:z,rules:A},M,{render:function(r){var n=r.field;return t(d,e({},n,P,D))}})),B()]},m);case"switch":return r("div",{className:a(F),children:[t(E,e({name:m,control:z,rules:A},M,{render:function(r){var n=r.field;return t(c,e({},n,P,D))}})),B()]},m);case"checkbox":return r("div",{className:a(F),children:[t(E,e({name:m,control:z,rules:A},M,{render:function(r){var n=r.field;return t(p,e({},n,P,D))}})),B()]},m);case"timepicker":case"time":return r("div",{className:a(F),children:[t(E,e({name:m,control:z,rules:A},M,{render:function(r){var n=r.field;return t(f,e({},n,P,D))}})),B()]},m);case"file":return r("div",{className:a(F),children:[t(E,e({name:m,control:z,rules:A},M,{render:function(r){var n=r.field;return t(i,e({},n,P,D,{value:void 0,type:"file",ref:n.ref,onChange:function(e){return n.onChange(e.target.files)}}))}})),B()]},m);case"date":return r("div",{className:a(F),children:[t(E,e({name:m,control:z,rules:A},M,{render:function(r){var n=r.field;return t(l,e({},n,P,D))}})),B()]},m);case"daterange":return r("div",{className:a(F),children:[t(E,e({name:m,control:z,rules:A},M,{render:function(r){var n=r.field;return t(u,e({},n,P,D))}})),B()]},m);case"custom":return t("div",{className:a(F),children:j||null},m);default:return null}}),j&&t("div",{className:"zui:col-span-12",children:t(m,{type:"submit",children:"Submit"})})]})};export{M as Form,M as default};

package/dist/components/Form/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../chunks/tslib.es6-a3dc1f53.js"),r=require("react/jsx-runtime"),t=require("react"),s=require("../../chunks/index-4d90f67d.js"),n=require("../Input/index.js"),i=require("../Select/index.js"),a=require("../DatePicker/index.js"),l=require("../DateRangePicker/index.js"),u=require("../Switch/index.js"),o=require("../RadioGroup/index.js"),c=require("../Button/index.js"),d=require("../TimePicker/index.js"),f=require("../Checkbox/index.js");function m(e){var r=Object.create(null);return e&&Object.keys(e).forEach(function(t){if("default"!==t){var s=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,s.get?s:{enumerable:!0,get:function(){return e[t]}})}}),r.default=e,Object.freeze(r)}require("../../chunks/lucide-937248a9.js"),require("../../chunks/typeof-b30b964a.js"),require("../../chunks/assertThisInitialized-d31798d4.js"),require("@emotion/react"),require("react-dom"),require("../../chunks/Calender-58434e6f.js"),require("../Popover/index.js"),require("@mui/material"),require("@mui/material/Popover"),require("../../chunks/_commonjsHelpers-3d4c1909.js");var _=m(t),p=e=>null==e;var x=e=>!p(e)&&!Array.isArray(e)&&(e=>"object"==typeof e)(e)&&!(e=>e instanceof Date)(e),g=e=>x(e)&&e.target?"checkbox"===e.target.type?e.target.checked:e.target.value:e,v="undefined"!=typeof window&&void 0!==window.HTMLElement&&"undefined"!=typeof document;function j(e){let r;const t=Array.isArray(e),s="undefined"!=typeof FileList&&e instanceof FileList;if(e instanceof Date)r=new Date(e);else{if(v&&(e instanceof Blob||s)||!t&&!x(e))return e;if(r=t?[]:{},t||(e=>{const r=e.constructor&&e.constructor.prototype;return x(r)&&r.hasOwnProperty("isPrototypeOf")})(e))for(const t in e)e.hasOwnProperty(t)&&(r[t]=j(e[t]));else r=e}return r}var b=e=>/^\w*$/.test(e),h=e=>void 0===e,y=e=>{return r=e.replace(/["|']|\]/g,"").split(/\.|\[/),Array.isArray(r)?r.filter(Boolean):[];var r},q=(e,r,t)=>{if(!r||!x(e))return t;const s=(b(r)?[r]:y(r)).reduce((e,r)=>p(e)?e:e[r],e);return h(s)||s===e?h(e[r])?t:e[r]:s},k=e=>"boolean"==typeof e,z=(e,r,t)=>{let s=-1;const n=b(r)?[r]:y(r),i=n.length,a=i-1;for(;++s<i;){const r=n[s];let i=t;if(s!==a){const t=e[r];i=x(t)||Array.isArray(t)?t:isNaN(+n[s+1])?{}:[]}if("__proto__"===r||"constructor"===r||"prototype"===r)return;e[r]=i,e=e[r]}};const V="blur",S="change",w="all",N=t.createContext(null);N.displayName="HookFormContext";const P=()=>t.useContext(N);const C="undefined"!=typeof window?_.useLayoutEffect:_.useEffect;function F(e){const r=P(),{control:s=r.control,disabled:n,name:i,exact:a}=e||{},[l,u]=t.useState(s._formState),o=t.useRef({isDirty:!1,isLoading:!1,dirtyFields:!1,touchedFields:!1,validatingFields:!1,isValidating:!1,isValid:!1,errors:!1});return C(()=>s._subscribe({name:i,formState:o.current,exact:a,callback:e=>{!n&&u({...s._formState,...e})}}),[i,n,a]),t.useEffect(()=>{o.current.isValid&&s._setValid(!0)},[s]),t.useMemo(()=>((e,r,t,s=!0)=>{const n={defaultValues:r._defaultValues};for(const i in e)Object.defineProperty(n,i,{get:()=>{const n=i;return r._proxyFormState[n]!==w&&(r._proxyFormState[n]=!s||w),t&&(t[n]=!0),e[n]}});return n})(l,s,o.current,!1),[l,s])}function O(e){const r=P(),{control:s=r.control,name:n,defaultValue:i,disabled:a,exact:l}=e||{},u=t.useRef(i),[o,c]=t.useState(s._getWatch(n,u.current));return C(()=>s._subscribe({name:n,formState:{values:!0},exact:l,callback:e=>!a&&c(((e,r,t,s,n)=>"string"==typeof e?(s&&r.watch.add(e),q(t,e,n)):Array.isArray(e)?e.map(e=>(s&&r.watch.add(e),q(t,e))):(s&&(r.watchAll=!0),t))(n,s._names,e.values||s._formValues,!1,u.current))}),[n,s,a,l]),t.useEffect(()=>s._removeUnmounted()),o}const A=e=>e.render(function(e){const r=P(),{name:s,disabled:n,control:i=r.control,shouldUnregister:a}=e,l=((e,r)=>e.has((e=>e.substring(0,e.search(/\.\d+(\.|$)/))||e)(r)))(i._names.array,s),u=O({control:i,name:s,defaultValue:q(i._formValues,s,q(i._defaultValues,s,e.defaultValue)),exact:!0}),o=F({control:i,name:s,exact:!0}),c=t.useRef(e),d=t.useRef(i.register(s,{...e.rules,value:u,...k(e.disabled)?{disabled:e.disabled}:{}})),f=t.useMemo(()=>Object.defineProperties({},{invalid:{enumerable:!0,get:()=>!!q(o.errors,s)},isDirty:{enumerable:!0,get:()=>!!q(o.dirtyFields,s)},isTouched:{enumerable:!0,get:()=>!!q(o.touchedFields,s)},isValidating:{enumerable:!0,get:()=>!!q(o.validatingFields,s)},error:{enumerable:!0,get:()=>q(o.errors,s)}}),[o,s]),m=t.useCallback(e=>d.current.onChange({target:{value:g(e),name:s},type:S}),[s]),_=t.useCallback(()=>d.current.onBlur({target:{value:q(i._formValues,s),name:s},type:V}),[s,i._formValues]),p=t.useCallback(e=>{const r=q(i._fields,s);r&&e&&(r._f.ref={focus:()=>e.focus&&e.focus(),select:()=>e.select&&e.select(),setCustomValidity:r=>e.setCustomValidity(r),reportValidity:()=>e.reportValidity()})},[i._fields,s]),x=t.useMemo(()=>({name:s,value:u,...k(n)||o.disabled?{disabled:o.disabled||n}:{},onChange:m,onBlur:_,ref:p}),[s,n,o.disabled,m,_,p,u]);return t.useEffect(()=>{const e=i._options.shouldUnregister||a;i.register(s,{...c.current.rules,...k(c.current.disabled)?{disabled:c.current.disabled}:{}});const r=(e,r)=>{const t=q(i._fields,e);t&&t._f&&(t._f.mount=r)};if(r(s,!0),e){const e=j(q(i._options.defaultValues,s));z(i._defaultValues,s,e),h(q(i._formValues,s))&&z(i._formValues,s,e)}return!l&&i.register(s),()=>{(l?e&&!i._state.action:e)?i.unregister(s):r(s,!1)}},[s,i,l,a]),t.useEffect(()=>{i._setDisabledField({disabled:n,name:s})},[n,s,i]),t.useMemo(()=>({field:x,formState:o,fieldState:f}),[x,o,f])}(e));var D=function(t){var m=t.schema,_=t.form,p=t.layout,x=void 0===p?"vertical":p,g=t.columns,v=void 0===g?2:g,j=t.className,b=t.showSubmitButton,h=void 0!==b&&b,y=t.onSubmit,q=_.control,k=_.handleSubmit,z=_.watch,V=_.formState.errors,S=z(),w="grid"===x?"zui:grid zui:grid-cols-12 zui:gap-3 zui:items-baseline":"zui:flex zui:flex-col zui:gap-3";return r.jsxs("form",{onSubmit:y?k(y):void 0,className:s.cn(w,j),children:[m.map(function(t){var c,m=t.name,_=t.label,p=t.type,g=t.placeholder,j=t.required,b=t.options,h=t.component,y=t.colSpan,k=t.inputProps,z=t.controllerProps;if(!(!t.visibleIf||t.visibleIf(S)))return null;var w=null!=y?y:Math.floor(12/v),N="grid"===x?{1:"zui:col-span-1",2:"zui:col-span-2",3:"zui:col-span-3",4:"zui:col-span-4",5:"zui:col-span-5",6:"zui:col-span-6",7:"zui:col-span-7",8:"zui:col-span-8",9:"zui:col-span-9",10:"zui:col-span-10",11:"zui:col-span-11",12:"zui:col-span-12"}[w]:void 0,P={label:_,placeholder:g,required:j,options:b},C=e.__assign({required:null!=j?j:null===(c=t.validation)||void 0===c?void 0:c.required},t.validation),F=null!=k?k:{},O=null!=z?z:{},D=function(){var e;return(null==V?void 0:V[m])?r.jsx("p",{className:"zui:text-red-600 zui:text-xs",children:null===(e=V[m])||void 0===e?void 0:e.message}):null};switch(p){case"text":case"number":return r.jsxs("div",{className:s.cn(N),children:[r.jsx(A,e.__assign({name:m,control:q,rules:C},O,{render:function(t){var s=t.field;return r.jsx(n.Input,e.__assign({},s,{type:"number"===p?"number":"text"},P,F))}})),D()]},m);case"textarea":return r.jsxs("div",{className:s.cn(N),children:[r.jsx(A,e.__assign({name:m,control:q,rules:C},O,{render:function(t){var s=t.field;return r.jsx(n.Input,e.__assign({},s,P,F,{type:"textarea"}))}})),D()]},m);case"select":return r.jsxs("div",{className:s.cn(N),children:[r.jsx(A,e.__assign({name:m,control:q,rules:C},O,{render:function(t){var s=t.field;return r.jsx(i.Select,e.__assign({},s,P,F))}})),D()]},m);case"multiselect":case"multi-select":return r.jsxs("div",{className:s.cn(N),children:[r.jsx(A,e.__assign({name:m,control:q,rules:C},O,{render:function(t){var s=t.field;return r.jsx(i.Select,e.__assign({},s,P,F,{isMulti:!0}))}})),D()]},m);case"radio":return r.jsxs("div",{className:s.cn(N),children:[r.jsx(A,e.__assign({name:m,control:q,rules:C},O,{render:function(t){var s=t.field;return r.jsx(o.RadioGroup,e.__assign({},s,P,F))}})),D()]},m);case"switch":return r.jsxs("div",{className:s.cn(N),children:[r.jsx(A,e.__assign({name:m,control:q,rules:C},O,{render:function(t){var s=t.field;return r.jsx(u.default,e.__assign({},s,P,F))}})),D()]},m);case"checkbox":return r.jsxs("div",{className:s.cn(N),children:[r.jsx(A,e.__assign({name:m,control:q,rules:C},O,{render:function(t){var s=t.field;return r.jsx(f.Checkbox,e.__assign({},s,P,F))}})),D()]},m);case"timepicker":case"time":return r.jsxs("div",{className:s.cn(N),children:[r.jsx(A,e.__assign({name:m,control:q,rules:C},O,{render:function(t){var s=t.field;return r.jsx(d.TimePicker,e.__assign({},s,P,F))}})),D()]},m);case"file":return r.jsxs("div",{className:s.cn(N),children:[r.jsx(A,e.__assign({name:m,control:q,rules:C},O,{render:function(t){var s=t.field;return r.jsx(n.Input,e.__assign({},s,P,F,{value:void 0,type:"file",ref:s.ref,onChange:function(e){return s.onChange(e.target.files)}}))}})),D()]},m);case"date":return r.jsxs("div",{className:s.cn(N),children:[r.jsx(A,e.__assign({name:m,control:q,rules:C},O,{render:function(t){var s=t.field;return r.jsx(a.DatePicker,e.__assign({},s,P,F))}})),D()]},m);case"daterange":return r.jsxs("div",{className:s.cn(N),children:[r.jsx(A,e.__assign({name:m,control:q,rules:C},O,{render:function(t){var s=t.field;return r.jsx(l.DateRangePicker,e.__assign({},s,P,F))}})),D()]},m);case"custom":return r.jsx("div",{className:s.cn(N),children:h||null},m);default:return null}}),h&&r.jsx("div",{className:"zui:col-span-12",children:r.jsx(c.Button,{type:"submit",children:"Submit"})})]})};exports.Form=D,exports.default=D;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../chunks/tslib.es6-a3dc1f53.js"),r=require("react/jsx-runtime"),s=require("react"),t=require("../../chunks/index-4d90f67d.js"),n=require("../Input/index.js"),i=require("../Select/index.js"),a=require("../DatePicker/index.js"),u=require("../DateRangePicker/index.js"),l=require("../Switch/index.js"),o=require("../RadioGroup/index.js"),c=require("../Button/index.js"),d=require("../TimePicker/index.js"),f=require("../Checkbox/index.js");function m(e){var r=Object.create(null);return e&&Object.keys(e).forEach(function(s){if("default"!==s){var t=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(r,s,t.get?t:{enumerable:!0,get:function(){return e[s]}})}}),r.default=e,Object.freeze(r)}require("../../chunks/lucide-937248a9.js"),require("../../chunks/createSuper-c9c5c00c.js"),require("../../chunks/assertThisInitialized-9901ca61.js"),require("../../chunks/extends-77a6284f.js"),require("@emotion/react"),require("react-dom"),require("../../chunks/moment-1102cd58.js"),require("../../chunks/_commonjsHelpers-3d4c1909.js"),require("../Popover/index.js"),require("@mui/material"),require("../../chunks/dayjs.min-5e22609b.js"),require("@mui/material/Popover");var _=m(s),p=e=>null==e;var x=e=>!p(e)&&!Array.isArray(e)&&(e=>"object"==typeof e)(e)&&!(e=>e instanceof Date)(e),g=e=>x(e)&&e.target?"checkbox"===e.target.type?e.target.checked:e.target.value:e,j="undefined"!=typeof window&&void 0!==window.HTMLElement&&"undefined"!=typeof document;function v(e){let r;const s=Array.isArray(e),t="undefined"!=typeof FileList&&e instanceof FileList;if(e instanceof Date)r=new Date(e);else{if(j&&(e instanceof Blob||t)||!s&&!x(e))return e;if(r=s?[]:{},s||(e=>{const r=e.constructor&&e.constructor.prototype;return x(r)&&r.hasOwnProperty("isPrototypeOf")})(e))for(const s in e)e.hasOwnProperty(s)&&(r[s]=v(e[s]));else r=e}return r}var b=e=>/^\w*$/.test(e),h=e=>void 0===e,y=e=>{return r=e.replace(/["|']|\]/g,"").split(/\.|\[/),Array.isArray(r)?r.filter(Boolean):[];var r},q=(e,r,s)=>{if(!r||!x(e))return s;const t=(b(r)?[r]:y(r)).reduce((e,r)=>p(e)?e:e[r],e);return h(t)||t===e?h(e[r])?s:e[r]:t},k=e=>"boolean"==typeof e,z=(e,r,s)=>{let t=-1;const n=b(r)?[r]:y(r),i=n.length,a=i-1;for(;++t<i;){const r=n[t];let i=s;if(t!==a){const s=e[r];i=x(s)||Array.isArray(s)?s:isNaN(+n[t+1])?{}:[]}if("__proto__"===r||"constructor"===r||"prototype"===r)return;e[r]=i,e=e[r]}};const V="blur",S="change",w="all",N=s.createContext(null);N.displayName="HookFormContext";const P=()=>s.useContext(N);const C="undefined"!=typeof window?_.useLayoutEffect:_.useEffect;function F(e){const r=P(),{control:t=r.control,disabled:n,name:i,exact:a}=e||{},[u,l]=s.useState(t._formState),o=s.useRef({isDirty:!1,isLoading:!1,dirtyFields:!1,touchedFields:!1,validatingFields:!1,isValidating:!1,isValid:!1,errors:!1});return C(()=>t._subscribe({name:i,formState:o.current,exact:a,callback:e=>{!n&&l({...t._formState,...e})}}),[i,n,a]),s.useEffect(()=>{o.current.isValid&&t._setValid(!0)},[t]),s.useMemo(()=>((e,r,s,t=!0)=>{const n={defaultValues:r._defaultValues};for(const i in e)Object.defineProperty(n,i,{get:()=>{const n=i;return r._proxyFormState[n]!==w&&(r._proxyFormState[n]=!t||w),s&&(s[n]=!0),e[n]}});return n})(u,t,o.current,!1),[u,t])}function O(e){const r=P(),{control:t=r.control,name:n,defaultValue:i,disabled:a,exact:u}=e||{},l=s.useRef(i),[o,c]=s.useState(t._getWatch(n,l.current));return C(()=>t._subscribe({name:n,formState:{values:!0},exact:u,callback:e=>!a&&c(((e,r,s,t,n)=>"string"==typeof e?(t&&r.watch.add(e),q(s,e,n)):Array.isArray(e)?e.map(e=>(t&&r.watch.add(e),q(s,e))):(t&&(r.watchAll=!0),s))(n,t._names,e.values||t._formValues,!1,l.current))}),[n,t,a,u]),s.useEffect(()=>t._removeUnmounted()),o}const A=e=>e.render(function(e){const r=P(),{name:t,disabled:n,control:i=r.control,shouldUnregister:a}=e,u=((e,r)=>e.has((e=>e.substring(0,e.search(/\.\d+(\.|$)/))||e)(r)))(i._names.array,t),l=O({control:i,name:t,defaultValue:q(i._formValues,t,q(i._defaultValues,t,e.defaultValue)),exact:!0}),o=F({control:i,name:t,exact:!0}),c=s.useRef(e),d=s.useRef(i.register(t,{...e.rules,value:l,...k(e.disabled)?{disabled:e.disabled}:{}})),f=s.useMemo(()=>Object.defineProperties({},{invalid:{enumerable:!0,get:()=>!!q(o.errors,t)},isDirty:{enumerable:!0,get:()=>!!q(o.dirtyFields,t)},isTouched:{enumerable:!0,get:()=>!!q(o.touchedFields,t)},isValidating:{enumerable:!0,get:()=>!!q(o.validatingFields,t)},error:{enumerable:!0,get:()=>q(o.errors,t)}}),[o,t]),m=s.useCallback(e=>d.current.onChange({target:{value:g(e),name:t},type:S}),[t]),_=s.useCallback(()=>d.current.onBlur({target:{value:q(i._formValues,t),name:t},type:V}),[t,i._formValues]),p=s.useCallback(e=>{const r=q(i._fields,t);r&&e&&(r._f.ref={focus:()=>e.focus&&e.focus(),select:()=>e.select&&e.select(),setCustomValidity:r=>e.setCustomValidity(r),reportValidity:()=>e.reportValidity()})},[i._fields,t]),x=s.useMemo(()=>({name:t,value:l,...k(n)||o.disabled?{disabled:o.disabled||n}:{},onChange:m,onBlur:_,ref:p}),[t,n,o.disabled,m,_,p,l]);return s.useEffect(()=>{const e=i._options.shouldUnregister||a;i.register(t,{...c.current.rules,...k(c.current.disabled)?{disabled:c.current.disabled}:{}});const r=(e,r)=>{const s=q(i._fields,e);s&&s._f&&(s._f.mount=r)};if(r(t,!0),e){const e=v(q(i._options.defaultValues,t));z(i._defaultValues,t,e),h(q(i._formValues,t))&&z(i._formValues,t,e)}return!u&&i.register(t),()=>{(u?e&&!i._state.action:e)?i.unregister(t):r(t,!1)}},[t,i,u,a]),s.useEffect(()=>{i._setDisabledField({disabled:n,name:t})},[n,t,i]),s.useMemo(()=>({field:x,formState:o,fieldState:f}),[x,o,f])}(e));var D=function(s){var m=s.schema,_=s.form,p=s.layout,x=void 0===p?"vertical":p,g=s.columns,j=void 0===g?2:g,v=s.className,b=s.showSubmitButton,h=void 0!==b&&b,y=s.onSubmit,q=_.control,k=_.handleSubmit,z=_.watch,V=_.formState.errors,S=z(),w="grid"===x?"zui:grid zui:grid-cols-12 zui:gap-3 zui:items-baseline":"zui:flex zui:flex-col zui:gap-3";return r.jsxs("form",{onSubmit:y?k(y):void 0,className:t.cn(w,v),children:[m.map(function(s){var c,m=s.name,_=s.label,p=s.type,g=s.placeholder,v=s.required,b=s.options,h=s.component,y=s.colSpan,k=s.inputProps,z=s.controllerProps;if(!(!s.visibleIf||s.visibleIf(S)))return null;var w=null!=y?y:Math.floor(12/j),N="grid"===x?{1:"zui:col-span-1",2:"zui:col-span-2",3:"zui:col-span-3",4:"zui:col-span-4",5:"zui:col-span-5",6:"zui:col-span-6",7:"zui:col-span-7",8:"zui:col-span-8",9:"zui:col-span-9",10:"zui:col-span-10",11:"zui:col-span-11",12:"zui:col-span-12"}[w]:void 0,P={label:_,placeholder:g,required:v,options:b},C=e.__assign({required:null!=v?v:null===(c=s.validation)||void 0===c?void 0:c.required},s.validation),F=null!=k?k:{},O=null!=z?z:{},D=function(){var e;return(null==V?void 0:V[m])?r.jsx("p",{className:"zui:text-red-600 zui:text-xs",children:null===(e=V[m])||void 0===e?void 0:e.message}):null};switch(p){case"text":case"number":return r.jsxs("div",{className:t.cn(N),children:[r.jsx(A,e.__assign({name:m,control:q,rules:C},O,{render:function(s){var t=s.field;return r.jsx(n.Input,e.__assign({},t,{type:"number"===p?"number":"text"},P,F))}})),D()]},m);case"textarea":return r.jsxs("div",{className:t.cn(N),children:[r.jsx(A,e.__assign({name:m,control:q,rules:C},O,{render:function(s){var t=s.field;return r.jsx(n.Input,e.__assign({},t,P,F,{type:"textarea"}))}})),D()]},m);case"select":return r.jsxs("div",{className:t.cn(N),children:[r.jsx(A,e.__assign({name:m,control:q,rules:C},O,{render:function(s){var t=s.field;return r.jsx(i.Select,e.__assign({},t,P,F))}})),D()]},m);case"multiselect":case"multi-select":return r.jsxs("div",{className:t.cn(N),children:[r.jsx(A,e.__assign({name:m,control:q,rules:C},O,{render:function(s){var t=s.field;return r.jsx(i.Select,e.__assign({},t,P,F,{isMulti:!0}))}})),D()]},m);case"radio":return r.jsxs("div",{className:t.cn(N),children:[r.jsx(A,e.__assign({name:m,control:q,rules:C},O,{render:function(s){var t=s.field;return r.jsx(o.RadioGroup,e.__assign({},t,P,F))}})),D()]},m);case"switch":return r.jsxs("div",{className:t.cn(N),children:[r.jsx(A,e.__assign({name:m,control:q,rules:C},O,{render:function(s){var t=s.field;return r.jsx(l.default,e.__assign({},t,P,F))}})),D()]},m);case"checkbox":return r.jsxs("div",{className:t.cn(N),children:[r.jsx(A,e.__assign({name:m,control:q,rules:C},O,{render:function(s){var t=s.field;return r.jsx(f.Checkbox,e.__assign({},t,P,F))}})),D()]},m);case"timepicker":case"time":return r.jsxs("div",{className:t.cn(N),children:[r.jsx(A,e.__assign({name:m,control:q,rules:C},O,{render:function(s){var t=s.field;return r.jsx(d.TimePicker,e.__assign({},t,P,F))}})),D()]},m);case"file":return r.jsxs("div",{className:t.cn(N),children:[r.jsx(A,e.__assign({name:m,control:q,rules:C},O,{render:function(s){var t=s.field;return r.jsx(n.Input,e.__assign({},t,P,F,{value:void 0,type:"file",ref:t.ref,onChange:function(e){return t.onChange(e.target.files)}}))}})),D()]},m);case"date":return r.jsxs("div",{className:t.cn(N),children:[r.jsx(A,e.__assign({name:m,control:q,rules:C},O,{render:function(s){var t=s.field;return r.jsx(a.DatePicker,e.__assign({},t,P,F))}})),D()]},m);case"daterange":return r.jsxs("div",{className:t.cn(N),children:[r.jsx(A,e.__assign({name:m,control:q,rules:C},O,{render:function(s){var t=s.field;return r.jsx(u.DateRangePicker,e.__assign({},t,P,F))}})),D()]},m);case"custom":return r.jsx("div",{className:t.cn(N),children:h||null},m);default:return null}}),h&&r.jsx("div",{className:"zui:col-span-12",children:r.jsx(c.Button,{type:"submit",children:"Submit"})})]})};exports.Form=D,exports.default=D;