@indico-data/design-system 3.22.1 → 3.23.0-beta.1

package/lib/src/components/forms/passwordInput/__tests__/PasswordInput.test.d.ts

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

package/lib/src/components/forms/passwordInput/index.d.ts

@@ -0,0 +1 @@
+export { PasswordInput } from './PasswordInput';

package/lib/src/components/forms/radio/Radio.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export interface RadioProps {
+    ref?: React.LegacyRef<HTMLInputElement>;
+    id: string;
+    label: string;
+    name: string;
+    value?: string;
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    isDisabled?: boolean;
+    defaultChecked?: boolean;
+}
+export declare const Radio: React.ForwardRefExoticComponent<Omit<RadioProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/lib/src/components/forms/radio/Radio.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Radio } from './Radio';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj<typeof Radio>;
+export declare const Default: Story;

package/lib/src/components/forms/radio/__tests__/Radio.test.d.ts

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

package/lib/src/components/forms/radio/index.d.ts

@@ -0,0 +1 @@
+export { Radio } from './Radio';

package/lib/src/components/forms/select/Select.d.ts

@@ -0,0 +1,6 @@
+import { Props as ReactSelectProps } from 'react-select';
+import { SelectOption } from './types';
+export interface SelectProps<OptionType extends SelectOption> extends ReactSelectProps<OptionType> {
+    options: OptionType[];
+}
+export declare const Select: <OptionType extends SelectOption>({ classNamePrefix, className, components: customComponents, ...props }: SelectProps<OptionType>) => import("react/jsx-runtime").JSX.Element;

package/lib/src/components/forms/select/Select.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { SelectProps } from './Select';
+import { SelectOption } from './types';
+declare const meta: Meta<SelectProps<SelectOption>>;
+export default meta;
+type Story = StoryObj<SelectProps<SelectOption>>;
+export declare const Default: Story;

package/lib/src/components/forms/select/__tests__/Select.test.d.ts

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

package/lib/src/components/forms/select/index.d.ts

@@ -0,0 +1 @@
+export { Select } from './Select';

package/lib/src/components/forms/select/types.d.ts

@@ -0,0 +1,6 @@
+export type SelectOption = {
+    label: string;
+    value: string;
+    detail?: string;
+    [key: string]: any;
+};

package/lib/src/components/forms/subcomponents/DisplayFormError.d.ts

@@ -0,0 +1,5 @@
+interface DisplayFormErrorProps {
+    message: string | undefined;
+}
+export declare const DisplayFormError: ({ message }: DisplayFormErrorProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/src/components/forms/subcomponents/ErrorList.d.ts

@@ -0,0 +1,6 @@
+interface ErrorListProps {
+    name: string;
+    errorList: string[];
+}
+export declare const ErrorList: ({ errorList, name }: ErrorListProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/src/components/forms/subcomponents/Label.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface LabelProps {
+    label: string;
+    name: string;
+    isRequired?: boolean;
+    hasHiddenLabel?: boolean;
+}
+export declare const Label: ({ label, name, isRequired }: LabelProps) => import("react/jsx-runtime").JSX.Element;
+export declare function withLabel<P extends object>(WrappedComponent: React.ComponentType<P>): React.ForwardRefExoticComponent<React.PropsWithoutRef<P & LabelProps> & React.RefAttributes<any>>;

package/lib/src/components/forms/subcomponents/__tests__/ErrorList.test.d.ts

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

package/lib/src/components/forms/subcomponents/__tests__/Label.test.d.ts

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

package/lib/src/components/forms/textarea/Textarea.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { LabelProps } from '../subcomponents/Label';
+export interface TextareaProps extends LabelProps {
+    ref?: React.LegacyRef<HTMLTextAreaElement>;
+    placeholder?: string;
+    value?: string | undefined;
+    onChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    isDisabled?: boolean;
+    errorMessage?: string | undefined;
+    helpText?: string;
+    rows?: number;
+    cols?: number;
+    readonly?: boolean;
+    wrap?: 'hard' | 'soft';
+    form?: string;
+    maxLength?: number;
+    autofocus?: boolean;
+    defaultValue?: string;
+}
+declare const LabeledTextarea: React.ForwardRefExoticComponent<Omit<Omit<TextareaProps, "ref"> & React.RefAttributes<HTMLTextAreaElement> & LabelProps, "ref"> & React.RefAttributes<any>>;
+export { LabeledTextarea as Textarea };

package/lib/src/components/forms/textarea/Textarea.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Textarea } from './Textarea';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj<typeof Textarea>;
+export declare const Default: Story;
+export declare const Errors: Story;
+export declare const HiddenLabel: Story;
+export declare const HelpText: Story;
+export declare const Disabled: Story;
+export declare const Readonly: Story;

package/lib/src/components/forms/textarea/__tests__/Textarea.test.d.ts

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

package/lib/src/components/forms/textarea/index.d.ts

@@ -0,0 +1 @@
+export { Textarea } from './Textarea';

package/lib/src/components/forms/toggle/Toggle.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export interface ToggleProps {
+    ref?: React.LegacyRef<HTMLInputElement>;
+    id: string;
+    label?: string;
+    name: string;
+    value?: string;
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    isDisabled?: boolean;
+    isChecked?: boolean;
+    defaultChecked?: boolean;
+}
+export declare const Toggle: React.ForwardRefExoticComponent<Omit<ToggleProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/lib/src/components/forms/toggle/Toggle.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Toggle } from './Toggle';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj<typeof Toggle>;
+export declare const Default: Story;

