@jamsrui/tabs 0.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +40 -0
- package/dist/chunk-AINPUFFZ.js +1 -0
- package/dist/chunk-F2MW2JWY.js +1 -0
- package/dist/chunk-F6Y2NK36.js +1 -0
- package/dist/chunk-H2J22QIW.mjs +1 -0
- package/dist/chunk-HKWZIGYP.mjs +1 -0
- package/dist/chunk-IPFSN6JS.mjs +1 -0
- package/dist/chunk-JD2IVPH7.js +1 -0
- package/dist/chunk-LA2JMAFM.mjs +1 -0
- package/dist/chunk-LZE4JOJL.js +1 -0
- package/dist/chunk-M6FSPJQJ.mjs +1 -0
- package/dist/chunk-M7SO3V45.js +1 -0
- package/dist/chunk-MUQ2LZD2.mjs +1 -0
- package/dist/chunk-MW5NNZLH.mjs +1 -0
- package/dist/chunk-N3NSYOEO.js +1 -0
- package/dist/chunk-QGZYGDSV.js +1 -0
- package/dist/chunk-SHPORD5U.mjs +1 -0
- package/dist/chunk-T3EL7W5Q.mjs +1 -0
- package/dist/chunk-TDBGUN6P.mjs +1 -0
- package/dist/chunk-TRBHSJNP.mjs +1 -0
- package/dist/chunk-WSW5NKGC.js +1 -0
- package/dist/chunk-YUBDMYXY.js +1 -0
- package/dist/chunk-ZHYKF7LW.js +1 -0
- package/dist/index.d.mts +13 -0
- package/dist/index.d.ts +13 -0
- package/dist/index.js +1 -0
- package/dist/index.mjs +1 -0
- package/dist/styles.d.mts +354 -0
- package/dist/styles.d.ts +354 -0
- package/dist/styles.js +1 -0
- package/dist/styles.mjs +1 -0
- package/dist/tab-content.d.mts +10 -0
- package/dist/tab-content.d.ts +10 -0
- package/dist/tab-content.js +1 -0
- package/dist/tab-content.mjs +1 -0
- package/dist/tab-cursor.d.mts +10 -0
- package/dist/tab-cursor.d.ts +10 -0
- package/dist/tab-cursor.js +1 -0
- package/dist/tab-cursor.mjs +1 -0
- package/dist/tab-list.d.mts +10 -0
- package/dist/tab-list.d.ts +10 -0
- package/dist/tab-list.js +1 -0
- package/dist/tab-list.mjs +1 -0
- package/dist/tab-panel.d.mts +10 -0
- package/dist/tab-panel.d.ts +10 -0
- package/dist/tab-panel.js +1 -0
- package/dist/tab-panel.mjs +1 -0
- package/dist/tab.d.mts +12 -0
- package/dist/tab.d.ts +12 -0
- package/dist/tab.js +1 -0
- package/dist/tab.mjs +1 -0
- package/dist/tabs-EQ-6Fm5A.d.ts +44 -0
- package/dist/tabs-config.d.mts +23 -0
- package/dist/tabs-config.d.ts +23 -0
- package/dist/tabs-config.js +1 -0
- package/dist/tabs-config.mjs +1 -0
- package/dist/tabs-context.d.mts +20 -0
- package/dist/tabs-context.d.ts +20 -0
- package/dist/tabs-context.js +1 -0
- package/dist/tabs-context.mjs +1 -0
- package/dist/tabs-mM3syrWk.d.mts +44 -0
- package/dist/tabs.d.mts +11 -0
- package/dist/tabs.d.ts +11 -0
- package/dist/tabs.js +1 -0
- package/dist/tabs.mjs +1 -0
- package/dist/use-tab.d.mts +11 -0
- package/dist/use-tab.d.ts +11 -0
- package/dist/use-tab.js +1 -0
- package/dist/use-tab.mjs +1 -0
- package/dist/use-tabs.d.mts +11 -0
- package/dist/use-tabs.d.ts +11 -0
- package/dist/use-tabs.js +1 -0
- package/dist/use-tabs.mjs +1 -0
- package/package.json +49 -0
package/README.md
ADDED
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
# 🚀 **JamsrUI**
|
|
2
|
+
|
|
3
|
+
**A comprehensive React UI component library designed for developers, with Tailwind CSS integration for seamless styling.**
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
## 📖 **Overview**
|
|
7
|
+
|
|
8
|
+
[JamsrUI](https://jamsr-ui.jamsrworld.com) is designed to help developers build modern, fast and visually appealing web applications with ease.
|
|
9
|
+
|
|
10
|
+
## 🚀 Getting Started
|
|
11
|
+
|
|
12
|
+
Boost & Build your websites using [JamsrUI](https://jamsr-ui.jamsrworld.com).
|
|
13
|
+
|
|
14
|
+
## ✨ Features
|
|
15
|
+
|
|
16
|
+
- 🚀 **Production-Ready**: Optimized for modern React projects.
|
|
17
|
+
- 🎨 **Customizable**: Easily override styles and themes.
|
|
18
|
+
- 🛠️ **Reusable Components**: Save time with prebuilt, efficient UI elements.
|
|
19
|
+
- ⚡ **Developer-Friendly**: Simple API and well-documented usage.
|
|
20
|
+
- 📦 **Lightweight**: Minimal dependencies for fast performance.
|
|
21
|
+
- 🖥️ **Modern Design**: Clean, responsive, and user-friendly components.
|
|
22
|
+
|
|
23
|
+
## 🌱 Community
|
|
24
|
+
|
|
25
|
+
We’re thrilled to see the community actively engage with **JamsrUI**! Whether you're sharing feedback, reporting bugs, requesting features, or showcasing projects built with JamsrUI, your involvement helps us grow and improve.
|
|
26
|
+
|
|
27
|
+
### How to Engage
|
|
28
|
+
|
|
29
|
+
- 💬 **Report Bugs**: [GitHub Issues](https://github.com/jamsrworld/jamsr-ui/issues)
|
|
30
|
+
- 🚀 **Request Features**: Share ideas for new components.
|
|
31
|
+
- 🤝 **Showcase Projects**: Let us know how you use JamsrUI.
|
|
32
|
+
|
|
33
|
+
## Contributing
|
|
34
|
+
|
|
35
|
+
We welcome contributions from developers of all skill levels!
|
|
36
|
+
|
|
37
|
+
## ⭐ Support the Project
|
|
38
|
+
|
|
39
|
+
If you find **JamsrUI** helpful, consider giving it a ⭐ on [GitHub](https://github.com/jamsrworld/jamsr-ui).
|
|
40
|
+
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkJD2IVPH7js = require('./chunk-JD2IVPH7.js');var _react = require('react');var _hooks = require('@jamsrui/hooks');var _react3 = require('motion/react');var c=r=>{let{getTabListProps:t}=_chunkJD2IVPH7js.b.call(void 0, ),e=_hooks.useRenderElement.call(void 0, "div",{props:[t(r)]}),s=_react.useId.call(void 0, );return React.createElement(_react3.LayoutGroup,{id:s},e)};exports.a = c;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _utils = require('@jamsrui/utils');var n="",s= exports.b =_utils.tv.call(void 0, {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",..._utils.focusVisibleClasses],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",..._utils.dataFocusVisibleClasses]},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:_utils.colorVariants.solid.primary,tabContent:"uig-selected:text-primary-foreground"}},{variant:["solid","bordered","light"],color:"secondary",className:{cursor:_utils.colorVariants.solid.secondary,tabContent:"uig-selected:text-secondary-foreground"}},{variant:["solid","bordered","light"],color:"success",className:{cursor:_utils.colorVariants.solid.success,tabContent:"uig-selected:text-success-foreground"}},{variant:["solid","bordered","light"],color:"warning",className:{cursor:_utils.colorVariants.solid.warning,tabContent:"uig-selected:text-warning-foreground"}},{variant:["solid","bordered","light"],color:"danger",className:{cursor:_utils.colorVariants.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}});exports.a = n; exports.b = s;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkJD2IVPH7js = require('./chunk-JD2IVPH7.js');var _react = require('motion/react');var i=r=>{let{getCursorProps:t}=_chunkJD2IVPH7js.b.call(void 0, );return React.createElement(_react.motion.div,{...t(r)})};exports.a = i;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{b as o}from"./chunk-M6FSPJQJ.mjs";import{motion as e}from"motion/react";var i=r=>{let{getCursorProps:t}=o();return React.createElement(e.div,{...t(r)})};export{i as a};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
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};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{a as p}from"./chunk-T3EL7W5Q.mjs";import{a as s}from"./chunk-TDBGUN6P.mjs";import{a as n}from"./chunk-MW5NNZLH.mjs";import{a as t}from"./chunk-M6FSPJQJ.mjs";import{b as m}from"./chunk-MUQ2LZD2.mjs";import{useRenderElement as T}from"@jamsrui/hooks";import{mergeConfigProps as d}from"@jamsrui/utils";var v=o=>{let{children:i}=o,e=m(),a=d(e,e,o),r=p(a),{getRootProps:c}=r,b=React.createElement(React.Fragment,null,React.createElement(s,null,i),React.createElement(n,null)),f=T("div",{props:[c({}),{children:b}]});return React.createElement(t,{value:r},f)};export{v as a};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _react = require('react');var s=_react.createContext.call(void 0, null),r= exports.b =()=>{let e=_react.use.call(void 0, s);if(!e)throw new Error("useTabsContext must be used within a TabsContext");return e};exports.a = s; exports.b = r;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
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};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkJD2IVPH7js = require('./chunk-JD2IVPH7.js');var _react = require('react');var i=r=>{let{value:e}=r,{value:u,setValue:s}=_chunkJD2IVPH7js.b.call(void 0, ),t=_react.useCallback.call(void 0, ()=>{s(e)},[s,e]),a=u===e;return _react.useMemo.call(void 0, ()=>({isActive:a,handleClick:t}),[t,a])};exports.a = i;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
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};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkJD2IVPH7js = require('./chunk-JD2IVPH7.js');var _hooks = require('@jamsrui/hooks');var m=r=>{let{getPanelProps:t,selectedTabContent:n}=_chunkJD2IVPH7js.b.call(void 0, );return _hooks.useRenderElement.call(void 0, "div",{props:[t(r),{children:n}]})};exports.a = m;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{createConfigContext as o}from"@jamsrui/utils";var[r,a]=o({displayName:"TabsConfig"});export{r as a,a as b};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
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};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkJD2IVPH7js = require('./chunk-JD2IVPH7.js');var _hooks = require('@jamsrui/hooks');var m=t=>{let{getContentProps:r}=_chunkJD2IVPH7js.b.call(void 0, );return _hooks.useRenderElement.call(void 0, "div",{props:[r(t)]})};exports.a = m;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkYUBDMYXYjs = require('./chunk-YUBDMYXY.js');var _chunkAINPUFFZjs = require('./chunk-AINPUFFZ.js');var _chunkM7SO3V45js = require('./chunk-M7SO3V45.js');var _chunkJD2IVPH7js = require('./chunk-JD2IVPH7.js');var _chunkWSW5NKGCjs = require('./chunk-WSW5NKGC.js');var _hooks = require('@jamsrui/hooks');var _utils = require('@jamsrui/utils');var v=o=>{let{children:i}=o,e=_chunkWSW5NKGCjs.b.call(void 0, ),a=_utils.mergeConfigProps.call(void 0, e,e,o),r=_chunkYUBDMYXYjs.a.call(void 0, a),{getRootProps:c}=r,b=React.createElement(React.Fragment,null,React.createElement(_chunkAINPUFFZjs.a,null,i),React.createElement(_chunkM7SO3V45js.a,null)),f=_hooks.useRenderElement.call(void 0, "div",{props:[c({}),{children:b}]});return React.createElement(_chunkJD2IVPH7js.a,{value:r},f)};exports.a = v;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{a as r}from"./chunk-LA2JMAFM.mjs";import{a as o}from"./chunk-HKWZIGYP.mjs";import{a as t}from"./chunk-H2J22QIW.mjs";import{b as e}from"./chunk-M6FSPJQJ.mjs";import{useRenderElement as d}from"@jamsrui/hooks";var P=n=>{let{getTabProps:s}=e(),{heading:p,value:a,...m}=s(n),{handleClick:i,isActive:c}=r({value:a});return d("button",{props:[m,{onClick:i},{children:React.createElement(React.Fragment,null,React.createElement(o,null,p),!!c&&React.createElement(t,null))}]})};export{P as a};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{b as c}from"./chunk-TRBHSJNP.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};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
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";var c=r=>{let{getTabListProps:t}=o(),e=i("div",{props:[t(r)]}),s=p();return React.createElement(m,{id:s},e)};export{c as a};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{colorVariants as e,dataFocusVisibleClasses as t,focusVisibleClasses as r,tv as o}from"@jamsrui/utils";var n="",s=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,s as b};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _utils = require('@jamsrui/utils');var[r,a]=_utils.createConfigContext.call(void 0, {displayName:"TabsConfig"});exports.a = r; exports.b = a;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }var _chunkF2MW2JWYjs = require('./chunk-F2MW2JWY.js');var _react = require('react');var _hooks = require('@jamsrui/hooks');var _utils = require('@jamsrui/utils');var K=L=>{let[V,v]=_utils.mapPropsVariants.call(void 0, L,_chunkF2MW2JWYjs.b.variantKeys),{defaultValue:G,value:h,onValueChange:R,slotProps:t,classNames:s,children:m,...o}=V,e=_chunkF2MW2JWYjs.b.call(void 0, v),[p,P]=_hooks.useControlledState.call(void 0, {defaultProp:G,onChange:R,prop:h}),i=_react.useMemo.call(void 0, ()=>{let a=_react.Children.toArray(m);return_optionalChain([(p?a.find(y=>_react.isValidElement.call(void 0, y)?y.props.value===p:null):a[0]), 'optionalAccess', _ => _.props, 'access', _2 => _2.children])},[m,p]),u=_react.useCallback.call(void 0, ()=>({...o,"data-slot":_utils.dataAttrDev.call(void 0, "root"),"data-component":_utils.dataAttrDev.call(void 0, "tabs"),className:e.root({className:_utils.cn.call(void 0, _optionalChain([s, 'optionalAccess', _3 => _3.root]),o.className)})}),[_optionalChain([s, 'optionalAccess', _4 => _4.root]),o,e]),T=_react.useCallback.call(void 0, a=>({..._utils.mergeProps.call(void 0, _optionalChain([t, 'optionalAccess', _5 => _5.tabList]),a),"data-slot":_utils.dataAttrDev.call(void 0, "tab-list"),className:e.tabList({className:_utils.cn.call(void 0, _optionalChain([t, 'optionalAccess', _6 => _6.tabList, 'optionalAccess', _7 => _7.className]),_optionalChain([s, 'optionalAccess', _8 => _8.tabList]),o.className)})}),[_optionalChain([s, 'optionalAccess', _9 => _9.tabList]),o.className,_optionalChain([t, 'optionalAccess', _10 => _10.tabList]),e]),N=_react.useCallback.call(void 0, a=>({..._utils.mergeProps.call(void 0, _optionalChain([t, 'optionalAccess', _11 => _11.tabContent]),a),"data-slot":_utils.dataAttrDev.call(void 0, "tab-content"),className:e.tabContent({className:_utils.cn.call(void 0, _optionalChain([t, 'optionalAccess', _12 => _12.tabContent, 'optionalAccess', _13 => _13.className]),_optionalChain([s, 'optionalAccess', _14 => _14.tabContent]),o.className)})}),[_optionalChain([s, 'optionalAccess', _15 => _15.tabContent]),o.className,_optionalChain([t, 'optionalAccess', _16 => _16.tabContent]),e]),C=_react.useCallback.call(void 0, a=>({..._utils.mergeProps.call(void 0, _optionalChain([t, 'optionalAccess', _17 => _17.tab]),a),"data-slot":_utils.dataAttrDev.call(void 0, "tab"),className:e.tab({className:_utils.cn.call(void 0, _optionalChain([t, 'optionalAccess', _18 => _18.tab, 'optionalAccess', _19 => _19.className]),_optionalChain([s, 'optionalAccess', _20 => _20.tab]),a.className)})}),[_optionalChain([s, 'optionalAccess', _21 => _21.tab]),_optionalChain([t, 'optionalAccess', _22 => _22.tab]),e]),d=_react.useCallback.call(void 0, a=>({layoutId:"cursor",..._utils.mergeProps.call(void 0, _optionalChain([t, 'optionalAccess', _23 => _23.cursor]),a),"data-slot":_utils.dataAttrDev.call(void 0, "cursor"),className:e.cursor({className:_utils.cn.call(void 0, _optionalChain([t, 'optionalAccess', _24 => _24.cursor, 'optionalAccess', _25 => _25.className]),_optionalChain([s, 'optionalAccess', _26 => _26.cursor]),a.className)})}),[_optionalChain([s, 'optionalAccess', _27 => _27.cursor]),_optionalChain([t, 'optionalAccess', _28 => _28.cursor]),e]),f=_react.useCallback.call(void 0, a=>({..._utils.mergeProps.call(void 0, _optionalChain([t, 'optionalAccess', _29 => _29.tabContent]),a),"data-slot":_utils.dataAttrDev.call(void 0, "tab-panel"),className:e.panel({className:_utils.cn.call(void 0, _optionalChain([t, 'optionalAccess', _30 => _30.tabPanel, 'optionalAccess', _31 => _31.className]),_optionalChain([s, 'optionalAccess', _32 => _32.panel]),a.className)})}),[_optionalChain([s, 'optionalAccess', _33 => _33.panel]),_optionalChain([t, 'optionalAccess', _34 => _34.tabContent]),_optionalChain([t, 'optionalAccess', _35 => _35.tabPanel, 'optionalAccess', _36 => _36.className]),e]);return _react.useMemo.call(void 0, ()=>({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])};exports.a = K;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkLZE4JOJLjs = require('./chunk-LZE4JOJL.js');var _chunkN3NSYOEOjs = require('./chunk-N3NSYOEO.js');var _chunkF6Y2NK36js = require('./chunk-F6Y2NK36.js');var _chunkJD2IVPH7js = require('./chunk-JD2IVPH7.js');var _hooks = require('@jamsrui/hooks');var P=n=>{let{getTabProps:s}=_chunkJD2IVPH7js.b.call(void 0, ),{heading:p,value:a,...m}=s(n),{handleClick:i,isActive:c}=_chunkLZE4JOJLjs.a.call(void 0, {value:a});return _hooks.useRenderElement.call(void 0, "button",{props:[m,{onClick:i},{children:React.createElement(React.Fragment,null,React.createElement(_chunkN3NSYOEOjs.a,null,p),!!c&&React.createElement(_chunkF6Y2NK36js.a,null))}]})};exports.a = P;
|
package/dist/index.d.mts
ADDED
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export { Tab } from './tab.mjs';
|
|
2
|
+
export { T as Tabs } from './tabs-mM3syrWk.mjs';
|
|
3
|
+
export { TabsConfig, useTabsConfig } from './tabs-config.mjs';
|
|
4
|
+
import 'react';
|
|
5
|
+
import '@jamsrui/utils';
|
|
6
|
+
import './styles.mjs';
|
|
7
|
+
import 'tailwind-variants';
|
|
8
|
+
import './tab-content.mjs';
|
|
9
|
+
import './tab-cursor.mjs';
|
|
10
|
+
import 'motion/react';
|
|
11
|
+
import './tab-list.mjs';
|
|
12
|
+
import './tab-panel.mjs';
|
|
13
|
+
import '@jamsrui/core';
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export { Tab } from './tab.js';
|
|
2
|
+
export { T as Tabs } from './tabs-EQ-6Fm5A.js';
|
|
3
|
+
export { TabsConfig, useTabsConfig } from './tabs-config.js';
|
|
4
|
+
import 'react';
|
|
5
|
+
import '@jamsrui/utils';
|
|
6
|
+
import './styles.js';
|
|
7
|
+
import 'tailwind-variants';
|
|
8
|
+
import './tab-content.js';
|
|
9
|
+
import './tab-cursor.js';
|
|
10
|
+
import 'motion/react';
|
|
11
|
+
import './tab-list.js';
|
|
12
|
+
import './tab-panel.js';
|
|
13
|
+
import '@jamsrui/core';
|
package/dist/index.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";var _chunkQGZYGDSVjs = require('./chunk-QGZYGDSV.js');require('./chunk-YUBDMYXY.js');require('./chunk-F2MW2JWY.js');require('./chunk-AINPUFFZ.js');require('./chunk-M7SO3V45.js');var _chunkZHYKF7LWjs = require('./chunk-ZHYKF7LW.js');require('./chunk-LZE4JOJL.js');require('./chunk-N3NSYOEO.js');require('./chunk-F6Y2NK36.js');require('./chunk-JD2IVPH7.js');var _chunkWSW5NKGCjs = require('./chunk-WSW5NKGC.js');exports.Tab = _chunkZHYKF7LWjs.a; exports.Tabs = _chunkQGZYGDSVjs.a; exports.TabsConfig = _chunkWSW5NKGCjs.a; exports.useTabsConfig = _chunkWSW5NKGCjs.b;
|
package/dist/index.mjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";import{a as f}from"./chunk-IPFSN6JS.mjs";import"./chunk-T3EL7W5Q.mjs";import"./chunk-TRBHSJNP.mjs";import"./chunk-TDBGUN6P.mjs";import"./chunk-MW5NNZLH.mjs";import{a as o}from"./chunk-SHPORD5U.mjs";import"./chunk-LA2JMAFM.mjs";import"./chunk-HKWZIGYP.mjs";import"./chunk-H2J22QIW.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};
|
|
@@ -0,0 +1,354 @@
|
|
|
1
|
+
import * as tailwind_variants from 'tailwind-variants';
|
|
2
|
+
import { VariantProps } from '@jamsrui/utils';
|
|
3
|
+
|
|
4
|
+
declare const test = "";
|
|
5
|
+
declare const tabsVariant: tailwind_variants.TVReturnType<{
|
|
6
|
+
variant: {
|
|
7
|
+
solid: {
|
|
8
|
+
cursor: string;
|
|
9
|
+
};
|
|
10
|
+
light: {
|
|
11
|
+
tabList: string;
|
|
12
|
+
cursor: string;
|
|
13
|
+
};
|
|
14
|
+
underlined: {
|
|
15
|
+
tabList: string;
|
|
16
|
+
cursor: string;
|
|
17
|
+
};
|
|
18
|
+
bordered: {
|
|
19
|
+
tabList: string;
|
|
20
|
+
cursor: string;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
23
|
+
color: {
|
|
24
|
+
default: {};
|
|
25
|
+
primary: {};
|
|
26
|
+
secondary: {};
|
|
27
|
+
success: {};
|
|
28
|
+
warning: {};
|
|
29
|
+
danger: {};
|
|
30
|
+
};
|
|
31
|
+
size: {
|
|
32
|
+
sm: {
|
|
33
|
+
tabList: string;
|
|
34
|
+
tab: string;
|
|
35
|
+
cursor: string;
|
|
36
|
+
};
|
|
37
|
+
md: {
|
|
38
|
+
tabList: string;
|
|
39
|
+
tab: string;
|
|
40
|
+
cursor: string;
|
|
41
|
+
};
|
|
42
|
+
lg: {
|
|
43
|
+
tabList: string;
|
|
44
|
+
tab: string;
|
|
45
|
+
cursor: string;
|
|
46
|
+
};
|
|
47
|
+
};
|
|
48
|
+
radius: {
|
|
49
|
+
none: {
|
|
50
|
+
tabList: string;
|
|
51
|
+
tab: string;
|
|
52
|
+
cursor: string;
|
|
53
|
+
};
|
|
54
|
+
sm: {
|
|
55
|
+
tabList: string;
|
|
56
|
+
tab: string;
|
|
57
|
+
cursor: string;
|
|
58
|
+
};
|
|
59
|
+
md: {
|
|
60
|
+
tabList: string;
|
|
61
|
+
tab: string;
|
|
62
|
+
cursor: string;
|
|
63
|
+
};
|
|
64
|
+
lg: {
|
|
65
|
+
tabList: string;
|
|
66
|
+
tab: string;
|
|
67
|
+
cursor: string;
|
|
68
|
+
};
|
|
69
|
+
xl: {
|
|
70
|
+
tabList: string;
|
|
71
|
+
tab: string;
|
|
72
|
+
cursor: string;
|
|
73
|
+
};
|
|
74
|
+
full: {
|
|
75
|
+
tabList: string;
|
|
76
|
+
tab: string;
|
|
77
|
+
cursor: string;
|
|
78
|
+
};
|
|
79
|
+
};
|
|
80
|
+
fullWidth: {
|
|
81
|
+
true: {
|
|
82
|
+
root: string;
|
|
83
|
+
tabList: string;
|
|
84
|
+
};
|
|
85
|
+
};
|
|
86
|
+
isDisabled: {
|
|
87
|
+
true: {
|
|
88
|
+
tabList: string;
|
|
89
|
+
};
|
|
90
|
+
};
|
|
91
|
+
disableAnimation: {
|
|
92
|
+
true: {
|
|
93
|
+
tab: string;
|
|
94
|
+
tabContent: string;
|
|
95
|
+
};
|
|
96
|
+
};
|
|
97
|
+
placement: {
|
|
98
|
+
top: {};
|
|
99
|
+
start: {
|
|
100
|
+
tabList: string;
|
|
101
|
+
panel: string;
|
|
102
|
+
root: string;
|
|
103
|
+
};
|
|
104
|
+
end: {
|
|
105
|
+
tabList: string;
|
|
106
|
+
panel: string;
|
|
107
|
+
root: string;
|
|
108
|
+
};
|
|
109
|
+
bottom: {
|
|
110
|
+
root: string;
|
|
111
|
+
};
|
|
112
|
+
};
|
|
113
|
+
}, {
|
|
114
|
+
root: string;
|
|
115
|
+
tabList: string[];
|
|
116
|
+
tab: string[];
|
|
117
|
+
tabContent: string[];
|
|
118
|
+
cursor: string[];
|
|
119
|
+
panel: string[];
|
|
120
|
+
}, undefined, {
|
|
121
|
+
variant: {
|
|
122
|
+
solid: {
|
|
123
|
+
cursor: string;
|
|
124
|
+
};
|
|
125
|
+
light: {
|
|
126
|
+
tabList: string;
|
|
127
|
+
cursor: string;
|
|
128
|
+
};
|
|
129
|
+
underlined: {
|
|
130
|
+
tabList: string;
|
|
131
|
+
cursor: string;
|
|
132
|
+
};
|
|
133
|
+
bordered: {
|
|
134
|
+
tabList: string;
|
|
135
|
+
cursor: string;
|
|
136
|
+
};
|
|
137
|
+
};
|
|
138
|
+
color: {
|
|
139
|
+
default: {};
|
|
140
|
+
primary: {};
|
|
141
|
+
secondary: {};
|
|
142
|
+
success: {};
|
|
143
|
+
warning: {};
|
|
144
|
+
danger: {};
|
|
145
|
+
};
|
|
146
|
+
size: {
|
|
147
|
+
sm: {
|
|
148
|
+
tabList: string;
|
|
149
|
+
tab: string;
|
|
150
|
+
cursor: string;
|
|
151
|
+
};
|
|
152
|
+
md: {
|
|
153
|
+
tabList: string;
|
|
154
|
+
tab: string;
|
|
155
|
+
cursor: string;
|
|
156
|
+
};
|
|
157
|
+
lg: {
|
|
158
|
+
tabList: string;
|
|
159
|
+
tab: string;
|
|
160
|
+
cursor: string;
|
|
161
|
+
};
|
|
162
|
+
};
|
|
163
|
+
radius: {
|
|
164
|
+
none: {
|
|
165
|
+
tabList: string;
|
|
166
|
+
tab: string;
|
|
167
|
+
cursor: string;
|
|
168
|
+
};
|
|
169
|
+
sm: {
|
|
170
|
+
tabList: string;
|
|
171
|
+
tab: string;
|
|
172
|
+
cursor: string;
|
|
173
|
+
};
|
|
174
|
+
md: {
|
|
175
|
+
tabList: string;
|
|
176
|
+
tab: string;
|
|
177
|
+
cursor: string;
|
|
178
|
+
};
|
|
179
|
+
lg: {
|
|
180
|
+
tabList: string;
|
|
181
|
+
tab: string;
|
|
182
|
+
cursor: string;
|
|
183
|
+
};
|
|
184
|
+
xl: {
|
|
185
|
+
tabList: string;
|
|
186
|
+
tab: string;
|
|
187
|
+
cursor: string;
|
|
188
|
+
};
|
|
189
|
+
full: {
|
|
190
|
+
tabList: string;
|
|
191
|
+
tab: string;
|
|
192
|
+
cursor: string;
|
|
193
|
+
};
|
|
194
|
+
};
|
|
195
|
+
fullWidth: {
|
|
196
|
+
true: {
|
|
197
|
+
root: string;
|
|
198
|
+
tabList: string;
|
|
199
|
+
};
|
|
200
|
+
};
|
|
201
|
+
isDisabled: {
|
|
202
|
+
true: {
|
|
203
|
+
tabList: string;
|
|
204
|
+
};
|
|
205
|
+
};
|
|
206
|
+
disableAnimation: {
|
|
207
|
+
true: {
|
|
208
|
+
tab: string;
|
|
209
|
+
tabContent: string;
|
|
210
|
+
};
|
|
211
|
+
};
|
|
212
|
+
placement: {
|
|
213
|
+
top: {};
|
|
214
|
+
start: {
|
|
215
|
+
tabList: string;
|
|
216
|
+
panel: string;
|
|
217
|
+
root: string;
|
|
218
|
+
};
|
|
219
|
+
end: {
|
|
220
|
+
tabList: string;
|
|
221
|
+
panel: string;
|
|
222
|
+
root: string;
|
|
223
|
+
};
|
|
224
|
+
bottom: {
|
|
225
|
+
root: string;
|
|
226
|
+
};
|
|
227
|
+
};
|
|
228
|
+
}, {
|
|
229
|
+
root: string;
|
|
230
|
+
tabList: string[];
|
|
231
|
+
tab: string[];
|
|
232
|
+
tabContent: string[];
|
|
233
|
+
cursor: string[];
|
|
234
|
+
panel: string[];
|
|
235
|
+
}, tailwind_variants.TVReturnType<{
|
|
236
|
+
variant: {
|
|
237
|
+
solid: {
|
|
238
|
+
cursor: string;
|
|
239
|
+
};
|
|
240
|
+
light: {
|
|
241
|
+
tabList: string;
|
|
242
|
+
cursor: string;
|
|
243
|
+
};
|
|
244
|
+
underlined: {
|
|
245
|
+
tabList: string;
|
|
246
|
+
cursor: string;
|
|
247
|
+
};
|
|
248
|
+
bordered: {
|
|
249
|
+
tabList: string;
|
|
250
|
+
cursor: string;
|
|
251
|
+
};
|
|
252
|
+
};
|
|
253
|
+
color: {
|
|
254
|
+
default: {};
|
|
255
|
+
primary: {};
|
|
256
|
+
secondary: {};
|
|
257
|
+
success: {};
|
|
258
|
+
warning: {};
|
|
259
|
+
danger: {};
|
|
260
|
+
};
|
|
261
|
+
size: {
|
|
262
|
+
sm: {
|
|
263
|
+
tabList: string;
|
|
264
|
+
tab: string;
|
|
265
|
+
cursor: string;
|
|
266
|
+
};
|
|
267
|
+
md: {
|
|
268
|
+
tabList: string;
|
|
269
|
+
tab: string;
|
|
270
|
+
cursor: string;
|
|
271
|
+
};
|
|
272
|
+
lg: {
|
|
273
|
+
tabList: string;
|
|
274
|
+
tab: string;
|
|
275
|
+
cursor: string;
|
|
276
|
+
};
|
|
277
|
+
};
|
|
278
|
+
radius: {
|
|
279
|
+
none: {
|
|
280
|
+
tabList: string;
|
|
281
|
+
tab: string;
|
|
282
|
+
cursor: string;
|
|
283
|
+
};
|
|
284
|
+
sm: {
|
|
285
|
+
tabList: string;
|
|
286
|
+
tab: string;
|
|
287
|
+
cursor: string;
|
|
288
|
+
};
|
|
289
|
+
md: {
|
|
290
|
+
tabList: string;
|
|
291
|
+
tab: string;
|
|
292
|
+
cursor: string;
|
|
293
|
+
};
|
|
294
|
+
lg: {
|
|
295
|
+
tabList: string;
|
|
296
|
+
tab: string;
|
|
297
|
+
cursor: string;
|
|
298
|
+
};
|
|
299
|
+
xl: {
|
|
300
|
+
tabList: string;
|
|
301
|
+
tab: string;
|
|
302
|
+
cursor: string;
|
|
303
|
+
};
|
|
304
|
+
full: {
|
|
305
|
+
tabList: string;
|
|
306
|
+
tab: string;
|
|
307
|
+
cursor: string;
|
|
308
|
+
};
|
|
309
|
+
};
|
|
310
|
+
fullWidth: {
|
|
311
|
+
true: {
|
|
312
|
+
root: string;
|
|
313
|
+
tabList: string;
|
|
314
|
+
};
|
|
315
|
+
};
|
|
316
|
+
isDisabled: {
|
|
317
|
+
true: {
|
|
318
|
+
tabList: string;
|
|
319
|
+
};
|
|
320
|
+
};
|
|
321
|
+
disableAnimation: {
|
|
322
|
+
true: {
|
|
323
|
+
tab: string;
|
|
324
|
+
tabContent: string;
|
|
325
|
+
};
|
|
326
|
+
};
|
|
327
|
+
placement: {
|
|
328
|
+
top: {};
|
|
329
|
+
start: {
|
|
330
|
+
tabList: string;
|
|
331
|
+
panel: string;
|
|
332
|
+
root: string;
|
|
333
|
+
};
|
|
334
|
+
end: {
|
|
335
|
+
tabList: string;
|
|
336
|
+
panel: string;
|
|
337
|
+
root: string;
|
|
338
|
+
};
|
|
339
|
+
bottom: {
|
|
340
|
+
root: string;
|
|
341
|
+
};
|
|
342
|
+
};
|
|
343
|
+
}, {
|
|
344
|
+
root: string;
|
|
345
|
+
tabList: string[];
|
|
346
|
+
tab: string[];
|
|
347
|
+
tabContent: string[];
|
|
348
|
+
cursor: string[];
|
|
349
|
+
panel: string[];
|
|
350
|
+
}, undefined, unknown, unknown, undefined>>;
|
|
351
|
+
type TabVariants = VariantProps<typeof tabsVariant>;
|
|
352
|
+
type TabsSlots = keyof ReturnType<typeof tabsVariant>;
|
|
353
|
+
|
|
354
|
+
export { type TabVariants, type TabsSlots, tabsVariant, test };
|