soluid 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 misebox
+
+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,62 @@
+# soluid
+
+SolidJS component toolkit. Copy components into your project and own the code directly.
+
+## Install
+
+```sh
+npm install -D soluid
+```
+
+## CLI
+
+```sh
+npx soluid init     # creates soluid.config.json
+npx soluid add      # copies components into your project
+npx soluid list     # shows available components
+```
+
+## Config
+
+`soluid.config.json`
+
+```json
+{
+  "componentDir": "src/components/ui",
+  "alias": "@",
+  "aliasBase": "src",
+  "components": ["Button", "TextField", "Dialog"]
+}
+```
+
+## Setup
+
+Import soluid.css in your app's entry point:
+
+```tsx
+// src/index.tsx
+import "./components/ui/core/soluid.css";
+```
+
+Theme/density switching:
+
+```tsx
+document.documentElement.setAttribute("data-theme", "dark");
+document.documentElement.setAttribute("data-density", "dense");
+```
+
+## Components (32)
+
+| Category | Components |
+|---|---|
+| Layout | Stack, HStack, Divider, Spacer |
+| General | Button, IconButton, Badge, Tag, Tooltip |
+| Form | FormField, TextField, TextArea, NumberInput, Select, Checkbox, CheckboxGroup, RadioGroup, Switch |
+| Data | Table, Card, DescriptionList, Skeleton, EmptyState |
+| Feedback | Dialog, Drawer, Alert, Toast, Progress, Spinner |
+| Navigation | Tabs, Breadcrumb, Pagination, Menu |
+| Utility | VisuallyHidden, Popover |
+
+## Primitives (5)
+
+`createDisclosure`, `createFocusTrap`, `createToggle`, `createToast`, `createPagination`

package/dist/commands/add.js

@@ -0,0 +1,31 @@
+import { CONFIG_FILENAME, PROJECT_NAME, loadConfig, saveConfig } from "../config.js";
+import { registry } from "../registry.js";
+export function add(cwd, names) {
+    const config = loadConfig(cwd);
+    if (config === null) {
+        console.error(`${CONFIG_FILENAME} not found. Run: npx ${PROJECT_NAME} init`);
+        process.exit(1);
+        return;
+    }
+    const invalid = names.filter((name) => !registry[name]);
+    if (invalid.length > 0) {
+        console.error(`Unknown components: ${invalid.join(", ")}`);
+        process.exit(1);
+        return;
+    }
+    const existing = new Set(config.components);
+    const added = [];
+    for (const name of names) {
+        if (!existing.has(name)) {
+            config.components.push(name);
+            added.push(name);
+        }
+    }
+    if (added.length === 0) {
+        console.log("All specified components are already in config.");
+        return;
+    }
+    saveConfig(cwd, config);
+    console.log(`Added: ${added.join(", ")}`);
+    console.log(`\nRun: npx ${PROJECT_NAME} install`);
+}

package/dist/commands/init.js

@@ -0,0 +1,56 @@
+import * as fs from "node:fs";
+import * as path from "node:path";
+import * as readline from "node:readline";
+import { CONFIG_FILENAME, DEFAULT_CSS_FILENAME, PROJECT_NAME, findConfigPath, saveConfig } from "../config.js";
+import { allComponentNames } from "../registry.js";
+function prompt(question, defaultValue) {
+    const rl = readline.createInterface({ input: process.stdin, output: process.stdout });
+    return new Promise((resolve) => {
+        rl.question(`${question} (${defaultValue}) `, (answer) => {
+            rl.close();
+            resolve(answer.trim() || defaultValue);
+        });
+    });
+}
+function confirm(question) {
+    const rl = readline.createInterface({ input: process.stdin, output: process.stdout });
+    return new Promise((resolve) => {
+        rl.question(question, (answer) => {
+            rl.close();
+            resolve(answer.trim().toLowerCase() === "y");
+        });
+    });
+}
+export async function init(cwd) {
+    const configPath = findConfigPath(cwd);
+    if (fs.existsSync(configPath)) {
+        console.error(`${CONFIG_FILENAME} already exists. Delete it first to re-initialize.`);
+        process.exit(1);
+        return;
+    }
+    const pkgPath = path.join(cwd, "package.json");
+    if (!fs.existsSync(pkgPath)) {
+        const ok = await confirm("package.json not found. Continue anyway? (y/n) ");
+        if (!ok) {
+            console.log("Aborted.");
+            return;
+        }
+    }
+    const componentDir = await prompt("Component directory?", "src/components/ui");
+    const cssPath = await prompt("CSS path?", `src/styles/${DEFAULT_CSS_FILENAME}`);
+    const allNames = allComponentNames();
+    const config = {
+        componentDir,
+        alias: "",
+        aliasBase: "src",
+        cssPath,
+        components: allNames,
+    };
+    saveConfig(cwd, config);
+    console.log(`\nCreated ${CONFIG_FILENAME} with ${allNames.length} components.`);
+    console.log("");
+    console.log("Next steps:");
+    console.log(`  1. Run: npx ${PROJECT_NAME} install`);
+    console.log("  2. Import CSS in your entry point:");
+    console.log(`     import "./${cssPath.replace(/^src\//, "")}";`);
+}

