@xanui/core 1.0.21 → 1.1.0

package/theme/core.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/theme/core.ts"],
+  "sourcesContent": ["import React from \"react\"\nimport { ObjectType, ThemeOptions } from \"./types\"\n\nexport const ThemeFactory = new Map<string, ThemeOptions>()\nexport const ThemeContex = React.createContext(\"light\")\nexport const getTheme = (theme: string) => ThemeFactory.get(theme)\nexport const useTheme = (): ThemeOptions => ThemeFactory.get(React.useContext(ThemeContex)) as any\n\nexport const mergeObject = (a: ObjectType, b: ObjectType) => {\n   a = { ...a }\n   b = { ...b }\n   for (const key in b) {\n      const v = (b as any)[key]\n      if (typeof v === 'object' && !Array.isArray(v) && !React.isValidElement(v)) {\n         a[key] = mergeObject(a[key], b[key])\n      } else {\n         a[key] = v\n      }\n   }\n   return a\n}\n"],
+  "mappings": "AAAA,OAAOA,MAAW,QAGX,MAAMC,EAAe,IAAI,IACnBC,EAAcF,EAAM,cAAc,OAAO,EACzCG,EAAYC,GAAkBH,EAAa,IAAIG,CAAK,EACpDC,EAAW,IAAoBJ,EAAa,IAAID,EAAM,WAAWE,CAAW,CAAC,EAE7EI,EAAc,CAACC,EAAeC,IAAkB,CAC1DD,EAAI,CAAE,GAAGA,CAAE,EACXC,EAAI,CAAE,GAAGA,CAAE,EACX,UAAWC,KAAOD,EAAG,CAClB,MAAME,EAAKF,EAAUC,CAAG,EACpB,OAAOC,GAAM,UAAY,CAAC,MAAM,QAAQA,CAAC,GAAK,CAACV,EAAM,eAAeU,CAAC,EACtEH,EAAEE,CAAG,EAAIH,EAAYC,EAAEE,CAAG,EAAGD,EAAEC,CAAG,CAAC,EAEnCF,EAAEE,CAAG,EAAIC,CAEf,CACA,OAAOH,CACV",
+  "names": ["React", "ThemeFactory", "ThemeContex", "getTheme", "theme", "useTheme", "mergeObject", "a", "b", "key", "v"]
+}

package/{cjs/theme/createColor.js → theme/createColor.cjs}

@@ -1,2 +1,2 @@
 "use strict";var p=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var m=(a,l)=>{for(var n in l)p(a,n,{get:l[n],enumerable:!0})},y=(a,l,n,o)=>{if(l&&typeof l=="object"||typeof l=="function")for(let e of d(l))!g.call(a,e)&&e!==n&&p(a,e,{get:()=>l[e],enumerable:!(o=h(l,e))||o.enumerable});return a};var v=a=>y(p({},"__esModule",{value:!0}),a);var C={};m(C,{default:()=>x});module.exports=v(C);var t=require("../css");const f=(a,l)=>{let n=a.colors[l],{primary:o,secondary:e}=n,c=n.text||a.colors.text.primary,i=(0,t.alpha)(o,.1);const r=(s,b)=>l==="background"?s:b;return{alpha:i,template:{outline:{bgcolor:"transparent",color:r(c,o),border:1,borderColor:r("divider",(0,t.alpha)(o,.4)),hover:{color:r(c,o),borderColor:r("divider",(0,t.alpha)(o,.8))}},fill:{bgcolor:r(e,o),color:c,hover:{bgcolor:r((0,t.alpha)(e,.6),e),color:c}},text:{bgcolor:"transparent",color:r(c,o),hover:{bgcolor:r((0,t.alpha)(e,.6),(0,t.alpha)(o,.1)),color:r(c,o)}},alpha:{bgcolor:r((0,t.alpha)(e,.5),(0,t.alpha)(o,.1)),color:r(c,o),hover:{bgcolor:r((0,t.alpha)(e,.8),(0,t.alpha)(o,.15)),color:r(c,o)}}}}};var x=f;
-//# sourceMappingURL=createColor.js.map
+//# sourceMappingURL=createColor.cjs.map

package/theme/createColor.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/theme/createColor.ts"],
+  "sourcesContent": ["import { ThemeOptions, ThemeColor } from \"./types\"\nimport { alpha } from \"../css\"\n\nconst createColor = (theme: ThemeOptions, name: keyof ThemeColor) => {\n   let color = theme.colors[name]\n   let { primary, secondary } = color as any\n   let text = (color as any).text || theme.colors.text.primary\n   let _alpha = alpha(primary, .1)\n\n   const isBag = (a: any, b: any) => name === \"background\" ? a : b\n\n   return {\n      alpha: _alpha,\n      template: {\n         outline: {\n            bgcolor: \"transparent\",\n            color: isBag(text, primary),\n            border: 1,\n            borderColor: isBag(\"divider\", alpha(primary, .4)),\n            hover: {\n               color: isBag(text, primary),\n               borderColor: isBag(\"divider\", alpha(primary, .8)),\n            }\n         },\n         fill: {\n            bgcolor: isBag(secondary, primary),\n            color: text,\n            hover: {\n               bgcolor: isBag(alpha(secondary, .6), secondary),\n               color: text,\n            }\n         },\n         text: {\n            bgcolor: \"transparent\",\n            color: isBag(text, primary),\n            hover: {\n               bgcolor: isBag(alpha(secondary, .6), alpha(primary, .1)),\n               color: isBag(text, primary),\n            }\n         },\n         alpha: {\n            bgcolor: isBag(alpha(secondary, .5), alpha(primary, .1)),\n            color: isBag(text, primary),\n            hover: {\n               bgcolor: isBag(alpha(secondary, .8), alpha(primary, .15)),\n               color: isBag(text, primary),\n            }\n         }\n      }\n   }\n}\n\nexport default createColor"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GACA,IAAAI,EAAsB,kBAEtB,MAAMC,EAAc,CAACC,EAAqBC,IAA2B,CAClE,IAAIC,EAAQF,EAAM,OAAOC,CAAI,EACzB,CAAE,QAAAE,EAAS,UAAAC,CAAU,EAAIF,EACzBG,EAAQH,EAAc,MAAQF,EAAM,OAAO,KAAK,QAChDM,KAAS,SAAMH,EAAS,EAAE,EAE9B,MAAMI,EAAQ,CAACC,EAAQ,IAAWP,IAAS,aAAeO,EAAI,EAE9D,MAAO,CACJ,MAAOF,EACP,SAAU,CACP,QAAS,CACN,QAAS,cACT,MAAOC,EAAMF,EAAMF,CAAO,EAC1B,OAAQ,EACR,YAAaI,EAAM,aAAW,SAAMJ,EAAS,EAAE,CAAC,EAChD,MAAO,CACJ,MAAOI,EAAMF,EAAMF,CAAO,EAC1B,YAAaI,EAAM,aAAW,SAAMJ,EAAS,EAAE,CAAC,CACnD,CACH,EACA,KAAM,CACH,QAASI,EAAMH,EAAWD,CAAO,EACjC,MAAOE,EACP,MAAO,CACJ,QAASE,KAAM,SAAMH,EAAW,EAAE,EAAGA,CAAS,EAC9C,MAAOC,CACV,CACH,EACA,KAAM,CACH,QAAS,cACT,MAAOE,EAAMF,EAAMF,CAAO,EAC1B,MAAO,CACJ,QAASI,KAAM,SAAMH,EAAW,EAAE,KAAG,SAAMD,EAAS,EAAE,CAAC,EACvD,MAAOI,EAAMF,EAAMF,CAAO,CAC7B,CACH,EACA,MAAO,CACJ,QAASI,KAAM,SAAMH,EAAW,EAAE,KAAG,SAAMD,EAAS,EAAE,CAAC,EACvD,MAAOI,EAAMF,EAAMF,CAAO,EAC1B,MAAO,CACJ,QAASI,KAAM,SAAMH,EAAW,EAAE,KAAG,SAAMD,EAAS,GAAG,CAAC,EACxD,MAAOI,EAAMF,EAAMF,CAAO,CAC7B,CACH,CACH,CACH,CACH,EAEA,IAAOP,EAAQG",
+  "names": ["createColor_exports", "__export", "createColor_default", "__toCommonJS", "import_css", "createColor", "theme", "name", "color", "primary", "secondary", "text", "_alpha", "isBag", "a"]
+}

package/theme/{createColor.js → createColor.mjs}

@@ -1,2 +1,2 @@
 import{alpha as l}from"../css";const b=(a,c)=>{let n=a.colors[c],{primary:o,secondary:t}=n,e=n.text||a.colors.text.primary,p=l(o,.1);const r=(i,s)=>c==="background"?i:s;return{alpha:p,template:{outline:{bgcolor:"transparent",color:r(e,o),border:1,borderColor:r("divider",l(o,.4)),hover:{color:r(e,o),borderColor:r("divider",l(o,.8))}},fill:{bgcolor:r(t,o),color:e,hover:{bgcolor:r(l(t,.6),t),color:e}},text:{bgcolor:"transparent",color:r(e,o),hover:{bgcolor:r(l(t,.6),l(o,.1)),color:r(e,o)}},alpha:{bgcolor:r(l(t,.5),l(o,.1)),color:r(e,o),hover:{bgcolor:r(l(t,.8),l(o,.15)),color:r(e,o)}}}}};var y=b;export{y as default};
-//# sourceMappingURL=createColor.js.map
+//# sourceMappingURL=createColor.mjs.map

package/theme/createColor.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/theme/createColor.ts"],
+  "sourcesContent": ["import { ThemeOptions, ThemeColor } from \"./types\"\nimport { alpha } from \"../css\"\n\nconst createColor = (theme: ThemeOptions, name: keyof ThemeColor) => {\n   let color = theme.colors[name]\n   let { primary, secondary } = color as any\n   let text = (color as any).text || theme.colors.text.primary\n   let _alpha = alpha(primary, .1)\n\n   const isBag = (a: any, b: any) => name === \"background\" ? a : b\n\n   return {\n      alpha: _alpha,\n      template: {\n         outline: {\n            bgcolor: \"transparent\",\n            color: isBag(text, primary),\n            border: 1,\n            borderColor: isBag(\"divider\", alpha(primary, .4)),\n            hover: {\n               color: isBag(text, primary),\n               borderColor: isBag(\"divider\", alpha(primary, .8)),\n            }\n         },\n         fill: {\n            bgcolor: isBag(secondary, primary),\n            color: text,\n            hover: {\n               bgcolor: isBag(alpha(secondary, .6), secondary),\n               color: text,\n            }\n         },\n         text: {\n            bgcolor: \"transparent\",\n            color: isBag(text, primary),\n            hover: {\n               bgcolor: isBag(alpha(secondary, .6), alpha(primary, .1)),\n               color: isBag(text, primary),\n            }\n         },\n         alpha: {\n            bgcolor: isBag(alpha(secondary, .5), alpha(primary, .1)),\n            color: isBag(text, primary),\n            hover: {\n               bgcolor: isBag(alpha(secondary, .8), alpha(primary, .15)),\n               color: isBag(text, primary),\n            }\n         }\n      }\n   }\n}\n\nexport default createColor"],
+  "mappings": "AACA,OAAS,SAAAA,MAAa,SAEtB,MAAMC,EAAc,CAACC,EAAqBC,IAA2B,CAClE,IAAIC,EAAQF,EAAM,OAAOC,CAAI,EACzB,CAAE,QAAAE,EAAS,UAAAC,CAAU,EAAIF,EACzBG,EAAQH,EAAc,MAAQF,EAAM,OAAO,KAAK,QAChDM,EAASR,EAAMK,EAAS,EAAE,EAE9B,MAAMI,EAAQ,CAACC,EAAQC,IAAWR,IAAS,aAAeO,EAAIC,EAE9D,MAAO,CACJ,MAAOH,EACP,SAAU,CACP,QAAS,CACN,QAAS,cACT,MAAOC,EAAMF,EAAMF,CAAO,EAC1B,OAAQ,EACR,YAAaI,EAAM,UAAWT,EAAMK,EAAS,EAAE,CAAC,EAChD,MAAO,CACJ,MAAOI,EAAMF,EAAMF,CAAO,EAC1B,YAAaI,EAAM,UAAWT,EAAMK,EAAS,EAAE,CAAC,CACnD,CACH,EACA,KAAM,CACH,QAASI,EAAMH,EAAWD,CAAO,EACjC,MAAOE,EACP,MAAO,CACJ,QAASE,EAAMT,EAAMM,EAAW,EAAE,EAAGA,CAAS,EAC9C,MAAOC,CACV,CACH,EACA,KAAM,CACH,QAAS,cACT,MAAOE,EAAMF,EAAMF,CAAO,EAC1B,MAAO,CACJ,QAASI,EAAMT,EAAMM,EAAW,EAAE,EAAGN,EAAMK,EAAS,EAAE,CAAC,EACvD,MAAOI,EAAMF,EAAMF,CAAO,CAC7B,CACH,EACA,MAAO,CACJ,QAASI,EAAMT,EAAMM,EAAW,EAAE,EAAGN,EAAMK,EAAS,EAAE,CAAC,EACvD,MAAOI,EAAMF,EAAMF,CAAO,EAC1B,MAAO,CACJ,QAASI,EAAMT,EAAMM,EAAW,EAAE,EAAGN,EAAMK,EAAS,GAAG,CAAC,EACxD,MAAOI,EAAMF,EAAMF,CAAO,CAC7B,CACH,CACH,CACH,CACH,EAEA,IAAOO,EAAQX",
+  "names": ["alpha", "createColor", "theme", "name", "color", "primary", "secondary", "text", "_alpha", "isBag", "a", "b", "createColor_default"]
+}

package/{cjs/theme/createTheme.js → theme/createTheme.cjs}

@@ -1,2 +1,2 @@
 "use strict";var l=Object.create;var s=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var g=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty;var u=(e,r)=>{for(var t in r)s(e,t,{get:r[t],enumerable:!0})},c=(e,r,t,o)=>{if(r&&typeof r=="object"||typeof r=="function")for(let i of f(r))!b.call(e,i)&&i!==t&&s(e,i,{get:()=>r[i],enumerable:!(o=d(r,i))||o.enumerable});return e};var p=(e,r,t)=>(t=e!=null?l(g(e)):{},c(r||!e||!e.__esModule?s(t,"default",{value:e,enumerable:!0}):t,e)),T=e=>c(s({},"__esModule",{value:!0}),e);var k={};u(k,{createTheme:()=>O});module.exports=T(k);var m=p(require("./ThemeDefaultOptions"),1),a=require("./core"),n=p(require("./createColor"),1),h=require("../css");const O=(e,r,t)=>{if(a.ThemeFactory.has(e))throw new Error(`theme "${e}" already exists!`);{let o=(0,a.mergeObject)(m.default,{...t?m.darkColorPallete:{},...r,name:e,breakpoints:h.breakpoints});o=(0,a.mergeObject)(o,{colors:{background:(0,n.default)(o,"background"),brand:(0,n.default)(o,"brand"),accent:(0,n.default)(o,"accent"),info:(0,n.default)(o,"info"),success:(0,n.default)(o,"success"),warning:(0,n.default)(o,"warning"),danger:(0,n.default)(o,"danger")}}),a.ThemeFactory.set(e,o)}return a.ThemeFactory.get(e)};
-//# sourceMappingURL=createTheme.js.map
+//# sourceMappingURL=createTheme.cjs.map

