@xanui/core 1.2.8 → 1.2.10

package/breakpoint/useBreakpointProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useBreakpointProps.js","sources":["../../src/breakpoint/useBreakpointProps.ts"],"sourcesContent":["import React, { isValidElement } from \"react\"\r\nimport useBreakpoint from \"./useBreakpoint\"\r\nimport { BreakpointKeys } from \"../css/types\"\r\n\r\nexport type useBreakpointPropsType<P> = P | {\r\n   [key in BreakpointKeys]?: P\r\n}\r\n\r\nconst useBreakpoinProps = <P extends object>(props: useBreakpointPropsType<P>): useBreakpointPropsType<P> => {\r\n   const bpoint = useBreakpoint()\r\n   const stringifiedElement = JSON.stringify(props, (key, value) => {\r\n      if (key === '_owner' || key === '_store') {\r\n         return undefined; // Skip circular references\r\n      }\r\n      return value;\r\n   }, 2);\r\n\r\n   let format: any = React.useMemo(() => {\r\n\r\n      const _format: any = {\r\n         xs: {},\r\n         sm: {},\r\n         md: {},\r\n         lg: {},\r\n         xl: {}\r\n      }\r\n      for (let prop in props) {\r\n         let val = (props as any)[prop]\r\n         if (!isValidElement(val) && typeof val === 'object') {\r\n            for (let breakpoin in val) {\r\n               _format[breakpoin][prop] = (props as any)[prop][breakpoin]\r\n            }\r\n         } else {\r\n            _format.xs[prop] = (props as any)[prop]\r\n         }\r\n      }\r\n\r\n      return _format\r\n   }, [stringifiedElement, bpoint.value])\r\n\r\n   return React.useMemo(() => {\r\n      let _props = format.xs || {};\r\n      for (let key of ['sm', 'md', 'lg', 'xl']) {\r\n         if (bpoint.isOrDown(key as any)) {\r\n            _props = { ..._props, ...format[key] };\r\n         }\r\n         if (bpoint.is(key as any)) {\r\n            break;\r\n         }\r\n      }\r\n      return _props;\r\n   }, [format, bpoint.value]);\r\n}\r\n\r\n\r\n\r\nexport default useBreakpoinProps"],"names":["useBreakpoint","isValidElement"],"mappings":"6IAQA,MAAM,iBAAiB,GAAG,CAAmB,KAAgC,KAA+B;AACzG,IAAA,MAAM,MAAM,GAAGA,qBAAa,EAAE;AAC9B,IAAA,MAAM,kBAAkB,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,GAAG,EAAE,KAAK,KAAI;QAC7D,IAAI,GAAG,KAAK,QAAQ,IAAI,GAAG,KAAK,QAAQ,EAAE;YACvC,OAAO,SAAS,CAAC;QACpB;AACA,QAAA,OAAO,KAAK;IACf,CAAC,EAAE,CAAC,CAAC;AAEL,IAAA,IAAI,MAAM,GAAQ,KAAK,CAAC,OAAO,CAAC,MAAK;AAElC,QAAA,MAAM,OAAO,GAAQ;AAClB,YAAA,EAAE,EAAE,EAAE;AACN,YAAA,EAAE,EAAE,EAAE;AACN,YAAA,EAAE,EAAE,EAAE;AACN,YAAA,EAAE,EAAE,EAAE;AACN,YAAA,EAAE,EAAE;SACN;AACD,QAAA,KAAK,IAAI,IAAI,IAAI,KAAK,EAAE;AACrB,YAAA,IAAI,GAAG,GAAI,KAAa,CAAC,IAAI,CAAC;YAC9B,IAAI,CAACC,oBAAc,CAAC,GAAG,CAAC,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;AAClD,gBAAA,KAAK,IAAI,SAAS,IAAI,GAAG,EAAE;AACxB,oBAAA,OAAO,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,GAAI,KAAa,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC;gBAC7D;YACH;iBAAO;gBACJ,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,GAAI,KAAa,CAAC,IAAI,CAAC;YAC1C;QACH;AAEA,QAAA,OAAO,OAAO;IACjB,CAAC,EAAE,CAAC,kBAAkB,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;AAEtC,IAAA,OAAO,KAAK,CAAC,OAAO,CAAC,MAAK;AACvB,QAAA,IAAI,MAAM,GAAG,MAAM,CAAC,EAAE,IAAI,EAAE;AAC5B,QAAA,KAAK,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE;AACvC,YAAA,IAAI,MAAM,CAAC,QAAQ,CAAC,GAAU,CAAC,EAAE;gBAC9B,MAAM,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAQ,MAAM,CAAA,EAAK,MAAM,CAAC,GAAG,CAAC,CAAE;YACzC;AACA,YAAA,IAAI,MAAM,CAAC,EAAE,CAAC,GAAU,CAAC,EAAE;gBACxB;YACH;QACH;AACA,QAAA,OAAO,MAAM;IAChB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;AAC7B"}
+{"version":3,"file":"useBreakpointProps.js","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"],"names":["useBreakpoint","isValidElement"],"mappings":"6IAQA,MAAM,iBAAiB,GAAG,CAAmB,KAAgC,KAA+B;AACzG,IAAA,MAAM,MAAM,GAAGA,qBAAa,EAAE;AAC9B,IAAA,MAAM,kBAAkB,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,GAAG,EAAE,KAAK,KAAI;QAC7D,IAAI,GAAG,KAAK,QAAQ,IAAI,GAAG,KAAK,QAAQ,EAAE;YACvC,OAAO,SAAS,CAAC;QACpB;AACA,QAAA,OAAO,KAAK;IACf,CAAC,EAAE,CAAC,CAAC;AAEL,IAAA,IAAI,MAAM,GAAQ,KAAK,CAAC,OAAO,CAAC,MAAK;AAElC,QAAA,MAAM,OAAO,GAAQ;AAClB,YAAA,EAAE,EAAE,EAAE;AACN,YAAA,EAAE,EAAE,EAAE;AACN,YAAA,EAAE,EAAE,EAAE;AACN,YAAA,EAAE,EAAE,EAAE;AACN,YAAA,EAAE,EAAE;SACN;AACD,QAAA,KAAK,IAAI,IAAI,IAAI,KAAK,EAAE;AACrB,YAAA,IAAI,GAAG,GAAI,KAAa,CAAC,IAAI,CAAC;YAC9B,IAAI,CAACC,oBAAc,CAAC,GAAG,CAAC,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;AAClD,gBAAA,KAAK,IAAI,SAAS,IAAI,GAAG,EAAE;AACxB,oBAAA,OAAO,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,GAAI,KAAa,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC;gBAC7D;YACH;iBAAO;gBACJ,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,GAAI,KAAa,CAAC,IAAI,CAAC;YAC1C;QACH;AAEA,QAAA,OAAO,OAAO;IACjB,CAAC,EAAE,CAAC,kBAAkB,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;AAEtC,IAAA,OAAO,KAAK,CAAC,OAAO,CAAC,MAAK;AACvB,QAAA,IAAI,MAAM,GAAG,MAAM,CAAC,EAAE,IAAI,EAAE;AAC5B,QAAA,KAAK,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE;AACvC,YAAA,IAAI,MAAM,CAAC,QAAQ,CAAC,GAAU,CAAC,EAAE;gBAC9B,MAAM,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAQ,MAAM,CAAA,EAAK,MAAM,CAAC,GAAG,CAAC,CAAE;YACzC;AACA,YAAA,IAAI,MAAM,CAAC,EAAE,CAAC,GAAU,CAAC,EAAE;gBACxB;YACH;QACH;AACA,QAAA,OAAO,MAAM;IAChB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;AAC7B"}

