@xanui/core 1.0.0

package/css/getValue.js

@@ -0,0 +1,108 @@
+const getColor = (color) => {
+  return {
+    [`${color}`]: `var(--color-${color}-primary)`,
+    [`${color}.primary`]: `var(--color-${color}-primary)`,
+    [`${color}.secondary`]: `var(--color-${color}-secondary)`,
+    [`${color}.text`]: `var(--color-${color}-text)`,
+    [`${color}.alpha`]: `var(--color-${color}-alpha)`
+  };
+};
+const withImportant = (important, value) => important ? value + important : value;
+const colors = {
+  "text": `var(--color-text-primary)`,
+  "text.primary": `var(--color-text-primary)`,
+  "text.secondary": `var(--color-text-secondary)`,
+  "background": `var(--color-background-primary)`,
+  "background.primary": `var(--color-background-primary)`,
+  "background.secondary": `var(--color-background-secondary)`,
+  "background.alpha": `var(--color-background-alpha)`,
+  "divider": `var(--color-divider)`,
+  ...getColor("brand"),
+  ...getColor("accent"),
+  ...getColor("info"),
+  ...getColor("success"),
+  ...getColor("warning"),
+  ...getColor("danger")
+};
+const breakpoints = {
+  "xs": "var(--bp-xs)",
+  "sm": "var(--bp-sm)",
+  "md": "var(--bp-md)",
+  "lg": "var(--bp-lg)",
+  "xl": "var(--bp-xl)"
+};
+let fontsizes = {
+  "h1": "var(--fontsize-h1)",
+  "h2": "var(--fontsize-h2)",
+  "h3": "var(--fontsize-h3)",
+  "h4": "var(--fontsize-h4)",
+  "h5": "var(--fontsize-h5)",
+  "h6": "var(--fontsize-h6)",
+  "text": "var(--fontsize-text)",
+  "button": "var(--fontsize-button)",
+  "small": "var(--fontsize-small)"
+};
+let lineHeights = {
+  "h1": "var(--lineheight-h1)",
+  "h2": "var(--lineheight-h2)",
+  "h3": "var(--lineheight-h3)",
+  "h4": "var(--lineheight-h4)",
+  "h5": "var(--lineheight-h5)",
+  "h6": "var(--lineheight-h6)",
+  "text": "var(--lineheight-text)",
+  "button": "var(--lineheight-button)",
+  "small": "var(--lineheight-small)"
+};
+let fontWeights = {
+  "h1": "var(--fontweight-h1)",
+  "h2": "var(--fontweight-h2)",
+  "h3": "var(--fontweight-h3)",
+  "h4": "var(--fontweight-h4)",
+  "h5": "var(--fontweight-h5)",
+  "h6": "var(--fontweight-h6)",
+  "text": "var(--fontweight-text)",
+  "button": "var(--fontweight-button)",
+  "small": "var(--fontweight-small)"
+};
+let font = {
+  "h1": "var(--font-h1)",
+  "h2": "var(--font-h2)",
+  "h3": "var(--font-h3)",
+  "h4": "var(--font-h4)",
+  "h5": "var(--font-h5)",
+  "h6": "var(--font-h6)",
+  "text": "var(--font-text)",
+  "button": "var(--font-button)",
+  "small": "var(--font-small)"
+};
+const getValue = (prop, value, _css) => {
+  let important;
+  if (typeof value === "string") {
+    const split = value.split("!");
+    important = split[1] ? "!important" : "";
+    value = split[0];
+  }
+  if (["width", "maxWidth", "minWidth", "max-width", "min-width"].includes(prop)) {
+    return withImportant(important, breakpoints[value] || value);
+  } else if (["fontFamily", "font-family"].includes(prop) && value === "default") {
+    return withImportant(important, "var(--font-family)");
+  }
+  if (prop === "font" && typeof value === "string" && ["h1", "h2", "h3", "h4", "h5", "h6", "text", "button", "small"].includes(value)) {
+    return withImportant(important, font[value] || value);
+  }
+  if (["fontWeight", "font-weight"].includes(prop) && typeof value === "string" && ["h1", "h2", "h3", "h4", "h5", "h6", "text", "button", "small"].includes(value)) {
+    return withImportant(important, fontWeights[value] || value);
+  } else if (["lineHeight", "line-height"].includes(prop) && typeof value === "string" && ["h1", "h2", "h3", "h4", "h5", "h6", "text", "button", "small"].includes(value)) {
+    return withImportant(important, lineHeights[value] || value);
+  } else if (["fontSize", "font-size"].includes(prop) && typeof value === "string") {
+    return withImportant(important, fontsizes[value] || value);
+  } else if (typeof value === "number" && ["shadow", "boxShadow"].includes(prop)) {
+    return withImportant(important, `var(--shadow-${value})`);
+  }
+  return withImportant(important, colors[value] || value);
+};
+var getValue_default = getValue;
+export {
+  getValue_default as default
+};
+//# sourceMappingURL=getValue.js.map

