@expcat/tigercat-react 1.1.0 → 1.2.14

package/dist/{chunk-GDONQIOK.mjs → chunk-L2NMDYYQ.mjs}

@@ -1,13 +1,52 @@
-import React, { createContext, useContext, useRef, useState, useCallback, useMemo, useEffect, useLayoutEffect } from 'react';
-import { replaceKeys, toggleKey, classNames, getMenuClasses, initRovingTabIndex, isKeySelected, getMenuItemClasses, getMenuItemIndent, moveFocusInMenu, focusMenuEdge, menuItemGroupTitleClasses, isKeyOpen, createSubmenuHeightTransitionController, getSubMenuTitleClasses, submenuContentHorizontalClasses, submenuContentHorizontalNestedClasses, submenuContentPopupClasses, submenuContentInlineClasses, submenuContentVerticalClasses, focusFirstChildItem, menuItemIconClasses, getSubmenuPopupZIndex, getInitialSubmenuHeightTransitionStyle, submenuHeightTransitionClasses, getSubMenuExpandIconClasses } from '@expcat/tigercat-core';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-
 // src/components/Menu.tsx
+import React, {
+  createContext,
+  useContext,
+  useState,
+  useMemo,
+  useCallback,
+  useEffect,
+  useLayoutEffect,
+  useRef
+} from "react";
+import {
+  classNames,
+  getMenuClasses,
+  getMenuItemClasses,
+  getMenuItemIndent,
+  getSubMenuTitleClasses,
+  getSubMenuExpandIconClasses,
+  getSubmenuPopupZIndex,
+  filterMenuItems,
+  isKeySelected,
+  isKeyOpen,
+  menuItemIconClasses,
+  menuItemGroupTitleClasses,
+  menuSearchFieldClasses,
+  menuSearchEmptyClasses,
+  menuSearchInputClasses,
+  submenuContentHorizontalClasses,
+  submenuContentHorizontalNestedClasses,
+  submenuContentPopupClasses,
+  submenuContentVerticalClasses,
+  submenuContentInlineClasses,
+  submenuHeightTransitionClasses,
+  getInitialSubmenuHeightTransitionStyle,
+  createSubmenuHeightTransitionController,
+  moveFocusInMenu,
+  focusMenuEdge,
+  focusFirstChildItem,
+  replaceKeys,
+  toggleKey,
+  initRovingTabIndex
+} from "@expcat/tigercat-core";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var MenuContext = createContext(null);
 function useMenuContext() {
   return useContext(MenuContext);
 }
 var Menu = ({
+  items,
   mode = "vertical",
   theme = "light",
   selectedKeys: controlledSelectedKeys,
@@ -21,13 +60,21 @@ var Menu = ({
   style,
   onSelect,
   onOpenChange,
+  onSearch,
+  searchable = false,
+  searchValue: controlledSearchValue,
+  defaultSearchValue = "",
+  searchPlaceholder = "Search menu",
+  emptyText = "No menu items found",
   children
 }) => {
   const menuRef = useRef(null);
   const [internalSelectedKeys, setInternalSelectedKeys] = useState(defaultSelectedKeys);
   const [internalOpenKeys, setInternalOpenKeys] = useState(defaultOpenKeys);
+  const [internalSearchValue, setInternalSearchValue] = useState(defaultSearchValue);
   const selectedKeys = controlledSelectedKeys !== void 0 ? controlledSelectedKeys : internalSelectedKeys;
   const openKeys = controlledOpenKeys !== void 0 ? controlledOpenKeys : internalOpenKeys;
+  const searchValue = controlledSearchValue !== void 0 ? controlledSearchValue : internalSearchValue;
   const handleSelect = useCallback(
     (key) => {
       const newSelectedKeys = replaceKeys(key, selectedKeys);
@@ -49,6 +96,16 @@ var Menu = ({
     },
     [openKeys, multiple, controlledOpenKeys, onOpenChange]
   );
+  const handleSearchInput = useCallback(
+    (event) => {
+      const value = event.target.value;
+      if (controlledSearchValue === void 0) {
+        setInternalSearchValue(value);
+      }
+      onSearch?.(value);
+    },
+    [controlledSearchValue, onSearch]
+  );
   const menuClasses = useMemo(() => {
     return classNames(getMenuClasses(mode, theme, collapsed), className);
   }, [mode, theme, collapsed, className]);
@@ -65,10 +122,33 @@ var Menu = ({
     }),
     [mode, theme, collapsed, inlineIndent, selectedKeys, openKeys, handleSelect, handleOpenChange]
   );
+  const filteredItems = useMemo(
+    () => filterMenuItems(items ?? [], searchValue),
+    [items, searchValue]
+  );
+  function renderDataItem(item) {
+    if (item.children && item.children.length > 0) {
+      return /* @__PURE__ */ jsx(
+        SubMenu,
+        {
+          itemKey: item.key,
+          title: item.label,
+          icon: item.icon,
+          disabled: item.disabled,
+          children: item.children.map(renderDataItem)
+        },
+        item.key
+      );
+    }
+    return /* @__PURE__ */ jsx(MenuItem, { itemKey: item.key, icon: item.icon, disabled: item.disabled, children: item.label }, item.key);
+  }
+  const dataChildren = filteredItems.map(renderDataItem);
+  const hasSlotChildren = React.Children.count(children) > 0;
+  const emptyChild = items && items.length > 0 && dataChildren.length === 0 && !hasSlotChildren ? /* @__PURE__ */ jsx("li", { role: "none", children: /* @__PURE__ */ jsx("div", { className: menuSearchEmptyClasses, children: emptyText }) }) : null;
   useEffect(() => {
     if (menuRef.current) initRovingTabIndex(menuRef.current);
-  }, [mode, collapsed, selectedKeys, openKeys]);
-  return /* @__PURE__ */ jsx(MenuContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
+  }, [mode, collapsed, selectedKeys, openKeys, filteredItems]);
+  return /* @__PURE__ */ jsx(MenuContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs(
     "ul",
     {
       ref: menuRef,
@@ -77,7 +157,22 @@ var Menu = ({
       role: "menu",
       "data-tiger-menu-root": "true",
       "data-tiger-menu-mode": mode,
-      children
+      children: [
+        searchable && /* @__PURE__ */ jsx("li", { role: "none", className: menuSearchFieldClasses, children: /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "search",
+            value: searchValue,
+            placeholder: searchPlaceholder,
+            "aria-label": searchPlaceholder,
+            className: menuSearchInputClasses,
+            onChange: handleSearchInput
+          }
+        ) }),
+        dataChildren,
+        children,
+        emptyChild
+      ]
     }
   ) });
 };
@@ -369,7 +464,7 @@ var SubMenu = ({
         }
       }
     },
