@spaced-out/ui-design-system 0.4.13-beta.1 → 0.4.14

package/lib/components/ButtonDropdown/SimpleButtonDropdown.stories.js

@@ -1,651 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports._WithSearch = exports._WithRadioOptions = exports._WithHeaderAndFooter = exports._WithCheckboxOptions = exports._TextWithTooltip = exports._TextOnly = exports._TextAndIcon = exports._IconOnly = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _Button = require("../Button");
-var _Menu = require("../Menu/Menu.stories");
-var _Tooltip = require("../Tooltip");
-var _ButtonDropdown = require("./ButtonDropdown");
-var _SimpleButtonDropdown = require("./SimpleButtonDropdown");
-var _ButtonDropdownStoriesModule = _interopRequireDefault(require("./ButtonDropdown.stories.module.css"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const anchorPositionOptions = [...Object.values(_ButtonDropdown.ANCHOR_POSITION_TYPE)];
-const actionTypeOptions = [...Object.values(_Button.BUTTON_ACTION_TYPE)];
-const elevationOptions = [...Object.values(_Tooltip.ELEVATION_TYPES)];
-var _default = exports.default = {
-  tags: ['autodocs'],
-  title: 'Components/Button Dropdown/Simple Button Dropdown',
-  component: _SimpleButtonDropdown.SimpleButtonDropdown,
-  argTypes: {
-    onClick: {
-      description: '**onClick** handler that is applied to the root `<button>` element',
-      action: 'clicked',
-      table: {
-        type: {
-          summary: '(SyntheticEvent<HTMLElement>) => mixed'
-        }
-      }
-    },
-    classNames: {
-      description: 'External classNames to be applied',
-      control: {
-        type: 'object'
-      },
-      table: {
-        type: {
-          summary: '{buttonWrapper?: string, dropdownContainer?: string, buttonIcon?: string}'
-        }
-      }
-    },
-    elevation: {
-      description: 'Elevation level for the dropdown menu. This controls the z-index stacking order. Default is set to "modal" elevation. Use higher elevation levels when rendering the dropdown above other elevated elements like Modal, Toast, etc.',
-      control: {
-        type: 'select'
-      },
-      options: elevationOptions,
-      table: {
-        type: {
-          summary: 'enum'
-        },
-        defaultValue: {
-          summary: 'modal'
-        }
-      }
-    },
-    menuClassNames: {
-      description: 'External classnames to be applied to the menu. Wrapper gets applied to Menu wrapper and option gets applied to each option in the menu.',
-      control: {
-        type: 'object'
-      },
-      table: {
-        type: {
-          summary: '{wrapper?: string, option?: string, groupTitle?: string, optionTextContainer?: string, optionTextLabel?: string}'
-        }
-      }
-    },
-    tooltip: {
-      control: {
-        type: 'object'
-      },
-      description: 'Field to set the **Tooltip** for Button Dropdown',
-      table: {
-        type: {
-          summary: 'BaseTooltipProps'
-        }
-      }
-    },
-    iconLeftName: {
-      description: 'Left icon to be applied to the button, it internally uses the `Icon` component to render icons',
-      control: {
-        type: 'text'
-      },
-      table: {
-        type: {
-          summary: 'string'
-        }
-      }
-    },
-    iconLeftType: {
-      description: 'Type of Left Icon. Type represents 4 unique icon styles :- Solid, Regular, Duotone and Brands',
-      options: ['regular', 'solid', 'duotone', 'brands'],
-      control: {
-        type: 'select'
-      },
-      table: {
-        type: {
-          summary: 'string'
-        },
-        defaultValue: {
-          summary: 'regular'
-        }
-      }
-    },
-    iconRightName: {
-      description: 'Right icon to be applied to the button, it internally uses the `Icon` component to render icons',
-      control: {
-        type: 'text'
-      },
-      table: {
-        type: {
-          summary: 'string'
-        }
-      }
-    },
-    iconRightType: {
-      description: 'Type of Right Icon. Type represents 4 unique icon styles :- Solid, Regular, Duotone and Brands',
-      options: ['regular', 'solid', 'duotone', 'brands'],
-      control: {
-        type: 'select'
-      },
-      table: {
-        type: {
-          summary: 'string'
-        },
-        defaultValue: {
-          summary: 'regular'
-        }
-      }
-    },
-    type: {
-      options: ['primary', 'secondary', 'tertiary', 'ghost', 'danger'],
-      description: 'Type of Button. Supported types are listed on the dropdown',
-      control: {
-        type: 'select'
-      },
-      table: {
-        type: {
-          summary: 'enum'
-        },
-        defaultValue: {
-          summary: 'primary'
-        }
-      }
-    },
-    actionType: {
-      options: actionTypeOptions,
-      description: 'Action type of Button. Supported types are listed on the dropdown',
-      control: {
-        type: 'select'
-      },
-      table: {
-        type: {
-          summary: 'enum'
-        },
-        defaultValue: {
-          summary: 'submit'
-        }
-      }
-    },
-    size: {
-      description: 'Button supports only two size variants namely small and medium. `small` < `medium`',
-      control: {
-        type: 'radio'
-      },
-      options: ['small', 'medium'],
-      table: {
-        type: {
-          summary: 'enum'
-        },
-        defaultValue: {
-          summary: 'medium'
-        }
-      }
-    },
-    disabled: {
-      description: 'If **true**, the component is disabled',
-      control: {
-        type: 'boolean'
-      },
-      table: {
-        type: {
-          summary: 'boolean'
-        },
-        defaultValue: {
-          summary: 'false'
-        }
-      }
-    },
-    isLoading: {
-      description: 'If **true**, the component would show a circular loader and also preserve the current size of button so that there are no jumps',
-      control: {
-        type: 'boolean'
-      },
-      table: {
-        type: {
-          summary: 'boolean'
-        },
-        defaultValue: {
-          summary: 'false'
-        }
-      }
-    },
-    isFluid: {
-      description: 'If **true**, the component would take the container\'s `width`',
-      control: {
-        type: 'boolean'
-      },
-      table: {
-        type: {
-          summary: 'boolean'
-        },
-        defaultValue: {
-          summary: 'false'
-        }
-      }
-    },
-    children: {
-      description: 'The content of the Button',
-      table: {
-        type: {
-          summary: 'React.Component | string'
-        }
-      }
-    },
-    ariaLabel: {
-      control: {
-        type: 'text'
-      },
-      description: '**aria-label** should be used where Button do not have have discernible text. This would avoid accessibility violations in screen readers',
-      table: {
-        type: {
-          summary: 'string'
-        }
-      }
-    },
-    onOptionSelect: {
-      description: '**onOptionSelect** handler is triggered when there is a change in selected option',
-      action: 'clicked',
-      table: {
-        type: {
-          summary: '(option: MenuOption, ?SyntheticEvent<HTMLElement>) => mixed'
-        }
-      }
-    },
-    onMenuOpen: {
-      description: '**onMenuOpen** handler is triggered when menu is opened. This should be helpful in cases where you want to change Button icon / text on this trigger.',
-      action: 'clicked',
-      table: {
-        type: {
-          summary: '() => mixed'
-        }
-      }
-    },
-    onMenuClose: {
-      description: '**onMenuClose** handler is triggered when menu is closed. This should be helpful in cases where you want to change Button icon / text on this trigger.',
-      action: 'clicked',
-      table: {
-        type: {
-          summary: '() => mixed'
-        }
-      }
-    },
-    anchorPosition: {
-      options: anchorPositionOptions,
-      description: 'Position of Menu. It can be any one value from the dropdown',
-      control: {
-        type: 'select'
-      },
-      table: {
-        type: {
-          summary: 'enum'
-        },
-        defaultValue: {
-          summary: 'bottom-start'
-        }
-      }
-    },
-    options: {
-      description: 'Options to be displayed in buttonButtonDropdown',
-      control: {
-        type: 'object'
-      },
-      table: {
-        type: {
-          summary: 'Array<MenuOption>'
-        }
-      }
-    },
-    optionsVariant: {
-      description: 'Menu supports multiple options variant',
-      control: {
-        type: 'select'
-      },
-      options: ['checkbox', 'radio', 'normal'],
-      table: {
-        type: {
-          summary: 'enum'
-        },
-        defaultValue: {
-          summary: 'normal'
-        }
-      }
-    },
-    allowSearch: {
-      description: `if **true**, the component would show a search input on top of menu.
-        This is a simple **static search**
-        which filter options by **matching search text to option label**`,
-      control: {
-        type: 'boolean'
-      },
-      table: {
-        type: {
-          summary: 'boolean'
-        },
-        defaultValue: {
-          summary: false
-        }
-      }
-    },
-    selectedKeys: {
-      description: 'Selected keys corresponding to options. These options are shown as selected in UI',
-      control: {
-        type: 'array'
-      },
-      table: {
-        type: {
-          summary: 'Array<string>'
-        }
-      }
-    },
-    resolveLabel: {
-      description: 'A function that resolves the label for a MenuOption. This is useful when you want to customize the label of an option based on some condition',
-      table: {
-        type: {
-          summary: '(option: MenuOption) => string | React.ReactNode'
-        }
-      }
-    },
-    resolveSecondaryLabel: {
-      description: 'A function that resolves the secondary label for a MenuOption. This is useful when you want to customize the secondary label of an option based on some condition',
-      table: {
-        type: {
-          summary: '(option: MenuOption) => string | React.ReactNode'
-        }
-      }
-    },
-    menuVirtualization: {
-      description: `If **Enabled**, the options will only be rendered when they are within the component's viewport. **menuHeight and itemHeight** accept numerical input, interpreted as pixel values.`,
-      control: {
-        type: 'object'
-      },
-      table: {
-        type: {
-          summary: '{enable: boolean, menuHeight?: number, itemHeight?: number}'
-        }
-      }
-    },
-    header: {
-      description: 'Custom Header For the Menu',
-      table: {
-        type: {
-          summary: 'React.ReactNode'
-        }
-      }
-    },
-    footer: {
-      description: 'Custom Header For the Menu',
-      table: {
-        type: {
-          summary: 'React.ReactNode'
-        }
-      }
-    },
-    clickAwayRef: {
-      type: {
-        optional: true
-      },
-      description: 'ref that contains the functions to open or close the child',
-      table: {
-        type: {
-          summary: 'ClickAwayRefType'
-        }
-      }
-    },
-    showLabelTooltip: {
-      description: 'Show Tooltip on the label of the menu option if truncated',
-      control: {
-        type: 'object'
-      },
-      table: {
-        type: {
-          summary: 'MenuLabelTooltip'
-        }
-      }
-    },
-    allowWrap: {
-      description: 'Allows the label to wrap up to 3 lines. If truncated, a tooltip will display up to 10 lines.',
-      control: {
-        type: 'boolean'
-      },
-      table: {
-        type: {
-          summary: 'boolean'
-        },
-        defaultValue: {
-          summary: false
-        }
-      }
-    }
-  },
-  parameters: {
-    docs: {
-      subtitle: 'Generates a ButtonDropdown component',
-      description: {
-        component: `
-\`\`\`js
-import { SimpleButtonDropdown } from "@spaced-out/ui-design-system/lib/components/ButtonDropdown";
-\`\`\`
-**SimpleButtonDropdown** is implemented as a combination of **<a href="../?path=/docs/components-button--docs">Button</a>** and **<a href="../?path=/docs/components-menu--docs">Menu</a>**
-components. It internally uses **Floating UI** to
-position itself in context of DOM. Supports a bunch of callbacks listed below.
-
-- **SimpleButtonDropdown** serially spreads out BaseMenuProps, meaning it would accept options as a prop instead of whole Menu.
-- **SimpleButtonDropdown** would have implicit label selection behavior built in, meaning if you select an option the
-label would get auto populated for the component itself.
-- The component maintains an internal state for selections. You can always override it with explicit **selectedKeys**
-prop which changes on **onOptionSelect** callback.
-- You can always get the most recent instance of selected options from ref by using \`ref.current?.selectedKeys\`. This might be useful when you have
-options which are multi-select
-- The component also supports custom **header** as \`React Component\` and this is then passed in
-the **<a href="../?path=/docs/components-menu--docs">Menu</a>** Component.
-- The component also supports custom **footer** as \`React Component\` and this is then passed in
-the **<a href="../?path=/docs/components-menu--docs">Menu</a>** Component. This might be useful when you need
-to save some state in the parent component.
-- Supports passing a \`clickAwayRef\` prop to the component.
-- You can always force Open the instance from ref by using \`clickAwayRef.current?.forceOpen()\`. This might be useful when want to force Open as per you needs.
-- You can always force Close the instance from ref by using \`clickAwayRef.current?.forceClose()\`. This might be useful when want to force Close as per you needs.
-
-
-For checkbox type options you can get the latest instance of selected Keys from the component itself:
-
-\`\`\`jsx
-export const _WithCheckboxOptions = (args: SimpleButtonDropdownProps): React.ReactNode => {
-  const ref = React.useRef(null);
-  const clickAwayRef = React.useRef(null);
-
-  const handleChange = () => {
-    // Get your current instance of selected keys from ref
-    // const selectedKeys = ref.current?.selectedKeys;
-  };
-
-  return (
-    <div className={css.buttonButtonDropdownWrapper}>
-      <div className={css.content}>
-      <SimpleButtonDropdown
-        options={options}
-        optionsVariant={'checkbox'}
-        selectedKeys={['4']}
-        onOptionSelect={handleChange}
-        ref={ref}
-        clickAwayRef={clickAwayRef}
-      >
-        Some Button Label
-      </SimpleButtonDropdown>
-      </div>
-    </div>
-  );
-};
-\`\`\`
-        `
-      }
-    },
-    storySource: {
-      componentPath: '/src/components/ButtonDropdown/ButtonDropdown.jsx'
-    }
-  }
-};
-const options = [{
-  key: '1',
-  label: 'Option one',
-  iconLeft: 'coffee'
-}, {
-  key: '2',
-  label: 'Option two',
-  iconLeft: 'user'
-}, {
-  key: '4',
-  label: 'Option three this is a very long option that would truncate, and this is even longer text to further test the truncation behavior in the dropdown component, ensuring that extremely long labels are handled gracefully and do not break the layout or overflow in an undesirable way, especially when the text is much longer than what would typically be expected in a dropdown option.',
-  iconLeft: 'face-party'
-}, {
-  key: '5',
-  label: 'Option five(disabled)',
-  disabled: true,
-  iconLeft: 'flag'
-}, {
-  key: '6',
-  label: 'Option six(disabled) very long option that would truncate',
-  disabled: true,
-  iconLeft: 'camera'
-}, {
-  key: '7',
-  label: 'Option seven',
-  iconLeft: 'coffee'
-}, {
-  key: '8',
-  label: 'Option eight',
-  iconLeft: 'user'
-}, {
-  key: '9',
-  label: 'Option nine',
-  iconLeft: 'face-party'
-}];
-const textOnlyButtonProps = {
-  children: 'Button Text'
-};
-const textAndIconButtonProps = {
-  children: 'Long Button Text',
-  iconLeftName: 'face-party',
-  iconRightName: 'face-party'
-};
-const iconOnlyButtonProps = {
-  iconLeftName: 'face-party',
-  ariaLabel: 'Icon Button Dropdown'
-};
-const commonMenuProps = {
-  options,
-  size: 'medium',
-  isFluid: false
-};
-const _TextOnly = args => {
-  const [selectedKeys, setSelectedKeys] = React.useState([]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: _ButtonDropdownStoriesModule.default.menuBtnWrapper
-  }, /*#__PURE__*/React.createElement(_SimpleButtonDropdown.SimpleButtonDropdown, _extends({}, args, {
-    selectedKeys: selectedKeys,
-    onOptionSelect: () => setSelectedKeys([])
-  })));
-};
-exports._TextOnly = _TextOnly;
-_TextOnly.args = {
-  ...textOnlyButtonProps,
-  ...commonMenuProps
-};
-const _TextWithTooltip = args => {
-  const [selectedKeys, setSelectedKeys] = React.useState([]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: _ButtonDropdownStoriesModule.default.menuBtnWrapper
-  }, /*#__PURE__*/React.createElement(_SimpleButtonDropdown.SimpleButtonDropdown, _extends({}, args, {
-    selectedKeys: selectedKeys,
-    onOptionSelect: () => setSelectedKeys([])
-  })));
-};
-exports._TextWithTooltip = _TextWithTooltip;
-_TextWithTooltip.args = {
-  ...textOnlyButtonProps,
-  ...commonMenuProps,
-  showLabelTooltip: {
-    maxLines: 2
-  }
-};
-const _TextAndIcon = args => /*#__PURE__*/React.createElement("div", {
-  className: _ButtonDropdownStoriesModule.default.menuBtnWrapper
-}, /*#__PURE__*/React.createElement(_SimpleButtonDropdown.SimpleButtonDropdown, args));
-exports._TextAndIcon = _TextAndIcon;
-_TextAndIcon.args = {
-  ...textAndIconButtonProps,
-  ...commonMenuProps
-};
-const _IconOnly = args => /*#__PURE__*/React.createElement("div", {
-  className: _ButtonDropdownStoriesModule.default.menuBtnWrapper
-}, /*#__PURE__*/React.createElement(_SimpleButtonDropdown.SimpleButtonDropdown, args));
-exports._IconOnly = _IconOnly;
-_IconOnly.args = {
-  ...iconOnlyButtonProps,
-  ...commonMenuProps
-};
-const _WithSearch = args => /*#__PURE__*/React.createElement("div", {
-  className: _ButtonDropdownStoriesModule.default.menuBtnWrapper
-}, /*#__PURE__*/React.createElement(_SimpleButtonDropdown.SimpleButtonDropdown, args));
-exports._WithSearch = _WithSearch;
-_WithSearch.args = {
-  ...textOnlyButtonProps,
-  allowSearch: true,
-  ...commonMenuProps
-};
-const _WithCheckboxOptions = args => {
-  const ref = React.useRef(null);
-  const handleChange = () => {
-    // Get your current instance of selected keys from ref
-    // const selectedKeys = ref.current?.selectedKeys;
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: _ButtonDropdownStoriesModule.default.menuBtnWrapper
-  }, /*#__PURE__*/React.createElement(_SimpleButtonDropdown.SimpleButtonDropdown, _extends({}, args, {
-    onOptionSelect: handleChange,
-    ref: ref
-  })));
-};
-exports._WithCheckboxOptions = _WithCheckboxOptions;
-_WithCheckboxOptions.args = {
-  ...textOnlyButtonProps,
-  ...commonMenuProps,
-  optionsVariant: 'checkbox',
-  selectedKeys: ['4']
-};
-const _WithRadioOptions = args => /*#__PURE__*/React.createElement("div", {
-  className: _ButtonDropdownStoriesModule.default.menuBtnWrapper
-}, /*#__PURE__*/React.createElement(_SimpleButtonDropdown.SimpleButtonDropdown, args));
-exports._WithRadioOptions = _WithRadioOptions;
-_WithRadioOptions.args = {
-  ...textOnlyButtonProps,
-  ...commonMenuProps,
-  optionsVariant: 'radio',
-  selectedKeys: ['2']
-};
-const _WithHeaderAndFooter = args => {
-  const ref = React.useRef(null);
-  const clickAwayRef = React.useRef(null);
-  const handleChange = () => {
-    // Get your current instance of selected keys from ref
-    // const selectedKeys = ref.current?.selectedKeys;
-  };
-  const onSave = () => {
-    if (clickAwayRef.current) {
-      // @ts-ignore - TS2339 - Property 'forceClose' does not exist on type 'never'.
-      clickAwayRef.current.forceClose();
-    }
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: _ButtonDropdownStoriesModule.default.menuBtnWrapper
-  }, /*#__PURE__*/React.createElement(_SimpleButtonDropdown.SimpleButtonDropdown, _extends({}, args, {
-    onOptionSelect: handleChange,
-    ref: ref,
-    header: /*#__PURE__*/React.createElement(_Menu.MenuHeader, null),
-    footer: /*#__PURE__*/React.createElement(_Menu.MenuFooter, {
-      onSave: onSave
-    }),
-    clickAwayRef: clickAwayRef
-  })));
-};
-exports._WithHeaderAndFooter = _WithHeaderAndFooter;
-_WithHeaderAndFooter.args = {
-  ...textOnlyButtonProps,
-  ...commonMenuProps,
-  optionsVariant: 'checkbox',
-  selectedKeys: ['4']
-};

