@herca/rn-kit 0.1.0

package/LICENSE

@@ -0,0 +1,20 @@
+MIT License
+
+Copyright (c) 2025 metcore
+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.

package/README.md

@@ -0,0 +1,33 @@
+# @herca/rn-kit
+
+React Native UI Kit
+
+## Installation
+
+```sh
+npm install @herca/rn-kit
+```
+
+## Usage
+
+
+```js
+import { multiply } from '@herca/rn-kit';
+
+// ...
+
+const result = multiply(3, 7);
+```
+
+
+## Contributing
+
+See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.
+
+## License
+
+MIT
+
+---
+
+Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)

package/RnKit.podspec

@@ -0,0 +1,21 @@
+require "json"
+
+package = JSON.parse(File.read(File.join(__dir__, "package.json")))
+
+Pod::Spec.new do |s|
+  s.name         = "RnKit"
+  s.version      = package["version"]
+  s.summary      = package["description"]
+  s.homepage     = package["homepage"]
+  s.license      = package["license"]
+  s.authors      = package["author"]
+
+  s.platforms    = { :ios => min_ios_version_supported }
+  s.source       = { :git => "https://github.com/metcore/herca-rn-kit.git", :tag => "#{s.version}" }
+
+  s.source_files = "ios/**/*.{h,m,mm,cpp}"
+  s.private_header_files = "ios/**/*.h"
+
+
+  install_modules_dependencies(s)
+end

package/android/build.gradle

@@ -0,0 +1,83 @@
+buildscript {
+  ext.getExtOrDefault = {name ->
+    return rootProject.ext.has(name) ? rootProject.ext.get(name) : project.properties['RnKit_' + name]
+  }
+
+  repositories {
+    google()
+    mavenCentral()
+  }
+
+  dependencies {
+    classpath "com.android.tools.build:gradle:8.7.2"
+    // noinspection DifferentKotlinGradleVersion
+    classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:${getExtOrDefault('kotlinVersion')}"
+  }
+}
+
+
+apply plugin: "com.android.library"
+apply plugin: "kotlin-android"
+
+apply plugin: "com.facebook.react"
+
+def getExtOrIntegerDefault(name) {
+  return rootProject.ext.has(name) ? rootProject.ext.get(name) : (project.properties["RnKit_" + name]).toInteger()
+}
+
+android {
+  namespace "com.herca.rnkit"
+
+  compileSdkVersion getExtOrIntegerDefault("compileSdkVersion")
+
+  defaultConfig {
+    minSdkVersion getExtOrIntegerDefault("minSdkVersion")
+    targetSdkVersion getExtOrIntegerDefault("targetSdkVersion")
+  }
+
+  buildFeatures {
+    buildConfig true
+  }
+
+  buildTypes {
+    release {
+      minifyEnabled false
+    }
+  }
+
+  lintOptions {
+    disable "GradleCompatible"
+  }
+
+  compileOptions {
+    sourceCompatibility JavaVersion.VERSION_1_8
+    targetCompatibility JavaVersion.VERSION_1_8
+  }
+
+  sourceSets {
+    main {
+      java.srcDirs += [
+        "generated/java",
+        "generated/jni"
+      ]
+    }
+  }
+}
+
+repositories {
+  mavenCentral()
+  google()
+}
+
+def kotlin_version = getExtOrDefault("kotlinVersion")
+
+dependencies {
+  implementation "com.facebook.react:react-android"
+  implementation "org.jetbrains.kotlin:kotlin-stdlib:$kotlin_version"
+}
+
+react {
+  jsRootDir = file("../src/")
+  libraryName = "RnKit"
+  codegenJavaPackageName = "com.herca.rnkit"
+}

package/android/gradle.properties

@@ -0,0 +1,5 @@
+RnKit_kotlinVersion=2.0.21
+RnKit_minSdkVersion=24
+RnKit_targetSdkVersion=34
+RnKit_compileSdkVersion=35
+RnKit_ndkVersion=27.1.12297006

package/android/src/main/AndroidManifest.xml

@@ -0,0 +1,2 @@
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+</manifest>

