@cfpb/design-system-react 0.0.11 → 0.0.13

package/dist/postcss/plugins/process-icons.d.ts

@@ -0,0 +1,6 @@
+import { Plugin } from 'postcss';
+declare const processIcons: {
+    (): Plugin;
+    postcss: boolean;
+};
+export { processIcons };

package/dist/{components/Alert/AlertFieldLevel.d.ts → src/components/Alert/alert-field-level.d.ts}

@@ -1,4 +1,4 @@
-import type { JSXElement } from '../../../src/types/jsxElement';
+import { JSXElement } from '../../types/jsx-element';
 export type AlertFieldLevelType = 'error' | 'info' | 'success' | 'warning';
 export declare enum AlertFieldLevelClass {
     'info' = "--info",

package/dist/src/components/Alert/alert-link.d.ts

@@ -0,0 +1,7 @@
+import { JSX } from 'react';
+export interface AlertLinkProperties {
+    href: string;
+    label: string;
+    isExternal?: boolean;
+}
+export declare const AlertLink: ({ href, label, isExternal, }: AlertLinkProperties) => JSX.Element;

package/dist/{components/Alert/Alert.d.ts → src/components/Alert/alert.d.ts}

@@ -1,6 +1,6 @@
-import type { HeadingLevel } from '../../types/headingLevel';
-import type { AlertFieldLevelType } from './AlertFieldLevel';
-import type { AlertLinkProperties } from './AlertLink';
+import { HeadingLevel } from '../../types/heading-level';
+import { AlertFieldLevelType } from './alert-field-level';
+import { AlertLinkProperties } from './alert-link';
 export declare const iconByType: Record<string, {
     name: string;
     withBg: boolean;

package/dist/src/components/Alert/alert.stories.d.ts

@@ -0,0 +1,16 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { Alert } from '../../index';
+declare const meta: Meta<typeof Alert>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Information: Story;
+export declare const InformationWithMessageAndExplanation: Story;
+export declare const InformationWithOnlyExplanation: Story;
+export declare const InformationWithLinks: Story;
+export declare const Success: Story;
+export declare const Warning: Story;
+export declare const Error: Story;
+export declare const InProgress: Story;
+export declare const SuccessFieldLevel: Story;
+export declare const WarningFieldLevel: Story;
+export declare const ErrorFieldLevel: Story;

package/dist/{components/Banner/BannerLanguageLink.d.ts → src/components/Banner/banner-language-link.d.ts}

@@ -1,4 +1,4 @@
-import type { JSXElement } from '../../types/jsxElement';
+import { JSXElement } from '../../types/jsx-element';
 export type LanguageDefinition = Record<string | symbol, Record<string | symbol, string>>;
 export declare const LanguageMap: LanguageDefinition;
 export declare const AllLanguageCodes: string[];

package/dist/{components/Banner/Banner.d.ts → src/components/Banner/banner.d.ts}

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 interface BannerProperties extends React.HTMLProps<HTMLDivElement> {
     isHorizontal?: boolean;
     links?: JSX.Element[];

package/dist/src/components/Banner/banner.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { Banner } from '../../index';
+declare const meta: Meta<typeof Banner>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const USGovBanner: Story;
+export declare const USGovBannerWithCFGovLinks: Story;
+export declare const USGovBannerWithLinks: Story;

package/dist/{components/Breadcrumb/Breadcrumb.d.ts → src/components/Breadcrumb/breadcrumb.d.ts}

@@ -1,4 +1,4 @@
-import type { HTMLAttributes } from 'react';
+import { HTMLAttributes, JSX } from 'react';
 export interface BreadcrumbCrumb {
     href: string;
     label: string;

package/dist/src/components/Breadcrumb/breadcrumb.stories.d.ts

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

package/dist/{components/Buttons/ButtonGroup.d.ts → src/components/Buttons/button-group.d.ts}

@@ -1,4 +1,4 @@
-import type { JSXElement } from '../../../src/types/jsxElement';
+import { JSXElement } from '../../types/jsx-element';
 /**
  * Display a collection of related Buttons
  */

package/dist/{components/Buttons/Button.d.ts → src/components/Buttons/button.d.ts}

@@ -1,4 +1,4 @@
-import { type ButtonHTMLAttributes } from 'react';
+import { ButtonHTMLAttributes } from 'react';
 interface ButtonProperties extends ButtonHTMLAttributes<HTMLButtonElement> {
     /**
      * Button contents
@@ -32,5 +32,5 @@ interface ButtonProperties extends ButtonHTMLAttributes<HTMLButtonElement> {
 /**
  * Primary UI component for user interaction
  */
-export declare const Button: import("react").ForwardRefExoticComponent<ButtonProperties & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const Button: import('react').ForwardRefExoticComponent<ButtonProperties & import('react').RefAttributes<HTMLButtonElement>>;
 export {};

package/dist/src/components/Buttons/buttons.stories.d.ts

@@ -0,0 +1,19 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { Button } from '../../index';
+/**
+ Buttons are interactive elements that signal actions. They should be used sparingly as each additional button on a page reduces the visual prominence of a call to action. In contrast, links should lead users to another page or further information.
+
+ Source: <a href="https://cfpb.github.io/design-system/components/buttons" target="_blank">https://cfpb.github.io/design-system/components/buttons</a>
+ */
+declare const meta: Meta<typeof Button>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;
+export declare const Secondary: Story;
+export declare const Disabled: Story;
+export declare const Destructive: Story;
+export declare const StaticIconButtons: Story;
+export declare const AnimatedIconButtons: Story;
+export declare const ButtonsGroup: Story;
+export declare const FullWidthOnSmallScreens: Story;
+export declare const ButtonLink: Story;

package/dist/src/components/Checkbox/checkbox-large.stories.d.ts

@@ -0,0 +1,15 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { default as Checkbox } from './checkbox';
+/**
+Source: https://cfpb.github.io/design-system/components/checkboxes
+*/
+declare const meta: Meta<typeof Checkbox>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Enabled: Story;
+export declare const Hover: Story;
+export declare const Focus: Story;
+export declare const Selected: Story;
+export declare const Disabled: Story;
+export declare const DisabledSelected: Story;
+export declare const WithHelperText: Story;

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

@@ -1,4 +1,4 @@
-import type { ChangeEvent, ReactElement, ReactNode, RefObject } from 'react';
+import { ChangeEvent, ReactElement, ReactNode, RefObject, JSX } from 'react';
 export interface CheckboxProperties {
     /** Unique identifier for this checkbox */
     id: string;
@@ -6,7 +6,7 @@ export interface CheckboxProperties {
     label: ReactNode;
     /** Additional CSS classes applied to the checkbox's wrapper element */
     className?: string;
-    /** Is checkboxed checked? */
+    /** Is the checkbox checked? */
     checked?: boolean;
     /** Additional text to further clarify purpose of checkbox */
     helperText?: ReactNode;
@@ -14,8 +14,8 @@ export interface CheckboxProperties {
     inputClassName?: string;
     /** Additional CSS classes that will be applied to checkbox label element */
     labelClassName?: string;
-    /** React Ref to be enable direct access and control of the input element */
-    inputRef?: RefObject<HTMLInputElement> | string | ((instance: HTMLInputElement | null) => void) | null | undefined;
+    /** React Ref to enable direct access and control of the input element */
+    inputRef?: RefObject<HTMLInputElement> | ((instance: HTMLInputElement | null) => void) | null | undefined;
     /** Apply the "Large" styles for this element? */
     isLarge?: boolean;
     /** A name for this checkbox's value that can be referenced in javascript */
@@ -29,5 +29,5 @@ export interface CheckboxProperties {
     /** Border status */
     status?: 'error' | 'success' | 'warning';
 }
-export declare const Checkbox: ({ id, label, className, inputClassName, labelClassName, checked, helperText, inputRef, disabled, isLarge, labelInline, name, onChange, status, ...properties }: CheckboxProperties & JSX.IntrinsicElements['input']) => ReactElement;
+export declare const Checkbox: ({ id, label, className, inputClassName, labelClassName, checked, helperText, inputRef, disabled, isLarge, labelInline, name, onChange, status, ...properties }: CheckboxProperties & JSX.IntrinsicElements["input"]) => ReactElement;
 export default Checkbox;

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

@@ -0,0 +1,18 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { default as Checkbox } from './checkbox';
+/**
+Source: https://cfpb.github.io/design-system/components/checkboxes
+*/
+declare const meta: Meta<typeof Checkbox>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Enabled: Story;
+export declare const Hover: Story;
+export declare const Focus: Story;
+export declare const Selected: Story;
+export declare const Disabled: Story;
+export declare const Disabledselected: Story;
+export declare const Success: Story;
+export declare const Warning: Story;
+export declare const Error: Story;
+export declare const WithHelperText: Story;

package/dist/src/components/Checkbox/checkbox.utils.d.ts

@@ -0,0 +1,6 @@
+import { JSX } from 'react';
+import { CheckboxProperties } from './checkbox';
+export declare const CheckboxTestWrapper: ({ onChange, checked, ...others }: CheckboxProperties) => JSX.Element;
+export declare function CheckboxWrapper({ ...arguments_ }: {
+    [x: string]: any;
+}): JSX.Element;

package/dist/{components/Divider/Divider.d.ts → src/components/Divider/divider.d.ts}

@@ -1,4 +1,3 @@
-import type { ReactElement } from 'react';
-import type React from 'react';
+import { default as React, ReactElement } from 'react';
 export declare const Divider: ({ className, ...properties }: React.HTMLProps<HTMLDivElement>) => ReactElement;
 export default Divider;

package/dist/src/components/Divider/divider.stories.d.ts

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

package/dist/{components/Expandable/ExpandableGroup.d.ts → src/components/Expandable/expandable-group.d.ts}

@@ -1,6 +1,5 @@
-import type { ReactElement } from 'react';
-import React from 'react';
-import type { ExpandableProperties } from './Expandable';
+import { ReactElement, default as React } from 'react';
+import { ExpandableProperties } from './expandable';
 export interface ExpandableGroupProperties extends React.HTMLAttributes<HTMLDivElement> {
     groupId: string;
     accordion?: boolean;

package/dist/{components/Expandable/Expandable.d.ts → src/components/Expandable/expandable.d.ts}

@@ -1,5 +1,4 @@
-import type React from 'react';
-import type { ReactNode } from 'react';
+import { default as React, ReactNode } from 'react';
 export interface ExpandableProperties extends React.HTMLAttributes<HTMLDivElement> {
     header: string;
     children: ReactNode;

package/dist/src/components/Expandable/expandable.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { Expandable } from '../../index';
+declare const meta: Meta<typeof Expandable>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const PaddedExpandable: Story;
+export declare const OpenOnLoad: Story;
+export declare const DefaultExpandableGroup: Story;
+export declare const Accordion: Story;

package/dist/{components/Footer/BackToTop.d.ts → src/components/Footer/back-to-top.d.ts}

@@ -1 +1,2 @@
+import { JSX } from 'react';
 export declare const BackToTop: () => JSX.Element;

package/dist/{components/Footer/FooterBanner.d.ts → src/components/Footer/footer-banner.d.ts}

@@ -1 +1,2 @@
+import { JSX } from 'react';
 export declare const FooterBanner: () => JSX.Element;

package/dist/{components/Footer/FooterCfGov.d.ts → src/components/Footer/footer-cf-gov.d.ts}

@@ -1,5 +1,6 @@
+import { JSX } from 'react';
 interface FootCfGovProperties {
     cfLink?: string;
 }
-export declare const FooterCfGov: ({ cfLink, className, ...properties }: FootCfGovProperties & JSX.IntrinsicElements['footer']) => JSX.Element;
+export declare const FooterCfGov: ({ cfLink, className, ...properties }: FootCfGovProperties & JSX.IntrinsicElements["footer"]) => JSX.Element;
 export {};

package/dist/{components/Footer/FooterLinks.d.ts → src/components/Footer/footer-links.d.ts}

@@ -1,4 +1,5 @@
-import type { JSXElement } from '../../types/jsxElement';
+import { JSX } from 'react';
+import { JSXElement } from '../../types/jsx-element';
 interface WrapperProperties {
     children: JSX.Element[];
 }
@@ -13,5 +14,5 @@ export declare const SocialLinks: ({ children }: WrapperProperties) => JSXElemen
 /**
  * Wrapper for column of Footer Links
  */
-export declare const FooterLinksColumn: ({ children }: WrapperProperties) => JSXElement;
+export declare const FooterLinksColumn: ({ children, }: WrapperProperties) => JSXElement;
 export {};

package/dist/src/components/Footer/footer-links.test.d.ts

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

package/dist/{components/Footer/Footer.d.ts → src/components/Footer/footer.d.ts}

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 interface FooterProperties extends React.HTMLProps<HTMLElement> {
     navLinks?: JSX.Element[];
     socialLinks?: JSX.Element[];

package/dist/src/components/Footer/footer.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { Footer } from '../../index';
+declare const meta: Meta<typeof Footer>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Example: Story;
+export declare const CFGov: Story;

package/dist/src/components/Footer/footer.test.d.ts

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

package/dist/{components/Grid/GridColumn.d.ts → src/components/Grid/grid-column.d.ts}

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 export declare enum GridColWidth {
     Full = 12,
     ThreeQuarters = 9,

package/dist/{components/Grid/GridRow.d.ts → src/components/Grid/grid-row.d.ts}

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 interface GridRowProperties {
     children: JSX.Element | JSX.Element[] | string;
     className?: string;

package/dist/{components/Grid/GridWrapper.d.ts → src/components/Grid/grid-wrapper.d.ts}

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 interface GridWrapperProperties {
     width?: number | undefined;
     children?: JSX.Element | JSX.Element[] | string;

package/dist/src/components/Grid/grid.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { Grid } from '../../index';
+declare const meta: Meta<typeof Grid.Wrapper>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const StandardGrid: Story;
+export declare const NestedGrid: Story;
+export declare const CenteredGrid: Story;
+export declare const GridColWidthEnum: Story;

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

@@ -1,6 +1,6 @@
-import { GridColWidth, GridColumn } from './GridColumn';
-import { GridRow } from './GridRow';
-import { GridWrapper } from './GridWrapper';
+import { GridColWidth, GridColumn } from './grid-column';
+import { GridRow } from './grid-row';
+import { GridWrapper } from './grid-wrapper';
 /**
  * CFPB Grid
  * https://cfpb.github.io/design-system/foundation/grid

package/dist/{components/Headings/Heading.d.ts → src/components/Headings/heading.d.ts}

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 export type HeadingType = '1' | '2' | '3' | '4' | '5' | 'display' | 'eyebrow' | 'slug';
 interface HeadingProperties extends React.HTMLProps<HTMLHeadingElement> {
     /** Heading type (1-5, display, eyebrow, slug) */

package/dist/src/components/Headings/headings.stories.d.ts

@@ -0,0 +1,18 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { Heading } from '../../index';
+/**
+ * A successful type hierarchy establishes the order of importance of elements on a page. Consistent scaling, weights, and capitalization are used to create distinction between headings and provide users with familiar focus points when scanning text.
+ *
+ * Source: <a href='https://cfpb.github.io/design-system/foundation/headings' target='_blank'> https://cfpb.github.io/design-system/foundation/headings</a>
+ */
+declare const meta: Meta<typeof Heading>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const H1: Story;
+export declare const H2: Story;
+export declare const H3: Story;
+export declare const H4: Story;
+export declare const H5: Story;
+export declare const Display: Story;
+export declare const Eyebrow: Story;
+export declare const Slug: Story;

package/dist/{components/HelperText/HelperText.d.ts → src/components/HelperText/helper-text.d.ts}

@@ -1,4 +1,4 @@
-import type React from 'react';
+import { default as React, JSX } from 'react';
 type HelperTextProperties = React.HTMLProps<HTMLDivElement>;
 /**
  * A utility component to consistently display helper text for input elements

package/dist/src/components/Hero/hero-image.d.ts

@@ -0,0 +1,7 @@
+import { JSX } from 'react';
+interface HeroImageProperties {
+    image?: string;
+    altText?: string;
+}
+export declare const HeroImage: ({ image, altText, }: HeroImageProperties) => JSX.Element | null;
+export {};

package/dist/{components/Hero/Hero.d.ts → src/components/Hero/hero.d.ts}

@@ -1,4 +1,5 @@
-import type { HeadingLevel } from '../../types/headingLevel';
+import { JSX } from 'react';
+import { HeadingLevel } from '../../types/heading-level';
 interface HeroProperties extends React.HTMLAttributes<HTMLDivElement> {
     backgroundColor?: string;
     heading?: React.ReactNode;

package/dist/src/components/Hero/hero.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { Hero } from '../../index';
+declare const meta: Meta<typeof Hero>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const WithIllustration: Story;
+export declare const WithPhotograph: Story;
+export declare const Jumbo: Story;
+export declare const FiftyFifty: Story;
+export declare const WithKnockoutText: Story;

package/dist/src/components/Hero/hero.test.d.ts

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

package/dist/{components/Hero/useBackgroundImage.d.ts → src/components/Hero/use-background-image.d.ts}

@@ -1,4 +1,4 @@
-import type { Ref } from 'react';
+import { Ref } from 'react';
 /**
  * Add inline styles which apply a background-image to the referenced <div>
  *

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

@@ -1,4 +1,5 @@
-interface IconProperties {
+import { SVGProps, JSX } from 'react';
+interface IconProperties extends Omit<SVGProps<SVGSVGElement>, 'name'> {
     name: string;
     alt?: string;
     ariaLabel?: string;

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

@@ -0,0 +1,17 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { Icon } from '../../index';
+declare const meta: Meta<typeof Icon>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const IconPlain: () => React.ReactElement;
+export declare const IconWithBackground: () => React.ReactElement;
+export declare const NavigationIcons: () => React.ReactElement;
+export declare const StatusIcons: () => React.ReactElement;
+export declare const SocialSharingIcons: () => React.ReactElement;
+export declare const CommunicationIcons: () => React.ReactElement;
+export declare const NumberIcons: () => React.ReactElement;
+export declare const DocumentIcons: () => React.ReactElement;
+export declare const FinancialProductsServicesAndConceptIcons: () => React.ReactElement;
+export declare const ExpenseIcons: () => React.ReactElement;
+export declare const WebApplicationIcons: () => React.ReactElement;
+export declare const IconWithText: Story;

package/dist/{components/Label/Label.d.ts → src/components/Label/label.d.ts}

@@ -1,8 +1,9 @@
+import { JSX } from 'react';
 interface LabelProperties {
     children: React.ReactNode;
     inline?: boolean;
     htmlFor: string;
     className?: string;
 }
-export declare const Label: ({ children, inline, htmlFor, className, ...other }: JSX.IntrinsicElements['label'] & LabelProperties) => React.ReactElement | null;
+export declare const Label: ({ children, inline, htmlFor, className, ...other }: JSX.IntrinsicElements["label"] & LabelProperties) => React.ReactElement | null;
 export default Label;

package/dist/src/components/Label/label.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { Label } from '../../index';
+declare const meta: Meta<typeof Label>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const LabelHeading: Story;
+export declare const InlineLabel: Story;

package/dist/{components/Layout/LayoutContent.d.ts → src/components/Layout/layout-content.d.ts}

@@ -1,8 +1,8 @@
-interface LayoutContentProperties {
+import { JSX } from 'react';
+export interface LayoutContentProperties {
     children: JSX.Element | JSX.Element[] | string;
     flushAllOnSmall?: boolean;
     flushBottom?: boolean;
     flushTopOnSmall?: boolean;
 }
 export declare const LayoutContent: ({ children, flushBottom, flushTopOnSmall, flushAllOnSmall, ...properties }: LayoutContentProperties & React.HTMLAttributes<HTMLDivElement>) => JSX.Element;
-export {};

package/dist/src/components/Layout/layout-content.stories.d.ts

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

package/dist/{components/Layout/LayoutMain.d.ts → src/components/Layout/layout-main.d.ts}

@@ -1,8 +1,8 @@
-interface LayoutMainProperties {
+import { JSX } from 'react';
+export interface LayoutMainProperties {
     children: JSX.Element | JSX.Element[];
     classes?: string;
     id?: string;
     layout?: '1-3' | '2-1';
 }
-export declare const LayoutMain: ({ children, classes, id, layout }: LayoutMainProperties) => JSX.Element;
-export {};
+export declare const LayoutMain: ({ children, classes, id, layout, }: LayoutMainProperties) => JSX.Element;

package/dist/src/components/Layout/layout-main.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { Layout } from '../../index';
+declare const meta: Meta<typeof Layout.Main>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Layout_2_1: Story;
+export declare const Layout_1_3: Story;

package/dist/{components/Layout/LayoutSidebar.d.ts → src/components/Layout/layout-sidebar.d.ts}

@@ -1,8 +1,8 @@
-interface LayoutSidebarProperties {
+import { JSX } from 'react';
+export interface LayoutSidebarProperties {
     children: JSX.Element | JSX.Element[] | string;
     flushBottom?: boolean;
     flushTopOnSmall?: boolean;
     flushAllOnSmall?: boolean;
 }
 export declare const LayoutSidebar: ({ children, flushBottom, flushTopOnSmall, flushAllOnSmall, ...properties }: LayoutSidebarProperties & React.HTMLAttributes<HTMLDivElement>) => JSX.Element;
-export {};

package/dist/src/components/Layout/layout-sidebar.stories.d.ts

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

package/dist/{components/Layout/LayoutWrapper.d.ts → src/components/Layout/layout-wrapper.d.ts}

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 /**
  * ~ Usage ~
  *
@@ -13,8 +14,7 @@
  *  </Layout.Wrapper>
  * </Layout.Main>
  */
-interface LayoutWrapperProperties {
+export interface LayoutWrapperProperties {
     children: JSX.Element | JSX.Element[] | string;
 }
 export declare const LayoutWrapper: ({ children, ...properties }: LayoutWrapperProperties & React.HTMLAttributes<HTMLDivElement>) => JSX.Element;
-export {};

package/dist/src/components/Layout/layout-wrapper.stories.d.ts

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

package/dist/src/components/Layout/layout.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+    Content: ({ children, flushBottom, flushTopOnSmall, flushAllOnSmall, ...properties }: import('./layout-content').LayoutContentProperties & React.HTMLAttributes<HTMLDivElement>) => import("react").JSX.Element;
+    Main: ({ children, classes, id, layout, }: import('./layout-main').LayoutMainProperties) => import("react").JSX.Element;
+    Sidebar: ({ children, flushBottom, flushTopOnSmall, flushAllOnSmall, ...properties }: import('./layout-sidebar').LayoutSidebarProperties & React.HTMLAttributes<HTMLDivElement>) => import("react").JSX.Element;
+    Wrapper: ({ children, ...properties }: import('./layout-wrapper').LayoutWrapperProperties & React.HTMLAttributes<HTMLDivElement>) => import("react").JSX.Element;
+};
+export default _default;