@xanui/core 1.0.10 → 1.0.12

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../src/theme/ThemeDefaultOptions.ts"],
+  "sources": ["../../../src/theme/ThemeDefaultOptions.ts"],
   "sourcesContent": ["import { ThemeOptionInput, ThemeTypographyType } from './types'\n\nexport const lightColorPallete = {\n    text: {\n        primary: \"#212B36\",\n        secondary: \"#637381\",\n    },\n    background: {\n        primary: \"#FFFFFF\",\n        secondary: \"#EDEFF7\",\n    },\n    divider: \"#DADCE0\"\n}\n\nexport const darkColorPallete = {\n    text: {\n        primary: \"#FFFFFF\",\n        secondary: \"#C4CDD5\",\n    },\n    background: {\n        primary: \"#272727\",\n        secondary: \"#1E1E1E\",\n    },\n    divider: \"#3D3D3D\"\n}\n\nexport const ThemeColors = {\n    ...lightColorPallete,\n    brand: {\n        primary: \"#3b82f6\",\n        secondary: \"#60a5fa\",\n        text: \"#FFFFFF\"\n    },\n    accent: {\n        primary: \"#14b8a6\",\n        secondary: \"#2dd4bf\",\n        text: \"#FFFFFF\"\n    },\n    info: {\n        primary: \"#0ea5e9\",\n        secondary: \"#60a5fa\",\n        text: \"#FFFFFF\"\n    },\n    success: {\n        primary: \"#22c55e\",\n        secondary: \"#4ade80\",\n        text: \"#FFFFFF\"\n    },\n    warning: {\n        primary: \"#f59e0b\",\n        secondary: \"#fbbf24\",\n        text: \"#FFFFFF\"\n    },\n    danger: {\n        primary: \"#ef4444\",\n        secondary: \"#f87171\",\n        text: \"#FFFFFF\"\n    },\n}\n\nexport const ThemeTypography: ThemeTypographyType = {\n    fontFamily: '\"Inter\",sans-serif,\"Helvetica\",\"Arial\"',\n    h1: {\n        fontSize: 47.78,\n        lineHeight: 1.3,\n        fontWeight: 400,\n    },\n    h2: {\n        fontSize: 39.81,\n        lineHeight: 1.35,\n        fontWeight: 400,\n    },\n    h3: {\n        fontSize: 33.18,\n        lineHeight: 1.4,\n        fontWeight: 400,\n    },\n    h4: {\n        fontSize: 27.65,\n        lineHeight: 1.45,\n        fontWeight: 400,\n    },\n    h5: {\n        fontSize: 27.65,\n        lineHeight: 1.5,\n        fontWeight: 400,\n    },\n    h6: {\n        fontSize: 23.04,\n        lineHeight: 1.55,\n        fontWeight: 400,\n    },\n    text: {\n        fontSize: 16,\n        lineHeight: 1.6,\n        fontWeight: 400,\n    },\n    button: {\n        fontSize: 13.33,\n        lineHeight: 1.6,\n        fontWeight: 500,\n    },\n    small: {\n        fontSize: 12.33,\n        lineHeight: 1.6,\n        fontWeight: 400,\n    }\n}\n\nexport const shadow = [\n    \"none\",\n    \"0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12)\",\n    \"0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)\",\n    \"0px 3px 3px -2px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 1px 8px 0px rgba(0,0,0,0.12)\",\n    \"0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12)\",\n    \"0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12)\",\n    \"0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12)\",\n    \"0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.14),0px 2px 16px 1px rgba(0,0,0,0.12)\",\n    \"0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12)\",\n    \"0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12)\",\n    \"0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.14),0px 4px 18px 3px rgba(0,0,0,0.12)\",\n    \"0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.14),0px 4px 20px 3px rgba(0,0,0,0.12)\",\n    \"0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12)\",\n    \"0px 7px 8px -4px rgba(0,0,0,0.2),0px 13px 19px 2px rgba(0,0,0,0.14),0px 5px 24px 4px rgba(0,0,0,0.12)\",\n    \"0px 7px 9px -4px rgba(0,0,0,0.2),0px 14px 21px 2px rgba(0,0,0,0.14),0px 5px 26px 4px rgba(0,0,0,0.12)\",\n    \"0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.14),0px 6px 28px 5px rgba(0,0,0,0.12)\",\n    \"0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12)\",\n    \"0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12)\",\n    \"0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12)\",\n    \"0px 9px 12px -6px rgba(0,0,0,0.2),0px 19px 29px 2px rgba(0,0,0,0.14),0px 7px 36px 6px rgba(0,0,0,0.12)\",\n    \"0px 10px 13px -6px rgba(0,0,0,0.2),0px 20px 31px 3px rgba(0,0,0,0.14),0px 8px 38px 7px rgba(0,0,0,0.12)\",\n    \"0px 10px 13px -6px rgba(0,0,0,0.2),0px 21px 33px 3px rgba(0,0,0,0.14),0px 8px 40px 7px rgba(0,0,0,0.12)\",\n    \"0px 10px 14px -6px rgba(0,0,0,0.2),0px 22px 35px 3px rgba(0,0,0,0.14),0px 8px 42px 7px rgba(0,0,0,0.12)\",\n    \"0px 11px 14px -7px rgba(0,0,0,0.2),0px 23px 36px 3px rgba(0,0,0,0.14),0px 9px 44px 8px rgba(0,0,0,0.12)\",\n    \"0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12)\",\n]\n\nexport default {\n    name: \"light\",\n    rtl: false,\n    shadow,\n    globalStyle: {},\n    colors: ThemeColors,\n    typography: ThemeTypography,\n    interfaces: {}\n} as ThemeOptionInput\n"],
