@pzerelles/headlessui-svelte 2.1.2-next.39 → 2.1.2-next.40

package/dist/button/Button.svelte.d.ts

@@ -15,4 +15,5 @@ export type ButtonOwnProps = {
 };
 export type ButtonProps = Props<typeof DEFAULT_BUTTON_TAG, ButtonRenderPropArg, ButtonOwnProps>;
 declare const Button: import("svelte").Component<ButtonProps, {}, "element">;
+type Button = ReturnType<typeof Button>;
 export default Button;

package/dist/close-button/CloseButton.svelte.d.ts

@@ -1,4 +1,5 @@
 import { type ButtonProps } from "../button/Button.svelte";
 export type CloseButtonProps = ButtonProps;
 declare const CloseButton: import("svelte").Component<ButtonProps, {}, "element">;
+type CloseButton = ReturnType<typeof CloseButton>;
 export default CloseButton;

package/dist/data-interactive/DataInteractive.svelte.d.ts

@@ -10,4 +10,5 @@ declare const DataInteractive: import("svelte").Component<{
         props?: Record<string, any>;
     }]> | undefined;
 }, {}, "">;
+type DataInteractive = ReturnType<typeof DataInteractive>;
 export default DataInteractive;

package/dist/description/Description.svelte.d.ts

@@ -6,4 +6,5 @@ export type DescriptionOwnProps = {
 };
 export type DescriptionProps = Props<typeof DEFAULT_DESCRIPTION_TAG, {}, DescriptionOwnProps>;
 declare const Description: import("svelte").Component<DescriptionProps, {}, "element">;
+type Description = ReturnType<typeof Description>;
 export default Description;

package/dist/dialog/Dialog.svelte.d.ts

@@ -18,4 +18,5 @@ export type DialogOwnProps = PropsForFeatures<typeof DialogRenderFeatures> & {
 };
 export type DialogProps = Props<typeof DEFAULT_DIALOG_TAG, DialogRenderPropArg, DialogOwnProps>;
 declare const Dialog: import("svelte").Component<DialogProps, {}, "element">;
+type Dialog = ReturnType<typeof Dialog>;
 export default Dialog;

package/dist/dialog/DialogBackdrop.svelte.d.ts

@@ -9,4 +9,5 @@ export type DialogBackdropOwnProps = {
 };
 export type DialogBackdropProps = Props<typeof DEFAULT_BACKDROP_TAG, BackdropRenderPropArg, DialogBackdropOwnProps>;
 declare const DialogBackdrop: import("svelte").Component<DialogBackdropProps, {}, "element">;
+type DialogBackdrop = ReturnType<typeof DialogBackdrop>;
 export default DialogBackdrop;

package/dist/dialog/DialogPanel.svelte.d.ts

@@ -10,4 +10,5 @@ export type DialogPanelOwnProps = {
 };
 export type DialogPanelProps = Props<typeof DEFAULT_PANEL_TAG, PanelRenderPropArg, DialogPanelOwnProps>;
 declare const DialogPanel: import("svelte").Component<DialogPanelProps, {}, "element">;
+type DialogPanel = ReturnType<typeof DialogPanel>;
 export default DialogPanel;

package/dist/dialog/DialogTitle.svelte.d.ts

@@ -9,4 +9,5 @@ export type DialogTitleOwnProps = {
 };
 export type DialogTitleProps = Props<typeof DEFAULT_TITLE_TAG, TitleRenderPropArg, DialogTitleOwnProps>;
 declare const DialogTitle: import("svelte").Component<DialogTitleProps, {}, "element">;
+type DialogTitle = ReturnType<typeof DialogTitle>;
 export default DialogTitle;

package/dist/field/Field.svelte.d.ts

@@ -6,4 +6,5 @@ export type FieldOwnProps = {
 };
 export type FieldProps = Props<typeof DEFAULT_FIELD_TAG, {}, FieldOwnProps>;
 declare const Field: import("svelte").Component<FieldProps, {}, "element">;
+type Field = ReturnType<typeof Field>;
 export default Field;

package/dist/fieldset/Fieldset.svelte.d.ts

@@ -6,4 +6,5 @@ export type FieldsetOwnProps = {
 };
 export type FieldsetProps = Props<typeof DEFAULT_FIELDSET_TAG, {}, FieldsetOwnProps>;
 declare const Fieldset: import("svelte").Component<FieldsetProps, {}, "element">;
