@carto/meridian-ds 2.6.2-alpha.0 → 2.7.0

package/dist/components/index.js

@@ -1,14 +1,14 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React, { forwardRef, useState, useRef, useEffect, useMemo, createElement, Fragment as Fragment$1, useCallback, useImperativeHandle } from "react";
-import { styled, Box, Button as Button$1, CircularProgress, Popper, Grow, Paper, ClickAwayListener, MenuList as MenuList$1, MenuItem, ButtonGroup as ButtonGroup$1, TextField, InputAdornment, Select, FormControl, InputLabel, FormHelperText, Link, Checkbox, IconButton as IconButton$1, ListItemText, Tooltip, ToggleButtonGroup as ToggleButtonGroup$1, Autocomplete as Autocomplete$1, Divider, ListItemIcon, createFilterOptions, alpha, useTheme, AppBar as AppBar$1, Toolbar, Dialog as Dialog$1, DialogTitle as DialogTitle$1, Chip, DialogContent as DialogContent$1, DialogActions as DialogActions$1, Slide, Accordion, AccordionSummary, AccordionDetails, Avatar as Avatar$1, Menu as Menu$2, useMediaQuery, Snackbar as Snackbar$1, Portal, Fade } from "@mui/material";
+import { styled, Box, Button as Button$1, CircularProgress, Popper, Grow, Paper, ClickAwayListener, MenuList as MenuList$1, MenuItem, ButtonGroup as ButtonGroup$1, TextField, InputAdornment, Select, FormControl, InputLabel, FormHelperText, Link, Checkbox, IconButton as IconButton$1, ListItemText, Tooltip, ToggleButtonGroup as ToggleButtonGroup$1, Autocomplete as Autocomplete$1, Divider, ListItemIcon, createFilterOptions, alpha, useTheme, AppBar as AppBar$1, Toolbar, Dialog as Dialog$1, DialogTitle as DialogTitle$1, Chip, DialogContent as DialogContent$1, DialogActions as DialogActions$1, Slide, Accordion, AccordionSummary, AccordionDetails, Avatar as Avatar$1, Menu as Menu$2, useMediaQuery, Stack, Snackbar as Snackbar$1, Portal, Fade } from "@mui/material";
 import { OpenInNewOutlined, VisibilityOffOutlined, VisibilityOutlined, Cancel, ContentCopyOutlined, AddCircleOutlineOutlined, MenuOutlined, MoreVertOutlined, HelpOutline, ErrorOutline, CloseOutlined, Check, TodayOutlined } from "@mui/icons-material";
-import { u as useTranslationWithFallback, T as Typography, c as ICON_SIZE_SMALL, i as IconButton, f as MENU_ITEM_SIZE_DENSE, d as MENU_LIST_MAX_SIZE, h as MENU_ITEM_SIZE_EXTENDED, M as MENU_ITEM_SIZE_DEFAULT, A as APPBAR_SIZE, j as useImperativeIntl, N as NOTIFICATION_DURATION_IN_MS, e as ellipsisStyles } from "../css-utils-lmkjeCdF.js";
-import { a } from "../css-utils-lmkjeCdF.js";
-import { S as ScreenReaderOnly, A as Alert$1 } from "../Alert-1A6BG2aO.js";
-import { L } from "../Alert-1A6BG2aO.js";
+import { u as useTranslationWithFallback, T as Typography, c as ICON_SIZE_SMALL, i as IconButton, f as MENU_ITEM_SIZE_DENSE, d as MENU_LIST_MAX_SIZE, h as MENU_ITEM_SIZE_EXTENDED, M as MENU_ITEM_SIZE_DEFAULT, A as APPBAR_SIZE, j as useImperativeIntl, b as ICON_SIZE_MEDIUM, N as NOTIFICATION_DURATION_IN_MS, e as ellipsisStyles } from "../css-utils-BHYA7By_.js";
+import { a } from "../css-utils-BHYA7By_.js";
+import { S as ScreenReaderOnly, A as Alert$1 } from "../Alert-BfDnWlbD.js";
+import { L } from "../Alert-BfDnWlbD.js";
 import { A as ArrowDown } from "../ArrowDown-d6bxUL0F.js";
 import { A as ArrowUp, O as OpenDiagonallyRight, C as CloseDiagonallyRight } from "../OpenDiagonallyRight-CGdCEXlF.js";
