rocksolidjs 0.1.0
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/LICENSE.txt +21 -0
- package/README.md +0 -0
- package/dist/Accordion/Accordion.d.ts +12 -0
- package/dist/Accordion/Accordion.js +1 -0
- package/dist/Accordion/index.d.ts +2 -0
- package/dist/Accordion/index.js +1 -0
- package/dist/Accordion/style.d.ts +4 -0
- package/dist/Accordion/style.js +1 -0
- package/dist/AccordionContext/AccordionContext.d.ts +10 -0
- package/dist/AccordionContext/AccordionContext.js +1 -0
- package/dist/AccordionContext/index.d.ts +1 -0
- package/dist/AccordionContext/index.js +1 -0
- package/dist/AccordionDetails/AccordionDetails.d.ts +8 -0
- package/dist/AccordionDetails/AccordionDetails.js +1 -0
- package/dist/AccordionDetails/index.d.ts +2 -0
- package/dist/AccordionDetails/index.js +1 -0
- package/dist/AccordionDetails/style.d.ts +64 -0
- package/dist/AccordionDetails/style.js +1 -0
- package/dist/AccordionSummary/AccordionSummary.d.ts +15 -0
- package/dist/AccordionSummary/AccordionSummary.js +1 -0
- package/dist/AccordionSummary/index.d.ts +2 -0
- package/dist/AccordionSummary/index.js +1 -0
- package/dist/AccordionSummary/style.d.ts +4 -0
- package/dist/AccordionSummary/style.js +1 -0
- package/dist/Alert/Alert.d.ts +26 -0
- package/dist/Alert/Alert.js +1 -0
- package/dist/Alert/index.d.ts +2 -0
- package/dist/Alert/index.js +1 -0
- package/dist/Alert/style.d.ts +82 -0
- package/dist/Alert/style.js +1 -0
- package/dist/Avatar/Avatar.d.ts +20 -0
- package/dist/Avatar/Avatar.js +1 -0
- package/dist/Avatar/index.d.ts +2 -0
- package/dist/Avatar/index.js +1 -0
- package/dist/Avatar/style.d.ts +130 -0
- package/dist/Avatar/style.js +1 -0
- package/dist/Backdrop/Backdrop.d.ts +7 -0
- package/dist/Backdrop/Backdrop.js +1 -0
- package/dist/Backdrop/index.d.ts +2 -0
- package/dist/Backdrop/index.js +1 -0
- package/dist/Backdrop/style.d.ts +4 -0
- package/dist/Backdrop/style.js +1 -0
- package/dist/Badge/Badge.d.ts +21 -0
- package/dist/Badge/Badge.js +1 -0
- package/dist/Badge/index.d.ts +2 -0
- package/dist/Badge/index.js +1 -0
- package/dist/Badge/style.d.ts +214 -0
- package/dist/Badge/style.js +1 -0
- package/dist/Breadcrumbs/Breadcrumbs.d.ts +14 -0
- package/dist/Breadcrumbs/Breadcrumbs.js +1 -0
- package/dist/Breadcrumbs/index.d.ts +2 -0
- package/dist/Breadcrumbs/index.js +1 -0
- package/dist/Breadcrumbs/style.d.ts +64 -0
- package/dist/Breadcrumbs/style.js +1 -0
- package/dist/Button/Button.d.ts +24 -0
- package/dist/Button/Button.js +1 -0
- package/dist/Button/index.d.ts +2 -0
- package/dist/Button/index.js +1 -0
- package/dist/Button/style.d.ts +238 -0
- package/dist/Button/style.js +1 -0
- package/dist/Card/Card.d.ts +10 -0
- package/dist/Card/Card.js +1 -0
- package/dist/Card/index.d.ts +2 -0
- package/dist/Card/index.js +1 -0
- package/dist/Card/style.d.ts +46 -0
- package/dist/Card/style.js +1 -0
- package/dist/CardContent/CardContent.d.ts +6 -0
- package/dist/CardContent/CardContent.js +1 -0
- package/dist/CardContent/index.d.ts +2 -0
- package/dist/CardContent/index.js +1 -0
- package/dist/CardContent/style.d.ts +4 -0
- package/dist/CardContent/style.js +1 -0
- package/dist/CardDescription/CardDescription.d.ts +8 -0
- package/dist/CardDescription/CardDescription.js +1 -0
- package/dist/CardDescription/index.d.ts +2 -0
- package/dist/CardDescription/index.js +1 -0
- package/dist/CardDescription/style.d.ts +4 -0
- package/dist/CardDescription/style.js +1 -0
- package/dist/CardFooter/CardFooter.d.ts +6 -0
- package/dist/CardFooter/CardFooter.js +1 -0
- package/dist/CardFooter/index.d.ts +2 -0
- package/dist/CardFooter/index.js +1 -0
- package/dist/CardFooter/style.d.ts +4 -0
- package/dist/CardFooter/style.js +1 -0
- package/dist/CardHeader/CardHeader.d.ts +6 -0
- package/dist/CardHeader/CardHeader.js +1 -0
- package/dist/CardHeader/index.d.ts +2 -0
- package/dist/CardHeader/index.js +1 -0
- package/dist/CardHeader/style.d.ts +4 -0
- package/dist/CardHeader/style.js +1 -0
- package/dist/CardTitle/CardTitle.d.ts +8 -0
- package/dist/CardTitle/CardTitle.js +1 -0
- package/dist/CardTitle/index.d.ts +2 -0
- package/dist/CardTitle/index.js +1 -0
- package/dist/CardTitle/style.d.ts +4 -0
- package/dist/CardTitle/style.js +1 -0
- package/dist/Checkbox/Checkbox.d.ts +18 -0
- package/dist/Checkbox/Checkbox.js +1 -0
- package/dist/Checkbox/index.d.ts +2 -0
- package/dist/Checkbox/index.js +1 -0
- package/dist/Checkbox/style.d.ts +88 -0
- package/dist/Checkbox/style.js +1 -0
- package/dist/Chip/Chip.d.ts +25 -0
- package/dist/Chip/Chip.js +1 -0
- package/dist/Chip/index.d.ts +2 -0
- package/dist/Chip/index.js +1 -0
- package/dist/Chip/style.d.ts +298 -0
- package/dist/Chip/style.js +1 -0
- package/dist/Dialog/Dialog.d.ts +20 -0
- package/dist/Dialog/Dialog.js +1 -0
- package/dist/Dialog/index.d.ts +2 -0
- package/dist/Dialog/index.js +1 -0
- package/dist/Dialog/style.d.ts +34 -0
- package/dist/Dialog/style.js +1 -0
- package/dist/DialogActions/DialogActions.d.ts +7 -0
- package/dist/DialogActions/DialogActions.js +1 -0
- package/dist/DialogActions/index.d.ts +2 -0
- package/dist/DialogActions/index.js +1 -0
- package/dist/DialogActions/style.d.ts +4 -0
- package/dist/DialogActions/style.js +1 -0
- package/dist/DialogContent/DialogContent.d.ts +7 -0
- package/dist/DialogContent/DialogContent.js +1 -0
- package/dist/DialogContent/index.d.ts +2 -0
- package/dist/DialogContent/index.js +1 -0
- package/dist/DialogContent/style.d.ts +4 -0
- package/dist/DialogContent/style.js +1 -0
- package/dist/DialogTitle/DialogTitle.d.ts +8 -0
- package/dist/DialogTitle/DialogTitle.js +1 -0
- package/dist/DialogTitle/index.d.ts +2 -0
- package/dist/DialogTitle/index.js +1 -0
- package/dist/DialogTitle/style.d.ts +4 -0
- package/dist/DialogTitle/style.js +1 -0
- package/dist/Divider/Divider.d.ts +11 -0
- package/dist/Divider/Divider.js +1 -0
- package/dist/Divider/index.d.ts +2 -0
- package/dist/Divider/index.js +1 -0
- package/dist/Divider/style.d.ts +34 -0
- package/dist/Divider/style.js +1 -0
- package/dist/IconButton/IconButton.d.ts +6 -0
- package/dist/IconButton/IconButton.js +1 -0
- package/dist/IconButton/index.d.ts +2 -0
- package/dist/IconButton/index.js +1 -0
- package/dist/IconButton/style.d.ts +40 -0
- package/dist/IconButton/style.js +1 -0
- package/dist/Input/Input.d.ts +27 -0
- package/dist/Input/Input.js +1 -0
- package/dist/Input/index.d.ts +2 -0
- package/dist/Input/index.js +1 -0
- package/dist/Input/style.d.ts +232 -0
- package/dist/Input/style.js +1 -0
- package/dist/Label/Label.d.ts +16 -0
- package/dist/Label/Label.js +1 -0
- package/dist/Label/index.d.ts +2 -0
- package/dist/Label/index.js +1 -0
- package/dist/Label/style.d.ts +118 -0
- package/dist/Label/style.js +1 -0
- package/dist/Link/Link.d.ts +15 -0
- package/dist/Link/Link.js +1 -0
- package/dist/Link/index.d.ts +2 -0
- package/dist/Link/index.js +1 -0
- package/dist/Link/style.d.ts +40 -0
- package/dist/Link/style.js +1 -0
- package/dist/Progress/Progress.d.ts +21 -0
- package/dist/Progress/Progress.js +1 -0
- package/dist/Progress/index.d.ts +2 -0
- package/dist/Progress/index.js +1 -0
- package/dist/Progress/style.d.ts +112 -0
- package/dist/Progress/style.js +1 -0
- package/dist/Radio/Radio.d.ts +19 -0
- package/dist/Radio/Radio.js +1 -0
- package/dist/Radio/index.d.ts +2 -0
- package/dist/Radio/index.js +1 -0
- package/dist/Radio/style.d.ts +76 -0
- package/dist/Radio/style.js +1 -0
- package/dist/RadioGroup/RadioGroup.d.ts +10 -0
- package/dist/RadioGroup/RadioGroup.js +1 -0
- package/dist/RadioGroup/index.d.ts +2 -0
- package/dist/RadioGroup/index.js +1 -0
- package/dist/RadioGroupContext/RadioGroupContext.d.ts +8 -0
- package/dist/RadioGroupContext/RadioGroupContext.js +1 -0
- package/dist/RadioGroupContext/index.d.ts +1 -0
- package/dist/RadioGroupContext/index.js +1 -0
- package/dist/Select/Select.d.ts +22 -0
- package/dist/Select/Select.js +1 -0
- package/dist/Select/index.d.ts +2 -0
- package/dist/Select/index.js +1 -0
- package/dist/Select/style.d.ts +124 -0
- package/dist/Select/style.js +1 -0
- package/dist/Skeleton/Skeleton.d.ts +9 -0
- package/dist/Skeleton/Skeleton.js +1 -0
- package/dist/Skeleton/index.d.ts +2 -0
- package/dist/Skeleton/index.js +1 -0
- package/dist/Skeleton/style.d.ts +34 -0
- package/dist/Skeleton/style.js +1 -0
- package/dist/Spinner/Spinner.d.ts +13 -0
- package/dist/Spinner/Spinner.js +1 -0
- package/dist/Spinner/index.d.ts +2 -0
- package/dist/Spinner/index.js +1 -0
- package/dist/Spinner/style.d.ts +112 -0
- package/dist/Spinner/style.js +1 -0
- package/dist/Switch/Switch.d.ts +23 -0
- package/dist/Switch/Switch.js +1 -0
- package/dist/Switch/index.d.ts +2 -0
- package/dist/Switch/index.js +1 -0
- package/dist/Switch/style.d.ts +226 -0
- package/dist/Switch/style.js +1 -0
- package/dist/Tab/Tab.d.ts +18 -0
- package/dist/Tab/Tab.js +1 -0
- package/dist/Tab/index.d.ts +2 -0
- package/dist/Tab/index.js +1 -0
- package/dist/Tab/style.d.ts +94 -0
- package/dist/Tab/style.js +1 -0
- package/dist/TabPanel/TabPanel.d.ts +7 -0
- package/dist/TabPanel/TabPanel.js +1 -0
- package/dist/TabPanel/index.d.ts +2 -0
- package/dist/TabPanel/index.js +1 -0
- package/dist/Table/Table.d.ts +7 -0
- package/dist/Table/Table.js +1 -0
- package/dist/Table/index.d.ts +2 -0
- package/dist/Table/index.js +1 -0
- package/dist/Table/style.d.ts +4 -0
- package/dist/Table/style.js +1 -0
- package/dist/TableBody/TableBody.d.ts +4 -0
- package/dist/TableBody/TableBody.js +1 -0
- package/dist/TableBody/index.d.ts +2 -0
- package/dist/TableBody/index.js +1 -0
- package/dist/TableCell/TableCell.d.ts +11 -0
- package/dist/TableCell/TableCell.js +1 -0
- package/dist/TableCell/index.d.ts +2 -0
- package/dist/TableCell/index.js +1 -0
- package/dist/TableCell/style.d.ts +70 -0
- package/dist/TableCell/style.js +1 -0
- package/dist/TableContext/TableContext.d.ts +6 -0
- package/dist/TableContext/TableContext.js +1 -0
- package/dist/TableContext/index.d.ts +1 -0
- package/dist/TableContext/index.js +1 -0
- package/dist/TableFooter/TableFooter.d.ts +4 -0
- package/dist/TableFooter/TableFooter.js +1 -0
- package/dist/TableFooter/index.d.ts +2 -0
- package/dist/TableFooter/index.js +1 -0
- package/dist/TableFooter/style.d.ts +4 -0
- package/dist/TableFooter/style.js +1 -0
- package/dist/TableHead/TableHead.d.ts +4 -0
- package/dist/TableHead/TableHead.js +1 -0
- package/dist/TableHead/index.d.ts +2 -0
- package/dist/TableHead/index.js +1 -0
- package/dist/TableHeadContext/TableHeadContext.d.ts +5 -0
- package/dist/TableHeadContext/TableHeadContext.js +1 -0
- package/dist/TableHeadContext/index.d.ts +1 -0
- package/dist/TableHeadContext/index.js +1 -0
- package/dist/TableRow/TableRow.d.ts +7 -0
- package/dist/TableRow/TableRow.js +1 -0
- package/dist/TableRow/index.d.ts +2 -0
- package/dist/TableRow/index.js +1 -0
- package/dist/TableRow/style.d.ts +34 -0
- package/dist/TableRow/style.js +1 -0
- package/dist/Tabs/Tabs.d.ts +12 -0
- package/dist/Tabs/Tabs.js +1 -0
- package/dist/Tabs/TabsContentContext.d.ts +7 -0
- package/dist/Tabs/TabsContentContext.js +1 -0
- package/dist/Tabs/index.d.ts +2 -0
- package/dist/Tabs/index.js +1 -0
- package/dist/Tabs/style.d.ts +94 -0
- package/dist/Tabs/style.js +1 -0
- package/dist/TabsContext/TabsContext.d.ts +10 -0
- package/dist/TabsContext/TabsContext.js +1 -0
- package/dist/TabsContext/context.d.ts +8 -0
- package/dist/TabsContext/context.js +3 -0
- package/dist/TabsContext/index.d.ts +2 -0
- package/dist/TabsContext/index.js +1 -0
- package/dist/Textarea/Textarea.d.ts +16 -0
- package/dist/Textarea/Textarea.js +1 -0
- package/dist/Textarea/index.d.ts +2 -0
- package/dist/Textarea/index.js +1 -0
- package/dist/Textarea/style.d.ts +160 -0
- package/dist/Textarea/style.js +1 -0
- package/dist/ThemeProvider/ThemeContext.d.ts +8 -0
- package/dist/ThemeProvider/ThemeContext.js +1 -0
- package/dist/ThemeProvider/ThemeProvider.d.ts +8 -0
- package/dist/ThemeProvider/ThemeProvider.js +1 -0
- package/dist/ThemeProvider/componentsTV.d.ts +1498 -0
- package/dist/ThemeProvider/componentsTV.js +1 -0
- package/dist/ThemeProvider/index.d.ts +3 -0
- package/dist/ThemeProvider/index.js +1 -0
- package/dist/Typography/Typography.d.ts +15 -0
- package/dist/Typography/Typography.js +1 -0
- package/dist/Typography/index.d.ts +2 -0
- package/dist/Typography/index.js +1 -0
- package/dist/Typography/style.d.ts +154 -0
- package/dist/Typography/style.js +1 -0
- package/dist/_chunks/dist-C-sN40SQ.js +1 -0
- package/dist/icons/Alert.d.ts +3 -0
- package/dist/icons/Alert.js +1 -0
- package/dist/icons/AngleDown.d.ts +3 -0
- package/dist/icons/AngleDown.js +1 -0
- package/dist/icons/AngleUp.d.ts +3 -0
- package/dist/icons/AngleUp.js +1 -0
- package/dist/icons/CheckboxChecked.d.ts +3 -0
- package/dist/icons/CheckboxChecked.js +1 -0
- package/dist/icons/CheckboxUnchecked.d.ts +3 -0
- package/dist/icons/CheckboxUnchecked.js +1 -0
- package/dist/icons/Checkmark.d.ts +3 -0
- package/dist/icons/Checkmark.js +1 -0
- package/dist/icons/Cross.d.ts +3 -0
- package/dist/icons/Cross.js +1 -0
- package/dist/icons/Error.d.ts +3 -0
- package/dist/icons/Error.js +1 -0
- package/dist/icons/Info.d.ts +3 -0
- package/dist/icons/Info.js +1 -0
- package/dist/icons/RadioChecked.d.ts +3 -0
- package/dist/icons/RadioChecked.js +1 -0
- package/dist/icons/RadioUnchecked.d.ts +3 -0
- package/dist/icons/RadioUnchecked.js +1 -0
- package/dist/icons/Warning.d.ts +3 -0
- package/dist/icons/Warning.js +1 -0
- package/dist/index.css +6 -0
- package/dist/index.d.ts +137 -0
- package/dist/index.js +1 -0
- package/dist/styles/createTheme.d.ts +4 -0
- package/dist/styles/createTheme.js +2 -0
- package/dist/styles/index.d.ts +8 -0
- package/dist/styles/index.js +1 -0
- package/dist/styles/theme/colors.d.ts +24 -0
- package/dist/styles/theme/colors.js +1 -0
- package/dist/styles/theme/disabled.d.ts +10 -0
- package/dist/styles/theme/disabled.js +1 -0
- package/dist/styles/theme/index.d.ts +20 -0
- package/dist/styles/theme/index.js +1 -0
- package/dist/styles/theme/rounded.d.ts +11 -0
- package/dist/styles/theme/rounded.js +1 -0
- package/dist/styles/theme/shadow.d.ts +10 -0
- package/dist/styles/theme/shadow.js +1 -0
- package/dist/styles/theme/themeSchema.d.ts +4 -0
- package/dist/styles/theme/themeSchema.js +1 -0
- package/dist/styles/theme/typography.d.ts +29 -0
- package/dist/styles/theme/typography.js +1 -0
- package/dist/styles/theme/utilities.d.ts +7 -0
- package/dist/styles/theme/utilities.js +1 -0
- package/dist/styles/useTheme.d.ts +2 -0
- package/dist/styles/useTheme.js +1 -0
- package/dist/utils/asVariant.d.ts +2 -0
- package/dist/utils/asVariant.js +1 -0
- package/dist/utils/cn.d.ts +2 -0
- package/dist/utils/cn.js +1 -0
- package/dist/utils/typedKeys.d.ts +2 -0
- package/dist/utils/typedKeys.js +1 -0
- package/package.json +257 -0
|
@@ -0,0 +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:[`text-inherit text-left align-[inherit]`,n.divider],variants:{dense:{true:`py-1.5 px-2`,false:`py-3 px-3.5`},align:{left:`text-left`,center:`text-center`,right:`text-right`,justify:`text-justify`}}}),r=n();export{r as default,n as tableCell};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{createContext as e,useContext as t}from"solid-js";var n=e(),r=()=>{let e=t(n);if(!e)throw Error(`useTableContext must be used inside TableContextProvider`);return e};export{n as TableContext,r as useTableContext};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './TableContext';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import"./TableContext.js";
|
|
@@ -0,0 +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,splitProps as s}from"solid-js";var c=a(`<tfoot>`),l=a=>{let[l,u]=s(a,[`class`]),d=n(),f=o(()=>d?d.componentsTV.tableFooter():t());return(()=>{var t=c();return i(t,r(u,{get class(){return e(f(),l.class)}}),!1,!1),t})()};export{l as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import"./TableFooter.js";
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { Theme } from '../styles/theme';
|
|
2
|
+
export declare const tableFooter: (_theme?: Theme) => import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "bg-neutral-100 dark:bg-neutral-900", {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>;
|
|
3
|
+
declare const _default: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "bg-neutral-100 dark:bg-neutral-900", {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>;
|
|
4
|
+
export default _default;
|
|
@@ -0,0 +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:`bg-neutral-100 dark:bg-neutral-900`}),r=n();export{r as default,n as tableFooter};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{TableHeadContext as e}from"../TableHeadContext/TableHeadContext.js";import"../TableHeadContext/index.js";import{createComponent as t,insert as n,spread as r,template as i}from"solid-js/web";import{splitProps as a}from"solid-js";var o=i(`<thead>`),s=i=>{let[s,c]=a(i,[`children`]),l={isHead:!0};return(()=>{var i=o();return r(i,c,!1,!0),n(i,t(e.Provider,{value:l,get children(){return s.children}})),i})()};export{s as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import"./TableHead.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{createContext as e,useContext as t}from"solid-js";var n=e(),r=()=>t(n);export{n as TableHeadContext,r as useTableHeadContext};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './TableHeadContext';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import"./TableHeadContext.js";
|
|
@@ -0,0 +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,splitProps as c}from"solid-js";var l=o(`<tr>`),u=o=>{let[u,d]=c(o,[`children`,`class`,`selected`]),f=n(),p=s(()=>{let e={selected:u.selected};return f?f.componentsTV.tableRow(e):t(e)});return(()=>{var t=l();return a(t,i({get"aria-selected"(){return u.selected}},d,{get class(){return e(p(),u.class)}}),!1,!0),r(t,()=>u.children),t})()};export{u as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import"./TableRow.js";
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { Theme } from '../styles/theme';
|
|
2
|
+
export declare const tableRow: (theme?: Theme) => import('tailwind-variants').TVReturnType<{
|
|
3
|
+
selected: {
|
|
4
|
+
true: string[];
|
|
5
|
+
false: "";
|
|
6
|
+
};
|
|
7
|
+
}, undefined, string[], {
|
|
8
|
+
selected: {
|
|
9
|
+
true: string[];
|
|
10
|
+
false: "";
|
|
11
|
+
};
|
|
12
|
+
}, undefined, import('tailwind-variants').TVReturnTypeLike<{
|
|
13
|
+
selected: {
|
|
14
|
+
true: string[];
|
|
15
|
+
false: "";
|
|
16
|
+
};
|
|
17
|
+
}, undefined>>;
|
|
18
|
+
declare const _default: import('tailwind-variants').TVReturnType<{
|
|
19
|
+
selected: {
|
|
20
|
+
true: string[];
|
|
21
|
+
false: "";
|
|
22
|
+
};
|
|
23
|
+
}, undefined, string[], {
|
|
24
|
+
selected: {
|
|
25
|
+
true: string[];
|
|
26
|
+
false: "";
|
|
27
|
+
};
|
|
28
|
+
}, undefined, import('tailwind-variants').TVReturnTypeLike<{
|
|
29
|
+
selected: {
|
|
30
|
+
true: string[];
|
|
31
|
+
false: "";
|
|
32
|
+
};
|
|
33
|
+
}, undefined>>;
|
|
34
|
+
export default _default;
|
|
@@ -0,0 +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:[`text-inherit align-middle`,`[&_th]:border-b`,`[&:not(:last-child)>td]:border-b`],variants:{selected:{true:[n.colors.default.filled.background],false:``}}}),r=n();export{r as default,n as tableRow};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ComponentProps } from 'solid-js';
|
|
2
|
+
import { VariantProps } from 'tailwind-variants';
|
|
3
|
+
import { default as tabsDefaultStyles } from './style';
|
|
4
|
+
type TabsVariants = VariantProps<typeof tabsDefaultStyles>;
|
|
5
|
+
export type TabsProps = {
|
|
6
|
+
centered?: boolean;
|
|
7
|
+
class?: string;
|
|
8
|
+
onKeyDown?: (event: KeyboardEvent) => void;
|
|
9
|
+
orientation?: TabsVariants["orientation"];
|
|
10
|
+
} & Omit<ComponentProps<"div">, "onKeyDown">;
|
|
11
|
+
declare const Tabs: (props: TabsProps) => import("solid-js").JSX.Element;
|
|
12
|
+
export default Tabs;
|
|
@@ -0,0 +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{TabsContentContext as r}from"./TabsContentContext.js";import{createComponent as i,insert as a,mergeProps as o,spread as s,template as c}from"solid-js/web";import{createMemo as l,mergeProps as u,splitProps as d}from"solid-js";var f=c(`<div role=tablist>`),p=c=>{let p=u({centered:!1,orientation:`horizontal`},c),[m,h]=d(p,[`centered`,`children`,`class`,`onKeyDown`,`orientation`]),g=n(),_=l(()=>{let e={centered:m.centered,orientation:m.orientation};return g?g.componentsTV.tabs(e):t(e)}),v=e=>{e.focus()},y=e=>{if(![`ArrowLeft`,`ArrowRight`,`Home`,`End`].includes(e.key)){m.onKeyDown?.(e);return}let t=Array.from(e.currentTarget.querySelectorAll(`[role=tab]`)).filter(e=>e.disabled!==!0&&e.getAttribute(`aria-disabled`)!==`true`),n=Math.max(t.findIndex(e=>document.activeElement===e),0);switch(e.key){case`ArrowLeft`:v(n===0?t[t.length-1]:t[n-1]);break;case`ArrowRight`:v(n===t.length-1?t[0]:t[n+1]);break;case`Home`:v(t[0]);break;case`End`:v(t[t.length-1])}m.onKeyDown?.(e)},b={orientation:()=>m.orientation};return(()=>{var t=f();return s(t,o(h,{get class(){return e(_().base(),m.class)},onKeyDown:y}),!1,!0),a(t,i(r.Provider,{value:b,get children(){return m.children}})),t})()};export{p as default};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { Accessor } from 'solid-js';
|
|
2
|
+
type TabsContextValue = {
|
|
3
|
+
orientation: Accessor<"horizontal" | "vertical">;
|
|
4
|
+
};
|
|
5
|
+
export declare const TabsContentContext: import('solid-js').Context<TabsContextValue | undefined>;
|
|
6
|
+
export declare const useTabsContentContext: () => TabsContextValue | undefined;
|
|
7
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{createContext as e,useContext as t}from"solid-js";var n=e(),r=()=>t(n);export{n as TabsContentContext,r as useTabsContentContext};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import"./Tabs.js";
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
import { Theme } from '../styles/theme';
|
|
2
|
+
export declare const tabs: (theme?: Theme) => import('tailwind-variants').TVReturnType<{
|
|
3
|
+
centered: {
|
|
4
|
+
true: {};
|
|
5
|
+
false: {};
|
|
6
|
+
};
|
|
7
|
+
orientation: {
|
|
8
|
+
horizontal: {
|
|
9
|
+
base: string;
|
|
10
|
+
};
|
|
11
|
+
vertical: {
|
|
12
|
+
base: string;
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
}, {
|
|
16
|
+
base: string[];
|
|
17
|
+
}, undefined, {
|
|
18
|
+
centered: {
|
|
19
|
+
true: {};
|
|
20
|
+
false: {};
|
|
21
|
+
};
|
|
22
|
+
orientation: {
|
|
23
|
+
horizontal: {
|
|
24
|
+
base: string;
|
|
25
|
+
};
|
|
26
|
+
vertical: {
|
|
27
|
+
base: string;
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
}, {
|
|
31
|
+
base: string[];
|
|
32
|
+
}, import('tailwind-variants').TVReturnTypeLike<{
|
|
33
|
+
centered: {
|
|
34
|
+
true: {};
|
|
35
|
+
false: {};
|
|
36
|
+
};
|
|
37
|
+
orientation: {
|
|
38
|
+
horizontal: {
|
|
39
|
+
base: string;
|
|
40
|
+
};
|
|
41
|
+
vertical: {
|
|
42
|
+
base: string;
|
|
43
|
+
};
|
|
44
|
+
};
|
|
45
|
+
}, {
|
|
46
|
+
base: string[];
|
|
47
|
+
}>>;
|
|
48
|
+
declare const _default: import('tailwind-variants').TVReturnType<{
|
|
49
|
+
centered: {
|
|
50
|
+
true: {};
|
|
51
|
+
false: {};
|
|
52
|
+
};
|
|
53
|
+
orientation: {
|
|
54
|
+
horizontal: {
|
|
55
|
+
base: string;
|
|
56
|
+
};
|
|
57
|
+
vertical: {
|
|
58
|
+
base: string;
|
|
59
|
+
};
|
|
60
|
+
};
|
|
61
|
+
}, {
|
|
62
|
+
base: string[];
|
|
63
|
+
}, undefined, {
|
|
64
|
+
centered: {
|
|
65
|
+
true: {};
|
|
66
|
+
false: {};
|
|
67
|
+
};
|
|
68
|
+
orientation: {
|
|
69
|
+
horizontal: {
|
|
70
|
+
base: string;
|
|
71
|
+
};
|
|
72
|
+
vertical: {
|
|
73
|
+
base: string;
|
|
74
|
+
};
|
|
75
|
+
};
|
|
76
|
+
}, {
|
|
77
|
+
base: string[];
|
|
78
|
+
}, import('tailwind-variants').TVReturnTypeLike<{
|
|
79
|
+
centered: {
|
|
80
|
+
true: {};
|
|
81
|
+
false: {};
|
|
82
|
+
};
|
|
83
|
+
orientation: {
|
|
84
|
+
horizontal: {
|
|
85
|
+
base: string;
|
|
86
|
+
};
|
|
87
|
+
vertical: {
|
|
88
|
+
base: string;
|
|
89
|
+
};
|
|
90
|
+
};
|
|
91
|
+
}, {
|
|
92
|
+
base: string[];
|
|
93
|
+
}>>;
|
|
94
|
+
export default _default;
|
|
@@ -0,0 +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 flex items-stretch`,n.divider]},variants:{centered:{true:{},false:{}},orientation:{horizontal:{base:`flex-row border-b`},vertical:{base:`flex-col ltr:border-r rtl:border-l`}}},compoundVariants:[{centered:!0,orientation:`horizontal`,class:{base:`justify-center`}},{centered:!0,orientation:`vertical`,class:{base:`items-center`}}]}),r=n();export{r as default,n as tabs};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { JSXElement } from 'solid-js';
|
|
2
|
+
export type TabsContextProps = {
|
|
3
|
+
children?: JSXElement;
|
|
4
|
+
defaultValue?: string;
|
|
5
|
+
onChange?: (event: Event, activeTab: string) => void;
|
|
6
|
+
value?: string;
|
|
7
|
+
tabId?: string;
|
|
8
|
+
};
|
|
9
|
+
declare const TabsContext: (props: TabsContextProps) => import("solid-js").JSX.Element;
|
|
10
|
+
export default TabsContext;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{Tabs_Context as e}from"./context.js";import{createComponent as t}from"solid-js/web";import{createSignal as n}from"solid-js";var r=r=>{let i=r.value!==void 0,[a,o]=n(r.defaultValue||``);return t(e.Provider,{value:{activeTabValue:()=>i?r.value:a(),handleChange:(e,t)=>{i||o(t),r.onChange?.(e,t)},tabId:()=>r.tabId},get children(){return r.children}})};export{r as default};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Accessor } from 'solid-js';
|
|
2
|
+
export type TabsContextValue = {
|
|
3
|
+
activeTabValue: Accessor<string>;
|
|
4
|
+
handleChange: (event: Event, tabName: string) => void;
|
|
5
|
+
tabId: Accessor<string | undefined>;
|
|
6
|
+
};
|
|
7
|
+
export declare const Tabs_Context: import('solid-js').Context<TabsContextValue | undefined>;
|
|
8
|
+
export declare const useTabsContext: (componentName: string) => TabsContextValue;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import"./TabsContext.js";
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { ComponentProps } from 'solid-js';
|
|
2
|
+
import { VariantProps } from 'tailwind-variants';
|
|
3
|
+
import { ThemeColors } from '../styles/theme/colors';
|
|
4
|
+
import { default as textareaDefaultStyles } from './style';
|
|
5
|
+
type TextareaVariants = VariantProps<typeof textareaDefaultStyles>;
|
|
6
|
+
export type TextareaProps = {
|
|
7
|
+
class?: string;
|
|
8
|
+
color?: keyof ThemeColors;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
fullWidth?: boolean;
|
|
11
|
+
resize?: "x" | "y" | "both" | "none";
|
|
12
|
+
size?: TextareaVariants["size"];
|
|
13
|
+
variant?: TextareaVariants["variant"];
|
|
14
|
+
} & Omit<ComponentProps<"textarea">, "size">;
|
|
15
|
+
declare const Textarea: (props: TextareaProps) => import("solid-js").JSX.Element;
|
|
16
|
+
export default Textarea;
|
|
@@ -0,0 +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(`<textarea>`),u=a=>{let u=s({color:`default`,disabled:!1,resize:`y`,size:`medium`,variant:`outlined`},a),[d,f]=c(u,[`class`,`color`,`disabled`,`fullWidth`,`resize`,`size`,`variant`]),p=n(),m=o(()=>{let e={color:d.color,disabled:d.disabled,fullWidth:d.fullWidth,resize:d.resize,size:d.size,variant:d.variant};return p?p.componentsTV.textarea(e):t(e)});return(()=>{var t=l();return i(t,r(f,{get disabled(){return d.disabled},get class(){return e(m(),d.class)}}),!1,!1),t})()};export{u as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import"./Textarea.js";
|
|
@@ -0,0 +1,160 @@
|
|
|
1
|
+
import { Theme } from '../styles/theme';
|
|
2
|
+
export declare const textarea: (theme?: Theme) => import('tailwind-variants').TVReturnType<{
|
|
3
|
+
color: Record<"default" | "success" | "warning" | "info" | "error", string>;
|
|
4
|
+
disabled: {
|
|
5
|
+
true: "";
|
|
6
|
+
false: "";
|
|
7
|
+
};
|
|
8
|
+
variant: {
|
|
9
|
+
filled: "";
|
|
10
|
+
ghost: "";
|
|
11
|
+
outlined: "border border-1";
|
|
12
|
+
};
|
|
13
|
+
resize: {
|
|
14
|
+
x: "resize-x";
|
|
15
|
+
y: "resize-y";
|
|
16
|
+
both: "resize";
|
|
17
|
+
none: "resize-none";
|
|
18
|
+
};
|
|
19
|
+
size: {
|
|
20
|
+
small: "py-1 px-1.5 h-10 text-sm";
|
|
21
|
+
medium: "py-1 px-1.5 h-15 text-sm";
|
|
22
|
+
large: "py-1.5 px-2 h-20 text-md";
|
|
23
|
+
};
|
|
24
|
+
fullWidth: {
|
|
25
|
+
true: "w-full";
|
|
26
|
+
false: "";
|
|
27
|
+
};
|
|
28
|
+
}, undefined, string[], {
|
|
29
|
+
color: Record<"default" | "success" | "warning" | "info" | "error", string>;
|
|
30
|
+
disabled: {
|
|
31
|
+
true: "";
|
|
32
|
+
false: "";
|
|
33
|
+
};
|
|
34
|
+
variant: {
|
|
35
|
+
filled: "";
|
|
36
|
+
ghost: "";
|
|
37
|
+
outlined: "border border-1";
|
|
38
|
+
};
|
|
39
|
+
resize: {
|
|
40
|
+
x: "resize-x";
|
|
41
|
+
y: "resize-y";
|
|
42
|
+
both: "resize";
|
|
43
|
+
none: "resize-none";
|
|
44
|
+
};
|
|
45
|
+
size: {
|
|
46
|
+
small: "py-1 px-1.5 h-10 text-sm";
|
|
47
|
+
medium: "py-1 px-1.5 h-15 text-sm";
|
|
48
|
+
large: "py-1.5 px-2 h-20 text-md";
|
|
49
|
+
};
|
|
50
|
+
fullWidth: {
|
|
51
|
+
true: "w-full";
|
|
52
|
+
false: "";
|
|
53
|
+
};
|
|
54
|
+
}, undefined, import('tailwind-variants').TVReturnTypeLike<{
|
|
55
|
+
color: Record<"default" | "success" | "warning" | "info" | "error", string>;
|
|
56
|
+
disabled: {
|
|
57
|
+
true: "";
|
|
58
|
+
false: "";
|
|
59
|
+
};
|
|
60
|
+
variant: {
|
|
61
|
+
filled: "";
|
|
62
|
+
ghost: "";
|
|
63
|
+
outlined: "border border-1";
|
|
64
|
+
};
|
|
65
|
+
resize: {
|
|
66
|
+
x: "resize-x";
|
|
67
|
+
y: "resize-y";
|
|
68
|
+
both: "resize";
|
|
69
|
+
none: "resize-none";
|
|
70
|
+
};
|
|
71
|
+
size: {
|
|
72
|
+
small: "py-1 px-1.5 h-10 text-sm";
|
|
73
|
+
medium: "py-1 px-1.5 h-15 text-sm";
|
|
74
|
+
large: "py-1.5 px-2 h-20 text-md";
|
|
75
|
+
};
|
|
76
|
+
fullWidth: {
|
|
77
|
+
true: "w-full";
|
|
78
|
+
false: "";
|
|
79
|
+
};
|
|
80
|
+
}, undefined>>;
|
|
81
|
+
declare const _default: import('tailwind-variants').TVReturnType<{
|
|
82
|
+
color: Record<"default" | "success" | "warning" | "info" | "error", string>;
|
|
83
|
+
disabled: {
|
|
84
|
+
true: "";
|
|
85
|
+
false: "";
|
|
86
|
+
};
|
|
87
|
+
variant: {
|
|
88
|
+
filled: "";
|
|
89
|
+
ghost: "";
|
|
90
|
+
outlined: "border border-1";
|
|
91
|
+
};
|
|
92
|
+
resize: {
|
|
93
|
+
x: "resize-x";
|
|
94
|
+
y: "resize-y";
|
|
95
|
+
both: "resize";
|
|
96
|
+
none: "resize-none";
|
|
97
|
+
};
|
|
98
|
+
size: {
|
|
99
|
+
small: "py-1 px-1.5 h-10 text-sm";
|
|
100
|
+
medium: "py-1 px-1.5 h-15 text-sm";
|
|
101
|
+
large: "py-1.5 px-2 h-20 text-md";
|
|
102
|
+
};
|
|
103
|
+
fullWidth: {
|
|
104
|
+
true: "w-full";
|
|
105
|
+
false: "";
|
|
106
|
+
};
|
|
107
|
+
}, undefined, string[], {
|
|
108
|
+
color: Record<"default" | "success" | "warning" | "info" | "error", string>;
|
|
109
|
+
disabled: {
|
|
110
|
+
true: "";
|
|
111
|
+
false: "";
|
|
112
|
+
};
|
|
113
|
+
variant: {
|
|
114
|
+
filled: "";
|
|
115
|
+
ghost: "";
|
|
116
|
+
outlined: "border border-1";
|
|
117
|
+
};
|
|
118
|
+
resize: {
|
|
119
|
+
x: "resize-x";
|
|
120
|
+
y: "resize-y";
|
|
121
|
+
both: "resize";
|
|
122
|
+
none: "resize-none";
|
|
123
|
+
};
|
|
124
|
+
size: {
|
|
125
|
+
small: "py-1 px-1.5 h-10 text-sm";
|
|
126
|
+
medium: "py-1 px-1.5 h-15 text-sm";
|
|
127
|
+
large: "py-1.5 px-2 h-20 text-md";
|
|
128
|
+
};
|
|
129
|
+
fullWidth: {
|
|
130
|
+
true: "w-full";
|
|
131
|
+
false: "";
|
|
132
|
+
};
|
|
133
|
+
}, undefined, import('tailwind-variants').TVReturnTypeLike<{
|
|
134
|
+
color: Record<"default" | "success" | "warning" | "info" | "error", string>;
|
|
135
|
+
disabled: {
|
|
136
|
+
true: "";
|
|
137
|
+
false: "";
|
|
138
|
+
};
|
|
139
|
+
variant: {
|
|
140
|
+
filled: "";
|
|
141
|
+
ghost: "";
|
|
142
|
+
outlined: "border border-1";
|
|
143
|
+
};
|
|
144
|
+
resize: {
|
|
145
|
+
x: "resize-x";
|
|
146
|
+
y: "resize-y";
|
|
147
|
+
both: "resize";
|
|
148
|
+
none: "resize-none";
|
|
149
|
+
};
|
|
150
|
+
size: {
|
|
151
|
+
small: "py-1 px-1.5 h-10 text-sm";
|
|
152
|
+
medium: "py-1 px-1.5 h-15 text-sm";
|
|
153
|
+
large: "py-1.5 px-2 h-20 text-md";
|
|
154
|
+
};
|
|
155
|
+
fullWidth: {
|
|
156
|
+
true: "w-full";
|
|
157
|
+
false: "";
|
|
158
|
+
};
|
|
159
|
+
}, undefined>>;
|
|
160
|
+
export default _default;
|
|
@@ -0,0 +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`},resize:{x:`resize-x`,y:`resize-y`,both:`resize`,none:`resize-none`},size:{small:`py-1 px-1.5 h-10 text-sm`,medium:`py-1 px-1.5 h-15 text-sm`,large:`py-1.5 px-2 h-20 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 textarea};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ComponentsTV } from './componentsTV';
|
|
2
|
+
import { Theme } from '../styles/theme';
|
|
3
|
+
export type ThemeContextValue = {
|
|
4
|
+
theme: Theme;
|
|
5
|
+
componentsTV: ComponentsTV;
|
|
6
|
+
};
|
|
7
|
+
export declare const ThemeContext: import('solid-js').Context<ThemeContextValue | undefined>;
|
|
8
|
+
export declare const useThemeContext: () => ThemeContextValue | undefined;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import"../styles/theme/index.js";import"./componentsTV.js";import{createContext as e,useContext as t}from"solid-js";var n=e(),r=()=>t(n);export{n as ThemeContext,r as useThemeContext};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { JSXElement } from 'solid-js';
|
|
2
|
+
import { Theme } from '../styles/theme';
|
|
3
|
+
export type ThemeProviderProps = {
|
|
4
|
+
theme: Theme;
|
|
5
|
+
children?: JSXElement;
|
|
6
|
+
};
|
|
7
|
+
declare const ThemeProvider: (props: ThemeProviderProps) => import("solid-js").JSX.Element;
|
|
8
|
+
export default ThemeProvider;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import"../styles/theme/index.js";import e from"./componentsTV.js";import{ThemeContext as t}from"./ThemeContext.js";import{createComponent as n}from"solid-js/web";import{splitProps as r}from"solid-js";var i=i=>{let[a]=r(i,[`theme`,`children`]),o=Object.fromEntries(Object.entries(e).map(([e,t])=>[e,t(a.theme)])),s={theme:a.theme,componentsTV:o};return n(t.Provider,{value:s,get children(){return a.children}})};export{i as default};
|