rocksolidjs 0.1.0

package/dist/Spinner/style.d.ts

@@ -0,0 +1,112 @@
+import { Theme } from '../styles/theme';
+export declare const spinner: (theme?: Theme) => import('tailwind-variants').TVReturnType<{
+    color: Record<"default" | "success" | "warning" | "info" | "error", {
+        base: string;
+    }>;
+    size: {
+        small: {
+            svg: string;
+        };
+        medium: {
+            svg: string;
+        };
+        large: {
+            svg: string;
+        };
+    };
+}, {
+    base: string;
+    svg: string;
+}, undefined, {
+    color: Record<"default" | "success" | "warning" | "info" | "error", {
+        base: string;
+    }>;
+    size: {
+        small: {
+            svg: string;
+        };
+        medium: {
+            svg: string;
+        };
+        large: {
+            svg: string;
+        };
+    };
+}, {
+    base: string;
+    svg: string;
+}, import('tailwind-variants').TVReturnTypeLike<{
+    color: Record<"default" | "success" | "warning" | "info" | "error", {
+        base: string;
+    }>;
+    size: {
+        small: {
+            svg: string;
+        };
+        medium: {
+            svg: string;
+        };
+        large: {
+            svg: string;
+        };
+    };
+}, {
+    base: string;
+    svg: string;
+}>>;
+declare const _default: import('tailwind-variants').TVReturnType<{
+    color: Record<"default" | "success" | "warning" | "info" | "error", {
+        base: string;
+    }>;
+    size: {
+        small: {
+            svg: string;
+        };
+        medium: {
+            svg: string;
+        };
+        large: {
+            svg: string;
+        };
+    };
+}, {
+    base: string;
+    svg: string;
+}, undefined, {
+    color: Record<"default" | "success" | "warning" | "info" | "error", {
+        base: string;
+    }>;
+    size: {
+        small: {
+            svg: string;
+        };
+        medium: {
+            svg: string;
+        };
+        large: {
+            svg: string;
+        };
+    };
+}, {
+    base: string;
+    svg: string;
+}, import('tailwind-variants').TVReturnTypeLike<{
+    color: Record<"default" | "success" | "warning" | "info" | "error", {
+        base: string;
+    }>;
+    size: {
+        small: {
+            svg: string;
+        };
+        medium: {
+            svg: string;
+        };
+        large: {
+            svg: string;
+        };
+    };
+}, {
+    base: string;
+    svg: string;
+}>>;
+export default _default;

package/dist/Spinner/style.js

@@ -0,0 +1 @@
+import{n as e}from"../_chunks/dist-C-sN40SQ.js";import t from"../styles/theme/index.js";import n from"../utils/asVariant.js";var r=(r=t)=>e({slots:{base:`inline-flex items-center justify-center`,svg:`animate-spin`},variants:{color:n(r.colors,e=>({base:e.ghost.text})),size:{small:{svg:`size-4`},medium:{svg:`size-6`},large:{svg:`size-8`}}}}),i=r();export{i as default,r as spinner};

package/dist/Switch/Switch.d.ts

@@ -0,0 +1,23 @@
+import { ComponentProps } from 'solid-js';
+import { VariantProps } from 'tailwind-variants';
+import { ThemeColors } from '../styles/theme/colors';
+import { default as switchDefaultStyles } from './style';
+type SwitchVariants = VariantProps<typeof switchDefaultStyles>;
+type SwitchSlotProps = {
+    base?: ComponentProps<"span">;
+    handle?: ComponentProps<"span">;
+};
+export type SwitchProps = {
+    checked?: boolean;
+    class?: string;
+    color?: keyof ThemeColors;
+    defaultChecked?: boolean;
+    disabled?: boolean;
+    disableTransition?: boolean;
+    id?: string;
+    onChange?: (event: Event, checked: boolean) => void;
+    size?: SwitchVariants["size"];
+    slotProps?: SwitchSlotProps;
+} & Omit<ComponentProps<"input">, "type" | "onChange" | "size">;
+declare const Switch: (props: SwitchProps) => import("solid-js").JSX.Element;
+export default Switch;