package/lib/src/components/forms/toggle/__tests__/Toggle.test.d.ts

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

package/lib/src/components/forms/toggle/index.d.ts

@@ -0,0 +1 @@
+export { Toggle } from './Toggle';

package/lib/src/components/grid/col/Col.d.ts

@@ -0,0 +1,2 @@
+import { ColProps } from 'react-grid-system';
+export declare const Col: ({ ref: _ref, ...rest }: ColProps) => import("react/jsx-runtime").JSX.Element;

package/lib/src/components/grid/col/Col.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Col } from '@/components';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj<typeof Col>;
+export declare const Default: Story;

package/lib/src/components/grid/container/Container.d.ts

@@ -0,0 +1,2 @@
+import { ContainerProps } from 'react-grid-system';
+export declare const Container: ({ ref: _ref, ...rest }: ContainerProps) => import("react/jsx-runtime").JSX.Element;

package/lib/src/components/grid/container/Container.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Container } from '@/components';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj<typeof Container>;
+export declare const Default: Story;
+export declare const Fluid: Story;
+export declare const Responsive: Story;
+export declare const NestedGrids: Story;
+export declare const Offset: Story;

package/lib/src/components/grid/index.d.ts

@@ -0,0 +1,3 @@
+export { Container } from './container/Container';
+export { Row } from './row/Row';
+export { Col } from './col/Col';

package/lib/src/components/grid/row/Row.d.ts

@@ -0,0 +1,2 @@
+import { RowProps } from 'react-grid-system';
+export declare const Row: ({ ref: _ref, ...rest }: RowProps) => import("react/jsx-runtime").JSX.Element;

package/lib/src/components/grid/row/Row.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Row } from '@/components';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj<typeof Row>;
+export declare const Default: Story;

