soluid 0.1.1

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

@@ -0,0 +1,19 @@
+import type { JSX } from "solid-js";
+import type { InteractiveProps } from "../../core/types";
+import "./Select.css";
+export interface SelectOption<T extends string = string> {
+    value: T;
+    label: string;
+    disabled?: boolean;
+}
+export interface SelectProps<T extends string = string> extends InteractiveProps {
+    value?: T;
+    onChange?: (value: T) => void;
+    options: SelectOption<T>[];
+    placeholder?: string;
+    label: string;
+    error?: string;
+    hint?: string;
+    required?: boolean;
+}
+export declare function Select<T extends string = string>(props: SelectProps<T>): JSX.Element;

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

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

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

@@ -0,0 +1,15 @@
+import type { JSX } from "solid-js";
+import type { CommonProps } from "../../core/types";
+import "./TextArea.css";
+export interface TextAreaProps extends CommonProps {
+    value?: string;
+    onInput?: (value: string) => void;
+    placeholder?: string;
+    rows?: number;
+    disabled?: boolean;
+    label: string;
+    error?: string;
+    hint?: string;
+    required?: boolean;
+}
+export declare function TextArea(props: TextAreaProps): JSX.Element;

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

@@ -0,0 +1,14 @@
+import type { JSX } from "solid-js";
+import type { InteractiveProps } from "../../core/types";
+import "./TextField.css";
+export interface TextFieldProps extends InteractiveProps {
+    value?: string;
+    onInput?: (value: string) => void;
+    placeholder?: string;
+    type?: "text" | "email" | "password" | "url" | "tel";
+    label: string;
+    error?: string;
+    hint?: string;
+    required?: boolean;
+}
+export declare function TextField(props: TextFieldProps): JSX.Element;

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

@@ -0,0 +1,26 @@
+export { FormField } from "./FormField";
+export type { FormFieldProps } from "./FormField";
+export { FormFieldContext, useFormField } from "./FormFieldContext";
+export type { FormFieldContextValue } from "./FormFieldContext";
+export { TextField } from "./TextField";
+export type { TextFieldProps } from "./TextField";
+export { TextArea } from "./TextArea";
+export type { TextAreaProps } from "./TextArea";
+export { NumberInput } from "./NumberInput";
+export type { NumberInputProps } from "./NumberInput";
+export { Select } from "./Select";
+export type { SelectProps, SelectOption } from "./Select";
+export { Checkbox } from "./Checkbox";
+export type { CheckboxProps } from "./Checkbox";
+export { CheckboxGroup } from "./CheckboxGroup";
+export type { CheckboxGroupProps } from "./CheckboxGroup";
+export { CheckboxGroupContext, useCheckboxGroup } from "./CheckboxGroupContext";
+export type { CheckboxGroupContextValue } from "./CheckboxGroupContext";
+export { RadioGroup } from "./RadioGroup";
+export type { RadioGroupProps } from "./RadioGroup";
+export { RadioButton } from "./RadioButton";
+export type { RadioButtonProps } from "./RadioButton";
+export { RadioGroupContext, useRadioGroup } from "./RadioGroupContext";
+export type { RadioGroupContextValue } from "./RadioGroupContext";
+export { Switch } from "./Switch";
+export type { SwitchProps } from "./Switch";

package/dist/components/general/Badge.d.ts

@@ -0,0 +1,9 @@
+import type { JSX } from "solid-js";
+import type { CommonProps, Variant } from "../../core/types";
+import "./Badge.css";
+export interface BadgeProps extends CommonProps {
+    variant?: Variant;
+    size?: "sm" | "md";
+    children: JSX.Element;
+}
+export declare function Badge(props: BadgeProps & JSX.HTMLAttributes<HTMLSpanElement>): JSX.Element;

package/dist/components/general/Button.d.ts

@@ -0,0 +1,10 @@
+import type { JSX } from "solid-js";
+import type { VariantProps, ButtonVariant } from "../../core/types";
+import "./Button.css";
+export interface ButtonProps extends VariantProps<ButtonVariant> {
+    iconLeft?: JSX.Element;
+    iconRight?: JSX.Element;
+    loading?: boolean;
+    children: JSX.Element;
+}
+export declare function Button(props: ButtonProps & JSX.ButtonHTMLAttributes<HTMLButtonElement>): JSX.Element;

package/dist/components/general/IconButton.d.ts

@@ -0,0 +1,8 @@
+import type { JSX } from "solid-js";
+import type { VariantProps, ButtonVariant } from "../../core/types";
+import "./IconButton.css";
+export interface IconButtonProps extends VariantProps<ButtonVariant> {
+    icon: JSX.Element;
+    "aria-label": string;
+}
+export declare function IconButton(props: IconButtonProps & JSX.ButtonHTMLAttributes<HTMLButtonElement>): JSX.Element;

package/dist/components/general/Tag.d.ts

@@ -0,0 +1,10 @@
+import type { JSX } from "solid-js";
+import type { CommonProps, Variant } from "../../core/types";
+import "./Tag.css";
+export interface TagProps extends CommonProps {
+    variant?: Variant;
+    size?: "sm" | "md";
+    onRemove?: () => void;
+    children: JSX.Element;
+}
+export declare function Tag(props: TagProps & JSX.HTMLAttributes<HTMLSpanElement>): JSX.Element;

package/dist/components/general/Tooltip.d.ts

@@ -0,0 +1,6 @@
+import type { JSX } from "solid-js";
+export interface TooltipProps {
+    content?: string;
+    children: JSX.Element;
+}
+export declare function Tooltip(props: TooltipProps): JSX.Element;

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

@@ -0,0 +1,10 @@
+export { Button } from "./Button";
+export type { ButtonProps } from "./Button";
+export { IconButton } from "./IconButton";
+export type { IconButtonProps } from "./IconButton";
+export { Badge } from "./Badge";
+export type { BadgeProps } from "./Badge";
+export { Tag } from "./Tag";
+export type { TagProps } from "./Tag";
+export { Tooltip } from "./Tooltip";
+export type { TooltipProps } from "./Tooltip";

package/dist/components/layout/Divider.d.ts

@@ -0,0 +1,7 @@
+import type { JSX } from "solid-js";
+import type { CommonProps } from "../../core/types";
+import "./Divider.css";
+export interface DividerProps extends CommonProps {
+    orientation?: "horizontal" | "vertical";
+}
+export declare function Divider(props: DividerProps & JSX.HTMLAttributes<HTMLHRElement>): JSX.Element;

package/dist/components/layout/HStack.d.ts

@@ -0,0 +1,10 @@
+import type { JSX } from "solid-js";
+import type { CommonProps } from "../../core/types";
+import "./HStack.css";
+export interface HStackProps extends CommonProps {
+    gap?: 1 | 2 | 3 | 4 | 5 | 6;
+    align?: "start" | "center" | "end" | "stretch";
+    wrap?: boolean;
+    children: JSX.Element;
+}
+export declare function HStack(props: HStackProps & JSX.HTMLAttributes<HTMLDivElement>): JSX.Element;