package/dist/Switch/Switch.js

@@ -0,0 +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,createSignal as s,mergeProps as c,splitProps as l}from"solid-js";var u=a(`<span><span></span><input>`),d=a=>{let d=c({color:`default`,disableTransition:!1,size:`medium`},a),[f,p]=l(d,[`checked`,`class`,`color`,`defaultChecked`,`disabled`,`disableTransition`,`id`,`onChange`,`size`,`slotProps`,`children`,`type`,`size`]),m=n(),h=typeof f.checked==`boolean`,[g,_]=s(!!f.defaultChecked),v=o(()=>h?f.checked:g()),y=e=>{let t=e.currentTarget.checked;h||_(t),f.onChange?.(e,t)},b=o(()=>{let e={checked:v(),color:f.color,disabled:f.disabled,disableTransition:f.disableTransition,size:f.size};return m?m.componentsTV.switch(e):t(e)});return(()=>{var t=u(),n=t.firstChild,a=n.nextSibling;return i(t,r(()=>f.slotProps?.base,{get class(){return e(b().base(),f.slotProps?.base?.class)}}),!1,!0),i(n,r(()=>f.slotProps?.handle,{get class(){return e(b().handle(),f.slotProps?.handle?.class)}}),!1,!1),i(a,r(p,{get id(){return f.id},role:`switch`,type:`checkbox`,get checked(){return v()},onChange:y,get disabled(){return f.disabled},get class(){return e(b().input(),f.class)}}),!1,!1),t})()};export{d as default};

package/dist/Switch/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Switch';
+export * from './Switch';

package/dist/Switch/index.js

@@ -0,0 +1 @@
+import"./Switch.js";

package/dist/Switch/style.d.ts

@@ -0,0 +1,226 @@
+import { Theme } from '../styles/theme';
+export declare const switchTv: (theme?: Theme) => import('tailwind-variants').TVReturnType<{
+    checked: {
+        true: {};
+        false: {};
+    };
+    color: Record<"default" | "success" | "warning" | "info" | "error", {}>;
+    disabled: {
+        true: {
+            base: string[];
+        };
+        false: {};
+    };
+    disableTransition: {
+        true: {};
+        false: {
+            base: string;
+            handle: string;
+        };
+    };
+    size: {
+        small: {
+            base: string;
+            handle: string;
+        };
+        medium: {
+            base: string;
+            handle: string;
+        };
+        large: {
+            base: string;
+            handle: string;
+        };
+    };
+}, {
+    base: string[];
+    handle: string[];
+    input: string;
+}, undefined, {
+    checked: {
+        true: {};
+        false: {};
+    };
+    color: Record<"default" | "success" | "warning" | "info" | "error", {}>;
+    disabled: {
+        true: {
+            base: string[];
+        };
+        false: {};
+    };
+    disableTransition: {
+        true: {};
+        false: {
+            base: string;
+            handle: string;
+        };
+    };
+    size: {
+        small: {
+            base: string;
+            handle: string;
+        };
+        medium: {
+            base: string;
+            handle: string;
+        };
+        large: {
+            base: string;
+            handle: string;
+        };
+    };
+}, {
+    base: string[];
+    handle: string[];
+    input: string;
+}, import('tailwind-variants').TVReturnTypeLike<{
+    checked: {
+        true: {};
+        false: {};
+    };
+    color: Record<"default" | "success" | "warning" | "info" | "error", {}>;
+    disabled: {
+        true: {
+            base: string[];
+        };
+        false: {};
+    };
+    disableTransition: {
+        true: {};
+        false: {
+            base: string;
+            handle: string;
+        };
+    };
+    size: {
+        small: {
+            base: string;
+            handle: string;
+        };
+        medium: {
+            base: string;
+            handle: string;
+        };
+        large: {
+            base: string;
+            handle: string;
+        };
+    };
+}, {
+    base: string[];
+    handle: string[];
+    input: string;
+}>>;
+declare const _default: import('tailwind-variants').TVReturnType<{
+    checked: {
+        true: {};
+        false: {};
+    };
+    color: Record<"default" | "success" | "warning" | "info" | "error", {}>;
+    disabled: {
+        true: {
+            base: string[];
+        };
+        false: {};
+    };
+    disableTransition: {
+        true: {};
+        false: {
+            base: string;
+            handle: string;
+        };
+    };
+    size: {
+        small: {
+            base: string;
+            handle: string;
+        };
+        medium: {
+            base: string;
+            handle: string;
+        };
+        large: {
+            base: string;
+            handle: string;
+        };
+    };
+}, {
+    base: string[];
+    handle: string[];
+    input: string;
+}, undefined, {
+    checked: {
+        true: {};
+        false: {};
+    };
+    color: Record<"default" | "success" | "warning" | "info" | "error", {}>;
+    disabled: {
+        true: {
+            base: string[];
+        };
+        false: {};
+    };
+    disableTransition: {
+        true: {};
+        false: {
+            base: string;
+            handle: string;
+        };
+    };
+    size: {
+        small: {
+            base: string;
+            handle: string;
+        };
+        medium: {
+            base: string;
+            handle: string;
+        };
+        large: {
+            base: string;
+            handle: string;
+        };
+    };
+}, {
+    base: string[];
+    handle: string[];
+    input: string;
+}, import('tailwind-variants').TVReturnTypeLike<{
+    checked: {
+        true: {};
+        false: {};
+    };
+    color: Record<"default" | "success" | "warning" | "info" | "error", {}>;
+    disabled: {
+        true: {
+            base: string[];
+        };
+        false: {};
+    };
+    disableTransition: {
+        true: {};
+        false: {
+            base: string;
+            handle: string;
+        };
+    };
+    size: {
+        small: {
+            base: string;
+            handle: string;
+        };
+        medium: {
+            base: string;
+            handle: string;
+        };
+        large: {
+            base: string;
+            handle: string;
+        };
+    };
+}, {
+    base: string[];
+    handle: string[];
+    input: string;
+}>>;
+export default _default;

