@xanui/core 1.1.3 → 1.1.6

package/cjs/theme/index.js.map

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

package/cjs/theme/types.js

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

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

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

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

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

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

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

@@ -1,7 +0,0 @@
-{
-  "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/css/aliases.d.ts

@@ -1,4 +0,0 @@
-import { OptionAliases } from 'oncss';
-import { Aliases } from './types';
-declare const aliases: OptionAliases<Aliases>;
-export default aliases;

package/css/types.js

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

package/css/types.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": [],
-  "sourcesContent": [],
-  "mappings": "",
-  "names": []
-}

package/theme/ThemeCssVars.d.ts

@@ -1,3 +0,0 @@
-import { ThemeOptions } from "./types";
-declare const ThemeCssVars: (theme: ThemeOptions) => any;
-export default ThemeCssVars;

package/theme/ThemeDefaultOptions.d.ts

@@ -1,68 +0,0 @@
-import { ThemeOptionInput, ThemeTypographyType } from './types';
-export declare const lightColorPallete: {
-    text: {
-        primary: string;
-        secondary: string;
-    };
-    background: {
-        primary: string;
-        secondary: string;
-    };
-    divider: string;
-};
-export declare const darkColorPallete: {
-    text: {
-        primary: string;
-        secondary: string;
-    };
-    background: {
-        primary: string;
-        secondary: string;
-    };
-    divider: string;
-};
-export declare const ThemeColors: {
-    brand: {
-        primary: string;
-        secondary: string;
-        text: string;
-    };
-    accent: {
-        primary: string;
-        secondary: string;
-        text: string;
-    };
-    info: {
-        primary: string;
-        secondary: string;
-        text: string;
-    };
-    success: {
-        primary: string;
-        secondary: string;
-        text: string;
-    };
-    warning: {
-        primary: string;
-        secondary: string;
-        text: string;
-    };
-    danger: {
-        primary: string;
-        secondary: string;
-        text: string;
-    };
-    text: {
-        primary: string;
-        secondary: string;
-    };
-    background: {
-        primary: string;
-        secondary: string;
-    };
-    divider: string;
-};
-export declare const ThemeTypography: ThemeTypographyType;
-export declare const shadow: string[];
-declare const _default: ThemeOptionInput;
-export default _default;

package/theme/createColor.d.ts

@@ -1,41 +0,0 @@
-import { ThemeOptions, ThemeColor } from "./types";
-declare const createColor: (theme: ThemeOptions, name: keyof ThemeColor) => {
-    alpha: string;
-    template: {
-        outline: {
-            bgcolor: string;
-            color: any;
-            border: number;
-            borderColor: any;
-            hover: {
-                color: any;
-                borderColor: any;
-            };
-        };
-        fill: {
-            bgcolor: any;
-            color: any;
-            hover: {
-                bgcolor: any;
-                color: any;
-            };
-        };
-        text: {
-            bgcolor: string;
-            color: any;
-            hover: {
-                bgcolor: any;
-                color: any;
-            };
-        };
-        alpha: {
-            bgcolor: any;
-            color: any;
-            hover: {
-                bgcolor: any;
-                color: any;
-            };
-        };
-    };
-};
-export default createColor;

package/theme/createTheme.d.ts

@@ -1,2 +0,0 @@
-import { ThemeOptions, ThemeOptionInput } from "./types";
-export declare const createTheme: (name: string, options: ThemeOptionInput, darkMode?: boolean) => ThemeOptions;

package/theme/index.d.ts

@@ -1,5 +0,0 @@
-import ThemeProvider from './ThemeProvider';
-import createThemeSwitcher from './createThemeSwitcher';
-import { getTheme, useTheme } from './core';
-export type { ThemeProviderProps } from './ThemeProvider';
-export { ThemeProvider, createThemeSwitcher, getTheme, useTheme };

package/theme/types.js

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

package/theme/types.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": [],
-  "sourcesContent": [],
-  "mappings": "",
-  "names": []
-}