package/dist/components/layout/Spacer.d.ts

@@ -0,0 +1,3 @@
+import type { JSX } from "solid-js";
+import "./Spacer.css";
+export declare function Spacer(props: JSX.HTMLAttributes<HTMLDivElement>): JSX.Element;

package/dist/components/layout/Stack.d.ts

@@ -0,0 +1,9 @@
+import type { JSX } from "solid-js";
+import type { CommonProps } from "../../core/types";
+import "./Stack.css";
+export interface StackProps extends CommonProps {
+    gap?: 1 | 2 | 3 | 4 | 5 | 6;
+    align?: "start" | "center" | "end" | "stretch";
+    children: JSX.Element;
+}
+export declare function Stack(props: StackProps & JSX.HTMLAttributes<HTMLDivElement>): JSX.Element;

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

@@ -0,0 +1,7 @@
+export { Stack } from "./Stack";
+export type { StackProps } from "./Stack";
+export { HStack } from "./HStack";
+export type { HStackProps } from "./HStack";
+export { Divider } from "./Divider";
+export type { DividerProps } from "./Divider";
+export { Spacer } from "./Spacer";

package/dist/components/navigation/Breadcrumb.d.ts

@@ -0,0 +1,14 @@
+import type { JSX } from "solid-js";
+import type { CommonProps } from "../../core/types";
+import "./Breadcrumb.css";
+export interface BreadcrumbProps extends CommonProps {
+    children: JSX.Element;
+}
+export interface BreadcrumbItemProps {
+    href?: string;
+    current?: boolean;
+    class?: string;
+    children: JSX.Element;
+}
+export declare function Breadcrumb(props: BreadcrumbProps): JSX.Element;
+export declare function BreadcrumbItem(props: BreadcrumbItemProps): JSX.Element;

package/dist/components/navigation/Menu.d.ts

@@ -0,0 +1,7 @@
+import type { JSX } from "solid-js";
+import type { CommonProps } from "../../core/types";
+export interface MenuProps extends CommonProps {
+    children: JSX.Element;
+}
+/** Placeholder: full implementation requires Popover integration */
+export declare function Menu(props: MenuProps): JSX.Element;

package/dist/components/navigation/Pagination.d.ts

@@ -0,0 +1,9 @@
+import type { CommonProps } from "../../core/types";
+import "./Pagination.css";
+export interface PaginationProps extends CommonProps {
+    page: number;
+    totalPages: number;
+    onChange: (page: number) => void;
+    size?: "sm" | "md";
+}
+export declare function Pagination(props: PaginationProps): import("solid-js").JSX.Element;

package/dist/components/navigation/Tabs.d.ts

@@ -0,0 +1,27 @@
+import type { JSX } from "solid-js";
+import type { CommonProps } from "../../core/types";
+import "./Tabs.css";
+export interface TabsProps extends CommonProps {
+    value: string;
+    onChange: (value: string) => void;
+    children: JSX.Element;
+}
+export interface TabListProps {
+    class?: string;
+    children: JSX.Element;
+}
+export interface TabProps {
+    value: string;
+    disabled?: boolean;
+    class?: string;
+    children: JSX.Element;
+}
+export interface TabPanelProps {
+    value: string;
+    class?: string;
+    children: JSX.Element;
+}
+export declare function Tabs(props: TabsProps): JSX.Element;
+export declare function TabList(props: TabListProps): JSX.Element;
+export declare function Tab(props: TabProps): JSX.Element;
+export declare function TabPanel(props: TabPanelProps): JSX.Element;

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

@@ -0,0 +1,8 @@
+export { Tabs, TabList, Tab, TabPanel } from "./Tabs";
+export type { TabsProps, TabListProps, TabProps, TabPanelProps } from "./Tabs";
+export { Breadcrumb, BreadcrumbItem } from "./Breadcrumb";
+export type { BreadcrumbProps, BreadcrumbItemProps } from "./Breadcrumb";
+export { Pagination } from "./Pagination";
+export type { PaginationProps } from "./Pagination";
+export { Menu } from "./Menu";
+export type { MenuProps } from "./Menu";

package/dist/components/utility/Popover.d.ts

@@ -0,0 +1,7 @@
+import type { JSX } from "solid-js";
+import type { CommonProps } from "../../core/types";
+export interface PopoverProps extends CommonProps {
+    children: JSX.Element;
+}
+/** Placeholder: full implementation requires floating-ui integration */
+export declare function Popover(props: PopoverProps): JSX.Element;

package/dist/components/utility/VisuallyHidden.d.ts

@@ -0,0 +1,6 @@
+import type { JSX } from "solid-js";
+import "./VisuallyHidden.css";
+export interface VisuallyHiddenProps {
+    children: JSX.Element;
+}
+export declare function VisuallyHidden(props: VisuallyHiddenProps): JSX.Element;

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

@@ -0,0 +1,4 @@
+export { VisuallyHidden } from "./VisuallyHidden";
+export type { VisuallyHiddenProps } from "./VisuallyHidden";
+export { Popover } from "./Popover";
+export type { PopoverProps } from "./Popover";

package/dist/config.js

@@ -0,0 +1,26 @@
+import * as fs from "node:fs";
+import * as path from "node:path";
+export const PROJECT_NAME = "soluid";
+export const CONFIG_FILENAME = `${PROJECT_NAME}.config.json`;
+export const DEFAULT_CSS_FILENAME = `${PROJECT_NAME}.css`;
+export const defaultConfig = {
+    componentDir: "src/components/ui",
+    alias: "",
+    aliasBase: "src",
+    cssPath: `src/styles/${DEFAULT_CSS_FILENAME}`,
+    components: [],
+};
+export function findConfigPath(cwd) {
+    return path.join(cwd, CONFIG_FILENAME);
+}
+export function loadConfig(cwd) {
+    const configPath = findConfigPath(cwd);
+    if (!fs.existsSync(configPath))
+        return null;
+    const raw = fs.readFileSync(configPath, "utf-8");
+    return JSON.parse(raw);
+}
+export function saveConfig(cwd, config) {
+    const configPath = findConfigPath(cwd);
+    fs.writeFileSync(configPath, JSON.stringify(config, null, 2) + "\n", "utf-8");
+}

package/dist/core/SouiProvider.d.ts

@@ -0,0 +1,7 @@
+import type { JSX } from "solid-js";
+import type { ThemeConfig } from "./types";
+export interface SouiProviderProps {
+    config?: ThemeConfig;
+    children: JSX.Element;
+}
+export declare function SouiProvider(props: SouiProviderProps): JSX.Element;

package/dist/core/context.d.ts