package/dist/Switch/style.js

@@ -0,0 +1 @@
+import{n as e}from"../_chunks/dist-C-sN40SQ.js";import t from"../styles/theme/index.js";import n from"../utils/asVariant.js";import r from"../utils/typedKeys.js";var i=(i=t)=>e({slots:{base:[`relative`,i.rounded.full,i.focusWithin],handle:[`absolute translate-y-[2px] translate-x-[2px]`,`bg-white shadow-sm`,i.rounded.full],input:`absolute inset-0 w-full h-full opacity-0 outline-none`},variants:{checked:{true:{},false:{}},color:n(i.colors,()=>({})),disabled:{true:{base:[`opacity-50`]},false:{}},disableTransition:{true:{},false:{base:`transition-background duration-300`,handle:`transition-translate duration-300`}},size:{small:{base:`w-8 h-5`,handle:`size-4`},medium:{base:`w-10 h-6`,handle:`size-5`},large:{base:`w-12 h-7`,handle:`size-6`}}},compoundVariants:[...r(i.colors).flatMap(e=>[{color:e,checked:!1,class:{base:`bg-neutral-300 dark:bg-neutral-700`}},{color:e,checked:!0,class:{base:[i.colors[e].solid.background]}}]),{checked:!0,size:`small`,class:{handle:`translate-x-[14px]`}},{checked:!0,size:`medium`,class:{handle:`translate-x-[18px]`}},{checked:!0,size:`large`,class:{handle:`translate-x-[22px]`}},{color:`default`,checked:!0,class:{handle:`dark:bg-neutral-900`}}]}),a=i();export{a as default,i as switchTv};

package/dist/Tab/Tab.d.ts

