@expcat/tigercat-react 0.2.27 → 0.3.69

package/dist/chunk-XWNVBCJA.js

@@ -0,0 +1,258 @@
+'use strict';
+
+var chunkYV6Y7C43_js = require('./chunk-YV6Y7C43.js');
+var chunkQ57BYUUW_js = require('./chunk-Q57BYUUW.js');
+var chunkF24IF2QL_js = require('./chunk-F24IF2QL.js');
+var chunk2GKTVAAB_js = require('./chunk-2GKTVAAB.js');
+var chunkI5TCE5E7_js = require('./chunk-I5TCE5E7.js');
+var chunkSSQOCZ6O_js = require('./chunk-SSQOCZ6O.js');
+var react = require('react');
+var tigercatCore = require('@expcat/tigercat-core');
+var jsxRuntime = require('react/jsx-runtime');
+
+var getGroupKey = (group, index) => {
+  return group.key ?? group.title ?? index;
+};
+var filterItems = (items, filter) => {
+  return items.filter((item) => {
+    const isRead = Boolean(item.read);
+    if (filter === "read") return isRead;
+    if (filter === "unread") return !isRead;
+    return true;
+  });
+};
+var NotificationCenter = ({
+  items = [],
+  groups,
+  groupBy,
+  groupOrder,
+  activeGroupKey,
+  defaultActiveGroupKey,
+  readFilter,
+  defaultReadFilter = "all",
+  loading = false,
+  loadingText = "\u52A0\u8F7D\u4E2D...",
+  emptyText = "\u6682\u65E0\u901A\u77E5",
+  title = "\u901A\u77E5\u4E2D\u5FC3",
+  allLabel = "\u5168\u90E8",
+  unreadLabel = "\u672A\u8BFB",
+  readLabel = "\u5DF2\u8BFB",
+  markAllReadText = "\u5168\u90E8\u6807\u8BB0\u5DF2\u8BFB",
+  markReadText = "\u6807\u8BB0\u5DF2\u8BFB",
+  markUnreadText = "\u6807\u8BB0\u672A\u8BFB",
+  manageReadState = false,
+  onGroupChange,
+  onReadFilterChange,
+  onMarkAllRead,
+  onItemClick,
+  onItemReadChange,
+  className,
+  ...props
+}) => {
+  const resolvedGroups = react.useMemo(
+    () => tigercatCore.buildNotificationGroups(items, groups, groupBy, groupOrder),
+    [items, groups, groupBy, groupOrder]
+  );
+  const firstGroupKey = react.useMemo(() => {
+    return resolvedGroups.length > 0 ? getGroupKey(resolvedGroups[0], 0) : void 0;
+  }, [resolvedGroups]);
+  const [internalGroupKey, setInternalGroupKey] = react.useState(
+    defaultActiveGroupKey
+  );
+  const [internalReadFilter, setInternalReadFilter] = react.useState(defaultReadFilter);
+  const currentGroupKey = activeGroupKey ?? internalGroupKey ?? firstGroupKey;
+  const currentReadFilter = readFilter ?? internalReadFilter;
+  react.useEffect(() => {
+    if (activeGroupKey !== void 0) return;
+    if (resolvedGroups.length === 0) {
+      setInternalGroupKey(void 0);
+      return;
+    }
+    const keys = resolvedGroups.map((group, index) => getGroupKey(group, index));
+    if (!keys.some((key) => key === currentGroupKey)) {
+      setInternalGroupKey(keys[0]);
+    }
+  }, [activeGroupKey, currentGroupKey, resolvedGroups]);
+  const currentGroup = react.useMemo(() => {
+    if (resolvedGroups.length === 0) return void 0;
+    if (currentGroupKey === void 0) return resolvedGroups[0];
+    const index = resolvedGroups.findIndex(
+      (group, groupIndex) => getGroupKey(group, groupIndex) === currentGroupKey
+    );
+    return index >= 0 ? resolvedGroups[index] : resolvedGroups[0];
+  }, [currentGroupKey, resolvedGroups]);
+  currentGroup?.items ?? [];
+  const [readStateOverrides, setReadStateOverrides] = react.useState(
+    () => /* @__PURE__ */ new Map()
+  );
+  react.useEffect(() => {
+    if (manageReadState) setReadStateOverrides(/* @__PURE__ */ new Map());
+  }, [items, manageReadState]);
+  const applyReadOverrides = (list) => {
+    if (!manageReadState || readStateOverrides.size === 0) return list;
+    return list.map((item) => {
+      const override = readStateOverrides.get(item.id);
+      return override !== void 0 ? { ...item, read: override } : item;
+    });
+  };
+  const effectiveGroups = react.useMemo(
+    () => resolvedGroups.map((group) => ({
+      ...group,
+      items: applyReadOverrides(group.items)
+    })),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [resolvedGroups, readStateOverrides]
+  );
+  const effectiveCurrentGroup = react.useMemo(() => {
+    if (effectiveGroups.length === 0) return void 0;
+    if (currentGroupKey === void 0) return effectiveGroups[0];
+    const index = effectiveGroups.findIndex(
+      (group, groupIndex) => getGroupKey(group, groupIndex) === currentGroupKey
+    );
+    return index >= 0 ? effectiveGroups[index] : effectiveGroups[0];
+  }, [currentGroupKey, effectiveGroups]);
+  const effectiveCurrentGroupItems = effectiveCurrentGroup?.items ?? [];
+  const effectiveItems = react.useMemo(() => applyReadOverrides(items), [items, readStateOverrides]);
+  const hasUnread = effectiveCurrentGroupItems.some((item) => !item.read);
+  const totalUnread = react.useMemo(() => {
+    const allItems = effectiveGroups.flatMap((group) => group.items);
+    if (allItems.length === 0) return effectiveItems.filter((item) => !item.read).length;
+    return allItems.filter((item) => !item.read).length;
+  }, [effectiveGroups, effectiveItems]);
+  const wrapperClasses = react.useMemo(
+    () => tigercatCore.classNames("tiger-notification-center", "w-full", "flex", "flex-col", className),
+    [className]
+  );
+  const handleGroupChange = (key) => {
+    if (activeGroupKey === void 0) {
+      setInternalGroupKey(key);
+    }
+    onGroupChange?.(key);
+  };
+  const handleReadFilterChange = (next) => {
+    if (readFilter === void 0) {
+      setInternalReadFilter(next);
+    }
+    onReadFilterChange?.(next);
+  };
+  const handleMarkAllRead = () => {
+    if (manageReadState) {
+      setReadStateOverrides((prev) => {
+        const next = new Map(prev);
+        effectiveCurrentGroupItems.forEach((item) => next.set(item.id, true));
+        return next;
+      });
+    }
+    onMarkAllRead?.(currentGroupKey, effectiveCurrentGroupItems);
+  };
+  const renderItem = (item, index) => {
+    const isRead = Boolean(item.read);
+    const timeText = item.time ? tigercatCore.formatActivityTime(item.time) : "";
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: tigercatCore.classNames(
+          "flex items-start gap-3 w-full py-0.5 transition-colors",
+          !isRead && "border-l-2 border-l-[var(--tiger-primary,#2563eb)] -ml-[2px] pl-[calc(0.75rem-2px)]"
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-baseline justify-between gap-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(chunkI5TCE5E7_js.Text, { tag: "span", size: "sm", weight: isRead ? "normal" : "semibold", children: item.title }),
+              timeText ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-[var(--tiger-text-muted,#6b7280)] whitespace-nowrap flex-shrink-0", children: timeText }) : null
+            ] }),
+            item.description ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-0.5 text-xs text-[var(--tiger-text-muted,#6b7280)] line-clamp-2 leading-relaxed", children: item.description }) : null
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            chunkF24IF2QL_js.Button,
+            {
+              size: "sm",
+              variant: "ghost",
+              onClick: (event) => {
+                event.stopPropagation();
+                if (manageReadState) {
+                  setReadStateOverrides((prev) => {
+                    const next = new Map(prev);
+                    next.set(item.id, !isRead);
+                    return next;
+                  });
+                }
+                onItemReadChange?.(item, !isRead);
+              },
+              children: isRead ? markUnreadText : markReadText
+            }
+          )
+        ]
+      }
+    );
+  };
+  const renderList = (listItems) => /* @__PURE__ */ jsxRuntime.jsx(
+    chunkQ57BYUUW_js.List,
+    {
+      dataSource: listItems,
+      split: true,
+      bordered: "divided",
+      hoverable: true,
+      emptyText,
+      onItemClick: (item, index) => onItemClick?.(item, index),
+      renderItem
+    }
+  );
+  const filterButtons = [
+    { key: "all", label: allLabel },
+    { key: "unread", label: unreadLabel },
+    { key: "read", label: readLabel }
+  ];
+  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ jsxRuntime.jsx(chunk2GKTVAAB_js.Loading, { text: loadingText }) }) : resolvedGroups.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "-mx-4 -mb-4", children: /* @__PURE__ */ jsxRuntime.jsx(chunkYV6Y7C43_js.Tabs, { type: "line", size: "small", activeKey: currentGroupKey, onChange: handleGroupChange, children: resolvedGroups.map((group, index) => {
+    const effectiveGroup = effectiveGroups.find(
+      (eg, ei) => getGroupKey(eg, ei) === getGroupKey(group, index)
+    );
+    const groupItems = effectiveGroup?.items ?? group.items;
+    const unreadCount = groupItems.filter((item) => !item.read).length;
+    const labelBase = group.title || String(group.key ?? index);
+    const label = unreadCount > 0 ? `${labelBase} (${unreadCount})` : labelBase;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      chunkYV6Y7C43_js.TabPane,
+      {
+        tabKey: getGroupKey(group, index),
+        label,
+        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-[380px] overflow-y-auto", children: renderList(filterItems(groupItems, currentReadFilter)) })
+      },
+      String(getGroupKey(group, index))
+    );
+  }) }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "-mx-4 -mb-4 max-h-[380px] overflow-y-auto", children: renderList(filterItems(effectiveItems, currentReadFilter)) });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: wrapperClasses, ...props, "data-tiger-notification-center": true, children: /* @__PURE__ */ jsxRuntime.jsx(
+    chunkSSQOCZ6O_js.Card,
+    {
+      variant: "bordered",
+      className: "w-full",
+      header: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2.5", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(chunkI5TCE5E7_js.Text, { tag: "div", size: "base", weight: "bold", children: title }),
+            totalUnread > 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex items-center justify-center min-w-[20px] h-5 px-1.5 text-xs font-semibold rounded-full bg-[var(--tiger-primary,#2563eb)] text-white", children: totalUnread }) : null
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkF24IF2QL_js.Button, { size: "sm", variant: "ghost", disabled: !hasUnread, onClick: handleMarkAllRead, children: markAllReadText })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex rounded-md border border-[var(--tiger-border,#e5e7eb)] overflow-hidden self-start", children: filterButtons.map((option) => /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            className: tigercatCore.classNames(
+              "px-3 py-1 text-xs font-medium transition-colors",
+              "border-r border-[var(--tiger-border,#e5e7eb)] last:border-r-0",
+              currentReadFilter === option.key ? "bg-[var(--tiger-primary,#2563eb)] text-white" : "bg-[var(--tiger-surface,#ffffff)] text-[var(--tiger-text-muted,#6b7280)] hover:bg-[var(--tiger-surface-muted,#f9fafb)]"
+            ),
+            onClick: () => handleReadFilterChange(option.key),
+            children: option.label
+          },
+          option.key
+        )) })
+      ] }),
+      children: content
+    }
+  ) });
+};
+var NotificationCenter_default = NotificationCenter;
+
+exports.NotificationCenter = NotificationCenter;
+exports.NotificationCenter_default = NotificationCenter_default;

