@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.
Files changed (60) hide show
  1. package/dist/index.mjs +1 -1
  2. package/dist/styles.mjs +1 -1
  3. package/dist/tab-content.mjs +1 -1
  4. package/dist/tab-cursor.mjs +1 -1
  5. package/dist/tab-list.mjs +1 -1
  6. package/dist/tab-panel.mjs +1 -1
  7. package/dist/tab.mjs +1 -1
  8. package/dist/tabs-config.mjs +1 -1
  9. package/dist/tabs-context.mjs +1 -1
  10. package/dist/tabs.mjs +1 -1
  11. package/dist/use-tab.mjs +1 -1
  12. package/dist/use-tabs.mjs +1 -1
  13. package/package.json +4 -4
  14. package/dist/chunk-AINPUFFZ.js +0 -1
  15. package/dist/chunk-F2MW2JWY.js +0 -1
  16. package/dist/chunk-F6Y2NK36.js +0 -1
  17. package/dist/chunk-H2J22QIW.mjs +0 -1
  18. package/dist/chunk-HKWZIGYP.mjs +0 -1
  19. package/dist/chunk-IPFSN6JS.mjs +0 -1
  20. package/dist/chunk-JD2IVPH7.js +0 -1
  21. package/dist/chunk-LA2JMAFM.mjs +0 -1
  22. package/dist/chunk-LZE4JOJL.js +0 -1
  23. package/dist/chunk-M6FSPJQJ.mjs +0 -1
  24. package/dist/chunk-M7SO3V45.js +0 -1
  25. package/dist/chunk-MUQ2LZD2.mjs +0 -1
  26. package/dist/chunk-MW5NNZLH.mjs +0 -1
  27. package/dist/chunk-N3NSYOEO.js +0 -1
  28. package/dist/chunk-QGZYGDSV.js +0 -1
  29. package/dist/chunk-SHPORD5U.mjs +0 -1
  30. package/dist/chunk-T3EL7W5Q.mjs +0 -1
  31. package/dist/chunk-TDBGUN6P.mjs +0 -1
  32. package/dist/chunk-TRBHSJNP.mjs +0 -1
  33. package/dist/chunk-WSW5NKGC.js +0 -1
  34. package/dist/chunk-YUBDMYXY.js +0 -1
  35. package/dist/chunk-ZHYKF7LW.js +0 -1
  36. package/dist/index.d.ts +0 -13
  37. package/dist/index.js +0 -1
  38. package/dist/styles.d.ts +0 -354
  39. package/dist/styles.js +0 -1
  40. package/dist/tab-content.d.ts +0 -10
  41. package/dist/tab-content.js +0 -1
  42. package/dist/tab-cursor.d.ts +0 -10
  43. package/dist/tab-cursor.js +0 -1
  44. package/dist/tab-list.d.ts +0 -10
  45. package/dist/tab-list.js +0 -1
  46. package/dist/tab-panel.d.ts +0 -10
  47. package/dist/tab-panel.js +0 -1
  48. package/dist/tab.d.ts +0 -12
  49. package/dist/tab.js +0 -1
  50. package/dist/tabs-EQ-6Fm5A.d.ts +0 -44
  51. package/dist/tabs-config.d.ts +0 -23
  52. package/dist/tabs-config.js +0 -1
  53. package/dist/tabs-context.d.ts +0 -20
  54. package/dist/tabs-context.js +0 -1
  55. package/dist/tabs.d.ts +0 -11
  56. package/dist/tabs.js +0 -1
  57. package/dist/use-tab.d.ts +0 -11
  58. package/dist/use-tab.js +0 -1
  59. package/dist/use-tabs.d.ts +0 -11
  60. package/dist/use-tabs.js +0 -1
package/dist/index.mjs CHANGED
@@ -1 +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};
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{a,b}from"./chunk-TRBHSJNP.mjs";export{b as tabsVariant,a as test};
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};
@@ -1 +1 @@
1
- import{a}from"./chunk-HKWZIGYP.mjs";import"./chunk-M6FSPJQJ.mjs";export{a as TabContent};
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};
@@ -1 +1 @@
1
- import{a}from"./chunk-H2J22QIW.mjs";import"./chunk-M6FSPJQJ.mjs";export{a as TabCursor};
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{a}from"./chunk-TDBGUN6P.mjs";import"./chunk-M6FSPJQJ.mjs";export{a as TabList};
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};
@@ -1 +1 @@
1
- import{a}from"./chunk-MW5NNZLH.mjs";import"./chunk-M6FSPJQJ.mjs";export{a as TabPanel};
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"./chunk-SHPORD5U.mjs";import"./chunk-LA2JMAFM.mjs";import"./chunk-HKWZIGYP.mjs";import"./chunk-H2J22QIW.mjs";import"./chunk-M6FSPJQJ.mjs";export{a as Tab};
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};
@@ -1 +1 @@
1
- import{a,b}from"./chunk-MUQ2LZD2.mjs";export{a as TabsConfig,b as useTabsConfig};
1
+ import{createConfigContext as o}from"@jamsrui/utils";const[r,a]=o({displayName:"TabsConfig"});export{r as TabsConfig,a as useTabsConfig};
@@ -1 +1 @@
1
- import{a,b}from"./chunk-M6FSPJQJ.mjs";export{a as TabsContext,b as useTabsContext};
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{a}from"./chunk-IPFSN6JS.mjs";import"./chunk-T3EL7W5Q.mjs";import"./chunk-TRBHSJNP.mjs";import"./chunk-TDBGUN6P.mjs";import"./chunk-MW5NNZLH.mjs";import"./chunk-M6FSPJQJ.mjs";import"./chunk-MUQ2LZD2.mjs";export{a as Tabs};
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{a}from"./chunk-LA2JMAFM.mjs";import"./chunk-M6FSPJQJ.mjs";export{a as useTab};
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{a}from"./chunk-T3EL7W5Q.mjs";import"./chunk-TRBHSJNP.mjs";export{a as useTabs};
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.2",
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.2",
10
- "@jamsrui/core": "^0.0.2",
11
- "@jamsrui/utils": "^0.0.2"
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
  ".": {
@@ -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;
@@ -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;
@@ -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;
@@ -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};
@@ -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};
@@ -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};
@@ -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;
@@ -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};
@@ -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;
@@ -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};
@@ -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;
@@ -1 +0,0 @@
1
- import{createConfigContext as o}from"@jamsrui/utils";var[r,a]=o({displayName:"TabsConfig"});export{r as a,a as b};
@@ -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};
@@ -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;
@@ -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;
@@ -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};
@@ -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};
@@ -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};
@@ -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};
@@ -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;
@@ -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;
@@ -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;
@@ -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 };
@@ -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;
@@ -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 };
@@ -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;
@@ -1,10 +0,0 @@
1
- import * as react from 'react';
2
- import { UIProps } from '@jamsrui/utils';
3
-
4
- declare const TabList: (props: TabList.Props) => react.JSX.Element;
5
- declare namespace TabList {
6
- interface Props extends UIProps<"div"> {
7
- }
8
- }
9
-
10
- export { TabList };
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;
@@ -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;
@@ -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 };
@@ -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 };
@@ -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;
@@ -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 };
@@ -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
@@ -1,11 +0,0 @@
1
- declare const useTab: (props: useTab.Props) => {
2
- isActive: boolean;
3
- handleClick: () => void;
4
- };
5
- declare namespace useTab {
6
- interface Props {
7
- value: string;
8
- }
9
- }
10
-
11
- export { useTab };
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;
@@ -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;