polkahub 0.3.0 → 0.4.0

package/dist/index.js

@@ -8,8 +8,8 @@ export * from '@polkahub/proxy';
 export * from '@polkahub/read-only';
 export { SelectAccount, SelectAccountField, createSelectedAccountPlugin, selectedAccountPluginId, useSelectedAccount } from '@polkahub/select-account';
 export * from '@polkahub/state';
-export * from '@polkahub/vault';
+export { ManageVault, VaultTxModal, createPolkadotVaultProvider, polkadotVaultProviderId } from '@polkahub/vault';
 export * from '@polkahub/wallet-connect';
-export { PolkaHubModal, PolkaHubModalTrigger, openSelectAccount, usePolkaHubModalState } from './PolkaHubModal.js';
 export { AddressInput } from './AddressInput.js';
+export { PolkaHubModal, PolkaHubModalTrigger, openSelectAccount, usePolkaHubModalState } from './PolkaHubModal.js';
 //# sourceMappingURL=index.js.map

package/dist/src/index.d.ts

@@ -11,11 +11,19 @@ export * from '@polkahub/read-only';
 import { SelectedAccountButton } from '@polkahub/select-account';
 export { SelectAccount, SelectAccountField, SelectedAccountPlugin, createSelectedAccountPlugin, selectedAccountPluginId, useSelectedAccount } from '@polkahub/select-account';
 export * from '@polkahub/state';
-export * from '@polkahub/vault';
+export { ManageVault, PolkadotVaultAccount, PolkadotVaultProvider, VaultAccountInfo, VaultTxModal, createPolkadotVaultProvider, polkadotVaultProviderId } from '@polkahub/vault';
 export * from '@polkahub/wallet-connect';
 import * as react from 'react';
 import { FC, PropsWithChildren, ComponentProps, ReactNode } from 'react';
 
+declare const AddressInput: FC<{
+    value?: AccountAddress | null;
+    onChange?: (value: AccountAddress | null) => void;
+    disableClear?: boolean;
+    className?: string;
+    triggerClassName?: string;
+}>;
+
 declare const PolkaHubModalTrigger: FC;
 declare const openSelectAccount: () => void;
 declare const PolkaHubModal: FC<PropsWithChildren<{
@@ -35,12 +43,4 @@ declare const usePolkaHubModalState: (onClose?: () => void) => {
     }[]>>;
 };
 
-declare const AddressInput: FC<{
-    value?: AccountAddress | null;
-    onChange?: (value: AccountAddress | null) => void;
-    disableClear?: boolean;
-    className?: string;
-    triggerClassName?: string;
-}>;
-
 export { AddressInput, PolkaHubModal, PolkaHubModalTrigger, openSelectAccount, usePolkaHubModalState };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "polkahub",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "license": "MIT",
   "sideEffects": false,
   "type": "module",