package/dist/commands/install.js

@@ -0,0 +1,110 @@
+import * as fs from "node:fs";
+import { createRequire } from "node:module";
+import * as path from "node:path";
+import { Readable } from "node:stream";
+import { pipeline } from "node:stream/promises";
+import { createGunzip } from "node:zlib";
+import { Parser } from "tar";
+import { CONFIG_FILENAME, DEFAULT_CSS_FILENAME, PROJECT_NAME, loadConfig } from "../config.js";
+import { collectNpmDeps, registry, resolveDependencies } from "../registry.js";
+import { rewriteImports } from "../rewrite-imports.js";
+const RELEASE_URL = "https://github.com/misebox/soluid/releases/download";
+function getVersion() {
+    const require = createRequire(import.meta.url);
+    return require("../../package.json").componentsVersion;
+}
+function checkRateLimit(res) {
+    const remaining = res.headers.get("X-RateLimit-Remaining");
+    if (remaining !== null && parseInt(remaining, 10) <= 5) {
+        console.warn(`Warning: GitHub API rate limit low (${remaining} remaining)`);
+    }
+}
+async function fetchAndExtract(version) {
+    const url = `${RELEASE_URL}/components-v${version}/components.tar.gz`;
+    const res = await fetch(url);
+    if (!res.ok) {
+        throw new Error(`Failed to fetch components: ${res.status} ${res.statusText}\n  URL: ${url}`);
+    }
+    checkRateLimit(res);
+    const body = res.body;
+    if (!body)
+        throw new Error("Empty response body");
+    const files = new Map();
+    const nodeStream = Readable.fromWeb(body);
+    const gunzip = createGunzip();
+    const parser = new Parser({
+        onReadEntry(entry) {
+            if (entry.type === "File") {
+                const chunks = [];
+                entry.on("data", (chunk) => chunks.push(chunk));
+                entry.on("end", () => {
+                    let filePath = entry.path;
+                    if (filePath.startsWith("./"))
+                        filePath = filePath.slice(2);
+                    files.set(filePath, Buffer.concat(chunks).toString("utf-8"));
+                });
+            }
+            else {
+                entry.resume();
+            }
+        },
+    });
+    await pipeline(nodeStream, gunzip, parser);
+    return files;
+}
+export async function install(cwd) {
+    const config = loadConfig(cwd);
+    if (config === null) {
+        console.error(`${CONFIG_FILENAME} not found. Run: npx ${PROJECT_NAME} init\n`);
+        process.exit(1);
+        return;
+    }
+    if (config.components.length === 0) {
+        console.error("No components specified in config.");
+        process.exit(1);
+        return;
+    }
+    const invalid = config.components.filter((name) => !registry[name]);
+    if (invalid.length > 0) {
+        console.error(`Unknown components: ${invalid.join(", ")}`);
+        process.exit(1);
+        return;
+    }
+    const resolved = resolveDependencies(["core", ...config.components]);
+    const npmDeps = collectNpmDeps(resolved);
+    console.log(`Installing ${resolved.length} items (including dependencies):`);
+    const version = getVersion();
+    const archive = await fetchAndExtract(version);
+    const targetRoot = path.resolve(cwd, config.componentDir);
+    let copiedCount = 0;
+    for (const name of resolved) {
+        const entry = registry[name];
+        if (!entry)
+            continue;
+        for (const file of entry.files) {
+            const content = archive.get(file);
+            if (content === undefined) {
+                console.warn(`  SKIP (not in archive): ${file}`);
+                continue;
+            }
+            const destPath = file === `core/${DEFAULT_CSS_FILENAME}`
+                ? path.resolve(cwd, config.cssPath)
+                : path.join(targetRoot, file);
+            const destDir = path.dirname(destPath);
+            fs.mkdirSync(destDir, { recursive: true });
+            let output = content;
+            if (file.endsWith(".ts") || file.endsWith(".tsx")) {
+                output = rewriteImports(content, file, config);
+            }
+            fs.writeFileSync(destPath, output, "utf-8");
+            copiedCount++;
+        }
+        console.log(`  + ${name}`);
+    }
+    console.log(`\nCopied ${copiedCount} files to ${config.componentDir}/`);
+    if (npmDeps.length > 0) {
+        console.log("\nRequired npm packages:");
+        console.log(`  npm install ${npmDeps.join(" ")}`);
+    }
+    console.log("\nDone. Components are now in your project — edit freely.");
+}

