@kroo-web/design-system 1.12.0 → 1.12.2

package/dist/{esm/src/__tests__ → __tests__}/setup.d.ts

@@ -1,5 +1,6 @@
 import { render, RenderOptions } from '@testing-library/react';
 import { ReactElement } from 'react';
+
 declare const customRender: (ui: ReactElement, options?: Omit<RenderOptions, "wrapper">) => ReturnType<typeof render>;
 export * from '@testing-library/react';
 export { customRender as render };

package/dist/__tests__/setup2.d.ts

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,22 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Accordion } from '.';
+
+/** Accordion component based of Radix for some reason the storybook args table does not work for this so follow this link for props for each component
+ *  https://radix-ui.com/primitives/docs/components/accordion
+ */
+declare const _default: Meta<typeof Accordion.Root>;
+export default _default;
+type Story = StoryObj<typeof Accordion.Root>;
+/**  General usage of the component copy and paste this one to get up and running quickly */
+export declare const GeneralUsage: Story;
+/** Single vs multiple
+ * <br />
+ *  Single only allows one item to be open at a time
+ * <br />
+ *  Multiple allows multiple items to be open at a time
+ */
+export declare const Type: Story;
+export declare const Size: Story;
+export declare const Grouping: Story;
+export declare const WithIcons: Story;
+export declare const LongTitle: Story;

package/dist/{cjs/src/components → components}/Accordion/config.d.ts

@@ -1,4 +1,5 @@
-import React, { PropsWithChildren } from 'react';
+import { default as React, PropsWithChildren } from 'react';
+
 export declare const AccordionContext: React.Context<{
     active: string[];
     setActive?: (value: string[]) => void;

package/dist/{cjs/src/components → components}/Accordion/index.d.ts

@@ -1,5 +1,5 @@
+import { default as React } from 'react';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
-import React from 'react';
 export type TAccordionRootProps = {
     children: React.ReactNode;
     grouping?: 'attached' | 'detached';

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

@@ -0,0 +1,18 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Button } from '.';
+
+declare const _default: Meta<typeof Button>;
+export default _default;
+type Story = StoryObj<typeof Button>;
+export declare const GeneralUsage: Story;
+export declare const PolymorphicButton: Story;
+export declare const OnlyIcon: Story;
+export declare const DefaultVariants: Story;
+export declare const ActionVariants: Story;
+export declare const TextVariants: Story;
+export declare const DefaultOnlyIcons: Story;
+export declare const ActionOnlyIcons: Story;
+export declare const IconsAndText: Story;
+export declare const ActionButtonsIconAndText: Story;
+export declare const NavButtonVariants: Story;
+export declare const NavButtonsIcon: Story;

package/dist/components/Button/button.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/{esm/src/components → components}/Button/index.d.ts

@@ -1,5 +1,6 @@
-import React, { PropsWithChildren } from 'react';
+import { default as React, PropsWithChildren } from 'react';
 import { PolymorphicPropsWithoutRef } from '../../types/PolymorphicWithoutRef';
+
 declare const defaultElement = "button";
 type TButtonVisualTypes = {
     variant?: 'danger' | 'ghost' | 'primary' | 'secondary' | 'tertiary';

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

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Callout } from '.';
+
+declare const _default: Meta<typeof Callout.Root>;
+export default _default;
+type Story = StoryObj<typeof Callout.Root>;
+export declare const GeneralUsage: Story;
+export declare const Types: Story;

package/dist/components/Callout/Callout.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/{esm/src/components → components}/Callout/index.d.ts

@@ -1,11 +1,12 @@
-import React, { PropsWithChildren } from 'react';
+import { default as React, PropsWithChildren } from 'react';
 import { TTypographyProps } from '../Typography';
+
 export type TCalloutRootProps = {
     type?: 'error' | 'positive' | 'primary' | 'secondary' | 'warning';
 };
 export type TCalloutTextProps = TTypographyProps<'p'>;
 export declare const Callout: {
-    Icon: ({ size, weight, ...rest }: import("../Icon").TIconProps) => React.JSX.Element;
+    Icon: ({ size, weight, ...rest }: import('../Icon').TIconProps) => React.JSX.Element;
     Root: ({ children, type }: PropsWithChildren<TCalloutRootProps>) => React.JSX.Element;
     Text: ({ children, ...props }: PropsWithChildren<TCalloutTextProps>) => React.JSX.Element;
 };

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

@@ -0,0 +1,24 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Card } from '.';
+
+declare const _default: Meta<typeof Card>;
+export default _default;
+type Story = StoryObj<typeof Card>;
+/**  General usage of the component copy and paste this one to get up and running quickly */
+export declare const GeneralUsage: Story;
+/** The visual prop within variants handles what the component looks like and allows you to choose from the
+ * below list of options
+ */
+export declare const Visual: Story;
+/** Also available in variants is the size prop which allows you to choose a different size for the component
+ * whilst decoupling from UI (note: we currently don't have any large buttons it's there in case we do in the future)
+ */
+export declare const Size: Story;
+export declare const SizeMixed: Story;
+/** The radius prop within variants handles what the component looks like and allows you to choose from the
+ * below list of options.
+ */
+export declare const Radius: Story;
+/** The isSquare prop allows you to enforce that the card always had the same width and height using aspect ratio
+ */
+export declare const IsSquare: Story;

