@multiplatform.one/forms 6.0.0

package/dist/esm/AdaptivePopup/index.native.js

@@ -0,0 +1,164 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { Dialog, Sheet, Unspaced, useMedia, View, XStack, YStack } from "tamagui";
+import { X } from "@tamagui/lucide-icons-2";
+import { Button } from "../Button/index.native.js";
+import { zIndex } from "../shared/zIndex.native.js";
+import { useViewportGtSm } from "../FloatingPanel/index.native.js";
+var sizeToWidth = {
+  sm: 400,
+  md: 600,
+  lg: 800,
+  xl: 1e3,
+  fullscreen: "95vw"
+};
+var sizeToHeight = {
+  sm: "auto",
+  md: "auto",
+  lg: "auto",
+  xl: "auto",
+  fullscreen: "90vh"
+};
+function AdaptivePopup(param) {
+  var {
+    open,
+    onOpenChange,
+    trigger,
+    title,
+    description,
+    children,
+    size = "md",
+    showCloseButton = true,
+    footer,
+    disabled
+  } = param;
+  var {
+    knobProps
+  } = useResolvedKnobs();
+  var media = useMedia();
+  var viewportGtSm = useViewportGtSm();
+  var isDesktop = typeof window !== "undefined" ? viewportGtSm : media.gtSm === true;
+  var maxWidth = sizeToWidth[size];
+  var maxHeight = sizeToHeight[size];
+  var headerContent = (title || showCloseButton) && /* @__PURE__ */_jsxs(XStack, {
+    justifyContent: "space-between",
+    alignItems: "center",
+    children: [title && /* @__PURE__ */_jsx(YStack, {
+      flex: 1,
+      children: /* @__PURE__ */_jsx(Dialog.Title, {
+        ...knobProps.heading,
+        fontSize: "$6",
+        children: title
+      })
+    }), showCloseButton && /* @__PURE__ */_jsx(Dialog.Close, {
+      asChild: true,
+      children: /* @__PURE__ */_jsx(Button, {
+        size: "$3",
+        circular: true,
+        chromeless: true,
+        children: /* @__PURE__ */_jsx(X, {
+          size: 20
+        })
+      })
+    })]
+  });
+  var descriptionContent = description && /* @__PURE__ */_jsx(Dialog.Description, {
+    ...knobProps.body,
+    color: "$color11",
+    fontSize: knobProps.sizeToken,
+    children: description
+  });
+  var footerContent = footer && /* @__PURE__ */_jsx(YStack, {
+    paddingTop: "$2",
+    children: footer
+  });
+  if (!isDesktop) {
+    return /* @__PURE__ */_jsxs(_Fragment, {
+      children: [trigger && /* @__PURE__ */_jsx(View, {
+        onPress: function onPress() {
+          return !disabled && onOpenChange(true);
+        },
+        cursor: disabled ? "not-allowed" : "pointer",
+        opacity: disabled ? 0.5 : 1,
+        children: trigger
+      }), /* @__PURE__ */_jsxs(Sheet, {
+        modal: true,
+        open,
+        onOpenChange,
+        dismissOnSnapToBottom: true,
+        snapPointsMode: size === "fullscreen" ? "percent" : "fit",
+        snapPoints: size === "fullscreen" ? [92] : void 0,
+        zIndex: zIndex.sheet,
+        children: [/* @__PURE__ */_jsx(Sheet.Overlay, {
+          backgroundColor: "$shadow6",
+          enterStyle: {
+            opacity: 0
+          },
+          exitStyle: {
+            opacity: 0
+          }
+        }), /* @__PURE__ */_jsx(Sheet.Handle, {}), /* @__PURE__ */_jsxs(Sheet.Frame, {
+          ...knobProps.panelPadding,
+          ...knobProps.gap,
+          children: [headerContent, descriptionContent, /* @__PURE__ */_jsx(YStack, {
+            flex: size === "fullscreen" ? 1 : void 0,
+            children
+          }), footerContent]
+        })]
+      })]
+    });
+  }
+  return /* @__PURE__ */_jsxs(Dialog, {
+    modal: true,
+    open,
+    onOpenChange,
+    children: [trigger && /* @__PURE__ */_jsx(Dialog.Trigger, {
+      asChild: true,
+      disabled,
+      children: /* @__PURE__ */_jsx(View, {
+        cursor: disabled ? "not-allowed" : "pointer",
+        opacity: disabled ? 0.5 : 1,
+        children: trigger
+      })
+    }), /* @__PURE__ */_jsxs(Dialog.Portal, {
+      zIndex: zIndex.dropdown,
+      children: [/* @__PURE__ */_jsx(Dialog.Overlay, {
+        backgroundColor: "$shadow6",
+        enterStyle: {
+          opacity: 0
+        },
+        exitStyle: {
+          opacity: 0
+        }
+      }, "overlay"), /* @__PURE__ */_jsxs(Dialog.Content, {
+        bordered: true,
+        elevate: true,
+        enterStyle: {
+          opacity: 0,
+          scale: 0.96,
+          y: -10
+        },
+        exitStyle: {
+          opacity: 0,
+          scale: 0.96,
+          y: -10
+        },
+        maxWidth,
+        maxHeight,
+        width: "90vw",
+        backgroundColor: "$background",
+        ...knobProps.panelPadding,
+        ...knobProps.gap,
+        ...knobProps.borderRadius,
+        children: [headerContent && /* @__PURE__ */_jsx(Unspaced, {
+          children: headerContent
+        }), descriptionContent, /* @__PURE__ */_jsx(YStack, {
+          flex: size === "fullscreen" ? 1 : void 0,
+          children
+        }), footerContent]
+      }, "content")]
+    })]
+  });
+}
+export { AdaptivePopup };
+//# sourceMappingURL=index.native.js.map