package/dist/commands/list.js

@@ -0,0 +1,54 @@
+import * as fs from "node:fs";
+import * as path from "node:path";
+import { loadConfig } from "../config.js";
+import { allComponentNames, registry } from "../registry.js";
+export function list(cwd, filter) {
+    const config = loadConfig(cwd);
+    const allNames = allComponentNames();
+    // Determine which components are installed (files exist on disk)
+    const installed = new Set();
+    if (config) {
+        const targetRoot = path.resolve(cwd, config.componentDir);
+        for (const name of allNames) {
+            const entry = registry[name];
+            if (!entry)
+                continue;
+            const allExist = entry.files.every((file) => fs.existsSync(path.join(targetRoot, file)));
+            if (allExist)
+                installed.add(name);
+        }
+    }
+    // Group by category
+    const categories = new Map();
+    for (const name of allNames) {
+        const entry = registry[name];
+        if (!entry)
+            continue;
+        if (filter === "installed" && !installed.has(name))
+            continue;
+        if (filter === "not-installed" && installed.has(name))
+            continue;
+        const cat = entry.category === "primitives" ? "Primitives" : capitalize(entry.category);
+        if (!categories.has(cat))
+            categories.set(cat, []);
+        const list = categories.get(cat);
+        const status = installed.has(name) ? " [installed]" : "";
+        if (list)
+            list.push(`  ${name.padEnd(20)} ${entry.description}${status}`);
+    }
+    let count = 0;
+    for (const [cat, items] of categories) {
+        console.log(`\n  [${cat}]`);
+        for (const item of items) {
+            console.log(item);
+        }
+        count += items.length;
+    }
+    if (count === 0) {
+        console.log("  (none)");
+    }
+    console.log(`\n${count} component(s)`);
+}
+function capitalize(s) {
+    return s.charAt(0).toUpperCase() + s.slice(1);
+}

package/dist/commands/remove.js

@@ -0,0 +1,25 @@
+import { CONFIG_FILENAME, PROJECT_NAME, loadConfig, saveConfig } from "../config.js";
+export function remove(cwd, names) {
+    const config = loadConfig(cwd);
+    if (config === null) {
+        console.error(`${CONFIG_FILENAME} not found. Run: npx ${PROJECT_NAME} init`);
+        process.exit(1);
+        return;
+    }
+    const existing = new Set(config.components);
+    const removed = [];
+    for (const name of names) {
+        if (existing.has(name)) {
+            removed.push(name);
+        }
+    }
+    if (removed.length === 0) {
+        console.log("None of the specified components are in config.");
+        return;
+    }
+    const toRemove = new Set(removed);
+    config.components = config.components.filter((c) => !toRemove.has(c));
+    saveConfig(cwd, config);
+    console.log(`Removed: ${removed.join(", ")}`);
+    console.log(`\nRun: npx ${PROJECT_NAME} install`);
+}

