@adea-ai/ui 0.60.4 → 0.61.1

package/dist/components/theme-preview.js

@@ -1,210 +0,0 @@
-import { className, createComponent, effect, insert, setStyleProperty, template } from "solid-js/web";
-//#region src/components/theme-preview.tsx
-var _tmpl$ = /*#__PURE__*/ template(`<span class="h-[5px] rounded-[3px]">`);
-var _tmpl$2 = /*#__PURE__*/ template(`<span data-theme-miniature aria-hidden=true><span class="flex h-full w-11 shrink-0 flex-col gap-[7px] px-2 pt-3.5"></span><span class="theme-preview-border my-2 mr-2 flex min-w-0 flex-1 flex-col gap-[7px] rounded-md border p-2.5">`);
-var _tmpl$3 = /*#__PURE__*/ template(`<span aria-hidden=true><span class="h-full w-1/2 overflow-hidden"></span><span class="h-full w-1/2 overflow-hidden">`);
-var _tmpl$4 = /*#__PURE__*/ template(`<span class="theme-preview-border flex h-[18px] w-[30px] shrink-0 overflow-hidden rounded-[5px] border"aria-hidden=true>`);
-var _tmpl$5 = /*#__PURE__*/ template(`<span class="h-full w-1/3">`);
-var _tmpl$6 = /*#__PURE__*/ template(`<span aria-hidden=true>`);
-var _tmpl$7 = /*#__PURE__*/ template(`<span class="w-1 rounded-[2px]">`);
-var cornerClass = {
-	all: "rounded-md",
-	left: "rounded-l-md",
-	right: "rounded-r-md"
-};
-/** The glyph-bar ramp in the accent default sample (donor bar heights). */
-var accentRamp = Object.freeze([
-	{
-		height: "13px",
-		opacity: "0.4"
-	},
-	{
-		height: "16px",
-		opacity: "0.7"
-	},
-	{
-		height: "11px",
-		opacity: "1"
-	}
-]);
-function Bar(props) {
-	return (() => {
-		var _el$ = _tmpl$();
-		effect((_p$) => {
-			var _v$ = `${Math.round(props.fraction * 100)}%`, _v$2 = props.color, _v$3 = props.opacity;
-			_v$ !== _p$.e && setStyleProperty(_el$, "width", _p$.e = _v$);
-			_v$2 !== _p$.t && setStyleProperty(_el$, "background-color", _p$.t = _v$2);
-			_v$3 !== _p$.a && setStyleProperty(_el$, "opacity", _p$.a = _v$3);
-			return _p$;
-		}, {
-			e: void 0,
-			t: void 0,
-			a: void 0
-		});
-		return _el$;
-	})();
-}
-/**
-* The sidebar-plus-pane miniature of the app chrome, painted from one
-* variant: a sidebar of text bars beside a bordered content pane. (Zeron
-* `miniature`; bar rhythm and opacities preserved.)
-*/
-function ThemeMiniature(props) {
-	const colors = () => props.variant.colors;
-	return (() => {
-		var _el$2 = _tmpl$2(), _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
-		insert(_el$3, createComponent(Bar, {
-			fraction: .7,
-			opacity: .34,
-			get color() {
-				return colors().foreground;
-			}
-		}), null);
-		insert(_el$3, createComponent(Bar, {
-			fraction: 1,
-			opacity: .22,
-			get color() {
-				return colors().foreground;
-			}
-		}), null);
-		insert(_el$3, createComponent(Bar, {
-			fraction: .85,
-			opacity: .22,
-			get color() {
-				return colors().foreground;
-			}
-		}), null);
-		insert(_el$3, createComponent(Bar, {
-			fraction: 1,
-			opacity: .22,
-			get color() {
-				return colors().foreground;
-			}
-		}), null);
-		insert(_el$4, createComponent(Bar, {
-			fraction: .62,
-			opacity: .34,
-			get color() {
-				return colors().foreground;
-			}
-		}), null);
-		insert(_el$4, createComponent(Bar, {
-			fraction: .88,
-			opacity: .22,
-			get color() {
-				return colors().foreground;
-			}
-		}), null);
-		insert(_el$4, createComponent(Bar, {
-			fraction: .76,
-			opacity: .22,
-			get color() {
-				return colors().foreground;
-			}
-		}), null);
-		insert(_el$4, createComponent(Bar, {
-			fraction: .52,
-			opacity: .22,
-			get color() {
-				return colors().foreground;
-			}
-		}), null);
-		effect((_p$) => {
-			var _v$4 = `flex h-full w-full overflow-hidden ${cornerClass[props.corners ?? "all"]} ${props.class ?? ""}`, _v$5 = colors().card, _v$6 = colors().background, _v$7 = colors().border;
-			_v$4 !== _p$.e && className(_el$2, _p$.e = _v$4);
-			_v$5 !== _p$.t && setStyleProperty(_el$2, "background-color", _p$.t = _v$5);
-			_v$6 !== _p$.a && setStyleProperty(_el$4, "background-color", _p$.a = _v$6);
-			_v$7 !== _p$.o && setStyleProperty(_el$4, "--preview-border", _p$.o = _v$7);
-			return _p$;
-		}, {
-			e: void 0,
-			t: void 0,
-			a: void 0,
-			o: void 0
-		});
-		return _el$2;
-	})();
-}
-/**
-* The System-mode card: the light and dark miniatures side by side, each
-* rounding only its outer corners. (Zeron `miniature_split`.)
-*/
-function ThemeMiniatureSplit(props) {
-	return (() => {
-		var _el$5 = _tmpl$3(), _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling;
-		insert(_el$6, createComponent(ThemeMiniature, {
-			get variant() {
-				return props.light;
-			},
-			corners: "left"
-		}));
-		insert(_el$7, createComponent(ThemeMiniature, {
-			get variant() {
-				return props.dark;
-			},
-			corners: "right"
-		}));
-		effect(() => className(_el$5, `flex h-full w-full ${props.class ?? ""}`));
-		return _el$5;
-	})();
-}
-/**
-* The compact palette strip in a theme picker row: surface, background, and
-* accent thirds behind the variant's border. (Zeron `palette_preview`.)
-*/
-function PalettePreview(props) {
-	const bands = () => [
-		props.variant.colors.card,
-		props.variant.colors.background,
-		props.variant.colors.primary
-	];
-	return (() => {
-		var _el$8 = _tmpl$4();
-		insert(_el$8, () => bands().map((band) => (() => {
-			var _el$9 = _tmpl$5();
-			setStyleProperty(_el$9, "background-color", band);
-			return _el$9;
-		})()));
-		effect((_$p) => setStyleProperty(_el$8, "--preview-border", props.variant.colors.border));
-		return _el$8;
-	})();
-}
-/**
-* The "Theme default" accent sample: the derived accent wash with a ramp of
-* foreground glyph bars. (Zeron's accent-wash swatch; Adea derives the wash
-* from the accent roles and paints the glyph ramp with foreground opacities.)
-*/
-function AccentDefaultSample(props) {
-	const accent = () => props.variant.colors.primary;
-	const foreground = () => props.variant.colors.foreground;
-	return (() => {
-		var _el$0 = _tmpl$6();
-		insert(_el$0, () => accentRamp.map((bar) => (() => {
-			var _el$1 = _tmpl$7();
-			effect((_p$) => {
-				var _v$0 = bar.height, _v$1 = foreground(), _v$10 = bar.opacity;
-				_v$0 !== _p$.e && setStyleProperty(_el$1, "height", _p$.e = _v$0);
-				_v$1 !== _p$.t && setStyleProperty(_el$1, "background-color", _p$.t = _v$1);
-				_v$10 !== _p$.a && setStyleProperty(_el$1, "opacity", _p$.a = _v$10);
-				return _p$;
-			}, {
-				e: void 0,
-				t: void 0,
-				a: void 0
-			});
-			return _el$1;
-		})()));
-		effect((_p$) => {
-			var _v$8 = `flex h-full w-full items-center justify-center gap-[2px] rounded-[6px] ${props.class ?? ""}`, _v$9 = `color-mix(in srgb, ${accent()} 16%, transparent)`;
-			_v$8 !== _p$.e && className(_el$0, _p$.e = _v$8);
-			_v$9 !== _p$.t && setStyleProperty(_el$0, "background-color", _p$.t = _v$9);
-			return _p$;
-		}, {
-			e: void 0,
-			t: void 0
-		});
-		return _el$0;
-	})();
-}
-//#endregion
-export { AccentDefaultSample, PalettePreview, ThemeMiniature, ThemeMiniatureSplit };