package/dist/{esm/src/components → components}/Card/index.d.ts

@@ -1,5 +1,6 @@
-import React, { PropsWithChildren } from 'react';
+import { default as React, PropsWithChildren } from 'react';
 import { PolymorphicPropsWithoutRef } from '../../types/PolymorphicWithoutRef';
+
 declare const defaultElement = "div";
 export type TCardVariants = {
     elementType?: 'div';

package/dist/components/Cards/cards.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Cards } from '.';
+
+declare const _default: Meta<typeof Cards>;
+export default _default;
+type Story = StoryObj<typeof Cards>;
+/**  General usage of the component copy and paste this one to get up and running quickly */
+export declare const GeneralUsage: Story;
+export declare const BentoThree: Story;
+export declare const BentoFour: Story;
+export declare const BentoFive: Story;

package/dist/{cjs/src/components → components}/Cards/index.d.ts

@@ -1,4 +1,5 @@
-import React, { PropsWithChildren } from 'react';
+import { default as React, PropsWithChildren } from 'react';
+
 export type CardsVariants = {
     layout?: 'bento-five' | 'bento-four' | 'bento-three';
 };

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Checkbox } from '.';
+
+declare const _default: Meta<typeof Checkbox>;
+export default _default;
+type Story = StoryObj<typeof Checkbox>;
+/**  General usage of the component copy and paste this one to get up and running quickly */
+export declare const GeneralUsage: Story;
+export declare const CustomLabel: Story;
+export declare const CheckboxAsRadio: Story;
+export declare const NativeCheckboxVariants: Story;

package/dist/{esm/src/components → components}/Checkbox/index.d.ts

@@ -1,5 +1,6 @@
-import React, { ReactNode } from 'react';
+import { default as React, ReactNode } from 'react';
 import { FieldValues, Path } from 'react-hook-form';
+
 export type TCheckboxProps<T extends FieldValues> = {
     className?: string;
     disabled?: boolean;

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

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Columns } from '.';
+
+declare const _default: Meta<typeof Columns>;
+export default _default;
+type Story = StoryObj<typeof Columns>;
+export declare const GeneralUsage: Story;

package/dist/components/Columns/columns.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/{esm/src/components → components}/Columns/index.d.ts

@@ -1,4 +1,5 @@
-import React from 'react';
+import { default as React } from 'react';
+
 export type TColumnsProps = {
     children: React.ReactNode;
     cols: number;

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

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as React } from 'react';
+import { ComboBox } from '.';
+
+declare const _default: Meta<typeof ComboBox>;
+export default _default;
+type Story = StoryObj<typeof ComboBox>;
+export declare const GeneralUsage: Story;
+export declare const AlwaysOpen: Story;
+export declare const Render: Story;
+export declare const Native: {
+    render: () => React.JSX.Element;
+};

package/dist/{esm/src/components → components}/ComboBox/index.d.ts

@@ -1,6 +1,7 @@
-import React, { ReactNode } from 'react';
+import { default as React, ReactNode } from 'react';
 import { ComboBoxProps } from 'react-aria-components';
 import { ControllerRenderProps, FieldValues } from 'react-hook-form';
