@expcat/tigercat-react 0.3.0 → 0.3.69

package/dist/chunk-UG3I4PCY.js

@@ -1,102 +0,0 @@
-'use strict';
-
-var chunkN32MAX4A_js = require('./chunk-N32MAX4A.js');
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-var DonutChart = ({
-  width = 320,
-  height = 200,
-  padding = 24,
-  data,
-  innerRadius,
-  innerRadiusRatio = 0.6,
-  outerRadius,
-  startAngle = 0,
-  endAngle = Math.PI * 2,
-  padAngle = 0,
-  colors,
-  showLabels = false,
-  labelFormatter,
-  // Interaction props
-  hoverable = false,
-  hoveredIndex,
-  activeOpacity = 1,
-  inactiveOpacity = 0.25,
-  selectable = false,
-  selectedIndex,
-  // Legend props
-  showLegend = false,
-  legendPosition = "bottom",
-  legendMarkerSize = 10,
-  legendGap = 8,
-  // Tooltip props
-  showTooltip = true,
-  tooltipFormatter,
-  // Accessibility
-  title,
-  desc,
-  className,
-  // Callbacks
-  onHoveredIndexChange,
-  onSelectedIndexChange,
-  onSliceClick,
-  onSliceHover
-}) => {
-  const innerRect = react.useMemo(
-    () => tigercatCore.getChartInnerRect(width, height, padding),
-    [width, height, padding]
-  );
-  const resolvedOuterRadius = react.useMemo(() => {
-    if (typeof outerRadius === "number") return Math.max(0, outerRadius);
-    return Math.max(0, Math.min(innerRect.width, innerRect.height) / 2);
-  }, [outerRadius, innerRect.width, innerRect.height]);
-  const resolvedInnerRadius = react.useMemo(() => {
-    if (typeof innerRadius === "number") {
-      return Math.min(Math.max(0, innerRadius), resolvedOuterRadius);
-    }
-    const ratio = Math.min(Math.max(innerRadiusRatio ?? 0.6, 0), 1);
-    return resolvedOuterRadius * ratio;
-  }, [innerRadius, innerRadiusRatio, resolvedOuterRadius]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkN32MAX4A_js.PieChart,
-    {
-      width,
-      height,
-      padding,
-      data,
-      innerRadius: resolvedInnerRadius,
-      outerRadius,
-      startAngle,
-      endAngle,
-      padAngle,
-      colors,
-      showLabels,
-      labelFormatter,
-      hoverable,
-      hoveredIndex,
-      activeOpacity,
-      inactiveOpacity,
-      selectable,
-      selectedIndex,
-      showLegend,
-      legendPosition,
-      legendMarkerSize,
-      legendGap,
-      showTooltip,
-      tooltipFormatter,
-      title,
-      desc,
-      className: tigercatCore.classNames(className),
-      onHoveredIndexChange,
-      onSelectedIndexChange,
-      onSliceClick,
-      onSliceHover
-    }
-  );
-};
-var DonutChart_default = DonutChart;
-
-exports.DonutChart = DonutChart;
-exports.DonutChart_default = DonutChart_default;

package/dist/chunk-YESS6YKC.js

@@ -1,37 +0,0 @@
-'use strict';
-
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-// src/components/Space.tsx
-var Space = ({
-  direction = "horizontal",
-  size = "md",
-  align = "start",
-  wrap = false,
-  children,
-  className,
-  style,
-  ...props
-}) => {
-  const gapSize = tigercatCore.getSpaceGapSize(size);
-  const mergedStyle = gapSize.style ? { gap: gapSize.style, ...style } : style;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      ...props,
-      className: tigercatCore.classNames(
-        tigercatCore.SPACE_BASE_CLASS,
-        tigercatCore.getSpaceDirectionClass(direction),
-        tigercatCore.getSpaceAlignClass(align),
-        gapSize.class,
-        wrap && "flex-wrap",
-        className
-      ),
-      style: mergedStyle,
-      children
-    }
-  );
-};
-
-exports.Space = Space;

package/dist/chunk-YYGTJKP5.js