package/theme/createTheme.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/theme/createTheme.ts"],
+  "sourcesContent": ["import { ThemeOptions, ThemeOptionInput } from \"./types\"\nimport defaultThemeOption, { darkColorPallete } from './ThemeDefaultOptions'\nimport { mergeObject, ThemeFactory } from \"./core\"\nimport createColor from \"./createColor\"\nimport { breakpoints } from \"../css\"\n\nexport const createTheme = (name: string, options: ThemeOptionInput, darkMode?: boolean): ThemeOptions => {\n   if (!ThemeFactory.has(name)) {\n      let theme: any = mergeObject(defaultThemeOption, {\n         ...(darkMode ? darkColorPallete : {}),\n         ...options,\n         name,\n         breakpoints: breakpoints\n      })\n\n      theme = mergeObject(theme, {\n         colors: {\n            background: createColor(theme, \"background\"),\n            brand: createColor(theme, \"brand\"),\n            accent: createColor(theme, \"accent\"),\n            info: createColor(theme, \"info\"),\n            success: createColor(theme, \"success\"),\n            warning: createColor(theme, \"warning\"),\n            danger: createColor(theme, \"danger\")\n         }\n      })\n      ThemeFactory.set(name, theme)\n   } else {\n      throw new Error(`theme \"${name}\" already exists!`);\n   }\n\n   return ThemeFactory.get(name) as ThemeOptions\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,iBAAAE,IAAA,eAAAC,EAAAH,GACA,IAAAI,EAAqD,sCACrDC,EAA0C,kBAC1CC,EAAwB,8BACxBC,EAA4B,kBAErB,MAAML,EAAc,CAACM,EAAcC,EAA2BC,IAAqC,CACvG,GAAK,eAAa,IAAIF,CAAI,EAqBvB,MAAM,IAAI,MAAM,UAAUA,CAAI,mBAAmB,EArBvB,CAC1B,IAAIG,KAAa,eAAY,EAAAC,QAAoB,CAC9C,GAAIF,EAAW,mBAAmB,CAAC,EACnC,GAAGD,EACH,KAAAD,EACA,YAAa,aAChB,CAAC,EAEDG,KAAQ,eAAYA,EAAO,CACxB,OAAQ,CACL,cAAY,EAAAE,SAAYF,EAAO,YAAY,EAC3C,SAAO,EAAAE,SAAYF,EAAO,OAAO,EACjC,UAAQ,EAAAE,SAAYF,EAAO,QAAQ,EACnC,QAAM,EAAAE,SAAYF,EAAO,MAAM,EAC/B,WAAS,EAAAE,SAAYF,EAAO,SAAS,EACrC,WAAS,EAAAE,SAAYF,EAAO,SAAS,EACrC,UAAQ,EAAAE,SAAYF,EAAO,QAAQ,CACtC,CACH,CAAC,EACD,eAAa,IAAIH,EAAMG,CAAK,CAC/B,CAIA,OAAO,eAAa,IAAIH,CAAI,CAC/B",
+  "names": ["createTheme_exports", "__export", "createTheme", "__toCommonJS", "import_ThemeDefaultOptions", "import_core", "import_createColor", "import_css", "name", "options", "darkMode", "theme", "defaultThemeOption", "createColor"]
+}

package/theme/{createTheme.js → createTheme.mjs}

@@ -1,2 +1,2 @@
 import s,{darkColorPallete as m}from"./ThemeDefaultOptions";import{mergeObject as n,ThemeFactory as t}from"./core";import r from"./createColor";import{breakpoints as c}from"../css";const u=(o,a,i)=>{if(t.has(o))throw new Error(`theme "${o}" already exists!`);{let e=n(s,{...i?m:{},...a,name:o,breakpoints:c});e=n(e,{colors:{background:r(e,"background"),brand:r(e,"brand"),accent:r(e,"accent"),info:r(e,"info"),success:r(e,"success"),warning:r(e,"warning"),danger:r(e,"danger")}}),t.set(o,e)}return t.get(o)};export{u as createTheme};
-//# sourceMappingURL=createTheme.js.map
+//# sourceMappingURL=createTheme.mjs.map

package/theme/createTheme.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/theme/createTheme.ts"],
+  "sourcesContent": ["import { ThemeOptions, ThemeOptionInput } from \"./types\"\nimport defaultThemeOption, { darkColorPallete } from './ThemeDefaultOptions'\nimport { mergeObject, ThemeFactory } from \"./core\"\nimport createColor from \"./createColor\"\nimport { breakpoints } from \"../css\"\n\nexport const createTheme = (name: string, options: ThemeOptionInput, darkMode?: boolean): ThemeOptions => {\n   if (!ThemeFactory.has(name)) {\n      let theme: any = mergeObject(defaultThemeOption, {\n         ...(darkMode ? darkColorPallete : {}),\n         ...options,\n         name,\n         breakpoints: breakpoints\n      })\n\n      theme = mergeObject(theme, {\n         colors: {\n            background: createColor(theme, \"background\"),\n            brand: createColor(theme, \"brand\"),\n            accent: createColor(theme, \"accent\"),\n            info: createColor(theme, \"info\"),\n            success: createColor(theme, \"success\"),\n            warning: createColor(theme, \"warning\"),\n            danger: createColor(theme, \"danger\")\n         }\n      })\n      ThemeFactory.set(name, theme)\n   } else {\n      throw new Error(`theme \"${name}\" already exists!`);\n   }\n\n   return ThemeFactory.get(name) as ThemeOptions\n}\n"],
+  "mappings": "AACA,OAAOA,GAAsB,oBAAAC,MAAwB,wBACrD,OAAS,eAAAC,EAAa,gBAAAC,MAAoB,SAC1C,OAAOC,MAAiB,gBACxB,OAAS,eAAAC,MAAmB,SAErB,MAAMC,EAAc,CAACC,EAAcC,EAA2BC,IAAqC,CACvG,GAAKN,EAAa,IAAII,CAAI,EAqBvB,MAAM,IAAI,MAAM,UAAUA,CAAI,mBAAmB,EArBvB,CAC1B,IAAIG,EAAaR,EAAYF,EAAoB,CAC9C,GAAIS,EAAWR,EAAmB,CAAC,EACnC,GAAGO,EACH,KAAAD,EACA,YAAaF,CAChB,CAAC,EAEDK,EAAQR,EAAYQ,EAAO,CACxB,OAAQ,CACL,WAAYN,EAAYM,EAAO,YAAY,EAC3C,MAAON,EAAYM,EAAO,OAAO,EACjC,OAAQN,EAAYM,EAAO,QAAQ,EACnC,KAAMN,EAAYM,EAAO,MAAM,EAC/B,QAASN,EAAYM,EAAO,SAAS,EACrC,QAASN,EAAYM,EAAO,SAAS,EACrC,OAAQN,EAAYM,EAAO,QAAQ,CACtC,CACH,CAAC,EACDP,EAAa,IAAII,EAAMG,CAAK,CAC/B,CAIA,OAAOP,EAAa,IAAII,CAAI,CAC/B",
+  "names": ["defaultThemeOption", "darkColorPallete", "mergeObject", "ThemeFactory", "createColor", "breakpoints", "createTheme", "name", "options", "darkMode", "theme"]
+}

package/{cjs/theme/createThemeSwitcher.js → theme/createThemeSwitcher.cjs}

@@ -1,2 +1,2 @@
 "use strict";var s=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var i=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var g=(t,e)=>{for(var m in e)s(t,m,{get:e[m],enumerable:!0})},T=(t,e,m,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of i(e))!u.call(t,r)&&r!==m&&s(t,r,{get:()=>e[r],enumerable:!(n=h(e,r))||n.enumerable});return t};var S=t=>T(s({},"__esModule",{value:!0}),t);var p={};g(p,{default:()=>l});module.exports=S(p);var a=require("react-state-bucket"),c=require("./core");const f=(t,e)=>{const m=(0,a.createBucket)({name:t},{store:e});return()=>{const r=m();return{name:r.get("name"),theme:(0,c.getTheme)(r.get("name")),change:o=>r.set("name",o)}}};var l=f;
-//# sourceMappingURL=createThemeSwitcher.js.map
+//# sourceMappingURL=createThemeSwitcher.cjs.map

package/{cjs/theme/createThemeSwitcher.js.map → theme/createThemeSwitcher.cjs.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/theme/createThemeSwitcher.ts"],
-  "sourcesContent": ["import { createBucket } from \"react-state-bucket\"\r\nimport { getTheme } from \"./core\"\r\n\r\nconst createThemeSwitcher = (defaultTheme: string, store?: \"session\" | \"local\") => {\r\n   const useThemeState = createBucket({ name: defaultTheme }, { store })\r\n   const useThemeSwitcher = () => {\r\n      const state = useThemeState()\r\n      return {\r\n         name: state.get(\"name\"),\r\n         theme: getTheme(state.get(\"name\")),\r\n         change: (theme: string) => state.set(\"name\", theme)\r\n      }\r\n   }\r\n   return useThemeSwitcher\r\n}\r\n\r\n\r\nexport default createThemeSwitcher"],
+  "sources": ["../../src/theme/createThemeSwitcher.ts"],
+  "sourcesContent": ["import { createBucket } from \"react-state-bucket\"\nimport { getTheme } from \"./core\"\n\nconst createThemeSwitcher = (defaultTheme: string, store?: \"session\" | \"local\") => {\n   const useThemeState = createBucket({ name: defaultTheme }, { store })\n   const useThemeSwitcher = () => {\n      const state = useThemeState()\n      return {\n         name: state.get(\"name\"),\n         theme: getTheme(state.get(\"name\")),\n         change: (theme: string) => state.set(\"name\", theme)\n      }\n   }\n   return useThemeSwitcher\n}\n\n\nexport default createThemeSwitcher"],
   "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA6B,8BAC7BC,EAAyB,kBAEzB,MAAMC,EAAsB,CAACC,EAAsBC,IAAgC,CAChF,MAAMC,KAAgB,gBAAa,CAAE,KAAMF,CAAa,EAAG,CAAE,MAAAC,CAAM,CAAC,EASpE,MARyB,IAAM,CAC5B,MAAME,EAAQD,EAAc,EAC5B,MAAO,CACJ,KAAMC,EAAM,IAAI,MAAM,EACtB,SAAO,YAASA,EAAM,IAAI,MAAM,CAAC,EACjC,OAASC,GAAkBD,EAAM,IAAI,OAAQC,CAAK,CACrD,CACH,CAEH,EAGA,IAAOT,EAAQI",
   "names": ["createThemeSwitcher_exports", "__export", "createThemeSwitcher_default", "__toCommonJS", "import_react_state_bucket", "import_core", "createThemeSwitcher", "defaultTheme", "store", "useThemeState", "state", "theme"]
 }

package/theme/{createThemeSwitcher.js → createThemeSwitcher.mjs}

@@ -1,2 +1,2 @@
 import{createBucket as s}from"react-state-bucket";import{getTheme as a}from"./core";const c=(t,r)=>{const m=s({name:t},{store:r});return()=>{const e=m();return{name:e.get("name"),theme:a(e.get("name")),change:n=>e.set("name",n)}}};var u=c;export{u as default};
-//# sourceMappingURL=createThemeSwitcher.js.map
+//# sourceMappingURL=createThemeSwitcher.mjs.map

package/theme/{createThemeSwitcher.js.map → createThemeSwitcher.mjs.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/theme/createThemeSwitcher.ts"],
-  "sourcesContent": ["import { createBucket } from \"react-state-bucket\"\r\nimport { getTheme } from \"./core\"\r\n\r\nconst createThemeSwitcher = (defaultTheme: string, store?: \"session\" | \"local\") => {\r\n   const useThemeState = createBucket({ name: defaultTheme }, { store })\r\n   const useThemeSwitcher = () => {\r\n      const state = useThemeState()\r\n      return {\r\n         name: state.get(\"name\"),\r\n         theme: getTheme(state.get(\"name\")),\r\n         change: (theme: string) => state.set(\"name\", theme)\r\n      }\r\n   }\r\n   return useThemeSwitcher\r\n}\r\n\r\n\r\nexport default createThemeSwitcher"],
+  "sourcesContent": ["import { createBucket } from \"react-state-bucket\"\nimport { getTheme } from \"./core\"\n\nconst createThemeSwitcher = (defaultTheme: string, store?: \"session\" | \"local\") => {\n   const useThemeState = createBucket({ name: defaultTheme }, { store })\n   const useThemeSwitcher = () => {\n      const state = useThemeState()\n      return {\n         name: state.get(\"name\"),\n         theme: getTheme(state.get(\"name\")),\n         change: (theme: string) => state.set(\"name\", theme)\n      }\n   }\n   return useThemeSwitcher\n}\n\n\nexport default createThemeSwitcher"],
   "mappings": "AAAA,OAAS,gBAAAA,MAAoB,qBAC7B,OAAS,YAAAC,MAAgB,SAEzB,MAAMC,EAAsB,CAACC,EAAsBC,IAAgC,CAChF,MAAMC,EAAgBL,EAAa,CAAE,KAAMG,CAAa,EAAG,CAAE,MAAAC,CAAM,CAAC,EASpE,MARyB,IAAM,CAC5B,MAAME,EAAQD,EAAc,EAC5B,MAAO,CACJ,KAAMC,EAAM,IAAI,MAAM,EACtB,MAAOL,EAASK,EAAM,IAAI,MAAM,CAAC,EACjC,OAASC,GAAkBD,EAAM,IAAI,OAAQC,CAAK,CACrD,CACH,CAEH,EAGA,IAAOC,EAAQN",
   "names": ["createBucket", "getTheme", "createThemeSwitcher", "defaultTheme", "store", "useThemeState", "state", "theme", "createThemeSwitcher_default"]
 }

package/{cjs/theme/index.js → theme/index.cjs}

@@ -1,2 +1,2 @@
 "use strict";var c=Object.create;var i=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var s=Object.getOwnPropertyNames;var g=Object.getPrototypeOf,v=Object.prototype.hasOwnProperty;var k=(e,r)=>{for(var o in r)i(e,o,{get:r[o],enumerable:!0})},f=(e,r,o,a)=>{if(r&&typeof r=="object"||typeof r=="function")for(let t of s(r))!v.call(e,t)&&t!==o&&i(e,t,{get:()=>r[t],enumerable:!(a=d(r,t))||a.enumerable});return e};var P=(e,r,o)=>(o=e!=null?c(g(e)):{},f(r||!e||!e.__esModule?i(o,"default",{value:e,enumerable:!0}):o,e)),x=e=>f(i({},"__esModule",{value:!0}),e);var C={};k(C,{ThemeProvider:()=>p.default,createThemeSwitcher:()=>T.default,getTheme:()=>m.getTheme,useTheme:()=>m.useTheme});module.exports=x(C);var h=require("./ThemeDefaultOptions"),l=require("./createTheme"),p=P(require("./ThemeProvider"),1),T=P(require("./createThemeSwitcher"),1),m=require("./core");(0,l.createTheme)("light",{colors:h.lightColorPallete}),(0,l.createTheme)("dark",{colors:h.darkColorPallete});
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.cjs.map

package/theme/index.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/theme/index.tsx"],
+  "sourcesContent": ["import { lightColorPallete, darkColorPallete } from './ThemeDefaultOptions'\nimport { createTheme } from \"./createTheme\"\nimport ThemeProvider from './ThemeProvider'\nimport createThemeSwitcher from './createThemeSwitcher'\nimport { getTheme, useTheme } from './core'\nexport type { ThemeProviderProps } from './ThemeProvider'\n\nexport {\n    ThemeProvider,\n    createThemeSwitcher,\n    getTheme,\n    useTheme\n}\n\ncreateTheme(\"light\", { colors: lightColorPallete })\ncreateTheme(\"dark\", { colors: darkColorPallete })\n\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,qBAAAE,QAAA,0BAAAC,QAAA,iEAAAC,EAAAJ,GAAA,IAAAK,EAAoD,iCACpDC,EAA4B,yBAC5BC,EAA0B,gCAC1BC,EAAgC,sCAChCC,EAAmC,qBAUnC,eAAY,QAAS,CAAE,OAAQ,mBAAkB,CAAC,KAClD,eAAY,OAAQ,CAAE,OAAQ,kBAAiB,CAAC",
+  "names": ["theme_exports", "__export", "ThemeProvider", "createThemeSwitcher", "__toCommonJS", "import_ThemeDefaultOptions", "import_createTheme", "import_ThemeProvider", "import_createThemeSwitcher", "import_core"]
+}