-  "mappings": "AAEO,MAAM,oBAAoB;AAAA,EAC7B,MAAM;AAAA,IACF,SAAS;AAAA,IACT,WAAW;AAAA,EACf;AAAA,EACA,YAAY;AAAA,IACR,SAAS;AAAA,IACT,WAAW;AAAA,EACf;AAAA,EACA,SAAS;AACb;AAEO,MAAM,mBAAmB;AAAA,EAC5B,MAAM;AAAA,IACF,SAAS;AAAA,IACT,WAAW;AAAA,EACf;AAAA,EACA,YAAY;AAAA,IACR,SAAS;AAAA,IACT,WAAW;AAAA,EACf;AAAA,EACA,SAAS;AACb;AAEO,MAAM,cAAc;AAAA,EACvB,GAAG;AAAA,EACH,OAAO;AAAA,IACH,SAAS;AAAA,IACT,WAAW;AAAA,IACX,MAAM;AAAA,EACV;AAAA,EACA,QAAQ;AAAA,IACJ,SAAS;AAAA,IACT,WAAW;AAAA,IACX,MAAM;AAAA,EACV;AAAA,EACA,MAAM;AAAA,IACF,SAAS;AAAA,IACT,WAAW;AAAA,IACX,MAAM;AAAA,EACV;AAAA,EACA,SAAS;AAAA,IACL,SAAS;AAAA,IACT,WAAW;AAAA,IACX,MAAM;AAAA,EACV;AAAA,EACA,SAAS;AAAA,IACL,SAAS;AAAA,IACT,WAAW;AAAA,IACX,MAAM;AAAA,EACV;AAAA,EACA,QAAQ;AAAA,IACJ,SAAS;AAAA,IACT,WAAW;AAAA,IACX,MAAM;AAAA,EACV;AACJ;AAEO,MAAM,kBAAuC;AAAA,EAChD,YAAY;AAAA,EACZ,IAAI;AAAA,IACA,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,YAAY;AAAA,EAChB;AAAA,EACA,IAAI;AAAA,IACA,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,YAAY;AAAA,EAChB;AAAA,EACA,IAAI;AAAA,IACA,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,YAAY;AAAA,EAChB;AAAA,EACA,IAAI;AAAA,IACA,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,YAAY;AAAA,EAChB;AAAA,EACA,IAAI;AAAA,IACA,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,YAAY;AAAA,EAChB;AAAA,EACA,IAAI;AAAA,IACA,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,YAAY;AAAA,EAChB;AAAA,EACA,MAAM;AAAA,IACF,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,YAAY;AAAA,EAChB;AAAA,EACA,QAAQ;AAAA,IACJ,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,YAAY;AAAA,EAChB;AAAA,EACA,OAAO;AAAA,IACH,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,YAAY;AAAA,EAChB;AACJ;AAEO,MAAM,SAAS;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;AAEA,IAAO,8BAAQ;AAAA,EACX,MAAM;AAAA,EACN,KAAK;AAAA,EACL;AAAA,EACA,aAAa,CAAC;AAAA,EACd,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,YAAY,CAAC;AACjB;",
-  "names": []
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,iBAAAE,EAAA,oBAAAC,EAAA,qBAAAC,EAAA,YAAAC,EAAA,sBAAAC,EAAA,WAAAC,IAAA,eAAAC,EAAAR,GAEO,MAAMM,EAAoB,CAC7B,KAAM,CACF,QAAS,UACT,UAAW,SACf,EACA,WAAY,CACR,QAAS,UACT,UAAW,SACf,EACA,QAAS,SACb,EAEaF,EAAmB,CAC5B,KAAM,CACF,QAAS,UACT,UAAW,SACf,EACA,WAAY,CACR,QAAS,UACT,UAAW,SACf,EACA,QAAS,SACb,EAEaF,EAAc,CACvB,GAAGI,EACH,MAAO,CACH,QAAS,UACT,UAAW,UACX,KAAM,SACV,EACA,OAAQ,CACJ,QAAS,UACT,UAAW,UACX,KAAM,SACV,EACA,KAAM,CACF,QAAS,UACT,UAAW,UACX,KAAM,SACV,EACA,QAAS,CACL,QAAS,UACT,UAAW,UACX,KAAM,SACV,EACA,QAAS,CACL,QAAS,UACT,UAAW,UACX,KAAM,SACV,EACA,OAAQ,CACJ,QAAS,UACT,UAAW,UACX,KAAM,SACV,CACJ,EAEaH,EAAuC,CAChD,WAAY,yCACZ,GAAI,CACA,SAAU,MACV,WAAY,IACZ,WAAY,GAChB,EACA,GAAI,CACA,SAAU,MACV,WAAY,KACZ,WAAY,GAChB,EACA,GAAI,CACA,SAAU,MACV,WAAY,IACZ,WAAY,GAChB,EACA,GAAI,CACA,SAAU,MACV,WAAY,KACZ,WAAY,GAChB,EACA,GAAI,CACA,SAAU,MACV,WAAY,IACZ,WAAY,GAChB,EACA,GAAI,CACA,SAAU,MACV,WAAY,KACZ,WAAY,GAChB,EACA,KAAM,CACF,SAAU,GACV,WAAY,IACZ,WAAY,GAChB,EACA,OAAQ,CACJ,SAAU,MACV,WAAY,IACZ,WAAY,GAChB,EACA,MAAO,CACH,SAAU,MACV,WAAY,IACZ,WAAY,GAChB,CACJ,EAEaI,EAAS,CAClB,OACA,qGACA,qGACA,qGACA,sGACA,sGACA,uGACA,uGACA,uGACA,uGACA,wGACA,wGACA,wGACA,wGACA,wGACA,wGACA,yGACA,yGACA,yGACA,yGACA,0GACA,0GACA,0GACA,0GACA,yGACJ,EAEA,IAAOF,EAAQ,CACX,KAAM,QACN,IAAK,GACL,OAAAE,EACA,YAAa,CAAC,EACd,OAAQL,EACR,WAAYC,EACZ,WAAY,CAAC,CACjB",
+  "names": ["ThemeDefaultOptions_exports", "__export", "ThemeColors", "ThemeTypography", "darkColorPallete", "ThemeDefaultOptions_default", "lightColorPallete", "shadow", "__toCommonJS"]
 }

