rn-custom-ui 1.0.0

package/LICENSE

@@ -0,0 +1,20 @@
+MIT License
+
+Copyright (c) 2026 Mustafa Hakimji
+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,477 @@
+# rn-custom-ui
+
+A React Native UI component library with reusable components, utility functions, and API hooks. Built for production apps that need consistent buttons, forms, lists, modals, tabs, and common helpers without extra dependencies.
+
+## Installation
+
+```sh
+npm install rn-custom-ui
+# or
+yarn add rn-custom-ui
+```
+
+### Peer dependencies
+
+| Package | Required | Notes |
+|---|---|---|
+| `react` | Yes | |
+| `react-native` | Yes | |
+| `@shopify/flash-list` | Optional | Only needed for `CustomList` with `engine="flashList"` |
+
+```sh
+yarn add @shopify/flash-list
+```
+
+## Quick start
+
+```tsx
+import {
+  CustomButton,
+  CustomCheckbox,
+  CustomModal,
+  formatCurrency,
+  useApi,
+} from 'rn-custom-ui';
+```
+
+## Example app
+
+An interactive showcase app lives in the `example/` folder:
+
+```sh
+yarn example ios
+# or
+yarn example android
+```
+
+Each component and helper has a dedicated showcase screen with live demos.
+
+---
+
+## UI Components
+
+### CustomButton
+
+A flexible button with variants, sizes, icons, images, loading state, badge count, and icon-only mode.
+
+**Variants:** `default`, `primary`, `danger`, `warning`, `info`, `success`, `secondary`, `light`, `dark`, `link`, `outline`, `ghost`, `text`
+
+**Sizes:** `sm`, `md`, `lg`
+
+| Prop | Type | Default | Description |
+|---|---|---|---|
+| `variant` | `ButtonVariant` | `'default'` | Color theme |
+| `size` | `'sm' \| 'md' \| 'lg'` | `'md'` | Button size |
+| `text` | `string` | `'Submit'` | Label text |
+| `children` | `ReactNode` | — | Custom content instead of `text` |
+| `contentAlign` | `'left' \| 'center' \| 'right'` | `'center'` | Icon + text alignment |
+| `iconOnly` | `boolean` | `false` | Square icon-only button |
+| `iconOnlyShape` | `'square' \| 'circle'` | `'square'` | Shape when `iconOnly` |
+| `LeftIcon` / `RightIcon` | `IconComponent` | — | Custom icon components |
+| `leftImage` / `rightImage` | `ImageSourcePropType` | — | Image icons |
+| `isLoading` | `boolean` | `false` | Shows loader overlay |
+| `disabled` | `boolean` | `false` | Disables press |
+| `showCount` | `boolean` | `false` | Shows badge |
+| `itemCount` | `number` | — | Badge value |
+| `borderRadius` | `number` | `0` | Corner radius |
+| `accessibilityLabel` | `string` | — | Required for `iconOnly` |
+
+```tsx
+<CustomButton
+  text="Save"
+  variant="primary"
+  borderRadius={8}
+  LeftIcon={PlusIcon}
+  onPress={handleSave}
+/>
+
+<CustomButton
+  iconOnly
+  iconOnlyShape="circle"
+  variant="outline"
+  LeftIcon={ShareIcon}
+  accessibilityLabel="Share"
+  onPress={onShare}
+/>
+```
+
+---
+
+### CustomDropDown
+
+Dropdown selector with multiple presentation modes and image support.
+
+**Modes:** `modal`, `inline`, `anchored`, `bottomSheet`
+
+| Prop | Type | Default | Description |
+|---|---|---|---|
+| `mode` | `DropDownMode` | `'modal'` | How the list opens |
+| `label` | `string` | — | Field label |
+| `selectedText` | `string` | — | Currently selected value |
+| `listItems` | `string[] \| DropDownOption[]` | — | Options list |
+| `onSelect` | `(item, index) => void` | — | Selection callback |
+| `placeholder` | `string` | — | Placeholder when empty |
+| `disabled` | `boolean` | `false` | Disable interaction |
+| `itemImageAlign` | `'left' \| 'right'` | — | Image position in list items |
+| `toggleImageAlign` | `'left' \| 'right'` | — | Image on toggle button |
+| `maxListHeight` | `number` | — | Max height for list |
+
+```tsx
+<CustomDropDown
+  mode="bottomSheet"
+  label="Country"
+  selectedText={country}
+  listItems={['Canada', 'USA', 'UK']}
+  onSelect={(item) => setCountry(item)}
+/>
+```
+
+---
+
+### CustomCheckbox
+
+Checkbox with variants, sizes, shapes, label positions, indeterminate state, and error handling.
+
+**Variants:** `default`, `primary`, `success`, `danger`, `warning`, `outline`
+
+**Sizes:** `sm`, `md`, `lg` | **Shapes:** `square`, `rounded`, `circle`
+
+| Prop | Type | Default | Description |
+|---|---|---|---|
+| `checked` | `boolean` | — | Checked state |
+| `onChange` | `(checked) => void` | — | Change handler |
+| `indeterminate` | `boolean` | `false` | Partial selection (dash) |
+| `label` | `string` | — | Label text |
+| `description` | `string` | — | Subtitle below label |
+| `children` | `ReactNode` | — | Custom label content |
+| `labelPosition` | `'left' \| 'right'` | `'right'` | Label side |
+| `error` | `boolean` | `false` | Error state |
+| `errorMessage` | `string` | — | Error text |
+| `disabled` | `boolean` | `false` | Disable interaction |
+
+```tsx
+<CustomCheckbox
+  variant="primary"
+  label="Accept terms"
+  description="You agree to our privacy policy."
+  checked={accepted}
+  onChange={setAccepted}
+/>
+```
+
+---
+
+### CustomList
+
+List component powered by `FlatList` or optional `FlashList` with built-in loading, empty, refresh, and infinite scroll states.
+
+| Prop | Type | Default | Description |
+|---|---|---|---|
+| `data` | `T[]` | — | List data |
+| `renderItem` | `ListRenderItem<T>` | — | Item renderer |
+| `engine` | `'flatList' \| 'flashList'` | `'flatList'` | List engine |
+| `horizontal` | `boolean` | `false` | Horizontal list |
+| `numColumns` | `number` | — | Grid layout |
+| `loading` | `boolean` | `false` | Initial loading state |
+| `loadingMore` | `boolean` | `false` | Footer loader |
+| `refreshing` | `boolean` | `false` | Pull-to-refresh |
+| `onRefresh` | `() => void` | — | Refresh handler |
+| `onEndReached` | `() => void` | — | Infinite scroll |
+| `emptyTitle` | `string` | — | Empty state title |
+| `emptyDescription` | `string` | — | Empty state message |
+
+```tsx
+<CustomList
+  data={items}
+  engine="flashList"
+  estimatedItemSize={72}
+  loading={isLoading}
+  onRefresh={refetch}
+  refreshing={isRefreshing}
+  renderItem={({ item }) => <ItemRow item={item} />}
+/>
+```
+
+---
+
+### CustomNumberPad
+
+Numeric keypad for PIN entry, amounts, and custom numeric input.
+
+| Prop | Type | Default | Description |
+|---|---|---|---|
+| `value` | `string` | — | Controlled value |
+| `onChange` | `(value) => void` | — | Value change handler |
+| `maxLength` | `number` | — | Max digits |
+| `allowDecimal` | `boolean` | `false` | Show decimal key |
+| `decimalPlaces` | `number` | — | Max decimal digits |
+| `variant` | `'default' \| 'primary' \| 'dark'` | `'default'` | Theme |
+| `size` | `'sm' \| 'md' \| 'lg'` | `'md'` | Key size |
+| `bottomLeftKey` | `{ label, onPress }` | — | Custom key (e.g. Clear) |
+| `disabled` | `boolean` | `false` | Disable all keys |
+
+**Hook:** `useNumberPadInput` — manages value state with built-in validation.
+
+```tsx
+const pinPad = useNumberPadInput({ maxLength: 4 });
+
+<CustomNumberPad {...pinPad.numberPadProps} />
+<Text>{pinPad.value}</Text>
+```
+
+---
+
+### CustomModal
+
+Modal dialog with center, bottom sheet, and fullscreen presentations. Includes footer actions and close button.
+
+**Presentations:** `center`, `bottom`, `fullscreen`
+
+| Prop | Type | Default | Description |
+|---|---|---|---|
+| `visible` | `boolean` | — | Show/hide modal |
+| `onClose` | `() => void` | — | Close handler |
+| `title` | `string` | — | Header title |
+| `description` | `string` | — | Header subtitle |
+| `presentation` | `ModalPresentation` | `'center'` | Layout style |
+| `scrollable` | `boolean` | `false` | Scroll body content |
+| `showCloseButton` | `boolean` | `true` | X button in header |
+| `closeOnBackdropPress` | `boolean` | `true` | Tap outside to close |
+| `primaryAction` | `ModalAction` | — | Primary footer button |
+| `secondaryAction` | `ModalAction` | — | Secondary footer button |
+| `footer` | `ReactNode` | — | Custom footer |
+
+**Hook:** `useCustomModal` — `{ visible, open, close, toggle }`
+
+```tsx
+const modal = useCustomModal();
+
+<CustomButton text="Delete" variant="danger" onPress={modal.open} />
+
+<CustomModal
+  visible={modal.visible}
+  onClose={modal.close}
+  title="Delete item?"
+  description="This action cannot be undone."
+  secondaryAction={{ label: 'Cancel', onPress: modal.close }}
+  primaryAction={{ label: 'Confirm', variant: 'danger', onPress: handleDelete }}
+/>
+```
+
+---
+
+### CustomSlideTabs
+
+Top tab bar with swipeable scenes, animated sliding indicator, per-tab API loading, and customizable headings.
+
+| Prop | Type | Default | Description |
+|---|---|---|---|
+| `tabs` | `SlideTabItem[]` | — | Tab config (`key`, `title`, `heading`, `subtitle`, `image`, `badge`) |
+| `renderScene` | `(state) => ReactNode` | — | Screen content per tab |
+| `fetchSceneData` | `(tab, index, signal) => Promise` | — | API call when tab is active |
+| `lazy` | `boolean` | `true` | Mount scenes on first visit |
+| `fetchWhenActive` | `boolean` | `true` | Fetch only when tab is visible |
+| `refetchOnRevisit` | `boolean` | `false` | Re-fetch every time tab is opened |
+| `animatedIndicator` | `boolean` | `true` | Sliding pill + underline |
+| `renderTab` | `(tab, index, isActive) => ReactNode` | — | Custom tab label |
+| `renderSceneHeader` | `(state) => ReactNode` | — | Custom scene heading |
+| `onTabChange` | `(index, tab) => void` | — | Tab change callback |
+
+`renderScene` receives: `data`, `error`, `isLoading`, `isSuccess`, `isError`, `refetch`, `isActive`, `tab`, `index`.
+
+```tsx
+<CustomSlideTabs
+  tabs={[
+    { key: 'all', title: 'All', heading: 'All calls', subtitle: 'Every call' },
+    { key: 'missed', title: 'Missed', heading: 'Missed calls' },
+  ]}
+  fetchSceneData={(tab) => fetchCalls(tab.key)}
+  renderScene={({ tab, data, isLoading }) => (
+    <CallList data={data} loading={isLoading} />
+  )}
+/>
+```
+
+---
+
+## Custom Functions
+
+Dependency-free utility helpers exported from the main package.
+
+### Array
+
+| Function | Description |
+|---|---|
+| `chunk(items, size)` | Split array into batches |
+| `flatten(items)` | Flatten one level of nesting |
+| `groupBy(items, getKey)` | Group items by key |
+| `shuffle(items)` | Randomize order |
+| `sortBy(items, selector, direction?)` | Sort by selector (`'asc'` / `'desc'`) |
+| `uniqueBy(items, selector)` | Deduplicate by key |
+
+### Async
+
+| Function | Description |
+|---|---|
+| `debounce(fn, delayMs)` | Delay execution (includes `.cancel()`) |
+| `throttle(fn, intervalMs)` | Limit execution rate |
+| `sleep(ms)` | Promise-based delay |
+| `tryParseJson(value, fallback?)` | Safe `JSON.parse` |
+| `safeStringify(value, space?, fallback?)` | Safe `JSON.stringify` |
+
+### Date
+
+| Function | Description |
+|---|---|
+| `addDays(date, days)` | Add days to a date |
+| `differenceInDays(a, b)` | Day difference between dates |
+| `differenceInMinutes(a, b)` | Minute difference |
+| `formatDateYYYYMMDD(date)` | Format as `YYYY-MM-DD` |
+| `formatDateTimeLocalized(date, options?)` | Localized date/time string |
+| `formatRelativeTime(date)` | `"5 min ago"`, `"in 2 hours"` |
+| `formatTimestampTo12Hour(timestamp)` | 12-hour time string |
+| `isToday(date)` | Check if date is today |
+| `isSameDay(a, b)` | Compare calendar days |
+| `isOlderThanHours(date, hours)` | Check if date is older than N hours |
+| `parseCompactDateTime(value)` | Parse compact date string |
+| `generateCompactTimestampId()` | Timestamp-based ID |
+| `getIsoTimeWithoutMilliseconds()` | ISO time without ms |
+
+### General
+
+| Function | Description |
+|---|---|
+| `isDefined(value)` | Type guard for non-null/undefined |
+| `isEmpty(value)` | Check empty string/array/object |
+| `isNullish(value)` | Check `null` or `undefined` |
+| `logger(...args)` | Dev-friendly console logger |
+| `noop()` | Empty function placeholder |
+
+### ID
+
+| Function | Description |
+|---|---|
+| `generateUuid()` | Random UUID |
+| `generateSessionId()` | Session identifier |
+| `generateRandomAlphanumeric(length?)` | Random alphanumeric string |
+
+### Number
+
+| Function | Description |
+|---|---|
+| `formatNumberWithCommas(value, options?)` | `1250000` → `"1,250,000"` |
+| `formatCurrency(amount, options?)` | Currency formatting |
+| `formatPercentage(value, decimals?)` | `42.5` → `"42.5%"` |
+| `formatBytes(bytes)` | `1536` → `"1.5 KB"` |
+| `formatDiscountAmount(amount)` | Discount display format |
+| `parseNumberSafe(value)` | Parse number, fallback to `0` |
+| `percentage(part, total)` | Calculate percentage |
+| `sum(values)` / `average(values)` | Array math |
+| `clamp(value, min, max)` | Clamp number in range |
+| `roundToDecimals(value, decimals)` | Round to N decimals |
+| `randomInt(min, max)` | Random integer in range |
+
+### Object
+
+| Function | Description |
+|---|---|
+| `pick(object, keys)` | Select keys from object |
+| `omit(object, keys)` | Exclude keys from object |
+| `deepClone(value)` | JSON-safe deep copy |
+| `getNestedValue(object, path, fallback?)` | Read `"user.address.city"` |
+| `isPlainObject(value)` | Type guard for plain objects |
+
+### String
+
+| Function | Description |
+|---|---|
+| `truncate(text, maxLength, suffix?)` | Ellipsis truncation |
+| `capitalizeFirst(text)` | Capitalize first letter |
+| `capitalizeWords(text)` | `"hello world"` → `"Hello World"` |
+| `camelToTitle(text)` | `"firstName"` → `"First Name"` |
+| `slugify(text)` | URL-friendly slug |
+| `maskString(value, options?)` | Mask sensitive strings |
+| `normalizeWhitespace(text)` | Trim and collapse spaces |
+| `initialsFromName(name)` | `"Jane Doe"` → `"JD"` |
+| `removeDuplicates(items)` | Dedupe array |
+| `removeDuplicateStrings(items)` | Dedupe string array |
+| `findItemByProperty(items, key, value)` | Find item in array |
+| `getLocalizedSplitText(text, locale?)` | Locale-aware text split |
+
+### Validation
+
+| Function | Description |
+|---|---|
+| `isValidEmail(email)` | Email format check |
+| `isValidUrl(url)` | URL format check |
+| `isValidPhone(phone)` | Phone format check |
+| `isNumeric(value)` | Numeric string check |
+| `isStrongPassword(password)` | Password strength rules |
+| `encodePlusInEmail(email)` | Encode `+` in email |
+
+### Backward-compatible aliases
+
+Legacy names from app helpers are also exported: `getFrAmount`, `getFirstCap`, `getFormattedDate`, `getCurrentTime`, `generateCartSessionId`, `getTextByLanguage`, and others.
+
+---
+
+## Custom API Hooks
+
+React hooks for data fetching with loading, error, and success states. No external dependencies.
+
+| Hook | Use case |
+|---|---|
+| `useApi` | Auto-fetch on mount (GET) |
+| `useLazyApi` | Manual fetch (search, button tap) |
+| `useMutation` | POST / PUT / DELETE actions |
+| `usePaginatedApi` | Infinite scroll / pagination |
+| `usePollingApi` | Auto-refresh on interval |
+
+### Utilities
+
+| Export | Description |
+|---|---|
+| `ApiError` | Standard error with `status`, `code`, `details` |
+| `toApiError(error)` | Normalize any error to `ApiError` |
+| `getApiErrorMessage(error)` | Human-readable error message |
+| `fetchJson(url, options?)` | Typed fetch wrapper |
+
+```tsx
+const { data, isLoading, isError, error, refetch } = useApi(
+  () => fetchJson<User[]>('/api/users'),
+  { deps: [userId] }
+);
+
+const saveUser = useMutation((payload: CreateUserInput) =>
+  fetchJson('/api/users', { method: 'POST', body: JSON.stringify(payload) })
+);
+```
+
+---
+
+## TypeScript
+
+Full TypeScript support. Import types alongside components:
+
+```tsx
+import {
+  CustomButton,
+  type ButtonVariant,
+  type CustomModalProps,
+  type SlideTabItem,
+} from 'rn-custom-ui';
+```
+
+## Contributing
+
+- [Development workflow](CONTRIBUTING.md#development-workflow)
+- [Sending a pull request](CONTRIBUTING.md#sending-a-pull-request)
+- [Code of conduct](CODE_OF_CONDUCT.md)
+
+## License
+
+MIT
+
+---
+
+Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)

package/lib/module/components/CustomCheckbox/index.js

@@ -0,0 +1,99 @@
+"use strict";
+
+import { useMemo } from 'react';
+import { Text, TouchableOpacity, View } from 'react-native';
+import { shapeStyles, sizeStyles, styles, variantTheme } from "./styles.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const CustomCheckbox = ({
+  checked,
+  onChange,
+  indeterminate = false,
+  disabled = false,
+  error = false,
+  errorMessage,
+  label,
+  description,
+  children,
+  variant = 'default',
+  size = 'md',
+  shape = 'square',
+  labelPosition = 'right',
+  containerStyle,
+  boxStyle,
+  labelStyle,
+  descriptionStyle,
+  errorStyle,
+  accessibilityLabel
+}) => {
+  const theme = variantTheme[variant];
+  const sizing = sizeStyles[size];
+  const isActive = checked || indeterminate;
+  const handlePress = () => {
+    if (disabled) {
+      return;
+    }
+    onChange?.(!checked);
+  };
+  const boxStyles = useMemo(() => [styles.box, sizing.box, shapeStyles[shape], theme.box, isActive && theme.boxChecked, error && styles.boxError, boxStyle], [sizing.box, shape, theme.box, theme.boxChecked, isActive, error, boxStyle]);
+  const renderMark = () => {
+    if (indeterminate) {
+      return /*#__PURE__*/_jsx(View, {
+        style: [sizing.indeterminate, {
+          backgroundColor: theme.indeterminateColor
+        }]
+      });
+    }
+    if (!checked) {
+      return null;
+    }
+    return /*#__PURE__*/_jsx(Text, {
+      style: [sizing.check, {
+        color: theme.checkColor
+      }],
+      children: "\u2713"
+    });
+  };
+  const renderLabelContent = () => {
+    if (children) {
+      return children;
+    }
+    if (!label && !description) {
+      return null;
+    }
+    return /*#__PURE__*/_jsxs(View, {
+      style: [styles.labelBlock, labelPosition === 'right' ? styles.labelBlockRight : styles.labelBlockLeft],
+      children: [!!label && /*#__PURE__*/_jsx(Text, {
+        style: [styles.label, sizing.label, theme.label, labelStyle],
+        children: label
+      }), !!description && /*#__PURE__*/_jsx(Text, {
+        style: [styles.description, descriptionStyle],
+        children: description
+      })]
+    });
+  };
+  const hasLabelContent = Boolean(children || label || description);
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.wrapper,
+    children: [/*#__PURE__*/_jsxs(TouchableOpacity, {
+      activeOpacity: 0.7,
+      disabled: disabled,
+      style: [styles.container, labelPosition === 'left' && styles.containerLabelLeft, disabled && styles.containerDisabled, containerStyle],
+      accessibilityRole: "checkbox",
+      accessibilityState: {
+        checked: indeterminate ? 'mixed' : checked,
+        disabled
+      },
+      accessibilityLabel: accessibilityLabel ?? label,
+      onPress: handlePress,
+      children: [/*#__PURE__*/_jsx(View, {
+        style: boxStyles,
+        children: renderMark()
+      }), hasLabelContent && renderLabelContent()]
+    }), error && !!errorMessage && /*#__PURE__*/_jsx(Text, {
+      style: [styles.errorMessage, errorStyle],
+      children: errorMessage
+    })]
+  });
+};
+export default CustomCheckbox;
+//# sourceMappingURL=index.js.map