-import { M as MenuItem$1 } from "../MenuItem-DgHhHW-j.js";
+import { M as MenuItem$1 } from "../MenuItem-D90EfuGS.js";
 import "cartocolor";
 import { FixedSizeList } from "react-window";
 import { Controlled, UnControlled } from "react-codemirror2";
@@ -41,6 +41,7 @@ import { useIntl } from "react-intl";
 import { PickersDay as PickersDay$1 } from "@mui/x-date-pickers";
 import { TimePicker as TimePicker$1 } from "@mui/x-date-pickers/TimePicker";
 import { DateTimePicker as DateTimePicker$1 } from "@mui/x-date-pickers/DateTimePicker";
+import { S as Search } from "../Search-C7wkXu3f.js";
 import DOMPurify from "dompurify";
 const IndicatorIcon = styled(Box)({
   position: "absolute",
@@ -5039,6 +5040,291 @@ function _FilterDropdown({
 const FilterDropdown = forwardRef(
   _FilterDropdown
 );
+const SearchIcon = styled(Search, {
+  shouldForwardProp: (prop) => prop !== "minimized" && prop !== "disabled"
+})(
+  ({ theme, minimized, disabled }) => ({
+    cursor: !disabled && minimized ? "pointer" : "inherit",
+    width: ICON_SIZE_MEDIUM,
+    height: ICON_SIZE_MEDIUM,
+    path: {
+      fillOpacity: 1,
+      fill: disabled ? theme.palette.text.disabled : theme.palette.text.secondary
+    }
+  })
+);
+const ClearSearchIcon = styled(Cancel)(({ theme }) => ({
+  color: `${theme.palette.text.hint} !important`
+}));
+const LoadingSearchIcon = styled(CircularProgress)(({ theme }) => ({
+  svg: {
+    color: `${theme.palette.primary.main} !important`
+  }
+}));
+const SearchInputAdornment = styled(InputAdornment, {
+  shouldForwardProp: (prop) => prop !== "minimized" && prop !== "expanded"
+})(
+  ({ theme, minimized, expanded }) => ({
+    // Start adornment
+    transition: theme.transitions.create(["width", "margin"], {
+      easing: theme.transitions.easing.easeInOut,
+      duration: theme.transitions.duration.short
+    }),
+    "&.MuiInputAdornment-positionStart": {
+      marginLeft: minimized ? theme.spacing(1) : void 0
+    },
+    // End adornment
+    "&.MuiInputAdornment-positionEnd": {
+      minWidth: theme.spacing(4),
+      "&.MuiInputAdornment-sizeSmall": {
+        minWidth: theme.spacing(3)
+      }
+    },
+    ...expanded && !minimized && {
+      "&.MuiInputAdornment-root": {
+        minWidth: theme.spacing(9),
+        "&.MuiInputAdornment-sizeSmall": {
+          minWidth: theme.spacing(7)
+        }
+      }
+    }
+  })
+);
+const SearchFieldBase = styled(TextField, {
+  shouldForwardProp: (prop) => prop !== "minimized" && prop !== "isInputFocused" && prop !== "emphasis"
+})(({ theme, emphasis = "filled", minimized, isInputFocused }) => ({
+  "&.MuiTextField-root .MuiInputBase-root": {
+    paddingRight: theme.spacing(1),
+    transition: theme.transitions.create(["width", "padding"], {
+      easing: theme.transitions.easing.easeInOut,
+      duration: theme.transitions.duration.standard
+    }),
+    "&.MuiInputBase-sizeSmall": {
+      paddingRight: theme.spacing(0.5)
+    },
+    "&:before": {
+      border: "none !important",
+      "&:hover": {
+        border: "none !important"
+      }
+    },
+    // Input
+    "& .MuiInputBase-input": {
+      pointerEvents: isInputFocused ? "auto" : "none",
+      // Fix Chrome scroll issue https://issues.chromium.org/issues/41245282
+      transition: theme.transitions.create("width", {
+        easing: theme.transitions.easing.easeInOut,
+        duration: theme.transitions.duration.standard
+      })
+    },
+    // Error state
+    "&.Mui-error": {
+      "&::after": {
+        borderColor: "transparent !important"
+      }
+    },
+    ...minimized && {
+      display: "flex",
+      alignItems: "center",
+      padding: 0,
+      width: theme.spacing(6),
+      cursor: "pointer",
+      "& .MuiInputBase-input": {
+        width: 0
+      },
+      "&.MuiInputBase-sizeSmall": {
+        padding: 0,
+        width: theme.spacing(4)
+      }
+    }
+  },
+  // Variants
+  ...emphasis === "filled" && {
+    "& .MuiInputBase-root": {
+      backgroundColor: minimized ? "transparent !important" : void 0,
+      "&:hover": {
+        backgroundColor: `${theme.palette.action.hover} !important`
+      },
+      // not disabled
+      "&:not(.Mui-disabled):hover": {
+        backgroundColor: `${theme.palette.action.hover} !important`
+      }
+    }
+  },
+  ...emphasis === "transparent" && {
+    "& .MuiInputBase-root": {
+      backgroundColor: "transparent !important",
+      "&:hover": {
+        backgroundColor: minimized ? `${theme.palette.action.hover} !important` : "transparent !important"
+      },
+      "&.Mui-disabled": {
+        backgroundColor: "transparent !important"
+      }
+    }
+  },
+  ...emphasis === "floating" && {
+    "& .MuiInputBase-root": {
+      backgroundColor: `${theme.palette.background.paper} !important`,
+      boxShadow: theme.shadows[1],
+      "&:hover": {
+        backgroundColor: minimized ? `${theme.palette.action.hover} !important` : `${theme.palette.background.paper} !important`
+      },
+      "&.Mui-disabled": {
+        backgroundColor: `${theme.palette.background.paper} !important`
+      }
+    }
+  }
+}));
+const SearchFieldEndAdornment = ({
+  disabled,
+  showClearButton = true,
+  loading,
+  size,
+  endAdornment,
+  clearButton,
+  clearButtonLabel,
+  onClear
+}) => {
+  if (!showClearButton && !endAdornment && !loading) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    SearchInputAdornment,
+    {
+      position: "end",
+      expanded: Boolean(endAdornment && showClearButton),
+      children: /* @__PURE__ */ jsxs(
+        Stack,
+        {
+          direction: "row",
+          spacing: 1,
+          sx: {
+            alignItems: "center"
+          },
+          children: [
+            loading ? /* @__PURE__ */ jsx(LoadingSearchIcon, { size: ICON_SIZE_MEDIUM }) : showClearButton ? clearButton ?? /* @__PURE__ */ jsx(
+              IconButton,
+              {
+                onClick: onClear,
+                size,
+                color: "default",
+                disabled,
+                tooltip: clearButtonLabel,
+                "aria-label": clearButtonLabel,
+                icon: /* @__PURE__ */ jsx(ClearSearchIcon, {})
+              }
+            ) : null,
+            endAdornment
+          ]
+        }
+      )
+    }
+  );
+};
+const SearchFieldStartAdornment = ({
+  minimized,
+  loading,
+  startAdornment,
+  disabled
+}) => {
+  return /* @__PURE__ */ jsx(SearchInputAdornment, { position: "start", minimized, children: loading && minimized ? /* @__PURE__ */ jsx(LoadingSearchIcon, { size: ICON_SIZE_MEDIUM }) : startAdornment || /* @__PURE__ */ jsx(SearchIcon, { disabled, minimized }) });
+};
+function _SearchField({
+  value,
+  defaultValue,
+  placeholder,
+  disabled,
+  minimized = false,
+  loading = false,
+  variant = "filled",
+  size = "small",
+  InputProps,
+  inputProps,
+  startAdornment,
+  endAdornment,
+  onFocus,
+  onBlur,
+  onChange,
+  onClick,
+  onResetSearch,
+  showClearButton = true,
+  clearButtonLabel,
+  clearButton,
+  ...otherProps
+}, ref) {
+  const [isInputFocused, setIsInputFocused] = useState(false);
+  const clearButtonVisibility = !disabled && Boolean(value ?? defaultValue) && showClearButton;
+  const clearButtonLabelValue = useTranslationWithFallback(
+    "c4r.button.clear",
+    clearButtonLabel
+  );
+  const handleFocus = (event) => {
+    setIsInputFocused(true);
+    onFocus == null ? void 0 : onFocus(event);
+  };
+  const handleBlur = (event) => {
+    setIsInputFocused(false);
+    onBlur == null ? void 0 : onBlur(event);
+  };
+  const handleClear = () => {
+    onResetSearch == null ? void 0 : onResetSearch();
+    onChange == null ? void 0 : onChange({ target: { value: "" } });
+  };
+  return /* @__PURE__ */ jsx(
+    SearchFieldBase,
+    {
+      defaultValue,
+      value: minimized ? "" : value,
+      placeholder: minimized ? "" : placeholder,
+      onChange,
+      onClick,
+      variant: "filled",
+      emphasis: variant,
+      size,
+      focused: false,
+      isInputFocused,
+      disabled,
+      minimized,
+      InputProps: {
+        onFocus: handleFocus,
+        onBlur: handleBlur,
+        startAdornment: /* @__PURE__ */ jsx(
+          SearchFieldStartAdornment,
+          {
+            minimized,
+            loading,
+            disabled,
+            startAdornment
+          }
+        ),
+        endAdornment: !minimized && /* @__PURE__ */ jsx(
+          SearchFieldEndAdornment,
+          {
+            disabled,
+            loading,
+            showClearButton: clearButtonVisibility,
+            clearButton,
+            clearButtonLabel: clearButtonLabelValue,
+            onClear: handleClear,
+            size,
+            endAdornment
+          }
+        ),
+        ...InputProps
+      },
+      inputProps: {
+        role: "searchbox",
+        ...inputProps
+      },
+      role: "search",
+      "data-variant": variant,
+      "data-name": "search-field",
+      ref,
+      ...otherProps
+    }
+  );
+}
+const SearchField = forwardRef(_SearchField);
 const MAX_WIDTH = 480;
 const SnackbarRoot = styled(Snackbar$1)(({ theme }) => ({
   bottom: theme.spacing(2),
@@ -5862,6 +6148,7 @@ export {
   MultipleSelectField,
   PasswordField,
   ScreenReaderOnly,
+  SearchField,
   SelectField,
   Snackbar,
   SplitButton,

package/dist/{css-utils-lmkjeCdF.js → css-utils-BHYA7By_.js}

@@ -817,6 +817,7 @@ const en = {
       copy: "Copy",
       save: "Save",
       add: "Add",
+      clear: "Clear",
       showOptions: "Show options",
       hide: "Hide",
       show: "Show",
@@ -966,6 +967,7 @@ const es = {
       copy: "Copiar",
       save: "Guardar",
       add: "Añadir",
+      clear: "Borrar",
       showOptions: "Mostrar opciones",
       hide: "Ocultar",
       show: "Mostrar",
@@ -1113,6 +1115,7 @@ const id = {
       copy: "Salin",
       save: "Simpan",
       add: "Tambah",
+      clear: "Bersihkan",
       showOptions: "Tampilkan opsi",
       hide: "Sembunyikan",
       show: "Tampilkan",

package/dist/{css-utils-BNXxLCyb.cjs → css-utils-DjvM17Vb.cjs}

@@ -818,6 +818,7 @@ const en = {
       copy: "Copy",
       save: "Save",
       add: "Add",
+      clear: "Clear",
       showOptions: "Show options",
       hide: "Hide",
       show: "Show",
@@ -967,6 +968,7 @@ const es = {
       copy: "Copiar",
       save: "Guardar",
       add: "Añadir",
+      clear: "Borrar",
       showOptions: "Mostrar opciones",
       hide: "Ocultar",
       show: "Mostrar",
@@ -1114,6 +1116,7 @@ const id = {
       copy: "Salin",
       save: "Simpan",
       add: "Tambah",
+      clear: "Bersihkan",
       showOptions: "Tampilkan opsi",
       hide: "Sembunyikan",
       show: "Tampilkan",

package/dist/custom-icons/index.cjs

@@ -5,7 +5,8 @@ const React = require("react");
 const material = require("@mui/material");
 const ArrowDown = require("../ArrowDown-DJ0vhbsw.cjs");
 const OpenDiagonallyRight = require("../OpenDiagonallyRight-CpL4ROwg.cjs");
-const SwatchSquare = require("../SwatchSquare-B8PIY3Rd.cjs");
+const Search = require("../Search-CMWbM9nD.cjs");
+const SwatchSquare = require("../SwatchSquare-DuXPIL7t.cjs");
 const Icon$3h = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
   "path",
   {
@@ -6345,7 +6346,7 @@ exports.ArrowDown = ArrowDown.ArrowDown;
 exports.ArrowUp = OpenDiagonallyRight.ArrowUp;
 exports.CloseDiagonallyRight = OpenDiagonallyRight.CloseDiagonallyRight;
 exports.OpenDiagonallyRight = OpenDiagonallyRight.OpenDiagonallyRight;
-exports.Search = SwatchSquare.Search;
+exports.Search = Search.Search;
 exports.SwatchSquare = SwatchSquare.SwatchSquare;
 exports.AccessIn = AccessIn$1;
 exports.AddApp = AddApp$1;

package/dist/custom-icons/index.js

@@ -3,7 +3,8 @@ import { forwardRef } from "react";
 import { createSvgIcon } from "@mui/material";
 import { A } from "../ArrowDown-d6bxUL0F.js";
 import { A as A2, C, O } from "../OpenDiagonallyRight-CGdCEXlF.js";
-import { S, a } from "../SwatchSquare-CaaLsjAC.js";
+import { S } from "../Search-C7wkXu3f.js";
+import { S as S2 } from "../SwatchSquare-B6KYVoqV.js";
 const Icon$3h = () => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsx(
   "path",
   {
@@ -6521,7 +6522,7 @@ export {
   SupplyChain$1 as SupplyChain,
   SwatchCircle$1 as SwatchCircle,
   SwatchCircleNone$1 as SwatchCircleNone,
-  a as SwatchSquare,
+  S2 as SwatchSquare,
   TableColumn$1 as TableColumn,
   TableColumnLimited$1 as TableColumnLimited,
   TempTable$1 as TempTable,

package/dist/theme/index.cjs

@@ -4,11 +4,11 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const material = require("@mui/material");
 const paletteUtils = require("../palette-utils-B9ybmwiI.cjs");
 const jsxRuntime = require("react/jsx-runtime");
-const cssUtils = require("../css-utils-BNXxLCyb.cjs");
+const cssUtils = require("../css-utils-DjvM17Vb.cjs");
 const iconsMaterial = require("@mui/icons-material");
 const ArrowDown = require("../ArrowDown-DJ0vhbsw.cjs");
 const xDatePickers = require("@mui/x-date-pickers");
-const MenuItem = require("../MenuItem-6ZIV5V7a.cjs");
+const MenuItem = require("../MenuItem-ZSYcQBtg.cjs");
 const themeShadows = [
   "none",
   // 0
@@ -2273,9 +2273,12 @@ const navigationOverrides = {
         ...theme2.typography.body2,
         columnGap: theme2.spacing(1),
         minHeight: cssUtils.MENU_ITEM_SIZE_DEFAULT,
-        padding: theme2.spacing(0.75, 1, 0.75, 1.5),
+        padding: theme2.spacing(0.75, 0),
         whiteSpace: "normal",
         transition: "background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
+        "&.MuiMenuItem-gutters": {
+          padding: theme2.spacing(0.75, 1, 0.75, 1.5)
+        },
         [theme2.breakpoints.up("sm")]: {
           // Overrides an unwanted Mui default style
           "&.MuiButtonBase-root": {
@@ -2994,6 +2997,14 @@ const surfacesOverrides = {
     }
   }
 };
+const layoutOverrides = {
+  // Stack
+  MuiStack: {
+    defaultProps: {
+      useFlexGap: true
+    }
+  }
+};
 const CssBaseline = {
   // Accessibility focus (keyboard only)
   "*:focus-visible": {
@@ -3169,7 +3180,8 @@ const cartoThemeOptions = {
     ...dataDisplayOverrides,
     ...feedbackOverrides,
     ...surfacesOverrides,
-    ...datePickersOverrides
+    ...datePickersOverrides,
+    ...layoutOverrides
   }
 };
 const theme = material.responsiveFontSizes(material.createTheme(cartoThemeOptions));

package/dist/theme/index.js

@@ -3,12 +3,12 @@ import { alpha, Tooltip, responsiveFontSizes, createTheme } from "@mui/material"
 import { c as commonPalette } from "../palette-utils-BHqJlHm9.js";
 import { g } from "../palette-utils-BHqJlHm9.js";
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { T as Typography, a as TablePaginationActions, I as ICON_SIZE_LARGE, b as ICON_SIZE_MEDIUM, c as ICON_SIZE_SMALL, g as getSpacing, e as ellipsisStyles, M as MENU_ITEM_SIZE_DEFAULT, d as MENU_LIST_MAX_SIZE, f as MENU_ITEM_SIZE_DENSE, A as APPBAR_SIZE, B as BREAKPOINTS, S as SPACING } from "../css-utils-lmkjeCdF.js";
-import { h, N } from "../css-utils-lmkjeCdF.js";
+import { T as Typography, a as TablePaginationActions, I as ICON_SIZE_LARGE, b as ICON_SIZE_MEDIUM, c as ICON_SIZE_SMALL, g as getSpacing, e as ellipsisStyles, M as MENU_ITEM_SIZE_DEFAULT, d as MENU_LIST_MAX_SIZE, f as MENU_ITEM_SIZE_DENSE, A as APPBAR_SIZE, B as BREAKPOINTS, S as SPACING } from "../css-utils-BHYA7By_.js";
+import { h, N } from "../css-utils-BHYA7By_.js";
 import { Cancel, EventOutlined, ChevronRightOutlined, ChevronLeftOutlined, ExpandMoreOutlined, CheckCircleOutlined, InfoOutlined } from "@mui/icons-material";
 import { A as ArrowDown } from "../ArrowDown-d6bxUL0F.js";
 import { renderDigitalClockTimeView } from "@mui/x-date-pickers";
-import { M as MenuItem } from "../MenuItem-DgHhHW-j.js";
+import { M as MenuItem } from "../MenuItem-D90EfuGS.js";
 const themeShadows = [
   "none",
   // 0
@@ -2273,9 +2273,12 @@ const navigationOverrides = {
         ...theme2.typography.body2,
         columnGap: theme2.spacing(1),
         minHeight: MENU_ITEM_SIZE_DEFAULT,
-        padding: theme2.spacing(0.75, 1, 0.75, 1.5),
+        padding: theme2.spacing(0.75, 0),
         whiteSpace: "normal",
         transition: "background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
+        "&.MuiMenuItem-gutters": {
+          padding: theme2.spacing(0.75, 1, 0.75, 1.5)
+        },
         [theme2.breakpoints.up("sm")]: {
           // Overrides an unwanted Mui default style
           "&.MuiButtonBase-root": {
@@ -2994,6 +2997,14 @@ const surfacesOverrides = {
     }
   }
 };
+const layoutOverrides = {
+  // Stack
+  MuiStack: {
+    defaultProps: {
+      useFlexGap: true
+    }
+  }
+};
 const CssBaseline = {
   // Accessibility focus (keyboard only)
   "*:focus-visible": {
@@ -3169,7 +3180,8 @@ const cartoThemeOptions = {
     ...dataDisplayOverrides,
     ...feedbackOverrides,
     ...surfacesOverrides,
-    ...datePickersOverrides
+    ...datePickersOverrides,
+    ...layoutOverrides
   }
 };
 const theme = responsiveFontSizes(createTheme(cartoThemeOptions));

package/dist/types/components/Menu/Menu/Menu.stories.d.ts

@@ -107,7 +107,7 @@ declare const options: {
 };
 export default options;
 export declare const Playground: {
-    render: ({ label, subtitle, dense, disabled, destructive, ...args }: MenuProps & MenuItemProps & {
+    render: ({ label, subtitle, dense, disabled, destructive, disableGutters, ...args }: MenuProps & MenuItemProps & {
         label: string;
     }) => import("react/jsx-runtime").JSX.Element;
     args: {
@@ -123,7 +123,7 @@ export declare const Guide: {
     };
 };
 export declare const Dense: {
-    render: ({ label, subtitle, dense, disabled, destructive, ...args }: MenuProps & MenuItemProps & {
+    render: ({ label, subtitle, dense, disabled, destructive, disableGutters, ...args }: MenuProps & MenuItemProps & {
         label: string;
     }) => import("react/jsx-runtime").JSX.Element;
     args: {
@@ -173,7 +173,7 @@ export declare const Destructive: {
     };
 };
 export declare const Subtitle: {
-    render: ({ label, subtitle, dense, disabled, destructive, ...args }: MenuProps & MenuItemProps & {
+    render: ({ label, subtitle, dense, disabled, destructive, disableGutters, ...args }: MenuProps & MenuItemProps & {
         label: string;
     }) => import("react/jsx-runtime").JSX.Element;
     args: {
@@ -207,7 +207,7 @@ export declare const MenuListWrapper: {
     };
 };
 export declare const CustomWidth: {
-    render: ({ label, subtitle, dense, disabled, destructive, ...args }: MenuProps & MenuItemProps & {
+    render: ({ label, subtitle, dense, disabled, destructive, disableGutters, ...args }: MenuProps & MenuItemProps & {
         label: string;
     }) => import("react/jsx-runtime").JSX.Element;
     args: {
@@ -216,7 +216,7 @@ export declare const CustomWidth: {
     };
 };
 export declare const CustomHeight: {
-    render: ({ label, subtitle, dense, disabled, destructive, ...args }: MenuProps & MenuItemProps & {
+    render: ({ label, subtitle, dense, disabled, destructive, disableGutters, ...args }: MenuProps & MenuItemProps & {
         label: string;
     }) => import("react/jsx-runtime").JSX.Element;
     args: {
@@ -224,8 +224,17 @@ export declare const CustomHeight: {
         label: string;
     };
 };
+export declare const DisableGutters: {
+    render: ({ label, subtitle, dense, disabled, destructive, disableGutters, ...args }: MenuProps & MenuItemProps & {
+        label: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        disableGutters: boolean;
+        label: string;
+    };
+};
 export declare const PlacementTop: {
-    render: ({ label, subtitle, dense, disabled, destructive, ...args }: MenuProps & MenuItemProps & {
+    render: ({ label, subtitle, dense, disabled, destructive, disableGutters, ...args }: MenuProps & MenuItemProps & {
         label: string;
     }) => import("react/jsx-runtime").JSX.Element;
     args: {
@@ -241,7 +250,7 @@ export declare const PlacementTop: {
     };
 };
 export declare const PlacementRight: {
-    render: ({ label, subtitle, dense, disabled, destructive, ...args }: MenuProps & MenuItemProps & {
+    render: ({ label, subtitle, dense, disabled, destructive, disableGutters, ...args }: MenuProps & MenuItemProps & {
         label: string;
     }) => import("react/jsx-runtime").JSX.Element;
     args: {

package/dist/types/components/Menu/Menu/Menu.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/Menu/Menu.stories.tsx"],"names":[],"mappings":"AA6BA,OAAO,EAGL,aAAa,EAEb,aAAa,EACb,SAAS,EACV,MAAM,mBAAmB,CAAA;AAkB1B,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyFG,CAAA;AAChB,eAAe,OAAO,CAAA;AAq3BtB,eAAO,MAAM,UAAU;yEA9gBpB,SAAS,GAAG,aAAa,GAAG;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE;;;;CAihB/C,CAAA;AAED,eAAO,MAAM,KAAK;;;;;;;CAKjB,CAAA;AAED,eAAO,MAAM,KAAK;yEA1hBf,SAAS,GAAG,aAAa,GAAG;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE;;;;;CA6hB/C,CAAA;AAED,eAAO,MAAM,QAAQ;yEAjKlB,SAAS,GAAG,aAAa,GAAG;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE;;;;;CAuK/C,CAAA;AAED,eAAO,MAAM,MAAM;2CAx4BhB,aAAa,GAAG;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE;;;;CA24BnC,CAAA;AAED,eAAO,MAAM,OAAO;qDA5tBjB,aAAa,GAAG;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE;;;;CA+tBnC,CAAA;AAED,eAAO,MAAM,SAAS;iCAvlBnB,aAAa,GAAG;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE;;;;CA4lBnC,CAAA;AAED,eAAO,MAAM,WAAW;iCA9nBrB,aAAa,GAAG;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE;;;;CAioBnC,CAAA;AAED,eAAO,MAAM,QAAQ;yEA7jBlB,SAAS,GAAG,aAAa,GAAG;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE;;;;;CAgkB/C,CAAA;AAED,eAAO,MAAM,YAAY;yEAnXtB,SAAS,GAAG,aAAa,GAAG;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE;;;;;CA0X/C,CAAA;AAED,eAAO,MAAM,aAAa;yEAjRvB,SAAS,GAAG,aAAa,GAAG;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE;;;;CAoR/C,CAAA;AAED,eAAO,MAAM,eAAe;yEA7ezB,aAAa,GAAG,aAAa,GAAG;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE;;;;CAgfnD,CAAA;AAED,eAAO,MAAM,WAAW;yEArlBrB,SAAS,GAAG,aAAa,GAAG;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE;;;;;CAwlB/C,CAAA;AAED,eAAO,MAAM,YAAY;yEA1lBtB,SAAS,GAAG,aAAa,GAAG;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE;;;;;CA6lB/C,CAAA;AAED,eAAO,MAAM,YAAY;yEA/lBtB,SAAS,GAAG,aAAa,GAAG;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE;;;;;;;;;;;;CAsmB/C,CAAA;AAED,eAAO,MAAM,cAAc;yEAxmBxB,SAAS,GAAG,aAAa,GAAG;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE;;;;;;;;;;;;CA+mB/C,CAAA"}
+{"version":3,"file":"Menu.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/Menu/Menu.stories.tsx"],"names":[],"mappings":"AA6BA,OAAO,EAGL,aAAa,EAEb,aAAa,EACb,SAAS,EACV,MAAM,mBAAmB,CAAA;AAkB1B,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyFG,CAAA;AAChB,eAAe,OAAO,CAAA;AA03BtB,eAAO,MAAM,UAAU;yFAlhBpB,SAAS,GAAG,aAAa,GAAG;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE;;;;CAqhB/C,CAAA;AAED,eAAO,MAAM,KAAK;;;;;;;CAKjB,CAAA;AAED,eAAO,MAAM,KAAK;yFA9hBf,SAAS,GAAG,aAAa,GAAG;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE;;;;;CAiiB/C,CAAA;AAED,eAAO,MAAM,QAAQ;yEAjKlB,SAAS,GAAG,aAAa,GAAG;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE;;;;;CAuK/C,CAAA;AAED,eAAO,MAAM,MAAM;2CA74BhB,aAAa,GAAG;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE;;;;CAg5BnC,CAAA;AAED,eAAO,MAAM,OAAO;qDAjuBjB,aAAa,GAAG;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE;;;;CAouBnC,CAAA;AAED,eAAO,MAAM,SAAS;iCA5lBnB,aAAa,GAAG;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE;;;;CAimBnC,CAAA;AAED,eAAO,MAAM,WAAW;iCAnoBrB,aAAa,GAAG;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE;;;;CAsoBnC,CAAA;AAED,eAAO,MAAM,QAAQ;yFAjkBlB,SAAS,GAAG,aAAa,GAAG;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE;;;;;CAokB/C,CAAA;AAED,eAAO,MAAM,YAAY;yEAnXtB,SAAS,GAAG,aAAa,GAAG;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE;;;;;CA0X/C,CAAA;AAED,eAAO,MAAM,aAAa;yEAjRvB,SAAS,GAAG,aAAa,GAAG;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE;;;;CAoR/C,CAAA;AAED,eAAO,MAAM,eAAe;yEA7ezB,aAAa,GAAG,aAAa,GAAG;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE;;;;CAgfnD,CAAA;AAED,eAAO,MAAM,WAAW;yFAzlBrB,SAAS,GAAG,aAAa,GAAG;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE;;;;;CA4lB/C,CAAA;AAED,eAAO,MAAM,YAAY;yFA9lBtB,SAAS,GAAG,aAAa,GAAG;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE;;;;;CAimB/C,CAAA;AAED,eAAO,MAAM,cAAc;yFAnmBxB,SAAS,GAAG,aAAa,GAAG;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE;;;;;CAsmB/C,CAAA;AAED,eAAO,MAAM,YAAY;yFAxmBtB,SAAS,GAAG,aAAa,GAAG;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE;;;;;;;;;;;;CA+mB/C,CAAA;AAED,eAAO,MAAM,cAAc;yFAjnBxB,SAAS,GAAG,aAAa,GAAG;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE;;;;;;;;;;;;CAwnB/C,CAAA"}

package/dist/types/components/Menu/MenuItem/MenuItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/MenuItem/MenuItem.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAsLxC,QAAA,MAAM,QAAQ,sHAAwB,CAAA;AACtC,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/MenuItem/MenuItem.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AA+LxC,QAAA,MAAM,QAAQ,sHAAwB,CAAA;AACtC,eAAe,QAAQ,CAAA"}

package/dist/types/components/SearchField/SearchField.d.ts

@@ -0,0 +1,4 @@
+import { SearchFieldProps } from './types';
+declare const SearchField: import('react').ForwardRefExoticComponent<Omit<SearchFieldProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export default SearchField;
+//# sourceMappingURL=SearchField.d.ts.map

package/dist/types/components/SearchField/SearchField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchField.d.ts","sourceRoot":"","sources":["../../../../src/components/SearchField/SearchField.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAmH1C,QAAA,MAAM,WAAW,0HAA2B,CAAA;AAC5C,eAAe,WAAW,CAAA"}