@expcat/tigercat-react 0.0.65 → 0.0.67

package/dist/chunk-3OF7XPIQ.js

@@ -1,90 +0,0 @@
-'use strict';
-
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-// src/components/Alert.tsx
-var Icon = ({ path, className }) => /* @__PURE__ */ jsxRuntime.jsx(
-  "svg",
-  {
-    className,
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: tigercatCore.icon24ViewBox,
-    stroke: "currentColor",
-    strokeWidth: tigercatCore.icon24StrokeWidth,
-    children: /* @__PURE__ */ jsxRuntime.jsx(
-      "path",
-      {
-        strokeLinecap: tigercatCore.icon24PathStrokeLinecap,
-        strokeLinejoin: tigercatCore.icon24PathStrokeLinejoin,
-        d: path
-      }
-    )
-  }
-);
-var Alert = ({
-  type = "info",
-  size = "md",
-  title,
-  description,
-  showIcon = true,
-  closable = false,
-  closeAriaLabel = "Close alert",
-  className,
-  children,
-  titleSlot,
-  descriptionSlot,
-  onClose,
-  ...props
-}) => {
-  const [visible, setVisible] = react.useState(true);
-  const colorScheme = tigercatCore.getAlertTypeClasses(type, tigercatCore.defaultAlertThemeColors);
-  const alertClasses = tigercatCore.classNames(
-    tigercatCore.alertBaseClasses,
-    tigercatCore.alertSizeClasses[size],
-    colorScheme.bg,
-    colorScheme.border,
-    className
-  );
-  const iconClasses = tigercatCore.classNames(tigercatCore.alertIconSizeClasses[size], colorScheme.icon);
-  const titleClasses = tigercatCore.classNames(tigercatCore.alertTitleSizeClasses[size], colorScheme.title);
-  const descriptionClasses = tigercatCore.classNames(tigercatCore.alertDescriptionSizeClasses[size], colorScheme.description);
-  const closeButtonClasses = tigercatCore.classNames(
-    tigercatCore.alertCloseButtonBaseClasses,
-    colorScheme.closeButton,
-    colorScheme.closeButtonHover,
-    colorScheme.focus
-  );
-  const handleClose = (event) => {
-    onClose?.(event);
-    if (!event.defaultPrevented) {
-      setVisible(false);
-    }
-  };
-  if (!visible) {
-    return null;
-  }
-  const iconPath = tigercatCore.getAlertIconPath(type);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ...props, className: alertClasses, role: "alert", children: [
-    showIcon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.alertIconContainerClasses, children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { path: iconPath, className: iconClasses }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.alertContentClasses, children: [
-      (title || titleSlot) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: titleClasses, children: titleSlot || title }),
-      (description || descriptionSlot) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClasses, children: descriptionSlot || description }),
-      !title && !description && !titleSlot && !descriptionSlot && children && /* @__PURE__ */ jsxRuntime.jsx("div", { className: titleClasses, children })
-    ] }),
-    closable && /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        className: closeButtonClasses,
-        onClick: handleClose,
-        "aria-label": closeAriaLabel,
-        type: "button",
-        children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { path: tigercatCore.alertCloseIconPath, className: "h-4 w-4" })
-      }
-    )
-  ] });
-};
-
-exports.Alert = Alert;

package/dist/chunk-3WPKVV4N.js

