@carto/meridian-ds 2.16.1 → 2.17.0

package/CHANGELOG.md

@@ -4,13 +4,18 @@
 
 ## 2.0
 
+### 2.17.0
+
+- feat(CodeAreaDialog): add `confirmationDialogButtons` prop to override the confirmation's cancel/close actions [#418](https://github.com/CartoDB/meridian-ds/pull/418)
+- Storybook: add interaction tests via `@storybook/addon-vitest` [#407](https://github.com/CartoDB/meridian-ds/pull/407)
+
 ### 2.16.1
 
 - Chore: enable echarts treeshaking by switching `ReactEcharts` to `echarts-for-react/lib/core` and registering only the charts/components actually used [#415](https://github.com/CartoDB/meridian-ds/pull/415)
 
 ### 2.16.0
 
-- feat(design system): restyle Slider marks as a thin vertical break in the rail (replacing the default MUI dot), so passing `marks={[{ value }]}` on a range slider acts as a "stop indicator" for a reference value (e.g. a "base size") — visible across both filled and unfilled portions of the track. Applies to all marks; labels still position correctly underneath
+- feat(Slider): restyle `marks` as a thin vertical break in the rail to act as stop indicators [#410](https://github.com/CartoDB/meridian-ds/pull/410)
 - Feat: add `markLine` prop to `TimeSeriesWidgetUI` for custom reference lines [#409](https://github.com/CartoDB/meridian-ds/pull/409)
 - Chore: remove redundant prepublish lifecycle hook [#404](https://github.com/CartoDB/meridian-ds/pull/404)
 - Test: fill unit testing gaps [#401](https://github.com/CartoDB/meridian-ds/pull/401)

package/dist/components/index.cjs

@@ -144,6 +144,17 @@ function _Button({
   );
 }
 const Button = React.forwardRef(_Button);
+const idCounter = {};
+function uniqueId(prefix = "$lodash$") {
+  if (!idCounter[prefix]) {
+    idCounter[prefix] = 0;
+  }
+  const id = ++idCounter[prefix];
+  if (prefix === "$lodash$") {
+    return `${id}`;
+  }
+  return `${prefix}${id}`;
+}
 const ButtonGroup = material.styled(material.ButtonGroup)(({ theme, size }) => ({
   "& .MuiButton-root:last-child": {
     padding: 0,
@@ -160,9 +171,17 @@ function SplitButton({
   size,
   color,
   defaultOpen,
+  toggleAriaLabel,
   ...otherProps
 }) {
   var _a;
+  const toggleLabel = paletteUtils.useTranslationWithFallback(
+    "c4r.button.showOptions",
+    toggleAriaLabel
+  );
+  const [baseId] = React.useState(() => uniqueId("split-button-"));
+  const toggleId = `${baseId}-toggle`;
+  const menuId = `${baseId}-menu`;
   const [open, setOpen] = React.useState(defaultOpen ?? false);
   const [anchorEl, setAnchorEl] = React.useState(null);
   const [selectedIndex, setSelectedIndex] = React.useState(0);
@@ -205,7 +224,19 @@ function SplitButton({
               children: (_a = options[selectedIndex]) == null ? void 0 : _a.label
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(Button, { disabled: loading || disabled, onClick: handleToggle, children: open ? /* @__PURE__ */ jsxRuntime.jsx(OpenDiagonallyRight.ForwardedComponent, {}) : /* @__PURE__ */ jsxRuntime.jsx(ArrowDown.ForwardedComponent, {}) })
+          /* @__PURE__ */ jsxRuntime.jsx(material.Tooltip, { title: toggleLabel, children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: /* @__PURE__ */ jsxRuntime.jsx(
+            Button,
+            {
+              id: toggleId,
+              disabled: loading || disabled,
+              onClick: handleToggle,
+              "aria-label": toggleLabel,
+              "aria-haspopup": "menu",
+              "aria-expanded": open,
+              "aria-controls": open ? menuId : void 0,
+              children: open ? /* @__PURE__ */ jsxRuntime.jsx(OpenDiagonallyRight.ForwardedComponent, {}) : /* @__PURE__ */ jsxRuntime.jsx(ArrowDown.ForwardedComponent, {})
+            }
+          ) }) })
         ]
       }
     ),
@@ -213,7 +244,7 @@ function SplitButton({
       material.Popper,
       {
         sx: { zIndex: 1 },
-        open,
+        open: open && Boolean(anchorEl),
         anchorEl,
         role: void 0,
         transition: true,
@@ -226,16 +257,25 @@ function SplitButton({
             style: {
               transformOrigin: placement === "bottom" ? "center top" : "center bottom"
             },
-            children: /* @__PURE__ */ jsxRuntime.jsx(material.Paper, { elevation: 8, children: /* @__PURE__ */ jsxRuntime.jsx(material.ClickAwayListener, { onClickAway: handleClose, children: /* @__PURE__ */ jsxRuntime.jsx(material.MenuList, { autoFocusItem: menuAutoFocus, sx: { paddingY: 1 }, children: options.map((option, index) => /* @__PURE__ */ jsxRuntime.jsx(
-              material.MenuItem,
+            children: /* @__PURE__ */ jsxRuntime.jsx(material.Paper, { elevation: 8, children: /* @__PURE__ */ jsxRuntime.jsx(material.ClickAwayListener, { onClickAway: handleClose, children: /* @__PURE__ */ jsxRuntime.jsx(
+              material.MenuList,
               {
-                disabled: option.disabled,
-                selected: index === selectedIndex,
-                onClick: (event) => handleMenuItemClick(event, index),
-                children: option.label
-              },
-              option.label
-            )) }) }) })
+                id: menuId,
+                "aria-labelledby": toggleId,
+                autoFocusItem: menuAutoFocus,
+                sx: { paddingY: 1 },
+                children: options.map((option, index) => /* @__PURE__ */ jsxRuntime.jsx(
+                  material.MenuItem,
+                  {
+                    disabled: option.disabled,
+                    selected: index === selectedIndex,
+                    onClick: (event) => handleMenuItemClick(event, index),
+                    children: option.label
+                  },
+                  option.label
+                ))
+              }
+            ) }) })
           }
         )
       }
@@ -353,17 +393,6 @@ function _PasswordField({
   );
 }
 const PasswordField = React.forwardRef(_PasswordField);
-const idCounter = {};
-function uniqueId(prefix = "$lodash$") {
-  if (!idCounter[prefix]) {
-    idCounter[prefix] = 0;
-  }
-  const id = ++idCounter[prefix];
-  if (prefix === "$lodash$") {
-    return `${id}`;
-  }
-  return `${prefix}${id}`;
-}
 const StyledSelect = material.styled(material.Select)(({ theme }) => ({
   "& .MuiInputAdornment-positionStart": {
     paddingLeft: theme.spacing(2),
@@ -3817,6 +3846,7 @@ function CodeAreaDialog({
   onCancelConfirm,
   onCloseConfirm,
   confirmationDialogTexts,
+  confirmationDialogButtons = {},
   footerProps,
   saveLoading,
   showSaveSnackbar,
@@ -3885,7 +3915,9 @@ function CodeAreaDialog({
             titleText: confirmationDialogTexts == null ? void 0 : confirmationDialogTexts.titleText,
             contentText: confirmationDialogTexts == null ? void 0 : confirmationDialogTexts.contentText,
             cancelText: confirmationDialogTexts == null ? void 0 : confirmationDialogTexts.cancelText,
-            leaveText: confirmationDialogTexts == null ? void 0 : confirmationDialogTexts.leaveText
+            leaveText: confirmationDialogTexts == null ? void 0 : confirmationDialogTexts.leaveText,
+            cancelButton: confirmationDialogButtons.cancelButton,
+            closeButton: confirmationDialogButtons.closeButton
           }
         )
       ]

package/dist/components/index.js

@@ -1,6 +1,6 @@
 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 as CircularProgress$1, 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 as ListItemText$1, Tooltip, ToggleButtonGroup as ToggleButtonGroup$1, Stack, Autocomplete as Autocomplete$1, Divider, ListItemIcon as ListItemIcon$1, createFilterOptions, alpha, useTheme, AppBar as AppBar$1, Toolbar as Toolbar$1, Dialog as Dialog$1, DialogTitle as DialogTitle$1, Chip as Chip$1, 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, ListSubheader as ListSubheader$1, Typography as Typography$1, Popover } from "@mui/material";
+import { styled, Box, Button as Button$1, CircularProgress as CircularProgress$1, Tooltip, 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 as ListItemText$1, ToggleButtonGroup as ToggleButtonGroup$1, Stack, Autocomplete as Autocomplete$1, Divider, ListItemIcon as ListItemIcon$1, createFilterOptions, alpha, useTheme, AppBar as AppBar$1, Toolbar as Toolbar$1, Dialog as Dialog$1, DialogTitle as DialogTitle$1, Chip as Chip$1, 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, ListSubheader as ListSubheader$1, Typography as Typography$1, Popover } from "@mui/material";
 import { ListItemAvatar, ListItemSecondaryAction } from "@mui/material";
 import { OpenInNewOutlined, VisibilityOffOutlined, VisibilityOutlined, Cancel, ContentCopyOutlined, AddCircleOutlineOutlined, MenuOutlined, MoreVertOutlined, HelpOutline, ErrorOutline, CloseOutlined, ArrowBackOutlined, Check, TodayOutlined, StopCircleOutlined, ArrowUpwardOutlined } from "@mui/icons-material";
 import { u as useTranslationWithFallback, T as Typography, c as ICON_SIZE_SMALL, o as IconButton, f as MENU_ITEM_SIZE_DENSE, d as MENU_LIST_MAX_SIZE, l as MENU_ITEM_SIZE_EXTENDED, M as MENU_ITEM_SIZE_DEFAULT, A as APPBAR_SIZE, p as useImperativeIntl, b as ICON_SIZE_MEDIUM, N as NOTIFICATION_DURATION_IN_MS, e as ellipsisStyles, r as resolvePalettePath } from "../palette-utils-gZwK5wCD.js";
@@ -128,6 +128,17 @@ function _Button({
   );
 }
 const Button = forwardRef(_Button);
+const idCounter = {};
+function uniqueId(prefix = "$lodash$") {
+  if (!idCounter[prefix]) {
+    idCounter[prefix] = 0;
+  }
+  const id = ++idCounter[prefix];
+  if (prefix === "$lodash$") {
+    return `${id}`;
+  }
+  return `${prefix}${id}`;
+}
 const ButtonGroup = styled(ButtonGroup$1)(({ theme, size }) => ({
   "& .MuiButton-root:last-child": {
     padding: 0,
@@ -144,9 +155,17 @@ function SplitButton({
   size,
   color,
   defaultOpen,
+  toggleAriaLabel,
   ...otherProps
 }) {
   var _a;
+  const toggleLabel = useTranslationWithFallback(
+    "c4r.button.showOptions",
+    toggleAriaLabel
+  );
+  const [baseId] = useState(() => uniqueId("split-button-"));
+  const toggleId = `${baseId}-toggle`;
+  const menuId = `${baseId}-menu`;
   const [open, setOpen] = useState(defaultOpen ?? false);
   const [anchorEl, setAnchorEl] = useState(null);
   const [selectedIndex, setSelectedIndex] = useState(0);
@@ -189,7 +208,19 @@ function SplitButton({
               children: (_a = options[selectedIndex]) == null ? void 0 : _a.label
             }
           ),
-          /* @__PURE__ */ jsx(Button, { disabled: loading || disabled, onClick: handleToggle, children: open ? /* @__PURE__ */ jsx(ForwardedComponent, {}) : /* @__PURE__ */ jsx(ForwardedComponent$1, {}) })
+          /* @__PURE__ */ jsx(Tooltip, { title: toggleLabel, children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              id: toggleId,
+              disabled: loading || disabled,
+              onClick: handleToggle,
+              "aria-label": toggleLabel,
+              "aria-haspopup": "menu",
+              "aria-expanded": open,
+              "aria-controls": open ? menuId : void 0,
+              children: open ? /* @__PURE__ */ jsx(ForwardedComponent, {}) : /* @__PURE__ */ jsx(ForwardedComponent$1, {})
+            }
+          ) }) })
         ]
       }
     ),
@@ -197,7 +228,7 @@ function SplitButton({
       Popper,
       {
         sx: { zIndex: 1 },
-        open,
+        open: open && Boolean(anchorEl),
         anchorEl,
         role: void 0,
         transition: true,
@@ -210,16 +241,25 @@ function SplitButton({
             style: {
               transformOrigin: placement === "bottom" ? "center top" : "center bottom"
             },
-            children: /* @__PURE__ */ jsx(Paper, { elevation: 8, children: /* @__PURE__ */ jsx(ClickAwayListener, { onClickAway: handleClose, children: /* @__PURE__ */ jsx(MenuList$1, { autoFocusItem: menuAutoFocus, sx: { paddingY: 1 }, children: options.map((option, index) => /* @__PURE__ */ jsx(
-              MenuItem,
+            children: /* @__PURE__ */ jsx(Paper, { elevation: 8, children: /* @__PURE__ */ jsx(ClickAwayListener, { onClickAway: handleClose, children: /* @__PURE__ */ jsx(
+              MenuList$1,
               {
-                disabled: option.disabled,
-                selected: index === selectedIndex,
-                onClick: (event) => handleMenuItemClick(event, index),
-                children: option.label
-              },
-              option.label
-            )) }) }) })
+                id: menuId,
+                "aria-labelledby": toggleId,
+                autoFocusItem: menuAutoFocus,
+                sx: { paddingY: 1 },
+                children: options.map((option, index) => /* @__PURE__ */ jsx(
+                  MenuItem,
+                  {
+                    disabled: option.disabled,
+                    selected: index === selectedIndex,
+                    onClick: (event) => handleMenuItemClick(event, index),
+                    children: option.label
+                  },
+                  option.label
+                ))
+              }
+            ) }) })
           }
         )
       }
@@ -337,17 +377,6 @@ function _PasswordField({
   );
 }
 const PasswordField = forwardRef(_PasswordField);
-const idCounter = {};
-function uniqueId(prefix = "$lodash$") {
-  if (!idCounter[prefix]) {
-    idCounter[prefix] = 0;
-  }
-  const id = ++idCounter[prefix];
-  if (prefix === "$lodash$") {
-    return `${id}`;
-  }
-  return `${prefix}${id}`;
-}
 const StyledSelect = styled(Select)(({ theme }) => ({
   "& .MuiInputAdornment-positionStart": {
     paddingLeft: theme.spacing(2),
@@ -3801,6 +3830,7 @@ function CodeAreaDialog({
   onCancelConfirm,
   onCloseConfirm,
   confirmationDialogTexts,
+  confirmationDialogButtons = {},
   footerProps,
   saveLoading,
   showSaveSnackbar,
@@ -3869,7 +3899,9 @@ function CodeAreaDialog({
             titleText: confirmationDialogTexts == null ? void 0 : confirmationDialogTexts.titleText,
             contentText: confirmationDialogTexts == null ? void 0 : confirmationDialogTexts.contentText,
             cancelText: confirmationDialogTexts == null ? void 0 : confirmationDialogTexts.cancelText,
-            leaveText: confirmationDialogTexts == null ? void 0 : confirmationDialogTexts.leaveText
+            leaveText: confirmationDialogTexts == null ? void 0 : confirmationDialogTexts.leaveText,
+            cancelButton: confirmationDialogButtons.cancelButton,
+            closeButton: confirmationDialogButtons.closeButton
           }
         )
       ]

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

@@ -42,6 +42,19 @@ export declare const Playground: {
         };
     };
 };
+export declare const Interaction: {
+    render: (props: AccordionGroupProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    args: {
+        items: {
+            summary: string;
+            content: import("react/jsx-runtime").JSX.Element;
+        }[];
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
 export declare const Guide: {
     render: () => import("react/jsx-runtime").JSX.Element;
     parameters: {

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

@@ -1 +1 @@
-{"version":3,"file":"AccordionGroup.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/AccordionGroup/AccordionGroup.stories.tsx"],"names":[],"mappings":"AAaA,OAAO,EAEL,mBAAmB,EAIpB,MAAM,cAAc,CAAA;AAErB,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;CAsB0B,CAAA;AACvC,eAAe,OAAO,CAAA;AA+MtB,eAAO,MAAM,UAAU;oBAvJY,mBAAmB;;;;;;;;;;;;;;;;;CA+JrD,CAAA;AAED,eAAO,MAAM,KAAK;;;;;;;;;;;;CAKjB,CAAA;AAED,eAAO,MAAM,QAAQ;oBApKS,mBAAmB;;;;;;;;CAuKhD,CAAA;AAED,eAAO,MAAM,IAAI;oBAtJY,mBAAmB;;;;;;;;CAyJ/C,CAAA;AAED,eAAO,MAAM,OAAO;oBAxIY,mBAAmB;;;;;;;;;;;;;;;;CAsLlD,CAAA;AAED,eAAO,MAAM,gBAAgB;oBAlOM,mBAAmB;;;;;;;;CA0OrD,CAAA;AAED,eAAO,MAAM,gBAAgB;oBA5OM,mBAAmB;;;;;;;;;;;;;;;;CAsPrD,CAAA;AAED,eAAO,MAAM,iCAAiC;oBAxPX,mBAAmB;;;;;;;;;;;;;;;;;;CAkQrD,CAAA;AAED,eAAO,MAAM,QAAQ;oBApIY,mBAAmB;;;;;;;;CAuInD,CAAA"}
+{"version":3,"file":"AccordionGroup.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/AccordionGroup/AccordionGroup.stories.tsx"],"names":[],"mappings":"AAcA,OAAO,EAEL,mBAAmB,EAIpB,MAAM,cAAc,CAAA;AAErB,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;CAsB0B,CAAA;AACvC,eAAe,OAAO,CAAA;AA+MtB,eAAO,MAAM,UAAU;oBAvJY,mBAAmB;;;;;;;;;;;;;;;;;CA+JrD,CAAA;AAED,eAAO,MAAM,WAAW;oBAjKW,mBAAmB;;;;;;;;8BAuKpB;QAAE,aAAa,EAAE,WAAW,CAAA;KAAE;CA4B/D,CAAA;AAED,eAAO,MAAM,KAAK;;;;;;;;;;;;CAKjB,CAAA;AAED,eAAO,MAAM,QAAQ;oBAxMS,mBAAmB;;;;;;;;CA2MhD,CAAA;AAED,eAAO,MAAM,IAAI;oBA1LY,mBAAmB;;;;;;;;CA6L/C,CAAA;AAED,eAAO,MAAM,OAAO;oBA5KY,mBAAmB;;;;;;;;;;;;;;;;CA0NlD,CAAA;AAED,eAAO,MAAM,gBAAgB;oBAtQM,mBAAmB;;;;;;;;CA8QrD,CAAA;AAED,eAAO,MAAM,gBAAgB;oBAhRM,mBAAmB;;;;;;;;;;;;;;;;CA0RrD,CAAA;AAED,eAAO,MAAM,iCAAiC;oBA5RX,mBAAmB;;;;;;;;;;;;;;;;;;CAsSrD,CAAA;AAED,eAAO,MAAM,QAAQ;oBAxKY,mBAAmB;;;;;;;;CA2KnD,CAAA"}

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

@@ -81,6 +81,18 @@ export declare const Playground: {
         };
     };
 };
+export declare const Interaction: {
+    render: ({ label, variant, placeholder, helperText, error, size, required, disableCloseOnSelect, ...props }: AutocompleteProps<(typeof top100Films)[number], boolean> & AutocompleteInputProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    args: {
+        label: string;
+        placeholder: string;
+        helperText: string;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
 export declare const Variants: {
     render: ({ label, placeholder, helperText, error, size, required, disableCloseOnSelect, ...props }: AutocompleteProps<(typeof top100Films)[number]> & AutocompleteInputProps) => import("react/jsx-runtime").JSX.Element;
     args: {

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

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Autocomplete/Autocomplete/Autocomplete.stories.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Autocomplete.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Autocomplete/Autocomplete/Autocomplete.stories.tsx"],"names":[],"mappings":"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"}

package/dist/types/components/Autocomplete/CreatableAutocomplete/CreatableAutocomplete.stories.d.ts

@@ -111,6 +111,25 @@ export declare const Playground: {
         };
     };
 };
+export declare const Interaction: {
+    render: ({ label, variant, placeholder, helperText, error, size, required, disableCloseOnSelect, extended, options, ...props }: CreatableAutocompleteProps<(typeof top100Films)[number]> & AutocompleteInputProps & {
+        options?: unknown[];
+    }) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    args: {
+        label: string;
+        placeholder: string;
+        helperText: string;
+    };
+    parameters: {
+        chromatic: {
+            delay: number;
+        };
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
 export declare const Guide: {
     render: () => import("react/jsx-runtime").JSX.Element;
     parameters: {
@@ -151,8 +170,9 @@ export declare const Multiple: {
         };
     };
 };
-export declare const CustomNewOption: {
+export declare const InteractionCustomNewOption: {
     render: ({ label, variant, placeholder, helperText, error, size, required, disableCloseOnSelect, ...props }: CreatableAutocompleteProps<(typeof top100Films)[number]> & AutocompleteInputProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
     args: {
         label: string;
         placeholder: string;
@@ -165,6 +185,9 @@ export declare const CustomNewOption: {
             };
         };
     };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
 };
 export declare const GroupedVirtualization: {
     render: ({ label, placeholder, error, size, required, helperText, disableCloseOnSelect, }: CreatableAutocompleteProps<{

package/dist/types/components/Autocomplete/CreatableAutocomplete/CreatableAutocomplete.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CreatableAutocomplete.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Autocomplete/CreatableAutocomplete/CreatableAutocomplete.stories.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,0BAA0B,EAAuB,MAAM,UAAU,CAAA;AAQ1E,OAAO,EAGL,kBAAkB,EACnB,MAAM,2BAA2B,CAAA;AAQlC,QAAA,MAAM,OAAO;;iNAkIwC,WAElD;WAS0B,CAAC;kOA3I5B,WAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4EI,CAAA;AAChB,eAAe,OAAO,CAAA;AAEtB,QAAA,MAAM,WAAW,sBAAmB,CAAA;AAUpC,KAAK,sBAAsB,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,UAAU,GAAG,QAAQ,CAAA;IAC9B,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,OAAO,CAAA;IACd,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAA;IACxB,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,OAAO,CAAA;CAClB,CAAA;AAy2BD,eAAO,MAAM,UAAU;oIA31BpB,0BAA0B,CAAC,CAAC,OAAO,WAAW,EAAE,MAAM,CAAC,CAAC,GACzD,sBAAsB,GAAG;QAAE,OAAO,CAAC,EAAE,OAAO,EAAE,CAAA;KAAE;;;;;;;;;;;;;;;;CAg2BjD,CAAA;AAED,eAAO,MAAM,KAAK;;;;;;;;;;;;CAKjB,CAAA;AAED,eAAO,MAAM,QAAQ;wGAtyBlB,0BAA0B,CAC3B,CAAC,OAAO,WAAW,EAAE,MAAM,CAAC,EAC5B,IAAI,EACJ,KAAK,EACL,KAAK,CACN,GACC,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;CA+yBvB,CAAA;AAED,eAAO,MAAM,eAAe;iHA3UzB,0BAA0B,CAAC,CAAC,OAAO,WAAW,EAAE,MAAM,CAAC,CAAC,GACzD,sBAAsB;;;;;;;;;;;;;CAoVvB,CAAA;AAED,eAAO,MAAM,qBAAqB;+FAtR/B,0BAA0B,CAC3B;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EACnC,IAAI,EACJ,KAAK,EACL,KAAK,CACN,GACC,sBAAsB;;;;;;;;;;;;;;;;;;;;;CAmSvB,CAAA;AAED,eAAO,MAAM,YAAY;oIA55BtB,0BAA0B,CAAC,CAAC,OAAO,WAAW,EAAE,MAAM,CAAC,CAAC,GACzD,sBAAsB,GAAG;QAAE,OAAO,CAAC,EAAE,OAAO,EAAE,CAAA;KAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+6BjD,CAAA;AAED,eAAO,MAAM,oBAAoB;oIAl7B9B,0BAA0B,CAAC,CAAC,OAAO,WAAW,EAAE,MAAM,CAAC,CAAC,GACzD,sBAAsB,GAAG;QAAE,OAAO,CAAC,EAAE,OAAO,EAAE,CAAA;KAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAm8BjD,CAAA;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;oIAt8BrB,0BAA0B,CAAC,CAAC,OAAO,WAAW,EAAE,MAAM,CAAC,CAAC,GACzD,sBAAsB,GAAG;QAAE,OAAO,CAAC,EAAE,OAAO,EAAE,CAAA;KAAE;;;;;;;;;;;;;CA48BjD,CAAA"}
+{"version":3,"file":"CreatableAutocomplete.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Autocomplete/CreatableAutocomplete/CreatableAutocomplete.stories.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,0BAA0B,EAAuB,MAAM,UAAU,CAAA;AAQ1E,OAAO,EAGL,kBAAkB,EACnB,MAAM,2BAA2B,CAAA;AASlC,QAAA,MAAM,OAAO;;iNAgIsC,WACnD;WASM,CAAC;kOA5IgC,WAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgFjC,CAAA;AAChB,eAAe,OAAO,CAAA;AAEtB,QAAA,MAAM,WAAW,sBAAmB,CAAA;AAUpC,KAAK,sBAAsB,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,UAAU,GAAG,QAAQ,CAAA;IAC9B,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,OAAO,CAAA;IACd,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAA;IACxB,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,OAAO,CAAA;CAClB,CAAA;AAy2BD,eAAO,MAAM,UAAU;oIA31BpB,0BAA0B,CAAC,CAAC,OAAO,WAAW,EAAE,MAAM,CAAC,CAAC,GACzD,sBAAsB,GAAG;QAAE,OAAO,CAAC,EAAE,OAAO,EAAE,CAAA;KAAE;;;;;;;;;;;;;;;;CAg2BjD,CAAA;AAED,eAAO,MAAM,WAAW;oIAn2BrB,0BAA0B,CAAC,CAAC,OAAO,WAAW,EAAE,MAAM,CAAC,CAAC,GACzD,sBAAsB,GAAG;QAAE,OAAO,CAAC,EAAE,OAAO,EAAE,CAAA;KAAE;;;;;;;;;;;;8BA02BhB;QAAE,aAAa,EAAE,WAAW,CAAA;KAAE;CAkC/D,CAAA;AAED,eAAO,MAAM,KAAK;;;;;;;;;;;;CAKjB,CAAA;AAED,eAAO,MAAM,QAAQ;wGAl1BlB,0BAA0B,CAC3B,CAAC,OAAO,WAAW,EAAE,MAAM,CAAC,EAC5B,IAAI,EACJ,KAAK,EACL,KAAK,CACN,GACC,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;CA21BvB,CAAA;AAED,eAAO,MAAM,0BAA0B;iHAvXpC,0BAA0B,CAAC,CAAC,OAAO,WAAW,EAAE,MAAM,CAAC,CAAC,GACzD,sBAAsB;;;;;;;;;;;;;;8BAkYU;QAAE,aAAa,EAAE,WAAW,CAAA;KAAE;CAe/D,CAAA;AAED,eAAO,MAAM,qBAAqB;+FAnV/B,0BAA0B,CAC3B;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EACnC,IAAI,EACJ,KAAK,EACL,KAAK,CACN,GACC,sBAAsB;;;;;;;;;;;;;;;;;;;;;CAgWvB,CAAA;AAED,eAAO,MAAM,YAAY;oIAz9BtB,0BAA0B,CAAC,CAAC,OAAO,WAAW,EAAE,MAAM,CAAC,CAAC,GACzD,sBAAsB,GAAG;QAAE,OAAO,CAAC,EAAE,OAAO,EAAE,CAAA;KAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4+BjD,CAAA;AAED,eAAO,MAAM,oBAAoB;oIA/+B9B,0BAA0B,CAAC,CAAC,OAAO,WAAW,EAAE,MAAM,CAAC,CAAC,GACzD,sBAAsB,GAAG;QAAE,OAAO,CAAC,EAAE,OAAO,EAAE,CAAA;KAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAggCjD,CAAA;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;oIAngCrB,0BAA0B,CAAC,CAAC,OAAO,WAAW,EAAE,MAAM,CAAC,CAAC,GACzD,sBAAsB,GAAG;QAAE,OAAO,CAAC,EAAE,OAAO,EAAE,CAAA;KAAE;;;;;;;;;;;;;CAygCjD,CAAA"}

package/dist/types/components/Autocomplete/MultipleAutocomplete/MultipleAutocomplete.stories.d.ts

@@ -112,6 +112,30 @@ export declare const Playground: {
         };
     };
 };
+export declare const Interaction: {
+    render: ({ label, variant, placeholder, helperText, error, size, required, disableCloseOnSelect, extended, options, ...props }: AutocompleteProps<(typeof top100Films)[number], boolean> & MultipleAutocompleteInputProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    args: {
+        label: string;
+        placeholder: string;
+        helperText: string;
+    };
+    argTypes: {
+        multiple: {
+            table: {
+                disable: boolean;
+            };
+        };
+    };
+    parameters: {
+        chromatic: {
+            delay: number;
+        };
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
 export declare const Guide: {
     render: () => import("react/jsx-runtime").JSX.Element;
     parameters: {
@@ -145,8 +169,9 @@ export declare const States: {
         };
     };
 };
-export declare const ShowFilters: {
+export declare const InteractionShowFilters: {
     render: ({ label, variant, placeholder, helperText, error, size, required, disableCloseOnSelect, extended, options, ...props }: AutocompleteProps<(typeof top100Films)[number], boolean> & MultipleAutocompleteInputProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
     args: {
         showFilters: boolean;
         label: string;
@@ -159,9 +184,38 @@ export declare const ShowFilters: {
                 story: string;
             };
         };
+        chromatic: {
+            delay: number;
+        };
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
+export declare const InteractionShowCounter: {
+    render: ({ label, variant, placeholder, helperText, error, size, required, disableCloseOnSelect, extended, options, ...props }: AutocompleteProps<(typeof top100Films)[number], boolean> & MultipleAutocompleteInputProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    args: {
+        showCounter: boolean;
+        label: string;
+        placeholder: string;
+        helperText: string;
+    };
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+        chromatic: {
+            delay: number;
+        };
     };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
 };
-export declare const ShowCounter: {
+export declare const CounterFormatters: {
     render: ({ label, placeholder, error, size, required, helperText, disableCloseOnSelect, ...props }: AutocompleteProps<(typeof top100Films)[number], true, false, false> & MultipleAutocompleteInputProps) => import("react/jsx-runtime").JSX.Element;
     args: {
         label: string;

package/dist/types/components/Autocomplete/MultipleAutocomplete/MultipleAutocomplete.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MultipleAutocomplete.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Autocomplete/MultipleAutocomplete/MultipleAutocomplete.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAQ5C,OAAO,EAGL,kBAAkB,EACnB,MAAM,2BAA2B,CAAA;AAQlC,QAAA,MAAM,OAAO;;4MA8FR,WAAW;WAWR,CAAC;6NAxGmB,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4EvB,CAAA;AAChB,eAAe,OAAO,CAAA;AAEtB,QAAA,MAAM,WAAW,sBAAmB,CAAA;AAUpC,KAAK,8BAA8B,GAAG;IACpC,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,UAAU,GAAG,QAAQ,CAAA;IAC9B,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,OAAO,CAAA;IACd,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAA;IACxB,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,OAAO,CAAA;CAClB,CAAA;AAgkBD,eAAO,MAAM,UAAU;oIAljBpB,iBAAiB,CAAC,CAAC,OAAO,WAAW,EAAE,MAAM,CAAC,EAAE,OAAO,CAAC,GACzD,8BAA8B;;;;;;;;;;;;;;;;;;;;;;;CA0jB/B,CAAA;AAED,eAAO,MAAM,KAAK;;;;;;;;;;;;CAKjB,CAAA;AAED,eAAO,MAAM,MAAM;wGAhiBhB,iBAAiB,CAAC,CAAC,OAAO,WAAW,EAAE,MAAM,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,GACpE,8BAA8B;;;;;;;;;;;;;;;;;;CAsiB/B,CAAA;AAED,eAAO,MAAM,WAAW;oIA7kBrB,iBAAiB,CAAC,CAAC,OAAO,WAAW,EAAE,MAAM,CAAC,EAAE,OAAO,CAAC,GACzD,8BAA8B;;;;;;;;;;;;;;CAulB/B,CAAA;AAED,eAAO,MAAM,WAAW;wGAvWrB,iBAAiB,CAAC,CAAC,OAAO,WAAW,EAAE,MAAM,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,GACpE,8BAA8B;;;;;;;;;;;;;;;;;;;;;;;;;CAqX/B,CAAA;AAED,eAAO,MAAM,cAAc;oIA3mBxB,iBAAiB,CAAC,CAAC,OAAO,WAAW,EAAE,MAAM,CAAC,EAAE,OAAO,CAAC,GACzD,8BAA8B;;;;;;;CAgnB/B,CAAA;AAED,eAAO,MAAM,YAAY;oIAnnBtB,iBAAiB,CAAC,CAAC,OAAO,WAAW,EAAE,MAAM,CAAC,EAAE,OAAO,CAAC,GACzD,8BAA8B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsoB/B,CAAA;AAED,eAAO,MAAM,oBAAoB;oIAzoB9B,iBAAiB,CAAC,CAAC,OAAO,WAAW,EAAE,MAAM,CAAC,EAAE,OAAO,CAAC,GACzD,8BAA8B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAypB/B,CAAA;AAED,eAAO,MAAM,qBAAqB;+FApP/B,iBAAiB,CAAC;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,GAC3E,8BAA8B;;;;;;;;;;;;;;;;;;;;;;;;;;CAmQ/B,CAAA;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;wGA1oBrB,iBAAiB,CAAC,CAAC,OAAO,WAAW,EAAE,MAAM,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,GACpE,8BAA8B;;;;;;;;;;;;;;;;;;CAipB/B,CAAA"}
+{"version":3,"file":"MultipleAutocomplete.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Autocomplete/MultipleAutocomplete/MultipleAutocomplete.stories.tsx"],"names":[],"mappings":"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"}

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

@@ -107,6 +107,64 @@ export declare const Playground: {
         };
     };
 };
+export declare const Interaction: {
+    render: ({ chips, variant, color, size, ...rest }: PlaygroundStoryProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    args: {
+        variant: string;
+        color: string;
+        size: string;
+    };
+    argTypes: {
+        variant: {
+            options: string[];
+            control: {
+                type: string;
+            };
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            description: string;
+        };
+        color: {
+            options: string[];
+            control: {
+                type: string;
+            };
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            description: string;
+        };
+        size: {
+            options: string[];
+            control: {
+                type: string;
+            };
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            description: string;
+        };
+    };
+    parameters: {
+        chromatic: {
+            delay: number;
+        };
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
 export declare const Variant: {
     render: ({ chips, ...rest }: ChipGroupProps) => import("react/jsx-runtime").JSX.Element;
 };
@@ -122,14 +180,35 @@ export declare const Disabled: {
         disabled: boolean;
     };
 };
-export declare const MaxLengthChip: {
+export declare const InteractionMaxLengthChip: {
     render: ({ chips, variant, color, size, ...rest }: PlaygroundStoryProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
     args: {
         maxLengthChip: number;
     };
+    parameters: {
+        chromatic: {
+            delay: number;
+        };
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
 };
-export declare const MaxVisibleChips: {
-    render: ({ chips, ...rest }: ChipGroupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InteractionMaxVisibleChips: {
+    render: ({ chips, variant, color, size, ...rest }: PlaygroundStoryProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    args: {
+        maxVisibleChips: number;
+    };
+    parameters: {
+        chromatic: {
+            delay: number;
+        };
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
 };
 export declare const Behavior: {
     render: ({ ...rest }: ChipGroupProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"ChipGroup.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ChipGroup/ChipGroup.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,SAAS,EAAQ,MAAM,eAAe,CAAA;AAKpD,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAGxC;;GAEG;AACH,UAAU,oBAAqB,SAAQ,cAAc;IACnD,wDAAwD;IACxD,OAAO,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC9B,sDAAsD;IACtD,KAAK,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAA;IAC1B,qDAAqD;IACrD,IAAI,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAA;CACzB;AA4CD,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiCqB,CAAA;AAClC,eAAe,OAAO,CAAA;AA4QtB,eAAO,MAAM,UAAU;uDApQpB,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+QtB,CAAA;AAED,eAAO,MAAM,OAAO;iCA7PyB,cAAc;CA+P1D,CAAA;AAED,eAAO,MAAM,KAAK;iCAnOyB,cAAc;CAqOxD,CAAA;AAED,eAAO,MAAM,IAAI;iCA5LyB,cAAc;CA8LvD,CAAA;AAED,eAAO,MAAM,QAAQ;uDA7RlB,oBAAoB;;;;CAkStB,CAAA;AAED,eAAO,MAAM,aAAa;uDApSvB,oBAAoB;;;;CAyStB,CAAA;AAED,eAAO,MAAM,eAAe;iCAhLyB,cAAc;CAkLlE,CAAA;AAED,eAAO,MAAM,QAAQ;0BAjKkB,cAAc;CAmKpD,CAAA"}
+{"version":3,"file":"ChipGroup.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ChipGroup/ChipGroup.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,SAAS,EAAQ,MAAM,eAAe,CAAA;AAUpD,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAGxC;;GAEG;AACH,UAAU,oBAAqB,SAAQ,cAAc;IACnD,wDAAwD;IACxD,OAAO,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC9B,sDAAsD;IACtD,KAAK,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAA;IAC1B,qDAAqD;IACrD,IAAI,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAA;CACzB;AA4CD,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiCqB,CAAA;AAClC,eAAe,OAAO,CAAA;AAyPtB,eAAO,MAAM,UAAU;uDAjPpB,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4PtB,CAAA;AAED,eAAO,MAAM,WAAW;uDA9PrB,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8BA2QW;QAAE,aAAa,EAAE,WAAW,CAAA;KAAE;CAgB/D,CAAA;AAED,eAAO,MAAM,OAAO;iCAzQyB,cAAc;CA2Q1D,CAAA;AAED,eAAO,MAAM,KAAK;iCA/OyB,cAAc;CAiPxD,CAAA;AAED,eAAO,MAAM,IAAI;iCAxMyB,cAAc;CA0MvD,CAAA;AAED,eAAO,MAAM,QAAQ;uDAzSlB,oBAAoB;;;;CA8StB,CAAA;AAED,eAAO,MAAM,wBAAwB;uDAhTlC,oBAAoB;;;;;;;;;;8BA0TW;QAAE,aAAa,EAAE,WAAW,CAAA;KAAE;CAW/D,CAAA;AAED,eAAO,MAAM,0BAA0B;uDAvUpC,oBAAoB;;;;;;;;;;8BAiVW;QAAE,aAAa,EAAE,WAAW,CAAA;KAAE;CAe/D,CAAA;AAED,eAAO,MAAM,QAAQ;0BAvOkB,cAAc;CAyOpD,CAAA"}