@homebound/beam 2.80.6 → 2.80.7

package/dist/components/Tabs.d.ts

@@ -7,7 +7,6 @@ export interface Tab<V extends string = string> {
     icon?: IconKey;
     endAdornment?: ReactNode;
     disabled?: boolean;
-    render: () => ReactNode;
 }
 declare type TabsContentXss = Xss<Margin>;
 export interface TabsProps<V extends string, X> {
@@ -25,6 +24,18 @@ export interface RouteTab<V extends string = string> extends Omit<Tab<V>, "value
     href: V;
     path: string | string[];
 }
+export interface TabWithContent<V extends string = string> extends Omit<Tab<V>, "render"> {
+    render: () => ReactNode;
+}
+export interface RouteTabWithContent<V extends string = string> extends Omit<RouteTab<V>, "render"> {
+    render: () => ReactNode;
+}
+interface RequiredRenderTabs<V extends string, X> extends Omit<TabsProps<V, X>, "tabs"> {
+    tabs: TabWithContent<V>[];
+}
+interface RequiredRenderRouteTabs<V extends string, X> extends Omit<RouteTabsProps<V, X>, "tabs"> {
+    tabs: RouteTabWithContent<V>[];
+}
 /**
  * Provides a list of tabs and their content.
  *
@@ -34,8 +45,8 @@ export interface RouteTab<V extends string = string> extends Omit<Tab<V>, "value
  * If you want to tease apart Tabs from their TabContent, you can use the `Tab`
  * and `TabContent` components directly.
  */
-export declare function TabsWithContent<V extends string, X extends Only<TabsContentXss, X>>(props: TabsProps<V, X> | RouteTabsProps<V, X>): import("@emotion/react/jsx-runtime").JSX.Element;
-export declare function TabContent<V extends string>(props: Omit<TabsProps<V, {}>, "onChange"> | RouteTabsProps<V, {}>): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function TabsWithContent<V extends string, X extends Only<TabsContentXss, X>>(props: RequiredRenderTabs<V, X> | RequiredRenderRouteTabs<V, X>): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function TabContent<V extends string>(props: Omit<RequiredRenderTabs<V, {}>, "onChange"> | RequiredRenderRouteTabs<V, {}>): import("@emotion/react/jsx-runtime").JSX.Element;
 /** The top list of tabs. */
 export declare function Tabs<V extends string>(props: TabsProps<V, {}> | RouteTabsProps<V, {}>): import("@emotion/react/jsx-runtime").JSX.Element;
 export declare function getTabStyles(): {

package/dist/components/testData.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from "react";
-import { Tab } from "./Tabs";
+import { TabWithContent } from "./Tabs";
 export declare type TabValue = "tab1" | "tab2" | "tab3" | "tab4";
-export declare const testTabs: Tab<TabValue>[];
+export declare const testTabs: TabWithContent<TabValue>[];
 export declare function TestTabContent({ content }: {
     content: ReactNode;
 }): import("@emotion/react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homebound/beam",
-  "version": "2.80.6",
+  "version": "2.80.7",
   "author": "Homebound",
   "license": "MIT",
   "main": "dist/index.js",