@fibery/ui-kit 1.0.0

package/src/icons/react/TypeEmail.tsx

@@ -0,0 +1,12 @@
+// This icon file is generated automatically.
+
+import TypeEmailSvg from '../ast/TypeEmail';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const TypeEmail = (
+  props: IconBaseProps,
+): JSX.Element => <Icon {...props} icon={TypeEmailSvg} />;
+
+TypeEmail.displayName = 'TypeEmail';
+export default TypeEmail;

package/src/icons/react/TypeEmoji.tsx

@@ -0,0 +1,12 @@
+// This icon file is generated automatically.
+
+import TypeEmojiSvg from '../ast/TypeEmoji';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const TypeEmoji = (
+  props: IconBaseProps,
+): JSX.Element => <Icon {...props} icon={TypeEmojiSvg} />;
+
+TypeEmoji.displayName = 'TypeEmoji';
+export default TypeEmoji;

package/src/icons/react/TypeFormula.tsx

@@ -0,0 +1,12 @@
+// This icon file is generated automatically.
+
+import TypeFormulaSvg from '../ast/TypeFormula';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const TypeFormula = (
+  props: IconBaseProps,
+): JSX.Element => <Icon {...props} icon={TypeFormulaSvg} />;
+
+TypeFormula.displayName = 'TypeFormula';
+export default TypeFormula;

package/src/icons/react/TypeFunction.tsx

@@ -0,0 +1,12 @@
+// This icon file is generated automatically.
+
+import TypeFunctionSvg from '../ast/TypeFunction';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const TypeFunction = (
+  props: IconBaseProps,
+): JSX.Element => <Icon {...props} icon={TypeFunctionSvg} />;
+
+TypeFunction.displayName = 'TypeFunction';
+export default TypeFunction;

package/src/icons/react/TypeLookup.tsx

@@ -0,0 +1,12 @@
+// This icon file is generated automatically.
+
+import TypeLookupSvg from '../ast/TypeLookup';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const TypeLookup = (
+  props: IconBaseProps,
+): JSX.Element => <Icon {...props} icon={TypeLookupSvg} />;
+
+TypeLookup.displayName = 'TypeLookup';
+export default TypeLookup;

package/src/icons/react/TypeMoney.tsx

@@ -0,0 +1,12 @@
+// This icon file is generated automatically.
+
+import TypeMoneySvg from '../ast/TypeMoney';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const TypeMoney = (
+  props: IconBaseProps,
+): JSX.Element => <Icon {...props} icon={TypeMoneySvg} />;
+
+TypeMoney.displayName = 'TypeMoney';
+export default TypeMoney;

package/src/icons/react/TypeMultiSelect.tsx

@@ -0,0 +1,12 @@
+// This icon file is generated automatically.
+
+import TypeMultiSelectSvg from '../ast/TypeMultiSelect';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const TypeMultiSelect = (
+  props: IconBaseProps,
+): JSX.Element => <Icon {...props} icon={TypeMultiSelectSvg} />;
+
+TypeMultiSelect.displayName = 'TypeMultiSelect';
+export default TypeMultiSelect;

package/src/icons/react/TypeNumber.tsx

@@ -0,0 +1,12 @@
+// This icon file is generated automatically.
+
+import TypeNumberSvg from '../ast/TypeNumber';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const TypeNumber = (
+  props: IconBaseProps,
+): JSX.Element => <Icon {...props} icon={TypeNumberSvg} />;
+
+TypeNumber.displayName = 'TypeNumber';
+export default TypeNumber;

package/src/icons/react/TypePercent.tsx

@@ -0,0 +1,12 @@
+// This icon file is generated automatically.
+
+import TypePercentSvg from '../ast/TypePercent';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const TypePercent = (
+  props: IconBaseProps,
+): JSX.Element => <Icon {...props} icon={TypePercentSvg} />;
+
+TypePercent.displayName = 'TypePercent';
+export default TypePercent;

package/src/icons/react/TypePhone.tsx

