@carto/meridian-ds 2.5.5-alpha-translations.1 → 2.6.0-alpha-searchfield.1

package/dist/components/index.js

@@ -2,14 +2,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 { OpenInNewOutlined, VisibilityOffOutlined, VisibilityOutlined, Cancel, ContentCopyOutlined, AddCircleOutlineOutlined, MenuOutlined, MoreVertOutlined, HelpOutline, ErrorOutline, CloseOutlined, Check, TodayOutlined } from "@mui/icons-material";
-import { u as useTranslationFallback, S as ScreenReaderOnly, A as Alert$1 } from "../Alert-CRVceJ9N.js";
-import { L } from "../Alert-CRVceJ9N.js";
-import { T as Typography, c as ICON_SIZE_SMALL, u as useImperativeIntl, h as IconButton, e as MENU_ITEM_SIZE_DENSE, d as MENU_LIST_MAX_SIZE, f as MENU_ITEM_SIZE_EXTENDED, M as MENU_ITEM_SIZE_DEFAULT, A as APPBAR_SIZE, N as NOTIFICATION_DURATION_IN_MS } from "../TablePaginationActions-DIFPc_wQ.js";
-import { a } from "../TablePaginationActions-DIFPc_wQ.js";
+import { u as useTranslationFallback, S as ScreenReaderOnly, A as Alert$1 } from "../Alert-C1VgP3N1.js";
+import { L } from "../Alert-C1VgP3N1.js";
+import { T as Typography, c as ICON_SIZE_SMALL, u as useImperativeIntl, 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, b as ICON_SIZE_MEDIUM, N as NOTIFICATION_DURATION_IN_MS, e as ellipsisStyles } from "../css-utils-hxI-qUxK.js";
+import { a } from "../css-utils-hxI-qUxK.js";
 import { A as ArrowDown } from "../ArrowDown-d6bxUL0F.js";
 import { A as ArrowUp, O as OpenDiagonallyRight, C as CloseDiagonallyRight } from "../OpenDiagonallyRight-CGdCEXlF.js";
 import { useIntl } from "react-intl";
-import { M as MenuItem$1 } from "../MenuItem-h41wtQTz.js";
+import { M as MenuItem$1 } from "../MenuItem-COajCLkS.js";
 import "cartocolor";
 import { FixedSizeList } from "react-window";
 import { Controlled, UnControlled } from "react-codemirror2";
@@ -41,6 +41,7 @@ import { DatePicker as DatePicker$1 } from "@mui/x-date-pickers/DatePicker";
 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",
@@ -1869,7 +1870,7 @@ const BrandElements = styled("div")(({ theme }) => ({
     minWidth: "192px"
   }
 }));
-const Content$4 = styled("div")(({ theme }) => ({
+const Content$5 = styled("div")(({ theme }) => ({
   display: "flex",
   alignItems: "center",
   justifyContent: "space-between",
@@ -1892,7 +1893,7 @@ function _AppBar({
       brandText && /* @__PURE__ */ jsx(BrandText, { text: brandText }),
       secondaryText && /* @__PURE__ */ jsx(SecondaryText, { text: secondaryText })
     ] }),
-    /* @__PURE__ */ jsx(Content$4, { children })
+    /* @__PURE__ */ jsx(Content$5, { children })
   ] }) });
 }
 const AppBar = forwardRef(_AppBar);
@@ -3172,7 +3173,7 @@ function DialogHeader({
     children && /* @__PURE__ */ jsx(DividerBottom, {})
   ] });
 }