package/css/getValue.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/css/getValue.ts"],
+  "sourcesContent": ["import { CSSProps } from \"./types\"\n\nconst getColor = (color: string) => {\n    return {\n        [`${color}`]: `var(--color-${color}-primary)`,\n        [`${color}.primary`]: `var(--color-${color}-primary)`,\n        [`${color}.secondary`]: `var(--color-${color}-secondary)`,\n        [`${color}.text`]: `var(--color-${color}-text)`,\n        [`${color}.alpha`]: `var(--color-${color}-alpha)`\n    }\n}\n\nconst withImportant = (important: any, value: any) => important ? value + important : value\nconst colors: any = {\n    \"text\": `var(--color-text-primary)`,\n    \"text.primary\": `var(--color-text-primary)`,\n    \"text.secondary\": `var(--color-text-secondary)`,\n\n    \"background\": `var(--color-background-primary)`,\n    \"background.primary\": `var(--color-background-primary)`,\n    \"background.secondary\": `var(--color-background-secondary)`,\n    \"background.alpha\": `var(--color-background-alpha)`,\n    \"divider\": `var(--color-divider)`,\n\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    \"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    \"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    \"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    \"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    if (['width', 'maxWidth', 'minWidth', 'max-width', 'min-width'].includes(prop)) {\n        return withImportant(important, breakpoints[value] || value)\n    } else if (['fontFamily', 'font-family'].includes(prop) && value === 'default') {\n        return withImportant(important, \"var(--font-family)\")\n    } 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    } 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"],
+  "mappings": "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",
+  "names": []
+}

package/css/index.d.ts

@@ -0,0 +1,15 @@
+import getValue from "./getValue";
+import getProps from "./getProps";
+import { CSSOptionProps, CSSProps } from './types';
+export { getValue, getProps };
+export declare const breakpoints: {
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+};
+export declare const css: (props: CSSProps, options?: CSSOptionProps) => import("oncss").CSSFactoryType;
+export declare const adjustColor: (hex: string, factor: number) => string;
+export declare const adjustTextContrast: (color: string) => "#FFFFFF" | "#111111";
+export declare const alpha: (color: string, opacity?: number) => string;

package/css/index.js

