@arvia-ui/react 0.1.0

package/dist/index.d.mts

@@ -0,0 +1,881 @@
+
+import { AnchorHTMLAttributes, ButtonHTMLAttributes, CSSProperties, ElementType, HTMLAttributes, InputHTMLAttributes, MouseEvent, ReactElement, ReactNode } from "react";
+
+//#region ../core-styles/.arvia/types/components/box.arv.d.ts
+// Generated by @arviahq/compiler - do not edit.
+type BoxProps$1 = {
+  padding?: "none" | "1" | "2" | "3" | "4" | "5" | "6";
+  radius?: "none" | "sm" | "md" | "lg" | "xl" | "full";
+  background?: "transparent" | "surface" | "raised" | "muted";
+};
+//#endregion
+//#region src/Box.d.ts
+type BoxProps = BoxProps$1 & Omit<HTMLAttributes<HTMLElement>, "children" | "className"> & {
+  as?: ElementType;
+  children?: ReactNode;
+  className?: string;
+};
+declare const Box: import("react").ForwardRefExoticComponent<BoxProps$1 & Omit<HTMLAttributes<HTMLElement>, "children" | "className"> & {
+  as?: ElementType;
+  children?: ReactNode;
+  className?: string;
+} & import("react").RefAttributes<HTMLElement>>;
+//#endregion
+//#region ../core-styles/.arvia/types/components/stack.arv.d.ts
+// Generated by @arviahq/compiler - do not edit.
+type StackProps$1 = {
+  direction?: "row" | "column";
+  gap?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8";
+  align?: "start" | "center" | "end" | "stretch" | "baseline";
+  justify?: "start" | "center" | "end" | "between" | "around";
+  wrap?: "yes" | "no";
+};
+//#endregion
+//#region src/Stack.d.ts
+type StackProps = StackProps$1 & Omit<HTMLAttributes<HTMLElement>, "children" | "className"> & {
+  as?: ElementType;
+  children?: ReactNode;
+  className?: string;
+};
+declare const Stack: import("react").ForwardRefExoticComponent<StackProps$1 & Omit<HTMLAttributes<HTMLElement>, "children" | "className"> & {
+  as?: ElementType;
+  children?: ReactNode;
+  className?: string;
+} & import("react").RefAttributes<HTMLElement>>;
+//#endregion
+//#region ../core-styles/.arvia/types/components/text.arv.d.ts
+// Generated by @arviahq/compiler - do not edit.
+type TextProps$1 = {
+  size?: "xs" | "sm" | "md" | "lg" | "xl";
+  weight?: "regular" | "medium" | "semibold" | "bold";
+  tone?: "default" | "muted" | "subtle" | "primary" | "danger" | "success";
+};
+//#endregion
+//#region src/Text.d.ts
+type TextProps = TextProps$1 & Omit<HTMLAttributes<HTMLElement>, "children" | "className"> & {
+  as?: ElementType;
+  children?: ReactNode;
+  className?: string;
+};
+declare const Text: import("react").ForwardRefExoticComponent<TextProps$1 & Omit<HTMLAttributes<HTMLElement>, "children" | "className"> & {
+  as?: ElementType;
+  children?: ReactNode;
+  className?: string;
+} & import("react").RefAttributes<HTMLElement>>;
+//#endregion
+//#region ../core-styles/.arvia/types/components/heading.arv.d.ts
+// Generated by @arviahq/compiler - do not edit.
+type HeadingProps$1 = {
+  level?: "1" | "2" | "3" | "4" | "5" | "6";
+  tone?: "default" | "muted" | "primary";
+};
+//#endregion
+//#region src/Heading.d.ts
+type HeadingProps = HeadingProps$1 & {
+  children?: ReactNode;
+  className?: string;
+};
+declare const Heading: import("react").ForwardRefExoticComponent<HeadingProps$1 & {
+  children?: ReactNode;
+  className?: string;
+} & import("react").RefAttributes<HTMLHeadingElement>>;
+//#endregion
+//#region ../core-styles/.arvia/types/components/button.arv.d.ts
+// Generated by @arviahq/compiler - do not edit.
+type ButtonProps$1 = {
+  size?: "sm" | "md" | "lg";
+  tone?: "primary" | "secondary" | "ghost" | "danger";
+};
+//#endregion
+//#region src/Button.d.ts
+type ButtonProps = ButtonProps$1 & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children"> & {
+  children?: ReactNode;
+  icon?: ReactNode;
+  className?: string;
+};
+declare const Button: import("react").ForwardRefExoticComponent<ButtonProps$1 & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children"> & {
+  children?: ReactNode;
+  icon?: ReactNode;
+  className?: string;
+} & import("react").RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region ../core-styles/.arvia/types/components/badge.arv.d.ts
+// Generated by @arviahq/compiler - do not edit.
+type BadgeProps$1 = {
+  tone?: "neutral" | "primary" | "success" | "warning" | "danger";
+  size?: "sm" | "md";
+};
+//#endregion
+//#region src/Badge.d.ts
+type BadgeProps = BadgeProps$1 & Omit<HTMLAttributes<HTMLSpanElement>, "children"> & {
+  children?: ReactNode;
+  className?: string;
+};
+declare const Badge: import("react").ForwardRefExoticComponent<BadgeProps$1 & Omit<HTMLAttributes<HTMLSpanElement>, "children"> & {
+  children?: ReactNode;
+  className?: string;
+} & import("react").RefAttributes<HTMLSpanElement>>;
+//#endregion
+//#region ../core-styles/.arvia/types/components/link.arv.d.ts
+// Generated by @arviahq/compiler - do not edit.
+type LinkProps$1 = {
+  tone?: "primary" | "muted" | "danger";
+  size?: "sm" | "md" | "lg";
+};
+//#endregion
+//#region src/Link.d.ts
+type LinkProps = LinkProps$1 & Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "children"> & {
+  children?: ReactNode;
+  className?: string;
+};
+declare const Link: import("react").ForwardRefExoticComponent<LinkProps$1 & Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "children"> & {
+  children?: ReactNode;
+  className?: string;
+} & import("react").RefAttributes<HTMLAnchorElement>>;
+//#endregion
+//#region ../core-styles/.arvia/types/components/card.arv.d.ts
+// Generated by @arviahq/compiler - do not edit.
+type CardProps$1 = {
+  padding?: "none" | "sm" | "md" | "lg";
+  shadow?: "none" | "sm" | "md" | "lg";
+};
+//#endregion
+//#region src/Card.d.ts
+type CardProps = CardProps$1 & Omit<HTMLAttributes<HTMLDivElement>, "children" | "className"> & {
+  children?: ReactNode;
+  className?: string;
+};
+declare const Card: import("react").ForwardRefExoticComponent<CardProps$1 & Omit<HTMLAttributes<HTMLDivElement>, "children" | "className"> & {
+  children?: ReactNode;
+  className?: string;
+} & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region ../core-styles/.arvia/types/components/input.arv.d.ts
+// Generated by @arviahq/compiler - do not edit.
+type InputProps$1 = {
+  size?: "sm" | "md" | "lg";
+};
+//#endregion
+//#region src/Input.d.ts
+type InputProps = InputProps$1 & Omit<InputHTMLAttributes<HTMLInputElement>, "size"> & {
+  className?: string;
+};
+declare const Input: import("react").ForwardRefExoticComponent<InputProps$1 & Omit<InputHTMLAttributes<HTMLInputElement>, "size"> & {
+  className?: string;
+} & import("react").RefAttributes<HTMLInputElement>>;
+//#endregion
+//#region ../core-styles/.arvia/types/components/divider.arv.d.ts
+// Generated by @arviahq/compiler - do not edit.
+type DividerProps$1 = {
+  spacing?: "none" | "sm" | "md" | "lg";
+};
+//#endregion
+//#region src/Divider.d.ts
+type DividerProps = DividerProps$1 & Omit<HTMLAttributes<HTMLHRElement>, "children"> & {
+  className?: string;
+};
+declare const Divider: import("react").ForwardRefExoticComponent<DividerProps$1 & Omit<HTMLAttributes<HTMLHRElement>, "children"> & {
+  className?: string;
+} & import("react").RefAttributes<HTMLHRElement>>;
+//#endregion
+//#region ../core-styles/.arvia/types/components/spinner.arv.d.ts
+// Generated by @arviahq/compiler - do not edit.
+type SpinnerProps$1 = {
+  size?: "sm" | "md" | "lg";
+};
+//#endregion
+//#region src/Spinner.d.ts
+type SpinnerProps = SpinnerProps$1 & Omit<HTMLAttributes<HTMLSpanElement>, "children"> & {
+  className?: string;
+  label?: string;
+};
+declare const Spinner: import("react").ForwardRefExoticComponent<SpinnerProps$1 & Omit<HTMLAttributes<HTMLSpanElement>, "children"> & {
+  className?: string;
+  label?: string;
+} & import("react").RefAttributes<HTMLSpanElement>>;
+//#endregion
+//#region src/Tabs.d.ts
+type TabsProps = Omit<HTMLAttributes<HTMLDivElement>, "onChange"> & {
+  /** Active tab value (controlled). */value?: string; /** Initial active tab value (uncontrolled). */
+  defaultValue?: string; /** Called when the active tab changes. */
+  onChange?: (value: string) => void;
+  children?: ReactNode;
+  className?: string;
+};
+type TabsListProps = HTMLAttributes<HTMLDivElement> & {
+  "aria-label"?: string;
+  children?: ReactNode;
+  className?: string;
+};
+type TabProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "value"> & {
+  /** Value linking this tab to its panel. */value: string;
+  children?: ReactNode;
+  className?: string;
+};
+type TabPanelProps = Omit<HTMLAttributes<HTMLDivElement>, "value"> & {
+  /** Value linking this panel to its tab. */value: string;
+  children?: ReactNode;
+  className?: string;
+};
+/**
+ * Compound tabs. Compose with the attached parts:
+ *
+ *   <Tabs defaultValue="a">
+ *     <Tabs.List>
+ *       <Tabs.Tab value="a">One</Tabs.Tab>
+ *       <Tabs.Tab value="b">Two</Tabs.Tab>
+ *     </Tabs.List>
+ *     <Tabs.Panel value="a">…</Tabs.Panel>
+ *     <Tabs.Panel value="b">…</Tabs.Panel>
+ *   </Tabs>
+ */
+declare const Tabs: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "onChange"> & {
+  /** Active tab value (controlled). */value?: string; /** Initial active tab value (uncontrolled). */
+  defaultValue?: string; /** Called when the active tab changes. */
+  onChange?: (value: string) => void;
+  children?: ReactNode;
+  className?: string;
+} & import("react").RefAttributes<HTMLDivElement>> & {
+  List: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    "aria-label"?: string;
+    children?: ReactNode;
+    className?: string;
+  } & import("react").RefAttributes<HTMLDivElement>>;
+  Tab: import("react").ForwardRefExoticComponent<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "value"> & {
+    /** Value linking this tab to its panel. */value: string;
+    children?: ReactNode;
+    className?: string;
+  } & import("react").RefAttributes<HTMLButtonElement>>;
+  Panel: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "value"> & {
+    /** Value linking this panel to its tab. */value: string;
+    children?: ReactNode;
+    className?: string;
+  } & import("react").RefAttributes<HTMLDivElement>>;
+};
+//#endregion
+//#region src/Accordion.d.ts
+type AccordionProps = Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> & {
+  /** "single" allows one open item, "multiple" allows many. */type?: "single" | "multiple"; /** Open item value(s) — controlled. */
+  value?: string | string[]; /** Initially open item value(s) — uncontrolled. */
+  defaultValue?: string | string[]; /** Called when the open item(s) change. */
+  onChange?: (value: string | string[]) => void; /** When type="single", allow closing the open item. */
+  collapsible?: boolean;
+  children?: ReactNode;
+  className?: string;
+};
+type AccordionItemProps = HTMLAttributes<HTMLDivElement> & {
+  /** Identifies this item for open-state tracking. */value: string;
+  children?: ReactNode;
+  className?: string;
+};
+type AccordionTriggerProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+  children?: ReactNode;
+  className?: string;
+};
+type AccordionContentProps = HTMLAttributes<HTMLDivElement> & {
+  children?: ReactNode;
+  className?: string;
+};
+/**
+ * Compound accordion. Compose with the attached parts:
+ *
+ *   <Accordion type="single" defaultValue="a">
+ *     <Accordion.Item value="a">
+ *       <Accordion.Trigger>Section A</Accordion.Trigger>
+ *       <Accordion.Content>…</Accordion.Content>
+ *     </Accordion.Item>
+ *   </Accordion>
+ */
+declare const Accordion: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "defaultValue" | "onChange"> & {
+  /** "single" allows one open item, "multiple" allows many. */type?: "single" | "multiple"; /** Open item value(s) — controlled. */
+  value?: string | string[]; /** Initially open item value(s) — uncontrolled. */
+  defaultValue?: string | string[]; /** Called when the open item(s) change. */
+  onChange?: (value: string | string[]) => void; /** When type="single", allow closing the open item. */
+  collapsible?: boolean;
+  children?: ReactNode;
+  className?: string;
+} & import("react").RefAttributes<HTMLDivElement>> & {
+  Item: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    /** Identifies this item for open-state tracking. */value: string;
+    children?: ReactNode;
+    className?: string;
+  } & import("react").RefAttributes<HTMLDivElement>>;
+  Trigger: import("react").ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
+    children?: ReactNode;
+    className?: string;
+  } & import("react").RefAttributes<HTMLButtonElement>>;
+  Content: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    children?: ReactNode;
+    className?: string;
+  } & import("react").RefAttributes<HTMLDivElement>>;
+};
+//#endregion
+//#region src/Dialog.d.ts
+type ClickableProps = {
+  onClick?: (event: MouseEvent) => void;
+};
+type DialogProps = {
+  /** Whether the dialog is open (controlled). */open?: boolean; /** Initial open state (uncontrolled). */
+  defaultOpen?: boolean; /** Called when the open state changes. */
+  onChange?: (open: boolean) => void;
+  children?: ReactNode;
+};
+declare function DialogRoot({
+  open,
+  defaultOpen,
+  onChange,
+  children
+}: DialogProps): import("react").JSX.Element;
+type DialogTriggerProps = {
+  children: ReactNode;
+};
+declare function DialogTrigger({
+  children
+}: DialogTriggerProps): ReactElement<ClickableProps, string | import("react").JSXElementConstructor<any>>;
+type DialogContentProps = HTMLAttributes<HTMLDivElement> & {
+  children?: ReactNode;
+  className?: string;
+};
+declare function DialogHeader({
+  children,
+  className,
+  ...props
+}: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+declare function DialogTitle({
+  children,
+  className,
+  ...props
+}: HTMLAttributes<HTMLHeadingElement>): import("react").JSX.Element;
+declare function DialogDescription({
+  children,
+  className,
+  ...props
+}: HTMLAttributes<HTMLParagraphElement>): import("react").JSX.Element;
+declare function DialogBody({
+  children,
+  className,
+  ...props
+}: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+declare function DialogFooter({
+  children,
+  className,
+  ...props
+}: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+type DialogCloseProps = {
+  /** Render the close behavior on the provided child element instead of the default × button. */asChild?: boolean;
+  children?: ReactNode;
+  className?: string;
+  "aria-label"?: string;
+};
+declare function DialogClose({
+  asChild,
+  children,
+  className,
+  ...props
+}: DialogCloseProps): import("react").JSX.Element;
+/**
+ * Compound modal dialog. Open via `open`/`onChange` or `Dialog.Trigger`:
+ *
+ *   <Dialog>
+ *     <Dialog.Trigger><Button>Open</Button></Dialog.Trigger>
+ *     <Dialog.Content>
+ *       <Dialog.Close />
+ *       <Dialog.Header>
+ *         <Dialog.Title>Title</Dialog.Title>
+ *         <Dialog.Description>…</Dialog.Description>
+ *       </Dialog.Header>
+ *       <Dialog.Body>…</Dialog.Body>
+ *       <Dialog.Footer>
+ *         <Dialog.Close asChild><Button tone="secondary">Cancel</Button></Dialog.Close>
+ *       </Dialog.Footer>
+ *     </Dialog.Content>
+ *   </Dialog>
+ */
+declare const Dialog: typeof DialogRoot & {
+  Trigger: typeof DialogTrigger;
+  Content: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    children?: ReactNode;
+    className?: string;
+  } & import("react").RefAttributes<HTMLDivElement>>;
+  Header: typeof DialogHeader;
+  Title: typeof DialogTitle;
+  Description: typeof DialogDescription;
+  Body: typeof DialogBody;
+  Footer: typeof DialogFooter;
+  Close: typeof DialogClose;
+};
+//#endregion
+//#region ../core-styles/.arvia/types/components/avatar.arv.d.ts
+// Generated by @arviahq/compiler - do not edit.
+type AvatarProps$1 = {
+  size?: "sm" | "md" | "lg";
+};
+//#endregion
+//#region src/Avatar.d.ts
+type AvatarProps = AvatarProps$1 & Omit<HTMLAttributes<HTMLSpanElement>, "children"> & {
+  /** Image URL; falls back to initials/children if missing or it fails to load. */src?: string;
+  alt?: string; /** Name used to derive fallback initials. */
+  name?: string;
+  children?: ReactNode;
+  className?: string;
+};
+declare const Avatar: import("react").ForwardRefExoticComponent<AvatarProps$1 & Omit<HTMLAttributes<HTMLSpanElement>, "children"> & {
+  /** Image URL; falls back to initials/children if missing or it fails to load. */src?: string;
+  alt?: string; /** Name used to derive fallback initials. */
+  name?: string;
+  children?: ReactNode;
+  className?: string;
+} & import("react").RefAttributes<HTMLSpanElement>>;
+//#endregion
+//#region src/Switch.d.ts
+type SwitchProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "checked" | "defaultChecked" | "value"> & {
+  checked?: boolean;
+  defaultChecked?: boolean;
+  onChange?: (checked: boolean) => void;
+  size?: "sm" | "md" | "lg";
+  className?: string;
+};
+declare const Switch: import("react").ForwardRefExoticComponent<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "defaultChecked" | "onChange" | "value" | "checked"> & {
+  checked?: boolean;
+  defaultChecked?: boolean;
+  onChange?: (checked: boolean) => void;
+  size?: "sm" | "md" | "lg";
+  className?: string;
+} & import("react").RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/Checkbox.d.ts
+type Size$1 = "sm" | "md" | "lg";
+type CheckboxGroupProps = Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> & {
+  value?: string[];
+  defaultValue?: string[];
+  onChange?: (value: string[]) => void;
+  size?: Size$1;
+  children?: ReactNode;
+  className?: string;
+};
+type CheckboxProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "checked" | "defaultChecked" | "value"> & {
+  /** Value toggled within a CheckboxGroup. */value?: string; /** Checked state when used standalone (controlled). */
+  checked?: boolean;
+  defaultChecked?: boolean; /** Fires when toggled. */
+  onChange?: (checked: boolean) => void;
+  size?: Size$1;
+  children?: ReactNode;
+  className?: string;
+};
+declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "defaultChecked" | "onChange" | "value" | "checked"> & {
+  /** Value toggled within a CheckboxGroup. */value?: string; /** Checked state when used standalone (controlled). */
+  checked?: boolean;
+  defaultChecked?: boolean; /** Fires when toggled. */
+  onChange?: (checked: boolean) => void;
+  size?: Size$1;
+  children?: ReactNode;
+  className?: string;
+} & import("react").RefAttributes<HTMLButtonElement>>;
+/**
+ * Multi-select group. Compose with `Checkbox` (also exported standalone):
+ *
+ *   <CheckboxGroup defaultValue={["a"]} onChange={setValues}>
+ *     <Checkbox value="a">Option A</Checkbox>
+ *     <Checkbox value="b">Option B</Checkbox>
+ *   </CheckboxGroup>
+ */
+declare const CheckboxGroup: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "defaultValue" | "onChange"> & {
+  value?: string[];
+  defaultValue?: string[];
+  onChange?: (value: string[]) => void;
+  size?: Size$1;
+  children?: ReactNode;
+  className?: string;
+} & import("react").RefAttributes<HTMLDivElement>> & {
+  Item: import("react").ForwardRefExoticComponent<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "defaultChecked" | "onChange" | "value" | "checked"> & {
+    /** Value toggled within a CheckboxGroup. */value?: string; /** Checked state when used standalone (controlled). */
+    checked?: boolean;
+    defaultChecked?: boolean; /** Fires when toggled. */
+    onChange?: (checked: boolean) => void;
+    size?: Size$1;
+    children?: ReactNode;
+    className?: string;
+  } & import("react").RefAttributes<HTMLButtonElement>>;
+};
+//#endregion
+//#region src/Tooltip.d.ts
+type TooltipProps = {
+  /** Tooltip text/content shown on hover or focus. */label: ReactNode; /** The trigger element. */
+  children: ReactNode;
+  className?: string;
+};
+declare function Tooltip({
+  label,
+  children,
+  className
+}: TooltipProps): import("react").JSX.Element;
+//#endregion
+//#region ../core-styles/.arvia/types/components/alert.arv.d.ts
+// Generated by @arviahq/compiler - do not edit.
+type AlertProps$1 = {
+  tone?: "info" | "success" | "warning" | "danger";
+};
+//#endregion
+//#region src/Alert.d.ts
+type AlertProps = AlertProps$1 & Omit<HTMLAttributes<HTMLDivElement>, "title"> & {
+  /** Heading line. */title?: ReactNode; /** Override the default tone icon. */
+  icon?: ReactNode; /** Body content. */
+  children?: ReactNode;
+  className?: string;
+};
+declare const Alert: import("react").ForwardRefExoticComponent<AlertProps$1 & Omit<HTMLAttributes<HTMLDivElement>, "title"> & {
+  /** Heading line. */title?: ReactNode; /** Override the default tone icon. */
+  icon?: ReactNode; /** Body content. */
+  children?: ReactNode;
+  className?: string;
+} & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/RadioGroup.d.ts
+type Size = "sm" | "md" | "lg";
+type RadioGroupProps = Omit<HTMLAttributes<HTMLDivElement>, "onChange"> & {
+  value?: string;
+  defaultValue?: string;
+  onChange?: (value: string) => void;
+  size?: Size;
+  children?: ReactNode;
+  className?: string;
+};
+type RadioProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "value"> & {
+  /** Value selected within a RadioGroup. */value?: string; /** Checked state when used standalone (controlled). */
+  checked?: boolean;
+  defaultChecked?: boolean; /** Fires when toggled standalone. Within a RadioGroup, use the group's onChange. */
+  onChange?: (checked: boolean) => void;
+  size?: Size;
+  children?: ReactNode;
+  className?: string;
+};
+declare const Radio: import("react").ForwardRefExoticComponent<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "value"> & {
+  /** Value selected within a RadioGroup. */value?: string; /** Checked state when used standalone (controlled). */
+  checked?: boolean;
+  defaultChecked?: boolean; /** Fires when toggled standalone. Within a RadioGroup, use the group's onChange. */
+  onChange?: (checked: boolean) => void;
+  size?: Size;
+  children?: ReactNode;
+  className?: string;
+} & import("react").RefAttributes<HTMLButtonElement>>;
+/**
+ * Single-select group. Compose with `Radio` (also exported standalone):
+ *
+ *   <RadioGroup defaultValue="a" onChange={setV}>
+ *     <Radio value="a">Option A</Radio>
+ *     <Radio value="b">Option B</Radio>
+ *   </RadioGroup>
+ */
+declare const RadioGroup: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "onChange"> & {
+  value?: string;
+  defaultValue?: string;
+  onChange?: (value: string) => void;
+  size?: Size;
+  children?: ReactNode;
+  className?: string;
+} & import("react").RefAttributes<HTMLDivElement>> & {
+  Item: import("react").ForwardRefExoticComponent<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "value"> & {
+    /** Value selected within a RadioGroup. */value?: string; /** Checked state when used standalone (controlled). */
+    checked?: boolean;
+    defaultChecked?: boolean; /** Fires when toggled standalone. Within a RadioGroup, use the group's onChange. */
+    onChange?: (checked: boolean) => void;
+    size?: Size;
+    children?: ReactNode;
+    className?: string;
+  } & import("react").RefAttributes<HTMLButtonElement>>;
+};
+//#endregion
+//#region src/Slider.d.ts
+type SliderProps = Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> & {
+  value?: number;
+  defaultValue?: number;
+  onChange?: (value: number) => void;
+  min?: number;
+  max?: number;
+  step?: number;
+  disabled?: boolean;
+  className?: string;
+};
+declare const Slider: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "defaultValue" | "onChange"> & {
+  value?: number;
+  defaultValue?: number;
+  onChange?: (value: number) => void;
+  min?: number;
+  max?: number;
+  step?: number;
+  disabled?: boolean;
+  className?: string;
+} & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/Breadcrumb.d.ts
+type BreadcrumbProps = Omit<HTMLAttributes<HTMLElement>, "children"> & {
+  /** Separator rendered between items. */separator?: ReactNode;
+  children?: ReactNode;
+  className?: string;
+};
+type BreadcrumbItemProps = AnchorHTMLAttributes<HTMLAnchorElement> & {
+  /** Marks the current page (renders text with aria-current instead of a link). */current?: boolean;
+  children?: ReactNode;
+  className?: string;
+};
+/**
+ * Breadcrumb trail:
+ *
+ *   <Breadcrumb>
+ *     <Breadcrumb.Item href="/">Home</Breadcrumb.Item>
+ *     <Breadcrumb.Item href="/docs">Docs</Breadcrumb.Item>
+ *     <Breadcrumb.Item current>Breadcrumb</Breadcrumb.Item>
+ *   </Breadcrumb>
+ */
+declare const Breadcrumb: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLElement>, "children"> & {
+  /** Separator rendered between items. */separator?: ReactNode;
+  children?: ReactNode;
+  className?: string;
+} & import("react").RefAttributes<HTMLElement>> & {
+  Item: import("react").ForwardRefExoticComponent<AnchorHTMLAttributes<HTMLAnchorElement> & {
+    /** Marks the current page (renders text with aria-current instead of a link). */current?: boolean;
+    children?: ReactNode;
+    className?: string;
+  } & import("react").RefAttributes<HTMLAnchorElement>>;
+};
+//#endregion
+//#region src/Skeleton.d.ts
+type SkeletonProps = Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
+  /** Pulse animation (default true). */animated?: boolean;
+  width?: number | string;
+  height?: number | string;
+  radius?: CSSProperties["borderRadius"];
+  className?: string;
+};
+declare const Skeleton: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
+  /** Pulse animation (default true). */animated?: boolean;
+  width?: number | string;
+  height?: number | string;
+  radius?: CSSProperties["borderRadius"];
+  className?: string;
+} & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region ../core-styles/.arvia/types/components/progress.arv.d.ts
+// Generated by @arviahq/compiler - do not edit.
+type ProgressProps$1 = {
+  tone?: "primary" | "success" | "warning" | "danger";
+  size?: "sm" | "md" | "lg";
+};
+//#endregion
+//#region src/Progress.d.ts
+type ProgressProps = ProgressProps$1 & Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
+  /** Current value. */value: number; /** Maximum value (default 100). */
+  max?: number;
+  className?: string;
+};
+declare const Progress: import("react").ForwardRefExoticComponent<ProgressProps$1 & Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
+  /** Current value. */value: number; /** Maximum value (default 100). */
+  max?: number;
+  className?: string;
+} & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region ../core-styles/.arvia/types/components/progress-circle.arv.d.ts
+// Generated by @arviahq/compiler - do not edit.
+type ProgressCircleProps$1 = {
+  tone?: "primary" | "success" | "warning" | "danger";
+};
+//#endregion
+//#region src/ProgressCircle.d.ts
+type ProgressCircleProps = ProgressCircleProps$1 & Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
+  value: number;
+  max?: number;
+  size?: "sm" | "md" | "lg"; /** Override the ring thickness derived from `size`. */
+  strokeWidth?: number;
+  className?: string;
+};
+declare const ProgressCircle: import("react").ForwardRefExoticComponent<ProgressCircleProps$1 & Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
+  value: number;
+  max?: number;
+  size?: "sm" | "md" | "lg"; /** Override the ring thickness derived from `size`. */
+  strokeWidth?: number;
+  className?: string;
+} & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/Popover.d.ts
+type PopoverProps = {
+  open?: boolean;
+  defaultOpen?: boolean;
+  onChange?: (open: boolean) => void;
+  children?: ReactNode;
+};
+declare function PopoverRoot({
+  open,
+  defaultOpen,
+  onChange,
+  children
+}: PopoverProps): import("react").JSX.Element;
+type PopoverTriggerProps = {
+  children: ReactElement;
+};
+declare function PopoverTrigger({
+  children
+}: PopoverTriggerProps): ReactElement<{
+  onClick?: (e: MouseEvent) => void;
+  ref?: unknown;
+}, string | import("react").JSXElementConstructor<any>>;
+type PopoverContentProps = HTMLAttributes<HTMLDivElement> & {
+  children?: ReactNode;
+  className?: string;
+};
+/**
+ * Anchored popover:
+ *
+ *   <Popover>
+ *     <Popover.Trigger><Button>Open</Button></Popover.Trigger>
+ *     <Popover.Content>…</Popover.Content>
+ *   </Popover>
+ */
+declare const Popover: typeof PopoverRoot & {
+  Trigger: typeof PopoverTrigger;
+  Content: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    children?: ReactNode;
+    className?: string;
+  } & import("react").RefAttributes<HTMLDivElement>>;
+};
+//#endregion
+//#region src/Menu.d.ts
+type MenuProps = {
+  open?: boolean;
+  defaultOpen?: boolean;
+  onChange?: (open: boolean) => void;
+  children?: ReactNode;
+};
+declare function MenuRoot({
+  open,
+  defaultOpen,
+  onChange,
+  children
+}: MenuProps): import("react").JSX.Element;
+type MenuTriggerProps = {
+  children: ReactElement;
+};
+declare function MenuTrigger({
+  children
+}: MenuTriggerProps): ReactElement<{
+  onClick?: (e: MouseEvent) => void;
+  ref?: unknown;
+}, string | import("react").JSXElementConstructor<any>>;
+type MenuContentProps = HTMLAttributes<HTMLDivElement> & {
+  children?: ReactNode;
+  className?: string;
+};
+type MenuItemProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+  /** Called when the item is chosen; the menu then closes. */onSelect?: () => void;
+  danger?: boolean;
+  children?: ReactNode;
+  className?: string;
+};
+declare function MenuSeparator({
+  className,
+  ...props
+}: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+declare function MenuLabel({
+  children,
+  className,
+  ...props
+}: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+/**
+ * Dropdown menu:
+ *
+ *   <Menu>
+ *     <Menu.Trigger><Button>Actions</Button></Menu.Trigger>
+ *     <Menu.Content>
+ *       <Menu.Item onSelect={…}>Edit</Menu.Item>
+ *       <Menu.Separator />
+ *       <Menu.Item danger onSelect={…}>Delete</Menu.Item>
+ *     </Menu.Content>
+ *   </Menu>
+ */
+declare const Menu: typeof MenuRoot & {
+  Trigger: typeof MenuTrigger;
+  Content: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    children?: ReactNode;
+    className?: string;
+  } & import("react").RefAttributes<HTMLDivElement>>;
+  Item: import("react").ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
+    /** Called when the item is chosen; the menu then closes. */onSelect?: () => void;
+    danger?: boolean;
+    children?: ReactNode;
+    className?: string;
+  } & import("react").RefAttributes<HTMLButtonElement>>;
+  Separator: typeof MenuSeparator;
+  Label: typeof MenuLabel;
+};
+//#endregion
+//#region src/Select.d.ts
+type SelectOptionProps = {
+  value: string;
+  children?: ReactNode;
+  disabled?: boolean;
+};
+/** Config-only — Select reads its props; it renders nothing itself. */
+declare function SelectOption(_props: SelectOptionProps): null;
+type SelectProps = {
+  value?: string;
+  defaultValue?: string;
+  onChange?: (value: string) => void; /** Render a styled native <select> instead of the custom listbox. */
+  native?: boolean;
+  placeholder?: string;
+  disabled?: boolean;
+  name?: string;
+  children?: ReactNode;
+  className?: string;
+  "aria-label"?: string;
+  id?: string;
+};
+declare function SelectRoot({
+  value,
+  defaultValue,
+  onChange,
+  native,
+  placeholder,
+  disabled,
+  name,
+  children,
+  className,
+  "aria-label": ariaLabel,
+  id
+}: SelectProps): import("react").JSX.Element;
+/**
+ * Select with a custom listbox, or a styled native control via `native`:
+ *
+ *   <Select defaultValue="a" placeholder="Pick one">
+ *     <Select.Option value="a">Apple</Select.Option>
+ *     <Select.Option value="b">Banana</Select.Option>
+ *   </Select>
+ */
+declare const Select: typeof SelectRoot & {
+  Option: typeof SelectOption;
+};
+//#endregion
+//#region src/Toast.d.ts
+type ToastTone = "neutral" | "info" | "success" | "warning" | "danger";
+type ToastOptions = {
+  title?: ReactNode;
+  description?: ReactNode;
+  tone?: ToastTone; /** Auto-dismiss delay in ms; 0 keeps it until dismissed. Defaults to the provider's duration. */
+  duration?: number;
+};
+type ToastContextValue = {
+  toast: (options: ToastOptions) => string;
+  dismiss: (id: string) => void;
+};
+declare function useToast(): ToastContextValue;
+declare function ToastProvider({
+  children,
+  duration
+}: {
+  children: ReactNode; /** Default auto-dismiss delay in ms. */
+  duration?: number;
+}): import("react").JSX.Element;
+//#endregion
+//#region src/arvia-theme.d.ts
+/** Sets the active Arvia theme mode on `<html>`, overriding the OS color scheme. */
+declare function setTheme(mode: string): void;
+//#endregion
+export { Accordion, type AccordionContentProps, type AccordionItemProps, type AccordionProps, type AccordionTriggerProps, Alert, type AlertProps, Avatar, type AvatarProps, Badge, type BadgeProps, Box, type BoxProps, Breadcrumb, type BreadcrumbItemProps, type BreadcrumbProps, Button, type ButtonProps, Card, type CardProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, Dialog, type DialogCloseProps, type DialogContentProps, type DialogProps, type DialogTriggerProps, Divider, type DividerProps, Heading, type HeadingProps, Input, type InputProps, Link, type LinkProps, Menu, type MenuContentProps, type MenuItemProps, type MenuProps, type MenuTriggerProps, Popover, type PopoverContentProps, type PopoverProps, type PopoverTriggerProps, Progress, ProgressCircle, type ProgressCircleProps, type ProgressProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Select, type SelectOptionProps, type SelectProps, Skeleton, type SkeletonProps, Slider, type SliderProps, Spinner, type SpinnerProps, Stack, type StackProps, Switch, type SwitchProps, type TabPanelProps, type TabProps, Tabs, type TabsListProps, type TabsProps, Text, type TextProps, type ToastOptions, ToastProvider, type ToastTone, Tooltip, type TooltipProps, setTheme, useToast };