@gustavo-valsechi/client 1.3.61 → 1.3.63

package/dist/components/types/avatar/index.js

@@ -41,14 +41,14 @@ function Avatar(props) {
   const containerRef = (0, import_react.useRef)({});
   const [color, setColor] = (0, import_react.useState)("");
   (0, import_react.useEffect)(() => {
-    if (color || !props.name) return;
-    const random = (0, import_randomcolor.default)({ luminosity: "light", seed: props.name });
+    if (color) return;
+    const random = (0, import_randomcolor.default)({ luminosity: "light", seed: props.name || "Default" });
     setColor(random);
   }, [color, props.name]);
   const name = () => {
     const [first, secound] = import_lodash.default.split(props.name, " ") || [];
-    if (first && secound) return `${first} ${secound}`;
-    if (first) return first;
+    if (first && secound) return `${first.substring(0, 1)} ${secound.substring(0, 1)}`;
+    if (first) return first.substring(0, 1);
     return "IZ";
   };
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(

package/dist/components/types/avatar/index.mjs

@@ -8,14 +8,14 @@ function Avatar(props) {
   const containerRef = useRef({});
   const [color, setColor] = useState("");
   useEffect(() => {
-    if (color || !props.name) return;
-    const random = randomColor({ luminosity: "light", seed: props.name });
+    if (color) return;
+    const random = randomColor({ luminosity: "light", seed: props.name || "Default" });
     setColor(random);
   }, [color, props.name]);
   const name = () => {
     const [first, secound] = _.split(props.name, " ") || [];
-    if (first && secound) return `${first} ${secound}`;
-    if (first) return first;
+    if (first && secound) return `${first.substring(0, 1)} ${secound.substring(0, 1)}`;
+    if (first) return first.substring(0, 1);
     return "IZ";
   };
   return /* @__PURE__ */ jsx(

package/dist/contexts/theme/index.js

@@ -43,8 +43,8 @@ var import_registry = __toESM(require("../../contexts/theme/registry"));
 var import_global = __toESM(require("./global.styles"));
 const ThemeContext = (0, import_react.createContext)({});
 const ThemeProviderContainer = (props) => {
-  const [theme, setTheme] = (0, import_react.useState)("light");
   const [defaultTheme] = (0, import_react.useState)("light");
+  const [theme, setTheme] = (0, import_react.useState)(props.theme || defaultTheme);
   (0, import_react.useEffect)(() => {
     if (!theme) return;
     (async () => await (0, import_tools.setStorage)(process.env.NEXT_PUBLIC_STORAGE_THEME, theme))();
@@ -67,12 +67,12 @@ const ThemeProviderContainer = (props) => {
     ThemeContext.Provider,
     {
       value: {
-        theme: props.theme || defaultTheme,
+        theme: theme || defaultTheme,
         setTheme,
-        content: import_content.Themes[props.theme || defaultTheme],
+        content: import_content.Themes[theme || defaultTheme],
         Switcher: SwitcherComponent
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_registry.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled_components.ThemeProvider, { theme: import_content.Themes[props.theme || defaultTheme], children: [
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_registry.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled_components.ThemeProvider, { theme: import_content.Themes[theme || defaultTheme], children: [
         props.children,
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_global.default, {})
       ] }) })

package/dist/contexts/theme/index.mjs

@@ -9,8 +9,8 @@ import StyledComponentsRegistry from "../../contexts/theme/registry";
 import GlobalStyles from "./global.styles";
 const ThemeContext = createContext({});
 const ThemeProviderContainer = (props) => {
-  const [theme, setTheme] = useState("light");
   const [defaultTheme] = useState("light");
+  const [theme, setTheme] = useState(props.theme || defaultTheme);
   useEffect(() => {
     if (!theme) return;
     (async () => await setStorage(process.env.NEXT_PUBLIC_STORAGE_THEME, theme))();
@@ -33,12 +33,12 @@ const ThemeProviderContainer = (props) => {
     ThemeContext.Provider,
     {
       value: {
-        theme: props.theme || defaultTheme,
+        theme: theme || defaultTheme,
         setTheme,
-        content: Themes[props.theme || defaultTheme],
+        content: Themes[theme || defaultTheme],
         Switcher: SwitcherComponent
       },
-      children: /* @__PURE__ */ jsx(StyledComponentsRegistry, { children: /* @__PURE__ */ jsxs(ThemeProvider, { theme: Themes[props.theme || defaultTheme], children: [
+      children: /* @__PURE__ */ jsx(StyledComponentsRegistry, { children: /* @__PURE__ */ jsxs(ThemeProvider, { theme: Themes[theme || defaultTheme], children: [
         props.children,
         /* @__PURE__ */ jsx(GlobalStyles, {})
       ] }) })

package/dist/interfaces/contexts/theme/index.d.ts

@@ -1,6 +1,6 @@
 import { IBaseProvider } from "../..";
 export interface IThemeProvider extends IBaseProvider {
-    theme?: string;
+    theme?: keyof ITheme;
 }
 export interface ICommonTheme {
     secondary: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gustavo-valsechi/client",
-  "version": "1.3.61",
+  "version": "1.3.63",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",