package/android/src/main/java/com/herca/rnkit/RnKitModule.kt

@@ -0,0 +1,23 @@
+package com.herca.rnkit
+
+import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.module.annotations.ReactModule
+
+@ReactModule(name = RnKitModule.NAME)
+class RnKitModule(reactContext: ReactApplicationContext) :
+  NativeRnKitSpec(reactContext) {
+
+  override fun getName(): String {
+    return NAME
+  }
+
+  // Example method
+  // See https://reactnative.dev/docs/native-modules-android
+  override fun multiply(a: Double, b: Double): Double {
+    return a * b
+  }
+
+  companion object {
+    const val NAME = "RnKit"
+  }
+}

package/android/src/main/java/com/herca/rnkit/RnKitPackage.kt

@@ -0,0 +1,33 @@
+package com.herca.rnkit
+
+import com.facebook.react.BaseReactPackage
+import com.facebook.react.bridge.NativeModule
+import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.module.model.ReactModuleInfo
+import com.facebook.react.module.model.ReactModuleInfoProvider
+import java.util.HashMap
+
+class RnKitPackage : BaseReactPackage() {
+  override fun getModule(name: String, reactContext: ReactApplicationContext): NativeModule? {
+    return if (name == RnKitModule.NAME) {
+      RnKitModule(reactContext)
+    } else {
+      null
+    }
+  }
+
+  override fun getReactModuleInfoProvider(): ReactModuleInfoProvider {
+    return ReactModuleInfoProvider {
+      val moduleInfos: MutableMap<String, ReactModuleInfo> = HashMap()
+      moduleInfos[RnKitModule.NAME] = ReactModuleInfo(
+        RnKitModule.NAME,
+        RnKitModule.NAME,
+        false,  // canOverrideExistingModule
+        false,  // needsEagerInit
+        false,  // isCxxModule
+        true // isTurboModule
+      )
+      moduleInfos
+    }
+  }
+}

package/ios/RnKit.h

@@ -0,0 +1,5 @@
+#import <RnKitSpec/RnKitSpec.h>
+
+@interface RnKit : NSObject <NativeRnKitSpec>
+
+@end

package/ios/RnKit.mm

@@ -0,0 +1,18 @@
+#import "RnKit.h"
+
+@implementation RnKit
+RCT_EXPORT_MODULE()
+
+- (NSNumber *)multiply:(double)a b:(double)b {
+    NSNumber *result = @(a * b);
+
+    return result;
+}
+
+- (std::shared_ptr<facebook::react::TurboModule>)getTurboModule:
+    (const facebook::react::ObjCTurboModule::InitParams &)params
+{
+    return std::make_shared<facebook::react::NativeRnKitSpecJSI>(params);
+}
+
+@end

package/lib/module/Accordion/Accordion.js

@@ -0,0 +1,33 @@
+"use strict";
+
+import React, { useState, useEffect } from 'react';
+import { TouchableOpacity, View } from 'react-native';
+import List from "../List/List.js";
+import ListItem from "../List/ListItem.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default function Accordion({
+  children,
+  renderHeader,
+  isOpen,
+  onCollapse
+}) {
+  const [isExpanded, setIsExpanded] = useState(false);
+  const toggle = () => {
+    onCollapse?.(isExpanded ? false : true);
+    setIsExpanded(isExpanded ? false : true);
+  };
+  useEffect(() => {
+    setIsExpanded(isOpen ?? false);
+  }, [isOpen]);
+  return /*#__PURE__*/_jsx(View, {
+    children: /*#__PURE__*/_jsxs(List, {
+      children: [renderHeader && /*#__PURE__*/_jsx(TouchableOpacity, {
+        onPress: toggle,
+        children: /*#__PURE__*/_jsx(ListItem, {
+          children: renderHeader
+        })
+      }), isExpanded && React.Children.map(children, child => /*#__PURE__*/React.isValidElement(child) ? /*#__PURE__*/React.cloneElement(child) : child)]
+    })
+  });
+}
+//# sourceMappingURL=Accordion.js.map

