@xanui/core 1.0.10 → 1.0.11

package/theme/core.js

@@ -1,26 +0,0 @@
-import React from "react";
-const ThemeFactory = /* @__PURE__ */ new Map();
-const ThemeContex = React.createContext("light");
-const getTheme = (theme) => ThemeFactory.get(theme);
-const useTheme = () => ThemeFactory.get(React.useContext(ThemeContex));
-const mergeObject = (a, b) => {
-  a = { ...a };
-  b = { ...b };
-  for (const key in b) {
-    const v = b[key];
-    if (typeof v === "object" && !Array.isArray(v) && !React.isValidElement(v)) {
-      a[key] = mergeObject(a[key], b[key]);
-    } else {
-      a[key] = v;
-    }
-  }
-  return a;
-};
-export {
-  ThemeContex,
-  ThemeFactory,
-  getTheme,
-  mergeObject,
-  useTheme
-};
-//# sourceMappingURL=core.js.map

package/theme/createColor.js

@@ -1,52 +0,0 @@
-import { alpha } from "../css";
-const createColor = (theme, name) => {
-  let color = theme.colors[name];
-  let { primary, secondary } = color;
-  let text = color.text || theme.colors.text.primary;
-  let _alpha = alpha(primary, 0.1);
-  const isBag = (a, b) => name === "background" ? a : b;
-  return {
-    alpha: _alpha,
-    template: {
-      outline: {
-        bgcolor: "transparent",
-        color: isBag(text, primary),
-        border: 1,
-        borderColor: isBag("divider", alpha(primary, 0.4)),
-        hover: {
-          color: isBag(text, primary),
-          borderColor: isBag("divider", alpha(primary, 0.8))
-        }
-      },
-      fill: {
-        bgcolor: isBag(secondary, primary),
-        color: text,
-        hover: {
-          bgcolor: isBag(alpha(secondary, 0.6), secondary),
-          color: text
-        }
-      },
-      text: {
-        bgcolor: "transparent",
-        color: isBag(text, primary),
-        hover: {
-          bgcolor: isBag(alpha(secondary, 0.6), alpha(primary, 0.1)),
-          color: isBag(text, primary)
-        }
-      },
-      alpha: {
-        bgcolor: isBag(alpha(secondary, 0.5), alpha(primary, 0.1)),
-        color: isBag(text, primary),
-        hover: {
-          bgcolor: isBag(alpha(secondary, 0.8), alpha(primary, 0.15)),
-          color: isBag(text, primary)
-        }
-      }
-    }
-  };
-};
-var createColor_default = createColor;
-export {
-  createColor_default as default
-};
-//# sourceMappingURL=createColor.js.map

package/theme/createTheme.js

@@ -1,33 +0,0 @@
-import defaultThemeOption, { darkColorPallete } from "./ThemeDefaultOptions";
-import { mergeObject, ThemeFactory } from "./core";
-import createColor from "./createColor";
-import { breakpoints } from "../css";
-const createTheme = (name, options, darkMode) => {
-  if (!ThemeFactory.has(name)) {
-    let theme = mergeObject(defaultThemeOption, {
-      ...darkMode ? darkColorPallete : {},
-      ...options,
-      name,
-      breakpoints
-    });
-    theme = mergeObject(theme, {
-      colors: {
-        background: createColor(theme, "background"),
-        brand: createColor(theme, "brand"),
-        accent: createColor(theme, "accent"),
-        info: createColor(theme, "info"),
-        success: createColor(theme, "success"),
-        warning: createColor(theme, "warning"),
-        danger: createColor(theme, "danger")
-      }
-    });
-    ThemeFactory.set(name, theme);
-  } else {
-    throw new Error(`theme "${name}" already exists!`);
-  }
-  return ThemeFactory.get(name);
-};
-export {
-  createTheme
-};
-//# sourceMappingURL=createTheme.js.map

package/theme/createThemeSwitcher.js

@@ -1,19 +0,0 @@
-import { createBucket } from "react-state-bucket";
-import { getTheme } from "./core";
-const createThemeSwitcher = (defaultTheme, store) => {
-  const useThemeState = createBucket({ name: defaultTheme }, { store });
-  const useThemeSwitcher = () => {
-    const state = useThemeState();
-    return {
-      name: state.get("name"),
-      theme: getTheme(state.get("name")),
-      change: (theme) => state.set("name", theme)
-    };
-  };
-  return useThemeSwitcher;
-};
-var createThemeSwitcher_default = createThemeSwitcher;
-export {
-  createThemeSwitcher_default as default
-};
-//# sourceMappingURL=createThemeSwitcher.js.map

package/theme/index.js

@@ -1,14 +0,0 @@
-import { lightColorPallete, darkColorPallete } from "./ThemeDefaultOptions";
-import { createTheme } from "./createTheme";
-import ThemeProvider from "./ThemeProvider";
-import createThemeSwitcher from "./createThemeSwitcher";
-import { getTheme, useTheme } from "./core";
-createTheme("light", { colors: lightColorPallete });
-createTheme("dark", { colors: darkColorPallete });
-export {
-  ThemeProvider,
-  createThemeSwitcher,
-  getTheme,
-  useTheme
-};
-//# sourceMappingURL=index.js.map

package/useAnimation.js

@@ -1,33 +0,0 @@
-import { css } from "./css";
-import { useId } from "react";
-const animationEases = {
-  easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)",
-  easeOut: "cubic-bezier(0.0, 0, 0.2, 1)",
-  easeIn: "cubic-bezier(0.4, 0, 1, 1)",
-  sharp: "cubic-bezier(0.4, 0, 0.6, 1)",
-  linear: "cubic-bezier(0, 0, 1, 1)",
-  easeBounceOut: "cubic-bezier(0.68, -0.55, 0.265, 1.55)"
-};
-const useAnimation = ({ from, to, delay, ease, duration }) => {
-  let _delay = delay || 0;
-  let _duration = duration || 600;
-  let _ease = ease || "easeBounceOut";
-  const id = "anim" + useId().replaceAll(":", "");
-  const anim = css({
-    animationName: id,
-    animationDelay: _delay + "ms",
-    animationDuration: _duration + "ms",
-    animationTimingFunction: animationEases[_ease] || animationEases.easeBounceOut,
-    [`@keyframes ${id}`]: {
-      from,
-      to
-    }
-  });
-  return anim.classname;
-};
-var useAnimation_default = useAnimation;
-export {
-  animationEases,
-  useAnimation_default as default
-};
-//# sourceMappingURL=useAnimation.js.map

package/useColorTemplate.js

@@ -1,11 +0,0 @@
-import { useTheme } from "./theme";
-const useColorTemplate = (color, type) => {
-  const theme = useTheme();
-  let _color = color === "default" ? "background" : color;
-  return theme.colors[_color]?.template[type];
-};
-var useColorTemplate_default = useColorTemplate;
-export {
-  useColorTemplate_default as default
-};
-//# sourceMappingURL=useColorTemplate.js.map

package/useInterface.js

@@ -1,14 +0,0 @@
-import { useTheme } from "./theme";
-const useInterface = (name, userPorps, defaultProps) => {
-  const theme = useTheme();
-  const _interface = theme.interfaces[name];
-  if (_interface) {
-    defaultProps = _interface({ ...defaultProps, ...userPorps }, theme);
-  }
-  return [{ ...defaultProps, ...userPorps }, theme];
-};
-var useInterface_default = useInterface;
-export {
-  useInterface_default as default
-};
-//# sourceMappingURL=useInterface.js.map