package/theme/{index.js → index.mjs}

@@ -1,2 +1,2 @@
 import{lightColorPallete as r,darkColorPallete as o}from"./ThemeDefaultOptions";import{createTheme as e}from"./createTheme";import m from"./ThemeProvider";import t from"./createThemeSwitcher";import{getTheme as i,useTheme as h}from"./core";e("light",{colors:r}),e("dark",{colors:o});export{m as ThemeProvider,t as createThemeSwitcher,i as getTheme,h as useTheme};
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.mjs.map

package/theme/index.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/theme/index.tsx"],
+  "sourcesContent": ["import { lightColorPallete, darkColorPallete } from './ThemeDefaultOptions'\nimport { createTheme } from \"./createTheme\"\nimport ThemeProvider from './ThemeProvider'\nimport createThemeSwitcher from './createThemeSwitcher'\nimport { getTheme, useTheme } from './core'\nexport type { ThemeProviderProps } from './ThemeProvider'\n\nexport {\n    ThemeProvider,\n    createThemeSwitcher,\n    getTheme,\n    useTheme\n}\n\ncreateTheme(\"light\", { colors: lightColorPallete })\ncreateTheme(\"dark\", { colors: darkColorPallete })\n\n"],
+  "mappings": "AAAA,OAAS,qBAAAA,EAAmB,oBAAAC,MAAwB,wBACpD,OAAS,eAAAC,MAAmB,gBAC5B,OAAOC,MAAmB,kBAC1B,OAAOC,MAAyB,wBAChC,OAAS,YAAAC,EAAU,YAAAC,MAAgB,SAUnCJ,EAAY,QAAS,CAAE,OAAQF,CAAkB,CAAC,EAClDE,EAAY,OAAQ,CAAE,OAAQD,CAAiB,CAAC",
+  "names": ["lightColorPallete", "darkColorPallete", "createTheme", "ThemeProvider", "createThemeSwitcher", "getTheme", "useTheme"]
+}

package/{cjs/theme/types.js → theme/types.cjs}

@@ -1,2 +1,2 @@
 "use strict";var n=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var h=Object.prototype.hasOwnProperty;var y=(t,e,p,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of m(e))!h.call(t,r)&&r!==p&&n(t,r,{get:()=>e[r],enumerable:!(o=a(e,r))||o.enumerable});return t};var g=t=>y(n({},"__esModule",{value:!0}),t);var l={};module.exports=g(l);
-//# sourceMappingURL=types.js.map
+//# sourceMappingURL=types.cjs.map

package/theme/types.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/theme/types.ts"],
+  "sourcesContent": ["import { BreakpointKeys, GlobalCSS } from \"../css/types\";\n\nexport type ObjectType = { [key: string]: any }\n\nexport type ThemeColorItem = {\n    primary: string;\n    secondary: string;\n    text: string;\n    alpha: string;\n    template: {\n        outline: {\n            bgcolor: string;\n            color: string;\n            border: number;\n            borderColor: string;\n            hover: {\n                bgcolor: string,\n                color: string,\n            }\n        },\n        fill: {\n            bgcolor: string;\n            color: string,\n            hover: {\n                bgcolor: string;\n                color: string;\n            }\n        },\n        text: {\n            bgcolor: string;\n            color: string;\n            hover: {\n                bgcolor: string;\n                color: string;\n            }\n        },\n        alpha: {\n            bgcolor: string\n            color: string;\n            hover: {\n                bgcolor: string;\n                color: string;\n            }\n        }\n    }\n}\n\nexport type ThemeTypographyItem = {\n    fontSize: number;\n    lineHeight: number;\n    fontWeight: number;\n}\n\nexport type ThemeColor = {\n    background: Omit<ThemeColorItem, \"text\">;\n    text: Omit<ThemeColorItem, \"text\" | \"alpha\" | \"template\">;\n    divider: string;\n    brand: ThemeColorItem;\n    accent: ThemeColorItem;\n    success: ThemeColorItem\n    info: ThemeColorItem\n    warning: ThemeColorItem\n    danger: ThemeColorItem\n};\n\nexport type ThemeTypographyType = {\n    fontFamily: string,\n    h1: ThemeTypographyItem;\n    h2: ThemeTypographyItem;\n    h3: ThemeTypographyItem;\n    h4: ThemeTypographyItem;\n    h5: ThemeTypographyItem;\n    h6: ThemeTypographyItem;\n    text: ThemeTypographyItem;\n    button: ThemeTypographyItem;\n    small: ThemeTypographyItem;\n}\n\nexport interface ThemeOptions {\n    name: string;\n    rtl: boolean;\n    globalStyle: GlobalCSS,\n    breakpoints: { [key in BreakpointKeys]: number };\n    shadow: string[];\n    interfaces: { [name: string]: <P extends object>(defaultProps: P, theme: ThemeOptions) => P };\n    colors: ThemeColor;\n    typography: ThemeTypographyType;\n}\n\n// Theme Input\nexport type ThemeColorItemInput = Partial<Omit<ThemeColorItem, \"alpha\">>\nexport type ThemeTypographyItemInput = Partial<ThemeTypographyItem>\nexport type ThemeColorInput = {\n    background?: Omit<ThemeColorItemInput, \"text\">\n    text?: Omit<ThemeColorItemInput, \"text\">\n    divider?: string;\n    brand?: ThemeColorItemInput;\n    accent?: ThemeColorItemInput;\n    success?: ThemeColorItemInput\n    info?: ThemeColorItemInput\n    warning?: ThemeColorItemInput\n    danger?: ThemeColorItemInput\n};\nexport type ThemeTypographyInputType = {\n    fontFamily?: string,\n    h1?: ThemeTypographyItemInput;\n    h2?: ThemeTypographyItemInput;\n    h3?: ThemeTypographyItemInput;\n    h4?: ThemeTypographyItemInput;\n    h5?: ThemeTypographyItemInput;\n    h6?: ThemeTypographyItemInput;\n    text?: ThemeTypographyItemInput;\n    button?: ThemeTypographyItemInput;\n    small?: ThemeTypographyItemInput;\n};\nexport interface ThemeOptionInput {\n    rtl?: boolean;\n    globalStyle?: GlobalCSS,\n    interfaces?: { [name: string]: <P extends object>(defaultProps: P, theme: ThemeOptions) => P };\n    colors?: ThemeColorInput;\n    typography?: ThemeTypographyInputType;\n}\n\n// ============ Reference Types\n\nexport type TypographyRefTypes =\n    | \"h1\"\n    | \"h2\"\n    | \"h3\"\n    | \"h4\"\n    | \"h5\"\n    | \"h6\"\n    | \"text\"\n    | \"button\"\n    | \"small\"\n\nexport type ColorsRefTypes =\n    | \"text\"\n    | \"text.primary\"\n    | \"text.secondary\"\n\n    | \"background\"\n    | \"background.primary\"\n    | \"background.secondary\"\n    | \"background.alpha\"\n\n    | \"brand\"\n    | \"brand.primary\"\n    | \"brand.secondary\"\n    | \"brand.alpha\"\n    | \"brand.text\"\n\n    | \"accent\"\n    | \"accent.primary\"\n    | \"accent.secondary\"\n    | \"accent.alpha\"\n    | \"accent.text\"\n\n    | \"info\"\n    | \"info.primary\"\n    | \"info.secondary\"\n    | \"info.alpha\"\n    | \"info.text\"\n\n    | \"success\"\n    | \"success.primary\"\n    | \"success.secondary\"\n    | \"success.alpha\"\n    | \"success.text\"\n\n    | \"warning\"\n    | \"warning.primary\"\n    | \"warning.secondary\"\n    | \"warning.alpha\"\n    | \"warning.text\"\n\n    | \"danger\"\n    | \"danger.primary\"\n    | \"danger.secondary\"\n    | \"danger.alpha\"\n    | \"danger.text\""],
+  "mappings": "+WAAA,IAAAA,EAAA,kBAAAC,EAAAD",
+  "names": ["types_exports", "__toCommonJS"]
+}

package/theme/types.mjs

@@ -0,0 +1 @@
+//# sourceMappingURL=types.mjs.map

package/{cjs/useAnimation.js → useAnimation.cjs}

@@ -1,2 +1,2 @@
 "use strict";var t=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var y=Object.prototype.hasOwnProperty;var d=(a,e)=>{for(var n in e)t(a,n,{get:e[n],enumerable:!0})},z=(a,e,n,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of l(e))!y.call(a,i)&&i!==n&&t(a,i,{get:()=>e[i],enumerable:!(o=f(e,i))||o.enumerable});return a};var S=a=>z(t({},"__esModule",{value:!0}),a);var x={};d(x,{animationEases:()=>s,default:()=>P});module.exports=S(x);var m=require("./css"),c=require("react");const s={easeInOut:"cubic-bezier(0.4, 0, 0.2, 1)",easeOut:"cubic-bezier(0.0, 0, 0.2, 1)",easeIn:"cubic-bezier(0.4, 0, 1, 1)",sharp:"cubic-bezier(0.4, 0, 0.6, 1)",linear:"cubic-bezier(0, 0, 1, 1)",easeBounceOut:"cubic-bezier(0.68, -0.55, 0.265, 1.55)"},O=({from:a,to:e,delay:n,ease:o,duration:i})=>{let u=n||0,b=i||600,p=o||"easeBounceOut";const r="anim"+(0,c.useId)().replace(/:/g,"");return(0,m.css)({animationName:r,animationDelay:u+"ms",animationDuration:b+"ms",animationTimingFunction:s[p]||s.easeBounceOut,[`@keyframes ${r}`]:{from:a,to:e}}).classname};var P=O;
-//# sourceMappingURL=useAnimation.js.map
+//# sourceMappingURL=useAnimation.cjs.map

package/useAnimation.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/useAnimation.ts"],
+  "sourcesContent": ["import { css } from './css'\nimport { useId } from 'react'\nimport { CSSProps } from './css/types'\n\nexport const animationEases = {\n    easeInOut: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n    easeOut: \"cubic-bezier(0.0, 0, 0.2, 1)\",\n    easeIn: \"cubic-bezier(0.4, 0, 1, 1)\",\n    sharp: \"cubic-bezier(0.4, 0, 0.6, 1)\",\n    linear: \"cubic-bezier(0, 0, 1, 1)\",\n    easeBounceOut: \"cubic-bezier(0.68, -0.55, 0.265, 1.55)\"\n}\n\nexport interface UseAnimationProps {\n    delay?: number;\n    duration?: number;\n    from: CSSProps;\n    to: CSSProps;\n    ease?: keyof typeof animationEases;\n}\n\nconst useAnimation = ({ from, to, delay, ease, duration }: UseAnimationProps) => {\n    let _delay = delay || 0;\n    let _duration = duration || 600;\n    let _ease = ease || \"easeBounceOut\"\n    const id = \"anim\" + useId().replace(/:/g, \"\")\n    const anim = css({\n        animationName: id,\n        animationDelay: _delay + \"ms\",\n        animationDuration: _duration + \"ms\",\n        animationTimingFunction: animationEases[_ease] || animationEases.easeBounceOut,\n        [`@keyframes ${id}`]: {\n            from: from as any,\n            to: to as any\n        }\n    })\n    return anim.classname\n}\n\nexport default useAnimation"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,oBAAAE,EAAA,YAAAC,IAAA,eAAAC,EAAAJ,GAAA,IAAAK,EAAoB,iBACpBC,EAAsB,iBAGf,MAAMJ,EAAiB,CAC1B,UAAW,+BACX,QAAS,+BACT,OAAQ,6BACR,MAAO,+BACP,OAAQ,2BACR,cAAe,wCACnB,EAUMK,EAAe,CAAC,CAAE,KAAAC,EAAM,GAAAC,EAAI,MAAAC,EAAO,KAAAC,EAAM,SAAAC,CAAS,IAAyB,CAC7E,IAAIC,EAASH,GAAS,EAClBI,EAAYF,GAAY,IACxBG,EAAQJ,GAAQ,gBACpB,MAAMK,EAAK,UAAS,SAAM,EAAE,QAAQ,KAAM,EAAE,EAW5C,SAVa,OAAI,CACb,cAAeA,EACf,eAAgBH,EAAS,KACzB,kBAAmBC,EAAY,KAC/B,wBAAyBZ,EAAea,CAAK,GAAKb,EAAe,cACjE,CAAC,cAAcc,CAAE,EAAE,EAAG,CAClB,KAAMR,EACN,GAAIC,CACR,CACJ,CAAC,EACW,SAChB,EAEA,IAAON,EAAQI",
+  "names": ["useAnimation_exports", "__export", "animationEases", "useAnimation_default", "__toCommonJS", "import_css", "import_react", "useAnimation", "from", "to", "delay", "ease", "duration", "_delay", "_duration", "_ease", "id"]
+}

package/{useAnimation.js → useAnimation.mjs}

@@ -1,2 +1,2 @@
 import{css as u}from"./css";import{useId as b}from"react";const a={easeInOut:"cubic-bezier(0.4, 0, 0.2, 1)",easeOut:"cubic-bezier(0.0, 0, 0.2, 1)",easeIn:"cubic-bezier(0.4, 0, 1, 1)",sharp:"cubic-bezier(0.4, 0, 0.6, 1)",linear:"cubic-bezier(0, 0, 1, 1)",easeBounceOut:"cubic-bezier(0.68, -0.55, 0.265, 1.55)"},p=({from:i,to:n,delay:o,ease:t,duration:s})=>{let r=o||0,m=s||600,c=t||"easeBounceOut";const e="anim"+b().replace(/:/g,"");return u({animationName:e,animationDelay:r+"ms",animationDuration:m+"ms",animationTimingFunction:a[c]||a.easeBounceOut,[`@keyframes ${e}`]:{from:i,to:n}}).classname};var S=p;export{a as animationEases,S as default};
-//# sourceMappingURL=useAnimation.js.map
+//# sourceMappingURL=useAnimation.mjs.map

package/useAnimation.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/useAnimation.ts"],
+  "sourcesContent": ["import { css } from './css'\nimport { useId } from 'react'\nimport { CSSProps } from './css/types'\n\nexport const animationEases = {\n    easeInOut: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n    easeOut: \"cubic-bezier(0.0, 0, 0.2, 1)\",\n    easeIn: \"cubic-bezier(0.4, 0, 1, 1)\",\n    sharp: \"cubic-bezier(0.4, 0, 0.6, 1)\",\n    linear: \"cubic-bezier(0, 0, 1, 1)\",\n    easeBounceOut: \"cubic-bezier(0.68, -0.55, 0.265, 1.55)\"\n}\n\nexport interface UseAnimationProps {\n    delay?: number;\n    duration?: number;\n    from: CSSProps;\n    to: CSSProps;\n    ease?: keyof typeof animationEases;\n}\n\nconst useAnimation = ({ from, to, delay, ease, duration }: UseAnimationProps) => {\n    let _delay = delay || 0;\n    let _duration = duration || 600;\n    let _ease = ease || \"easeBounceOut\"\n    const id = \"anim\" + useId().replace(/:/g, \"\")\n    const anim = css({\n        animationName: id,\n        animationDelay: _delay + \"ms\",\n        animationDuration: _duration + \"ms\",\n        animationTimingFunction: animationEases[_ease] || animationEases.easeBounceOut,\n        [`@keyframes ${id}`]: {\n            from: from as any,\n            to: to as any\n        }\n    })\n    return anim.classname\n}\n\nexport default useAnimation"],
+  "mappings": "AAAA,OAAS,OAAAA,MAAW,QACpB,OAAS,SAAAC,MAAa,QAGf,MAAMC,EAAiB,CAC1B,UAAW,+BACX,QAAS,+BACT,OAAQ,6BACR,MAAO,+BACP,OAAQ,2BACR,cAAe,wCACnB,EAUMC,EAAe,CAAC,CAAE,KAAAC,EAAM,GAAAC,EAAI,MAAAC,EAAO,KAAAC,EAAM,SAAAC,CAAS,IAAyB,CAC7E,IAAIC,EAASH,GAAS,EAClBI,EAAYF,GAAY,IACxBG,EAAQJ,GAAQ,gBACpB,MAAMK,EAAK,OAASX,EAAM,EAAE,QAAQ,KAAM,EAAE,EAW5C,OAVaD,EAAI,CACb,cAAeY,EACf,eAAgBH,EAAS,KACzB,kBAAmBC,EAAY,KAC/B,wBAAyBR,EAAeS,CAAK,GAAKT,EAAe,cACjE,CAAC,cAAcU,CAAE,EAAE,EAAG,CAClB,KAAMR,EACN,GAAIC,CACR,CACJ,CAAC,EACW,SAChB,EAEA,IAAOQ,EAAQV",
+  "names": ["css", "useId", "animationEases", "useAnimation", "from", "to", "delay", "ease", "duration", "_delay", "_duration", "_ease", "id", "useAnimation_default"]
+}

