@matteoaliano/forest-ui 0.2.11 → 0.3.1

package/dist/index.mjs

@@ -1,9 +1,9 @@
-import { bg, navColors, text, forestTheme, getPreset, buildTheme, lineHeight, fontSize } from './chunk-6W3RIXXY.mjs';
-export { alkemyPlusPreset, alpha, avatarColors, bg, border, breadcrumbColors, buildTheme, buildThemeOptions, buttonColors, chartColors, colors, container, display, fg, focusRings, fontFamily, fontSize, fontWeight, forestPreset, forestTheme, forestThemeOptions, getAvailablePresets, getPreset, iconColors, lineHeight, navColors, radius, registerPreset, sliderColors, spacing, text, toggleColors, shadows as tokenShadows, widths } from './chunk-6W3RIXXY.mjs';
-import React2, { createContext, useMemo, useState, useCallback, useContext } from 'react';
+import { bg, navColors, text, forestTheme, getPreset, buildTheme, lineHeight, fontSize } from './chunk-GZ6FQWHG.mjs';
+export { alpha, avatarColors, bg, border, breadcrumbColors, buildTheme, buildThemeOptions, buttonColors, chartColors, colors, container, display, fg, focusRings, fontFamily, fontSize, fontWeight, forestAgencyPreset, forestExternalPreset, forestInternalPreset, forestTheme, forestThemeOptions, getAvailablePresets, getPreset, iconColors, lineHeight, navColors, radius, registerPreset, sliderColors, spacing, text, toggleColors, shadows as tokenShadows, widths } from './chunk-GZ6FQWHG.mjs';
+import React2, { forwardRef, createContext, useMemo, useState, useCallback, useContext } from 'react';
 import { ThemeProvider, useTheme } from '@mui/material/styles';
 import CssBaseline from '@mui/material/CssBaseline';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import MuiAutocomplete from '@mui/material/Autocomplete';
 import MuiButton from '@mui/material/Button';
 import MuiButtonGroup from '@mui/material/ButtonGroup';
@@ -21,6 +21,8 @@ import MuiTextField from '@mui/material/TextField';
 import InputAdornment from '@mui/material/InputAdornment';
 import IconButton from '@mui/material/IconButton';
 import { createSvgIcon } from '@mui/material/utils';
+import MuiInputBase from '@mui/material/InputBase';
+import { Box, Typography as Typography$1 } from '@mui/material';
 import MuiToggleButton from '@mui/material/ToggleButton';
 import MuiToggleButtonGroup from '@mui/material/ToggleButtonGroup';
 import { DatePicker as DatePicker$1 } from '@mui/x-date-pickers/DatePicker';
@@ -81,9 +83,8 @@ import MuiStepLabel from '@mui/material/StepLabel';
 import MuiTabs from '@mui/material/Tabs';
 import MuiTab from '@mui/material/Tab';
 import MuiDrawer from '@mui/material/Drawer';
-import Box from '@mui/material/Box';
+import Box2 from '@mui/material/Box';
 import { LineChart as LineChart$1 } from '@mui/x-charts/LineChart';
-import { Box as Box$1, Typography as Typography$1 } from '@mui/material';
 import { BarChart as BarChart$1 } from '@mui/x-charts/BarChart';
 import { PieChart as PieChart$1 } from '@mui/x-charts/PieChart';
 
@@ -266,6 +267,76 @@ function Search({
     }
   );
 }
