@expcat/tigercat-react 1.1.0 → 1.2.0

package/dist/{chunk-VBZE77VM.mjs → chunk-QAIBQHIO.mjs}

@@ -1,11 +1,18 @@
-import React, { useContext, useState, useEffect, useMemo } from 'react';
-import { isLazyTigerLocale, getImmediateTigerLocale, resolveTigerLocale, mergeTigerLocale, ThemeManager } from '@expcat/tigercat-core';
-import { jsx } from 'react/jsx-runtime';
-
 // src/components/ConfigProvider.tsx
+import React, { useContext, useEffect, useMemo, useState } from "react";
+import {
+  mergeTigerLocale,
+  isLazyTigerLocale,
+  getImmediateTigerLocale,
+  resolveTigerLocale,
+  getLocaleDirection,
+  ThemeManager
+} from "@expcat/tigercat-core";
+import { jsx } from "react/jsx-runtime";
 var TigerConfigContext = React.createContext({});
 var ConfigProvider = ({
   locale,
+  direction,
   theme,
   colorScheme,
   children
@@ -46,20 +53,49 @@ var ConfigProvider = ({
     return {
       locale: mergeTigerLocale(parent.locale, resolvedLocale),
       localeLoading: localeLoading || parent.localeLoading,
+      direction: direction ?? resolvedLocale?.direction ?? parent.direction ?? (resolvedLocale?.locale ? getLocaleDirection(resolvedLocale) : void 0),
       theme: theme ?? parent.theme,
       colorScheme: colorScheme ?? parent.colorScheme
     };
-  }, [parent.locale, resolvedLocale, localeLoading, parent.localeLoading, theme, parent.theme, colorScheme, parent.colorScheme]);
+  }, [
+    parent.locale,
+    resolvedLocale,
+    localeLoading,
+    parent.localeLoading,
+    direction,
+    parent.direction,
+    theme,
+    parent.theme,
+    colorScheme,
+    parent.colorScheme
+  ]);
   useEffect(() => {
     if (value.theme) ThemeManager.setTheme(value.theme);
   }, [value.theme]);
   useEffect(() => {
     if (value.colorScheme) ThemeManager.setColorScheme(value.colorScheme);
   }, [value.colorScheme]);
+  useEffect(() => {
+    if (!value.direction || typeof document === "undefined") return;
+    const root = document.documentElement;
+    const previousDir = root.getAttribute("dir");
+    const previousDataDir = root.getAttribute("data-tiger-dir");
+    root.setAttribute("dir", value.direction);
+    root.setAttribute("data-tiger-dir", value.direction);
+    return () => {
+      if (previousDir === null) root.removeAttribute("dir");
+      else root.setAttribute("dir", previousDir);
+      if (previousDataDir === null) root.removeAttribute("data-tiger-dir");
+      else root.setAttribute("data-tiger-dir", previousDataDir);
+    };
+  }, [value.direction]);
   return /* @__PURE__ */ jsx(TigerConfigContext.Provider, { value, children });
 };
 function useTigerConfig() {
   return useContext(TigerConfigContext);
 }
 
-export { ConfigProvider, useTigerConfig };
+export {
+  ConfigProvider,
+  useTigerConfig
+};

package/dist/chunk-QIKR5EFI.js