@@ -0,0 +1,6 @@
+import type { DateFormatConfig } from "./types";
+export interface SouiContextValue {
+    dateFormat: DateFormatConfig;
+}
+export declare const SouiContext: import("solid-js").Context<SouiContextValue>;
+export declare function useSoui(): SouiContextValue;

package/dist/core/index.d.ts

@@ -0,0 +1,6 @@
+export { SouiProvider } from "./SouiProvider";
+export type { SouiProviderProps } from "./SouiProvider";
+export { SouiContext, useSoui } from "./context";
+export type { SouiContextValue } from "./context";
+export { createTheme } from "./theme";
+export type { Density, Size, Variant, ButtonVariant, FeedbackVariant, CommonProps, InteractiveProps, VariantProps, ColorDefinition, DateFormatConfig, ThemeConfig, DataAttributes, HTMLProps, } from "./types";

package/dist/core/theme.d.ts

@@ -0,0 +1,7 @@
+import type { ColorDefinition } from "./types";
+interface ThemeResult {
+    cssText: string;
+    warnings: string[];
+}
+export declare function createTheme(colors: ColorDefinition[]): ThemeResult;
+export {};

package/dist/core/types.d.ts

@@ -0,0 +1,35 @@
+import type { JSX } from "solid-js";
+export type Density = "normal" | "dense";
+export type Size = "sm" | "md" | "lg";
+export type Variant = "primary" | "neutral" | "danger" | "success" | "warning" | "info";
+export type ButtonVariant = Extract<Variant, "primary" | "neutral" | "danger">;
+export type FeedbackVariant = Extract<Variant, "success" | "danger" | "warning" | "info">;
+export interface CommonProps {
+    class?: string;
+    density?: Density;
+}
+export interface InteractiveProps extends CommonProps {
+    disabled?: boolean;
+    size?: Size;
+}
+export interface VariantProps<V extends string = Variant> extends InteractiveProps {
+    variant?: V;
+}
+export interface ColorDefinition {
+    name: string;
+    base: string;
+}
+export type { Locale } from "date-fns";
+import type { Locale } from "date-fns";
+export interface DateFormatConfig {
+    displayFormat: string;
+    locale?: Locale;
+}
+export interface ThemeConfig {
+    density?: Density;
+    theme?: "light" | "dark";
+    dateFormat?: DateFormatConfig;
+    colors?: ColorDefinition[];
+}
+export type DataAttributes = Record<`data-${string}`, string | undefined>;
+export type HTMLProps<T extends HTMLElement = HTMLElement> = JSX.HTMLAttributes<T>;

package/dist/core/utils.d.ts

@@ -0,0 +1,2 @@
+/** Join class names, filtering out falsy values */
+export declare function cls(...classes: (string | false | null | undefined)[]): string;

package/dist/dev/App.d.ts

@@ -0,0 +1,3 @@
+import "../core/tokens.css";
+import "./catalog.css";
+export declare function App(): import("solid-js").JSX.Element;

package/dist/dev/index.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/index.css