package/{cjs/useColorTemplate.js → useColorTemplate.cjs}

@@ -1,2 +1,2 @@
 "use strict";var r=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var s=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var u=(o,e)=>{for(var t in e)r(o,t,{get:e[t],enumerable:!0})},c=(o,e,t,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let l of s(e))!m.call(o,l)&&l!==t&&r(o,l,{get:()=>e[l],enumerable:!(a=n(e,l))||a.enumerable});return o};var T=o=>c(r({},"__esModule",{value:!0}),o);var f={};u(f,{default:()=>d});module.exports=T(f);var p=require("./theme");const C=(o,e)=>{const t=(0,p.useTheme)();let a=o==="default"?"background":o;return t.colors[a]?.template[e]};var d=C;
-//# sourceMappingURL=useColorTemplate.js.map
+//# sourceMappingURL=useColorTemplate.cjs.map

package/useColorTemplate.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/useColorTemplate.ts"],
+  "sourcesContent": ["import { useTheme } from \"./theme\"\nexport type ColorTemplateColors = \"default\" | \"brand\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"danger\"\nexport type ColorTemplateType = \"fill\" | \"outline\" | \"text\" | \"alpha\"\n\nconst useColorTemplate = (color: ColorTemplateColors, type: ColorTemplateType) => {\n    const theme: any = useTheme()\n    let _color = color === 'default' ? \"background\" : color as any\n    return theme.colors[_color]?.template[type]\n}\n\nexport default useColorTemplate"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAyB,mBAIzB,MAAMC,EAAmB,CAACC,EAA4BC,IAA4B,CAC9E,MAAMC,KAAa,YAAS,EAC5B,IAAIC,EAASH,IAAU,UAAY,aAAeA,EAClD,OAAOE,EAAM,OAAOC,CAAM,GAAG,SAASF,CAAI,CAC9C,EAEA,IAAOL,EAAQG",
+  "names": ["useColorTemplate_exports", "__export", "useColorTemplate_default", "__toCommonJS", "import_theme", "useColorTemplate", "color", "type", "theme", "_color"]
+}

package/{useColorTemplate.js → useColorTemplate.mjs}

@@ -1,2 +1,2 @@
 import{useTheme as a}from"./theme";const r=(e,o)=>{const t=a();let l=e==="default"?"background":e;return t.colors[l]?.template[o]};var n=r;export{n as default};
-//# sourceMappingURL=useColorTemplate.js.map
+//# sourceMappingURL=useColorTemplate.mjs.map

package/useColorTemplate.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/useColorTemplate.ts"],
+  "sourcesContent": ["import { useTheme } from \"./theme\"\nexport type ColorTemplateColors = \"default\" | \"brand\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"danger\"\nexport type ColorTemplateType = \"fill\" | \"outline\" | \"text\" | \"alpha\"\n\nconst useColorTemplate = (color: ColorTemplateColors, type: ColorTemplateType) => {\n    const theme: any = useTheme()\n    let _color = color === 'default' ? \"background\" : color as any\n    return theme.colors[_color]?.template[type]\n}\n\nexport default useColorTemplate"],
+  "mappings": "AAAA,OAAS,YAAAA,MAAgB,UAIzB,MAAMC,EAAmB,CAACC,EAA4BC,IAA4B,CAC9E,MAAMC,EAAaJ,EAAS,EAC5B,IAAIK,EAASH,IAAU,UAAY,aAAeA,EAClD,OAAOE,EAAM,OAAOC,CAAM,GAAG,SAASF,CAAI,CAC9C,EAEA,IAAOG,EAAQL",
+  "names": ["useTheme", "useColorTemplate", "color", "type", "theme", "_color", "useColorTemplate_default"]
+}

package/{cjs/useInterface.js → useInterface.cjs}

@@ -1,2 +1,2 @@
 "use strict";var r=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var o=Object.getOwnPropertyNames;var s=Object.prototype.hasOwnProperty;var a=(t,e)=>{for(var n in e)r(t,n,{get:e[n],enumerable:!0})},h=(t,e,n,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let c of o(e))!s.call(t,c)&&c!==n&&r(t,c,{get:()=>e[c],enumerable:!(i=m(e,c))||i.enumerable});return t};var x=t=>h(r({},"__esModule",{value:!0}),t);var j={};a(j,{default:()=>g});module.exports=x(j);var f=require("./theme");const b=(t,e,n)=>{const i=(0,f.useTheme)(),c=i.interfaces[t];return c&&(n=c({...n,...e},i)),[{...n,...e},i]};var g=b;
-//# sourceMappingURL=useInterface.js.map
+//# sourceMappingURL=useInterface.cjs.map

package/{cjs/useInterface.js.map → useInterface.cjs.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../src/useInterface.ts"],
-  "sourcesContent": ["import { useTheme } from \"./theme\"\r\n\r\nconst useInterface = <P extends object>(name: string, userPorps: P, defaultProps: P) => {\r\n    const theme = useTheme()\r\n    const _interface = theme.interfaces[name]\r\n\r\n    if (_interface) {\r\n        defaultProps = _interface<P>({ ...defaultProps, ...userPorps }, theme)\r\n    }\r\n    return [{ ...defaultProps, ...userPorps }, theme]\r\n}\r\n\r\nexport default useInterface"],
+  "sources": ["../src/useInterface.ts"],
+  "sourcesContent": ["import { useTheme } from \"./theme\"\n\nconst useInterface = <P extends object>(name: string, userPorps: P, defaultProps: P) => {\n    const theme = useTheme()\n    const _interface = theme.interfaces[name]\n\n    if (_interface) {\n        defaultProps = _interface<P>({ ...defaultProps, ...userPorps }, theme)\n    }\n    return [{ ...defaultProps, ...userPorps }, theme]\n}\n\nexport default useInterface"],
   "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAyB,mBAEzB,MAAMC,EAAe,CAAmBC,EAAcC,EAAcC,IAAoB,CACpF,MAAMC,KAAQ,YAAS,EACjBC,EAAaD,EAAM,WAAWH,CAAI,EAExC,OAAII,IACAF,EAAeE,EAAc,CAAE,GAAGF,EAAc,GAAGD,CAAU,EAAGE,CAAK,GAElE,CAAC,CAAE,GAAGD,EAAc,GAAGD,CAAU,EAAGE,CAAK,CACpD,EAEA,IAAOP,EAAQG",
   "names": ["useInterface_exports", "__export", "useInterface_default", "__toCommonJS", "import_theme", "useInterface", "name", "userPorps", "defaultProps", "theme", "_interface"]
 }

package/{useInterface.js → useInterface.mjs}

@@ -1,2 +1,2 @@
 import{useTheme as r}from"./theme";const f=(i,n,e)=>{const t=r(),c=t.interfaces[i];return c&&(e=c({...e,...n},t)),[{...e,...n},t]};var o=f;export{o as default};
-//# sourceMappingURL=useInterface.js.map
+//# sourceMappingURL=useInterface.mjs.map

package/{useInterface.js.map → useInterface.mjs.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/useInterface.ts"],
-  "sourcesContent": ["import { useTheme } from \"./theme\"\r\n\r\nconst useInterface = <P extends object>(name: string, userPorps: P, defaultProps: P) => {\r\n    const theme = useTheme()\r\n    const _interface = theme.interfaces[name]\r\n\r\n    if (_interface) {\r\n        defaultProps = _interface<P>({ ...defaultProps, ...userPorps }, theme)\r\n    }\r\n    return [{ ...defaultProps, ...userPorps }, theme]\r\n}\r\n\r\nexport default useInterface"],
+  "sourcesContent": ["import { useTheme } from \"./theme\"\n\nconst useInterface = <P extends object>(name: string, userPorps: P, defaultProps: P) => {\n    const theme = useTheme()\n    const _interface = theme.interfaces[name]\n\n    if (_interface) {\n        defaultProps = _interface<P>({ ...defaultProps, ...userPorps }, theme)\n    }\n    return [{ ...defaultProps, ...userPorps }, theme]\n}\n\nexport default useInterface"],
   "mappings": "AAAA,OAAS,YAAAA,MAAgB,UAEzB,MAAMC,EAAe,CAAmBC,EAAcC,EAAcC,IAAoB,CACpF,MAAMC,EAAQL,EAAS,EACjBM,EAAaD,EAAM,WAAWH,CAAI,EAExC,OAAII,IACAF,EAAeE,EAAc,CAAE,GAAGF,EAAc,GAAGD,CAAU,EAAGE,CAAK,GAElE,CAAC,CAAE,GAAGD,EAAc,GAAGD,CAAU,EAAGE,CAAK,CACpD,EAEA,IAAOE,EAAQN",
   "names": ["useTheme", "useInterface", "name", "userPorps", "defaultProps", "theme", "_interface", "useInterface_default"]
 }

package/Tag/cssPropList.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/Tag/cssPropList.ts"],
-  "sourcesContent": ["\r\nconst CSS_PROP_LIST: any = {\r\n    typography: 1,\r\n    bgcolor: 1,\r\n    bgimage: 1,\r\n    bg: 1,\r\n    p: 1,\r\n    pt: 1,\r\n    pr: 1,\r\n    pb: 1,\r\n    pl: 1,\r\n    px: 1,\r\n    py: 1,\r\n    m: 1,\r\n    mt: 1,\r\n    mr: 1,\r\n    mb: 1,\r\n    ml: 1,\r\n    mx: 1,\r\n    my: 1,\r\n    radius: 1,\r\n    shadow: 1,\r\n    flexBox: 1,\r\n    flexRow: 1,\r\n    flexColumn: 1,\r\n    flexWraped: 1,\r\n    disabled: 1,\r\n    spacing: 1,\r\n\r\n    gradient: 1,\r\n\r\n    // CSS Props\r\n    alignContent: 1,\r\n    alignItems: 1,\r\n    alignSelf: 1,\r\n    animation: 1,\r\n    animationComposition: 1,\r\n    animationDelay: 1,\r\n    animationDirection: 1,\r\n    animationDuration: 1,\r\n    animationFillMode: 1,\r\n    animationIterationCount: 1,\r\n    animationName: 1,\r\n    animationTimingFunction: 1,\r\n    backdropFilter: 1,\r\n    background: 1,\r\n    backgroundAttachment: 1,\r\n    backgroundColor: 1,\r\n    backgroundImage: 1,\r\n    backgroundOrigin: 1,\r\n    backgroundPosition: 1,\r\n    backgroundRepeat: 1,\r\n    backgroundSize: 1,\r\n    border: 1,\r\n    borderBottom: 1,\r\n    borderBottomColor: 1,\r\n    borderBottomStyle: 1,\r\n    borderBottomWidth: 1,\r\n    borderColor: 1,\r\n    borderImage: 1,\r\n    borderLeft: 1,\r\n    borderLeftColor: 1,\r\n    borderLeftStyle: 1,\r\n    borderLeftWidth: 1,\r\n    borderRadius: 1,\r\n    borderRight: 1,\r\n    borderRightColor: 1,\r\n    borderRightStyle: 1,\r\n    borderRightWidth: 1,\r\n    borderStyle: 1,\r\n    borderTop: 1,\r\n    borderTopColor: 1,\r\n    borderTopLeftRadius: 1,\r\n    borderTopRightRadius: 1,\r\n    borderTopStyle: 1,\r\n    borderTopWidth: 1,\r\n    borderWidth: 1,\r\n    bottom: 1,\r\n    boxShadow: 1,\r\n    boxSizing: 1,\r\n    cursor: 1,\r\n    color: 1,\r\n    display: 1,\r\n    direction: 1,\r\n    filter: 1,\r\n    flex: 1,\r\n    flexBasis: 1,\r\n    flexDirection: 1,\r\n    flexFlow: 1,\r\n    flexGrow: 1,\r\n    flexShrink: 1,\r\n    flexWrap: 1,\r\n    float: 1,\r\n    fontFamily: 1,\r\n    fontSize: 1,\r\n    fontStyle: 1,\r\n    fontWeight: 1,\r\n    font: 1,\r\n    gap: 1,\r\n    grid: 1,\r\n    gridArea: 1,\r\n    gridAutoColumns: 1,\r\n    gridAutoFlow: 1,\r\n    gridAutoRows: 1,\r\n    gridColumn: 1,\r\n    gridColumnEnd: 1,\r\n    gridColumnGap: 1,\r\n    gridColumnStart: 1,\r\n    gridGap: 1,\r\n    gridRow: 1,\r\n    gridRowEnd: 1,\r\n    gridRowGap: 1,\r\n    gridRowStart: 1,\r\n    gridTemplate: 1,\r\n    gridTemplateAreas: 1,\r\n    gridTemplateColumns: 1,\r\n    gridTemplateRows: 1,\r\n    height: 1,\r\n    justifyContent: 1,\r\n    justifyItems: 1,\r\n    justifySelf: 1,\r\n    left: 1,\r\n    letterSpacing: 1,\r\n    lineBreak: 1,\r\n    lineHeight: 1,\r\n    listStyle: 1,\r\n    margin: 1,\r\n    marginBlock: 1,\r\n    marginBlockEnd: 1,\r\n    marginBlockStart: 1,\r\n    marginBottom: 1,\r\n    marginInline: 1,\r\n    marginInlineEnd: 1,\r\n    marginInlineStart: 1,\r\n    marginLeft: 1,\r\n    marginRight: 1,\r\n    marginTop: 1,\r\n    maxHeight: 1,\r\n    maxWidth: 1,\r\n    minHeight: 1,\r\n    minWidth: 1,\r\n    objectFit: 1,\r\n    objectPosition: 1,\r\n    opacity: 1,\r\n    order: 1,\r\n    outline: 1,\r\n    overflow: 1,\r\n    overflowX: 1,\r\n    overflowY: 1,\r\n    padding: 1,\r\n    paddingBlock: 1,\r\n    paddingBlockEnd: 1,\r\n    paddingBlockStart: 1,\r\n    paddingBottom: 1,\r\n    paddingInline: 1,\r\n    paddingInlineEnd: 1,\r\n    paddingInlineStart: 1,\r\n    paddingLeft: 1,\r\n    paddingRight: 1,\r\n    paddingTop: 1,\r\n    perspective: 1,\r\n    perspectiveOrigin: 1,\r\n    pointerEvents: 1,\r\n    position: 1,\r\n    resize: 1,\r\n    right: 1,\r\n    textAlign: 1,\r\n    textDecoration: 1,\r\n    textShadow: 1,\r\n    textTransform: 1,\r\n    top: 1,\r\n    transform: 1,\r\n    transformOrigin: 1,\r\n    transformStyle: 1,\r\n    transition: 1,\r\n    transitionDelay: 1,\r\n    transitionDuration: 1,\r\n    transitionProperty: 1,\r\n    transitionTimingFunction: 1,\r\n    userSelect: 1,\r\n    verticalAlign: 1,\r\n    visibility: 1,\r\n    whiteSpace: 1,\r\n    width: 1,\r\n    wordBreak: 1,\r\n    wordSpacing: 1,\r\n    wordWrap: 1,\r\n    zIndex: 1,\r\n}\r\n\r\nexport default CSS_PROP_LIST"],
-  "mappings": "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",
-  "names": ["CSS_PROP_LIST", "cssPropList_default"]
-}

