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

package/lib/components/Typeahead/Typeahead.stories.js

@@ -1,648 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports._WithPaginationAndVirtualization = exports._WithHeaderAndFooter = exports._TypeaheadWithTooltipOptions = exports._Typeahead = exports.WithHeaderAndFooter = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _useDebounce = require("../../hooks/useDebounce");
-var _Menu = require("../Menu/Menu.stories");
-var _Tooltip = require("../Tooltip");
-var _Typeahead2 = require("./Typeahead");
-var _TypeaheadStoriesModule = _interopRequireDefault(require("./Typeahead.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 DEFAULT_LIMIT = 10;
-const DEFAULT_OFFSET = 0;
-const elevationOptions = [...Object.values(_Tooltip.ELEVATION_TYPES)];
-const options = [{
-  key: '1',
-  label: 'Eden Porter',
-  iconLeft: 'user'
-}, {
-  key: '2',
-  label: 'Verda Rodgers',
-  iconLeft: 'user'
-}, {
-  key: '3',
-  label: 'Option three this is a very long option that would truncate, and it continues even further to demonstrate how the text will behave when it exceeds the typical display width of the dropdown or typeahead component, ensuring that truncation, ellipsis, or wrapping is handled gracefully by the UI.',
-  iconLeft: 'user'
-}, {
-  key: '4',
-  label: 'Rolf Kim',
-  iconLeft: 'user'
-}, {
-  key: '5',
-  label: 'Ava Clark',
-  iconLeft: 'user'
-}, {
-  key: '6',
-  label: 'Geneva Rhodes',
-  iconLeft: 'user'
-}, {
-  key: '7',
-  label: 'Miranda Black',
-  iconLeft: 'user'
-}, {
-  key: '8',
-  label: 'Marsh Saunders',
-  iconLeft: 'user'
-}, {
-  key: '9',
-  label: 'Prunella Webb',
-  iconLeft: 'user'
-}, {
-  key: '10',
-  label: 'Andy Mullins',
-  iconLeft: 'user'
-}, {
-  key: '11',
-  label: 'Jade Watkins',
-  iconLeft: 'user'
-}, {
-  key: '12',
-  label: 'Wally Wolfe',
-  iconLeft: 'user'
-}, {
-  key: '13',
-  label: 'Misty Lipsey',
-  iconLeft: 'user'
-}, {
-  key: '14',
-  label: 'Dwight Gibbs',
-  iconLeft: 'user'
-}, {
-  key: '15',
-  label: 'Ronald Rhodes',
-  iconLeft: 'user'
-}, {
-  key: '16',
-  label: 'Sophia Evans',
-  iconLeft: 'user'
-}, {
-  key: '17',
-  label: 'Liam Harris',
-  iconLeft: 'user'
-}, {
-  key: '18',
-  label: 'Olivia Grant',
-  iconLeft: 'user'
-}, {
-  key: '19',
-  label: 'Ethan Daniels',
-  iconLeft: 'user'
-}, {
-  key: '20',
-  label: 'Chloe Thomas',
-  iconLeft: 'user'
-}, {
-  key: '21',
-  label: 'Lucas Martinez',
-  iconLeft: 'user'
-}, {
-  key: '22',
-  label: 'Benjamin Wright',
-  iconLeft: 'user'
-}, {
-  key: '23',
-  label: 'Amelia King',
-  iconLeft: 'user'
-}, {
-  key: '24',
-  label: 'James Lewis',
-  iconLeft: 'user'
-}, {
-  key: '25',
-  label: 'Pamela Fennimore',
-  iconLeft: 'user'
-}];
-var _default = exports.default = {
-  tags: ['autodocs'],
-  title: 'Form Components/Typeahead/Generic Typeahead',
-  component: _Typeahead2.Typeahead,
-  argTypes: {
-    size: {
-      description: 'Typeahead supports only two size variants namely small and medium. `small` < `medium`',
-      options: ['medium', 'small'],
-      control: {
-        type: 'select'
-      },
-      table: {
-        type: {
-          summary: 'enum'
-        },
-        defaultValue: {
-          summary: 'medium'
-        }
-      }
-    },
-    menuSize: {
-      description: 'Size of the menu.If not specified menu would take the size prop of typeahead. `small` < `medium`',
-      options: ['medium', 'small'],
-      control: {
-        type: 'select'
-      },
-      table: {
-        type: {
-          summary: 'enum'
-        }
-      }
-    },
-    elevation: {
-      description: 'This is passed to Typeahead. Elevation level for the dropdown menu 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'
-        }
-      }
-    },
-    name: {
-      description: 'Name of the typeahead',
-      control: {
-        type: 'text'
-      },
-      table: {
-        type: {
-          summary: 'string'
-        }
-      }
-    },
-    options: {
-      description: 'Typeahead options to be displayed. Each option should atleast have `{key: string, label: string}` Each option additionally supports `iconLeft` and `iconRight`',
-      control: {
-        type: 'object'
-      },
-      table: {
-        type: {
-          summary: 'MenuOption[]'
-        }
-      }
-    },
-    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 add a loader. The loader occupies space outside the container.',
-      control: {
-        type: 'boolean'
-      },
-      table: {
-        type: {
-          summary: 'boolean'
-        },
-        defaultValue: {
-          summary: 'false'
-        }
-      }
-    },
-    menuOpenOffset: {
-      description: 'A number indicating how many characters are needed to open menu',
-      control: {
-        type: 'number'
-      },
-      table: {
-        type: {
-          summary: 'number'
-        },
-        defaultValue: {
-          summary: 1
-        }
-      }
-    },
-    placeholder: {
-      description: 'Placeholder of typeahead. This appears inside the input box',
-      control: {
-        type: 'text'
-      },
-      table: {
-        type: {
-          summary: 'string'
-        }
-      }
-    },
-    locked: {
-      description: 'if **true**, the component is locked, Locked state is the readonly state of the typeahead',
-      control: {
-        type: 'boolean'
-      },
-      table: {
-        type: {
-          summary: 'boolean'
-        },
-        defaultValue: {
-          summary: 'false'
-        }
-      }
-    },
-    error: {
-      description: 'if **true**, the component is moved to error state, Error state displays a red border surrounding input',
-      control: {
-        type: 'boolean'
-      },
-      table: {
-        type: {
-          summary: 'boolean'
-        },
-        defaultValue: {
-          summary: 'false'
-        }
-      }
-    },
-    errorText: {
-      description: 'Error text to be displayed on the bottom of the input. This uses `colorTextDanger`',
-      control: {
-        type: 'text'
-      },
-      table: {
-        type: {
-          summary: 'string'
-        }
-      }
-    },
-    label: {
-      description: 'Primary label of the typeahead. This appears on top of typeahead input',
-      control: {
-        type: 'text'
-      },
-      table: {
-        type: {
-          summary: 'string'
-        }
-      }
-    },
-    helperText: {
-      description: 'Secondary label of the typeahead. This appears on bottom of typeahead input, if the typeahead is in `error` state the priority is given to `errorText`, in such cases secondary label wont be displayed',
-      control: {
-        type: 'text'
-      },
-      table: {
-        type: {
-          summary: 'string'
-        }
-      }
-    },
-    classNames: {
-      description: 'External classnames to be applied',
-      control: {
-        type: 'object'
-      },
-      table: {
-        type: {
-          summary: '{wrapper?: string, box?: string}'
-        }
-      }
-    },
-    onSelect: {
-      description: '**onSelect** handler is triggered when there is a selection of an option from Menu',
-      action: 'Option Selected',
-      table: {
-        type: {
-          summary: '(option: MenuOption, ?SyntheticEvent<HTMLElement>) => mixed'
-        }
-      }
-    },
-    iconLeftName: {
-      description: 'Left icon to be applied to the button, it internally uses the `Icon` component to render icons. By default Typeahead has magnifying-glass icon',
-      control: {
-        type: 'text'
-      },
-      table: {
-        type: {
-          summary: 'string'
-        },
-        defaultValue: {
-          summary: 'magnifying-glass'
-        }
-      }
-    },
-    onClear: {
-      description: '**onClear** handler is triggered when clear button is clicked.',
-      action: 'cleared',
-      table: {
-        type: {
-          summary: '() => void'
-        }
-      }
-    },
-    onSearch: {
-      description: '**onSearch** handler is triggered when there change in the input value',
-      action: 'Searched',
-      table: {
-        type: {
-          summary: '(evt: SyntheticInputEvent<HTMLInputElement>) => mixed'
-        }
-      }
-    },
-    onFocus: {
-      description: '**onFocus** handler is triggered when typeahead is focussed',
-      action: 'focussed',
-      table: {
-        type: {
-          summary: '(e: SyntheticInputEvent<HTMLInputElement>) => mixed'
-        }
-      }
-    },
-    onBlur: {
-      description: '**onBlur** handler is triggered when typeahead is blurred',
-      action: 'blurred',
-      table: {
-        type: {
-          summary: '(e: SyntheticInputEvent<HTMLInputElement>) => mixed'
-        }
-      }
-    },
-    typeaheadInputText: {
-      description: 'Text that appears inside the top input. Since Typeahead is a controlled component, this has to be set by caller',
-      table: {
-        type: {
-          summary: 'string'
-        }
-      }
-    },
-    menu: {
-      description: 'Menu props to use',
-      control: {
-        type: 'object'
-      },
-      table: {
-        type: {
-          summary: 'MenuProps'
-        }
-      }
-    },
-    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'
-        }
-      }
-    },
-    clickAwayRef: {
-      type: {
-        optional: true
-      },
-      description: 'ref that contains the functions to open or close the child',
-      table: {
-        type: {
-          summary: 'ClickAwayRefType'
-        }
-      }
-    },
-    allowInternalFilter: {
-      description: 'Allows the **MenuOptions** to be filtered internally based on the **label** of each option. When this is set to false, the internal filtering mechanism that matches options against the search text is skipped. This means it assumes that the **MenuOptions** has already been filtered externally and will display the provided options as they are without any further processing.',
-      control: {
-        type: 'boolean'
-      },
-      table: {
-        type: {
-          summary: 'boolean'
-        },
-        defaultValue: {
-          summary: true
-        }
-      }
-    }
-  },
-  parameters: {
-    docs: {
-      subtitle: 'Generates a Typeahead component',
-      description: {
-        component: `
-\`\`\`js
-import { Typeahead } from "@spaced-out/ui-design-system/lib/components/Typeahead";
-\`\`\`
-**Typeahead** is implemented as a combination of **<a href="../?path=/docs/form-components-input--docs">Input</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. Typeahead automatically filters options when a
-substring match is found in option(s). This is done using \`label\` prop of option.
-
-- Supports passing a \`clickAwayRef\` prop to the component.
-- You can always force Open the dropdown 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 dropdown from ref by using \`clickAwayRef.current?.forceClose()\`. This might be useful when want to force Close as per you needs.
-
-**Purpose:** The Typeahead component is designed to enhance performance and user experience by initially displaying a limited set of menu options (e.g., most popular or recently used items). Once the user begins typing into the input field, the component dynamically queries the API and displays all matching results based on the input text. This approach minimizes initial load time while ensuring that users can still access the full range of options through search-driven filtering.
-
-Currently typeahead only supports simple menu options.
-
-\`\`\`jsx
-export const _BasicTypeahead = (args: TypeaheadProps): React.ReactNode => {
-  const clickAwayRef = React.useRef(null);
-  const [inputText, setInputText] = React.useState('');
-  const [isLoading, setIsLoading] = React.useState(false);
-  const [menuOptions, setMenuOptions] = React.useState([]);
-
-  const debouncedInputText = useDebounce(inputText, 500);
-
-  const fetchData = async () => {
-    setIsLoading(true);
-    const newOptions = await getPaginatedData(
-      debouncedInputText,
-      DEFAULT_OFFSET,
-      DEFAULT_LIMIT,
-    );
-    setMenuOptions(newOptions);
-    setIsLoading(false);
-  };
-
-  React.useEffect(() => {
-    fetchData();
-  }, [debouncedInputText]);
-
-  return (
-    <div className={css.typeaheadWrapper}>
-      <Typeahead
-        {...args}
-        menu={{
-          options: menuOptions,
-          virtualization: {enable: true},
-        }}
-        onClear={() => setInputText('')}
-        onSearch={(e) => setInputText(e.target.value)}
-        onSelect={({label}) => setInputText(label || '')}
-        isLoading={isLoading}
-        clickAwayRef={clickAwayRef}
-        typeaheadInputText={inputText}
-        allowInternalFilter={false}
-      />
-    </div>
-  );
-}
-\`\`\`
-        `
-      }
-    },
-    storySource: {
-      componentPath: '/src/components/Typeahead/Typeahead.jsx'
-    }
-  }
-};
-const menuProps = {
-  options
-};
-const _Typeahead = args => {
-  const [inputText, setInputText] = React.useState('');
-  return /*#__PURE__*/React.createElement("div", {
-    className: _TypeaheadStoriesModule.default.typeaheadWrapper
-  }, /*#__PURE__*/React.createElement(_Typeahead2.Typeahead, _extends({}, args, {
-    typeaheadInputText: inputText,
-    onSearch: e => setInputText(e.target.value),
-    onSelect: option => {
-      // @ts-ignore - TS2345 - Argument of type 'string | undefined' is not assignable to parameter of type 'SetStateAction<string>'.
-      setInputText(option.label);
-    },
-    onClear: () => setInputText('')
-  })));
-};
-exports._Typeahead = _Typeahead;
-_Typeahead.args = {
-  label: 'Search a name',
-  menu: menuProps
-};
-const _TypeaheadWithTooltipOptions = args => {
-  const [inputText, setInputText] = React.useState('');
-  return /*#__PURE__*/React.createElement("div", {
-    className: _TypeaheadStoriesModule.default.typeaheadWrapper
-  }, /*#__PURE__*/React.createElement(_Typeahead2.Typeahead, _extends({}, args, {
-    typeaheadInputText: inputText,
-    onSearch: e => setInputText(e.target.value),
-    onSelect: option => {
-      // @ts-ignore - TS2345 - Argument of type 'string | undefined' is not assignable to parameter of type 'SetStateAction<string>'.
-      setInputText(option.label);
-    },
-    onClear: () => setInputText('')
-  })));
-};
-exports._TypeaheadWithTooltipOptions = _TypeaheadWithTooltipOptions;
-_TypeaheadWithTooltipOptions.args = {
-  label: 'Search a name',
-  menu: {
-    ...menuProps,
-    showLabelTooltip: {
-      maxLines: 10
-    }
-  }
-};
-const _WithHeaderAndFooter = args => /*#__PURE__*/React.createElement(WithHeaderAndFooter, args);
-exports._WithHeaderAndFooter = _WithHeaderAndFooter;
-const WithHeaderAndFooter = args => {
-  const clickAwayRef = React.useRef(null);
-  const [inputText, setInputText] = React.useState('');
-  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: _TypeaheadStoriesModule.default.typeaheadWrapper
-  }, /*#__PURE__*/React.createElement(_Typeahead2.Typeahead, _extends({}, args, {
-    typeaheadInputText: inputText,
-    onSearch: e => setInputText(e.target.value),
-    onSelect: option => {
-      // @ts-ignore - TS2345 - Argument of type 'string | undefined' is not assignable to parameter of type 'SetStateAction<string>'.
-      setInputText(option.label);
-    },
-    menu: {
-      options,
-      header: /*#__PURE__*/React.createElement(_Menu.MenuHeader, null),
-      footer: /*#__PURE__*/React.createElement(_Menu.MenuFooter, {
-        onSave: onSave
-      })
-    },
-    onClear: () => setInputText(''),
-    clickAwayRef: clickAwayRef
-  })));
-};
-exports.WithHeaderAndFooter = WithHeaderAndFooter;
-_WithHeaderAndFooter.args = {
-  label: 'Search a name'
-};
-const getPaginatedData = _ref => {
-  let {
-    limit,
-    offset,
-    searchText
-  } = _ref;
-  return new Promise(resolve => setTimeout(() => {
-    const filteredOptions = options.filter(option => option.label ? option.label.toLowerCase().includes(searchText.toLowerCase()) : true);
-    resolve(filteredOptions.slice(offset, offset + limit));
-  }, 1000));
-};
-const _WithPaginationAndVirtualization = args => {
-  const clickAwayRef = React.useRef(null);
-  const [inputText, setInputText] = React.useState('');
-  const [isLoading, setIsLoading] = React.useState(false);
-  const [menuOptions, setMenuOptions] = React.useState([]);
-  const debouncedInputText = (0, _useDebounce.useDebounce)(inputText, 500);
-  const fetchData = async () => {
-    setIsLoading(true);
-    const newOptions = await getPaginatedData({
-      limit: DEFAULT_LIMIT,
-      offset: DEFAULT_OFFSET,
-      searchText: debouncedInputText
-    });
-    // @ts-ignore - TS2345 - Argument of type 'MenuOption[]' is not assignable to parameter of type 'SetStateAction<never[]>'.
-    setMenuOptions(newOptions);
-    setIsLoading(false);
-  };
-  React.useEffect(() => {
-    fetchData();
-  }, [debouncedInputText]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: _TypeaheadStoriesModule.default.typeaheadWrapper
-  }, /*#__PURE__*/React.createElement(_Typeahead2.Typeahead, _extends({}, args, {
-    menu: {
-      options: menuOptions,
-      virtualization: {
-        enable: true
-      }
-    },
-    onClear: () => setInputText(''),
-    onSearch: e => setInputText(e.target.value),
-    onSelect: _ref2 => {
-      let {
-        label
-      } = _ref2;
-      return setInputText(label || '');
-    },
-    isLoading: isLoading,
-    clickAwayRef: clickAwayRef,
-    typeaheadInputText: inputText,
-    allowInternalFilter: false
-  })));
-};
-exports._WithPaginationAndVirtualization = _WithPaginationAndVirtualization;
-_WithPaginationAndVirtualization.args = {
-  label: 'Search a name',
-  menuOpenOffset: 0
-};

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Typeahead/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC"}

