rocksolidjs 0.1.0 → 0.1.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 (122) hide show
  1. package/README.md +94 -0
  2. package/dist/Accordion/index.js +1 -1
  3. package/dist/Accordion/style.js +1 -1
  4. package/dist/AccordionContext/index.js +1 -1
  5. package/dist/AccordionDetails/AccordionDetails.js +1 -1
  6. package/dist/AccordionDetails/index.js +1 -1
  7. package/dist/AccordionDetails/style.js +1 -1
  8. package/dist/AccordionSummary/index.js +1 -1
  9. package/dist/AccordionSummary/style.js +1 -1
  10. package/dist/Alert/Alert.js +1 -1
  11. package/dist/Alert/index.js +1 -1
  12. package/dist/Alert/style.js +1 -1
  13. package/dist/Avatar/Avatar.js +1 -1
  14. package/dist/Avatar/index.js +1 -1
  15. package/dist/Avatar/style.js +1 -1
  16. package/dist/Backdrop/index.js +1 -1
  17. package/dist/Backdrop/style.js +1 -1
  18. package/dist/Badge/Badge.js +1 -1
  19. package/dist/Badge/index.js +1 -1
  20. package/dist/Badge/style.js +1 -1
  21. package/dist/Breadcrumbs/index.js +1 -1
  22. package/dist/Breadcrumbs/style.js +1 -1
  23. package/dist/Button/Button.js +1 -1
  24. package/dist/Button/index.js +1 -1
  25. package/dist/Button/style.js +1 -1
  26. package/dist/Card/Card.js +1 -1
  27. package/dist/Card/index.js +1 -1
  28. package/dist/Card/style.js +1 -1
  29. package/dist/CardContent/index.js +1 -1
  30. package/dist/CardContent/style.js +1 -1
  31. package/dist/CardDescription/index.js +1 -1
  32. package/dist/CardDescription/style.js +1 -1
  33. package/dist/CardFooter/index.js +1 -1
  34. package/dist/CardFooter/style.js +1 -1
  35. package/dist/CardHeader/index.js +1 -1
  36. package/dist/CardHeader/style.js +1 -1
  37. package/dist/CardTitle/index.js +1 -1
  38. package/dist/CardTitle/style.js +1 -1
  39. package/dist/Checkbox/index.js +1 -1
  40. package/dist/Checkbox/style.js +1 -1
  41. package/dist/Chip/Chip.js +1 -1
  42. package/dist/Chip/index.js +1 -1
  43. package/dist/Chip/style.js +1 -1
  44. package/dist/Dialog/Dialog.js +1 -1
  45. package/dist/Dialog/index.js +1 -1
  46. package/dist/Dialog/style.js +1 -1
  47. package/dist/DialogActions/index.js +1 -1
  48. package/dist/DialogActions/style.js +1 -1
  49. package/dist/DialogContent/index.js +1 -1
  50. package/dist/DialogContent/style.js +1 -1
  51. package/dist/DialogTitle/index.js +1 -1
  52. package/dist/DialogTitle/style.js +1 -1
  53. package/dist/Divider/Divider.js +1 -1
  54. package/dist/Divider/index.js +1 -1
  55. package/dist/Divider/style.js +1 -1
  56. package/dist/IconButton/index.js +1 -1
  57. package/dist/IconButton/style.js +1 -1
  58. package/dist/Input/Input.js +1 -1
  59. package/dist/Input/index.js +1 -1
  60. package/dist/Input/style.js +1 -1
  61. package/dist/Label/Label.js +1 -1
  62. package/dist/Label/index.js +1 -1
  63. package/dist/Label/style.js +1 -1
  64. package/dist/Link/Link.js +1 -1
  65. package/dist/Link/index.js +1 -1
  66. package/dist/Link/style.js +1 -1
  67. package/dist/Progress/Progress.js +1 -1
  68. package/dist/Progress/index.js +1 -1
  69. package/dist/Progress/style.js +1 -1
  70. package/dist/Radio/index.js +1 -1
  71. package/dist/Radio/style.js +1 -1
  72. package/dist/RadioGroup/index.js +1 -1
  73. package/dist/RadioGroupContext/index.js +1 -1
  74. package/dist/Select/Select.js +1 -1
  75. package/dist/Select/index.js +1 -1
  76. package/dist/Select/style.js +1 -1
  77. package/dist/Skeleton/Skeleton.js +1 -1
  78. package/dist/Skeleton/index.js +1 -1
  79. package/dist/Skeleton/style.js +1 -1
  80. package/dist/Spinner/Spinner.js +1 -1
  81. package/dist/Spinner/index.js +1 -1
  82. package/dist/Spinner/style.js +1 -1
  83. package/dist/Switch/Switch.js +1 -1
  84. package/dist/Switch/index.js +1 -1
  85. package/dist/Switch/style.js +1 -1
  86. package/dist/Tab/Tab.js +1 -1
  87. package/dist/Tab/index.js +1 -1
  88. package/dist/Tab/style.js +1 -1
  89. package/dist/TabPanel/index.js +1 -1
  90. package/dist/Table/index.js +1 -1
  91. package/dist/Table/style.js +1 -1
  92. package/dist/TableBody/index.js +1 -1
  93. package/dist/TableCell/TableCell.js +1 -1
  94. package/dist/TableCell/index.js +1 -1
  95. package/dist/TableCell/style.js +1 -1
  96. package/dist/TableContext/index.js +1 -1
  97. package/dist/TableFooter/index.js +1 -1
  98. package/dist/TableFooter/style.js +1 -1
  99. package/dist/TableHead/index.js +1 -1
  100. package/dist/TableHeadContext/index.js +1 -1
  101. package/dist/TableRow/index.js +1 -1
  102. package/dist/TableRow/style.js +1 -1
  103. package/dist/Tabs/Tabs.js +1 -1
  104. package/dist/Tabs/index.js +1 -1
  105. package/dist/Tabs/style.js +1 -1
  106. package/dist/TabsContext/index.js +1 -1
  107. package/dist/Textarea/Textarea.js +1 -1
  108. package/dist/Textarea/index.js +1 -1
  109. package/dist/Textarea/style.js +1 -1
  110. package/dist/ThemeProvider/index.js +1 -1
  111. package/dist/Typography/Typography.js +1 -1
  112. package/dist/Typography/index.js +1 -1
  113. package/dist/Typography/style.js +1 -1
  114. package/dist/_chunks/createTheme-DT5vPeEE.js +2 -0
  115. package/dist/_chunks/themeSchema-BFl6XiaJ.js +1 -0
  116. package/dist/index.js +1 -1
  117. package/dist/styles/createTheme.js +1 -2
  118. package/dist/styles/index.js +1 -1
  119. package/dist/styles/theme/themeSchema.js +1 -1
  120. package/dist/utils/cn.js +1 -1
  121. package/package.json +9 -7
  122. package/dist/_chunks/dist-C-sN40SQ.js +0 -1
