@soft-toast/vue 1.0.1 → 1.1.0

package/README.md

@@ -6,7 +6,7 @@ A toast notification library for Vue 3 with soft motion, compact defaults, and f
 
 - **Fluid Motion**: Smooth enter, exit, stack, and swipe interactions.
 - **Stacked Layout**: Toasts stay compact, readable, and easy to scan.
-- **Position Options**: 11 positions including corners, edges, and center.
+- **Position Options**: 10 positions including corners and edges.
 - **Motion Presets**: Choose from `smooth`, `bouncy`, `subtle`, or `snappy` presets.
 - **Rich Content**: Supports titles, descriptions, action buttons, progress bars, and custom icons.
 - **Promise Handling**: Built-in support for async operations with loading states.
@@ -98,12 +98,12 @@ Use it anywhere in your Vue or Nuxt components:
 
 ```vue
 <script setup>
-import { useToast } from "@soft-toast/vue";
+import { useSoftToast } from "@soft-toast/vue";
 
-const toast = useToast();
+const softToast = useSoftToast();
 
 const showToast = () => {
-  toast.success("Profile saved!", {
+  softToast.success("Profile saved!", {
     description: "Your changes have been successfully saved.",
     position: "top-right",
     duration: 2500,
@@ -121,7 +121,7 @@ const showToast = () => {
 The plugin options are global defaults. You can override them per toast when a page needs different behavior:
 
 ```typescript