package/Tag/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/Tag/index.tsx"],
-  "sourcesContent": ["import * as React from 'react'\r\nimport { TagComponentType, TagPropsRoot } from './types';\r\nimport useTagProps from './useTagProps';\r\n\r\nconst Tag = React.forwardRef(<T extends TagComponentType = 'div'>({ component, children, ...rest }: TagPropsRoot<T>, ref: React.Ref<any>) => {\r\n    const props: any = useTagProps(rest)\r\n    props.ref = ref\r\n    return React.createElement(component || \"div\", props, children)\r\n})\r\n\r\nexport default Tag"],
-  "mappings": "AAAA,UAAYA,MAAW,QAEvB,OAAOC,MAAiB,gBAExB,MAAMC,EAAMF,EAAM,WAAW,CAAqC,CAAE,UAAAG,EAAW,SAAAC,EAAU,GAAGC,CAAK,EAAoBC,IAAwB,CACzI,MAAMC,EAAaN,EAAYI,CAAI,EACnC,OAAAE,EAAM,IAAMD,EACLN,EAAM,cAAcG,GAAa,MAAOI,EAAOH,CAAQ,CAClE,CAAC,EAED,IAAOI,EAAQN",
-  "names": ["React", "useTagProps", "Tag", "component", "children", "rest", "ref", "props", "Tag_default"]
-}

package/Tag/types.js

@@ -1 +0,0 @@
-//# sourceMappingURL=types.js.map

package/Tag/useTagProps.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/Tag/useTagProps.ts"],
-  "sourcesContent": ["import { TagComponentType, TagProps, TagPropsRoot } from './types';\r\nimport cssPropList from './cssPropList';\r\nimport { css } from '../css';\r\nimport { classNames } from 'pretty-class';\r\n\r\nconst useTagProps = <T extends TagComponentType = \"div\">({ sxr, sx, baseClass, classNames: clses, hover, ...props }: TagPropsRoot<T>): TagProps<T> => {\r\n   let _css: any = { ...sxr, ...sx, ...props }\r\n   if (hover) _css['&:hover'] = hover\r\n   const style = css(_css, {\r\n      skipProps: (prop, _val, dept): any => dept === 1 && !cssPropList[prop]\r\n   })\r\n\r\n   let skipProps = style.skiped[style.classname as any] || []\r\n   const _props: any = {};\r\n   for (let prop of skipProps) {\r\n      _props[prop] = (props as any)[prop]\r\n   }\r\n   _props.className = classNames([\r\n      baseClass ? \"xui-\" + baseClass : \"\",\r\n      style.classname,\r\n      props.className,\r\n      ...(clses as any || []),\r\n   ])\r\n   return _props\r\n}\r\n\r\n\r\nexport default useTagProps"],
-  "mappings": "AACA,OAAOA,MAAiB,gBACxB,OAAS,OAAAC,MAAW,SACpB,OAAS,cAAAC,MAAkB,eAE3B,MAAMC,EAAc,CAAqC,CAAE,IAAAC,EAAK,GAAAC,EAAI,UAAAC,EAAW,WAAYC,EAAO,MAAAC,EAAO,GAAGC,CAAM,IAAoC,CACnJ,IAAIC,EAAY,CAAE,GAAGN,EAAK,GAAGC,EAAI,GAAGI,CAAM,EACtCD,IAAOE,EAAK,SAAS,EAAIF,GAC7B,MAAMG,EAAQV,EAAIS,EAAM,CACrB,UAAW,CAACE,EAAMC,EAAMC,IAAcA,IAAS,GAAK,CAACd,EAAYY,CAAI,CACxE,CAAC,EAED,IAAIG,EAAYJ,EAAM,OAAOA,EAAM,SAAgB,GAAK,CAAC,EACzD,MAAMK,EAAc,CAAC,EACrB,QAASJ,KAAQG,EACdC,EAAOJ,CAAI,EAAKH,EAAcG,CAAI,EAErC,OAAAI,EAAO,UAAYd,EAAW,CAC3BI,EAAY,OAASA,EAAY,GACjCK,EAAM,UACNF,EAAM,UACN,GAAIF,GAAgB,CAAC,CACxB,CAAC,EACMS,CACV,EAGA,IAAOC,EAAQd",
-  "names": ["cssPropList", "css", "classNames", "useTagProps", "sxr", "sx", "baseClass", "clses", "hover", "props", "_css", "style", "prop", "_val", "dept", "skipProps", "_props", "useTagProps_default"]
-}

package/Transition/index.js

@@ -1,2 +0,0 @@
-"use client";import B,{cloneElement as J,Children as V,useState as a,useEffect as y,useId as D}from"react";import W from"../Tag";import{animationEases as P}from"../useAnimation";import{css as z}from"../css";import{formatCSSProp as F}from"oncss";import*as G from"./variants";const K=({children:d,open:n,...$})=>{let{disableInitialTransition:r,variant:o,duration:T,delay:w,ease:x,easing:A,onOpen:S,onOpened:h,onClose:g,onClosed:E,onState:l}=$,I=x||P[A]||P.easeBounceOut;r??=!1,T??=400,o??="fade";const p=D().replace(/:/g,""),[s,R]=a(!1),[L,k]=a(!1),[H,v]=a(n?r?"opened":"open":"closed"),[M,N]=a({height:0,width:0,rect:null});typeof o=="string"&&(o=G[o](M));let i=o.from,c=o.to;const[C,f]=a(n?c:i);y(()=>{const e=document.querySelector(`.trans-${p}`);e&&(R(!0),N({height:e.clientHeight,width:e.clientWidth,rect:e.getBoundingClientRect()}),!r&&n&&f(i))},[]),y(()=>{const e=document.querySelector(`.trans-${p}`);if(s&&e){let m=null,b=null;e.ontransitionstart=()=>{clearTimeout(m),m=setTimeout(()=>{const t=Array.from(e.classList).includes("trans-open");S&&t&&S(),g&&!t&&g(),l&&l(t?"open":"close"),v(t?"open":"close")},1)},e.ontransitionend=()=>{clearTimeout(b),b=setTimeout(()=>{const t=Array.from(e.classList).includes("trans-open");h&&t&&h(),E&&!t&&E(),l&&l(t?"opened":"closed"),v(t?"opened":"closed")},1)}}},[s]),y(()=>{s&&(L?f(n?c:i):(k(!0),setTimeout(()=>{f(n?c:i)},50)))},[s,n,JSON.stringify(i),JSON.stringify(c)]);let O={};if(s){let e=` ${T}ms ${I} ${w||0}ms`;O={...C,transition:Object.keys(C||{}).map(m=>F(m)).join(e+", ")+e}}const _=z(O);if(!d||Array.isArray(d))throw new Error("Invalid children in Transition");const j=V.toArray(d).shift();let q=`${_.classname} trans-${p} trans-${n?"open":"close"} trans-state-${H}`;const u=J(j,{classNames:[q]});return s||!s&&r&&n?u:B.createElement(W,{height:0,overflow:"hidden"},u)};var se=K;export{se as default};
-//# sourceMappingURL=index.js.map

package/Transition/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/Transition/index.tsx"],
-  "sourcesContent": ["'use client'\r\nimport React, { ReactElement, cloneElement, Children, useState, useEffect, useId } from 'react';\r\nimport Tag from '../Tag';\r\nimport { animationEases } from '../useAnimation';\r\nimport { css } from '../css';\r\nimport { formatCSSProp } from 'oncss';\r\nimport { CSSProps } from '../css/types';\r\nimport * as variants from './variants'\r\nexport type TransitionVariantTypes = keyof typeof variants\r\n\r\nexport type TransitionElementProps = {\r\n    height: number;\r\n    width: number;\r\n    rect: DOMRect | null\r\n}\r\n\r\nexport type TransitionState = \"open\" | \"opened\" | \"close\" | \"closed\"\r\n\r\nexport type TransitionProps = {\r\n    children: ReactElement;\r\n    open: boolean;\r\n    variant: {\r\n        from: CSSProps;\r\n        to: CSSProps;\r\n    } | TransitionVariantTypes;\r\n    ease?: string;\r\n    easing?: keyof typeof animationEases;\r\n    duration?: number;\r\n    delay?: number;\r\n    disableInitialTransition?: boolean;\r\n    onOpen?: () => void;\r\n    onOpened?: () => void;\r\n    onClose?: () => void;\r\n    onClosed?: () => void;\r\n    onState?: (state: TransitionState) => void;\r\n}\r\n\r\nconst Transition = ({ children, open, ...props }: TransitionProps) => {\r\n    let { disableInitialTransition, variant, duration, delay, ease, easing, onOpen, onOpened, onClose, onClosed, onState } = props as TransitionProps\r\n    let _ease = ease || (animationEases as any)[easing as any] || animationEases.easeBounceOut\r\n    disableInitialTransition ??= false\r\n    duration ??= 400\r\n    variant ??= \"fade\"\r\n\r\n    const id = useId().replace(/:/g, \"\")\r\n    const [rendered, setRendered] = useState(false)\r\n    const [initial, setInitial] = useState(false)\r\n    const [transitionState, setTransitionState] = useState<TransitionState>(open ? (disableInitialTransition ? \"opened\" : \"open\") : \"closed\")\r\n    const [element, setElement] = useState<TransitionElementProps>({\r\n        height: 0,\r\n        width: 0,\r\n        rect: null\r\n    });\r\n\r\n    if (typeof variant === 'string') {\r\n        variant = (variants as any)[variant](element)\r\n    }\r\n\r\n    let from = (variant as any).from\r\n    let to = (variant as any).to\r\n\r\n    const [_css, setCss] = useState(open ? to : from)\r\n\r\n    useEffect(() => {\r\n        const ele: HTMLElement = document.querySelector(`.trans-${id}`) as any\r\n        if (ele) {\r\n            setRendered(true)\r\n            setElement({\r\n                height: ele.clientHeight,\r\n                width: ele.clientWidth,\r\n                rect: ele.getBoundingClientRect()\r\n            })\r\n            if (!disableInitialTransition && open) {\r\n                setCss(from)\r\n            }\r\n        }\r\n    }, [])\r\n\r\n    useEffect(() => {\r\n        const ele: HTMLElement = document.querySelector(`.trans-${id}`) as any\r\n        if (rendered && ele) {\r\n            let stimer: any = null\r\n            let etimer: any = null\r\n            ele.ontransitionstart = () => {\r\n                clearTimeout(stimer)\r\n                stimer = setTimeout(() => {\r\n                    const isOpen = Array.from(ele.classList).includes(\"trans-open\");\r\n                    (onOpen && isOpen) && onOpen();\r\n                    (onClose && !isOpen) && onClose()\r\n                    onState && onState(isOpen ? \"open\" : \"close\")\r\n                    setTransitionState(isOpen ? \"open\" : \"close\")\r\n                }, 1)\r\n            }\r\n            ele.ontransitionend = () => {\r\n                clearTimeout(etimer)\r\n                etimer = setTimeout(() => {\r\n                    const isOpen = Array.from(ele.classList).includes(\"trans-open\");\r\n                    (onOpened && isOpen) && onOpened();\r\n                    (onClosed && !isOpen) && onClosed();\r\n                    onState && onState(isOpen ? \"opened\" : \"closed\")\r\n                    setTransitionState(isOpen ? \"opened\" : \"closed\")\r\n                }, 1)\r\n            }\r\n        }\r\n    }, [rendered])\r\n\r\n    useEffect(() => {\r\n        if (rendered) {\r\n            if (!initial) {\r\n                setInitial(true)\r\n                setTimeout(() => {\r\n                    setCss(open ? to : from)\r\n                }, 50);\r\n            } else {\r\n                setCss(open ? to : from)\r\n            }\r\n        }\r\n    }, [rendered, open, JSON.stringify(from), JSON.stringify(to)])\r\n\r\n    let _: any = {}\r\n    if (rendered) {\r\n        let trans = ` ${duration}ms ${_ease} ${delay || 0}ms`\r\n        _ = {\r\n            ..._css,\r\n            transition: Object.keys(_css || {}).map(k => formatCSSProp(k)).join(trans + \", \") + trans,\r\n        }\r\n    }\r\n\r\n    const cls = css(_)\r\n    if (!children || Array.isArray(children)) throw new Error(\"Invalid children in Transition\")\r\n    const first: any = Children.toArray(children).shift();\r\n    let classname = `${cls.classname} trans-${id} trans-${(open ? \"open\" : \"close\")} trans-state-${transitionState}`\r\n    const child = cloneElement(first, { classNames: [classname] })\r\n    if (rendered) return child\r\n    if (!rendered && disableInitialTransition && open) return child\r\n\r\n    return (\r\n        <Tag\r\n            height={0}\r\n            overflow=\"hidden\"\r\n        >\r\n            {child}\r\n        </Tag>\r\n    )\r\n}\r\n\r\n\r\nexport default Transition"],
-  "mappings": "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",
-  "names": ["React", "cloneElement", "Children", "useState", "useEffect", "useId", "Tag", "animationEases", "css", "formatCSSProp", "variants", "Transition", "children", "open", "props", "disableInitialTransition", "variant", "duration", "delay", "ease", "easing", "onOpen", "onOpened", "onClose", "onClosed", "onState", "_ease", "id", "rendered", "setRendered", "initial", "setInitial", "transitionState", "setTransitionState", "element", "setElement", "from", "to", "_css", "setCss", "ele", "stimer", "etimer", "isOpen", "_", "trans", "k", "cls", "first", "classname", "child", "Transition_default"]
-}