+function Input({ ...props }) {
+  return /* @__PURE__ */ jsx(MuiInputBase, { ...props });
+}
+var svgPaths = {
+  wsuite: {
+    logo: /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: "M0.957 2.76H3.729V3.838H2.387V13.122H3.729V14.2H0.957V2.76ZM7.97844 4.3H8.95744L10.4534 8.964L11.7954 4.3H13.4124L10.9814 12H9.98044L8.47344 7.402L6.95544 12H5.95444L3.52344 4.3H5.14044L6.48244 8.964L7.97844 4.3ZM15.9729 12.176C15.1369 12.176 14.3559 11.956 13.7839 11.56V9.701C14.3229 10.306 15.1149 10.669 15.8959 10.669C16.7099 10.669 17.2819 10.295 17.2819 9.756C17.2819 9.393 17.0179 9.151 16.3909 8.931L15.4999 8.623C14.4219 8.249 13.8499 7.523 13.8499 6.522C13.8499 5.125 14.9829 4.124 16.5889 4.124C17.3039 4.124 18.0079 4.3 18.5249 4.619V6.346C17.9969 5.884 17.3479 5.631 16.6659 5.631C15.9289 5.631 15.4449 5.939 15.4449 6.412C15.4449 6.786 15.7529 7.094 16.3359 7.292L17.2159 7.589C18.3379 7.974 18.8769 8.656 18.8769 9.701C18.8769 11.197 17.7329 12.176 15.9729 12.176ZM25.4205 12H23.9025V11.329C23.5065 11.857 22.8465 12.176 22.0765 12.176C20.7125 12.176 19.8215 11.285 19.8215 9.943V5.95H21.3835V9.448C21.3835 10.295 21.8565 10.812 22.6375 10.812C23.4185 10.812 23.8585 10.317 23.8585 9.448V5.95H25.4205V12ZM26.7781 12V5.95H28.3401V12H26.7781ZM27.5591 5.444C27.0201 5.444 26.6461 5.07 26.6461 4.542C26.6461 3.992 27.0201 3.607 27.5591 3.607C28.0981 3.607 28.4721 3.992 28.4721 4.542C28.4721 5.07 28.0981 5.444 27.5591 5.444ZM30.0712 7.292H29.0592V5.95H30.0712V4.707H31.6332V5.95H32.6452V7.292H31.6332V12H30.0712V7.292ZM38.386 11.538C37.825 11.934 37.011 12.176 36.23 12.176C34.327 12.176 32.952 10.823 32.952 8.931C32.952 7.094 34.217 5.774 35.988 5.774C37.726 5.774 38.892 7.039 38.892 8.931C38.892 9.382 38.826 9.613 38.826 9.613H34.602C34.789 10.35 35.46 10.834 36.362 10.834C37 10.834 37.66 10.614 38.386 10.086V11.538ZM34.558 8.381H37.418C37.352 7.578 36.857 7.061 36.032 7.061C35.207 7.061 34.624 7.6 34.558 8.381ZM41.6447 2.76V14.2H38.8727V13.122H40.2147V3.838H38.8727V2.76H41.6447Z", fill: "black" }),
+      /* @__PURE__ */ jsx("path", { d: "M44.6972 2.88174H46.0612V4.93874H48.0852V6.25874H46.0612V8.32674H44.6972V6.25874H42.6512V4.93874H44.6972V2.88174Z", fill: "#FF78F3" })
+    ] }),
+    logomark: /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: "M0.957 2.76H3.729V3.838H2.387V13.122H3.729V14.2H0.957V2.76ZM7.97844 4.3H8.95744L10.4534 8.964L11.7954 4.3H13.4124L10.9814 12H9.98044L8.47344 7.402L6.95544 12H5.95444L3.52344 4.3H5.14044L6.48244 8.964L7.97844 4.3ZM15.9816 2.76V14.2H13.2096V13.122H14.5516V3.838H13.2096V2.76H15.9816Z", fill: "black" }),
+      /* @__PURE__ */ jsx("path", { d: "M18.6972 2.88174H20.0612V4.93874H22.0852V6.25874H20.0612V8.32674H18.6972V6.25874H16.6512V4.93874H18.6972V2.88174Z", fill: "#FF78F3" })
+    ] })
+  },
+  studio: {
+    logo: /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: "M0.957 2.76H3.729V3.838H2.387V13.122H3.729V14.2H0.957V2.76ZM6.14376 12.176C5.30776 12.176 4.52676 11.956 3.95476 11.56V9.701C4.49376 10.306 5.28576 10.669 6.06676 10.669C6.88076 10.669 7.45276 10.295 7.45276 9.756C7.45276 9.393 7.18876 9.151 6.56176 8.931L5.67076 8.623C4.59276 8.249 4.02076 7.523 4.02076 6.522C4.02076 5.125 5.15376 4.124 6.75976 4.124C7.47476 4.124 8.17876 4.3 8.69576 4.619V6.346C8.16776 5.884 7.51876 5.631 6.83676 5.631C6.09976 5.631 5.61576 5.939 5.61576 6.412C5.61576 6.786 5.92376 7.094 6.50676 7.292L7.38676 7.589C8.50876 7.974 9.04776 8.656 9.04776 9.701C9.04776 11.197 7.90376 12.176 6.14376 12.176ZM10.5419 7.292H9.52987V5.95H10.5419V4.707H12.1039V5.95H13.1159V7.292H12.1039V12H10.5419V7.292ZM19.3297 12H17.8117V11.329C17.4157 11.857 16.7557 12.176 15.9857 12.176C14.6217 12.176 13.7307 11.285 13.7307 9.943V5.95H15.2927V9.448C15.2927 10.295 15.7657 10.812 16.5467 10.812C17.3277 10.812 17.7677 10.317 17.7677 9.448V5.95H19.3297V12ZM25.1384 12V11.142C24.7204 11.791 24.0054 12.165 23.1584 12.165C21.5084 12.165 20.2654 10.801 20.2654 8.986C20.2654 7.16 21.5084 5.785 23.1584 5.785C24.0164 5.785 24.7314 6.148 25.1164 6.742V4.3H26.6784V12H25.1384ZM23.5214 7.149C22.5094 7.149 21.8824 7.853 21.8824 8.975C21.8824 10.097 22.5094 10.801 23.5214 10.801C24.5224 10.801 25.1494 10.097 25.1494 8.986C25.1494 7.853 24.5224 7.149 23.5214 7.149ZM28.035 12V5.95H29.597V12H28.035ZM28.816 5.444C28.277 5.444 27.903 5.07 27.903 4.542C27.903 3.992 28.277 3.607 28.816 3.607C29.355 3.607 29.729 3.992 29.729 4.542C29.729 5.07 29.355 5.444 28.816 5.444ZM33.7585 12.165C31.8555 12.165 30.5135 10.845 30.5135 8.975C30.5135 7.105 31.8555 5.785 33.7585 5.785C35.6615 5.785 37.0145 7.105 37.0145 8.975C37.0145 10.845 35.6615 12.165 33.7585 12.165ZM33.7585 10.801C34.7595 10.801 35.3975 10.097 35.3975 8.975C35.3975 7.864 34.7595 7.149 33.7585 7.149C32.7685 7.149 32.1305 7.864 32.1305 8.975C32.1305 10.097 32.7575 10.801 33.7585 10.801ZM39.7219 2.76V14.2H36.9499V13.122H38.2919V3.838H36.9499V2.76H39.7219Z", fill: "black" }),
+      /* @__PURE__ */ jsx("path", { d: "M42.6972 2.88174H44.0612V4.93874H46.0852V6.25874H44.0612V8.32674H42.6972V6.25874H40.6512V4.93874H42.6972V2.88174Z", fill: "#9D5FFF" })
+    ] }),
+    logomark: /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: "M0.957 2.76H3.729V3.838H2.387V13.122H3.729V14.2H0.957V2.76ZM6.14376 12.176C5.30776 12.176 4.52676 11.956 3.95476 11.56V9.701C4.49376 10.306 5.28576 10.669 6.06676 10.669C6.88076 10.669 7.45276 10.295 7.45276 9.756C7.45276 9.393 7.18876 9.151 6.56176 8.931L5.67076 8.623C4.59276 8.249 4.02076 7.523 4.02076 6.522C4.02076 5.125 5.15376 4.124 6.75976 4.124C7.47476 4.124 8.17876 4.3 8.69576 4.619V6.346C8.16776 5.884 7.51876 5.631 6.83676 5.631C6.09976 5.631 5.61576 5.939 5.61576 6.412C5.61576 6.786 5.92376 7.094 6.50676 7.292L7.38676 7.589C8.50876 7.974 9.04776 8.656 9.04776 9.701C9.04776 11.197 7.90376 12.176 6.14376 12.176ZM12.05 2.76V14.2H9.27798V13.122H10.62V3.838H9.27798V2.76H12.05Z", fill: "black" }),
+      /* @__PURE__ */ jsx("path", { d: "M15.6972 2.88174H17.0612V4.93874H19.0852V6.25874H17.0612V8.32674H15.6972V6.25874H13.6512V4.93874H15.6972V2.88174Z", fill: "#9D5FFF" })
+    ] })
+  },
+  feedati: {
+    logo: /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: "M0.957 2.76H3.729V3.838H2.387V13.122H3.729V14.2H0.957V2.76ZM4.21695 12V4.3H9.65095V5.73H5.83395V7.523H9.11195V8.953H5.83395V12H4.21695ZM15.1399 11.538C14.5789 11.934 13.7649 12.176 12.9839 12.176C11.0809 12.176 9.70587 10.823 9.70587 8.931C9.70587 7.094 10.9709 5.774 12.7419 5.774C14.4799 5.774 15.6459 7.039 15.6459 8.931C15.6459 9.382 15.5799 9.613 15.5799 9.613H11.3559C11.5429 10.35 12.2139 10.834 13.1159 10.834C13.7539 10.834 14.4139 10.614 15.1399 10.086V11.538ZM11.3119 8.381H14.1719C14.1059 7.578 13.6109 7.061 12.7859 7.061C11.9609 7.061 11.3779 7.6 11.3119 8.381ZM21.5637 11.538C21.0027 11.934 20.1887 12.176 19.4077 12.176C17.5047 12.176 16.1297 10.823 16.1297 8.931C16.1297 7.094 17.3947 5.774 19.1657 5.774C20.9037 5.774 22.0697 7.039 22.0697 8.931C22.0697 9.382 22.0037 9.613 22.0037 9.613H17.7797C17.9667 10.35 18.6377 10.834 19.5397 10.834C20.1777 10.834 20.8377 10.614 21.5637 10.086V11.538ZM17.7357 8.381H20.5957C20.5297 7.578 20.0347 7.061 19.2097 7.061C18.3847 7.061 17.8017 7.6 17.7357 8.381ZM24.6328 5.708V10.592H25.5788C27.0968 10.592 28.0208 9.624 28.0208 8.15C28.0208 6.698 27.0748 5.708 25.5788 5.708H24.6328ZM25.7218 4.3C28.0758 4.3 29.6708 6.005 29.6708 8.15C29.6708 10.306 28.0978 12 25.7218 12H23.0158V4.3H25.7218ZM34.0509 8.381C34.0509 7.633 33.4679 7.149 32.5769 7.149C31.9169 7.149 31.1469 7.424 30.5639 7.82V6.313C31.1799 5.972 31.9939 5.774 32.7529 5.774C34.4469 5.774 35.5359 6.72 35.5359 8.205V12H34.1059V11.527C33.7319 11.923 33.1379 12.176 32.4779 12.176C31.2459 12.176 30.3879 11.351 30.3879 10.163C30.3879 8.953 31.2899 8.106 32.5659 8.106C33.1929 8.106 33.7209 8.315 34.0509 8.667V8.381ZM31.9279 10.108C31.9279 10.592 32.3679 10.933 32.9949 10.933C33.6219 10.933 34.0619 10.592 34.0619 10.108C34.0619 9.613 33.6219 9.272 33.0059 9.272C32.3789 9.272 31.9279 9.613 31.9279 10.108ZM37.118 7.292H36.106V5.95H37.118V4.707H38.68V5.95H39.692V7.292H38.68V12H37.118V7.292ZM40.41 12V5.95H41.972V12H40.41ZM41.191 5.444C40.652 5.444 40.278 5.07 40.278 4.542C40.278 3.992 40.652 3.607 41.191 3.607C41.73 3.607 42.104 3.992 42.104 4.542C42.104 5.07 41.73 5.444 41.191 5.444ZM45.2219 2.76V14.2H42.4499V13.122H43.7919V3.838H42.4499V2.76H45.2219Z", fill: "black" }),
+      /* @__PURE__ */ jsx("path", { d: "M48.6971 2.88174H50.0611V4.93874H52.0851V6.25874H50.0611V8.32674H48.6971V6.25874H46.6511V4.93874H48.6971V2.88174Z", fill: "#FF2821" })
+    ] }),
+    logomark: /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: "M0.957 2.76H3.729V3.838H2.387V13.122H3.729V14.2H0.957V2.76ZM4.21695 12V4.3H9.65095V5.73H5.83395V7.523H9.11195V8.953H5.83395V12H4.21695ZM12.4904 2.76V14.2H9.71841V13.122H11.0604V3.838H9.71841V2.76H12.4904Z", fill: "black" }),
+      /* @__PURE__ */ jsx("path", { d: "M15.6972 2.88174H17.0612V4.93874H19.0852V6.25874H17.0612V8.32674H15.6972V6.25874H13.6512V4.93874H15.6972V2.88174Z", fill: "#FF2821" })
+    ] })
+  }
+};
+var viewBoxMap = {
+  wsuite: { logo: "0 0 51 16", logomark: "0 0 25 16" },
+  studio: { logo: "0 0 49 16", logomark: "0 0 22 16" },
+  feedati: { logo: "0 0 55 16", logomark: "0 0 22 16" }
+};
+var Logo = forwardRef(
+  ({
+    product = "wsuite",
+    variant = "logo",
+    sx,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsx(
+      Box,
+      {
+        component: "svg",
+        ref,
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: viewBoxMap[product][variant],
+        fill: "none",
+        sx: {
+          display: "block",
+          width: "100%",
+          height: "100%",
+          maxWidth: parseInt(viewBoxMap[product][variant].split(" ")[2]),
+          maxHeight: parseInt(viewBoxMap[product][variant].split(" ")[3]),
+          ...sx
+        },
+        ...props,
+        children: svgPaths[product][variant]
+      }
+    );
+  }
+);
+Logo.displayName = "Logo";
 function ToggleButton(props) {
   return /* @__PURE__ */ jsx(MuiToggleButton, { ...props });
 }
@@ -484,7 +555,7 @@ function SidebarNav({
     onMouseEnter: () => onOpenChange(true),
     onMouseLeave: () => onOpenChange(false)
   } : {};
-  return /* @__PURE__ */ jsx(SidebarContext.Provider, { value: { open, collapsedWidth, expandedWidth }, children: /* @__PURE__ */ jsxs(Box, { sx: { position: "relative", width: layoutWidth, flexShrink: 0 }, children: [
+  return /* @__PURE__ */ jsx(SidebarContext.Provider, { value: { open, collapsedWidth, expandedWidth }, children: /* @__PURE__ */ jsxs(Box2, { sx: { position: "relative", width: layoutWidth, flexShrink: 0 }, children: [
     /* @__PURE__ */ jsx(
       MuiDrawer,
       {
@@ -504,7 +575,7 @@ function SidebarNav({
           ...sx
         },
         children: /* @__PURE__ */ jsxs(
-          Box,
+          Box2,
           {
             sx: {
               display: "flex",
@@ -513,9 +584,9 @@ function SidebarNav({
               overflow: "hidden"
             },
             children: [
-              header && /* @__PURE__ */ jsx(Box, { sx: { flexShrink: 0 }, children: header }),
-              /* @__PURE__ */ jsx(Box, { sx: { flexGrow: 1, overflowY: "auto", overflowX: "hidden" }, children }),
-              footer && /* @__PURE__ */ jsx(Box, { sx: { flexShrink: 0 }, children: footer })
+              header && /* @__PURE__ */ jsx(Box2, { sx: { flexShrink: 0 }, children: header }),
+              /* @__PURE__ */ jsx(Box2, { sx: { flexGrow: 1, overflowY: "auto", overflowX: "hidden" }, children }),
+              footer && /* @__PURE__ */ jsx(Box2, { sx: { flexShrink: 0 }, children: footer })
             ]
           }
         )
@@ -639,7 +710,7 @@ function CustomTooltip(props) {
     return null;
   }
   return /* @__PURE__ */ jsxs(
-    Box$1,
+    Box,
     {
       sx: {
         backgroundColor: theme.palette.common.white,
@@ -673,9 +744,9 @@ function CustomTooltip(props) {
           const color = typeof s.getColor === "function" ? s.getColor(dataIndex) : s.color;
           const value = s.data ? s.data[dataIndex] : null;
           if (value == null) return null;
-          return /* @__PURE__ */ jsx(Box$1, { sx: { display: "flex", flexDirection: "column", gap: "6px" }, children: /* @__PURE__ */ jsxs(Box$1, { sx: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+          return /* @__PURE__ */ jsx(Box, { sx: { display: "flex", flexDirection: "column", gap: "6px" }, children: /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: "8px" }, children: [
             /* @__PURE__ */ jsx(
-              Box$1,
+              Box,
               {
                 sx: {
                   width: 16,
@@ -698,7 +769,7 @@ function CustomTooltip(props) {
                 },
                 children: [
                   /* @__PURE__ */ jsx(
-                    Box$1,
+                    Box,
                     {
                       component: "span",
                       sx: {
@@ -957,6 +1028,6 @@ function PieChart({ series, colors: colors2, ...props }) {
   );
 }
 
-export { Accordion, AccordionActions, AccordionDetails, AccordionSummary, Alert, AlertTitle, AppBar, Autocomplete, Backdrop, Badge, BarChart, Breadcrumbs, Button, ButtonGroup, Card, CardActions, CardContent, CardHeader, CardMedia, Checkbox, Chip, CircularProgress, DataGrid, DatePicker, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, Divider, Fab, ForestProvider, LineChart, LinearProgress, Link, List, ListItem, ListItemAvatar, ListItemButton, ListItemIcon, ListItemText, ListSubheader, Menu, MenuItem, MenuList, Modal, MultiSelect, Pagination, Paper, PieChart, Popover, Radio, RadioGroup, Search, Select, SidebarItem, SidebarNav, Skeleton, Snackbar, Step, StepLabel, Stepper, Switch, Tab, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, Tabs, TextField, ToggleButton, ToggleButtonGroup, Toolbar, Tooltip, Typography, useChartColors, useSidebar };
+export { Accordion, AccordionActions, AccordionDetails, AccordionSummary, Alert, AlertTitle, AppBar, Autocomplete, Backdrop, Badge, BarChart, Breadcrumbs, Button, ButtonGroup, Card, CardActions, CardContent, CardHeader, CardMedia, Checkbox, Chip, CircularProgress, DataGrid, DatePicker, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, Divider, Fab, ForestProvider, Input, LineChart, LinearProgress, Link, List, ListItem, ListItemAvatar, ListItemButton, ListItemIcon, ListItemText, ListSubheader, Logo, Menu, MenuItem, MenuList, Modal, MultiSelect, Pagination, Paper, PieChart, Popover, Radio, RadioGroup, Search, Select, SidebarItem, SidebarNav, Skeleton, Snackbar, Step, StepLabel, Stepper, Switch, Tab, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, Tabs, TextField, ToggleButton, ToggleButtonGroup, Toolbar, Tooltip, Typography, useChartColors, useSidebar };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map