@@ -25,27 +25,27 @@
   "dependencies": {
     "@react-rxjs/core": "^0.10.8",
     "@react-rxjs/utils": "^0.9.7",
-    "lucide-react": "^0.552.0",
-    "@polkahub/context": "0.3.0",
-    "@polkahub/pjs-wallet": "0.3.0",
-    "@polkahub/read-only": "0.3.0",
-    "@polkahub/ledger": "0.3.0",
-    "@polkahub/proxy": "0.3.0",
-    "@polkahub/vault": "0.3.0",
-    "@polkahub/mimir": "0.3.0",
-    "@polkahub/multisig": "0.3.0",
-    "@polkahub/select-account": "0.3.0",
-    "@polkahub/ui-components": "0.3.0",
-    "@polkahub/wallet-connect": "0.3.0",
-    "@polkahub/plugin": "0.3.0",
-    "@polkahub/state": "0.3.0"
+    "lucide-react": "^0.554.0",
+    "@polkahub/ledger": "0.3.2",
+    "@polkahub/mimir": "0.3.2",
+    "@polkahub/pjs-wallet": "0.3.2",
+    "@polkahub/plugin": "0.3.2",
+    "@polkahub/context": "0.3.2",
+    "@polkahub/multisig": "0.3.2",
+    "@polkahub/proxy": "0.3.2",
+    "@polkahub/read-only": "0.3.2",
+    "@polkahub/select-account": "0.3.2",
+    "@polkahub/state": "0.3.2",
+    "@polkahub/ui-components": "0.3.2",
+    "@polkahub/vault": "0.4.0",
+    "@polkahub/wallet-connect": "0.3.2"
   },
   "peerDependencies": {
     "@types/react": "^19.2.2",
     "react": "^19.2.0"
   },
   "devDependencies": {
-    "@types/react": "^19.2.2",
+    "@types/react": "^19.2.6",
     "react": "^19.2.0"
   },
   "scripts": {

package/dist/AccountInput.js

@@ -1,41 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useAvailableAccounts, AddressIdentity } from '@polkahub/context';
-import { AccountInput as AccountInput$1 } from '@polkahub/ui-components';
-import { useMemo } from 'react';
-
-const AccountInput = ({ className, value, onChange }) => {
-  const availableAccounts = useAvailableAccounts();
-  const hints = useMemo(() => {
-    const addressToAccounts = {};
-    Object.values(availableAccounts).flat().forEach((acc) => {
-      var _a;
-      addressToAccounts[_a = acc.address] ?? (addressToAccounts[_a] = []);
-      addressToAccounts[acc.address].push(acc);
-    });
-    return Object.values(addressToAccounts).map(
-      (group) => group.reduce(
-        (acc, v) => (v.name?.length ?? 0) > (acc.name?.length ?? 0) ? v : acc
-      )
-    );
-  }, [availableAccounts]);
-  return /* @__PURE__ */ jsx(
-    AccountInput$1,
-    {
-      value,
-      onChange,
-      className,
-      hinted: Object.values(hints).flat(),
-      renderAddress: (account) => typeof account === "string" ? /* @__PURE__ */ jsx(AddressIdentity, { addr: account, copyable: false }) : /* @__PURE__ */ jsx(
-        AddressIdentity,
-        {
-          addr: account.address,
-          name: account?.name,
-          copyable: false
-        }
-      )
-    }
-  );
-};
-
-export { AccountInput };
-//# sourceMappingURL=AccountInput.js.map

