@arc-ui/components 11.9.0 → 11.11.0

package/dist/Align/Align.cjs.d.ts

@@ -1,25 +0,0 @@
-import { FC, ReactNode } from "react";
-/**
- * Use `Align` to align items horizontally or vertically.
- */
-declare const Align: FC<AlignProps>;
-interface AlignProps {
-    /**
-     * Contents of the Align. Each item will be wrapped in an AlignItem component.
-     */
-    children: ReactNode;
-    /**
-     * Horizontal alignment of the Align children.
-     */
-    horizontal?: "left" | "center" | "right";
-    /**
-     * Should the Align child wrappers be visible for debugging and documentation
-     * purposes?
-     */
-    isDebugVisible?: boolean;
-    /**
-     * Vertical alignment of the Align children.
-     */
-    vertical?: "top" | "center" | "bottom";
-}
-export { Align };

package/dist/Align/Align.esm.d.ts

@@ -1,25 +0,0 @@
-import { FC, ReactNode } from "react";
-/**
- * Use `Align` to align items horizontally or vertically.
- */
-declare const Align: FC<AlignProps>;
-interface AlignProps {
-    /**
-     * Contents of the Align. Each item will be wrapped in an AlignItem component.
-     */
-    children: ReactNode;
-    /**
-     * Horizontal alignment of the Align children.
-     */
-    horizontal?: "left" | "center" | "right";
-    /**
-     * Should the Align child wrappers be visible for debugging and documentation
-     * purposes?
-     */
-    isDebugVisible?: boolean;
-    /**
-     * Vertical alignment of the Align children.
-     */
-    vertical?: "top" | "center" | "bottom";
-}
-export { Align };

package/dist/Badge/Badge.cjs.d.ts

@@ -1,30 +0,0 @@
-import { FC, ReactNode } from "react";
-/** Use `Badge` component to visually display a small amount of information, such as notification counts or status indicators. */
-declare const Badge: FC<BadgeProps>;
-interface BadgeProps {
-    /**
-     * Text to display within Badge
-     */
-    children: ReactNode;
-    /**
-     * Badge Size
-     */
-    size?: "default" | "large";
-    /**
-     * Badge has outline
-     */
-    fill?: "solid" | "outlined";
-    /**
-     * State of the Badge
-     */
-    state?: "default" | "error" | "warning" | "success";
-    /**
-     * Aria label for accessibility
-     */
-    ariaLabel?: string;
-    /**
-     * Aria Role for accessibility
-     */
-    ariaRole?: "status" | "alert";
-}
-export { Badge };

package/dist/Badge/Badge.esm.d.ts

@@ -1,30 +0,0 @@
-import { FC, ReactNode } from "react";
-/** Use `Badge` component to visually display a small amount of information, such as notification counts or status indicators. */
-declare const Badge: FC<BadgeProps>;
-interface BadgeProps {
-    /**
-     * Text to display within Badge
-     */
-    children: ReactNode;
-    /**
-     * Badge Size
-     */
-    size?: "default" | "large";
-    /**
-     * Badge has outline
-     */
-    fill?: "solid" | "outlined";
-    /**
-     * State of the Badge
-     */
-    state?: "default" | "error" | "warning" | "success";
-    /**
-     * Aria label for accessibility
-     */
-    ariaLabel?: string;
-    /**
-     * Aria Role for accessibility
-     */
-    ariaRole?: "status" | "alert";
-}
-export { Badge };

package/dist/Base/Base.cjs.d.ts

@@ -1 +0,0 @@
-export { Base } from "../_shared/cjs/Base-569e4334";

package/dist/Base/Base.esm.d.ts

@@ -1 +0,0 @@
-export { Base } from "../_shared/esm/Base-6c01e0ec";

package/dist/Box/Box.cjs.d.ts

@@ -1,40 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { FC } from "react";
-import { SurfaceBackgroundColor, SurfacePadding } from "../_shared/cjs/Surface-b7c51b2b";
-// Do equal height boxes story
-/**
- * Use `Box` as a simple way to group bespoke content and interactive elements together.
- */
-declare const Box: FC<BoxProps>;
-interface BoxProps {
-    /**
-     * Contents of the Box.
-     */
-    children: React.ReactNode;
-    /**
-     * Set Box to fill parent element.
-     */
-    isFullHeight?: boolean;
-    /**
-     * Add rounded corners to the box.
-     */
-    isBorderRadius?: boolean;
-    /**
-     * The border width of the box.
-     */
-    borderWidth?: "thin" | "medium";
-    /**
-     * Box shadow for the box.
-     */
-    elevationLevel?: "1" | "2";
-    /**
-     * Padding for the box.
-     */
-    padding?: SurfacePadding;
-    /**
-     * Background color for the box.
-     */
-    surface?: SurfaceBackgroundColor;
-}
-export { Box, BoxProps };