package/dist/{chunk-JW64IJP2.js → chunk-XWRJVNB6.js}

@@ -35,9 +35,11 @@ var Form = React.forwardRef(
     const [errors, setErrors] = React.useState([]);
     const [formValues, setFormValues] = React.useState(model);
     const fieldRulesRef = React__default.default.useRef({});
+    const formValuesRef = React__default.default.useRef(model);
     React__default.default.useEffect(() => {
       setFormValues(model);
     }, [model]);
+    formValuesRef.current = model;
     const registerFieldRules = React.useCallback(
       (fieldName, nextRules) => {
         if (!fieldName) {
@@ -57,15 +59,36 @@ var Form = React.forwardRef(
       const merged = { ...fromForm, ...fromItems };
       return Object.keys(merged).length > 0 ? merged : void 0;
     }, [rules]);
+    const resolveFieldRules = React.useCallback(
+      (fieldName, rulesOverride) => {
+        return rulesOverride ?? fieldRulesRef.current[fieldName] ?? rules?.[fieldName];
+      },
+      [rules]
+    );
+    const runFieldValidation = React.useCallback(
+      async (fieldName, rulesOverride, trigger) => {
+        const fieldRules = resolveFieldRules(fieldName, rulesOverride);
+        if (!fieldRules) {
+          return null;
+        }
+        const currentValues = formValuesRef.current;
+        const value = tigercatCore.getValueByPath(currentValues, fieldName);
+        return tigercatCore.validateField(fieldName, value, fieldRules, currentValues, trigger);
+      },
+      [resolveFieldRules]
+    );
     const validateField = React.useCallback(
       async (fieldName, rulesOverride, trigger) => {
-        const fieldRules = rulesOverride ?? fieldRulesRef.current[fieldName] ?? rules?.[fieldName];
+        const fieldRules = resolveFieldRules(fieldName, rulesOverride);
         if (!fieldRules) {
           return;
         }
-        const value = tigercatCore.getValueByPath(formValues, fieldName);
-        const error = await tigercatCore.validateField(fieldName, value, fieldRules, formValues, trigger);
+        const error = await runFieldValidation(fieldName, rulesOverride, trigger);
         setErrors((prevErrors) => {
+          const existing = prevErrors.find((e) => e.field === fieldName);
+          const existingMessage = existing?.message ?? null;
+          if (!error && !existingMessage) return prevErrors;
+          if (error && error === existingMessage) return prevErrors;
           const filtered = prevErrors.filter((e) => e.field !== fieldName);
           if (error) {
             return [...filtered, { field: fieldName, message: error }];
@@ -74,18 +97,49 @@ var Form = React.forwardRef(
         });
         onValidate?.(fieldName, !error, error);
       },
-      [rules, formValues, onValidate]
+      [resolveFieldRules, runFieldValidation, onValidate]
     );
-    const validate = React.useCallback(async () => {
+    const runValidation = React.useCallback(async () => {
       const effectiveRules = getEffectiveRules();
       if (!effectiveRules) {
         setErrors([]);
-        return true;
+        return { valid: true, errors: [] };
       }
-      const result = await tigercatCore.validateForm(formValues, effectiveRules);
+      const result = await tigercatCore.validateForm(formValuesRef.current, effectiveRules);
       setErrors(result.errors);
+      return result;
+    }, [getEffectiveRules]);
+    const validate = React.useCallback(async () => {
+      const result = await runValidation();
       return result.valid;
-    }, [getEffectiveRules, formValues]);
+    }, [runValidation]);
+    const validateFields = React.useCallback(
+      async (fieldNames) => {
+        if (!fieldNames || fieldNames.length === 0) {
+          return true;
+        }
+        const nextErrors = [];
+        const fieldSet = new Set(fieldNames);
+        for (const fieldName of fieldNames) {
+          const fieldRules = resolveFieldRules(fieldName);
+          if (!fieldRules) {
+            onValidate?.(fieldName, true, null);
+            continue;
+          }
+          const error = await runFieldValidation(fieldName);
+          if (error) {
+            nextErrors.push({ field: fieldName, message: error });
+          }
+          onValidate?.(fieldName, !error, error);
+        }
+        setErrors((prevErrors) => {
+          const filtered = prevErrors.filter((entry) => !fieldSet.has(entry.field));
+          return [...filtered, ...nextErrors];
+        });
+        return nextErrors.length === 0;
+      },
+      [resolveFieldRules, runFieldValidation, onValidate]
+    );
     const clearValidate = React.useCallback((fieldNames) => {
       if (!fieldNames) {
         setErrors([]);
@@ -135,31 +189,21 @@ var Form = React.forwardRef(
     const handleSubmit = React.useCallback(
       async (event) => {
         event.preventDefault();
-        const effectiveRules = getEffectiveRules();
-        if (!effectiveRules) {
-          setErrors([]);
-          onSubmit?.({ valid: true, values: formValues, errors: [] });
-          return;
-        }
-        const result = await tigercatCore.validateForm(formValues, effectiveRules);
-        setErrors(result.errors);
-        onSubmit?.({
-          valid: result.valid,
-          values: formValues,
-          errors: result.errors
-        });
+        const result = await runValidation();
+        onSubmit?.({ ...result, values: formValuesRef.current });
       },
-      [getEffectiveRules, formValues, onSubmit]
+      [runValidation, onSubmit]
     );
     React.useImperativeHandle(
       ref,
       () => ({
         validate,
+        validateFields,
         validateField,
         clearValidate,
         resetFields
       }),
-      [validate, validateField, clearValidate, resetFields]
+      [validate, validateFields, validateField, clearValidate, resetFields]
     );
     const contextValue = React.useMemo(
       () => ({

package/dist/{chunk-HDDBBZQH.js → chunk-YV6Y7C43.js}

@@ -43,39 +43,26 @@ var Tabs = ({
   const tabNavListClasses = React.useMemo(() => {
     return tigercatCore.getTabNavListClasses(tabPosition, centered);
   }, [tabPosition, centered]);
-  const tabContentClasses = React.useMemo(() => {
-    return tigercatCore.tabContentBaseClasses;
-  }, []);
   const { tabItems, tabPanes, firstTabKey } = React.useMemo(() => {
     const items = [];
     const panes = [];
     let firstKey;
-    const childrenArray = [];
     React__default.default.Children.forEach(children, (child) => {
-      if (React__default.default.isValidElement(child) && child.type === TabPane) {
-        childrenArray.push(child);
-      }
-    });
-    const resolvedFirstKey = childrenArray[0]?.props.tabKey;
-    if (resolvedFirstKey !== void 0) {
-      firstKey = resolvedFirstKey;
-    }
-    const resolvedActiveKey = controlledActiveKey !== void 0 ? controlledActiveKey : defaultActiveKey !== void 0 ? defaultActiveKey : firstKey;
-    childrenArray.forEach((child) => {
-      if (React__default.default.isValidElement(child) && child.type === TabPane) {
-        const key = child.props.tabKey;
-        const tabId = `${idBase}-tab-${String(key)}`;
-        const panelId = `${idBase}-panel-${String(key)}`;
-        items.push(
-          React__default.default.cloneElement(child, {
-            renderMode: "tab",
-            tabId,
-            panelId,
-            tabIndex: key === resolvedActiveKey ? 0 : -1
-          })
-        );
-        panes.push(React__default.default.cloneElement(child, { renderMode: "pane", tabId, panelId }));
-      }
+      if (!React__default.default.isValidElement(child) || child.type !== TabPane) return;
+      const key = child.props.tabKey;
+      if (firstKey === void 0) firstKey = key;
+      const resolvedActiveKey = controlledActiveKey ?? defaultActiveKey ?? firstKey;
+      const tabId = `${idBase}-tab-${String(key)}`;
+      const panelId = `${idBase}-panel-${String(key)}`;
+      items.push(
+        React__default.default.cloneElement(child, {
+          renderMode: "tab",
+          tabId,
+          panelId,
+          tabIndex: key === resolvedActiveKey ? 0 : -1
+        })
+      );
+      panes.push(React__default.default.cloneElement(child, { renderMode: "pane", tabId, panelId }));
     });
     return { tabItems: items, tabPanes: panes, firstTabKey: firstKey };
   }, [children, controlledActiveKey, defaultActiveKey, idBase]);
@@ -127,38 +114,35 @@ var Tabs = ({
       handleTabClose
     ]
   );
-  const tabNavContent = /* @__PURE__ */ jsxRuntime.jsx("div", { className: tabNavClasses, role: "tablist", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tabNavListClasses, children: [
-    tabItems,
-    type === "editable-card" && /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        type: "button",
-        className: tigercatCore.tabAddButtonClasses,
-        onClick: handleTabAdd,
-        "aria-label": "Add tab",
-        children: "+"
-      }
-    )
-  ] }) });
-  const tabContent = /* @__PURE__ */ jsxRuntime.jsx("div", { className: tabContentClasses, children: tabPanes });
-  let content;
-  if (tabPosition === "left" || tabPosition === "right") {
-    content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      tabNavContent,
-      tabContent
-    ] });
-  } else if (tabPosition === "bottom") {
-    content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      tabContent,
-      tabNavContent
-    ] });
-  } else {
-    content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      tabNavContent,
-      tabContent
-    ] });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(TabsContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: containerClasses, style, children: content }) });
+  const tabNavContent = /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: tabNavClasses,
+      role: "tablist",
+      "aria-orientation": tabPosition === "left" || tabPosition === "right" ? "vertical" : "horizontal",
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tabNavListClasses, children: [
+        tabItems,
+        type === "editable-card" && /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            className: tigercatCore.tabAddButtonClasses,
+            onClick: handleTabAdd,
+            "aria-label": "Add tab",
+            children: "+"
+          }
+        )
+      ] })
+    }
+  );
+  const tabContent = /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.tabContentBaseClasses, children: tabPanes });
+  return /* @__PURE__ */ jsxRuntime.jsx(TabsContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: containerClasses, style, children: tabPosition === "bottom" ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    tabContent,
+    tabNavContent
+  ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    tabNavContent,
+    tabContent
+  ] }) }) });
 };
 var TabPane = ({
   tabKey,
@@ -185,7 +169,7 @@ var TabPane = ({
     return closable !== void 0 ? closable : tabsContext.closable && tabsContext.type === "editable-card";
   }, [closable, tabsContext.closable, tabsContext.type]);
   const tabItemClasses = React.useMemo(() => {
-    return tigercatCore.classNames(tigercatCore.getTabItemClasses(isActive, disabled, tabsContext.type, tabsContext.size));
+    return tigercatCore.getTabItemClasses(isActive, disabled, tabsContext.type, tabsContext.size);
   }, [isActive, disabled, tabsContext.type, tabsContext.size]);
   const tabPaneClasses = React.useMemo(() => {
     return tigercatCore.classNames(tigercatCore.getTabPaneClasses(isActive), className);
@@ -286,9 +270,9 @@ var TabPane = ({
               children: /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: tigercatCore.closeIconViewBox, children: /* @__PURE__ */ jsxRuntime.jsx(
                 "path",
                 {
-                  strokeLinecap: tigercatCore.closeIconPathStrokeLinecap,
-                  strokeLinejoin: tigercatCore.closeIconPathStrokeLinejoin,
-                  strokeWidth: tigercatCore.closeIconPathStrokeWidth,
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  strokeWidth: "2",
                   d: tigercatCore.closeIconPathD
                 }
               ) })