lizaui 3.0.51 → 3.0.53

package/dist/chunks/index-DCbyaYR7.js

@@ -0,0 +1,2 @@
+"use strict";const O=require("./clsx-C11secjj.js"),m=e=>typeof e=="boolean"?`${e}`:e===0?"0":e,y=O.clsx,b=(e,l)=>n=>{var d;if((l==null?void 0:l.variants)==null)return y(e,n==null?void 0:n.class,n==null?void 0:n.className);const{variants:o,defaultVariants:s}=l,V=Object.keys(o).map(t=>{const a=n==null?void 0:n[t],u=s==null?void 0:s[t];if(a===null)return null;const i=m(a)||m(u);return o[t][i]}),v=n&&Object.entries(n).reduce((t,a)=>{let[u,i]=a;return i===void 0||(t[u]=i),t},{}),N=l==null||(d=l.compoundVariants)===null||d===void 0?void 0:d.reduce((t,a)=>{let{class:u,className:i,...C}=a;return Object.entries(C).every(f=>{let[c,r]=f;return Array.isArray(r)?r.includes({...s,...v}[c]):{...s,...v}[c]===r})?[...t,u,i]:t},[]);return y(e,V,N,n==null?void 0:n.class,n==null?void 0:n.className)};exports.cva=b;
+//# sourceMappingURL=index-DCbyaYR7.js.map

package/dist/chunks/index-DCbyaYR7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-DCbyaYR7.js","sources":["../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.mjs"],"sourcesContent":["/**\n * Copyright 2022 Joe Bell. All rights reserved.\n *\n * This file is licensed to you under the Apache License, Version 2.0\n * (the \"License\"); you may not use this file except in compliance with the\n * License. You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR REPRESENTATIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations under\n * the License.\n */ import { clsx } from \"clsx\";\nconst falsyToString = (value)=>typeof value === \"boolean\" ? `${value}` : value === 0 ? \"0\" : value;\nexport const cx = clsx;\nexport const cva = (base, config)=>(props)=>{\n        var _config_compoundVariants;\n        if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n        const { variants, defaultVariants } = config;\n        const getVariantClassNames = Object.keys(variants).map((variant)=>{\n            const variantProp = props === null || props === void 0 ? void 0 : props[variant];\n            const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];\n            if (variantProp === null) return null;\n            const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);\n            return variants[variant][variantKey];\n        });\n        const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param)=>{\n            let [key, value] = param;\n            if (value === undefined) {\n                return acc;\n            }\n            acc[key] = value;\n            return acc;\n        }, {});\n        const getCompoundVariantClassNames = config === null || config === void 0 ? void 0 : (_config_compoundVariants = config.compoundVariants) === null || _config_compoundVariants === void 0 ? void 0 : _config_compoundVariants.reduce((acc, param)=>{\n            let { class: cvClass, className: cvClassName, ...compoundVariantOptions } = param;\n            return Object.entries(compoundVariantOptions).every((param)=>{\n                let [key, value] = param;\n                return Array.isArray(value) ? value.includes({\n                    ...defaultVariants,\n                    ...propsWithoutUndefined\n                }[key]) : ({\n                    ...defaultVariants,\n                    ...propsWithoutUndefined\n                })[key] === value;\n            }) ? [\n                ...acc,\n                cvClass,\n                cvClassName\n            ] : acc;\n        }, []);\n        return cx(base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n    };\n\n"],"names":["falsyToString","value","cx","clsx","cva","base","config","props","_config_compoundVariants","variants","defaultVariants","getVariantClassNames","variant","variantProp","defaultVariantProp","variantKey","propsWithoutUndefined","acc","param","key","getCompoundVariantClassNames","cvClass","cvClassName","compoundVariantOptions"],"mappings":"mDAeMA,EAAiBC,GAAQ,OAAOA,GAAU,UAAY,GAAGA,CAAK,GAAKA,IAAU,EAAI,IAAMA,EAChFC,EAAKC,EAAI,KACTC,EAAM,CAACC,EAAMC,IAAUC,GAAQ,CACpC,IAAIC,EACJ,IAAKF,GAAW,KAA4B,OAASA,EAAO,WAAa,KAAM,OAAOJ,EAAGG,EAAME,GAAU,KAA2B,OAASA,EAAM,MAAOA,GAAU,KAA2B,OAASA,EAAM,SAAS,EACvN,KAAM,CAAE,SAAAE,EAAU,gBAAAC,CAAe,EAAKJ,EAChCK,EAAuB,OAAO,KAAKF,CAAQ,EAAE,IAAKG,GAAU,CAC9D,MAAMC,EAAcN,GAAU,KAA2B,OAASA,EAAMK,CAAO,EACzEE,EAAqBJ,GAAoB,KAAqC,OAASA,EAAgBE,CAAO,EACpH,GAAIC,IAAgB,KAAM,OAAO,KACjC,MAAME,EAAaf,EAAca,CAAW,GAAKb,EAAcc,CAAkB,EACjF,OAAOL,EAASG,CAAO,EAAEG,CAAU,CAC/C,CAAS,EACKC,EAAwBT,GAAS,OAAO,QAAQA,CAAK,EAAE,OAAO,CAACU,EAAKC,IAAQ,CAC9E,GAAI,CAACC,EAAKlB,CAAK,EAAIiB,EACnB,OAAIjB,IAAU,SAGdgB,EAAIE,CAAG,EAAIlB,GACJgB,CACV,EAAE,EAAE,EACCG,EAA+Bd,GAAW,OAAsCE,EAA2BF,EAAO,oBAAsB,MAAQE,IAA6B,OAAvG,OAAyHA,EAAyB,OAAO,CAACS,EAAKC,IAAQ,CAC/O,GAAI,CAAE,MAAOG,EAAS,UAAWC,EAAa,GAAGC,CAAsB,EAAKL,EAC5E,OAAO,OAAO,QAAQK,CAAsB,EAAE,MAAOL,GAAQ,CACzD,GAAI,CAACC,EAAKlB,CAAK,EAAIiB,EACnB,OAAO,MAAM,QAAQjB,CAAK,EAAIA,EAAM,SAAS,CACzC,GAAGS,EACH,GAAGM,CACvB,EAAkBG,CAAG,CAAC,EAAK,CACP,GAAGT,EACH,GAAGM,CACvB,EAAmBG,CAAG,IAAMlB,CAC5B,CAAa,EAAI,CACD,GAAGgB,EACHI,EACAC,CAChB,EAAgBL,CACP,EAAE,EAAE,EACL,OAAOf,EAAGG,EAAMM,EAAsBS,EAA8Bb,GAAU,KAA2B,OAASA,EAAM,MAAOA,GAAU,KAA2B,OAASA,EAAM,SAAS,CACpM","x_google_ignoreList":[0]}

package/dist/chunks/label-error-8p4Smomu.js

@@ -0,0 +1,2 @@
+"use strict";const t=require("./jsx-runtime-DFswc9zO.js"),n=require("./bundle-mjs-Bta93uUH.js"),a=({text:e,className:r})=>{const s=n.twMerge("text-danger font-normal text-xs mt-1 leading-none",r);return t.jsxRuntimeExports.jsx("span",{className:s,children:e})};exports.LabelError=a;
+//# sourceMappingURL=label-error-8p4Smomu.js.map

package/dist/chunks/{label-error-noAu6DKg.js.map → label-error-8p4Smomu.js.map}

@@ -1 +1 @@
-{"version":3,"file":"label-error-noAu6DKg.js","sources":["../../src/components/ui/label-error.tsx"],"sourcesContent":["import { twMerge } from \"tailwind-merge\";\nexport type LabelErrorType = {\n\t/**\n\t * @description\n\t * Propiedad para colocar el texto.\n\t * @type\n\t * Puede recibir **string**\n\t */\n\ttext: string;\n\t/**\n\t * @description\n\t * Propiedad para brindar clases personalizadas al componente, este se situa en el container del label.\n\t */\n\tclassName?: string;\n};\n\nexport const LabelError = ({ text, className }: LabelErrorType) => {\n\tconst classLabel = twMerge(\"text-danger font-normal text-xs mt-1 before:content-['*'] before:mr-1 leading-none\", className);\n\n\treturn <span className={classLabel}>{text}</span>;\n};\n"],"names":["LabelError","text","className","classLabel","twMerge","jsx"],"mappings":"gGAgBaA,EAAa,CAAC,CAAE,KAAAC,EAAM,UAAAC,KAAgC,CAC5D,MAAAC,EAAaC,EAAAA,QAAQ,qFAAsFF,CAAS,EAE1H,OAAQG,EAAAA,kBAAAA,IAAA,OAAA,CAAK,UAAWF,EAAa,SAAKF,EAAA,CAC3C"}
+{"version":3,"file":"label-error-8p4Smomu.js","sources":["../../src/components/ui/label-error.tsx"],"sourcesContent":["import { twMerge } from \"tailwind-merge\";\nexport type LabelErrorType = {\n\t/**\n\t * @description\n\t * Propiedad para colocar el texto.\n\t * @type\n\t * Puede recibir **string**\n\t */\n\ttext: string;\n\t/**\n\t * @description\n\t * Propiedad para brindar clases personalizadas al componente, este se situa en el container del label.\n\t */\n\tclassName?: string;\n};\n\nexport const LabelError = ({ text, className }: LabelErrorType) => {\n\tconst classLabel = twMerge(\"text-danger font-normal text-xs mt-1 leading-none\", className);\n\n\treturn <span className={classLabel}>{text}</span>;\n};\n"],"names":["LabelError","text","className","classLabel","twMerge","jsx"],"mappings":"gGAgBaA,EAAa,CAAC,CAAE,KAAAC,EAAM,UAAAC,KAAgC,CAC5D,MAAAC,EAAaC,EAAAA,QAAQ,oDAAqDF,CAAS,EAEzF,OAAQG,EAAAA,kBAAAA,IAAA,OAAA,CAAK,UAAWF,EAAa,SAAKF,EAAA,CAC3C"}

package/dist/chunks/label-error-D2dOTiDS.js

@@ -0,0 +1,10 @@
+import { j as s } from "./jsx-runtime-BYq8_R6m.js";
+import { t as a } from "./bundle-mjs-kGHm2Pod.js";
+const m = ({ text: t, className: r }) => {
+  const e = a("text-danger font-normal text-xs mt-1 leading-none", r);
+  return /* @__PURE__ */ s.jsx("span", { className: e, children: t });
+};
+export {
+  m as L
+};
+//# sourceMappingURL=label-error-D2dOTiDS.js.map

package/dist/chunks/{label-error-DwHE_f3w.js.map → label-error-D2dOTiDS.js.map}

@@ -1 +1 @@
-{"version":3,"file":"label-error-DwHE_f3w.js","sources":["../../src/components/ui/label-error.tsx"],"sourcesContent":["import { twMerge } from \"tailwind-merge\";\nexport type LabelErrorType = {\n\t/**\n\t * @description\n\t * Propiedad para colocar el texto.\n\t * @type\n\t * Puede recibir **string**\n\t */\n\ttext: string;\n\t/**\n\t * @description\n\t * Propiedad para brindar clases personalizadas al componente, este se situa en el container del label.\n\t */\n\tclassName?: string;\n};\n\nexport const LabelError = ({ text, className }: LabelErrorType) => {\n\tconst classLabel = twMerge(\"text-danger font-normal text-xs mt-1 before:content-['*'] before:mr-1 leading-none\", className);\n\n\treturn <span className={classLabel}>{text}</span>;\n};\n"],"names":["LabelError","text","className","classLabel","twMerge","jsx"],"mappings":";;AAgBO,MAAMA,IAAa,CAAC,EAAE,MAAAC,GAAM,WAAAC,QAAgC;AAC5D,QAAAC,IAAaC,EAAQ,sFAAsFF,CAAS;AAE1H,SAAQG,gBAAAA,EAAAA,IAAA,QAAA,EAAK,WAAWF,GAAa,UAAKF,GAAA;AAC3C;"}
+{"version":3,"file":"label-error-D2dOTiDS.js","sources":["../../src/components/ui/label-error.tsx"],"sourcesContent":["import { twMerge } from \"tailwind-merge\";\nexport type LabelErrorType = {\n\t/**\n\t * @description\n\t * Propiedad para colocar el texto.\n\t * @type\n\t * Puede recibir **string**\n\t */\n\ttext: string;\n\t/**\n\t * @description\n\t * Propiedad para brindar clases personalizadas al componente, este se situa en el container del label.\n\t */\n\tclassName?: string;\n};\n\nexport const LabelError = ({ text, className }: LabelErrorType) => {\n\tconst classLabel = twMerge(\"text-danger font-normal text-xs mt-1 leading-none\", className);\n\n\treturn <span className={classLabel}>{text}</span>;\n};\n"],"names":["LabelError","text","className","classLabel","twMerge","jsx"],"mappings":";;AAgBO,MAAMA,IAAa,CAAC,EAAE,MAAAC,GAAM,WAAAC,QAAgC;AAC5D,QAAAC,IAAaC,EAAQ,qDAAqDF,CAAS;AAEzF,SAAQG,gBAAAA,EAAAA,IAAA,QAAA,EAAK,WAAWF,GAAa,UAAKF,GAAA;AAC3C;"}

package/dist/components/modal/modal.d.ts

@@ -1,5 +1,5 @@
 import { ModalBodyType, ModalFooterType, ModalHeaderType, ModalType } from './modal.type';
-export declare const Modal: ({ modalId, isShow, isVisible, children, style, classNameOverlay, styleContainer, closeModalClickOut, classNameDialog, classNameContent, backdrop, }: ModalType) => import('react').ReactPortal | null;
+export declare const Modal: ({ modalId, isShow, isVisible, children, style, classNameOverlay, styleContainer, onClickOutside, classNameDialog, classNameContent, backdrop, size, isKeyboardDismissDisabled, shadow, radius, }: ModalType) => import('react').ReactPortal | null;
 export declare const ModalBody: import('react').ForwardRefExoticComponent<ModalBodyType & import('react').RefAttributes<HTMLDivElement>>;
 export declare const ModalHeader: ({ title, showCloseButton, disabled, onClick, className, styled, children }: ModalHeaderType) => import("react/jsx-runtime").JSX.Element;
 export declare const ModalFooter: ({ children, className, styled }: ModalFooterType) => import("react/jsx-runtime").JSX.Element;