package/cjs/theme/ThemeProvider.js

@@ -0,0 +1,2 @@
+"use strict";var k=Object.create;var p=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var C=Object.getPrototypeOf,P=Object.prototype.hasOwnProperty;var w=(r,o)=>{for(var t in o)p(r,t,{get:o[t],enumerable:!0})},c=(r,o,t,l)=>{if(o&&typeof o=="object"||typeof o=="function")for(let i of x(o))!P.call(r,i)&&i!==t&&p(r,i,{get:()=>o[i],enumerable:!(l=v(o,i))||l.enumerable});return r};var g=(r,o,t)=>(t=r!=null?k(C(r)):{},c(o||!r||!r.__esModule?p(t,"default",{value:r,enumerable:!0}):t,r)),S=r=>c(p({},"__esModule",{value:!0}),r);var z={};w(z,{default:()=>W});module.exports=S(z);var a=g(require("react")),h=g(require("../Tag")),f=require("../breakpoint"),s=require("./core"),u=g(require("./ThemeCssVars")),n=require("../css");const H=({children:r,theme:o,resetCss:t,scrollbarCss:l,isRootProvider:i,renderIsRoot:T,...m})=>{const e=s.ThemeFactory.get(o);if(!e)throw new Error(`Invalid theme name provided: ${o}`);return t??=!0,l??=!0,a.useMemo(()=>{if(Object.keys(e.globalStyle).length&&(0,n.css)({"@global":e.globalStyle}),(0,n.css)({"@global":{[`.xui-${o}-theme-root`]:(0,u.default)(e)}}),l&&typeof document<"u"){let d=10,b=e.colors.divider,y=e.colors.background.secondary;(0,n.css)({"@global":{"*":{scrollbarWidth:"thin",scrollbarColor:`${b} ${y}`},"::-webkit-scrollbar":{width:d,height:d},"::-webkit-scrollbar-thumb":{backgroundColor:b,borderRadius:"5px",border:"2px solid #f4f4f4"},"::-webkit-scrollbar-thumb:hover":{backgroundColor:b},"::-webkit-scrollbar-track":{backgroundColor:y,borderRadius:"5px"}}})}t&&(0,n.css)({"@global":{"*":{m:0,p:0,outline:"none",boxSizing:"border-box",verticalAlign:"baseline"},"html, body":{minHeight:"100%","-webkit-font-smoothing":"antialiased"},"img, picture, video, canvas, svg":{maxWidth:"100%",display:"block"},"input, button, textarea, select":{font:"inherit"},table:{borderCollapse:"collapse",borderSpacing:0},"ol, ul":{listStyle:"none"},a:{display:"inline-block"},"p, h1, h2, h3, h4, h5, h6":{overflowWrap:"break-word"}}})},[o]),a.createElement(s.ThemeContex.Provider,{value:o},i?a.createElement(f.BreakpointProvider,null,a.createElement(h.default,{minHeight:"100%",bgcolor:e.colors.background.primary,fontFamily:e.typography.fontFamily,fontSize:e.typography.text.fontSize,fontWeight:e.typography.text.fontWeight,lineHeight:e.typography.text.lineHeight,...m,baseClass:`${o}-theme-root`,direction:e.rtl?"rtl":"ltr"},r,T)):a.createElement(h.default,{minHeight:"100%",bgcolor:e.colors.background.primary,fontFamily:e.typography.fontFamily,fontSize:e.typography.text.fontSize,fontWeight:e.typography.text.fontWeight,lineHeight:e.typography.text.lineHeight,...m,baseClass:`${o}-theme-root`,direction:e.rtl?"rtl":"ltr"},r))};var W=H;
+//# sourceMappingURL=ThemeProvider.js.map