package/Transition/variants.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/Transition/variants.ts"],
-  "sourcesContent": ["import { TransitionElementProps } from \".\"\r\n\r\nexport const slideDown = (_arg: TransitionElementProps) => {\r\n    return {\r\n        from: {\r\n            transform: `translateY(-${_arg.height}px)!important`,\r\n        },\r\n        to: {\r\n            transform: `translateY(0)!important`,\r\n        }\r\n    }\r\n}\r\n\r\nexport const slideUp = (_arg: TransitionElementProps) => {\r\n    return {\r\n        from: {\r\n            transform: `translateY(${_arg.height}px)!important`,\r\n        },\r\n        to: {\r\n            transform: `translateY(0)!important`,\r\n        }\r\n    }\r\n}\r\n\r\nexport const slideRight = (_arg: TransitionElementProps) => {\r\n    return {\r\n        from: {\r\n            transform: `translateX(-${_arg.width}px)!important`,\r\n        },\r\n        to: {\r\n            transform: `translateX(0)!important`,\r\n        }\r\n    }\r\n}\r\n\r\nexport const slideLeft = (_arg: TransitionElementProps) => {\r\n    return {\r\n        from: {\r\n            transform: `translateX(${_arg.width}px)!important`,\r\n        },\r\n        to: {\r\n            transform: `translateX(0)!important`,\r\n        }\r\n    }\r\n}\r\n\r\nexport const fade = (_arg: TransitionElementProps) => {\r\n    return {\r\n        from: {\r\n            opacity: 0\r\n        },\r\n        to: {\r\n            opacity: 1\r\n        }\r\n    }\r\n}\r\n\r\nexport const fadeDown = (_arg: TransitionElementProps) => {\r\n    return {\r\n        from: {\r\n            transform: `translateY(-30px)!important`,\r\n            opacity: 0\r\n        },\r\n        to: {\r\n            transform: `translateY(0)!important`,\r\n            opacity: 1\r\n        }\r\n    }\r\n}\r\n\r\nexport const fadeUp = (_arg: TransitionElementProps) => {\r\n    return {\r\n        from: {\r\n            transform: `translateY(30px)!important`,\r\n            opacity: 0\r\n        },\r\n        to: {\r\n            transform: `translateY(0)!important`,\r\n            opacity: 1\r\n        }\r\n    }\r\n}\r\n\r\nexport const fadeRight = (_arg: TransitionElementProps) => {\r\n    return {\r\n        from: {\r\n            transform: `translateX(-30px)!important`,\r\n            opacity: 0\r\n        },\r\n        to: {\r\n            transform: `translateX(0)!important`,\r\n            opacity: 1\r\n        }\r\n    }\r\n}\r\n\r\nexport const fadeLeft = (_arg: TransitionElementProps) => {\r\n    return {\r\n        from: {\r\n            transform: `translateX(30px)!important`,\r\n            opacity: 0\r\n        },\r\n        to: {\r\n            transform: `translateX(0)!important`,\r\n            opacity: 1\r\n        }\r\n    }\r\n}\r\n\r\nexport const grow = (_arg: TransitionElementProps) => {\r\n    return {\r\n        from: {\r\n            transform: \"scale(.8, .6)!important\",\r\n            opacity: 0\r\n        },\r\n        to: {\r\n            transform: \"scale(1)!important\",\r\n            opacity: 1\r\n        }\r\n    }\r\n}\r\n\r\nexport const zoom = (_arg: TransitionElementProps) => {\r\n    return {\r\n        from: {\r\n            transform: \"scale(.8)!important\",\r\n            opacity: 0\r\n        },\r\n        to: {\r\n            transform: \"scale(1)!important\",\r\n            opacity: 1\r\n        }\r\n    }\r\n}\r\n\r\nexport const zoomOver = (_arg: TransitionElementProps) => {\r\n    return {\r\n        from: {\r\n            transform: \"scale(1.2)!important\",\r\n            opacity: 0\r\n        },\r\n        to: {\r\n            transform: \"scale(1)!important\",\r\n            opacity: 1\r\n        }\r\n    }\r\n}\r\n\r\nexport const collapsVerticle = (_arg: TransitionElementProps) => {\r\n    return {\r\n        from: {\r\n            height: 0 + \"px!important\",\r\n            overflow: \"hidden\"\r\n        },\r\n        to: {\r\n            height: _arg?.height ? _arg?.height + \"px!important\" : \"auto\",\r\n            overflow: \"hidden\"\r\n        }\r\n    }\r\n}\r\n\r\n\r\nexport const collapsHorizental = (_arg: TransitionElementProps) => {\r\n    return {\r\n        from: {\r\n            width: 0 + \"px!important\",\r\n            overflow: \"hidden\"\r\n        },\r\n        to: {\r\n            width: _arg?.width ? _arg?.width + \"px!important\" : \"auto\",\r\n            overflow: \"hidden\"\r\n        }\r\n    }\r\n}\r\n\r\n\r\n\r\n\r\n"],
-  "mappings": "AAEO,MAAMA,EAAaC,IACf,CACH,KAAM,CACF,UAAW,eAAeA,EAAK,MAAM,eACzC,EACA,GAAI,CACA,UAAW,yBACf,CACJ,GAGSC,EAAWD,IACb,CACH,KAAM,CACF,UAAW,cAAcA,EAAK,MAAM,eACxC,EACA,GAAI,CACA,UAAW,yBACf,CACJ,GAGSE,EAAcF,IAChB,CACH,KAAM,CACF,UAAW,eAAeA,EAAK,KAAK,eACxC,EACA,GAAI,CACA,UAAW,yBACf,CACJ,GAGSG,EAAaH,IACf,CACH,KAAM,CACF,UAAW,cAAcA,EAAK,KAAK,eACvC,EACA,GAAI,CACA,UAAW,yBACf,CACJ,GAGSI,EAAQJ,IACV,CACH,KAAM,CACF,QAAS,CACb,EACA,GAAI,CACA,QAAS,CACb,CACJ,GAGSK,EAAYL,IACd,CACH,KAAM,CACF,UAAW,8BACX,QAAS,CACb,EACA,GAAI,CACA,UAAW,0BACX,QAAS,CACb,CACJ,GAGSM,EAAUN,IACZ,CACH,KAAM,CACF,UAAW,6BACX,QAAS,CACb,EACA,GAAI,CACA,UAAW,0BACX,QAAS,CACb,CACJ,GAGSO,EAAaP,IACf,CACH,KAAM,CACF,UAAW,8BACX,QAAS,CACb,EACA,GAAI,CACA,UAAW,0BACX,QAAS,CACb,CACJ,GAGSQ,EAAYR,IACd,CACH,KAAM,CACF,UAAW,6BACX,QAAS,CACb,EACA,GAAI,CACA,UAAW,0BACX,QAAS,CACb,CACJ,GAGSS,EAAQT,IACV,CACH,KAAM,CACF,UAAW,0BACX,QAAS,CACb,EACA,GAAI,CACA,UAAW,qBACX,QAAS,CACb,CACJ,GAGSU,EAAQV,IACV,CACH,KAAM,CACF,UAAW,sBACX,QAAS,CACb,EACA,GAAI,CACA,UAAW,qBACX,QAAS,CACb,CACJ,GAGSW,EAAYX,IACd,CACH,KAAM,CACF,UAAW,uBACX,QAAS,CACb,EACA,GAAI,CACA,UAAW,qBACX,QAAS,CACb,CACJ,GAGSY,EAAmBZ,IACrB,CACH,KAAM,CACF,OAAQ,gBACR,SAAU,QACd,EACA,GAAI,CACA,OAAQA,GAAM,OAASA,GAAM,OAAS,eAAiB,OACvD,SAAU,QACd,CACJ,GAISa,EAAqBb,IACvB,CACH,KAAM,CACF,MAAO,gBACP,SAAU,QACd,EACA,GAAI,CACA,MAAOA,GAAM,MAAQA,GAAM,MAAQ,eAAiB,OACpD,SAAU,QACd,CACJ",
-  "names": ["slideDown", "_arg", "slideUp", "slideRight", "slideLeft", "fade", "fadeDown", "fadeUp", "fadeRight", "fadeLeft", "grow", "zoom", "zoomOver", "collapsVerticle", "collapsHorizental"]
-}

package/breakpoint/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/breakpoint/index.tsx"],
-  "sourcesContent": ["import React, { ReactNode, useState } from \"react\";\r\nimport isWindow from \"../isWindow\";\r\nimport { breakpoints } from \"../css\";\r\nimport { BreakpointKeys } from \"../css/types\";\r\n\r\nexport const BreakpointCtx = React.createContext<BreakpointKeys>(\"xl\")\r\n\r\nconst getKey = (): BreakpointKeys => {\r\n    const isWin = isWindow()\r\n    if (isWin) {\r\n        const width = window.innerWidth\r\n        if (width < breakpoints.sm) {\r\n            return 'xs'\r\n        } else if (width > breakpoints.xs && width < breakpoints.md) {\r\n            return 'sm'\r\n        } else if (width > breakpoints.sm && width < breakpoints.lg) {\r\n            return 'md'\r\n        } else if (width > breakpoints.md && width < breakpoints.xl) {\r\n            return 'lg'\r\n        } else {\r\n            return 'xl'\r\n        }\r\n    } else {\r\n        return 'xl'\r\n    }\r\n}\r\n\r\nexport const BreakpointProvider = ({ children }: { children?: ReactNode }) => {\r\n    const [current, setCurrent] = useState<BreakpointKeys>(getKey)\r\n\r\n    const handler = () => {\r\n        let c = getKey()\r\n        if (current !== c) {\r\n            setCurrent(c)\r\n        }\r\n    }\r\n\r\n    React.useEffect(() => {\r\n        window.removeEventListener(\"resize\", handler)\r\n        window.addEventListener(\"resize\", handler)\r\n        handler()\r\n        return () => {\r\n            window.removeEventListener(\"resize\", handler)\r\n        }\r\n    }, [current])\r\n\r\n    return (\r\n        <BreakpointCtx.Provider value={current}>\r\n            {children}\r\n        </BreakpointCtx.Provider>\r\n    )\r\n}\r\n"],
-  "mappings": "AAAA,OAAOA,GAAoB,YAAAC,MAAgB,QAC3C,OAAOC,MAAc,cACrB,OAAS,eAAAC,MAAmB,SAGrB,MAAMC,EAAgBJ,EAAM,cAA8B,IAAI,EAE/DK,EAAS,IAAsB,CAEjC,GADcH,EAAS,EACZ,CACP,MAAMI,EAAQ,OAAO,WACrB,OAAIA,EAAQH,EAAY,GACb,KACAG,EAAQH,EAAY,IAAMG,EAAQH,EAAY,GAC9C,KACAG,EAAQH,EAAY,IAAMG,EAAQH,EAAY,GAC9C,KACAG,EAAQH,EAAY,IAAMG,EAAQH,EAAY,GAC9C,KAEA,IAEf,KACI,OAAO,IAEf,EAEaI,EAAqB,CAAC,CAAE,SAAAC,CAAS,IAAgC,CAC1E,KAAM,CAACC,EAASC,CAAU,EAAIT,EAAyBI,CAAM,EAEvDM,EAAU,IAAM,CAClB,IAAIC,EAAIP,EAAO,EACXI,IAAYG,GACZF,EAAWE,CAAC,CAEpB,EAEA,OAAAZ,EAAM,UAAU,KACZ,OAAO,oBAAoB,SAAUW,CAAO,EAC5C,OAAO,iBAAiB,SAAUA,CAAO,EACzCA,EAAQ,EACD,IAAM,CACT,OAAO,oBAAoB,SAAUA,CAAO,CAChD,GACD,CAACF,CAAO,CAAC,EAGRT,EAAA,cAACI,EAAc,SAAd,CAAuB,MAAOK,GAC1BD,CACL,CAER",
-  "names": ["React", "useState", "isWindow", "breakpoints", "BreakpointCtx", "getKey", "width", "BreakpointProvider", "children", "current", "setCurrent", "handler", "c"]
-}

package/breakpoint/useBreakpoint.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/breakpoint/useBreakpoint.ts"],
-  "sourcesContent": ["import { useContext } from \"react\"\r\nimport { BreakpointCtx } from \".\"\r\nimport isWindow from \"../isWindow\"\r\nimport { breakpoints } from \"../css\"\r\nimport { BreakpointKeys } from \"../css/types\"\r\n\r\nconst useBreakpoint = () => {\r\n   const val = useContext(BreakpointCtx)\r\n   const isWin = isWindow()\r\n   const o = {\r\n      value: val,\r\n      is: (key: BreakpointKeys) => val === key,\r\n      isDown: (key: BreakpointKeys) => {\r\n         if (isWin) {\r\n            return window.innerWidth > breakpoints[key]\r\n         }\r\n         return false\r\n      },\r\n      isUp: (key: BreakpointKeys) => {\r\n         if (isWin) {\r\n            return window.innerWidth < breakpoints[key]\r\n         }\r\n         return false\r\n      },\r\n      isOrDown: (key: BreakpointKeys) => o.is(key) || o.isDown(key),\r\n      isOrUp: (key: BreakpointKeys) => o.is(key) || o.isUp(key)\r\n   }\r\n   return o\r\n}\r\n\r\nexport default useBreakpoint\r\n"],
-  "mappings": "AAAA,OAAS,cAAAA,MAAkB,QAC3B,OAAS,iBAAAC,MAAqB,IAC9B,OAAOC,MAAc,cACrB,OAAS,eAAAC,MAAmB,SAG5B,MAAMC,EAAgB,IAAM,CACzB,MAAMC,EAAML,EAAWC,CAAa,EAC9BK,EAAQJ,EAAS,EACjBK,EAAI,CACP,MAAOF,EACP,GAAKG,GAAwBH,IAAQG,EACrC,OAASA,GACFF,EACM,OAAO,WAAaH,EAAYK,CAAG,EAEtC,GAEV,KAAOA,GACAF,EACM,OAAO,WAAaH,EAAYK,CAAG,EAEtC,GAEV,SAAWA,GAAwBD,EAAE,GAAGC,CAAG,GAAKD,EAAE,OAAOC,CAAG,EAC5D,OAASA,GAAwBD,EAAE,GAAGC,CAAG,GAAKD,EAAE,KAAKC,CAAG,CAC3D,EACA,OAAOD,CACV,EAEA,IAAOE,EAAQL",
-  "names": ["useContext", "BreakpointCtx", "isWindow", "breakpoints", "useBreakpoint", "val", "isWin", "o", "key", "useBreakpoint_default"]
-}

package/breakpoint/useBreakpointProps.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/breakpoint/useBreakpointProps.ts"],
-  "sourcesContent": ["import React, { isValidElement } from \"react\"\r\nimport useBreakpoint from \"./useBreakpoint\"\r\nimport { BreakpointKeys } from \"../css/types\"\r\n\r\nexport type useBreakpointPropsType<P> = P | {\r\n   [key in BreakpointKeys]?: P\r\n}\r\n\r\nconst useBreakpoinProps = <P extends object>(props: useBreakpointPropsType<P>): useBreakpointPropsType<P> => {\r\n   const bpoint = useBreakpoint()\r\n   const stringifiedElement = JSON.stringify(props, (key, value) => {\r\n      if (key === '_owner' || key === '_store') {\r\n         return undefined; // Skip circular references\r\n      }\r\n      return value;\r\n   }, 2);\r\n\r\n   let format: any = React.useMemo(() => {\r\n\r\n      const _format: any = {\r\n         xs: {},\r\n         sm: {},\r\n         md: {},\r\n         lg: {},\r\n         xl: {}\r\n      }\r\n      for (let prop in props) {\r\n         let val = (props as any)[prop]\r\n         if (!isValidElement(val) && typeof val === 'object') {\r\n            for (let breakpoin in val) {\r\n               _format[breakpoin][prop] = (props as any)[prop][breakpoin]\r\n            }\r\n         } else {\r\n            _format.xs[prop] = (props as any)[prop]\r\n         }\r\n      }\r\n\r\n      return _format\r\n   }, [stringifiedElement, bpoint.value])\r\n\r\n   return React.useMemo(() => {\r\n      let _props = format.xs || {};\r\n      for (let key of ['sm', 'md', 'lg', 'xl']) {\r\n         if (bpoint.isOrDown(key as any)) {\r\n            _props = { ..._props, ...format[key] };\r\n         }\r\n         if (bpoint.is(key as any)) {\r\n            break;\r\n         }\r\n      }\r\n      return _props;\r\n   }, [format, bpoint.value]);\r\n}\r\n\r\n\r\n\r\nexport default useBreakpoinProps"],
-  "mappings": "AAAA,OAAOA,GAAS,kBAAAC,MAAsB,QACtC,OAAOC,MAAmB,kBAO1B,MAAMC,EAAuCC,GAAgE,CAC1G,MAAMC,EAASH,EAAc,EACvBI,EAAqB,KAAK,UAAUF,EAAO,CAACG,EAAKC,IAAU,CAC9D,GAAI,EAAAD,IAAQ,UAAYA,IAAQ,UAGhC,OAAOC,CACV,EAAG,CAAC,EAEJ,IAAIC,EAAcT,EAAM,QAAQ,IAAM,CAEnC,MAAMU,EAAe,CAClB,GAAI,CAAC,EACL,GAAI,CAAC,EACL,GAAI,CAAC,EACL,GAAI,CAAC,EACL,GAAI,CAAC,CACR,EACA,QAASC,KAAQP,EAAO,CACrB,IAAIQ,EAAOR,EAAcO,CAAI,EAC7B,GAAI,CAACV,EAAeW,CAAG,GAAK,OAAOA,GAAQ,SACxC,QAASC,KAAaD,EACnBF,EAAQG,CAAS,EAAEF,CAAI,EAAKP,EAAcO,CAAI,EAAEE,CAAS,OAG5DH,EAAQ,GAAGC,CAAI,EAAKP,EAAcO,CAAI,CAE5C,CAEA,OAAOD,CACV,EAAG,CAACJ,EAAoBD,EAAO,KAAK,CAAC,EAErC,OAAOL,EAAM,QAAQ,IAAM,CACxB,IAAIc,EAASL,EAAO,IAAM,CAAC,EAC3B,QAASF,IAAO,CAAC,KAAM,KAAM,KAAM,IAAI,EAIpC,GAHIF,EAAO,SAASE,CAAU,IAC3BO,EAAS,CAAE,GAAGA,EAAQ,GAAGL,EAAOF,CAAG,CAAE,GAEpCF,EAAO,GAAGE,CAAU,EACrB,MAGN,OAAOO,CACV,EAAG,CAACL,EAAQJ,EAAO,KAAK,CAAC,CAC5B,EAIA,IAAOU,EAAQZ",
-  "names": ["React", "isValidElement", "useBreakpoint", "useBreakpoinProps", "props", "bpoint", "stringifiedElement", "key", "value", "format", "_format", "prop", "val", "breakpoin", "_props", "useBreakpointProps_default"]
-}