@@ -0,0 +1,12 @@
+// This icon file is generated automatically.
+
+import TypePhoneSvg from '../ast/TypePhone';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const TypePhone = (
+  props: IconBaseProps,
+): JSX.Element => <Icon {...props} icon={TypePhoneSvg} />;
+
+TypePhone.displayName = 'TypePhone';
+export default TypePhone;

package/src/icons/react/TypeRelation.tsx

@@ -0,0 +1,12 @@
+// This icon file is generated automatically.
+
+import TypeRelationSvg from '../ast/TypeRelation';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const TypeRelation = (
+  props: IconBaseProps,
+): JSX.Element => <Icon {...props} icon={TypeRelationSvg} />;
+
+TypeRelation.displayName = 'TypeRelation';
+export default TypeRelation;

package/src/icons/react/TypeRichText.tsx

@@ -0,0 +1,12 @@
+// This icon file is generated automatically.
+
+import TypeRichTextSvg from '../ast/TypeRichText';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const TypeRichText = (
+  props: IconBaseProps,
+): JSX.Element => <Icon {...props} icon={TypeRichTextSvg} />;
+
+TypeRichText.displayName = 'TypeRichText';
+export default TypeRichText;

package/src/icons/react/TypeRule.tsx

@@ -0,0 +1,12 @@
+// This icon file is generated automatically.
+
+import TypeRuleSvg from '../ast/TypeRule';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const TypeRule = (
+  props: IconBaseProps,
+): JSX.Element => <Icon {...props} icon={TypeRuleSvg} />;
+
+TypeRule.displayName = 'TypeRule';
+export default TypeRule;

package/src/icons/react/TypeSingleSelect.tsx

@@ -0,0 +1,12 @@
+// This icon file is generated automatically.
+
+import TypeSingleSelectSvg from '../ast/TypeSingleSelect';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const TypeSingleSelect = (
+  props: IconBaseProps,
+): JSX.Element => <Icon {...props} icon={TypeSingleSelectSvg} />;
+
+TypeSingleSelect.displayName = 'TypeSingleSelect';
+export default TypeSingleSelect;

package/src/icons/react/TypeText.tsx

@@ -0,0 +1,12 @@
+// This icon file is generated automatically.
+
+import TypeTextSvg from '../ast/TypeText';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const TypeText = (
+  props: IconBaseProps,
+): JSX.Element => <Icon {...props} icon={TypeTextSvg} />;
+
+TypeText.displayName = 'TypeText';
+export default TypeText;

package/src/icons/react/TypeUrl.tsx

@@ -0,0 +1,12 @@
+// This icon file is generated automatically.
+
+import TypeUrlSvg from '../ast/TypeUrl';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const TypeUrl = (
+  props: IconBaseProps,
+): JSX.Element => <Icon {...props} icon={TypeUrlSvg} />;
+
+TypeUrl.displayName = 'TypeUrl';
+export default TypeUrl;

package/src/icons/react/Upgrade.tsx

@@ -0,0 +1,12 @@
+// This icon file is generated automatically.
+
+import UpgradeSvg from '../ast/Upgrade';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const Upgrade = (
+  props: IconBaseProps,
+): JSX.Element => <Icon {...props} icon={UpgradeSvg} />;
+
+Upgrade.displayName = 'Upgrade';
+export default Upgrade;

package/src/icons/react/ViewBoard.tsx

@@ -0,0 +1,12 @@
+// This icon file is generated automatically.
+
+import ViewBoardSvg from '../ast/ViewBoard';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const ViewBoard = (
+  props: IconBaseProps,
+): JSX.Element => <Icon {...props} icon={ViewBoardSvg} />;
+
+ViewBoard.displayName = 'ViewBoard';
+export default ViewBoard;

package/src/icons/react/ViewCalendar.tsx