package/cjs/theme/ThemeProvider.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/theme/ThemeProvider.tsx"],
+  "sourcesContent": ["import * as React from \"react\"\nimport { ThemeOptions } from \"./types\"\nimport Tag from \"../Tag\"\nimport { TagComponentType, TagProps } from \"../Tag/types\"\nimport { BreakpointProvider } from \"../breakpoint\"\nimport { ThemeContex, ThemeFactory } from \"./core\"\nimport ThemeCssVars from \"./ThemeCssVars\"\nimport { css } from \"../css\"\n\nexport type ThemeProviderProps<T extends TagComponentType = 'div'> = TagProps<T> & {\n   theme: string;\n   resetCss?: boolean;\n   scrollbarCss?: boolean;\n   isRootProvider?: boolean;\n   renderIsRoot?: React.ReactElement;\n}\n\nconst ThemeProvider = ({ children, theme, resetCss, scrollbarCss, isRootProvider, renderIsRoot, ...props }: ThemeProviderProps) => {\n   const THEME = ThemeFactory.get(theme) as ThemeOptions\n   if (!THEME) throw new Error(`Invalid theme name provided: ${theme}`)\n   resetCss ??= true\n   scrollbarCss ??= true\n\n   React.useMemo(() => {\n      if (!!Object.keys(THEME.globalStyle).length) {\n         css({\n            \"@global\": THEME.globalStyle\n         })\n      }\n\n      css({\n         \"@global\": {\n            [`.xui-${theme}-theme-root`]: ThemeCssVars(THEME)\n         }\n      })\n\n      if (scrollbarCss && typeof document !== 'undefined') {\n         let thumbSize = 10\n         let thumbColor = THEME.colors.divider\n         let trackColor = THEME.colors.background.secondary\n         css({\n            \"@global\": {\n               \"*\": {\n                  scrollbarWidth: \"thin\",\n                  scrollbarColor: `${thumbColor} ${trackColor}`,\n               },\n               \"::-webkit-scrollbar\": {\n                  width: thumbSize,\n                  height: thumbSize,\n               },\n               \"::-webkit-scrollbar-thumb\": {\n                  backgroundColor: thumbColor,\n                  borderRadius: \"5px\",\n                  border: \"2px solid #f4f4f4\",\n               },\n               \"::-webkit-scrollbar-thumb:hover\": {\n                  backgroundColor: thumbColor,\n               },\n               \"::-webkit-scrollbar-track\": {\n                  backgroundColor: trackColor,\n                  borderRadius: \"5px\",\n               },\n            }\n         })\n      }\n\n      resetCss && css({\n         \"@global\": {\n            \"*\": {\n               m: 0,\n               p: 0,\n               outline: \"none\",\n               boxSizing: \"border-box\",\n               verticalAlign: \"baseline\",\n            },\n            \"html, body\": {\n               minHeight: \"100%\",\n               \"-webkit-font-smoothing\": \"antialiased\"\n            } as any,\n            \"img, picture, video, canvas, svg\": {\n               maxWidth: \"100%\",\n               display: \"block\"\n            },\n            \"input, button, textarea, select\": {\n               font: \"inherit\"\n            },\n            \"table\": {\n               borderCollapse: \"collapse\",\n               borderSpacing: 0\n            },\n            \"ol, ul\": {\n               listStyle: \"none\"\n            },\n            \"a\": {\n               display: \"inline-block\"\n            },\n            \"p, h1, h2, h3, h4, h5, h6\": {\n               overflowWrap: \"break-word\",\n            }\n         }\n      })\n   }, [theme])\n\n   return (\n      <ThemeContex.Provider value={theme}>\n         {\n            isRootProvider ? <BreakpointProvider>\n               <Tag\n                  minHeight=\"100%\"\n                  bgcolor={THEME.colors.background.primary}\n                  fontFamily={THEME.typography.fontFamily}\n                  fontSize={THEME.typography.text.fontSize}\n                  fontWeight={THEME.typography.text.fontWeight}\n                  lineHeight={THEME.typography.text.lineHeight}\n                  {...props}\n                  baseClass={`${theme}-theme-root`}\n                  direction={THEME.rtl ? \"rtl\" : \"ltr\"}\n               >\n                  {children}\n                  {renderIsRoot}\n               </Tag>\n            </BreakpointProvider> : <Tag\n               minHeight=\"100%\"\n               bgcolor={THEME.colors.background.primary}\n               fontFamily={THEME.typography.fontFamily}\n               fontSize={THEME.typography.text.fontSize}\n               fontWeight={THEME.typography.text.fontWeight}\n               lineHeight={THEME.typography.text.lineHeight}\n               {...props}\n               baseClass={`${theme}-theme-root`}\n               direction={THEME.rtl ? \"rtl\" : \"ltr\"}\n            >\n               {children}\n            </Tag>\n         }\n      </ThemeContex.Provider>\n   )\n}\n\nexport default ThemeProvider"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuB,oBAEvBC,EAAgB,qBAEhBC,EAAmC,yBACnCC,EAA0C,kBAC1CC,EAAyB,6BACzBC,EAAoB,kBAUpB,MAAMC,EAAgB,CAAC,CAAE,SAAAC,EAAU,MAAAC,EAAO,SAAAC,EAAU,aAAAC,EAAc,eAAAC,EAAgB,aAAAC,EAAc,GAAGC,CAAM,IAA0B,CAChI,MAAMC,EAAQ,eAAa,IAAIN,CAAK,EACpC,GAAI,CAACM,EAAO,MAAM,IAAI,MAAM,gCAAgCN,CAAK,EAAE,EACnE,OAAAC,IAAa,GACbC,IAAiB,GAEjBV,EAAM,QAAQ,IAAM,CAajB,GAZM,OAAO,KAAKc,EAAM,WAAW,EAAE,WAClC,OAAI,CACD,UAAWA,EAAM,WACpB,CAAC,KAGJ,OAAI,CACD,UAAW,CACR,CAAC,QAAQN,CAAK,aAAa,KAAG,EAAAO,SAAaD,CAAK,CACnD,CACH,CAAC,EAEGJ,GAAgB,OAAO,SAAa,IAAa,CAClD,IAAIM,EAAY,GACZC,EAAaH,EAAM,OAAO,QAC1BI,EAAaJ,EAAM,OAAO,WAAW,aACzC,OAAI,CACD,UAAW,CACR,IAAK,CACF,eAAgB,OAChB,eAAgB,GAAGG,CAAU,IAAIC,CAAU,EAC9C,EACA,sBAAuB,CACpB,MAAOF,EACP,OAAQA,CACX,EACA,4BAA6B,CAC1B,gBAAiBC,EACjB,aAAc,MACd,OAAQ,mBACX,EACA,kCAAmC,CAChC,gBAAiBA,CACpB,EACA,4BAA6B,CAC1B,gBAAiBC,EACjB,aAAc,KACjB,CACH,CACH,CAAC,CACJ,CAEAT,MAAY,OAAI,CACb,UAAW,CACR,IAAK,CACF,EAAG,EACH,EAAG,EACH,QAAS,OACT,UAAW,aACX,cAAe,UAClB,EACA,aAAc,CACX,UAAW,OACX,yBAA0B,aAC7B,EACA,mCAAoC,CACjC,SAAU,OACV,QAAS,OACZ,EACA,kCAAmC,CAChC,KAAM,SACT,EACA,MAAS,CACN,eAAgB,WAChB,cAAe,CAClB,EACA,SAAU,CACP,UAAW,MACd,EACA,EAAK,CACF,QAAS,cACZ,EACA,4BAA6B,CAC1B,aAAc,YACjB,CACH,CACH,CAAC,CACJ,EAAG,CAACD,CAAK,CAAC,EAGPR,EAAA,cAAC,cAAY,SAAZ,CAAqB,MAAOQ,GAEvBG,EAAiBX,EAAA,cAAC,0BACfA,EAAA,cAAC,EAAAmB,QAAA,CACE,UAAU,OACV,QAASL,EAAM,OAAO,WAAW,QACjC,WAAYA,EAAM,WAAW,WAC7B,SAAUA,EAAM,WAAW,KAAK,SAChC,WAAYA,EAAM,WAAW,KAAK,WAClC,WAAYA,EAAM,WAAW,KAAK,WACjC,GAAGD,EACJ,UAAW,GAAGL,CAAK,cACnB,UAAWM,EAAM,IAAM,MAAQ,OAE9BP,EACAK,CACJ,CACH,EAAwBZ,EAAA,cAAC,EAAAmB,QAAA,CACtB,UAAU,OACV,QAASL,EAAM,OAAO,WAAW,QACjC,WAAYA,EAAM,WAAW,WAC7B,SAAUA,EAAM,WAAW,KAAK,SAChC,WAAYA,EAAM,WAAW,KAAK,WAClC,WAAYA,EAAM,WAAW,KAAK,WACjC,GAAGD,EACJ,UAAW,GAAGL,CAAK,cACnB,UAAWM,EAAM,IAAM,MAAQ,OAE9BP,CACJ,CAEN,CAEN,EAEA,IAAOT,EAAQQ",
+  "names": ["ThemeProvider_exports", "__export", "ThemeProvider_default", "__toCommonJS", "React", "import_Tag", "import_breakpoint", "import_core", "import_ThemeCssVars", "import_css", "ThemeProvider", "children", "theme", "resetCss", "scrollbarCss", "isRootProvider", "renderIsRoot", "props", "THEME", "ThemeCssVars", "thumbSize", "thumbColor", "trackColor", "Tag"]
+}

