@admin-layout/tailwind-ui 12.2.4-alpha.4 → 12.2.4-alpha.42

package/lib/components/OTP/OTPVerification.js

@@ -1,4 +1,4 @@
-import React__default,{useState,useEffect}from'react';import {OTPInput}from'./OTPInput.js';import {icons}from'../../icons/index.js';const OTPVerification = ({
+import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useState,useEffect}from'react';import {OTPInput}from'./OTPInput.js';import {icons}from'../../icons/index.js';const OTPVerification = ({
   length = 4,
   onVerificationSuccess,
   onVerificationFailed,
@@ -78,58 +78,78 @@ import React__default,{useState,useEffect}from'react';import {OTPInput}from'./OT
       alert('Code resent!');
     }
   };
-  return React__default.createElement("div", {
-    className: "max-w-fit w-full bg-white rounded-2xl shadow-xl overflow-hidden"
-  }, React__default.createElement("div", {
-    className: "p-8"
-  }, React__default.createElement("div", {
-    className: `flex items-center justify-center w-16 h-16 rounded-full mx-auto mb-6 transition-colors duration-300 ${isVerified ? 'bg-green-100' : isInvalid ? 'bg-red-100' : 'bg-blue-100'}`
-  }, isVerified ? React__default.createElement(CheckIcon, {
-    className: "w-8 h-8 text-green-600"
-  }) : isInvalid ? React__default.createElement(AlertIcon, {
-    className: "w-8 h-8 text-red-600"
-  }) : React__default.createElement(LockIcon, {
-    className: "w-8 h-8 text-blue-600"
-  })), React__default.createElement("h1", {
-    className: `text-2xl font-bold text-center mb-2 ${isVerified ? 'text-green-800' : isInvalid ? 'text-red-800' : 'text-gray-800'}`
-  }, isVerified ? 'Verification Complete' : title), React__default.createElement("p", {
-    className: `text-center mb-8 ${isVerified ? 'text-green-600' : isInvalid ? 'text-red-600' : 'text-gray-600'}`
-  }, isVerified ? successMessage : isInvalid ? errorMessage : description), !isVerified ? React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
-    className: "mb-6"
-  }, React__default.createElement(OTPInput, {
-    value: otp,
-    onChange: handleChange,
-    numInputs: length,
-    shouldAutoFocus: true,
-    inputType: "number",
-    renderSeparator: React__default.createElement("span", {
-      className: "text-gray-300"
-    }, "\u2022"),
-    containerClassName: `justify-center ${isInvalid ? 'animate-shake' : ''}`,
-    inputClassName: isInvalid ? 'border-red-500 text-red-500' : ''
-  })), React__default.createElement("div", {
-    className: "text-center mb-6"
-  }, React__default.createElement("p", {
-    className: "text-sm text-gray-500"
-  }, "Didn't receive a code?"), React__default.createElement("button", {
-    className: "text-blue-600 font-medium text-sm hover:text-blue-800 transition-colors mt-1",
-    onClick: handleResendCode
-  }, resendCodeText)), React__default.createElement("div", {
-    className: "flex items-center justify-center text-sm text-gray-600"
-  }, React__default.createElement(KeyIcon, {
-    className: "w-4 h-4 mr-2"
-  }), React__default.createElement("span", null, "Secured with end-to-end encryption"))) : React__default.createElement("button", {
-    className: "w-full py-3 bg-green-600 text-white rounded-lg font-medium hover:bg-green-700 transition-colors",
-    onClick: handleContinue
-  }, continueButtonText)), showFooter && React__default.createElement("div", {
-    className: "bg-gray-50 py-4 px-8 border-t border-gray-100"
-  }, React__default.createElement("p", {
-    className: "text-xs text-center text-gray-500"
-  }, "By continuing, you agree to our", ' ', React__default.createElement("a", {
-    href: "#",
-    className: "text-blue-600"
-  }, "Terms of Service"), ' ', "and", ' ', React__default.createElement("a", {
-    href: "#",
-    className: "text-blue-600"
-  }, "Privacy Policy"))));
+  return jsxs("div", {
+    className: "max-w-fit w-full bg-white rounded-2xl shadow-xl overflow-hidden",
+    children: [jsxs("div", {
+      className: "p-8",
+      children: [jsx("div", {
+        className: `flex items-center justify-center w-16 h-16 rounded-full mx-auto mb-6 transition-colors duration-300 ${isVerified ? 'bg-green-100' : isInvalid ? 'bg-red-100' : 'bg-blue-100'}`,
+        children: isVerified ? jsx(CheckIcon, {
+          className: "w-8 h-8 text-green-600"
+        }) : isInvalid ? jsx(AlertIcon, {
+          className: "w-8 h-8 text-red-600"
+        }) : jsx(LockIcon, {
+          className: "w-8 h-8 text-blue-600"
+        })
+      }), jsx("h1", {
+        className: `text-2xl font-bold text-center mb-2 ${isVerified ? 'text-green-800' : isInvalid ? 'text-red-800' : 'text-gray-800'}`,
+        children: isVerified ? 'Verification Complete' : title
+      }), jsx("p", {
+        className: `text-center mb-8 ${isVerified ? 'text-green-600' : isInvalid ? 'text-red-600' : 'text-gray-600'}`,
+        children: isVerified ? successMessage : isInvalid ? errorMessage : description
+      }), !isVerified ? jsxs(Fragment, {
+        children: [jsx("div", {
+          className: "mb-6",
+          children: jsx(OTPInput, {
+            value: otp,
+            onChange: handleChange,
+            numInputs: length,
+            shouldAutoFocus: true,
+            inputType: "number",
+            renderSeparator: jsx("span", {
+              className: "text-gray-300",
+              children: "\u2022"
+            }),
+            containerClassName: `justify-center ${isInvalid ? 'animate-shake' : ''}`,
+            inputClassName: isInvalid ? 'border-red-500 text-red-500' : ''
+          })
+        }), jsxs("div", {
+          className: "text-center mb-6",
+          children: [jsx("p", {
+            className: "text-sm text-gray-500",
+            children: "Didn't receive a code?"
+          }), jsx("button", {
+            className: "text-blue-600 font-medium text-sm hover:text-blue-800 transition-colors mt-1",
+            onClick: handleResendCode,
+            children: resendCodeText
+          })]
+        }), jsxs("div", {
+          className: "flex items-center justify-center text-sm text-gray-600",
+          children: [jsx(KeyIcon, {
+            className: "w-4 h-4 mr-2"
+          }), jsx("span", {
+            children: "Secured with end-to-end encryption"
+          })]
+        })]
+      }) : jsx("button", {
+        className: "w-full py-3 bg-green-600 text-white rounded-lg font-medium hover:bg-green-700 transition-colors",
+        onClick: handleContinue,
+        children: continueButtonText
+      })]
+    }), showFooter && jsx("div", {
+      className: "bg-gray-50 py-4 px-8 border-t border-gray-100",
+      children: jsxs("p", {
+        className: "text-xs text-center text-gray-500",
+        children: ["By continuing, you agree to our", ' ', jsx("a", {
+          href: "#",
+          className: "text-blue-600",
+          children: "Terms of Service"
+        }), ' ', "and", ' ', jsx("a", {
+          href: "#",
+          className: "text-blue-600",
+          children: "Privacy Policy"
+        })]
+      })
+    })]
+  });
 };export{OTPVerification};//# sourceMappingURL=OTPVerification.js.map