package/breakpoint/useBreakpointProps.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useBreakpointProps.mjs","sources":["../../src/breakpoint/useBreakpointProps.ts"],"sourcesContent":["import React, { isValidElement } from \"react\"\r\nimport useBreakpoint from \"./useBreakpoint\"\r\nimport { BreakpointKeys } from \"../css/types\"\r\n\r\nexport type useBreakpointPropsType<P> = P | {\r\n   [key in BreakpointKeys]?: P\r\n}\r\n\r\nconst useBreakpoinProps = <P extends object>(props: useBreakpointPropsType<P>): useBreakpointPropsType<P> => {\r\n   const bpoint = useBreakpoint()\r\n   const stringifiedElement = JSON.stringify(props, (key, value) => {\r\n      if (key === '_owner' || key === '_store') {\r\n         return undefined; // Skip circular references\r\n      }\r\n      return value;\r\n   }, 2);\r\n\r\n   let format: any = React.useMemo(() => {\r\n\r\n      const _format: any = {\r\n         xs: {},\r\n         sm: {},\r\n         md: {},\r\n         lg: {},\r\n         xl: {}\r\n      }\r\n      for (let prop in props) {\r\n         let val = (props as any)[prop]\r\n         if (!isValidElement(val) && typeof val === 'object') {\r\n            for (let breakpoin in val) {\r\n               _format[breakpoin][prop] = (props as any)[prop][breakpoin]\r\n            }\r\n         } else {\r\n            _format.xs[prop] = (props as any)[prop]\r\n         }\r\n      }\r\n\r\n      return _format\r\n   }, [stringifiedElement, bpoint.value])\r\n\r\n   return React.useMemo(() => {\r\n      let _props = format.xs || {};\r\n      for (let key of ['sm', 'md', 'lg', 'xl']) {\r\n         if (bpoint.isOrDown(key as any)) {\r\n            _props = { ..._props, ...format[key] };\r\n         }\r\n         if (bpoint.is(key as any)) {\r\n            break;\r\n         }\r\n      }\r\n      return _props;\r\n   }, [format, bpoint.value]);\r\n}\r\n\r\n\r\n\r\nexport default useBreakpoinProps"],"names":["React"],"mappings":"iGAQA,MAAM,iBAAiB,GAAG,CAAmB,KAAgC,KAA+B;AACzG,IAAA,MAAM,MAAM,GAAG,aAAa,EAAE;AAC9B,IAAA,MAAM,kBAAkB,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,GAAG,EAAE,KAAK,KAAI;QAC7D,IAAI,GAAG,KAAK,QAAQ,IAAI,GAAG,KAAK,QAAQ,EAAE;YACvC,OAAO,SAAS,CAAC;QACpB;AACA,QAAA,OAAO,KAAK;IACf,CAAC,EAAE,CAAC,CAAC;AAEL,IAAA,IAAI,MAAM,GAAQA,cAAK,CAAC,OAAO,CAAC,MAAK;AAElC,QAAA,MAAM,OAAO,GAAQ;AAClB,YAAA,EAAE,EAAE,EAAE;AACN,YAAA,EAAE,EAAE,EAAE;AACN,YAAA,EAAE,EAAE,EAAE;AACN,YAAA,EAAE,EAAE,EAAE;AACN,YAAA,EAAE,EAAE;SACN;AACD,QAAA,KAAK,IAAI,IAAI,IAAI,KAAK,EAAE;AACrB,YAAA,IAAI,GAAG,GAAI,KAAa,CAAC,IAAI,CAAC;YAC9B,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;AAClD,gBAAA,KAAK,IAAI,SAAS,IAAI,GAAG,EAAE;AACxB,oBAAA,OAAO,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,GAAI,KAAa,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC;gBAC7D;YACH;iBAAO;gBACJ,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,GAAI,KAAa,CAAC,IAAI,CAAC;YAC1C;QACH;AAEA,QAAA,OAAO,OAAO;IACjB,CAAC,EAAE,CAAC,kBAAkB,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;AAEtC,IAAA,OAAOA,cAAK,CAAC,OAAO,CAAC,MAAK;AACvB,QAAA,IAAI,MAAM,GAAG,MAAM,CAAC,EAAE,IAAI,EAAE;AAC5B,QAAA,KAAK,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE;AACvC,YAAA,IAAI,MAAM,CAAC,QAAQ,CAAC,GAAU,CAAC,EAAE;gBAC9B,MAAM,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAQ,MAAM,CAAA,EAAK,MAAM,CAAC,GAAG,CAAC,CAAE;YACzC;AACA,YAAA,IAAI,MAAM,CAAC,EAAE,CAAC,GAAU,CAAC,EAAE;gBACxB;YACH;QACH;AACA,QAAA,OAAO,MAAM;IAChB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;AAC7B"}
+{"version":3,"file":"useBreakpointProps.mjs","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"],"names":["React"],"mappings":"iGAQA,MAAM,iBAAiB,GAAG,CAAmB,KAAgC,KAA+B;AACzG,IAAA,MAAM,MAAM,GAAG,aAAa,EAAE;AAC9B,IAAA,MAAM,kBAAkB,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,GAAG,EAAE,KAAK,KAAI;QAC7D,IAAI,GAAG,KAAK,QAAQ,IAAI,GAAG,KAAK,QAAQ,EAAE;YACvC,OAAO,SAAS,CAAC;QACpB;AACA,QAAA,OAAO,KAAK;IACf,CAAC,EAAE,CAAC,CAAC;AAEL,IAAA,IAAI,MAAM,GAAQA,cAAK,CAAC,OAAO,CAAC,MAAK;AAElC,QAAA,MAAM,OAAO,GAAQ;AAClB,YAAA,EAAE,EAAE,EAAE;AACN,YAAA,EAAE,EAAE,EAAE;AACN,YAAA,EAAE,EAAE,EAAE;AACN,YAAA,EAAE,EAAE,EAAE;AACN,YAAA,EAAE,EAAE;SACN;AACD,QAAA,KAAK,IAAI,IAAI,IAAI,KAAK,EAAE;AACrB,YAAA,IAAI,GAAG,GAAI,KAAa,CAAC,IAAI,CAAC;YAC9B,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;AAClD,gBAAA,KAAK,IAAI,SAAS,IAAI,GAAG,EAAE;AACxB,oBAAA,OAAO,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,GAAI,KAAa,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC;gBAC7D;YACH;iBAAO;gBACJ,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,GAAI,KAAa,CAAC,IAAI,CAAC;YAC1C;QACH;AAEA,QAAA,OAAO,OAAO;IACjB,CAAC,EAAE,CAAC,kBAAkB,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;AAEtC,IAAA,OAAOA,cAAK,CAAC,OAAO,CAAC,MAAK;AACvB,QAAA,IAAI,MAAM,GAAG,MAAM,CAAC,EAAE,IAAI,EAAE;AAC5B,QAAA,KAAK,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE;AACvC,YAAA,IAAI,MAAM,CAAC,QAAQ,CAAC,GAAU,CAAC,EAAE;gBAC9B,MAAM,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAQ,MAAM,CAAA,EAAK,MAAM,CAAC,GAAG,CAAC,CAAE;YACzC;AACA,YAAA,IAAI,MAAM,CAAC,EAAE,CAAC,GAAU,CAAC,EAAE;gBACxB;YACH;QACH;AACA,QAAA,OAAO,MAAM;IAChB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;AAC7B"}

package/css/aliases.js.map

@@ -1 +1 @@
-{"version":3,"file":"aliases.js","sources":["../../src/css/aliases.ts"],"sourcesContent":["import { OptionAliases } from 'oncss'\r\nimport { Aliases } from './types'\r\n\r\nconst isStr = (v: any, or: any) => typeof v === 'string' ? v : or\r\n\r\nconst aliases: OptionAliases<Aliases> = {\r\n   bgcolor: (v) => ({ backgroundColor: v }),\r\n   bgimage: (v) => ({ backgroundImage: `url(${v})`, backgroundSize: \"cover\", backgroundRepeat: \"no-repeat\" }),\r\n   bg: (v) => ({ background: v }),\r\n   p: (v) => ({ padding: isStr(v, 8 * v) }),\r\n   pt: (v) => ({ paddingTop: isStr(v, 8 * v) }),\r\n   pr: (v) => ({ paddingRight: isStr(v, 8 * v) }),\r\n   pb: (v) => ({ paddingBottom: isStr(v, 8 * v) }),\r\n   pl: (v) => ({ paddingLeft: isStr(v, 8 * v) }),\r\n   px: (v) => ({ paddingLeft: isStr(v, 8 * v), paddingRight: isStr(v, 8 * v) }),\r\n   py: (v) => ({ paddingTop: isStr(v, 8 * v), paddingBottom: isStr(v, 8 * v) }),\r\n   m: (v) => ({ margin: isStr(v, 8 * v) }),\r\n   mt: (v) => ({ marginTop: isStr(v, 8 * v) }),\r\n   mr: (v) => ({ marginRight: isStr(v, 8 * v) }),\r\n   mb: (v) => ({ marginBottom: isStr(v, 8 * v) }),\r\n   ml: (v) => ({ marginLeft: isStr(v, 8 * v) }),\r\n   mx: (v) => ({ marginLeft: isStr(v, 8 * v), marginRight: isStr(v, 8 * v) }),\r\n   my: (v) => ({ marginTop: isStr(v, 8 * v), marginBottom: isStr(v, 8 * v) }),\r\n   radius: (v) => ({ borderRadius: isStr(v, 8 * v) }),\r\n   borderRadius: (v) => ({ borderRadius: isStr(v, 8 * v) }),\r\n   shadow: (v) => ({ boxShadow: v }),\r\n   flexBox: (v) => (v ? { display: \"flex\" } : {}),\r\n   flexRow: (v) => (v ? { flexDirection: \"row\" } : {}),\r\n   flexColumn: (v) => (v ? { flexDirection: \"column\" } : {}),\r\n   flexWraped: (v) => (v ? { flexWrap: \"wrap\" } : {}),\r\n   direction: (v) => (v === 'row' || v === 'column' ? { flexDirection: v } : { direction: v }),\r\n   gap: (v) => ({ gap: isStr(v, 8 * v) }),\r\n};\r\n\r\nexport default aliases"],"names":[],"mappings":"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"}
+{"version":3,"file":"aliases.js","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"],"names":[],"mappings":"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"}

package/css/aliases.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"aliases.mjs","sources":["../../src/css/aliases.ts"],"sourcesContent":["import { OptionAliases } from 'oncss'\r\nimport { Aliases } from './types'\r\n\r\nconst isStr = (v: any, or: any) => typeof v === 'string' ? v : or\r\n\r\nconst aliases: OptionAliases<Aliases> = {\r\n   bgcolor: (v) => ({ backgroundColor: v }),\r\n   bgimage: (v) => ({ backgroundImage: `url(${v})`, backgroundSize: \"cover\", backgroundRepeat: \"no-repeat\" }),\r\n   bg: (v) => ({ background: v }),\r\n   p: (v) => ({ padding: isStr(v, 8 * v) }),\r\n   pt: (v) => ({ paddingTop: isStr(v, 8 * v) }),\r\n   pr: (v) => ({ paddingRight: isStr(v, 8 * v) }),\r\n   pb: (v) => ({ paddingBottom: isStr(v, 8 * v) }),\r\n   pl: (v) => ({ paddingLeft: isStr(v, 8 * v) }),\r\n   px: (v) => ({ paddingLeft: isStr(v, 8 * v), paddingRight: isStr(v, 8 * v) }),\r\n   py: (v) => ({ paddingTop: isStr(v, 8 * v), paddingBottom: isStr(v, 8 * v) }),\r\n   m: (v) => ({ margin: isStr(v, 8 * v) }),\r\n   mt: (v) => ({ marginTop: isStr(v, 8 * v) }),\r\n   mr: (v) => ({ marginRight: isStr(v, 8 * v) }),\r\n   mb: (v) => ({ marginBottom: isStr(v, 8 * v) }),\r\n   ml: (v) => ({ marginLeft: isStr(v, 8 * v) }),\r\n   mx: (v) => ({ marginLeft: isStr(v, 8 * v), marginRight: isStr(v, 8 * v) }),\r\n   my: (v) => ({ marginTop: isStr(v, 8 * v), marginBottom: isStr(v, 8 * v) }),\r\n   radius: (v) => ({ borderRadius: isStr(v, 8 * v) }),\r\n   borderRadius: (v) => ({ borderRadius: isStr(v, 8 * v) }),\r\n   shadow: (v) => ({ boxShadow: v }),\r\n   flexBox: (v) => (v ? { display: \"flex\" } : {}),\r\n   flexRow: (v) => (v ? { flexDirection: \"row\" } : {}),\r\n   flexColumn: (v) => (v ? { flexDirection: \"column\" } : {}),\r\n   flexWraped: (v) => (v ? { flexWrap: \"wrap\" } : {}),\r\n   direction: (v) => (v === 'row' || v === 'column' ? { flexDirection: v } : { direction: v }),\r\n   gap: (v) => ({ gap: isStr(v, 8 * v) }),\r\n};\r\n\r\nexport default aliases"],"names":[],"mappings":"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"}
+{"version":3,"file":"aliases.mjs","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"],"names":[],"mappings":"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"}

package/css/getProps.js

@@ -11,26 +11,12 @@
                 pointerEvents: "none!important",
                 cursor: "default!important",
                 userSelect: "none!important",
+                opacity: "0.5!important",
+                color: `text.primary!important`,
+                borderColor: `divider.secondary!important`,
             };
