@uva-glass/component-library 1.35.2 → 1.37.1

package/dist/components/Accordion/Accordion.stories.d.ts

@@ -1,6 +1,7 @@
+import { Meta } from '@storybook/react';
 import { AccordionProps } from './Accordion';
 
-declare const _default: import('@storybook/types').ComponentAnnotations<import('@storybook/react').ReactRenderer, AccordionProps>;
+declare const _default: Meta<AccordionProps>;
 export default _default;
 export declare const AccordionExample: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, AccordionProps>;
 export declare const WithComplexProps: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, AccordionProps>;

package/dist/components/AppStatusBar/AppStatusBar.stories.d.ts

@@ -1,7 +1,9 @@
+import { Meta } from '@storybook/react';
+
 interface AppStatusBarProps {
     message: string;
     severity: 'info' | 'warning' | 'error';
 }
-declare const _default: import('@storybook/types').ComponentAnnotations<import('@storybook/react').ReactRenderer, AppStatusBarProps>;
+declare const _default: Meta<AppStatusBarProps>;
 export default _default;
 export declare const AppStatusBarExample: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, AppStatusBarProps>;

package/dist/components/AppStatusBar/AppStatusBar.stories.js

@@ -10,7 +10,7 @@ const p = {
     }
   }
 }, n = (e) => /* @__PURE__ */ o(t, { ...e }), r = {
-  message: "Dit is de ontwikkelomgeving van Storybook. Hier kun je componenten bekijken en testen.",
+  message: "Dit is de ontwikkelomgeving van Storybook. Hier kun je componenten bekijken en testen!.",
   severity: "warning"
 }, s = n.bind({});
 s.args = {

package/dist/components/AppStatusBar/AppStatusBar.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppStatusBar.stories.js","sources":["../../../src/components/AppStatusBar/AppStatusBar.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\n\nimport { AppStatusBar } from './AppStatusBar';\n\ninterface AppStatusBarProps {\n  message: string;\n  severity: 'info' | 'warning' | 'error';\n}\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/AppStatusBar',\n  component: AppStatusBar,\n  argTypes: {\n    severity: {\n      options: ['info', 'warning', 'error'],\n      control: { type: 'radio' },\n    },\n  },\n} as Meta<AppStatusBarProps>;\n\nconst Template: StoryFn<AppStatusBarProps> = (args) => <AppStatusBar {...args} />;\n\nconst defaultArgs: Partial<AppStatusBarProps> = {\n  message: 'Dit is de ontwikkelomgeving van Storybook. Hier kun je componenten bekijken en testen.',\n  severity: 'warning',\n};\n\nexport const AppStatusBarExample = Template.bind({});\nAppStatusBarExample.args = {\n  ...defaultArgs,\n};\n"],"names":["AppStatusBar_stories","AppStatusBar","Template","args","jsx","defaultArgs","AppStatusBarExample"],"mappings":";;AAUA,MAAeA,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,UAAU;AAAA,MACR,SAAS,CAAC,QAAQ,WAAW,OAAO;AAAA,MACpC,SAAS,EAAE,MAAM,QAAQ;AAAA,IAC3B;AAAA,EACF;AACF,GAEMC,IAAuC,CAACC,MAAU,gBAAAC,EAAAH,GAAA,EAAc,GAAGE,EAAM,CAAA,GAEzEE,IAA0C;AAAA,EAC9C,SAAS;AAAA,EACT,UAAU;AACZ,GAEaC,IAAsBJ,EAAS,KAAK,EAAE;AACnDI,EAAoB,OAAO;AAAA,EACzB,GAAGD;AACL;"}
+{"version":3,"file":"AppStatusBar.stories.js","sources":["../../../src/components/AppStatusBar/AppStatusBar.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\n\nimport { AppStatusBar } from './AppStatusBar';\n\ninterface AppStatusBarProps {\n  message: string;\n  severity: 'info' | 'warning' | 'error';\n}\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/AppStatusBar',\n  component: AppStatusBar,\n  argTypes: {\n    severity: {\n      options: ['info', 'warning', 'error'],\n      control: { type: 'radio' },\n    },\n  },\n} as Meta<AppStatusBarProps>;\n\nconst Template: StoryFn<AppStatusBarProps> = (args) => <AppStatusBar {...args} />;\n\nconst defaultArgs: Partial<AppStatusBarProps> = {\n  message: 'Dit is de ontwikkelomgeving van Storybook. Hier kun je componenten bekijken en testen!.',\n  severity: 'warning',\n};\n\nexport const AppStatusBarExample = Template.bind({});\nAppStatusBarExample.args = {\n  ...defaultArgs,\n};\n"],"names":["AppStatusBar_stories","AppStatusBar","Template","args","jsx","defaultArgs","AppStatusBarExample"],"mappings":";;AAUA,MAAeA,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,UAAU;AAAA,MACR,SAAS,CAAC,QAAQ,WAAW,OAAO;AAAA,MACpC,SAAS,EAAE,MAAM,QAAQ;AAAA,IAC3B;AAAA,EACF;AACF,GAEMC,IAAuC,CAACC,MAAU,gBAAAC,EAAAH,GAAA,EAAc,GAAGE,EAAM,CAAA,GAEzEE,IAA0C;AAAA,EAC9C,SAAS;AAAA,EACT,UAAU;AACZ,GAEaC,IAAsBJ,EAAS,KAAK,EAAE;AACnDI,EAAoB,OAAO;AAAA,EACzB,GAAGD;AACL;"}

package/dist/components/Attention/Attention.stories.d.ts

@@ -1,7 +1,8 @@
-declare const _default: import('@storybook/types').ComponentAnnotations<import('@storybook/react').ReactRenderer, {
-    children?: import('react').ReactNode;
-}>;
+import { Meta } from '@storybook/react';
+import { PropsWithChildren } from 'react';
+
+declare const _default: Meta<PropsWithChildren>;
 export default _default;
 export declare const AttentionExample: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, {
-    children?: import('react').ReactNode;
+    children?: import('react').ReactNode | undefined;
 }>;

package/dist/components/Backdrop/Backdrop.stories.d.ts

@@ -1,8 +1,9 @@
+import { Meta } from '@storybook/react';
 import { BackdropProps } from './Backdrop';
 
 type BackdropStoryProps = BackdropProps & {
     visible: boolean;
 };
-declare const _default: import('@storybook/types').ComponentAnnotations<import('@storybook/react').ReactRenderer, BackdropStoryProps>;
+declare const _default: Meta<BackdropStoryProps>;
 export default _default;
 export declare const BackdropExample: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, BackdropStoryProps>;

package/dist/components/Button/Button.stories.d.ts

@@ -1,6 +1,7 @@
+import { Meta } from '@storybook/react';
 import { ButtonProps } from './Button';
 
-declare const _default: import('@storybook/types').ComponentAnnotations<import('@storybook/react').ReactRenderer, ButtonProps>;
+declare const _default: Meta<ButtonProps>;
 export default _default;
 export declare const ButtonExample: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ButtonProps>;
 export declare const WithMultipleChildren: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ButtonProps>;

package/dist/components/Button/Button.stories.js

@@ -1,5 +1,5 @@
 import { jsxs as o, Fragment as s, jsx as t } from "react/jsx-runtime";
-import { f as l } from "../../index-CYUtHyCV.js";
+import { f as l } from "../../index-Do6xof80.js";
 import { Button as e } from "./Button.js";
 const u = {
   title: "Atoms/Button",

package/dist/components/ButtonGroup/ButtonGroup.stories.d.ts

@@ -1,6 +1,7 @@
+import { Meta } from '@storybook/react';
 import { PropsWithChildren } from 'react';
 import { ButtonGroupProps } from './ButtonGroup';
 
-declare const _default: import('@storybook/types').ComponentAnnotations<import('@storybook/react').ReactRenderer, PropsWithChildren<ButtonGroupProps>>;
+declare const _default: Meta<PropsWithChildren<ButtonGroupProps>>;
 export default _default;
 export declare const ButtonGroupExample: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PropsWithChildren<ButtonGroupProps>>;

package/dist/components/Card/Card.stories.d.ts

@@ -1,7 +1,8 @@
 import { PropsWithChildren } from 'react';
+import { Meta } from '@storybook/react';
 import { CardProps } from './Card';
 
-declare const _default: import('@storybook/types').ComponentAnnotations<import('@storybook/react').ReactRenderer, PropsWithChildren<CardProps>>;
+declare const _default: Meta<PropsWithChildren<CardProps>>;
 export default _default;
 export declare const CardExample: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PropsWithChildren<CardProps>>;
 export declare const WithNotification: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PropsWithChildren<CardProps>>;

package/dist/components/Checkbox/Checkbox.stories.d.ts

@@ -1,5 +1,6 @@
+import { Meta } from '@storybook/react';
 import { CheckboxProps } from './Checkbox';
 
-declare const _default: import('@storybook/types').ComponentAnnotations<import('@storybook/react').ReactRenderer, CheckboxProps>;
+declare const _default: Meta<CheckboxProps>;
 export default _default;
 export declare const CheckboxExample: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, CheckboxProps>;

package/dist/components/Checkbox/Checkbox.stories.js

@@ -1,5 +1,5 @@
 import { jsxs as t, jsx as o } from "react/jsx-runtime";
-import { f as m } from "../../index-CYUtHyCV.js";
+import { f as m } from "../../index-Do6xof80.js";
 import { Checkbox as e } from "./Checkbox.js";
 import { FormField as i } from "../FormField/FormField.js";
 import { Label as n } from "../Label/Label.js";

package/dist/components/Drawer/Drawer.stories.d.ts

@@ -1,6 +1,7 @@
+import { Meta } from '@storybook/react';
 import { DrawerProps } from './Drawer';
 
-declare const _default: import('@storybook/types').ComponentAnnotations<import('@storybook/react').ReactRenderer, DrawerProps>;
+declare const _default: Meta<DrawerProps>;
 export default _default;
 export declare const DrawerExample: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DrawerProps>;
 export declare const WithButtons: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DrawerProps>;

package/dist/components/Drawer/Drawer.stories.js

@@ -1,6 +1,6 @@
 import { jsxs as o, jsx as e } from "react/jsx-runtime";
 import { a as m } from "../../useDialog-D4QXqVAd.js";
-import { f as p } from "../../index-CYUtHyCV.js";
+import { f as p } from "../../index-Do6xof80.js";
 import { useState as c } from "react";
 import { Drawer as n } from "./Drawer.js";
 import { Button as t } from "../Button/Button.js";

package/dist/components/FieldHint/FieldHint.stories.d.ts

@@ -1,6 +1,7 @@
+import { Meta } from '@storybook/react';
 import { FieldHintProps } from './FieldHint';
 
-declare const _default: import('@storybook/types').ComponentAnnotations<import('@storybook/react').ReactRenderer, FieldHintProps>;
+declare const _default: Meta<FieldHintProps>;
 export default _default;
 export declare const FieldHintExample: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, FieldHintProps>;
 export declare const LoadingFieldHint: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, FieldHintProps>;

package/dist/components/Fieldset/Fieldset.stories.d.ts

@@ -1,7 +1,8 @@
+import { Meta } from '@storybook/react';
 import { PropsWithChildren } from 'react';
 import { FieldsetProps } from './Fieldset';
 
-declare const _default: import('@storybook/types').ComponentAnnotations<import('@storybook/react').ReactRenderer, PropsWithChildren<FieldsetProps>>;
+declare const _default: Meta<PropsWithChildren<FieldsetProps>>;
 export default _default;
 export declare const FieldsetExample: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PropsWithChildren<FieldsetProps>>;
 export declare const WithDescriptionExample: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PropsWithChildren<FieldsetProps>>;

package/dist/components/FormField/FormField.stories.d.ts

@@ -1,6 +1,7 @@
+import { Meta } from '@storybook/react';
 import { PropsWithChildren } from 'react';
 import { FormFieldProps } from './FormField';
 
-declare const _default: import('@storybook/types').ComponentAnnotations<import('@storybook/react').ReactRenderer, PropsWithChildren<FormFieldProps>>;
+declare const _default: Meta<PropsWithChildren<FormFieldProps>>;
 export default _default;
 export declare const FormFieldExample: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PropsWithChildren<FormFieldProps>>;

package/dist/components/GridRow/GridRow.stories.d.ts

@@ -1,6 +1,7 @@
+import { Meta } from '@storybook/react';
 import { GridRowProps } from './GridRow';
 
-declare const _default: import('@storybook/types').ComponentAnnotations<import('@storybook/react').ReactRenderer, GridRowProps>;
+declare const _default: Meta<GridRowProps>;
 export default _default;
 export declare const GridRowExample: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, GridRowProps>;
 export declare const WithMediumBreakpoint: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, GridRowProps>;

package/dist/components/HorizontalList/HorizontalList.stories.d.ts

@@ -1,5 +1,6 @@
+import { Meta } from '@storybook/react';
 import { HorizontalListProps } from './HorizontalList';
 
-declare const _default: import('@storybook/types').ComponentAnnotations<import('@storybook/react').ReactRenderer, HorizontalListProps>;
+declare const _default: Meta<HorizontalListProps>;
 export default _default;
 export declare const HorizontalListExample: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, HorizontalListProps>;

package/dist/components/Icon/Icon.stories.d.ts

@@ -1,6 +1,7 @@
+import { Meta } from '@storybook/react';
 import { IconProps } from './Icon';
 
-declare const _default: import('@storybook/types').ComponentAnnotations<import('@storybook/react').ReactRenderer, IconProps>;
+declare const _default: Meta<IconProps>;
 export default _default;
 export declare const IconExample: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, IconProps>;
 export declare const IconOverview: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icon/icons/index.d.ts

@@ -1,191 +1,200 @@
 export declare const Icons: {
+    AcademicCap: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
     ArrowDownOnSquare: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
+        title?: string;
     }>;
     ArrowLeft: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
+        title?: string;
     }>;
     ArrowLeftEndOnRectangle: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
+        title?: string;
     }>;
     ArrowLeftStartOnRectangle: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
