@blumessage/react-chat 1.0.0 → 1.0.2

package/dist/index.esm.js

@@ -1,2289 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef, createElement, useState, useEffect, useRef } from 'react';
-
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
-
-
-function __awaiter(thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-}
-
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-    var e = new Error(message);
-    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-};
-
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-const toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
-const mergeClasses = (...classes) => classes.filter((className, index, array) => {
-  return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index;
-}).join(" ").trim();
-
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-var defaultAttributes = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: 24,
-  height: 24,
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: "currentColor",
-  strokeWidth: 2,
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-};
-
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-
-const Icon$1 = forwardRef(
-  ({
-    color = "currentColor",
-    size = 24,
-    strokeWidth = 2,
-    absoluteStrokeWidth,
-    className = "",
-    children,
-    iconNode,
-    ...rest
-  }, ref) => {
-    return createElement(
-      "svg",
-      {
-        ref,
-        ...defaultAttributes,
-        width: size,
-        height: size,
-        stroke: color,
-        strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,
-        className: mergeClasses("lucide", className),
-        ...rest
-      },
-      [
-        ...iconNode.map(([tag, attrs]) => createElement(tag, attrs)),
-        ...Array.isArray(children) ? children : [children]
-      ]
-    );
-  }
-);
-
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-
-const createLucideIcon = (iconName, iconNode) => {
-  const Component = forwardRef(
-    ({ className, ...props }, ref) => createElement(Icon$1, {
-      ref,
-      iconNode,
-      className: mergeClasses(`lucide-${toKebabCase(iconName)}`, className),
-      ...props
-    })
-  );
-  Component.displayName = `${iconName}`;
-  return Component;
-};
-
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-
-const Maximize = createLucideIcon("Maximize", [
-  ["path", { d: "M8 3H5a2 2 0 0 0-2 2v3", key: "1dcmit" }],
-  ["path", { d: "M21 8V5a2 2 0 0 0-2-2h-3", key: "1e4gt3" }],
-  ["path", { d: "M3 16v3a2 2 0 0 0 2 2h3", key: "wsl5sc" }],
-  ["path", { d: "M16 21h3a2 2 0 0 0 2-2v-3", key: "18trek" }]
-]);
-
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-
-const Minimize = createLucideIcon("Minimize", [
-  ["path", { d: "M8 3v3a2 2 0 0 1-2 2H3", key: "hohbtr" }],
-  ["path", { d: "M21 8h-3a2 2 0 0 1-2-2V3", key: "5jw1f3" }],
-  ["path", { d: "M3 16h3a2 2 0 0 1 2 2v3", key: "198tvr" }],
-  ["path", { d: "M16 21v-3a2 2 0 0 1 2-2h3", key: "ph8mxp" }]
-]);
-
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-
-const X = createLucideIcon("X", [
-  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
-  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-]);
-
-const defaultIconDimensions = Object.freeze(
-  {
-    left: 0,
-    top: 0,
-    width: 16,
-    height: 16
-  }
-);
-const defaultIconTransformations = Object.freeze({
-  rotate: 0,
-  vFlip: false,
-  hFlip: false
-});
-const defaultIconProps = Object.freeze({
-  ...defaultIconDimensions,
-  ...defaultIconTransformations
-});
-const defaultExtendedIconProps = Object.freeze({
-  ...defaultIconProps,
-  body: "",
-  hidden: false
-});
-
-function mergeIconTransformations(obj1, obj2) {
-  const result = {};
-  if (!obj1.hFlip !== !obj2.hFlip) {
-    result.hFlip = true;
-  }
-  if (!obj1.vFlip !== !obj2.vFlip) {
-    result.vFlip = true;
-  }
-  const rotate = ((obj1.rotate || 0) + (obj2.rotate || 0)) % 4;
-  if (rotate) {
-    result.rotate = rotate;
-  }
-  return result;
-}
-
-function mergeIconData(parent, child) {
-  const result = mergeIconTransformations(parent, child);
-  for (const key in defaultExtendedIconProps) {
-    if (key in defaultIconTransformations) {
-      if (key in parent && !(key in result)) {
-        result[key] = defaultIconTransformations[key];
-      }
-    } else if (key in child) {
-      result[key] = child[key];
-    } else if (key in parent) {
-      result[key] = parent[key];
-    }
-  }
-  return result;
-}
-
-function getIconsTree(data, names) {
-  const icons = data.icons;
-  const aliases = data.aliases || /* @__PURE__ */ Object.create(null);
-  const resolved = /* @__PURE__ */ Object.create(null);
-  function resolve(name) {
-    if (icons[name]) {
-      return resolved[name] = [];
-    }
-    if (!(name in resolved)) {
-      resolved[name] = null;
-      const parent = aliases[name] && aliases[name].parent;
-      const value = parent && resolve(parent);
-      if (value) {
-        resolved[name] = [parent].concat(value);
-      }
-    }
-    return resolved[name];
-  }
-  (Object.keys(icons).concat(Object.keys(aliases))).forEach(resolve);
-  return resolved;
-}
-
-function internalGetIconData(data, name, tree) {
-  const icons = data.icons;
-  const aliases = data.aliases || /* @__PURE__ */ Object.create(null);
-  let currentProps = {};
-  function parse(name2) {
-    currentProps = mergeIconData(
-      icons[name2] || aliases[name2],
-      currentProps
-    );
-  }
-  parse(name);
-  tree.forEach(parse);
-  return mergeIconData(data, currentProps);
-}
-
-function parseIconSet(data, callback) {
-  const names = [];
-  if (typeof data !== "object" || typeof data.icons !== "object") {
-    return names;
-  }
-  if (data.not_found instanceof Array) {
-    data.not_found.forEach((name) => {
-      callback(name, null);
-      names.push(name);
-    });
-  }
-  const tree = getIconsTree(data);
-  for (const name in tree) {
-    const item = tree[name];
-    if (item) {
-      callback(name, internalGetIconData(data, name, item));
-      names.push(name);
-    }
-  }
-  return names;
-}
-
-const optionalPropertyDefaults = {
-  provider: "",
-  aliases: {},
-  not_found: {},
-  ...defaultIconDimensions
-};
-function checkOptionalProps(item, defaults) {
-  for (const prop in defaults) {
-    if (prop in item && typeof item[prop] !== typeof defaults[prop]) {
-      return false;
-    }
-  }
-  return true;
-}
-function quicklyValidateIconSet(obj) {
-  if (typeof obj !== "object" || obj === null) {
-    return null;
-  }
-  const data = obj;
-  if (typeof data.prefix !== "string" || !obj.icons || typeof obj.icons !== "object") {
-    return null;
-  }
-  if (!checkOptionalProps(obj, optionalPropertyDefaults)) {
-    return null;
-  }
-  const icons = data.icons;
-  for (const name in icons) {
-    const icon = icons[name];
-    if (
-      // Name cannot be empty
-      !name || // Must have body
-      typeof icon.body !== "string" || // Check other props
-      !checkOptionalProps(
-        icon,
-        defaultExtendedIconProps
-      )
-    ) {
-      return null;
-    }
-  }
-  const aliases = data.aliases || /* @__PURE__ */ Object.create(null);
-  for (const name in aliases) {
-    const icon = aliases[name];
-    const parent = icon.parent;
-    if (
-      // Name cannot be empty
-      !name || // Parent must be set and point to existing icon
-      typeof parent !== "string" || !icons[parent] && !aliases[parent] || // Check other props
-      !checkOptionalProps(
-        icon,
-        defaultExtendedIconProps
-      )
-    ) {
-      return null;
-    }
-  }
-  return data;
-}
-
-const matchIconName = /^[a-z0-9]+(-[a-z0-9]+)*$/;
-const stringToIcon = (value, validate, allowSimpleName, provider = "") => {
-  const colonSeparated = value.split(":");
-  if (value.slice(0, 1) === "@") {
-    if (colonSeparated.length < 2 || colonSeparated.length > 3) {
-      return null;
-    }
-    provider = colonSeparated.shift().slice(1);
-  }
-  if (colonSeparated.length > 3 || !colonSeparated.length) {
-    return null;
-  }
-  if (colonSeparated.length > 1) {
-    const name2 = colonSeparated.pop();
-    const prefix = colonSeparated.pop();
-    const result = {
-      // Allow provider without '@': "provider:prefix:name"
-      provider: colonSeparated.length > 0 ? colonSeparated[0] : provider,
-      prefix,
-      name: name2
-    };
-    return validate && !validateIconName(result) ? null : result;
-  }
-  const name = colonSeparated[0];
-  const dashSeparated = name.split("-");
-  if (dashSeparated.length > 1) {
-    const result = {
-      provider,
-      prefix: dashSeparated.shift(),
-      name: dashSeparated.join("-")
-    };
-    return validate && !validateIconName(result) ? null : result;
-  }
-  if (allowSimpleName && provider === "") {
-    const result = {
-      provider,
-      prefix: "",
-      name
-    };
-    return validate && !validateIconName(result, allowSimpleName) ? null : result;
-  }
-  return null;
-};
-const validateIconName = (icon, allowSimpleName) => {
-  if (!icon) {
-    return false;
-  }
-  return !!// Check prefix: cannot be empty, unless allowSimpleName is enabled
-  // Check name: cannot be empty
-  ((allowSimpleName && icon.prefix === "" || !!icon.prefix) && !!icon.name);
-};
-
-const dataStorage = /* @__PURE__ */ Object.create(null);
-function newStorage(provider, prefix) {
-  return {
-    provider,
-    prefix,
-    icons: /* @__PURE__ */ Object.create(null),
-    missing: /* @__PURE__ */ new Set()
-  };
-}
-function getStorage(provider, prefix) {
-  const providerStorage = dataStorage[provider] || (dataStorage[provider] = /* @__PURE__ */ Object.create(null));
-  return providerStorage[prefix] || (providerStorage[prefix] = newStorage(provider, prefix));
-}
-function addIconSet(storage, data) {
-  if (!quicklyValidateIconSet(data)) {
-    return [];
-  }
-  return parseIconSet(data, (name, icon) => {
-    if (icon) {
-      storage.icons[name] = icon;
-    } else {
-      storage.missing.add(name);
-    }
-  });
-}
-function addIconToStorage(storage, name, icon) {
-  try {
-    if (typeof icon.body === "string") {
-      storage.icons[name] = { ...icon };
-      return true;
-    }
-  } catch (err) {
-  }
-  return false;
-}
-
-let simpleNames = false;
-function allowSimpleNames(allow) {
-  if (typeof allow === "boolean") {
-    simpleNames = allow;
-  }
-  return simpleNames;
-}
-function getIconData(name) {
-  const icon = typeof name === "string" ? stringToIcon(name, true, simpleNames) : name;
-  if (icon) {
-    const storage = getStorage(icon.provider, icon.prefix);
-    const iconName = icon.name;
-    return storage.icons[iconName] || (storage.missing.has(iconName) ? null : void 0);
-  }
-}
-function addIcon(name, data) {
-  const icon = stringToIcon(name, true, simpleNames);
-  if (!icon) {
-    return false;
-  }
-  const storage = getStorage(icon.provider, icon.prefix);
-  if (data) {
-    return addIconToStorage(storage, icon.name, data);
-  } else {
-    storage.missing.add(icon.name);
-    return true;
-  }
-}
-function addCollection(data, provider) {
-  if (typeof data !== "object") {
-    return false;
-  }
-  if (typeof provider !== "string") {
-    provider = data.provider || "";
-  }
-  if (simpleNames && !provider && !data.prefix) {
-    let added = false;
-    if (quicklyValidateIconSet(data)) {
-      data.prefix = "";
-      parseIconSet(data, (name, icon) => {
-        if (addIcon(name, icon)) {
-          added = true;
-        }
-      });
-    }
-    return added;
-  }
-  const prefix = data.prefix;
-  if (!validateIconName({
-    prefix,
-    name: "a"
-  })) {
-    return false;
-  }
-  const storage = getStorage(provider, prefix);
-  return !!addIconSet(storage, data);
-}
-
-const defaultIconSizeCustomisations = Object.freeze({
-  width: null,
-  height: null
-});
-const defaultIconCustomisations = Object.freeze({
-  // Dimensions
-  ...defaultIconSizeCustomisations,
-  // Transformations
-  ...defaultIconTransformations
-});
-
-const unitsSplit = /(-?[0-9.]*[0-9]+[0-9.]*)/g;
-const unitsTest = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
-function calculateSize(size, ratio, precision) {
-  if (ratio === 1) {
-    return size;
-  }
-  precision = precision || 100;
-  if (typeof size === "number") {
-    return Math.ceil(size * ratio * precision) / precision;
-  }
-  if (typeof size !== "string") {
-    return size;
-  }
-  const oldParts = size.split(unitsSplit);
-  if (oldParts === null || !oldParts.length) {
-    return size;
-  }
-  const newParts = [];
-  let code = oldParts.shift();
-  let isNumber = unitsTest.test(code);
-  while (true) {
-    if (isNumber) {
-      const num = parseFloat(code);
-      if (isNaN(num)) {
-        newParts.push(code);
-      } else {
-        newParts.push(Math.ceil(num * ratio * precision) / precision);
-      }
-    } else {
-      newParts.push(code);
-    }
-    code = oldParts.shift();
-    if (code === void 0) {
-      return newParts.join("");
-    }
-    isNumber = !isNumber;
-  }
-}
-
-function splitSVGDefs(content, tag = "defs") {
-  let defs = "";
-  const index = content.indexOf("<" + tag);
-  while (index >= 0) {
-    const start = content.indexOf(">", index);
-    const end = content.indexOf("</" + tag);
-    if (start === -1 || end === -1) {
-      break;
-    }
-    const endEnd = content.indexOf(">", end);
-    if (endEnd === -1) {
-      break;
-    }
-    defs += content.slice(start + 1, end).trim();
-    content = content.slice(0, index).trim() + content.slice(endEnd + 1);
-  }
-  return {
-    defs,
-    content
-  };
-}
-function mergeDefsAndContent(defs, content) {
-  return defs ? "<defs>" + defs + "</defs>" + content : content;
-}
-function wrapSVGContent(body, start, end) {
-  const split = splitSVGDefs(body);
-  return mergeDefsAndContent(split.defs, start + split.content + end);
-}
-
-const isUnsetKeyword = (value) => value === "unset" || value === "undefined" || value === "none";
-function iconToSVG(icon, customisations) {
-  const fullIcon = {
-    ...defaultIconProps,
-    ...icon
-  };
-  const fullCustomisations = {
-    ...defaultIconCustomisations,
-    ...customisations
-  };
-  const box = {
-    left: fullIcon.left,
-    top: fullIcon.top,
-    width: fullIcon.width,
-    height: fullIcon.height
-  };
-  let body = fullIcon.body;
-  [fullIcon, fullCustomisations].forEach((props) => {
-    const transformations = [];
-    const hFlip = props.hFlip;
-    const vFlip = props.vFlip;
-    let rotation = props.rotate;
-    if (hFlip) {
-      if (vFlip) {
-        rotation += 2;
-      } else {
-        transformations.push(
-          "translate(" + (box.width + box.left).toString() + " " + (0 - box.top).toString() + ")"
-        );
-        transformations.push("scale(-1 1)");
-        box.top = box.left = 0;
-      }
-    } else if (vFlip) {
-      transformations.push(
-        "translate(" + (0 - box.left).toString() + " " + (box.height + box.top).toString() + ")"
-      );
-      transformations.push("scale(1 -1)");
-      box.top = box.left = 0;
-    }
-    let tempValue;
-    if (rotation < 0) {
-      rotation -= Math.floor(rotation / 4) * 4;
-    }
-    rotation = rotation % 4;
-    switch (rotation) {
-      case 1:
-        tempValue = box.height / 2 + box.top;
-        transformations.unshift(
-          "rotate(90 " + tempValue.toString() + " " + tempValue.toString() + ")"
-        );
-        break;
-      case 2:
-        transformations.unshift(
-          "rotate(180 " + (box.width / 2 + box.left).toString() + " " + (box.height / 2 + box.top).toString() + ")"
-        );
-        break;
-      case 3:
-        tempValue = box.width / 2 + box.left;
-        transformations.unshift(
-          "rotate(-90 " + tempValue.toString() + " " + tempValue.toString() + ")"
-        );
-        break;
-    }
-    if (rotation % 2 === 1) {
-      if (box.left !== box.top) {
-        tempValue = box.left;
-        box.left = box.top;
-        box.top = tempValue;
-      }
-      if (box.width !== box.height) {
-        tempValue = box.width;
-        box.width = box.height;
-        box.height = tempValue;
-      }
-    }
-    if (transformations.length) {
-      body = wrapSVGContent(
-        body,
-        '<g transform="' + transformations.join(" ") + '">',
-        "</g>"
-      );
-    }
-  });
-  const customisationsWidth = fullCustomisations.width;
-  const customisationsHeight = fullCustomisations.height;
-  const boxWidth = box.width;
-  const boxHeight = box.height;
-  let width;
-  let height;
-  if (customisationsWidth === null) {
-    height = customisationsHeight === null ? "1em" : customisationsHeight === "auto" ? boxHeight : customisationsHeight;
-    width = calculateSize(height, boxWidth / boxHeight);
-  } else {
-    width = customisationsWidth === "auto" ? boxWidth : customisationsWidth;
-    height = customisationsHeight === null ? calculateSize(width, boxHeight / boxWidth) : customisationsHeight === "auto" ? boxHeight : customisationsHeight;
-  }
-  const attributes = {};
-  const setAttr = (prop, value) => {
-    if (!isUnsetKeyword(value)) {
-      attributes[prop] = value.toString();
-    }
-  };
-  setAttr("width", width);
-  setAttr("height", height);
-  const viewBox = [box.left, box.top, boxWidth, boxHeight];
-  attributes.viewBox = viewBox.join(" ");
-  return {
-    attributes,
-    viewBox,
-    body
-  };
-}
-
-const regex = /\sid="(\S+)"/g;
-const randomPrefix = "IconifyId" + Date.now().toString(16) + (Math.random() * 16777216 | 0).toString(16);
-let counter = 0;
-function replaceIDs(body, prefix = randomPrefix) {
-  const ids = [];
-  let match;
-  while (match = regex.exec(body)) {
-    ids.push(match[1]);
-  }
-  if (!ids.length) {
-    return body;
-  }
-  const suffix = "suffix" + (Math.random() * 16777216 | Date.now()).toString(16);
-  ids.forEach((id) => {
-    const newID = typeof prefix === "function" ? prefix(id) : prefix + (counter++).toString();
-    const escapedID = id.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-    body = body.replace(
-      // Allowed characters before id: [#;"]
-      // Allowed characters after id: [)"], .[a-z]
-      new RegExp('([#;"])(' + escapedID + ')([")]|\\.[a-z])', "g"),
-      "$1" + newID + suffix + "$3"
-    );
-  });
-  body = body.replace(new RegExp(suffix, "g"), "");
-  return body;
-}
-
-const storage = /* @__PURE__ */ Object.create(null);
-function setAPIModule(provider, item) {
-  storage[provider] = item;
-}
-function getAPIModule(provider) {
-  return storage[provider] || storage[""];
-}
-
-function createAPIConfig(source) {
-  let resources;
-  if (typeof source.resources === "string") {
-    resources = [source.resources];
-  } else {
-    resources = source.resources;
-    if (!(resources instanceof Array) || !resources.length) {
-      return null;
-    }
-  }
-  const result = {
-    // API hosts
-    resources,
-    // Root path
-    path: source.path || "/",
-    // URL length limit
-    maxURL: source.maxURL || 500,
-    // Timeout before next host is used.
-    rotate: source.rotate || 750,
-    // Timeout before failing query.
-    timeout: source.timeout || 5e3,
-    // Randomise default API end point.
-    random: source.random === true,
-    // Start index
-    index: source.index || 0,
-    // Receive data after time out (used if time out kicks in first, then API module sends data anyway).
-    dataAfterTimeout: source.dataAfterTimeout !== false
-  };
-  return result;
-}
-const configStorage = /* @__PURE__ */ Object.create(null);
-const fallBackAPISources = [
-  "https://api.simplesvg.com",
-  "https://api.unisvg.com"
-];
-const fallBackAPI = [];
-while (fallBackAPISources.length > 0) {
-  if (fallBackAPISources.length === 1) {
-    fallBackAPI.push(fallBackAPISources.shift());
-  } else {
-    if (Math.random() > 0.5) {
-      fallBackAPI.push(fallBackAPISources.shift());
-    } else {
-      fallBackAPI.push(fallBackAPISources.pop());
-    }
-  }
-}
-configStorage[""] = createAPIConfig({
-  resources: ["https://api.iconify.design"].concat(fallBackAPI)
-});
-function addAPIProvider(provider, customConfig) {
-  const config = createAPIConfig(customConfig);
-  if (config === null) {
-    return false;
-  }
-  configStorage[provider] = config;
-  return true;
-}
-function getAPIConfig(provider) {
-  return configStorage[provider];
-}
-
-const detectFetch = () => {
-  let callback;
-  try {
-    callback = fetch;
-    if (typeof callback === "function") {
-      return callback;
-    }
-  } catch (err) {
-  }
-};
-let fetchModule = detectFetch();
-function calculateMaxLength(provider, prefix) {
-  const config = getAPIConfig(provider);
-  if (!config) {
-    return 0;
-  }
-  let result;
-  if (!config.maxURL) {
-    result = 0;
-  } else {
-    let maxHostLength = 0;
-    config.resources.forEach((item) => {
-      const host = item;
-      maxHostLength = Math.max(maxHostLength, host.length);
-    });
-    const url = prefix + ".json?icons=";
-    result = config.maxURL - maxHostLength - config.path.length - url.length;
-  }
-  return result;
-}
-function shouldAbort(status) {
-  return status === 404;
-}
-const prepare = (provider, prefix, icons) => {
-  const results = [];
-  const maxLength = calculateMaxLength(provider, prefix);
-  const type = "icons";
-  let item = {
-    type,
-    provider,
-    prefix,
-    icons: []
-  };
-  let length = 0;
-  icons.forEach((name, index) => {
-    length += name.length + 1;
-    if (length >= maxLength && index > 0) {
-      results.push(item);
-      item = {
-        type,
-        provider,
-        prefix,
-        icons: []
-      };
-      length = name.length;
-    }
-    item.icons.push(name);
-  });
-  results.push(item);
-  return results;
-};
-function getPath(provider) {
-  if (typeof provider === "string") {
-    const config = getAPIConfig(provider);
-    if (config) {
-      return config.path;
-    }
-  }
-  return "/";
-}
-const send = (host, params, callback) => {
-  if (!fetchModule) {
-    callback("abort", 424);
-    return;
-  }
-  let path = getPath(params.provider);
-  switch (params.type) {
-    case "icons": {
-      const prefix = params.prefix;
-      const icons = params.icons;
-      const iconsList = icons.join(",");
-      const urlParams = new URLSearchParams({
-        icons: iconsList
-      });
-      path += prefix + ".json?" + urlParams.toString();
-      break;
-    }
-    case "custom": {
-      const uri = params.uri;
-      path += uri.slice(0, 1) === "/" ? uri.slice(1) : uri;
-      break;
-    }
-    default:
-      callback("abort", 400);
-      return;
-  }
-  let defaultError = 503;
-  fetchModule(host + path).then((response) => {
-    const status = response.status;
-    if (status !== 200) {
-      setTimeout(() => {
-        callback(shouldAbort(status) ? "abort" : "next", status);
-      });
-      return;
-    }
-    defaultError = 501;
-    return response.json();
-  }).then((data) => {
-    if (typeof data !== "object" || data === null) {
-      setTimeout(() => {
-        if (data === 404) {
-          callback("abort", data);
-        } else {
-          callback("next", defaultError);
-        }
-      });
-      return;
-    }
-    setTimeout(() => {
-      callback("success", data);
-    });
-  }).catch(() => {
-    callback("next", defaultError);
-  });
-};
-const fetchAPIModule = {
-  prepare,
-  send
-};
-
-function sortIcons(icons) {
-  const result = {
-    loaded: [],
-    missing: [],
-    pending: []
-  };
-  const storage = /* @__PURE__ */ Object.create(null);
-  icons.sort((a, b) => {
-    if (a.provider !== b.provider) {
-      return a.provider.localeCompare(b.provider);
-    }
-    if (a.prefix !== b.prefix) {
-      return a.prefix.localeCompare(b.prefix);
-    }
-    return a.name.localeCompare(b.name);
-  });
-  let lastIcon = {
-    provider: "",
-    prefix: "",
-    name: ""
-  };
-  icons.forEach((icon) => {
-    if (lastIcon.name === icon.name && lastIcon.prefix === icon.prefix && lastIcon.provider === icon.provider) {
-      return;
-    }
-    lastIcon = icon;
-    const provider = icon.provider;
-    const prefix = icon.prefix;
-    const name = icon.name;
-    const providerStorage = storage[provider] || (storage[provider] = /* @__PURE__ */ Object.create(null));
-    const localStorage = providerStorage[prefix] || (providerStorage[prefix] = getStorage(provider, prefix));
-    let list;
-    if (name in localStorage.icons) {
-      list = result.loaded;
-    } else if (prefix === "" || localStorage.missing.has(name)) {
-      list = result.missing;
-    } else {
-      list = result.pending;
-    }
-    const item = {
-      provider,
-      prefix,
-      name
-    };
-    list.push(item);
-  });
-  return result;
-}
-
-function removeCallback(storages, id) {
-  storages.forEach((storage) => {
-    const items = storage.loaderCallbacks;
-    if (items) {
-      storage.loaderCallbacks = items.filter((row) => row.id !== id);
-    }
-  });
-}
-function updateCallbacks(storage) {
-  if (!storage.pendingCallbacksFlag) {
-    storage.pendingCallbacksFlag = true;
-    setTimeout(() => {
-      storage.pendingCallbacksFlag = false;
-      const items = storage.loaderCallbacks ? storage.loaderCallbacks.slice(0) : [];
-      if (!items.length) {
-        return;
-      }
-      let hasPending = false;
-      const provider = storage.provider;
-      const prefix = storage.prefix;
-      items.forEach((item) => {
-        const icons = item.icons;
-        const oldLength = icons.pending.length;
-        icons.pending = icons.pending.filter((icon) => {
-          if (icon.prefix !== prefix) {
-            return true;
-          }
-          const name = icon.name;
-          if (storage.icons[name]) {
-            icons.loaded.push({
-              provider,
-              prefix,
-              name
-            });
-          } else if (storage.missing.has(name)) {
-            icons.missing.push({
-              provider,
-              prefix,
-              name
-            });
-          } else {
-            hasPending = true;
-            return true;
-          }
-          return false;
-        });
-        if (icons.pending.length !== oldLength) {
-          if (!hasPending) {
-            removeCallback([storage], item.id);
-          }
-          item.callback(
-            icons.loaded.slice(0),
-            icons.missing.slice(0),
-            icons.pending.slice(0),
-            item.abort
-          );
-        }
-      });
-    });
-  }
-}
-let idCounter = 0;
-function storeCallback(callback, icons, pendingSources) {
-  const id = idCounter++;
-  const abort = removeCallback.bind(null, pendingSources, id);
-  if (!icons.pending.length) {
-    return abort;
-  }
-  const item = {
-    id,
-    icons,
-    callback,
-    abort
-  };
-  pendingSources.forEach((storage) => {
-    (storage.loaderCallbacks || (storage.loaderCallbacks = [])).push(item);
-  });
-  return abort;
-}
-
-function listToIcons(list, validate = true, simpleNames = false) {
-  const result = [];
-  list.forEach((item) => {
-    const icon = typeof item === "string" ? stringToIcon(item, validate, simpleNames) : item;
-    if (icon) {
-      result.push(icon);
-    }
-  });
-  return result;
-}
-
-// src/config.ts
-var defaultConfig = {
-  resources: [],
-  index: 0,
-  timeout: 2e3,
-  rotate: 750,
-  random: false,
-  dataAfterTimeout: false
-};
-
-// src/query.ts
-function sendQuery(config, payload, query, done) {
-  const resourcesCount = config.resources.length;
-  const startIndex = config.random ? Math.floor(Math.random() * resourcesCount) : config.index;
-  let resources;
-  if (config.random) {
-    let list = config.resources.slice(0);
-    resources = [];
-    while (list.length > 1) {
-      const nextIndex = Math.floor(Math.random() * list.length);
-      resources.push(list[nextIndex]);
-      list = list.slice(0, nextIndex).concat(list.slice(nextIndex + 1));
-    }
-    resources = resources.concat(list);
-  } else {
-    resources = config.resources.slice(startIndex).concat(config.resources.slice(0, startIndex));
-  }
-  const startTime = Date.now();
-  let status = "pending";
-  let queriesSent = 0;
-  let lastError;
-  let timer = null;
-  let queue = [];
-  let doneCallbacks = [];
-  if (typeof done === "function") {
-    doneCallbacks.push(done);
-  }
-  function resetTimer() {
-    if (timer) {
-      clearTimeout(timer);
-      timer = null;
-    }
-  }
-  function abort() {
-    if (status === "pending") {
-      status = "aborted";
-    }
-    resetTimer();
-    queue.forEach((item) => {
-      if (item.status === "pending") {
-        item.status = "aborted";
-      }
-    });
-    queue = [];
-  }
-  function subscribe(callback, overwrite) {
-    if (overwrite) {
-      doneCallbacks = [];
-    }
-    if (typeof callback === "function") {
-      doneCallbacks.push(callback);
-    }
-  }
-  function getQueryStatus() {
-    return {
-      startTime,
-      payload,
-      status,
-      queriesSent,
-      queriesPending: queue.length,
-      subscribe,
-      abort
-    };
-  }
-  function failQuery() {
-    status = "failed";
-    doneCallbacks.forEach((callback) => {
-      callback(void 0, lastError);
-    });
-  }
-  function clearQueue() {
-    queue.forEach((item) => {
-      if (item.status === "pending") {
-        item.status = "aborted";
-      }
-    });
-    queue = [];
-  }
-  function moduleResponse(item, response, data) {
-    const isError = response !== "success";
-    queue = queue.filter((queued) => queued !== item);
-    switch (status) {
-      case "pending":
-        break;
-      case "failed":
-        if (isError || !config.dataAfterTimeout) {
-          return;
-        }
-        break;
-      default:
-        return;
-    }
-    if (response === "abort") {
-      lastError = data;
-      failQuery();
-      return;
-    }
-    if (isError) {
-      lastError = data;
-      if (!queue.length) {
-        if (!resources.length) {
-          failQuery();
-        } else {
-          execNext();
-        }
-      }
-      return;
-    }
-    resetTimer();
-    clearQueue();
-    if (!config.random) {
-      const index = config.resources.indexOf(item.resource);
-      if (index !== -1 && index !== config.index) {
-        config.index = index;
-      }
-    }
-    status = "completed";
-    doneCallbacks.forEach((callback) => {
-      callback(data);
-    });
-  }
-  function execNext() {
-    if (status !== "pending") {
-      return;
-    }
-    resetTimer();
-    const resource = resources.shift();
-    if (resource === void 0) {
-      if (queue.length) {
-        timer = setTimeout(() => {
-          resetTimer();
-          if (status === "pending") {
-            clearQueue();
-            failQuery();
-          }
-        }, config.timeout);
-        return;
-      }
-      failQuery();
-      return;
-    }
-    const item = {
-      status: "pending",
-      resource,
-      callback: (status2, data) => {
-        moduleResponse(item, status2, data);
-      }
-    };
-    queue.push(item);
-    queriesSent++;
-    timer = setTimeout(execNext, config.rotate);
-    query(resource, payload, item.callback);
-  }
-  setTimeout(execNext);
-  return getQueryStatus;
-}
-
-// src/index.ts
-function initRedundancy(cfg) {
-  const config = {
-    ...defaultConfig,
-    ...cfg
-  };
-  let queries = [];
-  function cleanup() {
-    queries = queries.filter((item) => item().status === "pending");
-  }
-  function query(payload, queryCallback, doneCallback) {
-    const query2 = sendQuery(
-      config,
-      payload,
-      queryCallback,
-      (data, error) => {
-        cleanup();
-        if (doneCallback) {
-          doneCallback(data, error);
-        }
-      }
-    );
-    queries.push(query2);
-    return query2;
-  }
-  function find(callback) {
-    return queries.find((value) => {
-      return callback(value);
-    }) || null;
-  }
-  const instance = {
-    query,
-    find,
-    setIndex: (index) => {
-      config.index = index;
-    },
-    getIndex: () => config.index,
-    cleanup
-  };
-  return instance;
-}
-
-function emptyCallback$1() {
-}
-const redundancyCache = /* @__PURE__ */ Object.create(null);
-function getRedundancyCache(provider) {
-  if (!redundancyCache[provider]) {
-    const config = getAPIConfig(provider);
-    if (!config) {
-      return;
-    }
-    const redundancy = initRedundancy(config);
-    const cachedReundancy = {
-      config,
-      redundancy
-    };
-    redundancyCache[provider] = cachedReundancy;
-  }
-  return redundancyCache[provider];
-}
-function sendAPIQuery(target, query, callback) {
-  let redundancy;
-  let send;
-  if (typeof target === "string") {
-    const api = getAPIModule(target);
-    if (!api) {
-      callback(void 0, 424);
-      return emptyCallback$1;
-    }
-    send = api.send;
-    const cached = getRedundancyCache(target);
-    if (cached) {
-      redundancy = cached.redundancy;
-    }
-  } else {
-    const config = createAPIConfig(target);
-    if (config) {
-      redundancy = initRedundancy(config);
-      const moduleKey = target.resources ? target.resources[0] : "";
-      const api = getAPIModule(moduleKey);
-      if (api) {
-        send = api.send;
-      }
-    }
-  }
-  if (!redundancy || !send) {
-    callback(void 0, 424);
-    return emptyCallback$1;
-  }
-  return redundancy.query(query, send, callback)().abort;
-}
-
-function emptyCallback() {
-}
-function loadedNewIcons(storage) {
-  if (!storage.iconsLoaderFlag) {
-    storage.iconsLoaderFlag = true;
-    setTimeout(() => {
-      storage.iconsLoaderFlag = false;
-      updateCallbacks(storage);
-    });
-  }
-}
-function checkIconNamesForAPI(icons) {
-  const valid = [];
-  const invalid = [];
-  icons.forEach((name) => {
-    (name.match(matchIconName) ? valid : invalid).push(name);
-  });
-  return {
-    valid,
-    invalid
-  };
-}
-function parseLoaderResponse(storage, icons, data) {
-  function checkMissing() {
-    const pending = storage.pendingIcons;
-    icons.forEach((name) => {
-      if (pending) {
-        pending.delete(name);
-      }
-      if (!storage.icons[name]) {
-        storage.missing.add(name);
-      }
-    });
-  }
-  if (data && typeof data === "object") {
-    try {
-      const parsed = addIconSet(storage, data);
-      if (!parsed.length) {
-        checkMissing();
-        return;
-      }
-    } catch (err) {
-      console.error(err);
-    }
-  }
-  checkMissing();
-  loadedNewIcons(storage);
-}
-function parsePossiblyAsyncResponse(response, callback) {
-  if (response instanceof Promise) {
-    response.then((data) => {
-      callback(data);
-    }).catch(() => {
-      callback(null);
-    });
-  } else {
-    callback(response);
-  }
-}
-function loadNewIcons(storage, icons) {
-  if (!storage.iconsToLoad) {
-    storage.iconsToLoad = icons;
-  } else {
-    storage.iconsToLoad = storage.iconsToLoad.concat(icons).sort();
-  }
-  if (!storage.iconsQueueFlag) {
-    storage.iconsQueueFlag = true;
-    setTimeout(() => {
-      storage.iconsQueueFlag = false;
-      const { provider, prefix } = storage;
-      const icons2 = storage.iconsToLoad;
-      delete storage.iconsToLoad;
-      if (!icons2 || !icons2.length) {
-        return;
-      }
-      const customIconLoader = storage.loadIcon;
-      if (storage.loadIcons && (icons2.length > 1 || !customIconLoader)) {
-        parsePossiblyAsyncResponse(
-          storage.loadIcons(icons2, prefix, provider),
-          (data) => {
-            parseLoaderResponse(storage, icons2, data);
-          }
-        );
-        return;
-      }
-      if (customIconLoader) {
-        icons2.forEach((name) => {
-          const response = customIconLoader(name, prefix, provider);
-          parsePossiblyAsyncResponse(response, (data) => {
-            const iconSet = data ? {
-              prefix,
-              icons: {
-                [name]: data
-              }
-            } : null;
-            parseLoaderResponse(storage, [name], iconSet);
-          });
-        });
-        return;
-      }
-      const { valid, invalid } = checkIconNamesForAPI(icons2);
-      if (invalid.length) {
-        parseLoaderResponse(storage, invalid, null);
-      }
-      if (!valid.length) {
-        return;
-      }
-      const api = prefix.match(matchIconName) ? getAPIModule(provider) : null;
-      if (!api) {
-        parseLoaderResponse(storage, valid, null);
-        return;
-      }
-      const params = api.prepare(provider, prefix, valid);
-      params.forEach((item) => {
-        sendAPIQuery(provider, item, (data) => {
-          parseLoaderResponse(storage, item.icons, data);
-        });
-      });
-    });
-  }
-}
-const loadIcons = (icons, callback) => {
-  const cleanedIcons = listToIcons(icons, true, allowSimpleNames());
-  const sortedIcons = sortIcons(cleanedIcons);
-  if (!sortedIcons.pending.length) {
-    let callCallback = true;
-    if (callback) {
-      setTimeout(() => {
-        if (callCallback) {
-          callback(
-            sortedIcons.loaded,
-            sortedIcons.missing,
-            sortedIcons.pending,
-            emptyCallback
-          );
-        }
-      });
-    }
-    return () => {
-      callCallback = false;
-    };
-  }
-  const newIcons = /* @__PURE__ */ Object.create(null);
-  const sources = [];
-  let lastProvider, lastPrefix;
-  sortedIcons.pending.forEach((icon) => {
-    const { provider, prefix } = icon;
-    if (prefix === lastPrefix && provider === lastProvider) {
-      return;
-    }
-    lastProvider = provider;
-    lastPrefix = prefix;
-    sources.push(getStorage(provider, prefix));
-    const providerNewIcons = newIcons[provider] || (newIcons[provider] = /* @__PURE__ */ Object.create(null));
-    if (!providerNewIcons[prefix]) {
-      providerNewIcons[prefix] = [];
-    }
-  });
-  sortedIcons.pending.forEach((icon) => {
-    const { provider, prefix, name } = icon;
-    const storage = getStorage(provider, prefix);
-    const pendingQueue = storage.pendingIcons || (storage.pendingIcons = /* @__PURE__ */ new Set());
-    if (!pendingQueue.has(name)) {
-      pendingQueue.add(name);
-      newIcons[provider][prefix].push(name);
-    }
-  });
-  sources.forEach((storage) => {
-    const list = newIcons[storage.provider][storage.prefix];
-    if (list.length) {
-      loadNewIcons(storage, list);
-    }
-  });
-  return callback ? storeCallback(callback, sortedIcons, sources) : emptyCallback;
-};
-
-function mergeCustomisations(defaults, item) {
-  const result = {
-    ...defaults
-  };
-  for (const key in item) {
-    const value = item[key];
-    const valueType = typeof value;
-    if (key in defaultIconSizeCustomisations) {
-      if (value === null || value && (valueType === "string" || valueType === "number")) {
-        result[key] = value;
-      }
-    } else if (valueType === typeof result[key]) {
-      result[key] = key === "rotate" ? value % 4 : value;
-    }
-  }
-  return result;
-}
-
-const separator = /[\s,]+/;
-function flipFromString(custom, flip) {
-  flip.split(separator).forEach((str) => {
-    const value = str.trim();
-    switch (value) {
-      case "horizontal":
-        custom.hFlip = true;
-        break;
-      case "vertical":
-        custom.vFlip = true;
-        break;
-    }
-  });
-}
-
-function rotateFromString(value, defaultValue = 0) {
-  const units = value.replace(/^-?[0-9.]*/, "");
-  function cleanup(value2) {
-    while (value2 < 0) {
-      value2 += 4;
-    }
-    return value2 % 4;
-  }
-  if (units === "") {
-    const num = parseInt(value);
-    return isNaN(num) ? 0 : cleanup(num);
-  } else if (units !== value) {
-    let split = 0;
-    switch (units) {
-      case "%":
-        split = 25;
-        break;
-      case "deg":
-        split = 90;
-    }
-    if (split) {
-      let num = parseFloat(value.slice(0, value.length - units.length));
-      if (isNaN(num)) {
-        return 0;
-      }
-      num = num / split;
-      return num % 1 === 0 ? cleanup(num) : 0;
-    }
-  }
-  return defaultValue;
-}
-
-function iconToHTML(body, attributes) {
-  let renderAttribsHTML = body.indexOf("xlink:") === -1 ? "" : ' xmlns:xlink="http://www.w3.org/1999/xlink"';
-  for (const attr in attributes) {
-    renderAttribsHTML += " " + attr + '="' + attributes[attr] + '"';
-  }
-  return '<svg xmlns="http://www.w3.org/2000/svg"' + renderAttribsHTML + ">" + body + "</svg>";
-}
-
-function encodeSVGforURL(svg) {
-  return svg.replace(/"/g, "'").replace(/%/g, "%25").replace(/#/g, "%23").replace(/</g, "%3C").replace(/>/g, "%3E").replace(/\s+/g, " ");
-}
-function svgToData(svg) {
-  return "data:image/svg+xml," + encodeSVGforURL(svg);
-}
-function svgToURL(svg) {
-  return 'url("' + svgToData(svg) + '")';
-}
-
-let policy;
-function createPolicy() {
-  try {
-    policy = window.trustedTypes.createPolicy("iconify", {
-      // eslint-disable-next-line @typescript-eslint/no-unsafe-return
-      createHTML: (s) => s
-    });
-  } catch (err) {
-    policy = null;
-  }
-}
-function cleanUpInnerHTML(html) {
-  if (policy === void 0) {
-    createPolicy();
-  }
-  return policy ? policy.createHTML(html) : html;
-}
-
-const defaultExtendedIconCustomisations = {
-    ...defaultIconCustomisations,
-    inline: false,
-};
-
-/**
- * Default SVG attributes
- */
-const svgDefaults = {
-    'xmlns': 'http://www.w3.org/2000/svg',
-    'xmlnsXlink': 'http://www.w3.org/1999/xlink',
-    'aria-hidden': true,
-    'role': 'img',
-};
-/**
- * Style modes
- */
-const commonProps = {
-    display: 'inline-block',
-};
-const monotoneProps = {
-    backgroundColor: 'currentColor',
-};
-const coloredProps = {
-    backgroundColor: 'transparent',
-};
-// Dynamically add common props to variables above
-const propsToAdd = {
-    Image: 'var(--svg)',
-    Repeat: 'no-repeat',
-    Size: '100% 100%',
-};
-const propsToAddTo = {
-    WebkitMask: monotoneProps,
-    mask: monotoneProps,
-    background: coloredProps,
-};
-for (const prefix in propsToAddTo) {
-    const list = propsToAddTo[prefix];
-    for (const prop in propsToAdd) {
-        list[prefix + prop] = propsToAdd[prop];
-    }
-}
-/**
- * Default values for customisations for inline icon
- */
-const inlineDefaults = {
-    ...defaultExtendedIconCustomisations,
-    inline: true,
-};
-/**
- * Fix size: add 'px' to numbers
- */
-function fixSize(value) {
-    return value + (value.match(/^[-0-9.]+$/) ? 'px' : '');
-}
-/**
- * Render icon
- */
-const render = (
-// Icon must be validated before calling this function
-icon, 
-// Partial properties
-props, 
-// Icon name
-name) => {
-    // Get default properties
-    const defaultProps = props.inline
-        ? inlineDefaults
-        : defaultExtendedIconCustomisations;
-    // Get all customisations
-    const customisations = mergeCustomisations(defaultProps, props);
-    // Check mode
-    const mode = props.mode || 'svg';
-    // Create style
-    const style = {};
-    const customStyle = props.style || {};
-    // Create SVG component properties
-    const componentProps = {
-        ...(mode === 'svg' ? svgDefaults : {}),
-    };
-    if (name) {
-        const iconName = stringToIcon(name, false, true);
-        if (iconName) {
-            const classNames = ['iconify'];
-            const props = [
-                'provider',
-                'prefix',
-            ];
-            for (const prop of props) {
-                if (iconName[prop]) {
-                    classNames.push('iconify--' + iconName[prop]);
-                }
-            }
-            componentProps.className = classNames.join(' ');
-        }
-    }
-    // Get element properties
-    for (let key in props) {
-        const value = props[key];
-        if (value === void 0) {
-            continue;
-        }
-        switch (key) {
-            // Properties to ignore
-            case 'icon':
-            case 'style':
-            case 'children':
-            case 'onLoad':
-            case 'mode':
-            case 'ssr':
-                break;
-            // Forward ref
-            case '_ref':
-                componentProps.ref = value;
-                break;
-            // Merge class names
-            case 'className':
-                componentProps[key] =
-                    (componentProps[key] ? componentProps[key] + ' ' : '') +
-                        value;
-                break;
-            // Boolean attributes
-            case 'inline':
-            case 'hFlip':
-            case 'vFlip':
-                customisations[key] =
-                    value === true || value === 'true' || value === 1;
-                break;
-            // Flip as string: 'horizontal,vertical'
-            case 'flip':
-                if (typeof value === 'string') {
-                    flipFromString(customisations, value);
-                }
-                break;
-            // Color: copy to style
-            case 'color':
-                style.color = value;
-                break;
-            // Rotation as string
-            case 'rotate':
-                if (typeof value === 'string') {
-                    customisations[key] = rotateFromString(value);
-                }
-                else if (typeof value === 'number') {
-                    customisations[key] = value;
-                }
-                break;
-            // Remove aria-hidden
-            case 'ariaHidden':
-            case 'aria-hidden':
-                if (value !== true && value !== 'true') {
-                    delete componentProps['aria-hidden'];
-                }
-                break;
-            // Copy missing property if it does not exist in customisations
-            default:
-                if (defaultProps[key] === void 0) {
-                    componentProps[key] = value;
-                }
-        }
-    }
-    // Generate icon
-    const item = iconToSVG(icon, customisations);
-    const renderAttribs = item.attributes;
-    // Inline display
-    if (customisations.inline) {
-        style.verticalAlign = '-0.125em';
-    }
-    if (mode === 'svg') {
-        // Add style
-        componentProps.style = {
-            ...style,
-            ...customStyle,
-        };
-        // Add icon stuff
-        Object.assign(componentProps, renderAttribs);
-        // Counter for ids based on "id" property to render icons consistently on server and client
-        let localCounter = 0;
-        let id = props.id;
-        if (typeof id === 'string') {
-            // Convert '-' to '_' to avoid errors in animations
-            id = id.replace(/-/g, '_');
-        }
-        // Add icon stuff
-        componentProps.dangerouslySetInnerHTML = {
-            __html: cleanUpInnerHTML(replaceIDs(item.body, id ? () => id + 'ID' + localCounter++ : 'iconifyReact')),
-        };
-        return createElement('svg', componentProps);
-    }
-    // Render <span> with style
-    const { body, width, height } = icon;
-    const useMask = mode === 'mask' ||
-        (mode === 'bg' ? false : body.indexOf('currentColor') !== -1);
-    // Generate SVG
-    const html = iconToHTML(body, {
-        ...renderAttribs,
-        width: width + '',
-        height: height + '',
-    });
-    // Generate style
-    componentProps.style = {
-        ...style,
-        '--svg': svgToURL(html),
-        'width': fixSize(renderAttribs.width),
-        'height': fixSize(renderAttribs.height),
-        ...commonProps,
-        ...(useMask ? monotoneProps : coloredProps),
-        ...customStyle,
-    };
-    return createElement('span', componentProps);
-};
-
-/**
- * Initialise stuff
- */
-// Enable short names
-allowSimpleNames(true);
-// Set API module
-setAPIModule('', fetchAPIModule);
-/**
- * Browser stuff
- */
-if (typeof document !== 'undefined' && typeof window !== 'undefined') {
-    const _window = window;
-    // Load icons from global "IconifyPreload"
-    if (_window.IconifyPreload !== void 0) {
-        const preload = _window.IconifyPreload;
-        const err = 'Invalid IconifyPreload syntax.';
-        if (typeof preload === 'object' && preload !== null) {
-            (preload instanceof Array ? preload : [preload]).forEach((item) => {
-                try {
-                    if (
-                    // Check if item is an object and not null/array
-                    typeof item !== 'object' ||
-                        item === null ||
-                        item instanceof Array ||
-                        // Check for 'icons' and 'prefix'
-                        typeof item.icons !== 'object' ||
-                        typeof item.prefix !== 'string' ||
-                        // Add icon set
-                        !addCollection(item)) {
-                        console.error(err);
-                    }
-                }
-                catch (e) {
-                    console.error(err);
-                }
-            });
-        }
-    }
-    // Set API from global "IconifyProviders"
-    if (_window.IconifyProviders !== void 0) {
-        const providers = _window.IconifyProviders;
-        if (typeof providers === 'object' && providers !== null) {
-            for (let key in providers) {
-                const err = 'IconifyProviders[' + key + '] is invalid.';
-                try {
-                    const value = providers[key];
-                    if (typeof value !== 'object' ||
-                        !value ||
-                        value.resources === void 0) {
-                        continue;
-                    }
-                    if (!addAPIProvider(key, value)) {
-                        console.error(err);
-                    }
-                }
-                catch (e) {
-                    console.error(err);
-                }
-            }
-        }
-    }
-}
-function IconComponent(props) {
-    const [mounted, setMounted] = useState(!!props.ssr);
-    const [abort, setAbort] = useState({});
-    // Get initial state
-    function getInitialState(mounted) {
-        if (mounted) {
-            const name = props.icon;
-            if (typeof name === 'object') {
-                // Icon as object
-                return {
-                    name: '',
-                    data: name,
-                };
-            }
-            const data = getIconData(name);
-            if (data) {
-                return {
-                    name,
-                    data,
-                };
-            }
-        }
-        return {
-            name: '',
-        };
-    }
-    const [state, setState] = useState(getInitialState(!!props.ssr));
-    // Cancel loading
-    function cleanup() {
-        const callback = abort.callback;
-        if (callback) {
-            callback();
-            setAbort({});
-        }
-    }
-    // Change state if it is different
-    function changeState(newState) {
-        if (JSON.stringify(state) !== JSON.stringify(newState)) {
-            cleanup();
-            setState(newState);
-            return true;
-        }
-    }
-    // Update state
-    function updateState() {
-        var _a;
-        const name = props.icon;
-        if (typeof name === 'object') {
-            // Icon as object
-            changeState({
-                name: '',
-                data: name,
-            });
-            return;
-        }
-        // New icon or got icon data
-        const data = getIconData(name);
-        if (changeState({
-            name,
-            data,
-        })) {
-            if (data === undefined) {
-                // Load icon, update state when done
-                const callback = loadIcons([name], updateState);
-                setAbort({
-                    callback,
-                });
-            }
-            else if (data) {
-                // Icon data is available: trigger onLoad callback if present
-                (_a = props.onLoad) === null || _a === void 0 ? void 0 : _a.call(props, name);
-            }
-        }
-    }
-    // Mounted state, cleanup for loader
-    useEffect(() => {
-        setMounted(true);
-        return cleanup;
-    }, []);
-    // Icon changed or component mounted
-    useEffect(() => {
-        if (mounted) {
-            updateState();
-        }
-    }, [props.icon, mounted]);
-    // Render icon
-    const { name, data } = state;
-    if (!data) {
-        return props.children
-            ? props.children
-            : props.fallback
-                ? props.fallback
-                : createElement('span', {});
-    }
-    return render({
-        ...defaultIconProps,
-        ...data,
-    }, props, name);
-}
-/**
- * Block icon
- *
- * @param props - Component properties
- */
-const Icon = forwardRef((props, ref) => IconComponent({
-    ...props,
-    _ref: ref,
-}));
-/**
- * Inline icon (has negative verticalAlign that makes it behave like icon font)
- *
- * @param props - Component properties
- */
-forwardRef((props, ref) => IconComponent({
-    inline: true,
-    ...props,
-    _ref: ref,
-}));
-
-const ChatComponent = ({ messages: externalMessages, onSendMessage, currentUser = { id: 'user1', name: 'You' }, inputPlaceholder = 'Type a message...', className = '', headerTitle = 'BlueMessage AI', headerDescription = 'Online • Instant responses', headerColor, headerIcon = 'mdi:message-text', headerIconColor, headerIconHide = false, headerAvatarColor = 'rgba(255, 255, 255, 0.2)', primaryColor = '#3b82f6', secondaryColor = '#2563eb', messageUserColor, messageAssistantColor = '#f3f4f6', messageTimestamps = true, messageUserAvatarVisibility = false, messageUserAvatarIcon = 'mdi:account', messageUserAvatarColor = '#3b82f6', messageAssistantAvatarVisibility = false, messageAssistantAvatarIcon = 'mdi:robot', messageAssistantAvatarColor = '#6b7280', messageUserName = null, messageAssistantName = null, sendButtonIcon = 'mdi:send', sendButtonColor, inputOutlineColor = '#3b82f6', floatingButtonPosition = 'bottom-right', floatingButtonIcon, floatingButtonIconColor, floatingButtonBackgroundColor, size = 'medium', maximizeToggle = true, maximize = false, autoOpen = false, forceOpen = false, apiKey }) => {
-    const [isOpen, setIsOpen] = useState(autoOpen || forceOpen);
-    const [isClosing, setIsClosing] = useState(false);
-    const [isMaximized, setIsMaximized] = useState(maximize);
-    const [isMaximizing, setIsMaximizing] = useState(false);
-    // API key validation state
-    const [isApiKeyValid, setIsApiKeyValid] = useState(false);
-    const [isValidatingApiKey, setIsValidatingApiKey] = useState(false);
-    // Check if API key is missing or invalid
-    const isApiKeyMissing = !apiKey;
-    const isChatDisabled = isApiKeyMissing || (!isApiKeyValid && apiKey !== 'test');
-    // Validate API key
-    useEffect(() => {
-        const validateApiKey = () => __awaiter(void 0, void 0, void 0, function* () {
-            if (!apiKey) {
-                console.error('ChatComponent: API key is missing. Chat functionality has been disabled.');
-                return;
-            }
-            // Special exception for test API key
-            if (apiKey === 'test') {
-                setIsApiKeyValid(true);
-                console.log('ChatComponent: Using test API key for demo purposes.');
-                return;
-            }
-            setIsValidatingApiKey(true);
-            try {
-                const response = yield fetch('https://api.blumessage.com/api/v1/api-keys/validate', {
-                    method: 'POST',
-                    headers: {
-                        'Content-Type': 'application/json',
-                    },
-                    body: JSON.stringify({ apiKey }),
-                });
-                if (response.status === 200) {
-                    setIsApiKeyValid(true);
-                    console.log('ChatComponent: API key validated successfully.');
-                }
-                else {
-                    setIsApiKeyValid(false);
-                    console.error('ChatComponent: API key is invalid. Chat functionality has been disabled.');
-                }
-            }
-            catch (error) {
-                setIsApiKeyValid(false);
-                console.error('ChatComponent: Failed to validate API key. Chat functionality has been disabled.', error);
-            }
-            finally {
-                setIsValidatingApiKey(false);
-            }
-        });
-        validateApiKey();
-    }, [apiKey]);
-    const [messages, setMessages] = useState(externalMessages || [
-        {
-            id: '1',
-            text: 'Hello! Welcome to the chat component demo.',
-            sender: { id: 'bot', name: 'ChatBot', avatar: '🤖' },
-            timestamp: new Date(Date.now() - 5 * 60000),
-            isOwn: false
-        },
-        {
-            id: '2',
-            text: 'This is what a user message looks like!',
-            sender: currentUser,
-            timestamp: new Date(Date.now() - 3 * 60000),
-            isOwn: true
-        },
-        {
-            id: '3',
-            text: 'You can customize the appearance, add your own message handlers, and integrate it with any backend.',
-            sender: { id: 'bot', name: 'ChatBot', avatar: '🤖' },
-            timestamp: new Date(Date.now() - 1 * 60000),
-            isOwn: false
-        }
-    ]);
-    const [newMessage, setNewMessage] = useState('');
-    const [isTyping, setIsTyping] = useState(false);
-    const messagesEndRef = useRef(null);
-    const [shouldScrollToBottom, setShouldScrollToBottom] = useState(false);
-    const getSizeClasses = (size) => {
-        switch (size) {
-            case 'xsmall':
-                return 'w-64 h-80';
-            case 'small':
-                return 'w-72 h-96';
-            case 'medium':
-                return 'w-80 sm:w-96 h-[500px] sm:h-[600px]';
-            case 'large':
-                return 'w-96 sm:w-[28rem] h-[600px] sm:h-[700px]';
-            case 'xlarge':
-                return 'w-[28rem] sm:w-[32rem] h-[700px] sm:h-[800px]';
-            default:
-                return 'w-80 sm:w-96 h-[500px] sm:h-[600px]';
-        }
-    };
-    const getPositionClasses = (position) => {
-        switch (position) {
-            case 'top-right':
-                return 'top-4 right-4';
-            case 'top-left':
-                return 'top-4 left-4';
-            case 'bottom-left':
-                return 'bottom-4 left-4';
-            case 'bottom-right':
-            default:
-                return 'bottom-4 right-4';
-        }
-    };
-    const handleOpenChat = () => {
-        if (!forceOpen && !isChatDisabled) {
-            setIsOpen(true);
-            setIsClosing(false);
-            setShouldScrollToBottom(true);
-            if (maximize) {
-                setIsMaximized(true);
-            }
-        }
-    };
-    const handleCloseChat = () => {
-        if (!forceOpen) {
-            setIsClosing(true);
-            setTimeout(() => {
-                setIsOpen(false);
-                setIsClosing(false);
-            }, 300);
-        }
-    };
-    const handleToggleMaximize = () => {
-        setIsMaximizing(true);
-        setTimeout(() => {
-            setIsMaximized(!isMaximized);
-            setTimeout(() => {
-                setIsMaximizing(false);
-            }, 400);
-        }, 50);
-    };
-    const scrollToBottom = () => {
-        var _a;
-        (_a = messagesEndRef.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ behavior: 'smooth' });
-    };
-    useEffect(() => {
-        if (shouldScrollToBottom && isOpen) {
-            setTimeout(() => {
-                scrollToBottom();
-                setShouldScrollToBottom(false);
-            }, 100);
-        }
-    }, [shouldScrollToBottom, isOpen]);
-    useEffect(() => {
-        scrollToBottom();
-    }, [messages]);
-    const handleSendMessage = () => __awaiter(void 0, void 0, void 0, function* () {
-        if (newMessage.trim() && !isTyping && !isChatDisabled) {
-            const userMessage = {
-                id: Date.now().toString(),
-                text: newMessage,
-                sender: currentUser,
-                timestamp: new Date(),
-                isOwn: true
-            };
-            setMessages(prev => [...prev, userMessage]);
-            setNewMessage('');
-            setIsTyping(true);
-            if (onSendMessage) {
-                onSendMessage(newMessage);
-            }
-            // If we have a valid API key, send to BlueMessage API
-            if (apiKey && (isApiKeyValid || apiKey === 'test')) {
-                try {
-                    const response = yield fetch('https://api.blumessage.com/api/v1/conversations', {
-                        method: 'POST',
-                        headers: {
-                            'Content-Type': 'application/json',
-                            'Authorization': `Bearer ${apiKey}`
-                        },
-                        body: JSON.stringify({
-                            message: newMessage
-                        }),
-                    });
-                    if (response.ok) {
-                        const data = yield response.json();
-                        console.log('BlueMessage API response:', data);
-                        // Get the last assistant message from the response
-                        const assistantMessages = data.messages.filter((msg) => msg.role === 'assistant');
-                        if (assistantMessages.length > 0) {
-                            const lastAssistantMessage = assistantMessages[assistantMessages.length - 1];
-                            const botResponse = {
-                                id: (Date.now() + 1).toString(),
-                                text: lastAssistantMessage.content,
-                                sender: { id: 'assistant', name: 'Assistant', avatar: '🤖' },
-                                timestamp: new Date(lastAssistantMessage.timestamp),
-                                isOwn: false
-                            };
-                            setMessages(prev => [...prev, botResponse]);
-                        }
-                    }
-                    else {
-                        console.error('Failed to send message to BlueMessage API:', response.status);
-                        // Fallback to demo response
-                        const botResponse = {
-                            id: (Date.now() + 1).toString(),
-                            text: `Thanks for your message: "${newMessage}". This is a fallback response as the API request failed.`,
-                            sender: { id: 'bot', name: 'ChatBot', avatar: '🤖' },
-                            timestamp: new Date(),
-                            isOwn: false
-                        };
-                        setMessages(prev => [...prev, botResponse]);
-                    }
-                }
-                catch (error) {
-                    console.error('Error calling BlueMessage API:', error);
-                    // Fallback to demo response
-                    const botResponse = {
-                        id: (Date.now() + 1).toString(),
-                        text: `Thanks for your message: "${newMessage}". This is a fallback response due to an API error.`,
-                        sender: { id: 'bot', name: 'ChatBot', avatar: '🤖' },
-                        timestamp: new Date(),
-                        isOwn: false
-                    };
-                    setMessages(prev => [...prev, botResponse]);
-                }
-            }
-            else {
-                // Fallback demo response when no valid API key
-                setTimeout(() => {
-                    const botResponse = {
-                        id: (Date.now() + 1).toString(),
-                        text: `Thanks for your message: "${newMessage}". This is an automated response for the demo!`,
-                        sender: { id: 'bot', name: 'ChatBot', avatar: '🤖' },
-                        timestamp: new Date(),
-                        isOwn: false
-                    };
-                    setMessages(prev => [...prev, botResponse]);
-                }, 1500);
-            }
-            setIsTyping(false);
-        }
-    });
-    const handleKeyPress = (e) => {
-        if (e.key === 'Enter' && !e.shiftKey && !isTyping && !isChatDisabled) {
-            e.preventDefault();
-            handleSendMessage();
-        }
-    };
-    const formatTime = (date) => {
-        return date.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });
-    };
-    const getHeaderBackground = () => {
-        if (headerColor) {
-            return headerColor;
-        }
-        return `linear-gradient(to right, ${primaryColor}, ${secondaryColor})`;
-    };
-    const getUserMessageBackground = () => {
-        if (messageUserColor) {
-            return messageUserColor;
-        }
-        return `linear-gradient(to right, ${primaryColor}, ${secondaryColor})`;
-    };
-    const getSendButtonBackground = () => {
-        if (sendButtonColor) {
-            return sendButtonColor;
-        }
-        return (newMessage.trim() && !isTyping && !isChatDisabled)
-            ? `linear-gradient(to right, ${primaryColor}, ${secondaryColor})`
-            : 'linear-gradient(to right, #d1d5db, #9ca3af)';
-    };
-    const getFloatingButtonBackground = () => {
-        if (floatingButtonBackgroundColor) {
-            return floatingButtonBackgroundColor;
-        }
-        return `linear-gradient(to right, ${primaryColor}, ${secondaryColor})`;
-    };
-    const getFloatingButtonIcon = () => {
-        return floatingButtonIcon || headerIcon;
-    };
-    const getFloatingButtonIconColor = () => {
-        return floatingButtonIconColor || 'white';
-    };
-    // Don't render anything if API key is missing or invalid (except for test key)
-    if (isChatDisabled) {
-        return null;
-    }
-    return (jsxs("div", { className: `fixed ${getPositionClasses(floatingButtonPosition)} z-50 ${className}`, children: [!isOpen && !forceOpen && (jsx("button", { onClick: handleOpenChat, disabled: isValidatingApiKey, className: "w-14 h-14 rounded-full text-white shadow-lg transition-all duration-300 transform hover:scale-110 hover:shadow-xl disabled:opacity-50 disabled:cursor-not-allowed", style: {
-                    background: getFloatingButtonBackground()
-                }, children: isValidatingApiKey ? (jsx("div", { className: "w-6 h-6 border-2 border-white/30 border-t-white rounded-full animate-spin mx-auto" })) : !headerIconHide ? (jsx(Icon, { icon: getFloatingButtonIcon(), width: 24, height: 24, className: "mx-auto", style: { color: getFloatingButtonIconColor() } })) : (jsx("div", { className: "w-6 h-6 bg-white/20 rounded-full mx-auto" })) })), jsxs("div", { className: `${isMaximized
-                    ? 'fixed inset-4 w-auto h-auto'
-                    : getSizeClasses(size)} bg-white rounded-2xl shadow-2xl overflow-hidden flex flex-col origin-bottom-right ${!isOpen
-                    ? 'opacity-0 pointer-events-none scale-95 translate-y-2'
-                    : isClosing
-                        ? 'animate-out slide-out-to-bottom-2 fade-out-0 scale-out-95 duration-300'
-                        : 'animate-in slide-in-from-bottom-2 fade-in-0 scale-in-95 duration-300'} ${isMaximizing
-                    ? 'transition-all duration-400 ease-in-out transform'
-                    : 'transition-all duration-300'}`, children: [jsxs("div", { className: "text-white p-4 flex items-center gap-3 flex-shrink-0", style: {
-                            background: getHeaderBackground()
-                        }, children: [!headerIconHide && (jsx("div", { className: "w-10 h-10 rounded-full backdrop-blur-sm flex items-center justify-center", style: { backgroundColor: headerAvatarColor }, children: jsx(Icon, { icon: headerIcon, width: 20, height: 20, style: { color: headerIconColor || 'white' } }) })), jsxs("div", { className: "flex-1 min-w-0", children: [jsx("h3", { className: "font-semibold text-lg truncate", children: headerTitle }), jsx("p", { className: "text-white/80 text-sm truncate", children: headerDescription })] }), maximizeToggle && (jsx("button", { onClick: handleToggleMaximize, className: "text-white/70 hover:text-white transition-all duration-200 flex-shrink-0 mr-2 hover:scale-110 active:scale-95", title: isMaximized ? 'Minimize' : 'Maximize', children: isMaximized ? jsx(Minimize, { size: 20 }) : jsx(Maximize, { size: 20 }) })), !forceOpen && (jsx("button", { onClick: handleCloseChat, className: "text-white/70 hover:text-white transition-all duration-200 flex-shrink-0 hover:scale-110 active:scale-95", children: jsx(X, { size: 20 }) }))] }), jsxs("div", { className: "flex-1 overflow-y-auto p-4 space-y-4 min-h-0", children: [messages.map((message) => (jsx("div", { className: `flex ${message.isOwn ? 'justify-end' : 'justify-start'} animate-in slide-in-from-bottom-2 duration-300`, children: jsxs("div", { className: `max-w-[75%] sm:max-w-xs lg:max-w-md flex ${message.isOwn ? 'flex-row-reverse' : 'flex-row'} items-end gap-2`, children: [((message.isOwn && messageUserAvatarVisibility) || (!message.isOwn && messageAssistantAvatarVisibility)) && (jsx("div", { className: "w-8 h-8 rounded-full flex items-center justify-center flex-shrink-0", style: {
-                                                backgroundColor: message.isOwn ? messageUserAvatarColor : messageAssistantAvatarColor
-                                            }, children: jsx(Icon, { icon: message.isOwn ? messageUserAvatarIcon : messageAssistantAvatarIcon, width: 16, height: 16, className: "text-white" }) })), jsxs("div", { className: "flex flex-col", children: [((message.isOwn && messageUserName) || (!message.isOwn && messageAssistantName)) && (jsx("div", { className: "text-xs text-gray-500 mb-1 px-3", children: message.isOwn ? messageUserName : messageAssistantName })), jsxs("div", { className: `px-4 py-2 rounded-2xl shadow-sm transition-all duration-200 hover:shadow-md break-words ${message.isOwn
-                                                        ? 'text-white rounded-br-md'
-                                                        : 'text-gray-800 rounded-bl-md hover:bg-gray-50'}`, style: message.isOwn ? {
-                                                        background: getUserMessageBackground()
-                                                    } : {
-                                                        backgroundColor: messageAssistantColor
-                                                    }, children: [jsx("p", { className: "text-sm leading-relaxed", children: message.text }), messageTimestamps && (jsx("div", { className: `text-xs mt-1 ${message.isOwn ? 'text-white/70' : 'text-gray-500'}`, children: formatTime(message.timestamp) }))] })] })] }) }, message.id))), isTyping && (jsx("div", { className: "flex justify-start animate-in slide-in-from-bottom-2 duration-300", children: jsxs("div", { className: "flex items-end gap-2", children: [messageAssistantAvatarVisibility && (jsx("div", { className: "w-8 h-8 rounded-full flex items-center justify-center flex-shrink-0", style: { backgroundColor: messageAssistantAvatarColor }, children: jsx(Icon, { icon: messageAssistantAvatarIcon, width: 16, height: 16, className: "text-white" }) })), jsx("div", { className: "px-4 py-2 rounded-2xl rounded-bl-md", style: { backgroundColor: messageAssistantColor }, children: jsxs("div", { className: "flex space-x-1", children: [jsx("div", { className: "w-2 h-2 bg-gray-400 rounded-full animate-pulse" }), jsx("div", { className: "w-2 h-2 bg-gray-400 rounded-full animate-pulse", style: { animationDelay: '0.2s' } }), jsx("div", { className: "w-2 h-2 bg-gray-400 rounded-full animate-pulse", style: { animationDelay: '0.4s' } })] }) })] }) })), jsx("div", { ref: messagesEndRef })] }), jsx("div", { className: "border-t border-gray-200 p-4 flex-shrink-0", children: jsxs("div", { className: "flex gap-2 items-end", children: [jsx("textarea", { value: newMessage, onChange: (e) => setNewMessage(e.target.value), onKeyPress: handleKeyPress, placeholder: isTyping ? 'Assistant is responding...' : inputPlaceholder, disabled: isChatDisabled, className: "flex-1 resize-none border border-gray-300 rounded-2xl px-4 py-3 focus:outline-none focus:ring-2 focus:border-transparent transition-all duration-200 max-h-32 min-h-[48px] text-sm disabled:opacity-50 disabled:cursor-not-allowed", style: {
-                                        '--tw-ring-color': inputOutlineColor,
-                                        '--tw-ring-opacity': '1'
-                                    }, rows: 1 }), jsx("button", { onClick: handleSendMessage, disabled: !newMessage.trim() || isTyping || isChatDisabled, className: "text-white p-3 rounded-2xl transition-all duration-200 transform hover:scale-105 active:scale-95 disabled:scale-100 disabled:cursor-not-allowed shadow-lg hover:shadow-xl flex-shrink-0", style: {
-                                        background: getSendButtonBackground()
-                                    }, children: jsx(Icon, { icon: sendButtonIcon, width: 20, height: 20 }) })] }) })] })] }));
-};
-
-export { ChatComponent as BlumessageChat };
-//# sourceMappingURL=index.esm.js.map