package/dist/AccountInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AccountInput.js","sources":["../src/AccountInput.tsx"],"sourcesContent":["import { AddressIdentity, useAvailableAccounts } from \"@polkahub/context\";\nimport { Account } from \"@polkahub/plugin\";\nimport { AccountInput as AccountInputComponent } from \"@polkahub/ui-components\";\nimport { FC, useMemo } from \"react\";\n\nexport const AccountInput: FC<{\n  value: string | null;\n  onChange: (value: string | null) => void;\n  className?: string;\n}> = ({ className, value, onChange }) => {\n  const availableAccounts = useAvailableAccounts();\n\n  const hints = useMemo(() => {\n    const addressToAccounts: Record<string, Account[]> = {};\n    Object.values(availableAccounts)\n      .flat()\n      .forEach((acc) => {\n        addressToAccounts[acc.address] ??= [];\n        addressToAccounts[acc.address].push(acc);\n      });\n\n    return Object.values(addressToAccounts).map((group) =>\n      group.reduce((acc, v) =>\n        (v.name?.length ?? 0) > (acc.name?.length ?? 0) ? v : acc\n      )\n    );\n  }, [availableAccounts]);\n\n  return (\n    <AccountInputComponent\n      value={value}\n      onChange={onChange}\n      className={className}\n      hinted={Object.values(hints).flat()}\n      renderAddress={(account: Account | string) =>\n        typeof account === \"string\" ? (\n          <AddressIdentity addr={account} copyable={false} />\n        ) : (\n          <AddressIdentity\n            addr={account.address}\n            name={account?.name}\n            copyable={false}\n          />\n        )\n      }\n    />\n  );\n};\n"],"names":["AccountInputComponent"],"mappings":";;;;;AAKO,MAAM,eAIR,CAAC,EAAE,SAAA,EAAW,KAAA,EAAO,UAAS,KAAM;AACvC,EAAA,MAAM,oBAAoB,oBAAA,EAAqB;AAE/C,EAAA,MAAM,KAAA,GAAQ,QAAQ,MAAM;AAC1B,IAAA,MAAM,oBAA+C,EAAC;AACtD,IAAA,MAAA,CAAO,OAAO,iBAAiB,CAAA,CAC5B,MAAK,CACL,OAAA,CAAQ,CAAC,GAAA,KAAQ;AAhBxB,MAAA,IAAA,EAAA;AAiBQ,MAAA,iBAAA,CAAA,EAAA,GAAkB,GAAA,CAAI,OAAA,CAAA,KAAtB,iBAAA,CAAA,EAAA,CAAA,GAAmC,EAAC,CAAA;AACpC,MAAA,iBAAA,CAAkB,GAAA,CAAI,OAAO,CAAA,CAAE,IAAA,CAAK,GAAG,CAAA;AAAA,IACzC,CAAC,CAAA;AAEH,IAAA,OAAO,MAAA,CAAO,MAAA,CAAO,iBAAiB,CAAA,CAAE,GAAA;AAAA,MAAI,CAAC,UAC3C,KAAA,CAAM,MAAA;AAAA,QAAO,CAAC,GAAA,EAAK,CAAA,KAAA,CAChB,CAAA,CAAE,IAAA,EAAM,MAAA,IAAU,CAAA,KAAM,GAAA,CAAI,IAAA,EAAM,MAAA,IAAU,CAAA,CAAA,GAAK,CAAA,GAAI;AAAA;AACxD,KACF;AAAA,EACF,CAAA,EAAG,CAAC,iBAAiB,CAAC,CAAA;AAEtB,EAAA,uBACE,GAAA;AAAA,IAACA,cAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,QAAA;AAAA,MACA,SAAA;AAAA,MACA,MAAA,EAAQ,MAAA,CAAO,MAAA,CAAO,KAAK,EAAE,IAAA,EAAK;AAAA,MAClC,aAAA,EAAe,CAAC,OAAA,KACd,OAAO,OAAA,KAAY,QAAA,mBACjB,GAAA,CAAC,eAAA,EAAA,EAAgB,IAAA,EAAM,OAAA,EAAS,QAAA,EAAU,KAAA,EAAO,CAAA,mBAEjD,GAAA;AAAA,QAAC,eAAA;AAAA,QAAA;AAAA,UACC,MAAM,OAAA,CAAQ,OAAA;AAAA,UACd,MAAM,OAAA,EAAS,IAAA;AAAA,UACf,QAAA,EAAU;AAAA;AAAA;AACZ;AAAA,GAGN;AAEJ;;;;"}

package/dist/SelectAccountModal.js

@@ -1,42 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { ModalContext } from '@polkahub/context';
-import { SelectedAccountButton } from '@polkahub/select-account';
-import { Dialog, DialogTrigger, DialogContent, DialogHeader, DialogTitle, DialogBody } from '@polkahub/ui-components';
-import { state, useStateObservable } from '@react-rxjs/core';
-import { createSignal } from '@react-rxjs/utils';
-import { useState, useMemo } from 'react';
-
-const SelectAccountModalTrigger = () => /* @__PURE__ */ jsx(SelectedAccountButton, { loading: true });
-const [openChange$, setOpen] = createSignal();
-const openSelectAccount = () => setOpen(true);
-const open$ = state(openChange$, false);
-const SelectAccountModal = ({ children }) => {
-  const open = useStateObservable(open$);
-  const [content, setContent] = useState(null);
-  const contextValue = useMemo(
-    () => ({ setContent, closeModal: () => setOpen(false) }),
-    []
-  );
-  return /* @__PURE__ */ jsxs(
-    Dialog,
-    {
-      open,
-      onOpenChange: (open2) => {
-        if (!open2) {
-          setTimeout(() => setContent(null), 500);
-        }
-        setOpen(open2);
-      },
-      children: [
-        /* @__PURE__ */ jsx(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsx(SelectedAccountButton, {}) }),
-        /* @__PURE__ */ jsxs(DialogContent, { children: [
-          /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: "Connect" }) }),
-          /* @__PURE__ */ jsx(DialogBody, { children: /* @__PURE__ */ jsx(ModalContext, { value: contextValue, children: content ?? /* @__PURE__ */ jsx("div", { className: "space-y-4", children }) }) })
-        ] })
-      ]
-    }
-  );
-};
-
-export { SelectAccountModal, SelectAccountModalTrigger, openSelectAccount };
-//# sourceMappingURL=SelectAccountModal.js.map