package/dist/Box/Box.esm.d.ts

@@ -1,40 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { FC } from "react";
-import { SurfaceBackgroundColor, SurfacePadding } from "../_shared/esm/Surface-dde51789";
-// Do equal height boxes story
-/**
- * Use `Box` as a simple way to group bespoke content and interactive elements together.
- */
-declare const Box: FC<BoxProps>;
-interface BoxProps {
-    /**
-     * Contents of the Box.
-     */
-    children: React.ReactNode;
-    /**
-     * Set Box to fill parent element.
-     */
-    isFullHeight?: boolean;
-    /**
-     * Add rounded corners to the box.
-     */
-    isBorderRadius?: boolean;
-    /**
-     * The border width of the box.
-     */
-    borderWidth?: "thin" | "medium";
-    /**
-     * Box shadow for the box.
-     */
-    elevationLevel?: "1" | "2";
-    /**
-     * Padding for the box.
-     */
-    padding?: SurfacePadding;
-    /**
-     * Background color for the box.
-     */
-    surface?: SurfaceBackgroundColor;
-}
-export { Box, BoxProps };

package/dist/BrandLogo/BrandLogo.cjs.d.ts

@@ -1 +0,0 @@
-export { BrandLogo } from "../_shared/cjs/BrandLogo-8107d59f";

package/dist/BrandLogo/BrandLogo.esm.d.ts

@@ -1 +0,0 @@
-export { BrandLogo } from "../_shared/esm/BrandLogo-9ec620e8";

package/dist/Breadcrumbs/Breadcrumbs.cjs.d.ts

@@ -1 +0,0 @@
-export { Breadcrumbs } from "../_shared/cjs/Breadcrumbs-0906dd10";

package/dist/Breadcrumbs/Breadcrumbs.esm.d.ts

@@ -1 +0,0 @@
-export { Breadcrumbs } from "../_shared/esm/Breadcrumbs-dafa8dde";

package/dist/Button/Button.cjs.d.ts

@@ -1 +0,0 @@
-export { Button } from "../_shared/cjs/Button-5aaa6776";

package/dist/Button/Button.esm.d.ts

@@ -1 +0,0 @@
-export { Button } from "../_shared/esm/Button-d1dbcf79";

package/dist/Card/Card.cjs.d.ts

@@ -1 +0,0 @@
-export { Card } from "../_shared/cjs/Card-fd189ba8";

package/dist/Card/Card.esm.d.ts

@@ -1 +0,0 @@
-export { Card } from "../_shared/esm/Card-e62c3ff6";

package/dist/Checkbox/Checkbox.cjs.d.ts

@@ -1 +0,0 @@
-export { Checkbox } from "../_shared/cjs/Checkbox-02c546ca";

package/dist/Checkbox/Checkbox.esm.d.ts

@@ -1 +0,0 @@
-export { Checkbox } from "../_shared/esm/Checkbox-d8891198";

package/dist/Clock/Clock.cjs.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-import { FC } from "react";
-/**
- * `Clock` is a demo component that shows the current time.
- */
-declare const Clock: FC<ClockProps>;
-type LocaleType = "en-GB" | "en-US" | "ar-EG";
-interface ClockProps {
-    /**
-     * Locale for the Clock.
-     */
-    locale?: LocaleType;
-}
-declare const _default: (el: HTMLTimeElement) => Promise<JSX.Element>;
-export { Clock, _default as ClockRehydrator };

package/dist/Clock/Clock.esm.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-import { FC } from "react";
-/**
- * `Clock` is a demo component that shows the current time.
- */
-declare const Clock: FC<ClockProps>;
-type LocaleType = "en-GB" | "en-US" | "ar-EG";
-interface ClockProps {
-    /**
-     * Locale for the Clock.
-     */
-    locale?: LocaleType;
-}
-declare const _default: (el: HTMLTimeElement) => Promise<JSX.Element>;
-export { Clock, _default as ClockRehydrator };

package/dist/Columns/Columns.cjs.d.ts

@@ -1 +0,0 @@
-export { Columns, Span } from "../_shared/cjs/Columns-e90798f8";

package/dist/Columns/Columns.esm.d.ts