package/lib/components/WeekdayPicker/WeekdayPicker.d.ts

@@ -1,36 +0,0 @@
-import { Flow } from 'flow-to-typescript-codemod';
-import * as React from 'react';
-export declare const WEEKDAY_PICKER_SIZE: Readonly<{
-    small: "small";
-    medium: "medium";
-}>;
-type ClassNames = Readonly<{
-    wrapper?: string;
-    button?: string;
-    label?: string;
-    helperText?: string;
-}>;
-type WeekdayPickerSize = typeof WEEKDAY_PICKER_SIZE[keyof typeof WEEKDAY_PICKER_SIZE];
-type Weekday = {
-    key: string;
-    label: string;
-    secondaryLabel?: string;
-};
-export type WeekdayPickerProps = {
-    size?: WeekdayPickerSize;
-    selectedWeekDays?: Array<Weekday>;
-    hiddenWeekDays?: Array<string>;
-    disabledWeekDays?: Array<string>;
-    customDayLabels?: Array<Weekday>;
-    onChange?: (selectedDays: Array<Weekday>, arg2?: React.SyntheticEvent<HTMLElement> | null | undefined) => unknown;
-    readOnly?: boolean;
-    classNames?: ClassNames;
-    showWeekends?: boolean;
-    ariaLabel?: string;
-    label?: React.ReactNode;
-    helperText?: React.ReactNode;
-    disableMultiSelect?: boolean;
-};
-export declare const WeekdayPicker: Flow.AbstractComponent<WeekdayPickerProps, HTMLDivElement>;
-export {};
-//# sourceMappingURL=WeekdayPicker.d.ts.map

package/lib/components/WeekdayPicker/WeekdayPicker.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"WeekdayPicker.d.ts","sourceRoot":"","sources":["../../../src/components/WeekdayPicker/WeekdayPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAEhD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAoB/B,eAAO,MAAM,mBAAmB;;;EAG9B,CAAC;AAEH,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC,CAAC;AACH,KAAK,iBAAiB,GAAG,OAAO,mBAAmB,CAAC,MAAM,OAAO,mBAAmB,CAAC,CAAC;AAEtF,KAAK,OAAO,GAAG;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,gBAAgB,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IAClC,cAAc,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC/B,gBAAgB,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACjC,eAAe,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IACjC,QAAQ,CAAC,EAAE,CACT,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,EAC5B,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,IAAI,GAAG,SAAS,KACxD,OAAO,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAqDF,eAAO,MAAM,aAAa,EAAE,IAAI,CAAC,iBAAiB,CAAC,kBAAkB,EAAE,cAAc,CAgHnF,CAAC"}