@glasshome/ui 0.3.3 → 0.5.0

package/README.md

@@ -2,7 +2,7 @@
 
 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.
+56 accessible, theme-aware components plus utility functions and a Tailwind v4 CSS preset — everything you need to build smart-home dashboards. Powers [GlassHome](https://glasshome.app), the local-first dashboard for Home Assistant.
 
 ## Install
 

package/dist/solid/alert.d.ts

@@ -1,15 +1,22 @@
-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>>;
+import { type Component, type ComponentProps, type JSX } from "solid-js";
+/**
+ * Tone-driven alert (the design formerly known as hub's SectionAlert). One
+ * component, four tones, both themes, all color from theme vars via color-mix.
+ * Text mixes in oklab (not oklch) so a hued tone desaturates toward neutral
+ * with its hue intact instead of swinging toward yellow.
+ */
+export type AlertTone = "info" | "warning" | "success" | "destructive";
+type AlertProps = ComponentProps<"div"> & {
+    tone?: AlertTone;
+    /** Override the default per-tone icon with any JSX (e.g. a lucide-solid icon). */
+    icon?: JSX.Element;
+    /** Bold heading line. */
+    title?: JSX.Element;
+    /** Trailing element pinned right (e.g. a Button). */
+    action?: JSX.Element;
+};
+declare const Alert: Component<AlertProps>;
+/** Back-compat sub-parts for the older compound usage (Alert > AlertTitle/Description). */
 declare const AlertTitle: Component<ComponentProps<"div">>;
 declare const AlertDescription: Component<ComponentProps<"div">>;
-export { Alert, AlertDescription, AlertTitle, alertVariants };
+export { Alert, AlertDescription, AlertTitle };

package/dist/solid/badge.d.ts

@@ -11,6 +11,28 @@ declare const badgeVariants: (props?: ({
 })) | undefined) => string;
 type BadgeProps = ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
     component?: ValidComponent;
+    /**
+     * Glass tone chip: pass any CSS color (a semantic token like var(--success)
+     * or an arbitrary categorical hue) and the badge renders as a frosted tinted
+     * pill, both themes, no dark: overrides. Overrides `variant` when set.
+     */
+    tone?: string;
+    /** With `tone`: render a lit status dot before the label. */
+    dot?: boolean;
 };
 declare const Badge: Component<BadgeProps>;
-export { Badge, badgeVariants };
+type TierBadgeProps = ComponentProps<"span"> & {
+    /** Gradient high stop (both ends of the diagonal sweep). */
+    hi: string;
+    /** Gradient low stop (the mid dip). */
+    lo: string;
+    /** Dark label color. */
+    text: string;
+};
+/**
+ * Metallic tier chip (PRO / EARLY BIRD / CREATOR): a brushed-metal pill with a
+ * 135deg corner-to-corner sweep (bright ends, dip in the middle) and dark text.
+ * One family; only the hi/lo/text triplet changes per tier.
+ */
+declare const TierBadge: Component<TierBadgeProps>;
+export { Badge, badgeVariants, TierBadge };

package/dist/solid/button.d.ts

@@ -2,8 +2,9 @@ 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;
+    variant?: "link" | "default" | "gradient" | "destructive" | "outline" | "secondary" | "ghost" | undefined;
     size?: "default" | "sm" | "lg" | "icon" | undefined;
+    shape?: "rounded" | "pill" | undefined;
 } & ({
     class?: import("cva").ClassValue;
     className?: never;

package/dist/solid/index.d.ts

@@ -1,11 +1,11 @@
 export { type Color, parseColor } from "@kobalte/core/colors";
 export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, } from "./accordion";
-export { Alert, AlertDescription, AlertTitle, alertVariants } from "./alert";
+export { Alert, type AlertTone, AlertDescription, AlertTitle } from "./alert";
 export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, } from "./alert-dialog";
 export { AreaPicker } from "./area-picker";
 export { AspectRatio } from "./aspect-ratio";
 export { Avatar, AvatarFallback, AvatarImage } from "./avatar";
-export { Badge, badgeVariants } from "./badge";
+export { Badge, badgeVariants, TierBadge } from "./badge";
 export { BottomSheet, BottomSheetBody, BottomSheetClose, BottomSheetContent, BottomSheetDescription, BottomSheetFooter, BottomSheetHandle, BottomSheetHeader, BottomSheetOverlay, BottomSheetPortal, BottomSheetTitle, BottomSheetTrigger, } from "./bottom-sheet";
 export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, } from "./breadcrumb";
 export { Button, buttonVariants } from "./button";