@@ -0,0 +1,70 @@
+import getValue from "./getValue";
+import getProps from "./getProps";
+import aliases from "./aliases";
+import { css as _css } from "oncss";
+const breakpoints = {
+  xs: 0,
+  sm: 600,
+  md: 900,
+  lg: 1200,
+  xl: 1536
+};
+const css = (props, options) => {
+  const cssOptions = {
+    ...options,
+    breakpoints,
+    aliases,
+    getValue: (p, v, _c) => {
+      if (options?.getValue) {
+        let _val = options?.getValue(p, v, _c);
+        if (_val) return _val;
+      }
+      return getValue(p, v, _c);
+    },
+    getProps: (p, v, _c) => {
+      if (options?.getProps) {
+        let _p = options?.getProps(p, v, _c);
+        if (_p) return _p;
+      }
+      return getProps(p, v, _c);
+    }
+  };
+  return _css(props, cssOptions);
+};
+const adjustColor = (hex, factor) => {
+  hex = hex.replace(/^#/, "");
+  let r = parseInt(hex.slice(0, 2), 16);
+  let g = parseInt(hex.slice(2, 4), 16);
+  let b = parseInt(hex.slice(4, 6), 16);
+  r = Math.floor(r * factor);
+  g = Math.floor(g * factor);
+  b = Math.floor(b * factor);
+  r = Math.min(255, Math.max(0, r));
+  g = Math.min(255, Math.max(0, g));
+  b = Math.min(255, Math.max(0, b));
+  return `#${r.toString(16).padStart(2, "0")}${g.toString(16).padStart(2, "0")}${b.toString(16).padStart(2, "0")}`;
+};
+const adjustTextContrast = (color) => {
+  color = color.replace(/^#/, "");
+  const r = parseInt(color.slice(0, 2), 16);
+  const g = parseInt(color.slice(2, 4), 16);
+  const b = parseInt(color.slice(4, 6), 16);
+  const luminance = (0.299 * r + 0.587 * g + 0.114 * b) / 255;
+  return luminance > 0.5 ? "#111111" : "#FFFFFF";
+};
+const alpha = (color, opacity = 1) => {
+  if (typeof opacity !== "number") return color;
+  let _opacity = opacity * 100;
+  if (!color.startsWith("#")) throw new Error(`color must be hex`);
+  return (color + `0${Math.round(255 / 100 * _opacity).toString(16)}`.slice(-2)).toUpperCase();
+};
+export {
+  adjustColor,
+  adjustTextContrast,
+  alpha,
+  breakpoints,
+  css,
+  getProps,
+  getValue
+};
+//# sourceMappingURL=index.js.map

package/css/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "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,) => {\n            if (options?.getValue) {\n                let _val = options?.getValue(p, v, _c)\n                if (_val) return _val\n            }\n            return getValue(p, v, _c)\n        },\n        getProps: (p: any, v: any, _c: any) => {\n            if (options?.getProps) {\n                let _p = options?.getProps(p, v, _c)\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"],
+  "mappings": "AAAA,OAAO,cAAc;AACrB,OAAO,cAAc;AACrB,OAAO,aAAa;AAEpB,SAAS,OAAO,YAAY;AAOrB,MAAM,cAAc;AAAA,EACvB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACR;AAEO,MAAM,MAAM,CAAC,OAAiB,YAA6B;AAC9D,QAAM,aAA6B;AAAA,IAC/B,GAAG;AAAA,IACH;AAAA,IACA;AAAA,IACA,UAAU,CAAC,GAAQ,GAAQ,OAAa;AACpC,UAAI,SAAS,UAAU;AACnB,YAAI,OAAO,SAAS,SAAS,GAAG,GAAG,EAAE;AACrC,YAAI,KAAM,QAAO;AAAA,MACrB;AACA,aAAO,SAAS,GAAG,GAAG,EAAE;AAAA,IAC5B;AAAA,IACA,UAAU,CAAC,GAAQ,GAAQ,OAAY;AACnC,UAAI,SAAS,UAAU;AACnB,YAAI,KAAK,SAAS,SAAS,GAAG,GAAG,EAAE;AACnC,YAAI,GAAI,QAAO;AAAA,MACnB;AACA,aAAO,SAAS,GAAG,GAAG,EAAE;AAAA,IAC5B;AAAA,EACJ;AACA,SAAO,KAA8B,OAAO,UAAU;AAC1D;AAEO,MAAM,cAAc,CAAC,KAAa,WAAmB;AAExD,QAAM,IAAI,QAAQ,MAAM,EAAE;AAE1B,MAAI,IAAI,SAAS,IAAI,MAAM,GAAG,CAAC,GAAG,EAAE;AACpC,MAAI,IAAI,SAAS,IAAI,MAAM,GAAG,CAAC,GAAG,EAAE;AACpC,MAAI,IAAI,SAAS,IAAI,MAAM,GAAG,CAAC,GAAG,EAAE;AAEpC,MAAI,KAAK,MAAM,IAAI,MAAM;AACzB,MAAI,KAAK,MAAM,IAAI,MAAM;AACzB,MAAI,KAAK,MAAM,IAAI,MAAM;AAEzB,MAAI,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,CAAC,CAAC;AAChC,MAAI,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,CAAC,CAAC;AAChC,MAAI,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,CAAC,CAAC;AAEhC,SAAO,IAAI,EAAE,SAAS,EAAE,EAAE,SAAS,GAAG,GAAG,CAAC,GAAG,EAAE,SAAS,EAAE,EAAE,SAAS,GAAG,GAAG,CAAC,GAAG,EAAE,SAAS,EAAE,EAAE,SAAS,GAAG,GAAG,CAAC;AAClH;AAEO,MAAM,qBAAqB,CAAC,UAAkB;AACjD,UAAQ,MAAM,QAAQ,MAAM,EAAE;AAC9B,QAAM,IAAI,SAAS,MAAM,MAAM,GAAG,CAAC,GAAG,EAAE;AACxC,QAAM,IAAI,SAAS,MAAM,MAAM,GAAG,CAAC,GAAG,EAAE;AACxC,QAAM,IAAI,SAAS,MAAM,MAAM,GAAG,CAAC,GAAG,EAAE;AAExC,QAAM,aAAa,QAAQ,IAAI,QAAQ,IAAI,QAAQ,KAAK;AACxD,SAAO,YAAY,MAAM,YAAY;AACzC;AAEO,MAAM,QAAQ,CAAC,OAAe,UAAU,MAAM;AACjD,MAAI,OAAO,YAAY,SAAU,QAAO;AACxC,MAAI,WAAW,UAAU;AACzB,MAAI,CAAC,MAAM,WAAW,GAAG,EAAG,OAAM,IAAI,MAAM,mBAAmB;AAC/D,UAAQ,QAAS,IAAI,KAAK,MAAO,MAAM,MAAO,QAAQ,EAAE,SAAS,EAAE,CAAC,GAAG,MAAM,EAAE,GAAI,YAAY;AACnG;",
+  "names": []
+}

