@expcat/tigercat-react 1.1.0 → 1.2.0

package/dist/{chunk-PSYDHEXN.mjs → chunk-2WBFUUVP.mjs}

@@ -1,8 +1,15 @@
-import React, { useRef, useState, useCallback, useEffect, useMemo } from 'react';
-import { createDocumentDragSession, resizePanes, classNames, getSplitterContainerClasses, getPaneStyle, getSplitterGutterClasses, getSplitterGutterHandleClasses } from '@expcat/tigercat-core';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
 // src/components/Splitter.tsx
+import React, { useState, useRef, useEffect, useCallback, useMemo } from "react";
+import {
+  classNames,
+  getSplitterContainerClasses,
+  getSplitterGutterClasses,
+  getSplitterGutterHandleClasses,
+  getPaneStyle,
+  resizePanes,
+  createDocumentDragSession
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var Splitter = ({
   direction = "horizontal",
   sizes: controlledSizes,
@@ -30,9 +37,9 @@ var Splitter = ({
   useEffect(() => {
     const el = containerRef.current;
     if (!el) return;
-    const paneCount = React.Children.count(children);
-    if (paneCount === 0) return;
-    const totalGutter = (paneCount - 1) * gutterSize;
+    const paneCount2 = React.Children.count(children);
+    if (paneCount2 === 0) return;
+    const totalGutter = (paneCount2 - 1) * gutterSize;
     const total = direction === "horizontal" ? el.clientWidth - totalGutter : el.clientHeight - totalGutter;
     if (controlledSizes && controlledSizes.length > 0) {
       if (total > 0) {
@@ -45,13 +52,14 @@ var Splitter = ({
       }
     } else {
       if (total > 0) {
-        const eachSize = total / paneCount;
-        setPaneSizes(Array.from({ length: paneCount }, () => eachSize));
+        const eachSize = total / paneCount2;
+        setPaneSizes(Array.from({ length: paneCount2 }, () => eachSize));
       }
     }
   }, [children, direction, gutterSize, controlledSizes]);
-  const mins = useMemo(() => paneSizes.map(() => min), [paneSizes.length, min]);
-  const maxes = useMemo(() => paneSizes.map(() => max), [paneSizes.length, max]);
+  const paneCount = paneSizes.length;
+  const mins = useMemo(() => Array.from({ length: paneCount }, () => min), [paneCount, min]);
+  const maxes = useMemo(() => Array.from({ length: paneCount }, () => max), [paneCount, max]);
   const handleMouseDown = useCallback(
     (index, e) => {
       if (disabled) return;
@@ -164,4 +172,7 @@ var Splitter = ({
 };
 var Splitter_default = Splitter;
 
-export { Splitter, Splitter_default };
+export {
+  Splitter,
+  Splitter_default
+};

package/dist/{chunk-DAMJCFFS.mjs → chunk-2Y5NIPHB.mjs}

@@ -1,12 +1,42 @@
-import { useChartInteraction } from './chunk-6QML6T3Y.mjs';
-import { ChartLegend } from './chunk-UBP7HZSU.mjs';
-import { ChartSeries } from './chunk-SDLMB34Y.mjs';
-import { ChartTooltip } from './chunk-2IUTFPQQ.mjs';
-import { ChartCanvas } from './chunk-DKNVSQSV.mjs';
-import { useMemo, useState, useCallback } from 'react';
-import { resolveSeriesData, buildChartSeriesKeys, getChartInnerRect, getRadarAngles, getRadarPoints, polarToCartesian, createPolygonPath, RADAR_SPLIT_AREA_COLORS, getRadarLabelAlign, getChartGridLineDasharray, resolveChartPalette, getRadarGradientPrefix, resolveMultiSeriesTooltipContent, defaultRadarTooltipFormatter, buildChartLegendItems, classNames, chartGridLineClasses, chartAxisTickTextClasses } from '@expcat/tigercat-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import {
+  useChartInteraction
+} from "./chunk-6QML6T3Y.mjs";
+import {
+  ChartLegend
+} from "./chunk-UBP7HZSU.mjs";
+import {
+  ChartSeries
+} from "./chunk-SDLMB34Y.mjs";
+import {
+  ChartTooltip
+} from "./chunk-NASC6XHN.mjs";
+import {
+  ChartCanvas
+} from "./chunk-DKNVSQSV.mjs";
 
+// src/components/RadarChart.tsx
+import { useId, useMemo, useState, useCallback } from "react";
+import {
+  chartAxisTickTextClasses,
+  chartGridLineClasses,
+  classNames,
+  createPolygonPath,
+  getChartGridLineDasharray,
+  getChartInnerRect,
+  getRadarAngles,
+  getStableChartGradientPrefix,
+  getRadarLabelAlign,
+  getRadarPoints,
+  polarToCartesian,
+  RADAR_SPLIT_AREA_COLORS,
+  resolveChartPalette,
+  buildChartLegendItems,
+  buildChartSeriesKeys,
+  resolveMultiSeriesTooltipContent,
+  resolveSeriesData,
+  defaultRadarTooltipFormatter
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var RadarChart = ({
   width = 320,
   height = 200,
@@ -194,7 +224,7 @@ var RadarChart = ({
       const innerPoints = outerIndex > 0 ? angles.map((angle) => polarToCartesian(cx, cy, innerRadius, angle)) : [];
       return { type: "polygon-ring", outerPoints, innerPoints, color };
     });
-  }, [showSplitArea, levels, angles, radius, cx, cy, gridShape, splitAreaColors, splitAreaOpacity]);
+  }, [showSplitArea, levels, angles, radius, cx, cy, gridShape, splitAreaColors]);
   const axisLines = useMemo(() => {
     if (!showAxis || angles.length === 0) return [];
     return angles.map((angle) => {
@@ -252,7 +282,11 @@ var RadarChart = ({
   ]);
   const dasharray = getChartGridLineDasharray(gridLineStyle);
   const palette = useMemo(() => resolveChartPalette(colors), [colors]);
-  const gradientPrefix = useMemo(() => getRadarGradientPrefix(), []);
+  const gradientId = useId();
+  const gradientPrefix = useMemo(
+    () => getStableChartGradientPrefix("radar", gradientId),
+    [gradientId]
+  );
   const tooltipContent = useMemo(
     () => resolveMultiSeriesTooltipContent(
       hoveredPoint,
@@ -607,4 +641,7 @@ var RadarChart = ({
 };
 var RadarChart_default = RadarChart;
 
-export { RadarChart, RadarChart_default };
+export {
+  RadarChart,
+  RadarChart_default
+};

package/dist/chunk-32PAZTVF.mjs

@@ -1,8 +1,19 @@
-import { useState, useRef, useMemo, useEffect } from 'react';
-import { hexToRgb, rgbToHsv, classNames, getColorPickerTriggerClasses, colorPickerPanelClasses, colorPickerInputClasses, colorPickerPresetClasses, colorPickerBaseClasses, hsvToRgb, rgbToHex, isValidHex } from '@expcat/tigercat-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
 // src/components/ColorPicker.tsx
+import { useState, useMemo, useRef, useEffect } from "react";
+import {
+  colorPickerBaseClasses,
+  getColorPickerTriggerClasses,
+  colorPickerPanelClasses,
+  colorPickerInputClasses,
+  colorPickerPresetClasses,
+  hexToRgb,
+  rgbToHex,
+  rgbToHsv,
+  hsvToRgb,
+  isValidHex,
+  classNames
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var ColorPicker = ({
   value = "#2563eb",
   disabled = false,
@@ -120,4 +131,6 @@ var ColorPicker = ({
   ] });
 };
 
-export { ColorPicker };
+export {
+  ColorPicker
+};

package/dist/chunk-34VGG7AK.mjs

@@ -1,8 +1,11 @@
-import { createContext, useContext, useMemo } from 'react';
-import { classNames, getInputGroupClasses, getInputGroupAddonClasses } from '@expcat/tigercat-core';
-import { jsx } from 'react/jsx-runtime';
-
 // src/components/InputGroup.tsx
+import { createContext, useContext, useMemo } from "react";
+import {
+  classNames,
+  getInputGroupClasses,
+  getInputGroupAddonClasses
+} from "@expcat/tigercat-core";
+import { jsx } from "react/jsx-runtime";
 var InputGroupContext = createContext(null);
 function useInputGroupContext() {
   return useContext(InputGroupContext);
@@ -37,4 +40,9 @@ var InputGroupAddon = ({
   return /* @__PURE__ */ jsx("span", { ...rest, className: addonClasses, children });
 };
 
-export { InputGroup, InputGroupAddon, InputGroupContext, useInputGroupContext };
+export {
+  InputGroupContext,
+  useInputGroupContext,
+  InputGroup,
+  InputGroupAddon
+};

package/dist/chunk-36WZNVQ5.mjs

@@ -1,8 +1,18 @@
-import React, { createContext, useContext, useMemo, useCallback } from 'react';
-import { calculateStepStatus, classNames, getStepItemClasses, getStepIconClasses, getStepTailClasses, getStepContentClasses, getStepTitleClasses, getStepDescriptionClasses, getStepsContainerClasses, stepFinishChar } from '@expcat/tigercat-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
 // src/components/Steps.tsx
+import React, { createContext, useContext, useMemo, useCallback } from "react";
+import {
+  classNames,
+  getStepContentClasses,
+  getStepDescriptionClasses,
+  getStepIconClasses,
+  getStepItemClasses,
+  getStepTailClasses,
+  getStepTitleClasses,
+  getStepsContainerClasses,
+  calculateStepStatus,
+  stepFinishChar
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var StepsContext = createContext(null);
 function useStepsContext() {
   return useContext(StepsContext);
@@ -159,4 +169,8 @@ var Steps = ({
   return /* @__PURE__ */ jsx(StepsContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx("ol", { ...props, className: containerClasses, style, children: stepsWithProps }) });
 };
 
-export { Steps, StepsItem, useStepsContext };
+export {
+  useStepsContext,
+  StepsItem,
+  Steps
+};

package/dist/chunk-3E76U2RG.js

@@ -1,14 +1,18 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/components/CodeEditor.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
 
-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/CodeEditor.tsx
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
 var CodeEditor = ({
   value: controlledValue,
   defaultValue = "",
@@ -27,40 +31,40 @@ var CodeEditor = ({
   onChange,
   highlighter
 }) => {
-  const [internalValue, setInternalValue] = React.useState(defaultValue);
-  const textareaRef = React.useRef(null);
+  const [internalValue, setInternalValue] = _react.useState.call(void 0, defaultValue);
+  const textareaRef = _react.useRef.call(void 0, null);
   const code = controlledValue !== void 0 ? controlledValue : internalValue;
-  const lines = React.useMemo(() => code.split("\n"), [code]);
-  const lineCount = React.useMemo(() => tigercatCore.countLines(code), [code]);
-  const lineNums = React.useMemo(() => tigercatCore.generateLineNumbers(lineCount), [lineCount]);
-  const containerClasses = React.useMemo(
-    () => tigercatCore.getCodeEditorContainerClasses(theme, disabled, className),
+  const lines = _react.useMemo.call(void 0, () => code.split("\n"), [code]);
+  const lineCount = _react.useMemo.call(void 0, () => _tigercatcore.countLines.call(void 0, code), [code]);
+  const lineNums = _react.useMemo.call(void 0, () => _tigercatcore.generateLineNumbers.call(void 0, lineCount), [lineCount]);
+  const containerClasses = _react.useMemo.call(void 0, 
+    () => _tigercatcore.getCodeEditorContainerClasses.call(void 0, theme, disabled, className),
     [theme, disabled, className]
   );
-  const containerStyle = React.useMemo(() => {
+  const containerStyle = _react.useMemo.call(void 0, () => {
     const lineHeight = 1.625;
     const s = { ...style };
     if (minLines > 0) s.minHeight = `${minLines * lineHeight + 1.5}rem`;
     if (maxLines > 0) s.maxHeight = `${maxLines * lineHeight + 1.5}rem`;
     return s;
   }, [minLines, maxLines, style]);
-  const handleInput = React.useCallback(
+  const handleInput = _react.useCallback.call(void 0, 
     (e) => {
       const val = e.target.value;
       setInternalValue(val);
-      onChange?.(val);
+      _optionalChain([onChange, 'optionalCall', _ => _(val)]);
     },
     [onChange]
   );
-  const handleKeyDown = React.useCallback(
+  const handleKeyDown = _react.useCallback.call(void 0, 
     (e) => {
       if (e.key === "Tab") {
         e.preventDefault();
         const ta = textareaRef.current;
         if (!ta) return;
-        const result = tigercatCore.handleTabKey(ta.value, ta.selectionStart, ta.selectionEnd, tabSize);
+        const result = _tigercatcore.handleTabKey.call(void 0, ta.value, ta.selectionStart, ta.selectionEnd, tabSize);
         setInternalValue(result.value);
-        onChange?.(result.value);
+        _optionalChain([onChange, 'optionalCall', _2 => _2(result.value)]);
         requestAnimationFrame(() => {
           ta.selectionStart = result.selectionStart;
           ta.selectionEnd = result.selectionStart;
@@ -71,13 +75,13 @@ var CodeEditor = ({
   );
   const wrapClass = wordWrap ? "whitespace-pre-wrap break-all" : "";
   const renderToken = (token, idx) => {
-    const cls = tigercatCore.getTokenClasses(token.type, theme);
-    return cls ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cls, children: token.value }, idx) : /* @__PURE__ */ jsxRuntime.jsx(React__default.default.Fragment, { children: token.value }, idx);
+    const cls = _tigercatcore.getTokenClasses.call(void 0, token.type, theme);
+    return cls ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: cls, children: token.value }, idx) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react2.default.Fragment, { children: token.value }, idx);
   };
   const renderLine = (line, lineIndex) => {
-    if (highlighter?.highlightLine) {
+    if (_optionalChain([highlighter, 'optionalAccess', _3 => _3.highlightLine])) {
       const html = highlighter.highlightLine(line, language, theme) || (line === "" ? "\n" : "");
-      return /* @__PURE__ */ jsxRuntime.jsx(
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         "div",
         {
           className: "min-h-[1.625rem]",
@@ -86,36 +90,36 @@ var CodeEditor = ({
         lineIndex
       );
     }
-    const tokens = tigercatCore.tokenizeLine(line, language);
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-h-[1.625rem]", children: [
+    const tokens = _tigercatcore.tokenizeLine.call(void 0, line, language);
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "min-h-[1.625rem]", children: [
       tokens.map(renderToken),
       line === "" ? "\n" : null
     ] }, lineIndex);
   };
   const blockHtml = highlighter && !highlighter.highlightLine && highlighter.highlightCode ? highlighter.highlightCode(code, language, theme) : null;
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "div",
     {
       className: containerClasses,
       style: containerStyle,
       "data-language": language,
       "data-theme": theme,
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full", children: [
-        lineNumbers && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.getLineNumberClasses(theme), "aria-hidden": "true", children: lineNums.map((n) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-[1.625rem]", children: n }, n)) }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex-1 overflow-auto", children: [
-          blockHtml !== null ? /* @__PURE__ */ jsxRuntime.jsx(
+      children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-full", children: [
+        lineNumbers && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.getLineNumberClasses.call(void 0, theme), "aria-hidden": "true", children: lineNums.map((n) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "min-h-[1.625rem]", children: n }, n)) }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative flex-1 overflow-auto", children: [
+          blockHtml !== null ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             "div",
             {
-              className: tigercatCore.classNames(tigercatCore.codeEditorHighlightClasses, wrapClass),
+              className: _tigercatcore.classNames.call(void 0, _tigercatcore.codeEditorHighlightClasses, wrapClass),
               "aria-hidden": "true",
               dangerouslySetInnerHTML: { __html: blockHtml }
             }
-          ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.classNames(tigercatCore.codeEditorHighlightClasses, wrapClass), "aria-hidden": "true", children: lines.map(renderLine) }),
-          /* @__PURE__ */ jsxRuntime.jsx(
+          ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.classNames.call(void 0, _tigercatcore.codeEditorHighlightClasses, wrapClass), "aria-hidden": "true", children: lines.map(renderLine) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             "textarea",
             {
               ref: textareaRef,
-              className: tigercatCore.classNames(tigercatCore.codeEditorTextareaClasses, wrapClass),
+              className: _tigercatcore.classNames.call(void 0, _tigercatcore.codeEditorTextareaClasses, wrapClass),
               value: code,
               onChange: handleInput,
               onKeyDown: handleKeyDown,
@@ -139,5 +143,7 @@ var CodeEditor = ({
 };
 var CodeEditor_default = CodeEditor;
 
-exports.CodeEditor = CodeEditor;
-exports.CodeEditor_default = CodeEditor_default;
+
+
+
+exports.CodeEditor = CodeEditor; exports.CodeEditor_default = CodeEditor_default;

package/dist/chunk-3EB42WFR.mjs

@@ -1,8 +1,22 @@
-import { StatusIcon } from './chunk-FLYJVZED.mjs';
-import { useMemo } from 'react';
-import { getResultColorScheme, getResultIconPath, getResultHttpLabel, classNames, resultBaseClasses, resultIconContainerBaseClasses, resultIconClasses, resultTitleClasses, resultSubTitleClasses, resultExtraClasses } from '@expcat/tigercat-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import {
+  StatusIcon
+} from "./chunk-FLYJVZED.mjs";
 
+// src/components/Result.tsx
+import { useMemo } from "react";
+import {
+  classNames,
+  resultBaseClasses,
+  resultIconContainerBaseClasses,
+  resultIconClasses,
+  resultTitleClasses,
+  resultSubTitleClasses,
+  resultExtraClasses,
+  getResultColorScheme,
+  getResultIconPath,
+  getResultHttpLabel
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var Result = ({
   status = "info",
   title,
@@ -32,4 +46,6 @@ var Result = ({
   ] });
 };
 
-export { Result };
+export {
+  Result
+};

package/dist/chunk-3HPDLIX3.mjs

@@ -1,8 +1,17 @@
-import { useRef, useEffect } from 'react';
-import { createRafRepeatActionController, classNames, getStepperButtonClasses, getStepperInputClasses, stepperBaseClasses, clampStepperValue, stepperIconViewBox, minusPathD, plusPathD } from '@expcat/tigercat-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
 // src/components/Stepper.tsx
+import { useEffect, useRef } from "react";
+import {
+  stepperBaseClasses,
+  getStepperInputClasses,
+  getStepperButtonClasses,
+  minusPathD,
+  plusPathD,
+  stepperIconViewBox,
+  clampStepperValue,
+  classNames,
+  createRafRepeatActionController
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var Stepper = ({
   value = 0,
   min = -Infinity,
@@ -105,4 +114,6 @@ var Stepper = ({
   ] });
 };
 
-export { Stepper };
+export {
+  Stepper
+};

package/dist/chunk-3MRP3XYI.js

@@ -0,0 +1,137 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _chunkSTTQ5LXXjs = require('./chunk-STTQ5LXX.js');
+
+// src/components/Loading.tsx
+var _react = require('react');
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var Loading = ({
+  variant = "spinner",
+  size = "md",
+  color = "primary",
+  text,
+  fullscreen = false,
+  delay = 0,
+  background = "rgba(255, 255, 255, 0.9)",
+  customColor,
+  lockScroll = true,
+  className,
+  style,
+  ...props
+}) => {
+  const [visible, setVisible] = _react.useState.call(void 0, delay <= 0);
+  _react.useEffect.call(void 0, () => {
+    _tigercatcore.injectLoadingAnimationStyles.call(void 0, );
+  }, []);
+  _chunkSTTQ5LXXjs.useBodyScrollLock.call(void 0, { enabled: fullscreen && visible && lockScroll });
+  _react.useEffect.call(void 0, () => {
+    if (delay <= 0) {
+      setVisible(true);
+      return;
+    }
+    setVisible(false);
+    const timer = setTimeout(() => setVisible(true), delay);
+    return () => clearTimeout(timer);
+  }, [delay]);
+  const containerClasses = _react.useMemo.call(void 0, 
+    () => _tigercatcore.classNames.call(void 0, 
+      fullscreen ? _tigercatcore.loadingFullscreenBaseClasses : _tigercatcore.loadingContainerBaseClasses,
+      className
+    ),
+    [fullscreen, className]
+  );
+  const mergedStyle = _react.useMemo.call(void 0, 
+    () => ({
+      ...customColor ? { color: customColor } : null,
+      ...fullscreen ? { backgroundColor: background } : null,
+      ...style
+    }),
+    [customColor, fullscreen, background, style]
+  );
+  const renderSpinner = () => {
+    const svg = _tigercatcore.getSpinnerSVG.call(void 0, variant);
+    const spinnerClasses = _tigercatcore.getLoadingClasses.call(void 0, variant, size, color, customColor);
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "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.call(void 0, "circle", { ...el.attrs }, index);
+          } else if (el.type === "path") {
+            return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { ...el.attrs }, index);
+          }
+          return null;
+        })
+      }
+    );
+  };
+  const renderDots = () => {
+    const colorClass = customColor ? "" : _tigercatcore.loadingColorClasses[color];
+    const steps = [0, 1, 2];
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.getLoadingDotsWrapperClasses.call(void 0, size), children: steps.map((i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.getLoadingDotClasses.call(void 0, size, i, colorClass) }, i)) });
+  };
+  const renderBars = () => {
+    const colorClass = customColor ? "" : _tigercatcore.loadingColorClasses[color];
+    const steps = [0, 1, 2];
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.getLoadingBarsWrapperClasses.call(void 0, size), children: steps.map((i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.getLoadingBarClasses.call(void 0, 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;
+  }
+  const loadingNode = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      className: containerClasses,
+      style: mergedStyle,
+      role: "status",
+      "aria-label": text || "Loading",
+      "aria-live": "polite",
+      "aria-busy": true,
+      ...props,
+      children: [
+        renderIndicator(),
+        text && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.getLoadingTextClasses.call(void 0, size, color, customColor), children: text })
+      ]
+    }
+  );
+  if (fullscreen) {
+    return _chunkSTTQ5LXXjs.renderBodyPortal.call(void 0, loadingNode);
+  }
+  return loadingNode;
+};
+
+
+
+exports.Loading = Loading;