+
 export type TComboBoxItem = {
     img?: string;
     render?: ReactNode;

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

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { DatePicker } from '.';
+
+declare const _default: Meta<typeof DatePicker>;
+export default _default;
+type Story = StoryObj<typeof DatePicker>;
+export declare const GeneralUsage: Story;
+export declare const Helper: Story;
+export declare const Error: Story;
+export declare const WithMinAndMax: Story;
+export declare const Disabled: Story;
+export declare const WithNativeDatePicker: Story;

package/dist/components/DatePicker/DatePicker.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/{cjs/src/components → components}/DatePicker/index.d.ts

@@ -1,5 +1,6 @@
-import React, { DetailedHTMLProps, InputHTMLAttributes } from 'react';
+import { default as React, DetailedHTMLProps, InputHTMLAttributes } from 'react';
 import { FieldValues, Path } from 'react-hook-form';
+
 export type TDatePicker<T extends FieldValues> = {
     disabled?: boolean;
     helper?: {

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

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Disclosure } from '.';
+
+declare const _default: Meta<typeof Disclosure>;
+export default _default;
+type Story = StoryObj<typeof Disclosure>;
+export declare const GeneralUsage: Story;

package/dist/{cjs/src/components → components}/Disclosure/index.d.ts

@@ -1,4 +1,5 @@
-import React from 'react';
+import { default as React } from 'react';
+
 export type TDisclosureProps = {
     children: React.ReactNode;
     condition: boolean;

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

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Form } from '.';
+
+declare const _default: Meta<typeof Form>;
+export default _default;
+type Story = StoryObj<typeof Form>;
+export declare const GeneralUsage: Story;

package/dist/{cjs/src/components → components}/Form/index.d.ts

@@ -1,5 +1,6 @@
-import React, { HTMLProps, PropsWithChildren } from 'react';
+import { default as React, HTMLProps, PropsWithChildren } from 'react';
 import { FieldValues, UseFormReturn } from 'react-hook-form';
+
 type TFormProps<T extends FieldValues> = {
     methods: UseFormReturn<T>;
     onSubmit: (values: T) => void;

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

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Icon } from '.';
+
+declare const _default: Meta<typeof Icon>;
+export default _default;
+type Story = StoryObj<typeof Icon>;
+/**
+ * Iconography docs can be found [here](https://fonts.google.com/icons)
+ */
+export declare const Default: Story;
+export declare const Sizes: Story;
+export declare const Weights: Story;

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

@@ -0,0 +1 @@
+export {};

package/dist/{cjs/src/components → components}/Icon/index.d.ts

@@ -1,5 +1,6 @@
-import React from 'react';
+import { default as React } from 'react';
 import { MaterialSymbolProps } from './types';
+
 export declare const MaterialSymbol: React.ForwardRefExoticComponent<MaterialSymbolProps & React.RefAttributes<HTMLSpanElement>>;
 export type TIconProps = {
     size?: 'large' | 'regular' | 'xlarge';

package/dist/{esm/src/components → components}/Icon/types.d.ts

@@ -1,5 +1,6 @@
 import { CSSProperties } from 'react';
 import { MaterialSymbolWeightArray, SymbolCodepointsArray } from './consts';
+
 export type SymbolCodepoints = (typeof SymbolCodepointsArray)[number];
 export type MaterialSymbolWeight = (typeof MaterialSymbolWeightArray)[number];
 export type MaterialSymbolProps = {

package/dist/{esm/src/components → components}/Link/index.d.ts

@@ -1,4 +1,5 @@
-import React, { ElementType, PropsWithChildren } from 'react';
+import { default as React, ElementType, PropsWithChildren } from 'react';
+
 type PolymorphicLink<T extends ElementType> = {
     as?: T;
     className?: string;

package/dist/components/Link/link.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Link } from '.';
+
+declare const _default: Meta<typeof Link>;
+export default _default;
+type Story = StoryObj<typeof Link>;
+export declare const GeneralUsage: Story;
+export declare const Polymorphism: Story;
+export declare const WithText: Story;

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

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Loading } from '.';
+
+declare const _default: Meta<typeof Loading>;
+export default _default;
+type Story = StoryObj<typeof Loading>;
+export declare const GeneralUsage: Story;
+export declare const Sizes: Story;

package/dist/components/Loading/Loading.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/{esm/src/components → components}/Loading/index.d.ts

@@ -1,4 +1,5 @@
-import React from 'react';
+import { default as React } from 'react';
+
 declare const sizes: {
     full: string;
     large: string;

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

@@ -0,0 +1,15 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Modal } from '.';
+
+declare const _default: Meta<typeof Modal.Control>;
+export default _default;
+type Story = StoryObj<typeof Modal.Control>;
+export declare const GeneralUsage: Story;
+export declare const WithForm: Story;
+export declare const WithFormOverridedButtonProps: Story;
+export declare const WithActions: Story;
+export declare const MultipleModals: Story;
+export declare const LongPage: Story;
+export declare const WithFocusTrap: Story;
+export declare const WithBackdropClose: Story;
+export declare const LongModal: Story;

package/dist/components/Modal/Modal.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/{esm/src/components → components}/Modal/index.d.ts

@@ -1,12 +1,13 @@
-import React, { ButtonHTMLAttributes, PropsWithChildren } from 'react';
+import { default as React, ButtonHTMLAttributes, PropsWithChildren } from 'react';
 import { TButtonProps } from '../Button';
+
 export type TUseModalProps = {
     activeModal: string;
     close: () => void;
     isOpen: boolean;
     open: (value: string) => void;
 };
-export declare const useModal: import("zustand").UseBoundStore<import("zustand").StoreApi<TUseModalProps>>;
+export declare const useModal: import('zustand').UseBoundStore<import('zustand').StoreApi<TUseModalProps>>;
 export type TModalContentProps = {
     children: React.ReactNode;
     closeOnBackdropClick?: boolean;

package/dist/{cjs/src/components → components}/NumberField/index.d.ts

@@ -1,5 +1,6 @@
-import React, { DetailedHTMLProps, InputHTMLAttributes } from 'react';
+import { default as React, DetailedHTMLProps, InputHTMLAttributes } from 'react';
 import { FieldValues, Path } from 'react-hook-form';
+
 export type TNumberFieldProps<T extends FieldValues> = {
     helper?: {
         message: string;

package/dist/components/NumberField/numberField.stories.d.ts

@@ -0,0 +1,15 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as React } from 'react';
+import { NumberField } from '.';
+
+declare const _default: Meta<typeof NumberField>;
+export default _default;
+type Story = StoryObj<typeof NumberField>;
+export declare const GeneralUsage: Story;
+export declare const Error: {
+    render: () => React.JSX.Element;
+};
+export declare const Helper: {
+    render: () => React.JSX.Element;
+};
+export declare const Native: Story;

package/dist/components/NumberField/numberField.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/PhoneField/PhoneField.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/{esm/src/components → components}/PhoneField/index.d.ts

@@ -1,5 +1,6 @@
-import React, { ChangeEventHandler, DetailedHTMLProps, InputHTMLAttributes, ReactNode } from 'react';
+import { default as React, ChangeEventHandler, DetailedHTMLProps, InputHTMLAttributes, ReactNode } from 'react';
 import { FieldValues, Path } from 'react-hook-form';
+
 export type TPhoneFieldProps<T extends FieldValues> = {
     className?: string;
     disabled?: boolean;

package/dist/components/PhoneField/phoneField.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { PhoneField } from '.';
+
+declare const _default: Meta<typeof PhoneField>;
+export default _default;
+type Story = StoryObj<typeof PhoneField>;
+export declare const GeneralUsage: Story;
+export declare const Error: Story;

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

@@ -0,0 +1,29 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as React } from 'react';
+import { PinInput } from '.';
+
+declare const _default: Meta<typeof PinInput>;
+export default _default;
+type Story = StoryObj<typeof PinInput>;
+export declare const GeneralUsage: Story;
+export declare const Password: {
+    args: {
+        isPassword: boolean;
+        name: string;
+    };
+};
+export declare const Numeric: {
+    args: {
+        isNumeric: boolean;
+        name: string;
+    };
+};
+export declare const OTP: {
+    args: {
+        isOTP: boolean;
+        name: string;
+    };
+};
+export declare const NewOTPInput: {
+    render: () => React.JSX.Element;
+};

package/dist/{esm/src/components → components}/PinInput/index.d.ts

@@ -1,6 +1,7 @@
 import { OTPInputProps } from 'input-otp';
-import React from 'react';
+import { default as React } from 'react';
 import { FieldValues, Path } from 'react-hook-form';
+
 export interface TPinInputProps<T extends FieldValues> {
     isNumeric?: boolean;
     isOTP?: boolean;

package/dist/{cjs/src/components → components}/Popover/index.d.ts

@@ -1,5 +1,5 @@
+import { default as React } from 'react';
 import * as RadixPopover from '@radix-ui/react-popover';
-import React from 'react';
 export type TPopoverRootProps = React.ComponentPropsWithoutRef<typeof RadixPopover.Root>;
 export type TPopoverTriggerProps = React.ComponentPropsWithoutRef<typeof RadixPopover.Trigger>;
 export type TPopoverContentProps = React.ComponentPropsWithoutRef<typeof RadixPopover.Content>;

package/dist/components/Popover/popover.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Popover } from '.';
+
+declare const _default: Meta<typeof Popover.Root>;
+export default _default;
+type Story = StoryObj<typeof Popover>;
+export declare const GeneralUsage: Story;

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

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { ProgressIndicator } from '.';
+
+declare const _default: Meta<typeof ProgressIndicator>;
+export default _default;
+type Story = StoryObj<typeof ProgressIndicator>;
+export declare const GeneralUsage: Story;
+export declare const Size: Story;

package/dist/components/ProgressIndicator/ProgressIndicator.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/{cjs/src/components → components}/ProgressIndicator/index.d.ts

@@ -1,4 +1,5 @@
-import React from 'react';
+import { default as React } from 'react';
+
 export type TProgressIndicatorProps = {
     current?: number;
     label?: string;

package/dist/{esm/src/components → components}/RadioGroup/index.d.ts

@@ -1,6 +1,6 @@
-import * as RadixRadioGroup from '@radix-ui/react-radio-group';
-import React from 'react';
+import { default as React } from 'react';
 import { FieldError, FieldValues, Path } from 'react-hook-form';
+import * as RadixRadioGroup from '@radix-ui/react-radio-group';
 export type TRadioGroupProps<T extends FieldValues> = {
     error?: FieldError;
     label: string;

package/dist/components/RadioGroup/radioGroup.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { RadioGroup } from '.';
+
+declare const _default: Meta<typeof RadioGroup.Root>;
+export default _default;
+type Story = StoryObj<typeof RadioGroup.Root>;
+export declare const GeneralUsage: Story;
+export declare const Variants: Story;
+export declare const Error: Story;
+export declare const ExtraLong: Story;

package/dist/components/Range/Range.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/{cjs/src/components → components}/Range/index.d.ts

@@ -1,5 +1,6 @@
-import React from 'react';
+import { default as React } from 'react';
 import { FieldValues, Path } from 'react-hook-form';
+
 export type TRangeProps<T extends FieldValues> = {
     helper?: {
         message: string;

package/dist/components/Range/range.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Range } from '.';
+
+declare const _default: Meta<typeof Range>;
+export default _default;
+type Story = StoryObj<typeof Range>;
+export declare const GeneralUsage: Story;
+export declare const Labels: Story;
+export declare const Helper: Story;

package/dist/{esm/src/components → components}/Select/index.d.ts

@@ -1,5 +1,6 @@
-import React, { DetailedHTMLProps, OptionHTMLAttributes, ReactNode, SelectHTMLAttributes } from 'react';
+import { default as React, DetailedHTMLProps, OptionHTMLAttributes, ReactNode, SelectHTMLAttributes } from 'react';
 import { FieldValues, Path } from 'react-hook-form';
+
 export type TItem = {
     id: string;
     title: string;

package/dist/components/Select/select.stories.d.ts

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Select } from '.';
+
+declare const _default: Meta<typeof Select>;
+export default _default;
+type Story = StoryObj<typeof Select>;
+export declare const GeneralUsage: Story;
+export declare const Labeling: Story;
+export declare const Missing: Story;
+export declare const CustomChildren: Story;
+export declare const WithCustomProps: Story;
+export declare const Disabled: Story;
+export declare const NativeSelectStories: Story;

package/dist/components/Select/select.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Skeleton } from '.';
+
+declare const _default: Meta<typeof Skeleton>;
+export default _default;
+type Story = StoryObj<typeof Skeleton>;
+export declare const GeneralUsage: Story;
+export declare const ExampleCard: Story;