package/css/types.d.ts

@@ -0,0 +1,54 @@
+import * as CSS from 'csstype';
+import { ColorsRefTypes, TypographyRefTypes, ThemeOptions } from '../theme/types';
+import * as oncss from 'oncss';
+export type FN = (theme: ThemeOptions) => string | number;
+export type CSSBreakpointType = {
+    [key in BreakpointKeys]: string | number;
+};
+export type CSSValueType<T extends keyof CSS.Properties> = CSS.Properties[T] | Partial<CSSBreakpointType> | number;
+export type Aliases = {
+    bgcolor?: CSSValueType<'background'> | ColorsRefTypes;
+    bgimage?: CSSValueType<'backgroundImage'>;
+    bg?: CSSValueType<'background'> | ColorsRefTypes;
+    p?: CSSValueType<'padding'>;
+    pt?: CSSValueType<'padding'>;
+    pr?: CSSValueType<'padding'>;
+    pb?: CSSValueType<'padding'>;
+    pl?: CSSValueType<'padding'>;
+    px?: CSSValueType<'padding'>;
+    py?: CSSValueType<'margin'>;
+    m?: CSSValueType<'margin'>;
+    mt?: CSSValueType<'margin'>;
+    mr?: CSSValueType<'margin'>;
+    mb?: CSSValueType<'margin'>;
+    ml?: CSSValueType<'margin'>;
+    mx?: CSSValueType<'margin'>;
+    my?: CSSValueType<'margin'>;
+    size?: CSSValueType<'width'>;
+    spacing?: Partial<CSSBreakpointType> | number;
+    radius?: CSSValueType<'borderRadius'> | number;
+    borderRadius?: CSSValueType<'borderRadius'> | number;
+    shadow?: CSSValueType<'boxShadow'> | number;
+    flexBox?: boolean;
+    flexRow?: boolean;
+    flexColumn?: boolean;
+    flexWraped?: boolean;
+    direction?: "row" | "column" | CSSValueType<'direction'>;
+    gap?: CSSValueType<'gap'>;
+    color?: CSSValueType<'color'> | ColorsRefTypes;
+    width?: CSSValueType<'width'> | BreakpointKeys;
+    height?: CSSValueType<'height'>;
+    borderColor?: CSSValueType<'backgroundColor'> | ColorsRefTypes;
+    fontFamily?: CSSValueType<"fontFamily"> | "default";
+    fontSize?: CSSValueType<"fontSize"> | TypographyRefTypes;
+    minWidth?: CSSValueType<"minWidth"> | BreakpointKeys;
+    maxWidth?: CSSValueType<"maxWidth"> | BreakpointKeys;
+    minHeight?: CSSValueType<"minHeight">;
+    maxHeight?: CSSValueType<"maxHeight">;
+};
+export type BreakpointKeys = "xs" | "sm" | "md" | "lg" | "xl";
+export type CSSProps = oncss.CSSProps<Aliases, BreakpointKeys>;
+export type CSSOptionProps = oncss.CSSOptionProps<Aliases, BreakpointKeys>;
+export type GlobalCSS = {
+    [key: string]: oncss.CSSPropsWithoutGlobal<Aliases, BreakpointKeys>;
+};

package/css/types.js

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

package/css/types.js.map

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

package/index.d.ts

@@ -0,0 +1,21 @@
+import Tag from './Tag';
+import useTagProps from './Tag/useTagProps';
+import useAnimation from './useAnimation';
+import useColorTemplate from './useColorTemplate';
+import useBreakpoint from './breakpoint/useBreakpoint';
+import useBreakpointProps from './breakpoint/useBreakpointProps';
+import ServerStyleTags from './ServerStyleTags';
+import isWindow from './isWindow';
+import useInterface from './useInterface';
+import Transition from './Transition';
+export * from './css';
+export * from "./theme";
+export * from './css/types';
+export * from './Tag/types';
+export * from './theme/types';
+export * from './useColorTemplate';
+export * from './useAnimation';
+export type * from './Transition';
+export type * from './Tag/types';
+export type { useBreakpointPropsType } from './breakpoint/useBreakpointProps';
+export { Tag, useTagProps, useAnimation, Transition, useColorTemplate, ServerStyleTags, useBreakpoint, useBreakpointProps, isWindow, useInterface };

package/index.js