package/lib/components/ButtonDropdown/index.d.ts

@@ -1,3 +0,0 @@
-export * from './ButtonDropdown';
-export * from './SimpleButtonDropdown';
-//# sourceMappingURL=index.d.ts.map

package/lib/components/ButtonDropdown/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonDropdown/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC"}

package/lib/components/ButtonTabs/ButtonTab/ButtonTab.d.ts

@@ -1,25 +0,0 @@
-import { Flow } from 'flow-to-typescript-codemod';
-import * as React from 'react';
-import type { IconType } from '../../Icon';
-type ClassNames = Readonly<{
-    wrapper?: string;
-}>;
-export type ButtonTabProps = {
-    classNames?: ClassNames;
-    children?: React.ReactNode;
-    disabled?: boolean;
-    onButtonTabSelect?: ((id: string, e?: React.SyntheticEvent<HTMLElement> | null | undefined) => unknown) | null | undefined;
-    iconName?: string;
-    iconType?: IconType;
-    size?: 'medium' | 'small';
-    isFluid?: boolean;
-    ariaLabel?: string;
-    id: string;
-    selectedButtonTabId?: string;
-    isLoading?: boolean;
-    isLeftCurved?: boolean;
-    isRightCurved?: boolean;
-};
-export declare const ButtonTab: Flow.AbstractComponent<ButtonTabProps, HTMLButtonElement>;
-export {};
-//# sourceMappingURL=ButtonTab.d.ts.map

package/lib/components/ButtonTabs/ButtonTab/ButtonTab.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonTab.d.ts","sourceRoot":"","sources":["../../../../src/components/ButtonTabs/ButtonTab/ButtonTab.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAEhD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAC;AAKzC,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG;IAC3B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,IAAI,GAAG,SAAS,KAAK,OAAO,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IAC3H,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAAC,cAAc,EAAE,iBAAiB,CA2CrE,CAAC"}