package/dist/components/theme-provider.d.ts

@@ -1,52 +0,0 @@
-import { type Accessor, type JSX, type ParentProps } from 'solid-js';
-import { type AppearanceMode, type AppearancePreferencesV2, type ResolvedAppearance } from './appearance';
-export type Theme = AppearanceMode;
-export type ResolvedTheme = ResolvedAppearance;
-export type { AppearanceMode, AppearancePreferencesV2, ResolvedAppearance } from './appearance';
-type ThemeContextValue = {
-    /** The persisted v2 appearance preferences. */
-    preferences: Accessor<AppearancePreferencesV2>;
-    /** Mode after combining the user choice with the OS report. */
-    resolvedMode: Accessor<ResolvedAppearance>;
-    /** The active theme variant id (`documentElement.dataset.theme`). */
-    variantId: Accessor<string>;
-    /** Surface after reduced-transparency and capability resolution. */
-    effectiveSurface: Accessor<'opaque' | 'frosted' | 'translucent'>;
-    /** True while the OS or the user forces opaque surfaces. */
-    reduceTransparencyActive: Accessor<boolean>;
-    /** Persist a field update immediately (Zeron's `SavePolicy::Immediate`). */
-    update: (patch: Partial<AppearancePreferencesV2>) => void;
-    /** Apply a draft against the visible app without persisting it. */
-    preview: (preferences: AppearancePreferencesV2 | undefined) => void;
-    /** Legacy single-mode seam (settings toggle and existing consumers). */
-    theme: Accessor<Theme>;
-    resolvedTheme: Accessor<ResolvedTheme>;
-    setTheme: (theme: Theme) => void;
-};
-type ThemeProviderProps = ParentProps<{
-    defaultTheme?: Theme;
-    disableTransitionOnChange?: boolean;
-    /**
-     * Whether the host window can render OS translucency. The web lane keeps
-     * the default `false` and renders tokenized frosted surfaces instead of
-     * pretending to OS vibrancy.
-     */
-    nativeTranslucency?: boolean;
-}>;
-/**
- * The shared Solid appearance provider. It owns the versioned appearance
- * preference (mode, independent light/dark themes, accent, surface) on top of
- * the contract the previous provider exposed to the token layer: a `dark`
- * class on the document element plus a `color-scheme` style, persisted in
- * `localStorage` and defaulting to the system preference. The legacy single
- * `theme` key migrates on read and is never deleted.
- */
-export declare function ThemeProvider(props: ThemeProviderProps): JSX.Element;
-export declare function useTheme(): ThemeContextValue;
-/**
- * Pre-paint appearance restore for server-rendered documents. Rendered in the
- * document head, it resolves the stored (or legacy) preference against the OS
- * and applies the palette before first paint so hydration never shows the
- * wrong theme.
- */
-export declare function ThemeScript(): JSX.Element;