package/cjs/theme/core.js

@@ -0,0 +1,2 @@
+"use strict";var T=Object.create;var s=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var g=Object.getPrototypeOf,O=Object.prototype.hasOwnProperty;var a=(e,t)=>{for(var o in t)s(e,o,{get:t[o],enumerable:!0})},i=(e,t,o,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of x(t))!O.call(e,r)&&r!==o&&s(e,r,{get:()=>t[r],enumerable:!(n=h(t,r))||n.enumerable});return e};var f=(e,t,o)=>(o=e!=null?T(g(e)):{},i(t||!e||!e.__esModule?s(o,"default",{value:e,enumerable:!0}):o,e)),j=e=>i(s({},"__esModule",{value:!0}),e);var C={};a(C,{ThemeContex:()=>m,ThemeFactory:()=>p,getTheme:()=>l,mergeObject:()=>y,useTheme:()=>u});module.exports=j(C);var c=f(require("react"));const p=new Map,m=c.default.createContext("light"),l=e=>p.get(e),u=()=>p.get(c.default.useContext(m)),y=(e,t)=>{e={...e},t={...t};for(const o in t){const n=t[o];typeof n=="object"&&!Array.isArray(n)&&!c.default.isValidElement(n)?e[o]=y(e[o],t[o]):e[o]=n}return e};
+//# sourceMappingURL=core.js.map

package/cjs/theme/core.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/theme/core.ts"],
+  "sourcesContent": ["import React from \"react\"\nimport { ObjectType, ThemeOptions } from \"./types\"\n\nexport const ThemeFactory = new Map<string, ThemeOptions>()\nexport const ThemeContex = React.createContext(\"light\")\nexport const getTheme = (theme: string) => ThemeFactory.get(theme)\nexport const useTheme = (): ThemeOptions => ThemeFactory.get(React.useContext(ThemeContex)) as any\n\nexport const mergeObject = (a: ObjectType, b: ObjectType) => {\n   a = { ...a }\n   b = { ...b }\n   for (const key in b) {\n      const v = (b as any)[key]\n      if (typeof v === 'object' && !Array.isArray(v) && !React.isValidElement(v)) {\n         a[key] = mergeObject(a[key], b[key])\n      } else {\n         a[key] = v\n      }\n   }\n   return a\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,iBAAAE,EAAA,iBAAAC,EAAA,aAAAC,EAAA,gBAAAC,EAAA,aAAAC,IAAA,eAAAC,EAAAP,GAAA,IAAAQ,EAAkB,oBAGX,MAAML,EAAe,IAAI,IACnBD,EAAc,EAAAO,QAAM,cAAc,OAAO,EACzCL,EAAYM,GAAkBP,EAAa,IAAIO,CAAK,EACpDJ,EAAW,IAAoBH,EAAa,IAAI,EAAAM,QAAM,WAAWP,CAAW,CAAC,EAE7EG,EAAc,CAACM,EAAeC,IAAkB,CAC1DD,EAAI,CAAE,GAAGA,CAAE,EACXC,EAAI,CAAE,GAAGA,CAAE,EACX,UAAWC,KAAOD,EAAG,CAClB,MAAME,EAAKF,EAAUC,CAAG,EACpB,OAAOC,GAAM,UAAY,CAAC,MAAM,QAAQA,CAAC,GAAK,CAAC,EAAAL,QAAM,eAAeK,CAAC,EACtEH,EAAEE,CAAG,EAAIR,EAAYM,EAAEE,CAAG,EAAGD,EAAEC,CAAG,CAAC,EAEnCF,EAAEE,CAAG,EAAIC,CAEf,CACA,OAAOH,CACV",
+  "names": ["core_exports", "__export", "ThemeContex", "ThemeFactory", "getTheme", "mergeObject", "useTheme", "__toCommonJS", "import_react", "React", "theme", "a", "b", "key", "v"]
+}

package/cjs/theme/createColor.js

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

package/cjs/theme/createColor.js.map

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

package/cjs/theme/createTheme.js

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

package/cjs/theme/createTheme.js.map

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

package/cjs/theme/createThemeSwitcher.js

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

package/cjs/theme/createThemeSwitcher.js.map

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

package/cjs/theme/index.js

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

package/cjs/theme/index.js.map

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

package/cjs/theme/types.js

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

package/cjs/theme/types.js.map

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

package/cjs/useAnimation.js

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

package/cjs/useAnimation.js.map

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

