@arc-ui/components 11.8.0 → 11.10.0

package/dist/ProgressBar/ProgressBar.esm.d.ts

@@ -1,47 +0,0 @@
-import { FC } from "react";
-type ProgressBarState = "loading" | "error" | "success";
-type ProgressBarIcons = "refresh" | "cross" | "tick";
-declare const ProgressBar: FC<ProgressBarProps>;
-interface ProgressBarProps {
-    /**
-     * Label for screen readers.
-     */
-    ariaLabel: string;
-    /**
-     * Headline for the progress bar.
-     */
-    headline?: string;
-    /**
-     * Title for the progress bar, (e.g. an uploading file's name).
-     */
-    title?: string;
-    /**
-     * Percentage value for the progress bar (negative numbers are rounded to 0, numbers over 100 are rounded to 100).
-     */
-    value?: number;
-    /**
-     * Provide an additional informative description for the progress bar, or brand building slot for secondary messaging which can change over time with progress.
-     */
-    description?: string;
-    /**
-     * Value to display for the progress bar. This is fully customisable, and can be a percentage (15%) Time remaining (1m 15s remaining), proportion of data uploaded/to upload (100KB out of 256KB).
-     */
-    displayValue?: string;
-    /**
-     * State of the progress bar.
-     */
-    state?: ProgressBarState;
-    /**
-     * Sets progress bar to infinitely animate. Use if the progress of a given task cannot be known. The value prop will have no effect if this prop is set to true.
-     */
-    isIndeterminate?: boolean;
-    /**
-     * Action for the progress bar.
-     */
-    action?: {
-        text: string;
-        action: () => void;
-        icon?: ProgressBarIcons;
-    };
-}
-export { ProgressBar };

package/dist/ProgressStepper/ProgressStepper.cjs.d.ts

@@ -1,89 +0,0 @@
-import { FC, ReactNode } from "react";
-type ProgressStatus = "completed" | "current" | "warning" | "error" | "todo";
-declare const ProgressStepperItem: FC<ProgressStepperItemProps>;
-interface ProgressStepperItemProps {
-    /**
-     * Determine a title for `<ProgressStepper.Item />`
-     */
-    title: string;
-    /**
-     * Determine a title for `<ProgressStepper.Item />`
-     */
-    titleHref?: string;
-    /**
-     * Text to override `linkTitle` with additional, more precise information
-     * specifically for screen reader users.
-     */
-    ariaLabel?: string;
-    /**
-     * Execute a function on title click `<ProgressStepper.Item />`
-     */
-    onClick?: () => void;
-    /**
-     * Determine a sub title for `<ProgressStepper.Item />`
-     */
-    subTitle?: string;
-    /**
-     * Determine a direction for `<ProgressStepper.Item />`
-     */
-    direction?: "horizontal" | "vertical";
-    /**
-     * Determine the position of the step `<ProgressStepper.Item />`
-     */
-    position?: "first" | "middle" | "last";
-    /**
-     * Determine a status for `<ProgressStepper.Item />`
-     */
-    status?: ProgressStatus;
-    /**
-     * Determine the size for `<ProgressStepper.Item />`
-     */
-    size?: "small" | "large";
-    /**
-     * Determine if `<ProgressStepper.Item /> should be Fluid`
-     */
-    isFluid?: boolean;
-    /**
-     * Determine the context `<ProgressStepper.Item /> should b`
-     */
-    previousStep?: ProgressStatus;
-    /**
-     * Determine if `<ProgressStepper.Item /> should have expandable content`
-     */
-    isExpandable?: boolean;
-    /**
-     * Determine what content to display in `<ProgressStepper.Item />. To use this option isExpandable must be `true``
-     */
-    stepContent?: ReactNode;
-    /**
-     * Determine if `stepContent` is hidden
-     */
-    isStepContentHidden?: boolean;
-}
-/** Use `ProgressStepper` to illustrate the progress of a specific task within a page, by displaying a step-by-step progress through the user journey. This is commonly used in multi-step processes or wizards.  */
-declare const ProgressStepper: FC<ProgressStepperProps> & {
-    Item: typeof ProgressStepperItem;
-};
-interface ProgressStepperProps {
-    /**
-     * Children of `<ProgressStepper />` should only contain `<ProgressStepper.Item />`
-     */
-    children?: ReactNode;
-    /**
-     * Determine a direction for `<ProgressStepper.Item />`
-     */
-    direction?: "horizontal" | "vertical";
-    /**
-     * Determine the size for `<ProgressStepper.Item />`
-     */
-    size?: "small" | "large";
-    /**
-     * Determine if `<ProgressStepper.Item />` should be Fluid. Only appliciable for `horizontal direction.`
-     */
-    isFluid?: boolean;
-    /**
-     * Determine if `<ProgressStepper.Item />` should be able to expand. This only is appliciable when direction is set to vertical
-     */
-    isExpandable?: boolean;
-}
-export { ProgressStepper };