package/cjs/Tag/cssPropList.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/Tag/cssPropList.ts"],
-  "sourcesContent": ["\r\nconst CSS_PROP_LIST: any = {\r\n    typography: 1,\r\n    bgcolor: 1,\r\n    bgimage: 1,\r\n    bg: 1,\r\n    p: 1,\r\n    pt: 1,\r\n    pr: 1,\r\n    pb: 1,\r\n    pl: 1,\r\n    px: 1,\r\n    py: 1,\r\n    m: 1,\r\n    mt: 1,\r\n    mr: 1,\r\n    mb: 1,\r\n    ml: 1,\r\n    mx: 1,\r\n    my: 1,\r\n    radius: 1,\r\n    shadow: 1,\r\n    flexBox: 1,\r\n    flexRow: 1,\r\n    flexColumn: 1,\r\n    flexWraped: 1,\r\n    disabled: 1,\r\n    spacing: 1,\r\n\r\n    gradient: 1,\r\n\r\n    // CSS Props\r\n    alignContent: 1,\r\n    alignItems: 1,\r\n    alignSelf: 1,\r\n    animation: 1,\r\n    animationComposition: 1,\r\n    animationDelay: 1,\r\n    animationDirection: 1,\r\n    animationDuration: 1,\r\n    animationFillMode: 1,\r\n    animationIterationCount: 1,\r\n    animationName: 1,\r\n    animationTimingFunction: 1,\r\n    backdropFilter: 1,\r\n    background: 1,\r\n    backgroundAttachment: 1,\r\n    backgroundColor: 1,\r\n    backgroundImage: 1,\r\n    backgroundOrigin: 1,\r\n    backgroundPosition: 1,\r\n    backgroundRepeat: 1,\r\n    backgroundSize: 1,\r\n    border: 1,\r\n    borderBottom: 1,\r\n    borderBottomColor: 1,\r\n    borderBottomStyle: 1,\r\n    borderBottomWidth: 1,\r\n    borderColor: 1,\r\n    borderImage: 1,\r\n    borderLeft: 1,\r\n    borderLeftColor: 1,\r\n    borderLeftStyle: 1,\r\n    borderLeftWidth: 1,\r\n    borderRadius: 1,\r\n    borderRight: 1,\r\n    borderRightColor: 1,\r\n    borderRightStyle: 1,\r\n    borderRightWidth: 1,\r\n    borderStyle: 1,\r\n    borderTop: 1,\r\n    borderTopColor: 1,\r\n    borderTopLeftRadius: 1,\r\n    borderTopRightRadius: 1,\r\n    borderTopStyle: 1,\r\n    borderTopWidth: 1,\r\n    borderWidth: 1,\r\n    bottom: 1,\r\n    boxShadow: 1,\r\n    boxSizing: 1,\r\n    cursor: 1,\r\n    color: 1,\r\n    display: 1,\r\n    direction: 1,\r\n    filter: 1,\r\n    flex: 1,\r\n    flexBasis: 1,\r\n    flexDirection: 1,\r\n    flexFlow: 1,\r\n    flexGrow: 1,\r\n    flexShrink: 1,\r\n    flexWrap: 1,\r\n    float: 1,\r\n    fontFamily: 1,\r\n    fontSize: 1,\r\n    fontStyle: 1,\r\n    fontWeight: 1,\r\n    font: 1,\r\n    gap: 1,\r\n    grid: 1,\r\n    gridArea: 1,\r\n    gridAutoColumns: 1,\r\n    gridAutoFlow: 1,\r\n    gridAutoRows: 1,\r\n    gridColumn: 1,\r\n    gridColumnEnd: 1,\r\n    gridColumnGap: 1,\r\n    gridColumnStart: 1,\r\n    gridGap: 1,\r\n    gridRow: 1,\r\n    gridRowEnd: 1,\r\n    gridRowGap: 1,\r\n    gridRowStart: 1,\r\n    gridTemplate: 1,\r\n    gridTemplateAreas: 1,\r\n    gridTemplateColumns: 1,\r\n    gridTemplateRows: 1,\r\n    height: 1,\r\n    justifyContent: 1,\r\n    justifyItems: 1,\r\n    justifySelf: 1,\r\n    left: 1,\r\n    letterSpacing: 1,\r\n    lineBreak: 1,\r\n    lineHeight: 1,\r\n    listStyle: 1,\r\n    margin: 1,\r\n    marginBlock: 1,\r\n    marginBlockEnd: 1,\r\n    marginBlockStart: 1,\r\n    marginBottom: 1,\r\n    marginInline: 1,\r\n    marginInlineEnd: 1,\r\n    marginInlineStart: 1,\r\n    marginLeft: 1,\r\n    marginRight: 1,\r\n    marginTop: 1,\r\n    maxHeight: 1,\r\n    maxWidth: 1,\r\n    minHeight: 1,\r\n    minWidth: 1,\r\n    objectFit: 1,\r\n    objectPosition: 1,\r\n    opacity: 1,\r\n    order: 1,\r\n    outline: 1,\r\n    overflow: 1,\r\n    overflowX: 1,\r\n    overflowY: 1,\r\n    padding: 1,\r\n    paddingBlock: 1,\r\n    paddingBlockEnd: 1,\r\n    paddingBlockStart: 1,\r\n    paddingBottom: 1,\r\n    paddingInline: 1,\r\n    paddingInlineEnd: 1,\r\n    paddingInlineStart: 1,\r\n    paddingLeft: 1,\r\n    paddingRight: 1,\r\n    paddingTop: 1,\r\n    perspective: 1,\r\n    perspectiveOrigin: 1,\r\n    pointerEvents: 1,\r\n    position: 1,\r\n    resize: 1,\r\n    right: 1,\r\n    textAlign: 1,\r\n    textDecoration: 1,\r\n    textShadow: 1,\r\n    textTransform: 1,\r\n    top: 1,\r\n    transform: 1,\r\n    transformOrigin: 1,\r\n    transformStyle: 1,\r\n    transition: 1,\r\n    transitionDelay: 1,\r\n    transitionDuration: 1,\r\n    transitionProperty: 1,\r\n    transitionTimingFunction: 1,\r\n    userSelect: 1,\r\n    verticalAlign: 1,\r\n    visibility: 1,\r\n    whiteSpace: 1,\r\n    width: 1,\r\n    wordBreak: 1,\r\n    wordSpacing: 1,\r\n    wordWrap: 1,\r\n    zIndex: 1,\r\n}\r\n\r\nexport default CSS_PROP_LIST"],
-  "mappings": "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",
-  "names": ["cssPropList_exports", "__export", "cssPropList_default", "__toCommonJS", "CSS_PROP_LIST"]
-}

package/cjs/Tag/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/Tag/index.tsx"],
-  "sourcesContent": ["import * as React from 'react'\r\nimport { TagComponentType, TagPropsRoot } from './types';\r\nimport useTagProps from './useTagProps';\r\n\r\nconst Tag = React.forwardRef(<T extends TagComponentType = 'div'>({ component, children, ...rest }: TagPropsRoot<T>, ref: React.Ref<any>) => {\r\n    const props: any = useTagProps(rest)\r\n    props.ref = ref\r\n    return React.createElement(component || \"div\", props, children)\r\n})\r\n\r\nexport default Tag"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuB,sBAEvBC,EAAwB,8BAExB,MAAMC,EAAMF,EAAM,WAAW,CAAqC,CAAE,UAAAG,EAAW,SAAAC,EAAU,GAAGC,CAAK,EAAoBC,IAAwB,CACzI,MAAMC,KAAa,EAAAC,SAAYH,CAAI,EACnC,OAAAE,EAAM,IAAMD,EACLN,EAAM,cAAcG,GAAa,MAAOI,EAAOH,CAAQ,CAClE,CAAC,EAED,IAAON,EAAQI",
-  "names": ["Tag_exports", "__export", "Tag_default", "__toCommonJS", "React", "import_useTagProps", "Tag", "component", "children", "rest", "ref", "props", "useTagProps"]
-}

package/cjs/Tag/types.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/Tag/types.ts"],
-  "sourcesContent": ["import * as CSS from 'csstype'\r\nimport { Aliases, BreakpointKeys, CSSProps, CSSValueType } from \"../css/types\"\r\nimport { ColorsRefTypes, TypographyRefTypes } from '../theme/types';\r\nimport { classNamesTypes } from 'pretty-class'\r\n\r\nexport type TagComponentType = keyof React.JSX.IntrinsicElements | React.ComponentType<any>\r\nexport type TagProps<T extends TagComponentType = 'div'> = Omit<React.HTMLProps<T>, 'width' | 'height'> & {\r\n    component?: T;\r\n    children?: React.ReactNode;\r\n    ref?: any;\r\n} & CSSPropAsAttr\r\n\r\nexport type TagPropsRoot<T extends TagComponentType = 'div'> = TagProps<T> & {\r\n    sxr?: CSSProps\r\n}\r\n\r\n\r\ninterface TagCSSProperties {\r\n    alignContent: CSSValueType<\"alignContent\">;\r\n    alignItems: CSSValueType<\"alignItems\">;\r\n    alignSelf: CSSValueType<\"alignSelf\">;\r\n    animation: CSSValueType<\"animation\">;\r\n    animationComposition: CSSValueType<\"animationComposition\">;\r\n    animationDelay: CSSValueType<\"animationDelay\">;\r\n    animationDirection: CSSValueType<\"animationDirection\">;\r\n    animationDuration: CSSValueType<\"animationDuration\">;\r\n    animationFillMode: CSSValueType<\"animationFillMode\">;\r\n    animationIterationCount: CSSValueType<\"animationIterationCount\">;\r\n    animationName: CSSValueType<\"animationName\">;\r\n    animationTimingFunction: CSSValueType<\"animationTimingFunction\">;\r\n    backdropFilter: CSSValueType<\"backdropFilter\">;\r\n    background: CSSValueType<\"background\"> | ColorsRefTypes;\r\n    backgroundAttachment: CSSValueType<\"backgroundAttachment\">;\r\n    backgroundColor: CSSValueType<\"backgroundColor\"> | ColorsRefTypes;\r\n    backgroundImage: CSSValueType<\"backgroundImage\">;\r\n    backgroundOrigin: CSSValueType<\"backgroundOrigin\">;\r\n    backgroundPosition: CSSValueType<\"backgroundPosition\">;\r\n    backgroundRepeat: CSSValueType<\"backgroundRepeat\">;\r\n    backgroundSize: CSSValueType<\"backgroundSize\">;\r\n    border: CSSValueType<\"border\">;\r\n    borderBottom: CSSValueType<\"borderBottom\">;\r\n    borderBottomColor: CSSValueType<\"borderBottomColor\"> | ColorsRefTypes;\r\n    borderBottomStyle: CSSValueType<\"borderBottomStyle\">;\r\n    borderBottomWidth: CSSValueType<\"borderBottomWidth\">;\r\n    borderColor: CSS.Properties['borderColor'] | ColorsRefTypes;\r\n    borderImage: CSSValueType<\"borderImage\">;\r\n    borderLeft: CSSValueType<\"borderLeft\">;\r\n    borderLeftColor: CSSValueType<\"borderLeftColor\"> | ColorsRefTypes;\r\n    borderLeftStyle: CSSValueType<\"borderLeftStyle\">;\r\n    borderLeftWidth: CSSValueType<\"borderLeftWidth\">;\r\n    borderRadius: CSSValueType<\"borderRadius\">;\r\n    borderRight: CSSValueType<\"borderRight\">;\r\n    borderRightColor: CSSValueType<\"borderRightColor\"> | ColorsRefTypes;\r\n    borderRightStyle: CSSValueType<\"borderRightStyle\">;\r\n    borderRightWidth: CSSValueType<\"borderRightWidth\">;\r\n    borderStyle: CSSValueType<\"borderStyle\">;\r\n    borderTop: CSSValueType<\"borderTop\">;\r\n    borderTopColor: CSSValueType<\"borderTopColor\"> | ColorsRefTypes;\r\n    borderTopLeftRadius: CSSValueType<\"borderTopLeftRadius\">;\r\n    borderTopRightRadius: CSSValueType<\"borderTopRightRadius\">;\r\n    borderTopStyle: CSSValueType<\"borderTopStyle\">;\r\n    borderTopWidth: CSSValueType<\"borderTopWidth\">;\r\n    borderWidth: CSSValueType<\"borderWidth\">;\r\n    bottom: CSSValueType<\"bottom\">;\r\n    boxShadow: CSSValueType<\"boxShadow\"> | number;\r\n    boxSizing: CSSValueType<\"boxSizing\">;\r\n    cursor: CSSValueType<\"cursor\">;\r\n    color: CSS.Properties['color'] | ColorsRefTypes;\r\n    display: CSSValueType<\"display\">;\r\n    direction: \"row\" | \"column\" | CSSValueType<\"direction\">;\r\n    filter: CSSValueType<\"filter\">;\r\n    flex: CSSValueType<\"flex\">;\r\n    flexBasis: CSSValueType<\"flexBasis\">;\r\n    flexDirection: CSSValueType<\"flexDirection\">;\r\n    flexFlow: CSSValueType<\"flexFlow\">;\r\n    flexGrow: CSSValueType<\"flexGrow\">;\r\n    flexShrink: CSSValueType<\"flexShrink\">;\r\n    flexWrap: CSSValueType<\"flexWrap\">;\r\n    float: CSSValueType<\"float\">;\r\n    fontFamily: CSSValueType<\"fontFamily\"> | \"default\";\r\n    fontSize: CSSValueType<\"fontSize\"> | TypographyRefTypes;\r\n    fontStyle: CSSValueType<\"fontStyle\">;\r\n    fontWeight: CSSValueType<\"fontWeight\"> | TypographyRefTypes;\r\n    font: CSSValueType<\"font\"> | TypographyRefTypes;\r\n    gap: CSSValueType<\"gap\">;\r\n    grid: CSSValueType<\"grid\">;\r\n    gridArea: CSSValueType<\"gridArea\">;\r\n    gridAutoColumns: CSSValueType<\"gridAutoColumns\">;\r\n    gridAutoFlow: CSSValueType<\"gridAutoFlow\">;\r\n    gridAutoRows: CSSValueType<\"gridAutoRows\">;\r\n    gridColumn: CSSValueType<\"gridColumn\">;\r\n    gridColumnEnd: CSSValueType<\"gridColumnEnd\">;\r\n    gridColumnGap: CSSValueType<\"gridColumnGap\">;\r\n    gridColumnStart: CSSValueType<\"gridColumnStart\">;\r\n    gridGap: CSSValueType<\"gridGap\">;\r\n    gridRow: CSSValueType<\"gridRow\">;\r\n    gridRowEnd: CSSValueType<\"gridRowEnd\">;\r\n    gridRowGap: CSSValueType<\"gridRowGap\">;\r\n    gridRowStart: CSSValueType<\"gridRowStart\">;\r\n    gridTemplate: CSSValueType<\"gridTemplate\">;\r\n    gridTemplateAreas: CSSValueType<\"gridTemplateAreas\">;\r\n    gridTemplateColumns: CSSValueType<\"gridTemplateColumns\">;\r\n    gridTemplateRows: CSSValueType<\"gridTemplateRows\">;\r\n    height: CSSValueType<\"height\">;\r\n    justifyContent: CSSValueType<\"justifyContent\">;\r\n    justifyItems: CSSValueType<\"justifyItems\">;\r\n    justifySelf: CSSValueType<\"justifySelf\">;\r\n    left: CSSValueType<\"left\">;\r\n    letterSpacing: CSSValueType<\"letterSpacing\">;\r\n    lineBreak: CSSValueType<\"lineBreak\">;\r\n    lineHeight: CSSValueType<\"lineHeight\"> | TypographyRefTypes;\r\n    listStyle: CSSValueType<\"listStyle\">;\r\n    margin: CSSValueType<\"margin\">;\r\n    marginBlock: CSSValueType<\"marginBlock\">;\r\n    marginBlockEnd: CSSValueType<\"marginBlockEnd\">;\r\n    marginBlockStart: CSSValueType<\"marginBlockStart\">;\r\n    marginBottom: CSSValueType<\"marginBottom\">;\r\n    marginInline: CSSValueType<\"marginInline\">;\r\n    marginInlineEnd: CSSValueType<\"marginInlineEnd\">;\r\n    marginInlineStart: CSSValueType<\"marginInlineStart\">;\r\n    marginLeft: CSSValueType<\"marginLeft\">;\r\n    marginRight: CSSValueType<\"marginRight\">;\r\n    marginTop: CSSValueType<\"marginTop\">;\r\n    maxHeight: CSSValueType<\"maxHeight\">;\r\n    maxWidth: CSSValueType<\"maxWidth\"> | BreakpointKeys;\r\n    minHeight: CSSValueType<\"minHeight\">;\r\n    minWidth: CSSValueType<\"minWidth\"> | BreakpointKeys;\r\n    objectFit: CSSValueType<\"objectFit\">;\r\n    objectPosition: CSSValueType<\"objectPosition\">;\r\n    opacity: CSSValueType<\"opacity\">;\r\n    order: CSSValueType<\"order\">;\r\n    outline: CSSValueType<\"outline\">;\r\n    overflow: CSSValueType<\"overflow\">;\r\n    overflowX: CSSValueType<\"overflowX\">;\r\n    overflowY: CSSValueType<\"overflowY\">;\r\n    padding: CSSValueType<\"padding\">;\r\n    paddingBlock: CSSValueType<\"paddingBlock\">;\r\n    paddingBlockEnd: CSSValueType<\"paddingBlockEnd\">;\r\n    paddingBlockStart: CSSValueType<\"paddingBlockStart\">;\r\n    paddingBottom: CSSValueType<\"paddingBottom\">;\r\n    paddingInline: CSSValueType<\"paddingInline\">;\r\n    paddingInlineEnd: CSSValueType<\"paddingInlineEnd\">;\r\n    paddingInlineStart: CSSValueType<\"paddingInlineStart\">;\r\n    paddingLeft: CSSValueType<\"paddingLeft\">;\r\n    paddingRight: CSSValueType<\"paddingRight\">;\r\n    paddingTop: CSSValueType<\"paddingTop\">;\r\n    perspective: CSSValueType<\"perspective\">;\r\n    perspectiveOrigin: CSSValueType<\"perspectiveOrigin\">;\r\n    pointerEvents: CSSValueType<\"pointerEvents\">;\r\n    position: CSSValueType<\"position\">;\r\n    right: CSSValueType<\"right\">;\r\n    textAlign: CSSValueType<\"textAlign\">;\r\n    textDecoration: CSSValueType<\"textDecoration\">;\r\n    textShadow: CSSValueType<\"textShadow\">;\r\n    textTransform: CSSValueType<\"textTransform\">;\r\n    top: CSSValueType<\"top\">;\r\n    transform: CSSValueType<\"transform\">;\r\n    transformOrigin: CSSValueType<\"transformOrigin\">;\r\n    transformStyle: CSSValueType<\"transformStyle\">;\r\n    transition: CSSValueType<\"transition\">;\r\n    transitionDelay: CSSValueType<\"transitionDelay\">;\r\n    transitionDuration: CSSValueType<\"transitionDuration\">;\r\n    transitionProperty: CSSValueType<\"transitionProperty\">;\r\n    transitionTimingFunction: CSSValueType<\"transitionTimingFunction\">;\r\n    translate: CSSValueType<\"translate\">;\r\n    userSelect: CSSValueType<\"userSelect\">;\r\n    verticalAlign: CSSValueType<\"verticalAlign\">;\r\n    visibility: CSSValueType<\"visibility\">;\r\n    whiteSpace: CSSValueType<\"whiteSpace\">;\r\n    width: CSSValueType<\"width\"> | BreakpointKeys;\r\n    wordBreak: CSSValueType<\"wordBreak\">;\r\n    wordSpacing: CSSValueType<\"wordSpacing\">;\r\n    wordWrap: CSSValueType<\"wordWrap\">;\r\n    zIndex: CSSValueType<\"zIndex\">;\r\n}\r\n\r\nexport type CSSPropAsAttr = Partial<TagCSSProperties> & Aliases & {\r\n    baseClass?: string;\r\n    sx?: CSSProps;\r\n    hover?: CSSProps;\r\n    disabled?: boolean;\r\n    classNames?: classNamesTypes;\r\n}"],
-  "mappings": "+WAAA,IAAAA,EAAA,kBAAAC,EAAAD",
-  "names": ["types_exports", "__toCommonJS"]
-}