package/lib/components/OTP/OTPVerification.js.map

@@ -1 +1 @@
-{"version":3,"file":"OTPVerification.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"OTPVerification.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/OTP/SingleInput.js

@@ -1,4 +1,4 @@
-import React__default,{forwardRef}from'react';const SingleInput = forwardRef(({
+import {jsx}from'react/jsx-runtime';import {forwardRef}from'react';const SingleInput = forwardRef(({
   value,
   focused,
   type,
@@ -13,7 +13,7 @@ import React__default,{forwardRef}from'react';const SingleInput = forwardRef(({
   className,
   ...props
 }, ref) => {
-  return React__default.createElement("input", {
+  return jsx("input", {
     ref: ref,
     className: `
           w-12 h-12 md:w-14 md:h-14 

package/lib/components/OTP/SingleInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"SingleInput.js","sources":["../../../src/components/OTP/SingleInput.tsx"],"sourcesContent":[null],"names":[],"mappings":"8CAGA,MAAA,WAAa,GAAA,UAAW,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SingleInput.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/PageContainer/PageContainer.js

@@ -1,4 +1,4 @@
-import React__default,{useState,useEffect}from'react';import {useLocation,useNavigate}from'@remix-run/react';import {Spin}from'../Spin/index.js';const PageContainer = props => {
+import {jsx,jsxs}from'react/jsx-runtime';import {useState,useEffect}from'react';import {useLocation,useNavigate}from'@remix-run/react';import {Spin}from'../Spin/index.js';const PageContainer = props => {
   const {
     tabList,
     tabActiveKey,
@@ -28,29 +28,36 @@ import React__default,{useState,useEffect}from'react';import {useLocation,useNav
     key: tab.path
   }));
   if (loading) {
-    return React__default.createElement(Spin, null);
+    return jsx(Spin, {});
   }
-  return React__default.createElement("div", {
-    className: "themed-card p-4"
-  }, tabList && tabList.length > 0 && React__default.createElement("div", {
-    className: "border-b border-border mb-4"
-  }, React__default.createElement("div", {
-    className: "flex items-center justify-between"
-  }, React__default.createElement("ul", {
-    className: "flex flex-wrap -mb-px"
-  }, tabList.map(tab => React__default.createElement("li", {
-    key: tab.path,
-    className: "mr-2"
-  }, React__default.createElement("button", {
-    onClick: () => handleTabChange(tab.path),
-    className: `
+  return jsxs("div", {
+    className: "themed-card p-4",
+    children: [tabList && tabList.length > 0 && jsx("div", {
+      className: "border-b border-border mb-4",
+      children: jsxs("div", {
+        className: "flex items-center justify-between",
+        children: [jsx("ul", {
+          className: "flex flex-wrap -mb-px",
+          children: tabList.map(tab => jsx("li", {
+            className: "mr-2",
+            children: jsx("button", {
+              onClick: () => handleTabChange(tab.path),
+              className: `
                                             inline-block p-4 transition-colors 
                                             ${activeTabKey === tab.path ? 'text-primary border-b-2 border-primary' : 'text-muted-foreground hover:text-foreground border-b-2 border-transparent hover:border-accent'}
                                             focus-themed
-                                        `
-  }, tab.tab)))), tabBarExtraContent && React__default.createElement("div", {
-    className: "text-muted-foreground"
-  }, tabBarExtraContent))), React__default.createElement("div", {
-    className: "page-content text-foreground"
-  }, props.children));
+                                        `,
+              children: tab.tab
+            })
+          }, tab.path))
+        }), tabBarExtraContent && jsx("div", {
+          className: "text-muted-foreground",
+          children: tabBarExtraContent
+        })]
+      })
+    }), jsx("div", {
+      className: "page-content text-foreground",
+      children: props.children
+    })]
+  });
 };export{PageContainer};//# sourceMappingURL=PageContainer.js.map

package/lib/components/PageContainer/PageContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageContainer.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PageContainer.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/PageLoading/index.js

@@ -1,8 +1,9 @@
-import React__default from'react';import {Spin}from'../Spin/index.js';const PageLoading = ({
+import {jsx}from'react/jsx-runtime';import {Spin}from'../Spin/index.js';const PageLoading = ({
   tip
-}) => React__default.createElement("div", {
-  className: "pt-24 text-center"
-}, React__default.createElement(Spin, {
-  size: "large",
-  tip: tip
-}));export{PageLoading as default};//# sourceMappingURL=index.js.map
+}) => jsx("div", {
+  className: "pt-24 text-center",
+  children: jsx(Spin, {
+    size: "large",
+    tip: tip
+  })
+});export{PageLoading as default};//# sourceMappingURL=index.js.map

package/lib/components/PageLoading/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/PageLoading/index.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"sEAII,MAAA,WAAa,GAAA,CAAA;AAChB,EAIA;AAED,CAAA,KAAAA,cAAA,CAAA,cAA0B,KAAC,EAAA;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/PageLoading/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"wEAII,MAAA,WAAa,GAAA,CAAA;AAChB,EAIA;AAED,CAAA,KAAAA,GAAA,CAAA;;;;;;"}

package/lib/components/RJSFPreview/PreviewAsyncDropdown.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { WidgetProps } from '@rjsf/utils';
 export interface SelectWidgetProps extends WidgetProps {
     multiple?: boolean;
@@ -7,6 +6,6 @@ export interface SelectWidgetProps extends WidgetProps {
         formData: Record<string, any>;
     };
 }
-declare const PreviewAsyncDropdown: (props: SelectWidgetProps) => React.JSX.Element;
+declare const PreviewAsyncDropdown: (props: SelectWidgetProps) => import("react/jsx-runtime").JSX.Element;
 export default PreviewAsyncDropdown;
 //# sourceMappingURL=PreviewAsyncDropdown.d.ts.map

package/lib/components/RJSFPreview/PreviewAsyncDropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PreviewAsyncDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/RJSFPreview/PreviewAsyncDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,MAAM,WAAW,iBAAkB,SAAQ,WAAW;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE;QACZ,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,GAAG,GAAG,EAAE,IAAI,CAAC,EAAE,WAAW,KAAK,OAAO,CAAC,QAAQ,CAAC,CAAC;QAC9E,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;KACjC,CAAC;CACL;AAOD,QAAA,MAAM,oBAAoB,GAAI,OAAO,iBAAiB,sBA6GrD,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"PreviewAsyncDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/RJSFPreview/PreviewAsyncDropdown.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,MAAM,WAAW,iBAAkB,SAAQ,WAAW;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE;QACZ,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,GAAG,GAAG,EAAE,IAAI,CAAC,EAAE,WAAW,KAAK,OAAO,CAAC,QAAQ,CAAC,CAAC;QAC9E,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;KACjC,CAAC;CACL;AAOD,QAAA,MAAM,oBAAoB,GAAI,OAAO,iBAAiB,4CA6GrD,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/lib/components/ReactTable/Table.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 export interface IReactTableInterface {
     columns: any[];
     data: any[];
@@ -15,5 +14,5 @@ export interface IReactTableInterface {
     showFilters?: Boolean;
     onSelectedRowsChange?: Function;
 }
-export declare const ReactTable: (props: IReactTableInterface) => React.JSX.Element;
+export declare const ReactTable: (props: IReactTableInterface) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Table.d.ts.map

package/lib/components/ReactTable/Table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/ReactTable/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAsC1B,MAAM,WAAW,oBAAoB;IACjC,OAAO,EAAE,GAAG,EAAE,CAAC;IACf,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,GAAG,EAAE,CAAC;IACpB,gBAAgB,CAAC,EAAE,QAAQ,CAAC;IAC5B,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,oBAAoB,CAAC,EAAE,QAAQ,CAAC;CACnC;AAED,eAAO,MAAM,UAAU,GAAI,OAAO,oBAAoB,sBAgNrD,CAAC"}
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/ReactTable/Table.tsx"],"names":[],"mappings":"AAsCA,MAAM,WAAW,oBAAoB;IACjC,OAAO,EAAE,GAAG,EAAE,CAAC;IACf,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,GAAG,EAAE,CAAC;IACpB,gBAAgB,CAAC,EAAE,QAAQ,CAAC;IAC5B,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,oBAAoB,CAAC,EAAE,QAAQ,CAAC;CACnC;AAED,eAAO,MAAM,UAAU,GAAI,OAAO,oBAAoB,4CAgNrD,CAAC"}

package/lib/components/ReactTable/Table.js

@@ -1,4 +1,4 @@
-import React__default,{useEffect}from'react';import {useReactTable,getPaginationRowModel,getFilteredRowModel,getSortedRowModel,getCoreRowModel,flexRender}from'@tanstack/react-table';import useWindowDimensions from'../../utils/hooks/useWindowDimensions/index.js';import {DefaultColumnFilter}from'./TableFilters.js';import {useLayoutSettings}from'@admin-layout/client';import {icons}from'../../icons/index.js';const ReactTable = props => {
+import {jsxs,jsx}from'react/jsx-runtime';import React__default,{useEffect}from'react';import {useReactTable,getPaginationRowModel,getFilteredRowModel,getSortedRowModel,getCoreRowModel,flexRender}from'@tanstack/react-table';import useWindowDimensions from'../../utils/hooks/useWindowDimensions/index.js';import {DefaultColumnFilter}from'./TableFilters.js';import {useLayoutSettings}from'@admin-layout/client';import {icons}from'../../icons/index.js';const ReactTable = props => {
   const {
     columns,
     data,
@@ -57,74 +57,95 @@ import React__default,{useEffect}from'react';import {useReactTable,getPagination
       setPageSizeCount(table.getState().pagination.pageSize);
     }
   }, [table.getState().pagination.pageSize]);
-  return React__default.createElement("div", {
-    className: "overflow-auto"
-  }, React__default.createElement("table", {
-    className: `w-full border border-opacity-10 ${isDarkMode ? 'border-gray-700' : 'border-gray-200'}`
-  }, React__default.createElement("thead", {
-    className: isDarkMode ? 'bg-gray-800 shadow-md' : 'bg-gray-50 shadow'
-  }, table.getHeaderGroups().map(headerGroup => React__default.createElement("tr", {
-    key: headerGroup.id
-  }, headerGroup.headers.map(header => React__default.createElement("th", {
-    key: header.id,
-    className: `border-r border-opacity-5 p-2 text-left ${isDarkMode ? 'border-gray-600 text-gray-200' : 'border-gray-200 text-gray-700'}`
-  }, flexRender(header.column.columnDef.header, header.getContext())))))), React__default.createElement("tbody", null, table.getRowModel().rows.length ? table.getRowModel().rows.slice(currentListStartingIndex, currentListStartingIndex + table.getState().pagination.pageSize).map(row => {
-    return React__default.createElement("tr", {
-      key: row.id,
-      className: `border-b border-opacity-5 ${isDarkMode ? 'border-gray-700' : 'border-gray-200'}`
-    }, row.getVisibleCells().map(cell => {
-      return React__default.createElement("td", {
-        key: cell.id,
-        className: `overflow-hidden border-r border-opacity-2 whitespace-nowrap p-2 text-ellipsis ${isDarkMode ? 'border-gray-700' : 'border-gray-200'}`
-      }, flexRender(cell.column.columnDef.cell, cell.getContext()));
-    }));
-  }) : React__default.createElement("tr", {
-    className: "h-24"
-  }, React__default.createElement("td", {
-    colSpan: columns.length,
-    className: "relative"
-  }, React__default.createElement("div", {
-    className: "absolute left-0 right-0 mt-10 w-full text-center text-gray-500"
-  }, noDataText || 'No Data'))))), showPagination && React__default.createElement("div", {
-    className: `flex border border-opacity-10 p-2 ${isDarkMode ? 'border-gray-700' : 'border-gray-200'}`
-  }, React__default.createElement("div", null, React__default.createElement("button", {
-    onClick: () => table.previousPage(),
-    disabled: !table.getCanPreviousPage(),
-    className: `${width < 768 ? 'h-8 w-8' : 'h-10 px-4'} ${isDarkMode ? 'bg-gray-800 text-white border-gray-600' : 'bg-gray-100 text-gray-700 border-transparent'} rounded border ${!table.getCanPreviousPage() ? 'opacity-50' : 'hover:bg-gray-700 hover:text-white'}`
-  }, width < 768 ? React__default.createElement(OutlineLeftIcon, {
-    className: "mx-auto text-lg"
-  }) : 'Previous')), React__default.createElement("div", {
-    className: `mx-auto flex gap-${width < 768 ? '5' : '24'}`
-  }, React__default.createElement("div", {
-    className: "flex items-center"
-  }, React__default.createElement("span", {
-    className: `${isDarkMode ? 'text-gray-300' : 'text-gray-700'}`
-  }, "Page"), React__default.createElement("input", {
-    type: "number",
-    value: table.getState().pagination.pageIndex + 1,
-    onChange: e => {
-      const page = e.target.value ? Number(e.target.value) - 1 : 0;
-      table.setPageIndex(page);
-    },
-    min: 1,
-    max: table.getPageCount(),
-    className: `mx-2 ${width < 768 ? 'h-8 w-8' : 'h-10 w-16'} rounded border px-2 ${isDarkMode ? 'bg-gray-800 text-white border-gray-600' : 'bg-white text-gray-700 border-gray-300'}`
-  }), React__default.createElement("span", {
-    className: `${isDarkMode ? 'text-gray-300' : 'text-gray-700'}`
-  }, "of ", data.length === 0 ? 1 : table.getPageCount())), React__default.createElement("div", null, React__default.createElement("select", {
-    value: table.getState().pagination.pageSize,
-    onChange: e => table.setPageSize(Number(e.target.value)),
-    className: `${width < 768 ? 'h-8' : 'h-10'} rounded border px-2 ${isDarkMode ? 'bg-gray-800 text-white border-gray-600' : 'bg-white text-gray-700 border-gray-300'}`
-  }, (pageOptions || [10, 15, 20, 25]).map(value => React__default.createElement("option", {
-    key: value,
-    value: value
-  }, `${value} rows`))))), React__default.createElement("div", {
-    className: "ml-auto"
-  }, React__default.createElement("button", {
-    onClick: () => table.nextPage(),
-    disabled: !table.getCanNextPage(),
-    className: `${width < 768 ? 'h-8 w-8' : 'h-10 px-4'} ${isDarkMode ? 'bg-gray-800 text-white border-gray-600' : 'bg-gray-100 text-gray-700 border-transparent'} rounded border ${!table.getCanNextPage() ? 'opacity-50' : 'hover:bg-gray-700 hover:text-white'}`
-  }, width < 768 ? React__default.createElement(OutlineRightIcon, {
-    className: "mx-auto text-lg"
-  }) : 'Next'))));
+  return jsxs("div", {
+    className: "overflow-auto",
+    children: [jsxs("table", {
+      className: `w-full border border-opacity-10 ${isDarkMode ? 'border-gray-700' : 'border-gray-200'}`,
+      children: [jsx("thead", {
+        className: isDarkMode ? 'bg-gray-800 shadow-md' : 'bg-gray-50 shadow',
+        children: table.getHeaderGroups().map(headerGroup => jsx("tr", {
+          children: headerGroup.headers.map(header => jsx("th", {
+            className: `border-r border-opacity-5 p-2 text-left ${isDarkMode ? 'border-gray-600 text-gray-200' : 'border-gray-200 text-gray-700'}`,
+            children: flexRender(header.column.columnDef.header, header.getContext())
+          }, header.id))
+        }, headerGroup.id))
+      }), jsx("tbody", {
+        children: table.getRowModel().rows.length ? table.getRowModel().rows.slice(currentListStartingIndex, currentListStartingIndex + table.getState().pagination.pageSize).map(row => {
+          return jsx("tr", {
+            className: `border-b border-opacity-5 ${isDarkMode ? 'border-gray-700' : 'border-gray-200'}`,
+            children: row.getVisibleCells().map(cell => {
+              return jsx("td", {
+                className: `overflow-hidden border-r border-opacity-2 whitespace-nowrap p-2 text-ellipsis ${isDarkMode ? 'border-gray-700' : 'border-gray-200'}`,
+                children: flexRender(cell.column.columnDef.cell, cell.getContext())
+              }, cell.id);
+            })
+          }, row.id);
+        }) : jsx("tr", {
+          className: "h-24",
+          children: jsx("td", {
+            colSpan: columns.length,
+            className: "relative",
+            children: jsx("div", {
+              className: "absolute left-0 right-0 mt-10 w-full text-center text-gray-500",
+              children: noDataText || 'No Data'
+            })
+          })
+        })
+      })]
+    }), showPagination && jsxs("div", {
+      className: `flex border border-opacity-10 p-2 ${isDarkMode ? 'border-gray-700' : 'border-gray-200'}`,
+      children: [jsx("div", {
+        children: jsx("button", {
+          onClick: () => table.previousPage(),
+          disabled: !table.getCanPreviousPage(),
+          className: `${width < 768 ? 'h-8 w-8' : 'h-10 px-4'} ${isDarkMode ? 'bg-gray-800 text-white border-gray-600' : 'bg-gray-100 text-gray-700 border-transparent'} rounded border ${!table.getCanPreviousPage() ? 'opacity-50' : 'hover:bg-gray-700 hover:text-white'}`,
+          children: width < 768 ? jsx(OutlineLeftIcon, {
+            className: "mx-auto text-lg"
+          }) : 'Previous'
+        })
+      }), jsxs("div", {
+        className: `mx-auto flex gap-${width < 768 ? '5' : '24'}`,
+        children: [jsxs("div", {
+          className: "flex items-center",
+          children: [jsx("span", {
+            className: `${isDarkMode ? 'text-gray-300' : 'text-gray-700'}`,
+            children: "Page"
+          }), jsx("input", {
+            type: "number",
+            value: table.getState().pagination.pageIndex + 1,
+            onChange: e => {
+              const page = e.target.value ? Number(e.target.value) - 1 : 0;
+              table.setPageIndex(page);
+            },
+            min: 1,
+            max: table.getPageCount(),
+            className: `mx-2 ${width < 768 ? 'h-8 w-8' : 'h-10 w-16'} rounded border px-2 ${isDarkMode ? 'bg-gray-800 text-white border-gray-600' : 'bg-white text-gray-700 border-gray-300'}`
+          }), jsxs("span", {
+            className: `${isDarkMode ? 'text-gray-300' : 'text-gray-700'}`,
+            children: ["of ", data.length === 0 ? 1 : table.getPageCount()]
+          })]
+        }), jsx("div", {
+          children: jsx("select", {
+            value: table.getState().pagination.pageSize,
+            onChange: e => table.setPageSize(Number(e.target.value)),
+            className: `${width < 768 ? 'h-8' : 'h-10'} rounded border px-2 ${isDarkMode ? 'bg-gray-800 text-white border-gray-600' : 'bg-white text-gray-700 border-gray-300'}`,
+            children: (pageOptions || [10, 15, 20, 25]).map(value => jsx("option", {
+              value: value,
+              children: `${value} rows`
+            }, value))
+          })
+        })]
+      }), jsx("div", {
+        className: "ml-auto",
+        children: jsx("button", {
+          onClick: () => table.nextPage(),
+          disabled: !table.getCanNextPage(),
+          className: `${width < 768 ? 'h-8 w-8' : 'h-10 px-4'} ${isDarkMode ? 'bg-gray-800 text-white border-gray-600' : 'bg-gray-100 text-gray-700 border-transparent'} rounded border ${!table.getCanNextPage() ? 'opacity-50' : 'hover:bg-gray-700 hover:text-white'}`,
+          children: width < 768 ? jsx(OutlineRightIcon, {
+            className: "mx-auto text-lg"
+          }) : 'Next'
+        })
+      })]
+    })]
+  });
 };export{ReactTable};//# sourceMappingURL=Table.js.map

package/lib/components/ReactTable/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Table.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/ReactTable/TableFilters.d.ts

@@ -1,9 +1,8 @@
-import React from 'react';
-export declare function SelectColumnFilter(filter: any): React.JSX.Element;
+export declare function SelectColumnFilter(filter: any): import("react/jsx-runtime").JSX.Element;
 export declare function DefaultColumnFilter({ column: { filterValue, setFilter } }: {
     column: {
         filterValue: any;
         setFilter: any;
     };
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=TableFilters.d.ts.map

package/lib/components/ReactTable/TableFilters.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableFilters.d.ts","sourceRoot":"","sources":["../../../src/components/ReactTable/TableFilters.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,wBAAgB,kBAAkB,CAAC,MAAM,KAAA,qBA2BxC;AAED,wBAAgB,mBAAmB,CAAC,EAAE,MAAM,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE;;;;;CAAA,qBA4BzE"}
+{"version":3,"file":"TableFilters.d.ts","sourceRoot":"","sources":["../../../src/components/ReactTable/TableFilters.tsx"],"names":[],"mappings":"AAOA,wBAAgB,kBAAkB,CAAC,MAAM,KAAA,2CA2BxC;AAED,wBAAgB,mBAAmB,CAAC,EAAE,MAAM,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE;;;;;CAAA,2CA4BzE"}

package/lib/components/ReactTable/TableFilters.js

@@ -1,4 +1,4 @@
-import React__default from'react';function SelectColumnFilter(filter) {
+import {jsxs,jsx}from'react/jsx-runtime';import React__default from'react';function SelectColumnFilter(filter) {
   const options = React__default.useMemo(() => {
     const options = new Set();
     filter.column.preFilteredRows.forEach(row => {
@@ -9,17 +9,20 @@ import React__default from'react';function SelectColumnFilter(filter) {
     });
     return [...options];
   }, [filter.column.id, filter.column.preFilteredRows]);
-  return React__default.createElement("div", {
-    className: "relative"
-  }, React__default.createElement("select", {
-    className: "w-full rounded-md border border-gray-300 bg-white px-3 py-2 text-gray-700 shadow-sm focus:border-blue-500 focus:outline-none focus:ring-1 focus:ring-blue-500",
-    onChange: e => filter.column.setFilter(e.target.value || undefined)
-  }, React__default.createElement("option", {
-    value: ""
-  }, "All"), options.map((option, i) => React__default.createElement("option", {
-    key: i,
-    value: option?.value
-  }, option?.label))));
+  return jsx("div", {
+    className: "relative",
+    children: jsxs("select", {
+      className: "w-full rounded-md border border-gray-300 bg-white px-3 py-2 text-gray-700 shadow-sm focus:border-blue-500 focus:outline-none focus:ring-1 focus:ring-blue-500",
+      onChange: e => filter.column.setFilter(e.target.value || undefined),
+      children: [jsx("option", {
+        value: "",
+        children: "All"
+      }), options.map((option, i) => jsx("option", {
+        value: option?.value,
+        children: option?.label
+      }, i))]
+    })
+  });
 }
 function DefaultColumnFilter({
   column: {
@@ -27,26 +30,29 @@ function DefaultColumnFilter({
     setFilter
   }
 }) {
-  return React__default.createElement("div", {
-    className: "relative"
-  }, React__default.createElement("input", {
-    type: "text",
-    value: filterValue || '',
-    onChange: e => {
-      setFilter(e.target.value || undefined);
-    },
-    className: "w-full rounded-md border border-gray-300 px-3 py-2 text-gray-700 shadow-sm focus:border-blue-500 focus:outline-none focus:ring-1 focus:ring-blue-500",
-    placeholder: "Type to search..."
-  }), filterValue && React__default.createElement("button", {
-    className: "absolute right-2 top-2 text-gray-400 hover:text-gray-600",
-    onClick: () => setFilter(undefined)
-  }, React__default.createElement("svg", {
-    className: "h-4 w-4",
-    fill: "currentColor",
-    viewBox: "0 0 20 20"
-  }, React__default.createElement("path", {
-    fillRule: "evenodd",
-    d: "M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z",
-    clipRule: "evenodd"
-  }))));
+  return jsxs("div", {
+    className: "relative",
+    children: [jsx("input", {
+      type: "text",
+      value: filterValue || '',
+      onChange: e => {
+        setFilter(e.target.value || undefined);
+      },
+      className: "w-full rounded-md border border-gray-300 px-3 py-2 text-gray-700 shadow-sm focus:border-blue-500 focus:outline-none focus:ring-1 focus:ring-blue-500",
+      placeholder: "Type to search..."
+    }), filterValue && jsx("button", {
+      className: "absolute right-2 top-2 text-gray-400 hover:text-gray-600",
+      onClick: () => setFilter(undefined),
+      children: jsx("svg", {
+        className: "h-4 w-4",
+        fill: "currentColor",
+        viewBox: "0 0 20 20",
+        children: jsx("path", {
+          fillRule: "evenodd",
+          d: "M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z",
+          clipRule: "evenodd"
+        })
+      })
+    })]
+  });
 }export{DefaultColumnFilter,SelectColumnFilter};//# sourceMappingURL=TableFilters.js.map

package/lib/components/ReactTable/TableFilters.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableFilters.js","sources":["../../../src/components/ReactTable/TableFilters.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"kCAOA,SAAA,kBAAgB,CAAA,MAAA,EAAmB;AA6BnC,EAAA,MAAA,OAAA,GAAAA,cAAA,CAAgB,OAAA,CAAA,MAAA;;;;;QAA0D,KAAA,EAAA,GAAA,CAAA,MA4BzE,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"TableFilters.js","sources":["../../../src/components/ReactTable/TableFilters.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;MAoC0E,OAAA,CAAA,GAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/Search/SearchInput.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 interface SearchInputProps {
     placeholder?: string;
     value?: string;
@@ -7,6 +6,6 @@ interface SearchInputProps {
     className?: string;
     iconSize?: number;
 }
-export declare const SearchInput: ({ placeholder, value, onChange, disabled, className, iconSize, }: SearchInputProps) => React.JSX.Element;
+export declare const SearchInput: ({ placeholder, value, onChange, disabled, className, iconSize, }: SearchInputProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=SearchInput.d.ts.map