+type Fieldset = ReturnType<typeof Fieldset>;
 export default Fieldset;

package/dist/focus-trap/FocusTrap.svelte.d.ts

@@ -12,4 +12,5 @@ export type FocusTrapOwnProps = {
 };
 export type FocusTrapProps = Props<typeof DEFAULT_FOCUS_TRAP_TAG, {}, FocusTrapOwnProps>;
 declare const FocusTrap: import("svelte").Component<FocusTrapProps, {}, "element">;
+type FocusTrap = ReturnType<typeof FocusTrap>;
 export default FocusTrap;

package/dist/index.d.ts

@@ -12,6 +12,7 @@ export * from "./legend/index.js";
 export * from "./listbox/index.js";
 export * from "./menu/index.js";
 export * from "./popover/index.js";
+export * from "./radio-group/index.js";
 export * from "./select/index.js";
 export * from "./switch/index.js";
 export * from "./tabs/index.js";

package/dist/index.js

@@ -12,6 +12,7 @@ export * from "./legend/index.js";
 export * from "./listbox/index.js";
 export * from "./menu/index.js";
 export * from "./popover/index.js";
+export * from "./radio-group/index.js";
 export * from "./select/index.js";
 export * from "./switch/index.js";
 export * from "./tabs/index.js";

package/dist/internal/FloatingProvider.svelte.d.ts

@@ -1,6 +1,8 @@
 import type { Snippet } from "svelte";
-declare const FloatingProvider: import("svelte").Component<{
+type $$ComponentProps = {
     children: Snippet;
     enabled?: boolean;
-}, {}, "">;
+};
+declare const FloatingProvider: import("svelte").Component<$$ComponentProps, {}, "">;
+type FloatingProvider = ReturnType<typeof FloatingProvider>;
 export default FloatingProvider;

package/dist/internal/FocusSentinel.svelte.d.ts

@@ -1,4 +1,6 @@
-declare const FocusSentinel: import("svelte").Component<{
+interface FocusSentinelProps {
     onfocus: () => boolean;
-}, {}, "">;
+}
+declare const FocusSentinel: import("svelte").Component<FocusSentinelProps, {}, "">;
+type FocusSentinel = ReturnType<typeof FocusSentinel>;
 export default FocusSentinel;

package/dist/internal/ForcePortalRoot.svelte.d.ts

@@ -1,6 +1,8 @@
 import type { Snippet } from "svelte";
-declare const ForcePortalRoot: import("svelte").Component<{
+type $$ComponentProps = {
     force: boolean;
     children: Snippet;
-}, {}, "">;
+};
+declare const ForcePortalRoot: import("svelte").Component<$$ComponentProps, {}, "">;
+type ForcePortalRoot = ReturnType<typeof ForcePortalRoot>;
 export default ForcePortalRoot;

package/dist/internal/FormFields.svelte.d.ts

@@ -1,8 +1,10 @@
-declare const FormFields: import("svelte").Component<{
+type $$ComponentProps = {
     data: Record<string, any>;
     overrides?: Record<string, any>;
     form?: string;
     disabled?: boolean;
     onReset?: (e: Event) => void;
-}, {}, "">;
+};
+declare const FormFields: import("svelte").Component<$$ComponentProps, {}, "">;
+type FormFields = ReturnType<typeof FormFields>;
 export default FormFields;

package/dist/internal/FormFieldsProvider.svelte.d.ts

@@ -1,5 +1,7 @@
 import type { Snippet } from "svelte";
-declare const FormFieldsProvider: import("svelte").Component<{
+type $$ComponentProps = {
     children?: Snippet;
-}, {}, "">;
+};
+declare const FormFieldsProvider: import("svelte").Component<$$ComponentProps, {}, "">;
+type FormFieldsProvider = ReturnType<typeof FormFieldsProvider>;
 export default FormFieldsProvider;

package/dist/internal/FormResolver.svelte.d.ts

@@ -1,5 +1,7 @@
-declare const FormResolver: import("svelte").Component<{
+type $$ComponentProps = {
     setForm: (form: HTMLFormElement) => void;
     formId?: string;
-}, {}, "">;
+};
+declare const FormResolver: import("svelte").Component<$$ComponentProps, {}, "">;
+type FormResolver = ReturnType<typeof FormResolver>;
 export default FormResolver;