@@ -0,0 +1,230 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } 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; }
+
+var _chunkXTV5JLLCjs = require('./chunk-XTV5JLLC.js');
+
+
+var _chunkWV5XHYW6js = require('./chunk-WV5XHYW6.js');
+
+
+var _chunkUVMQJOTXjs = require('./chunk-UVMQJOTX.js');
+
+
+var _chunkUKLVOR4Ejs = require('./chunk-UKLVOR4E.js');
+
+// src/components/FunnelChart.tsx
+var _react = require('react');
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var FunnelChart = ({
+  width = 320,
+  height = 300,
+  padding = 24,
+  data,
+  direction: _direction = "vertical",
+  gap = 2,
+  pinch = false,
+  colors,
+  gradient = false,
+  hoverable = false,
+  hoveredIndex: hoveredIndexProp,
+  activeOpacity = 1,
+  inactiveOpacity = 0.25,
+  selectable = false,
+  selectedIndex: selectedIndexProp,
+  showLegend = false,
+  legendPosition = "bottom",
+  legendMarkerSize = 10,
+  legendGap = 8,
+  showTooltip = true,
+  tooltipFormatter,
+  title,
+  desc,
+  className,
+  onHoveredIndexChange,
+  onSelectedIndexChange,
+  onSegmentClick,
+  onSegmentHover
+}) => {
+  const {
+    tooltipPosition,
+    resolvedHoveredIndex,
+    activeIndex,
+    handleMouseEnter,
+    handleMouseMove,
+    handleMouseLeave,
+    handleClick,
+    handleKeyDown,
+    handleLegendClick,
+    handleLegendHover,
+    handleLegendLeave,
+    wrapperClasses
+  } = _chunkXTV5JLLCjs.useChartInteraction.call(void 0, {
+    hoverable,
+    hoveredIndexProp,
+    selectable,
+    selectedIndexProp,
+    activeOpacity,
+    inactiveOpacity,
+    legendPosition,
+    getData: (index) => data[index],
+    onHoveredIndexChange: (index) => {
+      _optionalChain([onHoveredIndexChange, 'optionalCall', _ => _(index)]);
+      _optionalChain([onSegmentHover, 'optionalCall', _2 => _2(index, index !== null ? data[index] : null)]);
+    },
+    onSelectedIndexChange,
+    callbacks: { onClick: onSegmentClick }
+  });
+  const innerRect = _react.useMemo.call(void 0, 
+    () => _tigercatcore.getChartInnerRect.call(void 0, width, height, padding),
+    [width, height, padding]
+  );
+  const palette = _react.useMemo.call(void 0, () => _tigercatcore.resolveChartPalette.call(void 0, colors), [colors]);
+  const segments = _react.useMemo.call(void 0, 
+    () => _tigercatcore.computeFunnelSegments.call(void 0, data, {
+      width: innerRect.width,
+      height: innerRect.height,
+      gap,
+      pinch,
+      colors: palette
+    }),
+    [data, innerRect.width, innerRect.height, gap, pinch, palette]
+  );
+  const total = _react.useMemo.call(void 0, () => data.reduce((s, d) => s + d.value, 0), [data]);
+  const gradientId = _react.useId.call(void 0, );
+  const gradientPrefix = _react.useMemo.call(void 0, 
+    () => _tigercatcore.getStableChartGradientPrefix.call(void 0, "funnel", gradientId),
+    [gradientId]
+  );
+  const legendItems = _react.useMemo.call(void 0, 
+    () => _tigercatcore.buildChartLegendItems.call(void 0, {
+      data,
+      palette,
+      activeIndex,
+      getLabel: (d, i) => _nullishCoalesce(d.label, () => ( `Stage ${i + 1}`)),
+      getColor: (d, i) => _nullishCoalesce(d.color, () => ( palette[i % palette.length]))
+    }),
+    [data, palette, activeIndex]
+  );
+  const tooltipContent = _react.useMemo.call(void 0, 
+    () => _tigercatcore.resolveChartTooltipContent.call(void 0, resolvedHoveredIndex, data, tooltipFormatter, (datum, index) => {
+      const pct = total > 0 ? (datum.value / total * 100).toFixed(1) : "0";
+      const label = _nullishCoalesce(datum.label, () => ( `Stage ${index + 1}`));
+      return `${label}: ${datum.value} (${pct}%)`;
+    }),
+    [resolvedHoveredIndex, data, tooltipFormatter, total]
+  );
+  const interactive = hoverable || selectable;
+  const chart = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    _chunkUKLVOR4Ejs.ChartCanvas,
+    {
+      width,
+      height,
+      padding,
+      title,
+      desc,
+      className: _tigercatcore.classNames.call(void 0, className),
+      children: [
+        gradient && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "defs", { children: segments.map((seg) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          "linearGradient",
+          {
+            id: `${gradientPrefix}-${seg.index}`,
+            x1: 0,
+            y1: 0,
+            x2: 0,
+            y2: 1,
+            children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { offset: "0%", stopColor: seg.color, stopOpacity: 1 }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { offset: "100%", stopColor: seg.color, stopOpacity: 0.55 })
+            ]
+          },
+          `grad-${seg.index}`
+        )) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "g", { "data-series-type": "funnel", children: segments.map((seg) => {
+          const opacity = _tigercatcore.getChartElementOpacity.call(void 0, seg.index, activeIndex, {
+            activeOpacity,
+            inactiveOpacity
+          });
+          return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "path",
+            {
+              d: seg.path,
+              fill: gradient ? `url(#${gradientPrefix}-${seg.index})` : seg.color,
+              opacity,
+              className: _tigercatcore.classNames.call(void 0, interactive && "cursor-pointer"),
+              style: {
+                transition: "opacity var(--tiger-motion-duration-base,0.2s) var(--tiger-motion-ease-decelerate,ease-out)"
+              },
+              tabIndex: selectable ? 0 : void 0,
+              role: selectable ? "button" : "img",
+              "aria-label": seg.label,
+              onMouseEnter: (e) => handleMouseEnter(seg.index, e),
+              onMouseMove: handleMouseMove,
+              onMouseLeave: handleMouseLeave,
+              onClick: () => handleClick(seg.index),
+              onKeyDown: (e) => handleKeyDown(e, seg.index)
+            },
+            `seg-${seg.index}`
+          );
+        }) }),
+        segments.map((seg) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "text",
+          {
+            x: seg.cx,
+            y: seg.cy,
+            className: _tigercatcore.chartAxisTickTextClasses,
+            textAnchor: "middle",
+            dominantBaseline: "middle",
+            children: seg.label
+          },
+          `label-${seg.index}`
+        ))
+      ]
+    }
+  );
+  const tooltip = showTooltip && hoverable ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkUVMQJOTXjs.ChartTooltip,
+    {
+      content: tooltipContent,
+      visible: resolvedHoveredIndex !== null && tooltipContent !== "",
+      x: tooltipPosition.x,
+      y: tooltipPosition.y
+    }
+  ) : null;
+  if (!showLegend) {
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "inline-block relative", children: [
+      chart,
+      tooltip
+    ] });
+  }
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: wrapperClasses, children: [
+    chart,
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkWV5XHYW6js.ChartLegend,
+      {
+        items: legendItems,
+        position: legendPosition,
+        markerSize: legendMarkerSize,
+        gap: legendGap,
+        interactive,
+        onItemClick: handleLegendClick,
+        onItemHover: handleLegendHover,
+        onItemLeave: handleLegendLeave
+      }
+    ),
+    tooltip
+  ] });
+};
+
+
+
+exports.FunnelChart = FunnelChart;

