@fpkit/acss 0.5.9 → 0.5.12

package/libs/index.d.ts

@@ -1,73 +1,59 @@
-import { F as FP$1, C as ComponentProps$1 } from './icons-31ace3de.js';
-export { I as Icon } from './icons-31ace3de.js';
-import * as React from 'react';
-import React__default, { ReactNode, CSSProperties } from 'react';
-
-type ButtonProps = Partial<React__default.ComponentProps<typeof FP$1>> & {
-    /**
-     * The button type
-     * Required - 'button' | 'submit' | 'reset'
-     */
-    type: 'button' | 'submit' | 'reset';
-};
-declare const Button: {
-    ({ type, children, styles, disabled, classes, onPointerDown, onPointerOver, onPointerLeave, onClick, ...props }: ButtonProps): React__default.JSX.Element;
-    displayName: string;
-};
-
-type CardProps = {
-    elm?: 'div' | 'aside' | 'section' | 'article';
-    title?: React__default.ReactNode;
-    footer?: React__default.ReactNode;
-} & React__default.ComponentProps<typeof FP$1>;
-declare const Card: {
-    ({ elm, styles, children, classes, id, ...props }: CardProps): React__default.JSX.Element;
+export { Button, ButtonProps } from './components/button.js';
+export { Card, Content as CardContent, Footer as CardFooter, CardProps, Title as CardTitle } from './components/card.js';
+export { default as Field, FieldProps } from './components/form/fields.js';
+export { F as Box, F as FP, I as Input, a as InputProps } from './inputs-f3a216db.js';
+export { default as Icon, IconProps } from './components/icons/icon.js';
+import { F as FP } from './ui-9a6f9f8d.js';
+import React__default, { ReactNode } from 'react';
+export { default as Link, LinkProps, default as To } from './components/link/link.js';
+export { default as List, ListItemProps } from './components/list/list.js';
+export { Modal, ModalProps } from './components/modal.js';
+export { default as Popover, PopoverProps } from './components/popover/popover.js';
+export { RenderTable as TBL, TableProps } from './components/tables/table.js';
+export { Dialog } from './components/dialog/dialog.js';
+export { default as Nav, NavItem, NavItemProps, NavList, NavListProps, NavProps } from './components/nav/nav.js';
+export { default as Text, TextProps, Title } from './components/text/text.js';
+export { TitleProps } from './components/heading/heading.js';
+export { default as Textarea, TextareaProps } from './components/form/textarea.js';
+import { C as ComponentProps$1 } from './component-props-a8a2f97e.js';
+export { default as Breadcrumb } from './components/breadcrumbs/breadcrumb.js';
+
+type ImageProps = React__default.ComponentProps<'img'> & React__default.ComponentProps<typeof FP>;
+declare const Img: {
+    ({ src, alt, width, height, styles, loading, placeholder, fetchpriority, decoding, imgLoaded, imgError, ...props }: ImageProps): React__default.JSX.Element;
     displayName: string;
-    Title: {
-        ({ children, className, styles, as, ...props }: React__default.PropsWithChildren<{
-            className?: string | undefined;
-            styles?: React__default.CSSProperties | undefined;
-            as?: React__default.ElementType<any> | undefined;
-        }>): React__default.JSX.Element;
-        displayName: string;
-    };
-    Content: {
-        ({ children, className, styles, ...props }: React__default.PropsWithChildren<{
-            className?: string | undefined;
-            styles?: React__default.CSSProperties | undefined;
-        }>): React__default.JSX.Element;
-        displayName: string;
-    };
-    Footer: {
-        ({ children, className, styles, ...props }: React__default.PropsWithChildren<{
-            className?: string | undefined;
-            styles?: React__default.CSSProperties | undefined;
-        }>): React__default.JSX.Element;
-        displayName: string;
-    };
 };
 
-type FieldProps = {
-    /**
-     * The label content
-     */
-    label: React__default.ReactNode;
-    children: React__default.ReactNode;
-} & React__default.ComponentProps<'label'> & Partial<React__default.ComponentProps<typeof FP$1>>;
 /**
- * Field component that renders a label and children wrapped in a div element.
- * @param labelFor Defines the for attribute of the label element
- * @param styles Custom styles to be applied to the component
- * @param label The label content
- * @param children The children to be rendered inside the component
- * @param props Additional props to be spread to the component
+ * Props for the TextToSpeechComponent.
+ * @interface TextToSpeechComponentProps
  */
-declare const Field: {
-    ({ label, labelFor, id, styles, classes, children, ...props }: FieldProps): React__default.JSX.Element;
-    displayName: string;
-};
+interface TextToSpeechComponentProps {
+    /** Initial text to be spoken. Defaults to an empty string. */
+    initialText?: string;
+    /** Whether to show the text input field. Defaults to true. */
+    showTextInput?: boolean;
+    /** The voice to be used for speech synthesis. */
+    voice?: SpeechSynthesisVoice | undefined;
+    /** The pitch of the voice. Defaults to 1. */
+    pitch?: number;
+    /** The rate of speech. Defaults to 1. */
+    rate?: number;
+    /** The language to be used for speech synthesis. */
+    language?: string;
+    /** Player label */
+    label?: string | React__default.ReactNode;
+    /** Callback function to be called when speech ends. */
+    onEnd?: () => void;
+}
+/**
+ * A component that converts text to speech using the Web Speech API.
+ * @param {TextToSpeechComponentProps} props - The props for the component.
+ * @returns {JSX.Element} The rendered TextToSpeechComponent.
+ */
+declare const TextToSpeech: React__default.FC<TextToSpeechComponentProps>;
 
-type ComponentProps = React__default.ComponentProps<typeof FP$1>;
+type ComponentProps = React__default.ComponentProps<typeof FP>;
 /**
  * Renders children elements without any wrapping component.
  * Can be used as a placeholder when no semantic landmark is needed.
@@ -131,221 +117,12 @@ declare const Section: ({ id, children, styles, classes, ...props }: ComponentPr
  */
 declare const Article: ({ id, children, styles, classes, ...props }: ComponentProps) => React__default.JSX.Element;
 
-type ImageProps = React__default.ComponentProps<'img'> & React__default.ComponentProps<typeof FP$1>;
-declare const Img: {
-    ({ src, alt, width, height, styles, loading, placeholder, fetchpriority, decoding, imgLoaded, imgError, ...props }: ImageProps): React__default.JSX.Element;
-    displayName: string;
-};
-
-type PolymorphicRef<C extends React__default.ElementType> = React__default.ComponentPropsWithRef<C>['ref'];
-type AsProp<C extends React__default.ElementType> = {
-    as?: C;
-};
-type PropsToOmit<C extends React__default.ElementType, P> = keyof (AsProp<C> & P);
-type PolymorphicComponentProp<C extends React__default.ElementType, Props = {}> = React__default.PropsWithChildren<Props & AsProp<C>> & Omit<React__default.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;
-type PolymorphicComponentPropWithRef<C extends React__default.ElementType, Props = {}> = PolymorphicComponentProp<C, Props> & {
-    ref?: PolymorphicRef<C>;
-};
-type FPProps<C extends React__default.ElementType> = PolymorphicComponentPropWithRef<C, {
-    renderStyles?: boolean;
-    styles?: React__default.CSSProperties;
-    classes?: string;
-}>;
-type FPComponent = <C extends React__default.ElementType = 'span'>(props: FPProps<C>) => React__default.ReactElement | any;
-/**
- * FP component is a polymorphic component that renders an HTML element with optional styles.
- * @param {Object} props - Component props
- * @param {React.ElementType} props.as - The HTML element to render. Defaults to 'div'.
- * @param {boolean} props.renderStyles - Whether to render styles or not. Defaults to true.
- * @param {Object} props.styles - The styles to apply to the component.
- * @param {Object} props.defaultStyles - The default styles to apply to the component.
- * @param {React.ReactNode} props.children - The children to render inside the component.
- * @returns {React.ReactElement} - A React component that renders an HTML element with optional styles.
- */
-declare const FP: FPComponent;
-
-type InputProps = {
-    /**
-     * The type of the input.
-     */
-    type?: "text" | "password" | "email" | "number" | "tel" | "url" | "search";
-    /**
-     * Set the element as disabled
-     */
-    isDisabled?: boolean;
-} & React__default.ComponentProps<typeof FP>;
-declare const Input: {
-    ({ type, name, value, placeholder, id, styles, classes, isDisabled, disabled, readonly, required, ref, onChange, onBlur, onPointerDown, ...props }: InputProps): JSX.Element;
-    displayName: string;
-};
-
-type LinkProps = {
-    href?: string;
-    target?: string;
-    rel?: string;
-    children: React__default.ReactNode;
-    styles?: React__default.CSSProperties;
-    prefetch?: boolean;
-    btnStyle?: string;
-    onPointerDown?: (event: React__default.PointerEvent<HTMLAnchorElement>) => void;
-} & React__default.ComponentProps<typeof FP$1> & React__default.ComponentProps<"a">;
-declare const Link: {
-    ({ href, target, rel, children, styles, prefetch, btnStyle, onPointerDown, ...props }: LinkProps): React__default.JSX.Element;
-    displayName: string;
-};
-
-type ListProps = {
-    /** Type of list to render (default: 'ul') */
-    type?: 'ul' | 'ol' | 'dl';
-    /** variant of list to render (default: 'none') */
-    variant?: string;
-} & React.ComponentProps<typeof FP$1>;
-type ListItemProps = {
-    /** Type of list item to render (default: 'li') */
-    type?: 'li' | 'dt' | 'dd';
-} & React.ComponentProps<typeof FP$1>;
-/**
- * List component renders a list element with provided props
- * @param children - Child elements to render inside the list
- * @param classes - CSS classes to apply
- * @param type - Type of list element (default: 'ul')
- * @param variant - Variant for styling purposes
- * @param styles - Inline styles object
- * @param role - ARIA role
- * @param props - Additional props to pass to underlying element
- */
-declare const List: {
-    ({ children, classes, type, variant, styles, role, ...props }: ListProps): React.JSX.Element;
-    displayName: string;
-    ListItem: ({ type, id, styles, children, classes, ...props }: ListItemProps) => React.JSX.Element;
-};
-
-interface ModalProps extends ComponentProps$1 {
-    /**
-     * The child component/content for open button
-     */
-    openChild?: React__default.ReactNode;
-    /**
-     * The child component/content for close button
-     */
-    closeChild?: React__default.ReactNode;
-    /**
-     * The child component/content for modal header
-     */
-    modalHeader?: React__default.ReactNode;
-    /**
-     * The child component/content for modal footer
-     */
-    modalFooter?: React__default.ReactNode;
-    /**
-     * The child component/content for modal body
-     */
-    children: React__default.ReactNode;
-    /**
-     * Open modal on mount when set to true
-     */
-    showOpen?: boolean;
-}
-declare const Modal: {
-    ({ openChild, closeChild, modalHeader, modalFooter, children, showOpen, ...props }: ModalProps): React__default.JSX.Element;
-    displayName: string;
-};
-
-type NavListProps = React__default.ComponentProps<typeof List> & {
-    isBlock?: boolean;
-};
-type NavItemProps = React__default.ComponentProps<typeof List.ListItem>;
-type NavProps = React__default.ComponentProps<typeof FP$1>;
-/**
- * Renders a NavList component.
- * @param {Object} props - The props for the component.
- * @param {ReactNode} props.children - The child elements.
- * @param {Object} props - Additional props to spread to the List component.
- * @returns {JSX.Element} The rendered NavList component.
- */
-declare const NavList: ({ isBlock, children, ...props }: NavListProps) => React__default.JSX.Element;
-/**
- * Renders a NavItem component.
- * @param {Object} props - The props for the component.
- * @param {string} [props.id] - The id for the component.
- * @param {Object} [props.styles] - The styles for the component.
- * @param {string} [props.classes] - The classes for the component.
- * @param {ReactNode} props.children - The child elements.
- * @param {boolean} [props.inline=true] - Whether the item should display inline.
- * @param {Object} props - Additional props to spread to the ListItem component.
- * @returns {JSX.Element} The rendered NavItem component.
- */
-declare const NavItem: ({ id, styles, classes, children, ...props }: NavItemProps) => React__default.JSX.Element;
-/**
- * Renders a Nav component.
- * @param {Object} props - The props for the component.
- * @param {ReactNode} props.children - The child elements.
- * @param {Object} props - Additional props to spread to the UI component.
- * @returns {JSX.Element} The rendered Nav component.
- */
-declare const Nav: {
-    ({ children, ...props }: NavProps): React__default.JSX.Element;
-    displayName: string;
-    List: ({ isBlock, children, ...props }: NavListProps) => React__default.JSX.Element;
-    Item: ({ id, styles, classes, children, ...props }: NavItemProps) => React__default.JSX.Element;
-};
-
-/**
- * Interface for props accepted by the Popover component
- *
- * @property {ReactNode} children - The content to show in the popover
- * @property {ReactNode} [content] - Optional alternative content for popover
- */
-type PopoverProps = {
-    children: React__default.ReactNode;
-    popoverTrigger: React__default.ReactNode;
-    styles?: {};
-};
-/**
- * Popover component to display popover content.
- *
- * @param props - The props for the component
- * @param props.children - The content to show in the popover
- * @param props.popoverTrigger - The element that triggers the popover on hover
- *
- * @returns JSX.Element - The rendered JSX element for the Popover
- * @example - <Popover popoverTrigger={<button>Hover here</button>}>Popover content</Popover>
- *
- * The component uses the usePopover hook to handle popover visibility and positioning.
- *
- * It renders the triggerElement, and conditionally renders the popover content
- * positioned absolutely when visible.
- *
- * Inline styles handle visuals like background, border, padding, etc.
- *
- * Transforms and opacity animate the enter/exit transition of the popover.
- */
-declare const Popover: {
-    ({ children, popoverTrigger, styles, ...props }: PopoverProps): JSX.Element;
-    displayName: string;
-    styles: React__default.CSSProperties;
-};
-
-interface TableProps extends ComponentProps$1 {
-    tblHead: React__default.ReactNode;
-    tblBody: React__default.ReactNode;
-    tblCaption?: React__default.ReactNode;
-}
-/**
- * Render the table placing `caption`, `thead` and `tbody` in the correct order
- * caption is optional
- */
-declare const RenderTable: {
-    ({ tblBody, tblCaption, tblHead }: TableProps): React__default.JSX.Element;
-    displayName: string;
-};
-
 type TagProps = {
     /** HTML element to display the badge as span or p */
     elm?: 'span' | 'p';
     /**  Aria role for the component - conditional */
     role: 'note' | 'status';
-} & React__default.ComponentProps<typeof FP$1>;
+} & React__default.ComponentProps<typeof FP>;
 declare const Tag: {
     ({ elm, role, children, styles, ...props }: TagProps): React__default.JSX.Element;
     displayName: string;
@@ -386,207 +163,23 @@ type DetailsProps = {
      * The aria-label  element for accessibility.
      */
     ariaLabel: string;
-} & React__default.ComponentProps<"details"> & Partial<React__default.ComponentProps<typeof FP$1>>;
-/**
- * A React component that renders a details element with a summary and content.
- *
- * @param summary - The summary text shown for the details.
- * @param ariaLabel - The aria-label element for accessibility.
- * @param icon - An optional icon to display in the summary.
- * @param styles - Optional styles to apply to the details element.
- * @param classes - Optional CSS classes to apply to the details element.
- * @param name - An optional name for the details element.
- * @param open - Whether the details element should be initially open.
- * @param onPointerDown - A callback function to be called when the summary is clicked.
- * @param onToggle - A callback function to be called when the details element is toggled.
- * @param children - The content to be displayed inside the details element.
- * @param ref - A ref to the details element.
- * @param props - Additional props to be passed to the details element.
- * @example
- * <Details summary="Details" ariaLabel="Details">
- *   <p>Details content</p>
- * </Details>
+} & React__default.ComponentProps<"details"> & Partial<React__default.ComponentProps<typeof FP>>;
+/**3
+ * Details component props interface.
+ *
+ * @param {React.CSSProperties} [styles] - CSS styles object.
+ * @param {string} [classes] - Classnames string.
+ * @param {boolean} [open] - Whether the details is open.
+ * @param {(e: React.PointerEvent<HTMLDetailsElement>) => void} [onToggle] - onToggle callback.
+ * @param {(e: React.PointerEvent<HTMLDetailsElement>) => void} [onPointerDown] - onPointerDown callback.
+ * @param {ReactNode} children - The content inside the details.
+ * @param {string} [ariaLabel] - aria-label for accessibility.
+ * @param {React.Ref<any>} [ref] - Ref object.
+ * @param {Object} props - Other props.
  */
 declare const Details: {
     ({ summary, icon, styles, classes, ariaLabel, name, open, onPointerDown, onToggle, children, ref, ...props }: DetailsProps): React__default.JSX.Element;
     displayName: string;
 };
 
-type InheritedProps = React__default.ComponentProps<typeof FP$1>;
-type TextElements = "a" | "b" | "blockquote" | "b" | "blockquote" | "cite" | "code" | "em" | "i" | "em" | "i" | "kbd" | "mark" | "p" | "s" | "small" | "span" | "span" | "strong" | "mark" | "p" | "s" | "small" | "span" | "span" | "strong" | "sub" | "sup" | "time" | "time" | "u";
-type TextProps = {
-    /**
-     * Pass a text element
-     */
-    elm?: TextElements;
-    /** Pass a text element or string */
-    text?: string;
-} & InheritedProps;
-declare const Text: {
-    ({ elm, id, text, styles, classes, children, ...props }: TextProps): React__default.JSX.Element;
-    displayName: string;
-};
-type TitleProps$1 = {
-    /**
-     * HTML headings
-     */
-    elm?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
-} & InheritedProps;
-declare const Title: {
-    ({ elm, id, children, styles, classes, ...props }: TitleProps$1): React__default.JSX.Element;
-    displayName: string;
-};
-
-type TextareaProps = React__default.ComponentProps<'textarea'> & React__default.ComponentProps<typeof FP$1>;
-/**
- * Textarea component.
- *
- * @param value - The value of the textarea.
- * @param rows - The number of rows.
- * @param cols - The number of columns.
- * @param id - The id of the textarea.
- * @param name - The name of the textarea.
- * @param required - Whether the textarea is required.
- * @param disabled - Whether the textarea is disabled.
- * @param readOnly - Whether the textarea is read only.
- * @param onBlur - Blur event handler.
- * @param onPointerDown - Pointer down event handler.
- * @param onChange - Change event handler.
- * @param ref - Ref for the textarea.
- * @param styles - Styles object for the textarea.
- * @param textareaRef - Ref specifically for the textarea element.
- * @param props - Other props.
- */
-declare const Textarea: {
-    ({ id, classes, value, rows, cols, name, required, disabled, readOnly, onBlur, onPointerDown, onChange, ref, styles, placeholder, ...props }: TextareaProps): React__default.JSX.Element;
-    displayName: string;
-};
-
-type TitleProps = {
-    children: React__default.ReactNode;
-    type: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
-    ui?: string;
-} & React__default.ComponentProps<typeof FP$1>;
-
-type customRoute = {
-    /** The path or id for routing */
-    path?: string;
-    /** The display name */
-    name: string;
-    /** The url if linking out */
-    url?: string;
-};
-type BreadcrumbProps = {
-    /** Array of custom route objects */
-    routes?: customRoute[];
-    /** Starting route node */
-    startRoute?: React__default.ReactNode;
-    startRouteUrl?: string;
-    /** Spacer node between routes */
-    spacer?: React__default.ReactNode;
-    /** String representing current route */
-    currentRoute?: string;
-    /** Prefix breadcrumb aria-label - "prefix breadcrumb" */
-    ariaLabelPrefix?: string;
-    /** Truncate breadcrumb text after this length */
-    truncateLength?: number;
-    /** Link props for breadcrumb links */
-    linkProps?: React__default.ComponentProps<typeof Link>;
-} & React__default.ComponentProps<typeof FP$1>;
-/**
- * Navigation component for breadcrumbs.
- *
- * @param props - Props for the navigation component.
- * @param props.startRoute - Starting route node. Default 'Home'.
- * @param props.currentRoute - String representing current route.
- * @param props.spacer - Spacer node between routes. Default '&#47;'.
- * @param props.routes - Array of custom route objects.
- * @param props.styles - Styles object for the nav.
- * @param props.id - Id for the nav.
- * @param props.classes - Class names for the nav.
- * @param props.children - Child components.
- */
-declare const Breadcrumb: {
-    ({ startRoute, startRouteUrl, currentRoute, spacer, routes, styles, id, classes, ariaLabelPrefix, truncateLength, linkProps, ...props }: BreadcrumbProps): React__default.JSX.Element;
-    displayName: string;
-    Nav: ({ styles, id, classes, children, ...props }: React__default.ComponentProps<typeof FP$1>) => React__default.JSX.Element;
-    List: ({ children, ...props }: React__default.ComponentProps<typeof FP$1>) => React__default.JSX.Element;
-    Items: ({ styles, id, classes, children, ...props }: React__default.ComponentProps<typeof FP$1>) => React__default.JSX.Element;
-};
-
-/**
- * Props for the TextToSpeechComponent.
- * @interface TextToSpeechComponentProps
- */
-interface TextToSpeechComponentProps {
-    /** Initial text to be spoken. Defaults to an empty string. */
-    initialText?: string;
-    /** Whether to show the text input field. Defaults to true. */
-    showTextInput?: boolean;
-    /** The voice to be used for speech synthesis. */
-    voice?: SpeechSynthesisVoice | undefined;
-    /** The pitch of the voice. Defaults to 1. */
-    pitch?: number;
-    /** The rate of speech. Defaults to 1. */
-    rate?: number;
-    /** The language to be used for speech synthesis. */
-    language?: string;
-    /** Player label */
-    label?: string | React__default.ReactNode;
-    /** Callback function to be called when speech ends. */
-    onEnd?: () => void;
-}
-/**
- * A component that converts text to speech using the Web Speech API.
- * @param {TextToSpeechComponentProps} props - The props for the component.
- * @returns {JSX.Element} The rendered TextToSpeechComponent.
- */
-declare const TextToSpeech: React__default.FC<TextToSpeechComponentProps>;
-
-/**
- * Defines the props for the Dialog component.
- *
- * @property {boolean} [showDialog] - Determines whether the dialog should be shown.
- * @property {boolean} [isAlertDialog] - Determines whether the dialog should be displayed as an alert dialog.
- * @property {() => void} [onClose] - A callback function to be called when the dialog is closed.
- * @property {string} dialogTitle - The title of the dialog.
- * @property {string} [dialogLabel] - An optional label for the dialog.
- * @property {React.ReactNode} children - The content to be displayed inside the dialog.
- * @property {() => void | Promise<void>} [onConfirm] - A callback function to be called when the user confirms the dialog.
- * @property {string} [confirmLabel] - The label for the confirm button.
- * @property {string} [cancelLabel] - The label for the cancel button.
- * @property {string} [className] - An optional CSS class name to be applied to the dialog.
- * @property {CSSProperties} [styles] - Optional inline styles to be applied to the dialog.
- */
-type DialogModalProps = React__default.ComponentProps<typeof FP$1> & React__default.ComponentProps<"dialog"> & {
-    dialogTitle: string;
-    dialogLabel?: string;
-    children: React__default.ReactNode;
-    showDialog?: boolean;
-    isAlertDialog?: boolean;
-    onClose?: () => void;
-    onConfirm?: () => void | Promise<void>;
-    confirmLabel?: string;
-    cancelLabel?: string;
-    className?: string;
-    hideFooter?: boolean;
-    styles?: CSSProperties;
-};
-/**
- * Renders a dialog modal component with customizable content and behavior.
- *
- * @param showDialog - Determines whether the dialog should be shown.
- * @param isAlertDialog - Determines whether the dialog should be displayed as an alert dialog.
- * @param onClose - A callback function to be called when the dialog is closed.
- * @param dialogTitle - The title of the dialog.
- * @param dialogLabel - An optional label for the dialog.
- * @param children - The content to be displayed inside the dialog.
- * @param onConfirm - A callback function to be called when the user confirms the dialog.
- * @param confirmLabel - The label for the confirm button.
- * @param cancelLabel - The label for the cancel button.
- * @param className - An optional CSS class name to be applied to the dialog.
- * @param styles - Optional inline styles to be applied to the dialog.
- */
-declare const Dialog: React__default.FC<DialogModalProps>;
-
-export { Article, Aside, FP as Box, Breadcrumb, Button, Caption, Card, Details, Dialog, FP, Field, Footer, Header, Img, Input, Landmarks, Link, List, Main, Modal, Nav, NavItem, NavItemProps, NavList, NavListProps, NavProps, Popover, Section, RenderTable as TBL, Table, Tag, TagProps, Tbody, Td, Text, TextProps, TextToSpeech, Textarea, TextareaProps, Thead, Title, TitleProps, Link as To, Tr };
+export { Article, Aside, Caption, ComponentProps$1 as ComponentProps, Details, Footer, Header, ImageProps, Img, Landmarks, Main, Section, Table, Tag, TagProps, Tbody, Td, TextToSpeech, Thead, Tr };

package/libs/index.js

@@ -1,11 +1,28 @@
-import { b as b$1 } from './chunk-GCGKYLDG.js';
-import { a, c } from './chunk-PWVRDQ3R.js';
-export { b as Icon } from './chunk-PWVRDQ3R.js';
-import * as P from 'react';
-import P__default, { useState, useEffect, useRef, useCallback } from 'react';
+export { a as Breadcrumb } from './chunk-DKGJHKGW.js';
+import { b } from './chunk-PPOOBUOS.js';
+export { a as Textarea } from './chunk-PPOOBUOS.js';
+export { a as Field } from './chunk-BIP2NY53.js';
+export { a as Caption, i as TBL, f as Table, c as Tbody, e as Td, b as Thead, d as Tr } from './chunk-5M57K4SW.js';
+export { a as Dialog } from './chunk-SXVZSWX6.js';
+export { c as Nav, b as NavItem, a as NavList } from './chunk-EQ67LF46.js';
+export { b as List } from './chunk-NHYXGV3L.js';
+export { b as Popover } from './chunk-23ANBDCR.js';
+export { a as Text, b as Title } from './chunk-LIQJ7ZZR.js';
+import './chunk-HYBZBN4G.js';
+import './chunk-GCGKYLDG.js';
+import { b as b$1 } from './chunk-O6QZBB6G.js';
+export { a as Icon } from './chunk-O6QZBB6G.js';
+export { d as Card, b as CardContent, c as CardFooter, a as CardTitle } from './chunk-BSPKFLO4.js';
+export { a as Modal } from './chunk-YWOYVRFT.js';
+export { a as Button } from './chunk-QCMV4VQZ.js';
+export { a as Input } from './chunk-BHRQBJRY.js';
+export { a as Box, a as FP } from './chunk-P7TTEYCD.js';
+export { a as Link, b as To } from './chunk-5ZM4XL44.js';
+import { a } from './chunk-NE6YXTMC.js';
+import l, { useState, useEffect } from 'react';
 
-var M=({type:e="button",children:t,styles:r,disabled:o,classes:n,onPointerDown:a$1,onPointerOver:p,onPointerLeave:i,onClick:l,...m})=>{let u=c=>{o||a$1?.(c);};return P__default.createElement(a,{as:"button",type:e,onPointerOver:c=>{o||p?.(c);},onPointerDown:u,onPointerLeave:c=>{o||i?.(c);},onKeyDown:u,style:r,className:n,"aria-disabled":o,onClick:c=>{o||l?.(c);},...m},t)},F=M;M.displayName="Button";var me=({children:e,className:t,styles:r,as:o="h3",...n})=>P__default.createElement(a,{as:o,className:`card-title ${t||""}`,styles:r,...n},e);me.displayName="Title";var ce=({children:e,className:t,styles:r,...o})=>P__default.createElement(a,{as:"article",className:`card-content ${t||""}`,styles:r,...o},e);ce.displayName="Content";var de=({children:e,className:t,styles:r,...o})=>P__default.createElement(a,{as:"div",className:`card-footer ${t||""}`,styles:r,...o},e);de.displayName="Footer";var w=({elm:e="div",styles:t,children:r,classes:o="shadow",id:n,...a$1})=>P__default.createElement(a,{as:e,id:n,styles:t,className:o,"data-card":!0,...a$1},r);w.displayName="Card";w.Title=me;w.Content=ce;w.Footer=de;var fe=({label:e,labelFor:t,id:r,styles:o,classes:n,children:a$1,...p})=>P__default.createElement(a,{as:"div",id:r,styles:o,className:n,"data-style":"fields",...p},P__default.createElement("label",{htmlFor:t},e),a$1);fe.displayName="Field";var E=e=>P__default.createElement(P__default.Fragment,null,e),Ae=({id:e,children:t,headerBackground:r,styles:o,classes:n,...a$1})=>P__default.createElement(a,{as:"header",id:e,styles:o,className:n,...a$1},r,P__default.createElement(a,{as:"section"},t)),ze=({id:e,children:t,styles:r,classes:o,...n})=>P__default.createElement(a,{as:"main",id:e,styles:r,...n,className:o},t),We=({id:e,classes:t,children:r,styles:o={},...n})=>P__default.createElement(a,{as:"footer",id:e,className:t,styles:o,...n},P__default.createElement(a,{as:"section"},r||"Copyright \xA9 2022")),Xe=({id:e,children:t,styles:r={},classes:o,...n})=>P__default.createElement(a,{as:"aside",id:e,styles:r,className:o,...n},P__default.createElement(a,{as:"section"},t)),je=({id:e,children:t,styles:r,classes:o,...n})=>P__default.createElement(a,{as:"section",id:e,styles:r,className:o,...n},t),Je=({id:e,children:t,styles:r,classes:o,...n})=>P__default.createElement(a,{as:"article",id:e,styles:r,className:o,...n},t);E.displayName="Landmarks";E.Header=Ae;E.Main=ze;E.Footer=We;E.Aside=Xe;E.Section=je;E.Article=Je;var ye=({src:e="//",alt:t,width:r=480,height:o,styles:n,loading:a$1="lazy",placeholder:p=`https://via.placeholder.com/${r}?text=PLACEHOLDER`,fetchpriority:i="low",decoding:l="auto",imgLoaded:m,imgError:u,...g})=>P__default.createElement(a,{as:"img",src:e,alt:t,width:r,height:o||"auto",loading:a$1,style:n,onError:c=>{if(u){u?.(c);return}c.currentTarget.src!==p&&(c.currentTarget.src=p);},onLoad:c=>{m?.(c);},fetchPriority:i,decoding:l,...g});ye.displayName="Img";var qe=P__default.forwardRef(({as:e,styles:t,classes:r,children:o,defaultStyles:n,...a},p)=>{let i=e||"div",l={...n,...t};return P__default.createElement(i,{ref:p,style:l,className:r,...a},o)}),b=qe;var he=({type:e="text",name:t,value:r,placeholder:o,id:n,styles:a,classes:p,isDisabled:i,disabled:l,readonly:m,required:u,ref:g,onChange:x,onBlur:T,onPointerDown:c,...h})=>{let I=d=>{x&&!l&&x?.(d);},f=d=>{T&&!l&&T?.(d);},y=d=>{c&&!l&&(d.preventDefault(),c?.(d));};return P__default.createElement(b,{as:"input",id:n,type:e,placeholder:o||`${u?"*":""} ${e} input `,className:p,styles:a,onChange:I,onBlur:f,onKeyDown:y,value:r,name:t,ref:g,"aria-disabled":i,tabIndex:i?-1:void 0,"aria-readonly":m,"aria-required":u,required:u,readOnly:m,...h})};he.displayName="Input";var q=({href:e,target:t,rel:r,children:o,styles:n,prefetch:a$1,btnStyle:p,onPointerDown:i,...l})=>{let m=r;return t==="_blank"&&(m=`noopener noreferrer ${a$1?"prefetch":""}`),P__default.createElement(a,{as:"a",href:e,target:t,styles:n,rel:m,onPointerDown:g=>{i&&i?.(g);},"data-btn":p,prefetch:a$1,...l},o)},A=q;q.displayName="Link";var Ge=({type:e="li",id:t,styles:r,children:o,classes:n,...a$1})=>P.createElement(a,{id:t,as:e,className:n,...a$1,style:r},o),z=({children:e,classes:t,type:r="ul",variant:o,styles:n,role:a$1,...p})=>P.createElement(a,{as:r,"data-variant":o,className:t,style:n,role:a$1,...p},e),_=z;z.displayName="List";z.ListItem=Ge;var W=({id:e,children:t,classes:r,modalRef:o,openOnMount:n,...a$1})=>P__default.createElement(a,{as:"dialog",id:e,classes:r,ref:o,open:n,onClick:i=>{i.currentTarget===i.target&&i.currentTarget.close();},...a$1},t);P__default.memo(W);W.displayName="Dialog";var ge=({openChild:e,closeChild:t,modalHeader:r,modalFooter:o,children:n,showOpen:a=!1,...p})=>{let i=P__default.useRef(null),l=()=>{i.current&&(a?i.current.show():i.current.showModal());},m=()=>{i.current&&i.current.close();};return P__default.createElement(P__default.Fragment,null,P__default.createElement(W,{modalRef:i,openOnMount:a,...p},P__default.createElement("section",null,r,n,o??P__default.createElement("div",null,P__default.createElement(M,{type:"button",pointerDown:()=>{m();}},t||"Close")," "))),!a&&P__default.createElement(M,{type:"button",pointerDown:l},e||"Open Modal"))};ge.displayName="Modal";var Qe=({isBlock:e,children:t,...r})=>P__default.createElement(_,{type:"ul",...r,"data-list":`unstyled ${e?"block":""}`},t),Ze=({id:e,styles:t,classes:r,children:o,...n})=>P__default.createElement(_.ListItem,{type:"li",id:e,classes:r,styles:t,...n},o),Q=({children:e,...t})=>P__default.createElement(a,{as:"nav",...t},e);Q.displayName="Nav";Q.List=Qe;Q.Item=Ze;var et={display:"block",position:"absolute",background:"#000",border:"1px solid #010101",padding:"10px",color:"#fff",transition:"opacity .5s ease-in-out"},Z=({children:e,popoverTrigger:t,styles:r,...o})=>{let n=P__default.useRef(null),a=P__default.useRef(null),{isVisible:p,popoverPosition:i,handlePointerEvent:l,handlePointerLeave:m}=b$1(n,a),u={opacity:p?1:0,top:i.top,left:i.left,zIndex:999};return P__default.createElement(P__default.Fragment,null,P__default.createElement("div",{ref:n,onPointerEnter:l,onPointerLeave:m,...o},t),p&&P__default.createElement("div",{ref:a,style:{...u,...r}},e))};Z.displayName="Popover";Z.styles=et;var ee=({children:e,...t})=>P__default.createElement(b,{as:"caption",...t},e),te=({children:e,...t})=>P__default.createElement(b,{as:"thead",...t},e),X=({children:e,...t})=>P__default.createElement(b,{as:"tbody",...t},e),oe=({children:e,...t})=>P__default.createElement(b,{as:"tr",...t},e),tt=({children:e,...t})=>P__default.createElement(b,{as:"td",...t},e),re=({id:e,dataStyle:t,children:r,...o})=>P__default.createElement(b,{as:"section",id:e,...o,"data-style":"table-wrapper"},P__default.createElement("table",null,r));re.displayName="Table";ee.displayName="Caption";te.displayName="Thead";X.displayName="Tbody";oe.displayName="Tr";tt.displayName="Td";var xe=({tblBody:e,tblCaption:t,tblHead:r})=>P__default.createElement(re,null,t&&P__default.createElement(ee,null,t),P__default.createElement(te,null,P__default.createElement(oe,null,r)),P__default.createElement(X,null,e));xe.displayName="TBL";var st=({elm:e="span",role:t="note",children:r,styles:o,...n})=>P__default.createElement(a,{as:e,role:t,styles:o,...n},r);st.displayName="Tag";var at=({summary:e,icon:t,styles:r,classes:o,ariaLabel:n,name:a$1,open:p,onPointerDown:i,onToggle:l,children:m,ref:u,...g})=>{let x={...r},T=h=>{i&&i?.(h),i&&i?.(h);};return P__default.createElement(a,{as:"details",style:x,className:o,onToggle:h=>{l&&i?.(h);},ref:u,open:p,"aria-label":n||"Details dropdown",name:a$1,...g},P__default.createElement(a,{as:"summary",onPointerDown:T},t,e),P__default.createElement(a,{as:"section"},m))};at.displayName="Details";var Te=({elm:e="p",id:t,text:r,styles:o,classes:n,children:a$1,...p})=>P__default.createElement(a,{as:e,id:t,styles:o,className:n,...p},P__default.createElement(a,{as:e,id:t,styles:o,className:n,...p},a$1||r)),it=({elm:e="h3",id:t,children:r,styles:o,classes:n,...a})=>P__default.createElement(Te,{as:e,id:t,styles:o,className:n,...a},r);Te.displayName="Text";it.displayName="Title";var Ie=({id:e,classes:t,value:r,rows:o=5,cols:n=25,name:a$1,required:p,disabled:i,readOnly:l,onBlur:m,onPointerDown:u,onChange:g,ref:x,styles:T,placeholder:c,...h})=>P__default.createElement(a,{as:"textarea",id:e,name:a$1,rows:o,cols:n,styles:T,className:t,"data-style":"textarea",required:p,value:r,"aria-disabled":i,readOnly:l,onChange:d=>{g&&!i&&g?.(d);},onBlur:d=>{m&&!i&&m?.(d);},onPointerDown:d=>{u&&!i&&u?.(d);},ref:x,placeholder:c||`${p?"*":""} Message`,...h}),ve=Ie;Ie.displayName="Textarea";var Se=({type:e="h3",id:t,styles:r,ui:o,children:n,...a$1})=>P__default.createElement(a,{as:e,id:t,styles:r,"data-ui":o,...a$1},n),be=Se;Se.displayName="Heading";var ae=(e,t=15)=>e.length>t?`${e.slice(0,t)}...`:e;var j=({styles:e,id:t,classes:r,children:o,...n})=>P__default.createElement("li",{id:t,style:e,className:r,"data-list":"unstyled inline",...n},o),Ne=({children:e,...t})=>P__default.createElement(a,{as:"ol","data-list":"unstyled inline",...t},e),Re=({styles:e,id:t,classes:r,children:o,...n})=>P__default.createElement(a,{as:"nav",id:t,styles:e,className:r,...n},P__default.createElement(Ne,null,o)),J=({startRoute:e="Home",startRouteUrl:t="/",currentRoute:r,spacer:o=P__default.createElement(P__default.Fragment,null,"/"),routes:n,styles:a,id:p,classes:i,ariaLabelPrefix:l,truncateLength:m=15,linkProps:u,...g})=>{let[x,T]=P__default.useState("");P__default.useEffect(()=>{let y=r||window.location.pathname;y.length&&T(y);},[r]);let c=y=>{let d=n?.find(C=>C.path===y);return {path:d?.path||y,name:d?.name||y,url:d?.url||y}},h=x.split("/").filter(y=>y),I=h.length-1,f=P__default.useId();return x.length?P__default.createElement(Re,{id:p,...g,styles:a,className:i,"aria-label":l},P__default.createElement(j,{key:`${e}-${f}`},P__default.createElement(A,{href:t,...u},e)),P__default.createElement(P__default.Fragment,null,h.length?h.map((y,d)=>{let C=c(y),{name:N,url:we,path:Oe}=C;return d===I?P__default.createElement(P__default.Fragment,null,typeof h[I]=="string"&&h[I].length>3&&h[I]!==h[I-1]&&P__default.createElement(j,{key:`${Oe||d}-${f}`},P__default.createElement("span",{"aria-hidden":"true"},o),P__default.createElement("a",{href:"#","aria-current":"page","aria-label":N.length>m?N:void 0},ae(decodeURIComponent(N),m)))):P__default.createElement(j,{key:`${C?.name}-${f}`},P__default.createElement("span",{"aria-hidden":"true"},o),P__default.createElement("span",null,P__default.createElement(A,{href:we,"aria-label":N.length>m?N:void 0,...u},ae(decodeURIComponent(N),m))))}):null)):P__default.createElement(P__default.Fragment,null)};J.displayName="BreadCrumb";J.Nav=Re;J.List=Ne;J.Items=j;var Ue=e=>{let[t,r]=useState([]),[o,n]=useState(e),[a,p]=useState(!1),[i,l]=useState(!1),[m,u]=useState(null);return useEffect(()=>{let f=()=>{let y=window.speechSynthesis.getVoices();r(y);let d=y.find(C=>C.name==="Google US English");if(d)n(d);else {let C=y.find(N=>N.lang.startsWith("en-"));C&&n(C);}};return f(),window.speechSynthesis.onvoiceschanged=f,()=>{window.speechSynthesis.onvoiceschanged=null;}},[]),{speak:(f,y={},d)=>{let C=new SpeechSynthesisUtterance(f);C.lang=y.lang??"en-US",C.pitch=y.pitch??1,C.rate=y.rate??1,C.voice=o??y.voice??null,C.onend=()=>{p(!1),l(!1),d&&d();},"speechSynthesis"in window?(window.speechSynthesis.speak(C),u(C),p(!0),l(!1)):console.error("Speech synthesis not supported");},pause:()=>{a&&!i&&(window.speechSynthesis.pause(),l(!0));},resume:()=>{a&&i&&(window.speechSynthesis.resume(),l(!1));},cancel:()=>{a&&(window.speechSynthesis.cancel(),p(!1),l(!1));},isSpeaking:a,isPaused:i,availableVoices:t,changeVoice:f=>{n(f);},currentVoice:o,getAvailableLanguages:()=>[...new Set(t.map(f=>f.lang))]}};var ct=({children:e,onClick:t})=>P__default.createElement(a,{as:"button",type:"button",className:"tts-border","data-btn":"sm text pill",onClick:t},e),$=P__default.memo(ct),ie=({label:e,isSpeaking:t,isPaused:r,onSpeak:o,onPause:n,onResume:a$1,onCancel:p})=>P__default.createElement(a,{as:"div","data-tts":!0},e&&P__default.createElement("p",null,e),!t&&P__default.createElement($,{"aria-label":"Speak",onClick:o},P__default.createElement(c.PlaySolid,{size:16})),t&&!r&&P__default.createElement($,{"aria-label":"Pause",onClick:n},P__default.createElement(c.PauseSolid,{size:16})),r&&P__default.createElement($,{"aria-label":"Resume",onClick:a$1},P__default.createElement(c.ResumeSolid,{size:16})),P__default.createElement($,{"aria-label":"Stop",onClick:p},P__default.createElement(c.StopSolid,{size:16})));ie.displayName="TextToSpeechControls";ie.TTSButton=$;var Le=ie;var Ee=({initialText:e="",showTextInput:t=!1,voice:r,pitch:o=1,rate:n=1,language:a,label:p,onEnd:i})=>{let{speak:l,pause:m,resume:u,cancel:g,isSpeaking:x,isPaused:T,getAvailableLanguages:c,availableVoices:h}=Ue(),[I,f]=useState(e);console.log(c()),useEffect(()=>{f(e);},[e]);let y=()=>{I.trim()!==""&&l(I,{voice:r,pitch:o,rate:n},C);},d=N=>{f(N.target.value);},C=()=>{i&&i();};return P__default.createElement(P__default.Fragment,null,t&&P__default.createElement(ve,{value:I,onChange:d}),P__default.createElement(Le,{label:p,isSpeaking:x,isPaused:T,onSpeak:y,onPause:m,onResume:u,onCancel:g}))};Ee.displayName="TextToSpeechComponent";var ke=({dialogTitle:e,onClick:t,type:r="h3"})=>P__default.createElement(a,{as:"div",classes:"dialog-header"},P__default.createElement(be,{type:r,className:"dialog-title"},e||"Dialog"),P__default.createElement(F,{type:"button",onClick:()=>{t();},className:"dialog-close","aria-label":"Close dialog","data-btn":"icon"},P__default.createElement(c,null,P__default.createElement(c.Remove,{size:16})))),Me=P__default.memo(ke);ke.displayName="DialogHeader";var ft=({onClose:e,onConfirm:t,confirmLabel:r,cancelLabel:o})=>P__default.createElement(a,{as:"section",className:"dialog-footer"},o&&P__default.createElement(F,{type:"button",onClick:e,className:"dialog-button button-secondary","data-btn":"sm"},o),t&&P__default.createElement(F,{type:"button",onClick:t,className:"dialog-button button-primary","data-btn":"sm"},r)),De=ft;var He=(e,t)=>useCallback(o=>{let n=e.current?.getBoundingClientRect();n&&(o.clientY<n.top||o.clientY>n.bottom||o.clientX<n.left||o.clientX>n.right)&&t();},[e,t]);var Fe=({showDialog:e,isAlertDialog:t,onClose:r,dialogTitle:o,dialogLabel:n,children:a$1,onConfirm:p,confirmLabel:i="Confirm",cancelLabel:l="Cancel",className:m="",hideFooter:u,styles:g})=>{let x=useRef(null),[T,c]=P__default.useState(e);useEffect(()=>{c(e);},[e]),useEffect(()=>{let f=x.current;f&&(T?t?f.show():f.showModal():f.close());},[T,t]);let h=()=>{r&&r(),c(!1);},I=He(x,h);return P__default.createElement(a,{as:"dialog",role:t?"alertdialog":"dialog",ref:x,onClose:h,onClick:I,"aria-modal":T?"true":void 0,className:`dialog-modal ${m}`,"aria-label":n,style:g},P__default.createElement(Me,{dialogTitle:o,onClick:h}),P__default.createElement(a,{as:"section",className:`dialog-content ${m}`,onClick:f=>f.stopPropagation()},a$1,!u&&P__default.createElement(De,{onClose:h,onConfirm:p,confirmLabel:i,cancelLabel:l})))};P__default.memo(Fe);
+var F=({src:e="//",alt:o,width:t=480,height:n,styles:s,loading:i="lazy",placeholder:c=`https://via.placeholder.com/${t}?text=PLACEHOLDER`,fetchpriority:a$1="low",decoding:m="auto",imgLoaded:x,imgError:S,...y})=>l.createElement(a,{as:"img",src:e,alt:o,width:t,height:n||"auto",loading:i,style:s,onError:h=>{if(S){S?.(h);return}h.currentTarget.src!==c&&(h.currentTarget.src=c);},onLoad:h=>{x?.(h);},fetchPriority:a$1,decoding:m,...y});F.displayName="Img";var z=e=>{let[o,t]=useState([]),[n,s]=useState(e),[i,c]=useState(!1),[a,m]=useState(!1),[x,S]=useState(null);return useEffect(()=>{let d=()=>{let f=window.speechSynthesis.getVoices();t(f);let g=f.find(p=>p.name==="Google US English");if(g)s(g);else {let p=f.find(E=>E.lang.startsWith("en-"));p&&s(p);}};return d(),window.speechSynthesis.onvoiceschanged=d,()=>{window.speechSynthesis.onvoiceschanged=null;}},[]),{speak:(d,f={},g)=>{let p=new SpeechSynthesisUtterance(d);p.lang=f.lang??"en-US",p.pitch=f.pitch??1,p.rate=f.rate??1,p.voice=n??f.voice??null,p.onend=()=>{c(!1),m(!1),g&&g();},"speechSynthesis"in window?(window.speechSynthesis.speak(p),S(p),c(!0),m(!1)):console.error("Speech synthesis not supported");},pause:()=>{i&&!a&&(window.speechSynthesis.pause(),m(!0));},resume:()=>{i&&a&&(window.speechSynthesis.resume(),m(!1));},cancel:()=>{i&&(window.speechSynthesis.cancel(),c(!1),m(!1));},isSpeaking:i,isPaused:a,availableVoices:o,changeVoice:d=>{s(d);},currentVoice:n,getAvailableLanguages:()=>[...new Set(o.map(d=>d.lang))]}};var oe=({children:e,onClick:o})=>l.createElement(a,{as:"button",type:"button",className:"tts-border","data-btn":"sm text pill",onClick:o},e),U=l.memo(oe),N=({label:e,isSpeaking:o,isPaused:t,onSpeak:n,onPause:s,onResume:i,onCancel:c})=>l.createElement(a,{as:"div","data-tts":!0},e&&l.createElement("p",null,e),!o&&l.createElement(U,{"aria-label":"Speak",onClick:n},l.createElement(b$1.PlaySolid,{size:16})),o&&!t&&l.createElement(U,{"aria-label":"Pause",onClick:s},l.createElement(b$1.PauseSolid,{size:16})),t&&l.createElement(U,{"aria-label":"Resume",onClick:i},l.createElement(b$1.ResumeSolid,{size:16})),l.createElement(U,{"aria-label":"Stop",onClick:c},l.createElement(b$1.StopSolid,{size:16})));N.displayName="TextToSpeechControls";N.TTSButton=U;var A=N;var H=({initialText:e="",showTextInput:o=!1,voice:t,pitch:n=1,rate:s=1,language:i,label:c,onEnd:a})=>{let{speak:m,pause:x,resume:S,cancel:y,isSpeaking:P,isPaused:I,getAvailableLanguages:h,availableVoices:C}=z(),[k,d]=useState(e);console.log(h()),useEffect(()=>{d(e);},[e]);let f=()=>{k.trim()!==""&&m(k,{voice:t,pitch:n,rate:s},p);},g=E=>{d(E.target.value);},p=()=>{a&&a();};return l.createElement(l.Fragment,null,o&&l.createElement(b,{value:k,onChange:g}),l.createElement(A,{label:c,isSpeaking:P,isPaused:I,onSpeak:f,onPause:x,onResume:S,onCancel:y}))};H.displayName="TextToSpeechComponent";var T=e=>l.createElement(l.Fragment,null,e),ne=({id:e,children:o,headerBackground:t,styles:n,classes:s,...i})=>l.createElement(a,{as:"header",id:e,styles:n,className:s,...i},t,l.createElement(a,{as:"section"},o)),re=({id:e,children:o,styles:t,classes:n,...s})=>l.createElement(a,{as:"main",id:e,styles:t,...s,className:n},o),ae=({id:e,classes:o,children:t,styles:n={},...s})=>l.createElement(a,{as:"footer",id:e,className:o,styles:n,...s},l.createElement(a,{as:"section"},t||"Copyright \xA9 2022")),pe=({id:e,children:o,styles:t={},classes:n,...s})=>l.createElement(a,{as:"aside",id:e,styles:t,className:n,...s},l.createElement(a,{as:"section"},o)),ie=({id:e,children:o,styles:t,classes:n,...s})=>l.createElement(a,{as:"section",id:e,styles:t,className:n,...s},o),ce=({id:e,children:o,styles:t,classes:n,...s})=>l.createElement(a,{as:"article",id:e,styles:t,className:n,...s},o);T.displayName="Landmarks";T.Header=ne;T.Main=re;T.Footer=ae;T.Aside=pe;T.Section=ie;T.Article=ce;var me=({elm:e="span",role:o="note",children:t,styles:n,...s})=>l.createElement(a,{as:e,role:o,styles:n,...s},t);me.displayName="Tag";var de=({summary:e,icon:o,styles:t,classes:n,ariaLabel:s,name:i,open:c,onPointerDown:a$1,onToggle:m,children:x,ref:S,...y})=>{let P={...t},I=C=>{a$1&&a$1?.(C),a$1&&a$1?.(C);};return l.createElement(a,{as:"details",style:P,className:n,onToggle:C=>{m&&a$1?.(C);},ref:S,open:c,"aria-label":s||"Details dropdown",name:i,...y},l.createElement(a,{as:"summary",onPointerDown:I},o,e),l.createElement(a,{as:"section"},x))};de.displayName="Details";
 
-export { Je as Article, Xe as Aside, b as Box, J as Breadcrumb, M as Button, ee as Caption, w as Card, at as Details, Fe as Dialog, b as FP, fe as Field, We as Footer, Ae as Header, ye as Img, he as Input, E as Landmarks, q as Link, z as List, ze as Main, ge as Modal, Q as Nav, Ze as NavItem, Qe as NavList, Z as Popover, je as Section, xe as TBL, re as Table, st as Tag, X as Tbody, tt as Td, Te as Text, Ee as TextToSpeech, Ie as Textarea, te as Thead, it as Title, A as To, oe as Tr };
+export { ce as Article, pe as Aside, de as Details, ae as Footer, ne as Header, F as Img, T as Landmarks, re as Main, ie as Section, me as Tag, H as TextToSpeech };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map