-            let bgcolor = _css.bgcolor;
-            let colorname = "";
-            let names = ["brand", "accent", "success", "info", "warning", "danger", "common"];
-            if (bgcolor) {
-                const split = bgcolor.split(".");
-                if (names.includes(split[0])) {
-                    colorname = split[0];
-                }
-            }
-            else if (_css.color) {
-                const split = _css.color.split(".");
-                if (names.includes(split[0])) {
-                    colorname = split[0];
-                }
-            }
-            if (colorname) {
-                c.bgcolor = `${colorname}.lighter!important`;
-                c.color = `${colorname}.subtext!important`;
-                c.borderColor = `${colorname}.lighter!important`;
+            if (_css.bgcolor && _css.bgcolor !== 'transparent') {
+                c.bgcolor = `divider.primary!important`;
             }
             return c;
         }
@@ -60,13 +46,13 @@
     if (value && typeof value === "number" && ["border", "borderRight", "borderLeft", "borderTop", "borderBottom"].includes(prop)) {
         const keys = Object.keys(_css);
         let p = {
-            [`${prop}Width`]: value + 'px' + (important || ""),
+            [`borderWidth`]: value + 'px' + (important || ""),
         };
-        if (!keys.includes(`${prop}Color`)) {
-            p[`${prop}Color`] = "common.dark";
+        if (!keys.includes(`borderColor`)) {
+            p[`borderColor`] = "divider.primary";
         }
-        if (!keys.includes(`${prop}Style`)) {
-            p[`${prop}Style`] = "solid";
+        if (!keys.includes(`borderStyle`)) {
+            p[`borderStyle`] = "solid";
         }
         return p;
     }

package/css/getProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"getProps.js","sources":["../../src/css/getProps.ts"],"sourcesContent":["import { CSSProps } from \"./types\";\r\n\r\nconst getProps = (prop: string, value: string, _css: CSSProps) => {\r\n    let important;\r\n    if (typeof value === 'string') {\r\n        const split = value.split(\"!\")\r\n        important = split[1] ? \"!important\" : \"\"\r\n        value = split[0]\r\n    }\r\n\r\n    if (prop === 'disabled') {\r\n        if ((value as any) === true) {\r\n            let c: any = {\r\n                pointerEvents: \"none!important\",\r\n                cursor: \"default!important\",\r\n                userSelect: \"none!important\",\r\n            }\r\n\r\n            let bgcolor = (_css as any).bgcolor\r\n            let colorname = \"\"\r\n            let names = [\"brand\", \"accent\", \"success\", \"info\", \"warning\", \"danger\", \"common\"]\r\n\r\n            if (bgcolor) {\r\n                const split = bgcolor.split(\".\")\r\n\r\n                if (names.includes(split[0])) {\r\n                    colorname = split[0]\r\n                }\r\n            } else if ((_css as any).color) {\r\n                const split = (_css as any).color.split(\".\")\r\n                if (names.includes(split[0])) {\r\n                    colorname = split[0]\r\n                }\r\n            }\r\n\r\n            if (colorname) {\r\n                c.bgcolor = `${colorname}.lighter!important`\r\n                c.color = `${colorname}.subtext!important`\r\n                c.borderColor = `${colorname}.lighter!important`\r\n            }\r\n\r\n\r\n            return c\r\n        }\r\n        return {}\r\n    }\r\n\r\n\r\n    if (prop === \"spacing\" && typeof value === \"number\") {\r\n        const val = value * 8;\r\n        const isFlex =\r\n            (_css as any)?.flexBox ||\r\n            (_css as any)?.flexRow ||\r\n            (_css as any)?.flexColumn ||\r\n            (_css as any)?.display === \"flex\";\r\n\r\n        if (isFlex) {\r\n            const isColumn = (_css as any)?.flexColumn === true;\r\n\r\n            return {\r\n                ...(isColumn\r\n                    ? { marginTop: `-${val}px${important || \"\"}` }\r\n                    : { marginLeft: `-${val}px${important || \"\"}` }),\r\n\r\n                \"& > *\": isColumn\r\n                    ? { marginTop: `${val}px${important || \"\"}` }\r\n                    : { marginLeft: `${val}px${important || \"\"}` },\r\n            } as any;\r\n        }\r\n\r\n        // non-flex fallback (safe & predictable)\r\n        return {\r\n            \"& > * + *\": {\r\n                marginTop: `${val}px${important || \"\"}`,\r\n            },\r\n        } as any;\r\n    }\r\n\r\n\r\n    if (value && typeof value === \"number\" && [\"border\", \"borderRight\", \"borderLeft\", \"borderTop\", \"borderBottom\"].includes(prop as any)) {\r\n        const keys: any = Object.keys(_css)\r\n        let p: any = {\r\n            [`${prop}Width`]: value + 'px' + (important || \"\"),\r\n        }\r\n        if (!keys.includes(`${prop}Color`)) {\r\n            p[`${prop}Color`] = \"common.dark\"\r\n        }\r\n        if (!keys.includes(`${prop}Style`)) {\r\n            p[`${prop}Style`] = \"solid\"\r\n        }\r\n        return p\r\n    }\r\n}\r\n\r\nexport default getProps"],"names":[],"mappings":"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"}
+{"version":3,"file":"getProps.js","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            let c: any = {\n                pointerEvents: \"none!important\",\n                cursor: \"default!important\",\n                userSelect: \"none!important\",\n                opacity: \"0.5!important\",\n                color: `text.primary!important`,\n                borderColor: `divider.secondary!important`,\n            }\n\n            if ((_css as any).bgcolor && (_css as any).bgcolor !== 'transparent') {\n                c.bgcolor = `divider.primary!important`\n            }\n            return c\n        }\n        return {}\n    }\n\n\n    if (prop === \"spacing\" && typeof value === \"number\") {\n        const val = value * 8;\n        const isFlex =\n            (_css as any)?.flexBox ||\n            (_css as any)?.flexRow ||\n            (_css as any)?.flexColumn ||\n            (_css as any)?.display === \"flex\";\n\n        if (isFlex) {\n            const isColumn = (_css as any)?.flexColumn === true;\n\n            return {\n                ...(isColumn\n                    ? { marginTop: `-${val}px${important || \"\"}` }\n                    : { marginLeft: `-${val}px${important || \"\"}` }),\n\n                \"& > *\": isColumn\n                    ? { marginTop: `${val}px${important || \"\"}` }\n                    : { marginLeft: `${val}px${important || \"\"}` },\n            } as any;\n        }\n\n        // non-flex fallback (safe & predictable)\n        return {\n            \"& > * + *\": {\n                marginTop: `${val}px${important || \"\"}`,\n            },\n        } as any;\n    }\n\n\n    if (value && typeof value === \"number\" && [\"border\", \"borderRight\", \"borderLeft\", \"borderTop\", \"borderBottom\"].includes(prop as any)) {\n        const keys: any = Object.keys(_css)\n        let p: any = {\n            [`borderWidth`]: value + 'px' + (important || \"\"),\n        }\n        if (!keys.includes(`borderColor`)) {\n            p[`borderColor`] = \"divider.primary\"\n        }\n        if (!keys.includes(`borderStyle`)) {\n            p[`borderStyle`] = \"solid\"\n        }\n        return p\n    }\n}\n\nexport default getProps"],"names":[],"mappings":"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"}

package/css/getProps.mjs

@@ -11,26 +11,12 @@ const getProps = (prop, value, _css) => {
                 pointerEvents: "none!important",
                 cursor: "default!important",
                 userSelect: "none!important",
+                opacity: "0.5!important",
+                color: `text.primary!important`,
+                borderColor: `divider.secondary!important`,
             };
-            let bgcolor = _css.bgcolor;
-            let colorname = "";
-            let names = ["brand", "accent", "success", "info", "warning", "danger", "common"];
-            if (bgcolor) {
-                const split = bgcolor.split(".");
-                if (names.includes(split[0])) {
-                    colorname = split[0];
-                }
-            }
-            else if (_css.color) {
-                const split = _css.color.split(".");
-                if (names.includes(split[0])) {
-                    colorname = split[0];
-                }
-            }
-            if (colorname) {
-                c.bgcolor = `${colorname}.lighter!important`;
-                c.color = `${colorname}.subtext!important`;
-                c.borderColor = `${colorname}.lighter!important`;
+            if (_css.bgcolor && _css.bgcolor !== 'transparent') {
+                c.bgcolor = `divider.primary!important`;
             }
             return c;
         }
