@qasa/qds-ui 0.10.1 → 0.12.0

package/dist/index.d.ts

@@ -29,7 +29,9 @@ declare const theme: {
         '5x': string;
         '6x': string;
         '8x': string;
+        '10x': string;
         '12x': string;
+        '14x': string;
         '16x': string;
         '20x': string;
         '24x': string;
@@ -70,6 +72,7 @@ declare const theme: {
             gray30: string;
             gray20: string;
             gray10: string;
+            pink: string;
             uiPink: string;
             uiPinkDark: string;
             uiPinkLight: string;
@@ -82,15 +85,15 @@ declare const theme: {
             softPink: string;
             warmYellow: string;
             softYellow: string;
-            red10: string;
-            red20: string;
-            red30: string;
-            red40: string;
-            red50: string;
-            red60: string;
-            red70: string;
-            red80: string;
             red90: string;
+            red80: string;
+            red70: string;
+            red60: string;
+            red50: string;
+            red40: string;
+            red30: string;
+            red20: string;
+            red10: string;
             green90: string;
             green80: string;
             green70: string;
@@ -118,6 +121,7 @@ declare const theme: {
             yellow30: string;
             yellow20: string;
             yellow10: string;
+            blackAlpha5: string;
             blackAlpha20: string;
         };
         bg: {
@@ -199,7 +203,9 @@ declare const theme: {
         '5x': string;
         '6x': string;
         '8x': string;
+        '10x': string;
         '12x': string;
+        '14x': string;
         '16x': string;
         '20x': string;
         '24x': string;
@@ -634,6 +640,7 @@ declare const overrideTheme: (overrides: ThemeOverrides) => {
             gray30: string;
             gray20: string;
             gray10: string;
+            pink: string;
             uiPink: string;
             uiPinkDark: string;
             uiPinkLight: string;
@@ -646,15 +653,15 @@ declare const overrideTheme: (overrides: ThemeOverrides) => {
             softPink: string;
             warmYellow: string;
             softYellow: string;
-            red10: string;
-            red20: string;
-            red30: string;
-            red40: string;
-            red50: string;
-            red60: string;
-            red70: string;
-            red80: string;
             red90: string;
+            red80: string;
+            red70: string;
+            red60: string;
+            red50: string;
+            red40: string;
+            red30: string;
+            red20: string;
+            red10: string;
             green90: string;
             green80: string;
             green70: string;
@@ -682,6 +689,7 @@ declare const overrideTheme: (overrides: ThemeOverrides) => {
             yellow30: string;
             yellow20: string;
             yellow10: string;
+            blackAlpha5: string;
             blackAlpha20: string;
         };
         bg: {
@@ -752,7 +760,9 @@ declare const overrideTheme: (overrides: ThemeOverrides) => {
         '5x': string;
         '6x': string;
         '8x': string;
+        '10x': string;
         '12x': string;
+        '14x': string;
         '16x': string;
         '20x': string;
         '24x': string;
@@ -807,7 +817,9 @@ declare const overrideTheme: (overrides: ThemeOverrides) => {
         '5x': string;
         '6x': string;
         '8x': string;
+        '10x': string;
         '12x': string;
+        '14x': string;
         '16x': string;
         '20x': string;
         '24x': string;
@@ -865,7 +877,8 @@ interface AvatarOptions {
      */
     src?: string;
     /**
-     * Name of the user. Important for accessibility.
+     * Name of the user. Used to generate the initials
+     * if no image is provided, but also for accessibility.
      */
     name?: string;
     /**
@@ -1000,6 +1013,7 @@ declare const HelpCircleIcon: react.ForwardRefExoticComponent<IconProps & react.
 declare const HistoryIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
 declare const HomeIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
 declare const ImageIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const InfoIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
 declare const ListIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
 declare const ListFilterIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
 declare const LogOutIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
@@ -1062,7 +1076,9 @@ declare const getFormFieldBaseStyles: (theme: {
         '5x': string;
         '6x': string;
         '8x': string;
+        '10x': string;
         '12x': string;
+        '14x': string;
         '16x': string;
         '20x': string;
         '24x': string;
@@ -1103,6 +1119,7 @@ declare const getFormFieldBaseStyles: (theme: {
             gray30: string;
             gray20: string;
             gray10: string;
+            pink: string;
             uiPink: string;
             uiPinkDark: string;
             uiPinkLight: string;
@@ -1115,15 +1132,15 @@ declare const getFormFieldBaseStyles: (theme: {
             softPink: string;
             warmYellow: string;
             softYellow: string;
-            red10: string;
-            red20: string;
-            red30: string;
-            red40: string;
-            red50: string;
-            red60: string;
-            red70: string;
-            red80: string;
             red90: string;
+            red80: string;
+            red70: string;
+            red60: string;
+            red50: string;
+            red40: string;
+            red30: string;
+            red20: string;
+            red10: string;
             green90: string;
             green80: string;
             green70: string;
@@ -1151,6 +1168,7 @@ declare const getFormFieldBaseStyles: (theme: {
             yellow30: string;
             yellow20: string;
             yellow10: string;
+            blackAlpha5: string;
             blackAlpha20: string;
         };
         bg: {
@@ -1232,7 +1250,9 @@ declare const getFormFieldBaseStyles: (theme: {
         '5x': string;
         '6x': string;
         '8x': string;
+        '10x': string;
         '12x': string;
+        '14x': string;
         '16x': string;
         '20x': string;
         '24x': string;
@@ -1508,7 +1528,9 @@ declare const getSizeStyles$4: (theme: {
         '5x': string;
         '6x': string;
         '8x': string;
+        '10x': string;
         '12x': string;
+        '14x': string;
         '16x': string;
         '20x': string;
         '24x': string;
@@ -1549,6 +1571,7 @@ declare const getSizeStyles$4: (theme: {
             gray30: string;
             gray20: string;
             gray10: string;
+            pink: string;
             uiPink: string;
             uiPinkDark: string;
             uiPinkLight: string;
@@ -1561,15 +1584,15 @@ declare const getSizeStyles$4: (theme: {
             softPink: string;
             warmYellow: string;
             softYellow: string;
-            red10: string;
-            red20: string;
-            red30: string;
-            red40: string;
-            red50: string;
-            red60: string;
-            red70: string;
-            red80: string;
             red90: string;
+            red80: string;
+            red70: string;
+            red60: string;
+            red50: string;
+            red40: string;
+            red30: string;
+            red20: string;
+            red10: string;
             green90: string;
             green80: string;
             green70: string;
@@ -1597,6 +1620,7 @@ declare const getSizeStyles$4: (theme: {
             yellow30: string;
             yellow20: string;
             yellow10: string;
+            blackAlpha5: string;
             blackAlpha20: string;
         };
         bg: {
@@ -1678,7 +1702,9 @@ declare const getSizeStyles$4: (theme: {
         '5x': string;
         '6x': string;
         '8x': string;
+        '10x': string;
         '12x': string;
+        '14x': string;
         '16x': string;
         '20x': string;
         '24x': string;
@@ -1960,7 +1986,9 @@ declare const getVariantStyles$1: (theme: {
         '5x': string;
         '6x': string;
         '8x': string;
+        '10x': string;
         '12x': string;
+        '14x': string;
         '16x': string;
         '20x': string;
         '24x': string;
@@ -2001,6 +2029,7 @@ declare const getVariantStyles$1: (theme: {
             gray30: string;
             gray20: string;
             gray10: string;
+            pink: string;
             uiPink: string;
             uiPinkDark: string;
             uiPinkLight: string;
@@ -2013,15 +2042,15 @@ declare const getVariantStyles$1: (theme: {
             softPink: string;
             warmYellow: string;
             softYellow: string;
-            red10: string;
-            red20: string;
-            red30: string;
-            red40: string;
-            red50: string;
-            red60: string;
-            red70: string;
-            red80: string;
             red90: string;
+            red80: string;
+            red70: string;
+            red60: string;
+            red50: string;
+            red40: string;
+            red30: string;
+            red20: string;
+            red10: string;
             green90: string;
             green80: string;
             green70: string;
@@ -2049,6 +2078,7 @@ declare const getVariantStyles$1: (theme: {
             yellow30: string;
             yellow20: string;
             yellow10: string;
+            blackAlpha5: string;
             blackAlpha20: string;
         };
         bg: {
@@ -2130,7 +2160,9 @@ declare const getVariantStyles$1: (theme: {
         '5x': string;
         '6x': string;
         '8x': string;
+        '10x': string;
         '12x': string;
+        '14x': string;
         '16x': string;
         '20x': string;
         '24x': string;
@@ -2719,7 +2751,9 @@ declare const getSizeStyles$3: (theme: {
         '5x': string;
         '6x': string;
         '8x': string;
+        '10x': string;
         '12x': string;
+        '14x': string;
         '16x': string;
         '20x': string;
         '24x': string;
@@ -2760,6 +2794,7 @@ declare const getSizeStyles$3: (theme: {
             gray30: string;
             gray20: string;
             gray10: string;
+            pink: string;
             uiPink: string;
             uiPinkDark: string;
             uiPinkLight: string;
@@ -2772,15 +2807,15 @@ declare const getSizeStyles$3: (theme: {
             softPink: string;
             warmYellow: string;
             softYellow: string;
-            red10: string;
-            red20: string;
-            red30: string;
-            red40: string;
-            red50: string;
-            red60: string;
-            red70: string;
-            red80: string;
             red90: string;
+            red80: string;
+            red70: string;
+            red60: string;
+            red50: string;
+            red40: string;
+            red30: string;
+            red20: string;
+            red10: string;
             green90: string;
             green80: string;
             green70: string;
@@ -2808,6 +2843,7 @@ declare const getSizeStyles$3: (theme: {
             yellow30: string;
             yellow20: string;
             yellow10: string;
+            blackAlpha5: string;
             blackAlpha20: string;
         };
         bg: {
@@ -2889,7 +2925,9 @@ declare const getSizeStyles$3: (theme: {
         '5x': string;
         '6x': string;
         '8x': string;
+        '10x': string;
         '12x': string;
+        '14x': string;
         '16x': string;
         '20x': string;
         '24x': string;
@@ -3132,7 +3170,9 @@ declare const getVariantStyles: (theme: {
         '5x': string;
         '6x': string;
         '8x': string;
+        '10x': string;
         '12x': string;
+        '14x': string;
         '16x': string;
         '20x': string;
         '24x': string;
@@ -3173,6 +3213,7 @@ declare const getVariantStyles: (theme: {
             gray30: string;
             gray20: string;
             gray10: string;
+            pink: string;
             uiPink: string;
             uiPinkDark: string;
             uiPinkLight: string;
@@ -3185,15 +3226,15 @@ declare const getVariantStyles: (theme: {
             softPink: string;
             warmYellow: string;
             softYellow: string;
-            red10: string;
-            red20: string;
-            red30: string;
-            red40: string;
-            red50: string;
-            red60: string;
-            red70: string;
-            red80: string;
             red90: string;
+            red80: string;
+            red70: string;
+            red60: string;
+            red50: string;
+            red40: string;
+            red30: string;
+            red20: string;
+            red10: string;
             green90: string;
             green80: string;
             green70: string;
@@ -3221,6 +3262,7 @@ declare const getVariantStyles: (theme: {
             yellow30: string;
             yellow20: string;
             yellow10: string;
+            blackAlpha5: string;
             blackAlpha20: string;
         };
         bg: {
@@ -3302,7 +3344,9 @@ declare const getVariantStyles: (theme: {
         '5x': string;
         '6x': string;
         '8x': string;
+        '10x': string;
         '12x': string;
+        '14x': string;
         '16x': string;
         '20x': string;
         '24x': string;
@@ -3664,7 +3708,9 @@ declare const getSizeStyles$2: (theme: {
         '5x': string;
         '6x': string;
         '8x': string;
+        '10x': string;
         '12x': string;
+        '14x': string;
         '16x': string;
         '20x': string;
         '24x': string;
@@ -3705,6 +3751,7 @@ declare const getSizeStyles$2: (theme: {
             gray30: string;
             gray20: string;
             gray10: string;
+            pink: string;
             uiPink: string;
             uiPinkDark: string;
             uiPinkLight: string;
@@ -3717,15 +3764,15 @@ declare const getSizeStyles$2: (theme: {
             softPink: string;
             warmYellow: string;
             softYellow: string;
-            red10: string;
-            red20: string;
-            red30: string;
-            red40: string;
-            red50: string;
-            red60: string;
-            red70: string;
-            red80: string;
             red90: string;
+            red80: string;
+            red70: string;
+            red60: string;
+            red50: string;
+            red40: string;
+            red30: string;
+            red20: string;
+            red10: string;
             green90: string;
             green80: string;
             green70: string;
@@ -3753,6 +3800,7 @@ declare const getSizeStyles$2: (theme: {
             yellow30: string;
             yellow20: string;
             yellow10: string;
+            blackAlpha5: string;
             blackAlpha20: string;
         };
         bg: {
@@ -3834,7 +3882,9 @@ declare const getSizeStyles$2: (theme: {
         '5x': string;
         '6x': string;
         '8x': string;
+        '10x': string;
         '12x': string;
+        '14x': string;
         '16x': string;
         '20x': string;
         '24x': string;
@@ -4113,7 +4163,9 @@ declare const getSizeStyles$1: (theme: {
         '5x': string;
         '6x': string;
         '8x': string;
+        '10x': string;
         '12x': string;
+        '14x': string;
         '16x': string;
         '20x': string;
         '24x': string;
@@ -4154,6 +4206,7 @@ declare const getSizeStyles$1: (theme: {
             gray30: string;
             gray20: string;
             gray10: string;
+            pink: string;
             uiPink: string;
             uiPinkDark: string;
             uiPinkLight: string;
@@ -4166,15 +4219,15 @@ declare const getSizeStyles$1: (theme: {
             softPink: string;
             warmYellow: string;
             softYellow: string;
-            red10: string;
-            red20: string;
-            red30: string;
-            red40: string;
-            red50: string;
-            red60: string;
-            red70: string;
-            red80: string;
             red90: string;
+            red80: string;
+            red70: string;
+            red60: string;
+            red50: string;
+            red40: string;
+            red30: string;
+            red20: string;
+            red10: string;
             green90: string;
             green80: string;
             green70: string;
@@ -4202,6 +4255,7 @@ declare const getSizeStyles$1: (theme: {
             yellow30: string;
             yellow20: string;
             yellow10: string;
+            blackAlpha5: string;
             blackAlpha20: string;
         };
         bg: {
@@ -4283,7 +4337,9 @@ declare const getSizeStyles$1: (theme: {
         '5x': string;
         '6x': string;
         '8x': string;
+        '10x': string;
         '12x': string;
+        '14x': string;
         '16x': string;
         '20x': string;
         '24x': string;
@@ -4528,7 +4584,9 @@ declare const getSizeStyles: (theme: {
         '5x': string;
         '6x': string;
         '8x': string;
+        '10x': string;
         '12x': string;
+        '14x': string;
         '16x': string;
         '20x': string;
         '24x': string;
@@ -4569,6 +4627,7 @@ declare const getSizeStyles: (theme: {
             gray30: string;
             gray20: string;
             gray10: string;
+            pink: string;
             uiPink: string;
             uiPinkDark: string;
             uiPinkLight: string;
@@ -4581,15 +4640,15 @@ declare const getSizeStyles: (theme: {
             softPink: string;
             warmYellow: string;
             softYellow: string;
-            red10: string;
-            red20: string;
-            red30: string;
-            red40: string;
-            red50: string;
-            red60: string;
-            red70: string;
-            red80: string;
             red90: string;
+            red80: string;
+            red70: string;
+            red60: string;
+            red50: string;
+            red40: string;
+            red30: string;
+            red20: string;
+            red10: string;
             green90: string;
             green80: string;
             green70: string;
@@ -4617,6 +4676,7 @@ declare const getSizeStyles: (theme: {
             yellow30: string;
             yellow20: string;
             yellow10: string;
+            blackAlpha5: string;
             blackAlpha20: string;
         };
         bg: {
@@ -4698,7 +4758,9 @@ declare const getSizeStyles: (theme: {
         '5x': string;
         '6x': string;
         '8x': string;
+        '10x': string;
         '12x': string;
+        '14x': string;
         '16x': string;
         '20x': string;
         '24x': string;
@@ -5236,6 +5298,11 @@ interface TextareaOptions extends TextareaBaseOptions {
      * Text that provides additional guidance to the user
      */
     helperText?: string;
+    /**
+     * If `true`, the input will display an optional indicator.
+     * If the `isRequired` prop is also `true`, this prop will be ignored.
+     */
+    isOptional?: boolean;
 }
 type OmittedProps$1 = 'children' | 'readOnly' | 'size';
 interface TextareaProps extends Omit<HTMLQdsProps<'textarea'>, OmittedProps$1>, TextareaOptions {
@@ -5286,15 +5353,6 @@ type UseBreakpointValueProps<T> = BreakpointsConfig<T>;
  */
 declare function useBreakpointValue<T>(values: UseBreakpointValueProps<T>, options?: UseBreakpointOptions): T;
 
-type LoadingStatus = 'loading' | 'loaded' | 'error' | 'pending';
-interface UseImageProps {
-    src?: string;
-    loading?: HTMLQdsProps<'img'>['loading'];
-}
-declare const useImage: ({ src, loading }: UseImageProps) => {
-    loadingStatus: LoadingStatus;
-};
-
 type FormFieldElement = 'input' | 'select' | 'textarea';
 type PropGetter<T extends ElementType = LegitimateAny> = (props?: HTMLQdsProps<T>) => Record<string, unknown>;
 interface FormFieldOptions {
@@ -5356,4 +5414,4 @@ declare function useStableId(fixedId?: string | null): string;
  */
 declare const useSafeLayoutEffect: typeof useLayoutEffect;
 
-export { AlertCircleIcon, AlertTriangleIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, Avatar, AvatarProps, BellIcon, BellOffIcon, BookmarkIcon, Button, ButtonProps, CalendarIcon, CameraIcon, CheckCircleIcon, CheckIcon, Checkbox, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CreateIconOptions, DisplayText, DisplayTextProps, Divider, DividerProps, DropdownMenu, DropdownMenuContentProps, DropdownMenuDividerProps, DropdownMenuItemProps, DropdownMenuRootProps, DropdownMenuTriggerProps, ForwardRefComponent, GlobalStyles, GlobeIcon, Heading, HeadingProps, HeartFilledIcon, HeartIcon, HelpCircleIcon, HintBox, HintBoxProps, HintBoxTitleProps, HistoryIcon, HomeIcon, IconButton, IconButtonProps, IconProps, ImageIcon, InputBase, InputBaseOptions, InputBaseProps, IntrinsicElement, Label, LabelProps, Link, LinkProps, ListFilterIcon, ListIcon, LoadingDots, LoadingDotsProps, LogOutIcon, MapIcon, MapPinIcon, MenuIcon, MessageCircleIcon, MinusIcon, MoreHorizontalIcon, MoreVerticalIcon, OwnProps, Paragraph, ParagraphProps, PenIcon, PlusIcon, PropsOf, QdsProvider, RadioCardProps, RadioGroup, RadioGroupLabelProps, RadioGroupProps, SearchIcon, Select, SelectBase, SelectBaseOptions, SelectOptionProps, SelectProps, SettingsIcon, ShareIcon, SlidersIcon, Spacer, SpacerProps, Stack, StackProps, StarFilledIcon, StarIcon, Switch, TextField, TextFieldProps, Textarea, TextareaBase, TextareaBaseOptions, TextareaBaseProps, TextareaProps, Theme, ThemeOverrides, TrashIcon, UseBreakpointOptions, UseBreakpointValueProps, UseFormFieldProps, UseImageProps, UserIcon, VariantProps, XCircleIcon, XIcon, createIcon, createLucideIcon, createStyle, createStyleVariants, getFormFieldBaseStyles, overrideTheme, pxToRem, theme, toast, useBreakpoint, useBreakpointValue, useFormField, useImage, useSafeLayoutEffect, useStableId };
+export { AlertCircleIcon, AlertTriangleIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, Avatar, AvatarProps, BellIcon, BellOffIcon, BookmarkIcon, Button, ButtonProps, CalendarIcon, CameraIcon, CheckCircleIcon, CheckIcon, Checkbox, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CreateIconOptions, DisplayText, DisplayTextProps, Divider, DividerProps, DropdownMenu, DropdownMenuContentProps, DropdownMenuDividerProps, DropdownMenuItemProps, DropdownMenuRootProps, DropdownMenuTriggerProps, ForwardRefComponent, GlobalStyles, GlobeIcon, Heading, HeadingProps, HeartFilledIcon, HeartIcon, HelpCircleIcon, HintBox, HintBoxProps, HintBoxTitleProps, HistoryIcon, HomeIcon, IconButton, IconButtonProps, IconProps, ImageIcon, InfoIcon, InputBase, InputBaseOptions, InputBaseProps, IntrinsicElement, Label, LabelProps, Link, LinkProps, ListFilterIcon, ListIcon, LoadingDots, LoadingDotsProps, LogOutIcon, MapIcon, MapPinIcon, MenuIcon, MessageCircleIcon, MinusIcon, MoreHorizontalIcon, MoreVerticalIcon, OwnProps, Paragraph, ParagraphProps, PenIcon, PlusIcon, PropsOf, QdsProvider, RadioCardProps, RadioGroup, RadioGroupLabelProps, RadioGroupProps, SearchIcon, Select, SelectBase, SelectBaseOptions, SelectOptionProps, SelectProps, SettingsIcon, ShareIcon, SlidersIcon, Spacer, SpacerProps, Stack, StackProps, StarFilledIcon, StarIcon, Switch, TextField, TextFieldProps, Textarea, TextareaBase, TextareaBaseOptions, TextareaBaseProps, TextareaProps, Theme, ThemeOverrides, TrashIcon, UseBreakpointOptions, UseBreakpointValueProps, UseFormFieldProps, UserIcon, VariantProps, XCircleIcon, XIcon, createIcon, createLucideIcon, createStyle, createStyleVariants, getFormFieldBaseStyles, overrideTheme, pxToRem, theme, toast, useBreakpoint, useBreakpointValue, useFormField, useSafeLayoutEffect, useStableId };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qasa/qds-ui",
-  "version": "0.10.1",
+  "version": "0.12.0",
   "license": "UNLICENSED",
   "repository": {
     "type": "git",
@@ -26,8 +26,7 @@
     "lint:ci": "NODE_ENV=production eslint . --cache",
     "lint:prettier": "prettier --check ./src --cache",
     "prepublishOnly": "yarn build",
-    "release": "changeset publish",
-    "gen:component": "plop --plopfile scripts/plopfile.js"
+    "release": "changeset publish"
   },
   "devDependencies": {
     "@babel/core": "^7.19.3",
@@ -69,14 +68,13 @@
     "eslint-plugin-react": "^7.34.1",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-testing-library": "^6.2.0",
-    "jest": "^29.1.1",
     "framer-motion": "^11.0.3",
+    "jest": "^29.1.1",
     "jest-axe": "^6.0.0",
     "jest-environment-jsdom": "^29.1.1",
     "jest-matchmedia-mock": "^1.1.0",
     "jest-watch-typeahead": "^2.2.0",
     "lucide-react": "^0.294.0",
-    "plop": "^3.1.1",
     "prettier": "^3.2.5",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
@@ -103,6 +101,7 @@
     "node": ">=20"
   },
   "dependencies": {
+    "@radix-ui/react-avatar": "^1.0.4",
     "@radix-ui/react-checkbox": "^1.0.4",
     "@radix-ui/react-dropdown-menu": "^2.0.6",
     "@radix-ui/react-radio-group": "^1.1.3",

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

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

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

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