@tamagui/create-menu 2.0.0-1

package/src/createNativeMenu/utils.tsx

@@ -0,0 +1,150 @@
+/**
+ * Credit to geist-ui/react, it's initially copied from there and updated.
+ * 
+ * MIT License
+
+Copyright (c) 2020 Geist UI
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+ */
+
+import React, {
+  Children,
+  type ReactElement,
+  type ReactNode,
+  cloneElement,
+  isValidElement,
+} from 'react'
+
+type ReactChildArray = ReturnType<typeof React.Children.toArray>
+
+export function flattenChildrenKeyless(children: ReactNode): ReactChildArray {
+  const childrenArray = React.Children.toArray(children)
+  return childrenArray.reduce((flatChildren: ReactChildArray, child) => {
+    if ((child as React.ReactElement<any>).type === React.Fragment) {
+      return flatChildren.concat(
+        flattenChildren((child as React.ReactElement<any>).props.children)
+      )
+    }
+    flatChildren.push(child)
+    return flatChildren
+  }, [])
+}
+
+export function flattenChildren(
+  children: ReactNode,
+  componentNamesToIgnore?: string[],
+  depth = 0,
+  keys: (string | number)[] = []
+): ReactNode[] {
+  return Children.toArray(children)
+    .flatMap((elem) => {
+      if (isValidElement(elem)) {
+        if (
+          typeof (elem as any)?.type == 'function' &&
+          componentNamesToIgnore?.some((skipComponentName) =>
+            (elem.type as any).displayName.includes(skipComponentName)
+          )
+        ) {
+          return (elem as any).props.children
+        }
+      }
+      return elem
+    })
+    .reduce((acc: ReactNode[], node: any, nodeIndex) => {
+      if (node.type === React.Fragment) {
+        acc.push.apply(
+          acc,
+          flattenChildren(
+            node.props.children,
+            componentNamesToIgnore,
+            depth + 1,
+            keys.concat(node.key || nodeIndex)
+          )
+        )
+      } else {
+        if (isValidElement(node)) {
+          acc.push(
+            cloneElement(node, {
+              key: keys.concat(String(node.key)).join('.'),
+            })
+          )
+        } else if (typeof node === 'string' || typeof node === 'number') {
+          acc.push(node)
+        }
+      }
+      return acc
+    }, [])
+}
+
+export const pickChildren = <Props = any>(
+  _children: ReactNode | undefined,
+  targetChild: React.ElementType,
+  componentNamesToIgnore?: string[]
+) => {
+  const children = flattenChildren(_children, componentNamesToIgnore)
+  const target: ReactElement<Props>[] = []
+  const withoutTargetChildren = React.Children.map(children, (item) => {
+    if (!isValidElement(item)) return item
+    if (isInstanceOfComponent(item, targetChild)) {
+      // @ts-expect-error
+      target.push(cloneElement(item))
+      return null
+    }
+    return item
+  })
+
+  const targetChildren = target.length >= 0 ? target : undefined
+
+  return {
+    targetChildren,
+    withoutTargetChildren,
+  }
+}
+
+export const isInstanceOfComponent = (
+  element: React.ReactElement | ReactNode | undefined,
+  targetElement: React.ElementType
+) => {
+  const matches =
+    (element as any)?.type === targetElement ||
+    (typeof (element as any)?.type == 'function' &&
+      ((element as any)?.type?.displayName === (targetElement as any).displayName ||
+        (element as any)?.type?.displayName ===
+          (targetElement as any).displayName + 'Wrapper'))
+  return matches
+}
+
+export const filterNull = <T extends unknown | null | undefined>(
+  t: T
+): t is NonNullable<T> => {
+  return t != null
+}
+
+export const create = <Props extends {}>(
+  Component: React.ComponentType<Props>,
+  displayName: string
+) => {
+  const MenuComponent: React.FC<Props> = (props: Props) => {
+    return <Component {...(props as any)} />
+  }
+  MenuComponent.displayName = displayName
+
+  return MenuComponent
+}

