@expcat/tigercat-react 1.0.7 → 1.2.0

package/dist/chunk-OFCKGWTS.js

@@ -1,12 +1,14 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/Content.tsx
 
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
 
-// src/components/Content.tsx
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
 var Content = ({ className, children, ...props }) => {
-  const contentClasses = tigercatCore.classNames(tigercatCore.layoutContentClasses, className);
-  return /* @__PURE__ */ jsxRuntime.jsx("main", { className: contentClasses, ...props, children });
+  const contentClasses = _tigercatcore.classNames.call(void 0, _tigercatcore.layoutContentClasses, className);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "main", { className: contentClasses, ...props, children });
 };
 
+
+
 exports.Content = Content;

package/dist/{chunk-SQ7OL2X5.mjs → chunk-OFTLPYYC.mjs}

@@ -1,8 +1,18 @@
-import { useBreadcrumbContext } from './chunk-H36CWHUP.mjs';
-import { useMemo, useCallback } from 'react';
-import { getBreadcrumbItemClasses, getBreadcrumbLinkClasses, getBreadcrumbSeparatorClasses, getSeparatorContent } from '@expcat/tigercat-core';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-
+// src/components/Breadcrumb.tsx
+import React, { createContext, useCallback, useContext, useMemo } from "react";
+import {
+  classNames,
+  breadcrumbContainerClasses,
+  getBreadcrumbItemClasses,
+  getBreadcrumbLinkClasses,
+  getBreadcrumbSeparatorClasses,
+  getSeparatorContent
+} from "@expcat/tigercat-core";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var BreadcrumbContext = createContext(null);
+function useBreadcrumbContext() {
+  return useContext(BreadcrumbContext);
+}
 var BreadcrumbItem = ({
   href,
   target,
@@ -16,15 +26,12 @@ var BreadcrumbItem = ({
   ...props
 }) => {
   const breadcrumbContext = useBreadcrumbContext();
-  const itemClasses = useMemo(
-    () => getBreadcrumbItemClasses(className),
-    [className]
-  );
+  const itemClasses = useMemo(() => getBreadcrumbItemClasses(className), [className]);
   const linkClasses = useMemo(() => getBreadcrumbLinkClasses(current), [current]);
   const separatorClasses = useMemo(() => getBreadcrumbSeparatorClasses(), []);
   const separatorContent = useMemo(() => {
-    const sep = customSeparator !== void 0 ? customSeparator : breadcrumbContext?.separator || "/";
-    return getSeparatorContent(sep);
+    const separator = customSeparator !== void 0 ? customSeparator : breadcrumbContext?.separator || "/";
+    return getSeparatorContent(separator);
   }, [customSeparator, breadcrumbContext]);
   const handleClick = useCallback(
     (event) => {
@@ -61,5 +68,28 @@ var BreadcrumbItem = ({
     separatorElement
   ] });
 };
+var Breadcrumb = ({
+  separator = "/",
+  className,
+  style,
+  extra,
+  children,
+  ...props
+}) => {
+  const hasExtra = Boolean(extra);
+  const containerClasses = React.useMemo(
+    () => classNames(breadcrumbContainerClasses, hasExtra && "w-full", className),
+    [className, hasExtra]
+  );
+  const contextValue = React.useMemo(() => ({ separator }), [separator]);
+  return /* @__PURE__ */ jsx(BreadcrumbContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs("nav", { className: containerClasses, "aria-label": "Breadcrumb", style, ...props, children: [
+    /* @__PURE__ */ jsx("ol", { className: "flex items-center flex-wrap gap-2", children }),
+    hasExtra && /* @__PURE__ */ jsx("div", { className: "ml-auto flex items-center", children: extra })
+  ] }) });
+};
 
-export { BreadcrumbItem };
+export {
+  useBreadcrumbContext,
+  BreadcrumbItem,
+  Breadcrumb
+};

package/dist/chunk-ONTRGV5T.js

@@ -0,0 +1,177 @@
+"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 _chunkUKGQ7256js = require('./chunk-UKGQ7256.js');
+
+// src/components/RichTextEditor.tsx
+var _react = require('react');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var RichTextEditor = ({
+  value,
+  defaultValue = "",
+  placeholder,
+  mode: _mode = "html",
+  toolbar,
+  height = 300,
+  readOnly = false,
+  disabled = false,
+  onChange,
+  className,
+  engine,
+  ...restProps
+}) => {
+  const editorRef = _react.useRef.call(void 0, null);
+  const engineRef = _react.useRef.call(void 0, null);
+  const [currentContent, setInternalValue, isControlled] = _chunkUKGQ7256js.useControlledState.call(void 0, value, defaultValue);
+  const [activeFormats, setActiveFormats] = _react.useState.call(void 0, /* @__PURE__ */ new Set());
+  const toolbarItems = _nullishCoalesce(toolbar, () => ( _tigercatcore.defaultToolbar));
+  const empty = _tigercatcore.isContentEmpty.call(void 0, currentContent);
+  const onChangeRef = _react.useRef.call(void 0, onChange);
+  const setInternalValueRef = _react.useRef.call(void 0, setInternalValue);
+  const isControlledRef = _react.useRef.call(void 0, isControlled);
+  _react.useEffect.call(void 0, () => {
+    onChangeRef.current = onChange;
+    setInternalValueRef.current = setInternalValue;
+    isControlledRef.current = isControlled;
+  }, [onChange, setInternalValue, isControlled]);
+  _react.useEffect.call(void 0, () => {
+    if (!editorRef.current) return;
+    const factory = _nullishCoalesce(engine, () => ( _tigercatcore.builtinRichTextEngine));
+    const instance = factory.create({
+      element: editorRef.current,
+      initialValue: isControlled ? value : defaultValue,
+      readOnly,
+      disabled,
+      placeholder,
+      toolbar: toolbarItems,
+      notifyChange(html) {
+        if (!isControlledRef.current) setInternalValueRef.current(html);
+        _optionalChain([onChangeRef, 'access', _ => _.current, 'optionalCall', _2 => _2(html)]);
+      },
+      notifyActiveFormats(next) {
+        setActiveFormats(next);
+      }
+    });
+    engineRef.current = instance;
+    return () => {
+      instance.destroy();
+      engineRef.current = null;
+    };
+  }, [engine]);
+  _react.useEffect.call(void 0, () => {
+    if (isControlled && engineRef.current && value !== void 0) {
+      engineRef.current.setValue(value);
+    }
+  }, [value, isControlled]);
+  _react.useEffect.call(void 0, () => {
+    _optionalChain([engineRef, 'access', _3 => _3.current, 'optionalAccess', _4 => _4.setReadOnly, 'call', _5 => _5(readOnly, disabled)]);
+  }, [readOnly, disabled]);
+  const execButtonAction = _react.useCallback.call(void 0, 
+    (btn) => {
+      if (readOnly || disabled) return;
+      if (btn.action && editorRef.current) {
+        btn.action(editorRef.current);
+        return;
+      }
+      _optionalChain([engineRef, 'access', _6 => _6.current, 'optionalAccess', _7 => _7.exec, 'call', _8 => _8(btn.name)]);
+    },
+    [readOnly, disabled]
+  );
+  const handleKeydown = _react.useCallback.call(void 0, 
+    (e) => {
+      const match = _tigercatcore.findHotkeyMatch.call(void 0, toolbarItems, e.nativeEvent);
+      if (match) {
+        e.preventDefault();
+        execButtonAction(match);
+      }
+    },
+    [toolbarItems, execButtonAction]
+  );
+  const containerClasses = _react.useMemo.call(void 0, 
+    () => _tigercatcore.classNames.call(void 0, _tigercatcore.getRichTextContainerClasses.call(void 0, disabled, className)),
+    [disabled, className]
+  );
+  const editorAreaClasses = _react.useMemo.call(void 0, () => _tigercatcore.getEditorAreaClasses.call(void 0, readOnly), [readOnly]);
+  const containerStyle = _react.useMemo.call(void 0, () => {
+    const ht = _tigercatcore.parseHeight.call(void 0, height);
+    if (!ht) return void 0;
+    return { height: ht };
+  }, [height]);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: containerClasses, style: containerStyle, ...restProps, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.richTextToolbarClasses, role: "toolbar", "aria-label": "Text formatting", children: toolbarItems.map((item, idx) => {
+      if (_tigercatcore.isToolbarSeparator.call(void 0, item)) {
+        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "div",
+          {
+            className: _tigercatcore.richTextToolbarSeparatorClasses,
+            role: "separator",
+            "aria-orientation": "vertical"
+          },
+          `sep-${idx}`
+        );
+      }
+      const btn = item;
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "button",
+        {
+          type: "button",
+          className: _tigercatcore.getToolbarButtonClasses.call(void 0, activeFormats.has(btn.name)),
+          title: _nullishCoalesce(btn.tooltip, () => ( btn.label)),
+          "aria-label": btn.label,
+          "aria-pressed": _tigercatcore.isInlineFormat.call(void 0, btn.name) ? activeFormats.has(btn.name) : void 0,
+          disabled: disabled || readOnly,
+          onMouseDown: (e) => e.preventDefault(),
+          onClick: () => execButtonAction(btn),
+          children: btn.icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { dangerouslySetInnerHTML: { __html: btn.icon } }) : btn.label
+        },
+        btn.name
+      );
+    }) }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative flex-1 overflow-hidden", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "div",
+        {
+          ref: editorRef,
+          className: editorAreaClasses,
+          role: "textbox",
+          "aria-multiline": true,
+          "aria-readonly": readOnly || void 0,
+          "aria-disabled": disabled || void 0,
+          "aria-placeholder": placeholder,
+          "data-placeholder": placeholder,
+          onKeyDown: handleKeydown,
+          suppressContentEditableWarning: true
+        }
+      ),
+      empty && placeholder && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "div",
+        {
+          className: `${_tigercatcore.richTextPlaceholderClasses} absolute top-0 left-0 p-4 pointer-events-none text-sm`,
+          "aria-hidden": true,
+          children: placeholder
+        }
+      )
+    ] })
+  ] });
+};
+var RichTextEditor_default = RichTextEditor;
+
+
+
+
+exports.RichTextEditor = RichTextEditor; exports.RichTextEditor_default = RichTextEditor_default;

