@obosbbl/grunnmuren-react 2.0.0-canary.1 → 2.0.0-canary.2

package/dist/button/Button.d.mts

@@ -1,83 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { VariantProps } from 'cva';
-
-/**
- * Figma: https://www.figma.com/file/9OvSg0ZXI5E1eQYi7AWiWn/Grunnmuren-2.0-%E2%94%82-Designsystem?node-id=30%3A2574&mode=dev
- */
-declare const buttonVariants: (props?: ({
-    variant?: "primary" | "secondary" | "tertiary" | undefined;
-    color?: "green" | "mint" | "white" | undefined;
-    isIconOnly?: boolean | undefined;
-} & ({
-    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined;
-    className?: undefined;
-} | {
-    class?: undefined;
-    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined;
-})) | undefined) => string;
-type ButtonOrLinkProps = (React.ComponentPropsWithoutRef<'button'> & {
-    href?: never;
-}) | (React.ComponentPropsWithoutRef<'a'> & {
-    href: string;
-});
-type ButtonProps = VariantProps<typeof buttonVariants> & {
-    className?: string;
-    children: React.ReactNode;
-    /**
-     * Display the button in a loading state
-     * @default false
-     */
-    loading?: boolean;
-    style?: React.CSSProperties;
-} & ButtonOrLinkProps;
-declare function Button(props: ButtonProps): react_jsx_runtime.JSX.Element;
-
-export { Button, type ButtonProps };

package/dist/button/Button.d.ts

@@ -1,83 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { VariantProps } from 'cva';
-
-/**
- * Figma: https://www.figma.com/file/9OvSg0ZXI5E1eQYi7AWiWn/Grunnmuren-2.0-%E2%94%82-Designsystem?node-id=30%3A2574&mode=dev
- */
-declare const buttonVariants: (props?: ({
-    variant?: "primary" | "secondary" | "tertiary" | undefined;
-    color?: "green" | "mint" | "white" | undefined;
-    isIconOnly?: boolean | undefined;
-} & ({
-    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined;
-    className?: undefined;
-} | {
-    class?: undefined;
-    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined;
-})) | undefined) => string;
-type ButtonOrLinkProps = (React.ComponentPropsWithoutRef<'button'> & {
-    href?: never;
-}) | (React.ComponentPropsWithoutRef<'a'> & {
-    href: string;
-});
-type ButtonProps = VariantProps<typeof buttonVariants> & {
-    className?: string;
-    children: React.ReactNode;
-    /**
-     * Display the button in a loading state
-     * @default false
-     */
-    loading?: boolean;
-    style?: React.CSSProperties;
-} & ButtonOrLinkProps;
-declare function Button(props: ButtonProps): react_jsx_runtime.JSX.Element;
-
-export { Button, type ButtonProps };

package/dist/button/Button.mjs