package/src/createNativeMenu/withNativeMenu.tsx

@@ -0,0 +1,38 @@
+import { isWeb } from '@tamagui/web'
+
+type CombinedProps<C, N> = C extends React.ComponentType<infer CP>
+  ? N extends React.ComponentType<infer NP>
+    ? CP & NP
+    : CP
+  : N extends React.ComponentType<infer NP>
+    ? NP
+    : {}
+
+export function withNativeMenu<
+  C extends React.ComponentType<any>,
+  N extends React.ComponentType<any>,
+>({
+  Component,
+  NativeComponent,
+}: {
+  Component: C
+  NativeComponent: N
+  scope?: string
+  isRoot?: boolean
+}): React.FC<CombinedProps<C, N>> {
+  type Props = CombinedProps<C, N>
+
+  if (isWeb) {
+    return Component as React.FC<Props>
+  }
+
+  // On native platform, always use native component
+  const Menu: React.FC<Props> = (props) => {
+    return <NativeComponent {...(props as React.ComponentProps<N>)} />
+  }
+
+  // displayName is required for Portal flattening (checks displayName.includes('Portal'))
+  Menu.displayName = NativeComponent.displayName || Component.displayName
+
+  return Menu
+}

package/src/index.tsx

@@ -0,0 +1,9 @@
+import '@tamagui/polyfill-dev'
+
+export * from './createBaseMenu'
+export * from './createNativeMenu/index'
+export type {
+  MenuItemImageProps,
+  MenuItemIconProps,
+} from './createNativeMenu/createNativeMenuTypes'
+export { MenuPredefined } from './MenuPredefined'

package/types/MenuPredefined.d.ts

@@ -0,0 +1,28 @@
+export declare const MenuPredefined: {
+    MenuIcon: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {
+        unstyled?: boolean | undefined;
+    }, import("@tamagui/web").StaticConfigPublic>;
+    MenuImage: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, unknown, import("@tamagui/web").TamaguiComponentPropsBaseBase & Partial<import("@tamagui/image").ImageProps>, import("@tamagui/web").StackStyleBase, {}, import("@tamagui/web").StaticConfigPublic>;
+    MenuIndicator: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {
+        unstyled?: boolean | undefined;
+    }, import("@tamagui/web").StaticConfigPublic>;
+    MenuItem: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {
+        unstyled?: boolean | undefined;
+    }, import("@tamagui/web").StaticConfigPublic>;
+    Title: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiTextElement, import("@tamagui/web").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {
+        unstyled?: boolean | undefined;
+    }, import("@tamagui/web").StaticConfigPublic>;
+    SubTitle: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiTextElement, import("@tamagui/web").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {
+        unstyled?: boolean | undefined;
+    }, import("@tamagui/web").StaticConfigPublic>;
+    MenuGroup: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {
+        unstyled?: boolean | undefined;
+    }, import("@tamagui/web").StaticConfigPublic>;
+    MenuSeparator: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {
+        unstyled?: boolean | undefined;
+    }, import("@tamagui/web").StaticConfigPublic>;
+    MenuLabel: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiTextElement, import("@tamagui/web").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {
+        unstyled?: boolean | undefined;
+    }, import("@tamagui/web").StaticConfigPublic>;
+};
+//# sourceMappingURL=MenuPredefined.d.ts.map

package/types/MenuPredefined.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuPredefined.d.ts","sourceRoot":"","sources":["../src/MenuPredefined.tsx"],"names":[],"mappings":"AAwLA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;CAU1B,CAAA"}

package/types/createBaseMenu.d.ts

