@jamsrui/tabs 0.0.16 → 0.0.18

package/dist/index.d.mts

@@ -5,18 +5,33 @@ 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 { TabsConfig } from './tabs-config.mjs';
+export { useTabsConfig } from './tabs-config.mjs';
+export { TabsContext, useTabsContext } from './tabs-context.mjs';
+export { TabsSlots, TabsVariants, tabsVariant } from './styles.mjs';
 import '@jamsrui/utils';
 import 'motion/react';
-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;
 };
+declare namespace Tabs {
+    interface Props extends Tabs$1.Props {
+    }
+    interface Config extends TabsConfig.Props {
+    }
+    interface List extends TabList.Props {
+    }
+    interface Tab extends Tab.Props {
+    }
+    interface Panel extends TabPanel.Props {
+    }
+    interface Indicator extends TabIndicator.Props {
+    }
+}
 
-export { Tab, TabIndicator, TabList, TabPanel, Tabs };
+export { type Tab, TabIndicator, TabList, TabPanel, Tabs, TabsConfig };

package/dist/index.mjs

@@ -1 +1 @@
-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};
+import{Tab as t}from"./tab.mjs";import{TabIndicator as a}from"./tab-indicator.mjs";import{TabList as o}from"./tab-list.mjs";import{TabPanel as e}from"./tab-panel.mjs";import{Tabs as r}from"./tabs.mjs";import{TabsConfig as s,useTabsConfig as n}from"./tabs-config.mjs";import{TabsContext as i,useTabsContext as p}from"./tabs-context.mjs";import{tabsVariant as b}from"./styles.mjs";const I=Object.assign(r,{List:o,Tab:t,Panel:e,Indicator:a});export{t as Tab,a as TabIndicator,o as TabList,e as TabPanel,I as Tabs,s as TabsConfig,i as TabsContext,b as tabsVariant,n as useTabsConfig,p as useTabsContext};

package/dist/tab-context.mjs

@@ -1 +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};
+"use client";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/tabs-config.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { GlobalConfigProps } from '@jamsrui/core';
+import { WithGlobalConfig } from '@jamsrui/core';
 import { T as Tabs } from './tabs-DgVVpbTS.mjs';
 import 'react';
 import '@jamsrui/utils';
@@ -16,7 +16,7 @@ declare const TabsConfig: (props: Omit<Partial<TabsConfig.Props>, "children"> &
     children: React.ReactNode;
 }) => react_jsx_runtime.JSX.Element;
 declare namespace TabsConfig {
-    interface Props extends Tabs.Props, GlobalConfigProps<Tabs.Props> {
+    interface Props extends WithGlobalConfig<Tabs.Props> {
     }
 }
 

package/dist/tabs-config.mjs

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

package/dist/tabs-context.mjs

@@ -1 +1 @@
-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};
+"use client";import{createContext as t,use as s}from"react";const o=t(null),r=()=>{const e=s(o);if(!e)throw new Error("useTabsContext must be used within a TabsContext");return e};export{o as TabsContext,r as useTabsContext};

package/dist/tabs.mjs

@@ -1 +1 @@
-"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};
+"use client";import{jsx as b}from"react/jsx-runtime";import{useRenderElement as p}from"@jamsrui/hooks";import{mergeConfigProps as a}from"@jamsrui/utils";import{tabsVariant as m}from"./styles.mjs";import{useTabsConfig as i}from"./tabs-config.mjs";import{TabsContext as f}from"./tabs-context.mjs";import{useTabs as c}from"./use-tabs.mjs";const l=e=>{const r=i(),t=a(m.defaultVariants,r,e),o=c(t),{getRootProps:s}=o,n=p("div",{props:[s({})]});return b(f,{value:o,children:n})};export{l as Tabs};

package/dist/use-tab.mjs

@@ -1 +1 @@
-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};
+"use client";import{useCallback as u,useMemo as n}from"react";import{useTabsContext as c}from"./tabs-context.mjs";const p=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{p as useTab};

package/dist/use-tabs.mjs

@@ -1 +1 @@
-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};
+"use client";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}),n=e(()=>({...o,"data-slot":s("root"),"data-component":s("tabs"),className:t.root({className:o.className}),children:g}),[o,t]),p=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:n,getTabListProps:p,getTabProps:i,getIndicatorProps:m,value:r,setValue:l,getPanelProps:c}),[m,c,n,p,i,l,r])};export{x as useTabs};

package/package.json

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