@glasshome/ui 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 GlassHome Labs
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,77 @@
+# @glasshome/ui
+
+SolidJS component library for GlassHome, built on [Kobalte](https://kobalte.dev).
+
+56 accessible, theme-aware components plus utility functions and a Tailwind v4 CSS preset — everything you need to build smart-home dashboards.
+
+## Install
+
+```bash
+npm install @glasshome/ui solid-js
+# or
+bun add @glasshome/ui solid-js
+```
+
+> `solid-js ^1.9.9` is a required peer dependency.
+
+## Subpath Imports
+
+### `@glasshome/ui` — Utilities
+
+Framework-agnostic helpers exported from the root entrypoint.
+
+```typescript
+import { cn, createIsMobile } from "@glasshome/ui";
+
+// Merge Tailwind classes with conflict resolution
+const cls = cn("px-4 py-2", condition && "bg-primary text-white");
+
+// Reactive mobile breakpoint signal (SolidJS)
+const isMobile = createIsMobile();
+```
+
+### `@glasshome/ui/solid` — Components
+
+All 56 Kobalte-based components are exported from a single subpath.
+
+```tsx
+import { Button, Card, CardHeader, CardTitle, CardContent, Badge } from "@glasshome/ui/solid";
+
+function DeviceCard() {
+  return (
+    <Card>
+      <CardHeader>
+        <CardTitle>Living Room</CardTitle>
+        <Badge>Online</Badge>
+      </CardHeader>
+      <CardContent>
+        <Button onClick={() => console.log("toggled")}>Toggle Light</Button>
+      </CardContent>
+    </Card>
+  );
+}
+```
+
+Available components include:
+
+`Accordion` · `Alert` · `AlertDialog` · `AspectRatio` · `Avatar` · `Badge` · `Breadcrumb` · `Button` · `ButtonGroup` · `Calendar` · `Card` · `Carousel` · `Checkbox` · `Collapsible` · `Command` · `ContextMenu` · `CopyButton` · `Dialog` · `Dock` · `Drawer` · `DropdownMenu` · `Empty` · `Field` · `Form` · `GeometricBackground` · `GlassEffect` · `HoverCard` · `Input` · `InputGroup` · `InputOTP` · `Item` · `Kbd` · `Label` · `Menubar` · `NavigationMenu` · `Pagination` · `Popover` · `Progress` · `RadioGroup` · `ResizablePanel` · `ResponsiveDialog` · `ScrollArea` · `Select` · `Separator` · `Sheet` · `Skeleton` · `Slider` · `Sonner (toast)` · `Spinner` · `Switch` · `Table` · `Tabs` · `Textarea` · `Toggle` · `ToggleGroup` · `Tooltip`
+
+### `@glasshome/ui/styles` — Tailwind v4 CSS
+
+Import the shared CSS preset in your app's stylesheet:
+
+```css
+@import "@glasshome/ui/styles";
+```
+
+This provides the GlassHome design tokens (colors, radii, animations) as a Tailwind v4 theme layer.
+
+## Peer Dependencies
+
+| Package    | Required | Notes                                    |
+| ---------- | -------- | ---------------------------------------- |
+| `solid-js` | Yes      | SolidJS reactive primitives and JSX runtime |
+
+## License
+
+MIT

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { createIsMobile } from "./lib/use-is-mobile";
+export { cn } from "./lib/utils";

package/dist/index.js

@@ -0,0 +1,14 @@
+import { createSignal as r, onMount as a, onCleanup as c } from "solid-js";
+import { c as w } from "./utils-eGXXUFl7.js";
+const n = 768;
+function d() {
+  const [i, e] = r(void 0);
+  return a(() => {
+    const o = window.matchMedia(`(max-width: ${n - 1}px)`), t = () => e(window.innerWidth < n);
+    o.addEventListener("change", t), e(window.innerWidth < n), c(() => o.removeEventListener("change", t));
+  }), i;
+}
+export {
+  w as cn,
+  d as createIsMobile
+};

package/dist/lib/use-is-mobile.d.ts

@@ -0,0 +1 @@
+export declare function createIsMobile(): import("solid-js").Accessor<boolean | undefined>;

package/dist/lib/utils.d.ts

@@ -0,0 +1,2 @@
+import { type ClassValue } from "clsx";
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/solid/accordion.d.ts

@@ -0,0 +1,12 @@
+import { Accordion as AccordionPrimitive } from "@kobalte/core/accordion";
+import { type Component, type ComponentProps, type ParentComponent } from "solid-js";
+declare const Accordion: typeof import("@kobalte/core/accordion").Root & {
+    Content: typeof import("@kobalte/core/accordion").Content;
+    Header: typeof import("@kobalte/core/accordion").Header;
+    Item: typeof import("@kobalte/core/accordion").Item;
+    Trigger: typeof import("@kobalte/core/accordion").Trigger;
+};
+declare const AccordionItem: Component<ComponentProps<typeof AccordionPrimitive.Item>>;
+declare const AccordionTrigger: ParentComponent<ComponentProps<typeof AccordionPrimitive.Trigger>>;
+declare const AccordionContent: ParentComponent<ComponentProps<typeof AccordionPrimitive.Content>>;
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };

package/dist/solid/alert-dialog.d.ts

@@ -0,0 +1,22 @@
+import { AlertDialog as AlertDialogPrimitive } from "@kobalte/core/alert-dialog";
+import { type Component, type ComponentProps } from "solid-js";
+declare const AlertDialog: typeof import("@kobalte/core/alert-dialog").Root & {
+    CloseButton: typeof import("@kobalte/core/alert-dialog").CloseButton;
+    Content: typeof import("@kobalte/core/alert-dialog").Content;
+    Description: typeof import("@kobalte/core/alert-dialog").Description;
+    Overlay: typeof import("@kobalte/core/alert-dialog").Overlay;
+    Portal: typeof import("@kobalte/core/alert-dialog").Portal;
+    Title: typeof import("@kobalte/core/alert-dialog").Title;
+    Trigger: typeof import("@kobalte/core/alert-dialog").Trigger;
+};
+declare const AlertDialogTrigger: Component<ComponentProps<typeof AlertDialogPrimitive.Trigger>>;
+declare const AlertDialogPortal: typeof import("@kobalte/core/alert-dialog").Portal;
+declare const AlertDialogOverlay: Component<ComponentProps<typeof AlertDialogPrimitive.Overlay>>;
+declare const AlertDialogContent: Component<ComponentProps<typeof AlertDialogPrimitive.Content>>;
+declare const AlertDialogHeader: Component<ComponentProps<"div">>;
+declare const AlertDialogFooter: Component<ComponentProps<"div">>;
+declare const AlertDialogTitle: Component<ComponentProps<typeof AlertDialogPrimitive.Title>>;
+declare const AlertDialogDescription: Component<ComponentProps<typeof AlertDialogPrimitive.Description>>;
+declare const AlertDialogAction: Component<ComponentProps<typeof AlertDialogPrimitive.CloseButton>>;
+declare const AlertDialogCancel: Component<ComponentProps<typeof AlertDialogPrimitive.CloseButton>>;
+export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };

package/dist/solid/alert.d.ts

@@ -0,0 +1,15 @@
+import { type VariantProps } from "cva";
+import { type Component, type ComponentProps } from "solid-js";
+declare const alertVariants: (props?: ({
+    variant?: "default" | "destructive" | undefined;
+} & ({
+    class?: import("cva").ClassValue;
+    className?: never;
+} | {
+    class?: never;
+    className?: import("cva").ClassValue;
+})) | undefined) => string;
+declare const Alert: Component<ComponentProps<"div"> & VariantProps<typeof alertVariants>>;
+declare const AlertTitle: Component<ComponentProps<"div">>;
+declare const AlertDescription: Component<ComponentProps<"div">>;
+export { Alert, AlertTitle, AlertDescription, alertVariants };

package/dist/solid/aspect-ratio.d.ts