@@ -0,0 +1,207 @@
+import { Dismissable as DismissableLayer } from '@tamagui/dismissable';
+import { FocusScope } from '@tamagui/focus-scope';
+import type { PopperContentProps } from '@tamagui/popper';
+import * as PopperPrimitive from '@tamagui/popper';
+import type { RovingFocusGroupProps } from '@tamagui/roving-focus';
+import type { TamaguiComponent, TextProps } from '@tamagui/web';
+import { type Stack, type ViewProps } from '@tamagui/web';
+import type { TamaguiElement } from '@tamagui/web/types';
+import * as React from 'react';
+import type { Image, ImageProps } from 'react-native';
+type Direction = 'ltr' | 'rtl';
+type ScopedProps<P> = P & {
+    scope?: string;
+};
+interface MenuBaseProps extends PopperPrimitive.PopperProps {
+    children?: React.ReactNode;
+    open?: boolean;
+    onOpenChange?(open: boolean): void;
+    dir?: Direction;
+    modal?: boolean;
+    native?: boolean;
+}
+type PopperAnchorProps = React.ComponentPropsWithoutRef<typeof PopperPrimitive.PopperAnchor>;
+interface MenuAnchorProps extends PopperAnchorProps {
+}
+interface MenuPortalProps {
+    children?: React.ReactNode;
+    /**
+     * Used to force mounting when more control is needed. Useful when
+     * controlling animation with React animation libraries.
+     */
+    forceMount?: true;
+    zIndex?: number;
+}
+/**
+ * We purposefully don't union MenuRootContent and MenuSubContent props here because
+ * they have conflicting prop types. We agreed that we would allow MenuSubContent to
+ * accept props that it would just ignore.
+ */
+interface MenuContentProps extends MenuRootContentTypeProps {
+    /**
+     * Used to force mounting when more control is needed. Useful when
+     * controlling animation with React animation libraries.
+     */
+    forceMount?: true;
+}
+interface MenuRootContentTypeProps extends Omit<MenuContentImplProps, keyof MenuContentImplPrivateProps> {
+}
+type MenuContentImplElement = React.ElementRef<typeof PopperPrimitive.PopperContent>;
+type FocusScopeProps = React.ComponentPropsWithoutRef<typeof FocusScope>;
+type DismissableLayerProps = React.ComponentPropsWithoutRef<typeof DismissableLayer>;
+type MenuContentImplPrivateProps = {
+    onOpenAutoFocus?: FocusScopeProps['onMountAutoFocus'];
+    onDismiss?: DismissableLayerProps['onDismiss'];
+    disableOutsidePointerEvents?: DismissableLayerProps['disableOutsidePointerEvents'];
+    /**
+     * Whether scrolling outside the `MenuContent` should be prevented
+     * (default: `false`)
+     */
+    disableOutsideScroll?: boolean;
+    /**
+     * Whether focus should be trapped within the `MenuContent`
+     * (default: false)
+     */
+    trapFocus?: FocusScopeProps['trapped'];
+};
+interface MenuContentImplProps extends MenuContentImplPrivateProps, Omit<PopperContentProps, 'dir' | 'onPlaced'> {
+    /**
+     * Event handler called when auto-focusing on close.
+     * Can be prevented.
+     */
+    onCloseAutoFocus?: FocusScopeProps['onUnmountAutoFocus'];
+    /**
+     * Whether keyboard navigation should loop around
+     * @defaultValue false
+     */
+    loop?: RovingFocusGroupProps['loop'];
+    onEntryFocus?: RovingFocusGroupProps['onEntryFocus'];
+    onEscapeKeyDown?: DismissableLayerProps['onEscapeKeyDown'];
+    onPointerDownOutside?: DismissableLayerProps['onPointerDownOutside'];
+    onFocusOutside?: DismissableLayerProps['onFocusOutside'];
+    onInteractOutside?: DismissableLayerProps['onInteractOutside'];
+}
+interface MenuGroupProps extends ViewProps {
+}
+interface MenuLabelProps extends ViewProps {
+}
+interface MenuItemProps extends Omit<MenuItemImplProps, 'onSelect'> {
+    onSelect?: (event: Event) => void;
+    unstyled?: boolean;
+}
+interface MenuItemImplProps extends ViewProps {
+    disabled?: boolean;
+    textValue?: string;
+    unstyled?: boolean;
+}
+interface MenuItemTitleProps extends TextProps {
+}
+interface MenuItemSubTitleProps extends TextProps {
+}
+type MenuItemIconProps = ViewProps;
+type CheckedState = boolean | 'indeterminate';
+interface MenuCheckboxItemProps extends MenuItemProps {
+    checked?: CheckedState;
+    onCheckedChange?: (checked: boolean) => void;
+}
+interface MenuRadioGroupProps extends MenuGroupProps {
+    value?: string;
+    onValueChange?: (value: string) => void;
+}
+interface MenuRadioItemProps extends MenuItemProps {
+    value: string;
+}
+type PrimitiveSpanProps = React.ComponentPropsWithoutRef<typeof Stack>;
+interface MenuItemIndicatorProps extends PrimitiveSpanProps {
+    /**
+     * Used to force mounting when more control is needed. Useful when
+     * controlling animation with React animation libraries.
+     */
+    forceMount?: true;
+}
+interface MenuSeparatorProps extends ViewProps {
+}
+type PopperArrowProps = React.ComponentPropsWithoutRef<typeof PopperPrimitive.PopperArrow>;
+interface MenuArrowProps extends PopperArrowProps {
+    unstyled?: boolean;
+}
+export interface MenuSubProps extends PopperPrimitive.PopperProps {
+    children?: React.ReactNode;
+    open?: boolean;
+    onOpenChange?(open: boolean): void;
+}
+interface MenuSubTriggerProps extends MenuItemImplProps {
+}
+export type MenuSubContentElement = MenuContentImplElement;
+export interface MenuSubContentProps extends Omit<MenuContentImplProps, keyof MenuContentImplPrivateProps | 'onCloseAutoFocus' | 'onEntryFocus' | 'side' | 'align'> {
+    /**
+     * Used to force mounting when more control is needed. Useful when
+     * controlling animation with React animation libraries.
+     */
+    forceMount?: true;
+}
+export type CreateBaseMenuProps = {
+    Item?: TamaguiComponent;
+    MenuGroup?: TamaguiComponent;
+    Title?: TamaguiComponent;
+    SubTitle?: TamaguiComponent;
+    Image?: React.ElementType;
+    Icon?: TamaguiComponent;
+    Indicator?: TamaguiComponent;
+    Separator?: TamaguiComponent;
+    Label?: TamaguiComponent;
+};
+export declare function createBaseMenu({ Item: _Item, Title: _Title, SubTitle: _SubTitle, Image: _Image, Icon: _Icon, Indicator: _Indicator, Separator: _Separator, MenuGroup: _MenuGroup, Label: _Label, }: CreateBaseMenuProps): {
+    Menu: {
+        (props: ScopedProps<MenuBaseProps>): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    } & {
+        Anchor: {
+            (props: MenuAnchorProps): import("react/jsx-runtime").JSX.Element;
+            displayName: string;
+        };
+        Portal: {
+            (props: ScopedProps<MenuPortalProps>): import("react/jsx-runtime").JSX.Element;
+            displayName: string;
+        };
+        Content: React.ForwardRefExoticComponent<MenuContentProps & {
+            scope?: string;
+        } & React.RefAttributes<HTMLElement | import("react-native").View>>;
+        Group: TamaguiComponent;
+        Label: TamaguiComponent;
+        Item: React.ForwardRefExoticComponent<MenuItemProps & {
+            scope?: string;
+        } & React.RefAttributes<TamaguiElement>>;
+        CheckboxItem: React.ForwardRefExoticComponent<MenuCheckboxItemProps & {
+            scope?: string;
+        } & React.RefAttributes<TamaguiElement>>;
+        RadioGroup: TamaguiComponent<Omit<any, "scope" | keyof MenuRadioGroupProps> & MenuRadioGroupProps & {
+            scope?: string;
+        }, any, MenuRadioGroupProps & {
+            scope?: string;
+        }, {}, {}, {}>;
+        RadioItem: React.ForwardRefExoticComponent<MenuRadioItemProps & {
+            scope?: string;
+        } & React.RefAttributes<TamaguiElement>>;
+        ItemIndicator: TamaguiComponent<Omit<any, "scope" | keyof MenuItemIndicatorProps> & MenuItemIndicatorProps & {
+            scope?: string;
+        }, any, MenuItemIndicatorProps & {
+            scope?: string;
+        }, {}, {}, {}>;
+        Separator: TamaguiComponent;
+        Arrow: React.ForwardRefExoticComponent<MenuArrowProps & React.RefAttributes<TamaguiElement>>;
+        Sub: React.FC<ScopedProps<MenuSubProps>>;
+        SubTrigger: React.ForwardRefExoticComponent<MenuSubTriggerProps & {
+            scope?: string;
+        } & React.RefAttributes<TamaguiElement>>;
+        SubContent: React.ForwardRefExoticComponent<MenuSubContentProps & {
+            scope?: string;
+        } & React.RefAttributes<HTMLElement | import("react-native").View>>;
+        ItemTitle: TamaguiComponent<any, any, {} & void, {}, {}, {}>;
+        ItemSubtitle: TamaguiComponent<any, any, {} & void, {}, {}, {}>;
+        ItemImage: React.ForwardRefExoticComponent<ImageProps & React.RefAttributes<Image>>;
+        ItemIcon: TamaguiComponent;
+    };
+};
+export type { MenuAnchorProps, MenuArrowProps, MenuCheckboxItemProps, MenuContentProps, MenuGroupProps, MenuItemIconProps, MenuItemIndicatorProps, MenuItemProps, MenuItemSubTitleProps, MenuItemTitleProps, MenuLabelProps, MenuPortalProps, MenuBaseProps as MenuProps, MenuRadioGroupProps, MenuRadioItemProps, MenuSeparatorProps, MenuSubTriggerProps, };
+//# sourceMappingURL=createBaseMenu.d.ts.map