package/dist/{chunk-IVGKPD2L.mjs → chunk-OPHYFC5W.mjs}

@@ -1,8 +1,19 @@
-import { RowContext } from './chunk-QAO5KANE.mjs';
-import { useContext, useMemo } from 'react';
-import { classNames, getSpanClasses, getOffsetClasses, getOrderClasses, getFlexClasses, getColMergedStyleVars, getGutterStyles } from '@expcat/tigercat-core';
-import { jsx } from 'react/jsx-runtime';
+import {
+  RowContext
+} from "./chunk-TULQETJ5.mjs";
 
+// src/components/Col.tsx
+import { useContext, useMemo } from "react";
+import {
+  classNames,
+  getColMergedStyleVars,
+  getSpanClasses,
+  getOffsetClasses,
+  getOrderClasses,
+  getFlexClasses,
+  getColGutterClasses
+} from "@expcat/tigercat-core";
+import { jsx } from "react/jsx-runtime";
 var Col = ({
   span = 24,
   offset = 0,
@@ -21,19 +32,21 @@ var Col = ({
       getOffsetClasses(offset),
       getOrderClasses(order),
       getFlexClasses(flex),
+      getColGutterClasses(gutter || 0),
       className
     ),
-    [isFlexSpanMode, span, offset, order, flex, className]
+    [gutter, isFlexSpanMode, span, offset, order, flex, className]
   );
   const mergedStyle = useMemo(
     () => ({
-      ...getGutterStyles(gutter || 0).colStyle,
       ...getColMergedStyleVars(isFlexSpanMode ? void 0 : span, offset, order, flex),
       ...style
     }),
-    [gutter, isFlexSpanMode, span, offset, order, flex, style]
+    [isFlexSpanMode, span, offset, order, flex, style]
   );
   return /* @__PURE__ */ jsx("div", { className: colClasses, style: mergedStyle, ...divProps, children });
 };
 
-export { Col };
+export {
+  Col
+};

package/dist/chunk-OQTPXPAP.mjs

@@ -1,10 +1,14 @@
-import { classNames, layoutContentClasses } from '@expcat/tigercat-core';
-import { jsx } from 'react/jsx-runtime';
-
 // src/components/Content.tsx
+import {
+  classNames,
+  layoutContentClasses
+} from "@expcat/tigercat-core";
+import { jsx } from "react/jsx-runtime";
 var Content = ({ className, children, ...props }) => {
   const contentClasses = classNames(layoutContentClasses, className);
   return /* @__PURE__ */ jsx("main", { className: contentClasses, ...props, children });
 };
 
-export { Content };
+export {
+  Content
+};

package/dist/{chunk-QYLNPHKG.mjs → chunk-OTEM4FVX.mjs}

@@ -1,9 +1,17 @@
-import { useMemo, useState, useCallback } from 'react';
-import ReactDOM from 'react-dom';
-import { classNames, floatButtonBaseClasses, floatButtonShapeClasses, floatButtonSizeClasses, floatButtonTypeClasses, floatButtonDisabledClasses, floatButtonGroupClasses } from '@expcat/tigercat-core';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
 // src/components/FloatButton.tsx
+import { useState, useMemo, useCallback } from "react";
+import ReactDOM from "react-dom";
+import {
+  classNames,
+  isBrowser,
+  floatButtonBaseClasses,
+  floatButtonShapeClasses,
+  floatButtonSizeClasses,
+  floatButtonTypeClasses,
+  floatButtonDisabledClasses,
+  floatButtonGroupClasses
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var FloatButton = ({
   shape = "circle",
   size = "md",
@@ -67,7 +75,7 @@ var FloatButtonGroup = ({
     onOpenChange?.(false);
   }, [onOpenChange]);
   const groupClasses = useMemo(() => classNames(floatButtonGroupClasses, className), [className]);
-  if (typeof document === "undefined") return null;
+  if (!isBrowser()) return null;
   const content = /* @__PURE__ */ jsxs(
     "div",
     {
@@ -84,4 +92,7 @@ var FloatButtonGroup = ({
   return ReactDOM.createPortal(content, document.body);
 };
 
-export { FloatButton, FloatButtonGroup };
+export {
+  FloatButton,
+  FloatButtonGroup
+};

package/dist/chunk-P36GX65N.js

@@ -0,0 +1,79 @@
+"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; }// src/components/VirtualList.tsx
+var _react = require('react');
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var VirtualList = ({
+  itemCount = 0,
+  itemHeight = 40,
+  estimatedItemHeight,
+  getItemHeight,
+  sizeStrategy: customStrategy,
+  height = 400,
+  overscan = 5,
+  className,
+  renderItem,
+  onScroll
+}) => {
+  const [scrollTop, setScrollTop] = _react.useState.call(void 0, 0);
+  const containerRef = _react.useRef.call(void 0, null);
+  const strategy = _react.useMemo.call(void 0, () => {
+    if (customStrategy) return customStrategy;
+    if (getItemHeight) return _tigercatcore.variableSizeStrategy.call(void 0, getItemHeight, itemCount);
+    if (estimatedItemHeight !== void 0)
+      return _tigercatcore.dynamicSizeStrategy.call(void 0, estimatedItemHeight, itemCount);
+    return _tigercatcore.fixedSizeStrategy.call(void 0, itemHeight);
+  }, [customStrategy, getItemHeight, estimatedItemHeight, itemHeight, itemCount]);
+  const range = _react.useMemo.call(void 0, 
+    () => strategy.getRange(scrollTop, height, itemCount, overscan),
+    [scrollTop, height, itemCount, overscan, strategy]
+  );
+  const handleScroll = _react.useCallback.call(void 0, () => {
+    if (containerRef.current) {
+      const st = containerRef.current.scrollTop;
+      setScrollTop(st);
+      _optionalChain([onScroll, 'optionalCall', _ => _(st)]);
+    }
+  }, [onScroll]);
+  const { startIndex, endIndex, totalHeight } = range;
+  const items = [];
+  for (let i = startIndex; i <= endIndex; i++) {
+    const itemH = strategy.getItemHeight(i);
+    items.push(
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: { height: `${itemH}px`, width: "100%" }, children: renderItem({ index: i }) }, i)
+    );
+  }
+  const offsetTop = startIndex >= 0 ? strategy.getItemOffset(startIndex) : 0;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      ref: containerRef,
+      className: _tigercatcore.classNames.call(void 0, _tigercatcore.virtualListContainerClasses, className),
+      style: { height: `${height}px` },
+      onScroll: handleScroll,
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.virtualListInnerClasses, style: { height: `${totalHeight}px` }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "div",
+        {
+          style: {
+            transform: `translateY(${offsetTop}px)`,
+            position: "absolute",
+            top: 0,
+            left: 0,
+            width: "100%"
+          },
+          children: items
+        }
+      ) })
+    }
+  );
+};
+
+
+
+exports.VirtualList = VirtualList;

