@kivid/native-components 1.0.0-alpha.2 → 1.0.0-alpha.21

package/src/components/Tooltip/types.ts

@@ -0,0 +1,14 @@
+import { ViewStyle } from "react-native";
+import { TooltipVariantEnum } from "./enum";
+
+export interface TooltipProps {
+  children?: React.ReactNode;
+  message: React.ReactNode;
+  variant?: TooltipVariantEnum;
+  className?: string;
+  pointerClassName?: string;
+  containerClassName?: string;
+  style?: ViewStyle;
+  onChangeVisibility?: (isVisible: boolean) => void;
+  isOpenedByVariantError?: boolean;
+}

package/src/components/Typography/assets/class-variants.ts

@@ -0,0 +1,56 @@
+import { cva } from "class-variance-authority";
+import { Platform } from "react-native";
+
+const getWeightVariants = () => {
+  if (Platform.OS === "web") {
+    return {
+      "200": "font-[200]",
+      "300": "font-[300]",
+      "400": "font-[400]",
+      "500": "font-[500]",
+      "600": "font-[600]",
+      "700": "font-[700]",
+      "800": "font-[800]",
+      "900": "font-[900]",
+    };
+  }
+
+  return {
+    "200": "font-nunito-extralight",
+    "300": "font-nunito-light",
+    "400": "font-nunito-regular",
+    "500": "font-nunito-medium",
+    "600": "font-nunito-semibold",
+    "700": "font-nunito-bold",
+    "800": "font-nunito-extrabold",
+    "900": "font-nunito-black",
+  };
+};
+
+export const typographyVariants = cva("font-nunito-regular text-chia-900", {
+  variants: {
+    variant: {
+      label_small: "text-[12px] leading-[16px]",
+      label_medium: "text-[13.5px] leading-[18px]",
+      label_large: "text-[16px] leading-[22px]",
+      body_small: "text-[12px] leading-[16px]",
+      body_medium: "text-[13.5px] leading-[20px]",
+      body_large: "text-[16px] leading-[24px]",
+      title_small: "text-[16px] leading-[20px]",
+      title_medium: "text-[18px] leading-[22px]",
+      title_large: "text-[22px] leading-[24px]",
+      headline_small: "text-[26px] leading-[32px]",
+      headline_medium: "text-[32px] leading-[36px]",
+      headline_large: "text-[36px] leading-[40px]",
+      display_small: "text-[40px] leading-[48px]",
+      display_medium: "text-[44px] leading-[56px]",
+      display_large: "text-[56px] leading-[64px]",
+    },
+    weight: getWeightVariants(),
+  },
+
+  defaultVariants: {
+    variant: "body_medium",
+    weight: "400",
+  },
+});

package/src/components/Typography/index.tsx

@@ -2,6 +2,7 @@ import React from "react";
 import { Text } from "react-native";
 import type { TypographyProps } from "./types";
 import { merge } from "@kivid/tailwind-preset";