package/lib/module/Accordion/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useEffect","TouchableOpacity","View","List","ListItem","jsx","_jsx","jsxs","_jsxs","Accordion","children","renderHeader","isOpen","onCollapse","isExpanded","setIsExpanded","toggle","onPress","Children","map","child","isValidElement","cloneElement"],"sourceRoot":"../../../src","sources":["Accordion/Accordion.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAClD,SAASC,gBAAgB,EAAEC,IAAI,QAAQ,cAAc;AACrD,OAAOC,IAAI,MAAM,iBAAc;AAC/B,OAAOC,QAAQ,MAAM,qBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGxC,eAAe,SAASC,SAASA,CAAC;EAChCC,QAAQ;EACRC,YAAY;EACZC,MAAM;EACNC;AACc,CAAC,EAAE;EACjB,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGhB,QAAQ,CAAU,KAAK,CAAC;EAC5D,MAAMiB,MAAM,GAAGA,CAAA,KAAM;IACnBH,UAAU,GAAGC,UAAU,GAAG,KAAK,GAAG,IAAI,CAAC;IACvCC,aAAa,CAACD,UAAU,GAAG,KAAK,GAAG,IAAI,CAAC;EAC1C,CAAC;EAEDd,SAAS,CAAC,MAAM;IACde,aAAa,CAACH,MAAM,IAAI,KAAK,CAAC;EAChC,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZ,oBACEN,IAAA,CAACJ,IAAI;IAAAQ,QAAA,eACHF,KAAA,CAACL,IAAI;MAAAO,QAAA,GACFC,YAAY,iBACXL,IAAA,CAACL,gBAAgB;QAACgB,OAAO,EAAED,MAAO;QAAAN,QAAA,eAChCJ,IAAA,CAACF,QAAQ;UAAAM,QAAA,EAAEC;QAAY,CAAW;MAAC,CACnB,CACnB,EACAG,UAAU,IACThB,KAAK,CAACoB,QAAQ,CAACC,GAAG,CAACT,QAAQ,EAAGU,KAAK,IACjC,aAAAtB,KAAK,CAACuB,cAAc,CAACD,KAAK,CAAC,gBAAGtB,KAAK,CAACwB,YAAY,CAACF,KAAK,CAAC,GAAGA,KAC5D,CAAC;IAAA,CACC;EAAC,CACH,CAAC;AAEX","ignoreList":[]}

package/lib/module/Accordion/AccordionItem.js

@@ -0,0 +1,13 @@
+"use strict";
+
+import ListItem from "../List/ListItem.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function AccordionItem({
+  children,
+  index = 0
+}) {
+  return /*#__PURE__*/_jsx(ListItem, {
+    children: children
+  }, index);
+}
+//# sourceMappingURL=AccordionItem.js.map

package/lib/module/Accordion/AccordionItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ListItem","jsx","_jsx","AccordionItem","children","index"],"sourceRoot":"../../../src","sources":["Accordion/AccordionItem.tsx"],"mappings":";;AACA,OAAOA,QAAQ,MAAM,qBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAExC,eAAe,SAASC,aAAaA,CAAC;EACpCC,QAAQ;EACRC,KAAK,GAAG;AACU,CAAC,EAAE;EACrB,oBAAOH,IAAA,CAACF,QAAQ;IAAAI,QAAA,EAAcA;EAAQ,GAAhBC,KAA2B,CAAC;AACpD","ignoreList":[]}

package/lib/module/Accordion/README.md

