@expcat/tigercat-react 1.2.47 → 1.3.0

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,

package/dist/{chunk-UVWLYRAC.js → chunk-I373B74W.js}

@@ -1,6 +1,6 @@
 "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 _chunkPR3PQUKMjs = require('./chunk-PR3PQUKM.js');
+var _chunkZZAR4IDSjs = require('./chunk-ZZAR4IDS.js');
 
 
 var _chunk3MRP3XYIjs = require('./chunk-3MRP3XYI.js');
@@ -9,13 +9,13 @@ var _chunk3MRP3XYIjs = require('./chunk-3MRP3XYI.js');
 var _chunkQYYAXM5Fjs = require('./chunk-QYYAXM5F.js');
 
 
-var _chunkVCULFIZ5js = require('./chunk-VCULFIZ5.js');
+var _chunkZJI2VLILjs = require('./chunk-ZJI2VLIL.js');
 
 
 var _chunkUF3DXKCIjs = require('./chunk-UF3DXKCI.js');
 
 
-var _chunkUIO6O4MIjs = require('./chunk-UIO6O4MI.js');
+var _chunkFQO7BKXWjs = require('./chunk-FQO7BKXW.js');
 
 
 var _chunk4MQCUKICjs = require('./chunk-4MQCUKIC.js');
@@ -105,7 +105,7 @@ var ActivityFeed = ({
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.activityItemTitleGroupClasses, children: [
             titleText ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUF3DXKCIjs.Text, { tag: "div", size: "sm", weight: "semibold", className: "text-gray-900 dark:text-gray-100 hover:text-blue-600 dark:hover:text-blue-400 transition-colors cursor-pointer truncate", children: titleText }) : null,
             item.status ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkVCULFIZ5js.Tag,
+              _chunkZJI2VLILjs.Tag,
               {
                 variant: _nullishCoalesce(item.status.variant, () => ( "default")),
                 size: "sm",
@@ -141,7 +141,7 @@ var ActivityFeed = ({
         ...props,
         "data-tiger-activity-feed": true,
         children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkUIO6O4MIjs.Card,
+          _chunkFQO7BKXWjs.Card,
           {
             variant: "bordered",
             size: "sm",
@@ -162,7 +162,7 @@ var ActivityFeed = ({
         ...props,
         "data-tiger-activity-feed": true,
         children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkUIO6O4MIjs.Card,
+          _chunkFQO7BKXWjs.Card,
           {
             variant: "bordered",
             size: "sm",
@@ -194,7 +194,7 @@ var ActivityFeed = ({
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUF3DXKCIjs.Text, { tag: "span", size: "sm", weight: "bold", className: "text-gray-900 dark:text-gray-100 uppercase tracking-wider", children: groupTitle })
           ] }))) : null,
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkPR3PQUKMjs.Timeline,
+            _chunkZZAR4IDSjs.Timeline,
             {
               items: timelineItems,
               style: {

package/dist/{chunk-NF3OF7S5.mjs → chunk-IGAMV6ML.mjs}

@@ -1,6 +1,6 @@
 import {
   useFormContext
-} from "./chunk-Y5E4XH6H.mjs";
+} from "./chunk-F6IXIH6B.mjs";
 
 // src/components/FormItem.tsx
 import React, { useMemo, useEffect, useState, useCallback, useId, useRef } from "react";

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

@@ -1,6 +1,6 @@
 import {
   Select
-} from "./chunk-T4OVGM4X.mjs";
+} from "./chunk-KXNWY2Q7.mjs";
 import {
   Radio
 } from "./chunk-NPTXXUXF.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-P6E3DILH.mjs → chunk-IXV5YBCZ.mjs}

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

package/dist/{chunk-7E24KEVK.mjs → chunk-KGSDDVRC.mjs}

@@ -7,7 +7,7 @@ import {
 } from "./chunk-QAIBQHIO.mjs";
 import {
   Button
-} from "./chunk-USWK2S3Y.mjs";
+} from "./chunk-5TE7KLE5.mjs";
 
 // src/components/FormWizard.tsx
 import { useCallback, useEffect, useMemo, useState } from "react";

package/dist/{chunk-T4OVGM4X.mjs → chunk-KXNWY2Q7.mjs}

@@ -485,6 +485,7 @@ var Select = (props) => {
         "aria-expanded": isOpen,
         "aria-controls": listboxId,
         "aria-activedescendant": isOpen && activeIndex >= 0 ? getOptionId(activeIndex) : void 0,
+        "data-state": isOpen ? "open" : "closed",
         children: [
           /* @__PURE__ */ jsx(
             "span",

package/dist/{chunk-PKWHSCFK.mjs → chunk-L5AMVEQL.mjs}

@@ -7,7 +7,7 @@ import {
 } from "./chunk-A42OLED6.mjs";
 import {
   Button
-} from "./chunk-USWK2S3Y.mjs";
+} from "./chunk-5TE7KLE5.mjs";
 import {
   Loading
 } from "./chunk-FNJDBFKM.mjs";
@@ -16,7 +16,7 @@ import {
 } from "./chunk-HLS4CHWX.mjs";
 import {
   Card
-} from "./chunk-P6E3DILH.mjs";
+} from "./chunk-IXV5YBCZ.mjs";
 
 // src/components/NotificationCenter.tsx
 import { useMemo, useEffect, useState, useCallback } from "react";

package/dist/{chunk-BCQQYERG.js → chunk-N4PP3ENO.js}

@@ -1,6 +1,6 @@
 "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(); } } 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 _chunkUPPHGL64js = require('./chunk-UPPHGL64.js');
+var _chunkCY5GRTAXjs = require('./chunk-CY5GRTAX.js');
 
 // src/components/FormItem.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -43,7 +43,7 @@ var FormItem = ({
   className,
   condition
 }) => {
-  const formContext = _chunkUPPHGL64js.useFormContext.call(void 0, );
+  const formContext = _chunkCY5GRTAXjs.useFormContext.call(void 0, );
   const [errorMessage, setErrorMessage] = _react.useState.call(void 0, "");
   const [shakeTrigger, setShakeTrigger] = _react.useState.call(void 0, 0);
   const prevFormErrorRef = _react.useRef.call(void 0, "");

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

@@ -57,6 +57,7 @@ var Dropdown = ({
   style,
   onOpenChange,
   children,
+  renderTrigger,
   ...divProps
 }) => {
   const [internalVisible, setInternalVisible] = useState(defaultOpen);
@@ -170,18 +171,18 @@ var Dropdown = ({
     [closeOnClick, handleItemClick]
   );
   const childrenArray = React.Children.toArray(children);
-  let triggerElement = null;
+  let triggerElement = renderTrigger ? renderTrigger({ open: visible }) : null;
   let menuElement = null;
   childrenArray.forEach((child) => {
     if (!React.isValidElement(child)) {
-      if (triggerElement == null) triggerElement = child;
+      if (!renderTrigger && triggerElement == null) triggerElement = child;
       return;
     }
     if (child.type === DropdownMenu) {
       menuElement = child;
       return;
     }
-    if (triggerElement == null) {
+    if (!renderTrigger && triggerElement == null) {
       triggerElement = child;
     }
   });
@@ -227,6 +228,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-56DP32W7.mjs → chunk-NVEIVIAW.mjs}

@@ -3,10 +3,10 @@ import {
 } from "./chunk-7QZ4XT2P.mjs";
 import {
   Button
-} from "./chunk-USWK2S3Y.mjs";
+} from "./chunk-5TE7KLE5.mjs";
 import {
   Tag
-} from "./chunk-TGKNEMD4.mjs";
+} from "./chunk-WMPCN7OF.mjs";
 import {
   Text
 } from "./chunk-HLS4CHWX.mjs";

package/dist/{chunk-DSXII6ZF.js → chunk-OZD75CLT.js}

@@ -3,7 +3,7 @@
 var _chunkTDODFBBOjs = require('./chunk-TDODFBBO.js');
 
 
-var _chunk56ZV3VVYjs = require('./chunk-56ZV3VVY.js');
+var _chunkZLNBE4ISjs = require('./chunk-ZLNBE4IS.js');
 
 
 
@@ -313,8 +313,8 @@ var Modal = ({
               ),
               children && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.modalBodyClasses, children }),
               footer ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.modalFooterClasses, "data-tiger-modal-footer": "", children: footer }) : showDefaultFooter ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.modalFooterClasses, "data-tiger-modal-footer": "", children: [
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk56ZV3VVYjs.Button, { variant: "secondary", onClick: handleClose, children: resolvedCancelText }),
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk56ZV3VVYjs.Button, { onClick: handleOk, children: resolvedOkText })
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZLNBE4ISjs.Button, { variant: "secondary", onClick: handleClose, children: resolvedCancelText }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZLNBE4ISjs.Button, { onClick: handleOk, children: resolvedOkText })
               ] }) : null
             ]
           }

