solid-element-ui 0.2.1 → 0.2.2

package/dist/src/image/image.d.ts

@@ -0,0 +1,78 @@
+import { Image as KImage } from '@kobalte/core/image';
+import { ComponentProps } from 'solid-js';
+import { VariantProps } from 'tailwind-variants';
+declare const imageStyles: import('tailwind-variants').TVReturnType<{
+    radius: {
+        none: {
+            root: string;
+        };
+        sm: {
+            root: string;
+        };
+        md: {
+            root: string;
+        };
+        lg: {
+            root: string;
+        };
+        full: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    img: string;
+    fallback: string;
+}, undefined, {
+    radius: {
+        none: {
+            root: string;
+        };
+        sm: {
+            root: string;
+        };
+        md: {
+            root: string;
+        };
+        lg: {
+            root: string;
+        };
+        full: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    img: string;
+    fallback: string;
+}, import('tailwind-variants').TVReturnType<{
+    radius: {
+        none: {
+            root: string;
+        };
+        sm: {
+            root: string;
+        };
+        md: {
+            root: string;
+        };
+        lg: {
+            root: string;
+        };
+        full: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    img: string;
+    fallback: string;
+}, undefined, unknown, unknown, undefined>>;
+type ImageVariants = VariantProps<typeof imageStyles>;
+export interface ImageProps extends ComponentProps<typeof KImage>, ImageVariants {
+    src?: string;
+    alt?: string;
+    fallback?: string | Array<any> | any;
+}
+export declare const Image: (props: ImageProps) => import("solid-js").JSX.Element;
+export {};

package/dist/src/index.d.ts

@@ -0,0 +1,43 @@
+export { Accordion } from './accordion/accordion';
+export { Alert } from './alert/alert';
+export { AlertDialog } from './alert-dialog/alert-dialog';
+export { Badge } from './badge/badge';
+export { Breadcrumbs } from './breadcrumbs/breadcrumbs';
+export { Button } from './button/button';
+export { Checkbox } from './checkbox/checkbox';
+export { Collapsible } from './collapsible/collapsible';
+export { ColorArea } from './color-area/color-area';
+export { ColorChannelField } from './color-channel-field/color-channel-field';
+export { ColorField } from './color-field/color-field';
+export { ColorSlider } from './color-slider/color-slider';
+export { ColorSwatch } from './color-swatch/color-swatch';
+export { ColorWheel } from './color-wheel/color-wheel';
+export { Combobox, ComboboxItem } from './combobox/combobox';
+export { ContextMenu } from './context-menu/context-menu';
+export { Dialog } from './dialog/dialog';
+export { DropdownMenu } from './dropdown-menu/dropdown-menu';
+export { FileField } from './file-field/file-field';
+export { HoverCard } from './hover-card/hover-card';
+export { Image } from './image/image';
+export { Link } from './link/link';
+export { Menubar } from './menubar/menubar';
+export { Meter } from './meter/meter';
+export { NavigationMenu } from './navigation-menu/navigation-menu';
+export { NumberField } from './number-field/number-field';
+export { Pagination } from './pagination/pagination';
+export { Popover } from './popover/popover';
+export { Progress } from './progress/progress';
+export { RadioGroup } from './radio-group/radio-group';
+export { Search } from './search/search';
+export { SegmentedControl } from './segmented-control/segmented-control';
+export { Select } from './select/select';
+export { Separator } from './separator/separator';
+export { Skeleton } from './skeleton/skeleton';
+export { Slider } from './slider/slider';
+export { Switch } from './switch/switch';
+export { Tabs } from './tabs/tabs';
+export { TextField } from './text-field/text-field';
+export { ToastProvider, showToast } from './toast/toast';
+export { ToggleButton } from './toggle-button/toggle-button';
+export { ToggleGroup } from './toggle-group/toggle-group';
+export { Tooltip } from './tooltip/tooltip';

package/dist/src/link/link.d.ts

@@ -0,0 +1,46 @@
+import { Link as KLink } from '@kobalte/core/link';
+import { ComponentProps } from 'solid-js';
+import { VariantProps } from 'tailwind-variants';
+declare const linkStyles: import('tailwind-variants').TVReturnType<{
+    variant: {
+        default: string;
+        primary: string;
+        muted: string;
+        button: string;
+    };
+    underline: {
+        always: string;
+        hover: string;
+        none: string;
+    };
+}, undefined, "inline-flex items-center justify-center transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 rounded-sm disabled:pointer-events-none disabled:opacity-50", {
+    variant: {
+        default: string;
+        primary: string;
+        muted: string;
+        button: string;
+    };
+    underline: {
+        always: string;
+        hover: string;
+        none: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    variant: {
+        default: string;
+        primary: string;
+        muted: string;
+        button: string;
+    };
+    underline: {
+        always: string;
+        hover: string;
+        none: string;
+    };
+}, undefined, "inline-flex items-center justify-center transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 rounded-sm disabled:pointer-events-none disabled:opacity-50", unknown, unknown, undefined>>;
+type LinkVariants = VariantProps<typeof linkStyles>;
+export interface LinkProps extends ComponentProps<typeof KLink>, LinkVariants {
+    external?: boolean;
+}
+export declare const Link: (props: LinkProps) => import("solid-js").JSX.Element;
+export {};

package/dist/src/menubar/menubar.d.ts

@@ -0,0 +1,10 @@
+import { Menubar as KMenubar } from '@kobalte/core/menubar';
+import { ComponentProps } from 'solid-js';
+export declare const Menubar: ((props: ComponentProps<typeof KMenubar>) => import("solid-js").JSX.Element) & {
+    Menu: typeof import('@kobalte/core/menubar').Menu;
+    Trigger: (props: ComponentProps<typeof KMenubar.Trigger>) => import("solid-js").JSX.Element;
+    Content: (props: ComponentProps<typeof KMenubar.Content>) => import("solid-js").JSX.Element;
+    Item: (props: ComponentProps<typeof KMenubar.Item>) => import("solid-js").JSX.Element;
+    Separator: (props: ComponentProps<typeof KMenubar.Separator>) => import("solid-js").JSX.Element;
+    Shortcut: (props: ComponentProps<"span">) => import("solid-js").JSX.Element;
+};

package/dist/src/meter/meter.d.ts

@@ -0,0 +1,72 @@
+import { Meter as KMeter } from '@kobalte/core/meter';
+import { ComponentProps } from 'solid-js';
+import { VariantProps } from 'tailwind-variants';
+declare const meterStyles: import('tailwind-variants').TVReturnType<{
+    color: {
+        primary: {
+            fill: string;
+        };
+        success: {
+            fill: string;
+        };
+        warning: {
+            fill: string;
+        };
+        danger: {
+            fill: string;
+        };
+    };
+}, {
+    root: string;
+    labelContainer: string;
+    track: string;
+    fill: string;
+}, undefined, {
+    color: {
+        primary: {
+            fill: string;
+        };
+        success: {
+            fill: string;
+        };
+        warning: {
+            fill: string;
+        };
+        danger: {
+            fill: string;
+        };
+    };
+}, {
+    root: string;
+    labelContainer: string;
+    track: string;
+    fill: string;
+}, import('tailwind-variants').TVReturnType<{
+    color: {
+        primary: {
+            fill: string;
+        };
+        success: {
+            fill: string;
+        };
+        warning: {
+            fill: string;
+        };
+        danger: {
+            fill: string;
+        };
+    };
+}, {
+    root: string;
+    labelContainer: string;
+    track: string;
+    fill: string;
+}, undefined, unknown, unknown, undefined>>;
+type MeterVariants = VariantProps<typeof meterStyles>;
+export declare const Meter: ((props: ComponentProps<typeof KMeter> & MeterVariants) => import("solid-js").JSX.Element) & {
+    Label: (props: ComponentProps<typeof KMeter.Label>) => import("solid-js").JSX.Element;
+    ValueLabel: (props: ComponentProps<typeof KMeter.ValueLabel>) => import("solid-js").JSX.Element;
+    Track: (props: ComponentProps<typeof KMeter.Track>) => import("solid-js").JSX.Element;
+    Fill: (props: ComponentProps<typeof KMeter.Fill>) => import("solid-js").JSX.Element;
+};
+export {};

package/dist/src/navigation-menu/navigation-menu.d.ts

@@ -0,0 +1,12 @@
+import { NavigationMenu as KNavigationMenu } from '@kobalte/core/navigation-menu';
+import { ComponentProps, JSX } from 'solid-js';
+interface NavItem {
+    title: string;
+    href?: string;
+    content?: JSX.Element;
+}
+export interface NavigationMenuProps extends ComponentProps<typeof KNavigationMenu> {
+    items: NavItem[];
+}
+export declare const NavigationMenu: (props: NavigationMenuProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,72 @@
+import { NumberField as KNumberField } from '@kobalte/core/number-field';
+import { ComponentProps } from 'solid-js';
+import { VariantProps } from 'tailwind-variants';
+declare const numberFieldStyles: import('tailwind-variants').TVReturnType<{
+    [key: string]: {
+        [key: string]: import('tailwind-variants').ClassValue | {
+            root?: import('tailwind-variants').ClassValue;
+            input?: import('tailwind-variants').ClassValue;
+            label?: import('tailwind-variants').ClassValue;
+            errorMessage?: import('tailwind-variants').ClassValue;
+            controls?: import('tailwind-variants').ClassValue;
+            container?: import('tailwind-variants').ClassValue;
+            stepper?: import('tailwind-variants').ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import('tailwind-variants').ClassValue | {
+            root?: import('tailwind-variants').ClassValue;
+            input?: import('tailwind-variants').ClassValue;
+            label?: import('tailwind-variants').ClassValue;
+            errorMessage?: import('tailwind-variants').ClassValue;
+            controls?: import('tailwind-variants').ClassValue;
+            container?: import('tailwind-variants').ClassValue;
+            stepper?: import('tailwind-variants').ClassValue;
+        };
+    };
+} | {}, {
+    root: string;
+    label: string;
+    container: string[];
+    input: string;
+    controls: string;
+    stepper: string[];
+    errorMessage: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: import('tailwind-variants').ClassValue | {
+            root?: import('tailwind-variants').ClassValue;
+            input?: import('tailwind-variants').ClassValue;
+            label?: import('tailwind-variants').ClassValue;
+            errorMessage?: import('tailwind-variants').ClassValue;
+            controls?: import('tailwind-variants').ClassValue;
+            container?: import('tailwind-variants').ClassValue;
+            stepper?: import('tailwind-variants').ClassValue;
+        };
+    };
+} | {}, {
+    root: string;
+    label: string;
+    container: string[];
+    input: string;
+    controls: string;
+    stepper: string[];
+    errorMessage: string;
+}, import('tailwind-variants').TVReturnType<unknown, {
+    root: string;
+    label: string;
+    container: string[];
+    input: string;
+    controls: string;
+    stepper: string[];
+    errorMessage: string;
+}, undefined, unknown, unknown, undefined>>;
+type NumberFieldVariants = VariantProps<typeof numberFieldStyles>;
+export interface NumberFieldProps extends Omit<ComponentProps<typeof KNumberField>, "class">, NumberFieldVariants {
+    label?: string;
+    description?: string;
+    class?: string;
+}
+export declare const NumberField: (props: NumberFieldProps) => import("solid-js").JSX.Element;
+export {};

package/dist/src/pagination/pagination.d.ts

@@ -0,0 +1,5 @@
+import { Pagination as KPagination } from '@kobalte/core/pagination';
+import { ComponentProps } from 'solid-js';
+export interface PaginationProps extends ComponentProps<typeof KPagination> {
+}
+export declare const Pagination: (props: PaginationProps) => import("solid-js").JSX.Element;

package/dist/src/popover/popover.d.ts

@@ -0,0 +1,7 @@
+import { Popover as KPopover } from '@kobalte/core/popover';
+import { ComponentProps, JSX } from 'solid-js';
+export interface PopoverProps extends ComponentProps<typeof KPopover> {
+    trigger: JSX.Element;
+    title: string;
+}
+export declare const Popover: (props: PopoverProps) => JSX.Element;

package/dist/src/progress/progress.d.ts

@@ -0,0 +1,128 @@
+import { Progress as KProgress } from '@kobalte/core/progress';
+import { ComponentProps } from 'solid-js';
+import { VariantProps } from 'tailwind-variants';
+declare const progressStyles: import('tailwind-variants').TVReturnType<{
+    size: {
+        sm: {
+            track: string;
+        };
+        md: {
+            track: string;
+        };
+        lg: {
+            track: string;
+        };
+    };
+    radius: {
+        none: {
+            track: string;
+            fill: string;
+        };
+        sm: {
+            track: string;
+            fill: string;
+        };
+        md: {
+            track: string;
+            fill: string;
+        };
+        lg: {
+            track: string;
+            fill: string;
+        };
+        full: {
+            track: string;
+            fill: string;
+        };
+    };
+}, {
+    root: string;
+    labelContainer: string;
+    track: string;
+    fill: string;
+}, undefined, {
+    size: {
+        sm: {
+            track: string;
+        };
+        md: {
+            track: string;
+        };
+        lg: {
+            track: string;
+        };
+    };
+    radius: {
+        none: {
+            track: string;
+            fill: string;
+        };
+        sm: {
+            track: string;
+            fill: string;
+        };
+        md: {
+            track: string;
+            fill: string;
+        };
+        lg: {
+            track: string;
+            fill: string;
+        };
+        full: {
+            track: string;
+            fill: string;
+        };
+    };
+}, {
+    root: string;
+    labelContainer: string;
+    track: string;
+    fill: string;
+}, import('tailwind-variants').TVReturnType<{
+    size: {
+        sm: {
+            track: string;
+        };
+        md: {
+            track: string;
+        };
+        lg: {
+            track: string;
+        };
+    };
+    radius: {
+        none: {
+            track: string;
+            fill: string;
+        };
+        sm: {
+            track: string;
+            fill: string;
+        };
+        md: {
+            track: string;
+            fill: string;
+        };
+        lg: {
+            track: string;
+            fill: string;
+        };
+        full: {
+            track: string;
+            fill: string;
+        };
+    };
+}, {
+    root: string;
+    labelContainer: string;
+    track: string;
+    fill: string;
+}, undefined, unknown, unknown, undefined>>;
+type ProgressVariants = VariantProps<typeof progressStyles>;
+export interface ProgressProps extends Omit<ComponentProps<typeof KProgress>, "children">, ProgressVariants {
+    label?: string;
+    showValue?: boolean;
+}
+export declare const Progress: (props: ProgressProps) => import("solid-js").JSX.Element;
+export {};

package/dist/src/radio-group/radio-group.d.ts

@@ -0,0 +1,69 @@
+import { RadioGroup as KRadioGroup } from '@kobalte/core/radio-group';
+import { ComponentProps } from 'solid-js';
+import { VariantProps } from 'tailwind-variants';
+declare const radioStyles: import('tailwind-variants').TVReturnType<{
+    orientation: {
+        horizontal: {
+            root: string;
+        };
+        vertical: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    label: string;
+    item: string;
+    control: string[];
+    indicator: string;
+    itemLabel: string;
+}, undefined, {
+    orientation: {
+        horizontal: {
+            root: string;
+        };
+        vertical: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    label: string;
+    item: string;
+    control: string[];
+    indicator: string;
+    itemLabel: string;
+}, import('tailwind-variants').TVReturnType<{
+    orientation: {
+        horizontal: {
+            root: string;
+        };
+        vertical: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    label: string;
+    item: string;
+    control: string[];
+    indicator: string;
+    itemLabel: string;
+}, undefined, unknown, unknown, undefined>>;
+type RadioVariants = VariantProps<typeof radioStyles>;
+export interface RadioOption {
+    label: string;
+    value: string;
+    disabled?: boolean;
+}
+export interface RadioGroupProps extends Omit<ComponentProps<typeof KRadioGroup>, "children" | "class">, RadioVariants {
+    label?: string;
+    options: RadioOption[];
+    class?: string;
+}
+/**
+ * RadioGroup 高度封装版
+ * 自动处理循环渲染、选中指示器以及水平/垂直布局
+ */
+export declare const RadioGroup: (props: RadioGroupProps) => import("solid-js").JSX.Element;
+export {};

package/dist/src/rating-group/rating-group.d.ts

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

package/dist/src/search/search.d.ts

@@ -0,0 +1,109 @@
+import { TextField as KSearch } from '@kobalte/core/text-field';
+import { ComponentProps } from 'solid-js';
+import { VariantProps } from 'tailwind-variants';
+declare const searchStyles: import('tailwind-variants').TVReturnType<{
+    size: {
+        sm: {
+            input: string;
+            icon: string;
+            clear: string;
+        };
+        md: {
+            input: string;
+            icon: string;
+            clear: string;
+        };
+        lg: {
+            input: string;
+            icon: string;
+            clear: string;
+        };
+    };
+    ringColor: {
+        primary: {
+            input: string;
+        };
+        danger: {
+            input: string;
+        };
+    };
+}, {
+    root: string;
+    inputWrapper: string;
+    input: string[];
+    icon: string;
+    clear: string;
+}, undefined, {
+    size: {
+        sm: {
+            input: string;
+            icon: string;
+            clear: string;
+        };
+        md: {
+            input: string;
+            icon: string;
+            clear: string;
+        };
+        lg: {
+            input: string;
+            icon: string;
+            clear: string;
+        };
+    };
+    ringColor: {
+        primary: {
+            input: string;
+        };
+        danger: {
+            input: string;
+        };
+    };
+}, {
+    root: string;
+    inputWrapper: string;
+    input: string[];
+    icon: string;
+    clear: string;
+}, import('tailwind-variants').TVReturnType<{
+    size: {
+        sm: {
+            input: string;
+            icon: string;
+            clear: string;
+        };
+        md: {
+            input: string;
+            icon: string;
+            clear: string;
+        };
+        lg: {
+            input: string;
+            icon: string;
+            clear: string;
+        };
+    };
+    ringColor: {
+        primary: {
+            input: string;
+        };
+        danger: {
+            input: string;
+        };
+    };
+}, {
+    root: string;
+    inputWrapper: string;
+    input: string[];
+    icon: string;
+    clear: string;
+}, undefined, unknown, unknown, undefined>>;
+type SearchVariants = VariantProps<typeof searchStyles>;
+export interface SearchProps extends Omit<ComponentProps<typeof KSearch>, "class">, SearchVariants {
+    class?: string;
+    placeholder?: string;
+    allowClear?: boolean;
+    onClear?: () => void;
+}
+export declare const Search: (props: SearchProps) => import("solid-js").JSX.Element;
+export {};