@@ -0,0 +1,18 @@
+import { JSXElement } from 'solid-js';
+import { VariantProps } from 'tailwind-variants';
+import { ButtonProps } from '../Button';
+import { default as tabDefaultStyles } from './style';
+type TabVariants = VariantProps<typeof tabDefaultStyles>;
+type TabSlotProps = {
+    icon?: NonNullable<ButtonProps["slotProps"]>["startIcon"];
+};
+export type TabProps = {
+    class?: string;
+    icon?: JSXElement;
+    iconPosition?: TabVariants["iconPosition"];
+    label?: string;
+    value: string;
+    slotProps?: TabSlotProps;
+} & Omit<ButtonProps, "fullWidth" | "variant" | "color" | "slotProps">;
+declare const Tab: (props: TabProps) => import("solid-js").JSX.Element;
+export default Tab;

package/dist/Tab/Tab.js

@@ -0,0 +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"../Button/Button.js";import"../Button/index.js";import{useTabsContext as i}from"../TabsContext/context.js";import{useTabsContentContext as a}from"../Tabs/TabsContentContext.js";import{createComponent as o,mergeProps as s}from"solid-js/web";import{createMemo as c,mergeProps as l,splitProps as u}from"solid-js";var d=d=>{let f=l({iconPosition:`top`},d),[p,m]=u(f,[`class`,`icon`,`iconPosition`,`label`,`value`,`slotProps`,`children`]),h=n(),g=i(`Tab`),_=a(),v=c(()=>g.activeTabValue()===p.value),y=e=>{g.handleChange(e,p.value)},b=c(()=>{let e={selected:v(),orientation:_?.orientation()??`horizontal`,iconPosition:p.iconPosition};return h?h.componentsTV.tab(e):t(e)}),x=c(()=>{let e=g.tabId();if(e)return`${e}-tabpanel-${p.value}`}),S=c(()=>{let e=g.tabId();if(e)return`${e}-tab-${p.value}`});return o(r,s({get"aria-controls"(){return x()},get"aria-selected"(){return v()},get id(){return S()},role:`tab`,get tabIndex(){return v()?0:-1}},m,{as:`button`,onClick:y,variant:`ghost`,get class(){return e(b(),p.class)},get startIcon(){return p.icon},get slotProps(){return{startIcon:p.slotProps?.icon}},get children(){return p.label}}))};export{d as default};

package/dist/Tab/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Tab';
+export * from './Tab';

package/dist/Tab/index.js

@@ -0,0 +1 @@
+import"./Tab.js";

package/dist/Tab/style.d.ts

@@ -0,0 +1,94 @@
+import { Theme } from '../styles/theme';
+export declare const tab: (theme?: Theme) => import('tailwind-variants').TVReturnType<{
+    iconPosition: {
+        start: "flex-row";
+        end: "flex-row-reverse";
+        top: "flex-col";
+        bottom: "flex-col-reverse";
+    };
+    orientation: {
+        horizontal: "";
+        vertical: "";
+    };
+    selected: {
+        true: "";
+        false: "";
+    };
+}, undefined, string[], {
+    iconPosition: {
+        start: "flex-row";
+        end: "flex-row-reverse";
+        top: "flex-col";
+        bottom: "flex-col-reverse";
+    };
+    orientation: {
+        horizontal: "";
+        vertical: "";
+    };
+    selected: {
+        true: "";
+        false: "";
+    };
+}, undefined, import('tailwind-variants').TVReturnTypeLike<{
+    iconPosition: {
+        start: "flex-row";
+        end: "flex-row-reverse";
+        top: "flex-col";
+        bottom: "flex-col-reverse";
+    };
+    orientation: {
+        horizontal: "";
+        vertical: "";
+    };
+    selected: {
+        true: "";
+        false: "";
+    };
+}, undefined>>;
+declare const _default: import('tailwind-variants').TVReturnType<{
+    iconPosition: {
+        start: "flex-row";
+        end: "flex-row-reverse";
+        top: "flex-col";
+        bottom: "flex-col-reverse";
+    };
+    orientation: {
+        horizontal: "";
+        vertical: "";
+    };
+    selected: {
+        true: "";
+        false: "";
+    };
+}, undefined, string[], {
+    iconPosition: {
+        start: "flex-row";
+        end: "flex-row-reverse";
+        top: "flex-col";
+        bottom: "flex-col-reverse";
+    };
+    orientation: {
+        horizontal: "";
+        vertical: "";
+    };
+    selected: {
+        true: "";
+        false: "";
+    };
+}, undefined, import('tailwind-variants').TVReturnTypeLike<{
+    iconPosition: {
+        start: "flex-row";
+        end: "flex-row-reverse";
+        top: "flex-col";
+        bottom: "flex-col-reverse";
+    };
+    orientation: {
+        horizontal: "";
+        vertical: "";
+    };
+    selected: {
+        true: "";
+        false: "";
+    };
+}, undefined>>;
+export default _default;

