@glasshome/ui 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 +21 -0
- package/README.md +77 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.js +14 -0
- package/dist/lib/use-is-mobile.d.ts +1 -0
- package/dist/lib/utils.d.ts +2 -0
- package/dist/solid/accordion.d.ts +12 -0
- package/dist/solid/alert-dialog.d.ts +22 -0
- package/dist/solid/alert.d.ts +15 -0
- package/dist/solid/aspect-ratio.d.ts +6 -0
- package/dist/solid/avatar.d.ts +6 -0
- package/dist/solid/badge.d.ts +16 -0
- package/dist/solid/breadcrumb.d.ts +11 -0
- package/dist/solid/button-group.d.ts +18 -0
- package/dist/solid/button.d.ts +16 -0
- package/dist/solid/calendar.d.ts +17 -0
- package/dist/solid/card.d.ts +9 -0
- package/dist/solid/carousel.d.ts +15 -0
- package/dist/solid/checkbox.d.ts +4 -0
- package/dist/solid/collapsible.d.ts +6 -0
- package/dist/solid/command.d.ts +24 -0
- package/dist/solid/context-menu.d.ts +43 -0
- package/dist/solid/copy-button.d.ts +7 -0
- package/dist/solid/dialog.d.ts +19 -0
- package/dist/solid/dock.d.ts +24 -0
- package/dist/solid/drawer.d.ts +22 -0
- package/dist/solid/dropdown-menu.d.ts +32 -0
- package/dist/solid/empty.d.ts +18 -0
- package/dist/solid/field.d.ts +29 -0
- package/dist/solid/form.d.ts +24 -0
- package/dist/solid/geometric-background.d.ts +17 -0
- package/dist/solid/glass-effect.d.ts +6 -0
- package/dist/solid/hover-card.d.ts +11 -0
- package/dist/solid/index.d.ts +59 -0
- package/dist/solid/index.js +16036 -0
- package/dist/solid/input-group.d.ts +28 -0
- package/dist/solid/input-otp.d.ts +15 -0
- package/dist/solid/input.d.ts +3 -0
- package/dist/solid/item.d.ts +35 -0
- package/dist/solid/kbd.d.ts +4 -0
- package/dist/solid/label.d.ts +3 -0
- package/dist/solid/menubar.d.ts +25 -0
- package/dist/solid/navigation-menu.d.ts +20 -0
- package/dist/solid/pagination.d.ts +13 -0
- package/dist/solid/popover.d.ts +16 -0
- package/dist/solid/progress.d.ts +6 -0
- package/dist/solid/radio-group.d.ts +5 -0
- package/dist/solid/resizable.d.ts +14 -0
- package/dist/solid/responsive-dialog.d.ts +16 -0
- package/dist/solid/scroll-area.d.ts +6 -0
- package/dist/solid/select.d.ts +30 -0
- package/dist/solid/separator.d.ts +6 -0
- package/dist/solid/sheet.d.ts +22 -0
- package/dist/solid/sidebar.d.ts +74 -0
- package/dist/solid/skeleton.d.ts +3 -0
- package/dist/solid/slider.d.ts +18 -0
- package/dist/solid/sonner.d.ts +5 -0
- package/dist/solid/spinner.d.ts +3 -0
- package/dist/solid/switch.d.ts +11 -0
- package/dist/solid/table.d.ts +10 -0
- package/dist/solid/tabs.d.ts +12 -0
- package/dist/solid/textarea.d.ts +3 -0
- package/dist/solid/toggle-group.d.ts +7 -0
- package/dist/solid/toggle.d.ts +15 -0
- package/dist/solid/tooltip.d.ts +11 -0
- package/dist/utils-eGXXUFl7.js +2935 -0
- package/package.json +77 -0
- package/src/styles/globals.css +411 -0
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { type VariantProps } from "cva";
|
|
2
|
+
import { type Component, type ComponentProps } from "solid-js";
|
|
3
|
+
import { Button } from "./button";
|
|
4
|
+
declare const InputGroup: Component<ComponentProps<"div">>;
|
|
5
|
+
declare const inputGroupAddonVariants: (props?: ({
|
|
6
|
+
align?: "inline-end" | "inline-start" | "block-end" | "block-start" | undefined;
|
|
7
|
+
} & ({
|
|
8
|
+
class?: import("cva").ClassValue;
|
|
9
|
+
className?: never;
|
|
10
|
+
} | {
|
|
11
|
+
class?: never;
|
|
12
|
+
className?: import("cva").ClassValue;
|
|
13
|
+
})) | undefined) => string;
|
|
14
|
+
declare const InputGroupAddon: Component<ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>>;
|
|
15
|
+
declare const inputGroupButtonVariants: (props?: ({
|
|
16
|
+
size?: "sm" | "xs" | "icon-xs" | "icon-sm" | undefined;
|
|
17
|
+
} & ({
|
|
18
|
+
class?: import("cva").ClassValue;
|
|
19
|
+
className?: never;
|
|
20
|
+
} | {
|
|
21
|
+
class?: never;
|
|
22
|
+
className?: import("cva").ClassValue;
|
|
23
|
+
})) | undefined) => string;
|
|
24
|
+
declare const InputGroupButton: Component<Omit<ComponentProps<typeof Button>, "size"> & VariantProps<typeof inputGroupButtonVariants>>;
|
|
25
|
+
declare const InputGroupText: Component<ComponentProps<"span">>;
|
|
26
|
+
declare const InputGroupInput: Component<ComponentProps<"input">>;
|
|
27
|
+
declare const InputGroupTextarea: Component<ComponentProps<"textarea">>;
|
|
28
|
+
export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupText, InputGroupInput, InputGroupTextarea, };
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { type Component, type ComponentProps, type ParentComponent } from "solid-js";
|
|
2
|
+
declare const InputOTP: ParentComponent<ComponentProps<"div"> & {
|
|
3
|
+
maxLength: number;
|
|
4
|
+
value?: string;
|
|
5
|
+
onValueChange?: (value: string) => void;
|
|
6
|
+
onComplete?: (value: string) => void;
|
|
7
|
+
containerClass?: string;
|
|
8
|
+
pattern?: string;
|
|
9
|
+
}>;
|
|
10
|
+
declare const InputOTPGroup: Component<ComponentProps<"div">>;
|
|
11
|
+
declare const InputOTPSlot: Component<ComponentProps<"div"> & {
|
|
12
|
+
index: number;
|
|
13
|
+
}>;
|
|
14
|
+
declare const InputOTPSeparator: Component<ComponentProps<"div">>;
|
|
15
|
+
export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator };
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { type VariantProps } from "cva";
|
|
2
|
+
import { type Component, type ComponentProps } from "solid-js";
|
|
3
|
+
import { Separator } from "./separator";
|
|
4
|
+
declare const ItemGroup: Component<ComponentProps<"div">>;
|
|
5
|
+
declare const ItemSeparator: Component<ComponentProps<typeof Separator>>;
|
|
6
|
+
declare const itemVariants: (props?: ({
|
|
7
|
+
variant?: "default" | "outline" | "muted" | undefined;
|
|
8
|
+
size?: "default" | "sm" | undefined;
|
|
9
|
+
} & ({
|
|
10
|
+
class?: import("cva").ClassValue;
|
|
11
|
+
className?: never;
|
|
12
|
+
} | {
|
|
13
|
+
class?: never;
|
|
14
|
+
className?: import("cva").ClassValue;
|
|
15
|
+
})) | undefined) => string;
|
|
16
|
+
declare const Item: Component<ComponentProps<"div"> & VariantProps<typeof itemVariants> & {
|
|
17
|
+
component?: Component<any>;
|
|
18
|
+
}>;
|
|
19
|
+
declare const itemMediaVariants: (props?: ({
|
|
20
|
+
variant?: "image" | "default" | "icon" | undefined;
|
|
21
|
+
} & ({
|
|
22
|
+
class?: import("cva").ClassValue;
|
|
23
|
+
className?: never;
|
|
24
|
+
} | {
|
|
25
|
+
class?: never;
|
|
26
|
+
className?: import("cva").ClassValue;
|
|
27
|
+
})) | undefined) => string;
|
|
28
|
+
declare const ItemMedia: Component<ComponentProps<"div"> & VariantProps<typeof itemMediaVariants>>;
|
|
29
|
+
declare const ItemContent: Component<ComponentProps<"div">>;
|
|
30
|
+
declare const ItemTitle: Component<ComponentProps<"div">>;
|
|
31
|
+
declare const ItemDescription: Component<ComponentProps<"p">>;
|
|
32
|
+
declare const ItemActions: Component<ComponentProps<"div">>;
|
|
33
|
+
declare const ItemHeader: Component<ComponentProps<"div">>;
|
|
34
|
+
declare const ItemFooter: Component<ComponentProps<"div">>;
|
|
35
|
+
export { Item, ItemMedia, ItemContent, ItemActions, ItemGroup, ItemSeparator, ItemTitle, ItemDescription, ItemHeader, ItemFooter, };
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { Menubar as MenubarPrimitive } from "@kobalte/core/menubar";
|
|
2
|
+
import { type Component, type ComponentProps, type ParentComponent } from "solid-js";
|
|
3
|
+
declare const MenubarMenu: typeof import("@kobalte/core/menubar").Menu;
|
|
4
|
+
declare const MenubarGroup: typeof import("@kobalte/core/context-menu").Group;
|
|
5
|
+
declare const MenubarRadioGroup: typeof import("@kobalte/core/context-menu").RadioGroup;
|
|
6
|
+
declare const MenubarSub: typeof import("@kobalte/core/context-menu").Sub;
|
|
7
|
+
declare const Menubar: Component<ComponentProps<typeof MenubarPrimitive>>;
|
|
8
|
+
declare const MenubarTrigger: Component<ComponentProps<typeof MenubarPrimitive.Trigger>>;
|
|
9
|
+
declare const MenubarContent: Component<ComponentProps<typeof MenubarPrimitive.Content>>;
|
|
10
|
+
declare const MenubarItem: Component<ComponentProps<typeof MenubarPrimitive.Item> & {
|
|
11
|
+
inset?: boolean;
|
|
12
|
+
variant?: "default" | "destructive";
|
|
13
|
+
}>;
|
|
14
|
+
declare const MenubarCheckboxItem: ParentComponent<ComponentProps<typeof MenubarPrimitive.CheckboxItem>>;
|
|
15
|
+
declare const MenubarRadioItem: ParentComponent<ComponentProps<typeof MenubarPrimitive.RadioItem>>;
|
|
16
|
+
declare const MenubarLabel: Component<ComponentProps<typeof MenubarPrimitive.GroupLabel> & {
|
|
17
|
+
inset?: boolean;
|
|
18
|
+
}>;
|
|
19
|
+
declare const MenubarSeparator: Component<ComponentProps<typeof MenubarPrimitive.Separator>>;
|
|
20
|
+
declare const MenubarShortcut: Component<ComponentProps<"span">>;
|
|
21
|
+
declare const MenubarSubTrigger: ParentComponent<ComponentProps<typeof MenubarPrimitive.SubTrigger> & {
|
|
22
|
+
inset?: boolean;
|
|
23
|
+
}>;
|
|
24
|
+
declare const MenubarSubContent: Component<ComponentProps<typeof MenubarPrimitive.SubContent>>;
|
|
25
|
+
export { Menubar, MenubarMenu, MenubarTrigger, MenubarContent, MenubarGroup, MenubarSeparator, MenubarLabel, MenubarItem, MenubarShortcut, MenubarCheckboxItem, MenubarRadioGroup, MenubarRadioItem, MenubarSub, MenubarSubTrigger, MenubarSubContent, };
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { NavigationMenu as NavMenuPrimitive } from "@kobalte/core/navigation-menu";
|
|
2
|
+
import { type Component, type ComponentProps, type ParentComponent } from "solid-js";
|
|
3
|
+
declare const NavigationMenu: ParentComponent<ComponentProps<typeof NavMenuPrimitive> & {
|
|
4
|
+
viewport?: boolean;
|
|
5
|
+
}>;
|
|
6
|
+
declare const NavigationMenuList: Component<ComponentProps<"ul">>;
|
|
7
|
+
declare const NavigationMenuItem: Component<ComponentProps<"li">>;
|
|
8
|
+
declare const navigationMenuTriggerStyle: (props?: ({
|
|
9
|
+
class?: import("cva").ClassValue;
|
|
10
|
+
className?: never;
|
|
11
|
+
} | {
|
|
12
|
+
class?: never;
|
|
13
|
+
className?: import("cva").ClassValue;
|
|
14
|
+
}) | undefined) => string;
|
|
15
|
+
declare const NavigationMenuTrigger: ParentComponent<ComponentProps<typeof NavMenuPrimitive.Trigger>>;
|
|
16
|
+
declare const NavigationMenuContent: Component<ComponentProps<typeof NavMenuPrimitive.Content>>;
|
|
17
|
+
declare const NavigationMenuViewport: Component<ComponentProps<typeof NavMenuPrimitive.Viewport>>;
|
|
18
|
+
declare const NavigationMenuLink: Component<ComponentProps<"a">>;
|
|
19
|
+
declare const NavigationMenuIndicator: ParentComponent<ComponentProps<"div">>;
|
|
20
|
+
export { NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuContent, NavigationMenuTrigger, NavigationMenuLink, NavigationMenuIndicator, NavigationMenuViewport, navigationMenuTriggerStyle, };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { type Component, type ComponentProps } from "solid-js";
|
|
2
|
+
declare const Pagination: Component<ComponentProps<"nav">>;
|
|
3
|
+
declare const PaginationContent: Component<ComponentProps<"ul">>;
|
|
4
|
+
declare const PaginationItem: Component<ComponentProps<"li">>;
|
|
5
|
+
type PaginationLinkProps = ComponentProps<"a"> & {
|
|
6
|
+
isActive?: boolean;
|
|
7
|
+
size?: "default" | "sm" | "lg" | "icon";
|
|
8
|
+
};
|
|
9
|
+
declare const PaginationLink: Component<PaginationLinkProps>;
|
|
10
|
+
declare const PaginationPrevious: Component<PaginationLinkProps>;
|
|
11
|
+
declare const PaginationNext: Component<PaginationLinkProps>;
|
|
12
|
+
declare const PaginationEllipsis: Component<ComponentProps<"span">>;
|
|
13
|
+
export { Pagination, PaginationContent, PaginationLink, PaginationItem, PaginationPrevious, PaginationNext, PaginationEllipsis, };
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { Popover as PopoverPrimitive } from "@kobalte/core/popover";
|
|
2
|
+
import { type Component, type ComponentProps } from "solid-js";
|
|
3
|
+
declare const Popover: typeof import("@kobalte/core/popover").Root & {
|
|
4
|
+
Anchor: typeof import("@kobalte/core/popover").Anchor;
|
|
5
|
+
Arrow: typeof import("@kobalte/core/context-menu").Arrow;
|
|
6
|
+
CloseButton: typeof import("@kobalte/core/popover").CloseButton;
|
|
7
|
+
Content: typeof import("@kobalte/core/popover").Content;
|
|
8
|
+
Description: typeof import("@kobalte/core/popover").Description;
|
|
9
|
+
Portal: typeof import("@kobalte/core/popover").Portal;
|
|
10
|
+
Title: typeof import("@kobalte/core/popover").Title;
|
|
11
|
+
Trigger: typeof import("@kobalte/core/popover").Trigger;
|
|
12
|
+
};
|
|
13
|
+
declare const PopoverTrigger: Component<ComponentProps<typeof PopoverPrimitive.Trigger>>;
|
|
14
|
+
declare const PopoverContent: Component<ComponentProps<typeof PopoverPrimitive.Content>>;
|
|
15
|
+
declare const PopoverAnchor: Component<ComponentProps<typeof PopoverPrimitive.Anchor>>;
|
|
16
|
+
export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { RadioGroup as RadioGroupPrimitive } from "@kobalte/core/radio-group";
|
|
2
|
+
import { type Component, type ComponentProps } from "solid-js";
|
|
3
|
+
declare const RadioGroup: Component<ComponentProps<typeof RadioGroupPrimitive>>;
|
|
4
|
+
declare const RadioGroupItem: Component<ComponentProps<typeof RadioGroupPrimitive.Item>>;
|
|
5
|
+
export { RadioGroup, RadioGroupItem };
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { type Component, type ComponentProps, type ParentComponent } from "solid-js";
|
|
2
|
+
type Direction = "horizontal" | "vertical";
|
|
3
|
+
declare const ResizablePanelGroup: ParentComponent<ComponentProps<"div"> & {
|
|
4
|
+
direction?: Direction;
|
|
5
|
+
}>;
|
|
6
|
+
declare const ResizablePanel: ParentComponent<ComponentProps<"div"> & {
|
|
7
|
+
defaultSize?: number;
|
|
8
|
+
minSize?: number;
|
|
9
|
+
maxSize?: number;
|
|
10
|
+
}>;
|
|
11
|
+
declare const ResizableHandle: Component<ComponentProps<"div"> & {
|
|
12
|
+
withHandle?: boolean;
|
|
13
|
+
}>;
|
|
14
|
+
export { ResizablePanelGroup, ResizablePanel, ResizableHandle };
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { type Component, type ComponentProps, type JSX, type ParentComponent } from "solid-js";
|
|
2
|
+
interface ResponsiveDialogProps {
|
|
3
|
+
children: JSX.Element;
|
|
4
|
+
open?: boolean;
|
|
5
|
+
onOpenChange?: (open: boolean) => void;
|
|
6
|
+
defaultOpen?: boolean;
|
|
7
|
+
}
|
|
8
|
+
declare const ResponsiveDialog: ParentComponent<ResponsiveDialogProps>;
|
|
9
|
+
declare const ResponsiveDialogTrigger: ParentComponent<ComponentProps<"button">>;
|
|
10
|
+
declare const ResponsiveDialogContent: ParentComponent<ComponentProps<"div">>;
|
|
11
|
+
declare const ResponsiveDialogHeader: Component<ComponentProps<"div">>;
|
|
12
|
+
declare const ResponsiveDialogTitle: Component<ComponentProps<"h2">>;
|
|
13
|
+
declare const ResponsiveDialogDescription: Component<ComponentProps<"p">>;
|
|
14
|
+
declare const ResponsiveDialogFooter: Component<ComponentProps<"div">>;
|
|
15
|
+
declare const ResponsiveDialogClose: ParentComponent<ComponentProps<"button">>;
|
|
16
|
+
export { ResponsiveDialog, ResponsiveDialogClose, ResponsiveDialogContent, ResponsiveDialogDescription, ResponsiveDialogFooter, ResponsiveDialogHeader, ResponsiveDialogTitle, ResponsiveDialogTrigger, };
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { type Component, type ComponentProps, type ParentComponent } from "solid-js";
|
|
2
|
+
declare const ScrollArea: ParentComponent<ComponentProps<"div">>;
|
|
3
|
+
declare const ScrollBar: Component<ComponentProps<"div"> & {
|
|
4
|
+
orientation?: "vertical" | "horizontal";
|
|
5
|
+
}>;
|
|
6
|
+
export { ScrollArea, ScrollBar };
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { Select as SelectPrimitive } from "@kobalte/core/select";
|
|
2
|
+
import { type Component, type ComponentProps, type ParentComponent } from "solid-js";
|
|
3
|
+
declare const Select: typeof import("@kobalte/core/select").Root & {
|
|
4
|
+
Arrow: typeof import("@kobalte/core/context-menu").Arrow;
|
|
5
|
+
Content: typeof import("@kobalte/core/select").Content;
|
|
6
|
+
Description: typeof import("@kobalte/core/radio-group").Description;
|
|
7
|
+
ErrorMessage: typeof import("@kobalte/core/radio-group").ErrorMessage;
|
|
8
|
+
HiddenSelect: typeof import("@kobalte/core/select").HiddenSelect;
|
|
9
|
+
Icon: typeof import("@kobalte/core/select").Icon;
|
|
10
|
+
Item: typeof import("@kobalte/core/select").Item;
|
|
11
|
+
ItemDescription: typeof import("@kobalte/core/select").ItemDescription;
|
|
12
|
+
ItemIndicator: typeof import("@kobalte/core/select").ItemIndicator;
|
|
13
|
+
ItemLabel: typeof import("@kobalte/core/select").ItemLabel;
|
|
14
|
+
Label: typeof import("@kobalte/core/select").Label;
|
|
15
|
+
Listbox: typeof import("@kobalte/core/select").Listbox;
|
|
16
|
+
Portal: typeof import("@kobalte/core/select").Portal;
|
|
17
|
+
Section: typeof import("@kobalte/core/select").Section;
|
|
18
|
+
Trigger: typeof import("@kobalte/core/select").Trigger;
|
|
19
|
+
Value: typeof import("@kobalte/core/select").Value;
|
|
20
|
+
};
|
|
21
|
+
declare const SelectValue: typeof import("@kobalte/core/select").Value;
|
|
22
|
+
declare const SelectTrigger: ParentComponent<ComponentProps<typeof SelectPrimitive.Trigger> & {
|
|
23
|
+
size?: "sm" | "default";
|
|
24
|
+
}>;
|
|
25
|
+
declare const SelectContent: ParentComponent<ComponentProps<typeof SelectPrimitive.Content>>;
|
|
26
|
+
declare const SelectLabel: Component<ComponentProps<typeof SelectPrimitive.Label>>;
|
|
27
|
+
declare const SelectItem: ParentComponent<ComponentProps<typeof SelectPrimitive.Item>>;
|
|
28
|
+
declare const SelectGroup: Component<ComponentProps<"div">>;
|
|
29
|
+
declare const SelectSeparator: Component<ComponentProps<"div">>;
|
|
30
|
+
export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, };
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { Dialog as DialogPrimitive } from "@kobalte/core/dialog";
|
|
2
|
+
import { type Component, type ComponentProps, type JSX, type ParentComponent } from "solid-js";
|
|
3
|
+
declare const Sheet: typeof import("@kobalte/core/alert-dialog").Root & {
|
|
4
|
+
CloseButton: typeof import("@kobalte/core/alert-dialog").CloseButton;
|
|
5
|
+
Content: typeof import("@kobalte/core/dialog").Content;
|
|
6
|
+
Description: typeof import("@kobalte/core/alert-dialog").Description;
|
|
7
|
+
Overlay: typeof import("@kobalte/core/alert-dialog").Overlay;
|
|
8
|
+
Portal: typeof import("@kobalte/core/alert-dialog").Portal;
|
|
9
|
+
Title: typeof import("@kobalte/core/alert-dialog").Title;
|
|
10
|
+
Trigger: typeof import("@kobalte/core/alert-dialog").Trigger;
|
|
11
|
+
};
|
|
12
|
+
declare const SheetTrigger: Component<ComponentProps<typeof DialogPrimitive.Trigger>>;
|
|
13
|
+
declare const SheetClose: typeof import("@kobalte/core/alert-dialog").CloseButton;
|
|
14
|
+
declare const SheetContent: ParentComponent<ComponentProps<typeof DialogPrimitive.Content> & {
|
|
15
|
+
side?: "top" | "right" | "bottom" | "left";
|
|
16
|
+
above?: JSX.Element;
|
|
17
|
+
}>;
|
|
18
|
+
declare const SheetHeader: Component<ComponentProps<"div">>;
|
|
19
|
+
declare const SheetFooter: Component<ComponentProps<"div">>;
|
|
20
|
+
declare const SheetTitle: Component<ComponentProps<typeof DialogPrimitive.Title>>;
|
|
21
|
+
declare const SheetDescription: Component<ComponentProps<typeof DialogPrimitive.Description>>;
|
|
22
|
+
export { Sheet, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, };
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
import { type VariantProps } from "cva";
|
|
2
|
+
import { type Accessor, type Component, type ComponentProps, type JSX, type ParentComponent } from "solid-js";
|
|
3
|
+
import { Button } from "./button";
|
|
4
|
+
import { Input } from "./input";
|
|
5
|
+
import { Separator } from "./separator";
|
|
6
|
+
interface SidebarContextProps {
|
|
7
|
+
state: Accessor<"expanded" | "collapsed">;
|
|
8
|
+
open: Accessor<boolean>;
|
|
9
|
+
setOpen: (open: boolean) => void;
|
|
10
|
+
openMobile: Accessor<boolean>;
|
|
11
|
+
setOpenMobile: (open: boolean) => void;
|
|
12
|
+
isMobile: Accessor<boolean>;
|
|
13
|
+
toggleSidebar: () => void;
|
|
14
|
+
}
|
|
15
|
+
declare function useSidebar(): SidebarContextProps;
|
|
16
|
+
declare const SidebarProvider: ParentComponent<ComponentProps<"div"> & {
|
|
17
|
+
defaultOpen?: boolean;
|
|
18
|
+
open?: boolean;
|
|
19
|
+
onOpenChange?: (open: boolean) => void;
|
|
20
|
+
}>;
|
|
21
|
+
declare const Sidebar: ParentComponent<ComponentProps<"div"> & {
|
|
22
|
+
side?: "left" | "right";
|
|
23
|
+
variant?: "sidebar" | "floating" | "inset";
|
|
24
|
+
collapsible?: "offcanvas" | "icon" | "none";
|
|
25
|
+
}>;
|
|
26
|
+
declare const SidebarTrigger: Component<ComponentProps<typeof Button>>;
|
|
27
|
+
declare const SidebarRail: Component<ComponentProps<"button">>;
|
|
28
|
+
declare const SidebarInset: Component<ComponentProps<"main">>;
|
|
29
|
+
declare const SidebarInput: Component<ComponentProps<typeof Input>>;
|
|
30
|
+
declare const SidebarHeader: Component<ComponentProps<"div">>;
|
|
31
|
+
declare const SidebarFooter: Component<ComponentProps<"div">>;
|
|
32
|
+
declare const SidebarSeparator: Component<ComponentProps<typeof Separator>>;
|
|
33
|
+
declare const SidebarContent: Component<ComponentProps<"div">>;
|
|
34
|
+
declare const SidebarGroup: Component<ComponentProps<"div">>;
|
|
35
|
+
declare const SidebarGroupLabel: Component<ComponentProps<"div"> & {
|
|
36
|
+
as?: Component | string;
|
|
37
|
+
}>;
|
|
38
|
+
declare const SidebarGroupAction: Component<ComponentProps<"button"> & {
|
|
39
|
+
as?: Component | string;
|
|
40
|
+
}>;
|
|
41
|
+
declare const SidebarGroupContent: Component<ComponentProps<"div">>;
|
|
42
|
+
declare const SidebarMenu: Component<ComponentProps<"ul">>;
|
|
43
|
+
declare const SidebarMenuItem: Component<ComponentProps<"li">>;
|
|
44
|
+
declare const sidebarMenuButtonVariants: (props?: ({
|
|
45
|
+
variant?: "default" | "outline" | undefined;
|
|
46
|
+
size?: "default" | "sm" | "lg" | undefined;
|
|
47
|
+
} & ({
|
|
48
|
+
class?: import("cva").ClassValue;
|
|
49
|
+
className?: never;
|
|
50
|
+
} | {
|
|
51
|
+
class?: never;
|
|
52
|
+
className?: import("cva").ClassValue;
|
|
53
|
+
})) | undefined) => string;
|
|
54
|
+
declare const SidebarMenuButton: ParentComponent<ComponentProps<"button"> & {
|
|
55
|
+
as?: Component | string;
|
|
56
|
+
isActive?: boolean;
|
|
57
|
+
tooltip?: string | JSX.Element;
|
|
58
|
+
} & VariantProps<typeof sidebarMenuButtonVariants>>;
|
|
59
|
+
declare const SidebarMenuAction: Component<ComponentProps<"button"> & {
|
|
60
|
+
as?: Component | string;
|
|
61
|
+
showOnHover?: boolean;
|
|
62
|
+
}>;
|
|
63
|
+
declare const SidebarMenuBadge: Component<ComponentProps<"div">>;
|
|
64
|
+
declare const SidebarMenuSkeleton: Component<ComponentProps<"div"> & {
|
|
65
|
+
showIcon?: boolean;
|
|
66
|
+
}>;
|
|
67
|
+
declare const SidebarMenuSub: Component<ComponentProps<"ul">>;
|
|
68
|
+
declare const SidebarMenuSubItem: Component<ComponentProps<"li">>;
|
|
69
|
+
declare const SidebarMenuSubButton: Component<ComponentProps<"a"> & {
|
|
70
|
+
as?: Component | string;
|
|
71
|
+
size?: "sm" | "md";
|
|
72
|
+
isActive?: boolean;
|
|
73
|
+
}>;
|
|
74
|
+
export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar, };
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import type { Component } from "solid-js";
|
|
2
|
+
interface SliderProps {
|
|
3
|
+
value?: number[];
|
|
4
|
+
defaultValue?: number[];
|
|
5
|
+
min?: number;
|
|
6
|
+
max?: number;
|
|
7
|
+
step?: number;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
onChange?: (values: number[]) => void;
|
|
10
|
+
onChangeEnd?: (values: number[]) => void;
|
|
11
|
+
class?: string;
|
|
12
|
+
trackClass?: string;
|
|
13
|
+
thumbClass?: string;
|
|
14
|
+
"aria-label"?: string;
|
|
15
|
+
"aria-labelledby"?: string;
|
|
16
|
+
}
|
|
17
|
+
declare const Slider: Component<SliderProps>;
|
|
18
|
+
export { Slider };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { type Component } from "solid-js";
|
|
2
|
+
export interface SwitchProps {
|
|
3
|
+
checked?: boolean;
|
|
4
|
+
defaultChecked?: boolean;
|
|
5
|
+
onChange?: (checked: boolean) => void;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
class?: string;
|
|
8
|
+
name?: string;
|
|
9
|
+
}
|
|
10
|
+
declare const Switch: Component<SwitchProps>;
|
|
11
|
+
export { Switch };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { type Component, type ComponentProps } from "solid-js";
|
|
2
|
+
declare const Table: Component<ComponentProps<"table">>;
|
|
3
|
+
declare const TableHeader: Component<ComponentProps<"thead">>;
|
|
4
|
+
declare const TableBody: Component<ComponentProps<"tbody">>;
|
|
5
|
+
declare const TableFooter: Component<ComponentProps<"tfoot">>;
|
|
6
|
+
declare const TableRow: Component<ComponentProps<"tr">>;
|
|
7
|
+
declare const TableHead: Component<ComponentProps<"th">>;
|
|
8
|
+
declare const TableCell: Component<ComponentProps<"td">>;
|
|
9
|
+
declare const TableCaption: Component<ComponentProps<"caption">>;
|
|
10
|
+
export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Tabs as TabsPrimitive } from "@kobalte/core/tabs";
|
|
2
|
+
import { type Component, type ComponentProps } from "solid-js";
|
|
3
|
+
declare const Tabs: typeof import("@kobalte/core/tabs").Root & {
|
|
4
|
+
Content: typeof import("@kobalte/core/tabs").Content;
|
|
5
|
+
Indicator: typeof import("@kobalte/core/tabs").Indicator;
|
|
6
|
+
List: typeof import("@kobalte/core/tabs").List;
|
|
7
|
+
Trigger: typeof import("@kobalte/core/tabs").Trigger;
|
|
8
|
+
};
|
|
9
|
+
declare const TabsList: Component<ComponentProps<typeof TabsPrimitive.List>>;
|
|
10
|
+
declare const TabsTrigger: Component<ComponentProps<typeof TabsPrimitive.Trigger>>;
|
|
11
|
+
declare const TabsContent: Component<ComponentProps<typeof TabsPrimitive.Content>>;
|
|
12
|
+
export { Tabs, TabsList, TabsTrigger, TabsContent };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ToggleGroup as ToggleGroupPrimitive } from "@kobalte/core/toggle-group";
|
|
2
|
+
import type { VariantProps } from "cva";
|
|
3
|
+
import { type Component, type ComponentProps, type ParentComponent } from "solid-js";
|
|
4
|
+
import { toggleVariants } from "./toggle";
|
|
5
|
+
declare const ToggleGroup: ParentComponent<ComponentProps<typeof ToggleGroupPrimitive> & VariantProps<typeof toggleVariants>>;
|
|
6
|
+
declare const ToggleGroupItem: Component<ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>>;
|
|
7
|
+
export { ToggleGroup, ToggleGroupItem };
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ToggleButton as ToggleButtonPrimitive } from "@kobalte/core/toggle-button";
|
|
2
|
+
import { type VariantProps } from "cva";
|
|
3
|
+
import { type Component, type ComponentProps } from "solid-js";
|
|
4
|
+
declare const toggleVariants: (props?: ({
|
|
5
|
+
variant?: "default" | "outline" | undefined;
|
|
6
|
+
size?: "default" | "sm" | "lg" | undefined;
|
|
7
|
+
} & ({
|
|
8
|
+
class?: import("cva").ClassValue;
|
|
9
|
+
className?: never;
|
|
10
|
+
} | {
|
|
11
|
+
class?: never;
|
|
12
|
+
className?: import("cva").ClassValue;
|
|
13
|
+
})) | undefined) => string;
|
|
14
|
+
declare const Toggle: Component<ComponentProps<typeof ToggleButtonPrimitive> & VariantProps<typeof toggleVariants>>;
|
|
15
|
+
export { Toggle, toggleVariants };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Tooltip as TooltipPrimitive } from "@kobalte/core/tooltip";
|
|
2
|
+
import { type Component, type ComponentProps } from "solid-js";
|
|
3
|
+
declare const Tooltip: typeof import("@kobalte/core/tooltip").Root & {
|
|
4
|
+
Arrow: typeof import("@kobalte/core/context-menu").Arrow;
|
|
5
|
+
Content: typeof import("@kobalte/core/tooltip").Content;
|
|
6
|
+
Portal: typeof import("@kobalte/core/tooltip").Portal;
|
|
7
|
+
Trigger: typeof import("@kobalte/core/tooltip").Trigger;
|
|
8
|
+
};
|
|
9
|
+
declare const TooltipTrigger: typeof import("@kobalte/core/tooltip").Trigger;
|
|
10
|
+
declare const TooltipContent: Component<ComponentProps<typeof TooltipPrimitive.Content>>;
|
|
11
|
+
export { Tooltip, TooltipTrigger, TooltipContent };
|