package/dist/components/data/Card.d.ts

@@ -0,0 +1,22 @@
+import type { JSX } from "solid-js";
+import type { CommonProps } from "../../core/types";
+import "./Card.css";
+export interface CardProps extends CommonProps {
+    children: JSX.Element;
+}
+export interface CardHeaderProps {
+    class?: string;
+    children: JSX.Element;
+}
+export interface CardBodyProps {
+    class?: string;
+    children: JSX.Element;
+}
+export interface CardFooterProps {
+    class?: string;
+    children: JSX.Element;
+}
+export declare function Card(props: CardProps): JSX.Element;
+export declare function CardHeader(props: CardHeaderProps): JSX.Element;
+export declare function CardBody(props: CardBodyProps): JSX.Element;
+export declare function CardFooter(props: CardFooterProps): JSX.Element;

package/dist/components/data/DescriptionList.d.ts

@@ -0,0 +1,11 @@
+import type { JSX } from "solid-js";
+import type { CommonProps } from "../../core/types";
+import "./DescriptionList.css";
+export interface DescriptionListProps extends CommonProps {
+    items: Array<{
+        term: string;
+        description: JSX.Element;
+    }>;
+    columns?: 1 | 2;
+}
+export declare function DescriptionList(props: DescriptionListProps): JSX.Element;

package/dist/components/data/EmptyState.d.ts

@@ -0,0 +1,10 @@
+import type { JSX } from "solid-js";
+import type { CommonProps } from "../../core/types";
+import "./EmptyState.css";
+export interface EmptyStateProps extends CommonProps {
+    title: string;
+    description?: string;
+    icon?: JSX.Element;
+    action?: JSX.Element;
+}
+export declare function EmptyState(props: EmptyStateProps): JSX.Element;

package/dist/components/data/Skeleton.d.ts

@@ -0,0 +1,8 @@
+import type { CommonProps } from "../../core/types";
+import "./Skeleton.css";
+export interface SkeletonProps extends CommonProps {
+    variant?: "text" | "circle" | "rect";
+    width?: string;
+    height?: string;
+}
+export declare function Skeleton(props: SkeletonProps): import("solid-js").JSX.Element;

package/dist/components/data/Table.d.ts

@@ -0,0 +1,23 @@
+import type { JSX } from "solid-js";
+import type { CommonProps } from "../../core/types";
+import "./Table.css";
+export interface Column<T> {
+    key: string;
+    header: string;
+    width?: string;
+    sortable?: boolean;
+    align?: "start" | "center" | "end";
+    render?: (value: unknown, row: T) => JSX.Element;
+}
+export interface TableProps<T> extends CommonProps {
+    columns: Column<T>[];
+    data: T[];
+    sortKey?: string;
+    sortDirection?: "asc" | "desc";
+    onSort?: (key: string, direction: "asc" | "desc") => void;
+    selectable?: boolean;
+    selectedKeys?: Set<string>;
+    onSelect?: (keys: Set<string>) => void;
+    rowKey?: (row: T) => string;
+}
+export declare function Table<T extends Record<string, unknown>>(props: TableProps<T>): JSX.Element;

package/dist/components/data/index.d.ts

@@ -0,0 +1,10 @@
+export { Card, CardHeader, CardBody, CardFooter } from "./Card";
+export type { CardProps, CardHeaderProps, CardBodyProps, CardFooterProps } from "./Card";
+export { DescriptionList } from "./DescriptionList";
+export type { DescriptionListProps } from "./DescriptionList";
+export { Skeleton } from "./Skeleton";
+export type { SkeletonProps } from "./Skeleton";
+export { EmptyState } from "./EmptyState";
+export type { EmptyStateProps } from "./EmptyState";
+export { Table } from "./Table";
+export type { TableProps, Column } from "./Table";

package/dist/components/feedback/Alert.d.ts

