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.
- package/README.md +94 -0
- package/dist/Accordion/index.js +1 -1
- package/dist/Accordion/style.js +1 -1
- package/dist/AccordionContext/index.js +1 -1
- package/dist/AccordionDetails/AccordionDetails.js +1 -1
- package/dist/AccordionDetails/index.js +1 -1
- package/dist/AccordionDetails/style.js +1 -1
- package/dist/AccordionSummary/index.js +1 -1
- package/dist/AccordionSummary/style.js +1 -1
- package/dist/Alert/Alert.js +1 -1
- package/dist/Alert/index.js +1 -1
- package/dist/Alert/style.js +1 -1
- package/dist/Avatar/Avatar.js +1 -1
- package/dist/Avatar/index.js +1 -1
- package/dist/Avatar/style.js +1 -1
- package/dist/Backdrop/index.js +1 -1
- package/dist/Backdrop/style.js +1 -1
- package/dist/Badge/Badge.js +1 -1
- package/dist/Badge/index.js +1 -1
- package/dist/Badge/style.js +1 -1
- package/dist/Breadcrumbs/index.js +1 -1
- package/dist/Breadcrumbs/style.js +1 -1
- package/dist/Button/Button.js +1 -1
- package/dist/Button/index.js +1 -1
- package/dist/Button/style.js +1 -1
- package/dist/Card/Card.js +1 -1
- package/dist/Card/index.js +1 -1
- package/dist/Card/style.js +1 -1
- package/dist/CardContent/index.js +1 -1
- package/dist/CardContent/style.js +1 -1
- package/dist/CardDescription/index.js +1 -1
- package/dist/CardDescription/style.js +1 -1
- package/dist/CardFooter/index.js +1 -1
- package/dist/CardFooter/style.js +1 -1
- package/dist/CardHeader/index.js +1 -1
- package/dist/CardHeader/style.js +1 -1
- package/dist/CardTitle/index.js +1 -1
- package/dist/CardTitle/style.js +1 -1
- package/dist/Checkbox/index.js +1 -1
- package/dist/Checkbox/style.js +1 -1
- package/dist/Chip/Chip.js +1 -1
- package/dist/Chip/index.js +1 -1
- package/dist/Chip/style.js +1 -1
- package/dist/Dialog/Dialog.js +1 -1
- package/dist/Dialog/index.js +1 -1
- package/dist/Dialog/style.js +1 -1
- package/dist/DialogActions/index.js +1 -1
- package/dist/DialogActions/style.js +1 -1
- package/dist/DialogContent/index.js +1 -1
- package/dist/DialogContent/style.js +1 -1
- package/dist/DialogTitle/index.js +1 -1
- package/dist/DialogTitle/style.js +1 -1
- package/dist/Divider/Divider.js +1 -1
- package/dist/Divider/index.js +1 -1
- package/dist/Divider/style.js +1 -1
- package/dist/IconButton/index.js +1 -1
- package/dist/IconButton/style.js +1 -1
- package/dist/Input/Input.js +1 -1
- package/dist/Input/index.js +1 -1
- package/dist/Input/style.js +1 -1
- package/dist/Label/Label.js +1 -1
- package/dist/Label/index.js +1 -1
- package/dist/Label/style.js +1 -1
- package/dist/Link/Link.js +1 -1
- package/dist/Link/index.js +1 -1
- package/dist/Link/style.js +1 -1
- package/dist/Progress/Progress.js +1 -1
- package/dist/Progress/index.js +1 -1
- package/dist/Progress/style.js +1 -1
- package/dist/Radio/index.js +1 -1
- package/dist/Radio/style.js +1 -1
- package/dist/RadioGroup/index.js +1 -1
- package/dist/RadioGroupContext/index.js +1 -1
- package/dist/Select/Select.js +1 -1
- package/dist/Select/index.js +1 -1
- package/dist/Select/style.js +1 -1
- package/dist/Skeleton/Skeleton.js +1 -1
- package/dist/Skeleton/index.js +1 -1
- package/dist/Skeleton/style.js +1 -1
- package/dist/Spinner/Spinner.js +1 -1
- package/dist/Spinner/index.js +1 -1
- package/dist/Spinner/style.js +1 -1
- package/dist/Switch/Switch.js +1 -1
- package/dist/Switch/index.js +1 -1
- package/dist/Switch/style.js +1 -1
- package/dist/Tab/Tab.js +1 -1
- package/dist/Tab/index.js +1 -1
- package/dist/Tab/style.js +1 -1
- package/dist/TabPanel/index.js +1 -1
- package/dist/Table/index.js +1 -1
- package/dist/Table/style.js +1 -1
- package/dist/TableBody/index.js +1 -1
- package/dist/TableCell/TableCell.js +1 -1
- package/dist/TableCell/index.js +1 -1
- package/dist/TableCell/style.js +1 -1
- package/dist/TableContext/index.js +1 -1
- package/dist/TableFooter/index.js +1 -1
- package/dist/TableFooter/style.js +1 -1
- package/dist/TableHead/index.js +1 -1
- package/dist/TableHeadContext/index.js +1 -1
- package/dist/TableRow/index.js +1 -1
- package/dist/TableRow/style.js +1 -1
- package/dist/Tabs/Tabs.js +1 -1
- package/dist/Tabs/index.js +1 -1
- package/dist/Tabs/style.js +1 -1
- package/dist/TabsContext/index.js +1 -1
- package/dist/Textarea/Textarea.js +1 -1
- package/dist/Textarea/index.js +1 -1
- package/dist/Textarea/style.js +1 -1
- package/dist/ThemeProvider/index.js +1 -1
- package/dist/Typography/Typography.js +1 -1
- package/dist/Typography/index.js +1 -1
- package/dist/Typography/style.js +1 -1
- package/dist/_chunks/createTheme-DT5vPeEE.js +2 -0
- package/dist/_chunks/themeSchema-BFl6XiaJ.js +1 -0
- package/dist/index.js +1 -1
- package/dist/styles/createTheme.js +1 -2
- package/dist/styles/index.js +1 -1
- package/dist/styles/theme/themeSchema.js +1 -1
- package/dist/utils/cn.js +1 -1
- package/package.json +9 -7
- 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
|
package/dist/Accordion/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./Accordion.js";
|
|
1
|
+
import e from"./Accordion.js";export{e as default};
|
package/dist/Accordion/style.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
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`),
|
|
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
|
|
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
|
|
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};
|
package/dist/Alert/Alert.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 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};
|
package/dist/Alert/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./Alert.js";
|
|
1
|
+
import e from"./Alert.js";export{e as default};
|
package/dist/Alert/style.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
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};
|
package/dist/Avatar/Avatar.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{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};
|
package/dist/Avatar/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./Avatar.js";
|
|
1
|
+
import e from"./Avatar.js";export{e as default};
|
package/dist/Avatar/style.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
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};
|
package/dist/Backdrop/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./Backdrop.js";
|
|
1
|
+
import e from"./Backdrop.js";export{e as default};
|
package/dist/Backdrop/style.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
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};
|
package/dist/Badge/Badge.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(`<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};
|
package/dist/Badge/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./Badge.js";
|
|
1
|
+
import e from"./Badge.js";export{e as default};
|
package/dist/Badge/style.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
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
|
|
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};
|
package/dist/Button/Button.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{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};
|
package/dist/Button/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./Button.js";
|
|
1
|
+
import e from"./Button.js";export{e as default};
|
package/dist/Button/style.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
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};
|
package/dist/Card/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./Card.js";
|
|
1
|
+
import e from"./Card.js";export{e as default};
|
package/dist/Card/style.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
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
|
|
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
|
|
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};
|
package/dist/CardFooter/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./CardFooter.js";
|
|
1
|
+
import e from"./CardFooter.js";export{e as default};
|
package/dist/CardFooter/style.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
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};
|
package/dist/CardHeader/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./CardHeader.js";
|
|
1
|
+
import e from"./CardHeader.js";export{e as default};
|
package/dist/CardHeader/style.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
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};
|
package/dist/CardTitle/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./CardTitle.js";
|
|
1
|
+
import e from"./CardTitle.js";export{e as default};
|
package/dist/CardTitle/style.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
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};
|
package/dist/Checkbox/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./Checkbox.js";
|
|
1
|
+
import e from"./Checkbox.js";export{e as default};
|
package/dist/Checkbox/style.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
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};
|
package/dist/Chip/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./Chip.js";
|
|
1
|
+
import e from"./Chip.js";export{e as default};
|
package/dist/Chip/style.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
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};
|
package/dist/Dialog/Dialog.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"../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};
|
package/dist/Dialog/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./Dialog.js";
|
|
1
|
+
import e from"./Dialog.js";export{e as default};
|
package/dist/Dialog/style.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
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
|
|
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
|
|
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
|
|
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};
|
package/dist/Divider/Divider.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{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};
|
package/dist/Divider/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./Divider.js";
|
|
1
|
+
import e from"./Divider.js";export{e as default};
|
package/dist/Divider/style.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
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};
|
package/dist/IconButton/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./IconButton.js";
|
|
1
|
+
import e from"./IconButton.js";export{e as default};
|
package/dist/IconButton/style.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
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};
|
package/dist/Input/Input.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,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};
|
package/dist/Input/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./Input.js";
|
|
1
|
+
import e from"./Input.js";export{e as default};
|
package/dist/Input/style.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
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};
|
package/dist/Label/Label.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{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};
|
package/dist/Label/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./Label.js";
|
|
1
|
+
import e from"./Label.js";export{e as default};
|
package/dist/Label/style.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
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};
|
package/dist/Link/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./Link.js";
|
|
1
|
+
import e from"./Link.js";export{e as default};
|
package/dist/Link/style.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
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};
|
package/dist/Progress/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./Progress.js";
|
|
1
|
+
import e from"./Progress.js";export{e as default};
|
package/dist/Progress/style.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
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};
|
package/dist/Radio/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./Radio.js";
|
|
1
|
+
import e from"./Radio.js";export{e as default};
|
package/dist/Radio/style.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
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};
|
package/dist/RadioGroup/index.js
CHANGED
|
@@ -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};
|
package/dist/Select/Select.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{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};
|
package/dist/Select/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./Select.js";
|
|
1
|
+
import e from"./Select.js";export{e as default};
|
package/dist/Select/style.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
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};
|
package/dist/Skeleton/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./Skeleton.js";
|
|
1
|
+
import e from"./Skeleton.js";export{e as default};
|