@@ -0,0 +1,6 @@
+import { type ParentComponent } from "solid-js";
+declare const AspectRatio: ParentComponent<{
+    class?: string;
+    ratio?: number;
+}>;
+export { AspectRatio };

package/dist/solid/avatar.d.ts

@@ -0,0 +1,6 @@
+import { Image as ImagePrimitive } from "@kobalte/core/image";
+import { type Component, type ComponentProps } from "solid-js";
+declare const Avatar: Component<ComponentProps<typeof ImagePrimitive>>;
+declare const AvatarImage: Component<ComponentProps<typeof ImagePrimitive.Img>>;
+declare const AvatarFallback: Component<ComponentProps<typeof ImagePrimitive.Fallback>>;
+export { Avatar, AvatarImage, AvatarFallback };

package/dist/solid/badge.d.ts

@@ -0,0 +1,16 @@
+import { type VariantProps } from "cva";
+import { type Component, type ComponentProps } from "solid-js";
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "destructive" | "outline" | "secondary" | undefined;
+} & ({
+    class?: import("cva").ClassValue;
+    className?: never;
+} | {
+    class?: never;
+    className?: import("cva").ClassValue;
+})) | undefined) => string;
+type BadgeProps = ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
+    component?: Component<any>;
+};
+declare const Badge: Component<BadgeProps>;
+export { Badge, badgeVariants };

package/dist/solid/breadcrumb.d.ts

@@ -0,0 +1,11 @@
+import { type Component, type ComponentProps, type ParentComponent } from "solid-js";
+declare const Breadcrumb: Component<ComponentProps<"nav">>;
+declare const BreadcrumbList: Component<ComponentProps<"ol">>;
+declare const BreadcrumbItem: Component<ComponentProps<"li">>;
+declare const BreadcrumbLink: Component<ComponentProps<"a"> & {
+    component?: Component<any>;
+}>;
+declare const BreadcrumbPage: Component<ComponentProps<"span">>;
+declare const BreadcrumbSeparator: ParentComponent<ComponentProps<"li">>;
+declare const BreadcrumbEllipsis: Component<ComponentProps<"span">>;
+export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };

package/dist/solid/button-group.d.ts

@@ -0,0 +1,18 @@
+import { type VariantProps } from "cva";
+import { type Component, type ComponentProps } from "solid-js";
+import { Separator } from "./separator";
+declare const buttonGroupVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | undefined;
+} & ({
+    class?: import("cva").ClassValue;
+    className?: never;
+} | {
+    class?: never;
+    className?: import("cva").ClassValue;
+})) | undefined) => string;
+declare const ButtonGroup: Component<ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>>;
+declare const ButtonGroupText: Component<ComponentProps<"div"> & {
+    component?: Component<any>;
+}>;
+declare const ButtonGroupSeparator: Component<ComponentProps<typeof Separator>>;
+export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };

package/dist/solid/button.d.ts

@@ -0,0 +1,16 @@
+import { Button as KobalteButton } from "@kobalte/core/button";
+import { type VariantProps } from "cva";
+import { type ComponentProps } from "solid-js";
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | undefined;
+} & ({
+    class?: import("cva").ClassValue;
+    className?: never;
+} | {
+    class?: never;
+    className?: import("cva").ClassValue;
+})) | undefined) => string;
+type ButtonProps = ComponentProps<typeof KobalteButton> & VariantProps<typeof buttonVariants>;
+declare function Button(props: ButtonProps): import("solid-js").JSX.Element;
+export { Button, buttonVariants };

package/dist/solid/calendar.d.ts

@@ -0,0 +1,17 @@
+import { type Component, type ComponentProps } from "solid-js";
+type DateRange = {
+    from: Date;
+    to?: Date;
+};
+interface CalendarProps extends Omit<ComponentProps<"div">, "onSelect"> {
+    mode?: "single" | "range";
+    selected?: Date | DateRange;
+    onSelect?: (date: Date | DateRange | undefined) => void;
+    showOutsideDays?: boolean;
+    month?: Date;
+    onMonthChange?: (month: Date) => void;
+    disabled?: (date: Date) => boolean;
+}
+declare const Calendar: Component<CalendarProps>;
+export { Calendar };
+export type { CalendarProps, DateRange };