@@ -0,0 +1,30 @@
+import Tag from "./Tag";
+import useTagProps from "./Tag/useTagProps";
+import useAnimation from "./useAnimation";
+import useColorTemplate from "./useColorTemplate";
+import useBreakpoint from "./breakpoint/useBreakpoint";
+import useBreakpointProps from "./breakpoint/useBreakpointProps";
+import ServerStyleTags from "./ServerStyleTags";
+import isWindow from "./isWindow";
+import useInterface from "./useInterface";
+import Transition from "./Transition";
+export * from "./css";
+export * from "./theme";
+export * from "./css/types";
+export * from "./Tag/types";
+export * from "./theme/types";
+export * from "./useColorTemplate";
+export * from "./useAnimation";
+export {
+  ServerStyleTags,
+  Tag,
+  Transition,
+  isWindow,
+  useAnimation,
+  useBreakpoint,
+  useBreakpointProps,
+  useColorTemplate,
+  useInterface,
+  useTagProps
+};
+//# sourceMappingURL=index.js.map

package/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/index.ts"],
+  "sourcesContent": ["import Tag from './Tag'\nimport useTagProps from './Tag/useTagProps'\nimport useAnimation from './useAnimation'\nimport useColorTemplate from './useColorTemplate'\nimport useBreakpoint from './breakpoint/useBreakpoint'\nimport useBreakpointProps from './breakpoint/useBreakpointProps'\nimport ServerStyleTags from './ServerStyleTags'\nimport isWindow from './isWindow'\nimport useInterface from './useInterface'\nimport Transition from './Transition'\n\nexport * from './css'\nexport * from \"./theme\"\nexport * from './css/types'\nexport * from './Tag/types'\nexport * from './theme/types'\nexport * from './useColorTemplate'\nexport * from './useAnimation'\nexport type * from './Transition'\nexport type * from './Tag/types'\nexport type { useBreakpointPropsType } from './breakpoint/useBreakpointProps'\n\nexport {\n    Tag,\n    useTagProps,\n    useAnimation,\n    Transition,\n    useColorTemplate,\n    ServerStyleTags,\n    useBreakpoint,\n    useBreakpointProps,\n    isWindow,\n    useInterface\n}"],
+  "mappings": "AAAA,OAAO,SAAS;AAChB,OAAO,iBAAiB;AACxB,OAAO,kBAAkB;AACzB,OAAO,sBAAsB;AAC7B,OAAO,mBAAmB;AAC1B,OAAO,wBAAwB;AAC/B,OAAO,qBAAqB;AAC5B,OAAO,cAAc;AACrB,OAAO,kBAAkB;AACzB,OAAO,gBAAgB;AAEvB,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
+  "names": []
+}

package/isWindow.d.ts

@@ -0,0 +1,2 @@
+declare const isWindow: () => Window | void;
+export default isWindow;

package/isWindow.js

@@ -0,0 +1,6 @@
+const isWindow = () => typeof window !== "undefined" ? window : void 0;
+var isWindow_default = isWindow;
+export {
+  isWindow_default as default
+};
+//# sourceMappingURL=isWindow.js.map

package/isWindow.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/isWindow.ts"],
+  "sourcesContent": ["\nconst isWindow = (): Window | void => typeof window !== 'undefined' ? window : undefined\nexport default isWindow"],
+  "mappings": "AACA,MAAM,WAAW,MAAqB,OAAO,WAAW,cAAc,SAAS;AAC/E,IAAO,mBAAQ;",
+  "names": []
+}

package/package.json

@@ -0,0 +1,28 @@
+{
+   "name": "@xanui/core",
+   "version": "1.0.0",
+   "description": "",
+   "main": "./index.js",
+   "publishConfig": {
+      "access": "public"
+   },
+   "scripts": {
+      "start": "makepack serve -p 3000",
+      "pack": "makepack pack",
+      "publish:pack": "makepack pack -p"
+   },
+   "dependencies": {
+      "oncss": "^1.1.2",
+      "pretty-class": "^1.0.0",
+      "react": "^19.0.0",
+      "react-dom": "^19.0.0",
+      "react-state-bucket": "^1.1.4"
+   },
+   "devDependencies": {
+      "@types/react": "^19.0.2",
+      "@types/react-dom": "^19.0.2",
+      "makepack": "^1.3.4",
+      "typescript": "^4.4.2"
+   },
+   "keywords": []
+}

package/theme/ThemeCssVars.d.ts

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

package/theme/ThemeCssVars.js