@@ -0,0 +1,48 @@
+# 📂 Accordion
+
+Komponen **Accordion** digunakan untuk menyembunyikan atau menampilkan konten secara dinamis. Biasanya digunakan untuk struktur seperti FAQ atau daftar konten bertingkat.
+![Deskripsi Alt](../../assets/doc/Accordion/Accordion.gif)
+
+## 📦 USAGE
+
+```tsx
+import React from 'react';
+import { Text } from 'react-native';
+import Accordion from '@herca/rn-kit/Accordion';
+import AccordionItem from '@herca/rn-kit/Accordion/AccordionItem';
+
+export default function FAQSection() {
+  return (
+    <Accordion
+      header={() => <Text style={{ fontWeight: 'bold' }}>Apa itu produk ini?</Text>}
+      isOpen={false}
+      onCollapse={(isOpen) => console.log('Status:', isOpen)}
+    >
+      <AccordionItem>
+        Produk ini adalah solusi digital untuk kebutuhan bisnis Anda.
+      </AccordionItem>
+      <AccordionItem>
+        Dapat digunakan di berbagai platform termasuk Android dan iOS.
+      </AccordionItem>
+    </Accordion>
+  );
+}
+
+```
+
+
+## Props
+
+| props name           | mandatory | types   | default                                                  |
+| -------------------- | --------- | ------- | -------------------------------------------------------- |
+| header             |          | ReactNode | false                                            |
+| isOpen              |         | boolean    |  true                                             |
+| onCollapse              |         | (isOpen: boolean) => void	    |  true                                             |                         |
+
+## Note
+
+Komponen Accordion menggunakan state internal (useState) untuk mengatur apakah kontennya sedang terbuka atau tidak.
+
+Fungsi header digunakan untuk merender tampilan judul Accordion dan dapat disesuaikan.
+
+Konten yang disembunyikan/diperluas sebaiknya dibungkus dalam AccordionItem.

package/lib/module/Accordion/type.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=type.js.map

package/lib/module/Accordion/type.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["Accordion/type.tsx"],"mappings":"","ignoreList":[]}

package/lib/module/Alert/Alert.js

@@ -0,0 +1,121 @@
+"use strict";
+
+import React from 'react';
+import { View, StyleSheet } from 'react-native';
+import Color from "../Color/Color.js";
+import Typography from "../Typography/Typography.js";
+import { Icon } from "../Icon/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const COLORS = {
+  success: {
+    background: Color.success[50],
+    fontColor: Color.success[500],
+    borderColor: Color.success[500]
+  },
+  default: {
+    background: Color.gray[50],
+    fontColor: Color.gray[500],
+    borderColor: Color.gray[500]
+  },
+  info: {
+    background: Color.info[50],
+    fontColor: Color.info[500],
+    borderColor: Color.info[500]
+  },
+  warning: {
+    background: Color.warning[50],
+    fontColor: Color.warning[400],
+    borderColor: Color.warning[400]
+  },
+  danger: {
+    background: Color.danger[50],
+    fontColor: Color.danger[500],
+    borderColor: Color.danger[200]
+  },
+  primary: {
+    background: Color.primary[50],
+    fontColor: Color.primary[500],
+    borderColor: Color.primary[200]
+  },
+  orange: {
+    background: Color.orange[50],
+    fontColor: Color.orange[500],
+    borderColor: Color.orange[200]
+  },
+  purple: {
+    background: Color.purple[50],
+    fontColor: Color.purple[500],
+    borderColor: Color.purple[200]
+  }
+};
+const Alert = ({
+  icon = 'ExlamationMark',
+  title,
+  message,
+  color = 'primary',
+  titleStyle,
+  messageStyle
+}) => {
+  const {
+    background,
+    fontColor,
+    borderColor
+  } = COLORS[color];
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.container, {
+      backgroundColor: background,
+      borderColor: borderColor
+    }],
+    children: [/*#__PURE__*/_jsx(View, {
+      style: {
+        marginRight: 10
+      },
+      children: /*#__PURE__*/_jsx(Icon, {
+        name: icon || 'ExlamationMark',
+        color: fontColor
+      })
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.textContainer,
+      children: [title && /*#__PURE__*/_jsx(Typography, {
+        variant: "t2",
+        weight: "bold",
+        color: fontColor,
+        style: StyleSheet.flatten([styles.title, titleStyle]),
+        children: title
+      }), message && /*#__PURE__*/_jsx(Typography, {
+        variant: "t3",
+        color: fontColor,
+        style: StyleSheet.flatten([styles.message, messageStyle]),
+        children: message
+      })]
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    padding: 12,
+    borderRadius: 8,
+    marginVertical: 8,
+    borderWidth: 1
+  },
+  iconContainer: {
+    marginRight: 10,
+    width: 24
+  },
+  textContainer: {
+    justifyContent: 'center',
+    flex: 1,
+    maxWidth: '90%'
+  },
+  title: {
+    flexShrink: 1,
+    flexWrap: 'wrap'
+  },
+  message: {
+    flexShrink: 1,
+    flexWrap: 'wrap'
+  }
+});
+export default Alert;
+//# sourceMappingURL=Alert.js.map