package/dist/solid/card.d.ts

@@ -0,0 +1,9 @@
+import { type Component, type ComponentProps } from "solid-js";
+declare const Card: Component<ComponentProps<"div">>;
+declare const CardHeader: Component<ComponentProps<"div">>;
+declare const CardTitle: Component<ComponentProps<"div">>;
+declare const CardDescription: Component<ComponentProps<"div">>;
+declare const CardAction: Component<ComponentProps<"div">>;
+declare const CardContent: Component<ComponentProps<"div">>;
+declare const CardFooter: Component<ComponentProps<"div">>;
+export { Card, CardHeader, CardTitle, CardDescription, CardAction, CardContent, CardFooter };

package/dist/solid/carousel.d.ts

@@ -0,0 +1,15 @@
+import { type EmblaCarouselType, type EmblaOptionsType, type EmblaPluginType } from "embla-carousel";
+import { type Component, type ComponentProps, type ParentComponent } from "solid-js";
+import { Button } from "./button";
+type CarouselApi = EmblaCarouselType;
+declare const Carousel: ParentComponent<ComponentProps<"div"> & {
+    opts?: EmblaOptionsType;
+    plugins?: EmblaPluginType[];
+    orientation?: "horizontal" | "vertical";
+    setApi?: (api: CarouselApi) => void;
+}>;
+declare const CarouselContent: Component<ComponentProps<"div">>;
+declare const CarouselItem: Component<ComponentProps<"div">>;
+declare const CarouselPrevious: Component<ComponentProps<typeof Button>>;
+declare const CarouselNext: Component<ComponentProps<typeof Button>>;
+export { type CarouselApi, Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, };

package/dist/solid/checkbox.d.ts

@@ -0,0 +1,4 @@
+import { Checkbox as CheckboxPrimitive } from "@kobalte/core/checkbox";
+import { type Component, type ComponentProps } from "solid-js";
+declare const Checkbox: Component<ComponentProps<typeof CheckboxPrimitive>>;
+export { Checkbox };

package/dist/solid/collapsible.d.ts

@@ -0,0 +1,6 @@
+import { Collapsible as CollapsiblePrimitive } from "@kobalte/core/collapsible";
+import { type Component, type ComponentProps } from "solid-js";
+declare const Collapsible: Component<ComponentProps<typeof CollapsiblePrimitive>>;
+declare const CollapsibleTrigger: Component<ComponentProps<typeof CollapsiblePrimitive.Trigger>>;
+declare const CollapsibleContent: Component<ComponentProps<typeof CollapsiblePrimitive.Content>>;
+export { Collapsible, CollapsibleTrigger, CollapsibleContent };

package/dist/solid/command.d.ts

@@ -0,0 +1,24 @@
+import { type Component, type ComponentProps, type ParentComponent } from "solid-js";
+import { Dialog } from "./dialog";
+declare const Command: ParentComponent<ComponentProps<"div">>;
+declare const CommandDialog: ParentComponent<ComponentProps<typeof Dialog> & {
+    title?: string;
+    description?: string;
+    contentClass?: string;
+    showCloseButton?: boolean;
+}>;
+declare const CommandInput: Component<ComponentProps<"input">>;
+declare const CommandList: ParentComponent<ComponentProps<"div">>;
+declare const CommandEmpty: ParentComponent<ComponentProps<"div">>;
+declare const CommandGroup: ParentComponent<ComponentProps<"div"> & {
+    heading?: string;
+}>;
+declare const CommandItem: ParentComponent<ComponentProps<"div"> & {
+    value?: string;
+    keywords?: string;
+    onSelect?: () => void;
+    disabled?: boolean;
+}>;
+declare const CommandSeparator: Component<ComponentProps<"div">>;
+declare const CommandShortcut: Component<ComponentProps<"span">>;
+export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };

package/dist/solid/context-menu.d.ts