package/types/createBaseMenu.d.ts.map

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

package/types/createNativeMenu/createNativeMenu.d.ts

@@ -0,0 +1,42 @@
+/**
+ * createNativeMenu - provides native menu implementation for React Native
+ *
+ * On Web: Returns empty stub components (withNativeMenu will use the web components instead)
+ * On Native: Uses Zeego for native menus (Credit to nandorojo/Zeego)
+ */
+import type { FC } from 'react';
+import React from 'react';
+import type { ContextMenuPreviewProps, MenuArrowProps, MenuCheckboxItemProps, MenuContentProps, MenuGroupProps, MenuItemIconProps, MenuItemImageProps, MenuItemIndicatorProps, MenuItemProps, MenuItemSubtitleProps, MenuItemTitleProps, MenuLabelProps, MenuProps, MenuSeparatorProps, MenuSubContentProps, MenuSubProps, MenuSubTriggerProps, MenuTriggerProps } from './createNativeMenuTypes';
+export type NativeMenuComponents = {
+    Menu: FC<MenuProps> & {
+        Trigger: FC<MenuTriggerProps>;
+        Content: FC<MenuContentProps>;
+        Item: FC<MenuItemProps>;
+        ItemTitle: FC<MenuItemTitleProps>;
+        ItemSubtitle: FC<MenuItemSubtitleProps>;
+        SubTrigger: FC<MenuSubTriggerProps>;
+        Group: FC<MenuGroupProps>;
+        ItemIcon: FC<MenuItemIconProps>;
+        Separator: FC<MenuSeparatorProps>;
+        CheckboxItem: FC<MenuCheckboxItemProps>;
+        ItemIndicator: FC<MenuItemIndicatorProps>;
+        ItemImage: FC<MenuItemImageProps>;
+        Label: FC<MenuLabelProps>;
+        Arrow: FC<MenuArrowProps>;
+        Sub: FC<MenuSubProps>;
+        SubContent: FC<MenuSubContentProps>;
+        Preview: FC<ContextMenuPreviewProps>;
+        Portal: FC<{
+            children: React.ReactNode;
+        }>;
+        RadioGroup: FC<{
+            children: React.ReactNode;
+        }>;
+        RadioItem: FC<{
+            children: React.ReactNode;
+        }>;
+        Auxiliary: FC<any>;
+    };
+};
+export declare const createNativeMenu: (MenuType: "ContextMenu" | "Menu") => NativeMenuComponents;
+//# sourceMappingURL=createNativeMenu.d.ts.map