package/lib/module/components/CustomCheckbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","Text","TouchableOpacity","View","shapeStyles","sizeStyles","styles","variantTheme","jsx","_jsx","jsxs","_jsxs","CustomCheckbox","checked","onChange","indeterminate","disabled","error","errorMessage","label","description","children","variant","size","shape","labelPosition","containerStyle","boxStyle","labelStyle","descriptionStyle","errorStyle","accessibilityLabel","theme","sizing","isActive","handlePress","boxStyles","box","boxChecked","boxError","renderMark","style","backgroundColor","indeterminateColor","check","color","checkColor","renderLabelContent","labelBlock","labelBlockRight","labelBlockLeft","hasLabelContent","Boolean","wrapper","activeOpacity","container","containerLabelLeft","containerDisabled","accessibilityRole","accessibilityState","onPress"],"sourceRoot":"../../../../src","sources":["components/CustomCheckbox/index.tsx"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SAASC,IAAI,EAAEC,gBAAgB,EAAEC,IAAI,QAAQ,cAAc;AAE3D,SAASC,WAAW,EAAEC,UAAU,EAAEC,MAAM,EAAEC,YAAY,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGzE,MAAMC,cAAc,GAAGA,CAAC;EACtBC,OAAO;EACPC,QAAQ;EACRC,aAAa,GAAG,KAAK;EACrBC,QAAQ,GAAG,KAAK;EAChBC,KAAK,GAAG,KAAK;EACbC,YAAY;EACZC,KAAK;EACLC,WAAW;EACXC,QAAQ;EACRC,OAAO,GAAG,SAAS;EACnBC,IAAI,GAAG,IAAI;EACXC,KAAK,GAAG,QAAQ;EAChBC,aAAa,GAAG,OAAO;EACvBC,cAAc;EACdC,QAAQ;EACRC,UAAU;EACVC,gBAAgB;EAChBC,UAAU;EACVC;AACmB,CAAC,KAAK;EACzB,MAAMC,KAAK,GAAGzB,YAAY,CAACe,OAAO,CAAC;EACnC,MAAMW,MAAM,GAAG5B,UAAU,CAACkB,IAAI,CAAC;EAC/B,MAAMW,QAAQ,GAAGrB,OAAO,IAAIE,aAAa;EAEzC,MAAMoB,WAAW,GAAGA,CAAA,KAAM;IACxB,IAAInB,QAAQ,EAAE;MACZ;IACF;IAEAF,QAAQ,GAAG,CAACD,OAAO,CAAC;EACtB,CAAC;EAED,MAAMuB,SAAS,GAAGpC,OAAO,CACvB,MAAM,CACJM,MAAM,CAAC+B,GAAG,EACVJ,MAAM,CAACI,GAAG,EACVjC,WAAW,CAACoB,KAAK,CAAC,EAClBQ,KAAK,CAACK,GAAG,EACTH,QAAQ,IAAIF,KAAK,CAACM,UAAU,EAC5BrB,KAAK,IAAIX,MAAM,CAACiC,QAAQ,EACxBZ,QAAQ,CACT,EACD,CAACM,MAAM,CAACI,GAAG,EAAEb,KAAK,EAAEQ,KAAK,CAACK,GAAG,EAAEL,KAAK,CAACM,UAAU,EAAEJ,QAAQ,EAAEjB,KAAK,EAAEU,QAAQ,CAC5E,CAAC;EAED,MAAMa,UAAU,GAAGA,CAAA,KAAM;IACvB,IAAIzB,aAAa,EAAE;MACjB,oBACEN,IAAA,CAACN,IAAI;QACHsC,KAAK,EAAE,CACLR,MAAM,CAAClB,aAAa,EACpB;UAAE2B,eAAe,EAAEV,KAAK,CAACW;QAAmB,CAAC;MAC7C,CACH,CAAC;IAEN;IAEA,IAAI,CAAC9B,OAAO,EAAE;MACZ,OAAO,IAAI;IACb;IAEA,oBAAOJ,IAAA,CAACR,IAAI;MAACwC,KAAK,EAAE,CAACR,MAAM,CAACW,KAAK,EAAE;QAAEC,KAAK,EAAEb,KAAK,CAACc;MAAW,CAAC,CAAE;MAAAzB,QAAA,EAAC;IAAC,CAAM,CAAC;EAC3E,CAAC;EAED,MAAM0B,kBAAkB,GAAGA,CAAA,KAAM;IAC/B,IAAI1B,QAAQ,EAAE;MACZ,OAAOA,QAAQ;IACjB;IAEA,IAAI,CAACF,KAAK,IAAI,CAACC,WAAW,EAAE;MAC1B,OAAO,IAAI;IACb;IAEA,oBACET,KAAA,CAACR,IAAI;MACHsC,KAAK,EAAE,CACLnC,MAAM,CAAC0C,UAAU,EACjBvB,aAAa,KAAK,OAAO,GACrBnB,MAAM,CAAC2C,eAAe,GACtB3C,MAAM,CAAC4C,cAAc,CACzB;MAAA7B,QAAA,GAED,CAAC,CAACF,KAAK,iBACNV,IAAA,CAACR,IAAI;QAACwC,KAAK,EAAE,CAACnC,MAAM,CAACa,KAAK,EAAEc,MAAM,CAACd,KAAK,EAAEa,KAAK,CAACb,KAAK,EAAES,UAAU,CAAE;QAAAP,QAAA,EAChEF;MAAK,CACF,CACP,EACA,CAAC,CAACC,WAAW,iBACZX,IAAA,CAACR,IAAI;QAACwC,KAAK,EAAE,CAACnC,MAAM,CAACc,WAAW,EAAES,gBAAgB,CAAE;QAAAR,QAAA,EACjDD;MAAW,CACR,CACP;IAAA,CACG,CAAC;EAEX,CAAC;EAED,MAAM+B,eAAe,GAAGC,OAAO,CAAC/B,QAAQ,IAAIF,KAAK,IAAIC,WAAW,CAAC;EAEjE,oBACET,KAAA,CAACR,IAAI;IAACsC,KAAK,EAAEnC,MAAM,CAAC+C,OAAQ;IAAAhC,QAAA,gBAC1BV,KAAA,CAACT,gBAAgB;MACfoD,aAAa,EAAE,GAAI;MACnBtC,QAAQ,EAAEA,QAAS;MACnByB,KAAK,EAAE,CACLnC,MAAM,CAACiD,SAAS,EAChB9B,aAAa,KAAK,MAAM,IAAInB,MAAM,CAACkD,kBAAkB,EACrDxC,QAAQ,IAAIV,MAAM,CAACmD,iBAAiB,EACpC/B,cAAc,CACd;MACFgC,iBAAiB,EAAC,UAAU;MAC5BC,kBAAkB,EAAE;QAClB9C,OAAO,EAAEE,aAAa,GAAG,OAAO,GAAGF,OAAO;QAC1CG;MACF,CAAE;MACFe,kBAAkB,EAAEA,kBAAkB,IAAIZ,KAAM;MAChDyC,OAAO,EAAEzB,WAAY;MAAAd,QAAA,gBAErBZ,IAAA,CAACN,IAAI;QAACsC,KAAK,EAAEL,SAAU;QAAAf,QAAA,EAAEmB,UAAU,CAAC;MAAC,CAAO,CAAC,EAC5CW,eAAe,IAAIJ,kBAAkB,CAAC,CAAC;IAAA,CACxB,CAAC,EAElB9B,KAAK,IAAI,CAAC,CAACC,YAAY,iBACtBT,IAAA,CAACR,IAAI;MAACwC,KAAK,EAAE,CAACnC,MAAM,CAACY,YAAY,EAAEY,UAAU,CAAE;MAAAT,QAAA,EAAEH;IAAY,CAAO,CACrE;EAAA,CACG,CAAC;AAEX,CAAC;AAED,eAAeN,cAAc","ignoreList":[]}