@@ -0,0 +1,43 @@
+import { ContextMenu as ContextMenuPrimitive } from "@kobalte/core/context-menu";
+import { type Component, type ComponentProps, type ParentComponent } from "solid-js";
+declare const ContextMenu: typeof import("@kobalte/core/context-menu").Root & {
+    Arrow: typeof import("@kobalte/core/context-menu").Arrow;
+    CheckboxItem: typeof import("@kobalte/core/context-menu").CheckboxItem;
+    Content: typeof import("@kobalte/core/context-menu").Content;
+    Group: typeof import("@kobalte/core/context-menu").Group;
+    GroupLabel: typeof import("@kobalte/core/context-menu").GroupLabel;
+    Icon: typeof import("@kobalte/core/context-menu").Icon;
+    Item: typeof import("@kobalte/core/context-menu").Item;
+    ItemDescription: typeof import("@kobalte/core/context-menu").ItemDescription;
+    ItemIndicator: typeof import("@kobalte/core/context-menu").ItemIndicator;
+    ItemLabel: typeof import("@kobalte/core/context-menu").ItemLabel;
+    Portal: typeof import("@kobalte/core/context-menu").Portal;
+    RadioGroup: typeof import("@kobalte/core/context-menu").RadioGroup;
+    RadioItem: typeof import("@kobalte/core/context-menu").RadioItem;
+    Separator: typeof import("@kobalte/core/context-menu").Separator;
+    Sub: typeof import("@kobalte/core/context-menu").Sub;
+    SubContent: typeof import("@kobalte/core/context-menu").SubContent;
+    SubTrigger: typeof import("@kobalte/core/context-menu").SubTrigger;
+    Trigger: typeof import("@kobalte/core/context-menu").Trigger;
+};
+declare const ContextMenuTrigger: typeof import("@kobalte/core/context-menu").Trigger;
+declare const ContextMenuGroup: typeof import("@kobalte/core/context-menu").Group;
+declare const ContextMenuSub: typeof import("@kobalte/core/context-menu").Sub;
+declare const ContextMenuRadioGroup: typeof import("@kobalte/core/context-menu").RadioGroup;
+declare const ContextMenuSubTrigger: ParentComponent<ComponentProps<typeof ContextMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+}>;
+declare const ContextMenuSubContent: Component<ComponentProps<typeof ContextMenuPrimitive.SubContent>>;
+declare const ContextMenuContent: Component<ComponentProps<typeof ContextMenuPrimitive.Content>>;
+declare const ContextMenuItem: Component<ComponentProps<typeof ContextMenuPrimitive.Item> & {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+}>;
+declare const ContextMenuCheckboxItem: ParentComponent<ComponentProps<typeof ContextMenuPrimitive.CheckboxItem>>;
+declare const ContextMenuRadioItem: ParentComponent<ComponentProps<typeof ContextMenuPrimitive.RadioItem>>;
+declare const ContextMenuLabel: Component<ComponentProps<typeof ContextMenuPrimitive.GroupLabel> & {
+    inset?: boolean;
+}>;
+declare const ContextMenuSeparator: Component<ComponentProps<typeof ContextMenuPrimitive.Separator>>;
+declare const ContextMenuShortcut: Component<ComponentProps<"span">>;
+export { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuCheckboxItem, ContextMenuRadioItem, ContextMenuLabel, ContextMenuSeparator, ContextMenuShortcut, ContextMenuGroup, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuRadioGroup, };

package/dist/solid/copy-button.d.ts

@@ -0,0 +1,7 @@
+import { type Component } from "solid-js";
+interface CopyButtonProps {
+    text: string;
+    class?: string;
+}
+declare const CopyButton: Component<CopyButtonProps>;
+export { CopyButton };

package/dist/solid/dialog.d.ts