package/dist/chunk-QIXQYLH5.js

@@ -1,15 +1,11 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }// src/components/Divider.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/Divider.tsx
-var Divider = React__default.default.memo(
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var Divider = _react2.default.memo(
   ({
     orientation = "horizontal",
     lineStyle = "solid",
@@ -19,15 +15,15 @@ var Divider = React__default.default.memo(
     className,
     ...props
   }) => {
-    const classes = React.useMemo(() => {
-      const base = tigercatCore.getDividerClasses(orientation, lineStyle, spacing);
+    const classes = _react.useMemo.call(void 0, () => {
+      const base = _tigercatcore.getDividerClasses.call(void 0, orientation, lineStyle, spacing);
       return className ? `${base} ${className}` : base;
     }, [orientation, lineStyle, spacing, className]);
-    const style = React.useMemo(
-      () => tigercatCore.getDividerStyle(orientation, color, thickness),
+    const style = _react.useMemo.call(void 0, 
+      () => _tigercatcore.getDividerStyle.call(void 0, orientation, color, thickness),
       [color, thickness, orientation]
     );
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "div",
       {
         ...props,
@@ -41,4 +37,6 @@ var Divider = React__default.default.memo(
 );
 Divider.displayName = "Divider";
 
+
+
 exports.Divider = Divider;

package/dist/chunk-QMK4OFC5.js

@@ -0,0 +1,235 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } 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; }
+
+var _chunkUKLVOR4Ejs = require('./chunk-UKLVOR4E.js');
+
+// src/components/Gantt.tsx
+var _react = require('react');
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+function Gantt({
+  data,
+  width = 760,
+  height = 360,
+  padding = 24,
+  scale = "week",
+  rowHeight = 40,
+  barHeight = 18,
+  taskLabelWidth = 140,
+  timelineHeight = 36,
+  minDate,
+  maxDate,
+  minBarWidth = 6,
+  showToday = false,
+  showProgress = true,
+  showDependencies = true,
+  hoverable = false,
+  selectable = false,
+  selectedId,
+  activeOpacity = 1,
+  inactiveOpacity = 0.35,
+  dateFormatter,
+  colors,
+  title,
+  desc,
+  ariaLabel = "Gantt chart",
+  className,
+  onTaskClick,
+  onTaskHover,
+  onSelectedIdChange
+}) {
+  const [innerSelectedId, setInnerSelectedId] = _react.useState.call(void 0, null);
+  const [hoveredId, setHoveredId] = _react.useState.call(void 0, null);
+  const resolvedSelectedId = selectedId === void 0 ? innerSelectedId : selectedId;
+  const innerRect = _react.useMemo.call(void 0, 
+    () => _tigercatcore.getChartInnerRect.call(void 0, width, height, padding),
+    [height, padding, width]
+  );
+  const layout = _react.useMemo.call(void 0, 
+    () => _tigercatcore.computeGanttLayout.call(void 0, data, {
+      width: innerRect.width,
+      rowHeight,
+      barHeight,
+      taskLabelWidth,
+      timelineHeight,
+      minDate,
+      maxDate,
+      minBarWidth,
+      scale,
+      colors,
+      today: showToday ? /* @__PURE__ */ new Date() : void 0,
+      dateFormatter
+    }),
+    [
+      barHeight,
+      colors,
+      data,
+      dateFormatter,
+      innerRect.width,
+      maxDate,
+      minBarWidth,
+      minDate,
+      rowHeight,
+      scale,
+      showToday,
+      taskLabelWidth,
+      timelineHeight
+    ]
+  );
+  const activeId = _nullishCoalesce(resolvedSelectedId, () => ( hoveredId));
+  const selectTask = (task) => {
+    if (selectable && !task.task.disabled) {
+      const nextId = resolvedSelectedId === task.id ? null : task.id;
+      if (selectedId === void 0) setInnerSelectedId(nextId);
+      _optionalChain([onSelectedIdChange, 'optionalCall', _ => _(nextId)]);
+    }
+    _optionalChain([onTaskClick, 'optionalCall', _2 => _2(task.task)]);
+  };
+  const setHoveredTask = (task) => {
+    if (!hoverable) return;
+    setHoveredId(_nullishCoalesce(_optionalChain([task, 'optionalAccess', _3 => _3.id]), () => ( null)));
+    _optionalChain([onTaskHover, 'optionalCall', _4 => _4(_nullishCoalesce(_optionalChain([task, 'optionalAccess', _5 => _5.task]), () => ( null)))]);
+  };
+  const getTaskOpacity = (task) => {
+    if (activeId === null) return activeOpacity;
+    return activeId === task.id ? activeOpacity : inactiveOpacity;
+  };
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkUKLVOR4Ejs.ChartCanvas,
+    {
+      width,
+      height,
+      padding,
+      title,
+      desc,
+      className: _tigercatcore.classNames.call(void 0, className),
+      role: "img",
+      "aria-label": ariaLabel,
+      children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "g", { "data-series-type": "gantt", children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "g", { "data-gantt-axis": "true", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "line",
+            {
+              x1: taskLabelWidth,
+              x2: layout.width,
+              y1: timelineHeight - 1,
+              y2: timelineHeight - 1,
+              stroke: "var(--tiger-border,#d1d5db)"
+            }
+          ),
+          layout.ticks.map((tick) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "g", { children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "line",
+              {
+                x1: tick.x,
+                x2: tick.x,
+                y1: 0,
+                y2: layout.height,
+                stroke: "var(--tiger-border,#e5e7eb)"
+              }
+            ),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "text", { x: tick.x + 4, y: 16, className: _tigercatcore.ganttAxisTextClasses, children: tick.label })
+          ] }, `${tick.label}-${tick.x}`))
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "g", { "data-gantt-rows": "true", children: layout.tasks.map((task) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "rect",
+          {
+            x: 0,
+            y: timelineHeight + task.index * rowHeight,
+            width: layout.width,
+            height: rowHeight,
+            className: task.index % 2 === 0 ? _tigercatcore.ganttRowClasses : void 0,
+            opacity: task.index % 2 === 0 ? 0.75 : 0
+          },
+          `row-${task.id}`
+        )) }),
+        showToday && layout.todayX !== null ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "line",
+          {
+            x1: layout.todayX,
+            x2: layout.todayX,
+            y1: 0,
+            y2: layout.height,
+            className: _tigercatcore.ganttTodayLineClasses,
+            "data-gantt-today": "true"
+          }
+        ) : null,
+        showDependencies ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "g", { "data-gantt-dependencies": "true", children: layout.dependencies.map((dependency) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: dependency.path,
+            className: _tigercatcore.ganttDependencyClasses
+          },
+          `${dependency.sourceId}-${dependency.targetId}`
+        )) }) : null,
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "g", { "data-gantt-tasks": "true", children: layout.tasks.map((task) => {
+          const selected = resolvedSelectedId === task.id;
+          const interactive = (hoverable || selectable) && !task.task.disabled;
+          return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "g", { opacity: getTaskOpacity(task), children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "text", { x: 0, y: task.y + task.height / 2 + 4, className: _tigercatcore.ganttLabelClasses, children: task.task.label }),
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+              "g",
+              {
+                className: _tigercatcore.getGanttTaskClasses.call(void 0, interactive, selected),
+                role: interactive ? "button" : "group",
+                tabIndex: interactive ? 0 : void 0,
+                "aria-label": _tigercatcore.getGanttTaskAriaLabel.call(void 0, task.task),
+                onMouseEnter: () => setHoveredTask(task),
+                onMouseLeave: () => setHoveredTask(null),
+                onClick: () => selectTask(task),
+                onKeyDown: (event) => {
+                  if (event.key === "Enter" || event.key === " ") {
+                    event.preventDefault();
+                    selectTask(task);
+                  }
+                },
+                children: [
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    "rect",
+                    {
+                      x: task.x,
+                      y: task.y,
+                      width: task.width,
+                      height: task.height,
+                      rx: 4,
+                      fill: task.color,
+                      stroke: selected ? "var(--tiger-text,#111827)" : void 0,
+                      strokeWidth: selected ? 2 : void 0
+                    }
+                  ),
+                  showProgress && task.progressWidth > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    "rect",
+                    {
+                      x: task.x,
+                      y: task.y,
+                      width: task.progressWidth,
+                      height: task.height,
+                      rx: 4,
+                      className: _tigercatcore.ganttProgressClasses
+                    }
+                  ) : null
+                ]
+              }
+            )
+          ] }, task.id);
+        }) })
+      ] })
+    }
+  );
+}
+Gantt.displayName = "Gantt";
+
+
+
+exports.Gantt = Gantt;