package/lib/src/components/icons/Icon.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from './types';
+export declare const Icon: ({ name, size, className, ariaLabel, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element | null;

package/lib/src/components/icons/Icon.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { IconProps } from './types';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj<IconProps>;
+export declare const DefaultIcon: Story;
+export declare const IconStates: Story;
+export declare const CustomStyledIcon: Story;
+export declare const Indicons: Story;
+export declare const FontAwesomeIcons: Story;

package/lib/src/components/icons/__tests__/Icon.test.d.ts

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

package/lib/src/components/icons/index.d.ts

@@ -0,0 +1 @@
+export { Icon } from './Icon';

package/lib/src/components/icons/indicons.d.ts

@@ -0,0 +1,148 @@
+declare const indicons: {
+    'indico-o-white': import("react/jsx-runtime").JSX.Element;
+    account: import("react/jsx-runtime").JSX.Element;
+    address: import("react/jsx-runtime").JSX.Element;
+    'api-doc': import("react/jsx-runtime").JSX.Element;
+    'arrow-dots': import("react/jsx-runtime").JSX.Element;
+    'arrow-down': import("react/jsx-runtime").JSX.Element;
+    'arrow-up-circle': import("react/jsx-runtime").JSX.Element;
+    'arrows-cursor': import("react/jsx-runtime").JSX.Element;
+    bookmark: import("react/jsx-runtime").JSX.Element;
+    bookmarks: import("react/jsx-runtime").JSX.Element;
+    'bookmark-saved': import("react/jsx-runtime").JSX.Element;
+    branch: import("react/jsx-runtime").JSX.Element;
+    calendar: import("react/jsx-runtime").JSX.Element;
+    'check-circle': import("react/jsx-runtime").JSX.Element;
+    'circle-help': import("react/jsx-runtime").JSX.Element;
+    check: import("react/jsx-runtime").JSX.Element;
+    checkbox: import("react/jsx-runtime").JSX.Element;
+    'chevron-down': import("react/jsx-runtime").JSX.Element;
+    'chevron-left': import("react/jsx-runtime").JSX.Element;
+    'chevron-right': import("react/jsx-runtime").JSX.Element;
+    'chevron-up': import("react/jsx-runtime").JSX.Element;
+    'classification-document': import("react/jsx-runtime").JSX.Element;
+    'classification-image': import("react/jsx-runtime").JSX.Element;
+    'classification-page': import("react/jsx-runtime").JSX.Element;
+    'classify-and-unbundle': import("react/jsx-runtime").JSX.Element;
+    clipboard: import("react/jsx-runtime").JSX.Element;
+    'coffee-1': import("react/jsx-runtime").JSX.Element;
+    'coffee-2': import("react/jsx-runtime").JSX.Element;
+    'coffee-fail': import("react/jsx-runtime").JSX.Element;
+    coffeecup: import("react/jsx-runtime").JSX.Element;
+    coffeesteam: import("react/jsx-runtime").JSX.Element;
+    cog: import("react/jsx-runtime").JSX.Element;
+    collection: import("react/jsx-runtime").JSX.Element;
+    compare: import("react/jsx-runtime").JSX.Element;
+    'company-name': import("react/jsx-runtime").JSX.Element;
+    'confidence-bar-1': import("react/jsx-runtime").JSX.Element;
+    'confidence-bar-2': import("react/jsx-runtime").JSX.Element;
+    'confidence-bar-3': import("react/jsx-runtime").JSX.Element;
+    'confidence-bar-4': import("react/jsx-runtime").JSX.Element;
+    'confidence-bars': import("react/jsx-runtime").JSX.Element;
+    configure: import("react/jsx-runtime").JSX.Element;
+    'choose-library': import("react/jsx-runtime").JSX.Element;
+    crowdlabel: import("react/jsx-runtime").JSX.Element;
+    currency: import("react/jsx-runtime").JSX.Element;
+    dashboard: import("react/jsx-runtime").JSX.Element;
+    'data-and-access': import("react/jsx-runtime").JSX.Element;
+    database: import("react/jsx-runtime").JSX.Element;
+    document: import("react/jsx-runtime").JSX.Element;
+    date: import("react/jsx-runtime").JSX.Element;
+    draggable: import("react/jsx-runtime").JSX.Element;
+    droplet: import("react/jsx-runtime").JSX.Element;
+    edit: import("react/jsx-runtime").JSX.Element;
+    education: import("react/jsx-runtime").JSX.Element;
+    ellipsis: import("react/jsx-runtime").JSX.Element;
+    'elmos-fire': import("react/jsx-runtime").JSX.Element;
+    email: import("react/jsx-runtime").JSX.Element;
+    enterprise: import("react/jsx-runtime").JSX.Element;
+    'exclamation-circle-stroke': import("react/jsx-runtime").JSX.Element;
+    extraction: import("react/jsx-runtime").JSX.Element;
+    eye: import("react/jsx-runtime").JSX.Element;
+    file: import("react/jsx-runtime").JSX.Element;
+    fileHappy: import("react/jsx-runtime").JSX.Element;
+    filter: import("react/jsx-runtime").JSX.Element;
+    'filter-outline': import("react/jsx-runtime").JSX.Element;
+    folder: import("react/jsx-runtime").JSX.Element;
+    form: import("react/jsx-runtime").JSX.Element;
+    gallery: import("react/jsx-runtime").JSX.Element;
+    'find-documents': import("react/jsx-runtime").JSX.Element;
+    graphiql: import("react/jsx-runtime").JSX.Element;
+    'grid-view': import("react/jsx-runtime").JSX.Element;
+    happy: import("react/jsx-runtime").JSX.Element;
+    'help-solid': import("react/jsx-runtime").JSX.Element;
+    help: import("react/jsx-runtime").JSX.Element;
+    highlight: import("react/jsx-runtime").JSX.Element;
+    'highlight-outline': import("react/jsx-runtime").JSX.Element;
+    'indico-logo-white': import("react/jsx-runtime").JSX.Element;
+    'indico-o': import("react/jsx-runtime").JSX.Element;
+    info: import("react/jsx-runtime").JSX.Element;
+    kabob: import("react/jsx-runtime").JSX.Element;
+    key: import("react/jsx-runtime").JSX.Element;
+    label: import("react/jsx-runtime").JSX.Element;
+    'layout-complex': import("react/jsx-runtime").JSX.Element;
+    'layout-simple': import("react/jsx-runtime").JSX.Element;
+    'list-view': import("react/jsx-runtime").JSX.Element;
+    libraries: import("react/jsx-runtime").JSX.Element;
+    location: import("react/jsx-runtime").JSX.Element;
+    logout: import("react/jsx-runtime").JSX.Element;
+    lock: import("react/jsx-runtime").JSX.Element;
+    menu: import("react/jsx-runtime").JSX.Element;
+    'model-import': import("react/jsx-runtime").JSX.Element;
+    'model-starter': import("react/jsx-runtime").JSX.Element;
+    moon: import("react/jsx-runtime").JSX.Element;
+    moonbow: import("react/jsx-runtime").JSX.Element;
+    'no-collections': import("react/jsx-runtime").JSX.Element;
+    'no-libraries': import("react/jsx-runtime").JSX.Element;
+    no_results: import("react/jsx-runtime").JSX.Element;
+    'no-format': import("react/jsx-runtime").JSX.Element;
+    'object-detection': import("react/jsx-runtime").JSX.Element;
+    organizations: import("react/jsx-runtime").JSX.Element;
+    output: import("react/jsx-runtime").JSX.Element;
+    'page-thumbnail': import("react/jsx-runtime").JSX.Element;
+    'pay-as-you-go': import("react/jsx-runtime").JSX.Element;
+    person: import("react/jsx-runtime").JSX.Element;
+    phone: import("react/jsx-runtime").JSX.Element;
+    pin: import("react/jsx-runtime").JSX.Element;
+    plus: import("react/jsx-runtime").JSX.Element;
+    pointer: import("react/jsx-runtime").JSX.Element;
+    popup: import("react/jsx-runtime").JSX.Element;
+    price: import("react/jsx-runtime").JSX.Element;
+    'preview-view': import("react/jsx-runtime").JSX.Element;
+    'radio-button': import("react/jsx-runtime").JSX.Element;
+    recruiter: import("react/jsx-runtime").JSX.Element;
+    regex: import("react/jsx-runtime").JSX.Element;
+    reject: import("react/jsx-runtime").JSX.Element;
+    repair: import("react/jsx-runtime").JSX.Element;
+    research: import("react/jsx-runtime").JSX.Element;
+    reset: import("react/jsx-runtime").JSX.Element;
+    retrain: import("react/jsx-runtime").JSX.Element;
+    sad: import("react/jsx-runtime").JSX.Element;
+    search: import("react/jsx-runtime").JSX.Element;
+    'search-thin': import("react/jsx-runtime").JSX.Element;
+    shrug: import("react/jsx-runtime").JSX.Element;
+    signature: import("react/jsx-runtime").JSX.Element;
+    'sort-down': import("react/jsx-runtime").JSX.Element;
+    split: import("react/jsx-runtime").JSX.Element;
+    'step-forward': import("react/jsx-runtime").JSX.Element;
+    sun: import("react/jsx-runtime").JSX.Element;
+    surround: import("react/jsx-runtime").JSX.Element;
+    'surround-outline': import("react/jsx-runtime").JSX.Element;
+    text: import("react/jsx-runtime").JSX.Element;
+    'thumbs-down': import("react/jsx-runtime").JSX.Element;
+    'thumbs-up': import("react/jsx-runtime").JSX.Element;
+    time: import("react/jsx-runtime").JSX.Element;
+    trash: import("react/jsx-runtime").JSX.Element;
+    unlock: import("react/jsx-runtime").JSX.Element;
+    upload: import("react/jsx-runtime").JSX.Element;
+    url: import("react/jsx-runtime").JSX.Element;
+    user: import("react/jsx-runtime").JSX.Element;
+    wand: import("react/jsx-runtime").JSX.Element;
+    warning: import("react/jsx-runtime").JSX.Element;
+    'warning-stroke': import("react/jsx-runtime").JSX.Element;
+    workflows: import("react/jsx-runtime").JSX.Element;
+    'x-close': import("react/jsx-runtime").JSX.Element;
+    'zoom-in': import("react/jsx-runtime").JSX.Element;
+    'zoom-out': import("react/jsx-runtime").JSX.Element;
+};
+export { indicons };

package/lib/src/components/icons/types.d.ts

@@ -0,0 +1,10 @@
+import { MouseEventHandler } from 'react';
+import { PermafrostComponent, IconName } from '../../types';
+export type IconSizes = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type IconProps = PermafrostComponent & {
+    name: IconName;
+    ariaLabel?: string;
+    size?: IconSizes;
+    style?: React.CSSProperties;
+    onClick?: MouseEventHandler<SVGElement>;
+};

package/lib/src/components/index.d.ts

@@ -0,0 +1,16 @@
+export { Container, Col, Row } from './grid';
+export { Button } from './button';
+export { Icon } from './icons';
+export { Table } from './table';
+export { Input } from './forms/input';
+export { Radio } from './forms/radio';
+export { Checkbox } from './forms/checkbox';
+export { Toggle } from './forms/toggle';
+export { Textarea } from './forms/textarea';
+export { PasswordInput } from './forms/passwordInput';
+export { Select } from './forms/select';
+export { Form } from './forms/form';
+export { Skeleton } from './skeleton';
+export { Card } from './card';
+export { FloatUI } from './floatUI';
+export { Menu } from './menu';

package/lib/src/components/menu/Menu.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export type MenuProps = {
+    children: React.ReactNode;
+};
+export declare function Menu({ children }: MenuProps): import("react/jsx-runtime").JSX.Element;

package/lib/src/components/menu/Menu.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Menu, MenuProps } from './Menu';
+declare const meta: Meta<typeof Menu>;
+export default meta;
+type Story = StoryObj<MenuProps>;
+export declare const Default: Story;

package/lib/src/components/menu/Menu.test.d.ts

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

package/lib/src/components/menu/index.d.ts

@@ -0,0 +1 @@
+export { Menu } from './Menu';

package/lib/src/components/pill/Pill.d.ts

@@ -0,0 +1,2 @@
+import { PillProps } from './types';
+export declare const Pill: ({ children, className, color, size, ...rest }: PillProps) => import("react/jsx-runtime").JSX.Element;

package/lib/src/components/pill/Pill.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Pill } from './Pill';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj<typeof Pill>;
+export declare const Default: Story;
+export declare const AllSizes: Story;
+export declare const AllStatuses: Story;