package/types/createNativeMenu/createNativeMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createNativeMenu.d.ts","sourceRoot":"","sources":["../../src/createNativeMenu/createNativeMenu.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EACV,uBAAuB,EACvB,cAAc,EACd,qBAAqB,EACrB,gBAAgB,EAChB,cAAc,EACd,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,aAAa,EACb,qBAAqB,EACrB,kBAAkB,EAClB,cAAc,EACd,SAAS,EACT,kBAAkB,EAClB,mBAAmB,EACnB,YAAY,EACZ,mBAAmB,EACnB,gBAAgB,EACjB,MAAM,yBAAyB,CAAA;AAEhC,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,EAAE,CAAC,SAAS,CAAC,GAAG;QACpB,OAAO,EAAE,EAAE,CAAC,gBAAgB,CAAC,CAAA;QAC7B,OAAO,EAAE,EAAE,CAAC,gBAAgB,CAAC,CAAA;QAC7B,IAAI,EAAE,EAAE,CAAC,aAAa,CAAC,CAAA;QACvB,SAAS,EAAE,EAAE,CAAC,kBAAkB,CAAC,CAAA;QACjC,YAAY,EAAE,EAAE,CAAC,qBAAqB,CAAC,CAAA;QACvC,UAAU,EAAE,EAAE,CAAC,mBAAmB,CAAC,CAAA;QACnC,KAAK,EAAE,EAAE,CAAC,cAAc,CAAC,CAAA;QACzB,QAAQ,EAAE,EAAE,CAAC,iBAAiB,CAAC,CAAA;QAC/B,SAAS,EAAE,EAAE,CAAC,kBAAkB,CAAC,CAAA;QACjC,YAAY,EAAE,EAAE,CAAC,qBAAqB,CAAC,CAAA;QACvC,aAAa,EAAE,EAAE,CAAC,sBAAsB,CAAC,CAAA;QACzC,SAAS,EAAE,EAAE,CAAC,kBAAkB,CAAC,CAAA;QACjC,KAAK,EAAE,EAAE,CAAC,cAAc,CAAC,CAAA;QACzB,KAAK,EAAE,EAAE,CAAC,cAAc,CAAC,CAAA;QACzB,GAAG,EAAE,EAAE,CAAC,YAAY,CAAC,CAAA;QACrB,UAAU,EAAE,EAAE,CAAC,mBAAmB,CAAC,CAAA;QACnC,OAAO,EAAE,EAAE,CAAC,uBAAuB,CAAC,CAAA;QACpC,MAAM,EAAE,EAAE,CAAC;YAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;SAAE,CAAC,CAAA;QACzC,UAAU,EAAE,EAAE,CAAC;YAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;SAAE,CAAC,CAAA;QAC7C,SAAS,EAAE,EAAE,CAAC;YAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;SAAE,CAAC,CAAA;QAC5C,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,CAAA;KACnB,CAAA;CACF,CAAA;AAED,eAAO,MAAM,gBAAgB,GAC3B,UAAU,aAAa,GAAG,MAAM,KAC/B,oBAwTF,CAAA"}