package/dist/SelectAccountModal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectAccountModal.js","sources":["../src/SelectAccountModal.tsx"],"sourcesContent":["import { ModalContext } from \"@polkahub/context\";\nimport { SelectedAccountButton } from \"@polkahub/select-account\";\nimport {\n  Dialog,\n  DialogBody,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n} from \"@polkahub/ui-components\";\nimport { state, useStateObservable } from \"@react-rxjs/core\";\nimport { createSignal } from \"@react-rxjs/utils\";\nimport { FC, PropsWithChildren, ReactNode, useMemo, useState } from \"react\";\n\n// For lazy-loading optimizations\nexport const SelectAccountModalTrigger: FC = () => (\n  <SelectedAccountButton loading />\n);\n\nconst [openChange$, setOpen] = createSignal<boolean>();\nexport const openSelectAccount = () => setOpen(true);\nconst open$ = state(openChange$, false);\n\nexport const SelectAccountModal: FC<PropsWithChildren> = ({ children }) => {\n  const open = useStateObservable(open$);\n\n  const [content, setContent] = useState<ReactNode | null>(null);\n\n  const contextValue = useMemo(\n    () => ({ setContent, closeModal: () => setOpen(false) }),\n    []\n  );\n\n  return (\n    <Dialog\n      open={open}\n      onOpenChange={(open) => {\n        if (!open) {\n          setTimeout(() => setContent(null), 500);\n        }\n        setOpen(open);\n      }}\n    >\n      <DialogTrigger asChild>\n        <SelectedAccountButton />\n      </DialogTrigger>\n      <DialogContent>\n        <DialogHeader>\n          <DialogTitle>Connect</DialogTitle>\n        </DialogHeader>\n        <DialogBody>\n          <ModalContext value={contextValue}>\n            {content ?? <div className=\"space-y-4\">{children}</div>}\n          </ModalContext>\n        </DialogBody>\n      </DialogContent>\n    </Dialog>\n  );\n};\n"],"names":["open"],"mappings":";;;;;;;;AAeO,MAAM,yBAAA,GAAgC,sBAC3C,GAAA,CAAC,qBAAA,EAAA,EAAsB,SAAO,IAAA,EAAC;AAGjC,MAAM,CAAC,WAAA,EAAa,OAAO,CAAA,GAAI,YAAA,EAAsB;AAC9C,MAAM,iBAAA,GAAoB,MAAM,OAAA,CAAQ,IAAI;AACnD,MAAM,KAAA,GAAQ,KAAA,CAAM,WAAA,EAAa,KAAK,CAAA;AAE/B,MAAM,kBAAA,GAA4C,CAAC,EAAE,QAAA,EAAS,KAAM;AACzE,EAAA,MAAM,IAAA,GAAO,mBAAmB,KAAK,CAAA;AAErC,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAA2B,IAAI,CAAA;AAE7D,EAAA,MAAM,YAAA,GAAe,OAAA;AAAA,IACnB,OAAO,EAAE,UAAA,EAAY,YAAY,MAAM,OAAA,CAAQ,KAAK,CAAA,EAAE,CAAA;AAAA,IACtD;AAAC,GACH;AAEA,EAAA,uBACE,IAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,YAAA,EAAc,CAACA,KAAAA,KAAS;AACtB,QAAA,IAAI,CAACA,KAAAA,EAAM;AACT,UAAA,UAAA,CAAW,MAAM,UAAA,CAAW,IAAI,CAAA,EAAG,GAAG,CAAA;AAAA,QACxC;AACA,QAAA,OAAA,CAAQA,KAAI,CAAA;AAAA,MACd,CAAA;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,aAAA,EAAA,EAAc,OAAA,EAAO,IAAA,EACpB,QAAA,kBAAA,GAAA,CAAC,yBAAsB,CAAA,EACzB,CAAA;AAAA,6BACC,aAAA,EAAA,EACC,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,YAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,WAAA,EAAA,EAAY,QAAA,EAAA,SAAA,EAAO,CAAA,EACtB,CAAA;AAAA,0BACA,GAAA,CAAC,UAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,YAAA,EAAA,EAAa,KAAA,EAAO,YAAA,EAClB,QAAA,EAAA,OAAA,oBAAW,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,WAAA,EAAa,QAAA,EAAS,GACnD,CAAA,EACF;AAAA,SAAA,EACF;AAAA;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/ui/Dialog.js

