@jamsrui/tabs 0.0.2

package/dist/styles.d.ts

@@ -0,0 +1,354 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from '@jamsrui/utils';
+
+declare const test = "";
+declare const tabsVariant: tailwind_variants.TVReturnType<{
+    variant: {
+        solid: {
+            cursor: string;
+        };
+        light: {
+            tabList: string;
+            cursor: string;
+        };
+        underlined: {
+            tabList: string;
+            cursor: string;
+        };
+        bordered: {
+            tabList: string;
+            cursor: string;
+        };
+    };
+    color: {
+        default: {};
+        primary: {};
+        secondary: {};
+        success: {};
+        warning: {};
+        danger: {};
+    };
+    size: {
+        sm: {
+            tabList: string;
+            tab: string;
+            cursor: string;
+        };
+        md: {
+            tabList: string;
+            tab: string;
+            cursor: string;
+        };
+        lg: {
+            tabList: string;
+            tab: string;
+            cursor: string;
+        };
+    };
+    radius: {
+        none: {
+            tabList: string;
+            tab: string;
+            cursor: string;
+        };
+        sm: {
+            tabList: string;
+            tab: string;
+            cursor: string;
+        };
+        md: {
+            tabList: string;
+            tab: string;
+            cursor: string;
+        };
+        lg: {
+            tabList: string;
+            tab: string;
+            cursor: string;
+        };
+        xl: {
+            tabList: string;
+            tab: string;
+            cursor: string;
+        };
+        full: {
+            tabList: string;
+            tab: string;
+            cursor: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            root: string;
+            tabList: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            tabList: string;
+        };
+    };
+    disableAnimation: {
+        true: {
+            tab: string;
+            tabContent: string;
+        };
+    };
+    placement: {
+        top: {};
+        start: {
+            tabList: string;
+            panel: string;
+            root: string;
+        };
+        end: {
+            tabList: string;
+            panel: string;
+            root: string;
+        };
+        bottom: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    tabList: string[];
+    tab: string[];
+    tabContent: string[];
+    cursor: string[];
+    panel: string[];
+}, undefined, {
+    variant: {
+        solid: {
+            cursor: string;
+        };
+        light: {
+            tabList: string;
+            cursor: string;
+        };
+        underlined: {
+            tabList: string;
+            cursor: string;
+        };
+        bordered: {
+            tabList: string;
+            cursor: string;
+        };
+    };
+    color: {
+        default: {};
+        primary: {};
+        secondary: {};
+        success: {};
+        warning: {};
+        danger: {};
+    };
+    size: {
+        sm: {
+            tabList: string;
+            tab: string;
+            cursor: string;
+        };
+        md: {
+            tabList: string;
+            tab: string;
+            cursor: string;
+        };
+        lg: {
+            tabList: string;
+            tab: string;
+            cursor: string;
+        };
+    };
+    radius: {
+        none: {
+            tabList: string;
+            tab: string;
+            cursor: string;
+        };
+        sm: {
+            tabList: string;
+            tab: string;
+            cursor: string;
+        };
+        md: {
+            tabList: string;
+            tab: string;
+            cursor: string;
+        };
+        lg: {
+            tabList: string;
+            tab: string;
+            cursor: string;
+        };
+        xl: {
+            tabList: string;
+            tab: string;
+            cursor: string;
+        };
+        full: {
+            tabList: string;
+            tab: string;
+            cursor: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            root: string;
+            tabList: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            tabList: string;
+        };
+    };
+    disableAnimation: {
+        true: {
+            tab: string;
+            tabContent: string;
+        };
+    };
+    placement: {
+        top: {};
+        start: {
+            tabList: string;
+            panel: string;
+            root: string;
+        };
+        end: {
+            tabList: string;
+            panel: string;
+            root: string;
+        };
+        bottom: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    tabList: string[];
+    tab: string[];
+    tabContent: string[];
+    cursor: string[];
+    panel: string[];
+}, tailwind_variants.TVReturnType<{
+    variant: {
+        solid: {
+            cursor: string;
+        };
+        light: {
+            tabList: string;
+            cursor: string;
+        };
+        underlined: {
+            tabList: string;
+            cursor: string;
+        };
+        bordered: {
+            tabList: string;
+            cursor: string;
+        };
+    };
+    color: {
+        default: {};
+        primary: {};
+        secondary: {};
+        success: {};
+        warning: {};
+        danger: {};
+    };
+    size: {
+        sm: {
+            tabList: string;
+            tab: string;
+            cursor: string;
+        };
+        md: {
+            tabList: string;
+            tab: string;
+            cursor: string;
+        };
+        lg: {
+            tabList: string;
+            tab: string;
+            cursor: string;
+        };
+    };
+    radius: {
+        none: {
+            tabList: string;
+            tab: string;
+            cursor: string;
+        };
+        sm: {
+            tabList: string;
+            tab: string;
+            cursor: string;
+        };
+        md: {
+            tabList: string;
+            tab: string;
+            cursor: string;
+        };
+        lg: {
+            tabList: string;
+            tab: string;
+            cursor: string;
+        };
+        xl: {
+            tabList: string;
+            tab: string;
+            cursor: string;
+        };
+        full: {
+            tabList: string;
+            tab: string;
+            cursor: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            root: string;
+            tabList: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            tabList: string;
+        };
+    };
+    disableAnimation: {
+        true: {
+            tab: string;
+            tabContent: string;
+        };
+    };
+    placement: {
+        top: {};
+        start: {
+            tabList: string;
+            panel: string;
+            root: string;
+        };
+        end: {
+            tabList: string;
+            panel: string;
+            root: string;
+        };
+        bottom: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    tabList: string[];
+    tab: string[];
+    tabContent: string[];
+    cursor: string[];
+    panel: string[];
+}, undefined, unknown, unknown, undefined>>;
+type TabVariants = VariantProps<typeof tabsVariant>;
+type TabsSlots = keyof ReturnType<typeof tabsVariant>;
+
+export { type TabVariants, type TabsSlots, tabsVariant, test };

package/dist/styles.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkF2MW2JWYjs = require('./chunk-F2MW2JWY.js');exports.tabsVariant = _chunkF2MW2JWYjs.b; exports.test = _chunkF2MW2JWYjs.a;

package/dist/styles.mjs

@@ -0,0 +1 @@
+import{a,b}from"./chunk-TRBHSJNP.mjs";export{b as tabsVariant,a as test};

package/dist/tab-content.d.mts

@@ -0,0 +1,10 @@
+import * as react from 'react';
+import { UIProps } from '@jamsrui/utils';
+
+declare const TabContent: (props: TabContent.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+declare namespace TabContent {
+    interface Props extends UIProps<"div"> {
+    }
+}
+
+export { TabContent };

package/dist/tab-content.d.ts

@@ -0,0 +1,10 @@
+import * as react from 'react';
+import { UIProps } from '@jamsrui/utils';
+
+declare const TabContent: (props: TabContent.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+declare namespace TabContent {
+    interface Props extends UIProps<"div"> {
+    }
+}
+
+export { TabContent };

package/dist/tab-content.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkN3NSYOEOjs = require('./chunk-N3NSYOEO.js');require('./chunk-JD2IVPH7.js');exports.TabContent = _chunkN3NSYOEOjs.a;

package/dist/tab-content.mjs

@@ -0,0 +1 @@
+import{a}from"./chunk-HKWZIGYP.mjs";import"./chunk-M6FSPJQJ.mjs";export{a as TabContent};

package/dist/tab-cursor.d.mts

@@ -0,0 +1,10 @@
+import * as react from 'react';
+import { MotionProps } from 'motion/react';
+
+declare const TabCursor: (props: TabCursor.Props) => react.JSX.Element;
+declare namespace TabCursor {
+    interface Props extends MotionProps, Omit<React.HTMLAttributes<HTMLDivElement>, keyof MotionProps> {
+    }
+}
+
+export { TabCursor };

package/dist/tab-cursor.d.ts

@@ -0,0 +1,10 @@
+import * as react from 'react';
+import { MotionProps } from 'motion/react';
+
+declare const TabCursor: (props: TabCursor.Props) => react.JSX.Element;
+declare namespace TabCursor {
+    interface Props extends MotionProps, Omit<React.HTMLAttributes<HTMLDivElement>, keyof MotionProps> {
+    }
+}
+
+export { TabCursor };

package/dist/tab-cursor.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkF6Y2NK36js = require('./chunk-F6Y2NK36.js');require('./chunk-JD2IVPH7.js');exports.TabCursor = _chunkF6Y2NK36js.a;

package/dist/tab-cursor.mjs

@@ -0,0 +1 @@
+import{a}from"./chunk-H2J22QIW.mjs";import"./chunk-M6FSPJQJ.mjs";export{a as TabCursor};

package/dist/tab-list.d.mts

@@ -0,0 +1,10 @@
+import * as react from 'react';
+import { UIProps } from '@jamsrui/utils';
+
+declare const TabList: (props: TabList.Props) => react.JSX.Element;
+declare namespace TabList {
+    interface Props extends UIProps<"div"> {
+    }
+}
+
+export { TabList };

package/dist/tab-list.d.ts

@@ -0,0 +1,10 @@
+import * as react from 'react';
+import { UIProps } from '@jamsrui/utils';
+
+declare const TabList: (props: TabList.Props) => react.JSX.Element;
+declare namespace TabList {
+    interface Props extends UIProps<"div"> {
+    }
+}
+
+export { TabList };

package/dist/tab-list.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkAINPUFFZjs = require('./chunk-AINPUFFZ.js');require('./chunk-JD2IVPH7.js');exports.TabList = _chunkAINPUFFZjs.a;

package/dist/tab-list.mjs

@@ -0,0 +1 @@
+import{a}from"./chunk-TDBGUN6P.mjs";import"./chunk-M6FSPJQJ.mjs";export{a as TabList};

package/dist/tab-panel.d.mts

@@ -0,0 +1,10 @@
+import * as react from 'react';
+import { UIProps } from '@jamsrui/utils';
+
+declare const TabPanel: (props: TabPanel.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+declare namespace TabPanel {
+    interface Props extends UIProps<"div"> {
+    }
+}
+
+export { TabPanel };

package/dist/tab-panel.d.ts

@@ -0,0 +1,10 @@
+import * as react from 'react';
+import { UIProps } from '@jamsrui/utils';
+
+declare const TabPanel: (props: TabPanel.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+declare namespace TabPanel {
+    interface Props extends UIProps<"div"> {
+    }
+}
+
+export { TabPanel };

package/dist/tab-panel.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkM7SO3V45js = require('./chunk-M7SO3V45.js');require('./chunk-JD2IVPH7.js');exports.TabPanel = _chunkM7SO3V45js.a;

package/dist/tab-panel.mjs

@@ -0,0 +1 @@
+import{a}from"./chunk-MW5NNZLH.mjs";import"./chunk-M6FSPJQJ.mjs";export{a as TabPanel};

package/dist/tab.d.mts

@@ -0,0 +1,12 @@
+import * as react from 'react';
+import { UIProps } from '@jamsrui/utils';
+
+declare const Tab: (props: Tab.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+declare namespace Tab {
+    interface Props extends UIProps<"button"> {
+        value: string;
+        heading: React.ReactNode;
+    }
+}
+
+export { Tab };

package/dist/tab.d.ts

@@ -0,0 +1,12 @@
+import * as react from 'react';
+import { UIProps } from '@jamsrui/utils';
+
+declare const Tab: (props: Tab.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+declare namespace Tab {
+    interface Props extends UIProps<"button"> {
+        value: string;
+        heading: React.ReactNode;
+    }
+}
+
+export { Tab };

package/dist/tab.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkZHYKF7LWjs = require('./chunk-ZHYKF7LW.js');require('./chunk-LZE4JOJL.js');require('./chunk-N3NSYOEO.js');require('./chunk-F6Y2NK36.js');require('./chunk-JD2IVPH7.js');exports.Tab = _chunkZHYKF7LWjs.a;

package/dist/tab.mjs

@@ -0,0 +1 @@
+import{a}from"./chunk-SHPORD5U.mjs";import"./chunk-LA2JMAFM.mjs";import"./chunk-HKWZIGYP.mjs";import"./chunk-H2J22QIW.mjs";import"./chunk-M6FSPJQJ.mjs";export{a as Tab};

package/dist/tabs-EQ-6Fm5A.d.ts

@@ -0,0 +1,44 @@
+import * as react from 'react';
+import { ReactElement } from 'react';
+import { PropGetter, UIProps, SlotsToClassNames } from '@jamsrui/utils';
+import { TabVariants, TabsSlots } from './styles.js';
+import { Tab } from './tab.js';
+import { TabContent } from './tab-content.js';
+import { TabCursor } from './tab-cursor.js';
+import { TabList } from './tab-list.js';
+import { TabPanel } from './tab-panel.js';
+
+declare const useTabs: (props: useTabs.Props) => {
+    getRootProps: PropGetter<Tabs.Props>;
+    getTabListProps: PropGetter<TabList.Props>;
+    getContentProps: PropGetter<TabContent.Props>;
+    getTabProps: PropGetter<Tab.Props>;
+    getCursorProps: PropGetter<TabCursor.Props>;
+    value: string;
+    setValue: react.Dispatch<react.SetStateAction<string>>;
+    selectedTabContent: ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+    getPanelProps: PropGetter<TabPanel.Props>;
+};
+declare namespace useTabs {
+    interface Props extends UIProps<"div">, TabVariants {
+        defaultValue?: string;
+        value?: string;
+        onValueChange?: (value: string) => void;
+        slotProps?: {
+            tab?: Tab.Props;
+            tabList?: TabList.Props;
+            tabContent?: TabContent.Props;
+            cursor?: TabCursor.Props;
+            tabPanel?: TabPanel.Props;
+        };
+        classNames?: SlotsToClassNames<TabsSlots>;
+    }
+}
+
+declare const Tabs: (props: Tabs.Props) => react.JSX.Element;
+declare namespace Tabs {
+    interface Props extends useTabs.Props {
+    }
+}
+
+export { Tabs as T, useTabs as u };

package/dist/tabs-config.d.mts

@@ -0,0 +1,23 @@
+import './tab.mjs';
+import { T as Tabs } from './tabs-mM3syrWk.mjs';
+import * as react from 'react';
+import { GlobalConfigProps } from '@jamsrui/core';
+import '@jamsrui/utils';
+import './styles.mjs';
+import 'tailwind-variants';
+import './tab-content.mjs';
+import './tab-cursor.mjs';
+import 'motion/react';
+import './tab-list.mjs';
+import './tab-panel.mjs';
+
+declare const useTabsConfig: () => TabsConfig.Props;
+declare const TabsConfig: (props: TabsConfig.Props & {
+    merge?: boolean;
+}) => react.JSX.Element;
+declare namespace TabsConfig {
+    interface Props extends Tabs.Props, GlobalConfigProps<Tabs.Props> {
+    }
+}
+
+export { TabsConfig, useTabsConfig };

package/dist/tabs-config.d.ts

@@ -0,0 +1,23 @@
+import './tab.js';
+import { T as Tabs } from './tabs-EQ-6Fm5A.js';
+import * as react from 'react';
+import { GlobalConfigProps } from '@jamsrui/core';
+import '@jamsrui/utils';
+import './styles.js';
+import 'tailwind-variants';
+import './tab-content.js';
+import './tab-cursor.js';
+import 'motion/react';
+import './tab-list.js';
+import './tab-panel.js';
+
+declare const useTabsConfig: () => TabsConfig.Props;
+declare const TabsConfig: (props: TabsConfig.Props & {
+    merge?: boolean;
+}) => react.JSX.Element;
+declare namespace TabsConfig {
+    interface Props extends Tabs.Props, GlobalConfigProps<Tabs.Props> {
+    }
+}
+
+export { TabsConfig, useTabsConfig };

package/dist/tabs-config.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkWSW5NKGCjs = require('./chunk-WSW5NKGC.js');exports.TabsConfig = _chunkWSW5NKGCjs.a; exports.useTabsConfig = _chunkWSW5NKGCjs.b;

package/dist/tabs-config.mjs

@@ -0,0 +1 @@
+import{a,b}from"./chunk-MUQ2LZD2.mjs";export{a as TabsConfig,b as useTabsConfig};

package/dist/tabs-context.d.mts

@@ -0,0 +1,20 @@
+import * as react from 'react';
+import { u as useTabs } from './tabs-mM3syrWk.mjs';
+import '@jamsrui/utils';
+import './styles.mjs';
+import 'tailwind-variants';
+import './tab.mjs';
+import './tab-content.mjs';
+import './tab-cursor.mjs';
+import 'motion/react';
+import './tab-list.mjs';
+import './tab-panel.mjs';
+
+declare const useTabsContext: () => TabsContext.Type;
+declare const TabsContext: react.Context<TabsContext.Type | null>;
+declare namespace TabsContext {
+    interface Type extends ReturnType<typeof useTabs> {
+    }
+}
+
+export { TabsContext, useTabsContext };

package/dist/tabs-context.d.ts

@@ -0,0 +1,20 @@
+import * as react from 'react';
+import { u as useTabs } from './tabs-EQ-6Fm5A.js';
+import '@jamsrui/utils';
+import './styles.js';
+import 'tailwind-variants';
+import './tab.js';
+import './tab-content.js';
+import './tab-cursor.js';
+import 'motion/react';
+import './tab-list.js';
+import './tab-panel.js';
+
+declare const useTabsContext: () => TabsContext.Type;
+declare const TabsContext: react.Context<TabsContext.Type | null>;
+declare namespace TabsContext {
+    interface Type extends ReturnType<typeof useTabs> {
+    }
+}
+
+export { TabsContext, useTabsContext };

package/dist/tabs-context.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkJD2IVPH7js = require('./chunk-JD2IVPH7.js');exports.TabsContext = _chunkJD2IVPH7js.a; exports.useTabsContext = _chunkJD2IVPH7js.b;

package/dist/tabs-context.mjs

@@ -0,0 +1 @@
+import{a,b}from"./chunk-M6FSPJQJ.mjs";export{a as TabsContext,b as useTabsContext};