@jamsrui/tabs 0.0.9 → 0.0.11
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/chunk-A4TFE4ZB.mjs +1 -0
- package/dist/chunk-ADOEZWRQ.mjs +1 -0
- package/dist/chunk-H3BKXKOX.mjs +1 -0
- package/dist/chunk-HEQQLVV2.mjs +1 -0
- package/dist/chunk-HKWZIGYP.mjs +1 -0
- package/dist/chunk-KOJBJNDN.mjs +1 -0
- package/dist/chunk-LA2JMAFM.mjs +1 -0
- package/dist/chunk-M6FSPJQJ.mjs +1 -0
- package/dist/chunk-MUQ2LZD2.mjs +1 -0
- package/dist/chunk-MW5NNZLH.mjs +1 -0
- package/dist/chunk-NMCFI34B.mjs +1 -0
- 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 +5 -6
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{a as c}from"./chunk-NMCFI34B.mjs";import{Children as E,isValidElement as S,useCallback as n,useMemo as g}from"react";import{useControlledState as x}from"@jamsrui/hooks";import{cn as l,dataAttrDev as r,mapPropsVariants as A,mergeProps as b}from"@jamsrui/utils";var K=L=>{let[V,v]=A(L,c.variantKeys),{defaultValue:G,value:h,onValueChange:R,slotProps:t,classNames:s,children:m,...o}=V,e=c(v),[p,P]=x({defaultProp:G,onChange:R,prop:h}),i=g(()=>{let a=E.toArray(m);return(p?a.find(y=>S(y)?y.props.value===p:null):a[0])?.props.children},[m,p]),u=n(()=>({...o,"data-slot":r("root"),"data-component":r("tabs"),className:e.root({className:l(s?.root,o.className)})}),[s?.root,o,e]),T=n(a=>({...b(t?.tabList,a),"data-slot":r("tab-list"),className:e.tabList({className:l(t?.tabList?.className,s?.tabList,o.className)})}),[s?.tabList,o.className,t?.tabList,e]),N=n(a=>({...b(t?.tabContent,a),"data-slot":r("tab-content"),className:e.tabContent({className:l(t?.tabContent?.className,s?.tabContent,o.className)})}),[s?.tabContent,o.className,t?.tabContent,e]),C=n(a=>({...b(t?.tab,a),"data-slot":r("tab"),className:e.tab({className:l(t?.tab?.className,s?.tab,a.className)})}),[s?.tab,t?.tab,e]),d=n(a=>({layoutId:"cursor",...b(t?.cursor,a),"data-slot":r("cursor"),className:e.cursor({className:l(t?.cursor?.className,s?.cursor,a.className)})}),[s?.cursor,t?.cursor,e]),f=n(a=>({...b(t?.tabContent,a),"data-slot":r("tab-panel"),className:e.panel({className:l(t?.tabPanel?.className,s?.panel,a.className)})}),[s?.panel,t?.tabContent,t?.tabPanel?.className,e]);return g(()=>({getRootProps:u,getTabListProps:T,getContentProps:N,getTabProps:C,getCursorProps:d,value:p,setValue:P,selectedTabContent:i,getPanelProps:f}),[N,d,f,u,T,C,i,P,p])};export{K as a};
|
|
@@ -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-KOJBJNDN.mjs";import{b as e}from"./chunk-M6FSPJQJ.mjs";import{useRenderElement as l}from"@jamsrui/hooks";import{Fragment as b,jsx as n,jsxs as u}from"react/jsx-runtime";var v=s=>{let{getTabProps:p}=e(),{heading:a,value:m,...i}=p(s),{handleClick:c,isActive:d}=r({value:m});return l("button",{props:[i,{onClick:c},{children:u(b,{children:[n(o,{children:a}),!!d&&n(t,{})]})}]})};export{v as a};
|
|
@@ -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";import{jsx as n}from"react/jsx-runtime";var L=r=>{let{getTabListProps:t}=o(),e=i("div",{props:[t(r)]}),s=p();return n(m,{id:s,children:e})};export{L as a};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{a as i}from"./chunk-A4TFE4ZB.mjs";import{a as n}from"./chunk-H3BKXKOX.mjs";import{a as m}from"./chunk-MW5NNZLH.mjs";import{a as t}from"./chunk-M6FSPJQJ.mjs";import{b as p}from"./chunk-MUQ2LZD2.mjs";import{useRenderElement as d}from"@jamsrui/hooks";import{mergeConfigProps as l}from"@jamsrui/utils";import{Fragment as P,jsx as o,jsxs as g}from"react/jsx-runtime";var R=e=>{let{children:a}=e,r=p(),c=l(r,r,e),s=i(c),{getRootProps:b}=s,f=g(P,{children:[o(n,{children:a}),o(m,{})]}),T=d("div",{props:[b({}),{children:f}]});return o(t,{value:s,children:T})};export{R as a};
|
|
@@ -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{b as o}from"./chunk-M6FSPJQJ.mjs";import{motion as e}from"motion/react";import{jsx as s}from"react/jsx-runtime";var n=r=>{let{getCursorProps:t}=o();return s(e.div,{...t(r)})};export{n as a};
|
|
@@ -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
|
+
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
|
+
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
|
+
import{colorVariants as e,dataFocusVisibleClasses as t,focusVisibleClasses as r,tv as o}from"@jamsrui/utils";var n=o({slots:{root:"",tabList:["inline-flex","p-1","h-fit","gap-2","items-center","flex-nowrap","overflow-x-auto","scrollbar-hide","bg-default-100","max-w-full overflow-auto"],tab:["z-0 text-default-500","w-full","px-3","py-1","flex flex-row items-center justify-center gap-2","group","relative","outline-none","cursor-pointer","transition-opacity","tap-highlight-transparent","ui-disabled:cursor-not-allowed","ui-disabled:opacity-30","ui-disabled:text-foreground",...r],tabContent:["relative","z-10","whitespace-nowrap","transition-colors","text-default-500","uig-selected:text-foreground","flex flex-row items-center justify-center gap-2"],cursor:["absolute","-z-1","bg-white"],panel:["py-3","px-1","outline-none","data-[inert=true]:hidden",...t]},variants:{variant:{solid:{cursor:"inset-0"},light:{tabList:"bg-transparent dark:bg-transparent",cursor:"inset-0"},underlined:{tabList:"bg-transparent dark:bg-transparent",cursor:"bottom-0 h-[2px] w-4/5 shadow-[0_1px_0px_0_rgba(0,0,0,0.05)]"},bordered:{tabList:"border-2 border-default-200 bg-transparent shadow-sm dark:bg-transparent",cursor:"inset-0"}},color:{default:{},primary:{},secondary:{},success:{},warning:{},danger:{}},size:{sm:{tabList:"rounded-xl",tab:"h-7 rounded text-xs",cursor:"rounded"},md:{tabList:"rounded-xl",tab:"h-8 rounded text-sm",cursor:"rounded-md"},lg:{tabList:"rounded-lg",tab:"h-9 rounded-xl text-base",cursor:"rounded-xl"}},radius:{none:{tabList:"rounded-none",tab:"rounded-none",cursor:"rounded-none"},sm:{tabList:"rounded",tab:"rounded",cursor:"rounded"},md:{tabList:"rounded-md",tab:"rounded-md",cursor:"rounded-md"},lg:{tabList:"rounded-lg",tab:"rounded-lg",cursor:"rounded-lg"},xl:{tabList:"rounded-xl",tab:"rounded-xl",cursor:"rounded-xl"},full:{tabList:"rounded-full",tab:"rounded-full",cursor:"rounded-full"}},fullWidth:{true:{root:"w-full",tabList:"w-full"}},isDisabled:{true:{tabList:"pointer-events-none opacity-disabled"}},disableAnimation:{true:{tab:"transition-none",tabContent:"transition-none"}},placement:{top:{},start:{tabList:"flex-col",panel:"px-3 py-0",root:"flex"},end:{tabList:"flex-col",panel:"px-3 py-0",root:"flex flex-row-reverse"},bottom:{root:"flex flex-col-reverse"}}},compoundVariants:[{variant:["solid","bordered","light"],color:"default",className:{cursor:["bg-background","dark:bg-default","shadow-sm"],tabContent:"uig-selected:text-default-foreground"}},{variant:["solid","bordered","light"],color:"primary",className:{cursor:e.solid.primary,tabContent:"uig-selected:text-primary-foreground"}},{variant:["solid","bordered","light"],color:"secondary",className:{cursor:e.solid.secondary,tabContent:"uig-selected:text-secondary-foreground"}},{variant:["solid","bordered","light"],color:"success",className:{cursor:e.solid.success,tabContent:"uig-selected:text-success-foreground"}},{variant:["solid","bordered","light"],color:"warning",className:{cursor:e.solid.warning,tabContent:"uig-selected:text-warning-foreground"}},{variant:["solid","bordered","light"],color:"danger",className:{cursor:e.solid.danger,tabContent:"uig-selected:text-danger-foreground"}},{variant:"underlined",color:"default",className:{cursor:"bg-foreground",tabContent:"uig-selected:text-foreground"}},{variant:"underlined",color:"primary",className:{cursor:"bg-primary",tabContent:"uig-selected:text-primary"}},{variant:"underlined",color:"secondary",className:{cursor:"bg-secondary",tabContent:"uig-selected:text-secondary"}},{variant:"underlined",color:"success",className:{cursor:"bg-success",tabContent:"uig-selected:text-success"}},{variant:"underlined",color:"warning",className:{cursor:"bg-warning",tabContent:"uig-selected:text-warning"}},{variant:"underlined",color:"danger",className:{cursor:"bg-danger",tabContent:"uig-selected:text-danger"}}],defaultVariants:{color:"default",variant:"solid",size:"md",fullWidth:!1,isDisabled:!1}});export{n as a};
|
package/dist/index.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{
|
|
1
|
+
"use client";import{a as f}from"./chunk-HEQQLVV2.mjs";import"./chunk-A4TFE4ZB.mjs";import"./chunk-NMCFI34B.mjs";import"./chunk-H3BKXKOX.mjs";import"./chunk-MW5NNZLH.mjs";import{a as o}from"./chunk-ADOEZWRQ.mjs";import"./chunk-LA2JMAFM.mjs";import"./chunk-HKWZIGYP.mjs";import"./chunk-KOJBJNDN.mjs";import"./chunk-M6FSPJQJ.mjs";import{a as e,b as r}from"./chunk-MUQ2LZD2.mjs";export{o as Tab,f as Tabs,e as TabsConfig,r as useTabsConfig};
|
package/dist/styles.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{a}from"./chunk-NMCFI34B.mjs";export{a as tabsVariant};
|
package/dist/tab-content.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{a}from"./chunk-HKWZIGYP.mjs";import"./chunk-M6FSPJQJ.mjs";export{a as TabContent};
|
package/dist/tab-cursor.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{a}from"./chunk-KOJBJNDN.mjs";import"./chunk-M6FSPJQJ.mjs";export{a as TabCursor};
|
package/dist/tab-list.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{a}from"./chunk-H3BKXKOX.mjs";import"./chunk-M6FSPJQJ.mjs";export{a as TabList};
|
package/dist/tab-panel.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{a}from"./chunk-MW5NNZLH.mjs";import"./chunk-M6FSPJQJ.mjs";export{a as TabPanel};
|
package/dist/tab.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{a}from"./chunk-ADOEZWRQ.mjs";import"./chunk-LA2JMAFM.mjs";import"./chunk-HKWZIGYP.mjs";import"./chunk-KOJBJNDN.mjs";import"./chunk-M6FSPJQJ.mjs";export{a as Tab};
|
package/dist/tabs-config.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{a,b}from"./chunk-MUQ2LZD2.mjs";export{a as TabsConfig,b as useTabsConfig};
|
package/dist/tabs-context.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{a,b}from"./chunk-M6FSPJQJ.mjs";export{a as TabsContext,b as useTabsContext};
|
package/dist/tabs.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{a}from"./chunk-HEQQLVV2.mjs";import"./chunk-A4TFE4ZB.mjs";import"./chunk-NMCFI34B.mjs";import"./chunk-H3BKXKOX.mjs";import"./chunk-MW5NNZLH.mjs";import"./chunk-M6FSPJQJ.mjs";import"./chunk-MUQ2LZD2.mjs";export{a as Tabs};
|
package/dist/use-tab.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{a}from"./chunk-LA2JMAFM.mjs";import"./chunk-M6FSPJQJ.mjs";export{a as useTab};
|
package/dist/use-tabs.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{a}from"./chunk-A4TFE4ZB.mjs";import"./chunk-NMCFI34B.mjs";export{a as useTabs};
|
package/package.json
CHANGED
|
@@ -1,20 +1,19 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jamsrui/tabs",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.11",
|
|
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.11",
|
|
10
|
+
"@jamsrui/core": "^0.0.10",
|
|
11
|
+
"@jamsrui/utils": "^0.0.11"
|
|
12
12
|
},
|
|
13
13
|
"exports": {
|
|
14
14
|
".": {
|
|
15
15
|
"types": "./dist/index.d.ts",
|
|
16
|
-
"import": "./dist/index.mjs"
|
|
17
|
-
"require": "./dist/index.js"
|
|
16
|
+
"import": "./dist/index.mjs"
|
|
18
17
|
}
|
|
19
18
|
},
|
|
20
19
|
"description": "A modern and beautiful Next.js UI components library.",
|