-toast.warning("File moved to trash", {
+softToast.warning("File moved to trash", {
   description: "You can restore it from the activity log.",
   position: "bottom-right",
   duration: Infinity,
@@ -132,14 +132,14 @@ toast.warning("File moved to trash", {
 
 ## API Overview
 
-### `toast[type](title, options)`
+### `softToast[type](title, options)`
 
 Available types: `default`, `success`, `error`, `warning`, `info`, `promise`.
 
 **Example:**
 
 ```typescript
-toast.error("Network Error", {
+softToast.error("Network Error", {
   description: "Failed to connect to the server.",
   duration: 6000,
   action: {
@@ -153,7 +153,7 @@ toast.error("Network Error", {
 
 | Property        | Type                                           | Default       | Description                                                    |
 | --------------- | ---------------------------------------------- | ------------- | -------------------------------------------------------------- |
-| `position`      | `ToastPosition`                                | `'top-right'` | Position on screen (e.g. `'top'`, `'bottom-left'`, `'center'`) |
+| `position`      | `ToastPosition`                                | `'top-right'` | Position on screen (e.g. `'top'`, `'bottom-left'`, `'right'`)  |
 | `duration`      | `number`                                       | `4000`        | Auto-close delay in ms (`Infinity` disables auto-close)        |
 | `preset`        | `'smooth' \| 'bouncy' \| 'subtle' \| 'snappy'` | `'smooth'`    | Motion style                                                   |
 | `description`   | `string \| VNode`                              | `undefined`   | Secondary text below the title                                 |
@@ -169,11 +169,11 @@ Supports **Iconify** icons and custom Vue components.
 
 ```typescript
 // 1. Using Iconify icon string
-toast.success("Awesome!", { icon: "line-md:star" });
+softToast.success("Awesome!", { icon: "line-md:star" });
 
 // 2. Using a Custom Vue Component
 import MyIcon from "./MyIcon.vue";
-toast.info("Custom Icon", { icon: MyIcon });
+softToast.info("Custom Icon", { icon: MyIcon });
 ```
 
 ## Slot Architecture
@@ -182,8 +182,28 @@ toast.info("Custom Icon", { icon: MyIcon });
 
 Available slots: `#icon`, `#title`, `#description`, `#action`, `#close-button`.
 
+When you want to provide slots, disable the plugin's automatic container and render the container in your app layout:
+
+```typescript
+app.use(SoftToastPlugin, {
+  autoMount: false,
+});
+```
+
 ```vue
 <SoftToastContainer>
+  <template #icon="{ toast }">
+    <div class="my-custom-icon">{{ toast.type }}</div>
+  </template>
+
+  <template #title="{ toast }">
+    <strong>{{ toast.title }}</strong>
+  </template>
+
+  <template #description="{ toast }">
+    <p>{{ toast.description }}</p>
+  </template>
+
   <!-- Override the close button -->
   <template #close-button="{ dismiss }">
     <button @click="dismiss" class="my-custom-close-btn">Close</button>
@@ -191,17 +211,32 @@ Available slots: `#icon`, `#title`, `#description`, `#action`, `#close-button`.
   
   <!-- Override the action button -->
   <template #action="{ toast, execute }">
-    <button @click="execute" class="my-custom-action-btn">
-      {{ toast.action.label }}
+    <button
+      v-for="action in Array.isArray(toast.action) ? toast.action : [toast.action]"
+      :key="action.label"
+      @click="execute(action)"
+      class="my-custom-action-btn"
+    >
+      {{ action.label }}
     </button>
   </template>
 </SoftToastContainer>
 ```
 
+Use `slotFilter` when only some toasts should use the custom slot renderer. Toasts that do not match the filter keep the built-in icon, title, action, close button, and swipe behavior:
+
+```vue
+<SoftToastContainer :slot-filter="(toast) => toast.id === 'custom-toast'">
+  <template #title="{ toast }">
+    <strong>{{ toast.title }}</strong>
+  </template>
+</SoftToastContainer>
+```
+
 ## Positions
 
-11 available positions:
-`top-left`, `top-center`, `top-right`, `bottom-left`, `bottom-center`, `bottom-right`, `top`, `bottom`, `left`, `right`, `center`.
+10 available positions:
+`top-left`, `top-center`, `top-right`, `bottom-left`, `bottom-center`, `bottom-right`, `top`, `bottom`, `left`, `right`.
 
 ## License
 

package/dist/animations/gsapConfig.d.ts

@@ -16,7 +16,7 @@ export declare const morphAnimation: (element: HTMLElement, options?: {
     bounce?: number;
     spring?: boolean;
 }) => gsap.core.Timeline;
-export declare const exitAnimation: (element: HTMLElement) => gsap.core.Tween;
+export declare const exitAnimation: (element: HTMLElement) => gsap.core.Timeline;
 export declare const swipeExitAnimation: (element: HTMLElement, toX: number) => gsap.core.Tween;
 export declare const swipeSnapBack: (element: HTMLElement) => gsap.core.Tween;
 export declare const expandAnimation: (element: HTMLElement) => gsap.core.Tween;
@@ -34,6 +34,7 @@ export declare const positionAnimation: (element: HTMLElement, options: {
     opacityStep?: number;
     maxVisible?: number;
     reposition?: boolean;
+    resetSwipe?: boolean;
 }) => gsap.core.Tween;
 export declare const progressAnimation: (element: HTMLElement, duration: number, onComplete?: () => void) => gsap.core.Tween;
 export declare const pauseAnimation: (animation: gsap.core.Tween | gsap.core.Timeline) => gsap.core.Tween | gsap.core.Timeline;

package/dist/animations/gsapConfig.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"gsapConfig.d.ts","sourceRoot":"","sources":["../../src/animations/gsapConfig.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE/C,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,eAAe,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,CAqB1G,CAAA;AAQD,eAAO,MAAM,iBAAiB,GAAI,QAAQ,MAAM,WAI/C,CAAA;AAwCD,eAAO,MAAM,gBAAgB,GAC3B,SAAS,WAAW,EACpB,UAAS;IACP,MAAM,CAAC,EAAE,eAAe,CAAA;IACxB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;CACrB,uBAyCP,CAAA;AAGD,eAAO,MAAM,cAAc,GACzB,SAAS,WAAW,EACpB,UAAS;IAAE,MAAM,CAAC,EAAE,eAAe,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,OAAO,CAAA;CAAO,uBAoB9E,CAAA;AAGD,eAAO,MAAM,aAAa,GACxB,SAAS,WAAW,oBAUrB,CAAA;AAGD,eAAO,MAAM,kBAAkB,GAC7B,SAAS,WAAW,EACpB,KAAK,MAAM,oBAUZ,CAAA;AAGD,eAAO,MAAM,aAAa,GAAI,SAAS,WAAW,oBASjD,CAAA;AAED,eAAO,MAAM,eAAe,GAAI,SAAS,WAAW,oBACqB,CAAA;AAEzE,eAAO,MAAM,iBAAiB,GAAI,SAAS,WAAW,oBACa,CAAA;AAKnE,eAAO,MAAM,iBAAiB,GAC5B,SAAS,WAAW,EACpB,SAAS;IACP,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,OAAO,CAAA;IACjB,MAAM,CAAC,EAAE,eAAe,CAAA;IACxB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IACzB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,oBAmEF,CAAA;AAED,eAAO,MAAM,iBAAiB,GAC5B,SAAS,WAAW,EACpB,UAAU,MAAM,EAChB,aAAa,MAAM,IAAI,oBAKtB,CAAA;AAEH,eAAO,MAAM,cAAc,GAAI,WAAW,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,yCAC3D,CAAA;AAEnB,eAAO,MAAM,eAAe,GAAI,WAAW,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,yCAC7D,CAAA;AAElB,eAAO,MAAM,cAAc,GAAI,SAAS,WAAW,SACvB,CAAA"}
+{"version":3,"file":"gsapConfig.d.ts","sourceRoot":"","sources":["../../src/animations/gsapConfig.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE/C,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,eAAe,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,CAqB1G,CAAA;AAWD,eAAO,MAAM,iBAAiB,GAAI,QAAQ,MAAM,WAI/C,CAAA;AAwCD,eAAO,MAAM,gBAAgB,GAC3B,SAAS,WAAW,EACpB,UAAS;IACP,MAAM,CAAC,EAAE,eAAe,CAAA;IACxB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;CACrB,uBAyCP,CAAA;AAGD,eAAO,MAAM,cAAc,GACzB,SAAS,WAAW,EACpB,UAAS;IAAE,MAAM,CAAC,EAAE,eAAe,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,OAAO,CAAA;CAAO,uBAoB9E,CAAA;AAGD,eAAO,MAAM,aAAa,GACxB,SAAS,WAAW,uBAoBrB,CAAA;AAGD,eAAO,MAAM,kBAAkB,GAC7B,SAAS,WAAW,EACpB,KAAK,MAAM,oBAUZ,CAAA;AAGD,eAAO,MAAM,aAAa,GAAI,SAAS,WAAW,oBAUjD,CAAA;AAED,eAAO,MAAM,eAAe,GAAI,SAAS,WAAW,oBACqB,CAAA;AAEzE,eAAO,MAAM,iBAAiB,GAAI,SAAS,WAAW,oBACa,CAAA;AAKnE,eAAO,MAAM,iBAAiB,GAC5B,SAAS,WAAW,EACpB,SAAS;IACP,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,OAAO,CAAA;IACjB,MAAM,CAAC,EAAE,eAAe,CAAA;IACxB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IACzB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,oBAsFF,CAAA;AAED,eAAO,MAAM,iBAAiB,GAC5B,SAAS,WAAW,EACpB,UAAU,MAAM,EAChB,aAAa,MAAM,IAAI,oBAKtB,CAAA;AAEH,eAAO,MAAM,cAAc,GAAI,WAAW,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,yCAC3D,CAAA;AAEnB,eAAO,MAAM,eAAe,GAAI,WAAW,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,yCAC7D,CAAA;AAElB,eAAO,MAAM,cAAc,GAAI,SAAS,WAAW,SACvB,CAAA"}

package/dist/composables/{useToast.d.ts → useSoftToast.d.ts}

@@ -1,12 +1,12 @@
 import { ToastOptions, ToastPromiseMessages } from '../types';
-export declare const useToast: () => {
+export declare const useSoftToast: () => {
     default: (title: string, options?: Omit<ToastOptions, "type" | "title">) => string;
     success: (title: string, options?: Omit<ToastOptions, "type" | "title">) => string;
     error: (title: string, options?: Omit<ToastOptions, "type" | "title">) => string;
     warning: (title: string, options?: Omit<ToastOptions, "type" | "title">) => string;
     info: (title: string, options?: Omit<ToastOptions, "type" | "title">) => string;
     loading: (title: string, options?: Omit<ToastOptions, "type" | "title">) => string;
-    promise: <T>(promiseFn: Promise<T>, messages: ToastPromiseMessages, options?: Omit<ToastOptions, "type" | "promise" | "promiseMessages">) => Promise<T>;
+    promise: <T>(promiseFn: Promise<T>, messages: ToastPromiseMessages<T>, options?: Omit<ToastOptions, "type" | "promise" | "promiseMessages">) => Promise<T>;
     custom: (options: ToastOptions) => string;
     update: (id: string, options: Partial<ToastOptions>) => void;
     dismiss: (id?: string) => void;
@@ -18,7 +18,7 @@ export declare const useToast: () => {
      * Perfect for the "submit → redirect → show success" pattern.
      *
      * @example
-     * const { flash } = useToast()
+     * const { flash } = useSoftToast()
      * await api.save()
      * flash('Saved!', { type: 'success' })
      * router.push('/dashboard')
@@ -32,14 +32,14 @@ export declare const useToast: () => {
     /** Check if there are pending flash messages without consuming them. */
     hasFlashes: () => boolean;
 };
-export declare const toast: {
+export declare const softToast: {
     default: (title: string, options?: Omit<ToastOptions, "type" | "title">) => string;
     success: (title: string, options?: Omit<ToastOptions, "type" | "title">) => string;
     error: (title: string, options?: Omit<ToastOptions, "type" | "title">) => string;
     warning: (title: string, options?: Omit<ToastOptions, "type" | "title">) => string;
     info: (title: string, options?: Omit<ToastOptions, "type" | "title">) => string;
     loading: (title: string, options?: Omit<ToastOptions, "type" | "title">) => string;
-    promise: <T>(promiseFn: Promise<T>, messages: ToastPromiseMessages, options?: Omit<ToastOptions, "type" | "promise" | "promiseMessages">) => Promise<T>;
+    promise: <T>(promiseFn: Promise<T>, messages: ToastPromiseMessages<T>, options?: Omit<ToastOptions, "type" | "promise" | "promiseMessages">) => Promise<T>;
     custom: (options: ToastOptions) => string;
     update: (id: string, options: Partial<ToastOptions>) => void;
     dismiss: (id?: string) => void;
@@ -50,4 +50,4 @@ export declare const toast: {
     showFlashes: () => number;
     hasFlashes: () => boolean;
 };
-//# sourceMappingURL=useToast.d.ts.map
+//# sourceMappingURL=useSoftToast.d.ts.map

package/dist/composables/useSoftToast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSoftToast.d.ts","sourceRoot":"","sources":["../../src/composables/useSoftToast.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAMlE,eAAO,MAAM,YAAY;qBACN,MAAM,YAAY,IAAI,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO,CAAC;qBAGtD,MAAM,YAAY,IAAI,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO,CAAC;mBAGxD,MAAM,YAAY,IAAI,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO,CAAC;qBAGpD,MAAM,YAAY,IAAI,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO,CAAC;kBAGzD,MAAM,YAAY,IAAI,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO,CAAC;qBAGnD,MAAM,YAAY,IAAI,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO,CAAC;cAG7D,CAAC,aACE,OAAO,CAAC,CAAC,CAAC,YACX,oBAAoB,CAAC,CAAC,CAAC,YACvB,IAAI,CAAC,YAAY,EAAE,MAAM,GAAG,SAAS,GAAG,iBAAiB,CAAC,KACnE,OAAO,CAAC,CAAC,CAAC;sBAEK,YAAY;iBAEjB,MAAM,WAAW,OAAO,CAAC,YAAY,CAAC;mBAEpC,MAAM;;gBAGT,MAAM;iBACL,MAAM;IAEnB;;;;;;;;;OASG;mBACY,MAAM,YAAW,OAAO,CAAC,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;IAGjE;;;OAGG;;IAGH,wEAAwE;;CAExE,CAAA;AAIF,eAAO,MAAM,SAAS;qBACH,MAAM,YAAY,IAAI,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO,CAAC;qBAEtD,MAAM,YAAY,IAAI,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO,CAAC;mBAExD,MAAM,YAAY,IAAI,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO,CAAC;qBAEpD,MAAM,YAAY,IAAI,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO,CAAC;kBAEzD,MAAM,YAAY,IAAI,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO,CAAC;qBAEnD,MAAM,YAAY,IAAI,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO,CAAC;cAE7D,CAAC,aACE,OAAO,CAAC,CAAC,CAAC,YACX,oBAAoB,CAAC,CAAC,CAAC,YACvB,IAAI,CAAC,YAAY,EAAE,MAAM,GAAG,SAAS,GAAG,iBAAiB,CAAC,KACnE,OAAO,CAAC,CAAC,CAAC;sBACK,YAAY;iBACjB,MAAM,WAAW,OAAO,CAAC,YAAY,CAAC;mBACpC,MAAM;;gBAET,MAAM;iBACL,MAAM;mBACJ,MAAM,YAAW,OAAO,CAAC,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;;;CAIlE,CAAA"}

package/dist/composables/useSoftToast.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=useSoftToast.test.d.ts.map

package/dist/composables/useSoftToast.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSoftToast.test.d.ts","sourceRoot":"","sources":["../../src/composables/useSoftToast.test.ts"],"names":[],"mappings":""}

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 export { SoftToastPlugin, getToastOptions } from './plugin';
-export { useToast, toast } from './composables/useToast';
+export { useSoftToast, softToast } from './composables/useSoftToast';
 export { useFlash, queueFlash, consumeFlashes, hasPendingFlashes } from './composables/useFlash';
 export { toastStore } from './stores/toastStore';
 export { default as ToastContainer } from './components/ToastContainer.vue';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAC3D,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AACxD,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAChG,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAGhD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,iCAAiC,CAAA;AAC3E,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,4BAA4B,CAAA;AAGjE,YAAY,EACV,KAAK,EACL,SAAS,EACT,aAAa,EACb,YAAY,EACZ,WAAW,EACX,oBAAoB,EACpB,eAAe,EACf,mBAAmB,EACnB,kBAAkB,EAClB,eAAe,EACf,aAAa,EACd,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAC3D,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAA;AACpE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAChG,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAGhD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,iCAAiC,CAAA;AAC3E,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,4BAA4B,CAAA;AAGjE,YAAY,EACV,KAAK,EACL,SAAS,EACT,aAAa,EACb,YAAY,EACZ,WAAW,EACX,oBAAoB,EACpB,eAAe,EACf,mBAAmB,EACnB,kBAAkB,EAClB,eAAe,EACf,aAAa,EACd,MAAM,SAAS,CAAA"}