@@ -0,0 +1,9 @@
+import type { JSX } from "solid-js";
+import type { CommonProps, FeedbackVariant } from "../../core/types";
+import "./Alert.css";
+export interface AlertProps extends CommonProps {
+    variant?: FeedbackVariant;
+    children: JSX.Element;
+    onDismiss?: () => void;
+}
+export declare function Alert(props: AlertProps): JSX.Element;

package/dist/components/feedback/Dialog.d.ts

@@ -0,0 +1,25 @@
+import type { JSX } from "solid-js";
+import type { CommonProps } from "../../core/types";
+import "./Dialog.css";
+export interface DialogProps extends CommonProps {
+    open: boolean;
+    onClose: () => void;
+    size?: "sm" | "md" | "lg";
+    children: JSX.Element;
+}
+export interface DialogHeaderProps {
+    class?: string;
+    children: JSX.Element;
+}
+export interface DialogBodyProps {
+    class?: string;
+    children: JSX.Element;
+}
+export interface DialogFooterProps {
+    class?: string;
+    children: JSX.Element;
+}
+export declare function Dialog(props: DialogProps): JSX.Element;
+export declare function DialogHeader(props: DialogHeaderProps): JSX.Element;
+export declare function DialogBody(props: DialogBodyProps): JSX.Element;
+export declare function DialogFooter(props: DialogFooterProps): JSX.Element;

package/dist/components/feedback/Drawer.d.ts

@@ -0,0 +1,11 @@
+import type { JSX } from "solid-js";
+import type { CommonProps } from "../../core/types";
+import "./Drawer.css";
+export interface DrawerProps extends CommonProps {
+    open: boolean;
+    onClose: () => void;
+    side?: "left" | "right";
+    size?: "sm" | "md" | "lg";
+    children: JSX.Element;
+}
+export declare function Drawer(props: DrawerProps): JSX.Element;

package/dist/components/feedback/Progress.d.ts

@@ -0,0 +1,8 @@
+import type { CommonProps, FeedbackVariant } from "../../core/types";
+import "./Progress.css";
+export interface ProgressProps extends CommonProps {
+    value: number;
+    variant?: FeedbackVariant;
+    size?: "sm" | "md";
+}
+export declare function Progress(props: ProgressProps): import("solid-js").JSX.Element;

package/dist/components/feedback/Spinner.d.ts

@@ -0,0 +1,7 @@
+import type { CommonProps } from "../../core/types";
+import "./Spinner.css";
+export interface SpinnerProps extends CommonProps {
+    size?: "sm" | "md" | "lg";
+    variant?: "primary" | "neutral";
+}
+export declare function Spinner(props: SpinnerProps): import("solid-js").JSX.Element;

package/dist/components/feedback/Toast.d.ts

@@ -0,0 +1,10 @@
+import type { ToastInput } from "../../primitives/createToast";
+import "./Toast.css";
+export interface ToastContainerProps {
+    position?: "top-right" | "top-center" | "bottom-right" | "bottom-center";
+}
+export declare function useToast(): {
+    add: (input: ToastInput) => string;
+    dismiss: (id: string) => void;
+};
+export declare function ToastContainer(props: ToastContainerProps): import("solid-js").JSX.Element;

package/dist/components/feedback/index.d.ts

@@ -0,0 +1,12 @@
+export { Dialog, DialogHeader, DialogBody, DialogFooter } from "./Dialog";
+export type { DialogProps, DialogHeaderProps, DialogBodyProps, DialogFooterProps } from "./Dialog";
+export { Drawer } from "./Drawer";
+export type { DrawerProps } from "./Drawer";
+export { Alert } from "./Alert";
+export type { AlertProps } from "./Alert";
+export { ToastContainer, useToast } from "./Toast";
+export type { ToastContainerProps } from "./Toast";
+export { Progress } from "./Progress";
+export type { ProgressProps } from "./Progress";
+export { Spinner } from "./Spinner";
+export type { SpinnerProps } from "./Spinner";

package/dist/components/form/Checkbox.d.ts

