@xanui/core 1.0.22 → 1.1.0

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

@@ -1,2 +1,2 @@
 "use strict";var n=Object.create;var t=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var S=Object.getOwnPropertyNames;var c=Object.getPrototypeOf,f=Object.prototype.hasOwnProperty;var p=(r,a)=>{for(var e in a)t(r,e,{get:a[e],enumerable:!0})},m=(r,a,e,o)=>{if(a&&typeof a=="object"||typeof a=="function")for(let s of S(a))!f.call(r,s)&&s!==e&&t(r,s,{get:()=>a[s],enumerable:!(o=y(a,s))||o.enumerable});return r};var u=(r,a,e)=>(e=r!=null?n(c(r)):{},m(a||!r||!r.__esModule?t(e,"default",{value:r,enumerable:!0}):e,r)),d=r=>m(t({},"__esModule",{value:!0}),r);var T={};p(T,{default:()=>v});module.exports=d(T);var g=u(require("react"),1),l=require("oncss");const i=()=>Array.from(l.CSSFactory.values()).map((r,a)=>g.createElement("style",{key:r.classname+a,"data-oncss":r.classname,dangerouslySetInnerHTML:{__html:r.css}}));var v=i;
-//# sourceMappingURL=ServerStyleTags.js.map
+//# sourceMappingURL=ServerStyleTags.cjs.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../src/ServerStyleTags.tsx"],
-  "sourcesContent": ["import * as React from 'react'\r\nimport { CSSFactory } from 'oncss'\r\n\r\nconst ServerStyleTags = () => {\r\n    return Array.from(CSSFactory.values()).map((c, idx) => <style\r\n        key={c.classname + idx}\r\n        data-oncss={c.classname}\r\n        dangerouslySetInnerHTML={{ __html: c.css }}\r\n    />)\r\n}\r\n\r\nexport default ServerStyleTags"],
+  "sources": ["../src/ServerStyleTags.tsx"],
+  "sourcesContent": ["import * as React from 'react'\nimport { CSSFactory } from 'oncss'\n\nconst ServerStyleTags = () => {\n    return Array.from(CSSFactory.values()).map((c, idx) => <style\n        key={c.classname + idx}\n        data-oncss={c.classname}\n        dangerouslySetInnerHTML={{ __html: c.css }}\n    />)\n}\n\nexport default ServerStyleTags"],
   "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuB,sBACvBC,EAA2B,iBAE3B,MAAMC,EAAkB,IACb,MAAM,KAAK,aAAW,OAAO,CAAC,EAAE,IAAI,CAACC,EAAGC,IAAQJ,EAAA,cAAC,SACpD,IAAKG,EAAE,UAAYC,EACnB,aAAYD,EAAE,UACd,wBAAyB,CAAE,OAAQA,EAAE,GAAI,EAC7C,CAAE,EAGN,IAAOL,EAAQI",
   "names": ["ServerStyleTags_exports", "__export", "ServerStyleTags_default", "__toCommonJS", "React", "import_oncss", "ServerStyleTags", "c", "idx"]
 }

package/{ServerStyleTags.js → ServerStyleTags.mjs}

@@ -1,2 +1,2 @@
 import*as e from"react";import{CSSFactory as s}from"oncss";const t=()=>Array.from(s.values()).map((r,a)=>e.createElement("style",{key:r.classname+a,"data-oncss":r.classname,dangerouslySetInnerHTML:{__html:r.css}}));var m=t;export{m as default};
-//# sourceMappingURL=ServerStyleTags.js.map
+//# sourceMappingURL=ServerStyleTags.mjs.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/ServerStyleTags.tsx"],
-  "sourcesContent": ["import * as React from 'react'\r\nimport { CSSFactory } from 'oncss'\r\n\r\nconst ServerStyleTags = () => {\r\n    return Array.from(CSSFactory.values()).map((c, idx) => <style\r\n        key={c.classname + idx}\r\n        data-oncss={c.classname}\r\n        dangerouslySetInnerHTML={{ __html: c.css }}\r\n    />)\r\n}\r\n\r\nexport default ServerStyleTags"],
+  "sourcesContent": ["import * as React from 'react'\nimport { CSSFactory } from 'oncss'\n\nconst ServerStyleTags = () => {\n    return Array.from(CSSFactory.values()).map((c, idx) => <style\n        key={c.classname + idx}\n        data-oncss={c.classname}\n        dangerouslySetInnerHTML={{ __html: c.css }}\n    />)\n}\n\nexport default ServerStyleTags"],
   "mappings": "AAAA,UAAYA,MAAW,QACvB,OAAS,cAAAC,MAAkB,QAE3B,MAAMC,EAAkB,IACb,MAAM,KAAKD,EAAW,OAAO,CAAC,EAAE,IAAI,CAACE,EAAGC,IAAQJ,EAAA,cAAC,SACpD,IAAKG,EAAE,UAAYC,EACnB,aAAYD,EAAE,UACd,wBAAyB,CAAE,OAAQA,EAAE,GAAI,EAC7C,CAAE,EAGN,IAAOE,EAAQH",
   "names": ["React", "CSSFactory", "ServerStyleTags", "c", "idx", "ServerStyleTags_default"]
 }

package/{cjs/Tag/cssPropList.js → Tag/cssPropList.cjs}

@@ -1,2 +1,2 @@
 "use strict";var n=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var l=(o,i)=>{for(var r in i)n(o,r,{get:i[r],enumerable:!0})},m=(o,i,r,e)=>{if(i&&typeof i=="object"||typeof i=="function")for(let t of d(i))!g.call(o,t)&&t!==r&&n(o,t,{get:()=>i[t],enumerable:!(e=a(i,t))||e.enumerable});return o};var p=o=>m(n({},"__esModule",{value:!0}),o);var f={};l(f,{default:()=>s});module.exports=p(f);const b={typography:1,bgcolor:1,bgimage:1,bg:1,p:1,pt:1,pr:1,pb:1,pl:1,px:1,py:1,m:1,mt:1,mr:1,mb:1,ml:1,mx:1,my:1,radius:1,shadow:1,flexBox:1,flexRow:1,flexColumn:1,flexWraped:1,disabled:1,spacing:1,gradient:1,alignContent:1,alignItems:1,alignSelf:1,animation:1,animationComposition:1,animationDelay:1,animationDirection:1,animationDuration:1,animationFillMode:1,animationIterationCount:1,animationName:1,animationTimingFunction:1,backdropFilter:1,background:1,backgroundAttachment:1,backgroundColor:1,backgroundImage:1,backgroundOrigin:1,backgroundPosition:1,backgroundRepeat:1,backgroundSize:1,border:1,borderBottom:1,borderBottomColor:1,borderBottomStyle:1,borderBottomWidth:1,borderColor:1,borderImage:1,borderLeft:1,borderLeftColor:1,borderLeftStyle:1,borderLeftWidth:1,borderRadius:1,borderRight:1,borderRightColor:1,borderRightStyle:1,borderRightWidth:1,borderStyle:1,borderTop:1,borderTopColor:1,borderTopLeftRadius:1,borderTopRightRadius:1,borderTopStyle:1,borderTopWidth:1,borderWidth:1,bottom:1,boxShadow:1,boxSizing:1,cursor:1,color:1,display:1,direction:1,filter:1,flex:1,flexBasis:1,flexDirection:1,flexFlow:1,flexGrow:1,flexShrink:1,flexWrap:1,float:1,fontFamily:1,fontSize:1,fontStyle:1,fontWeight:1,font:1,gap:1,grid:1,gridArea:1,gridAutoColumns:1,gridAutoFlow:1,gridAutoRows:1,gridColumn:1,gridColumnEnd:1,gridColumnGap:1,gridColumnStart:1,gridGap:1,gridRow:1,gridRowEnd:1,gridRowGap:1,gridRowStart:1,gridTemplate:1,gridTemplateAreas:1,gridTemplateColumns:1,gridTemplateRows:1,height:1,justifyContent:1,justifyItems:1,justifySelf:1,left:1,letterSpacing:1,lineBreak:1,lineHeight:1,listStyle:1,margin:1,marginBlock:1,marginBlockEnd:1,marginBlockStart:1,marginBottom:1,marginInline:1,marginInlineEnd:1,marginInlineStart:1,marginLeft:1,marginRight:1,marginTop:1,maxHeight:1,maxWidth:1,minHeight:1,minWidth:1,objectFit:1,objectPosition:1,opacity:1,order:1,outline:1,overflow:1,overflowX:1,overflowY:1,padding:1,paddingBlock:1,paddingBlockEnd:1,paddingBlockStart:1,paddingBottom:1,paddingInline:1,paddingInlineEnd:1,paddingInlineStart:1,paddingLeft:1,paddingRight:1,paddingTop:1,perspective:1,perspectiveOrigin:1,pointerEvents:1,position:1,resize:1,right:1,textAlign:1,textDecoration:1,textShadow:1,textTransform:1,top:1,transform:1,transformOrigin:1,transformStyle:1,transition:1,transitionDelay:1,transitionDuration:1,transitionProperty:1,transitionTimingFunction:1,userSelect:1,verticalAlign:1,visibility:1,whiteSpace:1,width:1,wordBreak:1,wordSpacing:1,wordWrap:1,zIndex:1};var s=b;
-//# sourceMappingURL=cssPropList.js.map
+//# sourceMappingURL=cssPropList.cjs.map

package/Tag/cssPropList.cjs.map

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

package/Tag/{cssPropList.js → cssPropList.mjs}

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

package/Tag/cssPropList.mjs.map

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

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