@@ -0,0 +1,19 @@
+import { Dialog as DialogPrimitive } from "@kobalte/core/dialog";
+import { type Component, type ComponentProps, type ParentComponent } from "solid-js";
+declare const Dialog: typeof import("@kobalte/core/alert-dialog").Root & {
+    CloseButton: typeof import("@kobalte/core/alert-dialog").CloseButton;
+    Content: typeof import("@kobalte/core/dialog").Content;
+    Description: typeof import("@kobalte/core/alert-dialog").Description;
+    Overlay: typeof import("@kobalte/core/alert-dialog").Overlay;
+    Portal: typeof import("@kobalte/core/alert-dialog").Portal;
+    Title: typeof import("@kobalte/core/alert-dialog").Title;
+    Trigger: typeof import("@kobalte/core/alert-dialog").Trigger;
+};
+declare const DialogTrigger: typeof import("@kobalte/core/alert-dialog").Trigger;
+declare const DialogClose: typeof import("@kobalte/core/alert-dialog").CloseButton;
+declare const DialogContent: ParentComponent<ComponentProps<typeof DialogPrimitive.Content>>;
+declare const DialogHeader: Component<ComponentProps<"div">>;
+declare const DialogFooter: Component<ComponentProps<"div">>;
+declare const DialogTitle: Component<ComponentProps<typeof DialogPrimitive.Title>>;
+declare const DialogDescription: Component<ComponentProps<typeof DialogPrimitive.Description>>;
+export { Dialog, DialogTrigger, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, DialogClose, };

package/dist/solid/dock.d.ts

@@ -0,0 +1,24 @@
+import { type Component, type ComponentProps, type JSX } from "solid-js";
+interface DockItem {
+    id: string;
+    icon: Component<{
+        class?: string;
+    }> | JSX.Element;
+    label: string;
+    onClick?: () => void;
+    isActive?: boolean;
+}
+interface DockProps extends ComponentProps<"div"> {
+    items: DockItem[];
+    dockMode?: "floating" | "docked";
+}
+interface DockIconButtonProps extends ComponentProps<"button"> {
+    icon: Component<{
+        class?: string;
+    }> | JSX.Element;
+    label: string;
+    isActive?: boolean;
+}
+declare const Dock: Component<DockProps>;
+export { Dock };
+export type { DockProps, DockItem, DockIconButtonProps };

package/dist/solid/drawer.d.ts

@@ -0,0 +1,22 @@
+import { Dialog as DialogPrimitive } from "@kobalte/core/dialog";
+import { type Component, type ComponentProps, type ParentComponent } from "solid-js";
+declare const Drawer: typeof import("@kobalte/core/alert-dialog").Root & {
+    CloseButton: typeof import("@kobalte/core/alert-dialog").CloseButton;
+    Content: typeof import("@kobalte/core/dialog").Content;
+    Description: typeof import("@kobalte/core/alert-dialog").Description;
+    Overlay: typeof import("@kobalte/core/alert-dialog").Overlay;
+    Portal: typeof import("@kobalte/core/alert-dialog").Portal;
+    Title: typeof import("@kobalte/core/alert-dialog").Title;
+    Trigger: typeof import("@kobalte/core/alert-dialog").Trigger;
+};
+declare const DrawerTrigger: Component<ComponentProps<typeof DialogPrimitive.Trigger>>;
+declare const DrawerClose: typeof import("@kobalte/core/alert-dialog").CloseButton;
+declare const DrawerOverlay: Component<ComponentProps<typeof DialogPrimitive.Overlay>>;
+declare const DrawerContent: ParentComponent<ComponentProps<typeof DialogPrimitive.Content> & {
+    direction?: "top" | "right" | "bottom" | "left";
+}>;
+declare const DrawerHeader: Component<ComponentProps<"div">>;
+declare const DrawerFooter: Component<ComponentProps<"div">>;
+declare const DrawerTitle: Component<ComponentProps<typeof DialogPrimitive.Title>>;
+declare const DrawerDescription: Component<ComponentProps<typeof DialogPrimitive.Description>>;
+export { Drawer, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContent, DrawerHeader, DrawerFooter, DrawerTitle, DrawerDescription, };

package/dist/solid/dropdown-menu.d.ts