@@ -1,27 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import '@radix-ui/react-dialog';
-import 'lucide-react';
-import { cn } from '@polkahub/ui-components';
-
-function DialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "dialog-header",
-      className: cn(
-        "flex flex-col gap-2 text-center sm:text-left p-6 pb-2",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function DialogBody({
-  children,
-  id
-}) {
-  return /* @__PURE__ */ jsx("div", { className: "overflow-auto px-6 py-2 last:pb-6", id, children });
-}
-
-export { DialogBody, DialogHeader };
-//# sourceMappingURL=Dialog.js.map

package/dist/ui/Dialog.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Dialog.js","sources":["../../src/ui/Dialog.tsx"],"sourcesContent":["import * as React from \"react\";\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { XIcon } from \"lucide-react\";\nimport { cn } from \"@polkahub/ui-components\";\n\nfunction Dialog({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Root>) {\n  return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />;\n}\n\nfunction DialogTrigger({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />;\n}\n\nfunction DialogPortal({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />;\n}\n\nfunction DialogClose({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Close>) {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />;\n}\n\nfunction DialogOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n  return (\n    <DialogPrimitive.Overlay\n      data-slot=\"dialog-overlay\"\n      className={cn(\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DialogContent({\n  className,\n  children,\n  showCloseButton = true,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Content> & {\n  showCloseButton?: boolean;\n}) {\n  return (\n    <DialogPortal data-slot=\"dialog-portal\">\n      <DialogOverlay />\n      <DialogPrimitive.Content\n        data-slot=\"dialog-content\"\n        className={cn(\n          \"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 flex flex-col w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] rounded-lg border shadow-lg duration-200 sm:max-w-xl md:max-w-2xl max-h-[80vh] overflow-hidden\",\n          className\n        )}\n        {...props}\n      >\n        {showCloseButton && (\n          <DialogPrimitive.Close\n            data-slot=\"dialog-close\"\n            className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\"\n          >\n            <XIcon />\n            <span className=\"sr-only\">Close</span>\n          </DialogPrimitive.Close>\n        )}\n        {children}\n      </DialogPrimitive.Content>\n    </DialogPortal>\n  );\n}\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      className={cn(\n        \"flex flex-col gap-2 text-center sm:text-left p-6 pb-2\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DialogFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"dialog-footer\"\n      className={cn(\n        \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end p-6 pt-2\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DialogTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Title>) {\n  return (\n    <DialogPrimitive.Title\n      data-slot=\"dialog-title\"\n      className={cn(\"text-lg leading-none font-semibold\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction DialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Description>) {\n  return (\n    <DialogPrimitive.Description\n      data-slot=\"dialog-description\"\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction DialogBody({\n  children,\n  id,\n}: React.PropsWithChildren<{ id?: string }>) {\n  return (\n    <div className=\"overflow-auto px-6 py-2 last:pb-6\" id={id}>\n      {children}\n    </div>\n  );\n}\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n  DialogBody,\n};\n"],"names":[],"mappings":";;;;;AA+EA,SAAS,YAAA,CAAa,EAAE,SAAA,EAAW,GAAG,OAAM,EAAgC;AAC1E,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,eAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,uDAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;AAyCA,SAAS,UAAA,CAAW;AAAA,EAClB,QAAA;AAAA,EACA;AACF,CAAA,EAA6C;AAC3C,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,mCAAA,EAAoC,IAChD,QAAA,EACH,CAAA;AAEJ;;;;"}