@@ -1 +0,0 @@
-export { Columns, Span } from "../_shared/esm/Columns-8704515b";

package/dist/Curve/Curve.cjs.d.ts

@@ -1 +0,0 @@
-export { Curve } from "../_shared/cjs/Curve-781ef633";

package/dist/Curve/Curve.esm.d.ts

@@ -1 +0,0 @@
-export { Curve } from "../_shared/esm/Curve-bbc5589c";

package/dist/Disclosure/Disclosure.cjs.d.ts

@@ -1,31 +0,0 @@
-import { FC, ReactNode } from "react";
-import { HeadingLevel } from "../_shared/cjs/Heading-e3332dcf";
-/**
- * Use `Disclosure` to display content that is only visible when toggled into
- * an "open" state.
- */
-declare const Disclosure: FC<DisclosureProps>;
-interface DisclosureProps {
-    /**
-     * Content to display in the Disclosure.
-     */
-    children: ReactNode;
-    /**
-     * HTML section heading level of the Disclosure summary. If not provided, will
-     * render as a span.
-     */
-    headingLevel?: HeadingLevel;
-    /**
-     * Should Disclosure details be indented to line-up with summary text?
-     */
-    indentDetails?: boolean;
-    /**
-     * Should the Disclosure content be open by default?
-     */
-    isOpen?: boolean;
-    /**
-     * The Disclosure summary text.
-     */
-    summary: string;
-}
-export { Disclosure };

package/dist/Disclosure/Disclosure.esm.d.ts

@@ -1,31 +0,0 @@
-import { FC, ReactNode } from "react";
-import { HeadingLevel } from "../_shared/esm/Heading-0f629151";
-/**
- * Use `Disclosure` to display content that is only visible when toggled into
- * an "open" state.
- */
-declare const Disclosure: FC<DisclosureProps>;
-interface DisclosureProps {
-    /**
-     * Content to display in the Disclosure.
-     */
-    children: ReactNode;
-    /**
-     * HTML section heading level of the Disclosure summary. If not provided, will
-     * render as a span.
-     */
-    headingLevel?: HeadingLevel;
-    /**
-     * Should Disclosure details be indented to line-up with summary text?
-     */
-    indentDetails?: boolean;
-    /**
-     * Should the Disclosure content be open by default?
-     */
-    isOpen?: boolean;
-    /**
-     * The Disclosure summary text.
-     */
-    summary: string;
-}
-export { Disclosure };

package/dist/DisclosureMini/DisclosureMini.cjs.d.ts

@@ -1 +0,0 @@
-export { DisclosureMini } from "../_shared/cjs/DisclosureMini-52706ee6";

package/dist/DisclosureMini/DisclosureMini.esm.d.ts

@@ -1 +0,0 @@
-export { DisclosureMini } from "../_shared/esm/DisclosureMini-9b819941";

package/dist/Elevation/Elevation.cjs.d.ts

@@ -1,20 +0,0 @@
-import { FC, ReactNode } from "react";
-/**
- * Use `Elevation` to elevate what matters.
- */
-declare const Elevation: FC<ElevationProps>;
-interface ElevationProps {
-    /**
-     * Contents to Elevate.
-     */
-    children: ReactNode;
-    /**
-     * Shadow Elevation level.
-     */
-    elevationLevel?: "1" | "2";
-    /**
-     * Should the Elevation be full width?
-     */
-    isFullWidth?: boolean;
-}
-export { Elevation };

package/dist/Elevation/Elevation.esm.d.ts

@@ -1,20 +0,0 @@
-import { FC, ReactNode } from "react";
-/**
- * Use `Elevation` to elevate what matters.
- */
-declare const Elevation: FC<ElevationProps>;
-interface ElevationProps {
-    /**
-     * Contents to Elevate.
-     */
-    children: ReactNode;
-    /**
-     * Shadow Elevation level.
-     */
-    elevationLevel?: "1" | "2";
-    /**
-     * Should the Elevation be full width?
-     */
-    isFullWidth?: boolean;
-}
-export { Elevation };

package/dist/Filter/Filter.cjs.d.ts

@@ -1 +0,0 @@
-export { Filter } from "../_shared/cjs/Filter-a7574fe7";

package/dist/Filter/Filter.esm.d.ts

@@ -1 +0,0 @@
-export { Filter } from "../_shared/esm/Filter-a01aed11";

package/dist/FormControl/FormControl.cjs.d.ts

@@ -1 +0,0 @@
-export { FormControl, FormControlContext } from "../_shared/cjs/FormControl-1e1bf2bf";

