@expcat/tigercat-react 0.0.1

package/dist/chunk-ADOPAXPG.mjs

@@ -0,0 +1,301 @@
+import { useState, useEffect } from 'react';
+import { createRoot } from 'react-dom/client';
+import { classNames, notificationContainerBaseClasses, notificationPositionClasses, getNotificationTypeClasses, defaultNotificationThemeColors, notificationBaseClasses, getNotificationIconPath, notificationIconClasses, notificationContentClasses, notificationTitleClasses, notificationDescriptionClasses, notificationCloseButtonClasses, notificationCloseIconClasses, notificationCloseIconPath, icon24StrokeWidth, icon24ViewBox, icon24PathStrokeLinejoin, icon24PathStrokeLinecap, isBrowser } from '@expcat/tigercat-core';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/components/Notification.tsx
+var NOTIFICATION_CONTAINER_ID_PREFIX = "tiger-notification-container";
+var notificationInstancesByPosition = {
+  "top-left": [],
+  "top-right": [],
+  "bottom-left": [],
+  "bottom-right": []
+};
+var instanceIdCounter = 0;
+var containerRoots = {
+  "top-left": null,
+  "top-right": null,
+  "bottom-left": null,
+  "bottom-right": null
+};
+var updateCallbacks = {
+  "top-left": null,
+  "top-right": null,
+  "bottom-left": null,
+  "bottom-right": null
+};
+function getNextInstanceId() {
+  return ++instanceIdCounter;
+}
+var Icon = ({ path, className }) => {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      className,
+      xmlns: "http://www.w3.org/2000/svg",
+      fill: "none",
+      viewBox: icon24ViewBox,
+      stroke: "currentColor",
+      strokeWidth: icon24StrokeWidth,
+      "aria-hidden": "true",
+      focusable: "false",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          strokeLinecap: icon24PathStrokeLinecap,
+          strokeLinejoin: icon24PathStrokeLinejoin,
+          d: path
+        }
+      )
+    }
+  );
+};
+var NotificationItem = ({ notification: notification2, onClose }) => {
+  const [isVisible, setIsVisible] = useState(false);
+  useEffect(() => {
+    setTimeout(() => setIsVisible(true), 10);
+  }, []);
+  const colorScheme = getNotificationTypeClasses(notification2.type, defaultNotificationThemeColors);
+  const notificationClasses = classNames(
+    notificationBaseClasses,
+    colorScheme.bg,
+    colorScheme.border,
+    notification2.className,
+    isVisible ? "opacity-100 translate-x-0" : "opacity-0 translate-x-full"
+  );
+  const iconPath = notification2.icon || getNotificationIconPath(notification2.type);
+  const iconClass = classNames(notificationIconClasses, colorScheme.icon);
+  const handleClose = () => {
+    setIsVisible(false);
+    setTimeout(() => onClose(notification2.id), 300);
+  };
+  const a11yRole = notification2.type === "error" ? "alert" : "status";
+  const ariaLive = notification2.type === "error" ? "assertive" : "polite";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: notificationClasses,
+      role: a11yRole,
+      "aria-live": ariaLive,
+      "aria-atomic": "true",
+      onClick: notification2.onClick,
+      onKeyDown: (e) => {
+        if (!notification2.onClick) return;
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          notification2.onClick();
+        }
+      },
+      tabIndex: notification2.onClick ? 0 : void 0,
+      style: notification2.onClick ? { cursor: "pointer" } : void 0,
+      "data-tiger-notification": "",
+      "data-tiger-notification-type": notification2.type,
+      "data-tiger-notification-id": String(notification2.id),
+      children: [
+        /* @__PURE__ */ jsx(Icon, { path: iconPath, className: iconClass }),
+        /* @__PURE__ */ jsxs("div", { className: notificationContentClasses, children: [
+          /* @__PURE__ */ jsx("div", { className: classNames(notificationTitleClasses, colorScheme.titleText), children: notification2.title }),
+          notification2.description && /* @__PURE__ */ jsx("div", { className: classNames(notificationDescriptionClasses, colorScheme.descriptionText), children: notification2.description })
+        ] }),
+        notification2.closable && /* @__PURE__ */ jsx(
+          "button",
+          {
+            className: notificationCloseButtonClasses,
+            onClick: (e) => {
+              e.stopPropagation();
+              handleClose();
+            },
+            "aria-label": "Close notification",
+            type: "button",
+            children: /* @__PURE__ */ jsx(Icon, { path: notificationCloseIconPath, className: notificationCloseIconClasses })
+          }
+        )
+      ]
+    }
+  );
+};
+var NotificationContainer = ({
+  position = "top-right"
+}) => {
+  const [notifications, setNotifications] = useState([]);
+  useEffect(() => {
+    updateCallbacks[position] = () => {
+      setNotifications([...notificationInstancesByPosition[position]]);
+    };
+    updateCallbacks[position]();
+    return () => {
+      updateCallbacks[position] = null;
+    };
+  }, [position]);
+  const containerClasses = classNames(
+    notificationContainerBaseClasses,
+    notificationPositionClasses[position]
+  );
+  const handleRemove = (id) => {
+    const instances = notificationInstancesByPosition[position];
+    const index = instances.findIndex((notif) => notif.id === id);
+    if (index !== -1) {
+      const instance = instances[index];
+      instances.splice(index, 1);
+      if (instance.onClose) {
+        instance.onClose();
+      }
+      updateCallbacks[position]?.();
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: containerClasses,
+      id: `${NOTIFICATION_CONTAINER_ID_PREFIX}-${position}`,
+      "aria-live": "polite",
+      "aria-relevant": "additions",
+      "data-tiger-notification-container": "",
+      "data-tiger-notification-position": position,
+      children: notifications.map((notification2) => /* @__PURE__ */ jsx(
+        NotificationItem,
+        {
+          notification: notification2,
+          onClose: handleRemove
+        },
+        notification2.id
+      ))
+    }
+  );
+};
+function ensureContainer(position) {
+  if (!isBrowser()) {
+    return;
+  }
+  const containerId = `${NOTIFICATION_CONTAINER_ID_PREFIX}-${position}`;
+  const rootId = `${containerId}-root`;
+  const existingRootEl = document.getElementById(rootId);
+  if (containerRoots[position] && !existingRootEl) {
+    containerRoots[position] = null;
+    updateCallbacks[position] = null;
+  }
+  if (containerRoots[position]) {
+    return;
+  }
+  let rootEl = existingRootEl;
+  if (!rootEl) {
+    rootEl = document.createElement("div");
+    rootEl.id = rootId;
+    document.body.appendChild(rootEl);
+  }
+  containerRoots[position] = createRoot(rootEl);
+  containerRoots[position].render(/* @__PURE__ */ jsx(NotificationContainer, { position }));
+}
+function addNotification(config) {
+  const position = config.position || "top-right";
+  ensureContainer(position);
+  const id = getNextInstanceId();
+  const instance = {
+    id,
+    type: config.type || "info",
+    title: config.title,
+    description: config.description,
+    duration: config.duration !== void 0 ? config.duration : 4500,
+    closable: config.closable !== void 0 ? config.closable : true,
+    onClose: config.onClose,
+    onClick: config.onClick,
+    icon: config.icon,
+    className: config.className,
+    position
+  };
+  notificationInstancesByPosition[position].push(instance);
+  if (updateCallbacks[position]) {
+    updateCallbacks[position]();
+  }
+  if (instance.duration > 0) {
+    setTimeout(() => {
+      removeNotification(id, position);
+    }, instance.duration);
+  }
+  return () => removeNotification(id, position);
+}
+function removeNotification(id, position) {
+  const instances = notificationInstancesByPosition[position];
+  const index = instances.findIndex((notif) => notif.id === id);
+  if (index !== -1) {
+    const instance = instances[index];
+    instances.splice(index, 1);
+    if (instance.onClose) {
+      instance.onClose();
+    }
+    if (updateCallbacks[position]) {
+      updateCallbacks[position]();
+    }
+  }
+}
+function clearAll(position) {
+  if (position) {
+    notificationInstancesByPosition[position].forEach((instance) => {
+      if (instance.onClose) {
+        instance.onClose();
+      }
+    });
+    notificationInstancesByPosition[position] = [];
+    if (updateCallbacks[position]) {
+      updateCallbacks[position]();
+    }
+  } else {
+    Object.keys(notificationInstancesByPosition).forEach((pos) => {
+      const p = pos;
+      notificationInstancesByPosition[p].forEach((instance) => {
+        if (instance.onClose) {
+          instance.onClose();
+        }
+      });
+      notificationInstancesByPosition[p] = [];
+      if (updateCallbacks[p]) {
+        updateCallbacks[p]();
+      }
+    });
+  }
+}
+function normalizeOptions(options) {
+  if (typeof options === "string") {
+    return { title: options };
+  }
+  return options;
+}
+var notification = {
+  /**
+   * Show an info notification
+   */
+  info(options) {
+    const config = normalizeOptions(options);
+    return addNotification({ ...config, type: "info" });
+  },
+  /**
+   * Show a success notification
+   */
+  success(options) {
+    const config = normalizeOptions(options);
+    return addNotification({ ...config, type: "success" });
+  },
+  /**
+   * Show a warning notification
+   */
+  warning(options) {
+    const config = normalizeOptions(options);
+    return addNotification({ ...config, type: "warning" });
+  },
+  /**
+   * Show an error notification
+   */
+  error(options) {
+    const config = normalizeOptions(options);
+    return addNotification({ ...config, type: "error" });
+  },
+  /**
+   * Clear all notifications
+   */
+  clear(position) {
+    clearAll(position);
+  }
+};
+var Notification_default = notification;
+
+export { NotificationContainer, Notification_default, notification };

