@hanzo/ui 5.3.35 → 5.3.38

package/dist/util/index.mjs

@@ -1,404 +1 @@
-import { createRoot } from 'react-dom/client';
-import { Buffer } from 'buffer';
-import { toast } from 'sonner';
-import { jsx } from 'react/jsx-runtime';
-import * as React from 'react';
-import { useRef, useEffect } from 'react';
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-import { reaction, computed, makeObservable, action, observable } from 'mobx';
-
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-
-// util/date.ts
-var formatDateToUSLocaleString = /* @__PURE__ */ __name((date) => {
-  if (!date) return "-";
-  return new Date(date).toLocaleDateString("en-US", {
-    year: "numeric",
-    month: "numeric",
-    day: "numeric"
-  });
-}, "formatDateToUSLocaleString");
-var formatDateToLocaleStringWithTime = /* @__PURE__ */ __name((date) => {
-  if (!date) return "-";
-  return new Date(date).toLocaleDateString("en-US", {
-    year: "numeric",
-    month: "numeric",
-    day: "numeric",
-    hour: "numeric",
-    minute: "numeric"
-  });
-}, "formatDateToLocaleStringWithTime");
-var getRelativeDateLabel = /* @__PURE__ */ __name((date) => {
-  const today = /* @__PURE__ */ new Date();
-  const yesterday = /* @__PURE__ */ new Date();
-  yesterday.setDate(today.getDate() - 1);
-  if (date.toDateString() === today.toDateString()) {
-    return "today";
-  } else if (date.toDateString() === yesterday.toDateString()) {
-    return "yesterday";
-  } else {
-    return date.toDateString();
-  }
-}, "getRelativeDateLabel");
-var groupMessagesByDate = /* @__PURE__ */ __name((messages) => {
-  const groupedMessages = {};
-  for (const message of messages) {
-    const date = new Date(message.createdAt ?? "").toDateString();
-    if (!groupedMessages[date]) {
-      groupedMessages[date] = [];
-    }
-    groupedMessages[date].push(message);
-  }
-  return groupedMessages;
-}, "groupMessagesByDate");
-var formatDateToMonthAndDay = /* @__PURE__ */ __name((date) => {
-  const today = /* @__PURE__ */ new Date();
-  if (date.getDate() === today.getDate() && date.getMonth() === today.getMonth() && date.getFullYear() === today.getFullYear()) {
-    return date.toLocaleTimeString("en-US", {
-      hour: "numeric",
-      minute: "numeric",
-      hour12: true
-    });
-  }
-  const month = date.getMonth() + 1;
-  const day = date.getDate();
-  return `${month}/${day}`;
-}, "formatDateToMonthAndDay");
-
-// util/file.ts
-var getFileName = /* @__PURE__ */ __name((fileName) => {
-  const nameParts = fileName.split(".");
-  return nameParts.slice(0, -1).join(".");
-}, "getFileName");
-var getFileExt = /* @__PURE__ */ __name((fileName) => {
-  const nameParts = fileName.split(".");
-  return nameParts.pop() || "";
-}, "getFileExt");
-var isFileTypeImageOrPdf = /* @__PURE__ */ __name((file) => {
-  if (!file) return false;
-  return file?.type.startsWith("image/") || file?.type.startsWith("application/pdf");
-}, "isFileTypeImageOrPdf");
-function createShadowRoot(tagName, styles) {
-  const container = document.createElement(tagName);
-  const shadow = container.attachShadow({ mode: "open" });
-  const globalStyleSheet = new CSSStyleSheet();
-  globalStyleSheet.replaceSync(styles);
-  shadow.adoptedStyleSheets = [globalStyleSheet];
-  const html = document.querySelector("html");
-  html.prepend(container);
-  return createRoot(shadow);
-}
-__name(createShadowRoot, "createShadowRoot");
-
-// util/timing.ts
-function delay(e = 1e3) {
-  return new Promise((t) => setTimeout(t, e));
-}
-__name(delay, "delay");
-var blobToBase64 = /* @__PURE__ */ __name((blob) => {
-  const reader = new FileReader();
-  reader.readAsDataURL(blob);
-  return new Promise((resolve) => {
-    reader.onloadend = () => {
-      resolve(reader.result);
-    };
-  });
-}, "blobToBase64");
-var dataUrlToFile = /* @__PURE__ */ __name((dataUrl, filename) => {
-  const arr = dataUrl.split(",");
-  if (arr.length < 2) {
-    return void 0;
-  }
-  const mimeArr = arr[0].match(/:(.*?);/);
-  if (!mimeArr || mimeArr.length < 2) {
-    return void 0;
-  }
-  const mime = mimeArr[1];
-  const buff = Buffer.from(arr[1], "base64");
-  return new File([buff], filename, { type: mime });
-}, "dataUrlToFile");
-
-// util/copy-to-clipboard.ts
-async function copyToClipboard(text) {
-  try {
-    await navigator.clipboard.writeText(text);
-  } catch {
-    const textarea = document.createElement("textarea");
-    textarea.style.position = "fixed";
-    textarea.style.top = "-9999px";
-    textarea.style.left = "-9999px";
-    textarea.innerText = text;
-    document.body.appendChild(textarea);
-    textarea.focus();
-    textarea.select();
-    document.execCommand("copy");
-    textarea.remove();
-  }
-}
-__name(copyToClipboard, "copyToClipboard");
-
-// util/format-text.ts
-var formatText = /* @__PURE__ */ __name((text) => {
-  const camelToSpaces = text.replace(/([a-z])([A-Z])/g, "$1 $2");
-  const snakeToSpaces = camelToSpaces.replace(/_/g, " ");
-  return snakeToSpaces.split(" ").map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
-}, "formatText");
-var formatCamelCaseText = /* @__PURE__ */ __name((text) => {
-  const words = text.split(/(?=[A-Z])/);
-  const formattedWords = words.map((word) => {
-    return word.charAt(0).toUpperCase() + word.slice(1).toLowerCase();
-  });
-  const result = formattedWords.join(" ");
-  return result.charAt(0).toUpperCase() + result.slice(1);
-}, "formatCamelCaseText");
-var getVersionFromTool = /* @__PURE__ */ __name((toolRouterKey) => {
-  if (toolRouterKey.version) {
-    return toolRouterKey.version;
-  }
-  const parts = toolRouterKey.name.split(":::");
-  if (parts.length === 4) {
-    return parts[3];
-  }
-  return "latest";
-}, "getVersionFromTool");
-var submitRegistrationNoCodeNonPristineError = /* @__PURE__ */ __name(() => {
-  return toast.error(
-    /* @__PURE__ */ jsx("div", { children: "Your Hanzo Node is currently locked by existing keys, please restore your connection or reset your Hanzo Node Storage" }),
-    { position: "bottom-center" }
-  );
-}, "submitRegistrationNoCodeNonPristineError");
-var submitRegistrationNoCodeError = /* @__PURE__ */ __name(() => {
-  return toast.error(/* @__PURE__ */ jsx("div", { children: "Error connecting to your Hanzo Node" }), {
-    position: "bottom-center"
-  });
-}, "submitRegistrationNoCodeError");
-
-// util/debounce.ts
-var debounce = /* @__PURE__ */ __name((func, delay2) => {
-  let timeoutId = null;
-  return (...args) => {
-    if (timeoutId) {
-      clearTimeout(timeoutId);
-    }
-    timeoutId = setTimeout(() => {
-      func(...args);
-    }, delay2);
-  };
-}, "debounce");
-
-// util/spread-to-transform.ts
-function spreadToTransform(t) {
-  let transformStrings = [];
-  const scaleVal = "scale" in t ? t.scale : void 0;
-  if (scaleVal) {
-    if (typeof scaleVal === "number") {
-      transformStrings.push(`scale(${scaleVal})`);
-    } else if (Array.isArray(scaleVal) && scaleVal.length == 2 && typeof scaleVal[0] === "number") {
-      transformStrings.push(`scale(${scaleVal[0]}, ${scaleVal[1]})`);
-    } else {
-      throw new Error("parsing MediaTransform: Unrecognized value for 'scale'!");
-    }
-  }
-  return transformStrings.length > 0 ? { transform: transformStrings.join(" ") } : {};
-}
-__name(spreadToTransform, "spreadToTransform");
-var spread_to_transform_default = spreadToTransform;
-
-// util/specifier.ts
-var getPrimaryStartingWith = /* @__PURE__ */ __name((s, toFind) => {
-  const tokenArray = s.split(" ");
-  return tokenArray.find((tok) => tok.startsWith(`${toFind}-`));
-}, "getPrimaryStartingWith");
-var getTShirtSize = /* @__PURE__ */ __name((s) => {
-  const subTokenArray = s.split("-");
-  return subTokenArray[subTokenArray.length - 1];
-}, "getTShirtSize");
-var getTypographySize = /* @__PURE__ */ __name((s) => {
-  const subTokenArray = s.split("-");
-  return subTokenArray[subTokenArray.length - 1];
-}, "getTypographySize");
-var getDim = /* @__PURE__ */ __name((s) => {
-  const subTokenArray = s.split("-");
-  const dimStr = subTokenArray[subTokenArray.length - 1];
-  if (dimStr) {
-    const dimTokenArray = s.split("x");
-    return dimTokenArray ? {
-      w: Number(dimTokenArray[0]),
-      h: Number(dimTokenArray[1])
-    } : void 0;
-  }
-  return void 0;
-}, "getDim");
-function getSpecifierData(main, getPrimary, getData, def) {
-  const primary = getPrimary(main);
-  if (primary) {
-    return getData(primary) ?? def;
-  }
-  return def ?? void 0;
-}
-__name(getSpecifierData, "getSpecifierData");
-
-// util/number-abbreviate.ts
-var ABBR_SYMBOLS_ARRAY = ["K", "M", "B", "T"];
-var MOBILE_BREAKPOINT = 768;
-function useIsMobile() {
-  const [isMobile, setIsMobile] = React.useState(void 0);
-  React.useEffect(() => {
-    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
-    const onChange = /* @__PURE__ */ __name(() => {
-      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
-    }, "onChange");
-    mql.addEventListener("change", onChange);
-    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
-    return () => mql.removeEventListener("change", onChange);
-  }, []);
-  return !!isMobile;
-}
-__name(useIsMobile, "useIsMobile");
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-__name(cn, "cn");
-function formatDate(input) {
-  const date = new Date(input);
-  return date.toLocaleDateString("en-US", {
-    month: "long",
-    day: "numeric",
-    year: "numeric"
-  });
-}
-__name(formatDate, "formatDate");
-function absoluteUrl(path) {
-  return `${process.env.NEXT_PUBLIC_APP_URL || ""}${path}`;
-}
-__name(absoluteUrl, "absoluteUrl");
-
-// util/index.ts
-function constrain(value, minOrConstrainTo, max) {
-  if (typeof value === "number" && typeof minOrConstrainTo === "number" && typeof max === "number") {
-    return Math.min(Math.max(value, minOrConstrainTo), max);
-  }
-  if (typeof value === "object" && typeof minOrConstrainTo === "object") {
-    const dim = value;
-    const constrainTo = minOrConstrainTo;
-    const aspectRatio = dim.w / dim.h;
-    const constrainAspectRatio = constrainTo.w / constrainTo.h;
-    if (aspectRatio > constrainAspectRatio) {
-      return {
-        w: constrainTo.w,
-        h: constrainTo.w / aspectRatio
-      };
-    } else {
-      return {
-        w: constrainTo.h * aspectRatio,
-        h: constrainTo.h
-      };
-    }
-  }
-  throw new Error("Invalid parameters for constrain function");
-}
-__name(constrain, "constrain");
-function round(value) {
-  return Math.round(value * 100) / 100;
-}
-__name(round, "round");
-function pxToRem(px, base = 16) {
-  return `${px / base}rem`;
-}
-__name(pxToRem, "pxToRem");
-function pxToEm(px, base = 16) {
-  return `${px / base}em`;
-}
-__name(pxToEm, "pxToEm");
-function containsToken(text, token) {
-  if (!text) return false;
-  return text.toLowerCase().includes(token.toLowerCase());
-}
-__name(containsToken, "containsToken");
-function ldMerge(...objects) {
-  const result = {};
-  for (const obj of objects) {
-    if (obj && typeof obj === "object") {
-      Object.assign(result, obj);
-    }
-  }
-  return result;
-}
-__name(ldMerge, "ldMerge");
-function asNum(value, defaultValue = 0) {
-  const num = Number(value);
-  return isNaN(num) ? defaultValue : num;
-}
-__name(asNum, "asNum");
-function capitalize(str) {
-  if (!str) return str;
-  return str.charAt(0).toUpperCase() + str.slice(1);
-}
-__name(capitalize, "capitalize");
-var _MyStepAnimation = class _MyStepAnimation {
-  /**  initialStep: false -> true: step 0
-                        true -> false: step 1
-           after intervals[0] : step 2
-           after intervals[1] : step 3
-  
-          initialStep must contain at least one mobx observable and return boolean 
-          see: https://mobx.js.org/reactions.html#reaction
-      */
-  constructor(initialStep, intervals) {
-    this._step = -1;
-    this._reactionDisposer = void 0;
-    // This is separated out because reactions have to be created
-    // once we have a valid doc / window etc. (mobx internals)
-    // Can't just do it in constructor and assign to ref
-    this.initialize = /* @__PURE__ */ __name(() => {
-      const fireNext = /* @__PURE__ */ __name(() => {
-        this._setStep(this._step + 1);
-        if (this._step <= this._intervals.length) {
-          setTimeout(() => {
-            fireNext();
-          }, this._intervals[this._step - 1]);
-        }
-      }, "fireNext");
-      this._reactionDisposer = reaction(
-        this._initialStep,
-        (triggered) => {
-          if (triggered && this._step === -1) {
-            this._setStep(0);
-          } else if (this._step === 0) {
-            fireNext();
-          }
-        }
-      );
-    }, "initialize");
-    this._setStep = /* @__PURE__ */ __name((v) => {
-      this._step = v;
-    }, "_setStep");
-    this.dispose = /* @__PURE__ */ __name(() => {
-      if (this._reactionDisposer) {
-        this._reactionDisposer();
-      }
-    }, "dispose");
-    // https://mobx.js.org/computeds-with-args.html#2-close-over-the-arguments
-    this.notPast = /* @__PURE__ */ __name((step) => computed(() => this._step > -1 && this._step <= step).get(), "notPast");
-    this._initialStep = initialStep;
-    this._intervals = intervals;
-    makeObservable(this, {
-      _step: observable,
-      _setStep: action
-    });
-  }
-};
-__name(_MyStepAnimation, "MyStepAnimation");
-var MyStepAnimation = _MyStepAnimation;
-var useStepAnimation = /* @__PURE__ */ __name((initialStep, intervals) => {
-  const animRef = useRef(new MyStepAnimation(initialStep, intervals));
-  useEffect(() => {
-    animRef.current.initialize();
-    return animRef.current.dispose;
-  }, []);
-  return animRef.current;
-}, "useStepAnimation");
-
-export { ABBR_SYMBOLS_ARRAY, absoluteUrl, asNum, blobToBase64, capitalize, cn, constrain, containsToken, copyToClipboard, createShadowRoot, dataUrlToFile, debounce, delay, formatCamelCaseText, formatDate, formatDateToLocaleStringWithTime, formatDateToMonthAndDay, formatDateToUSLocaleString, formatText, getDim, getFileExt, getFileName, getPrimaryStartingWith, getRelativeDateLabel, getSpecifierData, getTShirtSize, getTypographySize, getVersionFromTool, groupMessagesByDate, isFileTypeImageOrPdf, ldMerge, pxToEm, pxToRem, round, spread_to_transform_default as spreadToTransform, submitRegistrationNoCodeError, submitRegistrationNoCodeNonPristineError, useIsMobile, useStepAnimation };
+import {createRoot}from'react-dom/client';import {Buffer}from'buffer';import {toast}from'sonner';import {jsx}from'react/jsx-runtime';import*as a from'react';import {useRef,useEffect}from'react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {reaction,computed,makeObservable,action,observable}from'mobx';var d=Object.defineProperty;var r=(e,t)=>d(e,"name",{value:t,configurable:true});var P=r(e=>e?new Date(e).toLocaleDateString("en-US",{year:"numeric",month:"numeric",day:"numeric"}):"-","formatDateToUSLocaleString"),E=r(e=>e?new Date(e).toLocaleDateString("en-US",{year:"numeric",month:"numeric",day:"numeric",hour:"numeric",minute:"numeric"}):"-","formatDateToLocaleStringWithTime"),U=r(e=>{let t=new Date,n=new Date;return n.setDate(t.getDate()-1),e.toDateString()===t.toDateString()?"today":e.toDateString()===n.toDateString()?"yesterday":e.toDateString()},"getRelativeDateLabel"),N=r(e=>{let t={};for(let n of e){let o=new Date(n.createdAt??"").toDateString();t[o]||(t[o]=[]),t[o].push(n);}return t},"groupMessagesByDate"),F=r(e=>{let t=new Date;if(e.getDate()===t.getDate()&&e.getMonth()===t.getMonth()&&e.getFullYear()===t.getFullYear())return e.toLocaleTimeString("en-US",{hour:"numeric",minute:"numeric",hour12:true});let n=e.getMonth()+1,o=e.getDate();return `${n}/${o}`},"formatDateToMonthAndDay");var B=r(e=>e.split(".").slice(0,-1).join("."),"getFileName"),I=r(e=>e.split(".").pop()||"","getFileExt"),H=r(e=>e?e?.type.startsWith("image/")||e?.type.startsWith("application/pdf"):false,"isFileTypeImageOrPdf");function V(e,t){let n=document.createElement(e),o=n.attachShadow({mode:"open"}),i=new CSSStyleSheet;return i.replaceSync(t),o.adoptedStyleSheets=[i],document.querySelector("html").prepend(n),createRoot(o)}r(V,"createShadowRoot");function q(e=1e3){return new Promise(t=>setTimeout(t,e))}r(q,"delay");var K=r(e=>{let t=new FileReader;return t.readAsDataURL(e),new Promise(n=>{t.onloadend=()=>{n(t.result);};})},"blobToBase64"),X=r((e,t)=>{let n=e.split(",");if(n.length<2)return;let o=n[0].match(/:(.*?);/);if(!o||o.length<2)return;let i=o[1],s=Buffer.from(n[1],"base64");return new File([new Uint8Array(s)],t,{type:i})},"dataUrlToFile");async function re(e){try{await navigator.clipboard.writeText(e);}catch{let t=document.createElement("textarea");t.style.position="fixed",t.style.top="-9999px",t.style.left="-9999px",t.innerText=e,document.body.appendChild(t),t.focus(),t.select(),document.execCommand("copy"),t.remove();}}r(re,"copyToClipboard");var ie=r(e=>e.replace(/([a-z])([A-Z])/g,"$1 $2").replace(/_/g," ").split(" ").map(o=>o.charAt(0).toUpperCase()+o.slice(1)).join(" "),"formatText"),se=r(e=>{let o=e.split(/(?=[A-Z])/).map(i=>i.charAt(0).toUpperCase()+i.slice(1).toLowerCase()).join(" ");return o.charAt(0).toUpperCase()+o.slice(1)},"formatCamelCaseText"),ae=r(e=>{if(e.version)return e.version;let t=e.name.split(":::");return t.length===4?t[3]:"latest"},"getVersionFromTool");var me=r(()=>toast.error(jsx("div",{children:"Your Hanzo Node is currently locked by existing keys, please restore your connection or reset your Hanzo Node Storage"}),{position:"bottom-center"}),"submitRegistrationNoCodeNonPristineError"),le=r(()=>toast.error(jsx("div",{children:"Error connecting to your Hanzo Node"}),{position:"bottom-center"}),"submitRegistrationNoCodeError");var he=r((e,t)=>{let n=null;return (...o)=>{n&&clearTimeout(n),n=setTimeout(()=>{e(...o);},t);}},"debounce");function b(e){let t=[],n="scale"in e?e.scale:void 0;if(n)if(typeof n=="number")t.push(`scale(${n})`);else if(Array.isArray(n)&&n.length==2&&typeof n[0]=="number")t.push(`scale(${n[0]}, ${n[1]})`);else throw new Error("parsing MediaTransform: Unrecognized value for 'scale'!");return t.length>0?{transform:t.join(" ")}:{}}r(b,"spreadToTransform");var y=b;var Te=r((e,t)=>e.split(" ").find(o=>o.startsWith(`${t}-`)),"getPrimaryStartingWith"),we=r(e=>{let t=e.split("-");return t[t.length-1]},"getTShirtSize"),De=r(e=>{let t=e.split("-");return t[t.length-1]},"getTypographySize"),_e=r(e=>{let t=e.split("-");if(t[t.length-1]){let o=e.split("x");return o?{w:Number(o[0]),h:Number(o[1])}:void 0}},"getDim");function Ae(e,t,n,o){let i=t(e);return i?n(i)??o:o??void 0}r(Ae,"getSpecifierData");var Ce=["K","M","B","T"];var u=768;function Le(){let[e,t]=a.useState(void 0);return a.useEffect(()=>{let n=window.matchMedia(`(max-width: ${u-1}px)`),o=r(()=>{t(window.innerWidth<u);},"onChange");return n.addEventListener("change",o),t(window.innerWidth<u),()=>n.removeEventListener("change",o)},[]),!!e}r(Le,"useIsMobile");function T(...e){return twMerge(clsx(e))}r(T,"cn");function w(e){return new Date(e).toLocaleDateString("en-US",{month:"long",day:"numeric",year:"numeric"})}r(w,"formatDate");function D(e){return `${process.env.NEXT_PUBLIC_APP_URL||""}${e}`}r(D,"absoluteUrl");function $e(e,t,n){if(typeof e=="number"&&typeof t=="number"&&typeof n=="number")return Math.min(Math.max(e,t),n);if(typeof e=="object"&&typeof t=="object"){let o=e,i=t,s=o.w/o.h,f=i.w/i.h;return s>f?{w:i.w,h:i.w/s}:{w:i.h*s,h:i.h}}throw new Error("Invalid parameters for constrain function")}r($e,"constrain");function Be(e){return Math.round(e*100)/100}r(Be,"round");function Ie(e,t=16){return `${e/t}rem`}r(Ie,"pxToRem");function He(e,t=16){return `${e/t}em`}r(He,"pxToEm");function We(e,t){return e?e.toLowerCase().includes(t.toLowerCase()):false}r(We,"containsToken");function je(...e){let t={};for(let n of e)n&&typeof n=="object"&&Object.assign(t,n);return t}r(je,"ldMerge");function Qe(e,t=0){let n=Number(e);return isNaN(n)?t:n}r(Qe,"asNum");function Ve(e){return e&&e.charAt(0).toUpperCase()+e.slice(1)}r(Ve,"capitalize");var p=class p{constructor(t,n){this._step=-1;this._reactionDisposer=void 0;this.initialize=r(()=>{let t=r(()=>{this._setStep(this._step+1),this._step<=this._intervals.length&&setTimeout(()=>{t();},this._intervals[this._step-1]);},"fireNext");this._reactionDisposer=reaction(this._initialStep,n=>{n&&this._step===-1?this._setStep(0):this._step===0&&t();});},"initialize");this._setStep=r(t=>{this._step=t;},"_setStep");this.dispose=r(()=>{this._reactionDisposer&&this._reactionDisposer();},"dispose");this.notPast=r(t=>computed(()=>this._step>-1&&this._step<=t).get(),"notPast");this._initialStep=t,this._intervals=n,makeObservable(this,{_step:observable,_setStep:action});}};r(p,"MyStepAnimation");var c=p,ft=r((e,t)=>{let n=useRef(new c(e,t));return useEffect(()=>(n.current.initialize(),n.current.dispose),[]),n.current},"useStepAnimation");export{Ce as ABBR_SYMBOLS_ARRAY,D as absoluteUrl,Qe as asNum,K as blobToBase64,Ve as capitalize,T as cn,$e as constrain,We as containsToken,re as copyToClipboard,V as createShadowRoot,X as dataUrlToFile,he as debounce,q as delay,se as formatCamelCaseText,w as formatDate,E as formatDateToLocaleStringWithTime,F as formatDateToMonthAndDay,P as formatDateToUSLocaleString,ie as formatText,_e as getDim,I as getFileExt,B as getFileName,Te as getPrimaryStartingWith,U as getRelativeDateLabel,Ae as getSpecifierData,we as getTShirtSize,De as getTypographySize,ae as getVersionFromTool,N as groupMessagesByDate,H as isFileTypeImageOrPdf,je as ldMerge,He as pxToEm,Ie as pxToRem,Be as round,y as spreadToTransform,le as submitRegistrationNoCodeError,me as submitRegistrationNoCodeNonPristineError,Le as useIsMobile,ft as useStepAnimation};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzo/ui",
-  "version": "5.3.35",
+  "version": "5.3.38",
   "description": "Multi-framework UI library with React, Vue, Svelte, and React Native support. Based on shadcn/ui with comprehensive framework coverage.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