@@ -1,39 +0,0 @@
-'use strict';
-
-var React = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-// src/components/Text.tsx
-var Text = ({
-  tag = "p",
-  size = "base",
-  weight = "normal",
-  align,
-  color = "default",
-  truncate = false,
-  italic = false,
-  underline = false,
-  lineThrough = false,
-  children,
-  className,
-  ...props
-}) => {
-  const textClasses = tigercatCore.classNames(
-    tigercatCore.textSizeClasses[size],
-    tigercatCore.textWeightClasses[weight],
-    align && tigercatCore.textAlignClasses[align],
-    tigercatCore.textColorClasses[color],
-    truncate && tigercatCore.textDecorationClasses.truncate,
-    italic && tigercatCore.textDecorationClasses.italic,
-    underline && tigercatCore.textDecorationClasses.underline,
-    lineThrough && tigercatCore.textDecorationClasses.lineThrough,
-    className
-  );
-  return React__default.default.createElement(tag, { ...props, className: textClasses }, children);
-};
-
-exports.Text = Text;

package/dist/chunk-ZPFZMXA6.js

@@ -1,150 +0,0 @@
-'use strict';
-
-var chunkZYPEO2KY_js = require('./chunk-ZYPEO2KY.js');
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-var popoverIdCounter = 0;
-var createPopoverId = () => `tiger-popover-${++popoverIdCounter}`;
-var Popover = ({
-  visible,
-  defaultVisible = false,
-  title,
-  content,
-  trigger = "click",
-  placement = "top",
-  disabled = false,
-  width,
-  offset = 8,
-  className,
-  style,
-  children,
-  titleContent,
-  contentContent,
-  onVisibleChange,
-  ...divProps
-}) => {
-  const isControlled = visible !== void 0;
-  const [internalVisible, setInternalVisible] = react.useState(defaultVisible);
-  const currentVisible = isControlled ? visible : internalVisible;
-  const containerRef = react.useRef(null);
-  const triggerRef = react.useRef(null);
-  const floatingRef = react.useRef(null);
-  const popoverIdRef = react.useRef(null);
-  if (!popoverIdRef.current) {
-    popoverIdRef.current = createPopoverId();
-  }
-  const popoverId = popoverIdRef.current;
-  const titleId = `${popoverId}-title`;
-  const contentId = `${popoverId}-content`;
-  const {
-    x,
-    y,
-    placement: actualPlacement
-  } = chunkZYPEO2KY_js.useFloating({
-    referenceRef: triggerRef,
-    floatingRef,
-    enabled: currentVisible,
-    placement,
-    offset
-  });
-  const setVisible = react.useCallback(
-    (nextVisible) => {
-      if (disabled && nextVisible) return;
-      if (!isControlled) {
-        setInternalVisible(nextVisible);
-      }
-      onVisibleChange?.(nextVisible);
-    },
-    [disabled, isControlled, onVisibleChange]
-  );
-  const handleTriggerClick = () => {
-    if (disabled || trigger !== "click") return;
-    setVisible(!currentVisible);
-  };
-  const handleTriggerMouseEnter = () => {
-    if (disabled || trigger !== "hover") return;
-    setVisible(true);
-  };
-  const handleTriggerMouseLeave = () => {
-    if (disabled || trigger !== "hover") return;
-    setVisible(false);
-  };
-  const handleTriggerFocus = () => {
-    if (disabled || trigger !== "focus") return;
-    setVisible(true);
-  };
-  const handleTriggerBlur = () => {
-    if (disabled || trigger !== "focus") return;
-    setVisible(false);
-  };
-  chunkZYPEO2KY_js.useClickOutside({
-    enabled: currentVisible && trigger === "click",
-    refs: [containerRef],
-    onOutsideClick: () => setVisible(false),
-    defer: true
-  });
-  chunkZYPEO2KY_js.useEscapeKey({
-    enabled: currentVisible && trigger !== "manual",
-    onEscape: () => setVisible(false)
-  });
-  const containerClasses = tigercatCore.classNames(tigercatCore.getPopoverContainerClasses(), className);
-  const triggerClasses = tigercatCore.getPopoverTriggerClasses(disabled);
-  const contentClasses = tigercatCore.getPopoverContentClasses(width);
-  const titleClasses = tigercatCore.getPopoverTitleClasses();
-  const contentTextClasses = tigercatCore.getPopoverContentTextClasses();
-  const floatingStyles = {
-    position: "absolute",
-    left: x,
-    top: y,
-    transformOrigin: tigercatCore.getTransformOrigin(actualPlacement),
-    zIndex: 1e3
-  };
-  const triggerHandlers = {};
-  if (trigger === "click") {
-    triggerHandlers.onClick = handleTriggerClick;
-  } else if (trigger === "hover") {
-    triggerHandlers.onMouseEnter = handleTriggerMouseEnter;
-    triggerHandlers.onMouseLeave = handleTriggerMouseLeave;
-  } else if (trigger === "focus") {
-    triggerHandlers.onFocus = handleTriggerFocus;
-    triggerHandlers.onBlur = handleTriggerBlur;
-  }
-  if (!children) {
-    return null;
-  }
-  const hasTitle = Boolean(title || titleContent);
-  const hasContent = Boolean(content || contentContent);
-  const describedBy = hasContent ? contentId : void 0;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: containerClasses, style, ...divProps, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref: triggerRef,
-        className: triggerClasses,
-        "aria-haspopup": "dialog",
-        "aria-disabled": disabled ? "true" : void 0,
-        ...triggerHandlers,
-        children
-      }
-    ),
-    currentVisible && /* @__PURE__ */ jsxRuntime.jsx("div", { ref: floatingRef, style: floatingStyles, "aria-hidden": false, children: /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        id: popoverId,
-        role: "dialog",
-        "aria-modal": "false",
-        "aria-labelledby": hasTitle ? titleId : void 0,
-        "aria-describedby": describedBy,
-        className: contentClasses,
-        children: [
-          hasTitle && /* @__PURE__ */ jsxRuntime.jsx("div", { id: titleId, className: titleClasses, children: titleContent || title }),
-          hasContent && /* @__PURE__ */ jsxRuntime.jsx("div", { id: contentId, className: contentTextClasses, children: contentContent || content })
-        ]
-      }
-    ) })
-  ] });
-};
-
-exports.Popover = Popover;