package/cjs/Transition/index.js

@@ -1,2 +0,0 @@
-"use strict";"use client";var z=Object.create;var f=Object.defineProperty;var F=Object.getOwnPropertyDescriptor;var G=Object.getOwnPropertyNames;var K=Object.getPrototypeOf,Q=Object.prototype.hasOwnProperty;var U=(t,e)=>{for(var i in e)f(t,i,{get:e[i],enumerable:!0})},x=(t,e,i,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of G(e))!Q.call(t,o)&&o!==i&&f(t,o,{get:()=>e[o],enumerable:!(r=F(e,o))||r.enumerable});return t};var S=(t,e,i)=>(i=t!=null?z(K(t)):{},x(e||!t||!t.__esModule?f(i,"default",{value:t,enumerable:!0}):i,t)),X=t=>x(f({},"__esModule",{value:!0}),t);var te={};U(te,{default:()=>ee});module.exports=X(te);var n=S(require("react"),1),A=S(require("../Tag"),1),h=require("../useAnimation"),I=require("../css"),R=require("oncss"),Y=S(require("./variants"),1);const Z=({children:t,open:e,...i})=>{let{disableInitialTransition:r,variant:o,duration:g,delay:L,ease:k,easing:H,onOpen:E,onOpened:v,onClose:C,onClosed:O,onState:m}=i,M=k||h.animationEases[H]||h.animationEases.easeBounceOut;r??=!1,g??=400,o??="fade";const u=(0,n.useId)().replace(/:/g,""),[l,N]=(0,n.useState)(!1),[_,j]=(0,n.useState)(!1),[q,b]=(0,n.useState)(e?r?"opened":"open":"closed"),[B,J]=(0,n.useState)({height:0,width:0,rect:null});typeof o=="string"&&(o=Y[o](B));let c=o.from,d=o.to;const[P,y]=(0,n.useState)(e?d:c);(0,n.useEffect)(()=>{const s=document.querySelector(`.trans-${u}`);s&&(N(!0),J({height:s.clientHeight,width:s.clientWidth,rect:s.getBoundingClientRect()}),!r&&e&&y(c))},[]),(0,n.useEffect)(()=>{const s=document.querySelector(`.trans-${u}`);if(l&&s){let p=null,w=null;s.ontransitionstart=()=>{clearTimeout(p),p=setTimeout(()=>{const a=Array.from(s.classList).includes("trans-open");E&&a&&E(),C&&!a&&C(),m&&m(a?"open":"close"),b(a?"open":"close")},1)},s.ontransitionend=()=>{clearTimeout(w),w=setTimeout(()=>{const a=Array.from(s.classList).includes("trans-open");v&&a&&v(),O&&!a&&O(),m&&m(a?"opened":"closed"),b(a?"opened":"closed")},1)}}},[l]),(0,n.useEffect)(()=>{l&&(_?y(e?d:c):(j(!0),setTimeout(()=>{y(e?d:c)},50)))},[l,e,JSON.stringify(c),JSON.stringify(d)]);let $={};if(l){let s=` ${g}ms ${M} ${L||0}ms`;$={...P,transition:Object.keys(P||{}).map(p=>(0,R.formatCSSProp)(p)).join(s+", ")+s}}const V=(0,I.css)($);if(!t||Array.isArray(t))throw new Error("Invalid children in Transition");const D=n.Children.toArray(t).shift();let W=`${V.classname} trans-${u} trans-${e?"open":"close"} trans-state-${q}`;const T=(0,n.cloneElement)(D,{classNames:[W]});return l||!l&&r&&e?T:n.default.createElement(A.default,{height:0,overflow:"hidden"},T)};var ee=Z;
-//# sourceMappingURL=index.js.map

package/cjs/Transition/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/Transition/index.tsx"],
-  "sourcesContent": ["'use client'\r\nimport React, { ReactElement, cloneElement, Children, useState, useEffect, useId } from 'react';\r\nimport Tag from '../Tag';\r\nimport { animationEases } from '../useAnimation';\r\nimport { css } from '../css';\r\nimport { formatCSSProp } from 'oncss';\r\nimport { CSSProps } from '../css/types';\r\nimport * as variants from './variants'\r\nexport type TransitionVariantTypes = keyof typeof variants\r\n\r\nexport type TransitionElementProps = {\r\n    height: number;\r\n    width: number;\r\n    rect: DOMRect | null\r\n}\r\n\r\nexport type TransitionState = \"open\" | \"opened\" | \"close\" | \"closed\"\r\n\r\nexport type TransitionProps = {\r\n    children: ReactElement;\r\n    open: boolean;\r\n    variant: {\r\n        from: CSSProps;\r\n        to: CSSProps;\r\n    } | TransitionVariantTypes;\r\n    ease?: string;\r\n    easing?: keyof typeof animationEases;\r\n    duration?: number;\r\n    delay?: number;\r\n    disableInitialTransition?: boolean;\r\n    onOpen?: () => void;\r\n    onOpened?: () => void;\r\n    onClose?: () => void;\r\n    onClosed?: () => void;\r\n    onState?: (state: TransitionState) => void;\r\n}\r\n\r\nconst Transition = ({ children, open, ...props }: TransitionProps) => {\r\n    let { disableInitialTransition, variant, duration, delay, ease, easing, onOpen, onOpened, onClose, onClosed, onState } = props as TransitionProps\r\n    let _ease = ease || (animationEases as any)[easing as any] || animationEases.easeBounceOut\r\n    disableInitialTransition ??= false\r\n    duration ??= 400\r\n    variant ??= \"fade\"\r\n\r\n    const id = useId().replace(/:/g, \"\")\r\n    const [rendered, setRendered] = useState(false)\r\n    const [initial, setInitial] = useState(false)\r\n    const [transitionState, setTransitionState] = useState<TransitionState>(open ? (disableInitialTransition ? \"opened\" : \"open\") : \"closed\")\r\n    const [element, setElement] = useState<TransitionElementProps>({\r\n        height: 0,\r\n        width: 0,\r\n        rect: null\r\n    });\r\n\r\n    if (typeof variant === 'string') {\r\n        variant = (variants as any)[variant](element)\r\n    }\r\n\r\n    let from = (variant as any).from\r\n    let to = (variant as any).to\r\n\r\n    const [_css, setCss] = useState(open ? to : from)\r\n\r\n    useEffect(() => {\r\n        const ele: HTMLElement = document.querySelector(`.trans-${id}`) as any\r\n        if (ele) {\r\n            setRendered(true)\r\n            setElement({\r\n                height: ele.clientHeight,\r\n                width: ele.clientWidth,\r\n                rect: ele.getBoundingClientRect()\r\n            })\r\n            if (!disableInitialTransition && open) {\r\n                setCss(from)\r\n            }\r\n        }\r\n    }, [])\r\n\r\n    useEffect(() => {\r\n        const ele: HTMLElement = document.querySelector(`.trans-${id}`) as any\r\n        if (rendered && ele) {\r\n            let stimer: any = null\r\n            let etimer: any = null\r\n            ele.ontransitionstart = () => {\r\n                clearTimeout(stimer)\r\n                stimer = setTimeout(() => {\r\n                    const isOpen = Array.from(ele.classList).includes(\"trans-open\");\r\n                    (onOpen && isOpen) && onOpen();\r\n                    (onClose && !isOpen) && onClose()\r\n                    onState && onState(isOpen ? \"open\" : \"close\")\r\n                    setTransitionState(isOpen ? \"open\" : \"close\")\r\n                }, 1)\r\n            }\r\n            ele.ontransitionend = () => {\r\n                clearTimeout(etimer)\r\n                etimer = setTimeout(() => {\r\n                    const isOpen = Array.from(ele.classList).includes(\"trans-open\");\r\n                    (onOpened && isOpen) && onOpened();\r\n                    (onClosed && !isOpen) && onClosed();\r\n                    onState && onState(isOpen ? \"opened\" : \"closed\")\r\n                    setTransitionState(isOpen ? \"opened\" : \"closed\")\r\n                }, 1)\r\n            }\r\n        }\r\n    }, [rendered])\r\n\r\n    useEffect(() => {\r\n        if (rendered) {\r\n            if (!initial) {\r\n                setInitial(true)\r\n                setTimeout(() => {\r\n                    setCss(open ? to : from)\r\n                }, 50);\r\n            } else {\r\n                setCss(open ? to : from)\r\n            }\r\n        }\r\n    }, [rendered, open, JSON.stringify(from), JSON.stringify(to)])\r\n\r\n    let _: any = {}\r\n    if (rendered) {\r\n        let trans = ` ${duration}ms ${_ease} ${delay || 0}ms`\r\n        _ = {\r\n            ..._css,\r\n            transition: Object.keys(_css || {}).map(k => formatCSSProp(k)).join(trans + \", \") + trans,\r\n        }\r\n    }\r\n\r\n    const cls = css(_)\r\n    if (!children || Array.isArray(children)) throw new Error(\"Invalid children in Transition\")\r\n    const first: any = Children.toArray(children).shift();\r\n    let classname = `${cls.classname} trans-${id} trans-${(open ? \"open\" : \"close\")} trans-state-${transitionState}`\r\n    const child = cloneElement(first, { classNames: [classname] })\r\n    if (rendered) return child\r\n    if (!rendered && disableInitialTransition && open) return child\r\n\r\n    return (\r\n        <Tag\r\n            height={0}\r\n            overflow=\"hidden\"\r\n        >\r\n            {child}\r\n        </Tag>\r\n    )\r\n}\r\n\r\n\r\nexport default Transition"],
-  "mappings": "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",
-  "names": ["Transition_exports", "__export", "Transition_default", "__toCommonJS", "import_react", "import_Tag", "import_useAnimation", "import_css", "import_oncss", "variants", "Transition", "children", "open", "props", "disableInitialTransition", "variant", "duration", "delay", "ease", "easing", "onOpen", "onOpened", "onClose", "onClosed", "onState", "_ease", "id", "rendered", "setRendered", "initial", "setInitial", "transitionState", "setTransitionState", "element", "setElement", "from", "to", "_css", "setCss", "ele", "stimer", "etimer", "isOpen", "_", "trans", "k", "cls", "first", "classname", "child", "React", "Tag"]
-}