@@ -326,9 +326,9 @@
       "require": "./dist/components/*.js"
     },
     "./primitives": {
-      "types": "./dist/primitives-export.d.ts",
-      "import": "./dist/primitives-export.mjs",
-      "require": "./dist/primitives-export.js"
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
     },
     "./primitives/*": {
       "types": "./dist/primitives/*.d.ts",
@@ -391,6 +391,11 @@
       "import": "./dist/src/mcp/index.mjs",
       "require": "./dist/src/mcp/index.js"
     },
+    "./models": {
+      "types": "./dist/src/models/index.d.ts",
+      "import": "./dist/models/index.mjs",
+      "require": "./dist/models/index.js"
+    },
     "./react": {
       "types": "./dist/frameworks/react/index.d.ts",
       "import": "./dist/frameworks/react/index.mjs",
@@ -653,11 +658,11 @@
     "lodash.castarray": "^4.4.0",
     "lodash.isplainobject": "^4.0.6",
     "lodash.merge": "^4.6.2",
-    "postcss-selector-parser": "^6.0.16",
+    "postcss-selector-parser": "^7.0.0",
     "react-intersection-observer": "^9.8.2",
-    "sonner": "^1.3.1",
+    "sonner": "^2.0.0",
     "svg-pan-zoom": "^3.6.2",
-    "tailwind-merge": "^2.6.0",
+    "tailwind-merge": "^3.0.0",
     "tailwindcss-animate": "^1.0.7",
     "tailwindcss-interaction-media": "^0.1.0",
     "vaul": "^1.1.2",
@@ -665,6 +670,8 @@
     "zod-to-json-schema": "^3.23.2"
   },
   "peerDependencies": {
+    "@rainbow-me/rainbowkit": "^2.0.0",
+    "wagmi": "^2.0.0",
     "@dnd-kit/core": "^6.0.0",
     "@dnd-kit/modifiers": "^9.0.0",
     "@dnd-kit/sortable": "^10.0.0",
@@ -677,7 +684,7 @@
     "chrono-node": "^2.0.0",
     "date-fns": "^3.0.0",
     "framer-motion": "^11.0.0",
-    "lucide-react": "0.456.0",
+    "lucide-react": ">=0.456.0",
     "mermaid": "^10.0.0",
     "mobx": "^6.12.3",
     "next": ">=14.2.16",
@@ -687,7 +694,7 @@
     "react-dom": "^18.0.0 || ^19.0.0",
     "react-hook-form": "^7.0.0",
     "react-qrcode-logo": "^2.0.0",
-    "react-resizable-panels": "^1.0.0",
+    "react-resizable-panels": "^3.0.0 || ^4.0.0",
     "recharts": "^2.0.0",
     "sql.js": "^1.0.0",
     "styled-components": "^6.0.0",
@@ -768,6 +775,12 @@
     },
     "vaul": {
       "optional": true
+    },
+    "@rainbow-me/rainbowkit": {
+      "optional": true
+    },
+    "wagmi": {
+      "optional": true
     }
   },
   "devDependencies": {
@@ -805,7 +818,7 @@
     "tailwindcss": "^4.1.16",
     "tsup": "^8.5.0",
     "tw-animate-css": "^1.2.9",
-    "typescript": "5.6.3",
+    "typescript": "^5.9.3",
     "vitest": "4.0.6"
   },
   "scripts": {

package/dist/assets/ai-icons.d.ts

@@ -1,28 +0,0 @@
-import React from 'react';
-export declare const AnthropicIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
-export declare const AyaCohereIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
-export declare const DeepSeekIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
-export declare const ExoIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
-export declare const GeminiIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
-export declare const GoogleIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
-export declare const GrokIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
-export declare const GroqIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
-export declare const LmStudioIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
-export declare const MetaIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
-export declare const MistralIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
-export declare const OllamaIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
-export declare const OpenAIIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
-export declare const OpenRouterIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
-export declare const PerplexityIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
-export declare const QwenIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
-export declare const HanzoIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
-export declare const TogetherAI: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
-export declare const AisIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
-export declare const ScheduledTasksIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
-export declare const SendIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
-export declare const ReactJsIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
-export declare const ReasoningIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
-export declare const ToolsIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
-export declare const AIAgentIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
-export declare const TracingIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
-//# sourceMappingURL=ai-icons.d.ts.map

package/dist/assets/ai-icons.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ai-icons.d.ts","sourceRoot":"","sources":["../../assets/ai-icons.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,eAAO,MAAM,aAAa,kHAIzB,CAAC;AAGF,eAAO,MAAM,aAAa,kHAIzB,CAAC;AAGF,eAAO,MAAM,YAAY,kHAIxB,CAAC;AAGF,eAAO,MAAM,OAAO,kHAInB,CAAC;AAGF,eAAO,MAAM,UAAU,kHAItB,CAAC;AAGF,eAAO,MAAM,UAAU,kHAMtB,CAAC;AAGF,eAAO,MAAM,QAAQ,kHAIpB,CAAC;AAGF,eAAO,MAAM,QAAQ,kHAIpB,CAAC;AAGF,eAAO,MAAM,YAAY,kHAIxB,CAAC;AAGF,eAAO,MAAM,QAAQ,kHAMpB,CAAC;AAGF,eAAO,MAAM,WAAW,kHAIvB,CAAC;AAGF,eAAO,MAAM,UAAU,kHAItB,CAAC;AAGF,eAAO,MAAM,UAAU,kHAItB,CAAC;AAGF,eAAO,MAAM,cAAc,kHAI1B,CAAC;AAGF,eAAO,MAAM,cAAc,kHAI1B,CAAC;AAGF,eAAO,MAAM,QAAQ,kHAIpB,CAAC;AAGF,eAAO,MAAM,SAAS,kHAMrB,CAAC;AAGF,eAAO,MAAM,UAAU,kHAItB,CAAC;AAIF,eAAO,MAAM,OAAO,kHAInB,CAAC;AAIF,eAAO,MAAM,kBAAkB,kHAI9B,CAAC;AAGF,eAAO,MAAM,QAAQ,kHAOpB,CAAC;AAGF,eAAO,MAAM,WAAW,kHAWvB,CAAC;AAGF,eAAO,MAAM,aAAa,kHAIzB,CAAC;AAGF,eAAO,MAAM,SAAS,kHAMrB,CAAC;AAGF,eAAO,MAAM,WAAW,kHAIvB,CAAC;AAGF,eAAO,MAAM,WAAW,kHAIvB,CAAC"}

package/dist/assets/ai-icons.js

@@ -1,60 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// AI provider icon implementations
-import React from 'react';
-import { cn } from '../src/utils';
-import { BrainIcon, ServerIcon, BotIcon, SparklesIcon, CpuIcon, ZapIcon, RocketIcon, ActivityIcon, NetworkIcon } from 'lucide-react';
-// Simple placeholder icons for AI providers - replace with actual brand icons when available
-export const AnthropicIcon = React.forwardRef(({ className, ...props }, ref) => (_jsx(BrainIcon, { ref: ref, className: cn("h-4 w-4", className), ...props })));
-AnthropicIcon.displayName = 'AnthropicIcon';
-export const AyaCohereIcon = React.forwardRef(({ className, ...props }, ref) => (_jsx(SparklesIcon, { ref: ref, className: cn("h-4 w-4", className), ...props })));
-AyaCohereIcon.displayName = 'AyaCohereIcon';
-export const DeepSeekIcon = React.forwardRef(({ className, ...props }, ref) => (_jsx(CpuIcon, { ref: ref, className: cn("h-4 w-4", className), ...props })));
-DeepSeekIcon.displayName = 'DeepSeekIcon';
-export const ExoIcon = React.forwardRef(({ className, ...props }, ref) => (_jsx(ServerIcon, { ref: ref, className: cn("h-4 w-4", className), ...props })));
-ExoIcon.displayName = 'ExoIcon';
-export const GeminiIcon = React.forwardRef(({ className, ...props }, ref) => (_jsx(SparklesIcon, { ref: ref, className: cn("h-4 w-4", className), ...props })));
-GeminiIcon.displayName = 'GeminiIcon';
-export const GoogleIcon = React.forwardRef(({ className, ...props }, ref) => (_jsx("svg", { ref: ref, className: cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "currentColor", ...props, children: _jsx("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z" }) })));
-GoogleIcon.displayName = 'GoogleIcon';
-export const GrokIcon = React.forwardRef(({ className, ...props }, ref) => (_jsx(ZapIcon, { ref: ref, className: cn("h-4 w-4", className), ...props })));
-GrokIcon.displayName = 'GrokIcon';
-export const GroqIcon = React.forwardRef(({ className, ...props }, ref) => (_jsx(RocketIcon, { ref: ref, className: cn("h-4 w-4", className), ...props })));
-GroqIcon.displayName = 'GroqIcon';
-export const LmStudioIcon = React.forwardRef(({ className, ...props }, ref) => (_jsx(ServerIcon, { ref: ref, className: cn("h-4 w-4", className), ...props })));
-LmStudioIcon.displayName = 'LmStudioIcon';
-export const MetaIcon = React.forwardRef(({ className, ...props }, ref) => (_jsx("svg", { ref: ref, className: cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "currentColor", ...props, children: _jsx("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 2c4.41 0 8 3.59 8 8s-3.59 8-8 8-8-3.59-8-8 3.59-8 8-8z" }) })));
-MetaIcon.displayName = 'MetaIcon';
-export const MistralIcon = React.forwardRef(({ className, ...props }, ref) => (_jsx(ActivityIcon, { ref: ref, className: cn("h-4 w-4", className), ...props })));
-MistralIcon.displayName = 'MistralIcon';
-export const OllamaIcon = React.forwardRef(({ className, ...props }, ref) => (_jsx(ServerIcon, { ref: ref, className: cn("h-4 w-4", className), ...props })));
-OllamaIcon.displayName = 'OllamaIcon';
-export const OpenAIIcon = React.forwardRef(({ className, ...props }, ref) => (_jsx(BotIcon, { ref: ref, className: cn("h-4 w-4", className), ...props })));
-OpenAIIcon.displayName = 'OpenAIIcon';
-export const OpenRouterIcon = React.forwardRef(({ className, ...props }, ref) => (_jsx(NetworkIcon, { ref: ref, className: cn("h-4 w-4", className), ...props })));
-OpenRouterIcon.displayName = 'OpenRouterIcon';
-export const PerplexityIcon = React.forwardRef(({ className, ...props }, ref) => (_jsx(SparklesIcon, { ref: ref, className: cn("h-4 w-4", className), ...props })));
-PerplexityIcon.displayName = 'PerplexityIcon';
-export const QwenIcon = React.forwardRef(({ className, ...props }, ref) => (_jsx(CpuIcon, { ref: ref, className: cn("h-4 w-4", className), ...props })));
-QwenIcon.displayName = 'QwenIcon';
-export const HanzoIcon = React.forwardRef(({ className, ...props }, ref) => (_jsx("svg", { ref: ref, className: cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "currentColor", ...props, children: _jsx("path", { d: "M12 2L2 7v10c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V7l-10-5z" }) })));
-HanzoIcon.displayName = 'HanzoIcon';
-export const TogetherAI = React.forwardRef(({ className, ...props }, ref) => (_jsx(NetworkIcon, { ref: ref, className: cn("h-4 w-4", className), ...props })));
-TogetherAI.displayName = 'TogetherAI';
-// Generic AI icon for providers without specific icons
-export const AisIcon = React.forwardRef(({ className, ...props }, ref) => (_jsx(BrainIcon, { ref: ref, className: cn("h-4 w-4", className), ...props })));
-AisIcon.displayName = 'AisIcon';
-// Also export the ScheduledTasksIcon and SendIcon that might be needed
-export const ScheduledTasksIcon = React.forwardRef(({ className, ...props }, ref) => (_jsx(ActivityIcon, { ref: ref, className: cn("h-4 w-4", className), ...props })));
-ScheduledTasksIcon.displayName = 'ScheduledTasksIcon';
-export const SendIcon = React.forwardRef(({ className, ...props }, ref) => (_jsxs("svg", { ref: ref, className: cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", ...props, children: [_jsx("line", { x1: "22", y1: "2", x2: "11", y2: "13" }), _jsx("polygon", { points: "22 2 15 22 11 13 2 9 22 2" })] })));
-SendIcon.displayName = 'SendIcon';
-export const ReactJsIcon = React.forwardRef(({ className, ...props }, ref) => (_jsxs("svg", { ref: ref, className: cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "currentColor", ...props, children: [_jsx("circle", { cx: "12", cy: "12", r: "10", fill: "none", stroke: "currentColor", strokeWidth: "2" }), _jsx("circle", { cx: "12", cy: "12", r: "3", fill: "currentColor" }), _jsx("circle", { cx: "12", cy: "6", r: "2", fill: "currentColor" }), _jsx("circle", { cx: "18", cy: "15", r: "2", fill: "currentColor" }), _jsx("circle", { cx: "6", cy: "15", r: "2", fill: "currentColor" }), _jsx("path", { d: "M12 12 L12 6 M12 12 L18 15 M12 12 L6 15", stroke: "currentColor", strokeWidth: "1.5" })] })));
-ReactJsIcon.displayName = 'ReactJsIcon';
-export const ReasoningIcon = React.forwardRef(({ className, ...props }, ref) => (_jsx(BrainIcon, { ref: ref, className: cn("h-4 w-4", className), ...props })));
-ReasoningIcon.displayName = 'ReasoningIcon';
-export const ToolsIcon = React.forwardRef(({ className, ...props }, ref) => (_jsx("svg", { ref: ref, className: cn("h-4 w-4", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", ...props, children: _jsx("path", { d: "M14 2l1.5 1.5v5.5L21 9v6l-5.5-.5V21L14 22l-2-7-2 7-1.5-1V14.5L3 15V9l5.5.5V4L10 2h4z" }) })));
-ToolsIcon.displayName = 'ToolsIcon';
-export const AIAgentIcon = React.forwardRef(({ className, ...props }, ref) => (_jsx(BotIcon, { ref: ref, className: cn("h-4 w-4", className), ...props })));
-AIAgentIcon.displayName = 'AIAgentIcon';
-export const TracingIcon = React.forwardRef(({ className, ...props }, ref) => (_jsx(ActivityIcon, { ref: ref, className: cn("h-4 w-4", className), ...props })));
-TracingIcon.displayName = 'TracingIcon';

package/dist/assets/crypto.d.ts

@@ -1,7 +0,0 @@
-export declare const EthereumIcon: ({ className }: {
-    className?: string;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const USDCIcon: ({ className }: {
-    className?: string;
-}) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=crypto.d.ts.map

package/dist/assets/crypto.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"crypto.d.ts","sourceRoot":"","sources":["../../assets/crypto.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,kBAAmB;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,4CAajE,CAAC;AAEF,eAAO,MAAM,QAAQ,kBAAmB;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,4CAe7D,CAAC"}

package/dist/assets/crypto.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '../src/utils';
-export const EthereumIcon = ({ className }) => (_jsx("svg", { className: cn('shrink-0', className), width: "16", height: "16", fill: "none", viewBox: "0 0 24 24", children: _jsx("path", { fill: "#fff", d: "M12 3v6.65l5.625 2.516zm0 0-5.625 9.166L12 9.651zm0 13.477v4.522l5.625-7.784zM12 21v-4.523l-5.625-3.262z" }) }));
-export const USDCIcon = ({ className }) => (_jsx("svg", { width: "16", className: cn('shrink-0', className), height: "16", fill: "none", viewBox: "0 0 24 24", children: _jsx("path", { fill: "#fff", fillRule: "evenodd", d: "M12 21c4.99 0 9-4.01 9-9s-4.01-9-9-9-9 4.01-9 9 4.01 9 9 9m2.475-7.578c0-1.31-.787-1.76-2.362-1.946-1.125-.152-1.35-.45-1.35-.978 0-.523.377-.86 1.125-.86.675 0 1.052.224 1.237.787.04.112.152.185.265.185h.596a.256.256 0 0 0 .264-.259v-.039c-.152-.827-.827-1.614-1.687-1.687v-.827c0-.152-.113-.265-.298-.298h-.495c-.152 0-.293.112-.332.298v.827c-1.125.151-1.873 1.012-1.873 1.951 0 1.238.748 1.722 2.323 1.913 1.052.185 1.39.41 1.39 1.012 0 .597-.53 1.013-1.238 1.013-.98 0-1.316-.416-1.429-.979-.034-.146-.146-.225-.259-.225h-.641a.256.256 0 0 0-.259.264v.04c.146.934.748 1.575 1.986 1.76v.833c0 .152.112.253.298.293h.54c.146 0 .248-.102.287-.293v-.833c1.125-.185 1.912-.939 1.912-1.952", clipRule: "evenodd" }) }));

package/dist/assets/file-type-icon.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-export interface FileTypeIconProps extends React.SVGProps<SVGSVGElement> {
-    type?: string;
-}
-export declare const FileTypeIcon: React.ForwardRefExoticComponent<Omit<FileTypeIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-export declare const DirectoryTypeIcon: React.ForwardRefExoticComponent<Omit<Omit<FileTypeIconProps, "type">, "ref"> & React.RefAttributes<SVGSVGElement>>;
-//# sourceMappingURL=file-type-icon.d.ts.map

package/dist/assets/file-type-icon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"file-type-icon.d.ts","sourceRoot":"","sources":["../../assets/file-type-icon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;IACtE,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AA8BD,eAAO,MAAM,YAAY,sGAYxB,CAAC;AAIF,eAAO,MAAM,iBAAiB,oHAU7B,CAAC"}