package/dist/FormControl/FormControl.esm.d.ts

@@ -1 +0,0 @@
-export { FormControl, FormControlContext } from "../_shared/esm/FormControl-f18e2f59";

package/dist/Group/Group.cjs.d.ts

@@ -1 +0,0 @@
-export { Group } from "../_shared/cjs/Group-f85dd4c0";

package/dist/Group/Group.esm.d.ts

@@ -1 +0,0 @@
-export { Group } from "../_shared/esm/Group-fb26fd32";

package/dist/Heading/Heading.cjs.d.ts

@@ -1 +0,0 @@
-export { Heading } from "../_shared/cjs/Heading-e3332dcf";

package/dist/Heading/Heading.esm.d.ts

@@ -1 +0,0 @@
-export { Heading } from "../_shared/esm/Heading-0f629151";

package/dist/Icon/Icon.cjs.d.ts

@@ -1 +0,0 @@
-export { Icon } from "../_shared/cjs/Icon-e1dd45eb";

package/dist/Icon/Icon.esm.d.ts

@@ -1 +0,0 @@
-export { Icon } from "../_shared/esm/Icon-c1af47bc";

package/dist/Image/Image.cjs.d.ts

@@ -1 +0,0 @@
-export { Image, loadingOptions } from "../_shared/cjs/Image-0e393cbf";

package/dist/Image/Image.esm.d.ts

@@ -1 +0,0 @@
-export { Image, loadingOptions } from "../_shared/esm/Image-3ed3863c";

package/dist/Markup/Markup.cjs.d.ts

@@ -1,16 +0,0 @@
-import { FC, ReactNode } from "react";
-/**
- * Use `Markup` to display HTML-formatted text.
- */
-declare const Markup: FC<MarkupProps>;
-interface MarkupProps {
-    /**
-     * HTML-formatted text to display in Markup.
-     */
-    children: ReactNode;
-    /**
-     * Should the Markup width be constrained to a typographic measure?
-     */
-    isMeasured?: boolean;
-}
-export { Markup };

package/dist/Markup/Markup.esm.d.ts

@@ -1,16 +0,0 @@
-import { FC, ReactNode } from "react";
-/**
- * Use `Markup` to display HTML-formatted text.
- */
-declare const Markup: FC<MarkupProps>;
-interface MarkupProps {
-    /**
-     * HTML-formatted text to display in Markup.
-     */
-    children: ReactNode;
-    /**
-     * Should the Markup width be constrained to a typographic measure?
-     */
-    isMeasured?: boolean;
-}
-export { Markup };

package/dist/Modal/Modal.cjs.d.ts

@@ -1,53 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { FC } from "react";
-import { ButtonProps } from "../_shared/cjs/Button-5aaa6776";
-/** Use `Modal` to focus a user's attention to an urgent or required prompt for interaction or input. */
-declare const Modal: FC<ModalProps>;
-interface ModalProps {
-    /**
-     * Title for the modal. This will be announced by screen readers when the modal opens.
-     */
-    title: string;
-    /**
-     * Role for the modal. use alertdialog if explicit user input is required e.g deleting an account. role alertdialog will remove the ability to close the modal by either the esc key being pressed, clicking the cross icon or clicking outside.
-     */
-    role?: "dialog" | "alertdialog";
-    /**
-     * Whether to return focus to the element that was focused before the modal opened. True by default.
-     */
-    shouldReturnFocus?: boolean;
-    /**
-     * Description for the modal. This will be announced by screen readers when the modal opens.
-     */
-    description?: string;
-    /**
-     * ID for the element description to be announced by screenreaders in addition to the title.
-     */
-    ariaDescribedBy?: string;
-    /**
-     * Configurable actions for the modal.
-     */
-    actions?: Pick<ButtonProps, "form" | "type" | "fill" | "icon" | "iconPosition" | "href" | "id" | "label" | "onClick" | "isDisabled" | "ariaLabel" | "rel">[];
-    /**
-     * Function to be called when the modal has been requested to close by either the esc key being pressed, outside the dialog being clicked or the close button being clicked. The callback must set the open state of the modal to false. This function is ignored if the `role` prop is set to `alertdialog`. You can prevent this behavior with the `dialog` role by ommitting this prop.
-     */
-    onRequestClose?: () => void;
-    /**
-     * Size of the modal dialog.
-     */
-    size?: "s" | "m" | "l";
-    /**
-     * Set modal open or closed.
-     */
-    isOpen?: boolean;
-    /**
-     * Enables the dialog content to be scrolled internally.
-     */
-    isContentScrollable?: boolean;
-    /**
-     * Custom content for `Modal`.
-     */
-    children?: React.ReactNode;
-}
-export { Modal };

