@ballistix.digital/react-components 0.4.41 → 0.4.43

package/dist/index.d.ts

@@ -483,7 +483,7 @@ type TNavigationItemProps$1 = {
     as?: ElementType;
     isCurrent?: boolean;
     isInitial?: boolean;
-    onClick?: (accessor: MouseEvent) => void;
+    onClick?: ((accessor: MouseEvent) => void) | any;
     styles?: Pick<TTabNavigationStyles, 'tab'>;
 };
 type TViewProps$1 = {

package/dist/index.esm.js

@@ -17087,9 +17087,9 @@ var base$6 = {
         container: 'flex flex-col',
         wrapper: '-my-2 -mx-4 sm:-mx-6 lg:-mx-8',
         content: '',
-        styleWrapper: '',
+        styleWrapper: 'overflow-scroll w-screen md:w-auto md:overflow-auto',
         table: {
-            container: 'min-w-full divide-y divide-gray-300',
+            container: 'min-w-full divide-y divide-gray-300 ',
             head: {
                 container: '',
                 row: '',
@@ -17468,7 +17468,10 @@ var Item$1 = function (props) {
         return result;
     };
     var styles = handleGenerateStyle();
-    return (jsx(LinkComponent, __assign({ href: href, className: toClassName(styles.tab.base, isCurrent ? styles.tab.active : styles.tab.inactive), onClick: onClick }, { children: children })));
+    if (href && LinkComponent) {
+        return (jsx(LinkComponent, __assign({ href: href, className: toClassName(styles.tab.base, isCurrent ? styles.tab.active : styles.tab.inactive), onClick: onClick }, { children: children })));
+    }
+    return (jsx("div", __assign({ className: toClassName(styles.tab.base, isCurrent ? styles.tab.active : styles.tab.inactive), onClick: onClick }, { children: children })));
 };
 var View$1 = function (props) {
     var children = props.children;