package/dist/chunk-AG6GVQ5O.js

@@ -0,0 +1,271 @@
+'use strict';
+
+var chunkFQ6UHRAO_js = require('./chunk-FQ6UHRAO.js');
+var chunkFAKTU64M_js = require('./chunk-FAKTU64M.js');
+var react = require('react');
+var tigercatCore = require('@expcat/tigercat-core');
+var jsxRuntime = require('react/jsx-runtime');
+
+var spinnerSvg = tigercatCore.getSpinnerSVG("spinner");
+var LoadingSpinner = () => /* @__PURE__ */ jsxRuntime.jsx(
+  "svg",
+  {
+    className: tigercatCore.getLoadingOverlaySpinnerClasses(),
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: spinnerSvg.viewBox,
+    children: spinnerSvg.elements.map((el, index) => {
+      if (el.type === "circle") return /* @__PURE__ */ jsxRuntime.jsx("circle", { ...el.attrs }, index);
+      if (el.type === "path") return /* @__PURE__ */ jsxRuntime.jsx("path", { ...el.attrs }, index);
+      return null;
+    })
+  }
+);
+var List = ({
+  dataSource = [],
+  size = "md",
+  bordered = "divided",
+  loading = false,
+  emptyText = "No data",
+  split = true,
+  itemLayout = "horizontal",
+  header,
+  footer,
+  pagination = false,
+  grid,
+  rowKey = "key",
+  hoverable = false,
+  renderItem,
+  onItemClick,
+  onPageChange,
+  className,
+  ...divProps
+}) => {
+  const [currentPage, setCurrentPage] = react.useState(
+    pagination && typeof pagination === "object" ? pagination.current || 1 : 1
+  );
+  const [currentPageSize, setCurrentPageSize] = react.useState(
+    pagination && typeof pagination === "object" ? pagination.pageSize || 10 : 10
+  );
+  const paginatedData = react.useMemo(() => {
+    if (pagination === false) {
+      return dataSource;
+    }
+    return tigercatCore.paginateData(dataSource, currentPage, currentPageSize);
+  }, [dataSource, currentPage, currentPageSize, pagination]);
+  const paginationInfo = react.useMemo(() => {
+    if (pagination === false) {
+      return null;
+    }
+    const total = dataSource.length;
+    return tigercatCore.calculatePagination(total, currentPage, currentPageSize);
+  }, [dataSource.length, currentPage, currentPageSize, pagination]);
+  const listClasses = react.useMemo(() => {
+    return tigercatCore.classNames(tigercatCore.getListClasses(bordered), tigercatCore.listSizeClasses[size], className);
+  }, [bordered, size, className]);
+  const gridClasses = react.useMemo(() => {
+    if (!grid) return "";
+    return tigercatCore.classNames(
+      tigercatCore.listGridContainerClasses,
+      tigercatCore.getGridColumnClasses(grid.column, grid.xs, grid.sm, grid.md, grid.lg, grid.xl, grid.xxl)
+    );
+  }, [grid]);
+  const handlePageChange = (page) => {
+    setCurrentPage(page);
+    onPageChange?.({ current: page, pageSize: currentPageSize });
+  };
+  const handlePageSizeChange = (pageSize) => {
+    setCurrentPageSize(pageSize);
+    setCurrentPage(1);
+    onPageChange?.({ current: 1, pageSize });
+  };
+  const handleItemClick = (item, index) => {
+    onItemClick?.(item, index);
+  };
+  const getItemKey = (item, index) => {
+    if (typeof rowKey === "function") {
+      return rowKey(item, index);
+    }
+    return item[rowKey] || index;
+  };
+  const renderListHeader = () => {
+    if (!header) return null;
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.getListHeaderFooterClasses(size, false), children: header });
+  };
+  const renderListFooter = () => {
+    if (!footer) return null;
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.getListHeaderFooterClasses(size, true), children: footer });
+  };
+  const renderDefaultListItem = (item, _index) => {
+    const itemContent = [];
+    const metaContent = [];
+    if (item.avatar) {
+      metaContent.push(
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.listItemAvatarClasses, children: typeof item.avatar === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            src: item.avatar,
+            alt: item.title || "Avatar",
+            className: "w-10 h-10 rounded-full object-cover"
+          }
+        ) : item.avatar }, "avatar")
+      );
+    }
+    const contentChildren = [];
+    if (item.title) {
+      contentChildren.push(
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.listItemTitleClasses, children: item.title }, "title")
+      );
+    }
+    if (item.description) {
+      contentChildren.push(
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.listItemDescriptionClasses, children: item.description }, "description")
+      );
+    }
+    if (contentChildren.length > 0) {
+      metaContent.push(
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.listItemContentClasses, children: contentChildren }, "content")
+      );
+    }
+    if (metaContent.length > 0) {
+      itemContent.push(
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.listItemMetaClasses, children: metaContent }, "meta")
+      );
+    }
+    if (item.extra) {
+      itemContent.push(
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.listItemExtraClasses, children: item.extra }, "extra")
+      );
+    }
+    return itemContent;
+  };
+  const renderListItem = (item, index) => {
+    const key = getItemKey(item, index);
+    const itemClasses = tigercatCore.getListItemClasses(
+      size,
+      itemLayout,
+      split && bordered === "divided" && !grid,
+      hoverable
+    );
+    const clickable = typeof onItemClick === "function";
+    const handleClick = clickable ? () => handleItemClick(item, index) : void 0;
+    const handleKeyDown = clickable ? (e) => {
+      if (e.key === "Enter" || e.key === " ") {
+        e.preventDefault();
+        handleItemClick(item, index);
+      }
+    } : void 0;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: tigercatCore.classNames(itemClasses, clickable && "cursor-pointer"),
+        role: "listitem",
+        tabIndex: clickable ? 0 : void 0,
+        onClick: handleClick,
+        onKeyDown: handleKeyDown,
+        children: renderItem ? renderItem(item, index) : renderDefaultListItem(item)
+      },
+      key
+    );
+  };
+  const renderListItems = () => {
+    if (loading) {
+      return null;
+    }
+    if (paginatedData.length === 0) {
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.listEmptyStateClasses, role: "status", "aria-live": "polite", children: emptyText });
+    }
+    const items = paginatedData.map((item, index) => renderListItem(item, index));
+    if (grid) {
+      const gutter = grid.gutter;
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: gridClasses,
+          style: gutter ? { gap: `${gutter}px` } : void 0,
+          children: items
+        }
+      );
+    }
+    return items;
+  };
+  const renderPagination = () => {
+    if (pagination === false || !paginationInfo) {
+      return null;
+    }
+    const { totalPages, startIndex, endIndex, hasNext, hasPrev } = paginationInfo;
+    const total = dataSource.length;
+    const paginationConfig = pagination;
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.listPaginationContainerClasses, children: [
+      paginationConfig.showTotal !== false && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-[var(--tiger-text,#111827)]", children: paginationConfig.totalText ? paginationConfig.totalText(total, [startIndex, endIndex]) : `Showing ${startIndex} to ${endIndex} of ${total} items` }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+        paginationConfig.showSizeChanger !== false && /* @__PURE__ */ jsxRuntime.jsx(
+          chunkFQ6UHRAO_js.Select,
+          {
+            size: "sm",
+            value: currentPageSize,
+            onChange: (value) => {
+              if (value == null) return;
+              const nextSize = typeof value === "number" ? value : Number(value);
+              if (!Number.isFinite(nextSize)) return;
+              handlePageSizeChange(nextSize);
+            },
+            options: (paginationConfig.pageSizeOptions || [10, 20, 50, 100]).map((size2) => ({
+              label: `${size2} / page`,
+              value: size2
+            }))
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            chunkFAKTU64M_js.Button,
+            {
+              size: "sm",
+              variant: "outline",
+              disabled: !hasPrev,
+              onClick: () => handlePageChange(currentPage - 1),
+              className: tigercatCore.classNames(
+                !hasPrev && "cursor-not-allowed",
+                hasPrev && "hover:bg-[var(--tiger-surface-muted,#f9fafb)]"
+              ),
+              children: "Previous"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "px-3 py-1 text-sm text-[var(--tiger-text,#111827)]", children: [
+            "Page ",
+            currentPage,
+            " of ",
+            totalPages
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            chunkFAKTU64M_js.Button,
+            {
+              size: "sm",
+              variant: "outline",
+              disabled: !hasNext,
+              onClick: () => handlePageChange(currentPage + 1),
+              className: tigercatCore.classNames(
+                !hasNext && "cursor-not-allowed",
+                hasNext && "hover:bg-[var(--tiger-surface-muted,#f9fafb)]"
+              ),
+              children: "Next"
+            }
+          )
+        ] })
+      ] })
+    ] });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.listWrapperClasses, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { ...divProps, className: listClasses, role: "list", "aria-busy": loading || void 0, children: [
+        renderListHeader(),
+        renderListItems(),
+        renderListFooter()
+      ] }),
+      loading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.listLoadingOverlayClasses, role: "status", "aria-live": "polite", children: /* @__PURE__ */ jsxRuntime.jsx(LoadingSpinner, {}) })
+    ] }),
+    renderPagination()
+  ] });
+};
+
+exports.List = List;