package/cjs/useColorTemplate.js

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

package/cjs/useColorTemplate.js.map

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

package/cjs/useInterface.js

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

package/cjs/useInterface.js.map

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

package/esm/ServerStyleTags.js

@@ -0,0 +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

package/esm/ServerStyleTags.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "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": "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/esm/Tag/cssPropList.js

@@ -0,0 +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

package/esm/Tag/cssPropList.js.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/esm/Tag/index.js

@@ -0,0 +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

package/{Tag → esm/Tag}/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../src/Tag/index.tsx"],
+  "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,YAAY,WAAW;AAEvB,OAAO,iBAAiB;AAExB,MAAM,MAAM,MAAM,WAAW,CAAqC,EAAE,WAAW,UAAU,GAAG,KAAK,GAAoB,QAAwB;AACzI,QAAM,QAAa,YAAY,IAAI;AACnC,QAAM,MAAM;AACZ,SAAO,MAAM,cAAc,aAAa,OAAO,OAAO,QAAQ;AAClE,CAAC;AAED,IAAO,cAAQ;",
-  "names": []
+  "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/esm/Tag/useTagProps.js

@@ -0,0 +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

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../src/Tag/useTagProps.ts"],
+  "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,OAAO,iBAAiB;AACxB,SAAS,WAAW;AACpB,SAAS,kBAAkB;AAE3B,MAAM,cAAc,CAAqC,EAAE,KAAK,IAAI,WAAW,YAAY,OAAO,OAAO,GAAG,MAAM,MAAoC;AACnJ,MAAI,OAAY,EAAE,GAAG,KAAK,GAAG,IAAI,GAAG,MAAM;AAC1C,MAAI,MAAO,MAAK,SAAS,IAAI;AAC7B,QAAM,QAAQ,IAAI,MAAM;AAAA,IACrB,WAAW,CAAC,MAAM,MAAM,SAAc,SAAS,KAAK,CAAC,YAAY,IAAI;AAAA,EACxE,CAAC;AAED,MAAI,YAAY,MAAM,OAAO,MAAM,SAAgB,KAAK,CAAC;AACzD,QAAM,SAAc,CAAC;AACrB,WAAS,QAAQ,WAAW;AACzB,WAAO,IAAI,IAAK,MAAc,IAAI;AAAA,EACrC;AACA,SAAO,YAAY,WAAW;AAAA,IAC3B,YAAY,SAAS,YAAY;AAAA,IACjC,MAAM;AAAA,IACN,MAAM;AAAA,IACN,GAAI,SAAgB,CAAC;AAAA,EACxB,CAAC;AACD,SAAO;AACV;AAGA,IAAO,sBAAQ;",
-  "names": []
+  "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/esm/Transition/index.js

@@ -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??=!1,T??=400,o??="fade";const p=D().replace(/:/g,""),[s,R]=a(!1),[L,k]=a(!1),[H,v]=a(n?r?"opened":"open":"closed"),[M,N]=a({height:0,width:0,rect:null});typeof o=="string"&&(o=G[o](M));let i=o.from,c=o.to;const[C,f]=a(n?c:i);y(()=>{const e=document.querySelector(`.trans-${p}`);e&&(R(!0),N({height:e.clientHeight,width:e.clientWidth,rect:e.getBoundingClientRect()}),!r&&n&&f(i))},[]),y(()=>{const e=document.querySelector(`.trans-${p}`);if(s&&e){let m=null,b=null;e.ontransitionstart=()=>{clearTimeout(m),m=setTimeout(()=>{const t=Array.from(e.classList).includes("trans-open");S&&t&&S(),g&&!t&&g(),l&&l(t?"open":"close"),v(t?"open":"close")},1)},e.ontransitionend=()=>{clearTimeout(b),b=setTimeout(()=>{const t=Array.from(e.classList).includes("trans-open");h&&t&&h(),E&&!t&&E(),l&&l(t?"opened":"closed"),v(t?"opened":"closed")},1)}}},[s]),y(()=>{s&&(L?f(n?c:i):(k(!0),setTimeout(()=>{f(n?c:i)},50)))},[s,n,JSON.stringify(i),JSON.stringify(c)]);let O={};if(s){let e=` ${T}ms ${I} ${w||0}ms`;O={...C,transition:Object.keys(C||{}).map(m=>F(m)).join(e+", ")+e}}const _=z(O);if(!d||Array.isArray(d))throw new Error("Invalid children in Transition");const j=V.toArray(d).shift();let q=`${_.classname} trans-${p} trans-${n?"open":"close"} trans-state-${H}`;const u=J(j,{classNames:[q]});return s||!s&&r&&n?u:B.createElement(W,{height:0,overflow:"hidden"},u)};var se=K;export{se as default};
+//# sourceMappingURL=index.js.map

package/esm/Transition/index.js.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/esm/Transition/variants.js

@@ -0,0 +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

package/esm/Transition/variants.js.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/esm/breakpoint/index.js

@@ -0,0 +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

