@fpkit/acss 0.4.19 → 0.5.0

package/libs/index.d.ts

@@ -1,558 +0,0 @@
-import { F as FP$1, C as ComponentProps$1 } from './icons-1f5afc0c.js';
-export { I as Icon } from './icons-1f5afc0c.js';
-import * as React from 'react';
-import React__default, { ReactNode } from 'react';
-
-type ButtonProps = React__default.ButtonHTMLAttributes<HTMLButtonElement> & 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, ...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;
-    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 DialogProps = {
-    /**
-     * React ref for dialog element
-     */
-    modalRef: React__default.RefObject<HTMLDialogElement>;
-    /**
-     * Handle close modal event
-     */
-    closeModal?: (e: React__default.SyntheticEvent<HTMLDialogElement>) => void;
-    /**
-     * open modal on mount
-     */
-    openOnMount?: boolean;
-} & React__default.ComponentProps<typeof FP$1>;
-/**
- * Dialog component
- */
-declare const Dialog: {
-    ({ id, children, classes, modalRef, openOnMount, ...props }: DialogProps): 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
- */
-declare const Field: {
-    ({ label, labelFor, id, styles, classes, children, ...props }: FieldProps): React__default.JSX.Element;
-    displayName: string;
-};
-
-type ComponentProps = React__default.ComponentProps<typeof FP$1>;
-/**
- * Renders children elements without any wrapping component.
- * Can be used as a placeholder when no semantic landmark is needed.
- */
-declare const Landmarks: {
-    (children?: React__default.FC): React__default.JSX.Element;
-    displayName: string;
-    Header: ({ id, children, headerBackground, styles, classes, ...props }: HeaderProps) => React__default.JSX.Element;
-    Main: ({ id, children, styles, classes, ...props }: ComponentProps) => React__default.JSX.Element;
-    Footer: ({ id, classes, children, styles, ...props }: ComponentProps) => React__default.JSX.Element;
-    Aside: ({ id, children, styles, classes, ...props }: ComponentProps) => React__default.JSX.Element;
-    Section: ({ id, children, styles, classes, ...props }: ComponentProps) => React__default.JSX.Element;
-    Article: ({ id, children, styles, classes, ...props }: ComponentProps) => React__default.JSX.Element;
-};
-type HeaderProps = {
-    headerBackground?: ReactNode;
-} & ComponentProps;
-/**
- * Header component.
- *
- * Renders a header landmark with a section child.
- *
- * @param children - The content to render inside the header.
- * @param styles - Optional styles object.
- * @param props - Other props.
- */
-declare const Header: ({ id, children, headerBackground, styles, classes, ...props }: HeaderProps) => React__default.JSX.Element;
-/**
- * Main component.
- *
- * Renders a main landmark.
- *
- * @param children - The content to render inside the main element.
- * @param styles - Optional styles object.
- * @param props - Other props.
- */
-declare const Main: ({ id, children, styles, classes, ...props }: ComponentProps) => React__default.JSX.Element;
-/**
- * Footer component that renders a footer element with a section element inside.
- * @param {ReactNode} children - Child elements to render inside the section element.
- * @param styles - CSS styles to apply to the footer element.
- * @param props - Additional props to pass to the footer element.
- * @returns A React component that renders a footer element with a section element inside.
- */
-declare const Footer: ({ id, classes, children, styles, ...props }: ComponentProps) => React__default.JSX.Element;
-declare const Aside: ({ id, children, styles, classes, ...props }: ComponentProps) => React__default.JSX.Element;
-/**
- * Section component that renders a section element.
- *
- * @param children - Child elements to render inside the section.
- * @param styles - CSS styles to apply to the section.
- * @param props - Other props.
- */
-declare const Section: ({ id, children, styles, classes, ...props }: ComponentProps) => React__default.JSX.Element;
-/**
- * Article component renders an HTML <article> element.
- *
- * @param children - Child elements to render inside the article.
- * @param styles - CSS styles to apply to the article.
- * @param props - Additional props to pass to the article element.
- */
-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>;
-/**
- * Input component that renders an HTML input element.
- * @param {InputProps} props - The input component props.
- * @returns {JSX.Element} - The input component.
- */
-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 = {
-    /** Applies button styling to the link */
-    btnStyle?: boolean;
-} & 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>;
-declare const Tag: {
-    ({ elm, role, children, styles, ...props }: TagProps): React__default.JSX.Element;
-    displayName: string;
-};
-
-declare const Caption: {
-    ({ children, ...props }: ComponentProps$1): React__default.JSX.Element;
-    displayName: string;
-};
-declare const Thead: {
-    ({ children, ...props }: ComponentProps$1): React__default.JSX.Element;
-    displayName: string;
-};
-declare const Tbody: {
-    ({ children, ...props }: ComponentProps$1): React__default.JSX.Element;
-    displayName: string;
-};
-declare const Tr: {
-    ({ children, ...props }: ComponentProps$1): React__default.JSX.Element;
-    displayName: string;
-};
-declare const Td: {
-    ({ children, ...props }: ComponentProps$1): React__default.JSX.Element;
-    displayName: string;
-};
-declare const Table: {
-    ({ id, dataStyle, children, ...props }: ComponentProps$1): React__default.JSX.Element;
-    displayName: string;
-};
-
-type DetailsProps = {
-    /**
-     * The summary text shown for the details.
-     * Required.
-     */
-    summary: React__default.ReactNode;
-    /**
-     * The aria-label  element for accessibility.
-     */
-    ariaLabel: string;
-} & React__default.ComponentProps<'details'> & Partial<React__default.ComponentProps<typeof FP$1>>;
-/**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 = {
-    /**
-     * Text element to to use
-     * Text element to to use
-     */
-    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;
-    /** 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;
-} & 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, currentRoute, spacer, routes, styles, id, classes, ariaLabelPrefix, truncateLength, ...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>;
-
-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 };

package/libs/index.js

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