@qasa/qds-ui 0.8.1 → 0.9.0-next.1

package/dist/index.d.ts

@@ -3,8 +3,9 @@ import * as react from 'react';
 import { ElementType, ComponentPropsWithoutRef, ReactNode, SVGAttributes, useLayoutEffect } from 'react';
 import { Options } from '@emotion/cache';
 import * as _emotion_react from '@emotion/react';
-import { CSSObject } from '@emotion/react';
+import { CSSObject, Theme as Theme$1 } from '@emotion/react';
 import * as _emotion_styled from '@emotion/styled';
+import { LucideIcon } from 'lucide-react';
 
 declare const theme: {
     mediaQueries: {
@@ -1370,7 +1371,7 @@ interface ForwardRefComponent<IntrinsicElementString, OwnProps = {}> extends For
  */
 declare type PropsOf<E> = E extends react.ComponentType<infer P> ? P : never;
 
-declare const getSizeStyles$6: (theme: {
+declare const getSizeStyles$5: (theme: {
     mediaQueries: {
         readonly smUp: "@media(min-width: 480px)";
         readonly mdUp: "@media(min-width: 768px)";
@@ -2268,7 +2269,7 @@ declare const getVariantStyles$1: (theme: {
 };
 
 declare type ButtonVariant = VariantProps<typeof getVariantStyles$1>;
-declare type ButtonSize = VariantProps<typeof getSizeStyles$6>;
+declare type ButtonSize = VariantProps<typeof getSizeStyles$5>;
 interface ButtonOptions {
     /**
      * Sets the size of the button
@@ -2317,7 +2318,7 @@ interface DividerProps extends HTMLQdsProps<'span'>, DividerOptions {
 }
 declare const Divider: react.ForwardRefExoticComponent<DividerProps & react.RefAttributes<HTMLDivElement>>;
 
-declare const getSizeStyles$5: (theme: {
+declare const getSizeStyles$4: (theme: {
     mediaQueries: {
         readonly smUp: "@media(min-width: 480px)";
         readonly mdUp: "@media(min-width: 768px)";
@@ -2759,7 +2760,7 @@ declare const getSizeStyles$5: (theme: {
         letterSpacing: string;
     };
 };
-declare type HeadingSize = VariantProps<typeof getSizeStyles$5>;
+declare type HeadingSize = VariantProps<typeof getSizeStyles$4>;
 declare type HeadingColor = keyof Theme['colors']['text'];
 interface HeadingOptions {
     /**
@@ -2798,434 +2799,8 @@ declare const HintBox: react.ForwardRefExoticComponent<Pick<react.DetailedHTMLPr
     }, react.DetailedHTMLProps<react.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
 };
 
-declare const getSizeStyles$4: (theme: {
-    mediaQueries: {
-        readonly smUp: "@media(min-width: 480px)";
-        readonly mdUp: "@media(min-width: 768px)";
-        readonly lgUp: "@media(min-width: 1024px)";
-        readonly xlUp: "@media(min-width: 1280px)";
-        readonly '2xlUp': "@media(min-width: 1536px)";
-    };
-    spacing: {
-        '0x': string;
-        '1x': string;
-        '2x': string;
-        '3x': string;
-        '4x': string;
-        '5x': string;
-        '6x': string;
-        '8x': string;
-        '12x': string;
-        '16x': string;
-        '20x': string;
-        '24x': string;
-    };
-    breakpoints: {
-        readonly base: 0;
-        readonly sm: 480;
-        readonly md: 768;
-        readonly lg: 1024;
-        readonly xl: 1280;
-        readonly '2xl': 1536;
-    };
-    zIndices: {
-        hide: number;
-        auto: string;
-        base: number;
-        docked: number;
-        dropdown: number;
-        sticky: number;
-        banner: number;
-        overlay: number;
-        modal: number;
-        popover: number;
-        skipLink: number;
-        toast: number;
-        tooltip: number;
-    };
-    colors: {
-        /**
-         * The `svg`'s `viewBox` attribute
-         */
-        core: {
-            black: string;
-            white: string;
-            gray90: string;
-            gray80: string;
-            gray70: string;
-            gray60: string;
-            gray50: string;
-            gray40: string;
-            gray30: string;
-            gray20: string;
-            gray10: string;
-            uiPink: string;
-            uiPinkDark: string;
-            uiPinkLight: string;
-            brown: string;
-            brownDark: string;
-            brownLight: string;
-            offWhite: string;
-            offWhiteDark: string;
-            offWhiteLight: string;
-            softPink: string;
-            warmYellow: string;
-            softYellow: string;
-            red10: string;
-            red20: string;
-            red30: string;
-            red40: string;
-            red50: string;
-            red60: string;
-            red70: string;
-            red80: string;
-            red90: string;
-            green90: string;
-            green80: string;
-            green70: string; /**
-             * The size of the icon.
-             *
-             * @default 16
-             */
-            green60: string;
-            green50: string;
-            green40: string;
-            green30: string;
-            green20: string;
-            green10: string;
-            blue90: string;
-            blue80: string;
-            blue70: string;
-            blue60: string;
-            blue50: string;
-            blue40: string;
-            blue30: string;
-            blue20: string;
-            blue10: string;
-            yellow90: string;
-            yellow80: string;
-            yellow70: string;
-            yellow60: string;
-            yellow50: string;
-            yellow40: string;
-            yellow30: string;
-            yellow20: string;
-            yellow10: string;
-            blackAlpha20: string;
-        };
-        bg: {
-            default: string;
-            brandPrimary: string;
-            brandPrimaryHover: string;
-            brandPrimaryActive: string;
-            brandSecondary: string;
-            brandSecondaryHover: string;
-            brandSecondaryActive: string;
-            brandTertiary: string;
-            brandTertiaryHover: string;
-            brandTertiaryActive: string;
-            negative: string;
-            warning: string;
-            positive: string;
-            inset: string;
-            backdrop: string;
-        };
-        text: {
-            strong: string;
-            default: string;
-            subtle: string;
-            disabled: string;
-            negative: string;
-            warning: string;
-            positive: string;
-            onBrandPrimary: string;
-            onBrandSecondary: string;
-            onBrandTertiary: string;
-        };
-        icon: {
-            default: string;
-            strong: string;
-            subtle: string;
-            disabled: string;
-            negative: string;
-            warning: string;
-            success: string;
-            onBrandPrimary: string;
-            onBrandSecondary: string;
-            onBrandTertiary: string;
-        };
-        border: {
-            default: string;
-            defaultHover: string;
-            defaultSelected: string;
-            strong: string;
-            subtle: string;
-            negative: string;
-            warning: string;
-            success: string;
-        };
-    };
-    sizes: {
-        112: string;
-        128: string;
-        144: string;
-        160: string;
-        176: string;
-        192: string;
-        224: string;
-        256: string;
-        288: string;
-        320: string;
-        384: string;
-        448: string;
-        512: string;
-        576: string;
-        672: string;
-        768: string;
-        896: string;
-        1024: string;
-        '0x': string;
-        '1x': string;
-        '2x': string;
-        '3x': string;
-        '4x': string;
-        '5x': string;
-        '6x': string;
-        '8x': string;
-        '12x': string;
-        '16x': string;
-        '20x': string;
-        '24x': string;
-    };
-    radii: {
-        none: string;
-        '2xs': string;
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        full: string;
-    }; /**
-     * The size of the icon.
-     *
-     * @default 16
-     */
-    shadows: {
-        none: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-    typography: {
-        display: {
-            '3xl': {
-                fontFamily: string;
-                fontWeight: string;
-                fontSize: string;
-                lineHeight: string;
-                letterSpacing: string;
-                fontFeatureSettings: string;
-            };
-            '2xl': {
-                fontFamily: string;
-                fontWeight: string;
-                fontSize: string;
-                lineHeight: string;
-                letterSpacing: string;
-                fontFeatureSettings: string;
-            };
-            xl: {
-                fontFamily: string;
-                fontWeight: string;
-                fontSize: string;
-                lineHeight: string;
-                letterSpacing: string;
-                fontFeatureSettings: string;
-            };
-            lg: {
-                fontFamily: string;
-                fontWeight: string;
-                fontSize: string;
-                lineHeight: string;
-                letterSpacing: string;
-                fontFeatureSettings: string;
-            };
-            md: {
-                fontFamily: string;
-                fontWeight: string;
-                fontSize: string;
-                lineHeight: string;
-                letterSpacing: string;
-                fontFeatureSettings: string;
-            };
-            sm: {
-                fontFamily: string;
-                fontWeight: string;
-                fontSize: string;
-                lineHeight: string;
-                letterSpacing: string;
-                fontFeatureSettings: string;
-            };
-            xs: {
-                fontFamily: string;
-                fontWeight: string;
-                fontSize: string;
-                lineHeight: string;
-                letterSpacing: string;
-                fontFeatureSettings: string;
-            };
-        };
-        title: {
-            lg: {
-                fontFamily: string;
-                fontWeight: string;
-                fontSize: string;
-                lineHeight: string;
-                letterSpacing: string;
-            };
-            md: {
-                fontFamily: string;
-                fontWeight: string;
-                fontSize: string;
-                lineHeight: string;
-                letterSpacing: string;
-            };
-            sm: {
-                fontFamily: string;
-                fontWeight: string;
-                fontSize: string;
-                lineHeight: string;
-                letterSpacing: string;
-            };
-            xs: {
-                fontFamily: string;
-                fontWeight: string;
-                fontSize: string;
-                lineHeight: string;
-                letterSpacing: string;
-            };
-            '2xs': {
-                fontFamily: string;
-                fontWeight: string;
-                fontSize: string;
-                lineHeight: string;
-                letterSpacing: string;
-            };
-            '3xs': {
-                fontFamily: string;
-                fontWeight: string;
-                fontSize: string;
-                lineHeight: string;
-                letterSpacing: string;
-            };
-        };
-        body: {
-            xl: {
-                fontFamily: string;
-                fontWeight: string;
-                fontSize: string;
-                lineHeight: string;
-                letterSpacing: string;
-            };
-            lg: {
-                fontFamily: string;
-                fontWeight: string;
-                fontSize: string;
-                lineHeight: string;
-                letterSpacing: string;
-            };
-            md: {
-                fontFamily: string;
-                fontWeight: string;
-                fontSize: string;
-                lineHeight: string;
-                letterSpacing: string;
-            };
-            sm: {
-                fontFamily: string;
-                fontWeight: string;
-                fontSize: string;
-                lineHeight: string;
-                letterSpacing: string;
-            };
-            xs: {
-                fontFamily: string;
-                fontWeight: string;
-                fontSize: string;
-                lineHeight: string;
-                letterSpacing: string;
-            };
-        };
-        label: {
-            md: {
-                fontFamily: string;
-                fontWeight: string;
-                fontSize: string;
-                lineHeight: string;
-                letterSpacing: string;
-            };
-            sm: {
-                fontFamily: string;
-                fontWeight: string;
-                fontSize: string;
-                lineHeight: string;
-                letterSpacing: string;
-            };
-        };
-        button: {
-            md: {
-                fontFamily: string;
-                fontWeight: string;
-                fontSize: string;
-                lineHeight: string;
-                letterSpacing: string;
-            };
-            sm: {
-                fontFamily: string;
-                fontWeight: string;
-                fontSize: string;
-                lineHeight: string;
-                letterSpacing: string;
-            };
-        };
-        caption: {
-            md: {
-                fontFamily: string;
-                fontWeight: string;
-                fontSize: string;
-                lineHeight: string;
-                letterSpacing: string;
-            };
-            sm: {
-                fontFamily: string;
-                fontWeight: string;
-                fontSize: string;
-                lineHeight: string;
-                letterSpacing: string;
-            };
-        };
-    };
-}) => {
-    32: {
-        fontSize: string;
-    };
-    24: {
-        fontSize: string;
-    };
-    20: {
-        fontSize: string;
-    };
-    16: {
-        fontSize: string;
-    };
-    12: {
-        fontSize: string;
-    };
-};
-declare type IconSize = VariantProps<typeof getSizeStyles$4>;
-declare type IconColor = keyof Theme['colors']['icon'] | 'inherit';
+declare type IconSize = 12 | 16 | 20 | 24 | 32;
+declare type IconColor = keyof Theme$1['colors']['icon'] | 'currentColor';
 interface IconOptions {
     /**
      * The size of the icon.
@@ -3241,6 +2816,7 @@ interface IconOptions {
 declare type OmittedProps$9 = 'color' | 'onClick' | 'width' | 'height' | 'fontSize';
 interface IconProps extends Omit<SVGAttributes<SVGElement>, OmittedProps$9>, IconOptions {
 }
+
 interface CreateIconOptions {
     /**
      * The `svg`'s `viewBox` attribute
@@ -3272,63 +2848,51 @@ interface CreateIconOptions {
      */
     displayName?: string;
 }
+/**
+ * Helper function to create an icon component.
+ */
 declare const createIcon: (options: CreateIconOptions) => react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
 
-declare const ArrowDownIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const createLucideIcon: (Icon: LucideIcon) => react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
 
+declare const AlertCircleIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const AlertTriangleIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const ArrowDownIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
 declare const ArrowLeftIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
-
 declare const ArrowRightIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
-
 declare const ArrowUpIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
-
-declare const BellSlashIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
-
+declare const BellOffIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
 declare const BellIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
-
 declare const CalendarIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
-
+declare const CameraIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
 declare const CheckIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
-
 declare const ChevronDownIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
-
 declare const ChevronLeftIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
-
 declare const ChevronRightIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
-
 declare const ChevronUpIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
-
-declare const EllipsisVerticalIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
-
-declare const EllipsisIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
-
+declare const GlobeIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
 declare const HeartFilledIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
-
 declare const HeartIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
-
+declare const HelpCircleIcon: 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 LocationDotIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
-
+declare const ListFilterIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const LogOutIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const MapPinIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
 declare const MapIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
-
+declare const MessageCircleIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
 declare const MinusIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
-
+declare const MoreHorizontalIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const MoreVerticalIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
 declare const PlusIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
-
 declare const SearchIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
-
 declare const SettingsIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
-
+declare const ShareIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
 declare const StarFilledIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
-
 declare const StarIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
-
 declare const TrashIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
-
 declare const UserIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
-
-declare const XmarkIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const XIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
 
 declare const getSizeStyles$3: (theme: {
     mediaQueries: {
@@ -5873,4 +5437,4 @@ declare function useStableId(fixedId?: string | null): string;
  */
 declare const useSafeLayoutEffect: typeof useLayoutEffect;
 
-export { ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, Avatar, AvatarProps, BellIcon, BellSlashIcon, Button, ButtonProps, CalendarIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CreateIconOptions, Divider, DividerProps, EllipsisIcon, EllipsisVerticalIcon, ForwardRefComponent, GlobalStyles, Heading, HeadingProps, HeartFilledIcon, HeartIcon, HintBox, HintBoxProps, HintBoxTitleProps, IconButton, IconButtonProps, IconProps, Image, ImageIcon, ImageProps, InputBase, InputBaseOptions, InputBaseProps, IntrinsicElement, Label, LabelProps, Link, LinkProps, LoadingDots, LoadingDotsProps, LocationDotIcon, MapIcon, MinusIcon, OwnProps, Paragraph, ParagraphProps, PlusIcon, PropsOf, QdsProvider, SearchIcon, Select, SelectBase, SelectBaseOptions, SelectOptionProps, SelectProps, SettingsIcon, Spacer, SpacerProps, Stack, StackProps, StarFilledIcon, StarIcon, TextField, TextFieldProps, Textarea, TextareaBase, TextareaBaseOptions, TextareaBaseProps, TextareaProps, Theme, ThemeOverrides, TrashIcon, UseBreakpointOptions, UseBreakpointValueProps, UseFormFieldProps, UseImageProps, UserIcon, VariantProps, XmarkIcon, createIcon, createStyle, createStyleVariants, getFormFieldBaseStyles, overrideTheme, pxToRem, theme, useBreakpoint, useBreakpointValue, useFormField, useImage, useSafeLayoutEffect, useStableId };
+export { AlertCircleIcon, AlertTriangleIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, Avatar, AvatarProps, BellIcon, BellOffIcon, Button, ButtonProps, CalendarIcon, CameraIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CreateIconOptions, Divider, DividerProps, ForwardRefComponent, GlobalStyles, GlobeIcon, Heading, HeadingProps, HeartFilledIcon, HeartIcon, HelpCircleIcon, HintBox, HintBoxProps, HintBoxTitleProps, HomeIcon, IconButton, IconButtonProps, IconProps, Image, ImageIcon, ImageProps, InputBase, InputBaseOptions, InputBaseProps, IntrinsicElement, Label, LabelProps, Link, LinkProps, ListFilterIcon, LoadingDots, LoadingDotsProps, LogOutIcon, MapIcon, MapPinIcon, MessageCircleIcon, MinusIcon, MoreHorizontalIcon, MoreVerticalIcon, OwnProps, Paragraph, ParagraphProps, PlusIcon, PropsOf, QdsProvider, SearchIcon, Select, SelectBase, SelectBaseOptions, SelectOptionProps, SelectProps, SettingsIcon, ShareIcon, Spacer, SpacerProps, Stack, StackProps, StarFilledIcon, StarIcon, TextField, TextFieldProps, Textarea, TextareaBase, TextareaBaseOptions, TextareaBaseProps, TextareaProps, Theme, ThemeOverrides, TrashIcon, UseBreakpointOptions, UseBreakpointValueProps, UseFormFieldProps, UseImageProps, UserIcon, VariantProps, XIcon, createIcon, createLucideIcon, createStyle, createStyleVariants, getFormFieldBaseStyles, overrideTheme, pxToRem, theme, useBreakpoint, useBreakpointValue, useFormField, useImage, useSafeLayoutEffect, useStableId };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qasa/qds-ui",
-  "version": "0.8.1",
+  "version": "0.9.0-next.1",
   "license": "UNLICENSED",
   "repository": {
     "type": "git",
@@ -76,6 +76,7 @@
     "jest-matchmedia-mock": "^1.1.0",
     "jest-watch-typeahead": "^2.2.0",
     "lint-staged": "^13.0.3",
+    "lucide-react": "^0.294.0",
     "plop": "^3.1.1",
     "prettier": "^2.7.1",
     "react": "^18.2.0",

package/dist/cjs/types/components/icon/icons/arrow-down.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const ArrowDownIcon: import("react").ForwardRefExoticComponent<import("../create-icon").IconProps & import("react").RefAttributes<SVGSVGElement>>;

package/dist/cjs/types/components/icon/icons/arrow-left.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const ArrowLeftIcon: import("react").ForwardRefExoticComponent<import("../create-icon").IconProps & import("react").RefAttributes<SVGSVGElement>>;

package/dist/cjs/types/components/icon/icons/arrow-right.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const ArrowRightIcon: import("react").ForwardRefExoticComponent<import("../create-icon").IconProps & import("react").RefAttributes<SVGSVGElement>>;

package/dist/cjs/types/components/icon/icons/arrow-up.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const ArrowUpIcon: import("react").ForwardRefExoticComponent<import("../create-icon").IconProps & import("react").RefAttributes<SVGSVGElement>>;

package/dist/cjs/types/components/icon/icons/bell-slash.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const BellSlashIcon: import("react").ForwardRefExoticComponent<import("../create-icon").IconProps & import("react").RefAttributes<SVGSVGElement>>;

package/dist/cjs/types/components/icon/icons/bell.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const BellIcon: import("react").ForwardRefExoticComponent<import("../create-icon").IconProps & import("react").RefAttributes<SVGSVGElement>>;

package/dist/cjs/types/components/icon/icons/calendar.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const CalendarIcon: import("react").ForwardRefExoticComponent<import("../create-icon").IconProps & import("react").RefAttributes<SVGSVGElement>>;

package/dist/cjs/types/components/icon/icons/check.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const CheckIcon: import("react").ForwardRefExoticComponent<import("../create-icon").IconProps & import("react").RefAttributes<SVGSVGElement>>;

package/dist/cjs/types/components/icon/icons/chevron-down.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const ChevronDownIcon: import("react").ForwardRefExoticComponent<import("../create-icon").IconProps & import("react").RefAttributes<SVGSVGElement>>;

package/dist/cjs/types/components/icon/icons/chevron-left.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const ChevronLeftIcon: import("react").ForwardRefExoticComponent<import("../create-icon").IconProps & import("react").RefAttributes<SVGSVGElement>>;

package/dist/cjs/types/components/icon/icons/chevron-right.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const ChevronRightIcon: import("react").ForwardRefExoticComponent<import("../create-icon").IconProps & import("react").RefAttributes<SVGSVGElement>>;

package/dist/cjs/types/components/icon/icons/chevron-up.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const ChevronUpIcon: import("react").ForwardRefExoticComponent<import("../create-icon").IconProps & import("react").RefAttributes<SVGSVGElement>>;

package/dist/cjs/types/components/icon/icons/ellipsis-vertical.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const EllipsisVerticalIcon: import("react").ForwardRefExoticComponent<import("../create-icon").IconProps & import("react").RefAttributes<SVGSVGElement>>;

package/dist/cjs/types/components/icon/icons/ellipsis.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const EllipsisIcon: import("react").ForwardRefExoticComponent<import("../create-icon").IconProps & import("react").RefAttributes<SVGSVGElement>>;

package/dist/cjs/types/components/icon/icons/heart-filled.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const HeartFilledIcon: import("react").ForwardRefExoticComponent<import("../create-icon").IconProps & import("react").RefAttributes<SVGSVGElement>>;

package/dist/cjs/types/components/icon/icons/heart.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const HeartIcon: import("react").ForwardRefExoticComponent<import("../create-icon").IconProps & import("react").RefAttributes<SVGSVGElement>>;

package/dist/cjs/types/components/icon/icons/image.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const ImageIcon: import("react").ForwardRefExoticComponent<import("../create-icon").IconProps & import("react").RefAttributes<SVGSVGElement>>;