@@ -1,149 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useLayoutEffect, useRef, useState } from 'react';
-import { cva } from 'cva';
-import { LoadingSpinner } from '@obosbbl/grunnmuren-icons-react';
-
-const canUseDOM = () => {
-  return typeof window !== "undefined" && typeof window.document !== "undefined" && typeof window.document.createElement !== "undefined";
-};
-const useClientLayoutEffect = canUseDOM() ? useLayoutEffect : () => {
-};
-
-const buttonVariants = cva({
-  base: [
-    "inline-flex min-h-[44px] cursor-pointer items-center justify-center whitespace-nowrap rounded-lg font-medium transition-all duration-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2"
-  ],
-  variants: {
-    /**
-     * The variant of the button
-     * @default primary
-     */
-    variant: {
-      primary: "no-underline",
-      // by using an inset box-shadow to emulate a border instead of an actual border, the button size will be equal regardless of the variant
-      secondary: "no-underline shadow-[inset_0_0_0_2px]",
-      tertiary: "underline hover:no-underline"
-    },
-    /**
-     * Adjusts the color of the button for usage on different backgrounds.
-     * @default green
-     */
-    color: {
-      green: "focus-visible:ring-black",
-      mint: "focus-visible:ring-mint focus-visible:ring-offset-green-dark",
-      white: "focus-visible:ring-white focus-visible:ring-offset-blue"
-    },
-    /**
-     * When the button is without text, but with a single icon.
-     * @default false
-     */
-    isIconOnly: {
-      true: "p-2 [&>svg]:h-7 [&>svg]:w-7",
-      false: (
-        // The of-type classes takes care to add spacing when the button is used with icons
-        "px-4 py-2 [&>svg]:first-of-type:mr-2.5 [&>svg]:last-of-type:ml-2.5"
-      )
-    }
-  },
-  compoundVariants: [
-    {
-      color: "green",
-      variant: "primary",
-      // Darken bg by 20% on hover. The color is manually crafted
-      className: "bg-green text-white hover:bg-green-dark active:bg-[#007352]"
-    },
-    {
-      color: "green",
-      variant: "secondary",
-      className: "bg-white text-black shadow-green hover:bg-green hover:text-white active:bg-green"
-    },
-    {
-      color: "mint",
-      variant: "primary",
-      // Darken bg by 20% on hover. The color is manually crafted
-      className: "active:[#9ddac6] bg-mint text-black hover:bg-[#8dd4bd]"
-    },
-    {
-      color: "mint",
-      variant: "secondary",
-      className: "text-mint shadow-mint hover:bg-mint hover:text-black"
-    },
-    {
-      color: "mint",
-      variant: "tertiary",
-      className: "text-mint"
-    },
-    {
-      color: "white",
-      variant: "primary",
-      className: "bg-white text-black hover:bg-sky active:bg-sky-light"
-    },
-    {
-      color: "white",
-      variant: "secondary",
-      className: "text-white shadow-white hover:bg-white hover:text-black"
-    },
-    {
-      color: "white",
-      variant: "tertiary",
-      className: "text-white"
-    }
-  ],
-  defaultVariants: {
-    variant: "primary",
-    color: "green",
-    isIconOnly: false
-  }
-});
-function Button(props) {
-  const {
-    children,
-    className,
-    color,
-    isIconOnly,
-    loading,
-    variant,
-    style,
-    ...restProps
-  } = props;
-  const buttonRef = useRef(null);
-  const [widthOverride, setWidthOverride] = useState();
-  useClientLayoutEffect(() => {
-    if (loading) {
-      const requestID = window.requestAnimationFrame(() => {
-        setWidthOverride(buttonRef?.current?.getBoundingClientRect()?.width);
-      });
-      return () => {
-        setWidthOverride(void 0);
-        cancelAnimationFrame(requestID);
-      };
-    }
-  }, [loading, children]);
-  let Component = "a";
-  if (props.href == null) {
-    Component = "button";
-    restProps.type ?? (restProps.type = "button");
-  }
-  return (
-    // @ts-expect-error TS doesn't agree here taht restProps is safe to spread, because restProps for anchors aren't type compatible with restProps for buttons, but that should be okay here
-    /* @__PURE__ */ jsx(
-      Component,
-      {
-        "aria-busy": loading ? true : void 0,
-        className: buttonVariants({ className, color, isIconOnly, variant }),
-        ref: buttonRef,
-        style: {
-          ...style,
-          width: widthOverride
-        },
-        ...restProps,
-        children: widthOverride ? (
-          // remove margin for icon alignment
-          /* @__PURE__ */ jsx(LoadingSpinner, { className: "!m-0 mx-auto animate-spin" })
-        ) : children
-      }
-    )
-  );
-}
-
-export { Button };

package/dist/checkbox/index.d.mts