@@ -0,0 +1,32 @@
+import { DropdownMenu as DropdownMenuPrimitive } from "@kobalte/core/dropdown-menu";
+import { type Component, type ComponentProps } from "solid-js";
+declare const DropdownMenu: typeof import("@kobalte/core/dropdown-menu").Root & {
+    Arrow: typeof import("@kobalte/core/context-menu").Arrow;
+    CheckboxItem: typeof import("@kobalte/core/context-menu").CheckboxItem;
+    Content: typeof import("@kobalte/core/dropdown-menu").Content;
+    Group: typeof import("@kobalte/core/context-menu").Group;
+    GroupLabel: typeof import("@kobalte/core/context-menu").GroupLabel;
+    Icon: typeof import("@kobalte/core/context-menu").Icon;
+    Item: typeof import("@kobalte/core/context-menu").Item;
+    ItemDescription: typeof import("@kobalte/core/context-menu").ItemDescription;
+    ItemIndicator: typeof import("@kobalte/core/context-menu").ItemIndicator;
+    ItemLabel: typeof import("@kobalte/core/context-menu").ItemLabel;
+    Portal: typeof import("@kobalte/core/context-menu").Portal;
+    RadioGroup: typeof import("@kobalte/core/context-menu").RadioGroup;
+    RadioItem: typeof import("@kobalte/core/context-menu").RadioItem;
+    Separator: typeof import("@kobalte/core/context-menu").Separator;
+    Sub: typeof import("@kobalte/core/context-menu").Sub;
+    SubContent: typeof import("@kobalte/core/context-menu").SubContent;
+    SubTrigger: typeof import("@kobalte/core/context-menu").SubTrigger;
+    Trigger: typeof import("@kobalte/core/dropdown-menu").Trigger;
+};
+declare const DropdownMenuTrigger: typeof import("@kobalte/core/dropdown-menu").Trigger;
+declare const DropdownMenuGroup: typeof import("@kobalte/core/context-menu").Group;
+declare const DropdownMenuSub: typeof import("@kobalte/core/context-menu").Sub;
+declare const DropdownMenuRadioGroup: typeof import("@kobalte/core/context-menu").RadioGroup;
+declare const DropdownMenuContent: Component<ComponentProps<typeof DropdownMenuPrimitive.Content>>;
+declare const DropdownMenuItem: Component<ComponentProps<typeof DropdownMenuPrimitive.Item>>;
+declare const DropdownMenuSeparator: Component<ComponentProps<typeof DropdownMenuPrimitive.Separator>>;
+declare const DropdownMenuLabel: Component<ComponentProps<typeof DropdownMenuPrimitive.GroupLabel>>;
+declare const DropdownMenuShortcut: Component<ComponentProps<"span">>;
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuLabel, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuRadioGroup, };

package/dist/solid/empty.d.ts

@@ -0,0 +1,18 @@
+import { type VariantProps } from "cva";
+import { type Component, type ComponentProps } from "solid-js";
+declare const Empty: Component<ComponentProps<"div">>;
+declare const EmptyHeader: Component<ComponentProps<"div">>;
+declare const emptyMediaVariants: (props?: ({
+    variant?: "default" | "icon" | undefined;
+} & ({
+    class?: import("cva").ClassValue;
+    className?: never;
+} | {
+    class?: never;
+    className?: import("cva").ClassValue;
+})) | undefined) => string;
+declare const EmptyMedia: Component<ComponentProps<"div"> & VariantProps<typeof emptyMediaVariants>>;
+declare const EmptyTitle: Component<ComponentProps<"div">>;
+declare const EmptyDescription: Component<ComponentProps<"div">>;
+declare const EmptyContent: Component<ComponentProps<"div">>;
+export { Empty, EmptyHeader, EmptyTitle, EmptyDescription, EmptyContent, EmptyMedia };

package/dist/solid/field.d.ts