@@ -60,13 +46,13 @@ const getProps = (prop, value, _css) => {
     if (value && typeof value === "number" && ["border", "borderRight", "borderLeft", "borderTop", "borderBottom"].includes(prop)) {
         const keys = Object.keys(_css);
         let p = {
-            [`${prop}Width`]: value + 'px' + (important || ""),
+            [`borderWidth`]: value + 'px' + (important || ""),
         };
-        if (!keys.includes(`${prop}Color`)) {
-            p[`${prop}Color`] = "common.dark";
+        if (!keys.includes(`borderColor`)) {
+            p[`borderColor`] = "divider.primary";
         }
-        if (!keys.includes(`${prop}Style`)) {
-            p[`${prop}Style`] = "solid";
+        if (!keys.includes(`borderStyle`)) {
+            p[`borderStyle`] = "solid";
         }
         return p;
     }

package/css/getProps.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"getProps.mjs","sources":["../../src/css/getProps.ts"],"sourcesContent":["import { CSSProps } from \"./types\";\r\n\r\nconst getProps = (prop: string, value: string, _css: CSSProps) => {\r\n    let important;\r\n    if (typeof value === 'string') {\r\n        const split = value.split(\"!\")\r\n        important = split[1] ? \"!important\" : \"\"\r\n        value = split[0]\r\n    }\r\n\r\n    if (prop === 'disabled') {\r\n        if ((value as any) === true) {\r\n            let c: any = {\r\n                pointerEvents: \"none!important\",\r\n                cursor: \"default!important\",\r\n                userSelect: \"none!important\",\r\n            }\r\n\r\n            let bgcolor = (_css as any).bgcolor\r\n            let colorname = \"\"\r\n            let names = [\"brand\", \"accent\", \"success\", \"info\", \"warning\", \"danger\", \"common\"]\r\n\r\n            if (bgcolor) {\r\n                const split = bgcolor.split(\".\")\r\n\r\n                if (names.includes(split[0])) {\r\n                    colorname = split[0]\r\n                }\r\n            } else if ((_css as any).color) {\r\n                const split = (_css as any).color.split(\".\")\r\n                if (names.includes(split[0])) {\r\n                    colorname = split[0]\r\n                }\r\n            }\r\n\r\n            if (colorname) {\r\n                c.bgcolor = `${colorname}.lighter!important`\r\n                c.color = `${colorname}.subtext!important`\r\n                c.borderColor = `${colorname}.lighter!important`\r\n            }\r\n\r\n\r\n            return c\r\n        }\r\n        return {}\r\n    }\r\n\r\n\r\n    if (prop === \"spacing\" && typeof value === \"number\") {\r\n        const val = value * 8;\r\n        const isFlex =\r\n            (_css as any)?.flexBox ||\r\n            (_css as any)?.flexRow ||\r\n            (_css as any)?.flexColumn ||\r\n            (_css as any)?.display === \"flex\";\r\n\r\n        if (isFlex) {\r\n            const isColumn = (_css as any)?.flexColumn === true;\r\n\r\n            return {\r\n                ...(isColumn\r\n                    ? { marginTop: `-${val}px${important || \"\"}` }\r\n                    : { marginLeft: `-${val}px${important || \"\"}` }),\r\n\r\n                \"& > *\": isColumn\r\n                    ? { marginTop: `${val}px${important || \"\"}` }\r\n                    : { marginLeft: `${val}px${important || \"\"}` },\r\n            } as any;\r\n        }\r\n\r\n        // non-flex fallback (safe & predictable)\r\n        return {\r\n            \"& > * + *\": {\r\n                marginTop: `${val}px${important || \"\"}`,\r\n            },\r\n        } as any;\r\n    }\r\n\r\n\r\n    if (value && typeof value === \"number\" && [\"border\", \"borderRight\", \"borderLeft\", \"borderTop\", \"borderBottom\"].includes(prop as any)) {\r\n        const keys: any = Object.keys(_css)\r\n        let p: any = {\r\n            [`${prop}Width`]: value + 'px' + (important || \"\"),\r\n        }\r\n        if (!keys.includes(`${prop}Color`)) {\r\n            p[`${prop}Color`] = \"common.dark\"\r\n        }\r\n        if (!keys.includes(`${prop}Style`)) {\r\n            p[`${prop}Style`] = \"solid\"\r\n        }\r\n        return p\r\n    }\r\n}\r\n\r\nexport default getProps"],"names":[],"mappings":"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"}
+{"version":3,"file":"getProps.mjs","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            let c: any = {\n                pointerEvents: \"none!important\",\n                cursor: \"default!important\",\n                userSelect: \"none!important\",\n                opacity: \"0.5!important\",\n                color: `text.primary!important`,\n                borderColor: `divider.secondary!important`,\n            }\n\n            if ((_css as any).bgcolor && (_css as any).bgcolor !== 'transparent') {\n                c.bgcolor = `divider.primary!important`\n            }\n            return c\n        }\n        return {}\n    }\n\n\n    if (prop === \"spacing\" && typeof value === \"number\") {\n        const val = value * 8;\n        const isFlex =\n            (_css as any)?.flexBox ||\n            (_css as any)?.flexRow ||\n            (_css as any)?.flexColumn ||\n            (_css as any)?.display === \"flex\";\n\n        if (isFlex) {\n            const isColumn = (_css as any)?.flexColumn === true;\n\n            return {\n                ...(isColumn\n                    ? { marginTop: `-${val}px${important || \"\"}` }\n                    : { marginLeft: `-${val}px${important || \"\"}` }),\n\n                \"& > *\": isColumn\n                    ? { marginTop: `${val}px${important || \"\"}` }\n                    : { marginLeft: `${val}px${important || \"\"}` },\n            } as any;\n        }\n\n        // non-flex fallback (safe & predictable)\n        return {\n            \"& > * + *\": {\n                marginTop: `${val}px${important || \"\"}`,\n            },\n        } as any;\n    }\n\n\n    if (value && typeof value === \"number\" && [\"border\", \"borderRight\", \"borderLeft\", \"borderTop\", \"borderBottom\"].includes(prop as any)) {\n        const keys: any = Object.keys(_css)\n        let p: any = {\n            [`borderWidth`]: value + 'px' + (important || \"\"),\n        }\n        if (!keys.includes(`borderColor`)) {\n            p[`borderColor`] = \"divider.primary\"\n        }\n        if (!keys.includes(`borderStyle`)) {\n            p[`borderStyle`] = \"solid\"\n        }\n        return p\n    }\n}\n\nexport default getProps"],"names":[],"mappings":"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"}

package/css/getValue.js

@@ -1,19 +1,18 @@
-'use strict';Object.defineProperty(exports,'__esModule',{value:true});const getColor = (color) => {
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});const getColor = (color, hasText = true) => {
     const i = {
-        [`${color}`]: `var(--color-${color})`,
-        [`${color}.light`]: `var(--color-${color}-light)`,
-        [`${color}.lighter`]: `var(--color-${color}-lighter)`,
-        [`${color}.dark`]: `var(--color-${color}-dark)`,
-        [`${color}.darker`]: `var(--color-${color}-darker)`,
-        [`${color}.soft`]: `var(--color-${color}-soft)`,
-        [`${color}.softer`]: `var(--color-${color}-softer)`,
-        [`${color}.text`]: `var(--color-${color}-text)`,
-        [`${color}.subtext`]: `var(--color-${color}-subtext)`,
+        [`${color}`]: `var(--color-${color}-primary)`,
+        [`${color}.primary`]: `var(--color-${color}-primary)`,
+        [`${color}.secondary`]: `var(--color-${color}-secondary)`,
+        [`${color}.soft.primary`]: `var(--color-${color}-soft-primary)`,
+        [`${color}.soft.secondary`]: `var(--color-${color}-soft-secondary)`,
     };
+    if (hasText) {
+        i[`${color}.text`] = `var(--color-${color}-text)`;
+    }
     return i;
 };
 const withImportant = (important, value) => important ? value + important : value;
