@jamsrui/tabs 0.0.12 → 0.0.14

package/dist/index.d.mts

@@ -1,13 +1,22 @@
-export { Tab } from './tab.mjs';
-export { T as Tabs } from './tabs-BlJagjtc.mjs';
+import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Tab } from './tab.mjs';
+import { TabIndicator } from './tab-indicator.mjs';
+import { TabList } from './tab-list.mjs';
+import { TabPanel } from './tab-panel.mjs';
+import { T as Tabs$1 } from './tabs-DgVVpbTS.mjs';
 export { TabsConfig, useTabsConfig } from './tabs-config.mjs';
-import 'react';
 import '@jamsrui/utils';
-import 'react/jsx-runtime';
-import './styles.mjs';
-import './tab-content.mjs';
-import './tab-cursor.mjs';
 import 'motion/react';
-import './tab-list.mjs';
-import './tab-panel.mjs';
+import './styles.mjs';
 import '@jamsrui/core';
+
+declare const Tabs: ((props: Tabs$1.Props) => react_jsx_runtime.JSX.Element) & {
+    Root: (props: Tabs$1.Props) => react_jsx_runtime.JSX.Element;
+    List: (props: TabList.Props) => react_jsx_runtime.JSX.Element;
+    Tab: (props: Tab.Props) => react_jsx_runtime.JSX.Element;
+    Panel: (props: TabPanel.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | null;
+    Indicator: (props: TabIndicator.Props) => react_jsx_runtime.JSX.Element | null;
+};
+
+export { Tab, TabIndicator, TabList, TabPanel, Tabs };

package/dist/index.mjs

@@ -1 +1 @@
-"use client";import{a as f}from"./chunk-HEQQLVV2.mjs";import"./chunk-A4TFE4ZB.mjs";import"./chunk-NMCFI34B.mjs";import"./chunk-H3BKXKOX.mjs";import"./chunk-MW5NNZLH.mjs";import{a as o}from"./chunk-ADOEZWRQ.mjs";import"./chunk-LA2JMAFM.mjs";import"./chunk-HKWZIGYP.mjs";import"./chunk-KOJBJNDN.mjs";import"./chunk-M6FSPJQJ.mjs";import{a as e,b as r}from"./chunk-MUQ2LZD2.mjs";export{o as Tab,f as Tabs,e as TabsConfig,r as useTabsConfig};
+import{Tab as o}from"./tab.mjs";import{TabIndicator as a}from"./tab-indicator.mjs";import{TabList as r}from"./tab-list.mjs";import{TabPanel as t}from"./tab-panel.mjs";import{Tabs as i}from"./tabs.mjs";import{TabsConfig as c,useTabsConfig as g}from"./tabs-config.mjs";const n=Object.assign(i,{Root:i,List:r,Tab:o,Panel:t,Indicator:a});export{o as Tab,a as TabIndicator,r as TabList,t as TabPanel,n as Tabs,c as TabsConfig,g as useTabsConfig};

package/dist/styles.d.mts

@@ -4,19 +4,20 @@ import { VariantProps } from '@jamsrui/utils';
 declare const tabsVariant: _jamsrui_utils.TVReturnType<{
     variant: {
         solid: {
-            cursor: string;
+            list: string;
+            indicator: string;
         };
         light: {
-            tabList: string;
-            cursor: string;
+            list: string;
+            indicator: string;
         };
         underlined: {
-            tabList: string;
-            cursor: string;
+            list: string;
+            indicator: string;
         };
         bordered: {
-            tabList: string;
-            cursor: string;
+            list: string;
+            indicator: string;
         };
     };
     color: {
@@ -29,62 +30,57 @@ declare const tabsVariant: _jamsrui_utils.TVReturnType<{
     };
     size: {
         sm: {
-            tabList: string;
+            list: string;
             tab: string;
-            cursor: string;
+            indicator: string;
         };
         md: {
-            tabList: string;
+            list: string;
             tab: string;
-            cursor: string;
+            indicator: string;
         };
         lg: {
-            tabList: string;
+            list: string;
             tab: string;
-            cursor: string;
+            indicator: string;
         };
     };
     radius: {
         none: {
-            tabList: string;
+            list: string;
             tab: string;
-            cursor: string;
+            indicator: string;
         };
         sm: {
-            tabList: string;
+            list: string;
             tab: string;
-            cursor: string;
+            indicator: string;
         };
         md: {
-            tabList: string;
+            list: string;
             tab: string;
-            cursor: string;
+            indicator: string;
         };
         lg: {
-            tabList: string;
+            list: string;
             tab: string;
-            cursor: string;
+            indicator: string;
         };
         xl: {
-            tabList: string;
+            list: string;
             tab: string;
-            cursor: string;
+            indicator: string;
         };
         full: {
-            tabList: string;
+            list: string;
             tab: string;
-            cursor: string;
+            indicator: string;
         };
     };
     fullWidth: {
         true: {
             root: string;
-            tabList: string;
-        };
-    };
-    isDisabled: {
-        true: {
-            tabList: string;
+            list: string;
         };
     };
     disableAnimation: {
@@ -93,45 +89,29 @@ declare const tabsVariant: _jamsrui_utils.TVReturnType<{
             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[];
+    list: string[];
     tab: string[];
-    tabContent: string[];
-    cursor: string[];
+    indicator: string[];
     panel: string[];
 }, undefined, {
     variant: {
         solid: {
-            cursor: string;
+            list: string;
+            indicator: string;
         };
         light: {
-            tabList: string;
-            cursor: string;
+            list: string;
+            indicator: string;
         };
         underlined: {
-            tabList: string;
-            cursor: string;
+            list: string;
+            indicator: string;
         };
         bordered: {
-            tabList: string;
-            cursor: string;
+            list: string;
+            indicator: string;
         };
     };
     color: {
@@ -144,62 +124,57 @@ declare const tabsVariant: _jamsrui_utils.TVReturnType<{
     };
     size: {
         sm: {
-            tabList: string;
+            list: string;
             tab: string;
-            cursor: string;
+            indicator: string;
         };
         md: {
-            tabList: string;
+            list: string;
             tab: string;
-            cursor: string;
+            indicator: string;
         };
         lg: {
-            tabList: string;
+            list: string;
             tab: string;
-            cursor: string;
+            indicator: string;
         };
     };
     radius: {
         none: {
-            tabList: string;
+            list: string;
             tab: string;
-            cursor: string;
+            indicator: string;
         };
         sm: {
-            tabList: string;
+            list: string;
             tab: string;
-            cursor: string;
+            indicator: string;
         };
         md: {
-            tabList: string;
+            list: string;
             tab: string;
-            cursor: string;
+            indicator: string;
         };
         lg: {
-            tabList: string;
+            list: string;
             tab: string;
-            cursor: string;
+            indicator: string;
         };
         xl: {
-            tabList: string;
+            list: string;
             tab: string;
-            cursor: string;
+            indicator: string;
         };
         full: {
-            tabList: string;
+            list: string;
             tab: string;
-            cursor: string;
+            indicator: string;
         };
     };
     fullWidth: {
         true: {
             root: string;
-            tabList: string;
-        };
-    };
-    isDisabled: {
-        true: {
-            tabList: string;
+            list: string;
         };
     };
     disableAnimation: {
@@ -208,45 +183,29 @@ declare const tabsVariant: _jamsrui_utils.TVReturnType<{
             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[];
+    list: string[];
     tab: string[];
-    tabContent: string[];
-    cursor: string[];
+    indicator: string[];
     panel: string[];
 }, _jamsrui_utils.TVReturnType<{
     variant: {
         solid: {
-            cursor: string;
+            list: string;
+            indicator: string;
         };
         light: {
-            tabList: string;
-            cursor: string;
+            list: string;
+            indicator: string;
         };
         underlined: {
-            tabList: string;
-            cursor: string;
+            list: string;
+            indicator: string;
         };
         bordered: {
-            tabList: string;
-            cursor: string;
+            list: string;
+            indicator: string;
         };
     };
     color: {
@@ -259,62 +218,57 @@ declare const tabsVariant: _jamsrui_utils.TVReturnType<{
     };
     size: {
         sm: {
-            tabList: string;
+            list: string;
             tab: string;
-            cursor: string;
+            indicator: string;
         };
         md: {
-            tabList: string;
+            list: string;
             tab: string;
-            cursor: string;
+            indicator: string;
         };
         lg: {
-            tabList: string;
+            list: string;
             tab: string;
-            cursor: string;
+            indicator: string;
         };
     };
     radius: {
         none: {
-            tabList: string;
+            list: string;
             tab: string;
-            cursor: string;
+            indicator: string;
         };
         sm: {
-            tabList: string;
+            list: string;
             tab: string;
-            cursor: string;
+            indicator: string;
         };
         md: {
-            tabList: string;
+            list: string;
             tab: string;
-            cursor: string;
+            indicator: string;
         };
         lg: {
-            tabList: string;
+            list: string;
             tab: string;
-            cursor: string;
+            indicator: string;
         };
         xl: {
-            tabList: string;
+            list: string;
             tab: string;
-            cursor: string;
+            indicator: string;
         };
         full: {
-            tabList: string;
+            list: string;
             tab: string;
-            cursor: string;
+            indicator: string;
         };
     };
     fullWidth: {
         true: {
             root: string;
-            tabList: string;
-        };
-    };
-    isDisabled: {
-        true: {
-            tabList: string;
+            list: string;
         };
     };
     disableAnimation: {
@@ -323,31 +277,14 @@ declare const tabsVariant: _jamsrui_utils.TVReturnType<{
             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[];
+    list: string[];
     tab: string[];
-    tabContent: string[];
-    cursor: string[];
+    indicator: string[];
     panel: string[];
 }, undefined, unknown, unknown, undefined>>;
-type TabVariants = VariantProps<typeof tabsVariant>;
+type TabsVariants = VariantProps<typeof tabsVariant>;
 type TabsSlots = keyof ReturnType<typeof tabsVariant>;
 
-export { type TabVariants, type TabsSlots, tabsVariant };
+export { type TabsSlots, type TabsVariants, tabsVariant };

package/dist/styles.mjs

@@ -1 +1 @@
-import{a}from"./chunk-NMCFI34B.mjs";export{a as tabsVariant};
+import{colorVariants as e,dataFocusVisibleClasses as t,focusVisibleClasses as r,tv as a}from"@jamsrui/utils";const o=a({slots:{root:"",list:["inline-flex","p-1","h-fit","gap-2","items-center","flex-nowrap","overflow-x-auto","scrollbar-hide","max-w-full overflow-auto"],tab:["z-0 text-foreground-secondary","w-full","px-3","py-1","flex flex-row items-center justify-center gap-2","relative","outline-none","cursor-default","transition-opacity","tap-highlight-transparent","disabled:cursor-not-allowed","disabled:opacity-30","data-selected:text-foreground",...r],indicator:["absolute","-z-1","bg-white"],panel:["py-3","px-1","outline-none",...t]},variants:{variant:{solid:{list:"bg-background-secondary",indicator:"inset-0"},light:{list:"bg-transparent",indicator:"inset-0"},underlined:{list:"bg-transparent",indicator:"bottom-0 h-[2px] w-4/5 shadow-[0_1px_0px_0_rgba(0,0,0,0.05)]"},bordered:{list:"border border-divider bg-transparent shadow-sm",indicator:"inset-0"}},color:{default:{},primary:{},secondary:{},success:{},warning:{},danger:{}},size:{sm:{list:"rounded-xl",tab:"h-7 rounded text-xs",indicator:"rounded"},md:{list:"rounded-xl",tab:"h-8 rounded text-sm",indicator:"rounded-md"},lg:{list:"rounded-lg",tab:"h-9 rounded-xl text-base",indicator:"rounded-xl"}},radius:{none:{list:"rounded-none",tab:"rounded-none",indicator:"rounded-none"},sm:{list:"rounded",tab:"rounded",indicator:"rounded"},md:{list:"rounded-md",tab:"rounded-md",indicator:"rounded-md"},lg:{list:"rounded-lg",tab:"rounded-lg",indicator:"rounded-lg"},xl:{list:"rounded-xl",tab:"rounded-xl",indicator:"rounded-xl"},full:{list:"rounded-full",tab:"rounded-full",indicator:"rounded-full"}},fullWidth:{true:{root:"w-full",list:"w-full"}},disableAnimation:{true:{tab:"transition-none",tabContent:"transition-none"}}},compoundVariants:[{variant:["solid","bordered","light"],color:"default",className:{indicator:["bg-background","dark:bg-default","shadow-sm"],tabContent:"uig-selected:text-default-foreground"}},{variant:["solid","bordered","light"],color:"primary",className:{indicator:e.solid.primary,tabContent:"uig-selected:text-primary-foreground"}},{variant:["solid","bordered","light"],color:"secondary",className:{indicator:e.solid.secondary,tabContent:"uig-selected:text-secondary-foreground"}},{variant:["solid","bordered","light"],color:"success",className:{indicator:e.solid.success,tabContent:"uig-selected:text-success-foreground"}},{variant:["solid","bordered","light"],color:"warning",className:{indicator:e.solid.warning,tabContent:"uig-selected:text-warning-foreground"}},{variant:["solid","bordered","light"],color:"danger",className:{indicator:e.solid.danger,tabContent:"uig-selected:text-danger-foreground"}},{variant:"underlined",color:"default",className:{indicator:"bg-foreground",tabContent:"uig-selected:text-foreground"}},{variant:"underlined",color:"primary",className:{indicator:"bg-primary",tabContent:"uig-selected:text-primary"}},{variant:"underlined",color:"secondary",className:{indicator:"bg-secondary",tabContent:"uig-selected:text-secondary"}},{variant:"underlined",color:"success",className:{indicator:"bg-success",tabContent:"uig-selected:text-success"}},{variant:"underlined",color:"warning",className:{indicator:"bg-warning",tabContent:"uig-selected:text-warning"}},{variant:"underlined",color:"danger",className:{indicator:"bg-danger",tabContent:"uig-selected:text-danger"}}],defaultVariants:{color:"default",variant:"solid",size:"md",fullWidth:!1}});export{o as tabsVariant};

package/dist/tab-context.d.mts

@@ -0,0 +1,11 @@
+import * as react from 'react';
+
+declare const useTabContext: () => TabContext.Type;
+declare const TabContext: react.Context<TabContext.Type | null>;
+declare namespace TabContext {
+    interface Type {
+        isActive: boolean;
+    }
+}
+
+export { TabContext, useTabContext };

package/dist/tab-context.mjs

@@ -0,0 +1 @@
+import{createContext as e,use as o}from"react";const n=e(null),a=()=>{const t=o(n);if(!t)throw new Error("useTabContext must be used within a TabContext");return t};export{n as TabContext,a as useTabContext};

package/dist/{tab-cursor.d.mts → tab-indicator.d.mts}

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

package/dist/tab-indicator.mjs

@@ -0,0 +1 @@
+"use client";import{jsx as s}from"react/jsx-runtime";import{motion as e}from"motion/react";import{useTabsContext as i}from"./tabs-context.mjs";import{useTabContext as n}from"./tab-context.mjs";const m=o=>{const{getIndicatorProps:t}=i(),{isActive:r}=n();return r?s(e.div,{...t(o)}):null};export{m as TabIndicator};

package/dist/tab-list.mjs

@@ -1 +1 @@
-import{a}from"./chunk-H3BKXKOX.mjs";import"./chunk-M6FSPJQJ.mjs";export{a as TabList};
+"use client";import{jsx as n}from"react/jsx-runtime";import{useId as s}from"react";import{useRenderElement as p}from"@jamsrui/hooks";import{LayoutGroup as i}from"motion/react";import{useTabsContext as m}from"./tabs-context.mjs";const f=o=>{const{getTabListProps:t}=m(),r=p("div",{props:[t(o)]}),e=s();return n(i,{id:e,children:r})};export{f as TabList};

package/dist/tab-panel.d.mts

@@ -1,9 +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 const TabPanel: (props: TabPanel.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | null;
 declare namespace TabPanel {
     interface Props extends UIProps<"div"> {
+        value: React.ReactNode;
     }
 }
 

package/dist/tab-panel.mjs

@@ -1 +1 @@
-import{a}from"./chunk-MW5NNZLH.mjs";import"./chunk-M6FSPJQJ.mjs";export{a as TabPanel};
+"use client";import{useRenderElement as s}from"@jamsrui/hooks";import{useTabsContext as l}from"./tabs-context.mjs";const c=e=>{const{value:t}=e,{getPanelProps:r,value:n}=l(),o=n===t,a=s("div",{props:[r(e),{}]});return o?a:null};export{c as TabPanel};

package/dist/tab.d.mts

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

package/dist/tab.mjs

@@ -1 +1 @@
-import{a}from"./chunk-ADOEZWRQ.mjs";import"./chunk-LA2JMAFM.mjs";import"./chunk-HKWZIGYP.mjs";import"./chunk-KOJBJNDN.mjs";import"./chunk-M6FSPJQJ.mjs";export{a as Tab};
+"use client";import{jsx as b}from"react/jsx-runtime";import{useRenderElement as p}from"@jamsrui/hooks";import{useTabsContext as m}from"./tabs-context.mjs";import{useTab as c}from"./use-tab.mjs";import{dataAttr as i}from"@jamsrui/utils";import{TabContext as l}from"./tab-context.mjs";const P=t=>{const{getTabProps:o}=m(),{value:r,...n}=o(t),{handleClick:s,isActive:e}=c({value:r}),a=p("button",{props:[n,{onClick:s,"data-selected":i(e)}]});return b(l,{value:{isActive:e},children:a})};export{P as Tab};

package/dist/{tabs-BlJagjtc.d.mts → tabs-DgVVpbTS.d.mts}

@@ -1,38 +1,27 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { ReactElement } from 'react';
-import { PropGetter, UIProps, SlotsToClassNames } from '@jamsrui/utils';
-import { TabVariants, TabsSlots } from './styles.mjs';
+import { PropGetter, UIProps } from '@jamsrui/utils';
+import { TabsVariants } from './styles.mjs';
 import { Tab } from './tab.mjs';
-import { TabContent } from './tab-content.mjs';
-import { TabCursor } from './tab-cursor.mjs';
+import { TabIndicator } from './tab-indicator.mjs';
 import { TabList } from './tab-list.mjs';
 import { TabPanel } from './tab-panel.mjs';
 
 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>;
+    getIndicatorProps: PropGetter<TabIndicator.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 {
+    interface Props extends UIProps<"div">, TabsVariants {
         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>;
+        disabled?: boolean;
     }
 }
 

package/dist/tabs-config.d.mts

@@ -1,12 +1,11 @@
-import './tab.mjs';
-import { T as Tabs } from './tabs-BlJagjtc.mjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { GlobalConfigProps } from '@jamsrui/core';
+import { T as Tabs } from './tabs-DgVVpbTS.mjs';
 import 'react';
 import '@jamsrui/utils';
 import './styles.mjs';
-import './tab-content.mjs';
-import './tab-cursor.mjs';
+import './tab.mjs';
+import './tab-indicator.mjs';
 import 'motion/react';
 import './tab-list.mjs';
 import './tab-panel.mjs';

package/dist/tabs-config.mjs

@@ -1 +1 @@
-import{a,b}from"./chunk-MUQ2LZD2.mjs";export{a as TabsConfig,b as useTabsConfig};
+"use client";import{createConfigContext as o}from"@jamsrui/utils";const[e,r]=o({displayName:"TabsConfig"});export{e as TabsConfig,r as useTabsConfig};

package/dist/tabs-context.d.mts

@@ -1,11 +1,10 @@
 import * as react from 'react';
-import { u as useTabs } from './tabs-BlJagjtc.mjs';
+import { u as useTabs } from './tabs-DgVVpbTS.mjs';
 import 'react/jsx-runtime';
 import '@jamsrui/utils';
 import './styles.mjs';
 import './tab.mjs';
-import './tab-content.mjs';
-import './tab-cursor.mjs';
+import './tab-indicator.mjs';
 import 'motion/react';
 import './tab-list.mjs';
 import './tab-panel.mjs';

package/dist/tabs-context.mjs

@@ -1 +1 @@
-import{a,b}from"./chunk-M6FSPJQJ.mjs";export{a as TabsContext,b as useTabsContext};
+import{createContext as t,use as o}from"react";const s=t(null),r=()=>{const e=o(s);if(!e)throw new Error("useTabsContext must be used within a TabsContext");return e};export{s as TabsContext,r as useTabsContext};

package/dist/tabs.d.mts

@@ -1,11 +1,10 @@
 import 'react/jsx-runtime';
-export { T as Tabs } from './tabs-BlJagjtc.mjs';
+export { T as Tabs } from './tabs-DgVVpbTS.mjs';
 import 'react';
 import '@jamsrui/utils';
 import './styles.mjs';
 import './tab.mjs';
-import './tab-content.mjs';
-import './tab-cursor.mjs';
+import './tab-indicator.mjs';
 import 'motion/react';
 import './tab-list.mjs';
 import './tab-panel.mjs';

package/dist/tabs.mjs

@@ -1 +1 @@
-import{a}from"./chunk-HEQQLVV2.mjs";import"./chunk-A4TFE4ZB.mjs";import"./chunk-NMCFI34B.mjs";import"./chunk-H3BKXKOX.mjs";import"./chunk-MW5NNZLH.mjs";import"./chunk-M6FSPJQJ.mjs";import"./chunk-MUQ2LZD2.mjs";export{a as Tabs};
+"use client";import{jsx as f}from"react/jsx-runtime";import{useRenderElement as p}from"@jamsrui/hooks";import{mergeConfigProps as m}from"@jamsrui/utils";import{useTabsConfig as a}from"./tabs-config.mjs";import{TabsContext as c}from"./tabs-context.mjs";import{useTabs as i}from"./use-tabs.mjs";const P=s=>{const o=a(),r=m(o,o,s),e=i(r),{getRootProps:t}=e,n=p("div",{props:[t({})]});return f(c,{value:e,children:n})};export{P as Tabs};

package/dist/use-tab.mjs

@@ -1 +1 @@
-import{a}from"./chunk-LA2JMAFM.mjs";import"./chunk-M6FSPJQJ.mjs";export{a as useTab};
+import{useCallback as u,useMemo as n}from"react";import{useTabsContext as c}from"./tabs-context.mjs";const i=o=>{const{value:e}=o,{value:r,setValue:s}=c(),t=u(()=>{s(e)},[s,e]),a=r===e;return n(()=>({isActive:a,handleClick:t}),[t,a])};export{i as useTab};

package/dist/use-tabs.d.mts

@@ -2,10 +2,9 @@ import 'react';
 import '@jamsrui/utils';
 import './styles.mjs';
 import './tab.mjs';
-import './tab-content.mjs';
-import './tab-cursor.mjs';
+import './tab-indicator.mjs';
 import './tab-list.mjs';
 import './tab-panel.mjs';
-export { u as useTabs } from './tabs-BlJagjtc.mjs';
+export { u as useTabs } from './tabs-DgVVpbTS.mjs';
 import 'react/jsx-runtime';
 import 'motion/react';

package/dist/use-tabs.mjs

@@ -1 +1 @@
-import{a}from"./chunk-A4TFE4ZB.mjs";import"./chunk-NMCFI34B.mjs";export{a as useTabs};
+import{useCallback as e,useMemo as y}from"react";import{useControlledState as V}from"@jamsrui/hooks";import{dataAttrDev as s,mapPropsVariants as v}from"@jamsrui/utils";import{tabsVariant as b}from"./styles.mjs";const x=P=>{const[d,u]=v(P,b.variantKeys),{defaultValue:T,value:f,onValueChange:N,children:g,...o}=d,t=b(u),[r,l]=V({defaultProp:T,onChange:N,prop:f}),p=e(()=>({...o,"data-slot":s("root"),"data-component":s("tabs"),className:t.root({className:o.className}),children:g}),[o,t]),n=e(a=>({...a,"data-slot":s("tab-list"),className:t.list({className:a.className})}),[t]),i=e(a=>({...a,"data-slot":s("tab"),className:t.tab({className:a.className})}),[t]),m=e(a=>({layoutId:"indicator",...a,"data-slot":s("indicator"),className:t.indicator({className:a.className})}),[t]),c=e(a=>({...a,"data-slot":s("tab-panel"),className:t.panel({className:a.className})}),[t]);return y(()=>({getRootProps:p,getTabListProps:n,getTabProps:i,getIndicatorProps:m,value:r,setValue:l,getPanelProps:c}),[m,c,p,n,i,l,r])};export{x as useTabs};

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@jamsrui/tabs",
-  "version": "0.0.12",
+  "version": "0.0.14",
   "peerDependencies": {
     "motion": ">=12",
     "react": ">=19"
   },
   "dependencies": {
-    "@jamsrui/hooks": "^0.0.12",
-    "@jamsrui/core": "^0.0.10",
-    "@jamsrui/utils": "^0.0.12"
+    "@jamsrui/core": "^0.0.12",
+    "@jamsrui/hooks": "^0.0.14",
+    "@jamsrui/utils": "^0.0.14"
   },
   "exports": {
     ".": {

package/dist/chunk-A4TFE4ZB.mjs

@@ -1 +0,0 @@
-import{a as c}from"./chunk-NMCFI34B.mjs";import{Children as E,isValidElement as S,useCallback as n,useMemo as g}from"react";import{useControlledState as x}from"@jamsrui/hooks";import{cn as l,dataAttrDev as r,mapPropsVariants as A,mergeProps as b}from"@jamsrui/utils";var K=L=>{let[V,v]=A(L,c.variantKeys),{defaultValue:G,value:h,onValueChange:R,slotProps:t,classNames:s,children:m,...o}=V,e=c(v),[p,P]=x({defaultProp:G,onChange:R,prop:h}),i=g(()=>{let a=E.toArray(m);return(p?a.find(y=>S(y)?y.props.value===p:null):a[0])?.props.children},[m,p]),u=n(()=>({...o,"data-slot":r("root"),"data-component":r("tabs"),className:e.root({className:l(s?.root,o.className)})}),[s?.root,o,e]),T=n(a=>({...b(t?.tabList,a),"data-slot":r("tab-list"),className:e.tabList({className:l(t?.tabList?.className,s?.tabList,o.className)})}),[s?.tabList,o.className,t?.tabList,e]),N=n(a=>({...b(t?.tabContent,a),"data-slot":r("tab-content"),className:e.tabContent({className:l(t?.tabContent?.className,s?.tabContent,o.className)})}),[s?.tabContent,o.className,t?.tabContent,e]),C=n(a=>({...b(t?.tab,a),"data-slot":r("tab"),className:e.tab({className:l(t?.tab?.className,s?.tab,a.className)})}),[s?.tab,t?.tab,e]),d=n(a=>({layoutId:"cursor",...b(t?.cursor,a),"data-slot":r("cursor"),className:e.cursor({className:l(t?.cursor?.className,s?.cursor,a.className)})}),[s?.cursor,t?.cursor,e]),f=n(a=>({...b(t?.tabContent,a),"data-slot":r("tab-panel"),className:e.panel({className:l(t?.tabPanel?.className,s?.panel,a.className)})}),[s?.panel,t?.tabContent,t?.tabPanel?.className,e]);return g(()=>({getRootProps:u,getTabListProps:T,getContentProps:N,getTabProps:C,getCursorProps:d,value:p,setValue:P,selectedTabContent:i,getPanelProps:f}),[N,d,f,u,T,C,i,P,p])};export{K as a};

package/dist/chunk-ADOEZWRQ.mjs

@@ -1 +0,0 @@
-import{a as r}from"./chunk-LA2JMAFM.mjs";import{a as o}from"./chunk-HKWZIGYP.mjs";import{a as t}from"./chunk-KOJBJNDN.mjs";import{b as e}from"./chunk-M6FSPJQJ.mjs";import{useRenderElement as l}from"@jamsrui/hooks";import{Fragment as b,jsx as n,jsxs as u}from"react/jsx-runtime";var v=s=>{let{getTabProps:p}=e(),{heading:a,value:m,...i}=p(s),{handleClick:c,isActive:d}=r({value:m});return l("button",{props:[i,{onClick:c},{children:u(b,{children:[n(o,{children:a}),!!d&&n(t,{})]})}]})};export{v as a};

package/dist/chunk-H3BKXKOX.mjs

@@ -1 +0,0 @@
-import{b as o}from"./chunk-M6FSPJQJ.mjs";import{useId as p}from"react";import{useRenderElement as i}from"@jamsrui/hooks";import{LayoutGroup as m}from"motion/react";import{jsx as n}from"react/jsx-runtime";var L=r=>{let{getTabListProps:t}=o(),e=i("div",{props:[t(r)]}),s=p();return n(m,{id:s,children:e})};export{L as a};

package/dist/chunk-HEQQLVV2.mjs

@@ -1 +0,0 @@
-import{a as i}from"./chunk-A4TFE4ZB.mjs";import{a as n}from"./chunk-H3BKXKOX.mjs";import{a as m}from"./chunk-MW5NNZLH.mjs";import{a as t}from"./chunk-M6FSPJQJ.mjs";import{b as p}from"./chunk-MUQ2LZD2.mjs";import{useRenderElement as d}from"@jamsrui/hooks";import{mergeConfigProps as l}from"@jamsrui/utils";import{Fragment as P,jsx as o,jsxs as g}from"react/jsx-runtime";var R=e=>{let{children:a}=e,r=p(),c=l(r,r,e),s=i(c),{getRootProps:b}=s,f=g(P,{children:[o(n,{children:a}),o(m,{})]}),T=d("div",{props:[b({}),{children:f}]});return o(t,{value:s,children:T})};export{R as a};

package/dist/chunk-HKWZIGYP.mjs

@@ -1 +0,0 @@
-import{b as e}from"./chunk-M6FSPJQJ.mjs";import{useRenderElement as o}from"@jamsrui/hooks";var m=t=>{let{getContentProps:r}=e();return o("div",{props:[r(t)]})};export{m as a};

package/dist/chunk-KOJBJNDN.mjs

@@ -1 +0,0 @@
-import{b as o}from"./chunk-M6FSPJQJ.mjs";import{motion as e}from"motion/react";import{jsx as s}from"react/jsx-runtime";var n=r=>{let{getCursorProps:t}=o();return s(e.div,{...t(r)})};export{n as a};

package/dist/chunk-LA2JMAFM.mjs

@@ -1 +0,0 @@
-import{b as o}from"./chunk-M6FSPJQJ.mjs";import{useCallback as n,useMemo as c}from"react";var i=r=>{let{value:e}=r,{value:u,setValue:s}=o(),t=n(()=>{s(e)},[s,e]),a=u===e;return c(()=>({isActive:a,handleClick:t}),[t,a])};export{i as a};

package/dist/chunk-M6FSPJQJ.mjs

@@ -1 +0,0 @@
-import{createContext as t,use as o}from"react";var s=t(null),r=()=>{let e=o(s);if(!e)throw new Error("useTabsContext must be used within a TabsContext");return e};export{s as a,r as b};

package/dist/chunk-MUQ2LZD2.mjs

@@ -1 +0,0 @@
-import{createConfigContext as o}from"@jamsrui/utils";var[r,a]=o({displayName:"TabsConfig"});export{r as a,a as b};

package/dist/chunk-MW5NNZLH.mjs

@@ -1 +0,0 @@
-import{b as e}from"./chunk-M6FSPJQJ.mjs";import{useRenderElement as o}from"@jamsrui/hooks";var m=r=>{let{getPanelProps:t,selectedTabContent:n}=e();return o("div",{props:[t(r),{children:n}]})};export{m as a};

package/dist/chunk-NMCFI34B.mjs

@@ -1 +0,0 @@
-import{colorVariants as e,dataFocusVisibleClasses as t,focusVisibleClasses as r,tv as o}from"@jamsrui/utils";var n=o({slots:{root:"",tabList:["inline-flex","p-1","h-fit","gap-2","items-center","flex-nowrap","overflow-x-auto","scrollbar-hide","bg-default-100","max-w-full overflow-auto"],tab:["z-0 text-default-500","w-full","px-3","py-1","flex flex-row items-center justify-center gap-2","group","relative","outline-none","cursor-pointer","transition-opacity","tap-highlight-transparent","ui-disabled:cursor-not-allowed","ui-disabled:opacity-30","ui-disabled:text-foreground",...r],tabContent:["relative","z-10","whitespace-nowrap","transition-colors","text-default-500","uig-selected:text-foreground","flex flex-row items-center justify-center gap-2"],cursor:["absolute","-z-1","bg-white"],panel:["py-3","px-1","outline-none","data-[inert=true]:hidden",...t]},variants:{variant:{solid:{cursor:"inset-0"},light:{tabList:"bg-transparent dark:bg-transparent",cursor:"inset-0"},underlined:{tabList:"bg-transparent dark:bg-transparent",cursor:"bottom-0 h-[2px] w-4/5 shadow-[0_1px_0px_0_rgba(0,0,0,0.05)]"},bordered:{tabList:"border-2 border-default-200 bg-transparent shadow-sm dark:bg-transparent",cursor:"inset-0"}},color:{default:{},primary:{},secondary:{},success:{},warning:{},danger:{}},size:{sm:{tabList:"rounded-xl",tab:"h-7 rounded text-xs",cursor:"rounded"},md:{tabList:"rounded-xl",tab:"h-8 rounded text-sm",cursor:"rounded-md"},lg:{tabList:"rounded-lg",tab:"h-9 rounded-xl text-base",cursor:"rounded-xl"}},radius:{none:{tabList:"rounded-none",tab:"rounded-none",cursor:"rounded-none"},sm:{tabList:"rounded",tab:"rounded",cursor:"rounded"},md:{tabList:"rounded-md",tab:"rounded-md",cursor:"rounded-md"},lg:{tabList:"rounded-lg",tab:"rounded-lg",cursor:"rounded-lg"},xl:{tabList:"rounded-xl",tab:"rounded-xl",cursor:"rounded-xl"},full:{tabList:"rounded-full",tab:"rounded-full",cursor:"rounded-full"}},fullWidth:{true:{root:"w-full",tabList:"w-full"}},isDisabled:{true:{tabList:"pointer-events-none opacity-disabled"}},disableAnimation:{true:{tab:"transition-none",tabContent:"transition-none"}},placement:{top:{},start:{tabList:"flex-col",panel:"px-3 py-0",root:"flex"},end:{tabList:"flex-col",panel:"px-3 py-0",root:"flex flex-row-reverse"},bottom:{root:"flex flex-col-reverse"}}},compoundVariants:[{variant:["solid","bordered","light"],color:"default",className:{cursor:["bg-background","dark:bg-default","shadow-sm"],tabContent:"uig-selected:text-default-foreground"}},{variant:["solid","bordered","light"],color:"primary",className:{cursor:e.solid.primary,tabContent:"uig-selected:text-primary-foreground"}},{variant:["solid","bordered","light"],color:"secondary",className:{cursor:e.solid.secondary,tabContent:"uig-selected:text-secondary-foreground"}},{variant:["solid","bordered","light"],color:"success",className:{cursor:e.solid.success,tabContent:"uig-selected:text-success-foreground"}},{variant:["solid","bordered","light"],color:"warning",className:{cursor:e.solid.warning,tabContent:"uig-selected:text-warning-foreground"}},{variant:["solid","bordered","light"],color:"danger",className:{cursor:e.solid.danger,tabContent:"uig-selected:text-danger-foreground"}},{variant:"underlined",color:"default",className:{cursor:"bg-foreground",tabContent:"uig-selected:text-foreground"}},{variant:"underlined",color:"primary",className:{cursor:"bg-primary",tabContent:"uig-selected:text-primary"}},{variant:"underlined",color:"secondary",className:{cursor:"bg-secondary",tabContent:"uig-selected:text-secondary"}},{variant:"underlined",color:"success",className:{cursor:"bg-success",tabContent:"uig-selected:text-success"}},{variant:"underlined",color:"warning",className:{cursor:"bg-warning",tabContent:"uig-selected:text-warning"}},{variant:"underlined",color:"danger",className:{cursor:"bg-danger",tabContent:"uig-selected:text-danger"}}],defaultVariants:{color:"default",variant:"solid",size:"md",fullWidth:!1,isDisabled:!1}});export{n as a};

package/dist/tab-content.d.mts

@@ -1,10 +0,0 @@
-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.mjs

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

package/dist/tab-cursor.mjs

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