package/dist/components/theme-provider.js

@@ -1,128 +0,0 @@
-import { DARK_QUERY, REDUCED_TRANSPARENCY_QUERY, appearanceThemeScript, applyAppearanceToDocument, defaultAppearancePreferences, readAppearancePreferences, resolveAppearanceState, writeAppearancePreferences } from "./appearance.js";
-import { createComponent, effect, template } from "solid-js/web";
-import { createContext, createEffect, createSignal, onCleanup, useContext } from "solid-js";
-//#region src/components/theme-provider.tsx
-var _tmpl$ = /*#__PURE__*/ template(`<script>`);
-var ThemeContext = createContext();
-function systemPrefersDark() {
-	return typeof window !== "undefined" && window.matchMedia("(prefers-color-scheme: dark)").matches;
-}
-function systemReducesTransparency() {
-	return typeof window !== "undefined" && window.matchMedia("(prefers-reduced-transparency: reduce)").matches;
-}
-/**
-* The shared Solid appearance provider. It owns the versioned appearance
-* preference (mode, independent light/dark themes, accent, surface) on top of
-* the contract the previous provider exposed to the token layer: a `dark`
-* class on the document element plus a `color-scheme` style, persisted in
-* `localStorage` and defaulting to the system preference. The legacy single
-* `theme` key migrates on read and is never deleted.
-*/
-function ThemeProvider(props) {
-	const storage = typeof window === "undefined" ? void 0 : window.localStorage;
-	const stored = readAppearancePreferences(storage);
-	const initial = stored === defaultAppearancePreferences && props.defaultTheme ? {
-		...stored,
-		mode: props.defaultTheme
-	} : stored;
-	const [preferences, setPreferences] = createSignal(initial);
-	const [prefersDark, setPrefersDark] = createSignal(systemPrefersDark());
-	const [osReducedTransparency, setOsReducedTransparency] = createSignal(systemReducesTransparency());
-	const nativeTranslucency = () => props.nativeTranslucency ?? false;
-	if (typeof window !== "undefined") {
-		const darkMedia = window.matchMedia(DARK_QUERY);
-		const onDarkChange = (event) => setPrefersDark(event.matches);
-		darkMedia.addEventListener("change", onDarkChange);
-		onCleanup(() => darkMedia.removeEventListener("change", onDarkChange));
-		const transparencyMedia = window.matchMedia(REDUCED_TRANSPARENCY_QUERY);
-		const onTransparencyChange = (event) => setOsReducedTransparency(event.matches);
-		transparencyMedia.addEventListener("change", onTransparencyChange);
-		onCleanup(() => transparencyMedia.removeEventListener("change", onTransparencyChange));
-	}
-	const resolvedState = () => resolveAppearanceState(preferences(), {
-		systemAppearance: prefersDark() ? "dark" : "light",
-		osReducedTransparency: osReducedTransparency(),
-		nativeTranslucency: nativeTranslucency()
-	});
-	const persist = (next) => {
-		setPreferences(next);
-		writeAppearancePreferences(storage, next);
-	};
-	createEffect(() => {
-		applyResolved(resolvedState(), props.disableTransitionOnChange ?? true);
-	});
-	const update = (patch) => {
-		persist({
-			...preferences(),
-			...patch
-		});
-	};
-	const preview = (draft) => {
-		if (!draft) {
-			applyResolved(resolvedState(), props.disableTransitionOnChange ?? true);
-			return;
-		}
-		applyResolved(resolveAppearanceState(draft, {
-			systemAppearance: prefersDark() ? "dark" : "light",
-			osReducedTransparency: osReducedTransparency(),
-			nativeTranslucency: nativeTranslucency()
-		}), props.disableTransitionOnChange ?? true);
-	};
-	const theme = () => preferences().mode;
-	const resolvedTheme = () => resolvedState().resolvedMode;
-	const setTheme = (next) => update({ mode: next });
-	return createComponent(ThemeContext.Provider, {
-		value: {
-			preferences,
-			resolvedMode: resolvedTheme,
-			variantId: () => resolvedState().variant.id,
-			effectiveSurface: () => resolvedState().effectiveSurface,
-			reduceTransparencyActive: () => resolvedState().reduceTransparencyActive,
-			update,
-			preview,
-			theme,
-			resolvedTheme,
-			setTheme
-		},
-		get children() {
-			return props.children;
-		}
-	});
-}
-/**
-* Applies the resolved theme to the document and suppresses transitions for the
-* frame that carries the change, so a theme switch cannot animate page-wide.
-*/
-function applyResolved(state, disableTransitionOnChange) {
-	if (typeof document === "undefined") return;
-	let restoreTransitions;
-	if (disableTransitionOnChange) {
-		const style = document.createElement("style");
-		style.appendChild(document.createTextNode("*{transition:none !important}"));
-		document.head.appendChild(style);
-		style.offsetHeight;
-		restoreTransitions = () => style.remove();
-	}
-	applyAppearanceToDocument(document, state);
-	if (restoreTransitions) requestAnimationFrame(() => requestAnimationFrame(() => restoreTransitions?.()));
-}
-function useTheme() {
-	const context = useContext(ThemeContext);
-	if (!context) throw new Error("useTheme must be used within a ThemeProvider.");
-	return context;
-}
-/**
-* Pre-paint appearance restore for server-rendered documents. Rendered in the
-* document head, it resolves the stored (or legacy) preference against the OS
-* and applies the palette before first paint so hydration never shows the
-* wrong theme.
-*/
-function ThemeScript() {
-	return (() => {
-		var _el$ = _tmpl$();
-		effect(() => _el$.innerHTML = appearanceThemeScript());
-		return _el$;
-	})();
-}
-//#endregion
-export { ThemeProvider, ThemeScript, useTheme };