+        title?: string;
     }>;
     ArrowRight: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
+        title?: string;
     }>;
     ArrowSmallDownMini: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
+        title?: string;
     }>;
     ArrowSmallLeft: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
+        title?: string;
     }>;
     ArrowSmallRight: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
+        title?: string;
     }>;
     ArrowSmallUpMini: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
+        title?: string;
     }>;
     ArrowTopRightOnSquare: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
+        title?: string;
     }>;
     ArrowUpOnSquare: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
+        title?: string;
     }>;
     BrowserBlocked: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
+        title?: string;
     }>;
     BrowserBroken: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
+        title?: string;
     }>;
     Calendar: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
+        title?: string;
     }>;
     Check: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
+        title?: string;
     }>;
     CheckCircle: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
+        title?: string;
     }>;
     CheckCircleFillMini: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
+        title?: string;
     }>;
     CheveronDown: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
+        title?: string;
     }>;
     CheveronLeft: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
+        title?: string;
     }>;
     CheveronRight: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
+        title?: string;
     }>;
     CheveronUp: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
+        title?: string;
     }>;
     CheveronUpDown: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
+        title?: string;
     }>;
     Circle: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
+        title?: string;
+    }>;
+    CircleStack: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
     }>;
     Clock: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
+        title?: string;
     }>;
     ClockCircleFillMini: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