@@ -1,32 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { CheckboxProps as CheckboxProps$1, CheckboxGroupProps as CheckboxGroupProps$1 } from 'react-aria-components';
-
-type CheckboxProps = {
-    children: React.ReactNode;
-    /** Additional CSS className for the element. */
-    className?: string;
-    /** Help text for the form control. */
-    description?: React.ReactNode;
-    /** Error message for the form control. Automatically sets `isInvalid` to true */
-    errorMessage?: React.ReactNode;
-    /** Additional style properties for the element. */
-    style?: React.CSSProperties;
-} & Omit<CheckboxProps$1, 'isDisabled' | 'style' | 'children' | 'isIndeterminate' | 'isReadOnly'>;
-declare function Checkbox(props: CheckboxProps): react_jsx_runtime.JSX.Element;
-
-type CheckboxGroupProps = {
-    children: React.ReactNode;
-    /** Additional CSS className for the element. */
-    className?: string;
-    /** Help text for the form control. */
-    description?: React.ReactNode;
-    /** Error message for the form control. Automatically sets `isInvalid` to true */
-    errorMessage?: React.ReactNode;
-    /** Label for the form control. */
-    label?: React.ReactNode;
-    /** Additional style properties for the element. */
-    style?: React.CSSProperties;
-} & Omit<CheckboxGroupProps$1, 'className' | 'isReadOnly' | 'isDisabled' | 'children' | 'style' | 'orientation'>;
-declare function CheckboxGroup(props: CheckboxGroupProps): react_jsx_runtime.JSX.Element;
-
-export { Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps };

package/dist/checkbox/index.d.ts

@@ -1,32 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { CheckboxProps as CheckboxProps$1, CheckboxGroupProps as CheckboxGroupProps$1 } from 'react-aria-components';
-
-type CheckboxProps = {
-    children: React.ReactNode;
-    /** Additional CSS className for the element. */
-    className?: string;
-    /** Help text for the form control. */
-    description?: React.ReactNode;
-    /** Error message for the form control. Automatically sets `isInvalid` to true */
-    errorMessage?: React.ReactNode;
-    /** Additional style properties for the element. */
-    style?: React.CSSProperties;
-} & Omit<CheckboxProps$1, 'isDisabled' | 'style' | 'children' | 'isIndeterminate' | 'isReadOnly'>;
-declare function Checkbox(props: CheckboxProps): react_jsx_runtime.JSX.Element;
-
-type CheckboxGroupProps = {
-    children: React.ReactNode;
-    /** Additional CSS className for the element. */
-    className?: string;
-    /** Help text for the form control. */
-    description?: React.ReactNode;
-    /** Error message for the form control. Automatically sets `isInvalid` to true */
-    errorMessage?: React.ReactNode;
-    /** Label for the form control. */
-    label?: React.ReactNode;
-    /** Additional style properties for the element. */
-    style?: React.CSSProperties;
-} & Omit<CheckboxGroupProps$1, 'className' | 'isReadOnly' | 'isDisabled' | 'children' | 'style' | 'orientation'>;
-declare function CheckboxGroup(props: CheckboxGroupProps): react_jsx_runtime.JSX.Element;
-
-export { Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps };

package/dist/checkbox/index.mjs