@@ -1,2 +1,2 @@
 "use strict";var f=Object.create;var p=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var R=Object.getOwnPropertyNames;var c=Object.getPrototypeOf,d=Object.prototype.hasOwnProperty;var i=(o,e)=>{for(var r in e)p(o,r,{get:e[r],enumerable:!0})},n=(o,e,r,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of R(e))!d.call(o,t)&&t!==r&&p(o,t,{get:()=>e[t],enumerable:!(a=g(e,t))||a.enumerable});return o};var T=(o,e,r)=>(r=o!=null?f(c(o)):{},n(e||!o||!o.__esModule?p(r,"default",{value:o,enumerable:!0}):r,o)),y=o=>n(p({},"__esModule",{value:!0}),o);var l={};i(l,{default:()=>P});module.exports=y(l);var m=T(require("react"),1),s=T(require("./useTagProps"),1);const u=m.forwardRef(({component:o,children:e,...r},a)=>{const t=(0,s.default)(r);return t.ref=a,m.createElement(o||"div",t,e)});var P=u;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.cjs.map

package/Tag/index.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Tag/index.tsx"],
+  "sourcesContent": ["import * as React from 'react'\nimport { TagComponentType, TagPropsRoot } from './types';\nimport useTagProps from './useTagProps';\n\nconst Tag = React.forwardRef(<T extends TagComponentType = 'div'>({ component, children, ...rest }: TagPropsRoot<T>, ref: React.Ref<any>) => {\n    const props: any = useTagProps(rest)\n    props.ref = ref\n    return React.createElement(component || \"div\", props, children)\n})\n\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/Tag/{index.js → index.mjs}

@@ -1,2 +1,2 @@
 import*as e from"react";import n from"./useTagProps";const T=e.forwardRef(({component:r,children:t,...a},p)=>{const o=n(a);return o.ref=p,e.createElement(r||"div",o,t)});var R=T;export{R as default};
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.mjs.map

package/Tag/index.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Tag/index.tsx"],
+  "sourcesContent": ["import * as React from 'react'\nimport { TagComponentType, TagPropsRoot } from './types';\nimport useTagProps from './useTagProps';\n\nconst Tag = React.forwardRef(<T extends TagComponentType = 'div'>({ component, children, ...rest }: TagPropsRoot<T>, ref: React.Ref<any>) => {\n    const props: any = useTagProps(rest)\n    props.ref = ref\n    return React.createElement(component || \"div\", props, children)\n})\n\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/{cjs/Tag/types.js → Tag/types.cjs}

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

package/Tag/types.cjs.map

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

package/Tag/types.mjs

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

package/{cjs/Tag/useTagProps.js → Tag/useTagProps.cjs}

@@ -1,2 +1,2 @@
 "use strict";var d=Object.create;var t=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var N=Object.getOwnPropertyNames;var k=Object.getPrototypeOf,x=Object.prototype.hasOwnProperty;var _=(s,o)=>{for(var a in o)t(s,a,{get:o[a],enumerable:!0})},i=(s,o,a,p)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of N(o))!x.call(s,e)&&e!==a&&t(s,e,{get:()=>o[e],enumerable:!(p=u(o,e))||p.enumerable});return s};var v=(s,o,a)=>(a=s!=null?d(k(s)):{},i(o||!s||!s.__esModule?t(a,"default",{value:s,enumerable:!0}):a,s)),R=s=>i(t({},"__esModule",{value:!0}),s);var h={};_(h,{default:()=>L});module.exports=R(h);var l=v(require("./cssPropList"),1),y=require("../css"),f=require("pretty-class");const C=({sxr:s,sx:o,baseClass:a,classNames:p,hover:e,...n})=>{let T={...s,...o,...n};e&&(T["&:hover"]=e);const m=(0,y.css)(T,{skipProps:(r,j,g)=>g===1&&!l.default[r]});let P=m.skiped[m.classname]||[];const c={};for(let r of P)c[r]=n[r];return c.className=(0,f.classNames)([a?"xui-"+a:"",m.classname,n.className,...p||[]]),c};var L=C;
-//# sourceMappingURL=useTagProps.js.map
+//# sourceMappingURL=useTagProps.cjs.map

package/{cjs/Tag/useTagProps.js.map → Tag/useTagProps.cjs.map}

@@ -1,7 +1,7 @@
 {
   "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"],
+  "sources": ["../../src/Tag/useTagProps.ts"],
+  "sourcesContent": ["import { TagComponentType, TagProps, TagPropsRoot } from './types';\nimport cssPropList from './cssPropList';\nimport { css } from '../css';\nimport { classNames } from 'pretty-class';\n\nconst useTagProps = <T extends TagComponentType = \"div\">({ sxr, sx, baseClass, classNames: clses, hover, ...props }: TagPropsRoot<T>): TagProps<T> => {\n   let _css: any = { ...sxr, ...sx, ...props }\n   if (hover) _css['&:hover'] = hover\n   const style = css(_css, {\n      skipProps: (prop, _val, dept): any => dept === 1 && !cssPropList[prop]\n   })\n\n   let skipProps = style.skiped[style.classname as any] || []\n   const _props: any = {};\n   for (let prop of skipProps) {\n      _props[prop] = (props as any)[prop]\n   }\n   _props.className = classNames([\n      baseClass ? \"xui-\" + baseClass : \"\",\n      style.classname,\n      props.className,\n      ...(clses as any || []),\n   ])\n   return _props\n}\n\n\nexport default useTagProps"],
   "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GACA,IAAAI,EAAwB,8BACxBC,EAAoB,kBACpBC,EAA2B,wBAE3B,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,KAAQ,OAAID,EAAM,CACrB,UAAW,CAACE,EAAMC,EAAMC,IAAcA,IAAS,GAAK,CAAC,EAAAC,QAAYH,CAAI,CACxE,CAAC,EAED,IAAII,EAAYL,EAAM,OAAOA,EAAM,SAAgB,GAAK,CAAC,EACzD,MAAMM,EAAc,CAAC,EACrB,QAASL,KAAQI,EACdC,EAAOL,CAAI,EAAKH,EAAcG,CAAI,EAErC,OAAAK,EAAO,aAAY,cAAW,CAC3BX,EAAY,OAASA,EAAY,GACjCK,EAAM,UACNF,EAAM,UACN,GAAIF,GAAgB,CAAC,CACxB,CAAC,EACMU,CACV,EAGA,IAAOnB,EAAQK",
   "names": ["useTagProps_exports", "__export", "useTagProps_default", "__toCommonJS", "import_cssPropList", "import_css", "import_pretty_class", "useTagProps", "sxr", "sx", "baseClass", "clses", "hover", "props", "_css", "style", "prop", "_val", "dept", "cssPropList", "skipProps", "_props"]
 }

package/Tag/{useTagProps.js → useTagProps.mjs}

@@ -1,2 +1,2 @@
 import l from"./cssPropList";import{css as y}from"../css";import{classNames as f}from"pretty-class";const P=({sxr:n,sx:m,baseClass:p,classNames:c,hover:r,...o})=>{let t={...n,...m,...o};r&&(t["&:hover"]=r);const a=y(t,{skipProps:(s,g,i)=>i===1&&!l[s]});let T=a.skiped[a.classname]||[];const e={};for(let s of T)e[s]=o[s];return e.className=f([p?"xui-"+p:"",a.classname,o.className,...c||[]]),e};var R=P;export{R as default};
-//# sourceMappingURL=useTagProps.js.map
+//# sourceMappingURL=useTagProps.mjs.map