package/lib/src/components/pill/__tests__/Pill.test.d.ts

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

package/lib/src/components/pill/index.d.ts

@@ -0,0 +1 @@
+export { Pill } from './Pill';

package/lib/src/components/pill/types.d.ts

@@ -0,0 +1,10 @@
+import { SemanticColor } from '../../types';
+import React from 'react';
+export type PillSize = 'sm' | 'md' | 'lg';
+export type PillColor = SemanticColor | 'neutral';
+export interface PillProps {
+    children: React.ReactNode | React.ReactNode[];
+    color?: PillColor;
+    size?: PillSize;
+    className?: string;
+}

package/lib/src/components/popper/Popper.d.ts

@@ -0,0 +1,2 @@
+import { PopperProps } from './types';
+export declare function Popper({ children, ariaLabel, isOpen: controlledIsOpen, setIsOpen: controlledSetIsOpen, floatingOptions, }: PopperProps): import("react/jsx-runtime").JSX.Element;

package/lib/src/components/popper/Popper.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Popper } from './Popper';
+import { PopperProps } from './types';
+declare const meta: Meta<typeof Popper>;
+export default meta;
+type Story = StoryObj<PopperProps>;
+export declare const Uncontrolled: Story;
+export declare const Controlled: Story;

package/lib/src/components/popper/Popper.test.d.ts

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