@@ -0,0 +1,92 @@
+const ThemeCssVars = (theme) => {
+  const shadows = {};
+  theme.shadow.forEach((s, i) => shadows[`--shadow-${i}`] = s);
+  return {
+    "--bp-xs": theme.breakpoints.xs,
+    "--bp-sm": theme.breakpoints.sm,
+    "--bp-md": theme.breakpoints.md,
+    "--bp-lg": theme.breakpoints.lg,
+    "--bp-xl": theme.breakpoints.xl,
+    "--font-family": theme.typography.fontFamily,
+    "--font-h1": `${theme.typography.h1.fontWeight} ${theme.typography.h1.fontSize}px/${theme.typography.h1.lineHeight} ${theme.typography.fontFamily}`,
+    "--font-h2": `${theme.typography.h2.fontWeight} ${theme.typography.h2.fontSize}px/${theme.typography.h2.lineHeight} ${theme.typography.fontFamily}`,
+    "--font-h3": `${theme.typography.h3.fontWeight} ${theme.typography.h3.fontSize}px/${theme.typography.h3.lineHeight} ${theme.typography.fontFamily}`,
+    "--font-h4": `${theme.typography.h4.fontWeight} ${theme.typography.h4.fontSize}px/${theme.typography.h4.lineHeight} ${theme.typography.fontFamily}`,
+    "--font-h5": `${theme.typography.h5.fontWeight} ${theme.typography.h5.fontSize}px/${theme.typography.h5.lineHeight} ${theme.typography.fontFamily}`,
+    "--font-h6": `${theme.typography.h6.fontWeight} ${theme.typography.h6.fontSize}px/${theme.typography.h6.lineHeight} ${theme.typography.fontFamily}`,
+    "--font-text": `${theme.typography.text.fontWeight} ${theme.typography.text.fontSize}px/${theme.typography.text.lineHeight} ${theme.typography.fontFamily}`,
+    "--font-button": `${theme.typography.button.fontWeight} ${theme.typography.button.fontSize}px/${theme.typography.button.lineHeight} ${theme.typography.fontFamily}`,
+    "--font-small": `${theme.typography.small.fontWeight} ${theme.typography.small.fontSize}px/${theme.typography.small.lineHeight} ${theme.typography.fontFamily}`,
+    "--fontsize-h1": `${theme.typography.h1.fontSize}px`,
+    "--fontsize-h2": `${theme.typography.h2.fontSize}px`,
+    "--fontsize-h3": `${theme.typography.h3.fontSize}px`,
+    "--fontsize-h4": `${theme.typography.h4.fontSize}px`,
+    "--fontsize-h5": `${theme.typography.h5.fontSize}px`,
+    "--fontsize-h6": `${theme.typography.h6.fontSize}px`,
+    "--fontsize-text": `${theme.typography.text.fontSize}px`,
+    "--fontsize-button": `${theme.typography.button.fontSize}px`,
+    "--fontsize-small": `${theme.typography.small.fontSize}px`,
+    "--fontweight-h1": theme.typography.h1.fontWeight + "",
+    "--fontweight-h2": theme.typography.h2.fontWeight + "",
+    "--fontweight-h3": theme.typography.h3.fontWeight + "",
+    "--fontweight-h4": theme.typography.h4.fontWeight + "",
+    "--fontweight-h5": theme.typography.h5.fontWeight + "",
+    "--fontweight-h6": theme.typography.h6.fontWeight + "",
+    "--fontweight-text": theme.typography.text.fontWeight + "",
+    "--fontweight-button": theme.typography.button.fontWeight + "",
+    "--fontweight-small": theme.typography.small.fontWeight + "",
+    "--lineheight-h1": theme.typography.h1.lineHeight + "",
+    "--lineheight-h2": theme.typography.h2.lineHeight + "",
+    "--lineheight-h3": theme.typography.h3.lineHeight + "",
+    "--lineheight-h4": theme.typography.h4.lineHeight + "",
+    "--lineheight-h5": theme.typography.h5.lineHeight + "",
+    "--lineheight-h6": theme.typography.h6.lineHeight + "",
+    "--lineheight-text": theme.typography.text.lineHeight + "",
+    "--lineheight-button": theme.typography.button.lineHeight + "",
+    "--lineheight-small": theme.typography.small.lineHeight + "",
+    "--color-text": theme.colors.text.primary,
+    "--color-text-primary": theme.colors.text.primary,
+    "--color-text-secondary": theme.colors.text.secondary,
+    "--color-background": theme.colors.background.primary,
+    "--color-background-primary": theme.colors.background.primary,
+    "--color-background-secondary": theme.colors.background.secondary,
+    "--color-background-alpha": theme.colors.background.alpha,
+    "--color-divider": theme.colors.divider,
+    "--color-brand": theme.colors.brand.primary,
+    "--color-brand-primary": theme.colors.brand.primary,
+    "--color-brand-secondary": theme.colors.brand.secondary,
+    "--color-brand-alpha": theme.colors.brand.alpha,
+    "--color-brand-text": theme.colors.brand.text,
+    "--color-accent": theme.colors.accent.primary,
+    "--color-accent-primary": theme.colors.accent.primary,
+    "--color-accent-secondary": theme.colors.accent.secondary,
+    "--color-accent-alpha": theme.colors.accent.alpha,
+    "--color-accent-text": theme.colors.accent.text,
+    "--color-info": theme.colors.info.primary,
+    "--color-info-primary": theme.colors.info.primary,
+    "--color-info-secondary": theme.colors.info.secondary,
+    "--color-info-alpha": theme.colors.info.alpha,
+    "--color-info-text": theme.colors.info.text,
+    "--color-success": theme.colors.success.primary,
+    "--color-success-primary": theme.colors.success.primary,
+    "--color-success-secondary": theme.colors.success.secondary,
+    "--color-success-alpha": theme.colors.success.alpha,
+    "--color-success-text": theme.colors.success.text,
+    "--color-warning": theme.colors.warning.primary,
+    "--color-warning-primary": theme.colors.warning.primary,
+    "--color-warning-secondary": theme.colors.warning.secondary,
+    "--color-warning-alpha": theme.colors.warning.alpha,
+    "--color-warning-text": theme.colors.warning.text,
+    "--color-danger": theme.colors.danger.primary,
+    "--color-danger-primary": theme.colors.danger.primary,
+    "--color-danger-secondary": theme.colors.danger.secondary,
+    "--color-danger-alpha": theme.colors.danger.alpha,
+    "--color-danger-text": theme.colors.danger.text,
+    ...shadows
+  };
+};
+var ThemeCssVars_default = ThemeCssVars;
+export {
+  ThemeCssVars_default as default
+};
+//# sourceMappingURL=ThemeCssVars.js.map