package/dist/chunk-ALP3KYYY.mjs

@@ -0,0 +1,47 @@
+import React from 'react';
+import { classNames, iconWrapperClasses, iconSvgBaseClasses, iconSizeClasses } from '@expcat/tigercat-core';
+import { jsx } from 'react/jsx-runtime';
+
+// src/components/Icon.tsx
+var Icon = ({
+  size = "md",
+  color = "currentColor",
+  className,
+  children,
+  ...props
+}) => {
+  const iconStyle = { ...props.style, color };
+  const iconClasses = classNames(iconWrapperClasses, className);
+  const ariaLabel = props["aria-label"];
+  const ariaLabelledBy = props["aria-labelledby"];
+  const isDecorative = ariaLabel == null && ariaLabelledBy == null && props.role == null;
+  const processedChildren = React.Children.map(children, (child) => {
+    if (!React.isValidElement(child) || child.type !== "svg") {
+      return child;
+    }
+    const svgProps = child.props;
+    return React.cloneElement(child, {
+      ...svgProps,
+      className: classNames(iconSvgBaseClasses, iconSizeClasses[size], svgProps.className),
+      xmlns: svgProps.xmlns ?? "http://www.w3.org/2000/svg",
+      viewBox: svgProps.viewBox ?? "0 0 24 24",
+      fill: svgProps.fill ?? "none",
+      stroke: svgProps.stroke ?? "currentColor",
+      strokeWidth: svgProps.strokeWidth ?? 2,
+      strokeLinecap: svgProps.strokeLinecap ?? "round",
+      strokeLinejoin: svgProps.strokeLinejoin ?? "round"
+    });
+  });
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      ...props,
+      className: iconClasses,
+      style: iconStyle,
+      ...isDecorative ? { "aria-hidden": true } : { role: props.role ?? "img" },
+      children: processedChildren
+    }
+  );
+};
+
+export { Icon };