+import { typographyVariants } from "./assets/class-variants";
 
 /**
  * Universal Typography component for React Native.
@@ -14,26 +15,29 @@ import { merge } from "@kivid/tailwind-preset";
  *
  * @example
  * // Display text with automatic font mapping
- * <Typography variant="text-display_large_700">Hero Title</Typography>
+ * <Typography variant="display_large" weight="700">Hero Title</Typography>
  *
  * @example
  * // Body text with medium weight
- * <Typography variant="text-body_medium_500">Content text</Typography>
+ * <Typography variant="body_medium" weight="500">Content text</Typography>
  *
  * @example
  * // With additional styling
- * <Typography variant="text-label_small_300" className="text-gray-600">
+ * <Typography variant="label_small" weight="300" className="text-gray-600">
  *   Form label
  * </Typography>
  */
 export const Typography: React.FC<TypographyProps> = ({
   variant,
   className,
-  style,
+  weight,
   children,
   ...props
 }) => {
-  const textClassName = merge(`font-nunito`, variant, className);
+  const textClassName = merge(
+    typographyVariants({ variant, weight }),
+    className
+  );
 
   return (
     <Text className={textClassName} {...props}>

package/src/components/Typography/types.ts

@@ -1,8 +1,10 @@
 import type { TextProps as RNTextProps } from "react-native";
-import type { TypographyVariant } from "@kivid/tailwind-preset";
+import type { VariantProps } from "class-variance-authority";
+import { typographyVariants } from "./assets/class-variants";
 
-export interface TypographyProps extends Omit<RNTextProps, "children"> {
-  variant: TypographyVariant;
+export interface TypographyProps
+  extends Omit<RNTextProps, "children">,
+    VariantProps<typeof typographyVariants> {
   className?: string;
   children: React.ReactNode;
 }

package/src/components/index.ts

@@ -1,11 +1,85 @@
+export * from "./Avatar";
 export * from "./Button";
+export type * from "./Button/types";
+
+export * from "./ChatBubble";
+export type * from "./ChatBubble/contexts/ChatBubbleContext/types";
+export type * from "./ChatBubble/types";
+
 export * from "./Chip";
+export * from "./Chip/enums";
+export * from "./Chip/types";
+
 export * from "./InformationStatus";
-export * from "./InputCheckbox";
-export * from "./InputOTP";
+export * from "./InformationStatus/enums";
+export type * from "./InformationStatus/types";
+
+export * from "./CheckboxInput";
+export * from "./CheckboxInput/enums";
+export type * from "./CheckboxInput/types";
+
+export * from "./OtpInput";
+export * from "./OtpInput/enums";
+export type * from "./OtpInput/types";
+
+export * from "./MessageInput";
+export type * from "./MessageInput/types";
+
 export * from "./HighlightedText";
+export type * from "./HighlightedText/types";
+
 export * from "./LoadingDots";
+export * from "./LoadingDots/types";
+
 export * from "./Seal";
+export * from "./Seal/enums";
+export type * from "./Seal/types";
+
 export * from "./Title";
+export type * from "./Title/types";
+
 export * from "./Toggle";
+export * from "./Toggle/enums";
+export type * from "./Toggle/types";
+
 export * from "./Typography";
+export type * from "./Typography/types";
+
+export * from "./Toast";
+export * from "./Toast/enums";
+export type * from "./Toast/types";
+
+export * from "./Tooltip";
+export type * from "./Tooltip/types";
+
+export * from "./ListButton";
+export * from "./ListButton/enums";
+export type * from "./ListButton/types";
+
+export * from "./TextInput";
+export * from "./TextInput/enums";
+export type * from "./TextInput/types";
+
+export * from "./SelectButton";
+export * from "./SelectButton/enums";
+export type * from "./SelectButton/types";
+
+export * from "./RadioInput";
+export * from "./RadioInput/enums";
+export type * from "./RadioInput/types";
+
+export * from "./IconButton";
+export * from "./IconButton/enums";
+export type * from "./IconButton/types";
+
+export * from "./PasswordInput";
+export type * from "./PasswordInput/types";
+
+export * from "./PageIndicators";
+export type * from "./PageIndicators/types";
+
+export * from "./ActionButton";
+export type * from "./ActionButton/types";
+
+export * from "./MessageInput";
+export type * from "./MessageInput/types";

package/src/enums/corners.ts

@@ -0,0 +1,6 @@
+export enum CornersEnum {
+  SMALL = "small",
+  MEDIUM = "medium",
+  LARGE = "large",
+  XLARGE = "xlarge",
+}

package/src/enums/font-weight.ts

@@ -0,0 +1,10 @@
+export enum FontWeightEnum {
+    LIGHT = "100",
+    THIN = "200",
+    REGULAR = "400",
+    MEDIUM = "500",
+    SEMIBOLD = "600",
+    BOLD = "700",
+    EXTRA_BOLD = "800",
+    BLACK = "900",
+}

package/src/enums/index.ts

@@ -0,0 +1,5 @@
+export * from "./corners";
+export * from "./font-weight";
+export * from "./size";
+export * from "./state-variant";
+

package/src/enums/size.ts

@@ -0,0 +1,10 @@
+export enum SizeEnum {
+  XXSMALL = "xxsmall",
+  XSMALL = "xsmall",
+  SMALL = "small",
+  MEDIUM = "medium",
+  LARGE = "large",
+  XLARGE = "xlarge",
+  XXLARGE = "xxlarge",
+  XXXLARGE = "xxxlarge",
+}

package/src/enums/state-variant.ts

@@ -0,0 +1,7 @@
+export enum StateVariantEnum {
+  SUCCESS = "success",
+  ERROR = "error",
+  WARNING = "warning",
+  ADD = "add",
+  CUSTOM = "custom",
+}

package/src/iconography/Icons/index.tsx

@@ -5,14 +5,13 @@ import {
   Alert,
   FlatList,
   Pressable,
-  SafeAreaView,
   Text,
   TextInput,
   View,
 } from "react-native";
 
 export function Icons(props: IconsProps) {
-  const { size = 24, color = "currentColor" } = props;
+  const { size = 24, color: initialColor = "currentColor" } = props;
 
   const icons = Object.entries(IconsNative).map(([name, IconComponent]) => ({
     name,
@@ -20,6 +19,24 @@ export function Icons(props: IconsProps) {
   }));
 
   const [searchTerm, setSearchTerm] = useState("");
+  const [color, setColor] = useState(initialColor);
+
+  const availableColors = [
+    "currentColor",
+    "#000000",
+    "#FF0000",
+    "#00FF00",
+    "#0000FF",
+    "#FF00FF",
+    "#FFA500",
+    "#800080",
+  ];
+
+  function handleColorChange() {
+    const currentIndex = availableColors.indexOf(color);
+    const nextIndex = (currentIndex + 1) % availableColors.length;
+    setColor(availableColors[nextIndex]);
+  }
 
   const iconsFiltered = useMemo(() => {
     const sorted = [...icons].sort((a, b) => a.name.localeCompare(b.name));
@@ -36,23 +53,48 @@ export function Icons(props: IconsProps) {
   }
 
   return (
-    <SafeAreaView className="m-16">
-      <TextInput
-        placeholder="Pesquisar ícones..."
-        placeholderTextColor="#98A3A3"
-        style={{
-          width: "100%",
-          height: 40,
-          marginBottom: 16,
-          borderRadius: 8,
-          borderWidth: 1,
-          borderColor: "#98A3A3",
-          paddingHorizontal: 12,
-          fontSize: 16,
-        }}
-        onChangeText={setSearchTerm}
-        value={searchTerm}
-      />
+    <View className="m-16">
+      <View style={{ flexDirection: "row", gap: 8, marginBottom: 16 }}>
+        <TextInput
+          placeholder="Pesquisar ícones..."
+          placeholderTextColor="#98A3A3"
+          style={{
+            flex: 1,
+            height: 40,
+            borderRadius: 8,
+            borderWidth: 1,
+            borderColor: "#98A3A3",
+            paddingHorizontal: 12,
+            fontSize: 16,
+          }}
+          onChangeText={setSearchTerm}
+          value={searchTerm}
+        />
+        <Pressable
+          onPress={handleColorChange}
+          style={{
+            height: 40,
+            paddingHorizontal: 16,
+            borderRadius: 8,
+            borderWidth: 1,
+            borderColor: "#98A3A3",
+            backgroundColor: color === "currentColor" ? "#F0F0F0" : color,
+            justifyContent: "center",
+            alignItems: "center",
+            minWidth: 100,
+          }}
+        >
+          <Text
+            style={{
+              fontSize: 14,
+              fontWeight: "600",
+              color: color === "currentColor" ? "#000000" : "#FFFFFF",
+            }}
+          >
+            Color
+          </Text>
+        </Pressable>
+      </View>
 
       <FlatList
         data={iconsFiltered}
@@ -90,6 +132,6 @@ export function Icons(props: IconsProps) {
           </View>
         )}
       />
-    </SafeAreaView>
+    </View>
   );
 }

package/src/index.ts

@@ -1 +1,3 @@
 export * from "./components";
+export * from "./enums";
+export * from "./styles";

package/src/storybook-utils/components/CodeBlock/index.tsx

@@ -0,0 +1,46 @@
+import React from "react";
+import { View, Text, ScrollView } from "react-native";
+import { CodeBlockProps } from "./types";
+
+export function CodeBlock({
+  children,
+  title,
+  showLineNumbers = false,
+  maxHeight = 400,
+}: CodeBlockProps) {
+  const lines = children.trim().split("\n");
+
+  return (
+    <View className="border border-chia-400 rounded-400 overflow-hidden mb-4">
+      {title && (
+        <View className="bg-chia-200 px-4 py-2 border-b border-chia-400">
+          <Text className="text-chia-900 font-semibold text-sm">{title}</Text>
+        </View>
+      )}
+
+      <ScrollView
+        horizontal
+        showsHorizontalScrollIndicator={false}
+        style={{ maxHeight }}
+      >
+        <View className="bg-chia-100 p-4 w-full">
+          {lines.map((line, index) => (
+            <View key={index} className="flex-row">
+              {showLineNumbers && (
+                <Text className="text-chia-600 font-mono text-xs mr-4 w-8 text-right">
+                  {index + 1}
+                  {"  "}
+                </Text>
+              )}
+              <Text className="text-chia-900 font-mono text-xs flex-1">
+                {line || " "}
+              </Text>
+            </View>
+          ))}
+        </View>
+      </ScrollView>
+    </View>
+  );
+}
+
+export default CodeBlock;

package/src/storybook-utils/components/CodeBlock/types.ts

@@ -0,0 +1,6 @@
+export interface CodeBlockProps {
+  children: string;
+  title?: string;
+  showLineNumbers?: boolean;
+  maxHeight?: number;
+}

package/src/storybook-utils/components/index.ts

@@ -0,0 +1,12 @@
+/**
+ * Storybook Utilities - Documentation Components
+ *
+ * These components are NOT part of the design system.
+ * They are utility components specifically for Storybook documentation.
+ *
+ * DO NOT export these from the main components index.
+ * DO NOT create stories for these components.
+ */
+
+export { CodeBlock } from "./CodeBlock";
+export type { CodeBlockProps } from "./CodeBlock/types";

package/src/storybook-utils/index.ts

@@ -0,0 +1,8 @@
+/**
+ * Storybook Utilities
+ *
+ * These are utility components and helpers specifically for Storybook documentation.
+ * They are NOT part of the design system and should not be exported from the main package.
+ */
+
+export * from "./components";

package/src/styles/index.ts

@@ -0,0 +1 @@
+export * from "./mixins";

package/src/styles/mixins/index.ts

@@ -0,0 +1 @@
+export * from "./shadows";

package/src/styles/mixins/shadows/elevation-down-100.tsx

@@ -0,0 +1,2 @@
+export const elevationDown100 =
+  "1px 1px 2px 0 rgba(119, 128, 128, 0.02), 1px 1px 4px 0 rgba(119, 128, 128, 0.02), 2px 2px 6px 0 rgba(119, 128, 128, 0.02), 2px 2px 16px 0 rgba(119, 128, 128, 0.06)";

package/src/styles/mixins/shadows/elevation-down-200.tsx

@@ -0,0 +1,2 @@
+export const elevationDown200 =
+  "2px 2px 4px 0 rgba(119, 128, 128, 0.08), 4px 4px 6px 0 rgba(119, 128, 128, 0.06), 6px 6px 8px 0 rgba(119, 128, 128, 0.04), 8px 8px 24px 0 rgba(119, 128, 128, 0.08)";

package/src/styles/mixins/shadows/elevation-down-300.tsx

@@ -0,0 +1,2 @@
+export const elevation300 =
+  "4px 4px 4px 0 rgba(119, 128, 128, 0.08), 12px 12px 6px 0 rgba(119, 128, 128, 0.06), 18px 18px 16px 0 rgba(119, 128, 128, 0.04), 12px 12px 40px 0 rgba(119, 128, 128, 0.24)";

package/src/styles/mixins/shadows/elevation-up-100.tsx

@@ -0,0 +1,2 @@
+export const elevationUp100 =
+  "0 -2px 2px 0 rgba(119, 128, 128, 0.02), 0 -4px 4px 0 rgba(119, 128, 128, 0.02), 0 -8px 16px 0 rgba(119, 128, 128, 0.02), 0 -8px 32px 0 rgba(119, 128, 128, 0.08)";

package/src/styles/mixins/shadows/elevation-up-200.tsx

@@ -0,0 +1,2 @@
+export const elevationUp200 =
+  "0 -2px 2px 0 rgba(119, 128, 128, 0.04), 0 -4px 4px 0 rgba(119, 128, 128, 0.06), 0 -8px 16px 0 rgba(119, 128, 128, 0.06), 0 -12px 32px 0 rgba(119, 128, 128, 0.12)";

package/src/styles/mixins/shadows/elevation-up-300.tsx

@@ -0,0 +1,2 @@
+export const elevationUp300 =
+  "0 -2px 2px 0 rgba(119, 128, 128, 0.06), 0 -4px 4px 0 rgba(119, 128, 128, 0.06), 0 -8px 16px 0 rgba(119, 128, 128, 0.12), 0 -16px 48px 0 rgba(119, 128, 128, 0.24)";

package/src/styles/mixins/shadows/index.ts

@@ -0,0 +1,6 @@
+export * from "./elevation-down-100";
+export * from "./elevation-down-200";
+export * from "./elevation-down-300";
+export * from "./elevation-up-100";
+export * from "./elevation-up-200";
+export * from "./elevation-up-300";

package/dist/README.md

@@ -1,57 +0,0 @@
-![picture of storybook](https://github.com/user-attachments/assets/cf98766d-8b90-44ab-b718-94ab16e63205)
-
-# getting started
-
-```sh
-npx create-expo-app --template expo-template-storybook AwesomeStorybook
-```
-
-or
-
-```sh
-yarn create expo-app --template expo-template-storybook AwesomeStorybook
-```
-
-# app
-
-```sh
-yarn start
-```
-
-# RN Storybook (ondevice)
-
-In this template you can now run `yarn storybook` to start ondevice storybook or `yarn start` to start your expo app.
-This works via env variables and expo constants.
-
-```sh
-# either
-yarn storybook
-
-# ios
-yarn storybook:ios
-
-# android
-yarn storybook:android
-```
-
-If you add new stories on the native (ondevice version) you either need to have the watcher running or run the stories loader
-
-To update the stories one time
-
-```sh
-yarn storybook-generate
-```
-
-# Web
-
-Start react native web storybook:
-
-```
-yarn storybook:web
-```
-
-build react native web storybook:
-
-```sh
-yarn build-storybook
-```

package/dist/commonjs/components/Chip/enums/chip-size.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ChipSizeEnum = void 0;
-let ChipSizeEnum = exports.ChipSizeEnum = /*#__PURE__*/function (ChipSizeEnum) {
-  ChipSizeEnum["MEDIUM"] = "medium";
-  ChipSizeEnum["LARGE"] = "large";
-  return ChipSizeEnum;
-}({});
-//# sourceMappingURL=chip-size.js.map

package/dist/commonjs/components/Chip/enums/chip-size.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ChipSizeEnum","exports"],"sourceRoot":"../../../../../src","sources":["components/Chip/enums/chip-size.ts"],"mappings":";;;;;;IAAYA,YAAY,GAAAC,OAAA,CAAAD,YAAA,0BAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAA,OAAZA,YAAY;AAAA","ignoreList":[]}

package/dist/commonjs/components/InputCheckbox/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_index","require","_classVariants","_reactNative","_index2","_jsxRuntime","InputCheckbox","props","isChecked","selectType","SelectVariantEnum","SELECTED","variant","CheckboxVariantEnum","JAVA","onChange","disabled","handleChange","renderIcon","INDETERMINATE","jsx","CheckIcon","IndeterminateIcon","View","className","children","TouchableOpacity","onPress","accessible","accessibilityRole","accessibilityState","checked","inputCheckboxVariants"],"sourceRoot":"../../../../src","sources":["components/InputCheckbox/index.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAAuD,IAAAI,WAAA,GAAAJ,OAAA;AAEhD,SAASK,aAAaA,CAACC,KAAyB,EAAE;EACvD,MAAM;IACJC,SAAS,GAAG,KAAK;IACjBC,UAAU,GAAGC,wBAAiB,CAACC,QAAQ;IACvCC,OAAO,GAAGC,0BAAmB,CAACC,IAAI;IAClCC,QAAQ;IACRC,QAAQ,GAAG;EACb,CAAC,GAAGT,KAAK;EAET,SAASU,YAAYA,CAAA,EAAG;IACtBF,QAAQ,CAAC,CAACP,SAAS,CAAC;EACtB;EAEA,SAASU,UAAUA,CAAA,EAAG;IACpB,IAAI,CAACV,SAAS,EAAE;MACd,OAAO,IAAI;IACb;IAEA,IAAIC,UAAU,KAAKC,wBAAiB,CAACS,aAAa,EAAE;MAClD,oBAAO,IAAAd,WAAA,CAAAe,GAAA,EAAChB,OAAA,CAAAiB,SAAS,IAAE,CAAC;IACtB;IAEA,oBAAO,IAAAhB,WAAA,CAAAe,GAAA,EAAChB,OAAA,CAAAkB,iBAAiB,IAAE,CAAC;EAC9B;EAEA,oBACE,IAAAjB,WAAA,CAAAe,GAAA,EAACjB,YAAA,CAAAoB,IAAI;IAACC,SAAS,EAAC,4CAA4C;IAAAC,QAAA,eAC1D,IAAApB,WAAA,CAAAe,GAAA,EAACjB,YAAA,CAAAuB,gBAAgB;MACfC,OAAO,EAAEV,YAAa;MACtBD,QAAQ,EAAEA,QAAS;MACnBY,UAAU;MACVC,iBAAiB,EAAC,UAAU;MAC5BC,kBAAkB,EAAE;QAAEC,OAAO,EAAEvB;MAAU,CAAE;MAAAiB,QAAA,eAE3C,IAAApB,WAAA,CAAAe,GAAA,EAACjB,YAAA,CAAAoB,IAAI;QACHC,SAAS,EAAE,IAAAQ,oCAAqB,EAAC;UAC/BpB,OAAO;UACPI,QAAQ;UACRR;QACF,CAAC,CAAE;QAAAiB,QAAA,EAEFP,UAAU,CAAC;MAAC,CACT;IAAC,CACS;EAAC,CACf,CAAC;AAEX","ignoreList":[]}

package/dist/commonjs/components/InputOTP/components/InformationStatus/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Object","defineProperty","exports","value","InformationStatus","default","_react","require","_tailwindPreset","_index","_interopRequireDefault","_index2","_index3","_index4","_reactNative","_index5","_index6","_index7","_jsxRuntime","e","__esModule","props","status","InformationStatusEnum","DEFAULT","disabled","onPress","renderInformation","useMemo","textStyle","merge","jsxs","Fragment","children","jsx","variant","corners","size","HighlightedText","highlightText","text","reverse","className","LOADING","SUCCESS","Chip","ChipVariantEnum","OUTLINE","sealVariant","SealVariantEnum","label","ERROR","Text","_default"],"sourceRoot":"../../../../../../src","sources":["components/InputOTP/components/InformationStatus/index.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/components/InputOTP/enums/index.js

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _informationStatus = require("./information-status.js");
-Object.keys(_informationStatus).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _informationStatus[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _informationStatus[key];
-    }
-  });
-});
-//# sourceMappingURL=index.js.map

package/dist/commonjs/components/InputOTP/enums/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_informationStatus","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sourceRoot":"../../../../../src","sources":["components/InputOTP/enums/index.ts"],"mappings":";;;;;AAAA,IAAAA,kBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,kBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,kBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,kBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}