package/README.md CHANGED
@@ -0,0 +1,94 @@
1
+ # RockSolid
2
+
3
+ RockSolid is a modern UI component library built with **SolidJS** and **Tailwind CSS**
4
+
5
+ It provides accessible, customizable, and reusable components for building modern web applications.
6
+
7
+ [Read the Documentation](https://rocksolidjs.com/)
8
+
9
+ ## Features
10
+
11
+ - Built with SolidJS
12
+ - Styled with Tailwind CSS
13
+ - Accessible components
14
+ - Themeable design system
15
+ - Dark mode support
16
+ - TypeScript support
17
+ - Customizable theme tokens
18
+
19
+ ## Prerequisites
20
+
21
+ Before installing RockSolid, make sure your project has the following dependencies installed:
22
+
23
+ - SolidJS
24
+ - Tailwind CSS
25
+
26
+ If you are starting a new SolidJS project, set up SolidJS and Tailwind CSS first.
27
+
28
+ Install the required dependencies:
29
+
30
+ ```bash
31
+ npm install solid-js tailwindcss
32
+ ```
33
+
34
+ ## Installation
35
+
36
+ Once the prerequisites are installed, install RockSolid:
37
+
38
+ ```bash
39
+ npm install rocksolidjs
40
+ ```
41
+
42
+ ## Setup
43
+
44
+ Import the RockSolid stylesheet into your application's global CSS file:
45
+
46
+ ```css
47
+ @import "tailwindcss";
48
+ @import "rocksolidjs/index.css";
49
+ /* Provide the relative path of the rocksolidjs package */
50
+ @source "../node_modules/rocksolidjs";
51
+ ```
52
+
53
+ Make sure Tailwind CSS is configured in your project.
54
+
55
+ ## Usage
56
+
57
+ Import components from RockSolid and use them in your SolidJS application:
58
+
59
+ ```tsx
60
+ import Button from "rocksolidjs/Button";
61
+
62
+ export default function App() {
63
+ return (
64
+ <Button>
65
+ Click me
66
+ </Button>
67
+ );
68
+ }
69
+ ```
70
+
71
+ ## Accessibility
72
+
73
+ RockSolid is designed with accessibility in mind.
74
+
75
+ Components follow common accessibility practices, including:
76
+
77
+ - Semantic HTML
78
+ - Keyboard navigation
79
+ - Visible focus states
80
+ - Accessible interaction patterns
81
+ - Appropriate ARIA attributes where required
82
+
83
+ ## TypeScript
84
+
85
+ RockSolid is written in TypeScript and provides type definitions for components, theme configuration, and APIs.
86
+
87
+ ## Documentation
88
+
89
+ For detailed information about components, theming, accessibility, and customization, see the [RockSolid documentation.](https://rocksolidjs.com/)
90
+
91
+
92
+ ## License
93
+
94
+ MIT
@@ -1 +1 @@
1
- import"./Accordion.js";
1
+ import e from"./Accordion.js";export{e as default};
@@ -1 +1 @@
1
- import{n as e}from"../_chunks/dist-C-sN40SQ.js";import t from"../styles/theme/index.js";var n=(n=t)=>e({base:[`border-t border-l border-r`,`first-of-type:rounded-t-sm`,`last-of-type:border-b`,`last-of-type:rounded-b-sm`,n.divider]}),r=n();export{n as accordion,r as default};
1
+ import e from"../styles/theme/index.js";import{tv as t}from"tailwind-variants";var n=(n=e)=>t({base:[`border-t border-l border-r`,`first-of-type:rounded-t-sm`,`last-of-type:border-b`,`last-of-type:rounded-b-sm`,n.divider]}),r=n();export{n as accordion,r as default};
@@ -1 +1 @@
1
- import"./AccordionContext.js";
1
+ import{AccordionContext as e,useAccordionContext as t}from"./AccordionContext.js";export{e as AccordionContext,t as useAccordionContext};
@@ -1 +1 @@
1
- import e from"../utils/cn.js";import t from"./style.js";import{useThemeContext as n}from"../ThemeProvider/ThemeContext.js";import"../ThemeProvider/index.js";import{useAccordionContext as r}from"../AccordionContext/AccordionContext.js";import"../AccordionContext/index.js";import{className as i,effect as a,insert as o,mergeProps as s,spread as c,template as l,use as u}from"solid-js/web";import{createMemo as d,createRenderEffect as f,onMount as p,splitProps as m}from"solid-js";var h=l(`<div><div>`),g=l=>{let[g,_]=m(l,[`class`,`children`,`onTransitionEnd`]),v=n(),y=r(),b=!1,x,S=()=>y.isExpanded(),C=()=>{if(y.disableTransition()){let e=S()?`auto`:`0px`;x&&(x.style.height=e);return}let e=S()?x?.scrollHeight??0:0;x&&(!S()&&b&&(x.style.height=`${x?.scrollHeight??0}px`),requestAnimationFrame(()=>{b=!1,x.style.height=`${e}px`}))},w=d(()=>{let e={disableTransition:y.disableTransition()};return v?v.componentsTV.accordionDetails(e):t(e)});p(()=>{C()}),f(()=>{C()});let T=e=>{e.propertyName===`height`&&S()&&(b=!0,x.style.height=`auto`),g.onTransitionEnd?.(e)},E=d(()=>{let e=y.accordionId();if(e)return{"aria-labelledby":`accordion-${e}-summary`,id:`accordion-${e}-details`,role:`region`}});return(()=>{var t=h(),n=t.firstChild,r=x;return typeof r==`function`?u(r,t):x=t,c(t,s(E,_,{get class(){return e(w().base(),g.class)},onTransitionEnd:T}),!1,!0),o(n,()=>g.children),a(()=>i(n,w().content())),t})()};export{g as default};
1
+ import e from"../utils/cn.js";import t from"./style.js";import{useThemeContext as n}from"../ThemeProvider/ThemeContext.js";import"../ThemeProvider/index.js";import{useAccordionContext as r}from"../AccordionContext/AccordionContext.js";import"../AccordionContext/index.js";import{className as i,effect as a,insert as o,mergeProps as s,spread as c,template as l,use as u}from"solid-js/web";import{createMemo as d,createRenderEffect as f,onMount as p,splitProps as m}from"solid-js";var h=l(`<div><div>`),g=l=>{let[g,_]=m(l,[`class`,`children`,`onTransitionEnd`]),v=n(),y=r(),b=!1,x,S=()=>y.isExpanded(),C=()=>{if(y.disableTransition()){let e=S()?`auto`:`0px`;x&&(x.style.height=e);return}let e=S()?x?.scrollHeight??0:0;x&&(!S()&&b&&(x.style.height=`${x?.scrollHeight??0}px`),x.offsetHeight,b=!1,x.style.height=`${e}px`)},w=d(()=>{let e={disableTransition:y.disableTransition()};return v?v.componentsTV.accordionDetails(e):t(e)});p(()=>{C()}),f(()=>{C()});let T=e=>{e.propertyName===`height`&&S()&&(b=!0,x.style.height=`auto`),g.onTransitionEnd?.(e)},E=d(()=>{let e=y.accordionId();if(e)return{"aria-labelledby":`accordion-${e}-summary`,id:`accordion-${e}-details`,role:`region`}});return(()=>{var t=h(),n=t.firstChild,r=x;return typeof r==`function`?u(r,t):x=t,c(t,s(E,_,{get class(){return e(w().base(),g.class)},onTransitionEnd:T}),!1,!0),o(n,()=>g.children),a(()=>i(n,w().content())),t})()};export{g as default};
@@ -1 +1 @@
1
- import"./AccordionDetails.js";
1
+ import e from"./AccordionDetails.js";export{e as default};
@@ -1 +1 @@
1
- import{n as e}from"../_chunks/dist-C-sN40SQ.js";import t from"../styles/theme/index.js";var n=(n=t)=>e({slots:{base:[`overflow-hidden`,n.typography.colors.textPrimary],content:[`pt-2 pb-3 px-4`,n.typography.variants.body2]},variants:{disableTransition:{true:{},false:{base:`transition-height duration-300`}}}}),r=n();export{n as accordionDetails,r as default};
1
+ import e from"../styles/theme/index.js";import{tv as t}from"tailwind-variants";var n=(n=e)=>t({slots:{base:[`overflow-hidden`,n.typography.colors.textPrimary],content:[`pt-2 pb-3 px-4`,n.typography.variants.body2]},variants:{disableTransition:{true:{},false:{base:`transition-height duration-300`}}}}),r=n();export{n as accordionDetails,r as default};
@@ -1 +1 @@
1
- import"./AccordionSummary.js";
1
+ import e from"./AccordionSummary.js";export{e as default};
@@ -1 +1 @@
1
- import{n as e}from"../_chunks/dist-C-sN40SQ.js";import t from"../styles/theme/index.js";var n=(n=t)=>e({base:[`px-3 h-full min-h-10 justify-between gap-2`,`text-left rtl:text-right`,n.rounded.small]}),r=n();export{n as accordionSummary,r as default};
1
+ import e from"../styles/theme/index.js";import{tv as t}from"tailwind-variants";var n=(n=e)=>t({base:[`px-3 h-full min-h-10 justify-between gap-2`,`text-left rtl:text-right`,n.rounded.small]}),r=n();export{n as accordionSummary,r as default};
@@ -1 +1 @@
1
- import e from"../utils/cn.js";import t from"./style.js";import{useThemeContext as n}from"../ThemeProvider/ThemeContext.js";import"../ThemeProvider/index.js";import r from"../Typography/Typography.js";import"../Typography/index.js";import i from"../IconButton/IconButton.js";import"../IconButton/index.js";import a from"../icons/Alert.js";import o from"../icons/Error.js";import s from"../icons/Checkmark.js";import c from"../icons/Info.js";import l from"../icons/Warning.js";import u from"../icons/Cross.js";import{Dynamic as d,createComponent as f,insert as p,memo as m,mergeProps as h,spread as g,template as _}from"solid-js/web";import{createMemo as v,mergeProps as y,splitProps as b}from"solid-js";var x=_(`<div>`),S=_=>{let S=y({color:`default`,variant:`filled`},_),[C,w]=b(S,[`as`,`action`,`children`,`class`,`color`,`icon`,`onClose`,`slotProps`,`variant`]),T=n(),E=v(()=>{if(C.icon)return C.icon;switch(C.color){case`success`:return f(s,{});case`info`:return f(c,{});case`warning`:return f(l,{});case`error`:return f(o,{});default:return f(a,{})}}),D=v(()=>{let e={color:C.color,variant:C.variant};return T?T.componentsTV.alert(e):t(e)});return f(d,h({role:`alert`},w,{get component(){return C.as??`div`},get class(){return e(D().base(),C.class)},get children(){return[m(()=>m(()=>!!E())()?f(r,h({as:`span`},()=>C.slotProps?.icon,{get class(){return e(D().icon(),C.slotProps?.icon?.class)},get children(){return E()}})):null),f(r,h({as:`div`,variant:`inherit`},()=>C.slotProps?.content,{get class(){return e(D().content(),C.slotProps?.content?.class)},get children(){return C.children}})),m(()=>m(()=>!!C.action)()?(()=>{var e=x();return g(e,h(()=>C.slotProps?.action),!1,!0),p(e,()=>C.action),e})():null),m(()=>m(()=>typeof C.onClose==`function`)()?f(i,h({"aria-label":`Close`,get color(){return C.color},variant:`text`,size:`small`},()=>C.slotProps?.closeButton,{get onClick(){return C.onClose},get children(){return f(u,{})}})):null)]}}))};export{S as default};
1
+ import e from"../utils/cn.js";import t from"./style.js";import{useThemeContext as n}from"../ThemeProvider/ThemeContext.js";import"../ThemeProvider/index.js";import r from"../Typography/Typography.js";import"../Typography/index.js";import i from"../IconButton/IconButton.js";import"../IconButton/index.js";import a from"../icons/Alert.js";import o from"../icons/Error.js";import s from"../icons/Checkmark.js";import c from"../icons/Info.js";import l from"../icons/Warning.js";import u from"../icons/Cross.js";import{Dynamic as d,createComponent as f,insert as p,memo as m,mergeProps as h,spread as g,template as _}from"solid-js/web";import{createMemo as v,mergeProps as y,splitProps as b}from"solid-js";import"tailwind-variants";var x=_(`<div>`),S=_=>{let S=y({color:`default`,variant:`filled`},_),[C,w]=b(S,[`as`,`action`,`children`,`class`,`color`,`icon`,`onClose`,`slotProps`,`variant`]),T=n(),E=v(()=>{if(C.icon)return C.icon;switch(C.color){case`success`:return f(s,{});case`info`:return f(c,{});case`warning`:return f(l,{});case`error`:return f(o,{});default:return f(a,{})}}),D=v(()=>{let e={color:C.color,variant:C.variant};return T?T.componentsTV.alert(e):t(e)});return f(d,h({role:`alert`},w,{get component(){return C.as??`div`},get class(){return e(D().base(),C.class)},get children(){return[m(()=>m(()=>!!E())()?f(r,h({as:`span`},()=>C.slotProps?.icon,{get class(){return e(D().icon(),C.slotProps?.icon?.class)},get children(){return E()}})):null),f(r,h({as:`div`,variant:`inherit`},()=>C.slotProps?.content,{get class(){return e(D().content(),C.slotProps?.content?.class)},get children(){return C.children}})),m(()=>m(()=>!!C.action)()?(()=>{var e=x();return g(e,h(()=>C.slotProps?.action),!1,!0),p(e,()=>C.action),e})():null),m(()=>m(()=>typeof C.onClose==`function`)()?f(i,h({"aria-label":`Close`,get color(){return C.color},variant:`text`,size:`small`},()=>C.slotProps?.closeButton,{get onClick(){return C.onClose},get children(){return f(u,{})}})):null)]}}))};export{S as default};
@@ -1 +1 @@
1
- import"./Alert.js";
1
+ import e from"./Alert.js";export{e as default};
@@ -1 +1 @@
1
- import{n as e}from"../_chunks/dist-C-sN40SQ.js";import t from"../styles/theme/index.js";import n from"../utils/asVariant.js";import r from"../utils/typedKeys.js";var i=[`solid`,`filled`,`outlined`],a=(a=t)=>e({slots:{base:[`flex items-center gap-2 w-full py-2 px-3 min-w-0 min-h-10`,a.rounded.small,a.typography.variants.body2],content:`grow-1 min-w-0`,icon:`text-lg shrink-0`},variants:{color:n(a.colors,()=>({})),variant:{solid:{},filled:{},outlined:{base:`border border-1`}}},compoundVariants:[...r(a.colors).flatMap(e=>i.map(t=>{let n=a.colors[e][t];return{color:e,variant:t,class:{base:[n.background,n.text,n.border]}}}))]}),o=a();export{a as alert,o as default};
1
+ import e from"../styles/theme/index.js";import t from"../utils/asVariant.js";import n from"../utils/typedKeys.js";import{tv as r}from"tailwind-variants";var i=[`solid`,`filled`,`outlined`],a=(a=e)=>r({slots:{base:[`flex items-center gap-2 w-full py-2 px-3 min-w-0 min-h-10`,a.rounded.small,a.typography.variants.body2],content:`grow-1 min-w-0`,icon:`text-lg shrink-0`},variants:{color:t(a.colors,()=>({})),variant:{solid:{},filled:{},outlined:{base:`border border-1`}}},compoundVariants:[...n(a.colors).flatMap(e=>i.map(t=>{let n=a.colors[e][t];return{color:e,variant:t,class:{base:[n.background,n.text,n.border]}}}))]}),o=a();export{a as alert,o as default};
@@ -1 +1 @@
1
- import e from"../utils/cn.js";import t from"./style.js";import{useThemeContext as n}from"../ThemeProvider/ThemeContext.js";import"../ThemeProvider/index.js";import{Dynamic as r,createComponent as i,memo as a,mergeProps as o,spread as s,template as c}from"solid-js/web";import{createMemo as l,createSignal as u,mergeProps as d,splitProps as f}from"solid-js";var p=c(`<img>`),m=e=>e.trim().split(/\s+/).filter(Boolean).map(e=>e[0]).slice(0,2).join(``).toUpperCase(),h=c=>{let h=d({color:`default`,rounded:`full`,size:`medium`},c),[g,_]=f(h,[`as`,`alt`,`class`,`color`,`children`,`rounded`,`size`,`slotProps`,`src`]),v=n(),[y,b]=u(g.src&&typeof g.src==`string`),x=()=>m(g.alt||``)||g.children,S=e=>{b(!1),g.slotProps?.img?.onError(e)},C=l(()=>{let e={rounded:g.rounded,color:g.color,size:g.size};return v?v.componentsTV.avatar(e):t(e)});return i(r,o(_,{get component(){return g.as??`div`},get class(){return e(C().base(),g.class)},get children(){return a(()=>!!y())()?(()=>{var t=p();return s(t,o(()=>g.slotProps?.img,{get src(){return g.src},get alt(){return g.alt},onError:S,get class(){return e(C().img(),g.slotProps?.img?.class)}}),!1,!1),t})():x()}}))};export{h as default};
1
+ import e from"../utils/cn.js";import t from"./style.js";import{useThemeContext as n}from"../ThemeProvider/ThemeContext.js";import"../ThemeProvider/index.js";import{Dynamic as r,createComponent as i,memo as a,mergeProps as o,spread as s,template as c}from"solid-js/web";import{createMemo as l,createSignal as u,mergeProps as d,splitProps as f}from"solid-js";import"tailwind-variants";var p=c(`<img>`),m=e=>e.trim().split(/\s+/).filter(Boolean).map(e=>e[0]).slice(0,2).join(``).toUpperCase(),h=c=>{let h=d({color:`default`,rounded:`full`,size:`medium`},c),[g,_]=f(h,[`as`,`alt`,`class`,`color`,`children`,`rounded`,`size`,`slotProps`,`src`]),v=n(),[y,b]=u(g.src&&typeof g.src==`string`),x=()=>m(g.alt||``)||g.children,S=e=>{b(!1),g.slotProps?.img?.onError(e)},C=l(()=>{let e={rounded:g.rounded,color:g.color,size:g.size};return v?v.componentsTV.avatar(e):t(e)});return i(r,o(_,{get component(){return g.as??`div`},get class(){return e(C().base(),g.class)},get children(){return a(()=>!!y())()?(()=>{var t=p();return s(t,o(()=>g.slotProps?.img,{get src(){return g.src},get alt(){return g.alt},onError:S,get class(){return e(C().img(),g.slotProps?.img?.class)}}),!1,!1),t})():x()}}))};export{h as default};
@@ -1 +1 @@
1
- import"./Avatar.js";
1
+ import e from"./Avatar.js";export{e as default};
@@ -1 +1 @@
1
- import{n as e}from"../_chunks/dist-C-sN40SQ.js";import t from"../styles/theme/index.js";import n from"../utils/asVariant.js";var r=(r=t)=>e({slots:{base:[`size-8 grid place-items-center`,r.typography.variants.body2],img:`w-full h-full rounded-[inherit]`},variants:{color:n(r.colors,e=>({base:[e.solid.background,e.solid.text]})),rounded:n(r.rounded,e=>({base:e})),size:{small:{base:`size-6 text-sm`},medium:{base:`size-8 text-sm`},large:{base:`size-10 text-md`}}}}),i=r();export{r as avatar,i as default};
1
+ import e from"../styles/theme/index.js";import t from"../utils/asVariant.js";import{tv as n}from"tailwind-variants";var r=(r=e)=>n({slots:{base:[`size-8 grid place-items-center shrink-0`,r.typography.variants.body2],img:`w-full h-full rounded-[inherit]`},variants:{color:t(r.colors,e=>({base:[e.solid.background,e.solid.text]})),rounded:t(r.rounded,e=>({base:e})),size:{small:{base:`size-6 text-sm`},medium:{base:`size-8 text-sm`},large:{base:`size-10 text-md`}}}}),i=r();export{r as avatar,i as default};
@@ -1 +1 @@
1
- import"./Backdrop.js";
1
+ import e from"./Backdrop.js";export{e as default};
@@ -1 +1 @@
1
- import{n as e}from"../_chunks/dist-C-sN40SQ.js";import t from"../styles/theme/index.js";var n=(n=t)=>e({base:[`fixed inset-0 w-full h-full z-50`,`flex justify-center items-center`,`bg-black/50 backdrop-blur-sm`]}),r=n();export{n as backdrop,r as default};
1
+ import e from"../styles/theme/index.js";import{tv as t}from"tailwind-variants";var n=(n=e)=>t({base:[`fixed inset-0 w-full h-full z-50`,`flex justify-center items-center`,`bg-black/50 backdrop-blur-sm`]}),r=n();export{n as backdrop,r as default};
@@ -1 +1 @@
1
- import e from"../utils/cn.js";import t from"./style.js";import{useThemeContext as n}from"../ThemeProvider/ThemeContext.js";import"../ThemeProvider/index.js";import{insert as r,mergeProps as i,spread as a,template as o}from"solid-js/web";import{createMemo as s,mergeProps as c,splitProps as l}from"solid-js";var u=o(`<span><span>`),d=o=>{let d=c({color:`default`,overlap:`circle`},o),[f,p]=l(d,[`badgeContent`,`children`,`class`,`color`,`position`,`overlap`,`slotProps`]),m=n(),h=s(()=>f.badgeContent===void 0),g=s(()=>{let e={color:f.color,overlap:f.overlap,xPos:f.position?.x??`right`,yPos:f.position?.y??`top`,empty:h()};return m?m.componentsTV.badge(e):t(e)});return(()=>{var t=u(),n=t.firstChild;return a(t,i(p,{get class(){return e(g().base(),f.class)}}),!1,!0),r(t,()=>f.children,n),a(n,i({get"aria-hidden"(){return h()}},()=>f.slotProps?.badge,{get class(){return e(g().badge(),f.slotProps?.badge?.class)}}),!1,!0),r(n,()=>f.badgeContent),t})()};export{d as default};
1
+ import e from"../utils/cn.js";import t from"./style.js";import{useThemeContext as n}from"../ThemeProvider/ThemeContext.js";import"../ThemeProvider/index.js";import{insert as r,mergeProps as i,spread as a,template as o}from"solid-js/web";import{createMemo as s,mergeProps as c,splitProps as l}from"solid-js";import"tailwind-variants";var u=o(`<span><span>`),d=o=>{let d=c({color:`default`,overlap:`circle`},o),[f,p]=l(d,[`badgeContent`,`children`,`class`,`color`,`position`,`overlap`,`slotProps`]),m=n(),h=s(()=>f.badgeContent===void 0),g=s(()=>{let e={color:f.color,overlap:f.overlap,xPos:f.position?.x??`right`,yPos:f.position?.y??`top`,empty:h()};return m?m.componentsTV.badge(e):t(e)});return(()=>{var t=u(),n=t.firstChild;return a(t,i(p,{get class(){return e(g().base(),f.class)}}),!1,!0),r(t,()=>f.children,n),a(n,i({get"aria-hidden"(){return h()}},()=>f.slotProps?.badge,{get class(){return e(g().badge(),f.slotProps?.badge?.class)}}),!1,!0),r(n,()=>f.badgeContent),t})()};export{d as default};
@@ -1 +1 @@
1
- import"./Badge.js";
1
+ import e from"./Badge.js";export{e as default};
@@ -1 +1 @@
1
- import{n as e}from"../_chunks/dist-C-sN40SQ.js";import t from"../styles/theme/index.js";import n from"../utils/asVariant.js";var r=(r=t)=>e({slots:{base:`relative`,badge:[`absolute grid place-items-center leading-0`,`text-xs font-semibold`,r.rounded.full]},variants:{color:n(r.colors,e=>({badge:[e.solid.background,e.solid.text]})),yPos:{top:{badge:`top-0 -translate-y-1/2`},bottom:{badge:`bottom-0 translate-y-1/2`}},xPos:{left:{badge:`left-0 -translate-x-1/2`},right:{badge:`right-0 translate-x-1/2`}},overlap:{circle:{},rect:{}},empty:{true:{badge:`min-w-2 min-h-2 w-2 h-2`},false:{badge:[`p-1 min-w-4 min-h-4 w-fit-content h-4`,`leading-0 grid place-items-center`]}}},compoundVariants:[{overlap:`circle`,xPos:`left`,class:{badge:`left-[15%]`}},{overlap:`circle`,xPos:`right`,class:{badge:`right-[15%]`}},{overlap:`circle`,yPos:`top`,class:{badge:`top-[15%]`}},{overlap:`circle`,yPos:`bottom`,class:{badge:`bottom-[15%]`}}]}),i=r();export{r as badge,i as default};
1
+ import e from"../styles/theme/index.js";import t from"../utils/asVariant.js";import{tv as n}from"tailwind-variants";var r=(r=e)=>n({slots:{base:`relative`,badge:[`absolute grid place-items-center leading-0`,`text-xs font-semibold`,r.rounded.full]},variants:{color:t(r.colors,e=>({badge:[e.solid.background,e.solid.text]})),yPos:{top:{badge:`top-0 -translate-y-1/2`},bottom:{badge:`bottom-0 translate-y-1/2`}},xPos:{left:{badge:`left-0 -translate-x-1/2`},right:{badge:`right-0 translate-x-1/2`}},overlap:{circle:{},rect:{}},empty:{true:{badge:`min-w-2 min-h-2 w-2 h-2`},false:{badge:[`p-1 min-w-4 min-h-4 w-fit-content h-4`,`leading-0 grid place-items-center`]}}},compoundVariants:[{overlap:`circle`,xPos:`left`,class:{badge:`left-[15%]`}},{overlap:`circle`,xPos:`right`,class:{badge:`right-[15%]`}},{overlap:`circle`,yPos:`top`,class:{badge:`top-[15%]`}},{overlap:`circle`,yPos:`bottom`,class:{badge:`bottom-[15%]`}}]}),i=r();export{r as badge,i as default};
@@ -1 +1 @@
1
- import"./Breadcrumbs.js";
1
+ import e from"./Breadcrumbs.js";export{e as default};
@@ -1 +1 @@
1
- import{n as e}from"../_chunks/dist-C-sN40SQ.js";import t from"../styles/theme/index.js";var n=(n=t)=>e({slots:{base:[n.typography.variants.body2,n.typography.colors.textTertiary],ol:`flex items-center flex-wrap gap-2`}}),r=n();export{n as breadcrumbs,r as default};
1
+ import e from"../styles/theme/index.js";import{tv as t}from"tailwind-variants";var n=(n=e)=>t({slots:{base:[n.typography.variants.body2,n.typography.colors.textTertiary],ol:`flex items-center flex-wrap gap-2`}}),r=n();export{n as breadcrumbs,r as default};
@@ -1 +1 @@
1
- import e from"../utils/cn.js";import t from"./style.js";import{useThemeContext as n}from"../ThemeProvider/ThemeContext.js";import"../ThemeProvider/index.js";import{Dynamic as r,createComponent as i,insert as a,memo as o,mergeProps as s,spread as c,template as l}from"solid-js/web";import{createMemo as u,mergeProps as d,splitProps as f}from"solid-js";var p=l(`<span>`),m=l=>{let m=d({as:`button`,color:`default`,variant:`solid`,size:`medium`},l),[h,g]=f(m,[`as`,`children`,`class`,`color`,`disabled`,`endIcon`,`fullWidth`,`size`,`startIcon`,`variant`,`slotProps`]),_=n(),v=u(()=>{let e={color:h.color,disabled:h.disabled,fullWidth:h.fullWidth,size:h.size,variant:h.variant};return _?_.componentsTV.button(e):t(e)});return i(r,s({get component(){return h.as||`button`}},g,{get class(){return e(v().base(),h.class)},get disabled(){return h.disabled},get children(){return[o(()=>o(()=>!!h.startIcon)()?(()=>{var t=p();return c(t,s(()=>h.slotProps?.startIcon,{get class(){return e(v().startIcon(),h.slotProps?.startIcon?.class)}}),!1,!0),a(t,()=>h.startIcon),t})():null),o(()=>h.children),o(()=>o(()=>!!h.endIcon)()?(()=>{var t=p();return c(t,s(()=>h.slotProps?.endIcon,{get class(){return e(v().endIcon(),h.slotProps?.endIcon?.class)}}),!1,!0),a(t,()=>h.endIcon),t})():null)]}}))};export{m as default};
1
+ import e from"../utils/cn.js";import t from"./style.js";import{useThemeContext as n}from"../ThemeProvider/ThemeContext.js";import"../ThemeProvider/index.js";import{Dynamic as r,createComponent as i,insert as a,memo as o,mergeProps as s,spread as c,template as l}from"solid-js/web";import{createMemo as u,mergeProps as d,splitProps as f}from"solid-js";import"tailwind-variants";var p=l(`<span>`),m=l=>{let m=d({as:`button`,color:`default`,variant:`solid`,size:`medium`},l),[h,g]=f(m,[`as`,`children`,`class`,`color`,`disabled`,`endIcon`,`fullWidth`,`size`,`startIcon`,`variant`,`slotProps`]),_=n(),v=u(()=>{let e={color:h.color,disabled:h.disabled,fullWidth:h.fullWidth,size:h.size,variant:h.variant};return _?_.componentsTV.button(e):t(e)});return i(r,s({get component(){return h.as||`button`}},g,{get class(){return e(v().base(),h.class)},get disabled(){return h.disabled},get children(){return[o(()=>o(()=>!!h.startIcon)()?(()=>{var t=p();return c(t,s(()=>h.slotProps?.startIcon,{get class(){return e(v().startIcon(),h.slotProps?.startIcon?.class)}}),!1,!0),a(t,()=>h.startIcon),t})():null),o(()=>h.children),o(()=>o(()=>!!h.endIcon)()?(()=>{var t=p();return c(t,s(()=>h.slotProps?.endIcon,{get class(){return e(v().endIcon(),h.slotProps?.endIcon?.class)}}),!1,!0),a(t,()=>h.endIcon),t})():null)]}}))};export{m as default};
@@ -1 +1 @@
1
- import"./Button.js";
1
+ import e from"./Button.js";export{e as default};
@@ -1 +1 @@
1
- import{n as e}from"../_chunks/dist-C-sN40SQ.js";import t from"../styles/theme/index.js";import n from"../utils/asVariant.js";import r from"../utils/typedKeys.js";var i=Object.keys(t.colors.default),a=(a=t)=>e({slots:{base:[`inline-flex justify-center items-center gap-2 font-normal align-middle`,a.rounded.small,a.focus],startIcon:`leading-[1] shrink-0`,endIcon:`leading-[1] shrink-0`},variants:{color:n(a.colors,()=>({})),variant:{...n(a.colors.default,()=>``),outlined:{base:`border`}},disabled:{true:{base:`user-event-none`},false:{base:`cursor-pointer`}},size:{small:{base:`py-[2px] px-2 text-sm min-h-6`},medium:{base:`py-1 px-3 text-sm min-h-8`},large:{base:`py-2 px-5 text-md gap-3 min-h-10`}},fullWidth:{true:{base:`w-full`},false:``}},compoundVariants:[...r(a.colors).flatMap(e=>i.map(t=>{let n=a.colors[e][t];return[{color:e,variant:t,disabled:!1,class:{base:[n.background,n.hover,n.active,n.text]}},{color:e,variant:t,disabled:!0,class:{base:[a.disabled.text,[`outlined`].includes(t)?a.disabled.border:``,[`solid`,`filled`].includes(t)?a.disabled.background:``]}}]}).flat())]}),o=a();export{a as button,o as default};
1
+ import e from"../styles/theme/index.js";import t from"../utils/asVariant.js";import n from"../utils/typedKeys.js";import{tv as r}from"tailwind-variants";var i=Object.keys(e.colors.default),a=(a=e)=>r({slots:{base:[`inline-flex justify-center items-center gap-2 font-normal align-middle`,a.rounded.small,a.focus],startIcon:`leading-[1] shrink-0`,endIcon:`leading-[1] shrink-0`},variants:{color:t(a.colors,()=>({})),variant:{...t(a.colors.default,()=>``),outlined:{base:`border`}},disabled:{true:{base:`user-event-none`},false:{base:`cursor-pointer`}},size:{small:{base:`py-[2px] px-2 text-sm min-h-6`},medium:{base:`py-1 px-3 text-sm min-h-8`},large:{base:`py-2 px-5 text-md gap-3 min-h-10`}},fullWidth:{true:{base:`w-full`},false:``}},compoundVariants:[...n(a.colors).flatMap(e=>i.map(t=>{let n=a.colors[e][t];return[{color:e,variant:t,disabled:!1,class:{base:[n.background,n.hover,n.active,n.text]}},{color:e,variant:t,disabled:!0,class:{base:[a.disabled.text,[`outlined`].includes(t)?a.disabled.border:``,[`solid`,`filled`].includes(t)?a.disabled.background:``]}}]}).flat())]}),o=a();export{a as button,o as default};
package/dist/Card/Card.js CHANGED
@@ -1 +1 @@
1
- import e from"../utils/cn.js";import t from"./style.js";import{useThemeContext as n}from"../ThemeProvider/ThemeContext.js";import"../ThemeProvider/index.js";import{insert as r,mergeProps as i,spread as a,template as o}from"solid-js/web";import{createMemo as s,mergeProps as c,splitProps as l}from"solid-js";var u=o(`<div>`),d=o=>{let d=c({variant:`outlined`},o),[f,p]=l(d,[`children`,`class`,`variant`]),m=n(),h=s(()=>{let e={variant:f.variant};return m?m.componentsTV.card(e):t(e)});return(()=>{var t=u();return a(t,i(p,{get class(){return e(h(),f.class)}}),!1,!0),r(t,()=>f.children),t})()};export{d as default};
1
+ import e from"../utils/cn.js";import t from"./style.js";import{useThemeContext as n}from"../ThemeProvider/ThemeContext.js";import"../ThemeProvider/index.js";import{insert as r,mergeProps as i,spread as a,template as o}from"solid-js/web";import{createMemo as s,mergeProps as c,splitProps as l}from"solid-js";import"tailwind-variants";var u=o(`<div>`),d=o=>{let d=c({variant:`outlined`},o),[f,p]=l(d,[`children`,`class`,`variant`]),m=n(),h=s(()=>{let e={variant:f.variant};return m?m.componentsTV.card(e):t(e)});return(()=>{var t=u();return a(t,i(p,{get class(){return e(h(),f.class)}}),!1,!0),r(t,()=>f.children),t})()};export{d as default};
@@ -1 +1 @@
1
- import"./Card.js";
1
+ import e from"./Card.js";export{e as default};
@@ -1 +1 @@
1
- import{n as e}from"../_chunks/dist-C-sN40SQ.js";import t from"../styles/theme/index.js";var n=(n=t)=>e({base:[n.rounded.small],variants:{variant:{filled:[`bg-neutral-100 dark:bg-neutral-900`,n.typography.colors.textSecondary,n.shadow.small],elevated:[`bg-white dark:bg-neutral-800`,`dark:border dark:border-white/10`,n.shadow.medium],outlined:[`bg-transparent border overflow-hidden`,n.divider],ghost:[`bg-transparent`]}}}),r=n();export{n as card,r as default};
1
+ import e from"../styles/theme/index.js";import{tv as t}from"tailwind-variants";var n=(n=e)=>t({base:[n.rounded.small],variants:{variant:{filled:[`bg-neutral-100 dark:bg-neutral-900`,n.typography.colors.textSecondary,n.shadow.small],elevated:[`bg-white dark:bg-neutral-800`,`dark:border dark:border-white/10`,n.shadow.medium],outlined:[`bg-transparent border overflow-hidden`,n.divider],ghost:[`bg-transparent`]}}}),r=n();export{n as card,r as default};
@@ -1 +1 @@
1
- import"./CardContent.js";
1
+ import e from"./CardContent.js";export{e as default};
@@ -1 +1 @@
1
- import{n as e}from"../_chunks/dist-C-sN40SQ.js";import t from"../styles/theme/index.js";var n=(n=t)=>e({base:[`px-4 py-2`,n.typography.variants.body2,n.typography.colors.textSecondary]}),r=n();export{n as cardContent,r as default};
1
+ import e from"../styles/theme/index.js";import{tv as t}from"tailwind-variants";var n=(n=e)=>t({base:[`px-4 py-2`,n.typography.variants.body2,n.typography.colors.textSecondary]}),r=n();export{n as cardContent,r as default};
@@ -1 +1 @@
1
- import"./CardDescription.js";
1
+ import e from"./CardDescription.js";export{e as default};
@@ -1 +1 @@
1
- import{n as e}from"../_chunks/dist-C-sN40SQ.js";import t from"../styles/theme/index.js";var n=(n=t)=>e({base:[`pt-1`,n.typography.variants.body2,n.typography.colors.textSecondary]}),r=n();export{n as cardDescription,r as default};
1
+ import e from"../styles/theme/index.js";import{tv as t}from"tailwind-variants";var n=(n=e)=>t({base:[`pt-1`,n.typography.variants.body2,n.typography.colors.textSecondary]}),r=n();export{n as cardDescription,r as default};
@@ -1 +1 @@
1
- import"./CardFooter.js";
1
+ import e from"./CardFooter.js";export{e as default};
@@ -1 +1 @@
1
- import{n as e}from"../_chunks/dist-C-sN40SQ.js";import t from"../styles/theme/index.js";var n=(n=t)=>e({base:`flex items-center gap-2 px-4 py-2`}),r=n();export{n as cardFooter,r as default};
1
+ import e from"../styles/theme/index.js";import{tv as t}from"tailwind-variants";var n=(n=e)=>t({base:`flex items-center gap-2 px-4 py-2`}),r=n();export{n as cardFooter,r as default};
@@ -1 +1 @@
1
- import"./CardHeader.js";
1
+ import e from"./CardHeader.js";export{e as default};
@@ -1 +1 @@
1
- import{n as e}from"../_chunks/dist-C-sN40SQ.js";import t from"../styles/theme/index.js";var n=(n=t)=>e({base:`px-4 pt-4 pb-2`}),r=n();export{n as cardHeader,r as default};
1
+ import e from"../styles/theme/index.js";import{tv as t}from"tailwind-variants";var n=(n=e)=>t({base:`px-4 pt-4 pb-2`}),r=n();export{n as cardHeader,r as default};
@@ -1 +1 @@
1
- import"./CardTitle.js";
1
+ import e from"./CardTitle.js";export{e as default};
@@ -1 +1 @@
1
- import{n as e}from"../_chunks/dist-C-sN40SQ.js";import t from"../styles/theme/index.js";var n=(n=t)=>e({base:[n.typography.variants.h5,n.typography.colors.textPrimary]}),r=n();export{n as cardTitle,r as default};
1
+ import e from"../styles/theme/index.js";import{tv as t}from"tailwind-variants";var n=(n=e)=>t({base:[n.typography.variants.h5,n.typography.colors.textPrimary]}),r=n();export{n as cardTitle,r as default};
@@ -1 +1 @@
1
- import"./Checkbox.js";
1
+ import e from"./Checkbox.js";export{e as default};
@@ -1 +1 @@
1
- import{n as e}from"../_chunks/dist-C-sN40SQ.js";import t from"../styles/theme/index.js";var n=(n=t)=>e({slots:{base:[`relative`,n.focusWithin],input:`absolute inset-0 w-full h-full opacity-0 outline-none`},variants:{checked:{true:{},false:{}},disabled:{true:{base:[n.disabled.state]},false:{}}},compoundVariants:[{checked:!1,disabled:!1,class:{base:[n.typography.colors.textTertiary]}}]}),r=n();export{n as checkbox,r as default};
1
+ import e from"../styles/theme/index.js";import{tv as t}from"tailwind-variants";var n=(n=e)=>t({slots:{base:[`relative`,n.focusWithin],input:`absolute inset-0 w-full h-full opacity-0 outline-none`},variants:{checked:{true:{},false:{}},disabled:{true:{base:[n.disabled.state]},false:{}}},compoundVariants:[{checked:!1,disabled:!1,class:{base:[n.typography.colors.textTertiary]}}]}),r=n();export{n as checkbox,r as default};
package/dist/Chip/Chip.js CHANGED
@@ -1 +1 @@
1
- import e from"../utils/cn.js";import t from"./style.js";import{useThemeContext as n}from"../ThemeProvider/ThemeContext.js";import"../ThemeProvider/index.js";import r from"../Typography/Typography.js";import i from"../icons/Cross.js";import{Dynamic as a,createComponent as o,insert as s,memo as c,mergeProps as l,spread as u,template as d}from"solid-js/web";import{createMemo as f,mergeProps as p,splitProps as m}from"solid-js";var h=d(`<span>`),g=d=>{let g=p({color:`default`,variant:`filled`,size:`medium`,disabled:!1},d),[_,v]=m(g,[`avatar`,`class`,`color`,`deleteIcon`,`disabled`,`icon`,`label`,`onClick`,`onDelete`,`slotProps`,`variant`,`size`,`children`]),y=n(),b=f(()=>_.avatar?_.avatar:_.icon?_.icon:null),x=f(()=>!!_.avatar),S=f(()=>typeof _.onDelete==`function`),C=f(()=>typeof _.onClick==`function`),w=e=>{_.disabled||(e.stopPropagation(),_.onDelete?.(e))},T=f(()=>{let e={color:_.color,disabled:_.disabled,variant:_.variant,size:_.size,hasAvatarElement:x(),hasDeleteIcon:S(),clickable:C()};return y?y.componentsTV.chip(e):t(e)}),E=f(()=>S()?_.deleteIcon?_.deleteIcon:o(i,{}):null);return o(a,l(v,{get component(){return C()?`button`:`div`},get"aria-disabled"(){return _.disabled},get onClick(){return c(()=>!_.disabled)()?_.onClick:void 0},get tabIndex(){return C()&&!_.disabled?0:void 0},get class(){return e(T().base(),_.class)},get children(){return[c(()=>b()),o(r,l(()=>_.slotProps?.label,{as:`span`,variant:`inherit`,get class(){return e(T().label(),_.slotProps?.label?.class)},get children(){return _.label}})),(()=>{var t=h();return u(t,l(()=>_.slotProps?.deleteIcon,{get class(){return e(T().deleteIcon(),_.slotProps?.deleteIcon?.class)},onClick:w}),!1,!0),s(t,E),t})()]}}))};export{g as default};
1
+ import e from"../utils/cn.js";import t from"./style.js";import{useThemeContext as n}from"../ThemeProvider/ThemeContext.js";import"../ThemeProvider/index.js";import r from"../Typography/Typography.js";import i from"../icons/Cross.js";import{Dynamic as a,createComponent as o,insert as s,memo as c,mergeProps as l,spread as u,template as d}from"solid-js/web";import{createMemo as f,mergeProps as p,splitProps as m}from"solid-js";import"tailwind-variants";var h=d(`<span>`),g=d=>{let g=p({color:`default`,variant:`filled`,size:`medium`,disabled:!1},d),[_,v]=m(g,[`avatar`,`class`,`color`,`deleteIcon`,`disabled`,`icon`,`label`,`onClick`,`onDelete`,`slotProps`,`variant`,`size`,`children`]),y=n(),b=f(()=>_.avatar?_.avatar:_.icon?_.icon:null),x=f(()=>!!_.avatar),S=f(()=>typeof _.onDelete==`function`),C=f(()=>typeof _.onClick==`function`),w=e=>{_.disabled||(e.stopPropagation(),_.onDelete?.(e))},T=f(()=>{let e={color:_.color,disabled:_.disabled,variant:_.variant,size:_.size,hasAvatarElement:x(),hasDeleteIcon:S(),clickable:C()};return y?y.componentsTV.chip(e):t(e)}),E=f(()=>S()?_.deleteIcon?_.deleteIcon:o(i,{}):null);return o(a,l(v,{get component(){return C()?`button`:`div`},get"aria-disabled"(){return _.disabled},get onClick(){return c(()=>!_.disabled)()?_.onClick:void 0},get tabIndex(){return C()&&!_.disabled?0:void 0},get class(){return e(T().base(),_.class)},get children(){return[c(()=>b()),o(r,l(()=>_.slotProps?.label,{as:`span`,variant:`inherit`,truncate:!0,get class(){return e(T().label(),_.slotProps?.label?.class)},get children(){return _.label}})),(()=>{var t=h();return u(t,l(()=>_.slotProps?.deleteIcon,{get class(){return e(T().deleteIcon(),_.slotProps?.deleteIcon?.class)},onClick:w}),!1,!0),s(t,E),t})()]}}))};export{g as default};
@@ -1 +1 @@
1
- import"./Chip.js";
1
+ import e from"./Chip.js";export{e as default};
@@ -1 +1 @@
1
- import{n as e}from"../_chunks/dist-C-sN40SQ.js";import t from"../styles/theme/index.js";import n from"../utils/asVariant.js";import r from"../utils/typedKeys.js";var i=[`solid`,`filled`,`outlined`],a=(a=t)=>e({slots:{base:[`inline-flex items-center gap-1`,`font-normal align-middle`,a.typography.colors.textPrimary,a.rounded.full],label:``,deleteIcon:`shrink-0`},variants:{color:n(a.colors,()=>({})),variant:{solid:{},filled:{},outlined:{base:`border`}},disabled:{true:{base:`user-event-none`},false:{deleteIcon:`cursor-pointer`}},size:{small:{base:`h-6 px-1.5 gap-[2px] text-xs`,deleteIcon:`text-md`},medium:{base:`h-7 px-2.5 gap-[3px] text-sm`,deleteIcon:`text-lg`},large:{base:`h-8 px-3 gap-1 text-normal`,deleteIcon:`text-xl`}},clickable:{true:{base:[a.focus]},false:{}},hasDeleteIcon:{true:{},false:{}},hasAvatarElement:{true:{},false:{}}},compoundVariants:[...r(a.colors).flatMap(e=>i.map(t=>{let n=a.colors[e][t];return[{color:e,variant:t,clickable:!1,disabled:!1,class:{base:[n.background,n.border,n.text]}},{color:e,variant:t,clickable:!0,disabled:!1,class:{base:[`cursor-pointer`,n.background,n.border,n.text,n.hover,n.active]}},{color:e,variant:t,disabled:!0,class:{base:[a.disabled.text,[`outlined`].includes(t)?a.disabled.border:``,[`solid`,`filled`].includes(t)?a.disabled.background:``]}}]}).flat()),{hasDeleteIcon:!0,size:`small`,class:{base:`ps-1.5 pe-1`}},{hasDeleteIcon:!0,size:`medium`,class:{base:`ps-2.5 pe-1.5`}},{hasDeleteIcon:!0,size:`large`,class:{base:`ps-3 pe-2`}},{hasAvatarElement:!0,size:`small`,class:{base:`ps-[2px]`,label:`ps-[1px]`}},{hasAvatarElement:!0,size:`medium`,class:{base:`ps-[3px]`,label:`ps-[2px]`}},{hasAvatarElement:!0,size:`large`,class:{base:`ps-1`,label:`ps-[3px]`}}]}),o=a();export{a as chip,o as default};
1
+ import e from"../styles/theme/index.js";import t from"../utils/asVariant.js";import n from"../utils/typedKeys.js";import{tv as r}from"tailwind-variants";var i=[`solid`,`filled`,`outlined`],a=(a=e)=>r({slots:{base:[`inline-flex items-center gap-1 max-w-full`,`font-normal align-middle`,a.typography.colors.textPrimary,a.rounded.full],label:``,deleteIcon:`shrink-0`},variants:{color:t(a.colors,()=>({})),variant:{solid:{},filled:{},outlined:{base:`border`}},disabled:{true:{base:`user-event-none`},false:{deleteIcon:`cursor-pointer`}},size:{small:{base:`h-6 px-1.5 py-[2px] gap-[2px] text-xs`,deleteIcon:`text-md`},medium:{base:`h-7 px-2.5 py-1 gap-[3px] text-sm`,deleteIcon:`text-lg`},large:{base:`h-8 px-3 py-1.5 gap-1 text-normal`,deleteIcon:`text-xl`}},clickable:{true:{base:[a.focus]},false:{}},hasDeleteIcon:{true:{},false:{}},hasAvatarElement:{true:{},false:{}}},compoundVariants:[...n(a.colors).flatMap(e=>i.map(t=>{let n=a.colors[e][t];return[{color:e,variant:t,clickable:!1,disabled:!1,class:{base:[n.background,n.border,n.text]}},{color:e,variant:t,clickable:!0,disabled:!1,class:{base:[`cursor-pointer`,n.background,n.border,n.text,n.hover,n.active]}},{color:e,variant:t,disabled:!0,class:{base:[a.disabled.text,[`outlined`].includes(t)?a.disabled.border:``,[`solid`,`filled`].includes(t)?a.disabled.background:``]}}]}).flat()),{hasDeleteIcon:!0,size:`small`,class:{base:`ps-1.5 pe-1`}},{hasDeleteIcon:!0,size:`medium`,class:{base:`ps-2.5 pe-1.5`}},{hasDeleteIcon:!0,size:`large`,class:{base:`ps-3 pe-2`}},{hasAvatarElement:!0,size:`small`,class:{base:`ps-[2px]`,label:`ps-[1px]`}},{hasAvatarElement:!0,size:`medium`,class:{base:`ps-[3px]`,label:`ps-[2px]`}},{hasAvatarElement:!0,size:`large`,class:{base:`ps-1`,label:`ps-[3px]`}}]}),o=a();export{a as chip,o as default};
@@ -1 +1 @@
1
- import e from"../utils/cn.js";import t from"./style.js";import{useThemeContext as n}from"../ThemeProvider/ThemeContext.js";import"../ThemeProvider/index.js";import r from"../Backdrop/Backdrop.js";import"../Backdrop/index.js";import{Portal as i,createComponent as a,insert as o,mergeProps as s,spread as c,template as l,use as u}from"solid-js/web";import{Show as d,createEffect as f,createMemo as p,mergeProps as m,onCleanup as h,splitProps as g}from"solid-js";var _=l(`<div role=dialog aria-modal=true>`),v=[`a[href]`,`button:not([disabled])`,`input:not([disabled])`,`select:not([disabled])`,`textarea:not([disabled])`,`[tabindex]:not([tabindex='-1'])`].join(`,`),y=l=>{let y=m({fullscreen:!1},l),[b,x]=g(y,[`class`,`children`,`fullscreen`,`open`,`onClose`,`slotProps`]),S=n(),C,w=()=>C?Array.from(C.querySelectorAll(v)).filter(e=>{let t=getComputedStyle(e);return!e.hasAttribute(`disabled`)&&t.display!==`none`&&t.visibility!==`hidden`}):[],T=()=>{let e=w()[0];e?e.focus():C.focus()},E=()=>{let e=w(),t=e[e.length-1];t?t.focus():C.focus()},D=e=>{if(!b.open||!C)return;if(e.key===`Escape`){e.preventDefault(),b.onClose?.(e,`escape`);return}if(e.key!==`Tab`)return;let t=w();if(t.length===0){e.preventDefault(),C.focus();return}let n=t[0],r=t[t.length-1],i=document.activeElement;if(!C.contains(i)){e.preventDefault(),e.shiftKey?E():T();return}if(e.shiftKey&&i===n){e.preventDefault(),r.focus();return}!e.shiftKey&&i===r&&(e.preventDefault(),n.focus())},O=e=>{if(!b.open||!C)return;let t=e.target;t instanceof Node&&(C.contains(t)||T())};f(()=>{if(!b.open){document.body.classList.remove(`overflow-hidden`);return}document.body.classList.add(`overflow-hidden`),document.addEventListener(`keydown`,D),document.addEventListener(`focusin`,O),h(()=>{document.removeEventListener(`keydown`,D),document.removeEventListener(`focusin`,O)})});let k=e=>{e.target===C||C.contains(e.target)||(b.onClose?.(e,`backdrop`),b.slotProps?.backdrop?.onClick?.(e))},A=p(()=>{let e={fullscreen:b.fullscreen};return S?S.componentsTV.dialog(e):t(e)});return a(d,{get when(){return b.open},get children(){return a(i,{get children(){return a(r,s(()=>b.slotProps?.backdrop,{onClick:k,get children(){var t=_(),n=C;return typeof n==`function`?u(n,t):C=t,c(t,s(x,{get class(){return e(A(),b.class)}}),!1,!0),o(t,()=>b.children),t}}))}})}})};export{y as default};
1
+ import e from"../utils/cn.js";import t from"./style.js";import{useThemeContext as n}from"../ThemeProvider/ThemeContext.js";import"../ThemeProvider/index.js";import r from"../Backdrop/Backdrop.js";import"../Backdrop/index.js";import{Portal as i,createComponent as a,insert as o,mergeProps as s,spread as c,template as l,use as u}from"solid-js/web";import{Show as d,createEffect as f,createMemo as p,mergeProps as m,onCleanup as h,splitProps as g}from"solid-js";import"tailwind-variants";var _=l(`<div role=dialog aria-modal=true>`),v=[`a[href]`,`button:not([disabled])`,`input:not([disabled])`,`select:not([disabled])`,`textarea:not([disabled])`,`[tabindex]:not([tabindex='-1'])`].join(`,`),y=l=>{let y=m({fullscreen:!1},l),[b,x]=g(y,[`class`,`children`,`fullscreen`,`open`,`onClose`,`slotProps`]),S=n(),C,w=()=>C?Array.from(C.querySelectorAll(v)).filter(e=>{let t=getComputedStyle(e);return!e.hasAttribute(`disabled`)&&t.display!==`none`&&t.visibility!==`hidden`}):[],T=()=>{let e=w()[0];e?e.focus():C.focus()},E=()=>{let e=w(),t=e[e.length-1];t?t.focus():C.focus()},D=e=>{if(!b.open||!C)return;if(e.key===`Escape`){e.preventDefault(),b.onClose?.(e,`escape`);return}if(e.key!==`Tab`)return;let t=w();if(t.length===0){e.preventDefault(),C.focus();return}let n=t[0],r=t[t.length-1],i=document.activeElement;if(!C.contains(i)){e.preventDefault(),e.shiftKey?E():T();return}if(e.shiftKey&&i===n){e.preventDefault(),r.focus();return}!e.shiftKey&&i===r&&(e.preventDefault(),n.focus())},O=e=>{if(!b.open||!C)return;let t=e.target;t instanceof Node&&(C.contains(t)||T())};f(()=>{if(!b.open){document.body.classList.remove(`overflow-hidden`);return}document.body.classList.add(`overflow-hidden`),document.addEventListener(`keydown`,D),document.addEventListener(`focusin`,O),h(()=>{document.removeEventListener(`keydown`,D),document.removeEventListener(`focusin`,O)})});let k=e=>{e.target===C||C.contains(e.target)||(b.onClose?.(e,`backdrop`),b.slotProps?.backdrop?.onClick?.(e))},A=p(()=>{let e={fullscreen:b.fullscreen};return S?S.componentsTV.dialog(e):t(e)});return a(d,{get when(){return b.open},get children(){return a(i,{get children(){return a(r,s(()=>b.slotProps?.backdrop,{onClick:k,get children(){var t=_(),n=C;return typeof n==`function`?u(n,t):C=t,c(t,s(x,{get class(){return e(A(),b.class)}}),!1,!0),o(t,()=>b.children),t}}))}})}})};export{y as default};
@@ -1 +1 @@
1
- import"./Dialog.js";
1
+ import e from"./Dialog.js";export{e as default};
@@ -1 +1 @@
1
- import{n as e}from"../_chunks/dist-C-sN40SQ.js";import t from"../styles/theme/index.js";var n=(n=t)=>e({base:[`fixed min-w-xs shadow-sm z-2`,`bg-white dark:bg-neutral-900`,`dark:border`,n.divider],variants:{fullscreen:{true:`w-full h-full`,false:[`top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2`,`[max-width:calc(100%_-_2rem)] [max-height:calc(100%_-_2rem)]`,n.rounded.small]}}}),r=n();export{r as default,n as dialog};
1
+ import e from"../styles/theme/index.js";import{tv as t}from"tailwind-variants";var n=(n=e)=>t({base:[`fixed min-w-xs shadow-sm z-2`,`bg-white dark:bg-neutral-900`,`dark:border`,n.divider],variants:{fullscreen:{true:`w-full h-full`,false:[`top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2`,`[max-width:calc(100%_-_2rem)] [max-height:calc(100%_-_2rem)]`,n.rounded.small]}}}),r=n();export{r as default,n as dialog};
@@ -1 +1 @@
1
- import"./DialogActions.js";
1
+ import e from"./DialogActions.js";export{e as default};
@@ -1 +1 @@
1
- import{n as e}from"../_chunks/dist-C-sN40SQ.js";import t from"../styles/theme/index.js";var n=(n=t)=>e({base:[`flex items-center justify-end gap-3`,`border-t py-2.5 px-3`,n.divider]}),r=n();export{r as default,n as dialogActions};
1
+ import e from"../styles/theme/index.js";import{tv as t}from"tailwind-variants";var n=(n=e)=>t({base:[`flex items-center justify-end gap-3`,`border-t py-2.5 px-3`,n.divider]}),r=n();export{r as default,n as dialogActions};
@@ -1 +1 @@
1
- import"./DialogContent.js";
1
+ import e from"./DialogContent.js";export{e as default};
@@ -1 +1 @@
1
- import{n as e}from"../_chunks/dist-C-sN40SQ.js";import t from"../styles/theme/index.js";var n=(n=t)=>e({base:[`px-3 py-5`,n.typography.variants.body2,n.typography.colors.textSecondary]}),r=n();export{r as default,n as dialogContent};
1
+ import e from"../styles/theme/index.js";import{tv as t}from"tailwind-variants";var n=(n=e)=>t({base:[`px-3 py-5`,n.typography.variants.body2,n.typography.colors.textSecondary]}),r=n();export{r as default,n as dialogContent};
@@ -1 +1 @@
1
- import"./DialogTitle.js";
1
+ import e from"./DialogTitle.js";export{e as default};
@@ -1 +1 @@
1
- import{n as e}from"../_chunks/dist-C-sN40SQ.js";import t from"../styles/theme/index.js";var n=(n=t)=>e({base:[`p-3 text-md font-semibold`,`border-b`,n.divider,n.typography.colors.textPrimary]}),r=n();export{r as default,n as dialogTitle};
1
+ import e from"../styles/theme/index.js";import{tv as t}from"tailwind-variants";var n=(n=e)=>t({base:[`p-3 text-md font-semibold`,`border-b`,n.divider,n.typography.colors.textPrimary]}),r=n();export{r as default,n as dialogTitle};
@@ -1 +1 @@
1
- import e from"../utils/cn.js";import t from"./style.js";import{useThemeContext as n}from"../ThemeProvider/ThemeContext.js";import"../ThemeProvider/index.js";import{Dynamic as r,createComponent as i,mergeProps as a}from"solid-js/web";import{createMemo as o,mergeProps as s,splitProps as c}from"solid-js";var l=l=>{let u=s({orientation:`horizontal`},l),[d,f]=c(u,[`as`,`class`,`orientation`]),p=n(),m=o(()=>{let e={orientation:d.orientation};return p?p.componentsTV.divider(e):t(e)});return i(r,a({role:`separator`,get"aria-orientation"(){return d.orientation===`horizontal`?`horizontal`:`vertical`}},f,{get component(){return d.as||`div`},get class(){return e(m(),d.class)}}))};export{l as default};
1
+ import e from"../utils/cn.js";import t from"./style.js";import{useThemeContext as n}from"../ThemeProvider/ThemeContext.js";import"../ThemeProvider/index.js";import{Dynamic as r,createComponent as i,mergeProps as a}from"solid-js/web";import{createMemo as o,mergeProps as s,splitProps as c}from"solid-js";import"tailwind-variants";var l=l=>{let u=s({orientation:`horizontal`},l),[d,f]=c(u,[`as`,`class`,`orientation`]),p=n(),m=o(()=>{let e={orientation:d.orientation};return p?p.componentsTV.divider(e):t(e)});return i(r,a({role:`separator`,get"aria-orientation"(){return d.orientation===`horizontal`?`horizontal`:`vertical`}},f,{get component(){return d.as||`div`},get class(){return e(m(),d.class)}}))};export{l as default};
@@ -1 +1 @@
1
- import"./Divider.js";
1
+ import e from"./Divider.js";export{e as default};
@@ -1 +1 @@
1
- import{n as e}from"../_chunks/dist-C-sN40SQ.js";import t from"../styles/theme/index.js";var n=(n=t)=>e({base:[`border-thin`,n.divider],variants:{orientation:{horizontal:`border-t w-full`,vertical:`border-l h-auto self-stretch`}}}),r=n();export{r as default,n as divider};
1
+ import e from"../styles/theme/index.js";import{tv as t}from"tailwind-variants";var n=(n=e)=>t({base:[`border-thin`,n.divider],variants:{orientation:{horizontal:`border-t w-full`,vertical:`border-l h-auto self-stretch`}}}),r=n();export{r as default,n as divider};
@@ -1 +1 @@
1
- import"./IconButton.js";
1
+ import e from"./IconButton.js";export{e as default};
@@ -1 +1 @@
1
- import{n as e}from"../_chunks/dist-C-sN40SQ.js";import t from"../styles/theme/index.js";var n=(n=t)=>e({base:[`px-0 py-0 min-h-[initial]`,`flex justify-center items-center shrink-0`,n.rounded.full],variants:{size:{small:`size-6 text-lg`,medium:`size-8 text-2xl`,large:`size-10 text-3xl`}}}),r=n();export{r as default,n as iconButton};
1
+ import e from"../styles/theme/index.js";import{tv as t}from"tailwind-variants";var n=(n=e)=>t({base:[`px-0 py-0 min-h-[initial]`,`flex justify-center items-center shrink-0`,n.rounded.full],variants:{size:{small:`size-6 text-lg`,medium:`size-8 text-2xl`,large:`size-10 text-3xl`}}}),r=n();export{r as default,n as iconButton};
@@ -1 +1 @@
1
- import e from"../utils/cn.js";import t from"./style.js";import{useThemeContext as n}from"../ThemeProvider/ThemeContext.js";import"../ThemeProvider/index.js";import{insert as r,memo as i,mergeProps as a,spread as o,template as s}from"solid-js/web";import{createMemo as c,mergeProps as l,splitProps as u}from"solid-js";var d=s(`<div><input>`),f=s(`<span>`),p=s=>{let p=l({color:`default`,disabled:!1,variant:`outlined`,size:`medium`,type:`text`},s),[m,h]=u(p,[`class`,`color`,`disabled`,`fullWidth`,`inputSize`,`prefix`,`size`,`slotProps`,`suffix`,`type`,`variant`,`children`]),g=n(),_=c(()=>{let e={color:m.color,disabled:m.disabled,variant:m.variant,size:m.size,fullWidth:m.fullWidth};return g?g.componentsTV.input(e):t(e)});return(()=>{var t=d(),n=t.firstChild;return o(t,a(()=>m.slotProps?.base,{get class(){return e(_().base(),m.slotProps?.base?.class)}}),!1,!0),r(t,(()=>{var t=i(()=>!!m.prefix);return()=>t()?(()=>{var t=f();return o(t,a(()=>m.slotProps?.prefix,{get class(){return e(_().prefix(),m.slotProps?.prefix?.class)}}),!1,!0),r(t,()=>m.prefix),t})():null})(),n),o(n,a(h,{get type(){return m.type},get disabled(){return m.disabled},get size(){return m.inputSize},get class(){return e(_().input(),m.class)}}),!1,!1),r(t,(()=>{var t=i(()=>!!m.suffix);return()=>t()?(()=>{var t=f();return o(t,a(()=>m.slotProps?.suffix,{get class(){return e(_().suffix(),m.slotProps?.suffix?.class)}}),!1,!0),r(t,()=>m.suffix),t})():null})(),null),t})()};export{p as default};
1
+ import e from"../utils/cn.js";import t from"./style.js";import{useThemeContext as n}from"../ThemeProvider/ThemeContext.js";import"../ThemeProvider/index.js";import{insert as r,memo as i,mergeProps as a,spread as o,template as s}from"solid-js/web";import{createMemo as c,mergeProps as l,splitProps as u}from"solid-js";import"tailwind-variants";var d=s(`<div><input>`),f=s(`<span>`),p=s=>{let p=l({color:`default`,disabled:!1,variant:`outlined`,size:`medium`,type:`text`},s),[m,h]=u(p,[`class`,`color`,`disabled`,`fullWidth`,`inputSize`,`prefix`,`size`,`slotProps`,`suffix`,`type`,`variant`,`children`]),g=n(),_=c(()=>{let e={color:m.color,disabled:m.disabled,variant:m.variant,size:m.size,fullWidth:m.fullWidth};return g?g.componentsTV.input(e):t(e)});return(()=>{var t=d(),n=t.firstChild;return o(t,a(()=>m.slotProps?.base,{get class(){return e(_().base(),m.slotProps?.base?.class)}}),!1,!0),r(t,(()=>{var t=i(()=>!!m.prefix);return()=>t()?(()=>{var t=f();return o(t,a(()=>m.slotProps?.prefix,{get class(){return e(_().prefix(),m.slotProps?.prefix?.class)}}),!1,!0),r(t,()=>m.prefix),t})():null})(),n),o(n,a(h,{get type(){return m.type},get disabled(){return m.disabled},get size(){return m.inputSize},get class(){return e(_().input(),m.class)}}),!1,!1),r(t,(()=>{var t=i(()=>!!m.suffix);return()=>t()?(()=>{var t=f();return o(t,a(()=>m.slotProps?.suffix,{get class(){return e(_().suffix(),m.slotProps?.suffix?.class)}}),!1,!0),r(t,()=>m.suffix),t})():null})(),null),t})()};export{p as default};
@@ -1 +1 @@
1
- import"./Input.js";
1
+ import e from"./Input.js";export{e as default};
@@ -1 +1 @@
1
- import{n as e}from"../_chunks/dist-C-sN40SQ.js";import t from"../styles/theme/index.js";import n from"../utils/asVariant.js";import r from"../utils/typedKeys.js";var i=[`filled`,`outlined`,`ghost`],a=(a=t)=>e({slots:{base:[`inline-flex items-center overflow-hidden`,a.rounded.small,a.focusWithin],input:[`w-full h-full border-0 outline-0`],prefix:`leading-1 shrink-0 ps-1.5 pe-1`,suffix:`leading-1 shrink-0 ps-1 pe-1.5`},variants:{color:n(a.colors,()=>``),disabled:{true:{},false:{}},fullWidth:{true:{base:`w-full`},false:{}},size:{small:{base:`h-6 text-sm`,input:`py-1 px-1.5`},medium:{base:`h-8 text-sm`,input:`py-1 px-1.5`},large:{base:`h-10 text-md`,input:`py-1.5 px-2`}},variant:{filled:{},ghost:{},outlined:{base:`border border-1`}}},compoundVariants:[...r(a.colors).flatMap(e=>i.flatMap(t=>{let n=a.colors[e][t];return[{color:e,disabled:!1,variant:t,class:{base:[n.background,n.border,n.text],prefix:[n.text],suffix:[n.text]}},{color:e,disabled:!0,variant:t,class:{base:[t===`filled`?a.disabled.background:``,t===`outlined`?a.disabled.border:``,a.disabled.text],prefix:[a.disabled.text],suffix:[a.disabled.text]}}]}))]}),o=a();export{o as default,a as input};
1
+ import e from"../styles/theme/index.js";import t from"../utils/asVariant.js";import n from"../utils/typedKeys.js";import{tv as r}from"tailwind-variants";var i=[`filled`,`outlined`,`ghost`],a=(a=e)=>r({slots:{base:[`inline-flex items-center overflow-hidden`,a.rounded.small,a.focusWithin],input:[`w-full h-full border-0 outline-0`],prefix:`leading-1 shrink-0 ps-1.5 pe-1`,suffix:`leading-1 shrink-0 ps-1 pe-1.5`},variants:{color:t(a.colors,()=>``),disabled:{true:{},false:{}},fullWidth:{true:{base:`w-full`},false:{}},size:{small:{base:`h-6 text-sm`,input:`py-1 px-1.5`},medium:{base:`h-8 text-sm`,input:`py-1 px-1.5`},large:{base:`h-10 text-md`,input:`py-1.5 px-2`}},variant:{filled:{},ghost:{},outlined:{base:`border border-1`}}},compoundVariants:[...n(a.colors).flatMap(e=>i.flatMap(t=>{let n=a.colors[e][t];return[{color:e,disabled:!1,variant:t,class:{base:[n.background,n.border,n.text],prefix:[n.text],suffix:[n.text]}},{color:e,disabled:!0,variant:t,class:{base:[t===`filled`?a.disabled.background:``,t===`outlined`?a.disabled.border:``,a.disabled.text],prefix:[a.disabled.text],suffix:[a.disabled.text]}}]}))]}),o=a();export{o as default,a as input};
@@ -1 +1 @@
1
- import e from"../utils/cn.js";import t from"./style.js";import{useThemeContext as n}from"../ThemeProvider/ThemeContext.js";import"../ThemeProvider/index.js";import{mergeProps as r,spread as i,template as a}from"solid-js/web";import{createMemo as o,mergeProps as s,splitProps as c}from"solid-js";var l=a(`<label>`),u=a=>{let u=s({color:`default`,disabled:!1,size:`medium`,truncate:!1},a),[d,f]=c(u,[`class`,`color`,`disabled`,`required`,`size`,`truncate`]),p=n(),m=o(()=>{let e={color:d.color,disabled:d.disabled,required:d.required,size:d.size,truncate:d.truncate};return p?p.componentsTV.label(e):t(e)});return(()=>{var t=l();return i(t,r(f,{get class(){return e(m(),d.class)}}),!1,!1),t})()};export{u as default};
1
+ import e from"../utils/cn.js";import t from"./style.js";import{useThemeContext as n}from"../ThemeProvider/ThemeContext.js";import"../ThemeProvider/index.js";import{mergeProps as r,spread as i,template as a}from"solid-js/web";import{createMemo as o,mergeProps as s,splitProps as c}from"solid-js";import"tailwind-variants";var l=a(`<label>`),u=a=>{let u=s({color:`default`,disabled:!1,size:`medium`,truncate:!1},a),[d,f]=c(u,[`class`,`color`,`disabled`,`required`,`size`,`truncate`]),p=n(),m=o(()=>{let e={color:d.color,disabled:d.disabled,required:d.required,size:d.size,truncate:d.truncate};return p?p.componentsTV.label(e):t(e)});return(()=>{var t=l();return i(t,r(f,{get class(){return e(m(),d.class)}}),!1,!1),t})()};export{u as default};
@@ -1 +1 @@
1
- import"./Label.js";
1
+ import e from"./Label.js";export{e as default};
@@ -1 +1 @@
1
- import{n as e}from"../_chunks/dist-C-sN40SQ.js";import t from"../styles/theme/index.js";import n from"../utils/asVariant.js";import r from"../utils/typedKeys.js";var i=(i=t)=>e({base:[`block`,i.colors.default.ghost.text],variants:{color:n(i.colors,()=>({})),disabled:{true:``,false:``},required:{true:[`before:content-['*'] before:inline-block before:text-sm`,`before:pr-1 rtl:before:pl-1`,`before:text-red-800 dark:before:text-red-400`],false:``},size:{small:`text-sm`,medium:`text-sm`,large:`text-md`},truncate:{true:`truncate`,false:``}},compoundVariants:[...r(i.colors).flatMap(e=>[{color:e,disabled:!1,class:[i.colors[e].ghost.text]},{color:e,disabled:!0,class:[i.disabled.text]}])]}),a=i();export{a as default,i as label};
1
+ import e from"../styles/theme/index.js";import t from"../utils/asVariant.js";import n from"../utils/typedKeys.js";import{tv as r}from"tailwind-variants";var i=(i=e)=>r({base:[`block`,i.colors.default.ghost.text],variants:{color:t(i.colors,()=>({})),disabled:{true:``,false:``},required:{true:[`before:content-['*'] before:inline-block before:text-sm`,`before:pr-1 rtl:before:pl-1`,`before:text-red-800 dark:before:text-red-400`],false:``},size:{small:`text-sm`,medium:`text-sm`,large:`text-md`},truncate:{true:`truncate`,false:``}},compoundVariants:[...n(i.colors).flatMap(e=>[{color:e,disabled:!1,class:[i.colors[e].ghost.text]},{color:e,disabled:!0,class:[i.disabled.text]}])]}),a=i();export{a as default,i as label};
package/dist/Link/Link.js CHANGED
@@ -1 +1 @@
1
- import e from"../utils/cn.js";import t from"./style.js";import{useThemeContext as n}from"../ThemeProvider/ThemeContext.js";import"../ThemeProvider/index.js";import r from"../Typography/Typography.js";import"../Typography/index.js";import{createComponent as i,mergeProps as a}from"solid-js/web";import{createMemo as o,mergeProps as s,splitProps as c}from"solid-js";var l=l=>{let u=s({color:`default`,underline:`hover`},l),[d,f]=c(u,[`class`,`underline`,`variant`]),p=n(),m=o(()=>{let e={underline:d.underline};return p?p.componentsTV.link(e):t(e)});return i(r,a(f,{as:`a`,variant:`body2`,get class(){return e(m(),d.class)}}))};export{l as default};
1
+ import e from"../utils/cn.js";import t from"./style.js";import{useThemeContext as n}from"../ThemeProvider/ThemeContext.js";import"../ThemeProvider/index.js";import r from"../Typography/Typography.js";import"../Typography/index.js";import{createComponent as i,mergeProps as a}from"solid-js/web";import{createMemo as o,mergeProps as s,splitProps as c}from"solid-js";import"tailwind-variants";var l=l=>{let u=s({color:`default`,underline:`hover`},l),[d,f]=c(u,[`class`,`underline`,`variant`]),p=n(),m=o(()=>{let e={underline:d.underline};return p?p.componentsTV.link(e):t(e)});return i(r,a(f,{as:`a`,variant:`body2`,get class(){return e(m(),d.class)}}))};export{l as default};
@@ -1 +1 @@
1
- import"./Link.js";
1
+ import e from"./Link.js";export{e as default};
@@ -1 +1 @@
1
- import{n as e}from"../_chunks/dist-C-sN40SQ.js";import t from"../styles/theme/index.js";var n=(n=t)=>e({base:[`block`,n.rounded.small,n.focus],variants:{underline:{none:``,hover:`hover:underline`,always:`underline`}}}),r=n();export{r as default,n as link};
1
+ import e from"../styles/theme/index.js";import{tv as t}from"tailwind-variants";var n=(n=e)=>t({base:[`block`,n.rounded.small,n.focus],variants:{underline:{none:``,hover:`hover:underline`,always:`underline`}}}),r=n();export{r as default,n as link};
@@ -1 +1 @@
1
- import e from"../utils/cn.js";import t from"./style.js";import{useThemeContext as n}from"../ThemeProvider/ThemeContext.js";import"../ThemeProvider/index.js";import{mergeProps as r,spread as i,template as a}from"solid-js/web";import{createMemo as o,mergeProps as s,splitProps as c}from"solid-js";var l=a(`<div role=progressbar><span>`),u=a=>{let u=s({color:`default`,max:100,min:0,size:`medium`},a),[d,f]=c(u,[`color`,`class`,`max`,`min`,`slotProps`,`size`,`value`,`children`]),p=n(),m=o(()=>{let e=d.min,t=d.max,n=d.value;return Math.min(100,Math.max(0,(n-e)/(t-e)*100))}),h=o(()=>{let e={color:d.color,size:d.size};return p?p.componentsTV.progress(e):t(e)});return(()=>{var t=l(),n=t.firstChild;return i(t,r({get"aria-valuemax"(){return d.max},get"aria-valuemin"(){return d.min},get"aria-valuenow"(){return d.value}},f,{get class(){return e(h().base(),d.class)}}),!1,!0),i(n,r(()=>d.slotProps?.fill,{get class(){return e(h().fill(),d.slotProps?.fill?.class)},get style(){return{...d.slotProps?.fill?.style,width:`${m()}%`}}}),!1,!1),t})()};export{u as default};
1
+ import e from"../utils/cn.js";import t from"./style.js";import{useThemeContext as n}from"../ThemeProvider/ThemeContext.js";import"../ThemeProvider/index.js";import{mergeProps as r,spread as i,template as a}from"solid-js/web";import{createMemo as o,mergeProps as s,splitProps as c}from"solid-js";import"tailwind-variants";var l=a(`<div role=progressbar><span>`),u=a=>{let u=s({color:`default`,max:100,min:0,size:`medium`},a),[d,f]=c(u,[`color`,`class`,`max`,`min`,`slotProps`,`size`,`value`,`children`]),p=n(),m=o(()=>{let e=d.min,t=d.max,n=d.value;return Math.min(100,Math.max(0,(n-e)/(t-e)*100))}),h=o(()=>{let e={color:d.color,size:d.size};return p?p.componentsTV.progress(e):t(e)});return(()=>{var t=l(),n=t.firstChild;return i(t,r({get"aria-valuemax"(){return d.max},get"aria-valuemin"(){return d.min},get"aria-valuenow"(){return d.value}},f,{get class(){return e(h().base(),d.class)}}),!1,!0),i(n,r(()=>d.slotProps?.fill,{get class(){return e(h().fill(),d.slotProps?.fill?.class)},get style(){return{...d.slotProps?.fill?.style,width:`${m()}%`}}}),!1,!1),t})()};export{u as default};
@@ -1 +1 @@
1
- import"./Progress.js";
1
+ import e from"./Progress.js";export{e as default};
@@ -1 +1 @@
1
- import{n as e}from"../_chunks/dist-C-sN40SQ.js";import t from"../styles/theme/index.js";import n from"../utils/asVariant.js";var r=(r=t)=>e({slots:{base:[`block w-full overflow-hidden`,`bg-neutral-300 dark:bg-neutral-700`,r.rounded.small],fill:[`block h-full rounded-[inherit]`,`transition-width duration-150`]},variants:{color:n(r.colors,e=>({fill:[e.solid.background]})),size:{small:{base:`h-1`},medium:{base:`h-2`},large:{base:`h-4`}}}}),i=r();export{i as default,r as progress};
1
+ import e from"../styles/theme/index.js";import t from"../utils/asVariant.js";import{tv as n}from"tailwind-variants";var r=(r=e)=>n({slots:{base:[`block w-full overflow-hidden`,`bg-neutral-300 dark:bg-neutral-700`,r.rounded.small],fill:[`block h-full rounded-[inherit]`,`transition-width duration-150`]},variants:{color:t(r.colors,e=>({fill:[e.solid.background]})),size:{small:{base:`h-1`},medium:{base:`h-2`},large:{base:`h-4`}}}}),i=r();export{i as default,r as progress};
@@ -1 +1 @@
1
- import"./Radio.js";
1
+ import e from"./Radio.js";export{e as default};
@@ -1 +1 @@
1
- import{n as e}from"../_chunks/dist-C-sN40SQ.js";import t from"../styles/theme/index.js";var n=(n=t)=>e({slots:{base:[`relative`,n.focusWithin],input:`absolute inset-0 w-full h-full opacity-0 outline-none`},variants:{checked:{true:{},false:{}},disabled:{true:{},false:{}}},compoundVariants:[{checked:!1,disabled:!1,class:{base:[n.typography.colors.textTertiary]}}]}),r=n();export{r as default,n as radio};
1
+ import e from"../styles/theme/index.js";import{tv as t}from"tailwind-variants";var n=(n=e)=>t({slots:{base:[`relative`,n.focusWithin],input:`absolute inset-0 w-full h-full opacity-0 outline-none`},variants:{checked:{true:{},false:{}},disabled:{true:{},false:{}}},compoundVariants:[{checked:!1,disabled:!1,class:{base:[n.typography.colors.textTertiary]}}]}),r=n();export{r as default,n as radio};
@@ -1 +1 @@
1
- import"./RadioGroup.js";
1
+ import e from"./RadioGroup.js";export{e as default};
@@ -1 +1 @@
1
- import"./RadioGroupContext.js";
1
+ import{RadioGroupContext as e,useRadioGroupContext as t}from"./RadioGroupContext.js";export{e as RadioGroupContext,t as useRadioGroupContext};
@@ -1 +1 @@
1
- import e from"../utils/cn.js";import t from"./style.js";import{useThemeContext as n}from"../ThemeProvider/ThemeContext.js";import"../ThemeProvider/index.js";import{createComponent as r,effect as i,insert as a,mergeProps as o,spread as s,template as c}from"solid-js/web";import{For as l,createMemo as u,mergeProps as d,splitProps as f}from"solid-js";var p=c(`<select>`),m=c(`<option>`),h=c=>{let h=d({color:`default`,disabled:!1,variant:`outlined`,size:`medium`},c),[g,_]=f(h,[`class`,`color`,`disabled`,`fullWidth`,`options`,`size`,`variant`,`children`,`multiple`]),v=n(),y=u(()=>{let e={color:g.color,disabled:g.disabled,fullWidth:g.fullWidth,size:g.size,variant:g.variant};return v?v.componentsTV.select(e):t(e)}),b=u(()=>g.options??[]);return(()=>{var t=p();return s(t,o(_,{multiple:!1,get disabled(){return g.disabled},get class(){return e(y(),g.class)}}),!1,!0),a(t,r(l,{get each(){return b()},children:e=>(()=>{var t=m();return a(t,()=>e.label),i(()=>t.disabled=e.disabled),i(()=>t.value=e.value),t})()})),t})()};export{h as default};
1
+ import e from"../utils/cn.js";import t from"./style.js";import{useThemeContext as n}from"../ThemeProvider/ThemeContext.js";import"../ThemeProvider/index.js";import{createComponent as r,effect as i,insert as a,mergeProps as o,spread as s,template as c}from"solid-js/web";import{For as l,createMemo as u,mergeProps as d,splitProps as f}from"solid-js";import"tailwind-variants";var p=c(`<select>`),m=c(`<option>`),h=c=>{let h=d({color:`default`,disabled:!1,variant:`outlined`,size:`medium`},c),[g,_]=f(h,[`class`,`color`,`disabled`,`fullWidth`,`options`,`size`,`variant`,`children`,`multiple`]),v=n(),y=u(()=>{let e={color:g.color,disabled:g.disabled,fullWidth:g.fullWidth,size:g.size,variant:g.variant};return v?v.componentsTV.select(e):t(e)}),b=u(()=>g.options??[]);return(()=>{var t=p();return s(t,o(_,{multiple:!1,get disabled(){return g.disabled},get class(){return e(y(),g.class)}}),!1,!0),a(t,r(l,{get each(){return b()},children:e=>(()=>{var t=m();return a(t,()=>e.label),i(()=>t.disabled=e.disabled),i(()=>t.value=e.value),t})()})),t})()};export{h as default};
@@ -1 +1 @@
1
- import"./Select.js";
1
+ import e from"./Select.js";export{e as default};
@@ -1 +1 @@
1
- import{n as e}from"../_chunks/dist-C-sN40SQ.js";import t from"../styles/theme/index.js";import n from"../utils/asVariant.js";import r from"../utils/typedKeys.js";var i=[`filled`,`outlined`,`ghost`],a=(a=t)=>e({base:[`border-0 outline-0`,a.rounded.small,a.focus],variants:{color:n(a.colors,()=>``),disabled:{true:``,false:``},variant:{filled:``,ghost:``,outlined:`border border-1`},size:{small:`py-1 px-1.5 h-6 text-sm`,medium:`py-1 px-1.5 h-8 text-sm`,large:`py-1.5 px-2 h-10 text-md`},fullWidth:{true:`w-full`,false:``}},compoundVariants:[...r(a.colors).flatMap(e=>i.flatMap(t=>{let n=a.colors[e][t];return[{color:e,variant:t,disabled:!1,class:[n.background,n.border,n.text]},{color:e,variant:t,disabled:!0,class:[t===`filled`?a.disabled.background:``,t===`outlined`?a.disabled.border:``,a.disabled.text]}]}))]}),o=a();export{o as default,a as select};
1
+ import e from"../styles/theme/index.js";import t from"../utils/asVariant.js";import n from"../utils/typedKeys.js";import{tv as r}from"tailwind-variants";var i=[`filled`,`outlined`,`ghost`],a=(a=e)=>r({base:[`border-0 outline-0`,a.rounded.small,a.focus],variants:{color:t(a.colors,()=>``),disabled:{true:``,false:``},variant:{filled:``,ghost:``,outlined:`border border-1`},size:{small:`py-1 px-1.5 h-6 text-sm`,medium:`py-1 px-1.5 h-8 text-sm`,large:`py-1.5 px-2 h-10 text-md`},fullWidth:{true:`w-full`,false:``}},compoundVariants:[...n(a.colors).flatMap(e=>i.flatMap(t=>{let n=a.colors[e][t];return[{color:e,variant:t,disabled:!1,class:[n.background,n.border,n.text]},{color:e,variant:t,disabled:!0,class:[t===`filled`?a.disabled.background:``,t===`outlined`?a.disabled.border:``,a.disabled.text]}]}))]}),o=a();export{o as default,a as select};
@@ -1 +1 @@
1
- import e from"../utils/cn.js";import t from"./style.js";import{useThemeContext as n}from"../ThemeProvider/ThemeContext.js";import"../ThemeProvider/index.js";import{mergeProps as r,spread as i,template as a}from"solid-js/web";import{createMemo as o,mergeProps as s,splitProps as c}from"solid-js";var l=a(`<span>`),u=a=>{let u=s({variant:`rectangle`},a),[d,f]=c(u,[`children`,`class`,`variant`]),p=n(),m=o(()=>{let e={variant:d.variant};return p?p.componentsTV.skeleton(e):t(e)});return(()=>{var t=l();return i(t,r(f,{get class(){return e(m(),d.class)}}),!1,!1),t})()};export{u as default};
1
+ import e from"../utils/cn.js";import t from"./style.js";import{useThemeContext as n}from"../ThemeProvider/ThemeContext.js";import"../ThemeProvider/index.js";import{mergeProps as r,spread as i,template as a}from"solid-js/web";import{createMemo as o,mergeProps as s,splitProps as c}from"solid-js";import"tailwind-variants";var l=a(`<span>`),u=a=>{let u=s({variant:`rectangle`},a),[d,f]=c(u,[`children`,`class`,`variant`]),p=n(),m=o(()=>{let e={variant:d.variant};return p?p.componentsTV.skeleton(e):t(e)});return(()=>{var t=l();return i(t,r(f,{get class(){return e(m(),d.class)}}),!1,!1),t})()};export{u as default};
@@ -1 +1 @@
1
- import"./Skeleton.js";
1
+ import e from"./Skeleton.js";export{e as default};