package/dist/components/modal/modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/components/modal/modal.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAO/F,eAAO,MAAM,KAAK,GAAI,qJAYnB,SAAS,uCA4EX,CAAC;AAEF,eAAO,MAAM,SAAS,0GAMpB,CAAC;AAGH,eAAO,MAAM,WAAW,GAAI,4EAA2F,eAAe,4CAyBrI,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,iCAAiC,eAAe,4CAM3E,CAAC"}
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/components/modal/modal.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAgG/F,eAAO,MAAM,KAAK,GAAI,kMAgBnB,SAAS,uCA+EX,CAAC;AAEF,eAAO,MAAM,SAAS,0GAMpB,CAAC;AAGH,eAAO,MAAM,WAAW,GAAI,4EAA2F,eAAe,4CAyBrI,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,iCAAiC,eAAe,4CAM3E,CAAC"}

package/dist/components/modal/modal.type.d.ts

@@ -1,5 +1,6 @@
 import { CSSProperties, Ref } from 'react';
-export type SizeModalInterface = 'smaller' | 'small' | 'medium' | 'large' | 'x-large' | 'full';
+export type SizeModalInterface = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "full";
+export type ShadowModalType = "none" | "sm" | "md" | "lg";
 export interface useModalInterface<T = any> {
     modalId: string;
     isModal: boolean;
@@ -19,14 +20,17 @@ export interface ModalType {
     children: React.ReactNode;
     isShow: boolean;
     isVisible: boolean;
+    isKeyboardDismissDisabled?: boolean;
     style?: CSSProperties;
     styleContainer?: CSSProperties;
     classNameOverlay?: string;
     classNameDialog?: string;
     classNameContent?: string;
     width?: number | string;
-    closeModalClickOut?: () => void;
+    onClickOutside?: () => void;
     backdrop?: "transparent" | "opaque" | "blur";
+    shadow?: ShadowModalType;
+    radius?: "none" | "sm" | "md" | "lg";
 }
 export interface ModalBodyType {
     className?: string;

package/dist/components/modal/modal.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal.type.d.ts","sourceRoot":"","sources":["../../../src/components/modal/modal.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEhD,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAE/F,MAAM,WAAW,iBAAiB,CAAC,CAAC,GAAG,GAAG;IACtC,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACpB,cAAc,EAAE,OAAO,CAAC;IACxB,SAAS,EAAE,GAAG,CAAC;IACf,SAAS,EAAE,CAAC,CAAC;IACb,SAAS,EAAE,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IACjC,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,eAAe,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;CACpC;AAED,MAAM,WAAW,SAAS;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,QAAQ,CAAC,EAAE,aAAa,GAAG,QAAQ,GAAG,MAAM,CAAC;CAChD;AAED,MAAM,WAAW,aAAa;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;CACjE;AAED,MAAM,WAAW,eAAe;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,eAAe;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB"}
+{"version":3,"file":"modal.type.d.ts","sourceRoot":"","sources":["../../../src/components/modal/modal.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEhD,MAAM,MAAM,kBAAkB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC;AAC3G,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAE;AAE3D,MAAM,WAAW,iBAAiB,CAAC,CAAC,GAAG,GAAG;IACtC,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACpB,cAAc,EAAE,OAAO,CAAC;IACxB,SAAS,EAAE,GAAG,CAAC;IACf,SAAS,EAAE,CAAC,CAAC;IACb,SAAS,EAAE,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IACjC,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,eAAe,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;CACpC;AAED,MAAM,WAAW,SAAS;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,QAAQ,CAAC,EAAE,aAAa,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC7C,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACxC;AAED,MAAM,WAAW,aAAa;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;CACjE;AAED,MAAM,WAAW,eAAe;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,eAAe;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB"}

package/dist/modal/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../chunks/jsx-runtime-DFswc9zO.js"),v=require("react-dom"),m=require("react"),n=require("../chunks/utils-B759n5Vp.js"),E=require("../chunks/button-BnNW_eev.js"),i=require("../chunks/ripple-CPzedX6a.js"),d={ease:[.36,.66,.4,1]},f={scaleInOut:{enter:{transform:"scale(1)",opacity:1,transition:{duration:.4,ease:d.ease}},exit:{transform:"scale(1.03)",opacity:0,transition:{duration:.3,ease:d.ease}}},fade:{enter:{opacity:1,transition:{duration:.4,ease:d.ease}},exit:{opacity:0,transition:{duration:.3,ease:d.ease}}}},w=({modalId:o,isShow:t,isVisible:a,children:s,style:r,classNameOverlay:u="",styleContainer:c,closeModalClickOut:y,classNameDialog:g="modal-custom-dialog",classNameContent:h="modal-custom-content",backdrop:b="opaque"})=>{const R=m.useRef(null);if(m.useEffect(()=>(typeof window<"u"&&a&&document.body.classList.add("modal-open"),()=>{typeof window<"u"&&document.body.classList.remove("modal-open")}),[a]),typeof window>"u")return null;const p=document.getElementById("modal-root");if(!p)return null;let l="";switch(b){case"transparent":l="bg-transparent";break;case"opaque":l="bg-black/50";break;case"blur":l="backdrop-blur-md backdrop-saturate-150 bg-overlay/30";break}return v.createPortal(e.jsxRuntimeExports.jsx(i.AnimatePresence,{children:t&&e.jsxRuntimeExports.jsx(i.LazyMotion,{features:()=>Promise.resolve().then(()=>require("../chunks/index-_vOj2iyM.js")).then(x=>x.domAnimation),children:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(i.m.div,{initial:"exit",animate:"enter",exit:"exit",variants:f.fade,className:n.cn("fixed inset-0 z-50",l,u),onClick:y,"aria-hidden":!t,role:"dialog","aria-modal":"true",tabIndex:-1,id:o},"modal-overlay"),e.jsxRuntimeExports.jsx(i.m.div,{initial:"exit",animate:"enter",exit:"exit",variants:f.scaleInOut,ref:R,onClick:x=>x.stopPropagation(),className:n.cn("fixed top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%] z-50 grid w-full max-w-[calc(100%-2rem)] sm:max-w-lg gap-4 rounded-lg p-6 shadow-lg bg-content1",g),style:r,children:e.jsxRuntimeExports.jsx("div",{className:n.cn("modal-custom-content w-full flex flex-col gap-2",h),style:c,children:s})},"modal-content")]})})}),p)},j=m.forwardRef(({children:o,className:t="",styled:a,height:s},r)=>e.jsxRuntimeExports.jsx("div",{className:n.cn("modal-custom-body flex-1",t),ref:r,style:{...a,height:s?`${s}px`:"auto"},children:o}));j.displayName="ModalBodyPortalComponent";const N=({title:o,showCloseButton:t=!0,disabled:a=!1,onClick:s,className:r,styled:u,children:c})=>e.jsxRuntimeExports.jsxs("div",{className:n.cn("modal-custom-header w-full flex flex-col gap-2 text-center sm:text-left",r),style:u,children:[c||e.jsxRuntimeExports.jsx("h4",{className:"modal-custom-title text-lg leading-none font-semibold",children:o}),t&&e.jsxRuntimeExports.jsx("div",{className:"absolute top-3 right-4 disabled:pointer-events-none",children:e.jsxRuntimeExports.jsxs(E.Button,{isIconOnly:!0,variant:"light",radius:"full","aria-label":"Close",onClick:s,disabled:a,className:"p-0 w-[36px] h-[36px] min-w-auto bg-default-100 hover:bg-default-200 text-default-500 hover:text-default-600 dark:bg-default-100 dark:hover:bg-default-200 dark:text-default-500 dark:hover:text-default-600 disabled:opacity-50 disabled:pointer-events-none",children:[e.jsxRuntimeExports.jsxs("svg",{width:"20",height:"20",fill:"currentColor",role:"img","aria-hidden":"true",children:[e.jsxRuntimeExports.jsx("path",{fill:"none",d:"M0 0h21v21H0z"}),e.jsxRuntimeExports.jsx("path",{d:"m12.12 10 4.07-4.06a1.5 1.5 0 1 0-2.11-2.12L10 7.88 5.94 3.81a1.5 1.5 0 1 0-2.12 2.12L7.88 10l-4.07 4.06a1.5 1.5 0 0 0 0 2.12 1.51 1.51 0 0 0 2.13 0L10 12.12l4.06 4.07a1.45 1.45 0 0 0 1.06.44 1.5 1.5 0 0 0 1.06-2.56Z"})]}),e.jsxRuntimeExports.jsx("span",{className:"sr-only",children:"Close"})]})})]}),M=({children:o,className:t,styled:a})=>e.jsxRuntimeExports.jsx("div",{className:n.cn("modal-custom-footer flex flex-col-reverse gap-2 sm:flex-row sm:justify-end mt-auto",t),style:a,children:o});exports.Modal=w;exports.ModalBody=j;exports.ModalFooter=M;exports.ModalHeader=N;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../chunks/jsx-runtime-DFswc9zO.js"),k=require("react-dom"),x=require("react"),r=require("../chunks/utils-B759n5Vp.js"),q=require("../chunks/button-BnNW_eev.js"),I=require("../chunks/index-DCbyaYR7.js"),i=require("../chunks/ripple-CPzedX6a.js"),m={ease:[.36,.66,.4,1]},b={scaleInOut:{enter:{transform:"scale(1)",opacity:1,transition:{duration:.4,ease:m.ease}},exit:{transform:"scale(1.03)",opacity:0,transition:{duration:.3,ease:m.ease}}},fade:{enter:{opacity:1,transition:{duration:.4,ease:m.ease}},exit:{opacity:0,transition:{duration:.3,ease:m.ease}}}},h=I.cva("",{variants:{size:{xs:{base:"max-w-xs"},sm:{base:"max-w-sm"},md:{base:"max-w-md"},lg:{base:"max-w-lg"},xl:{base:"max-w-xl"},"2xl":{base:"max-w-2xl"},"3xl":{base:"max-w-3xl"},"4xl":{base:"max-w-4xl"},"5xl":{base:"max-w-5xl"},full:{base:"my-0 mx-0 sm:mx-0 sm:my-0 max-w-full h-[100dvh] min-h-[100dvh] !rounded-none"}},radius:{none:{base:"rounded-none"},sm:{base:"rounded-sm"},md:{base:"rounded-md"},lg:{base:"rounded-lg"}},shadow:{none:{base:"shadow-none"},sm:{base:"shadow-sm"},md:{base:"shadow-md"},lg:{base:"shadow-lg"}},backdrop:{transparent:{backdrop:"bg-transparent"},opaque:{backdrop:"bg-black/50"},blur:{backdrop:"backdrop-blur-md backdrop-saturate-150 bg-overlay/30"}},scrollBehavior:{normal:{base:"overflow-y-hidden"},inside:{base:"max-h-[calc(100%_-_8rem)]",body:"overflow-y-auto"},outside:{wrapper:"items-start sm:items-start overflow-y-auto",base:"my-16"}}},defaultVariants:{size:"md",radius:"lg",shadow:"sm",backdrop:"opaque",scrollBehavior:"normal"}}),B=({modalId:s,isShow:a,isVisible:t,children:o,style:l,classNameOverlay:u="",styleContainer:c,onClickOutside:d,classNameDialog:g="modal-custom-dialog",classNameContent:w="modal-custom-content",backdrop:j="opaque",size:v="md",isKeyboardDismissDisabled:p=!1,shadow:R="md",radius:E="lg"})=>{const N=x.useRef(null);if(x.useEffect(()=>(typeof window<"u"&&t&&document.body.classList.add("modal-open"),()=>{typeof window<"u"&&document.body.classList.remove("modal-open")}),[t]),x.useEffect(()=>{const n=M=>{M.key==="Escape"&&!p&&(d==null||d())};return a&&document.addEventListener("keydown",n),()=>{document.removeEventListener("keydown",n)}},[a,p,d]),typeof window>"u")return null;const f=document.getElementById("modal-root");return f?k.createPortal(e.jsxRuntimeExports.jsx(i.AnimatePresence,{children:a&&e.jsxRuntimeExports.jsx(i.LazyMotion,{features:()=>Promise.resolve().then(()=>require("../chunks/index-_vOj2iyM.js")).then(n=>n.domAnimation),children:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(i.m.div,{initial:"exit",animate:"enter",exit:"exit",variants:b.fade,className:r.cn("fixed inset-0 z-50",h({backdrop:j}),u),onClick:d,"aria-hidden":!a,role:"dialog","aria-modal":"true",tabIndex:-1,id:s},"modal-overlay"),e.jsxRuntimeExports.jsx(i.m.div,{initial:"exit",animate:"enter",exit:"exit",variants:b.scaleInOut,ref:N,onClick:n=>n.stopPropagation(),className:r.cn("fixed top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%] z-50 grid w-full max-w-[calc(100%-2rem)] sm:max-w-lg gap-4 rounded-lg p-6 shadow-lg bg-content1",h({size:v,radius:E,shadow:R}),g),style:l,children:e.jsxRuntimeExports.jsx("div",{className:r.cn("modal-custom-content w-full flex flex-col gap-2",w),style:c,children:o})},"modal-content")]})})}),f):null},y=x.forwardRef(({children:s,className:a="",styled:t,height:o},l)=>e.jsxRuntimeExports.jsx("div",{className:r.cn("modal-custom-body flex-1",a),ref:l,style:{...t,height:o?`${o}px`:"auto"},children:s}));y.displayName="ModalBodyPortalComponent";const L=({title:s,showCloseButton:a=!0,disabled:t=!1,onClick:o,className:l,styled:u,children:c})=>e.jsxRuntimeExports.jsxs("div",{className:r.cn("modal-custom-header w-full flex flex-col gap-2 text-center sm:text-left",l),style:u,children:[c||e.jsxRuntimeExports.jsx("h4",{className:"modal-custom-title text-lg leading-none font-semibold",children:s}),a&&e.jsxRuntimeExports.jsx("div",{className:"absolute top-3 right-4 disabled:pointer-events-none",children:e.jsxRuntimeExports.jsxs(q.Button,{isIconOnly:!0,variant:"light",radius:"full","aria-label":"Close",onClick:o,disabled:t,className:"p-0 w-[36px] h-[36px] min-w-auto bg-default-100 hover:bg-default-200 text-default-500 hover:text-default-600 dark:bg-default-100 dark:hover:bg-default-200 dark:text-default-500 dark:hover:text-default-600 disabled:opacity-50 disabled:pointer-events-none",children:[e.jsxRuntimeExports.jsxs("svg",{width:"20",height:"20",fill:"currentColor",role:"img","aria-hidden":"true",children:[e.jsxRuntimeExports.jsx("path",{fill:"none",d:"M0 0h21v21H0z"}),e.jsxRuntimeExports.jsx("path",{d:"m12.12 10 4.07-4.06a1.5 1.5 0 1 0-2.11-2.12L10 7.88 5.94 3.81a1.5 1.5 0 1 0-2.12 2.12L7.88 10l-4.07 4.06a1.5 1.5 0 0 0 0 2.12 1.51 1.51 0 0 0 2.13 0L10 12.12l4.06 4.07a1.45 1.45 0 0 0 1.06.44 1.5 1.5 0 0 0 1.06-2.56Z"})]}),e.jsxRuntimeExports.jsx("span",{className:"sr-only",children:"Close"})]})})]}),A=({children:s,className:a,styled:t})=>e.jsxRuntimeExports.jsx("div",{className:r.cn("modal-custom-footer flex flex-col-reverse gap-2 sm:flex-row sm:justify-end mt-auto",a),style:t,children:s});exports.Modal=B;exports.ModalBody=y;exports.ModalFooter=A;exports.ModalHeader=L;
 //# sourceMappingURL=index.cjs.js.map