package/dist/chunk-QOEE2PW5.mjs

@@ -1,8 +1,35 @@
-import React, { forwardRef, useState, useRef, useMemo, useCallback, useImperativeHandle, useEffect } from 'react';
-import { getNextSlideIndex, getPrevSlideIndex, classNames, getCarouselContainerClasses, carouselTrackFadeClasses, carouselTrackScrollClasses, getScrollTransform, getCarouselDotsClasses, clampSlideIndex, createCarouselAutoplayController, isPrevDisabled, isNextDisabled, getCarouselTouchPoint, resolveCarouselSwipeDirection, getCarouselDotClasses, carouselSlideBaseClasses, getCarouselArrowClasses, carouselPrevArrowPath, carouselNextArrowPath } from '@expcat/tigercat-core';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-
 // src/components/Carousel.tsx
+import React, {
+  useState,
+  useCallback,
+  useEffect,
+  useRef,
+  useMemo,
+  useImperativeHandle,
+  forwardRef
+} from "react";
+import {
+  classNames,
+  getCarouselContainerClasses,
+  carouselTrackScrollClasses,
+  carouselTrackFadeClasses,
+  carouselSlideBaseClasses,
+  getCarouselDotsClasses,
+  getCarouselDotClasses,
+  getCarouselArrowClasses,
+  getNextSlideIndex,
+  getPrevSlideIndex,
+  isNextDisabled,
+  isPrevDisabled,
+  clampSlideIndex,
+  getScrollTransform,
+  getCarouselTouchPoint,
+  resolveCarouselSwipeDirection,
+  createCarouselAutoplayController,
+  carouselPrevArrowPath,
+  carouselNextArrowPath
+} from "@expcat/tigercat-core";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var Carousel = forwardRef(
   ({
     autoplay = false,
@@ -289,4 +316,6 @@ var Carousel = forwardRef(
 );
 Carousel.displayName = "Carousel";
 
-export { Carousel };
+export {
+  Carousel
+};