@@ -1,106 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useId } from 'react';
-import { cx } from 'cva';
-import { CheckboxContext, Checkbox as Checkbox$1, CheckboxGroup as CheckboxGroup$1 } from 'react-aria-components';
-import { Check } from '@obosbbl/grunnmuren-icons-react';
-import { Description, ErrorMessage, Label } from '../label/index.mjs';
-
-const defaultClasses = cx([
-  "group relative left-0 inline-flex max-w-fit cursor-pointer items-start gap-4 py-2 leading-7"
-]);
-function CheckmarkBox() {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cx([
-        "relative left-0 grid flex-none place-content-center rounded-sm border-2 border-black text-white",
-        // to vertically align the radio we need to calculate the label's height, which is equal to it's font size multiplied by the line height.
-        // For the ::before psuedo element the line height of the label is always 1em.
-        // When we know the height of the label we use the height of the radio to push it down to align with the label's first line
-        // TODO: 1.75 here is the unit less lineheight, altough we use 1.75rem as the line height, so there is a mismatch here. Revisit this when we've worked on typography in v2. Should this be a CSS custom property instead?
-        "mt-[calc((1em_*_1.75_-_24px)_/_2)] h-[24px] w-[24px]",
-        // selected
-        "group-data-[selected]:!border-green group-data-[selected]:!bg-green",
-        // focus
-        "group-data-[focus-visible]:ring-2 group-data-[focus-visible]:ring-black group-data-[focus-visible]:ring-offset-[9px]",
-        // hovered
-        "group-data-[hovered]:border-green group-data-[hovered]:group-data-[invalid]:border-red group-data-[hovered]:bg-green-lightest group-data-[hovered]:group-data-[invalid]:bg-red-light",
-        // invalid - The border is 1 px thicker when invalid. We don't actually want to change the border width, as that causes the element's size to change
-        // so we use an inner shadow of 1 px instead to pad the actual border
-        "group-data-[invalid]:border-red group-data-[invalid]:group-data-[selected]:shadow-none group-data-[invalid]:shadow-[inset_0_0_0_1px] group-data-[invalid]:shadow-red"
-      ]),
-      children: /* @__PURE__ */ jsx(Check, { className: "h-full w-full opacity-0 group-data-[selected]:opacity-100" })
-    }
-  );
-}
-function Checkbox(props) {
-  const {
-    children,
-    className,
-    description,
-    errorMessage,
-    isInvalid: _isInvalid,
-    ...restProps
-  } = props;
-  const id = useId();
-  const descriptionId = "desc" + id;
-  const errorMessageId = "error" + id;
-  const isInvalid = _isInvalid || errorMessage != null;
-  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
-    CheckboxContext.Provider,
-    {
-      value: {
-        "aria-describedby": description ? descriptionId : void 0,
-        "aria-errormessage": errorMessage ? errorMessageId : void 0
-      },
-      children: [
-        /* @__PURE__ */ jsxs(
-          Checkbox$1,
-          {
-            ...restProps,
-            className: cx(className, defaultClasses),
-            isInvalid,
-            children: [
-              /* @__PURE__ */ jsx("div", { className: "absolute -left-2.5 top-0 z-10 h-11 w-11" }),
-              /* @__PURE__ */ jsx(CheckmarkBox, {}),
-              children
-            ]
-          }
-        ),
-        description && /* @__PURE__ */ jsx(Description, { className: "block", id: descriptionId, children: description }),
-        errorMessage && /* @__PURE__ */ jsx(ErrorMessage, { className: "mt-2 block", id: errorMessageId, children: errorMessage })
-      ]
-    }
-  ) });
-}
-
-function CheckboxGroup(props) {
-  const {
-    children,
-    className,
-    description,
-    errorMessage,
-    label,
-    isRequired,
-    isInvalid: _isInvalid,
-    ...restProps
-  } = props;
-  const isInvalid = _isInvalid || errorMessage != null;
-  return /* @__PURE__ */ jsxs(
-    CheckboxGroup$1,
-    {
-      ...restProps,
-      className: cx(className, "flex flex-col gap-2"),
-      isInvalid,
-      isRequired,
-      children: [
-        label && /* @__PURE__ */ jsx(Label, { children: label }),
-        description && /* @__PURE__ */ jsx(Description, { children: description }),
-        children,
-        errorMessage && /* @__PURE__ */ jsx(ErrorMessage, { children: errorMessage })
-      ]
-    }
-  );
-}
-
-export { Checkbox, CheckboxGroup };

package/dist/label/index.d.mts

@@ -1,13 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { TextProps, LabelProps } from 'react-aria-components';
-export { LabelProps } from 'react-aria-components';
-
-type DescriptionProps = TextProps;
-declare function Description(props: DescriptionProps): react_jsx_runtime.JSX.Element;
-
-type ErrorMessageProps = TextProps;
-declare function ErrorMessage(props: ErrorMessageProps): react_jsx_runtime.JSX.Element;
-
-declare function Label(props: LabelProps): react_jsx_runtime.JSX.Element;
-
-export { Description, type DescriptionProps, ErrorMessage, type ErrorMessageProps, Label };

package/dist/label/index.d.ts

@@ -1,13 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { TextProps, LabelProps } from 'react-aria-components';
-export { LabelProps } from 'react-aria-components';
-
-type DescriptionProps = TextProps;
-declare function Description(props: DescriptionProps): react_jsx_runtime.JSX.Element;
-
-type ErrorMessageProps = TextProps;
-declare function ErrorMessage(props: ErrorMessageProps): react_jsx_runtime.JSX.Element;
-
-declare function Label(props: LabelProps): react_jsx_runtime.JSX.Element;
-
-export { Description, type DescriptionProps, ErrorMessage, type ErrorMessageProps, Label };

