@arc-ui/components 12.0.0-alpha.0 → 12.0.0-beta.11

package/dist/types/components/TextInput/TextInput.d.ts

@@ -1,11 +1,14 @@
-import React, { FC } from "react";
+import React from "react";
 import { FormControlProps } from "../FormControl/FormControl";
+import { AutoCompleteTypes } from "../../types/auto-complete-types";
+import { ThemeIconNames } from "../ThemeIcon";
 type EventType = React.ChangeEvent<HTMLInputElement>;
 /**
- * Use `TextInput` to allow custom user text entry with a keyboard.
+ * Use `TextInput` to allow users to enter short form text.
  */
-export declare const TextInput: FC<TextInputProps>;
-export interface TextInputProps extends Omit<FormControlProps, "children" | "elementType" | "htmlFor" | "requirementStatus" | "helperUnderLabel" | "supplementaryInfo"> {
+export declare const TextInput: React.ForwardRefExoticComponent<Omit<TextInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export declare const TextInputWithPlaceHolder: React.ForwardRefExoticComponent<Omit<TextInputComponentProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export interface TextInputComponentProps extends Omit<FormControlProps, "children" | "elementType" | "htmlFor" | "requirementStatus" | "helperUnderLabel" | "supplementaryInfo"> {
     /**
      * Uncontrolled default value of the TextInput. If the TextInput is controlled
      * via `value`/`onChange`, `defaultValue` will be ignored.
@@ -48,7 +51,11 @@ export interface TextInputProps extends Omit<FormControlProps, "children" | "ele
     /**
      * Function to call when the TextInput loses focus.
      */
-    onBlur?: (e: EventType) => void;
+    onBlur?: (e: React.FocusEvent<HTMLInputElement, Element>) => void;
+    /**
+     * Function to call when the TextInput is focused.
+     */
+    onFocus?: (e: React.FocusEvent<HTMLInputElement, Element>) => void;
     /**
      * Callback function commonly used to update the TextInput's controlled
      * `value`, for example `e => setValue(e.target.value)`.
@@ -63,9 +70,20 @@ export interface TextInputProps extends Omit<FormControlProps, "children" | "ele
      */
     inputSize?: "s" | "m" | "l";
     /**
-     * Enable button to toggle TextInput type from `Selected Type` to `Text`
+     * Determine the alignment of the text within the input
+     */
+    inputAlignment?: "left" | "right";
+    /**
+     * Enable button to toggle TextInput type from `Selected Type` to `Text`. This will override any `suffix` elements
      */
     showPassword?: boolean;
+    /**
+     * Add a prefixed value within `TextInput`
+     */
+    prefix?: string;
+    /**
+     * Add a suffixed value within `TextInput`. If `showPassword` is true, suffix will not be displayed   */
+    suffix?: string;
     /**
      * Type for the input. `number` will be changed to `text` and set the `numeric` inputMode.
      */
@@ -75,5 +93,37 @@ export interface TextInputProps extends Omit<FormControlProps, "children" | "ele
      * `onChange` callback function. Otherwise, use `defaultValue` (or `isReadOnly`).
      */
     value?: string;
+    /**
+     * Placeholder for the input
+     */
+    placeholder?: string;
+    /**
+     * Icon button to show at the end of the input
+     */
+    iconButton?: {
+        ref?: React.Ref<HTMLButtonElement>;
+        onFocus?: React.FocusEventHandler<HTMLButtonElement>;
+        onClick: () => void;
+        label: string;
+        icon: ThemeIconNames;
+    };
+    /**
+     * Sets the width of the TextInput.
+     */
+    width?: string;
+    /**
+     *  Sets autoComplete value for TextInput.
+     */
+    autoComplete?: AutoCompleteTypes;
+    /**
+     * A reference to TextInput
+     */
+    ref?: React.Ref<HTMLInputElement>;
+    /**
+     * Indicates whether the TextInput is in a loading state
+     */
+    isLoading?: boolean;
 }
+export type TextInputProps = Omit<TextInputComponentProps, "placeholder">;
+export type TextInputWithPlaceholderProps = TextInputComponentProps;
 export {};

package/dist/types/components/Theme/Theme.d.ts

@@ -1,11 +1,19 @@
 import { FC } from "react";
+/**
+ * Use `Theme` component to apply a specific theme to its children.
+ */
 export declare const Theme: FC<ThemeProps>;
-export declare const themes: readonly ["arc-11", "ee"];
+export declare const themes: readonly ["bt-enterprise", "bt-business", "ee"];
+export type ThemeType = "bt-enterprise" | "bt-business" | "ee";
 export interface ThemeProps {
     /**
-     * Theme to apply to all children. Should be one of "arc-11"
+     * Theme to apply to all children. Should be one of "bt-enterprise"
      */
-    theme?: "arc-11" | "ee";
+    theme?: ThemeType;
+    /**
+     * Applies a style reset to everything within theme component, defaults to true.
+     */
+    resetCssStyles?: boolean;
     /**
      * Content to display inside Theme.
      */

package/dist/types/components/Theme/index.d.ts

@@ -1 +1 @@
-export { Theme, themes } from "./Theme";
+export { Theme, themes, type ThemeType } from "./Theme";

package/dist/types/components/ThemeIcon/icon-names.d.ts

@@ -1 +1 @@
-export declare const iconNames: readonly ["alertDismiss", "alertError", "alertGeneral", "alertSuccess", "alertWarning", "breadcrumbLeft", "breadcrumbRight", "buttonLeft", "buttonRight", "cardButton", "checkboxChecked", "checkboxError", "disclosureExpand", "disclosureMiniExpand", "formControlAlert", "modalClose", "paginationPrevious", "paginationNext", "paginationSimplePrevious", "paginationSimpleNext", "progressBarSuccess", "progressBarError", "progressBarRefresh", "progressStepperComplete", "progressStepperCurrent", "progressStepperWarning", "progressStepperError", "scrollToTop", "selectTrigger", "selectScrollUp", "selectScrollDown", "selectIndicator", "siteFooterExpand", "siteHeaderBack", "siteHeaderLink", "siteHeaderItemGroupExpand", "siteHeaderNavItemExpand", "siteHeaderNavItemExpandAlt", "siteHeaderViewAll", "siteHeaderSubNavOpen", "switchToggle", "tabsNext", "tabsPrevious", "tagRemove", "tagRemoveInteractive", "toastGeneral", "toastSuccess", "toastWarning", "toastError", "toastDismiss"];
+export declare const iconNames: readonly ["alertDismiss", "alertError", "alertGeneral", "alertSuccess", "alertWarning", "avatarUser", "breadcrumbLeft", "breadcrumbRight", "buttonLeft", "buttonRight", "cardButton", "carouselRight", "carouselLeft", "checkboxChecked", "checkboxError", "datePickerCalendar", "disclosureExpand", "disclosureMiniExpand", "downloadFile", "downloadAccessibility", "formControlAlert", "modalClose", "paginationPrevious", "paginationNext", "paginationSimplePrevious", "paginationSimpleNext", "progressBarSuccess", "progressBarError", "progressBarRefresh", "progressStepperComplete", "progressStepperCurrent", "progressStepperWarning", "progressStepperError", "scrollToTop", "selectTrigger", "selectScrollUp", "selectScrollDown", "selectIndicator", "siteFooterExpand", "siteHeaderBack", "siteHeaderLink", "siteHeaderItemGroupExpand", "siteHeaderNavItemExpand", "siteHeaderNavItemExpandAlt", "siteHeaderViewAll", "siteHeaderSubNavOpen", "switchToggle", "tabsNext", "tabsPrevious", "toastGeneral", "toastSuccess", "toastWarning", "toastError", "toastDismiss", "videoPlayerTranscript"];

package/dist/types/components/Toast/Toast.d.ts

@@ -1,6 +1,6 @@
 import React, { FC } from "react";
 import { ToastNotification } from "./ToastNotification";
-/** Use `Toast` to display temporary messages at the bottom of the viewport. */
+/** Use `Toast` to display temporary messages at the bottom of the screen. */
 export declare const Toast: FC<ToastProps> & {
     Notification: typeof ToastNotification;
 };

package/dist/types/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,54 @@
+import React, { FC } from "react";
+import { ArcIcon } from "src/types/arc-icon";
+/** Use `Tooltip` to display information related to an element when the element receives keyboard focus or the mouse hovers over it */
+export declare const Tooltip: FC<TooltipProps>;
+export interface TooltipProps {
+    /**
+     * Content to render within Tooltip
+     */
+    children?: React.ReactNode;
+    /**
+     * The preferred side of the anchor to render against when open
+     */
+    side?: "left" | "right" | "bottom" | "top";
+    /**
+     * The distance in pixels from the anchor
+     */
+    sideOffset?: 8 | 16 | 32;
+    /**
+     * The preferred alignment against the anchor. May change when collisions occur.
+     */
+    align?: "start" | "center" | "end";
+    /**
+     * Alignment for content within the tooltip
+     */
+    alignContent?: "start" | "center" | "end";
+    /**
+     * The main title text displayed within the tooltip.
+     */
+    title: string;
+    /**
+     * Additional supporting text displayed below the title, if provided.
+     */
+    supportingCopy?: string;
+    /**
+     * Icon displayed next to the tooltip title or content.
+     */
+    icon?: React.ReactElement<SVGElement> | ArcIcon;
+    /**
+     * Delay in milliseconds before the tooltip appears.
+     */
+    delayDuration?: number;
+    /**
+     * Maximum width for the tooltip container.
+     */
+    maxWidth?: string;
+    /**
+     * The controlled open state of the tooltip. Must be used in conjunction with `onOpenChange`.
+     */
+    open?: boolean;
+    /**
+     * Event handler called when the open state of the tooltip changes.
+     */
+    onOpenChange?: (open: boolean) => void;
+}

package/dist/types/components/Tooltip/index.d.ts

@@ -0,0 +1 @@
+export { Tooltip } from "./Tooltip";

package/dist/types/components/Truncate/Truncate.d.ts

@@ -13,5 +13,5 @@ export interface TruncateProps {
     /**
      * Set max width of visible content within `Truncate`. Default is `100%`.
      */
-    maxWidth?: number;
+    maxWidth?: string;
 }

package/dist/types/components/TypographyCard/TypographyCard.d.ts

@@ -0,0 +1,58 @@
+import React, { FC } from "react";
+import { type HeadingLevel } from "../Heading/Heading";
+import { type CardHeadingSize } from "../CardHeading";
+import { type CardFooterProps } from "../CardFooter";
+/** Use `TypographyCard` for content that benefits from larger and energetic typography. */
+export declare const TypographyCard: FC<TypographyCardProps>;
+type TypographyCardIcon = "play" | "arrow";
+type TypographyCardPathway = "light" | "dark";
+export interface TypographyCardProps {
+    /**
+     * Heading for the TypographyCard.
+     */
+    heading: string;
+    /**
+     * Heading size for the ImpactCard.
+     */
+    headingSize?: CardHeadingSize;
+    /**
+     * Url for the TypographyCard.
+     */
+    url: string;
+    /**
+     * Sets a dark or light background for the TypographyCard.
+     */
+    pathway?: TypographyCardPathway;
+    /**
+     * Icon for the TypographyCard Cta button.
+     */
+    buttonIcon?: TypographyCardIcon;
+    /**
+     * Heading level for the TypographyCard heading.
+     */
+    headingLevel?: HeadingLevel;
+    /**
+     * Uppercase label for the TypographyCard.
+     */
+    label?: string;
+    /**
+     * Click handler for the TypographyCard.
+     */
+    onClick?: (e: React.MouseEvent<HTMLAnchorElement>) => void;
+    /**
+     * Text to show adjacent to the cta, can be either a date or text. Its recommended to pass dates as Date objects so the component can render them correctly.
+     */
+    metaText?: CardFooterProps["metaText"];
+    /**
+     * Sets a minimum height for the TypographyCard.
+     */
+    minHeight?: number;
+    /**
+     * Object of `data-` attributes to render on internal anchor element, e.g.
+     * `{ data-analytics-link: "My link"}` => `<a data-analytics-link="My link">`.
+     */
+    linkData?: {
+        [key: string]: string;
+    };
+}
+export {};

package/dist/types/components/TypographyCard/index.d.ts

@@ -0,0 +1 @@
+export { TypographyCard, type TypographyCardProps } from "./TypographyCard";

package/dist/types/components/UniversalHeader/UniversalHeader.d.ts

@@ -22,4 +22,8 @@ export interface UniversalHeaderProps {
      * UniversalHeader.Item components.
      */
     children: ReactNode;
+    /**
+     * A Slot to accept react node. Any content with this slot will be aligned right.
+     */
+    ContentSlot?: ReactNode;
 }

package/dist/types/components/VideoPlayer/VideoPlayer.d.ts

@@ -0,0 +1,27 @@
+import React from "react";
+import { type ReactPlayerProps } from "react-player";
+/**
+ * Use `VideoPlayer` to embed videos from YouTube or Vimeo.
+ */
+export declare const VideoPlayer: React.FC<VideoPlayerProps>;
+export interface VideoPlayerProps extends Pick<ReactPlayerProps, "onReady" | "onPlay" | "onStart" | "onPause" | "onEnded" | "onError" | "light"> {
+    url: string;
+    title: string;
+    description: string;
+    isBorderRadius?: boolean;
+    transcriptLink?: {
+        url: string;
+        text: string;
+        fileSize: string;
+        format: string;
+    };
+    transcriptContent?: {
+        heading: string;
+        description: string;
+        content: {
+            heading?: string;
+            text?: string;
+        }[];
+    };
+    isSupportingTextHidden?: boolean;
+}

package/dist/types/components/VideoPlayer/index.d.ts

@@ -0,0 +1 @@
+export { VideoPlayer, type VideoPlayerProps } from "./VideoPlayer";

package/dist/types/components/Visible/Visible.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+export declare const Visible: React.FC<VisibleProps>;
+interface VisibleProps {
+    xs?: boolean;
+    s?: boolean;
+    m?: boolean;
+    l?: boolean;
+    xl?: boolean;
+    children: React.ReactNode;
+}
+export {};

package/dist/types/components/Visible/index.d.ts

@@ -0,0 +1 @@
+export { Visible } from "./Visible";

package/dist/types/components/VisuallyHidden/VisuallyHidden.d.ts

@@ -1,6 +1,6 @@
 import { FC, ReactNode } from "react";
 /**
- * Provides text for screen readers that is visually hidden.
+ * Use `VisuallyHidden` to provide text for screen readers that is visually hidden on screen.
  */
 export declare const VisuallyHidden: FC<VisuallyHiddenProps>;
 export interface VisuallyHiddenProps {

package/dist/types/components/index.d.ts

@@ -1,30 +1,45 @@
 export { Align } from "./Align";
 export { Alert } from "./Alert";
+export { AppButton } from "./AppButton";
+export { Avatar } from "./Avatar";
+export { AvatarGroup } from "./AvatarGroup";
 export { Badge } from "./Badge";
-export { Base } from "./Base";
 export { Box } from "./Box";
 export { BrandLogo } from "./BrandLogo";
 export { Breadcrumbs } from "./Breadcrumbs";
+export { BannerWithTabs } from "./BannerWithTabs";
 export { Button } from "./Button";
-export { Card } from "./Card";
+export { ButtonV2 } from "./ButtonV2";
+export { Calendar } from "./Calendar";
 export { Checkbox } from "./Checkbox";
-export { Clock, ClockRehydrator } from "./Clock";
 export { Columns } from "./Columns";
+export { ContentSwitcher } from "./ContentSwitcher";
+export { ContentSwitcherDropdown } from "./ContentSwitcherDropdown";
+export { DatePicker } from "./DatePicker";
 export { Disclosure } from "./Disclosure";
 export { DisclosureMini } from "./DisclosureMini";
+export { Download } from "./Download";
 export { Elevation } from "./Elevation";
 export { Filter } from "./Filter";
 export { FormControl } from "./FormControl";
+export { Grid } from "./Grid";
 export { Group } from "./Group";
 export { Heading } from "./Heading";
+export { Hidden } from "./Hidden";
+export { HeroBanner } from "./HeroBanner";
+export { HeroButton } from "./HeroButton";
 export { Icon } from "./Icon";
+export { InformationCard } from "./InformationCard";
 export { Image } from "./Image";
+export { ImpactCard } from "./ImpactCard";
 export { Markup } from "./Markup";
 export { MediaCard } from "./MediaCard";
 export { Modal } from "./Modal";
 export { Pagination } from "./Pagination";
+export { Banner } from "./Banner";
 export { PaginationSimple } from "./PaginationSimple";
 export { Poster } from "./Poster";
+export { Popover } from "./Popover";
 export { ProgressBar } from "./ProgressBar";
 export { ProgressStepper } from "./ProgressStepper";
 export { RadioGroup } from "./RadioGroup";
@@ -32,8 +47,9 @@ export { Rule } from "./Rule";
 export { ScrollToTop } from "./ScrollToTop";
 export { Section } from "./Section";
 export { Select } from "./Select";
-export { SiteFooter, SiteFooterRehydrator } from "./SiteFooter";
-export { SiteHeader, SiteHeaderRehydrator } from "./SiteHeader";
+export { SiteFooter } from "./SiteFooter";
+export { SiteHeaderV2 } from "./SiteHeaderV2";
+export { Spinner } from "./Spinner";
 export { Surface, SurfaceContext } from "./Surface";
 export { Switch } from "./Switch";
 export { Tabs } from "./Tabs";
@@ -43,7 +59,12 @@ export { TextArea } from "./TextArea";
 export { TextInput } from "./TextInput";
 export { Toast } from "./Toast";
 export { Truncate } from "./Truncate";
+export { TypographyCard } from "./TypographyCard";
 export { Theme } from "./Theme";
 export { UniversalHeader } from "./UniversalHeader";
 export { VerticalSpace } from "./VerticalSpace";
+export { Visible } from "./Visible";
+export { VideoPlayer } from "./VideoPlayer";
 export { VisuallyHidden } from "./VisuallyHidden";
+export { Link } from "./Link";
+export { Tooltip } from "./Tooltip";

package/dist/types/helpers/get-theme-img.d.ts

@@ -0,0 +1,6 @@
+import { StoryContext } from "@storybook/react";
+export declare const getThemeImg: ({ btImg, eeImg, ctx, }: {
+    btImg: string;
+    eeImg: string;
+    ctx: StoryContext<Object>;
+}) => string;

package/dist/types/helpers/index.d.ts

@@ -1,3 +1,2 @@
 export * from "./anchor-points";
-export * from "./filter-data-attrs";
-export * from "./suffix-modifier";
+export * from "./get-theme-img";

package/dist/types/hooks/index.d.ts

@@ -1,4 +1,2 @@
-export * from "./use-aria-describedby";
-export * from "./use-interaction-mode";
-export * from "./use-media-query";
-export * from "./use-numeric-input";
+export * from "./private";
+export * from "./public";

package/dist/types/hooks/private/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./use-aria-describedby";
+export * from "./use-interaction-mode";
+export * from "./use-numeric-input";
+export * from "./use-pagination";
+export * from "./use-theme-element";

package/dist/types/hooks/private/use-aria-describedby/index.d.ts

@@ -0,0 +1 @@
+export { useAriaDescribedby } from "./use-aria-describedby";

package/dist/types/hooks/private/use-interaction-mode/index.d.ts

@@ -0,0 +1 @@
+export { useInteractionMode } from "./use-interaction-mode";

package/dist/types/hooks/private/use-numeric-input/index.d.ts

@@ -0,0 +1 @@
+export { useNumericInput } from "./use-numeric-input";

package/dist/types/hooks/{use-numeric-input.d.ts → private/use-numeric-input/use-numeric-input.d.ts}

@@ -1,9 +1,9 @@
-import { TextInputProps } from "../components/TextInput/TextInput";
+import { type TextInputProps } from "../../../components/TextInput/TextInput";
 /**
  * Infer the correct inputMode, pattern and type if specifying a `number` type.
  */
 export declare const useNumericInput: (props: Pick<TextInputProps, "inputMode" | "pattern" | "type">) => {
-    inputMode: "tel" | "url" | "email" | "numeric" | undefined;
+    inputMode: "url" | "tel" | "email" | "numeric" | undefined;
     pattern: string | undefined;
-    type: "text" | "tel" | "url" | "email" | "password" | undefined;
+    type: "text" | "url" | "tel" | "email" | "password" | undefined;
 };

package/dist/types/hooks/private/use-pagination/index.d.ts

@@ -0,0 +1 @@
+export { usePagination } from "./use-pagination";

package/dist/types/hooks/private/use-theme-element/index.d.ts

@@ -0,0 +1 @@
+export declare const useThemeElement: () => [HTMLElement | undefined, (el: HTMLElement | null) => void];

package/dist/types/hooks/public/index.d.ts

@@ -0,0 +1 @@
+export { useMediaQuery } from "./use-media-query";

package/dist/types/hooks/public/use-media-query/index.d.ts

@@ -0,0 +1 @@
+export { useMediaQuery } from "./use-media-query";

package/dist/types/hooks/{use-media-query.d.ts → public/use-media-query/use-media-query.d.ts}

@@ -15,5 +15,5 @@
  * @param {string} mediaQuery - the media query to parse
  * @returns {MediaQueryOutputs}
  */
-declare const useMediaQuery: (mediaQuery: string) => boolean;
+export declare const useMediaQuery: (mediaQuery: string) => boolean;
 export default useMediaQuery;

package/dist/types/index.d.ts

@@ -1 +1,2 @@
 export * from "./components";
+export * from "./hooks/public";

package/dist/types/styles.d.ts

@@ -1,24 +1,33 @@
 import "./components/Alert/Alert.css";
 import "./components/Align/Align.css";
+import "./components/AppButton/AppButton.css";
 import "./components/Badge/Badge.css";
-import "./components/Base/Base.css";
+import "./components/Box/Box.css";
 import "./components/BrandLogo/BrandLogo.css";
 import "./components/Breadcrumbs/Breadcrumbs.css";
-import "./components/Card/Card.css";
-import "./components/Box/Box.css";
+import "./components/BannerWithTabs/BannerWithTabs.css";
 import "./components/Button/Button.css";
+import "./components/CardHeading/CardHeading.css";
+import "./components/CardFooter/CardFooter.css";
+import "./components/Carousel/Carousel.css";
 import "./components/Checkbox/Checkbox.css";
-import "./components/Clock/Clock.css";
 import "./components/Columns/Columns.css";
 import "./components/Columns/Columns.offsets.css";
+import "./components/ContentSwitcher/ContentSwitcher.css";
+import "./components/ContentSwitcherDropdown/ContentSwitcherDropdown.css";
 import "./components/Disclosure/Disclosure.css";
 import "./components/DisclosureMini/DisclosureMini.css";
+import "./components/Download/Download.css";
 import "./components/Elevation/Elevation.css";
 import "./components/Filter/Filter.css";
 import "./components/FormControl/FormControl.css";
 import "./components/Group/Group.css";
 import "./components/Heading/Heading.css";
+import "./components/TemplateBanner/TemplateBanner.css";
+import "./components/HeroButton/HeroButton.css";
+import "./components/ButtonV2/ButtonV2.css";
 import "./components/Icon/Icon.css";
+import "./components/ImpactCard/ImpactCard.css";
 import "./components/Image/Image.css";
 import "./components/Markup/Markup.css";
 import "./components/MediaCard/MediaCard.css";
@@ -26,6 +35,7 @@ import "./components/Modal/Modal.css";
 import "./components/Pagination/Pagination.css";
 import "./components/PaginationSimple/PaginationSimple.css";
 import "./components/Poster/Poster.css";
+import "./components/Popover/Popover.css";
 import "./components/ProgressBar/ProgressBar.css";
 import "./components/RadioGroup/RadioGroup.css";
 import "./components/Rule/Rule.css";
@@ -33,19 +43,34 @@ import "./components/ScrollToTop/ScrollToTop.css";
 import "./components/Section/Section.css";
 import "./components/Select/Select.css";
 import "./components/SiteFooter/SiteFooter.css";
-import "./components/SiteHeader/SiteHeader.css";
+import "./components/SkipLink/SkipLink.css";
+import "./components/SiteHeaderV2/SiteHeaderV2.css";
+import "./components/Spinner/Spinner.css";
 import "./components/Surface/Surface.css";
 import "./components/Tabs/Tabs.css";
 import "./components/Tag/Tag.css";
 import "./components/Text/Text.css";
 import "./components/TextArea/TextArea.css";
 import "./components/TextInput/TextInput.css";
+import "./components/Theme/Theme.css";
+import "./components/Tooltip/Tooltip.css";
 import "./components/Truncate/Truncate.css";
 import "./components/UniversalHeader/UniversalHeader.css";
 import "./components/VerticalSpace/VerticalSpace.css";
 import "./components/VisuallyHidden/VisuallyHidden.css";
 import "./components/Switch/Switch.css";
-import "./components/Tabs/Tabs.css";
 import "./components/Toast/Toast.css";
+import "./components/Theme/Theme.css";
 import "./components/ProgressStepper/ProgressStepper.css";
+import "./components/Calendar/Calendar.css";
+import "./components/DatePicker/DatePicker.css";
+import "./components/InformationCard/InformationCard.css";
+import "./components/TypographyCard/TypographyCard.css";
+import "./components/Avatar/Avatar.css";
+import "./components/AvatarGroup/AvatarGroup.css";
+import "./components/Grid/Grid.css";
+import "./components/Hidden/Hidden.css";
+import "./components/Visible/Visible.css";
+import "./components/Link/Link.css";
 import "./components/ThemeIcon/ThemeIcon.css";
+import "./components/VideoPlayer/VideoPlayer.css";

package/dist/types/types/auto-complete-types.d.ts

@@ -0,0 +1 @@
+export type AutoCompleteTypes = "on" | "off" | "name" | "honorific-prefix" | "given-name" | "additional-name" | "family-name" | "honorific-suffix" | "nickname" | "username" | "new-password" | "current-password" | "one-time-code" | "organization-title" | "organization" | "street-address" | "address-line1" | "address-line2" | "address-line3" | "address-level1" | "address-level2" | "address-level3" | "address-level4" | "country" | "postal-code" | "cc-name" | "cc-given-name" | "cc-additional-name" | "cc-family-name" | "cc-number" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-csc" | "cc-type" | "transaction-currency" | "transaction-amount" | "language" | "bday" | "bday-day" | "bday-month" | "bday-year" | "sex" | "tel" | "tel-country-code" | "tel-national" | "tel-area-code" | "tel-local" | "tel-extension" | "email" | "impp" | "url" | "photo" | "organization-unit";

package/dist/use-media-query/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@arc-ui/use-media-query",
+  "types": "../types/hooks/public/use-media-query/index.d.ts",
+  "main": "./use-media-query.cjs.js",
+  "module": "./use-media-query.esm.js",
+  "private": true
+}

package/dist/use-media-query/use-media-query.cjs.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var useMediaQuery = require('../_shared/cjs/use-media-query-d34c83b9.js');
+require('react');
+
+
+
+exports.useMediaQuery = useMediaQuery.useMediaQuery;

package/dist/use-media-query/use-media-query.esm.js

@@ -0,0 +1,2 @@
+export { u as useMediaQuery } from '../_shared/esm/use-media-query-d3622da8.js';
+import 'react';