package/dist/components/theme-swatch.d.ts

@@ -1,12 +0,0 @@
-import type { ThemeVariant } from './appearance';
-/** The three-dot preview for a theme variant (background, primary, card). */
-export declare function ThemeSwatch(props: {
-    class?: string;
-    variant: ThemeVariant;
-}): import("solid-js").JSX.Element;
-/** Single-color swatch (accent presets and custom accents). */
-export declare function ColorSwatch(props: {
-    class?: string;
-    color: string;
-    label: string;
-}): import("solid-js").JSX.Element;

package/dist/components/theme-swatch.js

@@ -1,66 +0,0 @@
-import { className, createComponent, effect, insert, setAttribute, setStyleProperty, template } from "solid-js/web";
-import { For } from "solid-js";
-//#region src/components/theme-swatch.tsx
-var _tmpl$ = /*#__PURE__*/ template(`<span aria-hidden=true>`);
-var _tmpl$2 = /*#__PURE__*/ template(`<span class=theme-swatch__dot>`);
-var _tmpl$3 = /*#__PURE__*/ template(`<span role=img><span class=theme-swatch__dot>`);
-/** The three-dot preview for a theme variant (background, primary, card). */
-function ThemeSwatch(props) {
-	const swatches = () => [
-		{
-			role: "Background",
-			color: props.variant.colors.background
-		},
-		{
-			role: "Primary",
-			color: props.variant.colors.primary
-		},
-		{
-			role: "Card",
-			color: props.variant.colors.card
-		}
-	];
-	return (() => {
-		var _el$ = _tmpl$();
-		insert(_el$, createComponent(For, {
-			get each() {
-				return swatches();
-			},
-			children: (swatch) => (() => {
-				var _el$2 = _tmpl$2();
-				effect((_p$) => {
-					var _v$ = swatch.role, _v$2 = swatch.color;
-					_v$ !== _p$.e && setAttribute(_el$2, "title", _p$.e = _v$);
-					_v$2 !== _p$.t && setStyleProperty(_el$2, "background-color", _p$.t = _v$2);
-					return _p$;
-				}, {
-					e: void 0,
-					t: void 0
-				});
-				return _el$2;
-			})()
-		}));
-		effect(() => className(_el$, props.class));
-		return _el$;
-	})();
-}
-/** Single-color swatch (accent presets and custom accents). */
-function ColorSwatch(props) {
-	return (() => {
-		var _el$3 = _tmpl$3(), _el$4 = _el$3.firstChild;
-		effect((_p$) => {
-			var _v$3 = props.class, _v$4 = props.label, _v$5 = props.color;
-			_v$3 !== _p$.e && className(_el$3, _p$.e = _v$3);
-			_v$4 !== _p$.t && setAttribute(_el$3, "aria-label", _p$.t = _v$4);
-			_v$5 !== _p$.a && setStyleProperty(_el$4, "background-color", _p$.a = _v$5);
-			return _p$;
-		}, {
-			e: void 0,
-			t: void 0,
-			a: void 0
-		});
-		return _el$3;
-	})();
-}
-//#endregion
-export { ColorSwatch, ThemeSwatch };

