react-easy-loading 0.1.0

package/.editorconfig

@@ -0,0 +1,17 @@
+root = true
+
+[*]
+indent_style = space
+indent_size = 4
+max_line_length = 100
+insert_final_newline = true
+charset = utf-8
+
+[*.md]
+indent_size = 2
+
+[*.yml]
+indent_size = 2
+
+[*.json]
+indent_size = 2

package/CODE_OF_CONDUCT.md

@@ -0,0 +1,128 @@
+# Contributor Covenant Code of Conduct
+
+## Our Pledge
+
+We as members, contributors, and leaders pledge to make participation in our
+community a harassment-free experience for everyone, regardless of age, body
+size, visible or invisible disability, ethnicity, sex characteristics, gender
+identity and expression, level of experience, education, socio-economic status,
+nationality, personal appearance, race, religion, or sexual identity
+and orientation.
+
+We pledge to act and interact in ways that contribute to an open, welcoming,
+diverse, inclusive, and healthy community.
+
+## Our Standards
+
+Examples of behavior that contributes to a positive environment for our
+community include:
+
+* Demonstrating empathy and kindness toward other people
+* Being respectful of differing opinions, viewpoints, and experiences
+* Giving and gracefully accepting constructive feedback
+* Accepting responsibility and apologizing to those affected by our mistakes,
+  and learning from the experience
+* Focusing on what is best not just for us as individuals, but for the
+  overall community
+
+Examples of unacceptable behavior include:
+
+* The use of sexualized language or imagery, and sexual attention or
+  advances of any kind
+* Trolling, insulting or derogatory comments, and personal or political attacks
+* Public or private harassment
+* Publishing others' private information, such as a physical or email
+  address, without their explicit permission
+* Other conduct which could reasonably be considered inappropriate in a
+  professional setting
+
+## Enforcement Responsibilities
+
+Community leaders are responsible for clarifying and enforcing our standards of
+acceptable behavior and will take appropriate and fair corrective action in
+response to any behavior that they deem inappropriate, threatening, offensive,
+or harmful.
+
+Community leaders have the right and responsibility to remove, edit, or reject
+comments, commits, code, wiki edits, issues, and other contributions that are
+not aligned to this Code of Conduct, and will communicate reasons for moderation
+decisions when appropriate.
+
+## Scope
+
+This Code of Conduct applies within all community spaces, and also applies when
+an individual is officially representing the community in public spaces.
+Examples of representing our community include using an official e-mail address,
+posting via an official social media account, or acting as an appointed
+representative at an online or offline event.
+
+## Enforcement
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be
+reported to the community leaders responsible for enforcement at
+hichem.taboukouyout@hichemtab-tech.me.
+All complaints will be reviewed and investigated promptly and fairly.
+
+All community leaders are obligated to respect the privacy and security of the
+reporter of any incident.
+
+## Enforcement Guidelines
+
+Community leaders will follow these Community Impact Guidelines in determining
+the consequences for any action they deem in violation of this Code of Conduct:
+
+### 1. Correction
+
+**Community Impact**: Use of inappropriate language or other behavior deemed
+unprofessional or unwelcome in the community.
+
+**Consequence**: A private, written warning from community leaders, providing
+clarity around the nature of the violation and an explanation of why the
+behavior was inappropriate. A public apology may be requested.
+
+### 2. Warning
+
+**Community Impact**: A violation through a single incident or series
+of actions.
+
+**Consequence**: A warning with consequences for continued behavior. No
+interaction with the people involved, including unsolicited interaction with
+those enforcing the Code of Conduct, for a specified period of time. This
+includes avoiding interactions in community spaces as well as external channels
+like social media. Violating these terms may lead to a temporary or
+permanent ban.
+
+### 3. Temporary Ban
+
+**Community Impact**: A serious violation of community standards, including
+sustained inappropriate behavior.
+
+**Consequence**: A temporary ban from any sort of interaction or public
+communication with the community for a specified period of time. No public or
+private interaction with the people involved, including unsolicited interaction
+with those enforcing the Code of Conduct, is allowed during this period.
+Violating these terms may lead to a permanent ban.
+
+### 4. Permanent Ban
+
+**Community Impact**: Demonstrating a pattern of violation of community
+standards, including sustained inappropriate behavior,  harassment of an
+individual, or aggression toward or disparagement of classes of individuals.
+
+**Consequence**: A permanent ban from any sort of public interaction within
+the community.
+
+## Attribution
+
+This Code of Conduct is adapted from the [Contributor Covenant][homepage],
+version 2.0, available at
+https://www.contributor-covenant.org/version/2/0/code_of_conduct.html.
+
+Community Impact Guidelines were inspired by [Mozilla's code of conduct
+enforcement ladder](https://github.com/mozilla/diversity).
+
+[homepage]: https://www.contributor-covenant.org
+
+For answers to common questions about this code of conduct, see the FAQ at
+https://www.contributor-covenant.org/faq. Translations are available at
+https://www.contributor-covenant.org/translations.

package/CONTRIBUTING.md

@@ -0,0 +1,112 @@
+# 👥 Contributing to React Easy Loading
+
+Thank you for your interest in contributing to this project! Open source contributions help improve projects, introduce new ideas, and build a better community.
+
+---
+
+## 🚨 Before You Start
+
+Before contributing, please:
+
+- Browse [existing issues](https://github.com/HichemTab-tech/react-easy-loading/issues) to see if your issue or feature idea has already been raised.
+- If your idea or issue hasn't been addressed, feel free to [create a new issue](https://github.com/HichemTab-tech/react-easy-loading/issues/new).
+
+---
+
+## 📄 Code of Conduct
+
+Please ensure your contributions follow these general guidelines:
+
+- Be respectful and professional at all times.
+- Treat everyone in the community with kindness.
+- Discuss constructively and respectfully.
+
+Any harassment or inappropriate behavior is strictly prohibited.
+
+---
+
+## ⚙️ Setting Up Your Environment
+
+To start contributing to the project, follow these steps:
+
+1. Fork this repository on GitHub.
+2. Clone your forked repository:
+
+    ```sh
+    git clone https://github.com/YOUR_GITHUB_USERNAME/react-easy-loading
+    cd react-easy-loading
+    ```
+
+3. Install dependencies with your preferred package manager:
+
+- npm:
+```sh
+npm install
+```
+
+- pnpm:
+```sh
+pnpm install
+```
+
+---
+
+## 🔨 Making Changes
+
+To submit a feature or bug fix, please:
+
+1. Create a branch from the `main` branch. Name the branch according to your feature or bug fix:
+
+    ```sh
+    git checkout -b feature/CoolNewFeature
+    ```
+
+    or for bug fixes:
+
+    ```sh
+    git checkout -b fix/bug-description
+    ```
+
+2. After making your necessary changes, run relevant checks and tests to ensure everything works correctly:
+
+    ```sh
+    npm test
+    ```
+
+    or with pnpm:
+
+    ```sh
+    pnpm test
+    ```
+
+3. Stage and commit your changes clearly describing what has been changed:
+
+    ```sh
+    git add .
+    git commit -m 'feat: Add CoolNewFeature to improve performance'
+    ```
+
+4. Push your branch to your forked repo:
+
+    ```sh
+    git push origin feature/CoolNewFeature
+    ```
+
+---
+
+## 📝 Submitting a Pull Request
+
+When your changes are ready:
+
+1. Open GitHub and navigate to your forked repository.
+2. Click `Compare & pull request`.
+3. Clearly explain the following in your pull request description:
+   - **What changes you made and why they are needed.**
+   - **Any linked relevant issues (e.g., "**Closes #number**").**
+4. Wait for project maintainers review to suggest changes or to merge your PR.
+
+---
+
+## 📌 Commit Message Guidelines
+
+Write clear commit messages, formatted this way:

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Hichem Taboukouyout
+
+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,299 @@
+# React Easy Loading
+
+Simplify loading states across your React app with built-in status tracking and fallbacks.
+This package provides a simple but powerful way to manage `idle`, `loading`, `success`,
+and `error` states, removing boilerplate and making your code cleaner and more readable.
+
+![react-easy-loading banner](assets/banner.png)
+
+## Getting Started
+
+Start by installing the package via your preferred package manager:
+
+```sh
+npm install react-easy-loading
+```
+
+or, if using pnpm:
+
+```sh
+pnpm add react-easy-loading
+```
+
+## ☕ 60-Second TL;DR
+
+At its core, `react-easy-loading` lets you create a `loading` object that tracks the state of an operation. You can then use its components to conditionally render content.
+
+Here's the simplest example:
+
+```javascript
+import { createLoading } from 'react-easy-loading';
+import React, {useEffect} from 'react';
+
+// 1. Create a loading instance
+const userLoading = createLoading();
+
+// 2. A function that returns a promise
+const fetchUser = () => fetch('https://api.github.com/users/HichemTab-tech').then(res => res.json());
+
+export default function Demo() {
+  const [user, setUser] = React.useState(null);
+
+  // 3. Set the loading state manually
+  useEffect(() => {
+    userLoading.set('loading');
+    fetchUser()
+      .then(user => {
+        setUser(user);
+        userLoading.set('success');
+      })
+      .catch(() => userLoading.set('error'));
+  }, []);
+
+  return (
+    <div>
+      {/* 4. Show content based on loading state */}
+      <userLoading.ShowWhenLoaded fallback={<p>Loading user...</p>}>
+        <h1>{user?.name}</h1>
+      </userLoading.ShowWhenLoaded>
+    </div>
+  );
+}
+```
+
+## Cross-Component State Tracking
+
+Because `loading` instances are just exported objects,
+you can share a single loading state across completely different parts of your application without prop-drilling.
+
+**`src/loadings.js`**
+
+```javascript
+import { createLoading } from 'react-easy-loading';
+
+// Create and export a loading instance
+export const userProfileLoading = createLoading({ initialState: 'idle' });
+```
+
+**`src/components/ProfileHeader.js`**
+
+```javascript
+import { userProfileLoading } from '../loadings';
+
+function ProfileHeader() {
+  // Use a hook to reactively track the loading state
+  const isLoading = userProfileLoading.useIsLoading();
+
+  if (isLoading) {
+    return <p>Updating header...</p>;
+  }
+  // ... render header
+}
+```
+
+**`src/components/Avatar.js`**
+
+```javascript
+import { userProfileLoading } from '../loadings';
+
+function Avatar() {
+  // Use a component from the same instance to show a fallback
+  return (
+    <userProfileLoading.ShowWhenLoaded fallback={<AvatarSkeleton />}>
+      <img src="..." alt="User Avatar" />
+    </userProfileLoading.ShowWhenLoaded>
+  );
+}
+```
+
+## ✨ Automatic State Management with `wrap`
+
+The `wrap` function automates state management.
+It takes an async function, sets the state to `loading` immediately,
+and updates it to `success` or `error` when the promise settles.
+It also automatically implements a `retry` function.
+
+```javascript
+const loadUser = () => {
+  // This handles set('loading'), set('success'), set('error'), and setRetry()
+  userLoading.wrap(fetchUser).then(setUser);
+};
+```
+
+### Finer Control with `wrapWithControl`
+
+For more complex scenarios, `wrapWithControl` lets you chain `.then()`, `.catch()`, and `.finally()` handlers *before* the async operation starts. The operation is only executed when you call `.start()`.
+
+```javascript
+const { then, catch_, start } = userLoading.wrapWithControl(fetchUser);
+
+// Define extra custom handlers
+then(user => console.log('User loaded:', user));
+catch_(error => console.error('Failed to load user:', error));
+
+// Later, in your event handler
+const loadUser = () => {
+  start().then(setUser); // The promise starts here
+};
+```
+
+## Fallbacks and The Registry
+
+A key benefit of `react-easy-loading` is its powerful fallback system.
+You can define a library of reusable loading and error components and use them by name.
+
+### How to Use the Registry
+
+1.  **Register a named fallback**: Use `registerFallback` or `registerErrorFallback`.
+2.  **Use it by name**: Pass the name to `createLoading` or the `fallback`/`errorFallback` prop.
+
+This allows you to maintain a consistent look and feel for common UI states like inline spinners,
+card loaders, or error modals.
+
+**`src/fallbacks.js`**
+
+```javascript
+import { registerFallback, registerErrorFallback } from 'react-easy-loading';
+
+const InlineSpinner = () => <span className="spinner-inline"></span>;
+const CardLoader = () => <div className="card-skeleton"></div>;
+const ErrorCard = ({ errors, retry }) => (
+  <div className="error-card">
+    <h4>Oops! Something went wrong.</h4>
+    <p>{errors[0]?.message}</p>
+    <button onClick={retry}>Try Again</button>
+  </div>
+);
+
+// Register your components
+registerFallback('inline', <InlineSpinner />);
+registerFallback('card', <CardLoader />);
+registerErrorFallback('defaultError', ErrorCard);
+```
+
+**`src/MyComponent.js`**
+
+```javascript
+// Use the 'card' fallback for this instance
+const postsLoading = createLoading({ defaultFallback: 'card' });
+
+function MyComponent() {
+  return (
+    <div>
+      {/* But use the 'inline' fallback for this specific case */}
+      <postsLoading.ShowWhenLoaded fallback="inline">
+        <span>Post loaded!</span>
+      </postsLoading.ShowWhenLoaded>
+    </div>
+  );
+}
+```
+
+### Error Fallbacks and Retry Logic
+
+When you use `wrap` or `wrapWithControl`,
+the `retry` function is automatically implemented to re-run the original async operation.
+
+```javascript
+import { createLoading, registerDefaultErrorFallback } from 'react-easy-loading';
+
+// A beautiful, reusable error component with a retry button
+const ErrorCard = ({ errors, retry }) => (
+  <div style={{ border: '1px solid red', padding: '1rem' }}>
+    <h4>Oops! Something went wrong.</h4>
+    <ul>
+      {errors.map((e, i) => <li key={i}>{e.message || String(e)}</li>)}
+    </ul>
+    {retry && <button onClick={retry}>Try Again</button>}
+  </div>
+);
+
+// Register it as the global default error fallback
+registerDefaultErrorFallback(ErrorCard);
+
+const dataLoading = createLoading();
+
+function App() {
+  const fetchData = () => {
+    // This promise will reject
+    return Promise.reject(new Error('Network connection failed'));
+  };
+
+  const load = () => dataLoading.wrap(fetchData);
+
+  return (
+    <div>
+      <button onClick={load}>Load Data</button>
+      <dataLoading.ShowWhenLoaded errorFallback>
+        <p>Data loaded successfully!</p>
+      </dataLoading.ShowWhenLoaded>
+    </div>
+  );
+}
+```
+
+When `fetchData` fails, `ShowWhenLoaded` will automatically render the `ErrorCard` because `errorFallback` is set to `true`, which tells it to use the default. Clicking "Try Again" will call `dataLoading.retry()`, re-triggering the `fetchData` call.
+
+
+---
+
+## The `loading` Object: API Deep Dive
+
+The object returned by `createLoading` is your command center.
+It provides both **reactive hooks** for use in components and **non-reactive getters/setters** for use in event handlers or external logic.
+
+### Reactive Hooks
+
+Use these inside your React components to trigger re-renders when the state changes.
+
+| Hook             | Description                                                       |
+|------------------|-------------------------------------------------------------------|
+| `use()`          | Returns the current `LoadingState` (`'idle'`, `'loading'`, etc.). |
+| `useIsLoading()` | Returns `true` if the state is `'loading'`.                       |
+| `useErrors()`    | Returns the array of errors, or `undefined`.                      |
+| `useContext()`   | Returns the shared context object.                                |
+
+### Getters (Non-Reactive)
+
+Use these to get the current value without subscribing to updates.
+
+| Getter        | Description                             |
+|---------------|-----------------------------------------|
+| `get()`       | Returns the current `LoadingState`.     |
+| `getErrors()` | Returns the current array of errors.    |
+| `isLoading()` | Returns `true` if state is `'loading'`. |
+| `isSuccess()` | Returns `true` if state is `'success'`. |
+| `isError()`   | Returns `true` if state is `'error'`.   |
+
+### Setters and Methods
+
+Use these to control the state from anywhere.
+
+| Method              | Description                                |
+|---------------------|--------------------------------------------|
+| `set(state)`        | Manually sets the loading state.           |
+| `reset()`           | Resets the state to its initial value.     |
+| `retry()`           | Re-runs the last wrapped async function.   |
+| `setRetry(fn)`      | Manually provides a custom retry function. |
+| `setErrors(errors)` | Overwrites the errors array.               |
+| `addError(error)`   | Adds an error to the errors array.         |
+
+---
+
+## 🤝 Contributions
+
+Contributions are welcome! Please follow the standard fork-and-pull-request workflow.
+
+## Issues
+
+If you encounter any issue, please open an issue [here](https://github.com/HichemTab-tech/react-easy-loading/issues).
+
+## License
+
+Distributed under the MIT License. See [`LICENSE`](LICENSE) file for more details.
+
+&copy; 2025 [Hichem Taboukouyout](mailto:hichem.taboukouyout@hichemtab-tech.me)
+
+---
+
+_If you found this package helpful, consider leaving a star! ⭐️_

package/dist/components/AllLoaded.d.ts

@@ -0,0 +1,10 @@
+import { Loading, ReactNodeOrFunction } from '../create-loading';
+import { default as React, PropsWithChildren } from 'react';
+interface AllLoadedProps {
+    of: Loading[];
+    fallback?: React.ReactNode;
+    errorFallback?: ReactNodeOrFunction<[errors: any[] | undefined, retry: (() => void) | undefined]>;
+}
+export declare const AllLoaded: ({ of, fallback, errorFallback, children }: PropsWithChildren<AllLoadedProps>) => string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+export {};
+//# sourceMappingURL=AllLoaded.d.ts.map

package/dist/components/AllLoaded.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AllLoaded.d.ts","sourceRoot":"","sources":["../../src/components/AllLoaded.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,OAAO,EAAE,mBAAmB,EAAC,MAAM,mBAAmB,CAAC;AACpE,OAAO,KAAK,EAAE,EAAC,KAAK,iBAAiB,EAAiB,MAAM,OAAO,CAAC;AAOpE,UAAU,cAAc;IACpB,EAAE,EAAE,OAAO,EAAE,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,aAAa,CAAC,EAAE,mBAAmB,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,SAAS,EAAE,KAAK,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC;CACrG;AAGD,eAAO,MAAM,SAAS,GAAI,2CAAyC,iBAAiB,CAAC,cAAc,CAAC,0TA+BnG,CAAA"}

package/dist/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './AllLoaded';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/dist/create-loading.d.ts

@@ -0,0 +1,68 @@
+import { default as React, PropsWithChildren, ReactNode } from 'react';
+export type LoadingState = "idle" | "loading" | "success" | "error";
+export type LoadingSharedState<Errors extends unknown[] = string[], Context extends Record<string, unknown> = any> = {
+    state: LoadingState;
+    errors?: Errors;
+    context?: Context;
+    retry?: () => void;
+};
+export type WrappedPromiseReturn<T> = {
+    then: WrappedPromise<Promise<T>['then']>;
+    catch_: WrappedPromise<Promise<T>['catch']>;
+    finally_: WrappedPromise<Promise<T>['finally']>;
+    start: () => Promise<T>;
+};
+export type ReactNodeOrFunction<T extends unknown[]> = ReactNode | ((...args: T) => ReactNode);
+export type ExtractPromiseParameters<T> = T extends (...args: infer P) => Promise<unknown> ? P : never;
+export type PromiseFunctionWithCustomReturn<T, R> = (...args: ExtractPromiseParameters<T>) => R;
+export type WrappedPromise<T> = PromiseFunctionWithCustomReturn<T, WrappedPromiseReturn<T>>;
+export type Loading<Errors extends unknown[] = string[], Context extends Record<string, unknown> = any> = {
+    use: () => LoadingState;
+    useIsLoading: () => boolean;
+    useErrors: () => Errors | undefined;
+    useContext: () => Context | undefined;
+    isLoading: () => boolean;
+    isIdle: () => boolean;
+    isSuccess: () => boolean;
+    isError: () => boolean;
+    isFinished: () => boolean;
+    is: (s: LoadingState | LoadingState[]) => boolean;
+    hasErrors: () => boolean;
+    get: () => LoadingState;
+    getErrors: () => Errors | undefined;
+    getContext: () => Context | undefined;
+    set(state: LoadingState): void;
+    retry: () => void;
+    reset: () => void;
+    addError: (error: Errors[number]) => void;
+    setContext: (context: Context) => void;
+    setErrors: (errors: Errors) => void;
+    clearErrors: () => void;
+    setRetry: (retry: () => void) => void;
+    whenLoaded: () => Promise<void>;
+    whenFinished: () => Promise<void>;
+    wrap: <T>(asyncFn: () => Promise<T>) => Promise<T>;
+    wrapWithControl: <T>(asyncFn: () => Promise<T>) => WrappedPromiseReturn<T>;
+    ShowWhenLoaded: React.FC<PropsWithChildren<{
+        fallback?: React.ReactNode;
+        errorFallback?: ReactNodeOrFunction<[errors: Errors, retry: () => void]>;
+    }>>;
+    ShowWhileLoading: React.FC<PropsWithChildren>;
+    ShowWhenError: React.FC<{
+        children?: ReactNodeOrFunction<[errors: Errors, retry: () => void]> | undefined;
+    }>;
+    ShowWhenFinish: React.FC<{
+        children?: ReactNodeOrFunction<[errors: Errors | undefined, retry: (() => void) | undefined]> | undefined;
+    }>;
+    ShowWhen: React.FC<PropsWithChildren<{
+        state: LoadingState;
+    }>>;
+};
+export type CreateLoadingOptions = {
+    initialState?: LoadingState;
+    defaultFallback?: React.ReactNode;
+    defaultErrorFallback?: React.ReactNode;
+    defaultRetry?: () => void;
+};
+export declare const createLoading: <Errors extends unknown[] = string[], Context extends Record<string, unknown> = any>({ initialState, defaultFallback, defaultErrorFallback, defaultRetry }?: CreateLoadingOptions) => Loading<Errors, Context>;
+//# sourceMappingURL=create-loading.d.ts.map

package/dist/create-loading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-loading.d.ts","sourceRoot":"","sources":["../src/create-loading.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAC,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAIpE,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AACpE,MAAM,MAAM,kBAAkB,CAAC,MAAM,SAAS,OAAO,EAAE,GAAG,MAAM,EAAE,EAAE,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,GAAG,IAAI;IACjH,KAAK,EAAE,YAAY,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAA;AAED,MAAM,MAAM,oBAAoB,CAAC,CAAC,IAAI;IAClC,IAAI,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;IACzC,MAAM,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;IAC5C,QAAQ,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IAChD,KAAK,EAAE,MAAM,OAAO,CAAC,CAAC,CAAC,CAAC;CAC3B,CAAA;AAED,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS,OAAO,EAAE,IAAI,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC,CAAC;AAE/F,MAAM,MAAM,wBAAwB,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,MAAM,CAAC,KAAK,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AACvG,MAAM,MAAM,+BAA+B,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,IAAI,EAAE,wBAAwB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;AAChG,MAAM,MAAM,cAAc,CAAC,CAAC,IAAI,+BAA+B,CAAC,CAAC,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAC;AAC5F,MAAM,MAAM,OAAO,CAAC,MAAM,SAAS,OAAO,EAAE,GAAG,MAAM,EAAE,EAAE,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,GAAG,IAAI;IAEtG,GAAG,EAAE,MAAM,YAAY,CAAC;IACxB,YAAY,EAAE,MAAM,OAAO,CAAC;IAC5B,SAAS,EAAE,MAAM,MAAM,GAAG,SAAS,CAAC;IACpC,UAAU,EAAE,MAAM,OAAO,GAAG,SAAS,CAAC;IAEtC,SAAS,EAAE,MAAM,OAAO,CAAC;IACzB,MAAM,EAAE,MAAM,OAAO,CAAC;IACtB,SAAS,EAAE,MAAM,OAAO,CAAC;IACzB,OAAO,EAAE,MAAM,OAAO,CAAC;IACvB,UAAU,EAAE,MAAM,OAAO,CAAC;IAC1B,EAAE,EAAE,CAAC,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,KAAK,OAAO,CAAC;IAClD,SAAS,EAAE,MAAM,OAAO,CAAC;IACzB,GAAG,EAAE,MAAM,YAAY,CAAC;IACxB,SAAS,EAAE,MAAM,MAAM,GAAG,SAAS,CAAC;IACpC,UAAU,EAAE,MAAM,OAAO,GAAG,SAAS,CAAC;IAEtC,GAAG,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;IAC/B,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IAC1C,UAAU,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,WAAW,EAAE,MAAM,IAAI,CAAC;IAExB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;IAEtC,UAAU,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAChC,YAAY,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAElC,IAAI,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC;IACnD,eAAe,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC,CAAC,CAAC,KAAK,oBAAoB,CAAC,CAAC,CAAC,CAAC;IAG3E,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC;QACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC3B,aAAa,CAAC,EAAE,mBAAmB,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,IAAI,CAAC,CAAC,CAAC;KAC5E,CAAC,CAAC,CAAC;IACJ,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC;IAC9C,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;QACpB,QAAQ,CAAC,EAAE,mBAAmB,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,IAAI,CAAC,CAAC,GAAG,SAAS,CAAC;KACnF,CAAC,CAAC;IACH,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;QACrB,QAAQ,CAAC,EAAE,mBAAmB,CAAC,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,EAAE,KAAK,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC,CAAC,GAAG,SAAS,CAAC;KAC7G,CAAC,CAAC;IACH,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC;QAAE,KAAK,EAAE,YAAY,CAAA;KAAE,CAAC,CAAC,CAAC;CAClE,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG;IAC/B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,oBAAoB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B,CAAA;AAGD,eAAO,MAAM,aAAa,GAAI,MAAM,SAAS,OAAO,EAAE,GAAG,MAAM,EAAE,EAAE,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,GAAG,EAAE,wEAKG,oBAAyB,KAAG,OAAO,CAAC,MAAM,EAAE,OAAO,CA0LvK,CAAA"}