package/dist/chunk-P3XVLJYD.js

@@ -1,10 +1,21 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/Descriptions.tsx
+var _react = require('react');
 
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
 
-// src/components/Descriptions.tsx
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
 var Descriptions = ({
   title,
   extra,
@@ -20,7 +31,7 @@ var Descriptions = ({
   children,
   ...props
 }) => {
-  const subscribe = react.useMemo(() => {
+  const subscribe = _react.useMemo.call(void 0, () => {
     return (cb) => {
       window.addEventListener("resize", cb);
       return () => window.removeEventListener("resize", cb);
@@ -28,39 +39,39 @@ var Descriptions = ({
   }, []);
   const getSnapshot = () => window.innerWidth;
   const getServerSnapshot = () => 1024;
-  const windowWidth = react.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
-  const column = react.useMemo(
-    () => tigercatCore.resolveResponsiveValue(columnProp, windowWidth, 3),
+  const windowWidth = _react.useSyncExternalStore.call(void 0, subscribe, getSnapshot, getServerSnapshot);
+  const column = _react.useMemo.call(void 0, 
+    () => _tigercatcore.resolveResponsiveValue.call(void 0, columnProp, windowWidth, 3),
     [columnProp, windowWidth]
   );
   const renderHeader = () => {
     if (!title && !extra) return null;
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.descriptionsHeaderClasses, children: [
-      title ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.descriptionsTitleClasses, children: title }) : null,
-      extra ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.descriptionsExtraClasses, children: extra }) : null
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.descriptionsHeaderClasses, children: [
+      title ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.descriptionsTitleClasses, children: title }) : null,
+      extra ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.descriptionsExtraClasses, children: extra }) : null
     ] });
   };
   const renderRow = (rowItems, rowIndex) => {
     const cells = [];
     rowItems.forEach((item, itemIndex) => {
       const span = Math.min(item.span || 1, column);
-      const labelClass = tigercatCore.classNames(
-        tigercatCore.getDescriptionsLabelClasses(bordered, size, layout),
+      const labelClass = _tigercatcore.classNames.call(void 0, 
+        _tigercatcore.getDescriptionsLabelClasses.call(void 0, bordered, size, layout),
         item.labelClassName
       );
-      const contentClass = tigercatCore.classNames(
-        tigercatCore.getDescriptionsContentClasses(bordered, size, layout),
+      const contentClass = _tigercatcore.classNames.call(void 0, 
+        _tigercatcore.getDescriptionsContentClasses.call(void 0, bordered, size, layout),
         item.contentClassName
       );
       const key = `${rowIndex}-${itemIndex}`;
       cells.push(
-        /* @__PURE__ */ jsxRuntime.jsxs("th", { className: labelClass, style: labelStyle, children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "th", { className: labelClass, style: labelStyle, children: [
           item.label,
           colon ? ":" : ""
         ] }, `${key}-label`)
       );
       cells.push(
-        /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "td",
           {
             className: contentClass,
@@ -72,40 +83,40 @@ var Descriptions = ({
         )
       );
     });
-    return /* @__PURE__ */ jsxRuntime.jsx("tr", { children: cells }, rowIndex);
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { children: cells }, rowIndex);
   };
   const renderHorizontalLayout = () => {
     if (items.length === 0 && !children) {
       return null;
     }
-    const rows = tigercatCore.groupItemsIntoRows(items, column);
-    return /* @__PURE__ */ jsxRuntime.jsx("table", { className: tigercatCore.getDescriptionsTableClasses(bordered), children: /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: rows.map((row, index) => renderRow(row, index)) }) });
+    const rows = _tigercatcore.groupItemsIntoRows.call(void 0, items, column);
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "table", { className: _tigercatcore.getDescriptionsTableClasses.call(void 0, bordered), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tbody", { children: rows.map((row, index) => renderRow(row, index)) }) });
   };
   const renderVerticalItem = (item, index) => {
-    const labelClass = tigercatCore.classNames(
-      tigercatCore.getDescriptionsLabelClasses(bordered, size, layout),
+    const labelClass = _tigercatcore.classNames.call(void 0, 
+      _tigercatcore.getDescriptionsLabelClasses.call(void 0, bordered, size, layout),
       item.labelClassName
     );
-    const contentClass = tigercatCore.classNames(
-      tigercatCore.getDescriptionsContentClasses(bordered, size, layout),
+    const contentClass = _tigercatcore.classNames.call(void 0, 
+      _tigercatcore.getDescriptionsContentClasses.call(void 0, bordered, size, layout),
       item.contentClassName
     );
     if (bordered) {
-      return /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("th", { className: labelClass, style: labelStyle, children: [
+      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "tr", { children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "th", { className: labelClass, style: labelStyle, children: [
           item.label,
           colon ? ":" : ""
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("td", { className: contentClass, style: contentStyle, children: item.content })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { className: contentClass, style: contentStyle, children: item.content })
       ] }, index);
     }
-    const itemClasses = tigercatCore.getDescriptionsVerticalItemClasses(size);
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: itemClasses, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("dt", { className: labelClass, style: labelStyle, children: [
+    const itemClasses = _tigercatcore.getDescriptionsVerticalItemClasses.call(void 0, size);
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: itemClasses, children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "dt", { className: labelClass, style: labelStyle, children: [
         item.label,
         colon ? ":" : ""
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("dd", { className: contentClass, style: contentStyle, children: item.content })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "dd", { className: contentClass, style: contentStyle, children: item.content })
     ] }, index);
   };
   const renderVerticalLayout = () => {
@@ -113,16 +124,16 @@ var Descriptions = ({
       return null;
     }
     if (bordered) {
-      return /* @__PURE__ */ jsxRuntime.jsx("table", { className: tigercatCore.getDescriptionsTableClasses(bordered), children: /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: items.map((item, index) => renderVerticalItem(item, index)) }) });
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "table", { className: _tigercatcore.getDescriptionsTableClasses.call(void 0, bordered), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tbody", { children: items.map((item, index) => renderVerticalItem(item, index)) }) });
     }
-    return /* @__PURE__ */ jsxRuntime.jsx("dl", { className: tigercatCore.descriptionsVerticalWrapperClasses, children: items.map((item, index) => renderVerticalItem(item, index)) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "dl", { className: _tigercatcore.descriptionsVerticalWrapperClasses, children: items.map((item, index) => renderVerticalItem(item, index)) });
   };
-  const descriptionsClasses = tigercatCore.classNames(
-    tigercatCore.descriptionsWrapperClasses,
-    tigercatCore.getDescriptionsClasses(size),
+  const descriptionsClasses = _tigercatcore.classNames.call(void 0, 
+    _tigercatcore.descriptionsWrapperClasses,
+    _tigercatcore.getDescriptionsClasses.call(void 0, size),
     className
   );
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: descriptionsClasses, ...props, children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: descriptionsClasses, ...props, children: [
     renderHeader(),
     layout === "horizontal" ? renderHorizontalLayout() : renderVerticalLayout(),
     children
@@ -130,5 +141,7 @@ var Descriptions = ({
 };
 var Descriptions_default = Descriptions;
 
-exports.Descriptions = Descriptions;
-exports.Descriptions_default = Descriptions_default;
+
+
+
+exports.Descriptions = Descriptions; exports.Descriptions_default = Descriptions_default;

package/dist/chunk-P6E3DILH.mjs

@@ -1,8 +1,18 @@
-import React from 'react';
-import { cardSizeClasses, classNames, getCardClasses, cardDirectionClasses, cardActionsClasses, cardFooterClasses, cardCoverWrapperClasses, cardCoverClasses, cardHorizontalBodyClasses, cardHeaderClasses } from '@expcat/tigercat-core';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-
 // src/components/Card.tsx
+import React from "react";
+import {
+  classNames,
+  getCardClasses,
+  cardSizeClasses,
+  cardHeaderClasses,
+  cardFooterClasses,
+  cardCoverWrapperClasses,
+  cardCoverClasses,
+  cardActionsClasses,
+  cardDirectionClasses,
+  cardHorizontalBodyClasses
+} from "@expcat/tigercat-core";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var Card = React.memo(
   ({
     variant = "default",
@@ -48,4 +58,6 @@ var Card = React.memo(
 );
 Card.displayName = "Card";
 
-export { Card };
+export {
+  Card
+};