@expcat/tigercat-react 1.2.46 → 1.2.52

package/dist/{chunk-AGHGG73I.mjs → chunk-DLJZMMD7.mjs}

@@ -22,6 +22,7 @@ import {
   getTableWrapperClasses,
   getCardColumns,
   getCardGridInfo,
+  getTableResponsiveCardClasses,
   getTableResponsiveCardListClasses,
   getTableResponsiveTableClasses,
   getTableVirtualRecommendation,
@@ -29,7 +30,6 @@ import {
   formatTableSortByText,
   getTableLabels,
   tableBaseClasses,
-  tableResponsiveCardClasses,
   tableResponsiveCardLabelClasses,
   tableResponsiveCardRowClasses,
   tableResponsiveCardTitleClasses,
@@ -996,6 +996,9 @@ function Table({
   cardClassName,
   renderCard,
   cardLayout,
+  cardSelectionPosition = "controls-row",
+  cardPadding,
+  cardFieldGap = "gap-3",
   // v0.6.0 props
   virtual = false,
   autoVirtual = true,
@@ -1291,7 +1294,7 @@ function Table({
                   }
                 }
               ) }) : null,
-              ctx.paginatedData.length === 0 ? /* @__PURE__ */ jsx6("div", { className: tableResponsiveCardClasses, children: /* @__PURE__ */ jsx6(Empty, { showImage: false, description: tableLabels.emptyText }) }) : ctx.paginatedData.map((record, index) => {
+              ctx.paginatedData.length === 0 ? /* @__PURE__ */ jsx6("div", { className: getTableResponsiveCardClasses(cardPadding), children: /* @__PURE__ */ jsx6(Empty, { showImage: false, description: tableLabels.emptyText }) }) : ctx.paginatedData.map((record, index) => {
                 const key = ctx.pageRowKeys[index];
                 const isExpanded = ctx.expandedRowKeySet.has(key);
                 const isSelected = ctx.selectedRowKeySet.has(key);
@@ -1309,54 +1312,57 @@ function Table({
                 };
                 const customCard = renderCard?.(renderContext);
                 const resolvedCardClassName = typeof cardClassName === "function" ? cardClassName(record, index) : cardClassName;
+                const controlsNode = internalRowSelection?.showCheckbox !== false && internalRowSelection || internalExpandable && isRowExpandable ? /* @__PURE__ */ jsxs5(Fragment, { children: [
+                  internalRowSelection && internalRowSelection.showCheckbox !== false && /* @__PURE__ */ jsx6("span", { onClick: (event) => event.stopPropagation(), children: internalRowSelection.type === "radio" ? /* @__PURE__ */ jsx6(
+                    Radio,
+                    {
+                      value: key,
+                      checked: isSelected,
+                      disabled: internalRowSelection.getCheckboxProps?.(record)?.disabled,
+                      "aria-label": formatTableSelectRowAriaLabel(
+                        tableLabels.selectRowAriaLabel,
+                        index + 1,
+                        tableLocale?.locale
+                      ),
+                      onChange: () => ctx.handleSelectRow(key, true)
+                    }
+                  ) : /* @__PURE__ */ jsx6(
+                    Checkbox,
+                    {
+                      size: "sm",
+                      checked: isSelected,
+                      disabled: internalRowSelection.getCheckboxProps?.(record)?.disabled,
+                      "aria-label": formatTableSelectRowAriaLabel(
+                        tableLabels.selectRowAriaLabel,
+                        index + 1,
+                        tableLocale?.locale
+                      ),
+                      onChange: (checked) => ctx.handleSelectRow(key, checked)
+                    }
+                  ) }),
+                  internalExpandable && isRowExpandable && /* @__PURE__ */ jsx6(
+                    "button",
+                    {
+                      type: "button",
+                      className: "text-sm text-[var(--tiger-primary,#2563eb)]",
+                      "aria-expanded": isExpanded,
+                      onClick: (event) => {
+                        event.stopPropagation();
+                        ctx.handleToggleExpand(key, record);
+                      },
+                      children: isExpanded ? tableLabels.collapseText : tableLabels.expandText
+                    }
+                  )
+                ] }) : null;
                 return /* @__PURE__ */ jsx6(
                   "div",
                   {
-                    className: classNames3(tableResponsiveCardClasses, resolvedCardClassName),
+                    className: classNames3(
+                      getTableResponsiveCardClasses(cardPadding),
+                      resolvedCardClassName
+                    ),
                     onClick: () => ctx.handleRowClick(record, index, key),
                     children: customCard !== void 0 && customCard !== null ? customCard : /* @__PURE__ */ jsxs5(Fragment, { children: [
-                      internalRowSelection?.showCheckbox !== false && internalRowSelection || internalExpandable && isRowExpandable ? /* @__PURE__ */ jsxs5("div", { className: "mb-2 flex items-center gap-3", children: [
-                        internalRowSelection && internalRowSelection.showCheckbox !== false && /* @__PURE__ */ jsx6("span", { onClick: (event) => event.stopPropagation(), children: internalRowSelection.type === "radio" ? /* @__PURE__ */ jsx6(
-                          Radio,
-                          {
-                            value: key,
-                            checked: isSelected,
-                            disabled: internalRowSelection.getCheckboxProps?.(record)?.disabled,
-                            "aria-label": formatTableSelectRowAriaLabel(
-                              tableLabels.selectRowAriaLabel,
-                              index + 1,
-                              tableLocale?.locale
-                            ),
-                            onChange: () => ctx.handleSelectRow(key, true)
-                          }
-                        ) : /* @__PURE__ */ jsx6(
-                          Checkbox,
-                          {
-                            size: "sm",
-                            checked: isSelected,
-                            disabled: internalRowSelection.getCheckboxProps?.(record)?.disabled,
-                            "aria-label": formatTableSelectRowAriaLabel(
-                              tableLabels.selectRowAriaLabel,
-                              index + 1,
-                              tableLocale?.locale
-                            ),
-                            onChange: (checked) => ctx.handleSelectRow(key, checked)
-                          }
-                        ) }),
-                        internalExpandable && isRowExpandable && /* @__PURE__ */ jsx6(
-                          "button",
-                          {
-                            type: "button",
-                            className: "text-sm text-[var(--tiger-primary,#2563eb)]",
-                            "aria-expanded": isExpanded,
-                            onClick: (event) => {
-                              event.stopPropagation();
-                              ctx.handleToggleExpand(key, record);
-                            },
-                            children: isExpanded ? tableLabels.collapseText : tableLabels.expandText
-                          }
-                        )
-                      ] }) : null,
                       (() => {
                         const { titleColumn, bodyColumns } = getCardColumns(ctx.displayColumns);
                         const renderCellContent = (column) => {
@@ -1365,29 +1371,99 @@ function Table({
                         };
                         if (hasCustomCardLayout) {
                           return /* @__PURE__ */ jsxs5(Fragment, { children: [
-                            titleColumn && /* @__PURE__ */ jsx6("div", { className: tableResponsiveCardTitleClasses, children: renderCellContent(titleColumn) }),
-                            /* @__PURE__ */ jsx6("div", { className: "grid grid-cols-12 gap-3 mt-2", children: bodyColumns.map((column) => {
+                            titleColumn && /* @__PURE__ */ jsxs5(
+                              "div",
+                              {
+                                className: classNames3(
+                                  tableResponsiveCardTitleClasses,
+                                  cardSelectionPosition === "title-inline" && controlsNode && "flex items-center gap-3"
+                                ),
+                                children: [
+                                  cardSelectionPosition === "title-inline" && controlsNode,
+                                  /* @__PURE__ */ jsx6("span", { className: "min-w-0 flex-1", children: renderCellContent(titleColumn) })
+                                ]
+                              }
+                            ),
+                            (!titleColumn || cardSelectionPosition !== "title-inline") && controlsNode && /* @__PURE__ */ jsx6("div", { className: "mb-2 flex items-center gap-3", children: controlsNode }),
+                            /* @__PURE__ */ jsx6("div", { className: classNames3("grid grid-cols-12 mt-2", cardFieldGap), children: bodyColumns.map((column) => {
                               const layoutItem = cardLayoutMap.get(column.key);
                               const gridInfo = getCardGridInfo(column, layoutItem);
                               if (gridInfo.hideLabel) {
-                                return /* @__PURE__ */ jsx6("div", { className: gridInfo.className, children: renderCellContent(column) }, column.key);
+                                return /* @__PURE__ */ jsx6(
+                                  "div",
+                                  {
+                                    className: classNames3(
+                                      gridInfo.className,
+                                      gridInfo.divider && "border-t border-[var(--tiger-border,#e5e7eb)] pt-3"
+                                    ),
+                                    children: renderCellContent(column)
+                                  },
+                                  column.key
+                                );
                               }
                               if (gridInfo.labelPosition === "top") {
-                                return /* @__PURE__ */ jsxs5("div", { className: gridInfo.className, children: [
-                                  /* @__PURE__ */ jsx6("div", { className: "text-xs font-medium uppercase tracking-wider text-[var(--tiger-text-muted,#6b7280)] mb-1", children: column.title }),
-                                  /* @__PURE__ */ jsx6("div", { className: "min-w-0 text-sm text-[var(--tiger-text,#111827)] break-words", children: renderCellContent(column) })
-                                ] }, column.key);
+                                return /* @__PURE__ */ jsxs5(
+                                  "div",
+                                  {
+                                    className: classNames3(
+                                      gridInfo.className,
+                                      gridInfo.divider && "border-t border-[var(--tiger-border,#e5e7eb)] pt-3"
+                                    ),
+                                    children: [
+                                      /* @__PURE__ */ jsx6(
+                                        "div",
+                                        {
+                                          className: classNames3(
+                                            "text-xs font-medium uppercase tracking-wider text-[var(--tiger-text-muted,#6b7280)] mb-1",
+                                            gridInfo.labelClassName
+                                          ),
+                                          children: column.title
+                                        }
+                                      ),
+                                      /* @__PURE__ */ jsx6(
+                                        "div",
+                                        {
+                                          className: classNames3(
+                                            "min-w-0 text-sm text-[var(--tiger-text,#111827)] break-words",
+                                            gridInfo.valueClassName
+                                          ),
+                                          children: renderCellContent(column)
+                                        }
+                                      )
+                                    ]
+                                  },
+                                  column.key
+                                );
                               }
                               return /* @__PURE__ */ jsxs5(
                                 "div",
                                 {
                                   className: classNames3(
                                     gridInfo.className,
-                                    "grid grid-cols-[auto_1fr] gap-2 items-baseline"
+                                    "grid grid-cols-[auto_1fr] gap-2 items-baseline",
+                                    gridInfo.divider && "border-t border-[var(--tiger-border,#e5e7eb)] pt-3"
                                   ),
                                   children: [
-                                    /* @__PURE__ */ jsx6("div", { className: "text-xs font-medium uppercase tracking-wider text-[var(--tiger-text-muted,#6b7280)] shrink-0", children: column.title }),
-                                    /* @__PURE__ */ jsx6("div", { className: "min-w-0 text-sm text-[var(--tiger-text,#111827)] break-words", children: renderCellContent(column) })
+                                    /* @__PURE__ */ jsx6(
+                                      "div",
+                                      {
+                                        className: classNames3(
+                                          "text-xs font-medium uppercase tracking-wider text-[var(--tiger-text-muted,#6b7280)] shrink-0",
+                                          gridInfo.labelClassName
+                                        ),
+                                        children: column.title
+                                      }
+                                    ),
+                                    /* @__PURE__ */ jsx6(
+                                      "div",
+                                      {
+                                        className: classNames3(
+                                          "min-w-0 text-sm text-[var(--tiger-text,#111827)] break-words",
+                                          gridInfo.valueClassName
+                                        ),
+                                        children: renderCellContent(column)
+                                      }
+                                    )
                                   ]
                                 },
                                 column.key
@@ -1396,7 +1472,20 @@ function Table({
                           ] });
                         }
                         return /* @__PURE__ */ jsxs5(Fragment, { children: [
-                          titleColumn && /* @__PURE__ */ jsx6("div", { className: tableResponsiveCardTitleClasses, children: renderCellContent(titleColumn) }),
+                          titleColumn && /* @__PURE__ */ jsxs5(
+                            "div",
+                            {
+                              className: classNames3(
+                                tableResponsiveCardTitleClasses,
+                                cardSelectionPosition === "title-inline" && controlsNode && "flex items-center gap-3"
+                              ),
+                              children: [
+                                cardSelectionPosition === "title-inline" && controlsNode,
+                                /* @__PURE__ */ jsx6("span", { className: "min-w-0 flex-1", children: renderCellContent(titleColumn) })
+                              ]
+                            }
+                          ),
+                          (!titleColumn || cardSelectionPosition !== "title-inline") && controlsNode && /* @__PURE__ */ jsx6("div", { className: "mb-2 flex items-center gap-3", children: controlsNode }),
                           bodyColumns.map((column) => /* @__PURE__ */ jsxs5("div", { className: tableResponsiveCardRowClasses, children: [
                             /* @__PURE__ */ jsx6("div", { className: tableResponsiveCardLabelClasses, children: column.title }),
                             /* @__PURE__ */ jsx6("div", { className: tableResponsiveCardValueClasses, children: renderCellContent(column) })

package/dist/{chunk-H2YHUFMK.js → chunk-EEWHWEYO.js}

@@ -1,12 +1,12 @@
 "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 _chunkDSXII6ZFjs = require('./chunk-DSXII6ZF.js');
+var _chunkOZD75CLTjs = require('./chunk-OZD75CLT.js');
 
 
 var _chunkFI53LYZ6js = require('./chunk-FI53LYZ6.js');
 
 
-var _chunk56ZV3VVYjs = require('./chunk-56ZV3VVY.js');
+var _chunkZLNBE4ISjs = require('./chunk-ZLNBE4IS.js');
 
 // src/components/CropUpload.tsx
 var _react = require('react');
@@ -140,7 +140,7 @@ var CropUpload = ({
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkDSXII6ZFjs.Modal,
+      _chunkOZD75CLTjs.Modal,
       {
         open: modalVisible,
         size: "lg",
@@ -150,8 +150,8 @@ var CropUpload = ({
         maskClosable: false,
         onClose: handleCancel,
         footer: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-end gap-3", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk56ZV3VVYjs.Button, { variant: "secondary", onClick: handleCancel, children: "\u53D6\u6D88" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk56ZV3VVYjs.Button, { onClick: handleConfirm, loading: cropping, children: "\u786E\u8BA4\u88C1\u526A" })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZLNBE4ISjs.Button, { variant: "secondary", onClick: handleCancel, children: "\u53D6\u6D88" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZLNBE4ISjs.Button, { onClick: handleConfirm, loading: cropping, children: "\u786E\u8BA4\u88C1\u526A" })
         ] }),
         children: imageSrc && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFI53LYZ6js.ImageCropper, { ref: cropperRef, src: imageSrc, ...cropperProps })
       }

package/dist/{chunk-Y5E4XH6H.mjs → chunk-F6IXIH6B.mjs}

@@ -38,7 +38,7 @@ var Form = forwardRef(
     rules,
     labelWidth,
     labelPosition = "right",
-    labelAlign = "right",
+    labelAlign,
     size = "md",
     inlineMessage = true,
     showRequiredAsterisk = true,
@@ -56,6 +56,7 @@ var Form = forwardRef(
     maxHistorySize = 50,
     ...props
   }, ref) => {
+    const resolvedLabelAlign = labelAlign ?? (labelPosition === "top" ? "left" : "right");
     const [errors, setErrors] = useState([]);
     const [formValues, setFormValues] = useState(model);
     const fieldRulesRef = React.useRef({});
@@ -400,7 +401,7 @@ var Form = forwardRef(
         rules,
         labelWidth,
         labelPosition,
-        labelAlign,
+        labelAlign: resolvedLabelAlign,
         size,
         inlineMessage,
         showRequiredAsterisk,
@@ -420,7 +421,7 @@ var Form = forwardRef(
         rules,
         labelWidth,
         labelPosition,
-        labelAlign,
+        resolvedLabelAlign,
         size,
         inlineMessage,
         showRequiredAsterisk,

package/dist/{chunk-I5YYA7FB.mjs → chunk-FB34UWF7.mjs}

@@ -1,6 +1,6 @@
 import {
   Timeline
-} from "./chunk-JVTAKNRO.mjs";
+} from "./chunk-ZA5EFHET.mjs";
 import {
   Loading
 } from "./chunk-FNJDBFKM.mjs";
@@ -9,13 +9,13 @@ import {
 } from "./chunk-XZVQ3PJS.mjs";
 import {
   Tag
-} from "./chunk-TGKNEMD4.mjs";
+} from "./chunk-WMPCN7OF.mjs";
 import {
   Text
 } from "./chunk-HLS4CHWX.mjs";
 import {
   Card
-} from "./chunk-P6E3DILH.mjs";
+} from "./chunk-IXV5YBCZ.mjs";
 import {
   Avatar
 } from "./chunk-4ZZ7YRTB.mjs";

package/dist/{chunk-OFCKGWTS.js → chunk-FJDTVJTX.js}

@@ -4,8 +4,13 @@
 
 var _tigercatcore = require('@expcat/tigercat-core');
 var _jsxruntime = require('react/jsx-runtime');
-var Content = ({ className, children, ...props }) => {
-  const contentClasses = _tigercatcore.classNames.call(void 0, _tigercatcore.layoutContentClasses, className);
+var Content = ({
+  className,
+  padding = true,
+  children,
+  ...props
+}) => {
+  const contentClasses = _tigercatcore.classNames.call(void 0, _tigercatcore.getLayoutContentClasses.call(void 0, padding), className);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "main", { className: contentClasses, ...props, children });
 };
 

package/dist/{chunk-UIO6O4MI.js → chunk-FQO7BKXW.js}

@@ -21,6 +21,7 @@ var Card = _react2.default.memo(
     hoverable = false,
     cover,
     coverAlt = "Card cover image",
+    padding,
     header,
     footer,
     actions,
@@ -29,11 +30,12 @@ var Card = _react2.default.memo(
     ...props
   }) => {
     const isHorizontal = direction === "horizontal";
-    const sectionSizeClass = cover ? _tigercatcore.cardSizeClasses[size] : void 0;
+    const paddingClass = _tigercatcore.resolveCardPadding.call(void 0, size, padding);
+    const sectionSizeClass = cover ? paddingClass : void 0;
     const cardClasses = _tigercatcore.classNames.call(void 0, 
       _tigercatcore.getCardClasses.call(void 0, variant, hoverable),
       _tigercatcore.cardDirectionClasses[direction],
-      !cover && _tigercatcore.cardSizeClasses[size],
+      !cover && paddingClass,
       className
     );
     const getSectionClasses = (baseClasses) => _tigercatcore.classNames.call(void 0, baseClasses, sectionSizeClass);

package/dist/{chunk-6KQYWZ6J.mjs → chunk-GN3TSQWW.mjs}

@@ -4,6 +4,12 @@ import {
 import {
   ImagePreview
 } from "./chunk-6GYT3EZD.mjs";
+import {
+  usePopup
+} from "./chunk-C44WSDEY.mjs";
+import {
+  renderBodyPortal
+} from "./chunk-SEWNVIHH.mjs";
 
 // src/components/Image.tsx
 import { useState, useRef, useEffect, useMemo, useContext, useCallback } from "react";
@@ -37,6 +43,7 @@ var Image = ({
   fit = "cover",
   fallbackSrc,
   preview = true,
+  previewTrigger = "click",
   lazy = false,
   className,
   errorRender,
@@ -54,6 +61,27 @@ var Image = ({
   const containerRef = useRef(null);
   const group = useContext(ImageGroupContext);
   const registeredIndexRef = useRef(-1);
+  const hoverPreviewEnabled = preview && previewTrigger === "hover" && !group;
+  const clickPreviewEnabled = preview && previewTrigger !== "hover";
+  const {
+    currentVisible: hoverVisible,
+    triggerRef: hoverTriggerRef,
+    floatingRef: hoverFloatingRef,
+    floatingStyles: hoverFloatingStyles,
+    triggerHandlers: hoverTriggerHandlers
+  } = usePopup({
+    trigger: "hover",
+    placement: "right",
+    offset: 12,
+    disabled: !hoverPreviewEnabled
+  });
+  const setRootRef = useCallback(
+    (el) => {
+      containerRef.current = el;
+      hoverTriggerRef.current = el;
+    },
+    [hoverTriggerRef]
+  );
   useEffect(() => {
     if (group && src) {
       registeredIndexRef.current = group.register(src);
@@ -99,7 +127,7 @@ var Image = ({
   const handleClick = useCallback(
     (e) => {
       onClick?.(e);
-      if (!preview) return;
+      if (!clickPreviewEnabled) return;
       if (group) {
         group.openPreview(registeredIndexRef.current >= 0 ? registeredIndexRef.current : 0);
       } else {
@@ -107,17 +135,17 @@ var Image = ({
         onPreviewOpenChange?.(true);
       }
     },
-    [preview, group, onClick, onPreviewOpenChange]
+    [clickPreviewEnabled, group, onClick, onPreviewOpenChange]
   );
   const handleKeyDown = useCallback(
     (e) => {
       onKeyDown?.(e);
-      if (preview && (e.key === "Enter" || e.key === " ")) {
+      if (clickPreviewEnabled && (e.key === "Enter" || e.key === " ")) {
         e.preventDefault();
         handleClick(e);
       }
     },
-    [preview, handleClick, onKeyDown]
+    [clickPreviewEnabled, handleClick, onKeyDown]
   );
   const containerClasses = useMemo(
     () => classNames(imageBaseClasses, preview && imagePreviewCursorClass, className),
@@ -154,14 +182,15 @@ var Image = ({
       "div",
       {
         ...props,
-        ref: containerRef,
+        ref: setRootRef,
         className: containerClasses,
         style: containerStyle,
-        role: preview ? "button" : void 0,
-        tabIndex: preview ? 0 : void 0,
-        "aria-label": preview ? `Preview ${alt || "image"}` : void 0,
+        role: clickPreviewEnabled ? "button" : void 0,
+        tabIndex: clickPreviewEnabled ? 0 : void 0,
+        "aria-label": clickPreviewEnabled ? `Preview ${alt || "image"}` : void 0,
         onClick: handleClick,
         onKeyDown: handleKeyDown,
+        ...hoverPreviewEnabled ? hoverTriggerHandlers : {},
         children: content
       }
     ),
@@ -176,6 +205,18 @@ var Image = ({
           onPreviewOpenChange?.(val);
         }
       }
+    ),
+    hoverPreviewEnabled && hoverVisible && src && renderBodyPortal(
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref: hoverFloatingRef,
+          style: hoverFloatingStyles,
+          "aria-hidden": true,
+          className: "rounded-[var(--tiger-radius-md,0.5rem)] border border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)] p-1 shadow-lg",
+          children: /* @__PURE__ */ jsx("img", { src, alt: "", className: "block max-w-[16rem] max-h-[16rem] object-contain" })
+        }
+      )
     )
   ] });
 };

package/dist/{chunk-7JFP3MIW.js → chunk-GQFVVAEF.js}

@@ -7,7 +7,7 @@ var _chunkM7HBWFQOjs = require('./chunk-M7HBWFQO.js');
 var _chunkTDODFBBOjs = require('./chunk-TDODFBBO.js');
 
 
-var _chunk56ZV3VVYjs = require('./chunk-56ZV3VVY.js');
+var _chunkZLNBE4ISjs = require('./chunk-ZLNBE4IS.js');
 
 // src/components/FormWizard.tsx
 var _react = require('react');
@@ -215,7 +215,7 @@ var FormWizard = ({
         ),
         children: [
           !isFirst ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunk56ZV3VVYjs.Button,
+            _chunkZLNBE4ISjs.Button,
             {
               htmlType: "button",
               variant: "secondary",
@@ -227,7 +227,7 @@ var FormWizard = ({
             }
           ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", {}),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunk56ZV3VVYjs.Button,
+            _chunkZLNBE4ISjs.Button,
             {
               htmlType: "button",
               variant: "primary",

package/dist/{chunk-TYZNV54N.mjs → chunk-H3DEILMB.mjs}

@@ -227,6 +227,7 @@ var Dropdown = ({
         "aria-haspopup": "menu",
         "aria-expanded": visible,
         "aria-controls": visible ? menuId : void 0,
+        "data-state": visible ? "open" : "closed",
         children: [
           triggerElement,
           chevronNode

package/dist/{chunk-TUA5PDRX.mjs → chunk-HDCC4FBL.mjs}

@@ -8,6 +8,7 @@ import {
   iconSvgDefaultStrokeLinejoin,
   iconSvgDefaultStrokeWidth,
   iconWrapperClasses,
+  getIconDefinition,
   SVG_DEFAULT_FILL,
   SVG_DEFAULT_STROKE,
   SVG_DEFAULT_VIEWBOX_24,
@@ -15,6 +16,7 @@ import {
 } from "@expcat/tigercat-core";
 import { jsx } from "react/jsx-runtime";
 var Icon = ({
+  name,
   size = "md",
   color = "currentColor",
   className,
@@ -25,6 +27,22 @@ var Icon = ({
   const iconClasses = classNames(iconWrapperClasses, className);
   const iconStyle = { ...style, color };
   const isDecorative = props["aria-label"] == null && props["aria-labelledby"] == null && props.role == null;
+  const hasChildren = React.Children.count(children) > 0;
+  const definition = !hasChildren && name ? getIconDefinition(name) : void 0;
+  const builtInSvg = definition ? /* @__PURE__ */ jsx(
+    "svg",
+    {
+      className: classNames(iconSvgBaseClasses, iconSizeClasses[size]),
+      xmlns: SVG_DEFAULT_XMLNS,
+      viewBox: definition.viewBox,
+      fill: definition.mode === "fill" ? "currentColor" : SVG_DEFAULT_FILL,
+      stroke: definition.mode === "stroke" ? "currentColor" : SVG_DEFAULT_STROKE,
+      strokeWidth: definition.mode === "stroke" ? 1.5 : void 0,
+      strokeLinecap: definition.mode === "stroke" ? iconSvgDefaultStrokeLinecap : void 0,
+      strokeLinejoin: definition.mode === "stroke" ? iconSvgDefaultStrokeLinejoin : void 0,
+      children: definition.paths.map((d, i) => /* @__PURE__ */ jsx("path", { d }, i))
+    }
+  ) : null;
   const processedChildren = React.Children.map(children, (child) => {
     if (!React.isValidElement(child) || child.type !== "svg") {
       return child;
@@ -49,7 +67,7 @@ var Icon = ({
       className: iconClasses,
       style: iconStyle,
       ...isDecorative ? { "aria-hidden": true } : { role: props.role ?? "img" },
-      children: processedChildren
+      children: builtInSvg ?? processedChildren
     }
   );
 };

package/dist/{chunk-RL6HARKE.mjs → chunk-I2AUOICV.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-QAIBQHIO.mjs";
 import {
   Button
-} from "./chunk-USWK2S3Y.mjs";
+} from "./chunk-5TE7KLE5.mjs";
 import {
   renderBodyPortal,
   useBodyScrollLock,