package/dist/Tab/style.js

@@ -0,0 +1 @@
+import{n as e}from"../_chunks/dist-C-sN40SQ.js";import t from"../styles/theme/index.js";var n=(n=t)=>e({base:[`py-2 px-4 min-w-15 min-h-8 items-center justify-center gap-y-0 gap-x-1 text-auto`,n.rounded.none],variants:{iconPosition:{start:`flex-row`,end:`flex-row-reverse`,top:`flex-col`,bottom:`flex-col-reverse`},orientation:{horizontal:``,vertical:``},selected:{true:``,false:``}},compoundVariants:[{orientation:`horizontal`,selected:!0,class:`shadow-[inset_0_-2px_0_currentColor]`},{orientation:`vertical`,selected:!0,class:[`ltr:shadow-[inset_-2px_0px_0_currentColor]`,`rtl:shadow-[inset_2px_0px_0_currentColor]`]}]}),r=n();export{r as default,n as tab};

package/dist/TabPanel/TabPanel.d.ts

@@ -0,0 +1,7 @@
+import { ComponentProps } from 'solid-js';
+export type TabPanelProps = {
+    class?: string;
+    value: string;
+} & ComponentProps<"div">;
+declare const TabPanel: (props: TabPanelProps) => import("solid-js").JSX.Element;
+export default TabPanel;

package/dist/TabPanel/TabPanel.js

