@pk-design/react-tailwind 1.1.1 → 1.1.3

package/dist/react-tailwind.es.js

@@ -344,14 +344,15 @@ const Breadcrumb = ({ items, render }) => {
 };
 Breadcrumb.displayName = 'Breadcrumb';
 
-const BASE_CARD_CLASS = 'bg-white rounded-md dark:bg-gray-800';
-const Card = forwardRef((props, ref) => {
+const BASE_CARD_CLASS = 'bg-white rounded-md dark:bg-gray-900 block space-y-2';
+const Card = forwardRef(({ as, ...props }, ref) => {
     // Remove Card-only props from rest (avoid leaking to DOM)
-    const { as: Element = 'div', hoverable = false, bordered = false, noPadding = false, ...rest } = props;
+    const { hoverable = false, bordered = true, compact = false, ...rest } = props;
+    const Component = as || 'div';
     // Extract className safely from rest
     const { className, ...cleanRest } = rest;
-    const classes = buildClassName(BASE_CARD_CLASS, !noPadding && 'p-2 md:p-4', hoverable && 'shadow hover:shadow-md transition-shadow duration-200', bordered && 'border border-gray-200 dark:border-gray-700', className);
-    return jsx(Element, { ref: ref, className: classes, ...cleanRest });
+    const classes = buildClassName(BASE_CARD_CLASS, compact ? 'p-2' : 'p-6', hoverable && 'transition-background duration-200 hover:bg-gray-100 dark:hover:bg-gray-800', bordered && 'border border-gray-200 dark:border-gray-800', className);
+    return jsx(Component, { ref: ref, className: classes, ...cleanRest });
 });
 Card.displayName = 'Card';
 
@@ -456,7 +457,7 @@ const TableHeaderCell = ({ children, align = 'left', className, ...props }) => (
 /* ----------------------------------------------
  * Empty Row
  * ---------------------------------------------- */
-const EmptyTableRow = ({ children, colSpan = 1, contentClass, }) => (jsx("tr", { children: jsx("td", { colSpan: colSpan, className: "px-4 py-8", children: jsx("div", { className: buildClassName('p-6 text-center space-y-3 flex flex-col items-center justify-center', contentClass), children: children }) }) }));
+const EmptyTableRow = ({ children, colSpan = 1, contentClass, }) => (jsx("tr", { className: "bg-white dark:bg-gray-900", children: jsx("td", { colSpan: colSpan, className: "px-4 py-8", children: jsx("div", { className: buildClassName('p-6 text-center space-y-3 flex flex-col items-center justify-center', contentClass), children: children }) }) }));
 
 const DOTS = '...';
 const usePagination = ({ totalPages, currentPage, siblingCount = 1, // number of pages to show around currentPage