@@ -0,0 +1,12 @@
+// This icon file is generated automatically.
+
+import ViewCalendarSvg from '../ast/ViewCalendar';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const ViewCalendar = (
+  props: IconBaseProps,
+): JSX.Element => <Icon {...props} icon={ViewCalendarSvg} />;
+
+ViewCalendar.displayName = 'ViewCalendar';
+export default ViewCalendar;

package/src/icons/react/ViewCanvas.tsx

@@ -0,0 +1,12 @@
+// This icon file is generated automatically.
+
+import ViewCanvasSvg from '../ast/ViewCanvas';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const ViewCanvas = (
+  props: IconBaseProps,
+): JSX.Element => <Icon {...props} icon={ViewCanvasSvg} />;
+
+ViewCanvas.displayName = 'ViewCanvas';
+export default ViewCanvas;

package/src/icons/react/ViewChart.tsx

@@ -0,0 +1,12 @@
+// This icon file is generated automatically.
+
+import ViewChartSvg from '../ast/ViewChart';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const ViewChart = (
+  props: IconBaseProps,
+): JSX.Element => <Icon {...props} icon={ViewChartSvg} />;
+
+ViewChart.displayName = 'ViewChart';
+export default ViewChart;

package/src/icons/react/ViewDetails.tsx

@@ -0,0 +1,12 @@
+// This icon file is generated automatically.
+
+import ViewDetailsSvg from '../ast/ViewDetails';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const ViewDetails = (
+  props: IconBaseProps,
+): JSX.Element => <Icon {...props} icon={ViewDetailsSvg} />;
+
+ViewDetails.displayName = 'ViewDetails';
+export default ViewDetails;

package/src/icons/react/ViewDocument.tsx

@@ -0,0 +1,12 @@
+// This icon file is generated automatically.
+
+import ViewDocumentSvg from '../ast/ViewDocument';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const ViewDocument = (
+  props: IconBaseProps,
+): JSX.Element => <Icon {...props} icon={ViewDocumentSvg} />;
+
+ViewDocument.displayName = 'ViewDocument';
+export default ViewDocument;

package/src/icons/react/ViewFeed.tsx

@@ -0,0 +1,12 @@
+// This icon file is generated automatically.
+
+import ViewFeedSvg from '../ast/ViewFeed';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const ViewFeed = (
+  props: IconBaseProps,
+): JSX.Element => <Icon {...props} icon={ViewFeedSvg} />;
+
+ViewFeed.displayName = 'ViewFeed';
+export default ViewFeed;

package/src/icons/react/ViewList.tsx

@@ -0,0 +1,12 @@
+// This icon file is generated automatically.
+
+import ViewListSvg from '../ast/ViewList';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const ViewList = (
+  props: IconBaseProps,
+): JSX.Element => <Icon {...props} icon={ViewListSvg} />;
+
+ViewList.displayName = 'ViewList';
+export default ViewList;

package/src/icons/react/ViewPage.tsx

@@ -0,0 +1,12 @@
+// This icon file is generated automatically.
+
+import ViewPageSvg from '../ast/ViewPage';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const ViewPage = (
+  props: IconBaseProps,
+): JSX.Element => <Icon {...props} icon={ViewPageSvg} />;
+
+ViewPage.displayName = 'ViewPage';
+export default ViewPage;

package/src/icons/react/ViewTable.tsx

@@ -0,0 +1,12 @@
+// This icon file is generated automatically.
+
+import ViewTableSvg from '../ast/ViewTable';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const ViewTable = (
+  props: IconBaseProps,
+): JSX.Element => <Icon {...props} icon={ViewTableSvg} />;
+
+ViewTable.displayName = 'ViewTable';
+export default ViewTable;

package/src/icons/react/ViewTimeline.tsx

@@ -0,0 +1,12 @@
+// This icon file is generated automatically.
+
+import ViewTimelineSvg from '../ast/ViewTimeline';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const ViewTimeline = (
+  props: IconBaseProps,
+): JSX.Element => <Icon {...props} icon={ViewTimelineSvg} />;
+
+ViewTimeline.displayName = 'ViewTimeline';
+export default ViewTimeline;

