@expcat/tigercat-react 0.3.0 → 0.3.70

package/dist/{chunk-JOHKSMJM.mjs → chunk-QLHFXYWA.mjs}

@@ -1,5 +1,5 @@
 import React, { forwardRef, useState, useRef, useMemo, useCallback, useImperativeHandle, useEffect } from 'react';
-import { classNames, getCarouselContainerClasses, carouselTrackFadeClasses, carouselTrackScrollClasses, getScrollTransform, carouselSlideBaseClasses, getCarouselDotsClasses, clampSlideIndex, getNextSlideIndex, getPrevSlideIndex, isPrevDisabled, isNextDisabled, getCarouselArrowClasses, carouselPrevArrowPath, carouselNextArrowPath, getCarouselDotClasses } from '@expcat/tigercat-core';
+import { classNames, getCarouselContainerClasses, carouselTrackFadeClasses, carouselTrackScrollClasses, getScrollTransform, getCarouselDotsClasses, clampSlideIndex, getNextSlideIndex, getPrevSlideIndex, isPrevDisabled, isNextDisabled, getCarouselDotClasses, carouselSlideBaseClasses, getCarouselArrowClasses, carouselPrevArrowPath, carouselNextArrowPath } from '@expcat/tigercat-core';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
 // src/components/Carousel.tsx