package/lib/module/Alert/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","Color","Typography","Icon","jsx","_jsx","jsxs","_jsxs","COLORS","success","background","fontColor","borderColor","default","gray","info","warning","danger","primary","orange","purple","Alert","icon","title","message","color","titleStyle","messageStyle","style","styles","container","backgroundColor","children","marginRight","name","textContainer","variant","weight","flatten","create","flexDirection","padding","borderRadius","marginVertical","borderWidth","iconContainer","width","justifyContent","flex","maxWidth","flexShrink","flexWrap"],"sourceRoot":"../../../src","sources":["Alert/Alert.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/Alert/README.md

@@ -0,0 +1,68 @@
+# 📢 Alert Component
+
+Komponen `Alert` digunakan untuk menampilkan pesan notifikasi dengan ikon, judul, dan pesan yang dapat dikustomisasi warnanya sesuai konteks (seperti *success*, *info*, *warning*, dll).
+
+![Deskripsi Alt](../../assets/doc/Alert/Alert.png)
+## ✨ Fitur
+
+- Menampilkan ikon notifikasi
+- Mendukung berbagai warna status
+- Mendukung judul dan pesan
+- Gaya dapat dikustomisasi
+
+## 🧱 Props
+
+| Prop           | Tipe                                                                 | Default            | Deskripsi                                                                 |
+|----------------|----------------------------------------------------------------------|---------------------|---------------------------------------------------------------------------|
+| `icon`         | `IconNameProps`                                                      | `'ExlamationMark'`  | Nama ikon dari komponen `Icon`                                           |
+| `title`        | `string`                                                             | `undefined`         | Judul alert                                                               |
+| `message`      | `string`                                                             | `undefined`         | Pesan tambahan                                                            |
+| `color`        | `'success' \| 'info' \| 'warning' \| 'danger' \| 'primary' \| 'orange' \| 'purple'` | `'primary'` | Warna tema alert                                                         |
+| `style`        | `ViewStyle`                                                          | `undefined`         | Gaya tambahan untuk container                                             |
+| `titleStyle`   | `StyleProp<ViewStyle>`                                               | `undefined`         | Gaya tambahan untuk judul                                                 |
+| `messageStyle` | `StyleProp<ViewStyle>`                                               | `undefined`         | Gaya tambahan untuk pesan                                                 |
+
+## 🎨 Warna yang Didukung
+
+```ts
+type ColorProps =
+  | 'success'
+  | 'info'
+  | 'warning'
+  | 'danger'
+  | 'primary'
+  | 'orange'
+  | 'purple';
+```
+
+## 📦 Cara Penggunaan
+
+```tsx
+import React from 'react';
+import Alert from './Alert'; // sesuaikan dengan path Anda
+
+export default function MyScreen() {
+  return (
+    <Alert
+      icon="CheckCircle"
+      title="Berhasil"
+      message="Data Anda berhasil disimpan."
+      color="success"
+    />
+  );
+}
+```
+
+## 🛠️ Kustomisasi
+
+```tsx
+<Alert
+  icon="Warning"
+  title="Peringatan"
+  message="Pastikan semua data telah diisi."
+  color="warning"
+  style={{ marginTop: 16 }}
+  titleStyle={{ fontSize: 16 }}
+  messageStyle={{ fontStyle: 'italic' }}
+/>
+```

package/lib/module/Avatar/Avatar.js