package/dist/components/theme-toggle.d.ts

@@ -1,7 +0,0 @@
-/**
- * Compact sun/moon theme selector. Wired to the shared theme provider so the
- * choice persists across the app (localStorage) and applies to every scene.
- */
-export declare function ThemeToggle(props: {
-    class?: string;
-}): import("solid-js").JSX.Element;

package/dist/components/theme-toggle.js

@@ -1,64 +0,0 @@
-import { cn } from "../lib/utils.js";
-import { Button } from "./ui/button.js";
-import { useTheme } from "./theme-provider.js";
-import { className, createComponent, effect, insert, template } from "solid-js/web";
-import { Monitor, Moon, Sun } from "lucide-solid";
-import { For } from "solid-js";
-//#region src/components/theme-toggle.tsx
-var _tmpl$ = /*#__PURE__*/ template(`<div role=radiogroup aria-label=Theme>`);
-var THEMES = [
-	{
-		value: "system",
-		label: "System theme",
-		icon: Monitor
-	},
-	{
-		value: "light",
-		label: "Light theme",
-		icon: Sun
-	},
-	{
-		value: "dark",
-		label: "Dark theme",
-		icon: Moon
-	}
-];
-/**
-* Compact sun/moon theme selector. Wired to the shared theme provider so the
-* choice persists across the app (localStorage) and applies to every scene.
-*/
-function ThemeToggle(props) {
-	const { theme, setTheme } = useTheme();
-	return (() => {
-		var _el$ = _tmpl$();
-		insert(_el$, createComponent(For, {
-			each: THEMES,
-			children: (option) => createComponent(Button, {
-				type: "button",
-				role: "radio",
-				get ["aria-checked"]() {
-					return theme() === option.value;
-				},
-				get ["aria-label"]() {
-					return option.label;
-				},
-				get variant() {
-					return theme() === option.value ? "default" : "ghost";
-				},
-				size: "icon-sm",
-				onClick: () => setTheme(option.value),
-				"class": "rounded-full",
-				get children() {
-					return createComponent(option.icon, {
-						"class": "size-4",
-						"aria-hidden": "true"
-					});
-				}
-			})
-		}));
-		effect(() => className(_el$, cn("inline-flex items-center gap-2 rounded-full border border-input bg-background p-2", props.class)));
-		return _el$;
-	})();
-}
-//#endregion
-export { ThemeToggle };