package/{breakpoint → esm/breakpoint}/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../src/breakpoint/index.tsx"],
+  "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,OAAO,SAAoB,gBAAgB;AAC3C,OAAO,cAAc;AACrB,SAAS,mBAAmB;AAGrB,MAAM,gBAAgB,MAAM,cAA8B,IAAI;AAErE,MAAM,SAAS,MAAsB;AACjC,QAAM,QAAQ,SAAS;AACvB,MAAI,OAAO;AACP,UAAM,QAAQ,OAAO;AACrB,QAAI,QAAQ,YAAY,IAAI;AACxB,aAAO;AAAA,IACX,WAAW,QAAQ,YAAY,MAAM,QAAQ,YAAY,IAAI;AACzD,aAAO;AAAA,IACX,WAAW,QAAQ,YAAY,MAAM,QAAQ,YAAY,IAAI;AACzD,aAAO;AAAA,IACX,WAAW,QAAQ,YAAY,MAAM,QAAQ,YAAY,IAAI;AACzD,aAAO;AAAA,IACX,OAAO;AACH,aAAO;AAAA,IACX;AAAA,EACJ,OAAO;AACH,WAAO;AAAA,EACX;AACJ;AAEO,MAAM,qBAAqB,CAAC,EAAE,SAAS,MAAgC;AAC1E,QAAM,CAAC,SAAS,UAAU,IAAI,SAAyB,MAAM;AAE7D,QAAM,UAAU,MAAM;AAClB,QAAI,IAAI,OAAO;AACf,QAAI,YAAY,GAAG;AACf,iBAAW,CAAC;AAAA,IAChB;AAAA,EACJ;AAEA,QAAM,UAAU,MAAM;AAClB,WAAO,oBAAoB,UAAU,OAAO;AAC5C,WAAO,iBAAiB,UAAU,OAAO;AACzC,YAAQ;AACR,WAAO,MAAM;AACT,aAAO,oBAAoB,UAAU,OAAO;AAAA,IAChD;AAAA,EACJ,GAAG,CAAC,OAAO,CAAC;AAEZ,SACI,oCAAC,cAAc,UAAd,EAAuB,OAAO,WAC1B,QACL;AAER;",
-  "names": []
+  "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/esm/breakpoint/useBreakpoint.js

@@ -0,0 +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

package/{breakpoint → esm/breakpoint}/useBreakpoint.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../src/breakpoint/useBreakpoint.ts"],
+  "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,SAAS,kBAAkB;AAC3B,SAAS,qBAAqB;AAC9B,OAAO,cAAc;AACrB,SAAS,mBAAmB;AAG5B,MAAM,gBAAgB,MAAM;AACzB,QAAM,MAAM,WAAW,aAAa;AACpC,QAAM,QAAQ,SAAS;AACvB,QAAM,IAAI;AAAA,IACP,OAAO;AAAA,IACP,IAAI,CAAC,QAAwB,QAAQ;AAAA,IACrC,QAAQ,CAAC,QAAwB;AAC9B,UAAI,OAAO;AACR,eAAO,OAAO,aAAa,YAAY,GAAG;AAAA,MAC7C;AACA,aAAO;AAAA,IACV;AAAA,IACA,MAAM,CAAC,QAAwB;AAC5B,UAAI,OAAO;AACR,eAAO,OAAO,aAAa,YAAY,GAAG;AAAA,MAC7C;AACA,aAAO;AAAA,IACV;AAAA,IACA,UAAU,CAAC,QAAwB,EAAE,GAAG,GAAG,KAAK,EAAE,OAAO,GAAG;AAAA,IAC5D,QAAQ,CAAC,QAAwB,EAAE,GAAG,GAAG,KAAK,EAAE,KAAK,GAAG;AAAA,EAC3D;AACA,SAAO;AACV;AAEA,IAAO,wBAAQ;",
-  "names": []
+  "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/esm/breakpoint/useBreakpointProps.js

@@ -0,0 +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

package/{breakpoint → esm/breakpoint}/useBreakpointProps.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../src/breakpoint/useBreakpointProps.ts"],
+  "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,OAAO,SAAS,sBAAsB;AACtC,OAAO,mBAAmB;AAO1B,MAAM,oBAAoB,CAAmB,UAAgE;AAC1G,QAAM,SAAS,cAAc;AAC7B,QAAM,qBAAqB,KAAK,UAAU,OAAO,CAAC,KAAK,UAAU;AAC9D,QAAI,QAAQ,YAAY,QAAQ,UAAU;AACvC,aAAO;AAAA,IACV;AACA,WAAO;AAAA,EACV,GAAG,CAAC;AAEJ,MAAI,SAAc,MAAM,QAAQ,MAAM;AAEnC,UAAM,UAAe;AAAA,MAClB,IAAI,CAAC;AAAA,MACL,IAAI,CAAC;AAAA,MACL,IAAI,CAAC;AAAA,MACL,IAAI,CAAC;AAAA,MACL,IAAI,CAAC;AAAA,IACR;AACA,aAAS,QAAQ,OAAO;AACrB,UAAI,MAAO,MAAc,IAAI;AAC7B,UAAI,CAAC,eAAe,GAAG,KAAK,OAAO,QAAQ,UAAU;AAClD,iBAAS,aAAa,KAAK;AACxB,kBAAQ,SAAS,EAAE,IAAI,IAAK,MAAc,IAAI,EAAE,SAAS;AAAA,QAC5D;AAAA,MACH,OAAO;AACJ,gBAAQ,GAAG,IAAI,IAAK,MAAc,IAAI;AAAA,MACzC;AAAA,IACH;AAEA,WAAO;AAAA,EACV,GAAG,CAAC,oBAAoB,OAAO,KAAK,CAAC;AAErC,SAAO,MAAM,QAAQ,MAAM;AACxB,QAAI,SAAS,OAAO,MAAM,CAAC;AAC3B,aAAS,OAAO,CAAC,MAAM,MAAM,MAAM,IAAI,GAAG;AACvC,UAAI,OAAO,SAAS,GAAU,GAAG;AAC9B,iBAAS,EAAE,GAAG,QAAQ,GAAG,OAAO,GAAG,EAAE;AAAA,MACxC;AACA,UAAI,OAAO,GAAG,GAAU,GAAG;AACxB;AAAA,MACH;AAAA,IACH;AACA,WAAO;AAAA,EACV,GAAG,CAAC,QAAQ,OAAO,KAAK,CAAC;AAC5B;AAIA,IAAO,6BAAQ;",
-  "names": []
+  "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/esm/css/aliases.js

@@ -0,0 +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

package/esm/css/aliases.js.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/esm/css/getProps.js

@@ -0,0 +1,2 @@
+const s=(t,r,o)=>{let n;if(typeof r=="string"){const e=r.split("!");n=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 i={[`${t}Width`]:r+"px"+(n||"")};return e.includes(`${t}Color`)||(i[`${t}Color`]="divider"),e.includes(`${t}Style`)||(i[`${t}Style`]="solid"),i}};var a=s;export{a as default};
+//# sourceMappingURL=getProps.js.map