package/dist/ProgressStepper/ProgressStepper.esm.d.ts

@@ -1,89 +0,0 @@
-import { FC, ReactNode } from "react";
-type ProgressStatus = "completed" | "current" | "warning" | "error" | "todo";
-declare const ProgressStepperItem: FC<ProgressStepperItemProps>;
-interface ProgressStepperItemProps {
-    /**
-     * Determine a title for `<ProgressStepper.Item />`
-     */
-    title: string;
-    /**
-     * Determine a title for `<ProgressStepper.Item />`
-     */
-    titleHref?: string;
-    /**
-     * Text to override `linkTitle` with additional, more precise information
-     * specifically for screen reader users.
-     */
-    ariaLabel?: string;
-    /**
-     * Execute a function on title click `<ProgressStepper.Item />`
-     */
-    onClick?: () => void;
-    /**
-     * Determine a sub title for `<ProgressStepper.Item />`
-     */
-    subTitle?: string;
-    /**
-     * Determine a direction for `<ProgressStepper.Item />`
-     */
-    direction?: "horizontal" | "vertical";
-    /**
-     * Determine the position of the step `<ProgressStepper.Item />`
-     */
-    position?: "first" | "middle" | "last";
-    /**
-     * Determine a status for `<ProgressStepper.Item />`
-     */
-    status?: ProgressStatus;
-    /**
-     * Determine the size for `<ProgressStepper.Item />`
-     */
-    size?: "small" | "large";
-    /**
-     * Determine if `<ProgressStepper.Item /> should be Fluid`
-     */
-    isFluid?: boolean;
-    /**
-     * Determine the context `<ProgressStepper.Item /> should b`
-     */
-    previousStep?: ProgressStatus;
-    /**
-     * Determine if `<ProgressStepper.Item /> should have expandable content`
-     */
-    isExpandable?: boolean;
-    /**
-     * Determine what content to display in `<ProgressStepper.Item />. To use this option isExpandable must be `true``
-     */
-    stepContent?: ReactNode;
-    /**
-     * Determine if `stepContent` is hidden
-     */
-    isStepContentHidden?: boolean;
-}
-/** Use `ProgressStepper` to illustrate the progress of a specific task within a page, by displaying a step-by-step progress through the user journey. This is commonly used in multi-step processes or wizards.  */
-declare const ProgressStepper: FC<ProgressStepperProps> & {
-    Item: typeof ProgressStepperItem;
-};
-interface ProgressStepperProps {
-    /**
-     * Children of `<ProgressStepper />` should only contain `<ProgressStepper.Item />`
-     */
-    children?: ReactNode;
-    /**
-     * Determine a direction for `<ProgressStepper.Item />`
-     */
-    direction?: "horizontal" | "vertical";
-    /**
-     * Determine the size for `<ProgressStepper.Item />`
-     */
-    size?: "small" | "large";
-    /**
-     * Determine if `<ProgressStepper.Item />` should be Fluid. Only appliciable for `horizontal direction.`
-     */
-    isFluid?: boolean;
-    /**
-     * Determine if `<ProgressStepper.Item />` should be able to expand. This only is appliciable when direction is set to vertical
-     */
-    isExpandable?: boolean;
-}
-export { ProgressStepper };

package/dist/RadioGroup/RadioGroup.cjs.d.ts

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

package/dist/RadioGroup/RadioGroup.esm.d.ts

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

package/dist/Rule/Rule.cjs.d.ts

@@ -1,8 +0,0 @@
-import { FC } from "react";
-/**
- * Use `Rule` to display a horizontal rule.
- */
-declare const Rule: FC<RuleProps>;
-interface RuleProps {
-}
-export { Rule };

package/dist/Rule/Rule.esm.d.ts

@@ -1,8 +0,0 @@
-import { FC } from "react";
-/**
- * Use `Rule` to display a horizontal rule.
- */
-declare const Rule: FC<RuleProps>;
-interface RuleProps {
-}
-export { Rule };

package/dist/ScrollToTop/ScrollToTop.cjs.d.ts