package/dist/components/ui/badge.d.ts

@@ -1,8 +0,0 @@
-import { type VariantProps } from 'class-variance-authority';
-import { type ComponentProps } from 'solid-js';
-declare const badgeVariants: (props?: ({
-    variant?: "default" | "outline" | "secondary" | "ghost" | "destructive" | "link" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-type BadgeProps = ComponentProps<'span'> & VariantProps<typeof badgeVariants>;
-declare function Badge(props: BadgeProps): import("solid-js").JSX.Element;
-export { Badge, badgeVariants, type BadgeProps };

package/dist/components/ui/badge.js

@@ -1,34 +0,0 @@
-import { cn } from "../../lib/utils.js";
-import { mergeProps, spread, template } from "solid-js/web";
-import { splitProps } from "solid-js";
-import { cva } from "class-variance-authority";
-//#region src/components/ui/badge.tsx
-var _tmpl$ = /*#__PURE__*/ template(`<span data-slot=badge>`);
-var badgeVariants = cva("group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!", {
-	variants: { variant: {
-		default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
-		secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
-		destructive: "bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20",
-		outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
-		ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
-		link: "text-primary underline-offset-4 hover:underline"
-	} },
-	defaultVariants: { variant: "default" }
-});
-function Badge(props) {
-	const [local, rest] = splitProps(props, ["class", "variant"]);
-	return (() => {
-		var _el$ = _tmpl$();
-		spread(_el$, mergeProps({
-			get ["data-variant"]() {
-				return local.variant ?? "default";
-			},
-			get ["class"]() {
-				return cn(badgeVariants({ variant: local.variant }), local.class);
-			}
-		}, rest), false, false);
-		return _el$;
-	})();
-}
-//#endregion
-export { Badge, badgeVariants };

package/dist/components/ui/button.d.ts

@@ -1,9 +0,0 @@
-import { type VariantProps } from 'class-variance-authority';
-import { type ComponentProps } from 'solid-js';
-declare const buttonVariants: (props?: ({
-    variant?: "default" | "outline" | "secondary" | "ghost" | "destructive" | "success" | "link" | null | undefined;
-    size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-type ButtonProps = ComponentProps<'button'> & VariantProps<typeof buttonVariants>;
-declare function Button(props: ButtonProps): import("solid-js").JSX.Element;
-export { Button, buttonVariants, type ButtonProps };

package/dist/components/ui/button.js

@@ -1,52 +0,0 @@
-import { cn } from "../../lib/utils.js";
-import { mergeProps, spread, template } from "solid-js/web";
-import { splitProps } from "solid-js";
-import { cva } from "class-variance-authority";
-//#region src/components/ui/button.tsx
-var _tmpl$ = /*#__PURE__*/ template(`<button data-slot=button>`);
-var buttonVariants = cva("group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
-	variants: {
-		variant: {
-			default: "bg-primary text-primary-foreground hover:bg-primary/80",
-			outline: "border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
-			secondary: "bg-secondary text-secondary-foreground hover:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)] aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
-			ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
-			destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
-			success: "bg-success/10 text-success hover:bg-success/20 focus-visible:border-success/40 focus-visible:ring-success/20 dark:bg-success/20 dark:hover:bg-success/30 dark:focus-visible:ring-success/40",
-			link: "text-primary underline-offset-4 hover:underline"
-		},
-		size: {
-			default: "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
-			xs: "h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
-			sm: "h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
-			lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
-			icon: "size-8",
-			"icon-xs": "size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
-			"icon-sm": "size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg",
-			"icon-lg": "size-9"
-		}
-	},
-	defaultVariants: {
-		variant: "default",
-		size: "default"
-	}
-});
-function Button(props) {
-	const [local, rest] = splitProps(props, [
-		"class",
-		"variant",
-		"size"
-	]);
-	return (() => {
-		var _el$ = _tmpl$();
-		spread(_el$, mergeProps({ get ["class"]() {
-			return cn(buttonVariants({
-				variant: local.variant,
-				size: local.size
-			}), local.class);
-		} }, rest), false, false);
-		return _el$;
-	})();
-}
-//#endregion
-export { Button, buttonVariants };

package/dist/components/ui/card.d.ts

@@ -1,4 +0,0 @@
-import { type ComponentProps } from 'solid-js';
-declare function Card(props: ComponentProps<'div'>): import("solid-js").JSX.Element;
-declare function CardContent(props: ComponentProps<'div'>): import("solid-js").JSX.Element;
-export { Card, CardContent };