@@ -24,7 +24,12 @@ var Carousel = forwardRef(
   }, ref) => {
     const [currentIndex, setCurrentIndex] = useState(initialSlide);
     const [isPaused, setIsPaused] = useState(false);
-    const autoplayTimerRef = useRef(null);
+    const onChangeRef = useRef(onChange);
+    const onBeforeChangeRef = useRef(onBeforeChange);
+    onChangeRef.current = onChange;
+    onBeforeChangeRef.current = onBeforeChange;
+    const currentIndexRef = useRef(currentIndex);
+    currentIndexRef.current = currentIndex;
     const slides = useMemo(() => {
       return React.Children.toArray(children).filter((child) => React.isValidElement(child));
     }, [children]);
@@ -34,10 +39,7 @@ var Carousel = forwardRef(
       [className]
     );
     const trackClasses = useMemo(() => {
-      if (effect === "fade") {
-        return carouselTrackFadeClasses;
-      }
-      return carouselTrackScrollClasses;
+      return effect === "fade" ? carouselTrackFadeClasses : carouselTrackScrollClasses;
     }, [effect]);
     const trackStyle = useMemo(() => {
       if (effect === "scroll") {
@@ -48,26 +50,19 @@ var Carousel = forwardRef(
       }
       return {};
     }, [effect, currentIndex, speed]);
-    const getSlideClasses = useCallback(
-      (index) => {
-        const isActive = index === currentIndex;
-        if (effect === "fade") {
-          const positionClass = index === 0 ? "relative" : "absolute inset-0";
-          return classNames(
-            positionClass,
-            "w-full transition-opacity ease-in-out",
-            isActive ? "opacity-100 z-10" : "opacity-0 z-0"
-          );
-        }
-        return carouselSlideBaseClasses;
-      },
-      [effect, currentIndex]
-    );
-    const getSlideStyle = useCallback(() => {
-      return {
-        transitionDuration: `${speed}ms`
-      };
-    }, [speed]);
+    const slideStyle = useMemo(() => ({ transitionDuration: `${speed}ms` }), [speed]);
+    const getSlideClasses = (index) => {
+      const isActive = index === currentIndex;
+      if (effect === "fade") {
+        const positionClass = index === 0 ? "relative" : "absolute inset-0";
+        return classNames(
+          positionClass,
+          "w-full transition-opacity ease-in-out",
+          isActive ? "opacity-100 z-10" : "opacity-0 z-0"
+        );
+      }
+      return carouselSlideBaseClasses;
+    };
     const dotsClasses = useMemo(() => {
       return getCarouselDotsClasses(dotPosition);
     }, [dotPosition]);
@@ -104,28 +99,18 @@ var Carousel = forwardRef(
       [next, prev, goTo]
     );
     useEffect(() => {
-      if (autoplay && !isPaused) {
-        if (autoplayTimerRef.current) {
-          clearInterval(autoplayTimerRef.current);
-        }
-        autoplayTimerRef.current = setInterval(() => {
-          setCurrentIndex((prevIndex) => {
-            const nextIdx = getNextSlideIndex(prevIndex, slideCount, infinite);
-            if (nextIdx !== prevIndex) {
-              onBeforeChange?.(prevIndex, nextIdx);
-              onChange?.(nextIdx, prevIndex);
-            }
-            return nextIdx;
-          });
-        }, autoplaySpeed);
-      }
-      return () => {
-        if (autoplayTimerRef.current) {
-          clearInterval(autoplayTimerRef.current);
-          autoplayTimerRef.current = null;
+      if (!autoplay || isPaused) return;
+      const timer = setInterval(() => {
+        const curr = currentIndexRef.current;
+        const nextIdx = getNextSlideIndex(curr, slideCount, infinite);
+        if (nextIdx !== curr) {
+          onBeforeChangeRef.current?.(curr, nextIdx);
+          setCurrentIndex(nextIdx);
+          onChangeRef.current?.(nextIdx, curr);
         }
-      };
-    }, [autoplay, autoplaySpeed, isPaused, slideCount, infinite, onChange, onBeforeChange]);
+      }, autoplaySpeed);
+      return () => clearInterval(timer);
+    }, [autoplay, autoplaySpeed, isPaused, slideCount, infinite]);
     const handleMouseEnter = useCallback(() => {
       if (pauseOnHover && autoplay) {
         setIsPaused(true);
@@ -154,57 +139,35 @@ var Carousel = forwardRef(
       () => isNextDisabled(currentIndex, slideCount, infinite),
       [currentIndex, slideCount, infinite]
     );
-    const renderArrows = () => {
-      if (!arrows) return null;
-      return /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            className: getCarouselArrowClasses("prev", isPrevArrowDisabled),
-            onClick: prev,
-            disabled: isPrevArrowDisabled,
-            "aria-label": "Previous slide",
-            children: /* @__PURE__ */ jsx(
-              "svg",
-              {
-                xmlns: "http://www.w3.org/2000/svg",
-                viewBox: "0 0 24 24",
-                fill: "none",
-                stroke: "currentColor",
-                strokeWidth: "2",
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                className: "w-6 h-6",
-                children: /* @__PURE__ */ jsx("path", { d: carouselPrevArrowPath })
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "button",
+    const renderArrowButton = (type, disabled, onClick, path) => /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: getCarouselArrowClasses(type, disabled),
+        onClick,
+        disabled,
+        "aria-label": type === "prev" ? "Previous slide" : "Next slide",
+        children: /* @__PURE__ */ jsx(
+          "svg",
           {
-            type: "button",
-            className: getCarouselArrowClasses("next", isNextArrowDisabled),
-            onClick: next,
-            disabled: isNextArrowDisabled,
-            "aria-label": "Next slide",
-            children: /* @__PURE__ */ jsx(
-              "svg",
-              {
-                xmlns: "http://www.w3.org/2000/svg",
-                viewBox: "0 0 24 24",
-                fill: "none",
-                stroke: "currentColor",
-                strokeWidth: "2",
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                className: "w-6 h-6",
-                children: /* @__PURE__ */ jsx("path", { d: carouselNextArrowPath })
-              }
-            )
+            xmlns: "http://www.w3.org/2000/svg",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            className: "w-6 h-6",
+            children: /* @__PURE__ */ jsx("path", { d: path })
           }
         )
+      }
+    );
+    const renderArrows = () => {
+      if (!arrows) return null;
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        renderArrowButton("prev", isPrevArrowDisabled, prev, carouselPrevArrowPath),
+        renderArrowButton("next", isNextArrowDisabled, next, carouselNextArrowPath)
       ] });
     };
     const renderDots = () => {
@@ -226,7 +189,7 @@ var Carousel = forwardRef(
         "div",
         {
           className: getSlideClasses(index),
-          style: effect === "fade" ? getSlideStyle() : void 0,
+          style: effect === "fade" ? slideStyle : void 0,
           role: "group",
           "aria-roledescription": "slide",
           "aria-label": `Slide ${index + 1} of ${slideCount}`,

package/dist/{chunk-C5EFBJBR.js → chunk-QM4GOQDT.js}

@@ -145,6 +145,10 @@ var Tree = ({
     }
     return internalCheckedState;
   }, [controlledCheckedKeys, internalCheckedState, treeData, checkStrictly]);
+  const checkedSets = react.useMemo(
+    () => tigercatCore.checkedSetsFromState(computedCheckedState),
+    [computedCheckedState]
+  );
   react.useEffect(() => {
     if (filterValue) {
       const matched = tigercatCore.filterTreeNodes(treeData, filterValue, filterFn);
@@ -269,6 +273,20 @@ var Tree = ({
     },
     [treeData, computedCheckedState, checkStrictly, checkStrategy, controlledCheckedKeys, onCheck]
   );
+  const getFirstChildKey = react.useCallback(
+    (nodeKey) => {
+      const index = visibleItems.findIndex((i) => i.key === nodeKey);
+      if (index < 0) return void 0;
+      const base = visibleItems[index];
+      for (let i = index + 1; i < visibleItems.length; i++) {
+        const item = visibleItems[i];
+        if (item.level <= base.level) break;
+        if (item.parentKey === nodeKey && !item.node.disabled) return item.key;
+      }
+      return void 0;
+    },
+    [visibleItems]
+  );
   const handleKeyDown = react.useCallback(
     (e, node, isExpanded, isChecked) => {
       if (node.disabled) return;
@@ -277,18 +295,6 @@ var Tree = ({
       const isExpandable = !!(node.children && node.children.length > 0) || !!(loadData && !node.isLeaf);
       const parents = tigercatCore.getParentKeys(treeData, node.key);
       const parentKey = parents[parents.length - 1];
-      const getFirstChildKey = () => {
-        const list = visibleItems;
-        const index = list.findIndex((i) => i.key === node.key);
-        if (index < 0) return void 0;
-        const base = list[index];
-        for (let i = index + 1; i < list.length; i++) {
-          const item = list[i];
-          if (item.level <= base.level) break;
-          if (item.parentKey === node.key && !item.node.disabled) return item.key;
-        }
-        return void 0;
-      };
       if (e.key === "ArrowDown") {
         e.preventDefault();
         setActiveKey(focusableKeys[currentIndex + 1] ?? currentKey);
@@ -316,7 +322,7 @@ var Tree = ({
           return;
         }
         if (isExpandable && isExpanded) {
-          setActiveKey(getFirstChildKey() ?? currentKey);
+          setActiveKey(getFirstChildKey(node.key) ?? currentKey);
         }
         return;
       }
@@ -371,147 +377,118 @@ var Tree = ({
       activeKey,
       defaultActiveKey,
       focusableKeys,
-      visibleItems,
       treeData,
       loadData,
       checkable,
       computedExpandedKeys,
       effectiveSelectable,
+      getFirstChildKey,
       handleExpand,
       handleSelect,
       handleCheck
     ]
   );
-  const handleNodeClickInternal = react.useCallback(
-    (node, event) => {
-      if (node.disabled) return;
-      onNodeClick?.(node, event);
-    },
-    [onNodeClick]
-  );
-  const renderTreeNode = react.useCallback(
-    (node, level, _parentKey) => {
-      const hasChildren = !!(node.children && node.children.length > 0);
-      const isExpanded = computedExpandedKeys.has(node.key);
-      const isSelected = computedSelectedKeys.has(node.key);
-      const isChecked = computedCheckedState.checked.includes(node.key);
-      const isHalfChecked = computedCheckedState.halfChecked.includes(node.key);
-      const isLoading = loadingNodes.has(node.key);
-      const isFiltered = filteredNodeKeys.size > 0;
-      const isMatched = filteredNodeKeys.has(node.key);
-      const isVisible = !isFiltered || isMatched;
-      const isExpandable = hasChildren || !!(loadData && !node.isLeaf);
-      const isFocusable = !node.disabled && node.key === (activeKey ?? defaultActiveKey);
-      if (!isVisible) {
-        return null;
-      }
-      const indent = [];
-      for (let i = 0; i < level; i++) {
-        indent.push(/* @__PURE__ */ jsxRuntime.jsx("span", { className: tigercatCore.treeNodeIndentClasses }, i));
-      }
-      const nodeContent = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        indent,
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "span",
-          {
-            className: isExpandable ? "cursor-pointer" : "",
-            onClick: (e) => {
-              e.stopPropagation();
-              if (isExpandable) {
-                setActiveKey(node.key);
-                handleExpand(node.key);
-              }
-            },
-            children: /* @__PURE__ */ jsxRuntime.jsx(ExpandIcon, { expanded: isExpanded, hasChildren: isExpandable })
-          }
-        ),
-        checkable && /* @__PURE__ */ jsxRuntime.jsx(
-          "input",
-          {
-            type: "checkbox",
-            "aria-label": `Select ${node.label}`,
-            className: tigercatCore.treeNodeCheckboxClasses,
-            checked: isChecked,
-            ref: (input) => {
-              if (input) {
-                input.indeterminate = isHalfChecked;
-              }
-            },
-            disabled: node.disabled,
-            onClick: (e) => {
-              e.stopPropagation();
-            },
-            onChange: (e) => {
-              handleCheck(node.key, e.target.checked);
-            }
-          }
-        ),
-        showIcon && node.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: tigercatCore.treeNodeIconClasses, children: node.icon }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "span",
-          {
-            className: tigercatCore.classNames(
-              tigercatCore.treeNodeLabelClasses,
-              isFiltered && isMatched ? "font-semibold text-[var(--tiger-primary,#2563eb)]" : ""
-            ),
-            children: node.label
-          }
-        ),
-        isLoading && /* @__PURE__ */ jsxRuntime.jsx(LoadingSpinner, {})
-      ] });
-      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.treeNodeWrapperClasses, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            className: tigercatCore.getTreeNodeClasses(isSelected, !!node.disabled, blockNode),
-            ref: (el) => {
-              itemRefs.current.set(node.key, el);
-            },
-            role: "treeitem",
-            "aria-level": level + 1,
-            "aria-disabled": node.disabled || void 0,
-            "aria-selected": effectiveSelectable ? isSelected : void 0,
-            "aria-expanded": isExpandable ? isExpanded : void 0,
-            "aria-checked": checkable ? isHalfChecked ? "mixed" : isChecked : void 0,
-            tabIndex: isFocusable ? 0 : -1,
-            onFocus: () => {
-              if (!node.disabled) setActiveKey(node.key);
-            },
-            onKeyDown: (e) => handleKeyDown(e, node, isExpanded, isChecked),
-            onClick: (e) => {
+  const renderTreeNode = (node, level) => {
+    const hasChildren = !!(node.children && node.children.length > 0);
+    const isExpanded = computedExpandedKeys.has(node.key);
+    const isSelected = computedSelectedKeys.has(node.key);
+    const isChecked = checkedSets.checkedSet.has(node.key);
+    const isHalfChecked = checkedSets.halfCheckedSet.has(node.key);
+    const isLoading = loadingNodes.has(node.key);
+    const isFiltered = filteredNodeKeys.size > 0;
+    const isMatched = filteredNodeKeys.has(node.key);
+    const isVisible = !isFiltered || isMatched;
+    const isExpandable = hasChildren || !!(loadData && !node.isLeaf);
+    const isFocusable = !node.disabled && node.key === (activeKey ?? defaultActiveKey);
+    if (!isVisible) {
+      return null;
+    }
+    const indent = [];
+    for (let i = 0; i < level; i++) {
+      indent.push(/* @__PURE__ */ jsxRuntime.jsx("span", { className: tigercatCore.treeNodeIndentClasses }, i));
+    }
+    const nodeContent = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      indent,
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: isExpandable ? "cursor-pointer" : "",
+          onClick: (e) => {
+            e.stopPropagation();
+            if (isExpandable) {
               setActiveKey(node.key);
-              handleNodeClickInternal(node, e);
-              if (effectiveSelectable && !node.disabled) {
-                handleSelect(node.key, e);
-              }
-            },
-            children: nodeContent
+              handleExpand(node.key);
+            }
+          },
+          children: /* @__PURE__ */ jsxRuntime.jsx(ExpandIcon, { expanded: isExpanded, hasChildren: isExpandable })
+        }
+      ),
+      checkable && /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          type: "checkbox",
+          "aria-label": `Select ${node.label}`,
+          className: tigercatCore.treeNodeCheckboxClasses,
+          checked: isChecked,
+          ref: (input) => {
+            if (input) {
+              input.indeterminate = isHalfChecked;
+            }
+          },
+          disabled: node.disabled,
+          onClick: (e) => {
+            e.stopPropagation();
+          },
+          onChange: (e) => {
+            handleCheck(node.key, e.target.checked);
           }
-        ),
-        hasChildren && isExpanded && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.classNames(tigercatCore.treeNodeChildrenClasses, showLine && tigercatCore.treeLineClasses), children: node.children.map((child) => renderTreeNode(child, level + 1, node.key)) })
-      ] }, node.key);
-    },
-    [
-      computedExpandedKeys,
-      computedSelectedKeys,
-      computedCheckedState,
-      loadingNodes,
-      filteredNodeKeys,
-      activeKey,
-      defaultActiveKey,
-      loadData,
-      checkable,
-      blockNode,
-      effectiveSelectable,
-      showIcon,
-      showLine,
-      handleExpand,
-      handleCheck,
-      handleSelect,
-      handleNodeClickInternal,
-      handleKeyDown
-    ]
-  );
+        }
+      ),
+      showIcon && node.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: tigercatCore.treeNodeIconClasses, children: node.icon }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: tigercatCore.classNames(
+            tigercatCore.treeNodeLabelClasses,
+            isFiltered && isMatched ? "font-semibold text-[var(--tiger-primary,#2563eb)]" : ""
+          ),
+          children: node.label
+        }
+      ),
+      isLoading && /* @__PURE__ */ jsxRuntime.jsx(LoadingSpinner, {})
+    ] });
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.treeNodeWrapperClasses, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: tigercatCore.getTreeNodeClasses(isSelected, !!node.disabled, blockNode),
+          ref: (el) => {
+            itemRefs.current.set(node.key, el);
+          },
+          role: "treeitem",
+          "aria-level": level + 1,
+          "aria-disabled": node.disabled || void 0,
+          "aria-selected": effectiveSelectable ? isSelected : void 0,
+          "aria-expanded": isExpandable ? isExpanded : void 0,
+          "aria-checked": checkable ? isHalfChecked ? "mixed" : isChecked : void 0,
+          tabIndex: isFocusable ? 0 : -1,
+          onFocus: () => {
+            if (!node.disabled) setActiveKey(node.key);
+          },
+          onKeyDown: (e) => handleKeyDown(e, node, isExpanded, isChecked),
+          onClick: (e) => {
+            setActiveKey(node.key);
+            if (!node.disabled) onNodeClick?.(node, e);
+            if (effectiveSelectable && !node.disabled) {
+              handleSelect(node.key, e);
+            }
+          },
+          children: nodeContent
+        }
+      ),
+      hasChildren && isExpanded && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.classNames(tigercatCore.treeNodeChildrenClasses, showLine && tigercatCore.treeLineClasses), children: node.children.map((child) => renderTreeNode(child, level + 1)) })
+    ] }, node.key);
+  };
   if (!treeData || treeData.length === 0) {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",

package/dist/{chunk-PBJ2J2B3.js → chunk-QNRAM3CM.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk4TWHENPT_js = require('./chunk-4TWHENPT.js');
+var chunkHB2UYJBY_js = require('./chunk-HB2UYJBY.js');
 var react = require('react');
 var tigercatCore = require('@expcat/tigercat-core');
 var jsxRuntime = require('react/jsx-runtime');
@@ -13,7 +13,7 @@ var DropdownItem = ({
   children,
   ...buttonProps
 }) => {
-  const context = react.useContext(chunk4TWHENPT_js.DropdownContext);
+  const context = react.useContext(chunkHB2UYJBY_js.DropdownContext);
   const handleClick = (event) => {
     if (disabled) {
       event.preventDefault();

package/dist/{chunk-Z5DDULTA.js → chunk-RARHRSPQ.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkZPWDDAFE_js = require('./chunk-ZPWDDAFE.js');
+var chunkXID6T65A_js = require('./chunk-XID6T65A.js');
 var React = require('react');
 var tigercatCore = require('@expcat/tigercat-core');
 var jsxRuntime = require('react/jsx-runtime');
@@ -17,7 +17,7 @@ var AnchorLink = ({
   children,
   ...props
 }) => {
-  const anchorContext = chunkZPWDDAFE_js.useAnchorContext();
+  const anchorContext = chunkXID6T65A_js.useAnchorContext();
   React.useEffect(() => {
     anchorContext?.registerLink(href);
     return () => {

package/dist/{chunk-5QKMQRCW.js → chunk-RDIEZKV2.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkVSF4DF7N_js = require('./chunk-VSF4DF7N.js');
+var chunkSAZ6V6DX_js = require('./chunk-SAZ6V6DX.js');
 var react = require('react');
 var tigercatCore = require('@expcat/tigercat-core');
 var jsxRuntime = require('react/jsx-runtime');
@@ -18,7 +18,7 @@ var Radio = ({
   style,
   ...props
 }) => {
-  const groupContext = react.useContext(chunkVSF4DF7N_js.RadioGroupContext);
+  const groupContext = react.useContext(chunkSAZ6V6DX_js.RadioGroupContext);
   const [internalChecked, setInternalChecked] = react.useState(defaultChecked);
   const isCheckedControlled = checked !== void 0;
   const isInGroup = !!groupContext;
@@ -26,23 +26,31 @@ var Radio = ({
   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 radioClasses = react.useMemo(
+    () => tigercatCore.getRadioVisualClasses({
+      size: actualSize,
+      checked: isChecked,
+      disabled: actualDisabled,
+      colors: tigercatCore.defaultRadioColors
+    }),
+    [actualSize, isChecked, actualDisabled]
+  );
+  const dotClasses = react.useMemo(
+    () => tigercatCore.getRadioDotClasses({
+      size: actualSize,
+      checked: isChecked,
+      colors: tigercatCore.defaultRadioColors
+    }),
+    [actualSize, isChecked]
+  );
+  const labelClasses = react.useMemo(
+    () => tigercatCore.getRadioLabelClasses({
+      size: actualSize,
+      disabled: actualDisabled,
+      colors: tigercatCore.defaultRadioColors
+    }),
+    [actualSize, actualDisabled]
+  );
   const handleChange = (event) => {
     if (actualDisabled) {
       event.preventDefault();
@@ -66,7 +74,7 @@ var Radio = ({
       if (!input.checked) input.click();
     }
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs("label", { className: tigercatCore.classNames("inline-flex items-center", className), style, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("label", { className: tigercatCore.classNames(tigercatCore.radioRootBaseClasses, className), style, children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "input",
       {