package/dist/esm/AdaptivePopup/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useResolvedKnobs","Dialog","Sheet","Unspaced","useMedia","View","XStack","YStack","X","Button","zIndex","useViewportGtSm","sizeToWidth","sm","md","lg","xl","fullscreen","sizeToHeight","AdaptivePopup","param","open","onOpenChange","trigger","title","description","children","size","showCloseButton","footer","disabled","knobProps","media","viewportGtSm","isDesktop","window","gtSm","maxWidth","maxHeight","headerContent","justifyContent","alignItems","flex","Title","heading","fontSize","Close","asChild","circular","chromeless","descriptionContent","Description","body","color","sizeToken","footerContent","paddingTop","onPress","cursor","opacity","modal","dismissOnSnapToBottom","snapPointsMode","snapPoints","sheet","Overlay","backgroundColor","enterStyle","exitStyle","Handle","Frame","panelPadding","gap","Trigger"],"sources":["../../../src/AdaptivePopup/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/Button/Button.stories.mjs

@@ -0,0 +1,226 @@
+import { action } from "@multiplatform.one/storybook";
+import { Activity, Airplay, Download, Trash } from "@tamagui/lucide-icons-2";
+import { Button as TamaguiButton, Paragraph, XStack, YStack } from "tamagui";
+import { Button } from "./index.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+const pressed = name => () => action(name)();
+const iconOptions = ["none", "Activity", "Airplay", "Download", "Trash"];
+const icons = {
+  none: void 0,
+  Activity,
+  Airplay,
+  Download,
+  Trash
+};
+const meta = {
+  title: "Forms/Button",
+  component: Button,
+  parameters: {
+    docs: {
+      description: {
+        component: "A semantic button that uses the Semantic Component Theming System. Use boolean intent props (`accent`, `error`, `warning`, `success`) for semantic styling or `theme` for direct Tamagui theme control. Structural knobs (border radius, fill style, interaction) are resolved automatically from the nearest `<Preset>`."
+      }
+    }
+  },
+  argTypes: {
+    icon: {
+      control: false
+    },
+    iconAfter: {
+      control: false
+    }
+  }
+};
+var Button_stories_default = meta;
+const Basic = {
+  name: "Main",
+  args: {
+    children: "Button",
+    onPress: pressed("onPress")
+  },
+  argTypes: {
+    children: {
+      control: "text",
+      description: "Button label"
+    },
+    accent: {
+      control: "boolean",
+      description: "Accent intent"
+    },
+    error: {
+      control: "boolean",
+      description: "Error intent"
+    },
+    warning: {
+      control: "boolean",
+      description: "Warning intent"
+    },
+    success: {
+      control: "boolean",
+      description: "Success intent"
+    },
+    theme: {
+      control: "text",
+      description: "Direct Tamagui theme name override"
+    },
+    size: {
+      control: "select",
+      options: ["$2", "$3", "$4", "$5", "$6"],
+      description: "Tamagui size token"
+    },
+    variant: {
+      control: "select",
+      options: [void 0, "outlined"],
+      description: "Structural variant"
+    },
+    chromeless: {
+      control: "boolean",
+      description: "Transparent, text-only style"
+    },
+    disabled: {
+      control: "boolean",
+      description: "Disable the button"
+    },
+    skeleton: {
+      control: "boolean",
+      description: "Show skeleton placeholder"
+    },
+    icon: {
+      control: "select",
+      options: iconOptions,
+      description: "Leading icon"
+    },
+    iconAfter: {
+      control: "select",
+      options: iconOptions,
+      description: "Trailing icon"
+    }
+  },
+  render: ({
+    icon,
+    iconAfter,
+    ...args
+  }) => /* @__PURE__ */jsx(Button, {
+    ...args,
+    icon: icon ? icons[icon] : void 0,
+    iconAfter: iconAfter ? icons[iconAfter] : void 0
+  })
+};
+const Intents = {
+  name: "Intent variants",
+  render: () => /* @__PURE__ */jsxs(XStack, {
+    gap: "$3",
+    flexWrap: "wrap",
+    padding: "$4",
+    children: [/* @__PURE__ */jsx(Button, {
+      onPress: pressed("default"),
+      children: "Default"
+    }), /* @__PURE__ */jsx(Button, {
+      accent: true,
+      onPress: pressed("accent"),
+      children: "Accent"
+    }), /* @__PURE__ */jsx(Button, {
+      success: true,
+      onPress: pressed("success"),
+      children: "Success"
+    }), /* @__PURE__ */jsx(Button, {
+      warning: true,
+      onPress: pressed("warning"),
+      children: "Warning"
+    }), /* @__PURE__ */jsx(Button, {
+      error: true,
+      onPress: pressed("error"),
+      children: "Error"
+    })]
+  })
+};
+const CompoundPattern = {
+  render: () => /* @__PURE__ */jsx(XStack, {
+    gap: "$3",
+    padding: "$4",
+    children: /* @__PURE__ */jsxs(Button, {
+      accent: true,
+      size: "$4",
+      children: [/* @__PURE__ */jsx(Button.Icon, {
+        children: /* @__PURE__ */jsx(Activity, {})
+      }), /* @__PURE__ */jsx(Button.Text, {
+        children: "Compound"
+      })]
+    })
+  })
+};
+const Comparison = {
+  render: () => /* @__PURE__ */jsxs(XStack, {
+    gap: "$6",
+    alignItems: "flex-start",
+    padding: "$4",
+    flexWrap: "wrap",
+    children: [/* @__PURE__ */jsxs(YStack, {
+      gap: "$3",
+      width: 200,
+      children: [/* @__PURE__ */jsx(Paragraph, {
+        size: "$2",
+        color: "$placeholderColor",
+        children: "Custom Button"
+      }), /* @__PURE__ */jsx(Button, {
+        onPress: pressed("custom.default"),
+        children: "Default"
+      }), /* @__PURE__ */jsx(Button, {
+        accent: true,
+        onPress: pressed("custom.accent"),
+        children: "Accent"
+      }), /* @__PURE__ */jsx(Button, {
+        icon: Activity,
+        onPress: pressed("custom.icon"),
+        children: "With Icon"
+      }), /* @__PURE__ */jsx(Button, {
+        variant: "outlined",
+        onPress: pressed("custom.outlined"),
+        children: "Outlined"
+      }), /* @__PURE__ */jsx(Button, {
+        disabled: true,
+        children: "Disabled"
+      }), /* @__PURE__ */jsx(Button, {
+        size: "$3",
+        children: "Small"
+      }), /* @__PURE__ */jsx(Button, {
+        size: "$5",
+        children: "Large"
+      })]
+    }), /* @__PURE__ */jsxs(YStack, {
+      gap: "$3",
+      width: 200,
+      children: [/* @__PURE__ */jsx(Paragraph, {
+        size: "$2",
+        color: "$placeholderColor",
+        children: "Tamagui Button"
+      }), /* @__PURE__ */jsx(TamaguiButton, {
+        onPress: pressed("tamagui.default"),
+        children: "Default"
+      }), /* @__PURE__ */jsx(TamaguiButton, {
+        theme: "accent",
+        onPress: pressed("tamagui.accent"),
+        children: "Accent"
+      }), /* @__PURE__ */jsx(TamaguiButton, {
+        icon: Activity,
+        onPress: pressed("tamagui.icon"),
+        children: "With Icon"
+      }), /* @__PURE__ */jsx(TamaguiButton, {
+        variant: "outlined",
+        onPress: pressed("tamagui.outlined"),
+        children: "Outlined"
+      }), /* @__PURE__ */jsx(TamaguiButton, {
+        disabled: true,
+        children: "Disabled"
+      }), /* @__PURE__ */jsx(TamaguiButton, {
+        size: "$3",
+        children: "Small"
+      }), /* @__PURE__ */jsx(TamaguiButton, {
+        size: "$5",
+        children: "Large"
+      })]
+    })]
+  })
+};
+export { Basic, Comparison, CompoundPattern, Intents, Button_stories_default as default };
+//# sourceMappingURL=Button.stories.mjs.map