package/dist/modal/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../src/components/transition/transition-utils.ts","../../src/components/modal/modal.tsx"],"sourcesContent":["import type { Target, TargetAndTransition, Transition } from \"framer-motion\";\n\ntype WithMotionState<P> = Partial<Record<\"enter\" | \"exit\", P>>;\n\nexport type TransitionConfig = WithMotionState<Transition>;\n\nexport type TransitionEndConfig = WithMotionState<Target>;\n\nexport type TransitionProperties = {\n\t/**\n\t * Custom `transition` definition for `enter` and `exit`\n\t */\n\ttransition?: TransitionConfig;\n\t/**\n\t * Custom `transitionEnd` definition for `enter` and `exit`\n\t */\n\ttransitionEnd?: TransitionEndConfig;\n};\n\ntype TargetResolver<P = {}> = (props: P & TransitionProperties) => TargetAndTransition;\n\ntype Variant<P = {}> = TargetAndTransition | TargetResolver<P>;\n\nexport type Variants<P = {}> = Record<\n\tstring,\n\t{\n\t\tenter: Variant<P>;\n\t\texit: Variant<P>;\n\t\tinitial?: Variant<P>;\n\t}\n>;\n\nexport const TRANSITION_EASINGS = {\n\tease: [0.36, 0.66, 0.4, 1],\n\teaseIn: [0.4, 0, 1, 1],\n\teaseOut: [0, 0, 0.2, 1],\n\teaseInOut: [0.4, 0, 0.2, 1],\n\tspring: [0.155, 1.105, 0.295, 1.12],\n\tspringOut: [0.57, -0.15, 0.62, 0.07],\n\tsoftSpring: [0.16, 1.11, 0.3, 1.02],\n} as const;\n\nexport const TRANSITION_DEFAULTS = {\n\tenter: {\n\t\tduration: 0.2,\n\t\tease: TRANSITION_EASINGS.easeOut,\n\t},\n\texit: {\n\t\tduration: 0.1,\n\t\tease: TRANSITION_EASINGS.easeIn,\n\t},\n} as const;\n\nexport const TRANSITION_VARIANTS: Variants = {\n\tscaleSpring: {\n\t\tenter: {\n\t\t\ttransform: \"scale(1)\",\n\t\t\topacity: 1,\n\t\t\ttransition: {\n\t\t\t\ttype: \"spring\",\n\t\t\t\tbounce: 0,\n\t\t\t\tduration: 0.2,\n\t\t\t},\n\t\t},\n\t\texit: {\n\t\t\ttransform: \"scale(0.85)\",\n\t\t\topacity: 0,\n\t\t\ttransition: {\n\t\t\t\ttype: \"easeOut\" as any,\n\t\t\t\tduration: 0.15,\n\t\t\t},\n\t\t},\n\t},\n\tscaleSpringOpacity: {\n\t\tinitial: {\n\t\t\topacity: 0,\n\t\t\ttransform: \"scale(0.8)\",\n\t\t},\n\t\tenter: {\n\t\t\topacity: 1,\n\t\t\ttransform: \"scale(1)\",\n\t\t\ttransition: {\n\t\t\t\ttype: \"spring\",\n\t\t\t\tbounce: 0,\n\t\t\t\tduration: 0.3,\n\t\t\t},\n\t\t},\n\t\texit: {\n\t\t\topacity: 0,\n\t\t\ttransform: \"scale(0.96)\",\n\t\t\ttransition: {\n\t\t\t\ttype: \"easeOut\" as any,\n\t\t\t\tbounce: 0,\n\t\t\t\tduration: 0.15,\n\t\t\t},\n\t\t},\n\t},\n\tscale: {\n\t\tenter: { scale: 1 },\n\t\texit: { scale: 0.95 },\n\t},\n\tscaleFadeIn: {\n\t\tenter: {\n\t\t\ttransform: \"scale(1)\",\n\t\t\topacity: 1,\n\t\t\ttransition: {\n\t\t\t\tduration: 0.25,\n\t\t\t\tease: TRANSITION_EASINGS.easeIn,\n\t\t\t},\n\t\t},\n\t\texit: {\n\t\t\ttransform: \"scale(0.95)\",\n\t\t\topacity: 0,\n\t\t\ttransition: {\n\t\t\t\tduration: 0.2,\n\t\t\t\tease: TRANSITION_EASINGS.easeOut,\n\t\t\t},\n\t\t},\n\t},\n\tscaleInOut: {\n\t\tenter: {\n\t\t\ttransform: \"scale(1)\",\n\t\t\topacity: 1,\n\t\t\ttransition: {\n\t\t\t\tduration: 0.4,\n\t\t\t\tease: TRANSITION_EASINGS.ease,\n\t\t\t},\n\t\t},\n\t\texit: {\n\t\t\ttransform: \"scale(1.03)\",\n\t\t\topacity: 0,\n\t\t\ttransition: {\n\t\t\t\tduration: 0.3,\n\t\t\t\tease: TRANSITION_EASINGS.ease,\n\t\t\t},\n\t\t},\n\t},\n\tfade: {\n\t\tenter: {\n\t\t\topacity: 1,\n\t\t\ttransition: {\n\t\t\t\tduration: 0.4,\n\t\t\t\tease: TRANSITION_EASINGS.ease,\n\t\t\t},\n\t\t},\n\t\texit: {\n\t\t\topacity: 0,\n\t\t\ttransition: {\n\t\t\t\tduration: 0.3,\n\t\t\t\tease: TRANSITION_EASINGS.ease,\n\t\t\t},\n\t\t},\n\t},\n\tcollapse: {\n\t\tenter: {\n\t\t\topacity: 1,\n\t\t\theight: \"auto\",\n\t\t\ttransition: {\n\t\t\t\theight: {\n\t\t\t\t\ttype: \"spring\",\n\t\t\t\t\tbounce: 0,\n\t\t\t\t\tduration: 0.3,\n\t\t\t\t},\n\t\t\t\topacity: {\n\t\t\t\t\tease: \"ease\" as any,\n\t\t\t\t\tduration: 0.4,\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t\texit: {\n\t\t\topacity: 0,\n\t\t\theight: 0,\n\t\t\ttransition: {\n\t\t\t\tease: \"ease\" as any,\n\t\t\t\tduration: 0.3,\n\t\t\t},\n\t\t},\n\t},\n};\n","\"use client\";\n\nimport ReactDOM from \"react-dom\";\nimport { forwardRef, type Ref, useEffect, useRef } from \"react\";\nimport type { ModalBodyType, ModalFooterType, ModalHeaderType, ModalType } from \"./modal.type\";\nimport { cn } from \"@/lib/utils\";\nimport { Button } from \"../button\";\nimport { AnimatePresence } from \"framer-motion\";\nimport { LazyMotion, m } from \"framer-motion\";\nimport { TRANSITION_VARIANTS } from \"../transition/transition-utils\";\n\nexport const Modal = ({\n\tmodalId,\n\tisShow,\n\tisVisible,\n\tchildren,\n\tstyle,\n\tclassNameOverlay = \"\",\n\tstyleContainer,\n\tcloseModalClickOut,\n\tclassNameDialog = \"modal-custom-dialog\",\n\tclassNameContent = \"modal-custom-content\",\n\tbackdrop = \"opaque\",\n}: ModalType) => {\n\tconst modalBodyRef = useRef<HTMLDivElement>(null);\n\tuseEffect(() => {\n\t\tif (typeof window !== \"undefined\" && isVisible) {\n\t\t\tdocument.body.classList.add(\"modal-open\");\n\t\t}\n\t\treturn () => {\n\t\t\tif (typeof window !== \"undefined\") {\n\t\t\t\tdocument.body.classList.remove(\"modal-open\");\n\t\t\t}\n\t\t};\n\t}, [isVisible]);\n\n\tif (typeof window === \"undefined\") return null;\n\n\tconst modalRoot = document.getElementById(\"modal-root\");\n\tif (!modalRoot) return null;\n\n\tlet overlayClass = \"\";\n\n\tswitch (backdrop) {\n\t\tcase \"transparent\":\n\t\t\toverlayClass = \"bg-transparent\";\n\t\t\tbreak;\n\t\tcase \"opaque\":\n\t\t\toverlayClass = \"bg-black/50\";\n\t\t\tbreak;\n\t\tcase \"blur\":\n\t\t\toverlayClass = \"backdrop-blur-md backdrop-saturate-150 bg-overlay/30\";\n\t\t\tbreak;\n\t}\n\n\treturn ReactDOM.createPortal(\n\t\t<AnimatePresence>\n\t\t\t{isShow && (\n\t\t\t\t<LazyMotion features={() => import(\"framer-motion\").then((res) => res.domAnimation)}>\n\t\t\t\t\t<>\n\t\t\t\t\t\t<m.div\n\t\t\t\t\t\t\tkey=\"modal-overlay\"\n\t\t\t\t\t\t\tinitial=\"exit\"\n\t\t\t\t\t\t\tanimate=\"enter\"\n\t\t\t\t\t\t\texit=\"exit\"\n\t\t\t\t\t\t\tvariants={TRANSITION_VARIANTS.fade}\n\t\t\t\t\t\t\tclassName={cn(\"fixed inset-0 z-50\", overlayClass, classNameOverlay)}\n\t\t\t\t\t\t\tonClick={closeModalClickOut}\n\t\t\t\t\t\t\taria-hidden={!isShow}\n\t\t\t\t\t\t\trole=\"dialog\"\n\t\t\t\t\t\t\taria-modal=\"true\"\n\t\t\t\t\t\t\ttabIndex={-1}\n\t\t\t\t\t\t\tid={modalId}\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t<m.div\n\t\t\t\t\t\t\tkey=\"modal-content\"\n\t\t\t\t\t\t\tinitial=\"exit\"\n\t\t\t\t\t\t\tanimate=\"enter\"\n\t\t\t\t\t\t\texit=\"exit\"\n\t\t\t\t\t\t\tvariants={TRANSITION_VARIANTS.scaleInOut}\n\t\t\t\t\t\t\tref={modalBodyRef}\n\t\t\t\t\t\t\tonClick={(e) => e.stopPropagation()}\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\"fixed top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%] z-50 grid w-full max-w-[calc(100%-2rem)] sm:max-w-lg gap-4 rounded-lg p-6 shadow-lg bg-content1\",\n\t\t\t\t\t\t\t\tclassNameDialog,\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\tstyle={style}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div className={cn(\"modal-custom-content w-full flex flex-col gap-2\", classNameContent)} style={styleContainer}>\n\t\t\t\t\t\t\t\t{children}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</m.div>\n\t\t\t\t\t</>\n\t\t\t\t</LazyMotion>\n\t\t\t)}\n\t\t</AnimatePresence>,\n\t\tmodalRoot,\n\t);\n};\n\nexport const ModalBody = forwardRef(({ children, className = \"\", styled, height }: ModalBodyType, ref: Ref<HTMLDivElement>) => {\n\treturn (\n\t\t<div className={cn(\"modal-custom-body flex-1\", className)} ref={ref} style={{ ...styled, height: height ? `${height}px` : \"auto\" }}>\n\t\t\t{children}\n\t\t</div>\n\t);\n});\nModalBody.displayName = \"ModalBodyPortalComponent\";\n\nexport const ModalHeader = ({ title, showCloseButton = true, disabled = false, onClick, className, styled, children }: ModalHeaderType) => {\n\treturn (\n\t\t<div className={cn(\"modal-custom-header w-full flex flex-col gap-2 text-center sm:text-left\", className)} style={styled}>\n\t\t\t{children || <h4 className=\"modal-custom-title text-lg leading-none font-semibold\">{title}</h4>}\n\t\t\t{showCloseButton && (\n\t\t\t\t<div className=\"absolute top-3 right-4 disabled:pointer-events-none\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\tisIconOnly\n\t\t\t\t\t\tvariant=\"light\"\n\t\t\t\t\t\tradius=\"full\"\n\t\t\t\t\t\taria-label=\"Close\"\n\t\t\t\t\t\tonClick={onClick}\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\tclassName=\"p-0 w-[36px] h-[36px] min-w-auto bg-default-100 hover:bg-default-200 text-default-500 hover:text-default-600 dark:bg-default-100 dark:hover:bg-default-200 dark:text-default-500 dark:hover:text-default-600 disabled:opacity-50 disabled:pointer-events-none\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<svg width=\"20\" height=\"20\" fill=\"currentColor\" role=\"img\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t<path fill=\"none\" d=\"M0 0h21v21H0z\"></path>\n\t\t\t\t\t\t\t<path d=\"m12.12 10 4.07-4.06a1.5 1.5 0 1 0-2.11-2.12L10 7.88 5.94 3.81a1.5 1.5 0 1 0-2.12 2.12L7.88 10l-4.07 4.06a1.5 1.5 0 0 0 0 2.12 1.51 1.51 0 0 0 2.13 0L10 12.12l4.06 4.07a1.45 1.45 0 0 0 1.06.44 1.5 1.5 0 0 0 1.06-2.56Z\"></path>\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t<span className=\"sr-only\">Close</span>\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nexport const ModalFooter = ({ children, className, styled }: ModalFooterType) => {\n\treturn (\n\t\t<div className={cn(\"modal-custom-footer flex flex-col-reverse gap-2 sm:flex-row sm:justify-end mt-auto\", className)} style={styled}>\n\t\t\t{children}\n\t\t</div>\n\t);\n};\n"],"names":["TRANSITION_EASINGS","TRANSITION_VARIANTS","Modal","modalId","isShow","isVisible","children","style","classNameOverlay","styleContainer","closeModalClickOut","classNameDialog","classNameContent","backdrop","modalBodyRef","useRef","useEffect","modalRoot","overlayClass","ReactDOM","AnimatePresence","jsx","LazyMotion","res","jsxs","Fragment","m","cn","e","ModalBody","forwardRef","className","styled","height","ref","ModalHeader","title","showCloseButton","disabled","onClick","Button","ModalFooter"],"mappings":"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"}
+{"version":3,"file":"index.cjs.js","sources":["../../src/components/transition/transition-utils.ts","../../src/components/modal/modal.tsx"],"sourcesContent":["import type { Target, TargetAndTransition, Transition } from \"framer-motion\";\n\ntype WithMotionState<P> = Partial<Record<\"enter\" | \"exit\", P>>;\n\nexport type TransitionConfig = WithMotionState<Transition>;\n\nexport type TransitionEndConfig = WithMotionState<Target>;\n\nexport type TransitionProperties = {\n\t/**\n\t * Custom `transition` definition for `enter` and `exit`\n\t */\n\ttransition?: TransitionConfig;\n\t/**\n\t * Custom `transitionEnd` definition for `enter` and `exit`\n\t */\n\ttransitionEnd?: TransitionEndConfig;\n};\n\ntype TargetResolver<P = {}> = (props: P & TransitionProperties) => TargetAndTransition;\n\ntype Variant<P = {}> = TargetAndTransition | TargetResolver<P>;\n\nexport type Variants<P = {}> = Record<\n\tstring,\n\t{\n\t\tenter: Variant<P>;\n\t\texit: Variant<P>;\n\t\tinitial?: Variant<P>;\n\t}\n>;\n\nexport const TRANSITION_EASINGS = {\n\tease: [0.36, 0.66, 0.4, 1],\n\teaseIn: [0.4, 0, 1, 1],\n\teaseOut: [0, 0, 0.2, 1],\n\teaseInOut: [0.4, 0, 0.2, 1],\n\tspring: [0.155, 1.105, 0.295, 1.12],\n\tspringOut: [0.57, -0.15, 0.62, 0.07],\n\tsoftSpring: [0.16, 1.11, 0.3, 1.02],\n} as const;\n\nexport const TRANSITION_DEFAULTS = {\n\tenter: {\n\t\tduration: 0.2,\n\t\tease: TRANSITION_EASINGS.easeOut,\n\t},\n\texit: {\n\t\tduration: 0.1,\n\t\tease: TRANSITION_EASINGS.easeIn,\n\t},\n} as const;\n\nexport const TRANSITION_VARIANTS: Variants = {\n\tscaleSpring: {\n\t\tenter: {\n\t\t\ttransform: \"scale(1)\",\n\t\t\topacity: 1,\n\t\t\ttransition: {\n\t\t\t\ttype: \"spring\",\n\t\t\t\tbounce: 0,\n\t\t\t\tduration: 0.2,\n\t\t\t},\n\t\t},\n\t\texit: {\n\t\t\ttransform: \"scale(0.85)\",\n\t\t\topacity: 0,\n\t\t\ttransition: {\n\t\t\t\ttype: \"easeOut\" as any,\n\t\t\t\tduration: 0.15,\n\t\t\t},\n\t\t},\n\t},\n\tscaleSpringOpacity: {\n\t\tinitial: {\n\t\t\topacity: 0,\n\t\t\ttransform: \"scale(0.8)\",\n\t\t},\n\t\tenter: {\n\t\t\topacity: 1,\n\t\t\ttransform: \"scale(1)\",\n\t\t\ttransition: {\n\t\t\t\ttype: \"spring\",\n\t\t\t\tbounce: 0,\n\t\t\t\tduration: 0.3,\n\t\t\t},\n\t\t},\n\t\texit: {\n\t\t\topacity: 0,\n\t\t\ttransform: \"scale(0.96)\",\n\t\t\ttransition: {\n\t\t\t\ttype: \"easeOut\" as any,\n\t\t\t\tbounce: 0,\n\t\t\t\tduration: 0.15,\n\t\t\t},\n\t\t},\n\t},\n\tscale: {\n\t\tenter: { scale: 1 },\n\t\texit: { scale: 0.95 },\n\t},\n\tscaleFadeIn: {\n\t\tenter: {\n\t\t\ttransform: \"scale(1)\",\n\t\t\topacity: 1,\n\t\t\ttransition: {\n\t\t\t\tduration: 0.25,\n\t\t\t\tease: TRANSITION_EASINGS.easeIn,\n\t\t\t},\n\t\t},\n\t\texit: {\n\t\t\ttransform: \"scale(0.95)\",\n\t\t\topacity: 0,\n\t\t\ttransition: {\n\t\t\t\tduration: 0.2,\n\t\t\t\tease: TRANSITION_EASINGS.easeOut,\n\t\t\t},\n\t\t},\n\t},\n\tscaleInOut: {\n\t\tenter: {\n\t\t\ttransform: \"scale(1)\",\n\t\t\topacity: 1,\n\t\t\ttransition: {\n\t\t\t\tduration: 0.4,\n\t\t\t\tease: TRANSITION_EASINGS.ease,\n\t\t\t},\n\t\t},\n\t\texit: {\n\t\t\ttransform: \"scale(1.03)\",\n\t\t\topacity: 0,\n\t\t\ttransition: {\n\t\t\t\tduration: 0.3,\n\t\t\t\tease: TRANSITION_EASINGS.ease,\n\t\t\t},\n\t\t},\n\t},\n\tfade: {\n\t\tenter: {\n\t\t\topacity: 1,\n\t\t\ttransition: {\n\t\t\t\tduration: 0.4,\n\t\t\t\tease: TRANSITION_EASINGS.ease,\n\t\t\t},\n\t\t},\n\t\texit: {\n\t\t\topacity: 0,\n\t\t\ttransition: {\n\t\t\t\tduration: 0.3,\n\t\t\t\tease: TRANSITION_EASINGS.ease,\n\t\t\t},\n\t\t},\n\t},\n\tcollapse: {\n\t\tenter: {\n\t\t\topacity: 1,\n\t\t\theight: \"auto\",\n\t\t\ttransition: {\n\t\t\t\theight: {\n\t\t\t\t\ttype: \"spring\",\n\t\t\t\t\tbounce: 0,\n\t\t\t\t\tduration: 0.3,\n\t\t\t\t},\n\t\t\t\topacity: {\n\t\t\t\t\tease: \"ease\" as any,\n\t\t\t\t\tduration: 0.4,\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t\texit: {\n\t\t\topacity: 0,\n\t\t\theight: 0,\n\t\t\ttransition: {\n\t\t\t\tease: \"ease\" as any,\n\t\t\t\tduration: 0.3,\n\t\t\t},\n\t\t},\n\t},\n};\n","\"use client\";\n\nimport ReactDOM from \"react-dom\";\nimport { forwardRef, type Ref, useEffect, useRef } from \"react\";\nimport type { ModalBodyType, ModalFooterType, ModalHeaderType, ModalType } from \"./modal.type\";\nimport { cn } from \"@/lib/utils\";\nimport { Button } from \"../button\";\nimport { AnimatePresence } from \"framer-motion\";\nimport { LazyMotion, m } from \"framer-motion\";\nimport { TRANSITION_VARIANTS } from \"../transition/transition-utils\";\nimport { cva } from \"class-variance-authority\";\n\nconst modalStyles = cva(\"\", {\n\tvariants: {\n\t\tsize: {\n\t\t\t\"xs\": {\n\t\t\t\tbase: \"max-w-xs\",\n\t\t\t},\n\t\t\t\"sm\": {\n\t\t\t\tbase: \"max-w-sm\",\n\t\t\t},\n\t\t\t\"md\": {\n\t\t\t\tbase: \"max-w-md\",\n\t\t\t},\n\t\t\t\"lg\": {\n\t\t\t\tbase: \"max-w-lg\",\n\t\t\t},\n\t\t\t\"xl\": {\n\t\t\t\tbase: \"max-w-xl\",\n\t\t\t},\n\t\t\t\"2xl\": {\n\t\t\t\tbase: \"max-w-2xl\",\n\t\t\t},\n\t\t\t\"3xl\": {\n\t\t\t\tbase: \"max-w-3xl\",\n\t\t\t},\n\t\t\t\"4xl\": {\n\t\t\t\tbase: \"max-w-4xl\",\n\t\t\t},\n\t\t\t\"5xl\": {\n\t\t\t\tbase: \"max-w-5xl\",\n\t\t\t},\n\t\t\t\"full\": {\n\t\t\t\tbase: \"my-0 mx-0 sm:mx-0 sm:my-0 max-w-full h-[100dvh] min-h-[100dvh] !rounded-none\",\n\t\t\t},\n\t\t},\n\t\tradius: {\n\t\t\tnone: { base: \"rounded-none\" },\n\t\t\tsm: { base: \"rounded-sm\" },\n\t\t\tmd: { base: \"rounded-md\" },\n\t\t\tlg: { base: \"rounded-lg\" },\n\t\t},\n\t\tshadow: {\n\t\t\tnone: {\n\t\t\t\tbase: \"shadow-none\",\n\t\t\t},\n\t\t\tsm: {\n\t\t\t\tbase: \"shadow-sm\",\n\t\t\t},\n\t\t\tmd: {\n\t\t\t\tbase: \"shadow-md\",\n\t\t\t},\n\t\t\tlg: {\n\t\t\t\tbase: \"shadow-lg\",\n\t\t\t},\n\t\t},\n\t\tbackdrop: {\n\t\t\ttransparent: {\n\t\t\t\tbackdrop: \"bg-transparent\",\n\t\t\t},\n\t\t\topaque: {\n\t\t\t\tbackdrop: \"bg-black/50\",\n\t\t\t},\n\t\t\tblur: {\n\t\t\t\tbackdrop: \"backdrop-blur-md backdrop-saturate-150 bg-overlay/30\",\n\t\t\t},\n\t\t},\n\t\tscrollBehavior: {\n\t\t\tnormal: {\n\t\t\t\tbase: \"overflow-y-hidden\",\n\t\t\t},\n\t\t\tinside: {\n\t\t\t\tbase: \"max-h-[calc(100%_-_8rem)]\",\n\t\t\t\tbody: \"overflow-y-auto\",\n\t\t\t},\n\t\t\toutside: {\n\t\t\t\twrapper: \"items-start sm:items-start overflow-y-auto\",\n\t\t\t\tbase: \"my-16\",\n\t\t\t},\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\tsize: \"md\",\n\t\tradius: \"lg\",\n\t\tshadow: \"sm\",\n\t\tbackdrop: \"opaque\",\n\t\tscrollBehavior: \"normal\",\n\t},\n});\n\nexport const Modal = ({\n\tmodalId,\n\tisShow,\n\tisVisible,\n\tchildren,\n\tstyle,\n\tclassNameOverlay = \"\",\n\tstyleContainer,\n\tonClickOutside,\n\tclassNameDialog = \"modal-custom-dialog\",\n\tclassNameContent = \"modal-custom-content\",\n\tbackdrop = \"opaque\",\n\tsize = \"md\",\n\tisKeyboardDismissDisabled = false,\n\tshadow = \"md\",\n    radius = \"lg\",\n}: ModalType) => {\n\tconst modalBodyRef = useRef<HTMLDivElement>(null);\n\tuseEffect(() => {\n\t\tif (typeof window !== \"undefined\" && isVisible) {\n\t\t\tdocument.body.classList.add(\"modal-open\");\n\t\t}\n\t\treturn () => {\n\t\t\tif (typeof window !== \"undefined\") {\n\t\t\t\tdocument.body.classList.remove(\"modal-open\");\n\t\t\t}\n\t\t};\n\t}, [isVisible]);\n\n\tuseEffect(() => {\n\t\tconst handleKeyDown = (e: KeyboardEvent) => {\n\t\t\tif (e.key === \"Escape\" && !isKeyboardDismissDisabled) {\n\t\t\t\tonClickOutside?.();\n\t\t\t}\n\t\t};\n\n\t\tif (isShow) {\n\t\t\tdocument.addEventListener(\"keydown\", handleKeyDown);\n\t\t}\n\n\t\treturn () => {\n\t\t\tdocument.removeEventListener(\"keydown\", handleKeyDown);\n\t\t};\n\t}, [isShow, isKeyboardDismissDisabled, onClickOutside]);\n\n\tif (typeof window === \"undefined\") return null;\n\n\tconst modalRoot = document.getElementById(\"modal-root\");\n\tif (!modalRoot) return null;\n\n\treturn ReactDOM.createPortal(\n\t\t<AnimatePresence>\n\t\t\t{isShow && (\n\t\t\t\t<LazyMotion features={() => import(\"framer-motion\").then((res) => res.domAnimation)}>\n\t\t\t\t\t<>\n\t\t\t\t\t\t<m.div\n\t\t\t\t\t\t\tkey=\"modal-overlay\"\n\t\t\t\t\t\t\tinitial=\"exit\"\n\t\t\t\t\t\t\tanimate=\"enter\"\n\t\t\t\t\t\t\texit=\"exit\"\n\t\t\t\t\t\t\tvariants={TRANSITION_VARIANTS.fade}\n\t\t\t\t\t\t\tclassName={cn(\"fixed inset-0 z-50\", modalStyles({ backdrop }), classNameOverlay)}\n\t\t\t\t\t\t\tonClick={onClickOutside}\n\t\t\t\t\t\t\taria-hidden={!isShow}\n\t\t\t\t\t\t\trole=\"dialog\"\n\t\t\t\t\t\t\taria-modal=\"true\"\n\t\t\t\t\t\t\ttabIndex={-1}\n\t\t\t\t\t\t\tid={modalId}\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t<m.div\n\t\t\t\t\t\t\tkey=\"modal-content\"\n\t\t\t\t\t\t\tinitial=\"exit\"\n\t\t\t\t\t\t\tanimate=\"enter\"\n\t\t\t\t\t\t\texit=\"exit\"\n\t\t\t\t\t\t\tvariants={TRANSITION_VARIANTS.scaleInOut}\n\t\t\t\t\t\t\tref={modalBodyRef}\n\t\t\t\t\t\t\tonClick={(e) => e.stopPropagation()}\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\"fixed top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%] z-50 grid w-full max-w-[calc(100%-2rem)] sm:max-w-lg gap-4 rounded-lg p-6 shadow-lg bg-content1\",\n\t\t\t\t\t\t\t\tmodalStyles({ size, radius , shadow }),\n\t\t\t\t\t\t\t\tclassNameDialog,\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\tstyle={style}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div className={cn(\"modal-custom-content w-full flex flex-col gap-2\", classNameContent)} style={styleContainer}>\n\t\t\t\t\t\t\t\t{children}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</m.div>\n\t\t\t\t\t</>\n\t\t\t\t</LazyMotion>\n\t\t\t)}\n\t\t</AnimatePresence>,\n\t\tmodalRoot,\n\t);\n};\n\nexport const ModalBody = forwardRef(({ children, className = \"\", styled, height }: ModalBodyType, ref: Ref<HTMLDivElement>) => {\n\treturn (\n\t\t<div className={cn(\"modal-custom-body flex-1\", className)} ref={ref} style={{ ...styled, height: height ? `${height}px` : \"auto\" }}>\n\t\t\t{children}\n\t\t</div>\n\t);\n});\nModalBody.displayName = \"ModalBodyPortalComponent\";\n\nexport const ModalHeader = ({ title, showCloseButton = true, disabled = false, onClick, className, styled, children }: ModalHeaderType) => {\n\treturn (\n\t\t<div className={cn(\"modal-custom-header w-full flex flex-col gap-2 text-center sm:text-left\", className)} style={styled}>\n\t\t\t{children || <h4 className=\"modal-custom-title text-lg leading-none font-semibold\">{title}</h4>}\n\t\t\t{showCloseButton && (\n\t\t\t\t<div className=\"absolute top-3 right-4 disabled:pointer-events-none\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\tisIconOnly\n\t\t\t\t\t\tvariant=\"light\"\n\t\t\t\t\t\tradius=\"full\"\n\t\t\t\t\t\taria-label=\"Close\"\n\t\t\t\t\t\tonClick={onClick}\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\tclassName=\"p-0 w-[36px] h-[36px] min-w-auto bg-default-100 hover:bg-default-200 text-default-500 hover:text-default-600 dark:bg-default-100 dark:hover:bg-default-200 dark:text-default-500 dark:hover:text-default-600 disabled:opacity-50 disabled:pointer-events-none\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<svg width=\"20\" height=\"20\" fill=\"currentColor\" role=\"img\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t<path fill=\"none\" d=\"M0 0h21v21H0z\"></path>\n\t\t\t\t\t\t\t<path d=\"m12.12 10 4.07-4.06a1.5 1.5 0 1 0-2.11-2.12L10 7.88 5.94 3.81a1.5 1.5 0 1 0-2.12 2.12L7.88 10l-4.07 4.06a1.5 1.5 0 0 0 0 2.12 1.51 1.51 0 0 0 2.13 0L10 12.12l4.06 4.07a1.45 1.45 0 0 0 1.06.44 1.5 1.5 0 0 0 1.06-2.56Z\"></path>\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t<span className=\"sr-only\">Close</span>\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nexport const ModalFooter = ({ children, className, styled }: ModalFooterType) => {\n\treturn (\n\t\t<div className={cn(\"modal-custom-footer flex flex-col-reverse gap-2 sm:flex-row sm:justify-end mt-auto\", className)} style={styled}>\n\t\t\t{children}\n\t\t</div>\n\t);\n};\n"],"names":["TRANSITION_EASINGS","TRANSITION_VARIANTS","modalStyles","cva","Modal","modalId","isShow","isVisible","children","style","classNameOverlay","styleContainer","onClickOutside","classNameDialog","classNameContent","backdrop","size","isKeyboardDismissDisabled","shadow","radius","modalBodyRef","useRef","useEffect","handleKeyDown","e","modalRoot","ReactDOM","AnimatePresence","jsx","LazyMotion","res","jsxs","Fragment","m","cn","ModalBody","forwardRef","className","styled","height","ref","ModalHeader","title","showCloseButton","disabled","onClick","Button","ModalFooter"],"mappings":"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"}