package/dist/internal/Hidden.svelte.d.ts

@@ -8,4 +8,5 @@ export type HiddenProps = Props<typeof DEFAULT_VISUALLY_HIDDEN_TAG, HiddenRender
     features?: HiddenFeatures;
 }>;
 declare const Hidden: import("svelte").Component<HiddenProps, {}, "element">;
+type Hidden = ReturnType<typeof Hidden>;
 export default Hidden;

package/dist/internal/MainTreeProvider.svelte.d.ts

@@ -8,8 +8,10 @@ export declare function useMainTreeNode(options?: {
     fallbackMainTreeNode?: HTMLElement | null;
 }): MainTreeContext;
 import { type Snippet } from "svelte";
-declare const MainTreeProvider: import("svelte").Component<{
+type $$ComponentProps = {
     children: Snippet;
     node?: HTMLElement | null;
-}, {}, "">;
+};
+declare const MainTreeProvider: import("svelte").Component<$$ComponentProps, {}, "">;
+type MainTreeProvider = ReturnType<typeof MainTreeProvider>;
 export default MainTreeProvider;

package/dist/internal/Portal.svelte.d.ts

@@ -1,6 +1,8 @@
 import { type Snippet } from "svelte";
-declare const Portal: import("svelte").Component<{
+type $$ComponentProps = {
     target: HTMLElement;
     children: Snippet;
-}, {}, "">;
+};
+declare const Portal: import("svelte").Component<$$ComponentProps, {}, "">;
+type Portal = ReturnType<typeof Portal>;
 export default Portal;

package/dist/label/Label.svelte

@@ -48,8 +48,6 @@
       e.preventDefault()
     }
 
