@multiplatform.one/components 0.7.0 → 0.7.1

package/src/panels/SimpleAlertDialog/SImpleAlertDialog.stories.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { SimpleAlertDialog } from './index';
 import type { Meta } from '@storybook/react';
-import { Button } from 'tamagui';
+import { AlertDialog, Button, Switch, XStack, YStack } from 'tamagui';
 
 const meta: Meta = {
   title: 'panels/SimpleAlertDialog',
@@ -9,20 +9,15 @@ const meta: Meta = {
   parameters: { status: { type: 'beta' } },
 };
 
-// uncomment this to control the dialog using the open prop
-
-// export const main = () => {
-//   return (
-//     <SimpleAlertDialog
-//       title="Are you sure?"
-//       description="This action cannot be undone"
-//       cancel="Cancel"
-//       accept="Delete"
-//       open={true}
-//       onAccept={() => alert('Accepted')}
-//     />
-//   );
-// };
+export const ConditionalOpen = () => (
+  <SimpleAlertDialog
+    title="Are you sure?"
+    description="This action cannot be undone"
+    cancel="Cancel"
+    accept="Delete"
+    onAccept={() => alert('Accepted')}
+  />
+);
 
 export const main = () => (
   <SimpleAlertDialog
@@ -35,4 +30,34 @@ export const main = () => (
     <Button>Get Alert</Button>
   </SimpleAlertDialog>
 );
+
+export const customContent = () => (
+  <SimpleAlertDialog
+    title="Are you sure?"
+    description="This action cannot be undone"
+    cancel="Cancel"
+    accept="Yes, Delete"
+    onAccept={() => alert('accepted')}
+    customContent={DialogContent()}
+  >
+    <Button>Get Alert</Button>
+  </SimpleAlertDialog>
+);
+
+function DialogContent() {
+  return (
+    <YStack space>
+      <AlertDialog.Title>Accept Condition</AlertDialog.Title>
+      <AlertDialog.Description>you will accept out terms</AlertDialog.Description>
+      <XStack space="$3" jc="flex-end">
+        <AlertDialog.Cancel asChild>
+          <Button>no</Button>
+        </AlertDialog.Cancel>
+        <AlertDialog.Action asChild>
+          <Button theme="active">yes</Button>
+        </AlertDialog.Action>
+      </XStack>
+    </YStack>
+  );
+}
 export default meta;

package/src/panels/SimpleAlertDialog/index.tsx

@@ -7,6 +7,7 @@ import type {
   AlertDialogProps,
   AlertDialogTitleProps,
   AlertDialogTriggerProps,
+  ButtonProps,
 } from 'tamagui';
 
 export type AlterDialogSimpleProps = AlertDialogTriggerProps &
@@ -22,7 +23,7 @@ export type AlterDialogSimpleProps = AlertDialogTriggerProps &
     contentStyle?: AlertDialogContentProps;
     onOpenChange?: (open: boolean) => void;
     onAccept?: () => void;
-  };
+  } & { buttonStyle?: ButtonProps } & { customContent?: JSX.Element | undefined };
 
 export function SimpleAlertDialog({
   children,
@@ -34,6 +35,8 @@ export function SimpleAlertDialog({
   contentStyle,
   descriptionStyle,
   open,
+  buttonStyle,
+  customContent,
   ...triggerProps
 }: AlterDialogSimpleProps) {
   const [isOpen, setIsOpen] = React.useState(open);
@@ -71,18 +74,24 @@ export function SimpleAlertDialog({
           y={0}
           {...contentStyle}
         >
-          <YStack space>
-            {title && <AlertDialog.Title>{title}</AlertDialog.Title>}
-            {description && <AlertDialog.Description>{description}</AlertDialog.Description>}
-            <XStack space="$3" jc="flex-end">
-              <AlertDialog.Cancel asChild>
-                <Button>{cancel || 'cancel'}</Button>
-              </AlertDialog.Cancel>
-              <AlertDialog.Action asChild onPress={triggerProps.onAccept}>
-                <Button theme="active">{accept || 'accept'}</Button>
-              </AlertDialog.Action>
-            </XStack>
-          </YStack>
+          {customContent ? (
+            customContent
+          ) : (
+            <YStack space>
+              {title && <AlertDialog.Title>{title}</AlertDialog.Title>}
+              {description && <AlertDialog.Description>{description}</AlertDialog.Description>}
+              <XStack space="$3" jc="flex-end">
+                <AlertDialog.Cancel asChild>
+                  <Button {...buttonStyle}>{cancel || 'cancel'}</Button>
+                </AlertDialog.Cancel>
+                <AlertDialog.Action asChild onPress={triggerProps.onAccept}>
+                  <Button theme="active" {...buttonStyle}>
+                    {accept || 'accept'}
+                  </Button>
+                </AlertDialog.Action>
+              </XStack>
+            </YStack>
+          )}
         </AlertDialog.Content>
       </AlertDialog.Portal>
     </AlertDialog>

package/src/panels/SimplePopover/SimplePopover.stories.tsx

@@ -1,6 +1,6 @@
-import React from 'react';
+import React, { useState } from 'react';
 import { SimplePopover } from './index';
-import { Text, YStack, Button } from 'tamagui';
+import { Text, YStack, Button, XStack, Switch, Input, Label } from 'tamagui';
 import type { Meta } from '@storybook/react';
 
 const meta: Meta = {
@@ -16,4 +16,82 @@ export const main = () => (
     </YStack>
   </SimplePopover>
 );
+
+export const closeOnHoverOut = () => (
+  <SimplePopover trigger={<Button>click here</Button>} closeOnHoverOut>
+    <YStack>
+      <Text>popover content will close on hoverOut</Text>
+    </YStack>
+  </SimplePopover>
+);
+
+function Open() {
+  return (
+    <SimplePopover
+      trigger={<Button>hover on it to get Popover</Button>}
+      triggerOnHover
+      arrow={false}
+      triggerStyle={{ als: 'center', ai: 'center' }}
+    >
+      <YStack>
+        {[1, 2, 3, 4, 5, 6, 7, 8, 9, 10].map((i) => (
+          <Text key={i}>{i}</Text>
+        ))}
+      </YStack>
+    </SimplePopover>
+  );
+}
+
+export const openOnHover = () => (
+  <XStack jc="space-around">
+    <Open />
+    <Open />
+  </XStack>
+);
+
+const OnCondition = (props) => {
+  const [open, setOpen] = useState(false);
+  return (
+    <YStack space>
+      <Label>change the switch to get popover</Label>
+      <Switch checked={props.open} onCheckedChange={setOpen} />
+      <SimplePopover open={open} onOpenChange={setOpen} trigger={<Button>Popup will open here</Button>}>
+        <Text>Conditional popover</Text>
+      </SimplePopover>
+    </YStack>
+  );
+};
+
+export const openOnChangingTheCondition = (args) => <OnCondition {...args} />;
+
+const ConditionalPopover = () => {
+  const [open, setOpen] = useState(false);
+  const [inputVal, setInputVal] = useState('');
+
+  function handleInput(val) {
+    if (val === 'show') setOpen(true);
+    else setOpen(false);
+    setInputVal(val);
+  }
+
+  return (
+    <YStack space>
+      <SimplePopover
+        open={open}
+        onOpenChange={setOpen}
+        triggerElement={
+          <YStack>
+            <Input value={inputVal} onChangeText={handleInput} placeholder="type show to get popup" />
+          </YStack>
+        }
+        arrow={true}
+      >
+        <Text>Conditional popover</Text>
+      </SimplePopover>
+    </YStack>
+  );
+};
+
+export const openOnAnyCondition = (args) => <ConditionalPopover {...args} />;
+
 export default meta;

package/src/panels/SimplePopover/index.tsx

@@ -1,21 +1,89 @@
-import type { PopoverProps, PopoverContentProps, PopoverArrowProps } from 'tamagui';
-import { Adapt, Popover } from 'tamagui';
+import type {
+  PopoverProps,
+  PopoverContentProps,
+  PopoverArrowProps,
+  YStackProps,
+  TamaguiElement,
+  StackProps,
+} from 'tamagui';
+import { Adapt, Popover, PopperAnchor, View, getState, useComposedRefs, usePopoverContext } from 'tamagui';
 import React from 'react';
 import type { ReactNode } from 'react';
+import { YStack } from 'tamagui';
 
-export type SimplePopoverProps = PopoverProps & {
+export interface PopoverCustomProps {
   contentStyle?: PopoverContentProps;
   arrowStyle?: PopoverArrowProps;
+  triggerStyle?: YStackProps;
+  triggerOnHover?: boolean;
+  closeOnHoverOut?: boolean;
+  arrow?: boolean;
+  open?: boolean;
+  setOpen?: (open: boolean) => void;
+}
+
+export interface PopoverTriggerProps {
   trigger: ReactNode;
-};
+}
+
+export interface PopoverOpen {
+  triggerElement: ReactNode;
+}
+
+export type ExclusiveTriggerProps = PopoverTriggerProps | PopoverOpen;
+
+export type SimplePopoverProps = PopoverProps & PopoverCustomProps & ExclusiveTriggerProps;
+
+export const SimplePopoverTrigger = React.forwardRef<TamaguiElement, StackProps>((props: StackProps, forwardedRef) => {
+  const context = usePopoverContext();
+  const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef);
+
+  const trigger = (
+    <View
+      aria-haspopup="dialog"
+      aria-expanded={context.open}
+      data-state={getState(context.open)}
+      {...props}
+      ref={composedTriggerRef}
+    />
+  );
+
+  return context.hasCustomAnchor ? trigger : <PopperAnchor asChild>{trigger}</PopperAnchor>;
+});
+
+export function SimplePopover({
+  children,
+  contentStyle,
+  triggerStyle,
+  arrowStyle,
+  arrow = true,
+  triggerOnHover,
+  closeOnHoverOut,
+  ...props
+}: SimplePopoverProps) {
+  const [open, setOpen] = React.useState(false);
+  const trigger = 'trigger' in props;
 
-export function SimplePopover({ children, trigger, contentStyle, arrowStyle, ...props }: SimplePopoverProps) {
   return (
-    <Popover size="$5" allowFlip {...props}>
-      <Popover.Trigger asChild>{trigger}</Popover.Trigger>
+    <Popover size="$5" allowFlip open={open} onOpenChange={setOpen} {...props}>
+      {trigger && props.trigger && (
+        <Popover.Trigger asChild>
+          {triggerOnHover ? (
+            <YStack onHoverIn={() => setOpen(true)} onHoverOut={() => setOpen(false)} {...triggerStyle}>
+              {props.trigger}
+            </YStack>
+          ) : (
+            props.trigger
+          )}
+        </Popover.Trigger>
+      )}
+      {!trigger && 'triggerElement' in props && 'open' in props && (
+        <SimplePopoverTrigger asChild>{props.triggerElement}</SimplePopoverTrigger>
+      )}
+
       <Adapt when="sm" platform="touch">
         <Popover.Sheet modal dismissOnSnapToBottom>
-          <Popover.Sheet.Frame padding="$4">
+          <Popover.Sheet.Frame padding="$4" onMouseEnter={() => setOpen(true)}>
             <Adapt.Contents />
           </Popover.Sheet.Frame>
           <Popover.Sheet.Overlay />
@@ -25,22 +93,29 @@ export function SimplePopover({ children, trigger, contentStyle, arrowStyle, ...
         borderWidth={1}
         borderColor="$borderColor"
         enterStyle={{ x: 0, y: -10, opacity: 0 }}
-        exitStyle={{ x: 0, y: -10, opacity: 0 }}
+        exitStyle={!triggerOnHover ? { x: 0, y: -10, opacity: 0 } : undefined}
         x={0}
         y={0}
         opacity={1}
-        animation={[
-          'quick',
-          {
-            opacity: {
-              overshootClamping: true,
-            },
-          },
-        ]}
+        animation={
+          !triggerOnHover
+            ? [
+                'quick',
+                {
+                  opacity: {
+                    overshootClamping: true,
+                  },
+                },
+              ]
+            : undefined
+        }
         elevate
+        onHoverIn={triggerOnHover ? () => setOpen(true) : undefined}
+        onHoverOut={triggerOnHover || closeOnHoverOut ? () => setOpen(false) : undefined}
+        zi={9999999999}
         {...contentStyle}
       >
-        <Popover.Arrow borderWidth={1} borderColor="$borderColor" />
+        {arrow && <Popover.Arrow borderWidth={1} borderColor="$borderColor" />}
         {children}
       </Popover.Content>
     </Popover>

package/types/code/Code/index.d.ts

@@ -12,7 +12,7 @@ export declare const Code: import("tamagui").TamaguiComponent<Omit<import("react
     [x: string]: undefined;
 }), "colored"> & {
     readonly colored?: boolean | undefined;
-} & import("@tamagui/web").MediaProps<Partial<Omit<import("react-native").TextProps, "style" | "children" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/web").ExtendBaseTextProps & import("tamagui").TamaguiComponentPropsBase & {
+} & import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").TextProps, "style" | "children" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/web").ExtendBaseTextProps & import("tamagui").TamaguiComponentPropsBase & {
     style?: import("@tamagui/web").StyleProp<import("react-native").TextStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").TextStyle)>;
 } & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{
     readonly unstyled?: boolean | undefined;
@@ -24,7 +24,7 @@ export declare const Code: import("tamagui").TamaguiComponent<Omit<import("react
     [x: string]: undefined;
 }), "colored"> & {
     readonly colored?: boolean | undefined;
-}>> & import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").TextProps, "style" | "children" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/web").ExtendBaseTextProps & import("tamagui").TamaguiComponentPropsBase & {
+}>> & import("@tamagui/web").MediaProps<Partial<Omit<import("react-native").TextProps, "style" | "children" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/web").ExtendBaseTextProps & import("tamagui").TamaguiComponentPropsBase & {
     style?: import("@tamagui/web").StyleProp<import("react-native").TextStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").TextStyle)>;
 } & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{
     readonly unstyled?: boolean | undefined;
@@ -36,7 +36,7 @@ export declare const Code: import("tamagui").TamaguiComponent<Omit<import("react
     [x: string]: undefined;
 }), "colored"> & {
     readonly colored?: boolean | undefined;
-}>>, import("tamagui").TamaguiElement, import("tamagui").TextPropsBase, ({
+}>>, import("tamagui").TamaguiTextElement, import("tamagui").TextPropsBase, ({
     readonly unstyled?: boolean | undefined;
     readonly size?: import("tamagui").FontSizeTokens | undefined;
 } | ({
@@ -71,12 +71,12 @@ export declare const CodeInline: import("tamagui").TamaguiComponent<(Omit<import
 } & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{}, "size" | "unstyled"> & {
     readonly unstyled?: boolean | undefined;
     readonly size?: import("tamagui").FontSizeTokens | undefined;
-} & import("@tamagui/web").MediaProps<Partial<Omit<import("react-native").TextProps, "style" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseTextProps & import("tamagui").TamaguiComponentPropsBase & {
+} & import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").TextProps, "style" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseTextProps & import("tamagui").TamaguiComponentPropsBase & {
     style?: import("@tamagui/web").StyleProp<import("react-native").TextStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").TextStyle)>;
 } & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{}, "size" | "unstyled"> & {
     readonly unstyled?: boolean | undefined;
     readonly size?: import("tamagui").FontSizeTokens | undefined;
-}>> & import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").TextProps, "style" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseTextProps & import("tamagui").TamaguiComponentPropsBase & {
+}>> & import("@tamagui/web").MediaProps<Partial<Omit<import("react-native").TextProps, "style" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseTextProps & import("tamagui").TamaguiComponentPropsBase & {
     style?: import("@tamagui/web").StyleProp<import("react-native").TextStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").TextStyle)>;
 } & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{}, "size" | "unstyled"> & {
     readonly unstyled?: boolean | undefined;
@@ -88,14 +88,14 @@ export declare const CodeInline: import("tamagui").TamaguiComponent<(Omit<import
     readonly size?: import("tamagui").FontSizeTokens | undefined;
 }, string | number> & {
     [x: string]: undefined;
-} & import("@tamagui/web").MediaProps<Partial<Omit<import("react-native").TextProps, "style" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseTextProps & import("tamagui").TamaguiComponentPropsBase & {
+} & import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").TextProps, "style" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseTextProps & import("tamagui").TamaguiComponentPropsBase & {
     style?: import("@tamagui/web").StyleProp<import("react-native").TextStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").TextStyle)>;
 } & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{
     readonly unstyled?: boolean | undefined;
     readonly size?: import("tamagui").FontSizeTokens | undefined;
 }, string | number> & {
     [x: string]: undefined;
-}>> & import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").TextProps, "style" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseTextProps & import("tamagui").TamaguiComponentPropsBase & {
+}>> & import("@tamagui/web").MediaProps<Partial<Omit<import("react-native").TextProps, "style" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseTextProps & import("tamagui").TamaguiComponentPropsBase & {
     style?: import("@tamagui/web").StyleProp<import("react-native").TextStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").TextStyle)>;
 } & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{
     readonly unstyled?: boolean | undefined;
@@ -114,7 +114,7 @@ export declare const CodeInline: import("tamagui").TamaguiComponent<(Omit<import
     [x: string]: undefined;
 }), string | number> & {
     [x: string]: undefined;
-} & import("@tamagui/web").MediaProps<Partial<Omit<import("react-native").TextProps, "style" | "children" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/web").ExtendBaseTextProps & import("tamagui").TamaguiComponentPropsBase & {
+} & import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").TextProps, "style" | "children" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/web").ExtendBaseTextProps & import("tamagui").TamaguiComponentPropsBase & {
     style?: import("@tamagui/web").StyleProp<import("react-native").TextStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").TextStyle)>;
 } & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{
     readonly unstyled?: boolean | undefined;
@@ -126,7 +126,7 @@ export declare const CodeInline: import("tamagui").TamaguiComponent<(Omit<import
     [x: string]: undefined;
 }), string | number> & {
     [x: string]: undefined;
-}>> & import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").TextProps, "style" | "children" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/web").ExtendBaseTextProps & import("tamagui").TamaguiComponentPropsBase & {
+}>> & import("@tamagui/web").MediaProps<Partial<Omit<import("react-native").TextProps, "style" | "children" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/web").ExtendBaseTextProps & import("tamagui").TamaguiComponentPropsBase & {
     style?: import("@tamagui/web").StyleProp<import("react-native").TextStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").TextStyle)>;
 } & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{
     readonly unstyled?: boolean | undefined;
@@ -150,7 +150,7 @@ export declare const CodeInline: import("tamagui").TamaguiComponent<(Omit<import
     [x: string]: undefined;
 }), string | number> & {
     [x: string]: undefined;
-} & import("@tamagui/web").MediaProps<Partial<Omit<import("react-native").TextProps, "style" | "children" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/web").ExtendBaseTextProps & import("tamagui").TamaguiComponentPropsBase & {
+} & import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").TextProps, "style" | "children" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/web").ExtendBaseTextProps & import("tamagui").TamaguiComponentPropsBase & {
     style?: import("@tamagui/web").StyleProp<import("react-native").TextStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").TextStyle)>;
 } & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{
     readonly unstyled?: boolean | undefined;
@@ -162,7 +162,7 @@ export declare const CodeInline: import("tamagui").TamaguiComponent<(Omit<import
     [x: string]: undefined;
 }), string | number> & {
     [x: string]: undefined;
-}>> & import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").TextProps, "style" | "children" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/web").ExtendBaseTextProps & import("tamagui").TamaguiComponentPropsBase & {
+}>> & import("@tamagui/web").MediaProps<Partial<Omit<import("react-native").TextProps, "style" | "children" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/web").ExtendBaseTextProps & import("tamagui").TamaguiComponentPropsBase & {
     style?: import("@tamagui/web").StyleProp<import("react-native").TextStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").TextStyle)>;
 } & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{
     readonly unstyled?: boolean | undefined;
@@ -174,7 +174,7 @@ export declare const CodeInline: import("tamagui").TamaguiComponent<(Omit<import
     [x: string]: undefined;
 }), string | number> & {
     [x: string]: undefined;
-}>>), import("tamagui").TamaguiElement, import("tamagui").TextPropsBase, ({
+}>>), import("tamagui").TamaguiTextElement, import("tamagui").TextPropsBase, ({
     readonly unstyled?: boolean | undefined;
     readonly size?: import("tamagui").FontSizeTokens | undefined;
 } | ({

package/types/code/Code/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/code/Code/index.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAIxC,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkBf,CAAC;AAEH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAUrB,CAAC;AAEH,MAAM,MAAM,SAAS,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAE9C,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/code/Code/index.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAIxC,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoBf,CAAC;AAEH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAYrB,CAAC;AAEH,MAAM,MAAM,SAAS,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAE9C,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC"}

package/types/code/Pre/index.d.ts

@@ -1,43 +1,43 @@
 /// <reference types="react" />
 export declare const Pre: import("tamagui").TamaguiComponent<(Omit<import("react-native").ViewProps, "style" | "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("tamagui").TamaguiComponentPropsBase & {
     style?: import("@tamagui/web").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
-} & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{}, "elevation" | "fullscreen"> & {
+} & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core").RNViewProps & Omit<{}, "elevation" | "fullscreen"> & {
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: import("tamagui").SizeTokens | undefined;
-} & import("@tamagui/web").MediaProps<Partial<Omit<import("react-native").ViewProps, "style" | "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("tamagui").TamaguiComponentPropsBase & {
+} & import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").ViewProps, "style" | "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("tamagui").TamaguiComponentPropsBase & {
     style?: import("@tamagui/web").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
-} & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{}, "elevation" | "fullscreen"> & {
+} & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core").RNViewProps & Omit<{}, "elevation" | "fullscreen"> & {
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: import("tamagui").SizeTokens | undefined;
-}>> & import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").ViewProps, "style" | "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("tamagui").TamaguiComponentPropsBase & {
+}>> & import("@tamagui/web").MediaProps<Partial<Omit<import("react-native").ViewProps, "style" | "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("tamagui").TamaguiComponentPropsBase & {
     style?: import("@tamagui/web").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
-} & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{}, "elevation" | "fullscreen"> & {
+} & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core").RNViewProps & Omit<{}, "elevation" | "fullscreen"> & {
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: import("tamagui").SizeTokens | undefined;
 }>>) | (Omit<import("react-native").ViewProps, "style" | "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("tamagui").TamaguiComponentPropsBase & {
     style?: import("@tamagui/web").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
-} & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
+} & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core").RNViewProps & Omit<{
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: import("tamagui").SizeTokens | undefined;
 }, string | number> & {
     [x: string]: undefined;
-} & import("@tamagui/web").MediaProps<Partial<Omit<import("react-native").ViewProps, "style" | "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("tamagui").TamaguiComponentPropsBase & {
+} & import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").ViewProps, "style" | "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("tamagui").TamaguiComponentPropsBase & {
     style?: import("@tamagui/web").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
-} & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
+} & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core").RNViewProps & Omit<{
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: import("tamagui").SizeTokens | undefined;
 }, string | number> & {
     [x: string]: undefined;
-}>> & import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").ViewProps, "style" | "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("tamagui").TamaguiComponentPropsBase & {
+}>> & import("@tamagui/web").MediaProps<Partial<Omit<import("react-native").ViewProps, "style" | "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("tamagui").TamaguiComponentPropsBase & {
     style?: import("@tamagui/web").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
-} & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
+} & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core").RNViewProps & Omit<{
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: import("tamagui").SizeTokens | undefined;
 }, string | number> & {
     [x: string]: undefined;
 }>>), import("tamagui").TamaguiElement, Omit<import("react-native").ViewProps, "style" | "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("tamagui").TamaguiComponentPropsBase & {
     style?: import("@tamagui/web").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
-} & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps, {
+} & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core").RNViewProps, {
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: import("tamagui").SizeTokens | undefined;
 } | ({
@@ -49,7 +49,7 @@ export declare const Pre: import("tamagui").TamaguiComponent<(Omit<import("react
     displayName: string | undefined;
     __baseProps: Omit<import("react-native").ViewProps, "style" | "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("tamagui").TamaguiComponentPropsBase & {
         style?: import("@tamagui/web").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
-    } & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & {
+    } & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core").RNViewProps & {
         style?: import("@tamagui/web").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
     };
     __variantProps: {

package/types/component/SimpleInput/SimpleInput.stories.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { SimpleInput } from '.';
+declare const _default: {
+    title: string;
+    component: typeof SimpleInput;
+    parameters: {
+        status: {
+            type: string;
+        };
+    };
+};
+export default _default;
+export declare const password: () => React.JSX.Element;
+export declare const iconBefore: () => React.JSX.Element;
+export declare const iconAfter: () => React.JSX.Element;
+export declare const circular: () => React.JSX.Element;
+export declare const passwordWithoutIcon: () => React.JSX.Element;
+//# sourceMappingURL=SimpleInput.stories.d.ts.map

package/types/component/SimpleInput/SimpleInput.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleInput.stories.d.ts","sourceRoot":"","sources":["../../../src/component/SimpleInput/SimpleInput.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,GAAG,CAAC;;;;;;;;;;AAIhC,wBAIE;AAEF,eAAO,MAAM,QAAQ,yBAIpB,CAAC;AAEF,eAAO,MAAM,UAAU,yBAA0E,CAAC;AAElG,eAAO,MAAM,SAAS,yBAErB,CAAC;AAEF,eAAO,MAAM,QAAQ,yBAA6E,CAAC;AAEnG,eAAO,MAAM,mBAAmB,yBAAqD,CAAC"}

package/types/component/SimpleInput/index.d.ts

@@ -0,0 +1,29 @@
+import type { ButtonProps, ColorTokens, InputProps, SizeTokens, ThemeTokens, XStackProps } from 'tamagui';
+import React from 'react';
+import type { SvgProps } from 'react-native-svg';
+export interface BaseIconProps {
+    size?: number | SizeTokens;
+    strokeWidth?: number | SizeTokens;
+    color?: (ColorTokens | ThemeTokens | (string & {})) | null;
+    disableTheme?: boolean;
+    style?: any;
+}
+interface CustomProps {
+    password?: boolean;
+    iconBefore?: React.NamedExoticComponent<IconProps>;
+    iconAfter?: React.NamedExoticComponent<IconProps>;
+    iconStyle?: ButtonProps;
+    circular?: boolean;
+    iconBeforeScale?: number;
+    iconAfterScale?: number;
+    iconPasswordScale?: number;
+    iconsAsButton?: boolean;
+    iconBeforeAsButton?: boolean;
+    iconAfterAsButton?: boolean;
+    passwordWithoutIcon?: boolean;
+}
+type IconProps = SvgProps & BaseIconProps;
+export type SimpleInputProps = InputProps & CustomProps & XStackProps;
+export declare function SimpleInput({ value, size, password, iconBefore, iconAfter, height, width, iconStyle, circular, placeholder, iconAfterScale, iconBeforeScale, iconPasswordScale, iconAfterAsButton, iconBeforeAsButton, iconsAsButton, passwordWithoutIcon, paddingHorizontal, onChangeText, ...props }: SimpleInputProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/types/component/SimpleInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/component/SimpleInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAG1G,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IAClC,KAAK,CAAC,EAAE,CAAC,WAAW,GAAG,WAAW,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC;IAC3D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,KAAK,CAAC,EAAE,GAAG,CAAC;CACb;AAED,UAAU,WAAW;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,SAAS,CAAC,CAAC;IACnD,SAAS,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,SAAS,CAAC,CAAC;IAClD,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,KAAK,SAAS,GAAG,QAAQ,GAAG,aAAa,CAAC;AAE1C,MAAM,MAAM,gBAAgB,GAAG,UAAU,GAAG,WAAW,GAAG,WAAW,CAAC;AAEtE,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,SAAS,EACT,MAAM,EACN,KAAK,EACL,SAAS,EACT,QAAQ,EACR,WAAW,EACX,cAAc,EACd,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,aAAa,EACb,mBAAmB,EACnB,iBAAiB,EACjB,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,gBAAgB,qBAiHlB"}

package/types/forms/FormProgress/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/FormProgress/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgB,MAAM,OAAO,CAAC;AACrC,OAAO,KAAK,EAAE,aAAa,EAAc,MAAM,SAAS,CAAC;AAGzD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAEnD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD,MAAM,MAAM,iBAAiB,GAAG,aAAa,GAC3C,mBAAmB,GAAG;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG;IAC7C,UAAU,CAAC,EAAE,IAAI,CAAC,cAAc,EAAE,YAAY,GAAG,UAAU,GAAG,OAAO,GAAG,OAAO,CAAC,CAAC;CAClF,GAAG,IAAI,CAAC,cAAc,EAAE,YAAY,GAAG,UAAU,GAAG,OAAO,GAAG,OAAO,CAAC,CAAC;AAE1E,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,YAAY,EACZ,KAAK,EACL,UAAU,EACV,UAAU,EACV,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,GAAG,aAAa,EACjB,EAAE,iBAAiB,qBA+CnB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/FormProgress/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgB,MAAM,OAAO,CAAC;AACrC,OAAO,KAAK,EAAE,aAAa,EAAc,MAAM,SAAS,CAAC;AAGzD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAEnD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD,MAAM,MAAM,iBAAiB,GAAG,aAAa,GAC3C,mBAAmB,GAAG;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG;IAC7C,UAAU,CAAC,EAAE,IAAI,CAAC,cAAc,EAAE,YAAY,GAAG,UAAU,GAAG,OAAO,GAAG,OAAO,CAAC,CAAC;CAClF,GAAG,IAAI,CAAC,cAAc,EAAE,YAAY,GAAG,UAAU,GAAG,OAAO,GAAG,OAAO,CAAC,CAAC;AAE1E,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,YAAY,EACZ,KAAK,EACL,UAAU,EACV,UAAU,EACV,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,GAAG,aAAa,EACjB,EAAE,iBAAiB,qBA8CnB"}