@glasshome/ui 1.0.1 → 1.1.0

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 export { ALERT_CLASS, ALERT_CONTENT_CLASS, ALERT_DESCRIPTION_CLASS, ALERT_ICON_BG_CLASS, ALERT_ICON_CLASS, ALERT_ICON_PATHS, ALERT_TITLE_CLASS, ALERT_TONES, type AlertTone, type AlertToneStyle, alertBorder, alertFill, alertIconBgStyle, alertIconFill, } from "./lib/alert-tones.js";
 export { BUTTON_DEFAULT_CLASS, BUTTON_OUTLINE_CLASS, buttonVariants, ICON_BUTTON_CLASS, } from "./lib/button-variants.js";
 export { CARD_BLUR, CARD_SURFACE, CARD_SURFACE_BASE, CARD_SURFACE_OPAQUE, TRACK_SURFACE, } from "./lib/card-classes.js";
+export { CAROUSEL_DOTS, CAROUSEL_VIEWPORT, type CarouselTransition, carouselDot, carouselItem, carouselTrack, } from "./lib/carousel-classes.js";
 export { glassToneText, toneTextMix } from "./lib/glass-tone.js";
 export { INPUT_CLASS, INPUT_SURFACE } from "./lib/input-classes.js";
 export { LOGO_DEFAULT_SIZE, LOGO_DEFAULT_SRC, LOGO_DEFAULT_SUB, LOGO_MARK_CLASS, LOGO_MARK_PX, LOGO_NAME_CLASS, LOGO_ROOT_CLASS, LOGO_SIZES, LOGO_STACK_CLASS, LOGO_SUB_CLASS, type LogoSize, } from "./lib/logo-lockup.js";

package/dist/index.js

@@ -1,13 +1,13 @@
-import { A as e, B as t, C as n, F as r, G as i, H as a, I as o, J as s, K as c, L as l, M as u, P as d, R as f, U as p, V as m, W as h, X as g, Y as _, Z as v, _ as y, a as b, b as x, c as S, d as C, f as w, g as T, h as E, i as D, j as O, l as k, m as A, n as j, o as M, p as N, q as P, r as F, s as I, t as L, u as R, v as z, x as B, y as V } from "./utils-gbdcvo14.js";
-import { createSignal as H, onCleanup as U, onMount as W } from "solid-js";
+import { $ as e, B as t, C as n, E as r, F as i, G as a, H as o, I as s, J as c, K as l, L as u, O as d, Q as f, S as p, T as m, U as h, V as g, X as _, Y as v, Z as y, _ as b, a as x, b as S, c as C, d as w, et as T, f as E, g as D, h as O, i as k, l as A, m as j, n as M, nt as N, o as P, p as F, q as I, r as L, s as R, t as z, tt as B, u as V, v as H, w as U, x as W, y as G, z as K } from "./utils-BLMzDBJk.js";
+import { createSignal as q, onCleanup as J, onMount as Y } from "solid-js";
 //#region src/lib/use-is-mobile.ts
