@odigos/ui-kit 0.0.23 → 0.0.25

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # Changelog
 
+## [0.0.25](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.24...ui-kit-v0.0.25) (2025-05-14)
+
+
+### Features
+
+* add support for groups / data-streams ([#79](https://github.com/odigos-io/ui-kit/issues/79)) ([5bd4d80](https://github.com/odigos-io/ui-kit/commit/5bd4d80c3657b6e2782e2b60b28a6b4ca61e9ff8))
+
+
+### Bug Fixes
+
+* test connection handling in destination components ([#97](https://github.com/odigos-io/ui-kit/issues/97)) ([b3f90df](https://github.com/odigos-io/ui-kit/commit/b3f90df8fdb16790fe5aff82e7dba87a68645848))
+
+## [0.0.24](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.23...ui-kit-v0.0.24) (2025-04-29)
+
+
+### Features
+
+* add replicaSetAttributes checkbox to k8sattributes action ([#95](https://github.com/odigos-io/ui-kit/issues/95)) ([05ac431](https://github.com/odigos-io/ui-kit/commit/05ac431329d6b32cbf7a803caf8a040e02b3972d))
+* add Victoria Metrics logo ([#94](https://github.com/odigos-io/ui-kit/issues/94)) ([3ae08ef](https://github.com/odigos-io/ui-kit/commit/3ae08efe7ea3888a72be79596ab3231f2d09e746))
+
 ## [0.0.23](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.22...ui-kit-v0.0.23) (2025-04-14)
 
 

package/README.md

@@ -1,12 +1,13 @@
 # Odigos UI Kit
 
 This library contains directories shared across multiple Odigos UIs, available import paths are:
-- components
+- components (re-usable and flexible)
 - constants
-- containers
+- containers (logic based sections)
 - functions
 - hooks
 - icons
+- snippets (re-usable but not flexible)
 - store
 - theme
 - types

package/lib/components/auto-complete-input/auto-complete-input.stories.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { StoryFn } from '@storybook/react';
+import { type AutocompleteInputProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FC<AutocompleteInputProps>;
+};
+export default _default;
+export declare const Default: StoryFn<AutocompleteInputProps>;

package/lib/components/auto-complete-input/index.d.ts

@@ -12,6 +12,8 @@ interface AutocompleteInputProps extends InputHTMLAttributes<HTMLInputElement> {
     placeholder?: string;
     selectedOption?: Option;
     onOptionSelect?: (option?: Option) => void;
+    defaultText?: string;
+    onTextChange?: (text: string) => void;
     style?: CSSProperties;
     disabled?: boolean;
 }

package/lib/components/badge/badge.stories.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { StoryObj } from '@storybook/react';
+import { type BadgeProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FC<BadgeProps>;
+};
+export default _default;
+export declare const Default: StoryObj<BadgeProps>;
+export declare const DefaultFilled: StoryObj<BadgeProps>;
+export declare const StatusSuccess: StoryObj<BadgeProps>;
+export declare const StatusError: StoryObj<BadgeProps>;
+export declare const StatusWarn: StoryObj<BadgeProps>;

package/lib/components/button/button.stories.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { StoryFn } from '@storybook/react';
+import { type ButtonProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FC<ButtonProps>;
+};
+export default _default;
+export declare const Default: StoryFn<ButtonProps>;

package/lib/components/cancel-warning/cancel-warning.stories.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { StoryFn } from '@storybook/react';
+import { type CancelWarningProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FC<CancelWarningProps>;
+};
+export default _default;
+export declare const Default: StoryFn<CancelWarningProps>;

package/lib/components/checkbox/checkbox.stories.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { StoryFn } from '@storybook/react';
+import { type CheckboxProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FC<CheckboxProps>;
+};
+export default _default;
+export declare const Default: StoryFn<CheckboxProps>;

package/lib/components/code/code.stories.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { StoryFn } from '@storybook/react';
+import { type CodeProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FC<CodeProps>;
+};
+export default _default;
+export declare const Default: StoryFn<CodeProps>;

package/lib/components/condition-details/condition-details.stories.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { StoryObj } from '@storybook/react';
+import { type ConditionDetailsProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FC<ConditionDetailsProps>;
+};
+export default _default;
+export declare const MixedConditions: StoryObj<ConditionDetailsProps>;
+export declare const SuccessConditions: StoryObj<ConditionDetailsProps>;
+export declare const DisabledConditions: StoryObj<ConditionDetailsProps>;
+export declare const ErrorConditions: StoryObj<ConditionDetailsProps>;
+export declare const WarningConditions: StoryObj<ConditionDetailsProps>;
+export declare const LoadingConditions: StoryObj<ConditionDetailsProps>;

package/lib/components/data-card/data-card-fields/index.d.ts

@@ -12,13 +12,14 @@ declare enum DataCardFieldTypes {
     PodContainer = "pod-container",
     SourceContainer = "source-container"
 }
+interface DataCardField {
+    type?: DataCardFieldTypes;
+    title?: string;
+    tooltip?: string;
+    value?: string | Record<string, any>;
+}
 interface DataCardFieldsProps {
-    data: {
-        type?: DataCardFieldTypes;
-        title?: string;
-        tooltip?: string;
-        value?: string | Record<string, any>;
-    }[];
+    data?: DataCardField[];
 }
 declare const DataCardFields: FC<DataCardFieldsProps>;
-export { DataCardFields, type DataCardFieldsProps, DataCardFieldTypes };
+export { DataCardFields, type DataCardFieldsProps, DataCardFieldTypes, type DataCardField };

package/lib/components/data-card/data-card.stories.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { StoryObj } from '@storybook/react';
+import { type DataCardProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FC<DataCardProps>;
+};
+export default _default;
+export declare const Containers: StoryObj<DataCardProps>;
+export declare const FromChildren: StoryObj<DataCardProps>;
+export declare const DescribePod: StoryObj<DataCardProps>;

package/lib/components/data-card/index.d.ts

@@ -1,13 +1,13 @@
-import { type ReactNode, type FC } from 'react';
+import { type ReactNode, type FC, type PropsWithChildren } from 'react';
 import { DataCardFields, type DataCardFieldsProps, DataCardFieldTypes } from './data-card-fields';
-interface DataCardProps {
+interface DataCardProps extends PropsWithChildren {
     title?: string;
     titleBadge?: string | number;
     description?: string;
     action?: ReactNode | (() => ReactNode);
     withExtend?: boolean;
     initialExtended?: boolean;
-    data: DataCardFieldsProps['data'];
+    data?: DataCardFieldsProps['data'];
 }
 declare const DataCard: FC<DataCardProps>;
 export { DataCard, type DataCardProps, DataCardFields, type DataCardFieldsProps, DataCardFieldTypes };

package/lib/components/data-tab/data-tab.stories.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { type DataTabProps } from '.';
+import type { StoryObj } from '@storybook/react';
+declare const _default: {
+    title: string;
+    component: React.FC<DataTabProps>;
+};
+export default _default;
+export declare const NoStatus: StoryObj<DataTabProps>;
+export declare const ForcedBgColor: StoryObj<DataTabProps>;
+export declare const InfoStatus: StoryObj<DataTabProps>;
+export declare const DefaultStatus: StoryObj<DataTabProps>;
+export declare const ErrorStatus: StoryObj<DataTabProps>;
+export declare const WarningStatus: StoryObj<DataTabProps>;
+export declare const SuccessStatus: StoryObj<DataTabProps>;

package/lib/components/delete-warning/delete-warning.stories.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { StoryFn } from '@storybook/react';
+import { type DeleteWarningProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FC<DeleteWarningProps>;
+};
+export default _default;
+export declare const Default: StoryFn<DeleteWarningProps>;

package/lib/components/describe-row/describe-row.stories.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { StoryFn } from '@storybook/react';
+import { type DescribeRowProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FC<DescribeRowProps>;
+};
+export default _default;
+export declare const Default: StoryFn<DescribeRowProps>;

package/lib/components/divider/divider.stories.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { StoryFn } from '@storybook/react';
+import { type DividerProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FC<DividerProps>;
+};
+export default _default;
+export declare const Default: StoryFn<DividerProps>;

package/lib/components/docs-button/docs-button.stories.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { StoryFn } from '@storybook/react';
+import { type DocsButtonProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FC<DocsButtonProps>;
+};
+export default _default;
+export declare const Default: StoryFn<DocsButtonProps>;

package/lib/components/drawer/drawer.stories.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { StoryObj } from '@storybook/react';
+import { type DrawerProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FC<DrawerProps>;
+};
+export default _default;
+export declare const Default: StoryObj<DrawerProps>;
+export declare const WithTabs: StoryObj<DrawerProps>;

package/lib/components/dropdown/dropdown.stories.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { StoryObj } from '@storybook/react';
+import { type DropdownProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FC<DropdownProps>;
+};
+export default _default;
+export declare const Default: StoryObj<DropdownProps>;
+export declare const Multi: StoryObj<DropdownProps>;

package/lib/components/error-boundary/error-boundary.stories.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { StoryFn } from '@storybook/react';
+import { type ErrorBoundaryProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FC<ErrorBoundaryProps>;
+};
+export default _default;
+export declare const Default: StoryFn<ErrorBoundaryProps>;

package/lib/components/extend-arrow/extend-arrow.stories.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { StoryFn } from '@storybook/react';
+import { type ExtendArrowProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FC<ExtendArrowProps>;
+};
+export default _default;
+export declare const Default: StoryFn<ExtendArrowProps>;

package/lib/components/fade-loader/fade-loader.stories.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { StoryFn } from '@storybook/react';
+import { type FadeLoaderProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FC<FadeLoaderProps>;
+};
+export default _default;
+export declare const Default: StoryFn<FadeLoaderProps>;

package/lib/components/field-error/field-error.stories.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { StoryFn } from '@storybook/react';
+import { type FieldErrorProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FC<FieldErrorProps>;
+};
+export default _default;
+export declare const Default: StoryFn<FieldErrorProps>;

package/lib/components/field-label/field-label.stories.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { StoryFn } from '@storybook/react';
+import { type FieldLabelProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FC<FieldLabelProps>;
+};
+export default _default;
+export declare const Default: StoryFn<FieldLabelProps>;

package/lib/components/header/header.stories.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { StoryFn } from '@storybook/react';
+import { type HeaderProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FC<HeaderProps>;
+};
+export default _default;
+export declare const Default: StoryFn<HeaderProps>;

package/lib/components/icon-button/icon-button.stories.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { StoryFn } from '@storybook/react';
+import { type IconButtonProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FC<IconButtonProps>;
+};
+export default _default;
+export declare const Default: StoryFn<IconButtonProps>;

package/lib/components/icon-group/icon-group.stories.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { StoryObj } from '@storybook/react';
+import { type IconGroupProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FC<IconGroupProps>;
+};
+export default _default;
+export declare const SvgImportsOverMaxAmount: StoryObj<IconGroupProps>;
+export declare const SvgImportsMaxAmount: StoryObj<IconGroupProps>;
+export declare const SvgImportsHalfAmount: StoryObj<IconGroupProps>;
+export declare const SvgImportsMinAmount: StoryObj<IconGroupProps>;
+export declare const ImageUrlsOverMaxAmount: StoryObj<IconGroupProps>;
+export declare const ImageUrlsMaxAmount: StoryObj<IconGroupProps>;
+export declare const ImageUrlsHalfAmount: StoryObj<IconGroupProps>;
+export declare const ImageUrlsMinAmount: StoryObj<IconGroupProps>;

package/lib/components/icon-title-badge/icon-title-badge.stories.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { StoryFn } from '@storybook/react';
+import { type IconTitleBadgeProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FC<IconTitleBadgeProps>;
+};
+export default _default;
+export declare const Default: StoryFn<IconTitleBadgeProps>;

package/lib/components/icon-wrapped/icon-wrapped.stories.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { StoryObj } from '@storybook/react';
+import { type IconWrappedProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FC<IconWrappedProps>;
+};
+export default _default;
+export declare const SvgImport: StoryObj<IconWrappedProps>;
+export declare const ImageUrl: StoryObj<IconWrappedProps>;

package/lib/components/icons-nav/icons-nav.stories.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { StoryFn } from '@storybook/react';
+import { type IconsNavProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FC<IconsNavProps>;
+};
+export default _default;
+export declare const Default: StoryFn<IconsNavProps>;

package/lib/components/image-controlled/image-controlled.stories.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { StoryFn } from '@storybook/react';
+import { type ImageControlledProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FC<ImageControlledProps>;
+};
+export default _default;
+export declare const Default: StoryFn<ImageControlledProps>;

package/lib/components/index.d.ts

@@ -38,6 +38,7 @@ export * from './notification-note/index';
 export * from './scroll-x/index';
 export * from './section-title/index';
 export * from './segment/index';
+export * from './selection-button/index';
 export * from './skeleton-loader/index';
 export * from './status/index';
 export * from './stepper/index';

package/lib/components/input/input.stories.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { StoryFn } from '@storybook/react';
+import { type InputProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FC<InputProps>;
+};
+export default _default;
+export declare const Default: StoryFn<InputProps>;

package/lib/components/input-list/input-list.stories.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { StoryFn } from '@storybook/react';
+import { type InputListProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FC<InputListProps>;
+};
+export default _default;
+export declare const Default: StoryFn<InputListProps>;

package/lib/components/input-table/input-table.stories.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { StoryFn } from '@storybook/react';
+import { type InputTableProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FC<InputTableProps>;
+};
+export default _default;
+export declare const Default: StoryFn<InputTableProps>;

package/lib/components/interactive-table/interactive-table.stories.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { StoryObj } from '@storybook/react';
+import { type InteractiveTableProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FC<InteractiveTableProps>;
+};
+export default _default;
+export declare const Tokens: StoryObj<InteractiveTableProps>;
+export declare const ComputePlatforms: StoryObj<InteractiveTableProps>;
+export declare const Sources: StoryObj<InteractiveTableProps>;
+export declare const Actions: StoryObj<InteractiveTableProps>;

package/lib/components/key-value-input-list/key-value-input-list.stories.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { StoryFn } from '@storybook/react';
+import { type KeyValueInputsListProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FC<KeyValueInputsListProps>;
+};
+export default _default;
+export declare const Default: StoryFn<KeyValueInputsListProps>;

package/lib/components/modal/modal.stories.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { StoryFn } from '@storybook/react';
+import { type ModalProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FC<ModalProps>;
+};
+export default _default;
+export declare const Default: StoryFn<ModalProps>;

package/lib/components/monitors-checkboxes/monitors-checkboxes.stories.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { StoryFn } from '@storybook/react';
+import { type MonitorsCheckboxesProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FC<MonitorsCheckboxesProps>;
+};
+export default _default;
+export declare const Default: StoryFn<MonitorsCheckboxesProps>;

package/lib/components/monitors-icons/monitors-icons.stories.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { StoryFn } from '@storybook/react';
+import { type MonitorsIconsProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FC<MonitorsIconsProps>;
+};
+export default _default;
+export declare const Default: StoryFn<MonitorsIconsProps>;

package/lib/components/navigation-buttons/navigation-buttons.stories.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { StoryFn } from '@storybook/react';
+import { type NavigationButtonsProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FC<NavigationButtonsProps>;
+};
+export default _default;
+export declare const Default: StoryFn<NavigationButtonsProps>;

package/lib/components/no-data-found/no-data-found.stories.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { StoryFn } from '@storybook/react';
+import { type NoDataFoundProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FC<NoDataFoundProps>;
+};
+export default _default;
+export declare const Default: StoryFn<NoDataFoundProps>;

package/lib/components/notification-note/index.d.ts

@@ -1,11 +1,12 @@
 import { type CSSProperties, type FC } from 'react';
-import { StatusType } from '@/types';
+import { StatusType, type SVG } from '@/types';
 interface OnCloseParams {
     asSeen: boolean;
 }
 interface NotificationNoteProps {
     id?: string;
     type: StatusType;
+    icon?: SVG;
     title?: string;
     message?: string;
     action?: {

package/lib/components/notification-note/notification-note.stories.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { type StoryObj } from '@storybook/react';
+import { type NotificationNoteProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FC<NotificationNoteProps>;
+};
+export default _default;
+export declare const Default: StoryObj<NotificationNoteProps>;
+export declare const LongText: StoryObj<NotificationNoteProps>;

package/lib/components/scroll-x/scroll-x.stories.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { StoryObj } from '@storybook/react';
+import { type ScrollXProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FC<ScrollXProps>;
+};
+export default _default;
+export declare const Default: StoryObj<ScrollXProps>;
+export declare const WordBreak: StoryObj<ScrollXProps>;

package/lib/components/section-title/section-title.stories.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { StoryFn } from '@storybook/react';
+import { type SectionTitleProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FC<SectionTitleProps>;
+};
+export default _default;
+export declare const Default: StoryFn<SectionTitleProps>;

package/lib/components/segment/segment.stories.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { StoryFn } from '@storybook/react';
+import { type SegmentProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FC<SegmentProps>;
+};
+export default _default;
+export declare const Default: StoryFn<SegmentProps>;

package/lib/{containers/data-flow-actions-menu → components}/selection-button/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { SVG } from '@/types';
-interface Props {
+interface SelectionButtonProps {
     label: string;
     onClick: () => void;
     icon?: SVG;
@@ -13,5 +13,5 @@ interface Props {
     hoverColor?: React.CSSProperties['backgroundColor'];
     style?: React.CSSProperties;
 }
-export declare const SelectionButton: ({ label, onClick, icon: Icon, iconSrc, badgeLabel, badgeFilled, isSelected, withBorder, color, hoverColor, style }: Props) => React.JSX.Element;
-export {};
+declare const SelectionButton: ({ label, onClick, icon: Icon, iconSrc, badgeLabel, badgeFilled, isSelected, withBorder, color, hoverColor, style }: SelectionButtonProps) => React.JSX.Element;
+export { SelectionButton, type SelectionButtonProps };

package/lib/components/selection-button/selection-button.stories.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { StoryFn } from '@storybook/react';
+import { type SelectionButtonProps } from '.';
+declare const _default: {
+    title: string;
+    component: ({ label, onClick, icon: Icon, iconSrc, badgeLabel, badgeFilled, isSelected, withBorder, color, hoverColor, style }: SelectionButtonProps) => React.JSX.Element;
+};
+export default _default;
+export declare const Default: StoryFn<SelectionButtonProps>;

package/lib/components/skeleton-loader/skeleton-loader.stories.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { StoryFn } from '@storybook/react';
+import { type SkeletonLoaderProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FC<SkeletonLoaderProps>;
+};
+export default _default;
+export declare const Default: StoryFn<SkeletonLoaderProps>;