+        title?: string;
     }>;
     Collection: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
+        title?: string;
     }>;
     Cross: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
+        title?: string;
     }>;
     CrossCircle: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
+        title?: string;
     }>;
     CrossCircleFillMini: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
+        title?: string;
     }>;
     CrossCircleMini: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
+        title?: string;
     }>;
     CubeTransparent: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
+        title?: string;
     }>;
     DocumentDuplicate: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
+        title?: string;
     }>;
     DocumentText: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
+        title?: string;
     }>;
     DotCircleFillMini: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
+        title?: string;
     }>;
     Dots: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
+        title?: string;
     }>;
     Envelope: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
+        title?: string;
     }>;
     ExclamationCircle: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
+        title?: string;
     }>;
     ExclamationCircleFillMini: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
+        title?: string;
     }>;
     ExclamationTriangleFill: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
+        title?: string;
     }>;
     ExclamationTriangleMini: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
+        title?: string;
     }>;
     FaceFrown: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
+        title?: string;
     }>;
     Hamburger: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
+        title?: string;
     }>;
     Heart: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
+        title?: string;
     }>;
     InformationCircle: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
+        title?: string;
     }>;
     InformationCircleFillMini: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
+        title?: string;
     }>;
     InformationCircleMini: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
+        title?: string;
     }>;
     Link: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
+        title?: string;
     }>;
     LinkSlash: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
+        title?: string;
     }>;
     ListMagnify: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
+        title?: string;
     }>;
     LockClosedFill: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
+        title?: string;
     }>;
     LockOpenFill: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
+        title?: string;
     }>;
     Minus: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
+        title?: string;
     }>;
     MinusCircleFillMini: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
+        title?: string;
     }>;
     PencilSquare: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
+        title?: string;
     }>;
     Plus: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
+        title?: string;
     }>;
     QuestionMarkCircleFillMini: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
+        title?: string;
     }>;
     Sparkles: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
+        title?: string;
     }>;
     Swap: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
+        title?: string;
     }>;
     SwapSlash: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
+        title?: string;
+    }>;
+    Swatch: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
     }>;
     Trash: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
+        title?: string;
     }>;
     TrashStrikethrough: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
+        title?: string;
     }>;
     UserCheckFill: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
+        title?: string;
     }>;
     UserMinusFill: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
+        title?: string;
     }>;
 };