@availity/mui-tabs 0.1.1 → 0.1.3

package/CHANGELOG.md

@@ -2,6 +2,15 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [0.1.3](https://github.com/Availity/element/compare/@availity/mui-tabs@0.1.2...@availity/mui-tabs@0.1.3) (2023-08-23)
+
+## [0.1.2](https://github.com/Availity/element/compare/@availity/mui-tabs@0.1.1...@availity/mui-tabs@0.1.2) (2023-08-22)
+
+
+### Bug Fixes
+
+* **mui-tabs:** export subcomponents ([f06759f](https://github.com/Availity/element/commit/f06759fa83a32aa8f7f549fa0011ab4fe183e77a))
+
 ## [0.1.1](https://github.com/Availity/element/compare/@availity/mui-tabs@0.1.0...@availity/mui-tabs@0.1.1) (2023-08-16)
 
 

package/dist/index.d.ts

@@ -1,8 +1,27 @@
-import { TabsProps as TabsProps$1 } from '@mui/material';
+import { TabProps as TabProps$1, TabsProps as TabsProps$1 } from '@mui/material';
+import { TabContextProps as TabContextProps$1, TabListProps as TabListProps$1, TabPanelProps as TabPanelProps$1 } from '@mui/lab';
+
+type TabProps = Omit<TabProps$1, 'centerRipple' | 'disableFocusRipple' | 'disableRipple' | 'disableTouchRipple' | 'focusRipple' | 'icon' | 'iconPosition' | 'TouchRippleProps'>;
+declare const Tab: (props: TabProps) => JSX.Element;
+
+interface TabContextProps extends TabContextProps$1 {
+    children?: React.ReactNode;
+}
+declare const TabContext: ({ children, ...rest }: TabContextProps) => JSX.Element;
+
+interface TabListProps extends Omit<TabListProps$1, 'centered' | 'centerRipple' | 'disableRipple' | 'disableTouchRipple' | 'focusRipple' | 'orientation' | 'TouchRippleProps' | 'touchRippleRef'> {
+    children?: React.ReactNode;
+}
+declare const TabList: ({ children, ...rest }: TabListProps) => JSX.Element;
+
+interface TabPanelProps extends TabPanelProps$1 {
+    children?: React.ReactNode;
+}
+declare const TabPanel: ({ children, ...rest }: TabPanelProps) => JSX.Element;
 
 interface TabsProps extends Omit<TabsProps$1, 'centered' | 'centerRipple' | 'disableFocusRipple' | 'disableRipple' | 'disableTouchRipple' | 'focusRipple' | 'orientation' | 'TouchRippleProps' | 'touchRippleRef'> {
     children?: React.ReactNode;
 }
 declare const Tabs: ({ children, ...rest }: TabsProps) => JSX.Element;
 
-export { Tabs, TabsProps };
+export { Tab, TabContext, TabContextProps, TabList, TabListProps, TabPanel, TabPanelProps, TabProps, Tabs, TabsProps };

package/dist/index.js

@@ -20,15 +20,65 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
+  Tab: () => Tab,
+  TabContext: () => TabContext,
+  TabList: () => TabList,
+  TabPanel: () => TabPanel,
   Tabs: () => Tabs
 });
 module.exports = __toCommonJS(src_exports);
 
-// src/lib/Tabs.tsx
+// src/lib/Tab.tsx
 var import_material = require("@mui/material");
 var import_jsx_runtime = require("react/jsx-runtime");
+var Tab = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Tab, {
+    ...props,
+    disableRipple: true,
+    disableFocusRipple: true,
+    disableTouchRipple: true
+  });
+};
+
+// src/lib/TabContext.tsx
+var import_lab = require("@mui/lab");
+var import_jsx_runtime = require("react/jsx-runtime");
+var TabContext = ({ children, ...rest }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lab.TabContext, {
+    ...rest,
+    children
+  });
+};
+
+// src/lib/TabList.tsx
+var import_lab2 = require("@mui/lab");
+var import_jsx_runtime = require("react/jsx-runtime");
+var TabList = ({ children, ...rest }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lab2.TabList, {
+    ...rest,
+    disableRipple: true,
+    disableTouchRipple: true,
+    orientation: "horizontal",
+    centered: false,
+    children
+  });
+};
+
+// src/lib/TabPanel.tsx
+var import_lab3 = require("@mui/lab");
+var import_jsx_runtime = require("react/jsx-runtime");
+var TabPanel = ({ children, ...rest }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lab3.TabPanel, {
+    ...rest,
+    children
+  });
+};
+
+// src/lib/Tabs.tsx
+var import_material2 = require("@mui/material");
+var import_jsx_runtime = require("react/jsx-runtime");
 var Tabs = ({ children, ...rest }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Tabs, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material2.Tabs, {
     ...rest,
     disableRipple: true,
     disableTouchRipple: true,
@@ -39,5 +89,9 @@ var Tabs = ({ children, ...rest }) => {
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  Tab,
+  TabContext,
+  TabList,
+  TabPanel,
   Tabs
 });

package/dist/index.mjs

@@ -1,8 +1,54 @@
+// src/lib/Tab.tsx
+import { Tab as MuiTab } from "@mui/material";
+import { jsx } from "react/jsx-runtime";
+var Tab = (props) => {
+  return /* @__PURE__ */ jsx(MuiTab, {
+    ...props,
+    disableRipple: true,
+    disableFocusRipple: true,
+    disableTouchRipple: true
+  });
+};
+
+// src/lib/TabContext.tsx
+import { TabContext as MuiTabContext } from "@mui/lab";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var TabContext = ({ children, ...rest }) => {
+  return /* @__PURE__ */ jsx2(MuiTabContext, {
+    ...rest,
+    children
+  });
+};
+
+// src/lib/TabList.tsx
+import { TabList as MuiTabList } from "@mui/lab";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var TabList = ({ children, ...rest }) => {
+  return /* @__PURE__ */ jsx3(MuiTabList, {
+    ...rest,
+    disableRipple: true,
+    disableTouchRipple: true,
+    orientation: "horizontal",
+    centered: false,
+    children
+  });
+};
+
+// src/lib/TabPanel.tsx
+import { TabPanel as MuiTabPanel } from "@mui/lab";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var TabPanel = ({ children, ...rest }) => {
+  return /* @__PURE__ */ jsx4(MuiTabPanel, {
+    ...rest,
+    children
+  });
+};
+
 // src/lib/Tabs.tsx
 import { Tabs as MuiTabs } from "@mui/material";
-import { jsx } from "react/jsx-runtime";
+import { jsx as jsx5 } from "react/jsx-runtime";
 var Tabs = ({ children, ...rest }) => {
-  return /* @__PURE__ */ jsx(MuiTabs, {
+  return /* @__PURE__ */ jsx5(MuiTabs, {
     ...rest,
     disableRipple: true,
     disableTouchRipple: true,
@@ -12,5 +58,9 @@ var Tabs = ({ children, ...rest }) => {
   });
 };
 export {
+  Tab,
+  TabContext,
+  TabList,
+  TabPanel,
   Tabs
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@availity/mui-tabs",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "description": "Availity MUI Tabs Component - part of the @availity/element design system",
   "keywords": [
     "react",
@@ -36,7 +36,7 @@
     "@mui/lab": "^5.0.0-alpha.121"
   },
   "devDependencies": {
-    "@availity/mui-divider": "^0.3.0",
+    "@availity/mui-divider": "^0.3.1",
     "@mui/material": "^5.11.9",
     "react": "18.2.0",
     "react-dom": "18.2.0",

package/project.json

@@ -37,5 +37,6 @@
         "tagPrefix": "@availity/${projectName}@"
       }
     }
-  }
+  },
+  "trackDeps": true
 }

package/src/index.ts

@@ -1 +1,5 @@
+export * from './lib/Tab';
+export * from './lib/TabContext';
+export * from './lib/TabList';
+export * from './lib/TabPanel';
 export * from './lib/Tabs';