@matteoaliano/forest-ui 0.3.2 → 0.3.4

package/dist/index.mjs

@@ -1,5 +1,5 @@
-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 { bg, navColors, text, forestTheme, getPreset, buildTheme, lineHeight, fontSize } from './chunk-G2ZXCZKP.mjs';
+export { alpha, avatarColors, base, bg, border, breadcrumbColors, buildTheme, buildThemeOptions, buttonColors, chartColors, container, display, error, fg, focusRings, fontFamily, fontSize, fontWeight, forestAgencyPreset, forestExternalPreset, forestInternalPreset, forestTheme, forestThemeOptions, getAvailablePresets, getPreset, iconColors, info, lineHeight, navColors, radius, registerPreset, sliderColors, spacing, success, text, toggleColors, shadows as tokenShadows, warning, widths } from './chunk-G2ZXCZKP.mjs';
 import React2, { forwardRef, createContext, useMemo, useState, useCallback, useContext } from 'react';
 import { ThemeProvider, useTheme } from '@mui/material/styles';
 import CssBaseline from '@mui/material/CssBaseline';
@@ -121,17 +121,17 @@ function ForestProvider({
 function Autocomplete(props) {
   return /* @__PURE__ */ jsx(MuiAutocomplete, { ...props });
 }
-function Button({ ...props }) {
-  return /* @__PURE__ */ jsx(MuiButton, { variant: "contained", ...props });
+function Button({ variant = "contained", ...props }) {
+  return /* @__PURE__ */ jsx(MuiButton, { variant, ...props });
 }
-function ButtonGroup(props) {
-  return /* @__PURE__ */ jsx(MuiButtonGroup, { variant: "contained", ...props });
+function ButtonGroup({ variant = "contained", ...props }) {
+  return /* @__PURE__ */ jsx(MuiButtonGroup, { variant, ...props });
 }
 function Checkbox(props) {
   return /* @__PURE__ */ jsx(MuiCheckbox, { ...props });
 }
-function Fab(props) {
-  return /* @__PURE__ */ jsx(MuiFab, { color: "primary", ...props });
+function Fab({ color = "primary", ...props }) {
+  return /* @__PURE__ */ jsx(MuiFab, { color, ...props });
 }
 function RadioGroup(props) {
   return /* @__PURE__ */ jsx(MuiRadioGroup, { ...props });
@@ -169,40 +169,51 @@ function MultiSelect({
     return (_a = labelMap.get(v)) != null ? _a : v;
   }).join(", ");
   const labelId = label ? `forest-multiselect-${String(label).replace(/\s+/g, "-").toLowerCase()}` : void 0;
-  return /* @__PURE__ */ jsxs(MuiFormControl, { fullWidth: true, children: [
-    label && /* @__PURE__ */ jsx(MuiInputLabel, { id: labelId, shrink: value.length > 0, children: label }),
-    /* @__PURE__ */ jsxs(
-      MuiSelect,
-      {
-        labelId,
-        label,
-        multiple: true,
-        notched: value.length > 0,
-        value,
-        onChange: handleChange,
-        displayEmpty: true,
-        renderValue: renderValue2,
-        ...rest,
-        children: [
-          selectAll && /* @__PURE__ */ jsx(
-            "li",
-            {
-              onMouseDown: (e) => e.preventDefault(),
-              onClick: (e) => {
-                e.stopPropagation();
-                handleSelectAll();
-              },
-              children: /* @__PURE__ */ jsx(MuiButton, { size: "small", variant: "text", children: allSelected ? "Deselect All" : selectAllLabel })
-            }
-          ),
-          options.map((option) => /* @__PURE__ */ jsxs(MuiMenuItem, { value: option.value, children: [
-            /* @__PURE__ */ jsx(MuiCheckbox, { checked: value.includes(option.value) }),
-            /* @__PURE__ */ jsx(MuiListItemText, { primary: option.label })
-          ] }, option.value))
-        ]
-      }
-    )
-  ] });
+  return /* @__PURE__ */ jsxs(
+    MuiFormControl,
+    {
+      fullWidth: rest.fullWidth,
+      disabled: rest.disabled,
+      error: rest.error,
+      size: rest.size,
+      color: rest.color,
+      variant: rest.variant,
+      children: [
+        label && /* @__PURE__ */ jsx(MuiInputLabel, { id: labelId, shrink: value.length > 0, children: label }),
+        /* @__PURE__ */ jsxs(
+          MuiSelect,
+          {
+            labelId,
+            label,
+            multiple: true,
+            notched: value.length > 0,
+            value,
+            onChange: handleChange,
+            displayEmpty: true,
+            renderValue: renderValue2,
+            ...rest,
+            children: [
+              selectAll && /* @__PURE__ */ jsx(
+                "li",
+                {
+                  onMouseDown: (e) => e.preventDefault(),
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    handleSelectAll();
+                  },
+                  children: /* @__PURE__ */ jsx(MuiButton, { size: "small", variant: "text", children: allSelected ? "Deselect All" : selectAllLabel })
+                }
+              ),
+              options.map((option) => /* @__PURE__ */ jsxs(MuiMenuItem, { value: option.value, children: [
+                /* @__PURE__ */ jsx(MuiCheckbox, { checked: value.includes(option.value) }),
+                /* @__PURE__ */ jsx(MuiListItemText, { primary: option.label })
+              ] }, option.value))
+            ]
+          }
+        )
+      ]
+    }
+  );
 }
 function Switch(props) {
   return /* @__PURE__ */ jsx(MuiSwitch, { ...props });
@@ -221,6 +232,7 @@ function Search({
   onChange,
   onClear,
   placeholder = "Search\u2026",
+  variant = "outlined",
   slotProps,
   ...props
 }) {
@@ -241,7 +253,7 @@ function Search({
   return /* @__PURE__ */ jsx(
     MuiTextField,
     {
-      variant: "outlined",
+      variant,
       placeholder,
       value: currentValue,
       onChange: handleChange,
@@ -352,11 +364,11 @@ function Badge(props) {
 var CloseOutlined_default = createSvgIcon(/* @__PURE__ */ jsx("path", {
   d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
 }), "CloseOutlined");
-function Chip(props) {
+function Chip({ deleteIcon = /* @__PURE__ */ jsx(CloseOutlined_default, {}), ...props }) {
   return /* @__PURE__ */ jsx(
     MuiChip,
     {
-      deleteIcon: /* @__PURE__ */ jsx(CloseOutlined_default, {}),
+      deleteIcon,
       ...props
     }
   );
@@ -406,8 +418,8 @@ function TableRow(props) {
 function DataGrid(props) {
   return /* @__PURE__ */ jsx(DataGrid$1, { ...props });
 }
-function Tooltip(props) {
-  return /* @__PURE__ */ jsx(MuiTooltip, { arrow: true, ...props });
+function Tooltip({ arrow = true, ...props }) {
+  return /* @__PURE__ */ jsx(MuiTooltip, { arrow, ...props });
 }
 function Typography(props) {
   return /* @__PURE__ */ jsx(MuiTypography, { ...props });
@@ -682,8 +694,8 @@ function SidebarItem({
 function useChartColors(count) {
   const theme = useTheme();
   const chart = theme.palette.chart;
-  const colors2 = chart.series.map((s) => s.fg);
-  return colors2.slice(0, Math.min(count, colors2.length));
+  const colors = chart.series.map((s) => s.fg);
+  return colors.slice(0, Math.min(count, colors.length));
 }
 function formatDate(date) {
   if (!date) return "";
@@ -794,7 +806,7 @@ function CustomTooltip(props) {
     }
   );
 }
-function LineChart({ series, colors: colors2, ...props }) {
+function LineChart({ series, colors, ...props }) {
   var _a, _b;
   const theme = useTheme();
   const chart = theme.palette.chart;
@@ -811,7 +823,7 @@ function LineChart({ series, colors: colors2, ...props }) {
     LineChart$1,
     {
       series: modifiedSeries != null ? modifiedSeries : [],
-      colors: colors2 != null ? colors2 : seriesColors,
+      colors: colors != null ? colors : seriesColors,
       grid: { horizontal: true },
       slots: {
         axisContent: CustomTooltip
@@ -875,12 +887,12 @@ function LineChart({ series, colors: colors2, ...props }) {
     }
   );
 }
-function BarChart({ series, colors: colors2, ...props }) {
+function BarChart({ series, colors, ...props }) {
   var _a, _b;
   const theme = useTheme();
   const chart = theme.palette.chart;
   const seriesColors = useChartColors((_a = series == null ? void 0 : series.length) != null ? _a : 0);
-  const resolvedColors = colors2 != null ? colors2 : seriesColors;
+  const resolvedColors = colors != null ? colors : seriesColors;
   const modifiedSeries = series == null ? void 0 : series.map((s, idx) => {
     var _a2;
     const baseColor = s.color || resolvedColors[idx % resolvedColors.length];
@@ -896,7 +908,7 @@ function BarChart({ series, colors: colors2, ...props }) {
     BarChart$1,
     {
       series: modifiedSeries != null ? modifiedSeries : [],
-      colors: colors2 != null ? colors2 : seriesColors,
+      colors: colors != null ? colors : seriesColors,
       grid: { horizontal: true },
       borderRadius: 4,
       slots: {
@@ -974,7 +986,7 @@ function BarChart({ series, colors: colors2, ...props }) {
     }
   );
 }
-function PieChart({ series, colors: colors2, ...props }) {
+function PieChart({ series, colors, ...props }) {
   var _a, _b, _c, _d;
   const theme = useTheme();
   const chart = theme.palette.chart;
@@ -991,7 +1003,7 @@ function PieChart({ series, colors: colors2, ...props }) {
     PieChart$1,
     {
       series: modifiedSeries != null ? modifiedSeries : [],
-      colors: colors2 != null ? colors2 : seriesColors,
+      colors: colors != null ? colors : seriesColors,
       slotProps: {
         legend: {
           itemMarkWidth: 12,