@qasa/qds-ui 0.10.0-next.14 → 0.10.0-next.16

package/dist/cjs/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/cjs/types/components/avatar/avatar.d.ts

@@ -9,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

package/dist/cjs/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/cjs/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/cjs/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/cjs/types/components/checkbox/checkbox.d.ts

@@ -73,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/cjs/types/components/display-text/display-text.d.ts

@@ -1,9 +1,9 @@
 import type * as Polymorphic from '../../utils/polymorphic';
 import type { Theme } from '../../theme';
 import { type ResponsiveProp } from '../../hooks/use-responsive-prop';
-declare type DisplaySize = keyof Theme['typography']['display'];
-declare type DisplayTextAlign = 'left' | 'center' | 'right';
-declare type DisplayTextWrap = 'pretty' | 'balance' | 'wrap' | 'nowrap' | 'stable';
+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.
@@ -24,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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/types/components/heading/heading.d.ts

@@ -1,8 +1,8 @@
 import type * as Polymorphic from '../../utils/polymorphic';
 import type { Theme } from '../../theme';
 import { type ResponsiveProp } from '../../hooks/use-responsive-prop';
-declare type HeadingSize = keyof Theme['typography']['title'];
-declare type HeadingColor = keyof Theme['colors']['text'];
+type HeadingSize = keyof Theme['typography']['title'];
+type HeadingColor = keyof Theme['colors']['text'];
 interface HeadingOptions {
     /**
      * Sets the visual size of the heading.
@@ -26,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/cjs/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/cjs/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/cjs/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/cjs/types/components/icon-button/icon-button.d.ts

@@ -4,8 +4,8 @@ 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>;
     /**
@@ -26,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/cjs/types/components/label/label.d.ts

@@ -202,6 +202,7 @@ declare const getSizeStyles: (theme: {
         md: string;
         lg: string;
         xl: string;
+        '2xl': string;
         full: string;
     };
     shadows: {
@@ -419,8 +420,8 @@ 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
@@ -432,7 +433,7 @@ interface LabelOptions {
      */
     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/cjs/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/cjs/types/components/loading-dots/loading-dots.d.ts

@@ -202,6 +202,7 @@ declare const getSizeStyles: (theme: {
         md: string;
         lg: string;
         xl: string;
+        '2xl': string;
         full: string;
     };
     shadows: {
@@ -408,7 +409,7 @@ declare const getSizeStyles: (theme: {
         fontSize: string;
     };
 };
-declare type LoadingDotsSize = VariantProps<typeof getSizeStyles>;
+type LoadingDotsSize = VariantProps<typeof getSizeStyles>;
 interface LoadingDotsOptions {
     size?: ResponsiveProp<LoadingDotsSize>;
 }

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

@@ -202,6 +202,7 @@ declare const getSizeStyles: (theme: {
         md: string;
         lg: string;
         xl: string;
+        '2xl': string;
         full: string;
     };
     shadows: {
@@ -440,8 +441,8 @@ 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
@@ -463,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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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 {
 }

package/dist/cjs/types/components/stack/stack.d.ts

@@ -3,7 +3,7 @@ import type { Theme } from '../../theme';
 import type * as Polymorphic from '../../utils/polymorphic';
 import { type ResponsiveProp } from '../../hooks/use-responsive-prop';
 import type { AlignItems, FlexDirection, JustifyContent, FlexWrap } from './stack.types';
-declare type GapProp = keyof Theme['spacing'];
+type GapProp = keyof Theme['spacing'];
 interface StackOptions {
     /**
      * The direction of the stack.
@@ -38,7 +38,7 @@ interface StackOptions {
      */
     divider?: ReactNode;
 }
-declare type StackComponent = Polymorphic.ForwardRefComponent<'div', StackOptions>;
-export declare type StackProps = Polymorphic.PropsOf<StackComponent>;
+type StackComponent = Polymorphic.ForwardRefComponent<'div', StackOptions>;
+export type StackProps = Polymorphic.PropsOf<StackComponent>;
 export declare const Stack: StackComponent;
 export {};

package/dist/cjs/types/components/stack/stack.types.d.ts

@@ -1,4 +1,4 @@
-export declare type AlignItems = 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
-export declare type JustifyContent = 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
-export declare type FlexDirection = 'row' | 'row-reverse' | 'column' | 'column-reverse';
-export declare type FlexWrap = 'wrap' | 'nowrap' | 'wrap-reverse';
+export type AlignItems = 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
+export type JustifyContent = 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
+export type FlexDirection = 'row' | 'row-reverse' | 'column' | 'column-reverse';
+export type FlexWrap = 'wrap' | 'nowrap' | 'wrap-reverse';

package/dist/cjs/types/components/text-field/text-field.d.ts

@@ -25,7 +25,7 @@ interface TextFieldOptions extends InputBaseOptions {
      */
     suffix?: string;
 }
-declare type OmittedProps = 'children' | 'readOnly' | 'size';
+type OmittedProps = 'children' | 'readOnly' | 'size';
 export interface TextFieldProps extends Omit<HTMLQdsProps<'input'>, OmittedProps>, TextFieldOptions {
 }
 export declare const TextField: import("react").ForwardRefExoticComponent<TextFieldProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/cjs/types/components/textarea/textarea.d.ts

@@ -15,7 +15,7 @@ interface TextareaOptions extends TextareaBaseOptions {
      */
     helperText?: string;
 }
-declare type OmittedProps = 'children' | 'readOnly' | 'size';
+type OmittedProps = 'children' | 'readOnly' | 'size';
 export interface TextareaProps extends Omit<HTMLQdsProps<'textarea'>, OmittedProps>, TextareaOptions {
 }
 export declare const Textarea: import("react").ForwardRefExoticComponent<TextareaProps & import("react").RefAttributes<HTMLTextAreaElement>>;

package/dist/cjs/types/components/toast/toast-provider.d.ts

@@ -1,4 +1,4 @@
 import type { ReactNode } from 'react';
 export declare function ToastProvider({ children }: {
     children: ReactNode;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/components/toast/toast-store.d.ts

@@ -1,5 +1,5 @@
 import type { ToastVariant } from './toast-styles';
-declare type Id = number | string;
+type Id = number | string;
 interface Toast {
     id: Id;
     /**
@@ -20,7 +20,7 @@ interface ToastOptions {
      */
     id?: Id;
 }
-declare type Subscriber = () => void;
+type Subscriber = () => void;
 declare class ToastStore {
     toasts: Toast[];
     subscribers: Subscriber[];

package/dist/cjs/types/components/toast/toast-styles.d.ts

@@ -199,6 +199,7 @@ export declare const getVariantStyles: (theme: {
         md: string;
         lg: string;
         xl: string;
+        '2xl': string;
         full: string;
     };
     shadows: {
@@ -407,4 +408,4 @@ export declare const getVariantStyles: (theme: {
         color: string;
     };
 };
-export declare type ToastVariant = VariantProps<typeof getVariantStyles>;
+export type ToastVariant = VariantProps<typeof getVariantStyles>;

package/dist/cjs/types/components/toast/toast.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as ToastPrimitive from '@radix-ui/react-toast';
 import type { HTMLQdsProps } from '../../types';
 import type { ToastVariant } from './toast-styles';
@@ -6,8 +5,8 @@ interface ToastOptions {
     text: string;
     variant?: ToastVariant;
 }
-declare type OmittedProps = 'children';
+type OmittedProps = 'children';
 interface ToastProps extends Omit<HTMLQdsProps<'div'>, OmittedProps>, ToastOptions {
 }
-export declare function Toast(props: ToastProps & ToastPrimitive.ToastProps): JSX.Element;
+export declare function Toast(props: ToastProps & ToastPrimitive.ToastProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cjs/types/hooks/use-breakpoint-value.d.ts

@@ -1,11 +1,11 @@
 import type { Theme } from '../theme';
 import type { PartialRecord } from '../types';
 import type { UseBreakpointOptions } from './use-breakpoint';
-declare type Breakpoints = Theme['breakpoints'];
-declare type BreakpointsConfig<T> = PartialRecord<keyof Breakpoints, T> & {
+type Breakpoints = Theme['breakpoints'];
+type BreakpointsConfig<T> = PartialRecord<keyof Breakpoints, T> & {
     base: T;
 };
-export declare type UseBreakpointValueProps<T> = BreakpointsConfig<T>;
+export type UseBreakpointValueProps<T> = BreakpointsConfig<T>;
 /**
  * Hook for getting a value based on the current breakpoint.
  *

package/dist/cjs/types/hooks/use-form-field.d.ts

@@ -1,7 +1,7 @@
 import type { ElementType } from 'react';
 import type { HTMLQdsProps, LegitimateAny } from '../types';
-declare type FormFieldElement = 'input' | 'select' | 'textarea';
-declare type PropGetter<T extends ElementType = LegitimateAny> = (props?: HTMLQdsProps<T>) => Record<string, unknown>;
+type FormFieldElement = 'input' | 'select' | 'textarea';
+type PropGetter<T extends ElementType = LegitimateAny> = (props?: HTMLQdsProps<T>) => Record<string, unknown>;
 interface FormFieldOptions {
     /**
      * The label for the form field
@@ -28,8 +28,8 @@ interface FormFieldOptions {
      */
     isRequired?: boolean;
 }
-declare type OmittedProps = 'children' | 'readOnly' | 'size';
-export declare type UseFormFieldProps<T extends FormFieldElement> = Omit<HTMLQdsProps<T>, OmittedProps> & FormFieldOptions;
+type OmittedProps = 'children' | 'readOnly' | 'size';
+export type UseFormFieldProps<T extends FormFieldElement> = Omit<HTMLQdsProps<T>, OmittedProps> & FormFieldOptions;
 /**
  * Custom hook that returns props for a form field's label, input, helper text and error message.
  * Meant to be used in conjunction with the `Input`, `Select` or `Textarea` component.

package/dist/cjs/types/hooks/use-image.d.ts

@@ -1,5 +1,5 @@
 import type { HTMLQdsProps } from '../types';
-declare type LoadingStatus = 'loading' | 'loaded' | 'error' | 'pending';
+type LoadingStatus = 'loading' | 'loaded' | 'error' | 'pending';
 export interface UseImageProps {
     src?: string;
     loading?: HTMLQdsProps<'img'>['loading'];

package/dist/cjs/types/hooks/use-responsive-prop.d.ts

@@ -1,10 +1,10 @@
 import { type Theme } from '../theme';
 import { type PartialRecord } from '../types';
-declare type Breakpoints = Theme['breakpoints'];
-declare type BreakpointsConfig<T> = PartialRecord<keyof Breakpoints, T> & {
+type Breakpoints = Theme['breakpoints'];
+type BreakpointsConfig<T> = PartialRecord<keyof Breakpoints, T> & {
     base: T;
 };
-export declare type ResponsiveProp<T> = T | BreakpointsConfig<T>;
+export type ResponsiveProp<T> = T | BreakpointsConfig<T>;
 /**
  * Hook for responsive props that returns correct value for current breakpoint or static value
  * if user didn't input responsive options