solid-element-ui 0.2.1 → 0.2.2

package/dist/src/segmented-control/segmented-control.d.ts

@@ -0,0 +1,83 @@
+import { SegmentedControl as KSegmented } from '@kobalte/core/segmented-control';
+import { ComponentProps } from 'solid-js';
+import { VariantProps } from 'tailwind-variants';
+declare const segmentedStyles: import('tailwind-variants').TVReturnType<{
+    size: {
+        sm: {
+            root: string;
+            item: string;
+        };
+        md: {
+            root: string;
+            item: string;
+        };
+        lg: {
+            root: string;
+            item: string;
+        };
+    };
+}, {
+    root: string;
+    container: string;
+    item: string[];
+    indicator: string;
+    label: string;
+    itemLabel: string;
+}, undefined, {
+    size: {
+        sm: {
+            root: string;
+            item: string;
+        };
+        md: {
+            root: string;
+            item: string;
+        };
+        lg: {
+            root: string;
+            item: string;
+        };
+    };
+}, {
+    root: string;
+    container: string;
+    item: string[];
+    indicator: string;
+    label: string;
+    itemLabel: string;
+}, import('tailwind-variants').TVReturnType<{
+    size: {
+        sm: {
+            root: string;
+            item: string;
+        };
+        md: {
+            root: string;
+            item: string;
+        };
+        lg: {
+            root: string;
+            item: string;
+        };
+    };
+}, {
+    root: string;
+    container: string;
+    item: string[];
+    indicator: string;
+    label: string;
+    itemLabel: string;
+}, undefined, unknown, unknown, undefined>>;
+type SegmentedVariants = VariantProps<typeof segmentedStyles>;
+interface Option {
+    label: string;
+    value: string;
+    disabled?: boolean;
+}
+export interface SegmentedControlProps extends Omit<ComponentProps<typeof KSegmented>, "class">, SegmentedVariants {
+    options: Option[];
+    label?: string;
+    class?: string;
+}
+export declare const SegmentedControl: (props: SegmentedControlProps) => import("solid-js").JSX.Element;
+export {};

package/dist/src/select/select.d.ts

@@ -0,0 +1,94 @@
+import { VariantProps } from 'tailwind-variants';
+declare const selectStyles: import('tailwind-variants').TVReturnType<{
+    size: {
+        sm: {
+            trigger: string;
+            item: string;
+        };
+        md: {
+            trigger: string;
+            item: string;
+        };
+        lg: {
+            trigger: string;
+            item: string;
+        };
+    };
+}, {
+    root: string;
+    label: string;
+    trigger: string[];
+    content: string[];
+    listbox: string;
+    item: string[];
+    itemIndicator: string;
+    description: string;
+}, undefined, {
+    size: {
+        sm: {
+            trigger: string;
+            item: string;
+        };
+        md: {
+            trigger: string;
+            item: string;
+        };
+        lg: {
+            trigger: string;
+            item: string;
+        };
+    };
+}, {
+    root: string;
+    label: string;
+    trigger: string[];
+    content: string[];
+    listbox: string;
+    item: string[];
+    itemIndicator: string;
+    description: string;
+}, import('tailwind-variants').TVReturnType<{
+    size: {
+        sm: {
+            trigger: string;
+            item: string;
+        };
+        md: {
+            trigger: string;
+            item: string;
+        };
+        lg: {
+            trigger: string;
+            item: string;
+        };
+    };
+}, {
+    root: string;
+    label: string;
+    trigger: string[];
+    content: string[];
+    listbox: string;
+    item: string[];
+    itemIndicator: string;
+    description: string;
+}, undefined, unknown, unknown, undefined>>;
+type SelectVariants = VariantProps<typeof selectStyles>;
+interface Option {
+    label: string;
+    value: string;
+    disabled?: boolean;
+}
+export interface SelectProps extends SelectVariants {
+    options: Option[];
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    label?: string;
+    description?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    name?: string;
+    class?: string;
+}
+export declare const Select: (props: SelectProps) => import("solid-js").JSX.Element;
+export {};

package/dist/src/separator/separator.d.ts