package/theme/ThemeCssVars.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/theme/ThemeCssVars.ts"],
+  "sourcesContent": ["import { ThemeOptions } from \"./types\";\n\nconst ThemeCssVars = (theme: ThemeOptions) => {\n\n    const shadows: any = {}\n    theme.shadow.forEach((s, i) => shadows[`--shadow-${i}`] = s)\n\n    return {\n        \"--bp-xs\": theme.breakpoints.xs,\n        \"--bp-sm\": theme.breakpoints.sm,\n        \"--bp-md\": theme.breakpoints.md,\n        \"--bp-lg\": theme.breakpoints.lg,\n        \"--bp-xl\": theme.breakpoints.xl,\n\n        \"--font-family\": theme.typography.fontFamily,\n        \"--font-h1\": `${theme.typography.h1.fontWeight} ${theme.typography.h1.fontSize}px/${theme.typography.h1.lineHeight} ${theme.typography.fontFamily}`,\n        \"--font-h2\": `${theme.typography.h2.fontWeight} ${theme.typography.h2.fontSize}px/${theme.typography.h2.lineHeight} ${theme.typography.fontFamily}`,\n        \"--font-h3\": `${theme.typography.h3.fontWeight} ${theme.typography.h3.fontSize}px/${theme.typography.h3.lineHeight} ${theme.typography.fontFamily}`,\n        \"--font-h4\": `${theme.typography.h4.fontWeight} ${theme.typography.h4.fontSize}px/${theme.typography.h4.lineHeight} ${theme.typography.fontFamily}`,\n        \"--font-h5\": `${theme.typography.h5.fontWeight} ${theme.typography.h5.fontSize}px/${theme.typography.h5.lineHeight} ${theme.typography.fontFamily}`,\n        \"--font-h6\": `${theme.typography.h6.fontWeight} ${theme.typography.h6.fontSize}px/${theme.typography.h6.lineHeight} ${theme.typography.fontFamily}`,\n        \"--font-text\": `${theme.typography.text.fontWeight} ${theme.typography.text.fontSize}px/${theme.typography.text.lineHeight} ${theme.typography.fontFamily}`,\n        \"--font-button\": `${theme.typography.button.fontWeight} ${theme.typography.button.fontSize}px/${theme.typography.button.lineHeight} ${theme.typography.fontFamily}`,\n        \"--font-small\": `${theme.typography.small.fontWeight} ${theme.typography.small.fontSize}px/${theme.typography.small.lineHeight} ${theme.typography.fontFamily}`,\n\n        \"--fontsize-h1\": `${theme.typography.h1.fontSize}px`,\n        \"--fontsize-h2\": `${theme.typography.h2.fontSize}px`,\n        \"--fontsize-h3\": `${theme.typography.h3.fontSize}px`,\n        \"--fontsize-h4\": `${theme.typography.h4.fontSize}px`,\n        \"--fontsize-h5\": `${theme.typography.h5.fontSize}px`,\n        \"--fontsize-h6\": `${theme.typography.h6.fontSize}px`,\n        \"--fontsize-text\": `${theme.typography.text.fontSize}px`,\n        \"--fontsize-button\": `${theme.typography.button.fontSize}px`,\n        \"--fontsize-small\": `${theme.typography.small.fontSize}px`,\n\n        \"--fontweight-h1\": theme.typography.h1.fontWeight + \"\",\n        \"--fontweight-h2\": theme.typography.h2.fontWeight + \"\",\n        \"--fontweight-h3\": theme.typography.h3.fontWeight + \"\",\n        \"--fontweight-h4\": theme.typography.h4.fontWeight + \"\",\n        \"--fontweight-h5\": theme.typography.h5.fontWeight + \"\",\n        \"--fontweight-h6\": theme.typography.h6.fontWeight + \"\",\n        \"--fontweight-text\": theme.typography.text.fontWeight + \"\",\n        \"--fontweight-button\": theme.typography.button.fontWeight + \"\",\n        \"--fontweight-small\": theme.typography.small.fontWeight + \"\",\n\n        \"--lineheight-h1\": theme.typography.h1.lineHeight + \"\",\n        \"--lineheight-h2\": theme.typography.h2.lineHeight + \"\",\n        \"--lineheight-h3\": theme.typography.h3.lineHeight + \"\",\n        \"--lineheight-h4\": theme.typography.h4.lineHeight + \"\",\n        \"--lineheight-h5\": theme.typography.h5.lineHeight + \"\",\n        \"--lineheight-h6\": theme.typography.h6.lineHeight + \"\",\n        \"--lineheight-text\": theme.typography.text.lineHeight + \"\",\n        \"--lineheight-button\": theme.typography.button.lineHeight + \"\",\n        \"--lineheight-small\": theme.typography.small.lineHeight + \"\",\n\n        \"--color-text\": theme.colors.text.primary,\n        \"--color-text-primary\": theme.colors.text.primary,\n        \"--color-text-secondary\": theme.colors.text.secondary,\n\n        \"--color-background\": theme.colors.background.primary,\n        \"--color-background-primary\": theme.colors.background.primary,\n        \"--color-background-secondary\": theme.colors.background.secondary,\n        \"--color-background-alpha\": theme.colors.background.alpha,\n\n        \"--color-divider\": theme.colors.divider,\n\n        \"--color-brand\": theme.colors.brand.primary,\n        \"--color-brand-primary\": theme.colors.brand.primary,\n        \"--color-brand-secondary\": theme.colors.brand.secondary,\n        \"--color-brand-alpha\": theme.colors.brand.alpha,\n        \"--color-brand-text\": theme.colors.brand.text,\n\n        \"--color-accent\": theme.colors.accent.primary,\n        \"--color-accent-primary\": theme.colors.accent.primary,\n        \"--color-accent-secondary\": theme.colors.accent.secondary,\n        \"--color-accent-alpha\": theme.colors.accent.alpha,\n        \"--color-accent-text\": theme.colors.accent.text,\n\n        \"--color-info\": theme.colors.info.primary,\n        \"--color-info-primary\": theme.colors.info.primary,\n        \"--color-info-secondary\": theme.colors.info.secondary,\n        \"--color-info-alpha\": theme.colors.info.alpha,\n        \"--color-info-text\": theme.colors.info.text,\n\n        \"--color-success\": theme.colors.success.primary,\n        \"--color-success-primary\": theme.colors.success.primary,\n        \"--color-success-secondary\": theme.colors.success.secondary,\n        \"--color-success-alpha\": theme.colors.success.alpha,\n        \"--color-success-text\": theme.colors.success.text,\n\n        \"--color-warning\": theme.colors.warning.primary,\n        \"--color-warning-primary\": theme.colors.warning.primary,\n        \"--color-warning-secondary\": theme.colors.warning.secondary,\n        \"--color-warning-alpha\": theme.colors.warning.alpha,\n        \"--color-warning-text\": theme.colors.warning.text,\n\n        \"--color-danger\": theme.colors.danger.primary,\n        \"--color-danger-primary\": theme.colors.danger.primary,\n        \"--color-danger-secondary\": theme.colors.danger.secondary,\n        \"--color-danger-alpha\": theme.colors.danger.alpha,\n        \"--color-danger-text\": theme.colors.danger.text,\n        ...shadows,\n    }\n}\n\n\nexport default ThemeCssVars"],
+  "mappings": "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",
+  "names": []
+}

package/theme/ThemeDefaultOptions.d.ts

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