-const colors = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, getColor("common")), getColor("brand")), getColor("accent")), getColor("info")), getColor("success")), getColor("warning")), getColor("danger"));
+const colors = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, getColor("background", false)), getColor("text", false)), getColor("divider", false)), getColor("brand")), getColor("accent")), getColor("info")), getColor("success")), getColor("warning")), getColor("danger"));
 const breakpoints = {
     "xs": "var(--bp-xs)",
     "sm": "var(--bp-sm)",

package/css/getValue.js.map

@@ -1 +1 @@
-{"version":3,"file":"getValue.js","sources":["../../src/css/getValue.ts"],"sourcesContent":["import { CSSProps } from \"./types\"\r\n\r\nconst getColor = (color: string) => {\r\n    const i = {\r\n        [`${color}`]: `var(--color-${color})`,\r\n        [`${color}.light`]: `var(--color-${color}-light)`,\r\n        [`${color}.lighter`]: `var(--color-${color}-lighter)`,\r\n        [`${color}.dark`]: `var(--color-${color}-dark)`,\r\n        [`${color}.darker`]: `var(--color-${color}-darker)`,\r\n        [`${color}.soft`]: `var(--color-${color}-soft)`,\r\n        [`${color}.softer`]: `var(--color-${color}-softer)`,\r\n        [`${color}.text`]: `var(--color-${color}-text)`,\r\n        [`${color}.subtext`]: `var(--color-${color}-subtext)`,\r\n    }\r\n\r\n    return i\r\n}\r\n\r\nconst withImportant = (important: any, value: any) => important ? value + important : value\r\nconst colors: any = {\r\n    ...getColor(\"common\"),\r\n    ...getColor(\"brand\"),\r\n    ...getColor(\"accent\"),\r\n    ...getColor(\"info\"),\r\n    ...getColor(\"success\"),\r\n    ...getColor(\"warning\"),\r\n    ...getColor(\"danger\"),\r\n}\r\n\r\nconst breakpoints: any = {\r\n    \"xs\": \"var(--bp-xs)\",\r\n    \"sm\": \"var(--bp-sm)\",\r\n    \"md\": \"var(--bp-md)\",\r\n    \"lg\": \"var(--bp-lg)\",\r\n    \"xl\": \"var(--bp-xl)\"\r\n}\r\n\r\nlet fontsizes: any = {\r\n    \"h1\": \"var(--fontsize-h1)\",\r\n    \"h2\": \"var(--fontsize-h2)\",\r\n    \"h3\": \"var(--fontsize-h3)\",\r\n    \"h4\": \"var(--fontsize-h4)\",\r\n    \"h5\": \"var(--fontsize-h5)\",\r\n    \"h6\": \"var(--fontsize-h6)\",\r\n    \"big\": \"var(--fontsize-big)\",\r\n    \"text\": \"var(--fontsize-text)\",\r\n    \"button\": \"var(--fontsize-button)\",\r\n    \"small\": \"var(--fontsize-small)\"\r\n}\r\n\r\nlet lineHeights: any = {\r\n    \"h1\": \"var(--lineheight-h1)\",\r\n    \"h2\": \"var(--lineheight-h2)\",\r\n    \"h3\": \"var(--lineheight-h3)\",\r\n    \"h4\": \"var(--lineheight-h4)\",\r\n    \"h5\": \"var(--lineheight-h5)\",\r\n    \"h6\": \"var(--lineheight-h6)\",\r\n    \"big\": \"var(--lineheight-big)\",\r\n    \"text\": \"var(--lineheight-text)\",\r\n    \"button\": \"var(--lineheight-button)\",\r\n    \"small\": \"var(--lineheight-small)\"\r\n}\r\n\r\nlet fontWeights: any = {\r\n    \"h1\": \"var(--fontweight-h1)\",\r\n    \"h2\": \"var(--fontweight-h2)\",\r\n    \"h3\": \"var(--fontweight-h3)\",\r\n    \"h4\": \"var(--fontweight-h4)\",\r\n    \"h5\": \"var(--fontweight-h5)\",\r\n    \"h6\": \"var(--fontweight-h6)\",\r\n    \"big\": \"var(--fontweight-big)\",\r\n    \"text\": \"var(--fontweight-text)\",\r\n    \"button\": \"var(--fontweight-button)\",\r\n    \"small\": \"var(--fontweight-small)\"\r\n}\r\n\r\nlet font: any = {\r\n    \"h1\": \"var(--font-h1)\",\r\n    \"h2\": \"var(--font-h2)\",\r\n    \"h3\": \"var(--font-h3)\",\r\n    \"h4\": \"var(--font-h4)\",\r\n    \"h5\": \"var(--font-h5)\",\r\n    \"h6\": \"var(--font-h6)\",\r\n    \"big\": \"var(--font-big)\",\r\n    \"text\": \"var(--font-text)\",\r\n    \"button\": \"var(--font-button)\",\r\n    \"small\": \"var(--font-small)\"\r\n}\r\n\r\nconst getValue = (prop: any, value: string | number, _css: CSSProps): any => {\r\n    let important;\r\n\r\n    if (typeof value === 'string') {\r\n        const split = value.split(\"!\")\r\n        important = split[1] ? \"!important\" : \"\"\r\n        value = split[0]\r\n    }\r\n\r\n\r\n    if (['width', 'maxWidth', 'minWidth', 'max-width', 'min-width'].includes(prop)) {\r\n        return withImportant(important, breakpoints[value] || value)\r\n    } else if (prop === 'font' && typeof value === \"string\" && ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'text', 'button', 'small'].includes(value)) {\r\n        return withImportant(important, font[value] || value)\r\n    } else if (['fontWeight', 'font-weight'].includes(prop) && typeof value === 'string' && ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'text', 'button', 'small'].includes(value)) {\r\n        return withImportant(important, fontWeights[value] || value)\r\n    } else if (['lineHeight', 'line-height'].includes(prop) && typeof value === 'string' && ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'text', 'button', 'small'].includes(value)) {\r\n        return withImportant(important, lineHeights[value] || value)\r\n    } else if (['fontSize', 'font-size'].includes(prop) && typeof value === 'string') {\r\n        return withImportant(important, fontsizes[value] || value)\r\n    } else if (typeof value === \"number\" && [\"shadow\", \"boxShadow\"].includes(prop)) {\r\n        return withImportant(important, `var(--shadow-${value})`)\r\n    }\r\n\r\n    return withImportant(important, colors[value] || value)\r\n}\r\n\r\nexport default getValue"],"names":[],"mappings":"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"}
+{"version":3,"file":"getValue.js","sources":["../../src/css/getValue.ts"],"sourcesContent":["import { CSSProps } from \"./types\"\n\nconst getColor = (color: string, hasText = true) => {\n    const i = {\n        [`${color}`]: `var(--color-${color}-primary)`,\n        [`${color}.primary`]: `var(--color-${color}-primary)`,\n        [`${color}.secondary`]: `var(--color-${color}-secondary)`,\n        [`${color}.soft.primary`]: `var(--color-${color}-soft-primary)`,\n        [`${color}.soft.secondary`]: `var(--color-${color}-soft-secondary)`,\n    }\n    if (hasText) {\n        i[`${color}.text`] = `var(--color-${color}-text)`\n    }\n\n    return i\n}\n\nconst withImportant = (important: any, value: any) => important ? value + important : value\nconst colors: any = {\n    ...getColor(\"background\", false),\n    ...getColor(\"text\", false),\n    ...getColor(\"divider\", false),\n    ...getColor(\"brand\"),\n    ...getColor(\"accent\"),\n    ...getColor(\"info\"),\n    ...getColor(\"success\"),\n    ...getColor(\"warning\"),\n    ...getColor(\"danger\"),\n}\n\nconst breakpoints: any = {\n    \"xs\": \"var(--bp-xs)\",\n    \"sm\": \"var(--bp-sm)\",\n    \"md\": \"var(--bp-md)\",\n    \"lg\": \"var(--bp-lg)\",\n    \"xl\": \"var(--bp-xl)\"\n}\n\nlet fontsizes: any = {\n    \"h1\": \"var(--fontsize-h1)\",\n    \"h2\": \"var(--fontsize-h2)\",\n    \"h3\": \"var(--fontsize-h3)\",\n    \"h4\": \"var(--fontsize-h4)\",\n    \"h5\": \"var(--fontsize-h5)\",\n    \"h6\": \"var(--fontsize-h6)\",\n    \"big\": \"var(--fontsize-big)\",\n    \"text\": \"var(--fontsize-text)\",\n    \"button\": \"var(--fontsize-button)\",\n    \"small\": \"var(--fontsize-small)\"\n}\n\nlet lineHeights: any = {\n    \"h1\": \"var(--lineheight-h1)\",\n    \"h2\": \"var(--lineheight-h2)\",\n    \"h3\": \"var(--lineheight-h3)\",\n    \"h4\": \"var(--lineheight-h4)\",\n    \"h5\": \"var(--lineheight-h5)\",\n    \"h6\": \"var(--lineheight-h6)\",\n    \"big\": \"var(--lineheight-big)\",\n    \"text\": \"var(--lineheight-text)\",\n    \"button\": \"var(--lineheight-button)\",\n    \"small\": \"var(--lineheight-small)\"\n}\n\nlet fontWeights: any = {\n    \"h1\": \"var(--fontweight-h1)\",\n    \"h2\": \"var(--fontweight-h2)\",\n    \"h3\": \"var(--fontweight-h3)\",\n    \"h4\": \"var(--fontweight-h4)\",\n    \"h5\": \"var(--fontweight-h5)\",\n    \"h6\": \"var(--fontweight-h6)\",\n    \"big\": \"var(--fontweight-big)\",\n    \"text\": \"var(--fontweight-text)\",\n    \"button\": \"var(--fontweight-button)\",\n    \"small\": \"var(--fontweight-small)\"\n}\n\nlet font: any = {\n    \"h1\": \"var(--font-h1)\",\n    \"h2\": \"var(--font-h2)\",\n    \"h3\": \"var(--font-h3)\",\n    \"h4\": \"var(--font-h4)\",\n    \"h5\": \"var(--font-h5)\",\n    \"h6\": \"var(--font-h6)\",\n    \"big\": \"var(--font-big)\",\n    \"text\": \"var(--font-text)\",\n    \"button\": \"var(--font-button)\",\n    \"small\": \"var(--font-small)\"\n}\n\nconst getValue = (prop: any, value: string | number, _css: CSSProps): any => {\n    let important;\n\n    if (typeof value === 'string') {\n        const split = value.split(\"!\")\n        important = split[1] ? \"!important\" : \"\"\n        value = split[0]\n    }\n\n\n    if (['width', 'maxWidth', 'minWidth', 'max-width', 'min-width'].includes(prop)) {\n        return withImportant(important, breakpoints[value] || value)\n    } else if (prop === 'font' && typeof value === \"string\" && ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'text', 'button', 'small'].includes(value)) {\n        return withImportant(important, font[value] || value)\n    } else if (['fontWeight', 'font-weight'].includes(prop) && typeof value === 'string' && ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'text', 'button', 'small'].includes(value)) {\n        return withImportant(important, fontWeights[value] || value)\n    } else if (['lineHeight', 'line-height'].includes(prop) && typeof value === 'string' && ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'text', 'button', 'small'].includes(value)) {\n        return withImportant(important, lineHeights[value] || value)\n    } else if (['fontSize', 'font-size'].includes(prop) && typeof value === 'string') {\n        return withImportant(important, fontsizes[value] || value)\n    } else if (typeof value === \"number\" && [\"shadow\", \"boxShadow\"].includes(prop)) {\n        return withImportant(important, `var(--shadow-${value})`)\n    }\n\n    return withImportant(important, colors[value] || value)\n}\n\nexport default getValue"],"names":[],"mappings":"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"}

package/css/getValue.mjs

@@ -1,19 +1,18 @@
-const getColor = (color) => {
+const getColor = (color, hasText = true) => {
     const i = {
-        [`${color}`]: `var(--color-${color})`,
-        [`${color}.light`]: `var(--color-${color}-light)`,
-        [`${color}.lighter`]: `var(--color-${color}-lighter)`,
-        [`${color}.dark`]: `var(--color-${color}-dark)`,
-        [`${color}.darker`]: `var(--color-${color}-darker)`,
-        [`${color}.soft`]: `var(--color-${color}-soft)`,
-        [`${color}.softer`]: `var(--color-${color}-softer)`,
-        [`${color}.text`]: `var(--color-${color}-text)`,
-        [`${color}.subtext`]: `var(--color-${color}-subtext)`,
+        [`${color}`]: `var(--color-${color}-primary)`,
+        [`${color}.primary`]: `var(--color-${color}-primary)`,
+        [`${color}.secondary`]: `var(--color-${color}-secondary)`,
+        [`${color}.soft.primary`]: `var(--color-${color}-soft-primary)`,
+        [`${color}.soft.secondary`]: `var(--color-${color}-soft-secondary)`,
     };
+    if (hasText) {
+        i[`${color}.text`] = `var(--color-${color}-text)`;
+    }
     return i;
 };
 const withImportant = (important, value) => important ? value + important : value;
-const colors = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, getColor("common")), getColor("brand")), getColor("accent")), getColor("info")), getColor("success")), getColor("warning")), getColor("danger"));
+const colors = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, getColor("background", false)), getColor("text", false)), getColor("divider", false)), getColor("brand")), getColor("accent")), getColor("info")), getColor("success")), getColor("warning")), getColor("danger"));
 const breakpoints = {
     "xs": "var(--bp-xs)",
     "sm": "var(--bp-sm)",

package/css/getValue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"getValue.mjs","sources":["../../src/css/getValue.ts"],"sourcesContent":["import { CSSProps } from \"./types\"\r\n\r\nconst getColor = (color: string) => {\r\n    const i = {\r\n        [`${color}`]: `var(--color-${color})`,\r\n        [`${color}.light`]: `var(--color-${color}-light)`,\r\n        [`${color}.lighter`]: `var(--color-${color}-lighter)`,\r\n        [`${color}.dark`]: `var(--color-${color}-dark)`,\r\n        [`${color}.darker`]: `var(--color-${color}-darker)`,\r\n        [`${color}.soft`]: `var(--color-${color}-soft)`,\r\n        [`${color}.softer`]: `var(--color-${color}-softer)`,\r\n        [`${color}.text`]: `var(--color-${color}-text)`,\r\n        [`${color}.subtext`]: `var(--color-${color}-subtext)`,\r\n    }\r\n\r\n    return i\r\n}\r\n\r\nconst withImportant = (important: any, value: any) => important ? value + important : value\r\nconst colors: any = {\r\n    ...getColor(\"common\"),\r\n    ...getColor(\"brand\"),\r\n    ...getColor(\"accent\"),\r\n    ...getColor(\"info\"),\r\n    ...getColor(\"success\"),\r\n    ...getColor(\"warning\"),\r\n    ...getColor(\"danger\"),\r\n}\r\n\r\nconst breakpoints: any = {\r\n    \"xs\": \"var(--bp-xs)\",\r\n    \"sm\": \"var(--bp-sm)\",\r\n    \"md\": \"var(--bp-md)\",\r\n    \"lg\": \"var(--bp-lg)\",\r\n    \"xl\": \"var(--bp-xl)\"\r\n}\r\n\r\nlet fontsizes: any = {\r\n    \"h1\": \"var(--fontsize-h1)\",\r\n    \"h2\": \"var(--fontsize-h2)\",\r\n    \"h3\": \"var(--fontsize-h3)\",\r\n    \"h4\": \"var(--fontsize-h4)\",\r\n    \"h5\": \"var(--fontsize-h5)\",\r\n    \"h6\": \"var(--fontsize-h6)\",\r\n    \"big\": \"var(--fontsize-big)\",\r\n    \"text\": \"var(--fontsize-text)\",\r\n    \"button\": \"var(--fontsize-button)\",\r\n    \"small\": \"var(--fontsize-small)\"\r\n}\r\n\r\nlet lineHeights: any = {\r\n    \"h1\": \"var(--lineheight-h1)\",\r\n    \"h2\": \"var(--lineheight-h2)\",\r\n    \"h3\": \"var(--lineheight-h3)\",\r\n    \"h4\": \"var(--lineheight-h4)\",\r\n    \"h5\": \"var(--lineheight-h5)\",\r\n    \"h6\": \"var(--lineheight-h6)\",\r\n    \"big\": \"var(--lineheight-big)\",\r\n    \"text\": \"var(--lineheight-text)\",\r\n    \"button\": \"var(--lineheight-button)\",\r\n    \"small\": \"var(--lineheight-small)\"\r\n}\r\n\r\nlet fontWeights: any = {\r\n    \"h1\": \"var(--fontweight-h1)\",\r\n    \"h2\": \"var(--fontweight-h2)\",\r\n    \"h3\": \"var(--fontweight-h3)\",\r\n    \"h4\": \"var(--fontweight-h4)\",\r\n    \"h5\": \"var(--fontweight-h5)\",\r\n    \"h6\": \"var(--fontweight-h6)\",\r\n    \"big\": \"var(--fontweight-big)\",\r\n    \"text\": \"var(--fontweight-text)\",\r\n    \"button\": \"var(--fontweight-button)\",\r\n    \"small\": \"var(--fontweight-small)\"\r\n}\r\n\r\nlet font: any = {\r\n    \"h1\": \"var(--font-h1)\",\r\n    \"h2\": \"var(--font-h2)\",\r\n    \"h3\": \"var(--font-h3)\",\r\n    \"h4\": \"var(--font-h4)\",\r\n    \"h5\": \"var(--font-h5)\",\r\n    \"h6\": \"var(--font-h6)\",\r\n    \"big\": \"var(--font-big)\",\r\n    \"text\": \"var(--font-text)\",\r\n    \"button\": \"var(--font-button)\",\r\n    \"small\": \"var(--font-small)\"\r\n}\r\n\r\nconst getValue = (prop: any, value: string | number, _css: CSSProps): any => {\r\n    let important;\r\n\r\n    if (typeof value === 'string') {\r\n        const split = value.split(\"!\")\r\n        important = split[1] ? \"!important\" : \"\"\r\n        value = split[0]\r\n    }\r\n\r\n\r\n    if (['width', 'maxWidth', 'minWidth', 'max-width', 'min-width'].includes(prop)) {\r\n        return withImportant(important, breakpoints[value] || value)\r\n    } else if (prop === 'font' && typeof value === \"string\" && ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'text', 'button', 'small'].includes(value)) {\r\n        return withImportant(important, font[value] || value)\r\n    } else if (['fontWeight', 'font-weight'].includes(prop) && typeof value === 'string' && ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'text', 'button', 'small'].includes(value)) {\r\n        return withImportant(important, fontWeights[value] || value)\r\n    } else if (['lineHeight', 'line-height'].includes(prop) && typeof value === 'string' && ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'text', 'button', 'small'].includes(value)) {\r\n        return withImportant(important, lineHeights[value] || value)\r\n    } else if (['fontSize', 'font-size'].includes(prop) && typeof value === 'string') {\r\n        return withImportant(important, fontsizes[value] || value)\r\n    } else if (typeof value === \"number\" && [\"shadow\", \"boxShadow\"].includes(prop)) {\r\n        return withImportant(important, `var(--shadow-${value})`)\r\n    }\r\n\r\n    return withImportant(important, colors[value] || value)\r\n}\r\n\r\nexport default getValue"],"names":[],"mappings":"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"}
+{"version":3,"file":"getValue.mjs","sources":["../../src/css/getValue.ts"],"sourcesContent":["import { CSSProps } from \"./types\"\n\nconst getColor = (color: string, hasText = true) => {\n    const i = {\n        [`${color}`]: `var(--color-${color}-primary)`,\n        [`${color}.primary`]: `var(--color-${color}-primary)`,\n        [`${color}.secondary`]: `var(--color-${color}-secondary)`,\n        [`${color}.soft.primary`]: `var(--color-${color}-soft-primary)`,\n        [`${color}.soft.secondary`]: `var(--color-${color}-soft-secondary)`,\n    }\n    if (hasText) {\n        i[`${color}.text`] = `var(--color-${color}-text)`\n    }\n\n    return i\n}\n\nconst withImportant = (important: any, value: any) => important ? value + important : value\nconst colors: any = {\n    ...getColor(\"background\", false),\n    ...getColor(\"text\", false),\n    ...getColor(\"divider\", false),\n    ...getColor(\"brand\"),\n    ...getColor(\"accent\"),\n    ...getColor(\"info\"),\n    ...getColor(\"success\"),\n    ...getColor(\"warning\"),\n    ...getColor(\"danger\"),\n}\n\nconst breakpoints: any = {\n    \"xs\": \"var(--bp-xs)\",\n    \"sm\": \"var(--bp-sm)\",\n    \"md\": \"var(--bp-md)\",\n    \"lg\": \"var(--bp-lg)\",\n    \"xl\": \"var(--bp-xl)\"\n}\n\nlet fontsizes: any = {\n    \"h1\": \"var(--fontsize-h1)\",\n    \"h2\": \"var(--fontsize-h2)\",\n    \"h3\": \"var(--fontsize-h3)\",\n    \"h4\": \"var(--fontsize-h4)\",\n    \"h5\": \"var(--fontsize-h5)\",\n    \"h6\": \"var(--fontsize-h6)\",\n    \"big\": \"var(--fontsize-big)\",\n    \"text\": \"var(--fontsize-text)\",\n    \"button\": \"var(--fontsize-button)\",\n    \"small\": \"var(--fontsize-small)\"\n}\n\nlet lineHeights: any = {\n    \"h1\": \"var(--lineheight-h1)\",\n    \"h2\": \"var(--lineheight-h2)\",\n    \"h3\": \"var(--lineheight-h3)\",\n    \"h4\": \"var(--lineheight-h4)\",\n    \"h5\": \"var(--lineheight-h5)\",\n    \"h6\": \"var(--lineheight-h6)\",\n    \"big\": \"var(--lineheight-big)\",\n    \"text\": \"var(--lineheight-text)\",\n    \"button\": \"var(--lineheight-button)\",\n    \"small\": \"var(--lineheight-small)\"\n}\n\nlet fontWeights: any = {\n    \"h1\": \"var(--fontweight-h1)\",\n    \"h2\": \"var(--fontweight-h2)\",\n    \"h3\": \"var(--fontweight-h3)\",\n    \"h4\": \"var(--fontweight-h4)\",\n    \"h5\": \"var(--fontweight-h5)\",\n    \"h6\": \"var(--fontweight-h6)\",\n    \"big\": \"var(--fontweight-big)\",\n    \"text\": \"var(--fontweight-text)\",\n    \"button\": \"var(--fontweight-button)\",\n    \"small\": \"var(--fontweight-small)\"\n}\n\nlet font: any = {\n    \"h1\": \"var(--font-h1)\",\n    \"h2\": \"var(--font-h2)\",\n    \"h3\": \"var(--font-h3)\",\n    \"h4\": \"var(--font-h4)\",\n    \"h5\": \"var(--font-h5)\",\n    \"h6\": \"var(--font-h6)\",\n    \"big\": \"var(--font-big)\",\n    \"text\": \"var(--font-text)\",\n    \"button\": \"var(--font-button)\",\n    \"small\": \"var(--font-small)\"\n}\n\nconst getValue = (prop: any, value: string | number, _css: CSSProps): any => {\n    let important;\n\n    if (typeof value === 'string') {\n        const split = value.split(\"!\")\n        important = split[1] ? \"!important\" : \"\"\n        value = split[0]\n    }\n\n\n    if (['width', 'maxWidth', 'minWidth', 'max-width', 'min-width'].includes(prop)) {\n        return withImportant(important, breakpoints[value] || value)\n    } else if (prop === 'font' && typeof value === \"string\" && ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'text', 'button', 'small'].includes(value)) {\n        return withImportant(important, font[value] || value)\n    } else if (['fontWeight', 'font-weight'].includes(prop) && typeof value === 'string' && ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'text', 'button', 'small'].includes(value)) {\n        return withImportant(important, fontWeights[value] || value)\n    } else if (['lineHeight', 'line-height'].includes(prop) && typeof value === 'string' && ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'text', 'button', 'small'].includes(value)) {\n        return withImportant(important, lineHeights[value] || value)\n    } else if (['fontSize', 'font-size'].includes(prop) && typeof value === 'string') {\n        return withImportant(important, fontsizes[value] || value)\n    } else if (typeof value === \"number\" && [\"shadow\", \"boxShadow\"].includes(prop)) {\n        return withImportant(important, `var(--shadow-${value})`)\n    }\n\n    return withImportant(important, colors[value] || value)\n}\n\nexport default getValue"],"names":[],"mappings":"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"}