@@ -1,25 +0,0 @@
-import { FC } from "react";
-/**
- * Use `ScrollToTop` to allow the user to scroll to the top of the page by clicking a button.
- */
-declare const ScrollToTop: FC<ScrollToTopProps>;
-interface ScrollToTopProps {
-    /**
-     * If true, the button will stick to the bottom right corner of the screen.
-     */
-    isFixed?: boolean;
-    /**
-     * Sets when the scroll button should appear. `always` will show the button all the time.
-     * `afterScroll` will show the button when the user has stopped scrolling and have passed the fold.
-     */
-    appear?: "always" | "afterScroll";
-    /**
-     * Z-index for the button. Used to fine tune the overlapping of other page elements.
-     */
-    zIndex?: number;
-    /**
-     * Button fill.
-     */
-    fill?: "solid" | "outlined";
-}
-export { ScrollToTop };

package/dist/ScrollToTop/ScrollToTop.esm.d.ts

@@ -1,25 +0,0 @@
-import { FC } from "react";
-/**
- * Use `ScrollToTop` to allow the user to scroll to the top of the page by clicking a button.
- */
-declare const ScrollToTop: FC<ScrollToTopProps>;
-interface ScrollToTopProps {
-    /**
-     * If true, the button will stick to the bottom right corner of the screen.
-     */
-    isFixed?: boolean;
-    /**
-     * Sets when the scroll button should appear. `always` will show the button all the time.
-     * `afterScroll` will show the button when the user has stopped scrolling and have passed the fold.
-     */
-    appear?: "always" | "afterScroll";
-    /**
-     * Z-index for the button. Used to fine tune the overlapping of other page elements.
-     */
-    zIndex?: number;
-    /**
-     * Button fill.
-     */
-    fill?: "solid" | "outlined";
-}
-export { ScrollToTop };

package/dist/Section/Section.cjs.d.ts

@@ -1 +0,0 @@
-export { Section } from "../_shared/cjs/Section-48aca5f5";

package/dist/Section/Section.esm.d.ts

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

package/dist/Select/Select.cjs.d.ts

@@ -1,25 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { FocusEvent } from "react";
-import { FormControlProps } from "../_shared/cjs/FormControl-1e1bf2bf";
-/** Use `Select` to choose from a dropdown list of options. */
-declare const Select: React.FC<SelectProps>;
-interface SelectProps extends Omit<FormControlProps, "children" | "elementType" | "htmlFor" | "requirementStatus" | "id" | "helperUnderLabel" | "supplementaryInfo"> {
-    name: string;
-    label: string;
-    placeholder: string;
-    options: {
-        name: string;
-        value: string;
-    }[];
-    errorMessage?: string;
-    defaultValue?: string;
-    onChange?: (value: string) => void;
-    onBlur?: (e: FocusEvent) => void;
-    onOpenChange?: () => void;
-    isFluid?: boolean;
-    isDisabled?: boolean;
-    isDefaultOpen?: boolean;
-    isRequired?: boolean;
-}
-export { Select };

package/dist/Select/Select.esm.d.ts

@@ -1,25 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { FocusEvent } from "react";
-import { FormControlProps } from "../_shared/esm/FormControl-f18e2f59";
-/** Use `Select` to choose from a dropdown list of options. */
-declare const Select: React.FC<SelectProps>;
-interface SelectProps extends Omit<FormControlProps, "children" | "elementType" | "htmlFor" | "requirementStatus" | "id" | "helperUnderLabel" | "supplementaryInfo"> {
-    name: string;
-    label: string;
-    placeholder: string;
-    options: {
-        name: string;
-        value: string;
-    }[];
-    errorMessage?: string;
-    defaultValue?: string;
-    onChange?: (value: string) => void;
-    onBlur?: (e: FocusEvent) => void;
-    onOpenChange?: () => void;
-    isFluid?: boolean;
-    isDisabled?: boolean;
-    isDefaultOpen?: boolean;
-    isRequired?: boolean;
-}
-export { Select };

package/dist/SiteFooter/SiteFooter.cjs.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-declare const _default: (el: HTMLDivElement, rehydrateChildren: any) => Promise<JSX.Element>;
-export { SiteFooter } from "../_shared/cjs/SiteFooter-5da774e1";
-export { _default as SiteFooterRehydrator };

package/dist/SiteFooter/SiteFooter.esm.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-declare const _default: (el: HTMLDivElement, rehydrateChildren: any) => Promise<JSX.Element>;
-export { SiteFooter } from "../_shared/esm/SiteFooter-a182cb18";
-export { _default as SiteFooterRehydrator };

package/dist/SiteHeader/SiteHeader.cjs.d.ts

@@ -1,2 +0,0 @@
-export { SiteHeader } from "../_shared/cjs/SiteHeader-c25ee36e";
-export { default as SiteHeaderRehydrator } from "../_shared/cjs/SiteHeader.rehydrator-acc9d8c4";