package/Tag/useTagProps.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Tag/useTagProps.ts"],
+  "sourcesContent": ["import { TagComponentType, TagProps, TagPropsRoot } from './types';\nimport cssPropList from './cssPropList';\nimport { css } from '../css';\nimport { classNames } from 'pretty-class';\n\nconst useTagProps = <T extends TagComponentType = \"div\">({ sxr, sx, baseClass, classNames: clses, hover, ...props }: TagPropsRoot<T>): TagProps<T> => {\n   let _css: any = { ...sxr, ...sx, ...props }\n   if (hover) _css['&:hover'] = hover\n   const style = css(_css, {\n      skipProps: (prop, _val, dept): any => dept === 1 && !cssPropList[prop]\n   })\n\n   let skipProps = style.skiped[style.classname as any] || []\n   const _props: any = {};\n   for (let prop of skipProps) {\n      _props[prop] = (props as any)[prop]\n   }\n   _props.className = classNames([\n      baseClass ? \"xui-\" + baseClass : \"\",\n      style.classname,\n      props.className,\n      ...(clses as any || []),\n   ])\n   return _props\n}\n\n\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.cjs

@@ -0,0 +1,2 @@
+"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??(r=!1),g??(g=400),o??(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.cjs.map

package/Transition/index.cjs.map

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

package/Transition/index.mjs

@@ -0,0 +1,2 @@
+"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??(r=!1),T??(T=400),o??(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.mjs.map

package/Transition/index.mjs.map

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

@@ -1,2 +1,2 @@
 "use strict";var a=Object.defineProperty;var i=Object.getOwnPropertyDescriptor;var s=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var m=(t,r)=>{for(var n in r)a(t,n,{get:r[n],enumerable:!0})},l=(t,r,n,e)=>{if(r&&typeof r=="object"||typeof r=="function")for(let o of s(r))!p.call(t,o)&&o!==n&&a(t,o,{get:()=>r[o],enumerable:!(e=i(r,o))||e.enumerable});return t};var f=t=>l(a({},"__esModule",{value:!0}),t);var v={};m(v,{collapsHorizental:()=>_,collapsVerticle:()=>Y,fade:()=>u,fadeDown:()=>y,fadeLeft:()=>P,fadeRight:()=>E,fadeUp:()=>g,grow:()=>T,slideDown:()=>c,slideLeft:()=>d,slideRight:()=>h,slideUp:()=>x,zoom:()=>w,zoomOver:()=>X});module.exports=f(v);const c=t=>({from:{transform:`translateY(-${t.height}px)!important`},to:{transform:"translateY(0)!important"}}),x=t=>({from:{transform:`translateY(${t.height}px)!important`},to:{transform:"translateY(0)!important"}}),h=t=>({from:{transform:`translateX(-${t.width}px)!important`},to:{transform:"translateX(0)!important"}}),d=t=>({from:{transform:`translateX(${t.width}px)!important`},to:{transform:"translateX(0)!important"}}),u=t=>({from:{opacity:0},to:{opacity:1}}),y=t=>({from:{transform:"translateY(-30px)!important",opacity:0},to:{transform:"translateY(0)!important",opacity:1}}),g=t=>({from:{transform:"translateY(30px)!important",opacity:0},to:{transform:"translateY(0)!important",opacity:1}}),E=t=>({from:{transform:"translateX(-30px)!important",opacity:0},to:{transform:"translateX(0)!important",opacity:1}}),P=t=>({from:{transform:"translateX(30px)!important",opacity:0},to:{transform:"translateX(0)!important",opacity:1}}),T=t=>({from:{transform:"scale(.8, .6)!important",opacity:0},to:{transform:"scale(1)!important",opacity:1}}),w=t=>({from:{transform:"scale(.8)!important",opacity:0},to:{transform:"scale(1)!important",opacity:1}}),X=t=>({from:{transform:"scale(1.2)!important",opacity:0},to:{transform:"scale(1)!important",opacity:1}}),Y=t=>({from:{height:"0px!important",overflow:"hidden"},to:{height:t?.height?t?.height+"px!important":"auto",overflow:"hidden"}}),_=t=>({from:{width:"0px!important",overflow:"hidden"},to:{width:t?.width?t?.width+"px!important":"auto",overflow:"hidden"}});
-//# sourceMappingURL=variants.js.map
+//# sourceMappingURL=variants.cjs.map

package/Transition/variants.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Transition/variants.ts"],
+  "sourcesContent": ["import { TransitionElementProps } from \".\"\n\nexport const slideDown = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            transform: `translateY(-${_arg.height}px)!important`,\n        },\n        to: {\n            transform: `translateY(0)!important`,\n        }\n    }\n}\n\nexport const slideUp = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            transform: `translateY(${_arg.height}px)!important`,\n        },\n        to: {\n            transform: `translateY(0)!important`,\n        }\n    }\n}\n\nexport const slideRight = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            transform: `translateX(-${_arg.width}px)!important`,\n        },\n        to: {\n            transform: `translateX(0)!important`,\n        }\n    }\n}\n\nexport const slideLeft = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            transform: `translateX(${_arg.width}px)!important`,\n        },\n        to: {\n            transform: `translateX(0)!important`,\n        }\n    }\n}\n\nexport const fade = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            opacity: 0\n        },\n        to: {\n            opacity: 1\n        }\n    }\n}\n\nexport const fadeDown = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            transform: `translateY(-30px)!important`,\n            opacity: 0\n        },\n        to: {\n            transform: `translateY(0)!important`,\n            opacity: 1\n        }\n    }\n}\n\nexport const fadeUp = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            transform: `translateY(30px)!important`,\n            opacity: 0\n        },\n        to: {\n            transform: `translateY(0)!important`,\n            opacity: 1\n        }\n    }\n}\n\nexport const fadeRight = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            transform: `translateX(-30px)!important`,\n            opacity: 0\n        },\n        to: {\n            transform: `translateX(0)!important`,\n            opacity: 1\n        }\n    }\n}\n\nexport const fadeLeft = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            transform: `translateX(30px)!important`,\n            opacity: 0\n        },\n        to: {\n            transform: `translateX(0)!important`,\n            opacity: 1\n        }\n    }\n}\n\nexport const grow = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            transform: \"scale(.8, .6)!important\",\n            opacity: 0\n        },\n        to: {\n            transform: \"scale(1)!important\",\n            opacity: 1\n        }\n    }\n}\n\nexport const zoom = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            transform: \"scale(.8)!important\",\n            opacity: 0\n        },\n        to: {\n            transform: \"scale(1)!important\",\n            opacity: 1\n        }\n    }\n}\n\nexport const zoomOver = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            transform: \"scale(1.2)!important\",\n            opacity: 0\n        },\n        to: {\n            transform: \"scale(1)!important\",\n            opacity: 1\n        }\n    }\n}\n\nexport const collapsVerticle = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            height: 0 + \"px!important\",\n            overflow: \"hidden\"\n        },\n        to: {\n            height: _arg?.height ? _arg?.height + \"px!important\" : \"auto\",\n            overflow: \"hidden\"\n        }\n    }\n}\n\n\nexport const collapsHorizental = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            width: 0 + \"px!important\",\n            overflow: \"hidden\"\n        },\n        to: {\n            width: _arg?.width ? _arg?.width + \"px!important\" : \"auto\",\n            overflow: \"hidden\"\n        }\n    }\n}\n\n\n\n\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,uBAAAE,EAAA,oBAAAC,EAAA,SAAAC,EAAA,aAAAC,EAAA,aAAAC,EAAA,cAAAC,EAAA,WAAAC,EAAA,SAAAC,EAAA,cAAAC,EAAA,cAAAC,EAAA,eAAAC,EAAA,YAAAC,EAAA,SAAAC,EAAA,aAAAC,IAAA,eAAAC,EAAAhB,GAEO,MAAMU,EAAaO,IACf,CACH,KAAM,CACF,UAAW,eAAeA,EAAK,MAAM,eACzC,EACA,GAAI,CACA,UAAW,yBACf,CACJ,GAGSJ,EAAWI,IACb,CACH,KAAM,CACF,UAAW,cAAcA,EAAK,MAAM,eACxC,EACA,GAAI,CACA,UAAW,yBACf,CACJ,GAGSL,EAAcK,IAChB,CACH,KAAM,CACF,UAAW,eAAeA,EAAK,KAAK,eACxC,EACA,GAAI,CACA,UAAW,yBACf,CACJ,GAGSN,EAAaM,IACf,CACH,KAAM,CACF,UAAW,cAAcA,EAAK,KAAK,eACvC,EACA,GAAI,CACA,UAAW,yBACf,CACJ,GAGSb,EAAQa,IACV,CACH,KAAM,CACF,QAAS,CACb,EACA,GAAI,CACA,QAAS,CACb,CACJ,GAGSZ,EAAYY,IACd,CACH,KAAM,CACF,UAAW,8BACX,QAAS,CACb,EACA,GAAI,CACA,UAAW,0BACX,QAAS,CACb,CACJ,GAGST,EAAUS,IACZ,CACH,KAAM,CACF,UAAW,6BACX,QAAS,CACb,EACA,GAAI,CACA,UAAW,0BACX,QAAS,CACb,CACJ,GAGSV,EAAaU,IACf,CACH,KAAM,CACF,UAAW,8BACX,QAAS,CACb,EACA,GAAI,CACA,UAAW,0BACX,QAAS,CACb,CACJ,GAGSX,EAAYW,IACd,CACH,KAAM,CACF,UAAW,6BACX,QAAS,CACb,EACA,GAAI,CACA,UAAW,0BACX,QAAS,CACb,CACJ,GAGSR,EAAQQ,IACV,CACH,KAAM,CACF,UAAW,0BACX,QAAS,CACb,EACA,GAAI,CACA,UAAW,qBACX,QAAS,CACb,CACJ,GAGSH,EAAQG,IACV,CACH,KAAM,CACF,UAAW,sBACX,QAAS,CACb,EACA,GAAI,CACA,UAAW,qBACX,QAAS,CACb,CACJ,GAGSF,EAAYE,IACd,CACH,KAAM,CACF,UAAW,uBACX,QAAS,CACb,EACA,GAAI,CACA,UAAW,qBACX,QAAS,CACb,CACJ,GAGSd,EAAmBc,IACrB,CACH,KAAM,CACF,OAAQ,gBACR,SAAU,QACd,EACA,GAAI,CACA,OAAQA,GAAM,OAASA,GAAM,OAAS,eAAiB,OACvD,SAAU,QACd,CACJ,GAISf,EAAqBe,IACvB,CACH,KAAM,CACF,MAAO,gBACP,SAAU,QACd,EACA,GAAI,CACA,MAAOA,GAAM,MAAQA,GAAM,MAAQ,eAAiB,OACpD,SAAU,QACd,CACJ",
+  "names": ["variants_exports", "__export", "collapsHorizental", "collapsVerticle", "fade", "fadeDown", "fadeLeft", "fadeRight", "fadeUp", "grow", "slideDown", "slideLeft", "slideRight", "slideUp", "zoom", "zoomOver", "__toCommonJS", "_arg"]
+}

package/Transition/{variants.js → variants.mjs}

@@ -1,2 +1,2 @@
 const n=t=>({from:{transform:`translateY(-${t.height}px)!important`},to:{transform:"translateY(0)!important"}}),a=t=>({from:{transform:`translateY(${t.height}px)!important`},to:{transform:"translateY(0)!important"}}),e=t=>({from:{transform:`translateX(-${t.width}px)!important`},to:{transform:"translateX(0)!important"}}),i=t=>({from:{transform:`translateX(${t.width}px)!important`},to:{transform:"translateX(0)!important"}}),s=t=>({from:{opacity:0},to:{opacity:1}}),p=t=>({from:{transform:"translateY(-30px)!important",opacity:0},to:{transform:"translateY(0)!important",opacity:1}}),m=t=>({from:{transform:"translateY(30px)!important",opacity:0},to:{transform:"translateY(0)!important",opacity:1}}),l=t=>({from:{transform:"translateX(-30px)!important",opacity:0},to:{transform:"translateX(0)!important",opacity:1}}),f=t=>({from:{transform:"translateX(30px)!important",opacity:0},to:{transform:"translateX(0)!important",opacity:1}}),c=t=>({from:{transform:"scale(.8, .6)!important",opacity:0},to:{transform:"scale(1)!important",opacity:1}}),x=t=>({from:{transform:"scale(.8)!important",opacity:0},to:{transform:"scale(1)!important",opacity:1}}),h=t=>({from:{transform:"scale(1.2)!important",opacity:0},to:{transform:"scale(1)!important",opacity:1}}),d=t=>({from:{height:"0px!important",overflow:"hidden"},to:{height:t?.height?t?.height+"px!important":"auto",overflow:"hidden"}}),u=t=>({from:{width:"0px!important",overflow:"hidden"},to:{width:t?.width?t?.width+"px!important":"auto",overflow:"hidden"}});export{u as collapsHorizental,d as collapsVerticle,s as fade,p as fadeDown,f as fadeLeft,l as fadeRight,m as fadeUp,c as grow,n as slideDown,i as slideLeft,e as slideRight,a as slideUp,x as zoom,h as zoomOver};
-//# sourceMappingURL=variants.js.map
+//# sourceMappingURL=variants.mjs.map

package/Transition/variants.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Transition/variants.ts"],
+  "sourcesContent": ["import { TransitionElementProps } from \".\"\n\nexport const slideDown = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            transform: `translateY(-${_arg.height}px)!important`,\n        },\n        to: {\n            transform: `translateY(0)!important`,\n        }\n    }\n}\n\nexport const slideUp = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            transform: `translateY(${_arg.height}px)!important`,\n        },\n        to: {\n            transform: `translateY(0)!important`,\n        }\n    }\n}\n\nexport const slideRight = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            transform: `translateX(-${_arg.width}px)!important`,\n        },\n        to: {\n            transform: `translateX(0)!important`,\n        }\n    }\n}\n\nexport const slideLeft = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            transform: `translateX(${_arg.width}px)!important`,\n        },\n        to: {\n            transform: `translateX(0)!important`,\n        }\n    }\n}\n\nexport const fade = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            opacity: 0\n        },\n        to: {\n            opacity: 1\n        }\n    }\n}\n\nexport const fadeDown = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            transform: `translateY(-30px)!important`,\n            opacity: 0\n        },\n        to: {\n            transform: `translateY(0)!important`,\n            opacity: 1\n        }\n    }\n}\n\nexport const fadeUp = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            transform: `translateY(30px)!important`,\n            opacity: 0\n        },\n        to: {\n            transform: `translateY(0)!important`,\n            opacity: 1\n        }\n    }\n}\n\nexport const fadeRight = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            transform: `translateX(-30px)!important`,\n            opacity: 0\n        },\n        to: {\n            transform: `translateX(0)!important`,\n            opacity: 1\n        }\n    }\n}\n\nexport const fadeLeft = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            transform: `translateX(30px)!important`,\n            opacity: 0\n        },\n        to: {\n            transform: `translateX(0)!important`,\n            opacity: 1\n        }\n    }\n}\n\nexport const grow = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            transform: \"scale(.8, .6)!important\",\n            opacity: 0\n        },\n        to: {\n            transform: \"scale(1)!important\",\n            opacity: 1\n        }\n    }\n}\n\nexport const zoom = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            transform: \"scale(.8)!important\",\n            opacity: 0\n        },\n        to: {\n            transform: \"scale(1)!important\",\n            opacity: 1\n        }\n    }\n}\n\nexport const zoomOver = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            transform: \"scale(1.2)!important\",\n            opacity: 0\n        },\n        to: {\n            transform: \"scale(1)!important\",\n            opacity: 1\n        }\n    }\n}\n\nexport const collapsVerticle = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            height: 0 + \"px!important\",\n            overflow: \"hidden\"\n        },\n        to: {\n            height: _arg?.height ? _arg?.height + \"px!important\" : \"auto\",\n            overflow: \"hidden\"\n        }\n    }\n}\n\n\nexport const collapsHorizental = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            width: 0 + \"px!important\",\n            overflow: \"hidden\"\n        },\n        to: {\n            width: _arg?.width ? _arg?.width + \"px!important\" : \"auto\",\n            overflow: \"hidden\"\n        }\n    }\n}\n\n\n\n\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/{cjs/breakpoint/index.js → breakpoint/index.cjs}

@@ -1,2 +1,2 @@
 "use strict";var u=Object.create;var d=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var w=Object.getPrototypeOf,v=Object.prototype.hasOwnProperty;var k=(r,e)=>{for(var t in e)d(r,t,{get:e[t],enumerable:!0})},m=(r,e,t,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of x(e))!v.call(r,n)&&n!==t&&d(r,n,{get:()=>e[n],enumerable:!(o=f(e,n))||o.enumerable});return r};var a=(r,e,t)=>(t=r!=null?u(w(r)):{},m(e||!r||!r.__esModule?d(t,"default",{value:r,enumerable:!0}):t,r)),B=r=>m(d({},"__esModule",{value:!0}),r);var K={};k(K,{BreakpointCtx:()=>p,BreakpointProvider:()=>y});module.exports=B(K);var s=a(require("react"),1),c=a(require("../isWindow"),1),i=require("../css");const p=s.default.createContext("xl"),l=()=>{if((0,c.default)()){const e=window.innerWidth;return e<i.breakpoints.sm?"xs":e>i.breakpoints.xs&&e<i.breakpoints.md?"sm":e>i.breakpoints.sm&&e<i.breakpoints.lg?"md":e>i.breakpoints.md&&e<i.breakpoints.xl?"lg":"xl"}else return"xl"},y=({children:r})=>{const[e,t]=(0,s.useState)(l),o=()=>{let n=l();e!==n&&t(n)};return s.default.useEffect(()=>(window.removeEventListener("resize",o),window.addEventListener("resize",o),o(),()=>{window.removeEventListener("resize",o)}),[e]),s.default.createElement(p.Provider,{value:e},r)};
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.cjs.map

package/breakpoint/index.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/breakpoint/index.tsx"],
+  "sourcesContent": ["import React, { ReactNode, useState } from \"react\";\nimport isWindow from \"../isWindow\";\nimport { breakpoints } from \"../css\";\nimport { BreakpointKeys } from \"../css/types\";\n\nexport const BreakpointCtx = React.createContext<BreakpointKeys>(\"xl\")\n\nconst getKey = (): BreakpointKeys => {\n    const isWin = isWindow()\n    if (isWin) {\n        const width = window.innerWidth\n        if (width < breakpoints.sm) {\n            return 'xs'\n        } else if (width > breakpoints.xs && width < breakpoints.md) {\n            return 'sm'\n        } else if (width > breakpoints.sm && width < breakpoints.lg) {\n            return 'md'\n        } else if (width > breakpoints.md && width < breakpoints.xl) {\n            return 'lg'\n        } else {\n            return 'xl'\n        }\n    } else {\n        return 'xl'\n    }\n}\n\nexport const BreakpointProvider = ({ children }: { children?: ReactNode }) => {\n    const [current, setCurrent] = useState<BreakpointKeys>(getKey)\n\n    const handler = () => {\n        let c = getKey()\n        if (current !== c) {\n            setCurrent(c)\n        }\n    }\n\n    React.useEffect(() => {\n        window.removeEventListener(\"resize\", handler)\n        window.addEventListener(\"resize\", handler)\n        handler()\n        return () => {\n            window.removeEventListener(\"resize\", handler)\n        }\n    }, [current])\n\n    return (\n        <BreakpointCtx.Provider value={current}>\n            {children}\n        </BreakpointCtx.Provider>\n    )\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,mBAAAE,EAAA,uBAAAC,IAAA,eAAAC,EAAAJ,GAAA,IAAAK,EAA2C,sBAC3CC,EAAqB,4BACrBC,EAA4B,kBAGrB,MAAML,EAAgB,EAAAM,QAAM,cAA8B,IAAI,EAE/DC,EAAS,IAAsB,CAEjC,MADc,EAAAC,SAAS,EACZ,CACP,MAAMC,EAAQ,OAAO,WACrB,OAAIA,EAAQ,cAAY,GACb,KACAA,EAAQ,cAAY,IAAMA,EAAQ,cAAY,GAC9C,KACAA,EAAQ,cAAY,IAAMA,EAAQ,cAAY,GAC9C,KACAA,EAAQ,cAAY,IAAMA,EAAQ,cAAY,GAC9C,KAEA,IAEf,KACI,OAAO,IAEf,EAEaR,EAAqB,CAAC,CAAE,SAAAS,CAAS,IAAgC,CAC1E,KAAM,CAACC,EAASC,CAAU,KAAI,YAAyBL,CAAM,EAEvDM,EAAU,IAAM,CAClB,IAAIC,EAAIP,EAAO,EACXI,IAAYG,GACZF,EAAWE,CAAC,CAEpB,EAEA,SAAAR,QAAM,UAAU,KACZ,OAAO,oBAAoB,SAAUO,CAAO,EAC5C,OAAO,iBAAiB,SAAUA,CAAO,EACzCA,EAAQ,EACD,IAAM,CACT,OAAO,oBAAoB,SAAUA,CAAO,CAChD,GACD,CAACF,CAAO,CAAC,EAGR,EAAAL,QAAA,cAACN,EAAc,SAAd,CAAuB,MAAOW,GAC1BD,CACL,CAER",
+  "names": ["breakpoint_exports", "__export", "BreakpointCtx", "BreakpointProvider", "__toCommonJS", "import_react", "import_isWindow", "import_css", "React", "getKey", "isWindow", "width", "children", "current", "setCurrent", "handler", "c"]
+}

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

@@ -1,2 +1,2 @@
 import n,{useState as m}from"react";import a from"../isWindow";import{breakpoints as r}from"../css";const l=n.createContext("xl"),s=()=>{if(a()){const e=window.innerWidth;return e<r.sm?"xs":e>r.xs&&e<r.md?"sm":e>r.sm&&e<r.lg?"md":e>r.md&&e<r.xl?"lg":"xl"}else return"xl"},v=({children:i})=>{const[e,d]=m(s),t=()=>{let o=s();e!==o&&d(o)};return n.useEffect(()=>(window.removeEventListener("resize",t),window.addEventListener("resize",t),t(),()=>{window.removeEventListener("resize",t)}),[e]),n.createElement(l.Provider,{value:e},i)};export{l as BreakpointCtx,v as BreakpointProvider};
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.mjs.map

package/breakpoint/index.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/breakpoint/index.tsx"],
+  "sourcesContent": ["import React, { ReactNode, useState } from \"react\";\nimport isWindow from \"../isWindow\";\nimport { breakpoints } from \"../css\";\nimport { BreakpointKeys } from \"../css/types\";\n\nexport const BreakpointCtx = React.createContext<BreakpointKeys>(\"xl\")\n\nconst getKey = (): BreakpointKeys => {\n    const isWin = isWindow()\n    if (isWin) {\n        const width = window.innerWidth\n        if (width < breakpoints.sm) {\n            return 'xs'\n        } else if (width > breakpoints.xs && width < breakpoints.md) {\n            return 'sm'\n        } else if (width > breakpoints.sm && width < breakpoints.lg) {\n            return 'md'\n        } else if (width > breakpoints.md && width < breakpoints.xl) {\n            return 'lg'\n        } else {\n            return 'xl'\n        }\n    } else {\n        return 'xl'\n    }\n}\n\nexport const BreakpointProvider = ({ children }: { children?: ReactNode }) => {\n    const [current, setCurrent] = useState<BreakpointKeys>(getKey)\n\n    const handler = () => {\n        let c = getKey()\n        if (current !== c) {\n            setCurrent(c)\n        }\n    }\n\n    React.useEffect(() => {\n        window.removeEventListener(\"resize\", handler)\n        window.addEventListener(\"resize\", handler)\n        handler()\n        return () => {\n            window.removeEventListener(\"resize\", handler)\n        }\n    }, [current])\n\n    return (\n        <BreakpointCtx.Provider value={current}>\n            {children}\n        </BreakpointCtx.Provider>\n    )\n}\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/{cjs/breakpoint/useBreakpoint.js → breakpoint/useBreakpoint.cjs}

@@ -1,2 +1,2 @@
 "use strict";var u=Object.create;var e=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var B=Object.getOwnPropertyNames;var k=Object.getPrototypeOf,d=Object.prototype.hasOwnProperty;var K=(i,r)=>{for(var o in r)e(i,o,{get:r[o],enumerable:!0})},p=(i,r,o,n)=>{if(r&&typeof r=="object"||typeof r=="function")for(let t of B(r))!d.call(i,t)&&t!==o&&e(i,t,{get:()=>r[t],enumerable:!(n=w(r,t))||n.enumerable});return i};var l=(i,r,o)=>(o=i!=null?u(k(i)):{},p(r||!i||!i.__esModule?e(o,"default",{value:i,enumerable:!0}):o,i)),c=i=>p(e({},"__esModule",{value:!0}),i);var x={};K(x,{default:()=>W});module.exports=c(x);var a=require("react"),f=require("."),m=l(require("../isWindow"),1),s=require("../css");const y=()=>{const i=(0,a.useContext)(f.BreakpointCtx),r=(0,m.default)(),o={value:i,is:n=>i===n,isDown:n=>r?window.innerWidth>s.breakpoints[n]:!1,isUp:n=>r?window.innerWidth<s.breakpoints[n]:!1,isOrDown:n=>o.is(n)||o.isDown(n),isOrUp:n=>o.is(n)||o.isUp(n)};return o};var W=y;
-//# sourceMappingURL=useBreakpoint.js.map
+//# sourceMappingURL=useBreakpoint.cjs.map

package/breakpoint/useBreakpoint.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/breakpoint/useBreakpoint.ts"],
+  "sourcesContent": ["import { useContext } from \"react\"\nimport { BreakpointCtx } from \".\"\nimport isWindow from \"../isWindow\"\nimport { breakpoints } from \"../css\"\nimport { BreakpointKeys } from \"../css/types\"\n\nconst useBreakpoint = () => {\n   const val = useContext(BreakpointCtx)\n   const isWin = isWindow()\n   const o = {\n      value: val,\n      is: (key: BreakpointKeys) => val === key,\n      isDown: (key: BreakpointKeys) => {\n         if (isWin) {\n            return window.innerWidth > breakpoints[key]\n         }\n         return false\n      },\n      isUp: (key: BreakpointKeys) => {\n         if (isWin) {\n            return window.innerWidth < breakpoints[key]\n         }\n         return false\n      },\n      isOrDown: (key: BreakpointKeys) => o.is(key) || o.isDown(key),\n      isOrUp: (key: BreakpointKeys) => o.is(key) || o.isUp(key)\n   }\n   return o\n}\n\nexport default useBreakpoint\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA2B,iBAC3BC,EAA8B,aAC9BC,EAAqB,4BACrBC,EAA4B,kBAG5B,MAAMC,EAAgB,IAAM,CACzB,MAAMC,KAAM,cAAW,eAAa,EAC9BC,KAAQ,EAAAC,SAAS,EACjB,EAAI,CACP,MAAOF,EACP,GAAKG,GAAwBH,IAAQG,EACrC,OAASA,GACFF,EACM,OAAO,WAAa,cAAYE,CAAG,EAEtC,GAEV,KAAOA,GACAF,EACM,OAAO,WAAa,cAAYE,CAAG,EAEtC,GAEV,SAAWA,GAAwB,EAAE,GAAGA,CAAG,GAAK,EAAE,OAAOA,CAAG,EAC5D,OAASA,GAAwB,EAAE,GAAGA,CAAG,GAAK,EAAE,KAAKA,CAAG,CAC3D,EACA,OAAO,CACV,EAEA,IAAOV,EAAQM",
+  "names": ["useBreakpoint_exports", "__export", "useBreakpoint_default", "__toCommonJS", "import_react", "import__", "import_isWindow", "import_css", "useBreakpoint", "val", "isWin", "isWindow", "key"]
+}

package/breakpoint/{useBreakpoint.js → useBreakpoint.mjs}

@@ -1,2 +1,2 @@
 import{useContext as e}from"react";import{BreakpointCtx as s}from".";import p from"../isWindow";import{breakpoints as t}from"../css";const a=()=>{const o=e(s),n=p(),r={value:o,is:i=>o===i,isDown:i=>n?window.innerWidth>t[i]:!1,isUp:i=>n?window.innerWidth<t[i]:!1,isOrDown:i=>r.is(i)||r.isDown(i),isOrUp:i=>r.is(i)||r.isUp(i)};return r};var d=a;export{d as default};
-//# sourceMappingURL=useBreakpoint.js.map
+//# sourceMappingURL=useBreakpoint.mjs.map

package/breakpoint/useBreakpoint.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/breakpoint/useBreakpoint.ts"],
+  "sourcesContent": ["import { useContext } from \"react\"\nimport { BreakpointCtx } from \".\"\nimport isWindow from \"../isWindow\"\nimport { breakpoints } from \"../css\"\nimport { BreakpointKeys } from \"../css/types\"\n\nconst useBreakpoint = () => {\n   const val = useContext(BreakpointCtx)\n   const isWin = isWindow()\n   const o = {\n      value: val,\n      is: (key: BreakpointKeys) => val === key,\n      isDown: (key: BreakpointKeys) => {\n         if (isWin) {\n            return window.innerWidth > breakpoints[key]\n         }\n         return false\n      },\n      isUp: (key: BreakpointKeys) => {\n         if (isWin) {\n            return window.innerWidth < breakpoints[key]\n         }\n         return false\n      },\n      isOrDown: (key: BreakpointKeys) => o.is(key) || o.isDown(key),\n      isOrUp: (key: BreakpointKeys) => o.is(key) || o.isUp(key)\n   }\n   return o\n}\n\nexport default useBreakpoint\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/{cjs/breakpoint/useBreakpointProps.js → breakpoint/useBreakpointProps.cjs}

@@ -1,2 +1,2 @@
 "use strict";var y=Object.create;var i=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var P=Object.getOwnPropertyNames;var d=Object.getPrototypeOf,x=Object.prototype.hasOwnProperty;var c=(e,t)=>{for(var o in t)i(e,o,{get:t[o],enumerable:!0})},l=(e,t,o,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of P(t))!x.call(e,r)&&r!==o&&i(e,r,{get:()=>t[r],enumerable:!(s=k(t,r))||s.enumerable});return e};var m=(e,t,o)=>(o=e!=null?y(d(e)):{},l(t||!e||!e.__esModule?i(o,"default",{value:e,enumerable:!0}):o,e)),B=e=>l(i({},"__esModule",{value:!0}),e);var _={};c(_,{default:()=>g});module.exports=B(_);var a=m(require("react"),1),u=m(require("./useBreakpoint"),1);const b=e=>{const t=(0,u.default)(),o=JSON.stringify(e,(r,n)=>{if(!(r==="_owner"||r==="_store"))return n},2);let s=a.default.useMemo(()=>{const r={xs:{},sm:{},md:{},lg:{},xl:{}};for(let n in e){let p=e[n];if(!(0,a.isValidElement)(p)&&typeof p=="object")for(let f in p)r[f][n]=e[n][f];else r.xs[n]=e[n]}return r},[o,t.value]);return a.default.useMemo(()=>{let r=s.xs||{};for(let n of["sm","md","lg","xl"])if(t.isOrDown(n)&&(r={...r,...s[n]}),t.is(n))break;return r},[s,t.value])};var g=b;
-//# sourceMappingURL=useBreakpointProps.js.map
+//# sourceMappingURL=useBreakpointProps.cjs.map

package/breakpoint/useBreakpointProps.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/breakpoint/useBreakpointProps.ts"],
+  "sourcesContent": ["import React, { isValidElement } from \"react\"\nimport useBreakpoint from \"./useBreakpoint\"\nimport { BreakpointKeys } from \"../css/types\"\n\nexport type useBreakpointPropsType<P> = P | {\n   [key in BreakpointKeys]?: P\n}\n\nconst useBreakpoinProps = <P extends object>(props: useBreakpointPropsType<P>): useBreakpointPropsType<P> => {\n   const bpoint = useBreakpoint()\n   const stringifiedElement = JSON.stringify(props, (key, value) => {\n      if (key === '_owner' || key === '_store') {\n         return undefined; // Skip circular references\n      }\n      return value;\n   }, 2);\n\n   let format: any = React.useMemo(() => {\n\n      const _format: any = {\n         xs: {},\n         sm: {},\n         md: {},\n         lg: {},\n         xl: {}\n      }\n      for (let prop in props) {\n         let val = (props as any)[prop]\n         if (!isValidElement(val) && typeof val === 'object') {\n            for (let breakpoin in val) {\n               _format[breakpoin][prop] = (props as any)[prop][breakpoin]\n            }\n         } else {\n            _format.xs[prop] = (props as any)[prop]\n         }\n      }\n\n      return _format\n   }, [stringifiedElement, bpoint.value])\n\n   return React.useMemo(() => {\n      let _props = format.xs || {};\n      for (let key of ['sm', 'md', 'lg', 'xl']) {\n         if (bpoint.isOrDown(key as any)) {\n            _props = { ..._props, ...format[key] };\n         }\n         if (bpoint.is(key as any)) {\n            break;\n         }\n      }\n      return _props;\n   }, [format, bpoint.value]);\n}\n\n\n\nexport default useBreakpoinProps"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAsC,sBACtCC,EAA0B,gCAO1B,MAAMC,EAAuCC,GAAgE,CAC1G,MAAMC,KAAS,EAAAC,SAAc,EACvBC,EAAqB,KAAK,UAAUH,EAAO,CAACI,EAAKC,IAAU,CAC9D,GAAI,EAAAD,IAAQ,UAAYA,IAAQ,UAGhC,OAAOC,CACV,EAAG,CAAC,EAEJ,IAAIC,EAAc,EAAAC,QAAM,QAAQ,IAAM,CAEnC,MAAMC,EAAe,CAClB,GAAI,CAAC,EACL,GAAI,CAAC,EACL,GAAI,CAAC,EACL,GAAI,CAAC,EACL,GAAI,CAAC,CACR,EACA,QAASC,KAAQT,EAAO,CACrB,IAAIU,EAAOV,EAAcS,CAAI,EAC7B,GAAI,IAAC,kBAAeC,CAAG,GAAK,OAAOA,GAAQ,SACxC,QAASC,KAAaD,EACnBF,EAAQG,CAAS,EAAEF,CAAI,EAAKT,EAAcS,CAAI,EAAEE,CAAS,OAG5DH,EAAQ,GAAGC,CAAI,EAAKT,EAAcS,CAAI,CAE5C,CAEA,OAAOD,CACV,EAAG,CAACL,EAAoBF,EAAO,KAAK,CAAC,EAErC,OAAO,EAAAM,QAAM,QAAQ,IAAM,CACxB,IAAIK,EAASN,EAAO,IAAM,CAAC,EAC3B,QAASF,IAAO,CAAC,KAAM,KAAM,KAAM,IAAI,EAIpC,GAHIH,EAAO,SAASG,CAAU,IAC3BQ,EAAS,CAAE,GAAGA,EAAQ,GAAGN,EAAOF,CAAG,CAAE,GAEpCH,EAAO,GAAGG,CAAU,EACrB,MAGN,OAAOQ,CACV,EAAG,CAACN,EAAQL,EAAO,KAAK,CAAC,CAC5B,EAIA,IAAON,EAAQI",
+  "names": ["useBreakpointProps_exports", "__export", "useBreakpointProps_default", "__toCommonJS", "import_react", "import_useBreakpoint", "useBreakpoinProps", "props", "bpoint", "useBreakpoint", "stringifiedElement", "key", "value", "format", "React", "_format", "prop", "val", "breakpoin", "_props"]
+}

package/breakpoint/{useBreakpointProps.js → useBreakpointProps.mjs}

@@ -1,2 +1,2 @@
 import i,{isValidElement as f}from"react";import l from"./useBreakpoint";const m=r=>{const n=l(),p=JSON.stringify(r,(t,e)=>{if(!(t==="_owner"||t==="_store"))return e},2);let o=i.useMemo(()=>{const t={xs:{},sm:{},md:{},lg:{},xl:{}};for(let e in r){let s=r[e];if(!f(s)&&typeof s=="object")for(let a in s)t[a][e]=r[e][a];else t.xs[e]=r[e]}return t},[p,n.value]);return i.useMemo(()=>{let t=o.xs||{};for(let e of["sm","md","lg","xl"])if(n.isOrDown(e)&&(t={...t,...o[e]}),n.is(e))break;return t},[o,n.value])};var d=m;export{d as default};
-//# sourceMappingURL=useBreakpointProps.js.map
+//# sourceMappingURL=useBreakpointProps.mjs.map

package/breakpoint/useBreakpointProps.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/breakpoint/useBreakpointProps.ts"],
+  "sourcesContent": ["import React, { isValidElement } from \"react\"\nimport useBreakpoint from \"./useBreakpoint\"\nimport { BreakpointKeys } from \"../css/types\"\n\nexport type useBreakpointPropsType<P> = P | {\n   [key in BreakpointKeys]?: P\n}\n\nconst useBreakpoinProps = <P extends object>(props: useBreakpointPropsType<P>): useBreakpointPropsType<P> => {\n   const bpoint = useBreakpoint()\n   const stringifiedElement = JSON.stringify(props, (key, value) => {\n      if (key === '_owner' || key === '_store') {\n         return undefined; // Skip circular references\n      }\n      return value;\n   }, 2);\n\n   let format: any = React.useMemo(() => {\n\n      const _format: any = {\n         xs: {},\n         sm: {},\n         md: {},\n         lg: {},\n         xl: {}\n      }\n      for (let prop in props) {\n         let val = (props as any)[prop]\n         if (!isValidElement(val) && typeof val === 'object') {\n            for (let breakpoin in val) {\n               _format[breakpoin][prop] = (props as any)[prop][breakpoin]\n            }\n         } else {\n            _format.xs[prop] = (props as any)[prop]\n         }\n      }\n\n      return _format\n   }, [stringifiedElement, bpoint.value])\n\n   return React.useMemo(() => {\n      let _props = format.xs || {};\n      for (let key of ['sm', 'md', 'lg', 'xl']) {\n         if (bpoint.isOrDown(key as any)) {\n            _props = { ..._props, ...format[key] };\n         }\n         if (bpoint.is(key as any)) {\n            break;\n         }\n      }\n      return _props;\n   }, [format, bpoint.value]);\n}\n\n\n\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/css/aliases.js → css/aliases.cjs}

@@ -1,2 +1,2 @@
 "use strict";var e=Object.defineProperty;var t=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var m=(o,a)=>{for(var n in a)e(o,n,{get:a[n],enumerable:!0})},l=(o,a,n,d)=>{if(a&&typeof a=="object"||typeof a=="function")for(let r of g(a))!p.call(o,r)&&r!==n&&e(o,r,{get:()=>a[r],enumerable:!(d=t(a,r))||d.enumerable});return o};var s=o=>l(e({},"__esModule",{value:!0}),o);var b={};m(b,{default:()=>c});module.exports=s(b);const i=(o,a)=>typeof o=="string"?o:a,f={bgcolor:o=>({backgroundColor:o}),bgimage:o=>({backgroundImage:`url(${o})`,backgroundSize:"cover",backgroundRepeat:"no-repeat"}),bg:o=>({background:o}),p:o=>({padding:i(o,8*o)}),pt:o=>({paddingTop:i(o,8*o)}),pr:o=>({paddingRight:i(o,8*o)}),pb:o=>({paddingBottom:i(o,8*o)}),pl:o=>({paddingLeft:i(o,8*o)}),px:o=>({paddingLeft:i(o,8*o),paddingRight:i(o,8*o)}),py:o=>({paddingTop:i(o,8*o),paddingBottom:i(o,8*o)}),m:o=>({margin:i(o,8*o)}),mt:o=>({marginTop:i(o,8*o)}),mr:o=>({marginRight:i(o,8*o)}),mb:o=>({marginBottom:i(o,8*o)}),ml:o=>({marginLeft:i(o,8*o)}),mx:o=>({marginLeft:i(o,8*o),marginRight:i(o,8*o)}),my:o=>({marginTop:i(o,8*o),marginBottom:i(o,8*o)}),radius:o=>({borderRadius:i(o,8*o)}),borderRadius:o=>({borderRadius:i(o,8*o)}),shadow:o=>({boxShadow:o}),flexBox:o=>o?{display:"flex"}:{},flexRow:o=>o?{flexDirection:"row"}:{},flexColumn:o=>o?{flexDirection:"column"}:{},flexWraped:o=>o?{flexWrap:"wrap"}:{},direction:o=>o==="row"||o==="column"?{flexDirection:o}:{direction:o},gap:o=>({gap:i(o,8*o)})};var c=f;
-//# sourceMappingURL=aliases.js.map
+//# sourceMappingURL=aliases.cjs.map

package/css/aliases.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/css/aliases.ts"],
+  "sourcesContent": ["import { OptionAliases } from 'oncss'\nimport { Aliases } from './types'\n\nconst isStr = (v: any, or: any) => typeof v === 'string' ? v : or\n\nconst aliases: OptionAliases<Aliases> = {\n   bgcolor: (v) => ({ backgroundColor: v }),\n   bgimage: (v) => ({ backgroundImage: `url(${v})`, backgroundSize: \"cover\", backgroundRepeat: \"no-repeat\" }),\n   bg: (v) => ({ background: v }),\n   p: (v) => ({ padding: isStr(v, 8 * v) }),\n   pt: (v) => ({ paddingTop: isStr(v, 8 * v) }),\n   pr: (v) => ({ paddingRight: isStr(v, 8 * v) }),\n   pb: (v) => ({ paddingBottom: isStr(v, 8 * v) }),\n   pl: (v) => ({ paddingLeft: isStr(v, 8 * v) }),\n   px: (v) => ({ paddingLeft: isStr(v, 8 * v), paddingRight: isStr(v, 8 * v) }),\n   py: (v) => ({ paddingTop: isStr(v, 8 * v), paddingBottom: isStr(v, 8 * v) }),\n   m: (v) => ({ margin: isStr(v, 8 * v) }),\n   mt: (v) => ({ marginTop: isStr(v, 8 * v) }),\n   mr: (v) => ({ marginRight: isStr(v, 8 * v) }),\n   mb: (v) => ({ marginBottom: isStr(v, 8 * v) }),\n   ml: (v) => ({ marginLeft: isStr(v, 8 * v) }),\n   mx: (v) => ({ marginLeft: isStr(v, 8 * v), marginRight: isStr(v, 8 * v) }),\n   my: (v) => ({ marginTop: isStr(v, 8 * v), marginBottom: isStr(v, 8 * v) }),\n   radius: (v) => ({ borderRadius: isStr(v, 8 * v) }),\n   borderRadius: (v) => ({ borderRadius: isStr(v, 8 * v) }),\n   shadow: (v) => ({ boxShadow: v }),\n   flexBox: (v) => (v ? { display: \"flex\" } : {}),\n   flexRow: (v) => (v ? { flexDirection: \"row\" } : {}),\n   flexColumn: (v) => (v ? { flexDirection: \"column\" } : {}),\n   flexWraped: (v) => (v ? { flexWrap: \"wrap\" } : {}),\n   direction: (v) => (v === 'row' || v === 'column' ? { flexDirection: v } : { direction: v }),\n   gap: (v) => ({ gap: isStr(v, 8 * v) }),\n};\n\nexport default aliases"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAGA,MAAMI,EAAQ,CAACC,EAAQC,IAAY,OAAOD,GAAM,SAAWA,EAAIC,EAEzDC,EAAkC,CACrC,QAAUF,IAAO,CAAE,gBAAiBA,CAAE,GACtC,QAAUA,IAAO,CAAE,gBAAiB,OAAOA,CAAC,IAAK,eAAgB,QAAS,iBAAkB,WAAY,GACxG,GAAKA,IAAO,CAAE,WAAYA,CAAE,GAC5B,EAAIA,IAAO,CAAE,QAASD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GACtC,GAAKA,IAAO,CAAE,WAAYD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GAC1C,GAAKA,IAAO,CAAE,aAAcD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GAC5C,GAAKA,IAAO,CAAE,cAAeD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GAC7C,GAAKA,IAAO,CAAE,YAAaD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GAC3C,GAAKA,IAAO,CAAE,YAAaD,EAAMC,EAAG,EAAIA,CAAC,EAAG,aAAcD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GAC1E,GAAKA,IAAO,CAAE,WAAYD,EAAMC,EAAG,EAAIA,CAAC,EAAG,cAAeD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GAC1E,EAAIA,IAAO,CAAE,OAAQD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GACrC,GAAKA,IAAO,CAAE,UAAWD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GACzC,GAAKA,IAAO,CAAE,YAAaD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GAC3C,GAAKA,IAAO,CAAE,aAAcD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GAC5C,GAAKA,IAAO,CAAE,WAAYD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GAC1C,GAAKA,IAAO,CAAE,WAAYD,EAAMC,EAAG,EAAIA,CAAC,EAAG,YAAaD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GACxE,GAAKA,IAAO,CAAE,UAAWD,EAAMC,EAAG,EAAIA,CAAC,EAAG,aAAcD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GACxE,OAASA,IAAO,CAAE,aAAcD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GAChD,aAAeA,IAAO,CAAE,aAAcD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GACtD,OAASA,IAAO,CAAE,UAAWA,CAAE,GAC/B,QAAUA,GAAOA,EAAI,CAAE,QAAS,MAAO,EAAI,CAAC,EAC5C,QAAUA,GAAOA,EAAI,CAAE,cAAe,KAAM,EAAI,CAAC,EACjD,WAAaA,GAAOA,EAAI,CAAE,cAAe,QAAS,EAAI,CAAC,EACvD,WAAaA,GAAOA,EAAI,CAAE,SAAU,MAAO,EAAI,CAAC,EAChD,UAAYA,GAAOA,IAAM,OAASA,IAAM,SAAW,CAAE,cAAeA,CAAE,EAAI,CAAE,UAAWA,CAAE,EACzF,IAAMA,IAAO,CAAE,IAAKD,EAAMC,EAAG,EAAIA,CAAC,CAAE,EACvC,EAEA,IAAOH,EAAQK",
+  "names": ["aliases_exports", "__export", "aliases_default", "__toCommonJS", "isStr", "v", "or", "aliases"]
+}

package/css/{aliases.js → aliases.mjs}

@@ -1,2 +1,2 @@
 const i=(o,a)=>typeof o=="string"?o:a,r={bgcolor:o=>({backgroundColor:o}),bgimage:o=>({backgroundImage:`url(${o})`,backgroundSize:"cover",backgroundRepeat:"no-repeat"}),bg:o=>({background:o}),p:o=>({padding:i(o,8*o)}),pt:o=>({paddingTop:i(o,8*o)}),pr:o=>({paddingRight:i(o,8*o)}),pb:o=>({paddingBottom:i(o,8*o)}),pl:o=>({paddingLeft:i(o,8*o)}),px:o=>({paddingLeft:i(o,8*o),paddingRight:i(o,8*o)}),py:o=>({paddingTop:i(o,8*o),paddingBottom:i(o,8*o)}),m:o=>({margin:i(o,8*o)}),mt:o=>({marginTop:i(o,8*o)}),mr:o=>({marginRight:i(o,8*o)}),mb:o=>({marginBottom:i(o,8*o)}),ml:o=>({marginLeft:i(o,8*o)}),mx:o=>({marginLeft:i(o,8*o),marginRight:i(o,8*o)}),my:o=>({marginTop:i(o,8*o),marginBottom:i(o,8*o)}),radius:o=>({borderRadius:i(o,8*o)}),borderRadius:o=>({borderRadius:i(o,8*o)}),shadow:o=>({boxShadow:o}),flexBox:o=>o?{display:"flex"}:{},flexRow:o=>o?{flexDirection:"row"}:{},flexColumn:o=>o?{flexDirection:"column"}:{},flexWraped:o=>o?{flexWrap:"wrap"}:{},direction:o=>o==="row"||o==="column"?{flexDirection:o}:{direction:o},gap:o=>({gap:i(o,8*o)})};var g=r;export{g as default};
-//# sourceMappingURL=aliases.js.map
+//# sourceMappingURL=aliases.mjs.map

package/css/aliases.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/css/aliases.ts"],
+  "sourcesContent": ["import { OptionAliases } from 'oncss'\nimport { Aliases } from './types'\n\nconst isStr = (v: any, or: any) => typeof v === 'string' ? v : or\n\nconst aliases: OptionAliases<Aliases> = {\n   bgcolor: (v) => ({ backgroundColor: v }),\n   bgimage: (v) => ({ backgroundImage: `url(${v})`, backgroundSize: \"cover\", backgroundRepeat: \"no-repeat\" }),\n   bg: (v) => ({ background: v }),\n   p: (v) => ({ padding: isStr(v, 8 * v) }),\n   pt: (v) => ({ paddingTop: isStr(v, 8 * v) }),\n   pr: (v) => ({ paddingRight: isStr(v, 8 * v) }),\n   pb: (v) => ({ paddingBottom: isStr(v, 8 * v) }),\n   pl: (v) => ({ paddingLeft: isStr(v, 8 * v) }),\n   px: (v) => ({ paddingLeft: isStr(v, 8 * v), paddingRight: isStr(v, 8 * v) }),\n   py: (v) => ({ paddingTop: isStr(v, 8 * v), paddingBottom: isStr(v, 8 * v) }),\n   m: (v) => ({ margin: isStr(v, 8 * v) }),\n   mt: (v) => ({ marginTop: isStr(v, 8 * v) }),\n   mr: (v) => ({ marginRight: isStr(v, 8 * v) }),\n   mb: (v) => ({ marginBottom: isStr(v, 8 * v) }),\n   ml: (v) => ({ marginLeft: isStr(v, 8 * v) }),\n   mx: (v) => ({ marginLeft: isStr(v, 8 * v), marginRight: isStr(v, 8 * v) }),\n   my: (v) => ({ marginTop: isStr(v, 8 * v), marginBottom: isStr(v, 8 * v) }),\n   radius: (v) => ({ borderRadius: isStr(v, 8 * v) }),\n   borderRadius: (v) => ({ borderRadius: isStr(v, 8 * v) }),\n   shadow: (v) => ({ boxShadow: v }),\n   flexBox: (v) => (v ? { display: \"flex\" } : {}),\n   flexRow: (v) => (v ? { flexDirection: \"row\" } : {}),\n   flexColumn: (v) => (v ? { flexDirection: \"column\" } : {}),\n   flexWraped: (v) => (v ? { flexWrap: \"wrap\" } : {}),\n   direction: (v) => (v === 'row' || v === 'column' ? { flexDirection: v } : { direction: v }),\n   gap: (v) => ({ gap: isStr(v, 8 * v) }),\n};\n\nexport default aliases"],
+  "mappings": "AAGA,MAAMA,EAAQ,CAACC,EAAQC,IAAY,OAAOD,GAAM,SAAWA,EAAIC,EAEzDC,EAAkC,CACrC,QAAUF,IAAO,CAAE,gBAAiBA,CAAE,GACtC,QAAUA,IAAO,CAAE,gBAAiB,OAAOA,CAAC,IAAK,eAAgB,QAAS,iBAAkB,WAAY,GACxG,GAAKA,IAAO,CAAE,WAAYA,CAAE,GAC5B,EAAIA,IAAO,CAAE,QAASD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GACtC,GAAKA,IAAO,CAAE,WAAYD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GAC1C,GAAKA,IAAO,CAAE,aAAcD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GAC5C,GAAKA,IAAO,CAAE,cAAeD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GAC7C,GAAKA,IAAO,CAAE,YAAaD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GAC3C,GAAKA,IAAO,CAAE,YAAaD,EAAMC,EAAG,EAAIA,CAAC,EAAG,aAAcD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GAC1E,GAAKA,IAAO,CAAE,WAAYD,EAAMC,EAAG,EAAIA,CAAC,EAAG,cAAeD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GAC1E,EAAIA,IAAO,CAAE,OAAQD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GACrC,GAAKA,IAAO,CAAE,UAAWD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GACzC,GAAKA,IAAO,CAAE,YAAaD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GAC3C,GAAKA,IAAO,CAAE,aAAcD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GAC5C,GAAKA,IAAO,CAAE,WAAYD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GAC1C,GAAKA,IAAO,CAAE,WAAYD,EAAMC,EAAG,EAAIA,CAAC,EAAG,YAAaD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GACxE,GAAKA,IAAO,CAAE,UAAWD,EAAMC,EAAG,EAAIA,CAAC,EAAG,aAAcD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GACxE,OAASA,IAAO,CAAE,aAAcD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GAChD,aAAeA,IAAO,CAAE,aAAcD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GACtD,OAASA,IAAO,CAAE,UAAWA,CAAE,GAC/B,QAAUA,GAAOA,EAAI,CAAE,QAAS,MAAO,EAAI,CAAC,EAC5C,QAAUA,GAAOA,EAAI,CAAE,cAAe,KAAM,EAAI,CAAC,EACjD,WAAaA,GAAOA,EAAI,CAAE,cAAe,QAAS,EAAI,CAAC,EACvD,WAAaA,GAAOA,EAAI,CAAE,SAAU,MAAO,EAAI,CAAC,EAChD,UAAYA,GAAOA,IAAM,OAASA,IAAM,SAAW,CAAE,cAAeA,CAAE,EAAI,CAAE,UAAWA,CAAE,EACzF,IAAMA,IAAO,CAAE,IAAKD,EAAMC,EAAG,EAAIA,CAAC,CAAE,EACvC,EAEA,IAAOG,EAAQD",
+  "names": ["isStr", "v", "or", "aliases", "aliases_default"]
+}

package/{cjs/css/getProps.js → css/getProps.cjs}

@@ -1,2 +1,2 @@
 "use strict";var s=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var a=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var y=(r,t)=>{for(var n in t)s(r,n,{get:t[n],enumerable:!0})},c=(r,t,n,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of a(t))!f.call(r,e)&&e!==n&&s(r,e,{get:()=>t[e],enumerable:!(i=d(t,e))||i.enumerable});return r};var l=r=>c(s({},"__esModule",{value:!0}),r);var p={};y(p,{default:()=>b});module.exports=l(p);const m=(r,t,n)=>{let i;if(typeof t=="string"){const e=t.split("!");i=e[1]?"!important":"",t=e[0]}if(r==="disabled")return t===!0?{pointerEvents:"none!important",cursor:"default!important",userSelect:"none!important",opacity:".8!important"}:{};if(t&&typeof t=="number"&&["border","borderRight","borderLeft","borderTop","borderBottom"].includes(r)){const e=Object.keys(n);let o={[`${r}Width`]:t+"px"+(i||"")};return e.includes(`${r}Color`)||(o[`${r}Color`]="divider"),e.includes(`${r}Style`)||(o[`${r}Style`]="solid"),o}};var b=m;
-//# sourceMappingURL=getProps.js.map
+//# sourceMappingURL=getProps.cjs.map

package/css/getProps.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/css/getProps.ts"],
+  "sourcesContent": ["import { CSSProps } from \"./types\";\n\nconst getProps = (prop: string, value: string, _css: CSSProps) => {\n    let important;\n    if (typeof value === 'string') {\n        const split = value.split(\"!\")\n        important = split[1] ? \"!important\" : \"\"\n        value = split[0]\n    }\n\n    if (prop === 'disabled') {\n        if ((value as any) === true) {\n            return {\n                pointerEvents: \"none!important\",\n                cursor: \"default!important\",\n                userSelect: \"none!important\",\n                opacity: \".8!important\"\n            } as any\n        }\n        return {}\n    }\n\n    if (value && typeof value === \"number\" && [\"border\", \"borderRight\", \"borderLeft\", \"borderTop\", \"borderBottom\"].includes(prop as any)) {\n        const keys: any = Object.keys(_css)\n        let p: any = {\n            [`${prop}Width`]: value + 'px' + (important || \"\"),\n        }\n        if (!keys.includes(`${prop}Color`)) {\n            p[`${prop}Color`] = \"divider\"\n        }\n        if (!keys.includes(`${prop}Style`)) {\n            p[`${prop}Style`] = \"solid\"\n        }\n        return p\n    }\n}\n\nexport default getProps"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAEA,MAAMI,EAAW,CAACC,EAAcC,EAAeC,IAAmB,CAC9D,IAAIC,EACJ,GAAI,OAAOF,GAAU,SAAU,CAC3B,MAAMG,EAAQH,EAAM,MAAM,GAAG,EAC7BE,EAAYC,EAAM,CAAC,EAAI,aAAe,GACtCH,EAAQG,EAAM,CAAC,CACnB,CAEA,GAAIJ,IAAS,WACT,OAAKC,IAAkB,GACZ,CACH,cAAe,iBACf,OAAQ,oBACR,WAAY,iBACZ,QAAS,cACb,EAEG,CAAC,EAGZ,GAAIA,GAAS,OAAOA,GAAU,UAAY,CAAC,SAAU,cAAe,aAAc,YAAa,cAAc,EAAE,SAASD,CAAW,EAAG,CAClI,MAAMK,EAAY,OAAO,KAAKH,CAAI,EAClC,IAAII,EAAS,CACT,CAAC,GAAGN,CAAI,OAAO,EAAGC,EAAQ,MAAQE,GAAa,GACnD,EACA,OAAKE,EAAK,SAAS,GAAGL,CAAI,OAAO,IAC7BM,EAAE,GAAGN,CAAI,OAAO,EAAI,WAEnBK,EAAK,SAAS,GAAGL,CAAI,OAAO,IAC7BM,EAAE,GAAGN,CAAI,OAAO,EAAI,SAEjBM,CACX,CACJ,EAEA,IAAOT,EAAQE",
+  "names": ["getProps_exports", "__export", "getProps_default", "__toCommonJS", "getProps", "prop", "value", "_css", "important", "split", "keys", "p"]
+}

package/css/{getProps.js → getProps.mjs}

@@ -1,2 +1,2 @@
 const s=(t,r,o)=>{let i;if(typeof r=="string"){const e=r.split("!");i=e[1]?"!important":"",r=e[0]}if(t==="disabled")return r===!0?{pointerEvents:"none!important",cursor:"default!important",userSelect:"none!important",opacity:".8!important"}:{};if(r&&typeof r=="number"&&["border","borderRight","borderLeft","borderTop","borderBottom"].includes(t)){const e=Object.keys(o);let n={[`${t}Width`]:r+"px"+(i||"")};return e.includes(`${t}Color`)||(n[`${t}Color`]="divider"),e.includes(`${t}Style`)||(n[`${t}Style`]="solid"),n}};var f=s;export{f as default};
-//# sourceMappingURL=getProps.js.map
+//# sourceMappingURL=getProps.mjs.map