package/css/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/css/index.ts"],"sourcesContent":["import getValue from \"./getValue\"\r\nimport getProps from \"./getProps\"\r\nimport aliases from \"./aliases\"\r\nimport { Aliases, BreakpointKeys, CSSOptionProps, CSSProps } from './types'\r\nimport { css as _css } from \"oncss\"\r\n\r\nexport {\r\n    getValue,\r\n    getProps\r\n}\r\n\r\nexport const breakpoints = {\r\n    xs: 0,\r\n    sm: 600,\r\n    md: 900,\r\n    lg: 1200,\r\n    xl: 1536\r\n}\r\n\r\nexport const css = (props: CSSProps, options?: CSSOptionProps) => {\r\n    const cssOptions: CSSOptionProps = {\r\n        ...options,\r\n        breakpoints,\r\n        aliases,\r\n        getValue: (p: any, v: any, _c: any, dept) => {\r\n            if (options?.getValue) {\r\n                let _val = options?.getValue(p, v, _c, dept)\r\n                if (_val) return _val\r\n            }\r\n            return getValue(p, v, _c)\r\n        },\r\n        getProps: (p: any, v: any, _c: any, dept) => {\r\n            if (options?.getProps) {\r\n                let _p = options?.getProps(p, v, _c, dept)\r\n                if (_p) return _p\r\n            }\r\n            return getProps(p, v, _c)\r\n        },\r\n    }\r\n    return _css<Aliases, BreakpointKeys>(props, cssOptions)\r\n}\r\n\r\nexport const adjustColor = (hex: string, factor: number) => {\r\n\r\n    hex = hex.replace(/^#/, '')\r\n\r\n    let r = parseInt(hex.slice(0, 2), 16)\r\n    let g = parseInt(hex.slice(2, 4), 16)\r\n    let b = parseInt(hex.slice(4, 6), 16)\r\n\r\n    r = Math.floor(r * factor)\r\n    g = Math.floor(g * factor)\r\n    b = Math.floor(b * factor)\r\n\r\n    r = Math.min(255, Math.max(0, r))\r\n    g = Math.min(255, Math.max(0, g))\r\n    b = Math.min(255, Math.max(0, b))\r\n\r\n    return `#${r.toString(16).padStart(2, '0')}${g.toString(16).padStart(2, '0')}${b.toString(16).padStart(2, '0')}`;\r\n}\r\n\r\nexport const adjustTextContrast = (color: string) => {\r\n    color = color.replace(/^#/, '')\r\n    const r = parseInt(color.slice(0, 2), 16);\r\n    const g = parseInt(color.slice(2, 4), 16);\r\n    const b = parseInt(color.slice(4, 6), 16);\r\n\r\n    const luminance = (0.299 * r + 0.587 * g + 0.114 * b) / 255;\r\n    return luminance > 0.5 ? '#111111' : '#FFFFFF';\r\n}\r\n\r\nexport const alpha = (color: string, opacity = 1) => {\r\n    if (typeof opacity !== 'number') return color\r\n    let _opacity = opacity * 100\r\n    if (!color.startsWith(\"#\")) throw new Error(`color must be hex`)\r\n    return (color + (`0${Math.round((255 / 100) * _opacity).toString(16)}`.slice(-2))).toUpperCase();\r\n};\r\n\r\n"],"names":["aliases","getValue","getProps","_css"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/css/index.ts"],"sourcesContent":["import getValue from \"./getValue\"\nimport getProps from \"./getProps\"\nimport aliases from \"./aliases\"\nimport { Aliases, BreakpointKeys, CSSOptionProps, CSSProps } from './types'\nimport { css as _css } from \"oncss\"\n\nexport {\n    getValue,\n    getProps\n}\n\nexport const breakpoints = {\n    xs: 0,\n    sm: 600,\n    md: 900,\n    lg: 1200,\n    xl: 1536\n}\n\nexport const css = (props: CSSProps, options?: CSSOptionProps) => {\n    const cssOptions: CSSOptionProps = {\n        ...options,\n        breakpoints,\n        aliases,\n        getValue: (p: any, v: any, _c: any, dept) => {\n            if (options?.getValue) {\n                let _val = options?.getValue(p, v, _c, dept)\n                if (_val) return _val\n            }\n            return getValue(p, v, _c)\n        },\n        getProps: (p: any, v: any, _c: any, dept) => {\n            if (options?.getProps) {\n                let _p = options?.getProps(p, v, _c, dept)\n                if (_p) return _p\n            }\n            return getProps(p, v, _c)\n        },\n    }\n    return _css<Aliases, BreakpointKeys>(props, cssOptions)\n}\n\nexport const adjustColor = (hex: string, factor: number) => {\n\n    hex = hex.replace(/^#/, '')\n\n    let r = parseInt(hex.slice(0, 2), 16)\n    let g = parseInt(hex.slice(2, 4), 16)\n    let b = parseInt(hex.slice(4, 6), 16)\n\n    r = Math.floor(r * factor)\n    g = Math.floor(g * factor)\n    b = Math.floor(b * factor)\n\n    r = Math.min(255, Math.max(0, r))\n    g = Math.min(255, Math.max(0, g))\n    b = Math.min(255, Math.max(0, b))\n\n    return `#${r.toString(16).padStart(2, '0')}${g.toString(16).padStart(2, '0')}${b.toString(16).padStart(2, '0')}`;\n}\n\nexport const adjustTextContrast = (color: string) => {\n    color = color.replace(/^#/, '')\n    const r = parseInt(color.slice(0, 2), 16);\n    const g = parseInt(color.slice(2, 4), 16);\n    const b = parseInt(color.slice(4, 6), 16);\n\n    const luminance = (0.299 * r + 0.587 * g + 0.114 * b) / 255;\n    return luminance > 0.5 ? '#111111' : '#FFFFFF';\n}\n\nexport const alpha = (color: string, opacity = 1) => {\n    if (typeof opacity !== 'number') return color\n    let _opacity = opacity * 100\n    if (!color.startsWith(\"#\")) throw new Error(`color must be hex`)\n    return (color + (`0${Math.round((255 / 100) * _opacity).toString(16)}`.slice(-2))).toUpperCase();\n};\n\n"],"names":["aliases","getValue","getProps","_css"],"mappings":"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"}