package/src/icons/react/Views.tsx

@@ -0,0 +1,12 @@
+// This icon file is generated automatically.
+
+import ViewsSvg from '../ast/Views';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const Views = (
+  props: IconBaseProps,
+): JSX.Element => <Icon {...props} icon={ViewsSvg} />;
+
+Views.displayName = 'Views';
+export default Views;

package/src/icons/react/Warning.tsx

@@ -0,0 +1,12 @@
+// This icon file is generated automatically.
+
+import WarningSvg from '../ast/Warning';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const Warning = (
+  props: IconBaseProps,
+): JSX.Element => <Icon {...props} icon={WarningSvg} />;
+
+Warning.displayName = 'Warning';
+export default Warning;

package/src/icons/react/index.tsx

@@ -0,0 +1,174 @@
+// This icon file is generated automatically.
+export { default as ActivityLog } from './ActivityLog';
+export { default as Activity } from './Activity';
+export { default as AddCompact } from './AddCompact';
+export { default as AddReactions } from './AddReactions';
+export { default as Add } from './Add';
+export { default as AntdFilledCheckCircle } from './AntdFilledCheckCircle';
+export { default as AntdFilledCloseCircle } from './AntdFilledCloseCircle';
+export { default as AntdFilledExclamationCircle } from './AntdFilledExclamationCircle';
+export { default as AntdFilledInfoCircle } from './AntdFilledInfoCircle';
+export { default as AppDetails } from './AppDetails';
+export { default as AppStoreOneColor } from './AppStoreOneColor';
+export { default as AppStore } from './AppStore';
+export { default as AppTemplatesOneColor } from './AppTemplatesOneColor';
+export { default as AppTemplates } from './AppTemplates';
+export { default as AppWebhooks } from './AppWebhooks';
+export { default as AppWiki } from './AppWiki';
+export { default as App } from './App';
+export { default as ArrowBottom } from './ArrowBottom';
+export { default as ArrowCollapseVertical } from './ArrowCollapseVertical';
+export { default as ArrowCollapse } from './ArrowCollapse';
+export { default as ArrowLeft } from './ArrowLeft';
+export { default as ArrowRight } from './ArrowRight';
+export { default as ArrowTop } from './ArrowTop';
+export { default as AskForInput } from './AskForInput';
+export { default as Back } from './Back';
+export { default as BacklogIcon } from './BacklogIcon';
+export { default as BatchActionsIcon } from './BatchActionsIcon';
+export { default as Cards } from './Cards';
+export { default as Checked } from './Checked';
+export { default as ClearValue } from './ClearValue';
+export { default as Close } from './Close';
+export { default as ColorCoding } from './ColorCoding';
+export { default as Columns } from './Columns';
+export { default as CopyUrl } from './CopyUrl';
+export { default as Database } from './Database';
+export { default as Delete } from './Delete';
+export { default as Demo } from './Demo';
+export { default as DoubleArrowLeft } from './DoubleArrowLeft';
+export { default as DoubleArrowRight } from './DoubleArrowRight';
+export { default as DragBlockHandle } from './DragBlockHandle';
+export { default as DragHandle } from './DragHandle';
+export { default as ExtensionAssignments } from './ExtensionAssignments';
+export { default as ExtensionAvatar } from './ExtensionAvatar';
+export { default as ExtensionComments } from './ExtensionComments';
+export { default as ExtensionFiles } from './ExtensionFiles';
+export { default as ExtensionReferences } from './ExtensionReferences';
+export { default as ExtensionWorkflow } from './ExtensionWorkflow';
+export { default as FavoritesChecked } from './FavoritesChecked';
+export { default as FavoritesMenu } from './FavoritesMenu';
+export { default as Favorites } from './Favorites';
+export { default as Fields } from './Fields';
+export { default as Filter } from './Filter';
+export { default as FocusModeOff } from './FocusModeOff';
+export { default as FocusMode } from './FocusMode';
+export { default as Globe } from './Globe';
+export { default as Hide } from './Hide';
+export { default as Hint } from './Hint';
+export { default as Home } from './Home';
+export { default as Integration } from './Integration';
+export { default as InvitePeople } from './InvitePeople';
+export { default as Items } from './Items';
+export { default as LeftPanel } from './LeftPanel';
+export { default as Levels } from './Levels';
+export { default as Lock } from './Lock';
+export { default as MenuCollapser } from './MenuCollapser';
+export { default as Milestones } from './Milestones';
+export { default as MoreCompact } from './MoreCompact';
+export { default as More } from './More';
+export { default as MySpace } from './MySpace';
+export { default as Notifications } from './Notifications';
+export { default as ObjChild } from './ObjChild';
+export { default as ObjM2M } from './ObjM2M';
+export { default as ObjO2O } from './ObjO2O';
+export { default as ObjParent } from './ObjParent';
+export { default as ObjSelf } from './ObjSelf';
+export { default as OnSchedule } from './OnSchedule';
+export { default as OpenAsPage } from './OpenAsPage';
+export { default as PageRegularMode } from './PageRegularMode';
+export { default as PageWideMode } from './PageWideMode';
+export { default as Photo } from './Photo';
+export { default as Popup } from './Popup';
+export { default as Posts } from './Posts';
+export { default as Remove } from './Remove';
+export { default as Reply } from './Reply';
+export { default as Restore } from './Restore';
+export { default as RicheditorActionsMore } from './RicheditorActionsMore';
+export { default as RicheditorBlockCode } from './RicheditorBlockCode';
+export { default as RicheditorBlockEntity } from './RicheditorBlockEntity';
+export { default as RicheditorBlockH1 } from './RicheditorBlockH1';
+export { default as RicheditorBlockH2 } from './RicheditorBlockH2';
+export { default as RicheditorBlockH3 } from './RicheditorBlockH3';
+export { default as RicheditorBlockH4 } from './RicheditorBlockH4';
+export { default as RicheditorBlockMention } from './RicheditorBlockMention';
+export { default as RicheditorBlockParagraph } from './RicheditorBlockParagraph';
+export { default as RicheditorBlockQuote } from './RicheditorBlockQuote';
+export { default as RicheditorChecklistCreate } from './RicheditorChecklistCreate';
+export { default as RicheditorCommentCreate } from './RicheditorCommentCreate';
+export { default as RicheditorEntityLinkCreate } from './RicheditorEntityLinkCreate';
+export { default as RicheditorHistoryRedo } from './RicheditorHistoryRedo';
+export { default as RicheditorHistoryUndo } from './RicheditorHistoryUndo';
+export { default as RicheditorImageAlignCenter } from './RicheditorImageAlignCenter';
+export { default as RicheditorImageAlignLeft } from './RicheditorImageAlignLeft';
+export { default as RicheditorImageAlignRight } from './RicheditorImageAlignRight';
+export { default as RicheditorImageUpload } from './RicheditorImageUpload';
+export { default as RicheditorImageWrapCenter } from './RicheditorImageWrapCenter';
+export { default as RicheditorImageWrapLeft } from './RicheditorImageWrapLeft';
+export { default as RicheditorImageWrapRight } from './RicheditorImageWrapRight';
+export { default as RicheditorImageZoom } from './RicheditorImageZoom';
+export { default as RicheditorLinkCreate } from './RicheditorLinkCreate';
+export { default as RicheditorLinkedhighlightCreate } from './RicheditorLinkedhighlightCreate';
+export { default as RicheditorListBullet } from './RicheditorListBullet';
+export { default as RicheditorListIndent } from './RicheditorListIndent';
+export { default as RicheditorListOrdered } from './RicheditorListOrdered';
+export { default as RicheditorListUnindent } from './RicheditorListUnindent';
+export { default as RicheditorMarkCode } from './RicheditorMarkCode';
+export { default as RicheditorMarkEm } from './RicheditorMarkEm';
+export { default as RicheditorMarkHighlight } from './RicheditorMarkHighlight';
+export { default as RicheditorMarkStrike } from './RicheditorMarkStrike';
+export { default as RicheditorMarkStrong } from './RicheditorMarkStrong';
+export { default as RicheditorMarkUnderline } from './RicheditorMarkUnderline';
+export { default as RicheditorOpenLink } from './RicheditorOpenLink';
+export { default as RicheditorTableCreate } from './RicheditorTableCreate';
+export { default as RicheditorUnlink } from './RicheditorUnlink';
+export { default as RicheditorVideoUpload } from './RicheditorVideoUpload';
+export { default as RightPanel } from './RightPanel';
+export { default as Rows } from './Rows';
+export { default as Search } from './Search';
+export { default as SelfReferenceOff } from './SelfReferenceOff';
+export { default as SelfReferenceOn } from './SelfReferenceOn';
+export { default as Settings } from './Settings';
+export { default as Share } from './Share';
+export { default as Shared } from './Shared';
+export { default as Sidebar } from './Sidebar';
+export { default as Slack } from './Slack';
+export { default as SmartFolder } from './SmartFolder';
+export { default as SortOnBottom } from './SortOnBottom';
+export { default as SortOnTop } from './SortOnTop';
+export { default as Sort } from './Sort';
+export { default as Spinner } from './Spinner';
+export { default as TypeBoolean } from './TypeBoolean';
+export { default as TypeButton } from './TypeButton';
+export { default as TypeCheckbox } from './TypeCheckbox';
+export { default as TypeDate } from './TypeDate';
+export { default as TypeEmail } from './TypeEmail';
+export { default as TypeEmoji } from './TypeEmoji';
+export { default as TypeFormula } from './TypeFormula';
+export { default as TypeFunction } from './TypeFunction';
+export { default as TypeLookup } from './TypeLookup';
+export { default as TypeMoney } from './TypeMoney';
+export { default as TypeMultiSelect } from './TypeMultiSelect';
+export { default as TypeNumber } from './TypeNumber';
+export { default as TypePercent } from './TypePercent';
+export { default as TypePhone } from './TypePhone';
+export { default as TypeRelation } from './TypeRelation';
+export { default as TypeRichText } from './TypeRichText';
+export { default as TypeRule } from './TypeRule';
+export { default as TypeSingleSelect } from './TypeSingleSelect';
+export { default as TypeText } from './TypeText';
+export { default as TypeUrl } from './TypeUrl';
+export { default as Upgrade } from './Upgrade';
+export { default as ViewBoard } from './ViewBoard';
+export { default as ViewCalendar } from './ViewCalendar';
+export { default as ViewCanvas } from './ViewCanvas';
+export { default as ViewChart } from './ViewChart';
+export { default as ViewDetails } from './ViewDetails';
+export { default as ViewDocument } from './ViewDocument';
+export { default as ViewFeed } from './ViewFeed';
+export { default as ViewList } from './ViewList';
+export { default as ViewPage } from './ViewPage';
+export { default as ViewTable } from './ViewTable';
+export { default as ViewTimeline } from './ViewTimeline';
+export { default as Views } from './Views';
+export { default as Warning } from './Warning';

package/src/icons/types.ts

@@ -0,0 +1,29 @@
+export interface AbstractNode {
+  type: string;
+  tagName?: string;
+  properties?: {
+    [key: string]: string | number;
+  };
+  children: AbstractNode[];
+  metadata?: string;
+}
+
+export interface IconDefinition {
+  name: string; // kebab-case-style
+  icon: AbstractNode;
+}
+
+export type IconBaseProps = {
+  color?: string | null;
+  containerSize?: number;
+  viewBox?: string;
+  iconSize?: number;
+  onMouseDown?: () => void;
+  onMouseEnter?: () => void;
+  onMouseLeave?: () => void;
+};
+
+export type IconProps = IconBaseProps & {
+  icon: IconDefinition;
+  children?: JSX.Element;
+};