package/dist/label/index.mjs

@@ -1,45 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { cx } from 'cva';
-import { Text, Label as Label$1 } from 'react-aria-components';
-
-function ErrorMessage(props) {
-  const { children, className, ...restProps } = props;
-  return /* @__PURE__ */ jsx(
-    Text,
-    {
-      ...restProps,
-      className: cx(
-        className,
-        "w-fit rounded-sm bg-red-light px-2 py-1 text-sm leading-6 text-red"
-      ),
-      slot: "errorMessage",
-      children
-    }
-  );
-}
-
-function Description(props) {
-  const { className, ...restProps } = props;
-  return /* @__PURE__ */ jsx(
-    Text,
-    {
-      ...restProps,
-      className: cx(className, "text-sm font-light leading-6"),
-      slot: "description"
-    }
-  );
-}
-
-function Label(props) {
-  const { children, className, ...restProps } = props;
-  return /* @__PURE__ */ jsx(
-    Label$1,
-    {
-      className: cx(className, "font-semibold leading-7"),
-      ...restProps,
-      children
-    }
-  );
-}
-
-export { Description, ErrorMessage, Label };

package/dist/radiogroup/index.d.mts

@@ -1,30 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { RadioGroupProps as RadioGroupProps$1, RadioProps as RadioProps$1 } from 'react-aria-components';
-
-type RadioGroupProps = {
-    children: React.ReactNode;
-    /** Additional CSS className for the element. */
-    className?: string;
-    /** Help text for the form control. */
-    description?: React.ReactNode;
-    /** Error message for the form control. Automatically sets `isInvalid` to true */
-    errorMessage?: React.ReactNode;
-    /** Label for the form control. */
-    label?: React.ReactNode;
-    /** Additional style properties for the element. */
-    style?: React.CSSProperties;
-} & Omit<RadioGroupProps$1, 'className' | 'isReadOnly' | 'isDisabled' | 'children' | 'style' | 'orientation'>;
-declare function RadioGroup(props: RadioGroupProps): react_jsx_runtime.JSX.Element;
-
-type RadioProps = {
-    children: React.ReactNode;
-    /** Additional CSS className for the element. */
-    className?: string;
-    /** Help text for the form control. */
-    description?: React.ReactNode;
-    /** Additional style properties for the element. */
-    style?: React.CSSProperties;
-} & Omit<RadioProps$1, 'isDisabled' | 'children' | 'style'>;
-declare function Radio(props: RadioProps): react_jsx_runtime.JSX.Element;
-
-export { Radio, RadioGroup, type RadioGroupProps, type RadioProps };

package/dist/radiogroup/index.d.ts

@@ -1,30 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { RadioGroupProps as RadioGroupProps$1, RadioProps as RadioProps$1 } from 'react-aria-components';
-
-type RadioGroupProps = {
-    children: React.ReactNode;
-    /** Additional CSS className for the element. */
-    className?: string;
-    /** Help text for the form control. */
-    description?: React.ReactNode;
-    /** Error message for the form control. Automatically sets `isInvalid` to true */
-    errorMessage?: React.ReactNode;
-    /** Label for the form control. */
-    label?: React.ReactNode;
-    /** Additional style properties for the element. */
-    style?: React.CSSProperties;
-} & Omit<RadioGroupProps$1, 'className' | 'isReadOnly' | 'isDisabled' | 'children' | 'style' | 'orientation'>;
-declare function RadioGroup(props: RadioGroupProps): react_jsx_runtime.JSX.Element;
-
-type RadioProps = {
-    children: React.ReactNode;
-    /** Additional CSS className for the element. */
-    className?: string;
-    /** Help text for the form control. */
-    description?: React.ReactNode;
-    /** Additional style properties for the element. */
-    style?: React.CSSProperties;
-} & Omit<RadioProps$1, 'isDisabled' | 'children' | 'style'>;
-declare function Radio(props: RadioProps): react_jsx_runtime.JSX.Element;
-
-export { Radio, RadioGroup, type RadioGroupProps, type RadioProps };