-    console.log("click", providedHtmlFor)
-
     if (current instanceof HTMLLabelElement) {
       let target = document.getElementById(current.getAttribute("for") ?? "")
       if (target) {

package/dist/label/Label.svelte.d.ts

@@ -8,4 +8,5 @@ export type LabelOwnProps = {
 };
 export type LabelProps = Props<typeof DEFAULT_LABEL_TAG, {}, LabelOwnProps>;
 declare const Label: import("svelte").Component<LabelProps, {}, "element">;
+type Label = ReturnType<typeof Label>;
 export default Label;

package/dist/legend/Legend.svelte.d.ts

@@ -6,4 +6,5 @@ export type LegendOwnProps = {
 };
 export type LegendProps = Props<typeof DEFAULT_LEGEND_TAG, {}, LegendOwnProps>;
 declare const Legend: import("svelte").Component<LegendProps, {}, "">;
+type Legend = ReturnType<typeof Legend>;
 export default Legend;

package/dist/listbox/ListboxButton.svelte.d.ts

@@ -18,4 +18,5 @@ export type ListboxButtonOwnProps = {
 };
 export type ListboxButtonProps = Props<typeof DEFAULT_BUTTON_TAG, ButtonRenderPropArg, ListboxButtonOwnProps>;
 declare const ListboxButton: import("svelte").Component<ListboxButtonProps, {}, "element">;
+type ListboxButton = ReturnType<typeof ListboxButton>;
 export default ListboxButton;

package/dist/listbox/ListboxOptions.svelte.d.ts

@@ -16,4 +16,5 @@ export type ListboxOptionsOwnProps = {
 } & PropsForFeatures<typeof OptionsRenderFeatures>;
 export type ListboxOptionsProps = Props<typeof DEFAULT_OPTIONS_TAG, OptionsRenderPropArg, ListboxOptionsOwnProps>;
 declare const ListboxOptions: import("svelte").Component<ListboxOptionsProps, {}, "element">;
+type ListboxOptions = ReturnType<typeof ListboxOptions>;
 export default ListboxOptions;

package/dist/listbox/ListboxSelectedOption.svelte.d.ts

@@ -11,4 +11,5 @@ export type ListboxSelectedOptionOwnProps = {
 };
 export type ListboxSelectedOptionProps = Props<typeof DEFAULT_SELECTED_OPTION_TAG, SelectedOptionRenderPropArg, ListboxSelectedOptionOwnProps>;
 declare const ListboxSelectedOption: import("svelte").Component<ListboxSelectedOptionProps, {}, "element">;
+type ListboxSelectedOption = ReturnType<typeof ListboxSelectedOption>;
 export default ListboxSelectedOption;

package/dist/menu/Menu.svelte.d.ts

@@ -8,4 +8,5 @@ export type MenuOwnProps = {
 };
 export type MenuProps = PropsAsChild<MenuRenderPropArg, MenuOwnProps>;
 declare const Menu: import("svelte").Component<MenuProps, {}, "">;
+type Menu = ReturnType<typeof Menu>;
 export default Menu;

package/dist/menu/MenuButton.svelte.d.ts

@@ -17,4 +17,5 @@ export type MenuButtonOwnProps = {
 };
 export type MenuButtonProps = Props<typeof DEFAULT_BUTTON_TAG, ButtonRenderPropArg, MenuButtonOwnProps>;
 declare const MenuButton: import("svelte").Component<MenuButtonProps, {}, "element">;
+type MenuButton = ReturnType<typeof MenuButton>;
 export default MenuButton;

package/dist/menu/MenuHeading.svelte.d.ts

@@ -6,4 +6,5 @@ export type MenuHeadingOwnProps = {
 };
 export type MenuHeadingProps = Props<typeof DEFAULT_HEADING_TAG, {}, MenuHeadingOwnProps>;
 declare const MenuHeading: import("svelte").Component<MenuHeadingProps, {}, "element">;
+type MenuHeading = ReturnType<typeof MenuHeading>;
 export default MenuHeading;

package/dist/menu/MenuItem.svelte.d.ts

@@ -15,4 +15,5 @@ export type MenuItemOwnProps = {
 };
 export type MenuItemProps = Props<typeof DEFAULT_ITEM_TAG, ItemRenderPropArg, MenuItemOwnProps>;
 declare const MenuItem: import("svelte").Component<MenuItemProps, {}, "element">;
+type MenuItem = ReturnType<typeof MenuItem>;
 export default MenuItem;

package/dist/menu/MenuItems.svelte.d.ts

@@ -16,4 +16,5 @@ export type MenuItemsOwnProps = {
 } & PropsForFeatures<typeof ItemsRenderFeatures>;
 export type MenuItemsProps = Props<typeof DEFAULT_ITEMS_TAG, ItemsRenderPropArg, MenuItemsOwnProps>;
 declare const MenuItems: import("svelte").Component<MenuItemsProps, {}, "element">;
+type MenuItems = ReturnType<typeof MenuItems>;
 export default MenuItems;

package/dist/menu/MenuSection.svelte.d.ts

@@ -5,4 +5,5 @@ export type MenuSectionOwnProps = {
 };
 export type MenuSectionProps = Props<typeof DEFAULT_SECTION_TAG, {}, MenuSectionOwnProps>;
 declare const MenuSection: import("svelte").Component<MenuSectionProps, {}, "element">;
+type MenuSection = ReturnType<typeof MenuSection>;
 export default MenuSection;

package/dist/menu/MenuSeparator.svelte.d.ts

@@ -5,4 +5,5 @@ export type MenuSeparatorOwnProps = {
 };
 export type MenuSeparatorProps = Props<typeof DEFAULT_SEPARATOR_TAG, {}, MenuSeparatorOwnProps>;
 declare const MenuSeparator: import("svelte").Component<MenuSeparatorProps, {}, "element">;
+type MenuSeparator = ReturnType<typeof MenuSeparator>;
 export default MenuSeparator;

package/dist/popover/Popover.svelte.d.ts

@@ -11,4 +11,5 @@ export type PopoverOwnProps = {
 export type PopoverProps = Props<typeof DEFAULT_POPOVER_TAG, PopoverRenderPropArg, PopoverOwnProps>;
 import { type MouseEvent } from "./context.svelte.js";
 declare const Popover: import("svelte").Component<PopoverProps, {}, "element">;
+type Popover = ReturnType<typeof Popover>;
 export default Popover;

package/dist/popover/PopoverBackdrop.svelte.d.ts

@@ -13,4 +13,5 @@ export type PopoverBackdropOwnProps = {
 export type PopoverBackdropProps = Props<typeof DEFAULT_BACKDROP_TAG, BackdropRenderPropArg, PopoverBackdropOwnProps>;
 export type PopoverOverlayProps = PopoverBackdropProps;
 declare const PopoverBackdrop: import("svelte").Component<PopoverBackdropProps, {}, "element">;
+type PopoverBackdrop = ReturnType<typeof PopoverBackdrop>;
 export default PopoverBackdrop;

package/dist/popover/PopoverButton.svelte.d.ts

@@ -17,4 +17,5 @@ export type PopoverButtonOwnProps = {
 };
 export type PopoverButtonProps = Props<typeof DEFAULT_BUTTON_TAG, PopoverButtonSlot, PopoverButtonOwnProps>;
 declare const PopoverButton: import("svelte").Component<PopoverButtonProps, {}, "element">;
+type PopoverButton = ReturnType<typeof PopoverButton>;
 export default PopoverButton;

package/dist/popover/PopoverGroup.svelte.d.ts

@@ -5,4 +5,5 @@ export type PopoverGroupOwnProps = {
 };
 export type PopoverGroupProps = Props<typeof DEFAULT_GROUP_TAG, {}, PopoverGroupOwnProps>;
 declare const PopoverGroup: import("svelte").Component<PopoverGroupProps, {}, "element">;
+type PopoverGroup = ReturnType<typeof PopoverGroup>;
 export default PopoverGroup;

package/dist/popover/PopoverPanel.svelte.d.ts

@@ -18,4 +18,5 @@ export type PopoverPanelOwnProps = {
 export type PopoverPanelProps = Props<typeof DEFAULT_PANEL_TAG, PanelRenderPropArg, PopoverPanelOwnProps>;
 import { type AnchorProps } from "../internal/floating.svelte.js";
 declare const PopoverPanel: import("svelte").Component<PopoverPanelProps, {}, "element">;
+type PopoverPanel = ReturnType<typeof PopoverPanel>;
 export default PopoverPanel;

package/dist/portal/InternalPortal.svelte.d.ts

@@ -12,4 +12,5 @@ export type PortalProps = Props<typeof DEFAULT_PORTAL_TAG, PortalRenderPropArg,
     enabled?: boolean;
 }>;
 declare const InternalPortal: import("svelte").Component<PortalProps, {}, "element">;
+type InternalPortal = ReturnType<typeof InternalPortal>;
 export default InternalPortal;

package/dist/portal/Portal.svelte.d.ts

@@ -1,3 +1,4 @@
 import { type PortalProps } from "./InternalPortal.svelte";
 declare const Portal: import("svelte").Component<PortalProps, {}, "element">;
+type Portal = ReturnType<typeof Portal>;
 export default Portal;

package/dist/portal/PortalGroup.svelte.d.ts

@@ -7,4 +7,5 @@ export type PortalGroupProps = PropsAsChild<GroupRenderPropArg, {
     target: HTMLElement | null;
 }>;
 declare const PortalGroup: import("svelte").Component<PortalGroupProps, {}, "">;
+type PortalGroup = ReturnType<typeof PortalGroup>;
 export default PortalGroup;

package/dist/radio-group/Radio.svelte

@@ -0,0 +1,135 @@
+<script lang="ts" module>
+  import type { Props } from "../utils/types.js"
+
+  const DEFAULT_RADIO_TAG = "span" as const
+
+  export type RadioRenderPropArg = {
+    checked: boolean
+    hover: boolean
+    focus: boolean
+    autofocus: boolean
+    disabled: boolean
+  }
+
+  export type RadioOwnProps<TType> = {
+    element?: HTMLElement
+    value: TType
+    disabled?: boolean
+    autofocus?: boolean
+  }
+
+  export type RadioProps<TType = string> = Props<typeof DEFAULT_RADIO_TAG, RadioRenderPropArg, RadioOwnProps<TType>>
+</script>
+
+<script lang="ts" generics="TType = ComponentProps<typeof RadioGroup>['value']">
+  import { default as RadioGroup } from "./RadioGroup.svelte"
+  import { useActions, useData } from "./contest.svelte.js"
+  import { useId } from "../hooks/use-id.js"
+  import { useLabelledBy } from "../label/context.svelte.js"
+  import { useDescribedBy } from "../description/context.svelte.js"
+  import { onMount, type ComponentProps } from "svelte"
+  import ElementOrComponent from "../utils/ElementOrComponent.svelte"
+  import { useFocusRing } from "../hooks/use-focus-ring.svelte.js"
+  import { useHover } from "../hooks/use-hover.svelte.js"
+  import { mergeProps } from "../utils/render.js"
+  import { useProvidedId } from "../utils/id.js"
+  import { useDisabled } from "../hooks/use-disabled.js"
+
+  const data = useData("Radio")
+  const actions = useActions<TType>("Radio")
+
+  const internalId = useId()
+  const providedId = useProvidedId()
+  const providedDisabled = useDisabled()
+  let {
+    element = $bindable(),
+    id: theirId,
+    value,
+    disabled: theirDisabled = false,
+    autofocus = false,
+    ...theirProps
+  }: RadioProps<TType> = $props()
+  const id = $derived(theirId || providedId || `headlessui-radio-${internalId}`)
+  const disabled = $derived(data.disabled || providedDisabled.current || theirDisabled)
+
+  const labelledby = useLabelledBy()
+  const describedby = useDescribedBy()
+
+  const propsRef = {
+    get value() {
+      return value
+    },
+    get disabled() {
+      return disabled
+    },
+  }
+
+  onMount(() => {
+    return actions.registerOption({
+      id,
+      get element() {
+        return element
+      },
+      get propsRef() {
+        return propsRef
+      },
+    })
+  })
+
+  const handleClick = (event: MouseEvent) => {
+    //if (isDisabledReactIssue7711(event.currentTarget)) return event.preventDefault()
+    if (!actions.change(value)) return
+    element?.focus()
+  }
+
+  const { isFocusVisible: focus, focusProps } = $derived(
+    useFocusRing({
+      get autofocus() {
+        return autofocus
+      },
+    })
+  )
+  const { isHovered: hover, hoverProps } = $derived(
+    useHover({
+      get disabled() {
+        return disabled
+      },
+    })
+  )
+
+  const isFirstOption = $derived(data.firstOption?.id === id)
+
+  const checked = $derived(data.compare(data.value as TType, value))
+  const ourProps = $derived(
+    mergeProps(
+      {
+        id,
+        role: "radio",
+        "aria-checked": checked ? "true" : "false",
+        "aria-labelledby": labelledby.value,
+        "aria-describedby": describedby.value,
+        "aria-disabled": disabled ? true : undefined,
+        tabIndex: (() => {
+          if (disabled) return -1
+          if (checked) return 0
+          if (!data.containsCheckedOption && isFirstOption) return 0
+          return -1
+        })(),
+        autofocus,
+        onclick: disabled ? undefined : handleClick,
+      },
+      focusProps,
+      hoverProps
+    )
+  )
+
+  const slot = $derived({
+    checked,
+    disabled,
+    hover,
+    focus,
+    autofocus,
+  } satisfies RadioRenderPropArg)
+</script>
+
+<ElementOrComponent {ourProps} {theirProps} {slot} defaultTag={DEFAULT_RADIO_TAG} bind:element name="RadioOption" />

package/dist/radio-group/Radio.svelte.d.ts

@@ -0,0 +1,35 @@
+import type { Props } from "../utils/types.js";
+declare const DEFAULT_RADIO_TAG: "span";
+export type RadioRenderPropArg = {
+    checked: boolean;
+    hover: boolean;
+    focus: boolean;
+    autofocus: boolean;
+    disabled: boolean;
+};
+export type RadioOwnProps<TType> = {
+    element?: HTMLElement;
+    value: TType;
+    disabled?: boolean;
+    autofocus?: boolean;
+};
+export type RadioProps<TType = string> = Props<typeof DEFAULT_RADIO_TAG, RadioRenderPropArg, RadioOwnProps<TType>>;
+import { default as RadioGroup } from "./RadioGroup.svelte";
+import { type ComponentProps } from "svelte";
+declare class __sveltets_Render<TType = ComponentProps<typeof RadioGroup>['value']> {
+    props(): RadioProps<TType>;
+    events(): {};
+    slots(): {};
+    bindings(): "element";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <TType = ComponentProps<typeof RadioGroup>['value']>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<TType>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<TType>['props']>, ReturnType<__sveltets_Render<TType>['events']>, ReturnType<__sveltets_Render<TType>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<TType>['bindings']>;
+    } & ReturnType<__sveltets_Render<TType>['exports']>;
+    <TType = ComponentProps<typeof RadioGroup>['value']>(internal: unknown, props: ReturnType<__sveltets_Render<TType>['props']> & {}): ReturnType<__sveltets_Render<TType>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
+declare const Radio: $$IsomorphicComponent;
+type Radio<TType = ComponentProps<typeof RadioGroup>['value']> = InstanceType<typeof Radio<TType>>;
+export default Radio;