-const Content$3 = styled(DialogContent$1, {
+const Content$4 = styled(DialogContent$1, {
   shouldForwardProp: (prop) => !["scrollableContent", "withGutter", "withBottomGutter"].includes(prop)
 })(({ theme, scrollableContent, withGutter, withBottomGutter }) => ({
   display: "flex",
@@ -3249,7 +3250,7 @@ function _DialogContent({
     return () => resizeObserver.disconnect();
   }, [contentRef, updateBorders]);
   return /* @__PURE__ */ jsx(
-    Content$3,
+    Content$4,
     {
       ref: setContentRef,
       onScroll: handleScroll,
@@ -3548,7 +3549,7 @@ function DialogStepper({
     );
   }) }) });
 }
-const Content$2 = styled(DialogContent, {
+const Content$3 = styled(DialogContent, {
   shouldForwardProp: (prop) => !["error", "withBorder"].includes(prop)
 })(
   ({ error, withBorder, theme }) => ({
@@ -3577,7 +3578,7 @@ function CodeAreaDialogContent({
   withGutter = false
 }) {
   if (!children) return null;
-  return /* @__PURE__ */ jsx(Content$2, { withGutter, error, withBorder, children });
+  return /* @__PURE__ */ jsx(Content$3, { withGutter, error, withBorder, children });
 }
 function CodeAreaDialogConfirmation({
   onClose,
@@ -4517,7 +4518,7 @@ function DateTimePicker({
   );
 }
 const DEFAULT_ITEMS = [{ outlinedBullet: false, value: "" }];
-const Content$1 = styled("ul")(({ theme }) => ({
+const Content$2 = styled("ul")(({ theme }) => ({
   listStyle: "none",
   paddingLeft: 0,
   margin: theme.spacing(0.5, 0, 0, 0)
@@ -4548,7 +4549,7 @@ function TooltipData({
 }) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     title && /* @__PURE__ */ jsx(Typography, { color: "inherit", variant: "caption", weight: "medium", children: title }),
-    /* @__PURE__ */ jsx(Content$1, { children: items.map((item, index) => /* @__PURE__ */ jsxs(Entry, { children: [
+    /* @__PURE__ */ jsx(Content$2, { children: items.map((item, index) => /* @__PURE__ */ jsxs(Entry, { children: [
       /* @__PURE__ */ jsx(
         Bullet,
         {
@@ -4946,6 +4947,152 @@ 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 CancelIcon = styled(Cancel)(({ theme }) => ({
+  fill: theme.palette.text.hint,
+  cursor: "pointer"
+}));
+const CircularProgressIcon = styled(CircularProgress)(({ theme }) => ({
+  svg: {
+    color: theme.palette.primary.main
+  }
+}));
+const SearchFieldBase = styled(TextField, {
+  shouldForwardProp: (prop) => prop !== "minimized" && prop !== "isInputFocused"
+})(
+  ({ theme, disabled, minimized, isInputFocused }) => ({
+    "& .MuiInputBase-input": {
+      cursor: disabled ? "not-allowed" : "text",
+      pointerEvents: isInputFocused ? "auto" : "none"
+      // Fix Chrome scroll issue https://issues.chromium.org/issues/41245282
+    },
+    "&.MuiTextField-root .MuiInputBase-root": {
+      paddingRight: theme.spacing(1),
+      "&.MuiInputBase-sizeSmall": {
+        paddingRight: theme.spacing(0.5)
+      },
+      "&:before": {
+        border: `none !important`,
+        "&:hover": {
+          border: `none !important`
+        }
+      },
+      width: minimized ? theme.spacing(4) : "100%",
+      transition: theme.transitions.create("width", {
+        easing: theme.transitions.easing.easeInOut,
+        duration: theme.transitions.duration.shortest
+      })
+    },
+    // Input Adornment
+    "& .MuiInputAdornment-positionStart": {
+      marginLeft: minimized ? theme.spacing(0.125) : void 0
+    },
+    "& .MuiInputAdornment-positionEnd": {
+      minWidth: theme.spacing(4),
+      "&.MuiInputAdornment-sizeSmall": {
+        minWidth: theme.spacing(3)
+      }
+    },
+    // Variants
+    "& .MuiFilledInput-root": {
+      transition: theme.transitions.create("background-color", {
+        easing: theme.transitions.easing.easeInOut,
+        duration: theme.transitions.duration.shortest
+      }),
+      backgroundColor: `${minimized ? "inherit" : theme.palette.default.background} !important`,
+      "&:hover": {
+        backgroundColor: `${disabled ? "inherit" : theme.palette.action.hover} !important`
+      }
+    }
+  })
+);
+function _SearchField({
+  value,
+  defaultValue,
+  placeholder,
+  onChange,
+  onClick,
+  onResetSearch,
+  disabled,
+  minimized = false,
+  loading = false,
+  variant = "filled",
+  size = "small",
+  InputProps,
+  startAdornment,
+  endAdornment,
+  onFocus,
+  onBlur,
+  clearTextLabel,
+  ...otherProps
+}, ref) {
+  const [isInputFocused, setIsInputFocused] = useState(false);
+  const clearTextLabelValue = useTranslationFallback(
+    "c4r.button.clear",
+    clearTextLabel
+  );
+  const handleFocus = (event) => {
+    setIsInputFocused(true);
+    onFocus == null ? void 0 : onFocus(event);
+  };
+  const handleBlur = (event) => {
+    setIsInputFocused(false);
+    onBlur == null ? void 0 : onBlur(event);
+  };
+  const handleClearText = () => {
+    onResetSearch == null ? void 0 : onResetSearch();
+    onChange == null ? void 0 : onChange({ target: { value: "" } });
+  };
+  return /* @__PURE__ */ jsx(
+    SearchFieldBase,
+    {
+      value: minimized ? "" : value,
+      defaultValue,
+      placeholder: minimized ? "" : placeholder,
+      onChange,
+      onClick,
+      variant,
+      size,
+      focused: false,
+      isInputFocused,
+      disabled,
+      minimized,
+      InputProps: {
+        onFocus: handleFocus,
+        onBlur: handleBlur,
+        startAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "start", children: /* @__PURE__ */ jsx(Box, { sx: { display: "inline-flex", ml: minimized ? -0.75 : 0 }, children: loading && minimized ? /* @__PURE__ */ jsx(CircularProgressIcon, { size: ICON_SIZE_MEDIUM }) : startAdornment || /* @__PURE__ */ jsx(SearchIcon, { disabled, minimized }) }) }),
+        endAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: loading ? /* @__PURE__ */ jsx(CircularProgressIcon, { size: ICON_SIZE_MEDIUM }) : !disabled && !minimized && (value ?? defaultValue) ? endAdornment || /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            icon: /* @__PURE__ */ jsx(CancelIcon, {}),
+            onClick: handleClearText,
+            size,
+            color: "default",
+            disabled,
+            tooltip: clearTextLabelValue
+          }
+        ) : void 0 }),
+        ...InputProps
+      },
+      "data-name": "search-field",
+      ref,
+      ...otherProps
+    }
+  );
+}
+const SearchField = forwardRef(_SearchField);
 const MAX_WIDTH = 480;
 const SnackbarRoot = styled(Snackbar$1)(({ theme }) => ({
   bottom: theme.spacing(2),
@@ -4959,7 +5106,7 @@ const SnackbarRoot = styled(Snackbar$1)(({ theme }) => ({
     maxWidth: `${MAX_WIDTH}px`
   }
 }));
-const Content = styled(Box, {
+const Content$1 = styled(Box, {
   shouldForwardProp: (prop) => prop !== "autoWidth"
 })(({ autoWidth, theme }) => ({
   minWidth: "100%",
@@ -5068,7 +5215,7 @@ function Snackbar({
       TransitionComponent: autoWidth ? Fade : Slide,
       "data-auto-width": autoWidth,
       children: /* @__PURE__ */ jsxs(
-        Content,
+        Content$1,
         {
           sx: {
             position: "relative"
@@ -5217,6 +5364,7 @@ const TagRoot = styled("div", {
     padding: theme.spacing(0, 0.5),
     borderRadius: theme.spacing(0.25),
     gap: theme.spacing(0.5),
+    maxWidth: "100%",
     height: theme.spacing(2),
     borderWidth: "1px",
     borderStyle: "solid",
@@ -5247,6 +5395,7 @@ const TagLabel = styled("div", {
 })(({ type, theme }) => ({
   display: "flex",
   alignItems: "center",
+  ...ellipsisStyles,
   paddingTop: type === "code" ? theme.spacing(0.25) : void 0
 }));
 function _Tag({
@@ -5575,6 +5724,149 @@ function _UploadField({
   ] });
 }
 const UploadField = forwardRef(_UploadField);
+const TooltipRoot = styled(Tooltip)(() => ({
+  whiteSpace: "nowrap",
+  maxWidth: 999,
+  pointerEvents: "auto"
+}));
+const Content = styled("span", {
+  shouldForwardProp: (prop) => !["ellipsisTarget", "lines", "content"].includes(prop)
+})(({ ellipsisTarget = "all", lines = 1, content = "block" }) => {
+  if (lines > 1) {
+    return {
+      display: "-webkit-box",
+      ...ellipsisStyles,
+      whiteSpace: "initial !important",
+      WebkitLineClamp: lines,
+      WebkitBoxOrient: "vertical",
+      "& > *": { display: "block" }
+    };
+  }
+  if (ellipsisTarget === "first-child") {
+    return {
+      display: "flex",
+      flex: "1",
+      overflow: "hidden",
+      "& > *:nth-of-type(1)": {
+        display: "block",
+        ...ellipsisStyles,
+        marginRight: "-0.15em"
+        // Prevent ellipsis separation
+      }
+    };
+  }
+  if (content === "flex") {
+    return {
+      display: "flex",
+      flex: "1",
+      "& > *": {
+        display: "block",
+        ...ellipsisStyles
+      }
+    };
+  }
+  return {
+    display: "block",
+    ...ellipsisStyles,
+    fontWeight: "inherit",
+    "& > *": { display: "inline" }
+  };
+});
+function _EllipsisWithTooltip({
+  children,
+  tooltipText,
+  alwaysShowTooltip,
+  content = "block",
+  textRef: inputTextRef,
+  ellipsisTarget = "all",
+  lines = 1,
+  "aria-label": ariaLabel,
+  contentProps,
+  ...otherProps
+}, ref) {
+  var _a;
+  const textElementRef = useRef(null);
+  const [overflowing, setOverflowing] = useState(false);
+  const textRef = useMemo(
+    () => inputTextRef || textElementRef,
+    [inputTextRef, textElementRef]
+  );
+  const getTextContent = (node) => {
+    if (typeof node === "string") return node;
+    if (typeof node === "number") return String(node);
+    if (React.isValidElement(node)) {
+      const props = node.props;
+      if (props.children) {
+        return getTextContent(props.children);
+      }
+    }
+    return "";
+  };
+  const elementTitle = tooltipText || ((_a = textElementRef.current) == null ? void 0 : _a.innerText) || (alwaysShowTooltip || overflowing ? getTextContent(children) : "");
+  useEffect(() => {
+    const container = textRef.current;
+    if (!container || !children) return;
+    if (alwaysShowTooltip) {
+      setOverflowing(true);
+      return;
+    }
+    let isOverflowing = false;
+    if (lines > 1) {
+      isOverflowing = container.scrollHeight > container.clientHeight;
+    } else if (ellipsisTarget === "first-child") {
+      const children2 = Array.from(container.children);
+      const totalWidth = children2.reduce(
+        (sum, child) => sum + ((child == null ? void 0 : child.scrollWidth) || 0),
+        0
+      );
+      isOverflowing = totalWidth > container.clientWidth;
+    } else {
+      const hasContainerOverflow = container.scrollWidth > container.clientWidth;
+      const children2 = Array.from(container.children);
+      const hasChildOverflow = children2.some(
+        (child) => child.scrollWidth > child.clientWidth
+      );
+      isOverflowing = hasContainerOverflow || hasChildOverflow;
+    }
+    setOverflowing(isOverflowing);
+  }, [textRef, alwaysShowTooltip, children, ellipsisTarget, lines, content]);
+  useEffect(() => {
+    if (typeof ref === "function") {
+      ref(textElementRef.current);
+    } else if (ref) {
+      ref.current = textElementRef.current;
+    }
+  }, [ref]);
+  return /* @__PURE__ */ jsx(
+    TooltipRoot,
+    {
+      disableFocusListener: !overflowing && !alwaysShowTooltip,
+      disableHoverListener: !overflowing && !alwaysShowTooltip,
+      disableTouchListener: !overflowing && !alwaysShowTooltip,
+      title: elementTitle,
+      describeChild: true,
+      ...otherProps,
+      children: /* @__PURE__ */ jsx(
+        Content,
+        {
+          "aria-label": ariaLabel ?? elementTitle,
+          ref: textElementRef,
+          ellipsisTarget,
+          lines,
+          content,
+          "data-name": "ellipsis-with-tooltip",
+          "data-overflowing": overflowing,
+          "data-lines": lines,
+          "data-content": content,
+          "data-ellipsis-target": ellipsisTarget,
+          ...contentProps,
+          children
+        }
+      )
+    }
+  );
+}
+const EllipsisWithTooltip = forwardRef(_EllipsisWithTooltip);
 export {
   AUTOCOMPLETE_GROUP_HEADER_PROPERTY,
   AccordionGroup,
@@ -5609,6 +5901,7 @@ export {
   DialogHeader,
   DialogPaper,
   DialogStepper,
+  EllipsisWithTooltip,
   FilterDropdown,
   FilterDropdownMenuItem,
   IconButton,
@@ -5622,6 +5915,7 @@ export {
   MultipleSelectField,
   PasswordField,
   ScreenReaderOnly,
+  SearchField,
   SelectField,
   Snackbar,
   SplitButton,

package/dist/{TablePaginationActions-CMC_ZxDN.cjs → css-utils-CqIN_t7x.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",
@@ -5715,6 +5718,11 @@ function _TablePaginationActions({
   );
 }
 const TablePaginationActions = React.forwardRef(_TablePaginationActions);
+const ellipsisStyles = {
+  textOverflow: "ellipsis",
+  overflow: "hidden",
+  whiteSpace: "nowrap"
+};
 exports.APPBAR_SIZE = APPBAR_SIZE;
 exports.BREAKPOINTS = BREAKPOINTS;
 exports.ICON_SIZE_LARGE = ICON_SIZE_LARGE;
@@ -5729,6 +5737,7 @@ exports.NOTIFICATION_DURATION_IN_MS = NOTIFICATION_DURATION_IN_MS;
 exports.SPACING = SPACING;
 exports.TablePaginationActions = TablePaginationActions;
 exports.Typography = Typography;
+exports.ellipsisStyles = ellipsisStyles;
 exports.getDefaultExportFromCjs = getDefaultExportFromCjs;
 exports.getSpacing = getSpacing;
 exports.useImperativeIntl = useImperativeIntl;

package/dist/{TablePaginationActions-DIFPc_wQ.js → css-utils-hxI-qUxK.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",
@@ -5714,6 +5717,11 @@ function _TablePaginationActions({
   );
 }
 const TablePaginationActions = forwardRef(_TablePaginationActions);
+const ellipsisStyles = {
+  textOverflow: "ellipsis",
+  overflow: "hidden",
+  whiteSpace: "nowrap"
+};
 export {
   APPBAR_SIZE as A,
   BREAKPOINTS as B,
@@ -5726,10 +5734,11 @@ export {
   ICON_SIZE_MEDIUM as b,
   ICON_SIZE_SMALL as c,
   MENU_LIST_MAX_SIZE as d,
-  MENU_ITEM_SIZE_DENSE as e,
-  MENU_ITEM_SIZE_EXTENDED as f,
+  ellipsisStyles as e,
+  MENU_ITEM_SIZE_DENSE as f,
   getSpacing as g,
-  IconButton as h,
-  getDefaultExportFromCjs as i,
+  MENU_ITEM_SIZE_EXTENDED as h,
+  IconButton as i,
+  getDefaultExportFromCjs as j,
   useImperativeIntl as u
 };

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$38 = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
   "path",
   {
@@ -6108,7 +6109,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$38 = () => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsx(
   "path",
   {
@@ -6277,7 +6278,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,