package/dist/SiteHeader/SiteHeader.esm.d.ts

@@ -1,2 +0,0 @@
-export { SiteHeader } from "../_shared/esm/SiteHeader-c25ee36e";
-export { default as SiteHeaderRehydrator } from "../_shared/esm/SiteHeader.rehydrator-023b7b76";

package/dist/Surface/Surface.cjs.d.ts

@@ -1 +0,0 @@
-export { Surface, SurfaceContext, backgrounds, backgroundsBT, SurfacePadding, SurfaceBackgroundColor } from "../_shared/cjs/Surface-b7c51b2b";

package/dist/Surface/Surface.esm.d.ts

@@ -1 +0,0 @@
-export { Surface, SurfaceContext, backgrounds, backgroundsBT, SurfacePadding, SurfaceBackgroundColor } from "../_shared/esm/Surface-dde51789";

package/dist/Switch/Switch.cjs.d.ts

@@ -1,40 +0,0 @@
-import { FC } from "react";
-import { SwitchProps as RadixSwitchProps } from "@radix-ui/react-switch";
-import { FormControlProps } from "../_shared/cjs/FormControl-1e1bf2bf";
-/** Use `Switch` to toggle between checked and not checked. */
-declare const Switch: FC<SwitchProps>;
-interface SwitchProps extends Omit<FormControlProps, "children" | "elementType" | "htmlFor" | "requirementStatus" | "disclosureText" | "disclosureTitle" | "onClickDisclosure" | "helper" | "supplementaryInfo"> {
-    /**
-     * Hide Label above toggle?
-     */
-    hideLabel?: boolean;
-    /**
-     * Text to display next to `Switch`
-     */
-    statusText?: string;
-    /**
-     * Should the `Switch` be disabled?
-     */
-    isDisabled?: FormControlProps["isDisabled"];
-    /**
-     * handler for blur
-     */
-    onBlur?: RadixSwitchProps["onBlur"];
-    /**
-     * set the switch to be checked by default
-     */
-    defaultChecked?: RadixSwitchProps["defaultChecked"];
-    /**
-     * value for the switch, is applied to a hidden checkbox if within a form
-     */
-    value?: RadixSwitchProps["value"];
-    /**
-     * name for the hidden checkbox if within a form
-     */
-    name?: RadixSwitchProps["name"];
-    /**
-     * callback for when the switch is toggled
-     */
-    onCheckedChange?: RadixSwitchProps["onCheckedChange"];
-}
-export { Switch };

package/dist/Switch/Switch.esm.d.ts

@@ -1,40 +0,0 @@
-import { FC } from "react";
-import { SwitchProps as RadixSwitchProps } from "@radix-ui/react-switch";
-import { FormControlProps } from "../_shared/esm/FormControl-f18e2f59";
-/** Use `Switch` to toggle between checked and not checked. */
-declare const Switch: FC<SwitchProps>;
-interface SwitchProps extends Omit<FormControlProps, "children" | "elementType" | "htmlFor" | "requirementStatus" | "disclosureText" | "disclosureTitle" | "onClickDisclosure" | "helper" | "supplementaryInfo"> {
-    /**
-     * Hide Label above toggle?
-     */
-    hideLabel?: boolean;
-    /**
-     * Text to display next to `Switch`
-     */
-    statusText?: string;
-    /**
-     * Should the `Switch` be disabled?
-     */
-    isDisabled?: FormControlProps["isDisabled"];
-    /**
-     * handler for blur
-     */
-    onBlur?: RadixSwitchProps["onBlur"];
-    /**
-     * set the switch to be checked by default
-     */
-    defaultChecked?: RadixSwitchProps["defaultChecked"];
-    /**
-     * value for the switch, is applied to a hidden checkbox if within a form
-     */
-    value?: RadixSwitchProps["value"];
-    /**
-     * name for the hidden checkbox if within a form
-     */
-    name?: RadixSwitchProps["name"];
-    /**
-     * callback for when the switch is toggled
-     */
-    onCheckedChange?: RadixSwitchProps["onCheckedChange"];
-}
-export { Switch };

package/dist/Tabs/Tabs.cjs.d.ts