package/dist/chunk-AQ6DHCP6.js

@@ -0,0 +1,53 @@
+'use strict';
+
+var React = require('react');
+var tigercatCore = require('@expcat/tigercat-core');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+// src/components/Icon.tsx
+var Icon = ({
+  size = "md",
+  color = "currentColor",
+  className,
+  children,
+  ...props
+}) => {
+  const iconStyle = { ...props.style, color };
+  const iconClasses = tigercatCore.classNames(tigercatCore.iconWrapperClasses, className);
+  const ariaLabel = props["aria-label"];
+  const ariaLabelledBy = props["aria-labelledby"];
+  const isDecorative = ariaLabel == null && ariaLabelledBy == null && props.role == null;
+  const processedChildren = React__default.default.Children.map(children, (child) => {
+    if (!React__default.default.isValidElement(child) || child.type !== "svg") {
+      return child;
+    }
+    const svgProps = child.props;
+    return React__default.default.cloneElement(child, {
+      ...svgProps,
+      className: tigercatCore.classNames(tigercatCore.iconSvgBaseClasses, tigercatCore.iconSizeClasses[size], svgProps.className),
+      xmlns: svgProps.xmlns ?? "http://www.w3.org/2000/svg",
+      viewBox: svgProps.viewBox ?? "0 0 24 24",
+      fill: svgProps.fill ?? "none",
+      stroke: svgProps.stroke ?? "currentColor",
+      strokeWidth: svgProps.strokeWidth ?? 2,
+      strokeLinecap: svgProps.strokeLinecap ?? "round",
+      strokeLinejoin: svgProps.strokeLinejoin ?? "round"
+    });
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      ...props,
+      className: iconClasses,
+      style: iconStyle,
+      ...isDecorative ? { "aria-hidden": true } : { role: props.role ?? "img" },
+      children: processedChildren
+    }
+  );
+};
+
+exports.Icon = Icon;