package/css/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/css/index.ts"],"sourcesContent":["import getValue from \"./getValue\"\r\nimport getProps from \"./getProps\"\r\nimport aliases from \"./aliases\"\r\nimport { Aliases, BreakpointKeys, CSSOptionProps, CSSProps } from './types'\r\nimport { css as _css } from \"oncss\"\r\n\r\nexport {\r\n    getValue,\r\n    getProps\r\n}\r\n\r\nexport const breakpoints = {\r\n    xs: 0,\r\n    sm: 600,\r\n    md: 900,\r\n    lg: 1200,\r\n    xl: 1536\r\n}\r\n\r\nexport const css = (props: CSSProps, options?: CSSOptionProps) => {\r\n    const cssOptions: CSSOptionProps = {\r\n        ...options,\r\n        breakpoints,\r\n        aliases,\r\n        getValue: (p: any, v: any, _c: any, dept) => {\r\n            if (options?.getValue) {\r\n                let _val = options?.getValue(p, v, _c, dept)\r\n                if (_val) return _val\r\n            }\r\n            return getValue(p, v, _c)\r\n        },\r\n        getProps: (p: any, v: any, _c: any, dept) => {\r\n            if (options?.getProps) {\r\n                let _p = options?.getProps(p, v, _c, dept)\r\n                if (_p) return _p\r\n            }\r\n            return getProps(p, v, _c)\r\n        },\r\n    }\r\n    return _css<Aliases, BreakpointKeys>(props, cssOptions)\r\n}\r\n\r\nexport const adjustColor = (hex: string, factor: number) => {\r\n\r\n    hex = hex.replace(/^#/, '')\r\n\r\n    let r = parseInt(hex.slice(0, 2), 16)\r\n    let g = parseInt(hex.slice(2, 4), 16)\r\n    let b = parseInt(hex.slice(4, 6), 16)\r\n\r\n    r = Math.floor(r * factor)\r\n    g = Math.floor(g * factor)\r\n    b = Math.floor(b * factor)\r\n\r\n    r = Math.min(255, Math.max(0, r))\r\n    g = Math.min(255, Math.max(0, g))\r\n    b = Math.min(255, Math.max(0, b))\r\n\r\n    return `#${r.toString(16).padStart(2, '0')}${g.toString(16).padStart(2, '0')}${b.toString(16).padStart(2, '0')}`;\r\n}\r\n\r\nexport const adjustTextContrast = (color: string) => {\r\n    color = color.replace(/^#/, '')\r\n    const r = parseInt(color.slice(0, 2), 16);\r\n    const g = parseInt(color.slice(2, 4), 16);\r\n    const b = parseInt(color.slice(4, 6), 16);\r\n\r\n    const luminance = (0.299 * r + 0.587 * g + 0.114 * b) / 255;\r\n    return luminance > 0.5 ? '#111111' : '#FFFFFF';\r\n}\r\n\r\nexport const alpha = (color: string, opacity = 1) => {\r\n    if (typeof opacity !== 'number') return color\r\n    let _opacity = opacity * 100\r\n    if (!color.startsWith(\"#\")) throw new Error(`color must be hex`)\r\n    return (color + (`0${Math.round((255 / 100) * _opacity).toString(16)}`.slice(-2))).toUpperCase();\r\n};\r\n\r\n"],"names":["_css"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/css/index.ts"],"sourcesContent":["import getValue from \"./getValue\"\nimport getProps from \"./getProps\"\nimport aliases from \"./aliases\"\nimport { Aliases, BreakpointKeys, CSSOptionProps, CSSProps } from './types'\nimport { css as _css } from \"oncss\"\n\nexport {\n    getValue,\n    getProps\n}\n\nexport const breakpoints = {\n    xs: 0,\n    sm: 600,\n    md: 900,\n    lg: 1200,\n    xl: 1536\n}\n\nexport const css = (props: CSSProps, options?: CSSOptionProps) => {\n    const cssOptions: CSSOptionProps = {\n        ...options,\n        breakpoints,\n        aliases,\n        getValue: (p: any, v: any, _c: any, dept) => {\n            if (options?.getValue) {\n                let _val = options?.getValue(p, v, _c, dept)\n                if (_val) return _val\n            }\n            return getValue(p, v, _c)\n        },\n        getProps: (p: any, v: any, _c: any, dept) => {\n            if (options?.getProps) {\n                let _p = options?.getProps(p, v, _c, dept)\n                if (_p) return _p\n            }\n            return getProps(p, v, _c)\n        },\n    }\n    return _css<Aliases, BreakpointKeys>(props, cssOptions)\n}\n\nexport const adjustColor = (hex: string, factor: number) => {\n\n    hex = hex.replace(/^#/, '')\n\n    let r = parseInt(hex.slice(0, 2), 16)\n    let g = parseInt(hex.slice(2, 4), 16)\n    let b = parseInt(hex.slice(4, 6), 16)\n\n    r = Math.floor(r * factor)\n    g = Math.floor(g * factor)\n    b = Math.floor(b * factor)\n\n    r = Math.min(255, Math.max(0, r))\n    g = Math.min(255, Math.max(0, g))\n    b = Math.min(255, Math.max(0, b))\n\n    return `#${r.toString(16).padStart(2, '0')}${g.toString(16).padStart(2, '0')}${b.toString(16).padStart(2, '0')}`;\n}\n\nexport const adjustTextContrast = (color: string) => {\n    color = color.replace(/^#/, '')\n    const r = parseInt(color.slice(0, 2), 16);\n    const g = parseInt(color.slice(2, 4), 16);\n    const b = parseInt(color.slice(4, 6), 16);\n\n    const luminance = (0.299 * r + 0.587 * g + 0.114 * b) / 255;\n    return luminance > 0.5 ? '#111111' : '#FFFFFF';\n}\n\nexport const alpha = (color: string, opacity = 1) => {\n    if (typeof opacity !== 'number') return color\n    let _opacity = opacity * 100\n    if (!color.startsWith(\"#\")) throw new Error(`color must be hex`)\n    return (color + (`0${Math.round((255 / 100) * _opacity).toString(16)}`.slice(-2))).toUpperCase();\n};\n\n"],"names":["_css"],"mappings":"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"}