package/dist/Modal/Modal.esm.d.ts

@@ -1,53 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { FC } from "react";
-import { ButtonProps } from "../_shared/esm/Button-d1dbcf79";
-/** Use `Modal` to focus a user's attention to an urgent or required prompt for interaction or input. */
-declare const Modal: FC<ModalProps>;
-interface ModalProps {
-    /**
-     * Title for the modal. This will be announced by screen readers when the modal opens.
-     */
-    title: string;
-    /**
-     * Role for the modal. use alertdialog if explicit user input is required e.g deleting an account. role alertdialog will remove the ability to close the modal by either the esc key being pressed, clicking the cross icon or clicking outside.
-     */
-    role?: "dialog" | "alertdialog";
-    /**
-     * Whether to return focus to the element that was focused before the modal opened. True by default.
-     */
-    shouldReturnFocus?: boolean;
-    /**
-     * Description for the modal. This will be announced by screen readers when the modal opens.
-     */
-    description?: string;
-    /**
-     * ID for the element description to be announced by screenreaders in addition to the title.
-     */
-    ariaDescribedBy?: string;
-    /**
-     * Configurable actions for the modal.
-     */
-    actions?: Pick<ButtonProps, "form" | "type" | "fill" | "icon" | "iconPosition" | "href" | "id" | "label" | "onClick" | "isDisabled" | "ariaLabel" | "rel">[];
-    /**
-     * Function to be called when the modal has been requested to close by either the esc key being pressed, outside the dialog being clicked or the close button being clicked. The callback must set the open state of the modal to false. This function is ignored if the `role` prop is set to `alertdialog`. You can prevent this behavior with the `dialog` role by ommitting this prop.
-     */
-    onRequestClose?: () => void;
-    /**
-     * Size of the modal dialog.
-     */
-    size?: "s" | "m" | "l";
-    /**
-     * Set modal open or closed.
-     */
-    isOpen?: boolean;
-    /**
-     * Enables the dialog content to be scrolled internally.
-     */
-    isContentScrollable?: boolean;
-    /**
-     * Custom content for `Modal`.
-     */
-    children?: React.ReactNode;
-}
-export { Modal };

package/dist/Pagination/Pagination.cjs.d.ts

@@ -1,20 +0,0 @@
-import { FC } from "react";
-/**
- * Use `Pagination` to navigate multiple pages.
- */
-declare const Pagination: FC<PaginationProps>;
-interface PaginationProps {
-    /**
-     * Number of pages for the pagination
-     */
-    pageCount: number;
-    /**
-     * Default page to be selected on render. If not provided defaults to 1.
-     */
-    defaultSelectedPage?: number;
-    /**
-     * Function to call when the page changes
-     */
-    onPageChange: (selectedPage: number) => void;
-}
-export { Pagination };

package/dist/Pagination/Pagination.esm.d.ts

@@ -1,20 +0,0 @@
-import { FC } from "react";
-/**
- * Use `Pagination` to navigate multiple pages.
- */
-declare const Pagination: FC<PaginationProps>;
-interface PaginationProps {
-    /**
-     * Number of pages for the pagination
-     */
-    pageCount: number;
-    /**
-     * Default page to be selected on render. If not provided defaults to 1.
-     */
-    defaultSelectedPage?: number;
-    /**
-     * Function to call when the page changes
-     */
-    onPageChange: (selectedPage: number) => void;
-}
-export { Pagination };

package/dist/PaginationSimple/PaginationSimple.cjs.d.ts

@@ -1,28 +0,0 @@
-import { FC } from "react";
-/**
- * Use `PaginationSimple` to navigate multiple pages.
- */
-declare const PaginationSimple: FC<PaginationSimpleProps>;
-interface PaginationSimpleProps {
-    /**
-     * hides prev button if true.
-     */
-    hidePrev?: boolean;
-    /**
-     * hides next button if true.
-     */
-    hideNext?: boolean;
-    /**
-     * if true buttons will hug either edge of the parent element
-     */
-    isFluid?: boolean;
-    /**
-     * Function to call when previous page is selected
-     */
-    onPrevPage: () => void;
-    /**
-     * Function to call when next page is selected
-     */
-    onNextPage: () => void;
-}
-export { PaginationSimple };