@@ -0,0 +1,55 @@
+import { Separator as KSeparator } from '@kobalte/core/separator';
+import { ComponentProps } from 'solid-js';
+import { VariantProps } from 'tailwind-variants';
+declare const separatorStyles: import('tailwind-variants').TVReturnType<{
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+    thickness: {
+        thin: string;
+        medium: string;
+        thick: string;
+    };
+    variant: {
+        default: string;
+        muted: string;
+        primary: string;
+    };
+}, undefined, "bg-slate-200 dark:bg-slate-800 shrink-0 transition-colors", {
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+    thickness: {
+        thin: string;
+        medium: string;
+        thick: string;
+    };
+    variant: {
+        default: string;
+        muted: string;
+        primary: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+    thickness: {
+        thin: string;
+        medium: string;
+        thick: string;
+    };
+    variant: {
+        default: string;
+        muted: string;
+        primary: string;
+    };
+}, undefined, "bg-slate-200 dark:bg-slate-800 shrink-0 transition-colors", unknown, unknown, undefined>>;
+type SeparatorVariants = VariantProps<typeof separatorStyles>;
+export interface SeparatorProps extends ComponentProps<typeof KSeparator>, SeparatorVariants {
+    class?: string;
+}
+export declare const Separator: (props: SeparatorProps) => import("solid-js").JSX.Element;
+export {};

package/dist/src/skeleton/skeleton.d.ts

@@ -0,0 +1,45 @@
+import { Skeleton as KSkeleton } from '@kobalte/core/skeleton';
+import { ComponentProps } from 'solid-js';
+import { VariantProps } from 'tailwind-variants';
+declare const skeletonStyles: import('tailwind-variants').TVReturnType<{
+    variant: {
+        rect: string;
+        circle: string;
+        text: string;
+    };
+    animation: {
+        pulse: string;
+        wave: string;
+        none: string;
+    };
+}, undefined, "bg-slate-200 dark:bg-slate-800", {
+    variant: {
+        rect: string;
+        circle: string;
+        text: string;
+    };
+    animation: {
+        pulse: string;
+        wave: string;
+        none: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    variant: {
+        rect: string;
+        circle: string;
+        text: string;
+    };
+    animation: {
+        pulse: string;
+        wave: string;
+        none: string;
+    };
+}, undefined, "bg-slate-200 dark:bg-slate-800", unknown, unknown, undefined>>;
+type SkeletonVariants = VariantProps<typeof skeletonStyles>;
+export interface SkeletonProps extends Omit<ComponentProps<typeof KSkeleton>, "class" | "width" | "height">, SkeletonVariants {
+    width?: string | number;
+    height?: string | number;
+    class?: string;
+}
+export declare const Skeleton: (props: SkeletonProps) => import("solid-js").JSX.Element;
+export {};

package/dist/src/slider/slider.d.ts

@@ -0,0 +1,123 @@
+import { Slider as KSlider } from '@kobalte/core/slider';
+import { ComponentProps } from 'solid-js';
+import { VariantProps } from 'tailwind-variants';
+declare const sliderStyles: import('tailwind-variants').TVReturnType<{
+    variant: {
+        default: {
+            fill: string;
+            thumb: string;
+        };
+        danger: {
+            fill: string;
+            thumb: string;
+        };
+        success: {
+            fill: string;
+            thumb: string;
+        };
+    };
+    size: {
+        sm: {
+            track: string;
+            thumb: string;
+        };
+        md: {
+            track: string;
+            thumb: string;
+        };
+        lg: {
+            track: string;
+            thumb: string;
+        };
+    };
+}, {
+    root: string;
+    labelWrapper: string;
+    label: string;
+    value: string;
+    track: string;
+    fill: string;
+    thumb: string[];
+}, undefined, {
+    variant: {
+        default: {
+            fill: string;
+            thumb: string;
+        };
+        danger: {
+            fill: string;
+            thumb: string;
+        };
+        success: {
+            fill: string;
+            thumb: string;
+        };
+    };
+    size: {
+        sm: {
+            track: string;
+            thumb: string;
+        };
+        md: {
+            track: string;
+            thumb: string;
+        };
+        lg: {
+            track: string;
+            thumb: string;
+        };
+    };
+}, {
+    root: string;
+    labelWrapper: string;
+    label: string;
+    value: string;
+    track: string;
+    fill: string;
+    thumb: string[];
+}, import('tailwind-variants').TVReturnType<{
+    variant: {
+        default: {
+            fill: string;
+            thumb: string;
+        };
+        danger: {
+            fill: string;
+            thumb: string;
+        };
+        success: {
+            fill: string;
+            thumb: string;
+        };
+    };
+    size: {
+        sm: {
+            track: string;
+            thumb: string;
+        };
+        md: {
+            track: string;
+            thumb: string;
+        };
+        lg: {
+            track: string;
+            thumb: string;
+        };
+    };
+}, {
+    root: string;
+    labelWrapper: string;
+    label: string;
+    value: string;
+    track: string;
+    fill: string;
+    thumb: string[];
+}, undefined, unknown, unknown, undefined>>;
+type SliderVariants = VariantProps<typeof sliderStyles>;
+export interface SliderProps extends Omit<ComponentProps<typeof KSlider>, "class">, SliderVariants {
+    label?: string;
+    showValue?: boolean;
+    class?: string;
+}
+export declare const Slider: (props: SliderProps) => import("solid-js").JSX.Element;
+export {};

package/dist/src/switch/switch.d.ts

@@ -0,0 +1,108 @@
+import { Switch as KSwitch } from '@kobalte/core/switch';
+import { ComponentProps } from 'solid-js';
+import { VariantProps } from 'tailwind-variants';
+declare const switchStyles: import('tailwind-variants').TVReturnType<{
+    size: {
+        sm: {
+            control: string;
+            thumb: string;
+        };
+        md: {
+            control: string;
+            thumb: string;
+        };
+        lg: {
+            control: string;
+            thumb: string;
+        };
+    };
+    variant: {
+        primary: {
+            control: string;
+        };
+        success: {
+            control: string;
+        };
+        danger: {
+            control: string;
+        };
+    };
+}, {
+    root: string;
+    control: string[];
+    thumb: string[];
+    label: string;
+    description: string;
+}, undefined, {
+    size: {
+        sm: {
+            control: string;
+            thumb: string;
+        };
+        md: {
+            control: string;
+            thumb: string;
+        };
+        lg: {
+            control: string;
+            thumb: string;
+        };
+    };
+    variant: {
+        primary: {
+            control: string;
+        };
+        success: {
+            control: string;
+        };
+        danger: {
+            control: string;
+        };
+    };
+}, {
+    root: string;
+    control: string[];
+    thumb: string[];
+    label: string;
+    description: string;
+}, import('tailwind-variants').TVReturnType<{
+    size: {
+        sm: {
+            control: string;
+            thumb: string;
+        };
+        md: {
+            control: string;
+            thumb: string;
+        };
+        lg: {
+            control: string;
+            thumb: string;
+        };
+    };
+    variant: {
+        primary: {
+            control: string;
+        };
+        success: {
+            control: string;
+        };
+        danger: {
+            control: string;
+        };
+    };
+}, {
+    root: string;
+    control: string[];
+    thumb: string[];
+    label: string;
+    description: string;
+}, undefined, unknown, unknown, undefined>>;
+type SwitchVariants = VariantProps<typeof switchStyles>;
+export interface SwitchProps extends Omit<ComponentProps<typeof KSwitch>, "class">, SwitchVariants {
+    label?: string;
+    description?: string;
+    class?: string;
+}
+export declare const Switch: (props: SwitchProps) => import("solid-js").JSX.Element;
+export {};

package/dist/src/tabs/tabs.d.ts

@@ -0,0 +1,17 @@
+import { JSX } from 'solid-js';
+export type TabItem = {
+    value: string;
+    label: string | JSX.Element;
+    content: JSX.Element;
+    disabled?: boolean;
+};
+interface TabsProps {
+    items: TabItem[];
+    defaultValue?: string;
+    value?: string;
+    onValueChange?: (value: string) => void;
+    orientation?: "horizontal" | "vertical";
+    class?: string;
+}
+export declare const Tabs: (props: TabsProps) => JSX.Element;
+export {};

package/dist/src/text-field/text-field.d.ts

@@ -0,0 +1,69 @@
+import { TextField as KTextField } from '@kobalte/core/text-field';
+import { ComponentProps } from 'solid-js';
+import { VariantProps } from 'tailwind-variants';
+declare const textFieldStyles: import('tailwind-variants').TVReturnType<{
+    size: {
+        sm: {
+            input: string;
+        };
+        md: {
+            input: string;
+        };
+        lg: {
+            input: string;
+        };
+    };
+}, {
+    root: string;
+    label: string;
+    input: string[];
+    description: string;
+    errorMessage: string;
+}, undefined, {
+    size: {
+        sm: {
+            input: string;
+        };
+        md: {
+            input: string;
+        };
+        lg: {
+            input: string;
+        };
+    };
+}, {
+    root: string;
+    label: string;
+    input: string[];
+    description: string;
+    errorMessage: string;
+}, import('tailwind-variants').TVReturnType<{
+    size: {
+        sm: {
+            input: string;
+        };
+        md: {
+            input: string;
+        };
+        lg: {
+            input: string;
+        };
+    };
+}, {
+    root: string;
+    label: string;
+    input: string[];
+    description: string;
+    errorMessage: string;
+}, undefined, unknown, unknown, undefined>>;
+type TextFieldVariants = VariantProps<typeof textFieldStyles>;
+export interface TextFieldProps extends Omit<ComponentProps<typeof KTextField>, "class">, TextFieldVariants {
+    label?: string;
+    description?: string;
+    errorMessage?: string;
+    placeholder?: string;
+    type?: string;
+    class?: string;
+}
+export declare const TextField: (props: TextFieldProps) => import("solid-js").JSX.Element;
+export {};

package/dist/src/time-field/time-field.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/toast/toast.d.ts

@@ -0,0 +1,91 @@
+import { Toast as KToast } from '@kobalte/core/toast';
+import { ComponentProps, ParentProps } from 'solid-js';
+import { VariantProps } from 'tailwind-variants';
+declare const toastStyles: import('tailwind-variants').TVReturnType<{
+    variant: {
+        info: {
+            root: string;
+            icon: string;
+        };
+        success: {
+            root: string;
+            icon: string;
+        };
+        warning: {
+            root: string;
+            icon: string;
+        };
+        error: {
+            root: string;
+            icon: string;
+        };
+    };
+}, {
+    root: string[];
+    title: string;
+    description: string;
+    closeButton: string[];
+    content: string;
+    icon: string;
+}, undefined, {
+    variant: {
+        info: {
+            root: string;
+            icon: string;
+        };
+        success: {
+            root: string;
+            icon: string;
+        };
+        warning: {
+            root: string;
+            icon: string;
+        };
+        error: {
+            root: string;
+            icon: string;
+        };
+    };
+}, {
+    root: string[];
+    title: string;
+    description: string;
+    closeButton: string[];
+    content: string;
+    icon: string;
+}, import('tailwind-variants').TVReturnType<{
+    variant: {
+        info: {
+            root: string;
+            icon: string;
+        };
+        success: {
+            root: string;
+            icon: string;
+        };
+        warning: {
+            root: string;
+            icon: string;
+        };
+        error: {
+            root: string;
+            icon: string;
+        };
+    };
+}, {
+    root: string[];
+    title: string;
+    description: string;
+    closeButton: string[];
+    content: string;
+    icon: string;
+}, undefined, unknown, unknown, undefined>>;
+type ToastVariants = VariantProps<typeof toastStyles>;
+export interface ToastProps extends Omit<ComponentProps<typeof KToast>, "class">, ToastVariants {
+    title?: string;
+    description?: string;
+    class?: string;
+}
+export declare const ToastProvider: (props: ParentProps) => import("solid-js").JSX.Element;
+export declare const showToast: (props: Omit<ToastProps, "toastId">) => number;
+export {};