@@ -1,75 +0,0 @@
-import { FC, ReactNode } from "react";
-import { ArcIcon } from "../_shared/cjs/arc-icon-17594b2f";
-declare const Tab: FC<TabProps>;
-interface TabProps {
-    /**
-     * Label to display on the Tab
-     */
-    label: string;
-    /**
-     * Value to link `Tab` to `TabContent`
-     */
-    value: string;
-    /**
-     * Determine what icon to display within the Tab.
-     */
-    icon?: ArcIcon;
-    /**
-     * Determine what to display when `Tab` is active
-     */
-    iconActive?: ArcIcon;
-}
-declare const TabContent: FC<TabContentProps>;
-interface TabContentProps {
-    /**
-     * Content to display
-     */
-    children: ReactNode;
-    /**
-     * This value links the `TabContent` with `Tab`
-     */
-    value: string;
-}
-declare const TabsList: FC<TabsListProps>;
-interface TabsListProps {
-    /**
-     * Contents of the `Tabs` Should contain `Tab`
-     */
-    children: ReactNode;
-    /**
-     * Determine if `Tabs` should be justified
-     */
-    isJustified?: boolean;
-    /**
-     * Determine the type of `Tabs`. Default is standard
-     */
-    type?: "standard" | "contained";
-    /**
-     * Determine a accessible label for `Tabs`
-     */
-    ariaLabel?: string;
-}
-declare const Tabs: FC<TabsProps> & {
-    Tab: typeof Tab;
-    Content: typeof TabContent;
-    List: typeof TabsList;
-};
-interface TabsProps {
-    /**
-     * Render children
-     */
-    children: ReactNode;
-    /**
-     * Default to an inital value of a tab. If this is left blank it is possible for there to be no active tabs
-     */
-    defaultValue?: string;
-    /**
-     * Event handler called when the value changes.
-     */
-    onValueChange?: (value: string) => void;
-    /**
-     * When automatic, tabs are activated when receiving focus. When manual, tabs are activated when clicked.
-     */
-    activationMode?: "automatic" | "manual";
-}
-export { Tabs };

package/dist/Tabs/Tabs.esm.d.ts

@@ -1,75 +0,0 @@
-import { FC, ReactNode } from "react";
-import { ArcIcon } from "../_shared/esm/arc-icon-17594b2f";
-declare const Tab: FC<TabProps>;
-interface TabProps {
-    /**
-     * Label to display on the Tab
-     */
-    label: string;
-    /**
-     * Value to link `Tab` to `TabContent`
-     */
-    value: string;
-    /**
-     * Determine what icon to display within the Tab.
-     */
-    icon?: ArcIcon;
-    /**
-     * Determine what to display when `Tab` is active
-     */
-    iconActive?: ArcIcon;
-}
-declare const TabContent: FC<TabContentProps>;
-interface TabContentProps {
-    /**
-     * Content to display
-     */
-    children: ReactNode;
-    /**
-     * This value links the `TabContent` with `Tab`
-     */
-    value: string;
-}
-declare const TabsList: FC<TabsListProps>;
-interface TabsListProps {
-    /**
-     * Contents of the `Tabs` Should contain `Tab`
-     */
-    children: ReactNode;
-    /**
-     * Determine if `Tabs` should be justified
-     */
-    isJustified?: boolean;
-    /**
-     * Determine the type of `Tabs`. Default is standard
-     */
-    type?: "standard" | "contained";
-    /**
-     * Determine a accessible label for `Tabs`
-     */
-    ariaLabel?: string;
-}
-declare const Tabs: FC<TabsProps> & {
-    Tab: typeof Tab;
-    Content: typeof TabContent;
-    List: typeof TabsList;
-};
-interface TabsProps {
-    /**
-     * Render children
-     */
-    children: ReactNode;
-    /**
-     * Default to an inital value of a tab. If this is left blank it is possible for there to be no active tabs
-     */
-    defaultValue?: string;
-    /**
-     * Event handler called when the value changes.
-     */
-    onValueChange?: (value: string) => void;
-    /**
-     * When automatic, tabs are activated when receiving focus. When manual, tabs are activated when clicked.
-     */
-    activationMode?: "automatic" | "manual";
-}
-export { Tabs };

package/dist/Tag/Tag.cjs.d.ts

@@ -1,33 +0,0 @@
-import { FC, ReactNode } from "react";
-import { ArcIcon } from "../_shared/cjs/arc-icon-17594b2f";
-/**
- * use `Tag` to promote features and manage filtering.
- */
-declare const Tag: FC<TagProps>;
-interface TagProps {
-    /**
-     * Content to render within the Tag
-     */
-    children: ReactNode;
-    /**
-     * Determine if the Tag is removable.
-     */
-    isRemovable?: boolean;
-    /**
-     * Provide a link for the tag
-     */
-    link?: string;
-    /**
-     * Determine a icon to display within the tag.
-     */
-    icon?: ArcIcon;
-    /**
-     * onClick Handler for Tag
-     */
-    onClick?: () => void;
-    /**
-     * Execute function on remove
-     */
-    onRemove?: () => void;
-}
-export { Tag };