@@ -1,140 +0,0 @@
-'use strict';
-
-var chunkQFVE7GKD_js = require('./chunk-QFVE7GKD.js');
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-function getMenuButtonsWithin(menuEl) {
-  return Array.from(
-    menuEl.querySelectorAll('button[data-tiger-menuitem="true"]')
-  ).filter((el) => !el.disabled);
-}
-function roveFocus(current, next) {
-  const menuEl = current.closest('ul[role="menu"]');
-  if (!menuEl) {
-    next.focus();
-    return;
-  }
-  const items = getMenuButtonsWithin(menuEl);
-  items.forEach((el) => {
-    el.tabIndex = el === next ? 0 : -1;
-  });
-  next.focus();
-}
-function moveFocus(current, delta) {
-  const menuEl = current.closest('ul[role="menu"]');
-  if (!menuEl) return;
-  const items = getMenuButtonsWithin(menuEl);
-  const currentIndex = items.indexOf(current);
-  if (currentIndex < 0) return;
-  const nextIndex = (currentIndex + delta + items.length) % items.length;
-  roveFocus(current, items[nextIndex]);
-}
-function focusEdge(current, edge) {
-  const menuEl = current.closest('ul[role="menu"]');
-  if (!menuEl) return;
-  const items = getMenuButtonsWithin(menuEl);
-  if (items.length === 0) return;
-  roveFocus(current, edge === "start" ? items[0] : items[items.length - 1]);
-}
-var MenuItem = ({
-  itemKey,
-  disabled = false,
-  icon,
-  className,
-  children,
-  level = 0,
-  collapsed: collapsedOverride
-}) => {
-  const menuContext = chunkQFVE7GKD_js.useMenuContext();
-  if (!menuContext) {
-    console.warn("MenuItem must be used within Menu component");
-  }
-  const isSelected = !!menuContext && tigercatCore.isKeySelected(itemKey, menuContext.selectedKeys);
-  const effectiveCollapsed = collapsedOverride ?? (menuContext ? menuContext.collapsed : false);
-  const itemClasses = tigercatCore.classNames(
-    menuContext ? tigercatCore.getMenuItemClasses(isSelected, disabled, menuContext.theme, effectiveCollapsed) : "flex items-center px-4 py-2 cursor-pointer transition-colors duration-200",
-    className
-  );
-  const indentStyle = menuContext && menuContext.mode === "inline" && level > 0 ? tigercatCore.getMenuItemIndent(level, menuContext.inlineIndent) : {};
-  const handleClick = react.useCallback(() => {
-    if (!disabled && menuContext) {
-      menuContext.handleSelect(itemKey);
-    }
-  }, [disabled, menuContext, itemKey]);
-  const handleKeyDown = react.useCallback(
-    (event) => {
-      if (!menuContext) return;
-      const current = event.currentTarget;
-      const rootMenu = current.closest('ul[role="menu"]');
-      const isRoot = rootMenu?.dataset.tigerMenuRoot === "true";
-      const isHorizontalRoot = isRoot && menuContext.mode === "horizontal";
-      const nextKey = isHorizontalRoot ? "ArrowRight" : "ArrowDown";
-      const prevKey = isHorizontalRoot ? "ArrowLeft" : "ArrowUp";
-      if (event.key === nextKey) {
-        event.preventDefault();
-        moveFocus(current, 1);
-        return;
-      }
-      if (event.key === prevKey) {
-        event.preventDefault();
-        moveFocus(current, -1);
-        return;
-      }
-      if (event.key === "Home") {
-        event.preventDefault();
-        focusEdge(current, "start");
-        return;
-      }
-      if (event.key === "End") {
-        event.preventDefault();
-        focusEdge(current, "end");
-        return;
-      }
-      if (event.key === "Enter" || event.key === " ") {
-        event.preventDefault();
-        handleClick();
-      }
-    },
-    [menuContext, handleClick]
-  );
-  const renderIcon = () => {
-    if (!icon) return null;
-    if (typeof icon === "string") {
-      return /* @__PURE__ */ jsxRuntime.jsx("span", { className: tigercatCore.menuItemIconClasses, dangerouslySetInnerHTML: { __html: icon } });
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: tigercatCore.menuItemIconClasses, children: icon });
-  };
-  const renderLabel = () => {
-    if (!effectiveCollapsed) return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1", children });
-    if (!icon) {
-      const text = String(children || "");
-      return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 text-center", children: text.charAt(0).toUpperCase() });
-    }
-    return null;
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx("li", { role: "none", children: /* @__PURE__ */ jsxRuntime.jsxs(
-    "button",
-    {
-      type: "button",
-      className: itemClasses,
-      style: indentStyle,
-      role: "menuitem",
-      "data-tiger-menuitem": "true",
-      "data-tiger-selected": isSelected ? "true" : "false",
-      "aria-current": isSelected ? "page" : void 0,
-      "aria-disabled": disabled ? "true" : void 0,
-      disabled,
-      tabIndex: -1,
-      onClick: handleClick,
-      onKeyDown: handleKeyDown,
-      children: [
-        renderIcon(),
-        renderLabel()
-      ]
-    }
-  ) });
-};
-
-exports.MenuItem = MenuItem;

package/dist/chunk-5FRENLDC.js