@@ -0,0 +1,14 @@
+import type { JSX } from "solid-js";
+import type { CommonProps } from "../../core/types";
+import "./Checkbox.css";
+export interface CheckboxProps extends CommonProps {
+    checked?: boolean;
+    onChange?: (checked: boolean) => void;
+    indeterminate?: boolean;
+    disabled?: boolean;
+    size?: "sm" | "md";
+    label?: string;
+    value?: string;
+    children?: JSX.Element;
+}
+export declare function Checkbox(props: CheckboxProps): JSX.Element;

package/dist/components/form/CheckboxGroup.d.ts

@@ -0,0 +1,10 @@
+import type { JSX } from "solid-js";
+import type { CommonProps } from "../../core/types";
+import "./CheckboxGroup.css";
+export interface CheckboxGroupProps extends CommonProps {
+    value?: string[];
+    onChange?: (value: string[]) => void;
+    label?: string;
+    children: JSX.Element;
+}
+export declare function CheckboxGroup(props: CheckboxGroupProps): JSX.Element;

package/dist/components/form/CheckboxGroupContext.d.ts

@@ -0,0 +1,6 @@
+export interface CheckboxGroupContextValue {
+    value: () => string[];
+    onChange: (itemValue: string, checked: boolean) => void;
+}
+export declare const CheckboxGroupContext: import("solid-js").Context<CheckboxGroupContextValue | undefined>;
+export declare function useCheckboxGroup(): CheckboxGroupContextValue | undefined;

package/dist/components/form/FormField.d.ts

@@ -0,0 +1,11 @@
+import type { JSX } from "solid-js";
+import type { CommonProps } from "../../core/types";
+import "./FormField.css";
+export interface FormFieldProps extends CommonProps {
+    label: string;
+    error?: string;
+    hint?: string;
+    required?: boolean;
+    children: JSX.Element;
+}
+export declare function FormField(props: FormFieldProps): JSX.Element;

package/dist/components/form/FormFieldContext.d.ts

@@ -0,0 +1,8 @@
+export interface FormFieldContextValue {
+    id: string;
+    errorId: string;
+    hintId: string;
+    hasError: boolean;
+}
+export declare const FormFieldContext: import("solid-js").Context<FormFieldContextValue | undefined>;
+export declare function useFormField(): FormFieldContextValue | undefined;

package/dist/components/form/NumberInput.d.ts

@@ -0,0 +1,15 @@
+import type { JSX } from "solid-js";
+import type { InteractiveProps } from "../../core/types";
+import "./NumberInput.css";
+export interface NumberInputProps extends InteractiveProps {
+    value?: number;
+    onInput?: (value: number) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    label: string;
+    error?: string;
+    hint?: string;
+    required?: boolean;
+}
+export declare function NumberInput(props: NumberInputProps): JSX.Element;

package/dist/components/form/RadioButton.d.ts

@@ -0,0 +1,10 @@
+import type { JSX } from "solid-js";
+import type { CommonProps } from "../../core/types";
+import "./RadioButton.css";
+export interface RadioButtonProps extends CommonProps {
+    value: string;
+    label?: string;
+    disabled?: boolean;
+    children?: JSX.Element;
+}
+export declare function RadioButton(props: RadioButtonProps): JSX.Element;

package/dist/components/form/RadioGroup.d.ts

@@ -0,0 +1,11 @@
+import type { JSX } from "solid-js";
+import type { CommonProps } from "../../core/types";
+import "./RadioGroup.css";
+export interface RadioGroupProps extends CommonProps {
+    value?: string;
+    onChange?: (value: string) => void;
+    name?: string;
+    label?: string;
+    children: JSX.Element;
+}
+export declare function RadioGroup(props: RadioGroupProps): JSX.Element;

package/dist/components/form/RadioGroupContext.d.ts

@@ -0,0 +1,7 @@
+export interface RadioGroupContextValue {
+    name: string;
+    value: () => string | undefined;
+    onChange: (value: string) => void;
+}
+export declare const RadioGroupContext: import("solid-js").Context<RadioGroupContextValue | undefined>;
+export declare function useRadioGroup(): RadioGroupContextValue | undefined;