@@ -0,0 +1 @@
+.soui-stack{display:flex;flex-direction:column}.soui-stack--gap-1{gap:var(--soui-space-1)}.soui-stack--gap-2{gap:var(--soui-space-2)}.soui-stack--gap-3{gap:var(--soui-space-3)}.soui-stack--gap-4{gap:var(--soui-space-4)}.soui-stack--gap-5{gap:var(--soui-space-5)}.soui-stack--gap-6{gap:var(--soui-space-6)}.soui-stack--align-start{align-items:flex-start}.soui-stack--align-center{align-items:center}.soui-stack--align-end{align-items:flex-end}.soui-stack--align-stretch{align-items:stretch}.soui-hstack{display:flex;flex-direction:row}.soui-hstack--wrap{flex-wrap:wrap}.soui-hstack--gap-1{gap:var(--soui-space-1)}.soui-hstack--gap-2{gap:var(--soui-space-2)}.soui-hstack--gap-3{gap:var(--soui-space-3)}.soui-hstack--gap-4{gap:var(--soui-space-4)}.soui-hstack--gap-5{gap:var(--soui-space-5)}.soui-hstack--gap-6{gap:var(--soui-space-6)}.soui-hstack--align-start{align-items:flex-start}.soui-hstack--align-center{align-items:center}.soui-hstack--align-end{align-items:flex-end}.soui-hstack--align-stretch{align-items:stretch}.soui-divider{border:none;margin:0}.soui-divider--horizontal{width:100%;height:1px;background-color:var(--soui-border)}.soui-divider--vertical{width:1px;align-self:stretch;background-color:var(--soui-border)}.soui-spacer{flex:1}.soui-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--soui-space-2);border:1px solid transparent;border-radius:var(--soui-radius);font-family:inherit;font-weight:500;line-height:var(--soui-line-height);cursor:pointer;transition:background-color .15s,border-color .15s,color .15s;white-space:nowrap;-webkit-user-select:none;user-select:none}.soui-button:disabled{opacity:.5;cursor:not-allowed}.soui-button--sm{height:var(--soui-control-height-sm);padding:0 var(--soui-space-3);font-size:var(--soui-font-size-sm)}.soui-button--md{height:var(--soui-control-height-md);padding:0 var(--soui-space-4);font-size:var(--soui-font-size-md)}.soui-button--lg{height:var(--soui-control-height-lg);padding:0 var(--soui-space-5);font-size:var(--soui-font-size-lg)}.soui-button--primary{background-color:var(--soui-color-primary-base);color:var(--soui-color-primary-fg)}.soui-button--primary:hover:not(:disabled){background-color:var(--soui-color-primary-hover)}.soui-button--primary:active:not(:disabled){background-color:var(--soui-color-primary-active)}.soui-button--neutral{background-color:transparent;color:var(--soui-text);border-color:var(--soui-color-neutral-border)}.soui-button--neutral:hover:not(:disabled){background-color:var(--soui-color-neutral-subtle)}.soui-button--neutral:active:not(:disabled){background-color:var(--soui-color-neutral-border)}.soui-button--danger{background-color:var(--soui-color-danger-base);color:var(--soui-color-danger-fg)}.soui-button--danger:hover:not(:disabled){background-color:var(--soui-color-danger-hover)}.soui-button--danger:active:not(:disabled){background-color:var(--soui-color-danger-active)}.soui-button--loading{position:relative;color:transparent;pointer-events:none}.soui-button__spinner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.soui-button__spinner:after{content:"";width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:soui-button-spin .6s linear infinite}@keyframes soui-button-spin{to{transform:rotate(360deg)}}.soui-button--loading.soui-button--primary .soui-button__spinner,.soui-button--loading.soui-button--danger .soui-button__spinner{color:var(--soui-color-primary-fg)}.soui-button--loading.soui-button--neutral .soui-button__spinner{color:var(--soui-text)}.soui-button__icon{display:inline-flex;align-items:center;flex-shrink:0}.soui-icon-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--soui-radius);font-family:inherit;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s;-webkit-user-select:none;user-select:none;padding:0}.soui-icon-button:disabled{opacity:.5;cursor:not-allowed}.soui-icon-button--sm{width:var(--soui-control-height-sm);height:var(--soui-control-height-sm);font-size:var(--soui-font-size-sm)}.soui-icon-button--md{width:var(--soui-control-height-md);height:var(--soui-control-height-md);font-size:var(--soui-font-size-md)}.soui-icon-button--lg{width:var(--soui-control-height-lg);height:var(--soui-control-height-lg);font-size:var(--soui-font-size-lg)}.soui-icon-button--primary{background-color:var(--soui-color-primary-base);color:var(--soui-color-primary-fg)}.soui-icon-button--primary:hover:not(:disabled){background-color:var(--soui-color-primary-hover)}.soui-icon-button--primary:active:not(:disabled){background-color:var(--soui-color-primary-active)}.soui-icon-button--neutral{background-color:transparent;color:var(--soui-text);border-color:var(--soui-color-neutral-border)}.soui-icon-button--neutral:hover:not(:disabled){background-color:var(--soui-color-neutral-subtle)}.soui-icon-button--neutral:active:not(:disabled){background-color:var(--soui-color-neutral-border)}.soui-icon-button--danger{background-color:var(--soui-color-danger-base);color:var(--soui-color-danger-fg)}.soui-icon-button--danger:hover:not(:disabled){background-color:var(--soui-color-danger-hover)}.soui-icon-button--danger:active:not(:disabled){background-color:var(--soui-color-danger-active)}.soui-badge{display:inline-flex;align-items:center;border-radius:var(--soui-radius);font-weight:500;line-height:1;white-space:nowrap}.soui-badge--sm{padding:var(--soui-space-1) var(--soui-space-2);font-size:var(--soui-font-size-sm)}.soui-badge--md{padding:var(--soui-space-1) var(--soui-space-3);font-size:var(--soui-font-size-md)}.soui-badge--primary{background-color:var(--soui-color-primary-subtle);color:var(--soui-color-primary-subtle-fg)}.soui-badge--neutral{background-color:var(--soui-color-neutral-subtle);color:var(--soui-color-neutral-subtle-fg)}.soui-badge--danger{background-color:var(--soui-color-danger-subtle);color:var(--soui-color-danger-subtle-fg)}.soui-badge--success{background-color:var(--soui-color-success-subtle);color:var(--soui-color-success-subtle-fg)}.soui-badge--warning{background-color:var(--soui-color-warning-subtle);color:var(--soui-color-warning-subtle-fg)}.soui-badge--info{background-color:var(--soui-color-info-subtle);color:var(--soui-color-info-subtle-fg)}.soui-tag{display:inline-flex;align-items:center;gap:var(--soui-space-1);border-radius:var(--soui-radius);font-weight:500;line-height:1;white-space:nowrap}.soui-tag--sm{padding:var(--soui-space-1) var(--soui-space-2);font-size:var(--soui-font-size-sm)}.soui-tag--md{padding:var(--soui-space-1) var(--soui-space-3);font-size:var(--soui-font-size-md)}.soui-tag--primary{background-color:var(--soui-color-primary-subtle);color:var(--soui-color-primary-subtle-fg)}.soui-tag--neutral{background-color:var(--soui-color-neutral-subtle);color:var(--soui-color-neutral-subtle-fg)}.soui-tag--danger{background-color:var(--soui-color-danger-subtle);color:var(--soui-color-danger-subtle-fg)}.soui-tag--success{background-color:var(--soui-color-success-subtle);color:var(--soui-color-success-subtle-fg)}.soui-tag--warning{background-color:var(--soui-color-warning-subtle);color:var(--soui-color-warning-subtle-fg)}.soui-tag--info{background-color:var(--soui-color-info-subtle);color:var(--soui-color-info-subtle-fg)}.soui-tag__remove{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;padding:0;border:none;background:none;color:inherit;cursor:pointer;border-radius:2px;opacity:.7;transition:opacity .15s;font-size:inherit;line-height:1}.soui-tag__remove:hover{opacity:1}.soui-form-field{display:flex;flex-direction:column;gap:var(--soui-space-1)}.soui-form-field__label{font-size:var(--soui-font-size-sm);font-weight:500;color:var(--soui-text);line-height:var(--soui-line-height)}.soui-form-field__required{color:var(--soui-color-danger-base);margin-left:var(--soui-space-1)}.soui-form-field__hint{font-size:var(--soui-font-size-sm);color:var(--soui-text-muted);margin:0;line-height:var(--soui-line-height)}.soui-form-field__error{font-size:var(--soui-font-size-sm);color:var(--soui-color-danger-base);margin:0;line-height:var(--soui-line-height)}.soui-text-field__input{width:100%;border:1px solid var(--soui-border);border-radius:var(--soui-radius);background-color:var(--soui-bg);color:var(--soui-text);font-family:inherit;line-height:var(--soui-line-height);transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.soui-text-field__input::placeholder{color:var(--soui-text-muted)}.soui-text-field__input:focus{outline:none;border-color:var(--soui-ring);box-shadow:0 0 0 1px var(--soui-ring)}.soui-text-field__input:disabled{opacity:.5;cursor:not-allowed}.soui-text-field__input[aria-invalid=true]{border-color:var(--soui-color-danger-base)}.soui-text-field__input[aria-invalid=true]:focus{border-color:var(--soui-color-danger-base);box-shadow:0 0 0 1px var(--soui-color-danger-base)}.soui-text-field__input--sm{height:var(--soui-control-height-sm);padding:0 var(--soui-space-2);font-size:var(--soui-font-size-sm)}.soui-text-field__input--md{height:var(--soui-control-height-md);padding:0 var(--soui-space-3);font-size:var(--soui-font-size-md)}.soui-text-field__input--lg{height:var(--soui-control-height-lg);padding:0 var(--soui-space-4);font-size:var(--soui-font-size-lg)}.soui-textarea__input{width:100%;border:1px solid var(--soui-border);border-radius:var(--soui-radius);background-color:var(--soui-bg);color:var(--soui-text);font-family:inherit;font-size:var(--soui-font-size-md);line-height:var(--soui-line-height);padding:var(--soui-space-2) var(--soui-space-3);resize:vertical;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.soui-textarea__input::placeholder{color:var(--soui-text-muted)}.soui-textarea__input:focus{outline:none;border-color:var(--soui-ring);box-shadow:0 0 0 1px var(--soui-ring)}.soui-textarea__input:disabled{opacity:.5;cursor:not-allowed}.soui-textarea__input[aria-invalid=true]{border-color:var(--soui-color-danger-base)}.soui-textarea__input[aria-invalid=true]:focus{border-color:var(--soui-color-danger-base);box-shadow:0 0 0 1px var(--soui-color-danger-base)}.soui-number-input{display:inline-flex;align-items:center;border:1px solid var(--soui-border);border-radius:var(--soui-radius);background-color:var(--soui-bg);overflow:hidden;transition:border-color .15s,box-shadow .15s;width:100%}.soui-number-input:focus-within{border-color:var(--soui-ring);box-shadow:0 0 0 1px var(--soui-ring)}.soui-number-input:has([aria-invalid=true]){border-color:var(--soui-color-danger-base)}.soui-number-input:has([aria-invalid=true]):focus-within{border-color:var(--soui-color-danger-base);box-shadow:0 0 0 1px var(--soui-color-danger-base)}.soui-number-input__input{flex:1;min-width:0;border:none;background:transparent;color:var(--soui-text);font-family:inherit;text-align:center;line-height:var(--soui-line-height);-moz-appearance:textfield;box-sizing:border-box}.soui-number-input__input::-webkit-inner-spin-button,.soui-number-input__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.soui-number-input__input:focus{outline:none}.soui-number-input__input:disabled{opacity:.5;cursor:not-allowed}.soui-number-input__button{display:inline-flex;align-items:center;justify-content:center;border:none;background-color:var(--soui-color-neutral-subtle);color:var(--soui-text);font-family:inherit;font-weight:600;cursor:pointer;flex-shrink:0;-webkit-user-select:none;user-select:none;transition:background-color .15s}.soui-number-input__button:hover:not(:disabled){background-color:var(--soui-color-neutral-border)}.soui-number-input__button:active:not(:disabled){background-color:var(--soui-color-neutral-active);color:var(--soui-color-neutral-fg)}.soui-number-input__button:disabled{opacity:.5;cursor:not-allowed}.soui-number-input--sm{height:var(--soui-control-height-sm)}.soui-number-input--sm .soui-number-input__input{font-size:var(--soui-font-size-sm)}.soui-number-input--sm .soui-number-input__button{width:var(--soui-control-height-sm);font-size:var(--soui-font-size-sm)}.soui-number-input--md{height:var(--soui-control-height-md)}.soui-number-input--md .soui-number-input__input{font-size:var(--soui-font-size-md)}.soui-number-input--md .soui-number-input__button{width:var(--soui-control-height-md);font-size:var(--soui-font-size-md)}.soui-number-input--lg{height:var(--soui-control-height-lg)}.soui-number-input--lg .soui-number-input__input{font-size:var(--soui-font-size-lg)}.soui-number-input--lg .soui-number-input__button{width:var(--soui-control-height-lg);font-size:var(--soui-font-size-lg)}.soui-select__wrapper{position:relative;width:100%}.soui-select__input{width:100%;border:1px solid var(--soui-border);border-radius:var(--soui-radius);background-color:var(--soui-bg);color:var(--soui-text);font-family:inherit;line-height:var(--soui-line-height);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.soui-select__arrow{position:absolute;right:var(--soui-space-3);top:50%;transform:translateY(-50%);width:12px;height:12px;pointer-events:none;color:var(--soui-text-muted)}.soui-select__input:focus{outline:none;border-color:var(--soui-ring);box-shadow:0 0 0 1px var(--soui-ring)}.soui-select__input:disabled{opacity:.5;cursor:not-allowed}.soui-select__input[aria-invalid=true]{border-color:var(--soui-color-danger-base)}.soui-select__input[aria-invalid=true]:focus{border-color:var(--soui-color-danger-base);box-shadow:0 0 0 1px var(--soui-color-danger-base)}.soui-select__input--sm{height:var(--soui-control-height-sm);padding:0 var(--soui-space-5) 0 var(--soui-space-2);font-size:var(--soui-font-size-sm)}.soui-select__input--md{height:var(--soui-control-height-md);padding:0 var(--soui-space-5) 0 var(--soui-space-3);font-size:var(--soui-font-size-md)}.soui-select__input--lg{height:var(--soui-control-height-lg);padding:0 var(--soui-space-6) 0 var(--soui-space-4);font-size:var(--soui-font-size-lg)}.soui-checkbox{display:inline-flex;align-items:center;gap:var(--soui-space-2);cursor:pointer;-webkit-user-select:none;user-select:none;line-height:var(--soui-line-height)}.soui-checkbox--disabled{opacity:.5;cursor:not-allowed}.soui-checkbox__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.soui-checkbox__indicator{display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--soui-border);border-radius:calc(var(--soui-radius) / 2);background-color:var(--soui-bg);color:var(--soui-color-primary-fg);flex-shrink:0;transition:background-color .15s,border-color .15s}.soui-checkbox__input:checked+.soui-checkbox__indicator,.soui-checkbox__input:indeterminate+.soui-checkbox__indicator{background-color:var(--soui-color-primary-base);border-color:var(--soui-color-primary-base)}.soui-checkbox__input:focus-visible+.soui-checkbox__indicator{outline:2px solid var(--soui-ring);outline-offset:2px}.soui-checkbox__icon{width:100%;height:100%}.soui-checkbox__label{color:var(--soui-text)}.soui-checkbox--sm .soui-checkbox__indicator{width:14px;height:14px}.soui-checkbox--sm .soui-checkbox__label{font-size:var(--soui-font-size-sm)}.soui-checkbox--md .soui-checkbox__indicator{width:18px;height:18px}.soui-checkbox--md .soui-checkbox__label{font-size:var(--soui-font-size-md)}.soui-checkbox-group{border:none;padding:0;margin:0}.soui-checkbox-group__label{font-size:var(--soui-font-size-sm);font-weight:500;color:var(--soui-text);line-height:var(--soui-line-height);margin-bottom:var(--soui-space-2)}.soui-checkbox-group__items{display:flex;flex-direction:column;gap:var(--soui-space-2)}.soui-radio-group{border:none;padding:0;margin:0}.soui-radio-group__label{font-size:var(--soui-font-size-sm);font-weight:500;color:var(--soui-text);line-height:var(--soui-line-height);margin-bottom:var(--soui-space-2)}.soui-radio-group__items{display:flex;flex-direction:column;gap:var(--soui-space-2)}.soui-radio-button{display:inline-flex;align-items:center;gap:var(--soui-space-2);cursor:pointer;-webkit-user-select:none;user-select:none;line-height:var(--soui-line-height)}.soui-radio-button--disabled{opacity:.5;cursor:not-allowed}.soui-radio-button__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.soui-radio-button__indicator{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:2px solid var(--soui-border);border-radius:50%;background-color:var(--soui-bg);flex-shrink:0;transition:border-color .15s}.soui-radio-button__input:checked+.soui-radio-button__indicator{border-color:var(--soui-color-primary-base)}.soui-radio-button__input:focus-visible+.soui-radio-button__indicator{outline:2px solid var(--soui-ring);outline-offset:2px}.soui-radio-button__dot{width:8px;height:8px;border-radius:50%;background-color:transparent;transition:background-color .15s}.soui-radio-button__input:checked+.soui-radio-button__indicator .soui-radio-button__dot{background-color:var(--soui-color-primary-base)}.soui-radio-button__label{color:var(--soui-text);font-size:var(--soui-font-size-md)}.soui-switch{display:inline-flex;align-items:center;gap:var(--soui-space-2);cursor:pointer;-webkit-user-select:none;user-select:none;line-height:var(--soui-line-height)}.soui-switch--disabled{opacity:.5;cursor:not-allowed}.soui-switch__track{position:relative;display:inline-flex;align-items:center;border:none;border-radius:9999px;background-color:var(--soui-color-neutral-border);cursor:inherit;padding:2px;flex-shrink:0;transition:background-color .2s}.soui-switch__track[aria-checked=true]{background-color:var(--soui-color-primary-base)}.soui-switch__track:focus-visible{outline:2px solid var(--soui-ring);outline-offset:2px}.soui-switch__track:disabled{cursor:not-allowed}.soui-switch__thumb{display:block;border-radius:50%;background-color:#fff;transition:transform .2s;flex-shrink:0}.soui-switch__label{color:var(--soui-text)}.soui-switch--sm .soui-switch__track{width:28px;height:16px}.soui-switch--sm .soui-switch__thumb{width:12px;height:12px}.soui-switch--sm .soui-switch__track[aria-checked=true] .soui-switch__thumb{transform:translate(12px)}.soui-switch--sm .soui-switch__label{font-size:var(--soui-font-size-sm)}.soui-switch--md .soui-switch__track{width:40px;height:22px}.soui-switch--md .soui-switch__thumb{width:18px;height:18px}.soui-switch--md .soui-switch__track[aria-checked=true] .soui-switch__thumb{transform:translate(18px)}.soui-switch--md .soui-switch__label{font-size:var(--soui-font-size-md)}.soui-card{background-color:var(--soui-bg);border:1px solid var(--soui-border);border-radius:var(--soui-radius);overflow:hidden}.soui-card__header{padding:var(--soui-space-4) var(--soui-space-5);border-bottom:1px solid var(--soui-border);font-weight:600;font-size:var(--soui-font-size-lg);color:var(--soui-text)}.soui-card__body{padding:var(--soui-space-4) var(--soui-space-5);color:var(--soui-text)}.soui-card__footer{padding:var(--soui-space-3) var(--soui-space-5);border-top:1px solid var(--soui-border);background-color:var(--soui-bg-subtle)}.soui-description-list{margin:0;padding:0;color:var(--soui-text)}.soui-description-list__term{font-weight:600;font-size:var(--soui-font-size-sm);color:var(--soui-text-muted);margin-bottom:var(--soui-space-1)}.soui-description-list__detail{margin:0 0 var(--soui-space-4) 0;font-size:var(--soui-font-size-md)}.soui-description-list--2col{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--soui-space-6)}.soui-description-list--2col .soui-description-list__detail{margin-bottom:var(--soui-space-4)}.soui-skeleton{background-color:var(--soui-border);border-radius:var(--soui-radius);animation:soui-skeleton-pulse 1.5s ease-in-out infinite}.soui-skeleton--text{width:100%;height:1em;border-radius:var(--soui-radius)}.soui-skeleton--circle{width:40px;height:40px;border-radius:50%}.soui-skeleton--rect{width:100%;height:100px}@keyframes soui-skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}.soui-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--soui-space-6);text-align:center}.soui-empty-state__icon{margin-bottom:var(--soui-space-4);color:var(--soui-text-muted);font-size:48px;line-height:1}.soui-empty-state__title{margin:0 0 var(--soui-space-2) 0;font-size:var(--soui-font-size-lg);font-weight:600;color:var(--soui-text)}.soui-empty-state__description{margin:0 0 var(--soui-space-4) 0;font-size:var(--soui-font-size-md);color:var(--soui-text-muted);max-width:360px}.soui-empty-state__action{margin-top:var(--soui-space-2)}.soui-table-wrapper{overflow-x:auto;border:1px solid var(--soui-border);border-radius:var(--soui-radius)}.soui-table{width:100%;border-collapse:collapse;font-size:var(--soui-font-size-md);color:var(--soui-text)}.soui-table__row--header{background-color:var(--soui-bg-subtle)}.soui-table__header{font-weight:600;text-align:start;white-space:nowrap}.soui-table__cell{padding:var(--soui-space-3) var(--soui-space-4);border-bottom:1px solid var(--soui-border)}.soui-table__cell--start{text-align:start}.soui-table__cell--center{text-align:center}.soui-table__cell--end{text-align:end}.soui-table__cell--checkbox{width:40px;text-align:center}.soui-table__row:last-child .soui-table__cell{border-bottom:none}.soui-table__row--selected{background-color:var(--soui-color-primary-subtle)}.soui-table__row:hover:not(.soui-table__row--header){background-color:var(--soui-bg-subtle)}.soui-table__row--selected:hover{background-color:var(--soui-color-primary-subtle)}.soui-table__sort-button{display:inline-flex;align-items:center;gap:var(--soui-space-1);padding:0;border:none;background:none;font:inherit;font-weight:600;color:inherit;cursor:pointer}.soui-table__sort-icon{display:inline-flex;align-items:center;margin-left:var(--soui-space-1)}.soui-table__sort-icon:after{content:"↕";font-size:1em;opacity:.35}.soui-table__sort-icon--asc:after{content:"▲";font-size:.7em;opacity:1}.soui-table__sort-icon--desc:after{content:"▼";font-size:.7em;opacity:1}.soui-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:#00000080;z-index:1000}.soui-dialog{background-color:var(--soui-bg);border:1px solid var(--soui-border);border-radius:var(--soui-radius);box-shadow:0 8px 32px #0003;max-height:85vh;display:flex;flex-direction:column;overflow:hidden}.soui-dialog--sm{width:400px;max-width:90vw}.soui-dialog--md{width:560px;max-width:90vw}.soui-dialog--lg{width:720px;max-width:90vw}.soui-dialog__header{padding:var(--soui-space-4) var(--soui-space-5);border-bottom:1px solid var(--soui-border);font-weight:600;font-size:var(--soui-font-size-lg);color:var(--soui-text);flex-shrink:0}.soui-dialog__body{padding:var(--soui-space-4) var(--soui-space-5);overflow-y:auto;flex:1;color:var(--soui-text)}.soui-dialog__footer{padding:var(--soui-space-3) var(--soui-space-5);border-top:1px solid var(--soui-border);display:flex;justify-content:flex-end;gap:var(--soui-space-2);flex-shrink:0}.soui-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;z-index:1000}.soui-drawer{position:fixed;top:0;bottom:0;background-color:var(--soui-bg);border:1px solid var(--soui-border);box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;overflow-y:auto}.soui-drawer--left{left:0}.soui-drawer--right{right:0}.soui-drawer--sm{width:280px;max-width:80vw}.soui-drawer--md{width:400px;max-width:80vw}.soui-drawer--lg{width:560px;max-width:80vw}.soui-alert{display:flex;align-items:flex-start;gap:var(--soui-space-3);padding:var(--soui-space-3) var(--soui-space-4);border:1px solid transparent;border-radius:var(--soui-radius);font-size:var(--soui-font-size-md);line-height:var(--soui-line-height)}.soui-alert__content{flex:1}.soui-alert__dismiss{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:none;font-size:18px;line-height:1;cursor:pointer;border-radius:var(--soui-radius);opacity:.7;color:inherit}.soui-alert__dismiss:hover{opacity:1}.soui-alert--info{background-color:var(--soui-color-info-subtle);color:var(--soui-color-info-subtle-fg);border-color:var(--soui-color-info-border)}.soui-alert--success{background-color:var(--soui-color-success-subtle);color:var(--soui-color-success-subtle-fg);border-color:var(--soui-color-success-border)}.soui-alert--warning{background-color:var(--soui-color-warning-subtle);color:var(--soui-color-warning-subtle-fg);border-color:var(--soui-color-warning-border)}.soui-alert--danger{background-color:var(--soui-color-danger-subtle);color:var(--soui-color-danger-subtle-fg);border-color:var(--soui-color-danger-border)}.soui-toast-container{position:fixed;z-index:1100;display:flex;flex-direction:column;gap:var(--soui-space-2);padding:var(--soui-space-4);pointer-events:none}.soui-toast-container--top-right{top:0;right:0}.soui-toast-container--top-center{top:0;left:50%;transform:translate(-50%)}.soui-toast-container--bottom-right{bottom:0;right:0}.soui-toast-container--bottom-center{bottom:0;left:50%;transform:translate(-50%)}.soui-toast{display:flex;align-items:center;gap:var(--soui-space-3);padding:var(--soui-space-3) var(--soui-space-4);border-radius:var(--soui-radius);font-size:var(--soui-font-size-md);box-shadow:0 4px 16px #00000026;min-width:280px;max-width:420px;pointer-events:auto;animation:soui-toast-enter .2s ease-out}.soui-toast__message{flex:1}.soui-toast__dismiss{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:none;font-size:18px;line-height:1;cursor:pointer;border-radius:var(--soui-radius);opacity:.7;color:inherit}.soui-toast__dismiss:hover{opacity:1}.soui-toast--info{background-color:var(--soui-color-info-subtle);color:var(--soui-color-info-subtle-fg);border-left:4px solid var(--soui-color-info-base)}.soui-toast--success{background-color:var(--soui-color-success-subtle);color:var(--soui-color-success-subtle-fg);border-left:4px solid var(--soui-color-success-base)}.soui-toast--warning{background-color:var(--soui-color-warning-subtle);color:var(--soui-color-warning-subtle-fg);border-left:4px solid var(--soui-color-warning-base)}.soui-toast--danger{background-color:var(--soui-color-danger-subtle);color:var(--soui-color-danger-subtle-fg);border-left:4px solid var(--soui-color-danger-base)}@keyframes soui-toast-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.soui-progress{width:100%;background-color:var(--soui-border);border-radius:var(--soui-radius);overflow:hidden}.soui-progress--sm{height:4px}.soui-progress--md{height:8px}.soui-progress__bar{height:100%;border-radius:var(--soui-radius);transition:width .3s ease}.soui-progress--info .soui-progress__bar{background-color:var(--soui-color-info-base)}.soui-progress--success .soui-progress__bar{background-color:var(--soui-color-success-base)}.soui-progress--warning .soui-progress__bar{background-color:var(--soui-color-warning-base)}.soui-progress--danger .soui-progress__bar{background-color:var(--soui-color-danger-base)}.soui-spinner{display:inline-block;border-style:solid;border-radius:50%;border-right-color:transparent;animation:soui-spinner-spin .6s linear infinite}.soui-spinner--sm{width:16px;height:16px;border-width:2px}.soui-spinner--md{width:24px;height:24px;border-width:2px}.soui-spinner--lg{width:36px;height:36px;border-width:3px}.soui-spinner--primary{border-color:var(--soui-color-primary-base);border-right-color:transparent}.soui-spinner--neutral{border-color:var(--soui-color-neutral-base);border-right-color:transparent}@keyframes soui-spinner-spin{to{transform:rotate(360deg)}}.soui-tabs{display:flex;flex-direction:column}.soui-tab-list{display:flex;border-bottom:1px solid var(--soui-border);gap:0}.soui-tab{display:inline-flex;align-items:center;justify-content:center;padding:var(--soui-space-2) var(--soui-space-4);border:none;border-bottom:2px solid transparent;background:none;font:inherit;font-size:var(--soui-font-size-md);font-weight:500;color:var(--soui-text-muted);cursor:pointer;transition:color .15s,border-color .15s;white-space:nowrap;margin-bottom:-1px}.soui-tab:hover:not(:disabled){color:var(--soui-text)}.soui-tab--active{color:var(--soui-color-primary-base);border-bottom-color:var(--soui-color-primary-base)}.soui-tab:disabled{opacity:.5;cursor:not-allowed}.soui-tab-panel{padding:var(--soui-space-4) 0;color:var(--soui-text)}.soui-breadcrumb__list{display:flex;align-items:center;list-style:none;margin:0;padding:0;gap:0;font-size:var(--soui-font-size-md)}.soui-breadcrumb__item{display:inline-flex;align-items:center;color:var(--soui-text-muted)}.soui-breadcrumb__item+.soui-breadcrumb__item:before{content:"/";margin:0 var(--soui-space-2);color:var(--soui-text-muted);opacity:.5}.soui-breadcrumb__item a{color:var(--soui-color-primary-base);text-decoration:none}.soui-breadcrumb__item a:hover{text-decoration:underline}.soui-breadcrumb__item--current{color:var(--soui-text);font-weight:500}.soui-pagination{display:inline-flex;align-items:center;gap:var(--soui-space-2)}.soui-pagination__button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--soui-color-neutral-border);border-radius:var(--soui-radius);background:transparent;color:var(--soui-text);font:inherit;cursor:pointer;transition:background-color .15s;white-space:nowrap}.soui-pagination__button:hover:not(:disabled){background-color:var(--soui-color-neutral-subtle)}.soui-pagination__button:disabled{opacity:.5;cursor:not-allowed}.soui-pagination__info{font-size:var(--soui-font-size-md);color:var(--soui-text);min-width:60px;text-align:center}.soui-pagination--sm .soui-pagination__button{height:var(--soui-control-height-sm);padding:0 var(--soui-space-3);font-size:var(--soui-font-size-sm)}.soui-pagination--sm .soui-pagination__info{font-size:var(--soui-font-size-sm)}.soui-pagination--md .soui-pagination__button{height:var(--soui-control-height-md);padding:0 var(--soui-space-4);font-size:var(--soui-font-size-md)}.soui-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

package/dist/index.d.ts

@@ -0,0 +1,18 @@
+export { SouiProvider, useSoui, createTheme, } from "./core";
+export type { SouiProviderProps, SouiContextValue, Density, Size, Variant, ButtonVariant, FeedbackVariant, CommonProps, InteractiveProps, VariantProps, ColorDefinition, DateFormatConfig, ThemeConfig, } from "./core";
+export { createDisclosure, createFocusTrap, createToggle, createToast, createPagination, } from "./primitives";
+export type { DisclosureOptions, DisclosureReturn, FocusTrapOptions, ToggleOptions, ToggleReturn, Toast, ToastOptions, ToastInput, ToastReturn, PaginationOptions, PaginationReturn, } from "./primitives";
+export { Stack, HStack, Divider, Spacer } from "./components/layout";
+export type { StackProps, HStackProps, DividerProps } from "./components/layout";
+export { Button, IconButton, Badge, Tag, Tooltip } from "./components/general";
+export type { ButtonProps, IconButtonProps, BadgeProps, TagProps, TooltipProps, } from "./components/general";
+export { FormField, TextField, TextArea, NumberInput, Select, Checkbox, CheckboxGroup, RadioGroup, RadioButton, Switch, } from "./components/form";
+export type { FormFieldProps, TextFieldProps, TextAreaProps, NumberInputProps, SelectProps, CheckboxProps, CheckboxGroupProps, RadioGroupProps, RadioButtonProps, SwitchProps, } from "./components/form";
+export { Card, CardHeader, CardBody, CardFooter, DescriptionList, Skeleton, EmptyState, Table, } from "./components/data";
+export type { CardProps, DescriptionListProps, SkeletonProps, EmptyStateProps, TableProps, Column, } from "./components/data";
+export { Dialog, DialogHeader, DialogBody, DialogFooter, Drawer, Alert, ToastContainer, useToast, Progress, Spinner, } from "./components/feedback";
+export type { DialogProps, DrawerProps, AlertProps, ToastContainerProps, ProgressProps, SpinnerProps, } from "./components/feedback";
+export { Tabs, TabList, Tab, TabPanel, Breadcrumb, BreadcrumbItem, Pagination, Menu, } from "./components/navigation";
+export type { TabsProps, BreadcrumbProps, BreadcrumbItemProps, PaginationProps, MenuProps, } from "./components/navigation";
+export { VisuallyHidden, Popover } from "./components/utility";
+export type { VisuallyHiddenProps, PopoverProps, } from "./components/utility";

package/dist/index.js

@@ -0,0 +1,53 @@
+#!/usr/bin/env node
+import { add } from "./commands/add.js";
+import { init } from "./commands/init.js";
+import { install } from "./commands/install.js";
+import { list } from "./commands/list.js";
+import { remove } from "./commands/remove.js";
+import { CONFIG_FILENAME, PROJECT_NAME } from "./config.js";
+const args = process.argv.slice(2);
+const command = args[0];
+const rest = args.slice(1);
+const cwd = process.cwd();
+switch (command) {
+    case "init":
+        await init(cwd);
+        break;
+    case "install":
+        await install(cwd);
+        break;
+    case "add":
+        if (rest.length === 0) {
+            console.error(`Usage: npx ${PROJECT_NAME} add <component...>`);
+            process.exit(1);
+        }
+        add(cwd, rest);
+        break;
+    case "remove":
+        if (rest.length === 0) {
+            console.error(`Usage: npx ${PROJECT_NAME} remove <component...>`);
+            process.exit(1);
+        }
+        remove(cwd, rest);
+        break;
+    case "list": {
+        const filter = args.includes("--installed")
+            ? "installed"
+            : args.includes("--not-installed")
+                ? "not-installed"
+                : "all";
+        list(cwd, filter);
+        break;
+    }
+    default:
+        console.log(`${PROJECT_NAME} - SolidJS Opinionated UI`);
+        console.log("");
+        console.log("Commands:");
+        console.log(`  init                    Create ${CONFIG_FILENAME}`);
+        console.log("  install                 Install components and CSS");
+        console.log("  add <component...>      Add components to config");
+        console.log("  remove <component...>   Remove components from config");
+        console.log("  list [--installed]       List available components");
+        console.log("       [--not-installed]");
+        break;
+}

package/dist/primitives/createDisclosure.d.ts

@@ -0,0 +1,27 @@
+import type { Accessor } from "solid-js";
+export interface DisclosureOptions {
+    /** Initial open state (uncontrolled) */
+    defaultOpen?: boolean;
+    /** Controlled open state */
+    isOpen?: Accessor<boolean>;
+    /** Called when open state changes */
+    onOpenChange?: (open: boolean) => void;
+    /** ID prefix for aria linking */
+    id?: string;
+}
+export interface DisclosureReturn {
+    isOpen: Accessor<boolean>;
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+    triggerProps: {
+        "aria-expanded": Accessor<boolean>;
+        "aria-controls": string;
+        onClick: () => void;
+    };
+    contentProps: {
+        id: string;
+        role: string;
+    };
+}
+export declare function createDisclosure(options?: DisclosureOptions): DisclosureReturn;

package/dist/primitives/createFocusTrap.d.ts

@@ -0,0 +1,10 @@
+import type { Accessor } from "solid-js";
+export interface FocusTrapOptions {
+    /** Reactive accessor for the container element */
+    container: Accessor<HTMLElement | undefined>;
+    /** Whether the trap is active */
+    isActive: Accessor<boolean>;
+    /** Called when Escape is pressed */
+    onClose?: () => void;
+}
+export declare function createFocusTrap(options: FocusTrapOptions): void;

package/dist/primitives/createPagination.d.ts

@@ -0,0 +1,23 @@
+import type { Accessor } from "solid-js";
+export interface PaginationOptions {
+    /** Total number of items */
+    totalItems: Accessor<number>;
+    /** Number of items per page (default: 10) */
+    pageSize?: Accessor<number>;
+    /** Initial page (1-based, default: 1) */
+    initialPage?: number;
+}
+export interface PaginationReturn {
+    page: Accessor<number>;
+    totalPages: Accessor<number>;
+    setPage: (page: number) => void;
+    next: () => void;
+    prev: () => void;
+    canNext: Accessor<boolean>;
+    canPrev: Accessor<boolean>;
+    /** 0-based start index for current page */
+    startIndex: Accessor<number>;
+    /** 0-based exclusive end index for current page */
+    endIndex: Accessor<number>;
+}
+export declare function createPagination(options: PaginationOptions): PaginationReturn;