@jamsrui/tabs 0.0.2

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