package/dist/chunk-ZREFCRX3.js

@@ -1,52 +0,0 @@
-'use strict';
-
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-// src/components/Divider.tsx
-var Divider = ({
-  orientation = "horizontal",
-  lineStyle = "solid",
-  spacing = "md",
-  color,
-  thickness,
-  className,
-  ...props
-}) => {
-  const dividerClasses = react.useMemo(
-    () => tigercatCore.classNames(
-      tigercatCore.getDividerOrientationClasses(orientation),
-      tigercatCore.getDividerLineStyleClasses(lineStyle),
-      tigercatCore.getDividerSpacingClasses(spacing, orientation),
-      className
-    ),
-    [orientation, lineStyle, spacing, className]
-  );
-  const dividerStyle = react.useMemo(() => {
-    const style = {};
-    if (color) {
-      style.borderColor = color;
-    }
-    if (thickness) {
-      if (orientation === "horizontal") {
-        style.borderTopWidth = thickness;
-      } else {
-        style.borderLeftWidth = thickness;
-      }
-    }
-    return style;
-  }, [color, thickness, orientation]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      ...props,
-      className: dividerClasses,
-      style: dividerStyle,
-      role: "separator",
-      "aria-orientation": orientation
-    }
-  );
-};
-
-exports.Divider = Divider;

package/dist/{chunk-MKWXJZ3T.js → chunk-QYYAXM5F.js}

@@ -57,6 +57,7 @@ var Link = ({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "a",
     {
+      ...props,
       className: linkClasses,
       href: disabled ? void 0 : href,
       target,
@@ -65,7 +66,6 @@ var Link = ({
       tabIndex: disabled ? -1 : tabIndex,
       onClick: handleClick,
       onKeyDown: handleKeyDown,
-      ...props,
       children
     }
   );

package/dist/{chunk-WSJO2PIE.mjs → chunk-XZVQ3PJS.mjs}

@@ -55,6 +55,7 @@ var Link = ({
   return /* @__PURE__ */ jsx(
     "a",
     {
+      ...props,
       className: linkClasses,
       href: disabled ? void 0 : href,
       target,
@@ -63,7 +64,6 @@ var Link = ({
       tabIndex: disabled ? -1 : tabIndex,
       onClick: handleClick,
       onKeyDown: handleKeyDown,
-      ...props,
       children
     }
   );