package/dist/modal/index.es.js

@@ -1,19 +1,20 @@
 import { j as e } from "../chunks/jsx-runtime-BYq8_R6m.js";
-import v from "react-dom";
-import { forwardRef as j, useRef as w, useEffect as N } from "react";
-import { c as s } from "../chunks/utils-DF-FHKXF.js";
-import { B as k } from "../chunks/button-CT1gzAt1.js";
-import { A as I, L as R, m as f } from "../chunks/ripple-DV2Gx-M9.js";
-const d = {
+import L from "react-dom";
+import { forwardRef as R, useRef as A, useEffect as f } from "react";
+import { c as n } from "../chunks/utils-DF-FHKXF.js";
+import { B } from "../chunks/button-CT1gzAt1.js";
+import { c as M } from "../chunks/index-BNmRGtA6.js";
+import { A as E, L as z, m as p } from "../chunks/ripple-DV2Gx-M9.js";
+const m = {
   ease: [0.36, 0.66, 0.4, 1]
-}, x = {
+}, b = {
   scaleInOut: {
     enter: {
       transform: "scale(1)",
       opacity: 1,
       transition: {
         duration: 0.4,
-        ease: d.ease
+        ease: m.ease
       }
     },
     exit: {
@@ -21,7 +22,7 @@ const d = {
       opacity: 0,
       transition: {
         duration: 0.3,
-        ease: d.ease
+        ease: m.ease
       }
     }
   },
@@ -30,59 +31,143 @@ const d = {
       opacity: 1,
       transition: {
         duration: 0.4,
-        ease: d.ease
+        ease: m.ease
       }
     },
     exit: {
       opacity: 0,
       transition: {
         duration: 0.3,
-        ease: d.ease
+        ease: m.ease
       }
     }
   }
-}, z = ({
+}, h = M("", {
+  variants: {
+    size: {
+      xs: {
+        base: "max-w-xs"
+      },
+      sm: {
+        base: "max-w-sm"
+      },
+      md: {
+        base: "max-w-md"
+      },
+      lg: {
+        base: "max-w-lg"
+      },
+      xl: {
+        base: "max-w-xl"
+      },
+      "2xl": {
+        base: "max-w-2xl"
+      },
+      "3xl": {
+        base: "max-w-3xl"
+      },
+      "4xl": {
+        base: "max-w-4xl"
+      },
+      "5xl": {
+        base: "max-w-5xl"
+      },
+      full: {
+        base: "my-0 mx-0 sm:mx-0 sm:my-0 max-w-full h-[100dvh] min-h-[100dvh] !rounded-none"
+      }
+    },
+    radius: {
+      none: { base: "rounded-none" },
+      sm: { base: "rounded-sm" },
+      md: { base: "rounded-md" },
+      lg: { base: "rounded-lg" }
+    },
+    shadow: {
+      none: {
+        base: "shadow-none"
+      },
+      sm: {
+        base: "shadow-sm"
+      },
+      md: {
+        base: "shadow-md"
+      },
+      lg: {
+        base: "shadow-lg"
+      }
+    },
+    backdrop: {
+      transparent: {
+        backdrop: "bg-transparent"
+      },
+      opaque: {
+        backdrop: "bg-black/50"
+      },
+      blur: {
+        backdrop: "backdrop-blur-md backdrop-saturate-150 bg-overlay/30"
+      }
+    },
+    scrollBehavior: {
+      normal: {
+        base: "overflow-y-hidden"
+      },
+      inside: {
+        base: "max-h-[calc(100%_-_8rem)]",
+        body: "overflow-y-auto"
+      },
+      outside: {
+        wrapper: "items-start sm:items-start overflow-y-auto",
+        base: "my-16"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    radius: "lg",
+    shadow: "sm",
+    backdrop: "opaque",
+    scrollBehavior: "normal"
+  }
+}), V = ({
   modalId: o,
   isShow: a,
   isVisible: t,
-  children: l,
-  style: n,
+  children: s,
+  style: r,
   classNameOverlay: i = "",
   styleContainer: c,
-  closeModalClickOut: p,
-  classNameDialog: h = "modal-custom-dialog",
-  classNameContent: g = "modal-custom-content",
-  backdrop: y = "opaque"
+  onClickOutside: d,
+  classNameDialog: y = "modal-custom-dialog",
+  classNameContent: w = "modal-custom-content",
+  backdrop: g = "opaque",
+  size: v = "md",
+  isKeyboardDismissDisabled: x = !1,
+  shadow: j = "md",
+  radius: N = "lg"
 }) => {
-  const b = w(null);
-  if (N(() => (typeof window < "u" && t && document.body.classList.add("modal-open"), () => {
+  const k = A(null);
+  if (f(() => (typeof window < "u" && t && document.body.classList.add("modal-open"), () => {
     typeof window < "u" && document.body.classList.remove("modal-open");
-  }), [t]), typeof window > "u") return null;
+  }), [t]), f(() => {
+    const l = (I) => {
+      I.key === "Escape" && !x && (d == null || d());
+    };
+    return a && document.addEventListener("keydown", l), () => {
+      document.removeEventListener("keydown", l);
+    };
+  }, [a, x, d]), typeof window > "u") return null;
   const u = document.getElementById("modal-root");
-  if (!u) return null;
-  let r = "";
-  switch (y) {
-    case "transparent":
-      r = "bg-transparent";
-      break;
-    case "opaque":
-      r = "bg-black/50";
-      break;
-    case "blur":
-      r = "backdrop-blur-md backdrop-saturate-150 bg-overlay/30";
-      break;
-  }
-  return v.createPortal(
-    /* @__PURE__ */ e.jsx(I, { children: a && /* @__PURE__ */ e.jsx(R, { features: () => import("../chunks/index-fRQUvivo.js").then((m) => m.domAnimation), children: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  return u ? L.createPortal(
+    /* @__PURE__ */ e.jsx(E, { children: a && /* @__PURE__ */ e.jsx(z, { features: () => import("../chunks/index-fRQUvivo.js").then((l) => l.domAnimation), children: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsx(
-        f.div,
+        p.div,
         {
           initial: "exit",
           animate: "enter",
           exit: "exit",
-          variants: x.fade,
-          className: s("fixed inset-0 z-50", r, i),
-          onClick: p,
+          variants: b.fade,
+          className: n("fixed inset-0 z-50", h({ backdrop: g }), i),
+          onClick: d,
           "aria-hidden": !a,
           role: "dialog",
           "aria-modal": "true",
@@ -92,38 +177,39 @@ const d = {
         "modal-overlay"
       ),
       /* @__PURE__ */ e.jsx(
-        f.div,
+        p.div,
         {
           initial: "exit",
           animate: "enter",
           exit: "exit",
-          variants: x.scaleInOut,
-          ref: b,
-          onClick: (m) => m.stopPropagation(),
-          className: s(
+          variants: b.scaleInOut,
+          ref: k,
+          onClick: (l) => l.stopPropagation(),
+          className: n(
             "fixed top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%] z-50 grid w-full max-w-[calc(100%-2rem)] sm:max-w-lg gap-4 rounded-lg p-6 shadow-lg bg-content1",
-            h
+            h({ size: v, radius: N, shadow: j }),
+            y
           ),
-          style: n,
-          children: /* @__PURE__ */ e.jsx("div", { className: s("modal-custom-content w-full flex flex-col gap-2", g), style: c, children: l })
+          style: r,
+          children: /* @__PURE__ */ e.jsx("div", { className: n("modal-custom-content w-full flex flex-col gap-2", w), style: c, children: s })
         },
         "modal-content"
       )
     ] }) }) }),
     u
-  );
-}, A = j(({ children: o, className: a = "", styled: t, height: l }, n) => /* @__PURE__ */ e.jsx("div", { className: s("modal-custom-body flex-1", a), ref: n, style: { ...t, height: l ? `${l}px` : "auto" }, children: o }));
-A.displayName = "ModalBodyPortalComponent";
-const E = ({ title: o, showCloseButton: a = !0, disabled: t = !1, onClick: l, className: n, styled: i, children: c }) => /* @__PURE__ */ e.jsxs("div", { className: s("modal-custom-header w-full flex flex-col gap-2 text-center sm:text-left", n), style: i, children: [
+  ) : null;
+}, _ = R(({ children: o, className: a = "", styled: t, height: s }, r) => /* @__PURE__ */ e.jsx("div", { className: n("modal-custom-body flex-1", a), ref: r, style: { ...t, height: s ? `${s}px` : "auto" }, children: o }));
+_.displayName = "ModalBodyPortalComponent";
+const Z = ({ title: o, showCloseButton: a = !0, disabled: t = !1, onClick: s, className: r, styled: i, children: c }) => /* @__PURE__ */ e.jsxs("div", { className: n("modal-custom-header w-full flex flex-col gap-2 text-center sm:text-left", r), style: i, children: [
   c || /* @__PURE__ */ e.jsx("h4", { className: "modal-custom-title text-lg leading-none font-semibold", children: o }),
   a && /* @__PURE__ */ e.jsx("div", { className: "absolute top-3 right-4 disabled:pointer-events-none", children: /* @__PURE__ */ e.jsxs(
-    k,
+    B,
     {
       isIconOnly: !0,
       variant: "light",
       radius: "full",
       "aria-label": "Close",
-      onClick: l,
+      onClick: s,
       disabled: t,
       className: "p-0 w-[36px] h-[36px] min-w-auto bg-default-100 hover:bg-default-200 text-default-500 hover:text-default-600 dark:bg-default-100 dark:hover:bg-default-200 dark:text-default-500 dark:hover:text-default-600 disabled:opacity-50 disabled:pointer-events-none",
       children: [
@@ -135,11 +221,11 @@ const E = ({ title: o, showCloseButton: a = !0, disabled: t = !1, onClick: l, cl
       ]
     }
   ) })
-] }), P = ({ children: o, className: a, styled: t }) => /* @__PURE__ */ e.jsx("div", { className: s("modal-custom-footer flex flex-col-reverse gap-2 sm:flex-row sm:justify-end mt-auto", a), style: t, children: o });
+] }), $ = ({ children: o, className: a, styled: t }) => /* @__PURE__ */ e.jsx("div", { className: n("modal-custom-footer flex flex-col-reverse gap-2 sm:flex-row sm:justify-end mt-auto", a), style: t, children: o });
 export {
-  z as Modal,
-  A as ModalBody,
-  P as ModalFooter,
-  E as ModalHeader
+  V as Modal,
+  _ as ModalBody,
+  $ as ModalFooter,
+  Z as ModalHeader
 };
 //# sourceMappingURL=index.es.js.map

package/dist/modal/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../src/components/transition/transition-utils.ts","../../src/components/modal/modal.tsx"],"sourcesContent":["import type { Target, TargetAndTransition, Transition } from \"framer-motion\";\n\ntype WithMotionState<P> = Partial<Record<\"enter\" | \"exit\", P>>;\n\nexport type TransitionConfig = WithMotionState<Transition>;\n\nexport type TransitionEndConfig = WithMotionState<Target>;\n\nexport type TransitionProperties = {\n\t/**\n\t * Custom `transition` definition for `enter` and `exit`\n\t */\n\ttransition?: TransitionConfig;\n\t/**\n\t * Custom `transitionEnd` definition for `enter` and `exit`\n\t */\n\ttransitionEnd?: TransitionEndConfig;\n};\n\ntype TargetResolver<P = {}> = (props: P & TransitionProperties) => TargetAndTransition;\n\ntype Variant<P = {}> = TargetAndTransition | TargetResolver<P>;\n\nexport type Variants<P = {}> = Record<\n\tstring,\n\t{\n\t\tenter: Variant<P>;\n\t\texit: Variant<P>;\n\t\tinitial?: Variant<P>;\n\t}\n>;\n\nexport const TRANSITION_EASINGS = {\n\tease: [0.36, 0.66, 0.4, 1],\n\teaseIn: [0.4, 0, 1, 1],\n\teaseOut: [0, 0, 0.2, 1],\n\teaseInOut: [0.4, 0, 0.2, 1],\n\tspring: [0.155, 1.105, 0.295, 1.12],\n\tspringOut: [0.57, -0.15, 0.62, 0.07],\n\tsoftSpring: [0.16, 1.11, 0.3, 1.02],\n} as const;\n\nexport const TRANSITION_DEFAULTS = {\n\tenter: {\n\t\tduration: 0.2,\n\t\tease: TRANSITION_EASINGS.easeOut,\n\t},\n\texit: {\n\t\tduration: 0.1,\n\t\tease: TRANSITION_EASINGS.easeIn,\n\t},\n} as const;\n\nexport const TRANSITION_VARIANTS: Variants = {\n\tscaleSpring: {\n\t\tenter: {\n\t\t\ttransform: \"scale(1)\",\n\t\t\topacity: 1,\n\t\t\ttransition: {\n\t\t\t\ttype: \"spring\",\n\t\t\t\tbounce: 0,\n\t\t\t\tduration: 0.2,\n\t\t\t},\n\t\t},\n\t\texit: {\n\t\t\ttransform: \"scale(0.85)\",\n\t\t\topacity: 0,\n\t\t\ttransition: {\n\t\t\t\ttype: \"easeOut\" as any,\n\t\t\t\tduration: 0.15,\n\t\t\t},\n\t\t},\n\t},\n\tscaleSpringOpacity: {\n\t\tinitial: {\n\t\t\topacity: 0,\n\t\t\ttransform: \"scale(0.8)\",\n\t\t},\n\t\tenter: {\n\t\t\topacity: 1,\n\t\t\ttransform: \"scale(1)\",\n\t\t\ttransition: {\n\t\t\t\ttype: \"spring\",\n\t\t\t\tbounce: 0,\n\t\t\t\tduration: 0.3,\n\t\t\t},\n\t\t},\n\t\texit: {\n\t\t\topacity: 0,\n\t\t\ttransform: \"scale(0.96)\",\n\t\t\ttransition: {\n\t\t\t\ttype: \"easeOut\" as any,\n\t\t\t\tbounce: 0,\n\t\t\t\tduration: 0.15,\n\t\t\t},\n\t\t},\n\t},\n\tscale: {\n\t\tenter: { scale: 1 },\n\t\texit: { scale: 0.95 },\n\t},\n\tscaleFadeIn: {\n\t\tenter: {\n\t\t\ttransform: \"scale(1)\",\n\t\t\topacity: 1,\n\t\t\ttransition: {\n\t\t\t\tduration: 0.25,\n\t\t\t\tease: TRANSITION_EASINGS.easeIn,\n\t\t\t},\n\t\t},\n\t\texit: {\n\t\t\ttransform: \"scale(0.95)\",\n\t\t\topacity: 0,\n\t\t\ttransition: {\n\t\t\t\tduration: 0.2,\n\t\t\t\tease: TRANSITION_EASINGS.easeOut,\n\t\t\t},\n\t\t},\n\t},\n\tscaleInOut: {\n\t\tenter: {\n\t\t\ttransform: \"scale(1)\",\n\t\t\topacity: 1,\n\t\t\ttransition: {\n\t\t\t\tduration: 0.4,\n\t\t\t\tease: TRANSITION_EASINGS.ease,\n\t\t\t},\n\t\t},\n\t\texit: {\n\t\t\ttransform: \"scale(1.03)\",\n\t\t\topacity: 0,\n\t\t\ttransition: {\n\t\t\t\tduration: 0.3,\n\t\t\t\tease: TRANSITION_EASINGS.ease,\n\t\t\t},\n\t\t},\n\t},\n\tfade: {\n\t\tenter: {\n\t\t\topacity: 1,\n\t\t\ttransition: {\n\t\t\t\tduration: 0.4,\n\t\t\t\tease: TRANSITION_EASINGS.ease,\n\t\t\t},\n\t\t},\n\t\texit: {\n\t\t\topacity: 0,\n\t\t\ttransition: {\n\t\t\t\tduration: 0.3,\n\t\t\t\tease: TRANSITION_EASINGS.ease,\n\t\t\t},\n\t\t},\n\t},\n\tcollapse: {\n\t\tenter: {\n\t\t\topacity: 1,\n\t\t\theight: \"auto\",\n\t\t\ttransition: {\n\t\t\t\theight: {\n\t\t\t\t\ttype: \"spring\",\n\t\t\t\t\tbounce: 0,\n\t\t\t\t\tduration: 0.3,\n\t\t\t\t},\n\t\t\t\topacity: {\n\t\t\t\t\tease: \"ease\" as any,\n\t\t\t\t\tduration: 0.4,\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t\texit: {\n\t\t\topacity: 0,\n\t\t\theight: 0,\n\t\t\ttransition: {\n\t\t\t\tease: \"ease\" as any,\n\t\t\t\tduration: 0.3,\n\t\t\t},\n\t\t},\n\t},\n};\n","\"use client\";\n\nimport ReactDOM from \"react-dom\";\nimport { forwardRef, type Ref, useEffect, useRef } from \"react\";\nimport type { ModalBodyType, ModalFooterType, ModalHeaderType, ModalType } from \"./modal.type\";\nimport { cn } from \"@/lib/utils\";\nimport { Button } from \"../button\";\nimport { AnimatePresence } from \"framer-motion\";\nimport { LazyMotion, m } from \"framer-motion\";\nimport { TRANSITION_VARIANTS } from \"../transition/transition-utils\";\n\nexport const Modal = ({\n\tmodalId,\n\tisShow,\n\tisVisible,\n\tchildren,\n\tstyle,\n\tclassNameOverlay = \"\",\n\tstyleContainer,\n\tcloseModalClickOut,\n\tclassNameDialog = \"modal-custom-dialog\",\n\tclassNameContent = \"modal-custom-content\",\n\tbackdrop = \"opaque\",\n}: ModalType) => {\n\tconst modalBodyRef = useRef<HTMLDivElement>(null);\n\tuseEffect(() => {\n\t\tif (typeof window !== \"undefined\" && isVisible) {\n\t\t\tdocument.body.classList.add(\"modal-open\");\n\t\t}\n\t\treturn () => {\n\t\t\tif (typeof window !== \"undefined\") {\n\t\t\t\tdocument.body.classList.remove(\"modal-open\");\n\t\t\t}\n\t\t};\n\t}, [isVisible]);\n\n\tif (typeof window === \"undefined\") return null;\n\n\tconst modalRoot = document.getElementById(\"modal-root\");\n\tif (!modalRoot) return null;\n\n\tlet overlayClass = \"\";\n\n\tswitch (backdrop) {\n\t\tcase \"transparent\":\n\t\t\toverlayClass = \"bg-transparent\";\n\t\t\tbreak;\n\t\tcase \"opaque\":\n\t\t\toverlayClass = \"bg-black/50\";\n\t\t\tbreak;\n\t\tcase \"blur\":\n\t\t\toverlayClass = \"backdrop-blur-md backdrop-saturate-150 bg-overlay/30\";\n\t\t\tbreak;\n\t}\n\n\treturn ReactDOM.createPortal(\n\t\t<AnimatePresence>\n\t\t\t{isShow && (\n\t\t\t\t<LazyMotion features={() => import(\"framer-motion\").then((res) => res.domAnimation)}>\n\t\t\t\t\t<>\n\t\t\t\t\t\t<m.div\n\t\t\t\t\t\t\tkey=\"modal-overlay\"\n\t\t\t\t\t\t\tinitial=\"exit\"\n\t\t\t\t\t\t\tanimate=\"enter\"\n\t\t\t\t\t\t\texit=\"exit\"\n\t\t\t\t\t\t\tvariants={TRANSITION_VARIANTS.fade}\n\t\t\t\t\t\t\tclassName={cn(\"fixed inset-0 z-50\", overlayClass, classNameOverlay)}\n\t\t\t\t\t\t\tonClick={closeModalClickOut}\n\t\t\t\t\t\t\taria-hidden={!isShow}\n\t\t\t\t\t\t\trole=\"dialog\"\n\t\t\t\t\t\t\taria-modal=\"true\"\n\t\t\t\t\t\t\ttabIndex={-1}\n\t\t\t\t\t\t\tid={modalId}\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t<m.div\n\t\t\t\t\t\t\tkey=\"modal-content\"\n\t\t\t\t\t\t\tinitial=\"exit\"\n\t\t\t\t\t\t\tanimate=\"enter\"\n\t\t\t\t\t\t\texit=\"exit\"\n\t\t\t\t\t\t\tvariants={TRANSITION_VARIANTS.scaleInOut}\n\t\t\t\t\t\t\tref={modalBodyRef}\n\t\t\t\t\t\t\tonClick={(e) => e.stopPropagation()}\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\"fixed top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%] z-50 grid w-full max-w-[calc(100%-2rem)] sm:max-w-lg gap-4 rounded-lg p-6 shadow-lg bg-content1\",\n\t\t\t\t\t\t\t\tclassNameDialog,\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\tstyle={style}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div className={cn(\"modal-custom-content w-full flex flex-col gap-2\", classNameContent)} style={styleContainer}>\n\t\t\t\t\t\t\t\t{children}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</m.div>\n\t\t\t\t\t</>\n\t\t\t\t</LazyMotion>\n\t\t\t)}\n\t\t</AnimatePresence>,\n\t\tmodalRoot,\n\t);\n};\n\nexport const ModalBody = forwardRef(({ children, className = \"\", styled, height }: ModalBodyType, ref: Ref<HTMLDivElement>) => {\n\treturn (\n\t\t<div className={cn(\"modal-custom-body flex-1\", className)} ref={ref} style={{ ...styled, height: height ? `${height}px` : \"auto\" }}>\n\t\t\t{children}\n\t\t</div>\n\t);\n});\nModalBody.displayName = \"ModalBodyPortalComponent\";\n\nexport const ModalHeader = ({ title, showCloseButton = true, disabled = false, onClick, className, styled, children }: ModalHeaderType) => {\n\treturn (\n\t\t<div className={cn(\"modal-custom-header w-full flex flex-col gap-2 text-center sm:text-left\", className)} style={styled}>\n\t\t\t{children || <h4 className=\"modal-custom-title text-lg leading-none font-semibold\">{title}</h4>}\n\t\t\t{showCloseButton && (\n\t\t\t\t<div className=\"absolute top-3 right-4 disabled:pointer-events-none\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\tisIconOnly\n\t\t\t\t\t\tvariant=\"light\"\n\t\t\t\t\t\tradius=\"full\"\n\t\t\t\t\t\taria-label=\"Close\"\n\t\t\t\t\t\tonClick={onClick}\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\tclassName=\"p-0 w-[36px] h-[36px] min-w-auto bg-default-100 hover:bg-default-200 text-default-500 hover:text-default-600 dark:bg-default-100 dark:hover:bg-default-200 dark:text-default-500 dark:hover:text-default-600 disabled:opacity-50 disabled:pointer-events-none\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<svg width=\"20\" height=\"20\" fill=\"currentColor\" role=\"img\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t<path fill=\"none\" d=\"M0 0h21v21H0z\"></path>\n\t\t\t\t\t\t\t<path d=\"m12.12 10 4.07-4.06a1.5 1.5 0 1 0-2.11-2.12L10 7.88 5.94 3.81a1.5 1.5 0 1 0-2.12 2.12L7.88 10l-4.07 4.06a1.5 1.5 0 0 0 0 2.12 1.51 1.51 0 0 0 2.13 0L10 12.12l4.06 4.07a1.45 1.45 0 0 0 1.06.44 1.5 1.5 0 0 0 1.06-2.56Z\"></path>\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t<span className=\"sr-only\">Close</span>\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nexport const ModalFooter = ({ children, className, styled }: ModalFooterType) => {\n\treturn (\n\t\t<div className={cn(\"modal-custom-footer flex flex-col-reverse gap-2 sm:flex-row sm:justify-end mt-auto\", className)} style={styled}>\n\t\t\t{children}\n\t\t</div>\n\t);\n};\n"],"names":["TRANSITION_EASINGS","TRANSITION_VARIANTS","Modal","modalId","isShow","isVisible","children","style","classNameOverlay","styleContainer","closeModalClickOut","classNameDialog","classNameContent","backdrop","modalBodyRef","useRef","useEffect","modalRoot","overlayClass","ReactDOM","AnimatePresence","jsx","LazyMotion","res","jsxs","Fragment","m","cn","e","ModalBody","forwardRef","className","styled","height","ref","ModalHeader","title","showCloseButton","disabled","onClick","Button","ModalFooter"],"mappings":"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"}
+{"version":3,"file":"index.es.js","sources":["../../src/components/transition/transition-utils.ts","../../src/components/modal/modal.tsx"],"sourcesContent":["import type { Target, TargetAndTransition, Transition } from \"framer-motion\";\n\ntype WithMotionState<P> = Partial<Record<\"enter\" | \"exit\", P>>;\n\nexport type TransitionConfig = WithMotionState<Transition>;\n\nexport type TransitionEndConfig = WithMotionState<Target>;\n\nexport type TransitionProperties = {\n\t/**\n\t * Custom `transition` definition for `enter` and `exit`\n\t */\n\ttransition?: TransitionConfig;\n\t/**\n\t * Custom `transitionEnd` definition for `enter` and `exit`\n\t */\n\ttransitionEnd?: TransitionEndConfig;\n};\n\ntype TargetResolver<P = {}> = (props: P & TransitionProperties) => TargetAndTransition;\n\ntype Variant<P = {}> = TargetAndTransition | TargetResolver<P>;\n\nexport type Variants<P = {}> = Record<\n\tstring,\n\t{\n\t\tenter: Variant<P>;\n\t\texit: Variant<P>;\n\t\tinitial?: Variant<P>;\n\t}\n>;\n\nexport const TRANSITION_EASINGS = {\n\tease: [0.36, 0.66, 0.4, 1],\n\teaseIn: [0.4, 0, 1, 1],\n\teaseOut: [0, 0, 0.2, 1],\n\teaseInOut: [0.4, 0, 0.2, 1],\n\tspring: [0.155, 1.105, 0.295, 1.12],\n\tspringOut: [0.57, -0.15, 0.62, 0.07],\n\tsoftSpring: [0.16, 1.11, 0.3, 1.02],\n} as const;\n\nexport const TRANSITION_DEFAULTS = {\n\tenter: {\n\t\tduration: 0.2,\n\t\tease: TRANSITION_EASINGS.easeOut,\n\t},\n\texit: {\n\t\tduration: 0.1,\n\t\tease: TRANSITION_EASINGS.easeIn,\n\t},\n} as const;\n\nexport const TRANSITION_VARIANTS: Variants = {\n\tscaleSpring: {\n\t\tenter: {\n\t\t\ttransform: \"scale(1)\",\n\t\t\topacity: 1,\n\t\t\ttransition: {\n\t\t\t\ttype: \"spring\",\n\t\t\t\tbounce: 0,\n\t\t\t\tduration: 0.2,\n\t\t\t},\n\t\t},\n\t\texit: {\n\t\t\ttransform: \"scale(0.85)\",\n\t\t\topacity: 0,\n\t\t\ttransition: {\n\t\t\t\ttype: \"easeOut\" as any,\n\t\t\t\tduration: 0.15,\n\t\t\t},\n\t\t},\n\t},\n\tscaleSpringOpacity: {\n\t\tinitial: {\n\t\t\topacity: 0,\n\t\t\ttransform: \"scale(0.8)\",\n\t\t},\n\t\tenter: {\n\t\t\topacity: 1,\n\t\t\ttransform: \"scale(1)\",\n\t\t\ttransition: {\n\t\t\t\ttype: \"spring\",\n\t\t\t\tbounce: 0,\n\t\t\t\tduration: 0.3,\n\t\t\t},\n\t\t},\n\t\texit: {\n\t\t\topacity: 0,\n\t\t\ttransform: \"scale(0.96)\",\n\t\t\ttransition: {\n\t\t\t\ttype: \"easeOut\" as any,\n\t\t\t\tbounce: 0,\n\t\t\t\tduration: 0.15,\n\t\t\t},\n\t\t},\n\t},\n\tscale: {\n\t\tenter: { scale: 1 },\n\t\texit: { scale: 0.95 },\n\t},\n\tscaleFadeIn: {\n\t\tenter: {\n\t\t\ttransform: \"scale(1)\",\n\t\t\topacity: 1,\n\t\t\ttransition: {\n\t\t\t\tduration: 0.25,\n\t\t\t\tease: TRANSITION_EASINGS.easeIn,\n\t\t\t},\n\t\t},\n\t\texit: {\n\t\t\ttransform: \"scale(0.95)\",\n\t\t\topacity: 0,\n\t\t\ttransition: {\n\t\t\t\tduration: 0.2,\n\t\t\t\tease: TRANSITION_EASINGS.easeOut,\n\t\t\t},\n\t\t},\n\t},\n\tscaleInOut: {\n\t\tenter: {\n\t\t\ttransform: \"scale(1)\",\n\t\t\topacity: 1,\n\t\t\ttransition: {\n\t\t\t\tduration: 0.4,\n\t\t\t\tease: TRANSITION_EASINGS.ease,\n\t\t\t},\n\t\t},\n\t\texit: {\n\t\t\ttransform: \"scale(1.03)\",\n\t\t\topacity: 0,\n\t\t\ttransition: {\n\t\t\t\tduration: 0.3,\n\t\t\t\tease: TRANSITION_EASINGS.ease,\n\t\t\t},\n\t\t},\n\t},\n\tfade: {\n\t\tenter: {\n\t\t\topacity: 1,\n\t\t\ttransition: {\n\t\t\t\tduration: 0.4,\n\t\t\t\tease: TRANSITION_EASINGS.ease,\n\t\t\t},\n\t\t},\n\t\texit: {\n\t\t\topacity: 0,\n\t\t\ttransition: {\n\t\t\t\tduration: 0.3,\n\t\t\t\tease: TRANSITION_EASINGS.ease,\n\t\t\t},\n\t\t},\n\t},\n\tcollapse: {\n\t\tenter: {\n\t\t\topacity: 1,\n\t\t\theight: \"auto\",\n\t\t\ttransition: {\n\t\t\t\theight: {\n\t\t\t\t\ttype: \"spring\",\n\t\t\t\t\tbounce: 0,\n\t\t\t\t\tduration: 0.3,\n\t\t\t\t},\n\t\t\t\topacity: {\n\t\t\t\t\tease: \"ease\" as any,\n\t\t\t\t\tduration: 0.4,\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t\texit: {\n\t\t\topacity: 0,\n\t\t\theight: 0,\n\t\t\ttransition: {\n\t\t\t\tease: \"ease\" as any,\n\t\t\t\tduration: 0.3,\n\t\t\t},\n\t\t},\n\t},\n};\n","\"use client\";\n\nimport ReactDOM from \"react-dom\";\nimport { forwardRef, type Ref, useEffect, useRef } from \"react\";\nimport type { ModalBodyType, ModalFooterType, ModalHeaderType, ModalType } from \"./modal.type\";\nimport { cn } from \"@/lib/utils\";\nimport { Button } from \"../button\";\nimport { AnimatePresence } from \"framer-motion\";\nimport { LazyMotion, m } from \"framer-motion\";\nimport { TRANSITION_VARIANTS } from \"../transition/transition-utils\";\nimport { cva } from \"class-variance-authority\";\n\nconst modalStyles = cva(\"\", {\n\tvariants: {\n\t\tsize: {\n\t\t\t\"xs\": {\n\t\t\t\tbase: \"max-w-xs\",\n\t\t\t},\n\t\t\t\"sm\": {\n\t\t\t\tbase: \"max-w-sm\",\n\t\t\t},\n\t\t\t\"md\": {\n\t\t\t\tbase: \"max-w-md\",\n\t\t\t},\n\t\t\t\"lg\": {\n\t\t\t\tbase: \"max-w-lg\",\n\t\t\t},\n\t\t\t\"xl\": {\n\t\t\t\tbase: \"max-w-xl\",\n\t\t\t},\n\t\t\t\"2xl\": {\n\t\t\t\tbase: \"max-w-2xl\",\n\t\t\t},\n\t\t\t\"3xl\": {\n\t\t\t\tbase: \"max-w-3xl\",\n\t\t\t},\n\t\t\t\"4xl\": {\n\t\t\t\tbase: \"max-w-4xl\",\n\t\t\t},\n\t\t\t\"5xl\": {\n\t\t\t\tbase: \"max-w-5xl\",\n\t\t\t},\n\t\t\t\"full\": {\n\t\t\t\tbase: \"my-0 mx-0 sm:mx-0 sm:my-0 max-w-full h-[100dvh] min-h-[100dvh] !rounded-none\",\n\t\t\t},\n\t\t},\n\t\tradius: {\n\t\t\tnone: { base: \"rounded-none\" },\n\t\t\tsm: { base: \"rounded-sm\" },\n\t\t\tmd: { base: \"rounded-md\" },\n\t\t\tlg: { base: \"rounded-lg\" },\n\t\t},\n\t\tshadow: {\n\t\t\tnone: {\n\t\t\t\tbase: \"shadow-none\",\n\t\t\t},\n\t\t\tsm: {\n\t\t\t\tbase: \"shadow-sm\",\n\t\t\t},\n\t\t\tmd: {\n\t\t\t\tbase: \"shadow-md\",\n\t\t\t},\n\t\t\tlg: {\n\t\t\t\tbase: \"shadow-lg\",\n\t\t\t},\n\t\t},\n\t\tbackdrop: {\n\t\t\ttransparent: {\n\t\t\t\tbackdrop: \"bg-transparent\",\n\t\t\t},\n\t\t\topaque: {\n\t\t\t\tbackdrop: \"bg-black/50\",\n\t\t\t},\n\t\t\tblur: {\n\t\t\t\tbackdrop: \"backdrop-blur-md backdrop-saturate-150 bg-overlay/30\",\n\t\t\t},\n\t\t},\n\t\tscrollBehavior: {\n\t\t\tnormal: {\n\t\t\t\tbase: \"overflow-y-hidden\",\n\t\t\t},\n\t\t\tinside: {\n\t\t\t\tbase: \"max-h-[calc(100%_-_8rem)]\",\n\t\t\t\tbody: \"overflow-y-auto\",\n\t\t\t},\n\t\t\toutside: {\n\t\t\t\twrapper: \"items-start sm:items-start overflow-y-auto\",\n\t\t\t\tbase: \"my-16\",\n\t\t\t},\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\tsize: \"md\",\n\t\tradius: \"lg\",\n\t\tshadow: \"sm\",\n\t\tbackdrop: \"opaque\",\n\t\tscrollBehavior: \"normal\",\n\t},\n});\n\nexport const Modal = ({\n\tmodalId,\n\tisShow,\n\tisVisible,\n\tchildren,\n\tstyle,\n\tclassNameOverlay = \"\",\n\tstyleContainer,\n\tonClickOutside,\n\tclassNameDialog = \"modal-custom-dialog\",\n\tclassNameContent = \"modal-custom-content\",\n\tbackdrop = \"opaque\",\n\tsize = \"md\",\n\tisKeyboardDismissDisabled = false,\n\tshadow = \"md\",\n    radius = \"lg\",\n}: ModalType) => {\n\tconst modalBodyRef = useRef<HTMLDivElement>(null);\n\tuseEffect(() => {\n\t\tif (typeof window !== \"undefined\" && isVisible) {\n\t\t\tdocument.body.classList.add(\"modal-open\");\n\t\t}\n\t\treturn () => {\n\t\t\tif (typeof window !== \"undefined\") {\n\t\t\t\tdocument.body.classList.remove(\"modal-open\");\n\t\t\t}\n\t\t};\n\t}, [isVisible]);\n\n\tuseEffect(() => {\n\t\tconst handleKeyDown = (e: KeyboardEvent) => {\n\t\t\tif (e.key === \"Escape\" && !isKeyboardDismissDisabled) {\n\t\t\t\tonClickOutside?.();\n\t\t\t}\n\t\t};\n\n\t\tif (isShow) {\n\t\t\tdocument.addEventListener(\"keydown\", handleKeyDown);\n\t\t}\n\n\t\treturn () => {\n\t\t\tdocument.removeEventListener(\"keydown\", handleKeyDown);\n\t\t};\n\t}, [isShow, isKeyboardDismissDisabled, onClickOutside]);\n\n\tif (typeof window === \"undefined\") return null;\n\n\tconst modalRoot = document.getElementById(\"modal-root\");\n\tif (!modalRoot) return null;\n\n\treturn ReactDOM.createPortal(\n\t\t<AnimatePresence>\n\t\t\t{isShow && (\n\t\t\t\t<LazyMotion features={() => import(\"framer-motion\").then((res) => res.domAnimation)}>\n\t\t\t\t\t<>\n\t\t\t\t\t\t<m.div\n\t\t\t\t\t\t\tkey=\"modal-overlay\"\n\t\t\t\t\t\t\tinitial=\"exit\"\n\t\t\t\t\t\t\tanimate=\"enter\"\n\t\t\t\t\t\t\texit=\"exit\"\n\t\t\t\t\t\t\tvariants={TRANSITION_VARIANTS.fade}\n\t\t\t\t\t\t\tclassName={cn(\"fixed inset-0 z-50\", modalStyles({ backdrop }), classNameOverlay)}\n\t\t\t\t\t\t\tonClick={onClickOutside}\n\t\t\t\t\t\t\taria-hidden={!isShow}\n\t\t\t\t\t\t\trole=\"dialog\"\n\t\t\t\t\t\t\taria-modal=\"true\"\n\t\t\t\t\t\t\ttabIndex={-1}\n\t\t\t\t\t\t\tid={modalId}\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t<m.div\n\t\t\t\t\t\t\tkey=\"modal-content\"\n\t\t\t\t\t\t\tinitial=\"exit\"\n\t\t\t\t\t\t\tanimate=\"enter\"\n\t\t\t\t\t\t\texit=\"exit\"\n\t\t\t\t\t\t\tvariants={TRANSITION_VARIANTS.scaleInOut}\n\t\t\t\t\t\t\tref={modalBodyRef}\n\t\t\t\t\t\t\tonClick={(e) => e.stopPropagation()}\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\"fixed top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%] z-50 grid w-full max-w-[calc(100%-2rem)] sm:max-w-lg gap-4 rounded-lg p-6 shadow-lg bg-content1\",\n\t\t\t\t\t\t\t\tmodalStyles({ size, radius , shadow }),\n\t\t\t\t\t\t\t\tclassNameDialog,\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\tstyle={style}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div className={cn(\"modal-custom-content w-full flex flex-col gap-2\", classNameContent)} style={styleContainer}>\n\t\t\t\t\t\t\t\t{children}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</m.div>\n\t\t\t\t\t</>\n\t\t\t\t</LazyMotion>\n\t\t\t)}\n\t\t</AnimatePresence>,\n\t\tmodalRoot,\n\t);\n};\n\nexport const ModalBody = forwardRef(({ children, className = \"\", styled, height }: ModalBodyType, ref: Ref<HTMLDivElement>) => {\n\treturn (\n\t\t<div className={cn(\"modal-custom-body flex-1\", className)} ref={ref} style={{ ...styled, height: height ? `${height}px` : \"auto\" }}>\n\t\t\t{children}\n\t\t</div>\n\t);\n});\nModalBody.displayName = \"ModalBodyPortalComponent\";\n\nexport const ModalHeader = ({ title, showCloseButton = true, disabled = false, onClick, className, styled, children }: ModalHeaderType) => {\n\treturn (\n\t\t<div className={cn(\"modal-custom-header w-full flex flex-col gap-2 text-center sm:text-left\", className)} style={styled}>\n\t\t\t{children || <h4 className=\"modal-custom-title text-lg leading-none font-semibold\">{title}</h4>}\n\t\t\t{showCloseButton && (\n\t\t\t\t<div className=\"absolute top-3 right-4 disabled:pointer-events-none\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\tisIconOnly\n\t\t\t\t\t\tvariant=\"light\"\n\t\t\t\t\t\tradius=\"full\"\n\t\t\t\t\t\taria-label=\"Close\"\n\t\t\t\t\t\tonClick={onClick}\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\tclassName=\"p-0 w-[36px] h-[36px] min-w-auto bg-default-100 hover:bg-default-200 text-default-500 hover:text-default-600 dark:bg-default-100 dark:hover:bg-default-200 dark:text-default-500 dark:hover:text-default-600 disabled:opacity-50 disabled:pointer-events-none\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<svg width=\"20\" height=\"20\" fill=\"currentColor\" role=\"img\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t<path fill=\"none\" d=\"M0 0h21v21H0z\"></path>\n\t\t\t\t\t\t\t<path d=\"m12.12 10 4.07-4.06a1.5 1.5 0 1 0-2.11-2.12L10 7.88 5.94 3.81a1.5 1.5 0 1 0-2.12 2.12L7.88 10l-4.07 4.06a1.5 1.5 0 0 0 0 2.12 1.51 1.51 0 0 0 2.13 0L10 12.12l4.06 4.07a1.45 1.45 0 0 0 1.06.44 1.5 1.5 0 0 0 1.06-2.56Z\"></path>\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t<span className=\"sr-only\">Close</span>\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nexport const ModalFooter = ({ children, className, styled }: ModalFooterType) => {\n\treturn (\n\t\t<div className={cn(\"modal-custom-footer flex flex-col-reverse gap-2 sm:flex-row sm:justify-end mt-auto\", className)} style={styled}>\n\t\t\t{children}\n\t\t</div>\n\t);\n};\n"],"names":["TRANSITION_EASINGS","TRANSITION_VARIANTS","modalStyles","cva","Modal","modalId","isShow","isVisible","children","style","classNameOverlay","styleContainer","onClickOutside","classNameDialog","classNameContent","backdrop","size","isKeyboardDismissDisabled","shadow","radius","modalBodyRef","useRef","useEffect","handleKeyDown","e","modalRoot","ReactDOM","AnimatePresence","jsx","LazyMotion","res","jsxs","Fragment","m","cn","ModalBody","forwardRef","className","styled","height","ref","ModalHeader","title","showCloseButton","disabled","onClick","Button","ModalFooter"],"mappings":"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"}

package/dist/pagination/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../chunks/jsx-runtime-DFswc9zO.js"),p=require("../chunks/bundle-mjs-Bta93uUH.js"),b=require("../chunks/index-CeBD7F1N.js"),j=require("react"),g=require("../chunks/clsx-C11secjj.js"),m=require("../chunks/index-CMmK7lyb.js");require("../chunks/button-BnNW_eev.js");const R=({className:d,color:e="primary",active:r,children:o,text:t,onClick:l})=>{const c=g.clsx({"bg-primary":e==="primary"&&r,"bg-success":e==="success"&&r,"bg-danger":e==="danger"&&r,"bg-warning":e==="warning"&&r,"bg-default":e==="default"&&r,"dark:hover:bg-default-200 dark:hover:text-default-800":!r}),x=p.twMerge(g.clsx("text-sm",{"group-hover:text-primary-500 dark:group-hover:text-default-800":e==="primary"&&!r,"group-hover:text-success-500 dark:group-hover:text-default-800":e==="success"&&!r,"group-hover:text-danger-500 dark:group-hover:text-default-800":e==="danger"&&!r,"group-hover:text-warning-500 dark:group-hover:text-default-800":e==="warning"&&!r,"group-hover:text-default-500 dark:group-hover:text-default-800":e==="default"&&!r,"text-default-foreground":r&&e==="default","text-primary-foreground":r&&e==="primary","text-success-foreground":r&&e==="success","text-danger-foreground":r&&e==="danger","text-warning-foreground":r&&e==="warning"}));return s.jsxRuntimeExports.jsx("div",{className:p.twMerge("w-[33px] h-[32px] flex items-center justify-center group ",c,d),onClick:l,children:o||s.jsxRuntimeExports.jsx("p",{className:x,children:t})})},y=({page:d,total:e,siblings:r=1})=>{if(7+r>=e)return Array.from({length:e},(n,i)=>i+1);const t=Math.max(d-r,1),l=Math.min(d+r,e),c=t>2,x=l<e-2;if(!c&&x){const n=3+2*r;return[...Array.from({length:n},(a,f)=>f+1),"...",e]}else if(c&&!x){const n=3+2*r;return[1,"...",...Array.from({length:n},(a,f)=>e-n+f+1)]}else return[1,"...",...Array.from({length:l-t+1},(i,a)=>t+a),"...",e]},k=d=>d.map(e=>({id:e,name:e})),v=({className:d,color:e="primary",total:r,limit:o=20,page:t=1,siblings:l=1,isLimitSelect:c=!0,dataLimit:x=[10,15,20,50,100,200],onChange:n,translate:i={selectLimit:"Limites",rowPerPage:"Filas por pagina",of:"de"}})=>{const a=Math.ceil(r/o),f=y({page:t,siblings:l,total:a}),w=k(x),E=u=>{u!=="..."&&n&&n({limit:o,page:Number(u)})},P=()=>{t!==1&&n&&n({limit:o,page:t-1})},N=()=>{t===a||a===0||n&&n({limit:o,page:t+1})},S=u=>{n&&n({page:t,limit:u?Number(u):20})};return s.jsxRuntimeExports.jsxs("div",{className:p.twMerge("flex justify-between gap-x-2 items-center",d),children:[c?s.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-x-2.5",children:[s.jsxRuntimeExports.jsx("div",{children:s.jsxRuntimeExports.jsxs("span",{className:"text-sm text-default-500",children:[(i==null?void 0:i.rowPerPage)||"Filas por pagina",":"]})}),s.jsxRuntimeExports.jsxs(m.Select,{value:o==null?void 0:o.toString(),onValueChange:S,children:[s.jsxRuntimeExports.jsx(m.SelectTrigger,{className:"min-w-20",children:s.jsxRuntimeExports.jsx(m.SelectValue,{placeholder:"Select a fruit"})}),s.jsxRuntimeExports.jsx(m.SelectContent,{children:s.jsxRuntimeExports.jsxs(m.SelectGroup,{children:[s.jsxRuntimeExports.jsx(m.SelectLabel,{children:(i==null?void 0:i.selectLimit)||"Limites"}),w.map(u=>{var h;return s.jsxRuntimeExports.jsx(m.SelectItem,{value:(h=u.id)==null?void 0:h.toString(),children:u.name},u.id)})]})})]}),s.jsxRuntimeExports.jsxs("div",{className:"text-sm text-default-500",children:[s.jsxRuntimeExports.jsx("span",{className:"text-default-500",children:`${t} - ${o}`})," ",(i==null?void 0:i.of)||"de"," ",s.jsxRuntimeExports.jsx("span",{className:"text-default-500",children:r})]})]}):null,s.jsxRuntimeExports.jsxs("div",{className:"flex flex-nowrap h-fit max-w-fit relative items-center overflow-visible gap-0 border border-divider rounded-lg cursor-pointer dark:bg-default-100",children:[s.jsxRuntimeExports.jsx(R,{className:g.clsx(t===1&&"cursor-no-drop","rounded-tl-lg rounded-bl-lg "),onClick:P,children:s.jsxRuntimeExports.jsx(b.IoIosArrowBack,{className:p.twMerge("fill-default-500",g.clsx(t===1&&"fill-default-300"))})}),f.map((u,h)=>s.jsxRuntimeExports.jsx(R,{text:u,active:t===u,color:e,onClick:()=>E(u),className:"border-l border-divider "},h)),s.jsxRuntimeExports.jsx(R,{className:g.clsx("border-l border-divider rounded-tr-lg rounded-br-lg ",(t===a||a===0)&&"cursor-no-drop"),onClick:N,children:s.jsxRuntimeExports.jsx(b.IoIosArrowBack,{className:p.twMerge("fill-default-500 transform rotate-180 ",g.clsx((t===a||a===0)&&"fill-default-300"))})})]})]})},I=({initialPage:d=1,initialLimit:e=20})=>{const[r,o]=j.useState(d),[t,l]=j.useState(e);return{handleSetPagination:j.useCallback(({page:x,limit:n})=>{x!==r&&o(x),n!==t&&l(n)},[t,r]),page:r,limit:t}};exports.Pagination=v;exports.usePagination=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../chunks/jsx-runtime-DFswc9zO.js"),p=require("../chunks/bundle-mjs-Bta93uUH.js"),b=require("../chunks/index-CeBD7F1N.js"),j=require("react"),g=require("../chunks/clsx-C11secjj.js"),m=require("../chunks/index-32mPyHbg.js");require("../chunks/button-BnNW_eev.js");const R=({className:d,color:e="primary",active:r,children:o,text:t,onClick:l})=>{const c=g.clsx({"bg-primary":e==="primary"&&r,"bg-success":e==="success"&&r,"bg-danger":e==="danger"&&r,"bg-warning":e==="warning"&&r,"bg-default":e==="default"&&r,"dark:hover:bg-default-200 dark:hover:text-default-800":!r}),x=p.twMerge(g.clsx("text-sm",{"group-hover:text-primary-500 dark:group-hover:text-default-800":e==="primary"&&!r,"group-hover:text-success-500 dark:group-hover:text-default-800":e==="success"&&!r,"group-hover:text-danger-500 dark:group-hover:text-default-800":e==="danger"&&!r,"group-hover:text-warning-500 dark:group-hover:text-default-800":e==="warning"&&!r,"group-hover:text-default-500 dark:group-hover:text-default-800":e==="default"&&!r,"text-default-foreground":r&&e==="default","text-primary-foreground":r&&e==="primary","text-success-foreground":r&&e==="success","text-danger-foreground":r&&e==="danger","text-warning-foreground":r&&e==="warning"}));return s.jsxRuntimeExports.jsx("div",{className:p.twMerge("w-[33px] h-[32px] flex items-center justify-center group ",c,d),onClick:l,children:o||s.jsxRuntimeExports.jsx("p",{className:x,children:t})})},y=({page:d,total:e,siblings:r=1})=>{if(7+r>=e)return Array.from({length:e},(n,i)=>i+1);const t=Math.max(d-r,1),l=Math.min(d+r,e),c=t>2,x=l<e-2;if(!c&&x){const n=3+2*r;return[...Array.from({length:n},(a,f)=>f+1),"...",e]}else if(c&&!x){const n=3+2*r;return[1,"...",...Array.from({length:n},(a,f)=>e-n+f+1)]}else return[1,"...",...Array.from({length:l-t+1},(i,a)=>t+a),"...",e]},k=d=>d.map(e=>({id:e,name:e})),v=({className:d,color:e="primary",total:r,limit:o=20,page:t=1,siblings:l=1,isLimitSelect:c=!0,dataLimit:x=[10,15,20,50,100,200],onChange:n,translate:i={selectLimit:"Limites",rowPerPage:"Filas por pagina",of:"de"}})=>{const a=Math.ceil(r/o),f=y({page:t,siblings:l,total:a}),w=k(x),E=u=>{u!=="..."&&n&&n({limit:o,page:Number(u)})},P=()=>{t!==1&&n&&n({limit:o,page:t-1})},N=()=>{t===a||a===0||n&&n({limit:o,page:t+1})},S=u=>{n&&n({page:t,limit:u?Number(u):20})};return s.jsxRuntimeExports.jsxs("div",{className:p.twMerge("flex justify-between gap-x-2 items-center",d),children:[c?s.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-x-2.5",children:[s.jsxRuntimeExports.jsx("div",{children:s.jsxRuntimeExports.jsxs("span",{className:"text-sm text-default-500",children:[(i==null?void 0:i.rowPerPage)||"Filas por pagina",":"]})}),s.jsxRuntimeExports.jsxs(m.Select,{value:o==null?void 0:o.toString(),onValueChange:S,children:[s.jsxRuntimeExports.jsx(m.SelectTrigger,{className:"min-w-20",children:s.jsxRuntimeExports.jsx(m.SelectValue,{placeholder:"Select a fruit"})}),s.jsxRuntimeExports.jsx(m.SelectContent,{children:s.jsxRuntimeExports.jsxs(m.SelectGroup,{children:[s.jsxRuntimeExports.jsx(m.SelectLabel,{children:(i==null?void 0:i.selectLimit)||"Limites"}),w.map(u=>{var h;return s.jsxRuntimeExports.jsx(m.SelectItem,{value:(h=u.id)==null?void 0:h.toString(),children:u.name},u.id)})]})})]}),s.jsxRuntimeExports.jsxs("div",{className:"text-sm text-default-500",children:[s.jsxRuntimeExports.jsx("span",{className:"text-default-500",children:`${t} - ${o}`})," ",(i==null?void 0:i.of)||"de"," ",s.jsxRuntimeExports.jsx("span",{className:"text-default-500",children:r})]})]}):null,s.jsxRuntimeExports.jsxs("div",{className:"flex flex-nowrap h-fit max-w-fit relative items-center overflow-visible gap-0 border border-divider rounded-lg cursor-pointer dark:bg-default-100",children:[s.jsxRuntimeExports.jsx(R,{className:g.clsx(t===1&&"cursor-no-drop","rounded-tl-lg rounded-bl-lg "),onClick:P,children:s.jsxRuntimeExports.jsx(b.IoIosArrowBack,{className:p.twMerge("fill-default-500",g.clsx(t===1&&"fill-default-300"))})}),f.map((u,h)=>s.jsxRuntimeExports.jsx(R,{text:u,active:t===u,color:e,onClick:()=>E(u),className:"border-l border-divider "},h)),s.jsxRuntimeExports.jsx(R,{className:g.clsx("border-l border-divider rounded-tr-lg rounded-br-lg ",(t===a||a===0)&&"cursor-no-drop"),onClick:N,children:s.jsxRuntimeExports.jsx(b.IoIosArrowBack,{className:p.twMerge("fill-default-500 transform rotate-180 ",g.clsx((t===a||a===0)&&"fill-default-300"))})})]})]})},I=({initialPage:d=1,initialLimit:e=20})=>{const[r,o]=j.useState(d),[t,l]=j.useState(e);return{handleSetPagination:j.useCallback(({page:x,limit:n})=>{x!==r&&o(x),n!==t&&l(n)},[t,r]),page:r,limit:t}};exports.Pagination=v;exports.usePagination=I;
 //# sourceMappingURL=index.cjs.js.map