-var G = 768;
-function K() {
-	let [e, t] = H(void 0);
-	return W(() => {
-		let e = window.matchMedia(`(max-width: ${G - 1}px)`), n = () => t(window.innerWidth < G);
-		e.addEventListener("change", n), t(window.innerWidth < G), U(() => e.removeEventListener("change", n));
+var X = 768;
+function Z() {
+	let [e, t] = q(void 0);
+	return Y(() => {
+		let e = window.matchMedia(`(max-width: ${X - 1}px)`), n = () => t(window.innerWidth < X);
+		e.addEventListener("change", n), t(window.innerWidth < X), J(() => e.removeEventListener("change", n));
 	}), e;
 }
 //#endregion
-export { t as ALERT_CLASS, m as ALERT_CONTENT_CLASS, a as ALERT_DESCRIPTION_CLASS, p as ALERT_ICON_BG_CLASS, h as ALERT_ICON_CLASS, i as ALERT_ICON_PATHS, c as ALERT_TITLE_CLASS, P as ALERT_TONES, r as BUTTON_DEFAULT_CLASS, o as BUTTON_OUTLINE_CLASS, n as CARD_BLUR, e as CARD_SURFACE, O as CARD_SURFACE_BASE, u as CARD_SURFACE_OPAQUE, l as ICON_BUTTON_CLASS, z as INPUT_CLASS, V as INPUT_SURFACE, S as LOGO_DEFAULT_SIZE, k as LOGO_DEFAULT_SRC, R as LOGO_DEFAULT_SUB, C as LOGO_MARK_CLASS, w as LOGO_MARK_PX, N as LOGO_NAME_CLASS, A as LOGO_ROOT_CLASS, E as LOGO_SIZES, T as LOGO_STACK_CLASS, y as LOGO_SUB_CLASS, M as OVERLAY_SURFACE, I as SCRIM_CLASS, j as SECTION_INNER_RADIUS, F as SECTION_OUTER_RADIUS, D as SECTION_PADDING, b as SECTION_ROW_CLASS, d as TRACK_SURFACE, s as alertBorder, _ as alertFill, g as alertIconBgStyle, v as alertIconFill, f as buttonVariants, L as cn, K as createIsMobile, x as glassToneText, B as toneTextMix };
+export { a as ALERT_CLASS, l as ALERT_CONTENT_CLASS, I as ALERT_DESCRIPTION_CLASS, c as ALERT_ICON_BG_CLASS, v as ALERT_ICON_CLASS, _ as ALERT_ICON_PATHS, y as ALERT_TITLE_CLASS, f as ALERT_TONES, t as BUTTON_DEFAULT_CLASS, g as BUTTON_OUTLINE_CLASS, d as CARD_BLUR, i as CARD_SURFACE, s as CARD_SURFACE_BASE, u as CARD_SURFACE_OPAQUE, p as CAROUSEL_DOTS, n as CAROUSEL_VIEWPORT, o as ICON_BUTTON_CLASS, H as INPUT_CLASS, G as INPUT_SURFACE, C as LOGO_DEFAULT_SIZE, A as LOGO_DEFAULT_SRC, V as LOGO_DEFAULT_SUB, w as LOGO_MARK_CLASS, E as LOGO_MARK_PX, F as LOGO_NAME_CLASS, j as LOGO_ROOT_CLASS, O as LOGO_SIZES, D as LOGO_STACK_CLASS, b as LOGO_SUB_CLASS, P as OVERLAY_SURFACE, R as SCRIM_CLASS, M as SECTION_INNER_RADIUS, L as SECTION_OUTER_RADIUS, k as SECTION_PADDING, x as SECTION_ROW_CLASS, K as TRACK_SURFACE, e as alertBorder, T as alertFill, B as alertIconBgStyle, N as alertIconFill, h as buttonVariants, U as carouselDot, m as carouselItem, r as carouselTrack, z as cn, Z as createIsMobile, S as glassToneText, W as toneTextMix };

package/dist/lib/carousel-classes.d.ts

@@ -0,0 +1,7 @@
+export type CarouselTransition = "slide" | "fade" | "wipe";
+export declare const CAROUSEL_VIEWPORT = "h-full overflow-hidden";
+/** Stacked modes put every slide in one grid cell; slide lays out a flex track. */
+export declare function carouselTrack(transition: CarouselTransition, orientation?: "horizontal" | "vertical"): string;
+export declare function carouselItem(transition: CarouselTransition, orientation?: "horizontal" | "vertical"): string;
+export declare const CAROUSEL_DOTS = "flex items-center justify-center gap-2";
+export declare function carouselDot(active: boolean): string;

package/dist/lib/carousel-init.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Client enhancement for astro/Carousel.astro. The markup is already in the
+ * server HTML; this only adds behaviour, so the slides stay visible (and
+ * indexable) if the script never runs.
+ *
+ * Emits `carousel:select` with `{ index }` so a host page can sync its own
+ * chrome (labels, lightboxes) without owning the carousel.
+ */
+export declare function initCarousels(root?: ParentNode): void;

package/dist/solid/carousel.d.ts

@@ -1,15 +1,21 @@
 import { type EmblaCarouselType, type EmblaOptionsType, type EmblaPluginType } from "embla-carousel";
 import { type Component, type ComponentProps, type ParentComponent } from "solid-js";
+import { type CarouselTransition } from "../lib/carousel-classes.js";
 import { Button } from "./button.js";
 type CarouselApi = EmblaCarouselType;
 declare const Carousel: ParentComponent<ComponentProps<"div"> & {
     opts?: EmblaOptionsType;
     plugins?: EmblaPluginType[];
     orientation?: "horizontal" | "vertical";
+    transition?: CarouselTransition;
+    /** Advance every N ms. Ignored under prefers-reduced-motion. */
+    autoplay?: number;
     setApi?: (api: CarouselApi) => void;
 }>;
 declare const CarouselContent: Component<ComponentProps<"div">>;
 declare const CarouselItem: Component<ComponentProps<"div">>;
+/** Slide indicators. Stays in sync with drag, autoplay, and prev/next alike. */
+declare const CarouselDots: Component<ComponentProps<"div">>;
 declare const CarouselPrevious: Component<ComponentProps<typeof Button>>;
 declare const CarouselNext: Component<ComponentProps<typeof Button>>;
-export { Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, };
+export { Carousel, type CarouselApi, CarouselContent, CarouselDots, CarouselItem, CarouselNext, CarouselPrevious, type CarouselTransition, };

package/dist/solid/icon-picker.d.ts

@@ -0,0 +1,14 @@
+export interface IconPickerProps {
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    class?: string;
+    /**
+     * Host-provided icon search. The design system carries no network or CSP
+     * policy of its own: dash proxies the Iconify API same-origin so its
+     * connect-src allowlist stays free of third-party origins. Without this the
+     * picker still works, showing the curated set only.
+     */
+    searchIcons?: (query: string, prefix: string) => Promise<string[]>;
+}
+export declare function IconPicker(props: IconPickerProps): import("solid-js").JSX.Element;

package/dist/solid/index.d.ts

@@ -13,8 +13,8 @@ export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, Breadcr
 export { Button, buttonVariants } from "./button.js";
 export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants, } from "./button-group.js";
 export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "./card.js";
-export type { CarouselApi } from "./carousel.js";
-export { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, } from "./carousel.js";
+export type { CarouselApi, CarouselTransition } from "./carousel.js";
+export { Carousel, CarouselContent, CarouselDots, CarouselItem, CarouselNext, CarouselPrevious, } from "./carousel.js";
 export { AreaChart, BarList, formatBytes, formatCompact, RangeToggle, StackedBar, } from "./charts.js";
 export { Checkbox } from "./checkbox.js";
 export { Collapsible, CollapsibleContent, CollapsibleTrigger, } from "./collapsible.js";
@@ -34,6 +34,7 @@ export { EntitySelector } from "./entity-selector.js";
 export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, } from "./field.js";
 export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField, } from "./form.js";
 export { HoverCard, HoverCardContent, HoverCardTrigger, } from "./hover-card.js";
+export { IconPicker, type IconPickerProps } from "./icon-picker.js";
 export { Input } from "./input.js";
 export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, } from "./input-group.js";
 export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, } from "./input-otp.js";
@@ -56,7 +57,7 @@ export { ScrollArea, ScrollBar } from "./scroll-area.js";
 export { type GlassSurface, SectionCard, SectionIcon, SectionLabel, SectionMeta, SectionRow, SectionRowSkeleton, SectionRowSkeletons, SectionSubtitle, SectionTitle, } from "./section-card.js";
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, } from "./select.js";
 export { Separator } from "./separator.js";
-export { LabeledField, LabeledInput, RowActions, SectionAddButton, SectionEmpty, SwitchRow, } from "./settings-row.js";
+export { LabeledField, LabeledIconPicker, LabeledInput, RowActions, SectionAddButton, SectionEmpty, SwitchRow, } from "./settings-row.js";
 export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, } from "./sheet.js";
 export { Skeleton } from "./skeleton.js";
 export { Slider } from "./slider.js";