@@ -1,194 +0,0 @@
-'use strict';
-
-var chunkNEULKOYJ_js = require('./chunk-NEULKOYJ.js');
-var React = require('react');
-var reactDom = require('react-dom');
-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);
-
-var CloseIcon = () => /* @__PURE__ */ jsxRuntime.jsx(
-  "svg",
-  {
-    className: "w-5 h-5",
-    fill: "none",
-    stroke: "currentColor",
-    viewBox: tigercatCore.closeIconViewBox,
-    xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ jsxRuntime.jsx(
-      "path",
-      {
-        strokeLinecap: tigercatCore.closeIconPathStrokeLinecap,
-        strokeLinejoin: tigercatCore.closeIconPathStrokeLinejoin,
-        strokeWidth: tigercatCore.closeIconPathStrokeWidth,
-        d: tigercatCore.closeIconPathD
-      }
-    )
-  }
-);
-var Drawer = ({
-  visible = false,
-  placement = "right",
-  size = "md",
-  title,
-  header,
-  closable = true,
-  mask = true,
-  maskClosable = true,
-  zIndex = 1e3,
-  className,
-  bodyClassName,
-  destroyOnClose = false,
-  onClose,
-  onAfterEnter,
-  onAfterLeave,
-  closeAriaLabel,
-  locale,
-  children,
-  footer,
-  style,
-  ...rest
-}) => {
-  const [hasBeenOpened, setHasBeenOpened] = React__default.default.useState(visible);
-  React.useEffect(() => {
-    if (visible) setHasBeenOpened(true);
-  }, [visible]);
-  const shouldRender = destroyOnClose ? visible : hasBeenOpened;
-  const handleClose = React.useCallback(() => {
-    onClose?.();
-  }, [onClose]);
-  const handleMaskClick = React.useCallback(
-    (event) => {
-      if (!maskClosable) return;
-      if (event.target === event.currentTarget) {
-        handleClose();
-      }
-    },
-    [maskClosable, handleClose]
-  );
-  chunkNEULKOYJ_js.useEscapeKey({ enabled: visible, onEscape: handleClose });
-  const previousVisible = React.useRef(false);
-  React.useEffect(() => {
-    if (visible === previousVisible.current) return;
-    previousVisible.current = visible;
-    const timer = window.setTimeout(() => {
-      if (visible) {
-        onAfterEnter?.();
-      } else {
-        onAfterLeave?.();
-      }
-    }, 300);
-    return () => window.clearTimeout(timer);
-  }, [visible, onAfterEnter, onAfterLeave]);
-  const reactId = React.useId();
-  const drawerId = React.useMemo(() => `tiger-drawer-${reactId}`, [reactId]);
-  const titleId = `${drawerId}-title`;
-  const {
-    ["aria-labelledby"]: _ariaLabelledby,
-    role: _role,
-    tabIndex: _tabIndex,
-    ...dialogDivProps
-  } = rest;
-  const ariaLabelledby = rest["aria-labelledby"] ?? (title || header ? titleId : void 0);
-  const dialogRef = React.useRef(null);
-  const closeButtonRef = React.useRef(null);
-  const previousActiveElementRef = React.useRef(null);
-  const resolvedCloseAriaLabel = tigercatCore.resolveLocaleText(
-    "Close drawer",
-    closeAriaLabel,
-    locale?.drawer?.closeAriaLabel,
-    locale?.common?.closeText
-  );
-  React.useEffect(() => {
-    if (!visible) return;
-    previousActiveElementRef.current = tigercatCore.captureActiveElement();
-    const timer = window.setTimeout(() => {
-      tigercatCore.focusFirst([closeButtonRef.current, dialogRef.current]);
-    }, 0);
-    return () => window.clearTimeout(timer);
-  }, [visible]);
-  React.useEffect(() => {
-    if (visible) return;
-    tigercatCore.restoreFocus(previousActiveElementRef.current);
-  }, [visible]);
-  const containerClasses = tigercatCore.classNames(
-    tigercatCore.getDrawerContainerClasses(zIndex),
-    !visible && "pointer-events-none"
-  );
-  const maskClasses = tigercatCore.getDrawerMaskClasses(visible);
-  const panelClasses = tigercatCore.classNames(
-    tigercatCore.getDrawerPanelClasses(placement, visible, size),
-    "flex flex-col",
-    className
-  );
-  const headerClasses = tigercatCore.getDrawerHeaderClasses();
-  const bodyClasses = tigercatCore.getDrawerBodyClasses(bodyClassName);
-  const footerClasses = tigercatCore.getDrawerFooterClasses();
-  const closeButtonClasses = tigercatCore.getDrawerCloseButtonClasses();
-  const titleClasses = tigercatCore.getDrawerTitleClasses();
-  if (!shouldRender) {
-    return null;
-  }
-  const drawerContent = /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: containerClasses,
-      style: { zIndex },
-      hidden: !visible,
-      "aria-hidden": !visible ? "true" : void 0,
-      "data-tiger-drawer-root": "",
-      children: [
-        mask && /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            className: maskClasses,
-            onClick: handleMaskClick,
-            "aria-hidden": "true",
-            "data-tiger-drawer-mask": ""
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
-          {
-            className: panelClasses,
-            style,
-            ...dialogDivProps,
-            role: "dialog",
-            "aria-modal": "true",
-            "aria-labelledby": ariaLabelledby,
-            tabIndex: -1,
-            ref: dialogRef,
-            "data-tiger-drawer": "",
-            children: [
-              (title || header || closable) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: headerClasses, children: [
-                (title || header) && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: titleClasses, id: titleId, children: header || title }),
-                closable && /* @__PURE__ */ jsxRuntime.jsx(
-                  "button",
-                  {
-                    type: "button",
-                    className: closeButtonClasses,
-                    onClick: handleClose,
-                    "aria-label": resolvedCloseAriaLabel,
-                    ref: closeButtonRef,
-                    children: /* @__PURE__ */ jsxRuntime.jsx(CloseIcon, {})
-                  }
-                )
-              ] }),
-              children && /* @__PURE__ */ jsxRuntime.jsx("div", { className: bodyClasses, children }),
-              footer && /* @__PURE__ */ jsxRuntime.jsx("div", { className: footerClasses, children: footer })
-            ]
-          }
-        )
-      ]
-    }
-  );
-  if (typeof document === "undefined") {
-    return null;
-  }
-  return reactDom.createPortal(drawerContent, document.body);
-};
-
-exports.Drawer = Drawer;

