@undefine-ui/design-system 2.6.0 → 2.8.0

package/README.md

@@ -176,7 +176,7 @@ Everything is re-exported from `src/index.ts`. Key groups:
 | Hooks      | `useBoolean`, `useCopyToClipboard`, `useEventListener`, `useLocalStorage`, `useResponsive`, `useSettings`, `useSetState`, `useScrollOffsetTop`, `usePopover`               |
 | Contexts   | `SettingsProvider`, `SettingsContext`, `defaultSettings`, `SettingsValueProps`                                                                                             |
 | Theme      | `ThemeProvider`, `createTheme`, `colorSchemes`, `components`, `palette`, `radius`, `shadows`, `customSpacing`, utilities such as `varAlpha`, `bgGradient`, `hideScrollX/Y` |
-| Utilities  | `changeCase` helpers, `formatNumber`, generic `helpers`                                                                                                                    |
+| Utilities  | `changeCase` helpers, `formatNumber`, `fullname-utils`, generic `helpers`                                                                                                  |
 
 You can also import the theme pieces directly to compose your own MUI theme or to extend tokens in Storybook.
 

package/dist/index.cjs

@@ -107,8 +107,10 @@ __export(index_exports, {
   fNumber: () => fNumber,
   fPercent: () => fPercent,
   fShortenNumber: () => fShortenNumber,
+  formatFullname: () => formatFullname,
   getCurrencySymbol: () => getCurrencySymbol,
   getInitColorSchemeScript: () => getInitColorSchemeScript,
+  getInitials: () => getInitials,
   getStorage: () => getStorage,
   grey: () => grey,
   hexToRgbChannel: () => hexToRgbChannel,
@@ -141,6 +143,7 @@ __export(index_exports, {
   setStorage: () => setStorage,
   shadows: () => shadows,
   snakeCase: () => snakeCase,
+  splitFullname: () => splitFullname,
   stylesMode: () => stylesMode,
   success: () => success,
   surface: () => surface,
@@ -294,6 +297,25 @@ var fData = (inputValue) => {
   return fm;
 };
 
+// src/libs/fullname-utils.ts
+var getInitials = (name) => {
+  const names = name?.split(" ");
+  const initials = names?.map((n) => n.charAt(0)?.toUpperCase())?.join("");
+  return initials;
+};
+var splitFullname = (name) => {
+  if (!name) {
+    return { firstname: "", lastname: "" };
+  }
+  const names = name.split(" ");
+  const firstname = names[0];
+  const lastname = names[names.length - 1];
+  return { firstname, lastname };
+};
+var formatFullname = (firstname, lastname) => {
+  return `${firstname} ${lastname}`;
+};
+
 // src/hooks/useBoolean.ts
 var import_react = require("react");
 var useBoolean = (defaultValue) => {
@@ -3590,7 +3612,7 @@ var MuiButtonBase = {
    *************************************** */
   styleOverrides: {
     root: ({ theme }) => ({
-      fontFamily: theme.typography.fontFamily
+      fontFamily: theme.typography.fontSecondaryFamily
     })
   }
 };
@@ -3710,7 +3732,8 @@ var MuiButton = {
   styleOverrides: {
     root: ({ theme }) => ({
       fontWeight: 500,
-      borderRadius: theme.radius["radius-xl"]
+      borderRadius: theme.radius["radius-xl"],
+      fontFamily: theme.typography.fontSecondaryFamily
     }),
     /**
      * @variant contained
@@ -7299,8 +7322,10 @@ var SplashScreen = ({ portal, sx, ...rest }) => {
   fNumber,
   fPercent,
   fShortenNumber,
+  formatFullname,
   getCurrencySymbol,
   getInitColorSchemeScript,
+  getInitials,
   getStorage,
   grey,
   hexToRgbChannel,
@@ -7333,6 +7358,7 @@ var SplashScreen = ({ portal, sx, ...rest }) => {
   setStorage,
   shadows,
   snakeCase,
+  splitFullname,
   stylesMode,
   success,
   surface,