@jamsrui/tabs 0.0.2 → 0.0.3
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/dist/index.mjs +1 -1
- package/dist/styles.mjs +1 -1
- package/dist/tab-content.mjs +1 -1
- package/dist/tab-cursor.mjs +1 -1
- package/dist/tab-list.mjs +1 -1
- package/dist/tab-panel.mjs +1 -1
- package/dist/tab.mjs +1 -1
- package/dist/tabs-config.mjs +1 -1
- package/dist/tabs-context.mjs +1 -1
- package/dist/tabs.mjs +1 -1
- package/dist/use-tab.mjs +1 -1
- package/dist/use-tabs.mjs +1 -1
- package/package.json +4 -4
- package/dist/chunk-AINPUFFZ.js +0 -1
- package/dist/chunk-F2MW2JWY.js +0 -1
- package/dist/chunk-F6Y2NK36.js +0 -1
- package/dist/chunk-H2J22QIW.mjs +0 -1
- package/dist/chunk-HKWZIGYP.mjs +0 -1
- package/dist/chunk-IPFSN6JS.mjs +0 -1
- package/dist/chunk-JD2IVPH7.js +0 -1
- package/dist/chunk-LA2JMAFM.mjs +0 -1
- package/dist/chunk-LZE4JOJL.js +0 -1
- package/dist/chunk-M6FSPJQJ.mjs +0 -1
- package/dist/chunk-M7SO3V45.js +0 -1
- package/dist/chunk-MUQ2LZD2.mjs +0 -1
- package/dist/chunk-MW5NNZLH.mjs +0 -1
- package/dist/chunk-N3NSYOEO.js +0 -1
- package/dist/chunk-QGZYGDSV.js +0 -1
- package/dist/chunk-SHPORD5U.mjs +0 -1
- package/dist/chunk-T3EL7W5Q.mjs +0 -1
- package/dist/chunk-TDBGUN6P.mjs +0 -1
- package/dist/chunk-TRBHSJNP.mjs +0 -1
- package/dist/chunk-WSW5NKGC.js +0 -1
- package/dist/chunk-YUBDMYXY.js +0 -1
- package/dist/chunk-ZHYKF7LW.js +0 -1
- package/dist/index.d.ts +0 -13
- package/dist/index.js +0 -1
- package/dist/styles.d.ts +0 -354
- package/dist/styles.js +0 -1
- package/dist/tab-content.d.ts +0 -10
- package/dist/tab-content.js +0 -1
- package/dist/tab-cursor.d.ts +0 -10
- package/dist/tab-cursor.js +0 -1
- package/dist/tab-list.d.ts +0 -10
- package/dist/tab-list.js +0 -1
- package/dist/tab-panel.d.ts +0 -10
- package/dist/tab-panel.js +0 -1
- package/dist/tab.d.ts +0 -12
- package/dist/tab.js +0 -1
- package/dist/tabs-EQ-6Fm5A.d.ts +0 -44
- package/dist/tabs-config.d.ts +0 -23
- package/dist/tabs-config.js +0 -1
- package/dist/tabs-context.d.ts +0 -20
- package/dist/tabs-context.js +0 -1
- package/dist/tabs.d.ts +0 -11
- package/dist/tabs.js +0 -1
- package/dist/use-tab.d.ts +0 -11
- package/dist/use-tab.js +0 -1
- package/dist/use-tabs.d.ts +0 -11
- package/dist/use-tabs.js +0 -1
package/dist/index.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{
|
|
1
|
+
"use client";import{Tab as r}from"./tab";import{Tabs as s}from"./tabs";import{TabsConfig as b,useTabsConfig as t}from"./tabs-config";export{r as Tab,s as Tabs,b as TabsConfig,t as useTabsConfig};
|
package/dist/styles.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{colorVariants as e,dataFocusVisibleClasses as t,focusVisibleClasses as r,tv as o}from"@jamsrui/utils";const 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{s as tabsVariant,n as test};
|
package/dist/tab-content.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{useRenderElement as r}from"@jamsrui/hooks";import{useTabsContext as o}from"./tabs-context";const m=e=>{const{getContentProps:t}=o();return r("div",{props:[t(e)]})};export{m as TabContent};
|
package/dist/tab-cursor.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{motion as t}from"motion/react";import{useTabsContext as e}from"./tabs-context";const i=o=>{const{getCursorProps:r}=e();return React.createElement(t.div,{...r(o)})};export{i as TabCursor};
|
package/dist/tab-list.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
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";const c=o=>{const{getTabListProps:r}=m(),t=p("div",{props:[r(o)]}),e=s();return React.createElement(i,{id:e},t)};export{c as TabList};
|
package/dist/tab-panel.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{useRenderElement as n}from"@jamsrui/hooks";import{useTabsContext as o}from"./tabs-context";const m=e=>{const{getPanelProps:r,selectedTabContent:t}=o();return n("div",{props:[r(e),{children:t}]})};export{m as TabPanel};
|
package/dist/tab.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a}from"
|
|
1
|
+
import{useRenderElement as a}from"@jamsrui/hooks";import{TabContent as m}from"./tab-content";import{TabCursor as i}from"./tab-cursor";import{useTabsContext as c}from"./tabs-context";import{useTab as d}from"./use-tab";const P=e=>{const{getTabProps:o}=c(),{heading:t,value:r,...n}=o(e),{handleClick:s,isActive:p}=d({value:r});return a("button",{props:[n,{onClick:s},{children:React.createElement(React.Fragment,null,React.createElement(m,null,t),!!p&&React.createElement(i,null))}]})};export{P as Tab};
|
package/dist/tabs-config.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{createConfigContext as o}from"@jamsrui/utils";const[r,a]=o({displayName:"TabsConfig"});export{r as TabsConfig,a as useTabsConfig};
|
package/dist/tabs-context.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
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};
|
package/dist/tabs.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{useRenderElement as i}from"@jamsrui/hooks";import{mergeConfigProps as a}from"@jamsrui/utils";import{TabList as c}from"./tab-list";import{TabPanel as b}from"./tab-panel";import{useTabsConfig as f}from"./tabs-config";import{TabsContext as T}from"./tabs-context";import{useTabs as d}from"./use-tabs";const v=o=>{const{children:t}=o,e=f(),s=a(e,e,o),r=d(s),{getRootProps:n}=r,m=React.createElement(React.Fragment,null,React.createElement(c,null,t),React.createElement(b,null)),p=i("div",{props:[n({}),{children:m}]});return React.createElement(T,{value:r},p)};export{v as Tabs};
|
package/dist/use-tab.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{useCallback as u,useMemo as n}from"react";import{useTabsContext as c}from"./tabs-context";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.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{Children as E,isValidElement as S,useCallback as n,useMemo as y}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";import{tabsVariant as g}from"./styles";const K=L=>{const[V,v]=A(L,g.variantKeys),{defaultValue:G,value:h,onValueChange:R,slotProps:t,classNames:s,children:c,...o}=V,e=g(v),[p,m]=x({defaultProp:G,onChange:R,prop:h}),P=y(()=>{const a=E.toArray(c);return(p?a.find(f=>S(f)?f.props.value===p:null):a[0])?.props.children},[c,p]),i=n(()=>({...o,"data-slot":r("root"),"data-component":r("tabs"),className:e.root({className:l(s?.root,o.className)})}),[s?.root,o,e]),u=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]),T=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]),N=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]),C=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]),d=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 y(()=>({getRootProps:i,getTabListProps:u,getContentProps:T,getTabProps:N,getCursorProps:C,value:p,setValue:m,selectedTabContent:P,getPanelProps:d}),[T,C,d,i,u,N,P,m,p])};export{K as useTabs};
|
package/package.json
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jamsrui/tabs",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.3",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"motion": ">=12",
|
|
6
6
|
"react": ">=19"
|
|
7
7
|
},
|
|
8
8
|
"dependencies": {
|
|
9
|
-
"@jamsrui/hooks": "^0.0.
|
|
10
|
-
"@jamsrui/core": "^0.0.
|
|
11
|
-
"@jamsrui/utils": "^0.0.
|
|
9
|
+
"@jamsrui/hooks": "^0.0.3",
|
|
10
|
+
"@jamsrui/core": "^0.0.3",
|
|
11
|
+
"@jamsrui/utils": "^0.0.3"
|
|
12
12
|
},
|
|
13
13
|
"exports": {
|
|
14
14
|
".": {
|
package/dist/chunk-AINPUFFZ.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
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;
|
package/dist/chunk-F2MW2JWY.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
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;
|
package/dist/chunk-F6Y2NK36.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
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;
|
package/dist/chunk-H2J22QIW.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
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};
|
package/dist/chunk-HKWZIGYP.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
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};
|
package/dist/chunk-IPFSN6JS.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
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};
|
package/dist/chunk-JD2IVPH7.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
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;
|
package/dist/chunk-LA2JMAFM.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
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};
|
package/dist/chunk-LZE4JOJL.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
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;
|
package/dist/chunk-M6FSPJQJ.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
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};
|
package/dist/chunk-M7SO3V45.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
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;
|
package/dist/chunk-MUQ2LZD2.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
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
DELETED
|
@@ -1 +0,0 @@
|
|
|
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};
|
package/dist/chunk-N3NSYOEO.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
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;
|
package/dist/chunk-QGZYGDSV.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
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;
|
package/dist/chunk-SHPORD5U.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
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};
|
package/dist/chunk-T3EL7W5Q.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
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};
|
package/dist/chunk-TDBGUN6P.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
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};
|
package/dist/chunk-TRBHSJNP.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
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};
|
package/dist/chunk-WSW5NKGC.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
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;
|
package/dist/chunk-YUBDMYXY.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
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;
|
package/dist/chunk-ZHYKF7LW.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
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.ts
DELETED
|
@@ -1,13 +0,0 @@
|
|
|
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
DELETED
|
@@ -1 +0,0 @@
|
|
|
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/styles.d.ts
DELETED
|
@@ -1,354 +0,0 @@
|
|
|
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 };
|
package/dist/styles.js
DELETED
|
@@ -1 +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/tab-content.d.ts
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import * as react from 'react';
|
|
2
|
-
import { UIProps } from '@jamsrui/utils';
|
|
3
|
-
|
|
4
|
-
declare const TabContent: (props: TabContent.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
|
|
5
|
-
declare namespace TabContent {
|
|
6
|
-
interface Props extends UIProps<"div"> {
|
|
7
|
-
}
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
export { TabContent };
|
package/dist/tab-content.js
DELETED
|
@@ -1 +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-cursor.d.ts
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import * as react from 'react';
|
|
2
|
-
import { MotionProps } from 'motion/react';
|
|
3
|
-
|
|
4
|
-
declare const TabCursor: (props: TabCursor.Props) => react.JSX.Element;
|
|
5
|
-
declare namespace TabCursor {
|
|
6
|
-
interface Props extends MotionProps, Omit<React.HTMLAttributes<HTMLDivElement>, keyof MotionProps> {
|
|
7
|
-
}
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
export { TabCursor };
|
package/dist/tab-cursor.js
DELETED
|
@@ -1 +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-list.d.ts
DELETED
package/dist/tab-list.js
DELETED
|
@@ -1 +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-panel.d.ts
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import * as react from 'react';
|
|
2
|
-
import { UIProps } from '@jamsrui/utils';
|
|
3
|
-
|
|
4
|
-
declare const TabPanel: (props: TabPanel.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
|
|
5
|
-
declare namespace TabPanel {
|
|
6
|
-
interface Props extends UIProps<"div"> {
|
|
7
|
-
}
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
export { TabPanel };
|
package/dist/tab-panel.js
DELETED
|
@@ -1 +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.d.ts
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import * as react from 'react';
|
|
2
|
-
import { UIProps } from '@jamsrui/utils';
|
|
3
|
-
|
|
4
|
-
declare const Tab: (props: Tab.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
|
|
5
|
-
declare namespace Tab {
|
|
6
|
-
interface Props extends UIProps<"button"> {
|
|
7
|
-
value: string;
|
|
8
|
-
heading: React.ReactNode;
|
|
9
|
-
}
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
export { Tab };
|
package/dist/tab.js
DELETED
|
@@ -1 +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/tabs-EQ-6Fm5A.d.ts
DELETED
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import * as react from 'react';
|
|
2
|
-
import { ReactElement } from 'react';
|
|
3
|
-
import { PropGetter, UIProps, SlotsToClassNames } from '@jamsrui/utils';
|
|
4
|
-
import { TabVariants, TabsSlots } from './styles.js';
|
|
5
|
-
import { Tab } from './tab.js';
|
|
6
|
-
import { TabContent } from './tab-content.js';
|
|
7
|
-
import { TabCursor } from './tab-cursor.js';
|
|
8
|
-
import { TabList } from './tab-list.js';
|
|
9
|
-
import { TabPanel } from './tab-panel.js';
|
|
10
|
-
|
|
11
|
-
declare const useTabs: (props: useTabs.Props) => {
|
|
12
|
-
getRootProps: PropGetter<Tabs.Props>;
|
|
13
|
-
getTabListProps: PropGetter<TabList.Props>;
|
|
14
|
-
getContentProps: PropGetter<TabContent.Props>;
|
|
15
|
-
getTabProps: PropGetter<Tab.Props>;
|
|
16
|
-
getCursorProps: PropGetter<TabCursor.Props>;
|
|
17
|
-
value: string;
|
|
18
|
-
setValue: react.Dispatch<react.SetStateAction<string>>;
|
|
19
|
-
selectedTabContent: ReactElement<unknown, string | react.JSXElementConstructor<any>>;
|
|
20
|
-
getPanelProps: PropGetter<TabPanel.Props>;
|
|
21
|
-
};
|
|
22
|
-
declare namespace useTabs {
|
|
23
|
-
interface Props extends UIProps<"div">, TabVariants {
|
|
24
|
-
defaultValue?: string;
|
|
25
|
-
value?: string;
|
|
26
|
-
onValueChange?: (value: string) => void;
|
|
27
|
-
slotProps?: {
|
|
28
|
-
tab?: Tab.Props;
|
|
29
|
-
tabList?: TabList.Props;
|
|
30
|
-
tabContent?: TabContent.Props;
|
|
31
|
-
cursor?: TabCursor.Props;
|
|
32
|
-
tabPanel?: TabPanel.Props;
|
|
33
|
-
};
|
|
34
|
-
classNames?: SlotsToClassNames<TabsSlots>;
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
declare const Tabs: (props: Tabs.Props) => react.JSX.Element;
|
|
39
|
-
declare namespace Tabs {
|
|
40
|
-
interface Props extends useTabs.Props {
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
export { Tabs as T, useTabs as u };
|
package/dist/tabs-config.d.ts
DELETED
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import './tab.js';
|
|
2
|
-
import { T as Tabs } from './tabs-EQ-6Fm5A.js';
|
|
3
|
-
import * as react from 'react';
|
|
4
|
-
import { GlobalConfigProps } from '@jamsrui/core';
|
|
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
|
-
|
|
14
|
-
declare const useTabsConfig: () => TabsConfig.Props;
|
|
15
|
-
declare const TabsConfig: (props: TabsConfig.Props & {
|
|
16
|
-
merge?: boolean;
|
|
17
|
-
}) => react.JSX.Element;
|
|
18
|
-
declare namespace TabsConfig {
|
|
19
|
-
interface Props extends Tabs.Props, GlobalConfigProps<Tabs.Props> {
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
export { TabsConfig, useTabsConfig };
|
package/dist/tabs-config.js
DELETED
|
@@ -1 +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-context.d.ts
DELETED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import * as react from 'react';
|
|
2
|
-
import { u as useTabs } from './tabs-EQ-6Fm5A.js';
|
|
3
|
-
import '@jamsrui/utils';
|
|
4
|
-
import './styles.js';
|
|
5
|
-
import 'tailwind-variants';
|
|
6
|
-
import './tab.js';
|
|
7
|
-
import './tab-content.js';
|
|
8
|
-
import './tab-cursor.js';
|
|
9
|
-
import 'motion/react';
|
|
10
|
-
import './tab-list.js';
|
|
11
|
-
import './tab-panel.js';
|
|
12
|
-
|
|
13
|
-
declare const useTabsContext: () => TabsContext.Type;
|
|
14
|
-
declare const TabsContext: react.Context<TabsContext.Type | null>;
|
|
15
|
-
declare namespace TabsContext {
|
|
16
|
-
interface Type extends ReturnType<typeof useTabs> {
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
export { TabsContext, useTabsContext };
|
package/dist/tabs-context.js
DELETED
|
@@ -1 +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.d.ts
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import 'react';
|
|
2
|
-
export { T as Tabs } from './tabs-EQ-6Fm5A.js';
|
|
3
|
-
import '@jamsrui/utils';
|
|
4
|
-
import './styles.js';
|
|
5
|
-
import 'tailwind-variants';
|
|
6
|
-
import './tab.js';
|
|
7
|
-
import './tab-content.js';
|
|
8
|
-
import './tab-cursor.js';
|
|
9
|
-
import 'motion/react';
|
|
10
|
-
import './tab-list.js';
|
|
11
|
-
import './tab-panel.js';
|
package/dist/tabs.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkQGZYGDSVjs = require('./chunk-QGZYGDSV.js');require('./chunk-YUBDMYXY.js');require('./chunk-F2MW2JWY.js');require('./chunk-AINPUFFZ.js');require('./chunk-M7SO3V45.js');require('./chunk-JD2IVPH7.js');require('./chunk-WSW5NKGC.js');exports.Tabs = _chunkQGZYGDSVjs.a;
|
package/dist/use-tab.d.ts
DELETED
package/dist/use-tab.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkLZE4JOJLjs = require('./chunk-LZE4JOJL.js');require('./chunk-JD2IVPH7.js');exports.useTab = _chunkLZE4JOJLjs.a;
|
package/dist/use-tabs.d.ts
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import 'react';
|
|
2
|
-
import '@jamsrui/utils';
|
|
3
|
-
import './styles.js';
|
|
4
|
-
import './tab.js';
|
|
5
|
-
import './tab-content.js';
|
|
6
|
-
import './tab-cursor.js';
|
|
7
|
-
import './tab-list.js';
|
|
8
|
-
import './tab-panel.js';
|
|
9
|
-
export { u as useTabs } from './tabs-EQ-6Fm5A.js';
|
|
10
|
-
import 'tailwind-variants';
|
|
11
|
-
import 'motion/react';
|
package/dist/use-tabs.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkYUBDMYXYjs = require('./chunk-YUBDMYXY.js');require('./chunk-F2MW2JWY.js');exports.useTabs = _chunkYUBDMYXYjs.a;
|