-    [menuContext, disabled, isOpen, isPopup, openInline]
+    [menuContext, disabled, isOpen, isPopup, itemKey, openInline]
   );
   const indentStyle = !menuContext || menuContext.mode === "horizontal" || level === 0 ? {} : getMenuItemIndent(level, menuContext.inlineIndent);
   if (!menuContext) return null;
@@ -467,4 +562,10 @@ var SubMenu = ({
   );
 };
 
-export { Menu, MenuItem, MenuItemGroup, SubMenu, useMenuContext };
+export {
+  useMenuContext,
+  Menu,
+  MenuItem,
+  MenuItemGroup,
+  SubMenu
+};

package/dist/{chunk-DVL53XDJ.mjs → chunk-LKKZLYCA.mjs}

@@ -1,6 +1,9 @@
-import { TaskBoard } from './chunk-5OMSQ5PV.mjs';
-import { jsx } from 'react/jsx-runtime';
+import {
+  TaskBoard
+} from "./chunk-ZB55SAGI.mjs";
 
+// src/components/Kanban.tsx
+import { jsx } from "react/jsx-runtime";
 var Kanban = ({
   showCardCount = true,
   allowAddCard = true,
@@ -19,4 +22,7 @@ var Kanban = ({
 };
 var Kanban_default = Kanban;
 
-export { Kanban, Kanban_default };
+export {
+  Kanban,
+  Kanban_default
+};

package/dist/{chunk-OIUIR5ZR.js → chunk-LMTUM3J3.js}

@@ -1,12 +1,30 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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 chunkHQ3QOT7H_js = require('./chunk-HQ3QOT7H.js');
-var react = require('react');
-var client = require('react-dom/client');
-var reactDom = require('react-dom');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
 
+var _chunkHQ3QOT7Hjs = require('./chunk-HQ3QOT7H.js');
+
+// src/components/Message.tsx
+var _react = require('react');
+var _client = require('react-dom/client');
+var _reactdom = require('react-dom');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
 var MESSAGE_CONTAINER_ID = "tiger-message-container";
 var MESSAGE_CLOSE_ARIA_LABEL = "Close message";
 var messageInstances = [];
@@ -17,29 +35,29 @@ function getNextInstanceId() {
   return ++instanceIdCounter;
 }
 var MessageItem = ({ message, onClose }) => {
-  const [isVisible, setIsVisible] = react.useState(false);
-  react.useEffect(() => {
+  const [isVisible, setIsVisible] = _react.useState.call(void 0, false);
+  _react.useEffect.call(void 0, () => {
     const timer = setTimeout(() => setIsVisible(true), 10);
     return () => clearTimeout(timer);
   }, []);
-  const colorScheme = tigercatCore.getMessageTypeClasses(message.type, tigercatCore.defaultMessageThemeColors);
-  const messageClasses = tigercatCore.classNames(
-    tigercatCore.messageBaseClasses,
+  const colorScheme = _tigercatcore.getMessageTypeClasses.call(void 0, message.type, _tigercatcore.defaultMessageThemeColors);
+  const messageClasses = _tigercatcore.classNames.call(void 0, 
+    _tigercatcore.messageBaseClasses,
     colorScheme.bg,
     colorScheme.border,
     colorScheme.text,
     message.className,
     isVisible ? "opacity-100 translate-y-0" : "opacity-0 -translate-y-2"
   );
-  const iconPath = message.icon || tigercatCore.getMessageIconPath(message.type);
-  const iconClass = tigercatCore.classNames(tigercatCore.messageIconClasses, colorScheme.icon);
-  const handleClose = react.useCallback(() => {
+  const iconPath = message.icon || _tigercatcore.getMessageIconPath.call(void 0, message.type);
+  const iconClass = _tigercatcore.classNames.call(void 0, _tigercatcore.messageIconClasses, colorScheme.icon);
+  const handleClose = _react.useCallback.call(void 0, () => {
     setIsVisible(false);
-    setTimeout(() => onClose(message.id), tigercatCore.ANIMATION_DURATION_MS);
+    setTimeout(() => onClose(message.id), _tigercatcore.ANIMATION_DURATION_MS);
   }, [message.id, onClose]);
   const a11yRole = message.type === "error" ? "alert" : "status";
   const ariaLive = message.type === "error" ? "assertive" : "polite";
-  return /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
     {
       className: messageClasses,
@@ -51,24 +69,24 @@ var MessageItem = ({ message, onClose }) => {
       "data-tiger-message-type": message.type,
       "data-tiger-message-id": String(message.id),
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          chunkHQ3QOT7H_js.StatusIconWithLoading,
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkHQ3QOT7Hjs.StatusIconWithLoading,
           {
             path: iconPath,
             className: iconClass,
             isLoading: message.type === "loading",
-            spinnerClass: tigercatCore.messageLoadingSpinnerClasses
+            spinnerClass: _tigercatcore.messageLoadingSpinnerClasses
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.messageContentClasses, children: message.content }),
-        message.closable && /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.messageContentClasses, children: message.content }),
+        message.closable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "button",
           {
-            className: tigercatCore.messageCloseButtonClasses,
+            className: _tigercatcore.messageCloseButtonClasses,
             onClick: handleClose,
             "aria-label": MESSAGE_CLOSE_ARIA_LABEL,
             type: "button",
-            children: /* @__PURE__ */ jsxRuntime.jsx(chunkHQ3QOT7H_js.StatusIcon, { path: tigercatCore.messageCloseIconPath, className: "w-4 h-4" })
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHQ3QOT7Hjs.StatusIcon, { path: _tigercatcore.messageCloseIconPath, className: "w-4 h-4" })
           }
         )
       ]
@@ -76,23 +94,20 @@ var MessageItem = ({ message, onClose }) => {
   );
 };
 var MessageContainer = ({ position = "top" }) => {
-  const [messages, setMessages] = react.useState(() => [...messageInstances]);
-  react.useEffect(() => {
+  const [messages, setMessages] = _react.useState.call(void 0, () => [...messageInstances]);
+  _react.useEffect.call(void 0, () => {
     updateCallback = () => {
-      reactDom.flushSync(() => {
-        setMessages([...messageInstances]);
-      });
+      setMessages([...messageInstances]);
     };
-    updateCallback();
     return () => {
       updateCallback = null;
     };
   }, []);
-  const containerClasses = tigercatCore.classNames(tigercatCore.messageContainerBaseClasses, tigercatCore.messagePositionClasses[position]);
-  const handleRemove = react.useCallback((id) => {
+  const containerClasses = _tigercatcore.classNames.call(void 0, _tigercatcore.messageContainerBaseClasses, _tigercatcore.messagePositionClasses[position]);
+  const handleRemove = _react.useCallback.call(void 0, (id) => {
     removeMessage(id);
   }, []);
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "div",
     {
       className: containerClasses,
@@ -100,12 +115,12 @@ var MessageContainer = ({ position = "top" }) => {
       "aria-live": "polite",
       "aria-relevant": "additions",
       "data-tiger-message-container": true,
-      children: messages.map((message) => /* @__PURE__ */ jsxRuntime.jsx(MessageItem, { message, onClose: handleRemove }, message.id))
+      children: messages.map((message) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MessageItem, { message, onClose: handleRemove }, message.id))
     }
   );
 };
 function ensureContainer() {
-  if (!tigercatCore.isBrowser()) {
+  if (!_tigercatcore.isBrowser.call(void 0, )) {
     return;
   }
   const rootId = `${MESSAGE_CONTAINER_ID}-root`;
@@ -123,9 +138,9 @@ function ensureContainer() {
     rootEl.id = rootId;
     document.body.appendChild(rootEl);
   }
-  containerRoot = client.createRoot(rootEl);
-  reactDom.flushSync(() => {
-    containerRoot?.render(/* @__PURE__ */ jsxRuntime.jsx(MessageContainer, {}));
+  containerRoot = _client.createRoot.call(void 0, rootEl);
+  _reactdom.flushSync.call(void 0, () => {
+    _optionalChain([containerRoot, 'optionalAccess', _ => _.render, 'call', _2 => _2(/* @__PURE__ */ _jsxruntime.jsx.call(void 0, MessageContainer, {}))]);
   });
 }
 function addMessage(config) {
@@ -141,8 +156,10 @@ function addMessage(config) {
     className: config.className
   };
   messageInstances.push(instance);
+  const rootId = `${MESSAGE_CONTAINER_ID}-root`;
+  const shouldUpdateExistingContainer = _tigercatcore.isBrowser.call(void 0, ) && containerRoot !== null && document.getElementById(rootId) !== null;
   ensureContainer();
-  if (updateCallback) {
+  if (shouldUpdateExistingContainer && updateCallback) {
     updateCallback();
   }
   if (instance.duration > 0) {
@@ -181,15 +198,15 @@ function clearAll() {
   }
   updateCallback = null;
   const rootId = `${MESSAGE_CONTAINER_ID}-root`;
-  if (tigercatCore.isBrowser()) {
+  if (_tigercatcore.isBrowser.call(void 0, )) {
     const rootEl = document.getElementById(rootId);
-    if (rootEl?.parentNode) {
+    if (_optionalChain([rootEl, 'optionalAccess', _3 => _3.parentNode])) {
       rootEl.parentNode.removeChild(rootEl);
     }
   }
 }
 function normalizeOptions(options) {
-  return tigercatCore.normalizeStringOption(options, "content");
+  return _tigercatcore.normalizeStringOption.call(void 0, options, "content");
 }
 var Message = {
   info(options) {
@@ -218,6 +235,8 @@ var Message = {
 };
 var Message_default = Message;
 
-exports.Message = Message;
-exports.MessageContainer = MessageContainer;
-exports.Message_default = Message_default;
+
+
+
+
+exports.MessageContainer = MessageContainer; exports.Message = Message; exports.Message_default = Message_default;

package/dist/chunk-LODDAS62.js

@@ -1,15 +1,28 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }// src/components/Progress.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/Progress.tsx
-var Progress = React__default.default.memo(
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var Progress = _react2.default.memo(
   ({
     variant = "primary",
     size = "md",
@@ -31,11 +44,11 @@ var Progress = React__default.default.memo(
     "aria-describedby": ariaDescribedby,
     ...props
   }) => {
-    const clampedPercentage = tigercatCore.clampPercentage(percentage);
-    const effectiveVariant = tigercatCore.getStatusVariant(status) || variant;
-    const shouldShowText = showText ?? type === "line";
-    const displayText = shouldShowText ? tigercatCore.formatProgressText(clampedPercentage, text, format) : "";
-    const resolvedAriaLabel = ariaLabel ?? (ariaLabelledby ? void 0 : `Progress: ${clampedPercentage}%`);
+    const clampedPercentage = _tigercatcore.clampPercentage.call(void 0, percentage);
+    const effectiveVariant = _tigercatcore.getStatusVariant.call(void 0, status) || variant;
+    const shouldShowText = _nullishCoalesce(showText, () => ( type === "line"));
+    const displayText = shouldShowText ? _tigercatcore.formatProgressText.call(void 0, clampedPercentage, text, format) : "";
+    const resolvedAriaLabel = _nullishCoalesce(ariaLabel, () => ( (ariaLabelledby ? void 0 : `Progress: ${clampedPercentage}%`)));
     const ariaAttrs = {
       role: "progressbar",
       "aria-label": resolvedAriaLabel,
@@ -47,30 +60,30 @@ var Progress = React__default.default.memo(
     };
     const renderLineProgress = () => {
       const containerStyle = width !== "auto" ? { width: typeof width === "number" ? `${width}px` : width } : {};
-      return /* @__PURE__ */ jsxRuntime.jsxs(
+      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
         "div",
         {
           ...props,
-          className: tigercatCore.classNames("flex items-center w-full", className),
-          style: { ...style ?? {}, ...containerStyle },
+          className: _tigercatcore.classNames.call(void 0, "flex items-center w-full", className),
+          style: { ..._nullishCoalesce(style, () => ( {})), ...containerStyle },
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               "div",
               {
-                className: tigercatCore.classNames(
-                  tigercatCore.progressLineBaseClasses,
-                  tigercatCore.progressTrackBgClasses,
-                  !height && tigercatCore.progressLineSizeClasses[size]
+                className: _tigercatcore.classNames.call(void 0, 
+                  _tigercatcore.progressLineBaseClasses,
+                  _tigercatcore.progressTrackBgClasses,
+                  !height && _tigercatcore.progressLineSizeClasses[size]
                 ),
                 style: { flex: 1, ...height ? { height: `${height}px` } : {} },
-                children: /* @__PURE__ */ jsxRuntime.jsx(
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                   "div",
                   {
-                    className: tigercatCore.classNames(
-                      tigercatCore.progressLineInnerClasses,
-                      tigercatCore.getProgressVariantClasses(effectiveVariant),
-                      striped && tigercatCore.progressStripedClasses,
-                      striped && stripedAnimation && tigercatCore.progressStripedAnimationClasses
+                    className: _tigercatcore.classNames.call(void 0, 
+                      _tigercatcore.progressLineInnerClasses,
+                      _tigercatcore.getProgressVariantClasses.call(void 0, effectiveVariant),
+                      striped && _tigercatcore.progressStripedClasses,
+                      striped && stripedAnimation && _tigercatcore.progressStripedAnimationClasses
                     ),
                     style: { width: `${clampedPercentage}%` },
                     ...ariaAttrs
@@ -78,13 +91,13 @@ var Progress = React__default.default.memo(
                 )
               }
             ),
-            shouldShowText && /* @__PURE__ */ jsxRuntime.jsx(
+            shouldShowText && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               "span",
               {
-                className: tigercatCore.classNames(
-                  tigercatCore.progressTextBaseClasses,
-                  tigercatCore.progressTextSizeClasses[size],
-                  tigercatCore.getProgressTextColorClasses(effectiveVariant)
+                className: _tigercatcore.classNames.call(void 0, 
+                  _tigercatcore.progressTextBaseClasses,
+                  _tigercatcore.progressTextSizeClasses[size],
+                  _tigercatcore.getProgressTextColorClasses.call(void 0, effectiveVariant)
                 ),
                 children: displayText
               }
@@ -100,21 +113,21 @@ var Progress = React__default.default.memo(
         radius,
         cx,
         cy
-      } = tigercatCore.getCircleSize(size, strokeWidth);
-      const { strokeDasharray, strokeDashoffset } = tigercatCore.calculateCirclePath(radius, clampedPercentage);
-      return /* @__PURE__ */ jsxRuntime.jsxs(
+      } = _tigercatcore.getCircleSize.call(void 0, size, strokeWidth);
+      const { strokeDasharray, strokeDashoffset } = _tigercatcore.calculateCirclePath.call(void 0, radius, clampedPercentage);
+      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
         "div",
         {
           ...props,
-          className: tigercatCore.classNames(tigercatCore.progressCircleBaseClasses, className),
+          className: _tigercatcore.classNames.call(void 0, _tigercatcore.progressCircleBaseClasses, className),
           style: {
-            ...style ?? {},
+            ..._nullishCoalesce(style, () => ( {})),
             width: `${svgWidth}px`,
             height: `${svgHeight}px`
           },
           children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: svgWidth, height: svgHeight, viewBox: `0 0 ${svgWidth} ${svgHeight}`, children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "svg", { width: svgWidth, height: svgHeight, viewBox: `0 0 ${svgWidth} ${svgHeight}`, children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                 "circle",
                 {
                   cx,
@@ -122,11 +135,11 @@ var Progress = React__default.default.memo(
                   r: radius,
                   fill: "none",
                   stroke: "currentColor",
-                  className: tigercatCore.progressCircleTrackStrokeClasses,
+                  className: _tigercatcore.progressCircleTrackStrokeClasses,
                   strokeWidth
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsx(
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                 "circle",
                 {
                   cx,
@@ -134,7 +147,7 @@ var Progress = React__default.default.memo(
                   r: radius,
                   fill: "none",
                   stroke: "currentColor",
-                  className: tigercatCore.getProgressVariantClasses(effectiveVariant).replace("bg-", "text-"),
+                  className: _tigercatcore.getProgressVariantClasses.call(void 0, effectiveVariant).replace("bg-", "text-"),
                   strokeWidth,
                   strokeLinecap: "round",
                   strokeDasharray,
@@ -148,14 +161,14 @@ var Progress = React__default.default.memo(
                 }
               )
             ] }),
-            shouldShowText && /* @__PURE__ */ jsxRuntime.jsx(
+            shouldShowText && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               "div",
               {
-                className: tigercatCore.classNames(
-                  tigercatCore.progressCircleTextClasses,
-                  tigercatCore.progressTextSizeClasses[size],
+                className: _tigercatcore.classNames.call(void 0, 
+                  _tigercatcore.progressCircleTextClasses,
+                  _tigercatcore.progressTextSizeClasses[size],
                   "font-medium",
-                  tigercatCore.getProgressTextColorClasses(effectiveVariant)
+                  _tigercatcore.getProgressTextColorClasses.call(void 0, effectiveVariant)
                 ),
                 children: displayText
               }
@@ -170,4 +183,6 @@ var Progress = React__default.default.memo(
 );
 Progress.displayName = "Progress";
 
+
+
 exports.Progress = Progress;

package/dist/chunk-LQT6ZGME.mjs

@@ -1,8 +1,26 @@
-import { useState, useMemo } from 'react';
-import { splitTransferData, filterTransferItems, classNames, transferOperationClasses, getTransferButtonClasses, icon20ViewBox, chevronRightSolidIcon20PathD, chevronLeftSolidIcon20PathD, transferBaseClasses, transferPanelClasses, transferPanelHeaderClasses, transferSearchClasses, getPickerListboxAria, transferPanelBodyClasses, getPickerOptionAria, getTransferItemClasses, getTransferCheckboxClasses, transferEmptyClasses } from '@expcat/tigercat-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
 // src/components/Transfer.tsx
+import { useState, useMemo } from "react";
+import {
+  transferBaseClasses,
+  transferPanelClasses,
+  transferPanelHeaderClasses,
+  transferPanelBodyClasses,
+  transferSearchClasses,
+  transferEmptyClasses,
+  transferOperationClasses,
+  getTransferItemClasses,
+  getTransferCheckboxClasses,
+  getTransferButtonClasses,
+  splitTransferData,
+  filterTransferItems,
+  getPickerListboxAria,
+  getPickerOptionAria,
+  classNames,
+  icon20ViewBox,
+  chevronLeftSolidIcon20PathD,
+  chevronRightSolidIcon20PathD
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var TRANSFER_KEYS = /* @__PURE__ */ new Set([
   "value",
   "dataSource",
@@ -215,4 +233,6 @@ var Transfer = (props) => {
   ] });
 };
 
-export { Transfer };
+export {
+  Transfer
+};