@@ -0,0 +1,56 @@
+"use strict";
+
+import React from 'react';
+import { Image, View, StyleSheet } from 'react-native';
+import Typography from "../Typography/Typography.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const SIZE_MAP = {
+  small: 30,
+  medium: 40,
+  large: 50
+};
+const Avatar = ({
+  size = 'medium',
+  source,
+  name,
+  backgroundColor = '#ccc',
+  textColor = '#fff',
+  style
+}) => {
+  const avatarSize = SIZE_MAP[size] || SIZE_MAP.medium;
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.container, {
+      width: avatarSize,
+      height: avatarSize,
+      borderRadius: avatarSize / 2,
+      backgroundColor
+    }, style],
+    children: source ? /*#__PURE__*/_jsx(Image, {
+      source: source,
+      style: {
+        width: avatarSize,
+        height: avatarSize,
+        borderRadius: avatarSize / 2
+      }
+    }) : /*#__PURE__*/_jsx(Typography, {
+      variant: "p2",
+      weight: "medium",
+      style: [styles.initials, {
+        color: textColor
+      }],
+      children: name
+    })
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    justifyContent: 'center',
+    alignItems: 'center',
+    overflow: 'hidden'
+  },
+  initials: {
+    textAlign: 'center'
+  }
+});
+export default Avatar;
+//# sourceMappingURL=Avatar.js.map

package/lib/module/Avatar/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Image","View","StyleSheet","Typography","jsx","_jsx","SIZE_MAP","small","medium","large","Avatar","size","source","name","backgroundColor","textColor","style","avatarSize","styles","container","width","height","borderRadius","children","variant","weight","initials","color","create","justifyContent","alignItems","overflow","textAlign"],"sourceRoot":"../../../src","sources":["Avatar/Avatar.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAEtD,OAAOC,UAAU,MAAM,6BAA0B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAElD,MAAMC,QAAwC,GAAG;EAC/CC,KAAK,EAAE,EAAE;EACTC,MAAM,EAAE,EAAE;EACVC,KAAK,EAAE;AACT,CAAC;AAED,MAAMC,MAA6B,GAAGA,CAAC;EACrCC,IAAI,GAAG,QAAQ;EACfC,MAAM;EACNC,IAAI;EACJC,eAAe,GAAG,MAAM;EACxBC,SAAS,GAAG,MAAM;EAClBC;AACF,CAAC,KAAK;EACJ,MAAMC,UAAU,GAAGX,QAAQ,CAACK,IAAI,CAAC,IAAIL,QAAQ,CAACE,MAAM;EAEpD,oBACEH,IAAA,CAACJ,IAAI;IACHe,KAAK,EAAE,CACLE,MAAM,CAACC,SAAS,EAChB;MACEC,KAAK,EAAEH,UAAU;MACjBI,MAAM,EAAEJ,UAAU;MAClBK,YAAY,EAAEL,UAAU,GAAG,CAAC;MAC5BH;IACF,CAAC,EACDE,KAAK,CACL;IAAAO,QAAA,EAEDX,MAAM,gBACLP,IAAA,CAACL,KAAK;MACJY,MAAM,EAAEA,MAAO;MACfI,KAAK,EAAE;QACLI,KAAK,EAAEH,UAAU;QACjBI,MAAM,EAAEJ,UAAU;QAClBK,YAAY,EAAEL,UAAU,GAAG;MAC7B;IAAE,CACH,CAAC,gBAEFZ,IAAA,CAACF,UAAU;MACTqB,OAAO,EAAC,IAAI;MACZC,MAAM,EAAC,QAAQ;MACfT,KAAK,EAAE,CAACE,MAAM,CAACQ,QAAQ,EAAE;QAAEC,KAAK,EAAEZ;MAAU,CAAC,CAAE;MAAAQ,QAAA,EAE9CV;IAAI,CACK;EACb,CACG,CAAC;AAEX,CAAC;AAED,MAAMK,MAAM,GAAGhB,UAAU,CAAC0B,MAAM,CAAC;EAC/BT,SAAS,EAAE;IACTU,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,QAAQ,EAAE;EACZ,CAAC;EACDL,QAAQ,EAAE;IACRM,SAAS,EAAE;EACb;AACF,CAAC,CAAC;AAEF,eAAetB,MAAM","ignoreList":[]}