package/dist/esm/Button/Button.stories.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["action","Activity","Airplay","Download","Trash","Button","TamaguiButton","Paragraph","XStack","YStack","jsx","jsxs","pressed","name","iconOptions","icons","none","meta","title","component","parameters","docs","description","argTypes","icon","control","iconAfter","Button_stories_default","Basic","args","children","onPress","accent","error","warning","success","theme","size","options","variant","chromeless","disabled","skeleton","render","Intents","gap","flexWrap","padding","CompoundPattern","Icon","Text","Comparison","alignItems","width","color"],"sources":["../../../src/Button/Button.stories.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/Button/Button.stories.native.js

@@ -0,0 +1,239 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { action } from "@multiplatform.one/storybook";
+import { Activity, Airplay, Download, Trash } from "@tamagui/lucide-icons-2";
+import { Button as TamaguiButton, Paragraph, XStack, YStack } from "tamagui";
+import { Button } from "./index.native.js";
+var pressed = function pressed2(name) {
+  return function () {
+    return action(name)();
+  };
+};
+var iconOptions = ["none", "Activity", "Airplay", "Download", "Trash"];
+var icons = {
+  none: void 0,
+  Activity,
+  Airplay,
+  Download,
+  Trash
+};
+var meta = {
+  title: "Forms/Button",
+  component: Button,
+  parameters: {
+    docs: {
+      description: {
+        component: "A semantic button that uses the Semantic Component Theming System. Use boolean intent props (`accent`, `error`, `warning`, `success`) for semantic styling or `theme` for direct Tamagui theme control. Structural knobs (border radius, fill style, interaction) are resolved automatically from the nearest `<Preset>`."
+      }
+    }
+  },
+  argTypes: {
+    icon: {
+      control: false
+    },
+    iconAfter: {
+      control: false
+    }
+  }
+};
+var Button_stories_default = meta;
+var Basic = {
+  name: "Main",
+  args: {
+    children: "Button",
+    onPress: pressed("onPress")
+  },
+  argTypes: {
+    children: {
+      control: "text",
+      description: "Button label"
+    },
+    accent: {
+      control: "boolean",
+      description: "Accent intent"
+    },
+    error: {
+      control: "boolean",
+      description: "Error intent"
+    },
+    warning: {
+      control: "boolean",
+      description: "Warning intent"
+    },
+    success: {
+      control: "boolean",
+      description: "Success intent"
+    },
+    theme: {
+      control: "text",
+      description: "Direct Tamagui theme name override"
+    },
+    size: {
+      control: "select",
+      options: ["$2", "$3", "$4", "$5", "$6"],
+      description: "Tamagui size token"
+    },
+    variant: {
+      control: "select",
+      options: [void 0, "outlined"],
+      description: "Structural variant"
+    },
+    chromeless: {
+      control: "boolean",
+      description: "Transparent, text-only style"
+    },
+    disabled: {
+      control: "boolean",
+      description: "Disable the button"
+    },
+    skeleton: {
+      control: "boolean",
+      description: "Show skeleton placeholder"
+    },
+    icon: {
+      control: "select",
+      options: iconOptions,
+      description: "Leading icon"
+    },
+    iconAfter: {
+      control: "select",
+      options: iconOptions,
+      description: "Trailing icon"
+    }
+  },
+  render: function render(param) {
+    var {
+      icon,
+      iconAfter,
+      ...args
+    } = param;
+    return /* @__PURE__ */_jsx(Button, {
+      ...args,
+      icon: icon ? icons[icon] : void 0,
+      iconAfter: iconAfter ? icons[iconAfter] : void 0
+    });
+  }
+};
+var Intents = {
+  name: "Intent variants",
+  render: function render2() {
+    return /* @__PURE__ */_jsxs(XStack, {
+      gap: "$3",
+      flexWrap: "wrap",
+      padding: "$4",
+      children: [/* @__PURE__ */_jsx(Button, {
+        onPress: pressed("default"),
+        children: "Default"
+      }), /* @__PURE__ */_jsx(Button, {
+        accent: true,
+        onPress: pressed("accent"),
+        children: "Accent"
+      }), /* @__PURE__ */_jsx(Button, {
+        success: true,
+        onPress: pressed("success"),
+        children: "Success"
+      }), /* @__PURE__ */_jsx(Button, {
+        warning: true,
+        onPress: pressed("warning"),
+        children: "Warning"
+      }), /* @__PURE__ */_jsx(Button, {
+        error: true,
+        onPress: pressed("error"),
+        children: "Error"
+      })]
+    });
+  }
+};
+var CompoundPattern = {
+  render: function render3() {
+    return /* @__PURE__ */_jsx(XStack, {
+      gap: "$3",
+      padding: "$4",
+      children: /* @__PURE__ */_jsxs(Button, {
+        accent: true,
+        size: "$4",
+        children: [/* @__PURE__ */_jsx(Button.Icon, {
+          children: /* @__PURE__ */_jsx(Activity, {})
+        }), /* @__PURE__ */_jsx(Button.Text, {
+          children: "Compound"
+        })]
+      })
+    });
+  }
+};
+var Comparison = {
+  render: function render4() {
+    return /* @__PURE__ */_jsxs(XStack, {
+      gap: "$6",
+      alignItems: "flex-start",
+      padding: "$4",
+      flexWrap: "wrap",
+      children: [/* @__PURE__ */_jsxs(YStack, {
+        gap: "$3",
+        width: 200,
+        children: [/* @__PURE__ */_jsx(Paragraph, {
+          size: "$2",
+          color: "$placeholderColor",
+          children: "Custom Button"
+        }), /* @__PURE__ */_jsx(Button, {
+          onPress: pressed("custom.default"),
+          children: "Default"
+        }), /* @__PURE__ */_jsx(Button, {
+          accent: true,
+          onPress: pressed("custom.accent"),
+          children: "Accent"
+        }), /* @__PURE__ */_jsx(Button, {
+          icon: Activity,
+          onPress: pressed("custom.icon"),
+          children: "With Icon"
+        }), /* @__PURE__ */_jsx(Button, {
+          variant: "outlined",
+          onPress: pressed("custom.outlined"),
+          children: "Outlined"
+        }), /* @__PURE__ */_jsx(Button, {
+          disabled: true,
+          children: "Disabled"
+        }), /* @__PURE__ */_jsx(Button, {
+          size: "$3",
+          children: "Small"
+        }), /* @__PURE__ */_jsx(Button, {
+          size: "$5",
+          children: "Large"
+        })]
+      }), /* @__PURE__ */_jsxs(YStack, {
+        gap: "$3",
+        width: 200,
+        children: [/* @__PURE__ */_jsx(Paragraph, {
+          size: "$2",
+          color: "$placeholderColor",
+          children: "Tamagui Button"
+        }), /* @__PURE__ */_jsx(TamaguiButton, {
+          onPress: pressed("tamagui.default"),
+          children: "Default"
+        }), /* @__PURE__ */_jsx(TamaguiButton, {
+          theme: "accent",
+          onPress: pressed("tamagui.accent"),
+          children: "Accent"
+        }), /* @__PURE__ */_jsx(TamaguiButton, {
+          icon: Activity,
+          onPress: pressed("tamagui.icon"),
+          children: "With Icon"
+        }), /* @__PURE__ */_jsx(TamaguiButton, {
+          variant: "outlined",
+          onPress: pressed("tamagui.outlined"),
+          children: "Outlined"
+        }), /* @__PURE__ */_jsx(TamaguiButton, {
+          disabled: true,
+          children: "Disabled"
+        }), /* @__PURE__ */_jsx(TamaguiButton, {
+          size: "$3",
+          children: "Small"
+        }), /* @__PURE__ */_jsx(TamaguiButton, {
+          size: "$5",
+          children: "Large"
+        })]
+      })]
+    });
+  }
+};
+export { Basic, Comparison, CompoundPattern, Intents, Button_stories_default as default };
+//# sourceMappingURL=Button.stories.native.js.map

package/dist/esm/Button/Button.stories.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","action","Activity","Airplay","Download","Trash","Button","TamaguiButton","Paragraph","XStack","YStack","pressed","pressed2","name","iconOptions","icons","none","meta","title","component","parameters","docs","description","argTypes","icon","control","iconAfter","Button_stories_default","Basic","args","children","onPress","accent","error","warning","success","theme","size","options","variant","chromeless","disabled","skeleton"],"sources":["../../../src/Button/Button.stories.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAc,IAAAC,KAAA;AAEvB,SAASC,MAAA,QAAU,8BAAgC;AACnD,SAASC,QAAA,EAAUC,OAAA,EAAAC,QAAe,EAAAC,KAAA,QAAW,yBAAsB;AACnE,SAASC,MAAA,IAAAC,aAAc,EAAAC,SAAA,EAAAC,MAAA,EAAAC,MAAA;AA2EnB,SAAAJ,MAWA,2BAXA;AAzEJ,IAAAK,OAAM,YAAWC,QAAiBA,CAAMC,IAAA;EAExC,OAAM,YAAc;IACpB,OAAMZ,MAA6B,CAAAY,IAAA;EACjC;AAAM;AACN,IACAC,WAAA,IACA,QACA,YACF,WAEA,UAAM,EACJ,OAAO;AACI,IACXC,KAAA;EAAYC,IACV,OAAM;EAAAd,QACJ;EAAaC,OACX;EACEC,QAKJ;EAAAC;AACF;AACF,IACAY,IAAA;EAAUC,KACR,gBAAiB;EAAMC,SACvB,EAAAb,MAAa;EACfc,UAAA;IACFC,IAAA;MAEOC,WAAA;QAGMH,SAAe;MAC1B;IACA;EAAM;EACMI,QACV;IACFC,IAAA;MACAC,OAAU;IACR;IACAC,SAAQ,EAAE;MACVD,OAAS;IACT;EAA6D;AACA;AACe,IAC5EE,sBAAM,GAAAV,IAAA;AAAA,IAAAW,KACJ;EAASf,IACT;EAAsCgB,IACtC;IACFC,QAAA;IACAC,OAAA,EAASpB,OAAA;EAAA;EACEY,QACT;IAA+BO,QAC/B;MACFL,OAAA;MACAH,WAAY,EAAE;IACd;IACAU,MAAA;MACAP,OAAM;MACJH,WAAS;IAAA;IACAW,KACT;MACFR,OAAA;MACAH,WAAW;IAAA;IACAY,OACT;MACAT,OAAA,WAAa;MACfH,WAAA;IACF;IACAa,OAAS,EAAE;MACRV,OAAA;MAAAH,WAAA;IAAA;IACKc,KACJ;MACAX,OAAA,QAAW;MAAoDH,WAAA;IACjE;IAEJe,IAAA;MAEaZ,OAAA,UAAiB;MAC5Ba,OAAM,GACN,IAAQ,EAEJ,MACA,MAGA,MAGA,KAGA;MAGFhB,WAAA;IAEJ;IAEOiB,OAAM;MACXd,OAAQ,UACN;MAEIa,OAAA,GAGA,QAEJ,WAEJ;MAEahB,WAAA,EAAoB;IAC/B;IAEIkB,UAAA;MACEf,OAAA;MAGAH,WAAA;IAAmD;IAGnDmB,QACA;MAGAhB,OAAA;MAGAH,WAAA;IAAyB;IACFoB,QACvB;MAAuBjB,OACzB;MAEAH,WAAA;IACE;IAEAE,IACA;MACAC,OAAA;MAGAa,OAAA,EAAAxB,WAAC;MAGDQ,WAAA;IAEA;IACgCI,SAChC;MACAD,OAAA;MAA8Ba,OAChC,EAAAxB,WAAA;MACFQ,WAAA;IAEJ","ignoreList":[]}