@qasa/qds-ui 0.10.0-next.8 → 0.10.0

package/dist/esm/types/components/_internal/form-parts.d.ts

@@ -1,10 +1,10 @@
 import type { PropsWithChildren } from 'react';
-export declare function FormField({ children }: PropsWithChildren): JSX.Element;
+export declare function FormField({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;
 export declare const ErrorMessage: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const HelperText: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/dist/esm/types/components/avatar/avatar.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import type { HTMLQdsProps } from '../../types';
+import { type ResponsiveProp } from '../../hooks/use-responsive-prop';
 declare const SIZE_MAP: {
     xs: number;
     sm: number;
@@ -8,7 +9,7 @@ declare const SIZE_MAP: {
     xl: number;
     '2xl': number;
 };
-declare type AvatarSize = keyof typeof SIZE_MAP;
+type AvatarSize = keyof typeof SIZE_MAP;
 interface AvatarOptions {
     /**
      * Source url of the image to display. If not passed
@@ -23,7 +24,7 @@ interface AvatarOptions {
      * Size of the avatar
      * @default 'md'
      */
-    size?: AvatarSize;
+    size?: ResponsiveProp<AvatarSize>;
 }
 export interface AvatarProps extends HTMLQdsProps<'span'>, AvatarOptions {
 }

package/dist/esm/types/components/button/button-icon.d.ts

@@ -6,5 +6,5 @@ interface ButtonIconProps {
     icon: ElementType<IconProps>;
     placement: 'left' | 'right';
 }
-export declare function ButtonIcon({ buttonSize, icon: Icon, placement }: ButtonIconProps): JSX.Element;
+export declare function ButtonIcon({ buttonSize, icon: Icon, placement }: ButtonIconProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/esm/types/components/button/button-styles.d.ts

@@ -199,6 +199,7 @@ export declare const getSizeStyles: (theme: {
         md: string;
         lg: string;
         xl: string;
+        '2xl': string;
         full: string;
     };
     shadows: {
@@ -449,7 +450,7 @@ export declare const getSizeStyles: (theme: {
         paddingRight: string;
     };
 };
-export declare type ButtonSize = VariantProps<typeof getSizeStyles>;
+export type ButtonSize = VariantProps<typeof getSizeStyles>;
 export declare const getVariantStyles: (theme: {
     mediaQueries: {
         readonly smUp: "@media(min-width: 480px)";
@@ -650,6 +651,7 @@ export declare const getVariantStyles: (theme: {
         md: string;
         lg: string;
         xl: string;
+        '2xl': string;
         full: string;
     };
     shadows: {
@@ -892,4 +894,4 @@ export declare const getVariantStyles: (theme: {
         };
     };
 };
-export declare type ButtonVariant = VariantProps<typeof getVariantStyles>;
+export type ButtonVariant = VariantProps<typeof getVariantStyles>;

package/dist/esm/types/components/button/button-types.d.ts

@@ -1,12 +1,13 @@
 import type { ElementType } from 'react';
 import type { IconProps } from '../icon';
+import { type ResponsiveProp } from '../../hooks/use-responsive-prop';
 import type { ButtonSize, ButtonVariant } from './button-styles';
 export interface ButtonOptions {
     /**
      * Sets the size of the button
      * @default 'md'
      */
-    size?: ButtonSize;
+    size?: ResponsiveProp<ButtonSize>;
     /**
      * Sets the style variant of the button
      * @default 'secondary'

package/dist/esm/types/components/button/button.d.ts

@@ -1,6 +1,6 @@
 import type * as Polymorphic from '../../utils/polymorphic';
 import type { ButtonOptions } from './button-types';
-declare type PolymorphicButton = Polymorphic.ForwardRefComponent<'button', ButtonOptions>;
-export declare type ButtonProps = Polymorphic.PropsOf<PolymorphicButton>;
+type PolymorphicButton = Polymorphic.ForwardRefComponent<'button', ButtonOptions>;
+export type ButtonProps = Polymorphic.PropsOf<PolymorphicButton>;
 export declare const Button: PolymorphicButton;
 export {};

package/dist/esm/types/components/checkbox/checkbox.d.ts

@@ -21,6 +21,10 @@ interface CheckboxOptions {
      * ```
      */
     label: string | ReactElement<unknown>;
+    /**
+     * Text that provides additional guidance to the user
+     */
+    helperText?: string;
     /**
      * The checked state of the checkbox when it is initially rendered. Use when you do not need to control its checked state.
      */
@@ -46,6 +50,10 @@ interface CheckboxOptions {
      * @default false
      */
     isInvalid?: boolean;
+    /**
+     * The error message to display if `isInvalid` is `true`
+     */
+    errorMessage?: string;
     /**
      * If `true` it prevents the user from interacting with the checkbox.
      * @default false
@@ -65,6 +73,6 @@ interface CheckboxOptions {
      */
     value?: string;
 }
-export declare type CheckboxProps = Omit<CheckboxPrimitive.CheckboxProps, 'asChild' | 'children' | 'checked' | 'defaultChecked' | keyof CheckboxOptions> & CheckboxOptions;
+export type CheckboxProps = Omit<CheckboxPrimitive.CheckboxProps, 'asChild' | 'children' | 'checked' | 'defaultChecked' | keyof CheckboxOptions> & CheckboxOptions;
 export declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps, "children" | "asChild" | keyof CheckboxOptions> & CheckboxOptions & import("react").RefAttributes<HTMLButtonElement>>;
 export {};

package/dist/esm/types/components/display-text/display-text.d.ts

@@ -1,8 +1,9 @@
 import type * as Polymorphic from '../../utils/polymorphic';
 import type { Theme } from '../../theme';
-declare type DisplaySize = keyof Theme['typography']['display'];
-declare type DisplayTextAlign = 'left' | 'center' | 'right';
-declare type DisplayTextWrap = 'pretty' | 'balance' | 'wrap' | 'nowrap' | 'stable';
+import { type ResponsiveProp } from '../../hooks/use-responsive-prop';
+type DisplaySize = keyof Theme['typography']['display'];
+type DisplayTextAlign = 'left' | 'center' | 'right';
+type DisplayTextWrap = 'pretty' | 'balance' | 'wrap' | 'nowrap' | 'stable';
 interface DisplayTextOptions {
     /**
      * Sets the visual size of the display text.
@@ -10,7 +11,7 @@ interface DisplayTextOptions {
      *
      * @default 'md'
      */
-    size?: DisplaySize;
+    size?: ResponsiveProp<DisplaySize>;
     /**
      * Sets the text alignment
      * @default 'left'
@@ -23,7 +24,7 @@ interface DisplayTextOptions {
      */
     textWrap?: DisplayTextWrap;
 }
-declare type DisplayTextComponent = Polymorphic.ForwardRefComponent<'h2', DisplayTextOptions>;
-export declare type DisplayTextProps = Polymorphic.PropsOf<DisplayTextComponent>;
+type DisplayTextComponent = Polymorphic.ForwardRefComponent<'h2', DisplayTextOptions>;
+export type DisplayTextProps = Polymorphic.PropsOf<DisplayTextComponent>;
 export declare const DisplayText: DisplayTextComponent;
 export {};

package/dist/esm/types/components/dropdown-menu/dropdown-menu-content.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import * as DropdownPrimitive from '@radix-ui/react-dropdown-menu';
 import type { HTMLQdsProps } from '../../types';
-declare type PrimitiveContentProps = DropdownPrimitive.MenuContentProps;
+type PrimitiveContentProps = DropdownPrimitive.MenuContentProps;
 interface DropdownMenuContentOptions {
     /**
      * Event handler called when focus moves to the trigger after closing.

package/dist/esm/types/components/dropdown-menu/dropdown-menu-divider.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import type { HTMLQdsProps } from '../../types';
-export declare type DropdownMenuDividerProps = HTMLQdsProps<'div'>;
-export declare const DropdownMenuDivider: import("react").ForwardRefExoticComponent<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("react").RefAttributes<HTMLDivElement>>;
+export type DropdownMenuDividerProps = HTMLQdsProps<'div'>;
+export declare const DropdownMenuDivider: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/esm/types/components/dropdown-menu/dropdown-menu-trigger.d.ts

@@ -1,5 +1,5 @@
 import type * as Polymorphic from '../../utils/polymorphic';
-declare type DropdownTriggerComponent = Polymorphic.ForwardRefComponent<'button'>;
-export declare type DropdownMenuTriggerProps = Polymorphic.PropsOf<DropdownTriggerComponent>;
+type DropdownTriggerComponent = Polymorphic.ForwardRefComponent<'button'>;
+export type DropdownMenuTriggerProps = Polymorphic.PropsOf<DropdownTriggerComponent>;
 export declare const DropdownMenuTrigger: DropdownTriggerComponent;
 export {};

package/dist/esm/types/components/dropdown-menu/dropdown-menu.d.ts

@@ -19,11 +19,11 @@ interface DropdownMenuRootProps {
      */
     onOpenChange?: (isOpen: boolean) => void;
 }
-declare function DropdownMenuRoot(props: DropdownMenuRootProps): JSX.Element;
+declare function DropdownMenuRoot(props: DropdownMenuRootProps): import("react/jsx-runtime").JSX.Element;
 export declare const DropdownMenu: typeof DropdownMenuRoot & {
-    Trigger: import("../../utils/polymorphic").ForwardRefComponent<"button", {}>;
+    Trigger: import("../..").ForwardRefComponent<"button", {}>;
     Content: import("react").ForwardRefExoticComponent<DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement>>;
     Item: import("react").ForwardRefExoticComponent<DropdownMenuItemProps & import("react").RefAttributes<HTMLDivElement>>;
-    Divider: import("react").ForwardRefExoticComponent<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("react").RefAttributes<HTMLDivElement>>;
+    Divider: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 };
 export type { DropdownMenuRootProps, DropdownMenuTriggerProps, DropdownMenuContentProps, DropdownMenuItemProps, DropdownMenuDividerProps, };

package/dist/esm/types/components/heading/heading.d.ts

@@ -1,7 +1,8 @@
 import type * as Polymorphic from '../../utils/polymorphic';
 import type { Theme } from '../../theme';
-declare type HeadingSize = keyof Theme['typography']['title'];
-declare type HeadingColor = keyof Theme['colors']['text'];
+import { type ResponsiveProp } from '../../hooks/use-responsive-prop';
+type HeadingSize = keyof Theme['typography']['title'];
+type HeadingColor = keyof Theme['colors']['text'];
 interface HeadingOptions {
     /**
      * Sets the visual size of the heading.
@@ -9,7 +10,7 @@ interface HeadingOptions {
      *
      * @default 'md'
      */
-    size?: HeadingSize;
+    size?: ResponsiveProp<HeadingSize>;
     /**
      * Sets the color of the heading
      * @default 'default'
@@ -25,7 +26,7 @@ interface HeadingOptions {
      */
     textAlign?: 'left' | 'center' | 'right';
 }
-declare type HeadingComponent = Polymorphic.ForwardRefComponent<'h2', HeadingOptions>;
-export declare type HeadingProps = Polymorphic.PropsOf<HeadingComponent>;
+type HeadingComponent = Polymorphic.ForwardRefComponent<'h2', HeadingOptions>;
+export type HeadingProps = Polymorphic.PropsOf<HeadingComponent>;
 export declare const Heading: HeadingComponent;
 export {};

package/dist/esm/types/components/hint-box/hint-box.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
 import type { HTMLQdsProps } from '../../types';
-export declare type HintBoxTitleProps = HTMLQdsProps<'span'>;
-export declare type HintBoxProps = HTMLQdsProps<'aside'>;
-export declare const HintBox: import("react").ForwardRefExoticComponent<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "key" | keyof import("react").HTMLAttributes<HTMLElement>> & import("react").RefAttributes<HTMLElement>> & {
+export type HintBoxTitleProps = HTMLQdsProps<'span'>;
+export type HintBoxProps = HTMLQdsProps<'aside'>;
+export declare const HintBox: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>> & {
     Title: import("@emotion/styled").StyledComponent<{
         theme?: import("@emotion/react").Theme | undefined;
-        as?: import("react").ElementType<any> | undefined;
+        as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
     }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
 };

package/dist/esm/types/components/icon/icon.types.d.ts

@@ -1,7 +1,7 @@
 import type { SVGAttributes } from 'react';
 import type { Theme } from '../../theme';
-declare type IconSize = 16 | 20 | 24 | 32;
-declare type IconColor = keyof Theme['colors']['icon'] | 'currentColor';
+type IconSize = 16 | 20 | 24 | 32;
+type IconColor = keyof Theme['colors']['icon'] | 'currentColor';
 export interface IconOptions {
     /**
      * The size of the icon.
@@ -16,7 +16,7 @@ export interface IconOptions {
      */
     color?: IconColor;
 }
-declare type OmittedProps = 'color' | 'onClick' | 'width' | 'height' | 'fontSize';
+type OmittedProps = 'color' | 'onClick' | 'width' | 'height' | 'fontSize';
 export interface IconProps extends Omit<SVGAttributes<SVGElement>, OmittedProps>, IconOptions {
 }
 export {};

package/dist/esm/types/components/icon-button/icon-button-styles.d.ts

@@ -198,6 +198,7 @@ export declare const getSizeStyles: (theme: {
         md: string;
         lg: string;
         xl: string;
+        '2xl': string;
         full: string;
     };
     shadows: {
@@ -610,6 +611,7 @@ export declare const getVariantStyles: (theme: {
         md: string;
         lg: string;
         xl: string;
+        '2xl': string;
         full: string;
     };
     shadows: {

package/dist/esm/types/components/icon-button/icon-button.d.ts

@@ -2,9 +2,10 @@ import type { ElementType } from 'react';
 import type { VariantProps } from '../../styles';
 import type { IconProps } from '../icon';
 import type * as Polymorphic from '../../utils/polymorphic';
+import { type ResponsiveProp } from '../../hooks/use-responsive-prop';
 import { getSizeStyles, getVariantStyles } from './icon-button-styles';
-declare type IconButtonSize = VariantProps<typeof getSizeStyles>;
-declare type IconButtonVariant = VariantProps<typeof getVariantStyles>;
+type IconButtonSize = VariantProps<typeof getSizeStyles>;
+type IconButtonVariant = VariantProps<typeof getVariantStyles>;
 interface IconButtonOptions {
     icon: ElementType<IconProps>;
     /**
@@ -15,7 +16,7 @@ interface IconButtonOptions {
     /**
      * Defines the size of the button
      */
-    size?: IconButtonSize;
+    size?: ResponsiveProp<IconButtonSize>;
     /**
      * Sets the style variant of the button
      */
@@ -25,7 +26,7 @@ interface IconButtonOptions {
      */
     isDisabled?: boolean;
 }
-declare type IconButtonComponent = Polymorphic.ForwardRefComponent<'button', IconButtonOptions>;
-export declare type IconButtonProps = Polymorphic.PropsOf<IconButtonComponent>;
+type IconButtonComponent = Polymorphic.ForwardRefComponent<'button', IconButtonOptions>;
+export type IconButtonProps = Polymorphic.PropsOf<IconButtonComponent>;
 export declare const IconButton: IconButtonComponent;
 export {};

package/dist/esm/types/components/index.d.ts

@@ -1,5 +1,7 @@
 export * from './avatar';
 export * from './button';
+export * from './display-text';
+export * from './checkbox';
 export * from './divider';
 export * from './dropdown-menu';
 export * from './heading';
@@ -16,5 +18,6 @@ export * from './radio-group';
 export * from './select';
 export * from './spacer';
 export * from './stack';
+export * from './switch';
 export * from './textarea';
 export * from './toast';

package/dist/esm/types/components/label/label.d.ts

@@ -1,6 +1,7 @@
 import type { VariantProps } from '../../styles';
 import type * as Polymorphic from '../../utils/polymorphic';
 import type { Theme } from '../../theme';
+import { type ResponsiveProp } from '../../hooks/use-responsive-prop';
 declare const getSizeStyles: (theme: {
     mediaQueries: {
         readonly smUp: "@media(min-width: 480px)";
@@ -95,9 +96,6 @@ declare const getSizeStyles: (theme: {
             blue60: string;
             blue50: string;
             blue40: string;
-            /**
-             * Size of the label
-             */
             blue30: string;
             blue20: string;
             blue10: string;
@@ -204,6 +202,7 @@ declare const getSizeStyles: (theme: {
         md: string;
         lg: string;
         xl: string;
+        '2xl': string;
         full: string;
     };
     shadows: {
@@ -242,7 +241,10 @@ declare const getSizeStyles: (theme: {
             lg: {
                 fontFamily: string;
                 fontWeight: string;
-                fontSize: string;
+                fontSize: string; /**
+                 * Sets the color of the label
+                 * @default 'default'
+                 */
                 lineHeight: string;
                 letterSpacing: string;
                 fontFeatureSettings: string;
@@ -418,20 +420,20 @@ declare const getSizeStyles: (theme: {
         letterSpacing: string;
     };
 };
-declare type LabelSize = VariantProps<typeof getSizeStyles>;
-declare type LabelColor = keyof Theme['colors']['text'];
+type LabelSize = VariantProps<typeof getSizeStyles>;
+type LabelColor = keyof Theme['colors']['text'];
 interface LabelOptions {
     /**
      * Size of the label
      */
-    size?: LabelSize;
+    size?: ResponsiveProp<LabelSize>;
     /**
      * Sets the color of the label
      * @default 'default'
      */
     color?: LabelColor;
 }
-declare type LabelComponent = Polymorphic.ForwardRefComponent<'label', LabelOptions>;
-export declare type LabelProps = Polymorphic.PropsOf<LabelComponent>;
+type LabelComponent = Polymorphic.ForwardRefComponent<'label', LabelOptions>;
+export type LabelProps = Polymorphic.PropsOf<LabelComponent>;
 export declare const Label: LabelComponent;
 export {};

package/dist/esm/types/components/link/link.d.ts

@@ -9,7 +9,7 @@ interface LinkOptions {
      */
     isExternal?: boolean;
 }
-declare type LinkComponent = Polymorphic.ForwardRefComponent<'a', LinkOptions>;
-export declare type LinkProps = Polymorphic.PropsOf<LinkComponent>;
+type LinkComponent = Polymorphic.ForwardRefComponent<'a', LinkOptions>;
+export type LinkProps = Polymorphic.PropsOf<LinkComponent>;
 export declare const Link: LinkComponent;
 export {};

package/dist/esm/types/components/loading-dots/loading-dots.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import type { VariantProps } from '../../styles';
 import type { HTMLQdsProps } from '../../types';
+import { type ResponsiveProp } from '../../hooks/use-responsive-prop';
 declare const getSizeStyles: (theme: {
     mediaQueries: {
         readonly smUp: "@media(min-width: 480px)";
@@ -201,6 +202,7 @@ declare const getSizeStyles: (theme: {
         md: string;
         lg: string;
         xl: string;
+        '2xl': string;
         full: string;
     };
     shadows: {
@@ -407,9 +409,9 @@ declare const getSizeStyles: (theme: {
         fontSize: string;
     };
 };
-declare type LoadingDotsSize = VariantProps<typeof getSizeStyles>;
+type LoadingDotsSize = VariantProps<typeof getSizeStyles>;
 interface LoadingDotsOptions {
-    size?: LoadingDotsSize;
+    size?: ResponsiveProp<LoadingDotsSize>;
 }
 export interface LoadingDotsProps extends HTMLQdsProps<'span'>, LoadingDotsOptions {
 }

package/dist/esm/types/components/paragraph/paragraph.d.ts

@@ -1,6 +1,7 @@
 import type { VariantProps } from '../../styles';
 import type { Theme } from '../../theme';
 import type * as Polymorphic from '../../utils/polymorphic';
+import { type ResponsiveProp } from '../../hooks/use-responsive-prop';
 declare const getSizeStyles: (theme: {
     mediaQueries: {
         readonly smUp: "@media(min-width: 480px)";
@@ -201,6 +202,7 @@ declare const getSizeStyles: (theme: {
         md: string;
         lg: string;
         xl: string;
+        '2xl': string;
         full: string;
     };
     shadows: {
@@ -247,7 +249,10 @@ declare const getSizeStyles: (theme: {
             md: {
                 fontFamily: string;
                 fontWeight: string;
-                fontSize: string;
+                fontSize: string; /**
+                 * Sets the visual size of the text
+                 * @default 'md'
+                 */
                 lineHeight: string;
                 letterSpacing: string;
                 fontFeatureSettings: string;
@@ -436,14 +441,14 @@ declare const getSizeStyles: (theme: {
         letterSpacing: string;
     };
 };
-declare type ParagraphSize = VariantProps<typeof getSizeStyles>;
-declare type ParagraphColor = keyof Theme['colors']['text'];
+type ParagraphSize = VariantProps<typeof getSizeStyles>;
+type ParagraphColor = keyof Theme['colors']['text'];
 interface ParagraphOptions {
     /**
      * Sets the visual size of the text
      * @default 'md'
      */
-    size?: ParagraphSize;
+    size?: ResponsiveProp<ParagraphSize>;
     /**
      * Sets the color of the text
      * @default 'normal'
@@ -459,7 +464,7 @@ interface ParagraphOptions {
      */
     textAlign?: 'left' | 'center' | 'right';
 }
-declare type ParagraphComponent = Polymorphic.ForwardRefComponent<'p', ParagraphOptions>;
-export declare type ParagraphProps = Polymorphic.PropsOf<ParagraphComponent>;
+type ParagraphComponent = Polymorphic.ForwardRefComponent<'p', ParagraphOptions>;
+export type ParagraphProps = Polymorphic.PropsOf<ParagraphComponent>;
 export declare const Paragraph: ParagraphComponent;
 export {};

package/dist/esm/types/components/primitives/input-base/input-base.d.ts

@@ -14,7 +14,7 @@ export interface InputBaseOptions {
      */
     isRequired?: boolean;
 }
-declare type OmittedProps = 'children' | 'readOnly' | 'size' | 'disabled' | 'required';
+type OmittedProps = 'children' | 'readOnly' | 'size' | 'disabled' | 'required';
 export interface InputBaseProps extends Omit<HTMLQdsProps<'input'>, OmittedProps>, InputBaseOptions {
 }
 export declare const InputBase: import("react").ForwardRefExoticComponent<InputBaseProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/esm/types/components/primitives/select-base/select-base.d.ts

@@ -23,7 +23,7 @@ export interface SelectBaseOptions {
      */
     isRequired?: boolean;
 }
-declare type OmittedProps = 'readOnly' | 'size' | 'multiple' | 'disabled' | 'required';
+type OmittedProps = 'readOnly' | 'size' | 'multiple' | 'disabled' | 'required';
 interface SelectBaseProps extends Omit<HTMLQdsProps<'select'>, OmittedProps>, SelectBaseOptions {
 }
 export declare const SelectBase: import("react").ForwardRefExoticComponent<SelectBaseProps & import("react").RefAttributes<HTMLSelectElement>>;

package/dist/esm/types/components/primitives/textarea-base/textarea-base.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import type { HTMLQdsProps } from '../../../types';
-declare type ResizeProp = 'none' | 'both' | 'horizontal' | 'vertical';
-declare type MinRowsProp = number;
+type ResizeProp = 'none' | 'both' | 'horizontal' | 'vertical';
+type MinRowsProp = number;
 export interface TextareaBaseOptions {
     /**
      * If `true`, the textarea will be invalid
@@ -29,7 +29,7 @@ export interface TextareaBaseOptions {
      */
     minRows?: MinRowsProp;
 }
-declare type OmittedProps = 'children' | 'readOnly' | 'size' | 'disabled' | 'required' | 'rows' | 'cols';
+type OmittedProps = 'children' | 'readOnly' | 'size' | 'disabled' | 'required' | 'rows' | 'cols';
 export interface TextareaBaseProps extends Omit<HTMLQdsProps<'textarea'>, OmittedProps>, TextareaBaseOptions {
 }
 export declare const TextareaBase: import("react").ForwardRefExoticComponent<TextareaBaseProps & import("react").RefAttributes<HTMLTextAreaElement>>;

package/dist/esm/types/components/radio-group/radio-group-context.d.ts

@@ -8,7 +8,7 @@ interface RadioGroupProviderProps {
     value: RadioGroupContextValue;
     children: React.ReactNode;
 }
-export declare function RadioGroupProvider({ value, children }: RadioGroupProviderProps): JSX.Element;
+export declare function RadioGroupProvider({ value, children }: RadioGroupProviderProps): import("react/jsx-runtime").JSX.Element;
 interface UseRadioGroupContextProps {
     consumerName: string;
 }

package/dist/esm/types/components/radio-group/radio-group-label.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import type { HTMLQdsProps } from '../../types';
-export declare type RadioGroupLabelProps = HTMLQdsProps<'span'>;
-export declare const RadioGroupLabel: import("react").ForwardRefExoticComponent<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>> & import("react").RefAttributes<HTMLSpanElement>>;
+export type RadioGroupLabelProps = HTMLQdsProps<'span'>;
+export declare const RadioGroupLabel: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;

package/dist/esm/types/components/radio-group/radio-group.d.ts

@@ -45,6 +45,6 @@ export interface RadioGroupProps extends Omit<RadioGroupPrimitive.RadioGroupProp
 }
 export declare const RadioGroup: import("react").ForwardRefExoticComponent<RadioGroupProps & import("react").RefAttributes<HTMLDivElement>> & {
     Card: import("react").ForwardRefExoticComponent<RadioCardProps & import("react").RefAttributes<HTMLButtonElement>>;
-    Label: import("react").ForwardRefExoticComponent<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>> & import("react").RefAttributes<HTMLSpanElement>>;
+    Label: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
 };
 export type { RadioGroupLabelProps, RadioCardProps };

package/dist/esm/types/components/radio-group/radio-indicator.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
-declare type RadioIndicatorProps = Omit<RadioGroupPrimitive.RadioGroupIndicatorProps, 'asChild' | 'forceMount'>;
+type RadioIndicatorProps = Omit<RadioGroupPrimitive.RadioGroupIndicatorProps, 'asChild' | 'forceMount'>;
 /**
  * Styled Radix `RadioIndicator` component.
  * @see Docs https://www.radix-ui.com/primitives/docs/components/radio-group#indicator

package/dist/esm/types/components/select/select-option.d.ts

@@ -3,7 +3,7 @@ import type { HTMLQdsProps } from '../../types';
 interface SelectOptionOptions {
     isDisabled?: boolean;
 }
-declare type OmittedProps = 'disabled' | 'label';
+type OmittedProps = 'disabled' | 'label';
 export interface SelectOptionProps extends Omit<HTMLQdsProps<'option'>, OmittedProps>, SelectOptionOptions {
 }
 export declare const SelectOption: import("react").ForwardRefExoticComponent<SelectOptionProps & import("react").RefAttributes<HTMLOptionElement>>;

package/dist/esm/types/components/select/select.d.ts

@@ -16,7 +16,7 @@ interface SelectOptions extends SelectBaseOptions {
      */
     helperText?: string;
 }
-declare type OmittedProps = 'readOnly' | 'size';
+type OmittedProps = 'readOnly' | 'size';
 export interface SelectProps extends Omit<HTMLQdsProps<'select'>, OmittedProps>, SelectOptions {
 }
 export declare const Select: import("react").ForwardRefExoticComponent<SelectProps & import("react").RefAttributes<HTMLSelectElement>> & {

package/dist/esm/types/components/spacer/spacer.d.ts

@@ -1,9 +1,10 @@
 /// <reference types="react" />
 import type { Theme } from '../../theme';
 import type { HTMLQdsProps } from '../../types';
+import { type ResponsiveProp } from '../../hooks/use-responsive-prop';
 interface SpacerOptions {
     axis?: 'x' | 'y';
-    size: keyof Theme['spacing'];
+    size: ResponsiveProp<keyof Theme['spacing']>;
 }
 export interface SpacerProps extends HTMLQdsProps<'span'>, SpacerOptions {
 }