package/{css → esm/css}/getProps.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../src/css/getProps.ts"],
+  "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 = 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": "AAEA,MAAM,WAAW,CAAC,MAAc,OAAe,SAAmB;AAC9D,MAAI;AACJ,MAAI,OAAO,UAAU,UAAU;AAC3B,UAAM,QAAQ,MAAM,MAAM,GAAG;AAC7B,gBAAY,MAAM,CAAC,IAAI,eAAe;AACtC,YAAQ,MAAM,CAAC;AAAA,EACnB;AAEA,MAAI,SAAS,YAAY;AACrB,QAAK,UAAkB,MAAM;AACzB,aAAO;AAAA,QACH,eAAe;AAAA,QACf,QAAQ;AAAA,QACR,YAAY;AAAA,QACZ,SAAS;AAAA,MACb;AAAA,IACJ;AACA,WAAO,CAAC;AAAA,EACZ;AAEA,MAAI,SAAS,OAAO,UAAU,YAAY,CAAC,UAAU,eAAe,cAAc,aAAa,cAAc,EAAE,SAAS,IAAW,GAAG;AAClI,UAAM,OAAO,OAAO,KAAK,IAAI;AAC7B,QAAI,IAAS;AAAA,MACT,CAAC,GAAG,IAAI,OAAO,GAAG,QAAQ,QAAQ,aAAa;AAAA,IACnD;AACA,QAAI,CAAC,KAAK,SAAS,GAAG,IAAI,OAAO,GAAG;AAChC,QAAE,GAAG,IAAI,OAAO,IAAI;AAAA,IACxB;AACA,QAAI,CAAC,KAAK,SAAS,GAAG,IAAI,OAAO,GAAG;AAChC,QAAE,GAAG,IAAI,OAAO,IAAI;AAAA,IACxB;AACA,WAAO;AAAA,EACX;AACJ;AAEA,IAAO,mBAAQ;",
-  "names": []
+  "mappings": "AAEA,MAAMA,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,EAAO,OAAO,KAAKH,CAAI,EAC7B,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,IAAOC,EAAQR",
+  "names": ["getProps", "prop", "value", "_css", "important", "split", "keys", "p", "getProps_default"]
 }

package/esm/css/getValue.js

@@ -0,0 +1,2 @@
+const i=n=>({[`${n}`]:`var(--color-${n}-primary)`,[`${n}.primary`]:`var(--color-${n}-primary)`,[`${n}.secondary`]:`var(--color-${n}-secondary)`,[`${n}.text`]:`var(--color-${n}-text)`,[`${n}.alpha`]:`var(--color-${n}-alpha)`}),h=(n,t)=>n?t+n:t,e={text:"var(--color-text-primary)","text.primary":"var(--color-text-primary)","text.secondary":"var(--color-text-secondary)",background:"var(--color-background-primary)","background.primary":"var(--color-background-primary)","background.secondary":"var(--color-background-secondary)","background.alpha":"var(--color-background-alpha)",divider:"var(--color-divider)",...i("brand"),...i("accent"),...i("info"),...i("success"),...i("warning"),...i("danger")},o={xs:"var(--bp-xs)",sm:"var(--bp-sm)",md:"var(--bp-md)",lg:"var(--bp-lg)",xl:"var(--bp-xl)"};let s={h1:"var(--fontsize-h1)",h2:"var(--fontsize-h2)",h3:"var(--fontsize-h3)",h4:"var(--fontsize-h4)",h5:"var(--fontsize-h5)",h6:"var(--fontsize-h6)",text:"var(--fontsize-text)",button:"var(--fontsize-button)",small:"var(--fontsize-small)"},f={h1:"var(--lineheight-h1)",h2:"var(--lineheight-h2)",h3:"var(--lineheight-h3)",h4:"var(--lineheight-h4)",h5:"var(--lineheight-h5)",h6:"var(--lineheight-h6)",text:"var(--lineheight-text)",button:"var(--lineheight-button)",small:"var(--lineheight-small)"},l={h1:"var(--fontweight-h1)",h2:"var(--fontweight-h2)",h3:"var(--fontweight-h3)",h4:"var(--fontweight-h4)",h5:"var(--fontweight-h5)",h6:"var(--fontweight-h6)",text:"var(--fontweight-text)",button:"var(--fontweight-button)",small:"var(--fontweight-small)"},g={h1:"var(--font-h1)",h2:"var(--font-h2)",h3:"var(--font-h3)",h4:"var(--font-h4)",h5:"var(--font-h5)",h6:"var(--font-h6)",text:"var(--font-text)",button:"var(--font-button)",small:"var(--font-small)"};const d=(n,t,c)=>{let r;if(typeof t=="string"){const a=t.split("!");r=a[1]?"!important":"",t=a[0]}return["width","maxWidth","minWidth","max-width","min-width"].includes(n)?h(r,o[t]||t):["fontFamily","font-family"].includes(n)&&t==="default"?h(r,"var(--font-family)"):n==="font"&&typeof t=="string"&&["h1","h2","h3","h4","h5","h6","text","button","small"].includes(t)?h(r,g[t]||t):["fontWeight","font-weight"].includes(n)&&typeof t=="string"&&["h1","h2","h3","h4","h5","h6","text","button","small"].includes(t)?h(r,l[t]||t):["lineHeight","line-height"].includes(n)&&typeof t=="string"&&["h1","h2","h3","h4","h5","h6","text","button","small"].includes(t)?h(r,f[t]||t):["fontSize","font-size"].includes(n)&&typeof t=="string"?h(r,s[t]||t):typeof t=="number"&&["shadow","boxShadow"].includes(n)?h(r,`var(--shadow-${t})`):h(r,e[t]||t)};var v=d;export{v as default};
+//# sourceMappingURL=getValue.js.map