package/dist/chunk-5QKMQRCW.js

@@ -1,89 +0,0 @@
-'use strict';
-
-var chunkVSF4DF7N_js = require('./chunk-VSF4DF7N.js');
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-var Radio = ({
-  value,
-  size,
-  disabled,
-  name,
-  checked,
-  defaultChecked = false,
-  onChange,
-  children,
-  className,
-  style,
-  ...props
-}) => {
-  const groupContext = react.useContext(chunkVSF4DF7N_js.RadioGroupContext);
-  const [internalChecked, setInternalChecked] = react.useState(defaultChecked);
-  const isCheckedControlled = checked !== void 0;
-  const isInGroup = !!groupContext;
-  const actualSize = size || groupContext?.size || "md";
-  const actualDisabled = disabled !== void 0 ? disabled : groupContext?.disabled || false;
-  const actualName = name || groupContext?.name || "";
-  const isChecked = checked !== void 0 ? checked : groupContext?.value !== void 0 ? groupContext.value === value : internalChecked;
-  const colors = tigercatCore.getRadioColorClasses();
-  const radioClasses = tigercatCore.getRadioVisualClasses({
-    size: actualSize,
-    checked: isChecked,
-    disabled: actualDisabled,
-    colors
-  });
-  const dotClasses = tigercatCore.getRadioDotClasses({
-    size: actualSize,
-    checked: isChecked,
-    colors
-  });
-  const labelClasses = tigercatCore.getRadioLabelClasses({
-    size: actualSize,
-    disabled: actualDisabled,
-    colors
-  });
-  const handleChange = (event) => {
-    if (actualDisabled) {
-      event.preventDefault();
-      return;
-    }
-    const newChecked = event.target.checked;
-    if (!newChecked) return;
-    if (!isCheckedControlled && !isInGroup) {
-      setInternalChecked(true);
-    }
-    onChange?.(value);
-    groupContext?.onChange?.(value);
-  };
-  const handleKeyDown = (event) => {
-    props.onKeyDown?.(event);
-    if (event.defaultPrevented) return;
-    if (actualDisabled) return;
-    if (event.key === "Enter") {
-      event.preventDefault();
-      const input = event.currentTarget;
-      if (!input.checked) input.click();
-    }
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs("label", { className: tigercatCore.classNames("inline-flex items-center", className), style, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "input",
-      {
-        type: "radio",
-        className: "sr-only peer",
-        ...props,
-        name: actualName,
-        value,
-        checked: isChecked,
-        disabled: actualDisabled,
-        onChange: handleChange,
-        onKeyDown: handleKeyDown
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: radioClasses, "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: dotClasses }) }),
-    children && /* @__PURE__ */ jsxRuntime.jsx("span", { className: labelClasses, children })
-  ] });
-};
-
-exports.Radio = Radio;

package/dist/chunk-5ZVSFIZD.js

@@ -1,50 +0,0 @@
-'use strict';
-
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-// src/components/Badge.tsx
-var Badge = ({
-  variant = "danger",
-  size = "md",
-  type = "number",
-  content,
-  max = 99,
-  showZero = false,
-  position = "top-right",
-  standalone = true,
-  className,
-  children,
-  ["aria-label"]: ariaLabelProp,
-  ...props
-}) => {
-  const isDot = type === "dot";
-  const isHidden = tigercatCore.shouldHideBadge(content, type, showZero);
-  const displayContent = tigercatCore.formatBadgeContent(content, max, showZero);
-  const sizeClass = isDot ? tigercatCore.dotSizeClasses[size] : tigercatCore.badgeSizeClasses[size];
-  const badgeClasses = tigercatCore.classNames(
-    tigercatCore.badgeBaseClasses,
-    tigercatCore.getBadgeVariantClasses(variant),
-    sizeClass,
-    tigercatCore.badgeTypeClasses[type],
-    !standalone && tigercatCore.badgePositionClasses[position],
-    className
-  );
-  const computedAriaLabel = ariaLabelProp ?? (isDot ? "notification" : type === "number" ? `${displayContent} notifications` : `${displayContent ?? ""}`);
-  if (isHidden) {
-    if (standalone) {
-      return null;
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
-  }
-  const badgeElement = /* @__PURE__ */ jsxRuntime.jsx("span", { ...props, className: badgeClasses, role: "status", "aria-label": computedAriaLabel, children: !isDot && displayContent });
-  if (standalone) {
-    return badgeElement;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: tigercatCore.badgeWrapperClasses, children: [
-    children,
-    badgeElement
-  ] });
-};
-
-exports.Badge = Badge;

package/dist/chunk-6MGEGOYJ.js

@@ -1,108 +0,0 @@
-'use strict';
-
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-// src/components/Loading.tsx
-var Loading = ({
-  variant = "spinner",
-  size = "md",
-  color = "primary",
-  text,
-  fullscreen = false,
-  delay = 0,
-  background = "rgba(255, 255, 255, 0.9)",
-  customColor,
-  className = "",
-  style,
-  ...props
-}) => {
-  react.useEffect(() => {
-    tigercatCore.injectLoadingAnimationStyles();
-  }, []);
-  const [visible, setVisible] = react.useState(delay === 0);
-  react.useEffect(() => {
-    if (delay > 0) {
-      const timer = setTimeout(() => {
-        setVisible(true);
-      }, delay);
-      return () => clearTimeout(timer);
-    }
-  }, [delay]);
-  const spinnerClasses = tigercatCore.getLoadingClasses(variant, size, color, customColor);
-  const textClasses = tigercatCore.getLoadingTextClasses(size, color, customColor);
-  const containerClasses = tigercatCore.classNames(
-    fullscreen ? tigercatCore.loadingFullscreenBaseClasses : tigercatCore.loadingContainerBaseClasses,
-    className
-  );
-  const mergedStyle = {
-    ...customColor ? { color: customColor } : null,
-    ...fullscreen ? { backgroundColor: background } : null,
-    ...style
-  };
-  const renderSpinner = () => {
-    const svg = tigercatCore.getSpinnerSVG(variant);
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "svg",
-      {
-        className: spinnerClasses,
-        xmlns: "http://www.w3.org/2000/svg",
-        fill: "none",
-        viewBox: svg.viewBox,
-        children: svg.elements.map((el, index) => {
-          if (el.type === "circle") {
-            return /* @__PURE__ */ jsxRuntime.jsx("circle", { ...el.attrs }, index);
-          } else if (el.type === "path") {
-            return /* @__PURE__ */ jsxRuntime.jsx("path", { ...el.attrs }, index);
-          }
-          return null;
-        })
-      }
-    );
-  };
-  const renderDots = () => {
-    const colorClass = customColor ? "" : tigercatCore.loadingColorClasses[color];
-    const steps = [0, 1, 2];
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.getLoadingDotsWrapperClasses(size), children: steps.map((i) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.getLoadingDotClasses(size, i, colorClass) }, i)) });
-  };
-  const renderBars = () => {
-    const colorClass = customColor ? "" : tigercatCore.loadingColorClasses[color];
-    const steps = [0, 1, 2];
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.getLoadingBarsWrapperClasses(size), children: steps.map((i) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.getLoadingBarClasses(size, i, colorClass) }, i)) });
-  };
-  const renderIndicator = () => {
-    switch (variant) {
-      case "dots":
-        return renderDots();
-      case "bars":
-        return renderBars();
-      case "spinner":
-      case "ring":
-      case "pulse":
-      default:
-        return renderSpinner();
-    }
-  };
-  if (!visible) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: containerClasses,
-      style: mergedStyle,
-      role: "status",
-      "aria-label": text || "Loading",
-      "aria-live": "polite",
-      "aria-busy": true,
-      ...props,
-      children: [
-        renderIndicator(),
-        text && /* @__PURE__ */ jsxRuntime.jsx("div", { className: textClasses, children: text })
-      ]
-    }
-  );
-};
-
-exports.Loading = Loading;