@@ -0,0 +1 @@
+import e from"../utils/cn.js";import{useTabsContext as t}from"../TabsContext/context.js";import{insert as n,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(`<div role=tabpanel>`),l=a=>{let[l,u]=s(a,[`class`,`children`,`value`]),d=t(`TabPanel`),f=o(()=>l.value===d.activeTabValue()),p=o(()=>{let e=d.tabId();if(e)return`${e}-tab-${l.value}`}),m=o(()=>{let e=d.tabId();if(e)return`${e}-tabpanel-${l.value}`});return(()=>{var t=c();return i(t,r({get"aria-labelledby"(){return p()},get id(){return m()}},u,{get hidden(){return!f()},get class(){return e(l.class)}}),!1,!0),n(t,()=>l.children),t})()};export{l as default};

package/dist/TabPanel/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './TabPanel';
+export * from './TabPanel';

package/dist/TabPanel/index.js

@@ -0,0 +1 @@
+import"./TabPanel.js";

package/dist/Table/Table.d.ts

@@ -0,0 +1,7 @@
+import { ComponentProps } from 'solid-js';
+export type TableProps = {
+    class?: string;
+    dense?: boolean;
+} & ComponentProps<"table">;
+declare const Table: (props: TableProps) => import("solid-js").JSX.Element;
+export default Table;

package/dist/Table/Table.js

@@ -0,0 +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{TableContext as r}from"../TableContext/TableContext.js";import"../TableContext/index.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(`<table>`),p=c=>{let p=u({dense:!1},c),[m,h]=d(p,[`children`,`class`,`dense`]),g=n(),_=l(()=>g?g.componentsTV.table():t()),v={dense:()=>m.dense};return(()=>{var t=f();return s(t,o(h,{get class(){return e(_(),m.class)}}),!1,!0),a(t,i(r.Provider,{value:v,get children(){return m.children}})),t})()};export{p as default};

package/dist/Table/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Table';
+export * from './Table';

package/dist/Table/index.js

@@ -0,0 +1 @@
+import"./Table.js";

package/dist/Table/style.d.ts

@@ -0,0 +1,4 @@
+import { Theme } from '../styles/theme';
+export declare const table: (theme?: Theme) => import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>;
+declare const _default: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>;
+export default _default;

package/dist/Table/style.js

@@ -0,0 +1 @@
+import{n as e}from"../_chunks/dist-C-sN40SQ.js";import t from"../styles/theme/index.js";var n=(n=t)=>e({base:[`w-full border-collapse border-spacing-0 text-sm`,n.typography.colors.textPrimary]}),r=n();export{r as default,n as table};

package/dist/TableBody/TableBody.d.ts

@@ -0,0 +1,4 @@
+import { ComponentProps } from 'solid-js';
+export type TableBodyProps = ComponentProps<"tbody">;
+declare const TableBody: (props: TableBodyProps) => import("solid-js").JSX.Element;
+export default TableBody;

package/dist/TableBody/TableBody.js

@@ -0,0 +1 @@
+import{spread as e,template as t}from"solid-js/web";import"solid-js";var n=t(`<tbody>`),r=t=>(()=>{var r=n();return e(r,t,!1,!1),r})();export{r as default};

package/dist/TableBody/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './TableBody';
+export * from './TableBody';

package/dist/TableBody/index.js

@@ -0,0 +1 @@
+import"./TableBody.js";

package/dist/TableCell/TableCell.d.ts

@@ -0,0 +1,11 @@
+import { ComponentProps } from 'solid-js';
+import { VariantProps } from 'tailwind-variants';
+import { default as tableCellDefaultStyles } from './style';
+type TableCellVariants = VariantProps<typeof tableCellDefaultStyles>;
+export type TableCellProps = {
+    as?: "th" | "td";
+    class?: string;
+    align?: TableCellVariants["align"];
+} & ComponentProps<"th" | "td">;
+declare const TableCell: (props: TableCellProps) => import("solid-js").JSX.Element;
+export default TableCell;

package/dist/TableCell/TableCell.js

@@ -0,0 +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{useTableContext as r}from"../TableContext/TableContext.js";import"../TableContext/index.js";import{useTableHeadContext as i}from"../TableHeadContext/TableHeadContext.js";import"../TableHeadContext/index.js";import{Dynamic as a,createComponent as o,mergeProps as s}from"solid-js/web";import{createMemo as c,mergeProps as l,splitProps as u}from"solid-js";var d=d=>{let f=l({align:`left`},d),[p,m]=u(f,[`align`,`as`,`class`,`children`]),h=n(),g=r(),_=i(),v=c(()=>_?.isHead||p.as===`th`?`th`:`td`),y=c(()=>{let e={align:p.align,dense:g.dense()};return h?h.componentsTV.tableCell(e):t(e)});return o(a,s({get component(){return v()}},m,{get class(){return e(y(),p.class)},get children(){return p.children}}))};export{d as default};

package/dist/TableCell/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './TableCell';
+export * from './TableCell';

package/dist/TableCell/index.js

@@ -0,0 +1 @@
+import"./TableCell.js";

package/dist/TableCell/style.d.ts

@@ -0,0 +1,70 @@
+import { Theme } from '../styles/theme';
+export declare const tableCell: (theme?: Theme) => import('tailwind-variants').TVReturnType<{
+    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";
+    };
+}, undefined, string[], {
+    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";
+    };
+}, undefined, import('tailwind-variants').TVReturnTypeLike<{
+    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";
+    };
+}, undefined>>;
+declare const _default: import('tailwind-variants').TVReturnType<{
+    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";
+    };
+}, undefined, string[], {
+    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";
+    };
+}, undefined, import('tailwind-variants').TVReturnTypeLike<{
+    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";
+    };
+}, undefined>>;
+export default _default;