package/lib/src/components/popper/PopperContext.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { PopperContextType } from './types';
+/**
+ * PopperProvider manages the `isOpen` state and provides it via context to its children
+ */
+export declare const PopperProvider: ({ children }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Custom hook to use the PopperContext (`isOpen` and `setIsOpen`)
+ */
+export declare const usePopperContext: () => PopperContextType;

package/lib/src/components/popper/index.d.ts

@@ -0,0 +1 @@
+export { Popper } from './Popper';

package/lib/src/components/popper/types.d.ts

@@ -0,0 +1,9 @@
+import { ReactElement } from 'react';
+import { UseFloatingOptions } from '@floating-ui/react-dom';
+export type PopperProps = {
+    children: [ReactElement, ReactElement];
+    ariaLabel: string;
+    floatingOptions?: UseFloatingOptions;
+    isOpen?: boolean;
+    setIsOpen?: React.Dispatch<React.SetStateAction<boolean>>;
+};

package/lib/src/components/skeleton/Skeleton.d.ts

@@ -0,0 +1,9 @@
+type Props = {
+    className?: string;
+    height?: number;
+    width?: number;
+    isCircle?: boolean;
+    isFullHeight?: boolean;
+};
+export declare const Skeleton: ({ className, height, width, isCircle, isFullHeight, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/src/components/skeleton/Skeleton.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Skeleton } from './Skeleton';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj<typeof Skeleton>;
+export declare const Default: Story;
+export declare const Circle: Story;
+export declare const Square: Story;
+export declare const Composition: Story;

package/lib/src/components/skeleton/__tests__/Skeleton.test.d.ts

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

package/lib/src/components/skeleton/index.d.ts

@@ -0,0 +1 @@
+export { Skeleton } from './Skeleton';

package/lib/src/components/table/LoadingComponent.d.ts

@@ -0,0 +1 @@
+export declare const LoadingComponent: () => import("react/jsx-runtime").JSX.Element;

package/lib/src/components/table/SkeletonTable.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+type SkeletonTableProps = {
+    numRows?: number;
+    numCols?: number;
+};
+export declare const SkeletonTable: React.FC<SkeletonTableProps>;
+export {};

package/lib/src/components/table/Table.d.ts

@@ -0,0 +1,2 @@
+import { TableProps } from './types';
+export declare const Table: <T>(props: TableProps<T>) => import("react/jsx-runtime").JSX.Element;

package/lib/src/components/table/Table.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Table } from './Table';
+import { SampleDataRow } from './sampleData';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj<typeof Table<SampleDataRow>>;
+export declare const Default: Story;

package/lib/src/components/table/index.d.ts

@@ -0,0 +1 @@
+export { Table } from './Table';

package/lib/src/components/table/sampleData.d.ts

@@ -0,0 +1,9 @@
+export interface SampleDataRow {
+    name: string;
+    class: string;
+    age: number;
+    weapon: string;
+    backstory: string;
+    favoriteMeal: string;
+}
+export declare const sampleData: SampleDataRow[];

package/lib/src/components/table/types.d.ts

@@ -0,0 +1,10 @@
+import { TableProps as RDTTableProps, Direction as RDTDirection, Alignment as RDTAlignment, TableColumn as RDTTableColumn } from 'react-data-table-component';
+export type Direction = `${RDTDirection}`;
+export type Alignment = `${RDTAlignment}`;
+export type TableColumn<T> = RDTTableColumn<T>;
+export type TableProps<T> = Omit<RDTTableProps<T>, 'disabled' | 'progressPending' | 'direction' | 'subHeaderAlign'> & {
+    isDisabled?: boolean;
+    isLoading?: boolean;
+    direction?: Direction;
+    subHeaderAlign?: Alignment;
+};

package/lib/src/components/tables/table/LoadingComponent.d.ts

@@ -0,0 +1 @@
+export declare const LoadingComponent: () => import("react/jsx-runtime").JSX.Element;