@@ -0,0 +1,29 @@
+import { type VariantProps } from "cva";
+import { type Component, type ComponentProps, type ParentComponent } from "solid-js";
+import { Label } from "./label";
+declare const FieldSet: Component<ComponentProps<"fieldset">>;
+declare const FieldLegend: Component<ComponentProps<"legend"> & {
+    variant?: "legend" | "label";
+}>;
+declare const FieldGroup: Component<ComponentProps<"div">>;
+declare const fieldVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | "responsive" | undefined;
+} & ({
+    class?: import("cva").ClassValue;
+    className?: never;
+} | {
+    class?: never;
+    className?: import("cva").ClassValue;
+})) | undefined) => string;
+declare const Field: Component<ComponentProps<"div"> & VariantProps<typeof fieldVariants>>;
+declare const FieldContent: Component<ComponentProps<"div">>;
+declare const FieldLabel: Component<ComponentProps<typeof Label>>;
+declare const FieldTitle: Component<ComponentProps<"div">>;
+declare const FieldDescription: Component<ComponentProps<"p">>;
+declare const FieldSeparator: ParentComponent<ComponentProps<"div">>;
+declare const FieldError: Component<ComponentProps<"div"> & {
+    errors?: Array<{
+        message?: string;
+    } | undefined>;
+}>;
+export { Field, FieldLabel, FieldDescription, FieldError, FieldGroup, FieldLegend, FieldSeparator, FieldSet, FieldContent, FieldTitle, };

package/dist/solid/form.d.ts

@@ -0,0 +1,24 @@
+import { type Component, type ComponentProps, type ParentComponent } from "solid-js";
+import { Label } from "./label";
+declare const Form: ParentComponent<ComponentProps<"form"> & {
+    errors?: Record<string, string>;
+    onSetError?: (name: string, error: string) => void;
+    onClearError?: (name: string) => void;
+}>;
+declare function useFormField(): {
+    id: () => string;
+    name: () => string;
+    formItemId: () => string;
+    formDescriptionId: () => string;
+    formMessageId: () => string;
+    error: import("solid-js").Accessor<string>;
+};
+declare const FormField: ParentComponent<{
+    name: string;
+}>;
+declare const FormItem: ParentComponent<ComponentProps<"div">>;
+declare const FormLabel: Component<ComponentProps<typeof Label>>;
+declare const FormControl: ParentComponent<ComponentProps<"div">>;
+declare const FormDescription: Component<ComponentProps<"p">>;
+declare const FormMessage: ParentComponent<ComponentProps<"p">>;
+export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField, };

package/dist/solid/geometric-background.d.ts

@@ -0,0 +1,17 @@
+import { type Component, type ParentComponent } from "solid-js";
+declare const ElegantShape: Component<{
+    class?: string;
+    delay?: number;
+    width?: number;
+    height?: number;
+    rotate?: number;
+    blur?: number;
+    colorVar?: string;
+    opacityStart?: number;
+    opacityEnd?: number;
+    strokeOpacity?: number;
+}>;
+declare const GeometricBackground: ParentComponent<{
+    class?: string;
+}>;
+export { GeometricBackground, ElegantShape };

package/dist/solid/glass-effect.d.ts

@@ -0,0 +1,6 @@
+import { type ParentComponent } from "solid-js";
+declare const GlassEffect: ParentComponent<{
+    class?: string;
+}>;
+declare const GlassFilter: () => import("solid-js").JSX.Element;
+export { GlassEffect, GlassFilter };

package/dist/solid/hover-card.d.ts

@@ -0,0 +1,11 @@
+import { HoverCard as HoverCardPrimitive } from "@kobalte/core/hover-card";
+import { type Component, type ComponentProps } from "solid-js";
+declare const HoverCard: typeof import("@kobalte/core/hover-card").Root & {
+    Arrow: typeof import("@kobalte/core/context-menu").Arrow;
+    Content: typeof import("@kobalte/core/hover-card").Content;
+    Portal: typeof import("@kobalte/core/hover-card").Portal;
+    Trigger: typeof import("@kobalte/core/hover-card").Trigger;
+};
+declare const HoverCardTrigger: Component<ComponentProps<typeof HoverCardPrimitive.Trigger>>;
+declare const HoverCardContent: Component<ComponentProps<typeof HoverCardPrimitive.Content>>;
+export { HoverCard, HoverCardTrigger, HoverCardContent };