package/hooks/useAnimation.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAnimation.js","sources":["../../src/hooks/useAnimation.ts"],"sourcesContent":["import { css } from '../css'\r\nimport { useId } from 'react'\r\nimport { CSSProps } from '../css/types'\r\n\r\nexport const animationEases = {\r\n    easeInOut: \"cubic-bezier(0.4, 0, 0.2, 1)\",\r\n    easeOut: \"cubic-bezier(0.0, 0, 0.2, 1)\",\r\n    easeIn: \"cubic-bezier(0.4, 0, 1, 1)\",\r\n    sharp: \"cubic-bezier(0.4, 0, 0.6, 1)\",\r\n    linear: \"cubic-bezier(0, 0, 1, 1)\",\r\n    easeBounceOut: \"cubic-bezier(0.68, -0.55, 0.265, 1.55)\"\r\n}\r\n\r\nexport interface UseAnimationProps {\r\n    delay?: number;\r\n    duration?: number;\r\n    from: CSSProps;\r\n    to: CSSProps;\r\n    ease?: keyof typeof animationEases;\r\n}\r\n\r\nconst useAnimation = ({ from, to, delay, ease, duration }: UseAnimationProps) => {\r\n    let _delay = delay || 0;\r\n    let _duration = duration || 600;\r\n    let _ease = ease || \"easeBounceOut\"\r\n    const id = \"anim\" + useId().replace(/:/g, \"\")\r\n    const anim = css({\r\n        animationName: id,\r\n        animationDelay: _delay + \"ms\",\r\n        animationDuration: _duration + \"ms\",\r\n        animationTimingFunction: animationEases[_ease] || animationEases.easeBounceOut,\r\n        [`@keyframes ${id}`]: {\r\n            from: from as any,\r\n            to: to as any\r\n        }\r\n    })\r\n    return anim.classname\r\n}\r\n\r\nexport default useAnimation"],"names":["useId","css"],"mappings":"kIAIO,MAAM,cAAc,GAAG;AAC1B,IAAA,SAAS,EAAE,8BAA8B;AACzC,IAAA,OAAO,EAAE,8BAA8B;AACvC,IAAA,MAAM,EAAE,4BAA4B;AACpC,IAAA,KAAK,EAAE,8BAA8B;AACrC,IAAA,MAAM,EAAE,0BAA0B;AAClC,IAAA,aAAa,EAAE;;AAWnB,MAAM,YAAY,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAqB,KAAI;AAC5E,IAAA,IAAI,MAAM,GAAG,KAAK,IAAI,CAAC;AACvB,IAAA,IAAI,SAAS,GAAG,QAAQ,IAAI,GAAG;AAC/B,IAAA,IAAI,KAAK,GAAG,IAAI,IAAI,eAAe;AACnC,IAAA,MAAM,EAAE,GAAG,MAAM,GAAGA,WAAK,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC;IAC7C,MAAM,IAAI,GAAGC,SAAG,CAAC;AACb,QAAA,aAAa,EAAE,EAAE;QACjB,cAAc,EAAE,MAAM,GAAG,IAAI;QAC7B,iBAAiB,EAAE,SAAS,GAAG,IAAI;QACnC,uBAAuB,EAAE,cAAc,CAAC,KAAK,CAAC,IAAI,cAAc,CAAC,aAAa;AAC9E,QAAA,CAAC,CAAA,WAAA,EAAc,EAAE,CAAA,CAAE,GAAG;AAClB,YAAA,IAAI,EAAE,IAAW;AACjB,YAAA,EAAE,EAAE;AACP;AACJ,KAAA,CAAC;IACF,OAAO,IAAI,CAAC,SAAS;AACzB"}
+{"version":3,"file":"useAnimation.js","sources":["../../src/hooks/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"],"names":["useId","css"],"mappings":"kIAIO,MAAM,cAAc,GAAG;AAC1B,IAAA,SAAS,EAAE,8BAA8B;AACzC,IAAA,OAAO,EAAE,8BAA8B;AACvC,IAAA,MAAM,EAAE,4BAA4B;AACpC,IAAA,KAAK,EAAE,8BAA8B;AACrC,IAAA,MAAM,EAAE,0BAA0B;AAClC,IAAA,aAAa,EAAE;;AAWnB,MAAM,YAAY,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAqB,KAAI;AAC5E,IAAA,IAAI,MAAM,GAAG,KAAK,IAAI,CAAC;AACvB,IAAA,IAAI,SAAS,GAAG,QAAQ,IAAI,GAAG;AAC/B,IAAA,IAAI,KAAK,GAAG,IAAI,IAAI,eAAe;AACnC,IAAA,MAAM,EAAE,GAAG,MAAM,GAAGA,WAAK,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC;IAC7C,MAAM,IAAI,GAAGC,SAAG,CAAC;AACb,QAAA,aAAa,EAAE,EAAE;QACjB,cAAc,EAAE,MAAM,GAAG,IAAI;QAC7B,iBAAiB,EAAE,SAAS,GAAG,IAAI;QACnC,uBAAuB,EAAE,cAAc,CAAC,KAAK,CAAC,IAAI,cAAc,CAAC,aAAa;AAC9E,QAAA,CAAC,CAAA,WAAA,EAAc,EAAE,CAAA,CAAE,GAAG;AAClB,YAAA,IAAI,EAAE,IAAW;AACjB,YAAA,EAAE,EAAE;AACP;AACJ,KAAA,CAAC;IACF,OAAO,IAAI,CAAC,SAAS;AACzB"}

package/hooks/useAnimation.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useAnimation.mjs","sources":["../../src/hooks/useAnimation.ts"],"sourcesContent":["import { css } from '../css'\r\nimport { useId } from 'react'\r\nimport { CSSProps } from '../css/types'\r\n\r\nexport const animationEases = {\r\n    easeInOut: \"cubic-bezier(0.4, 0, 0.2, 1)\",\r\n    easeOut: \"cubic-bezier(0.0, 0, 0.2, 1)\",\r\n    easeIn: \"cubic-bezier(0.4, 0, 1, 1)\",\r\n    sharp: \"cubic-bezier(0.4, 0, 0.6, 1)\",\r\n    linear: \"cubic-bezier(0, 0, 1, 1)\",\r\n    easeBounceOut: \"cubic-bezier(0.68, -0.55, 0.265, 1.55)\"\r\n}\r\n\r\nexport interface UseAnimationProps {\r\n    delay?: number;\r\n    duration?: number;\r\n    from: CSSProps;\r\n    to: CSSProps;\r\n    ease?: keyof typeof animationEases;\r\n}\r\n\r\nconst useAnimation = ({ from, to, delay, ease, duration }: UseAnimationProps) => {\r\n    let _delay = delay || 0;\r\n    let _duration = duration || 600;\r\n    let _ease = ease || \"easeBounceOut\"\r\n    const id = \"anim\" + useId().replace(/:/g, \"\")\r\n    const anim = css({\r\n        animationName: id,\r\n        animationDelay: _delay + \"ms\",\r\n        animationDuration: _duration + \"ms\",\r\n        animationTimingFunction: animationEases[_ease] || animationEases.easeBounceOut,\r\n        [`@keyframes ${id}`]: {\r\n            from: from as any,\r\n            to: to as any\r\n        }\r\n    })\r\n    return anim.classname\r\n}\r\n\r\nexport default useAnimation"],"names":[],"mappings":"6DAIO,MAAM,cAAc,GAAG;AAC1B,IAAA,SAAS,EAAE,8BAA8B;AACzC,IAAA,OAAO,EAAE,8BAA8B;AACvC,IAAA,MAAM,EAAE,4BAA4B;AACpC,IAAA,KAAK,EAAE,8BAA8B;AACrC,IAAA,MAAM,EAAE,0BAA0B;AAClC,IAAA,aAAa,EAAE;;AAWnB,MAAM,YAAY,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAqB,KAAI;AAC5E,IAAA,IAAI,MAAM,GAAG,KAAK,IAAI,CAAC;AACvB,IAAA,IAAI,SAAS,GAAG,QAAQ,IAAI,GAAG;AAC/B,IAAA,IAAI,KAAK,GAAG,IAAI,IAAI,eAAe;AACnC,IAAA,MAAM,EAAE,GAAG,MAAM,GAAG,KAAK,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC;IAC7C,MAAM,IAAI,GAAG,GAAG,CAAC;AACb,QAAA,aAAa,EAAE,EAAE;QACjB,cAAc,EAAE,MAAM,GAAG,IAAI;QAC7B,iBAAiB,EAAE,SAAS,GAAG,IAAI;QACnC,uBAAuB,EAAE,cAAc,CAAC,KAAK,CAAC,IAAI,cAAc,CAAC,aAAa;AAC9E,QAAA,CAAC,CAAA,WAAA,EAAc,EAAE,CAAA,CAAE,GAAG;AAClB,YAAA,IAAI,EAAE,IAAW;AACjB,YAAA,EAAE,EAAE;AACP;AACJ,KAAA,CAAC;IACF,OAAO,IAAI,CAAC,SAAS;AACzB"}
+{"version":3,"file":"useAnimation.mjs","sources":["../../src/hooks/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"],"names":[],"mappings":"6DAIO,MAAM,cAAc,GAAG;AAC1B,IAAA,SAAS,EAAE,8BAA8B;AACzC,IAAA,OAAO,EAAE,8BAA8B;AACvC,IAAA,MAAM,EAAE,4BAA4B;AACpC,IAAA,KAAK,EAAE,8BAA8B;AACrC,IAAA,MAAM,EAAE,0BAA0B;AAClC,IAAA,aAAa,EAAE;;AAWnB,MAAM,YAAY,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAqB,KAAI;AAC5E,IAAA,IAAI,MAAM,GAAG,KAAK,IAAI,CAAC;AACvB,IAAA,IAAI,SAAS,GAAG,QAAQ,IAAI,GAAG;AAC/B,IAAA,IAAI,KAAK,GAAG,IAAI,IAAI,eAAe;AACnC,IAAA,MAAM,EAAE,GAAG,MAAM,GAAG,KAAK,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC;IAC7C,MAAM,IAAI,GAAG,GAAG,CAAC;AACb,QAAA,aAAa,EAAE,EAAE;QACjB,cAAc,EAAE,MAAM,GAAG,IAAI;QAC7B,iBAAiB,EAAE,SAAS,GAAG,IAAI;QACnC,uBAAuB,EAAE,cAAc,CAAC,KAAK,CAAC,IAAI,cAAc,CAAC,aAAa;AAC9E,QAAA,CAAC,CAAA,WAAA,EAAc,EAAE,CAAA,CAAE,GAAG;AAClB,YAAA,IAAI,EAAE,IAAW;AACjB,YAAA,EAAE,EAAE;AACP;AACJ,KAAA,CAAC;IACF,OAAO,IAAI,CAAC,SAAS;AACzB"}

package/hooks/useColorTemplate.d.ts

@@ -1,11 +1,13 @@
 type UseColorTemplateType = "fill" | "outline" | "text" | "soft";
-type UseColorTemplateColor = "common" | "brand" | "accent" | "success" | "info" | "warning" | "danger";
+type UseColorTemplateColor = "default" | "brand" | "accent" | "success" | "info" | "warning" | "danger";
 declare const useColorTemplate: (color: UseColorTemplateColor, type: UseColorTemplateType) => {
-    bgcolor: string;
-    color: string;
-    border: number;
-    borderColor: string;
-    hover: {
+    primary: {
+        bgcolor: string;
+        color: string;
+        border: number;
+        borderColor: string;
+    };
+    secondary: {
         bgcolor: string;
         color: string;
         border: number;