package/dist/{chunk-ZDS5WL22.mjs → chunk-PTMVWEIC.mjs}

@@ -129,11 +129,12 @@ var Popconfirm = ({
   const cancelButtonClasses = getPopconfirmCancelButtonClasses();
   const okButtonClasses = useMemo(() => getPopconfirmOkButtonClasses(okType), [okType]);
   if (!children) return null;
+  const resolvedChildren = typeof children === "function" ? children({ open: Boolean(currentVisible) }) : children;
   const mergedStyle = mergeStyleValues(style);
   const triggerProps = {
     className: triggerClasses,
     onClick: (event) => {
-      const target = children;
+      const target = resolvedChildren;
       if (React.isValidElement(target)) {
         const onChildClick = target.props.onClick;
         if (typeof onChildClick === "function") {
@@ -146,13 +147,14 @@ var Popconfirm = ({
     },
     "aria-haspopup": "dialog",
     "aria-expanded": Boolean(currentVisible),
-    "aria-controls": currentVisible ? popconfirmId : void 0
+    "aria-controls": currentVisible ? popconfirmId : void 0,
+    "data-state": currentVisible ? "open" : "closed"
   };
   const triggerNode = (() => {
-    if (React.isValidElement(children)) {
-      return React.cloneElement(children, {
+    if (React.isValidElement(resolvedChildren)) {
+      return React.cloneElement(resolvedChildren, {
         ...triggerProps,
-        className: classNames(children.props.className, triggerProps.className)
+        className: classNames(resolvedChildren.props.className, triggerProps.className)
       });
     }
     return /* @__PURE__ */ jsx(
@@ -169,7 +171,7 @@ var Popconfirm = ({
             handleTriggerClick();
           }
         },
-        children
+        children: resolvedChildren
       }
     );
   })();