@arc-ui/components 11.9.0 → 11.11.0

package/dist/_shared/esm/BtIconChevronRightMid-d9b11761.js

@@ -1,25 +0,0 @@
-import React__default from 'react';
-
-const React = React__default;
-const BtIconChevronRightMid = props =>
-  /*#__PURE__*/ React.createElement(
-    "svg",
-    Object.assign(
-      {
-        viewBox: "0 0 16 16",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg"
-      },
-      props
-    ),
-    /*#__PURE__*/ React.createElement("path", {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d:
-        "M9.04543 8.0002L6.19676 5.1482C6.07077 5.02196 6 4.85089 6 4.67253C6 4.49418 6.07077 4.32311 6.19676 4.19687C6.25906 4.13446 6.33304 4.08495 6.41449 4.05117C6.49594 4.01739 6.58325 4 6.67143 4C6.75961 4 6.84692 4.01739 6.92837 4.05117C7.00982 4.08495 7.0838 4.13446 7.1461 4.19687L10.4701 7.52487C10.5959 7.65108 10.6665 7.82201 10.6665 8.0002C10.6665 8.1784 10.5959 8.34932 10.4701 8.47553L7.1461 11.8035C7.0838 11.8659 7.00982 11.9155 6.92837 11.9492C6.84692 11.983 6.75961 12.0004 6.67143 12.0004C6.58325 12.0004 6.49594 11.983 6.41449 11.9492C6.33304 11.9155 6.25906 11.8659 6.19676 11.8035C6.07077 11.6773 6 11.5062 6 11.3279C6 11.1495 6.07077 10.9784 6.19676 10.8522L9.04543 8.0002Z",
-      fill: "currentColor"
-    })
-  );
-var BtIconChevronRightMid_2 = BtIconChevronRightMid;
-
-export { BtIconChevronRightMid_2 as B };

package/dist/_shared/esm/BtIconCrossAlt2Px-a6a9f431.js

@@ -1,23 +0,0 @@
-import React__default from 'react';
-
-const React = React__default;
-const BtIconCrossAlt2Px = props =>
-  /*#__PURE__*/ React.createElement(
-    "svg",
-    Object.assign(
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 32 32"
-      },
-      props
-    ),
-    /*#__PURE__*/ React.createElement("defs", null),
-    /*#__PURE__*/ React.createElement("path", {
-      d:
-        "M17.41406,16l3.793-3.793A.99989.99989,0,0,0,19.793,10.793L16,14.58594l-3.793-3.793A.99989.99989,0,0,0,10.793,12.207L14.58594,16l-3.793,3.793A.99989.99989,0,1,0,12.207,21.207L16,17.41406l3.793,3.793A.99989.99989,0,0,0,21.207,19.793Z",
-      fill: "currentColor"
-    })
-  );
-var BtIconCrossAlt2Px_2 = BtIconCrossAlt2Px;
-
-export { BtIconCrossAlt2Px_2 as B };

package/dist/_shared/esm/BtIconTick-5fe50cc7.js

@@ -1,83 +0,0 @@
-import React__default from 'react';
-
-const React$2 = React__default;
-const BtIconNotification = props =>
-  /*#__PURE__*/ React$2.createElement(
-    "svg",
-    Object.assign(
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 32 32"
-      },
-      props
-    ),
-    /*#__PURE__*/ React$2.createElement("defs", null),
-    /*#__PURE__*/ React$2.createElement("path", {
-      d:
-        "M24.50977,21.98867,24,21.99014,23.99414,13.975a7.98466,7.98466,0,0,0-6.66046-7.86011,1.46733,1.46733,0,0,0,.15655-.65063,1.48633,1.48633,0,1,0-2.97265,0,1.46732,1.46732,0,0,0,.15826.65369,7.9849,7.9849,0,0,0-6.63971,7.857v8.0166l-.50781-.00293a1.50464,1.50464,0,1,0,0,3.00928h3.45679a1.997,1.997,0,0,0,3.99365,0h9.532a1.50464,1.50464,0,1,0-.001-3.00928ZM16.00391,4.97793a.48633.48633,0,1,1-.48633.48633A.48668.48668,0,0,1,16.00391,4.97793ZM12.98242,25.97158a.998.998,0,0,1-.99469-.97363h1.98841A.99785.99785,0,0,1,12.98242,25.97158ZM24.51074,23.998H7.52832a.50465.50465,0,0,1-.00488-1.00928l1.51269.00293V13.975a6.979,6.979,0,0,1,13.958.00049L23,22.99209l1.51074-.00342a.50464.50464,0,1,1,0,1.00928Z",
-      fill: "currentColor"
-    })
-  );
-var BtIconNotification_2 = BtIconNotification;
-
-const React$1 = React__default;
-const BtIconAlertTriangle = props =>
-  /*#__PURE__*/ React$1.createElement(
-    "svg",
-    Object.assign(
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 32 32"
-      },
-      props
-    ),
-    /*#__PURE__*/ React$1.createElement("defs", null),
-    /*#__PURE__*/ React$1.createElement("path", {
-      fill: "currentColor",
-      d: "M16 21.99335A1 1 0 1 0 16 23.99335 1 1 0 1 0 16 21.99335z"
-    }),
-    /*#__PURE__*/ React$1.createElement("path", {
-      d:
-        "M16.00488,20.00977a.49972.49972,0,0,0,.5-.5l.002-9.00977a.5.5,0,0,0-1,0l-.002,9.00977A.5.5,0,0,0,16.00488,20.00977Z",
-      fill: "currentColor"
-    }),
-    /*#__PURE__*/ React$1.createElement("path", {
-      d:
-        "M29.83691,26.21,17.041,4.5332A1.15617,1.15617,0,0,0,16.03711,3.959h-.001a1.159,1.159,0,0,0-1.00586.57373L2.23535,26.21045a1.16676,1.16676,0,0,0,1.00488,1.76074H28.83105A1.16843,1.16843,0,0,0,29.83691,26.21Zm-.86035.67725a.164.164,0,0,1-.14551.084H3.24023a.16737.16737,0,0,1-.14355-.25244L15.8916,5.0415a.167.167,0,0,1,.28809,0l12.7959,21.67627A.16531.16531,0,0,1,28.97656,26.88721Z",
-      fill: "currentColor"
-    })
-  );
-var BtIconAlertTriangle_2 = BtIconAlertTriangle;
-
-const React = React__default;
-const BtIconTick = props =>
-  /*#__PURE__*/ React.createElement(
-    "svg",
-    Object.assign(
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 32 32"
-      },
-      props
-    ),
-    /*#__PURE__*/ React.createElement("defs", null),
-    /*#__PURE__*/ React.createElement(
-      "g",
-      {
-        "data-name": "Icons"
-      },
-      /*#__PURE__*/ React.createElement("path", {
-        d:
-          "M16,3A13,13,0,1,1,3,16,12.9741,12.9741,0,0,1,16,3m0-1A14,14,0,1,0,30,16,14.04116,14.04116,0,0,0,16,2Z",
-        fill: "currentColor"
-      }),
-      /*#__PURE__*/ React.createElement("path", {
-        d:
-          "M13.5,21.2,9.1,16.8a.495.495,0,1,1,.7-.7l3.6,3.6L22,11.1a.495.495,0,1,1,.7.7Z",
-        fill: "currentColor"
-      })
-    )
-  );
-var BtIconTick_2 = BtIconTick;
-
-export { BtIconNotification_2 as B, BtIconAlertTriangle_2 as a, BtIconTick_2 as b };

package/dist/_shared/esm/BtIconTickAlt2Px-da97e9ae.js

@@ -1,23 +0,0 @@
-import React__default from 'react';
-
-const React = React__default;
-const BtIconTickAlt2Px = props =>
-  /*#__PURE__*/ React.createElement(
-    "svg",
-    Object.assign(
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 32 32"
-      },
-      props
-    ),
-    /*#__PURE__*/ React.createElement("defs", null),
-    /*#__PURE__*/ React.createElement("path", {
-      d:
-        "M13.49963,21.91418l-4.707-4.707a1.0014,1.0014,0,0,1,0-1.41406,1.02353,1.02353,0,0,1,1.41406,0l3.293,3.293,8.293-8.293a.99989.99989,0,1,1,1.41406,1.41406Z",
-      fill: "currentColor"
-    })
-  );
-var BtIconTickAlt2Px_2 = BtIconTickAlt2Px;
-
-export { BtIconTickAlt2Px_2 as B };

package/dist/_shared/esm/Button-d1dbcf79.d.ts

@@ -1,102 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { FC } from "react";
-import { ArcIcon } from "./arc-icon-17594b2f";
-type ElementUnion = HTMLButtonElement | HTMLAnchorElement;
-type Ref = React.Ref<ElementUnion> | null;
-/**
- * Use `Button` to allow users to take actions with clicks and taps.
- */
-declare const Button: FC<ButtonProps>;
-interface ButtonIconProps {
-    /**
-     * Icon variant.
-     */
-    icon?: ArcIcon;
-    /**
-     * Should the icon be a default chevron?
-     */
-    isChevron?: boolean;
-    /**
-     * Should the icon be positioned before button text?
-     */
-    isBeforeText?: boolean;
-}
-interface ButtonElementProps {
-    /**
-     * Default behavior of the Button element. If not provided, 'submit' will
-     * be inferred. Type 'reset' deliberately excluded.
-     */
-    type?: "button" | "submit";
-    /**
-     * Refers to the id of a form so it can be submitted if the button exists outside of it.
-     */
-    form?: string;
-}
-interface LinkElementProps {
-    /**
-     * URL to link to if Button elementType is 'a'.
-     */
-    href?: string;
-    /**
-     * Target window for the Button href URL.
-     */
-    target?: string;
-    /**
-     * Relationship between the Button href URL and the current page. See
-     * [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel).
-     */
-    rel?: string;
-}
-interface ButtonProps extends ButtonElementProps, LinkElementProps {
-    /**
-     * Text to override `label` with additional, more precise information
-     * specifically for screen reader users.
-     */
-    ariaLabel?: string;
-    /**
-     * Button fill.
-     */
-    fill?: "solid" | "outlined" | "flat";
-    /**
-     * Button icon variant.
-     */
-    icon?: ArcIcon;
-    /**
-     * How should a Button icon be displayed?
-     */
-    iconPosition?: "afterText" | "beforeText" | "iconOnly";
-    /**
-     * HTML ID for the Button
-     */
-    id?: string;
-    /**
-     * Should the Button be disabled?
-     */
-    isDisabled?: boolean;
-    /**
-     * Should the Button’s CSS display property be set to block?
-     */
-    isDisplayBlock?: boolean;
-    /**
-     * Should the Button take up the full width of its container?
-     */
-    isFullWidth?: boolean;
-    /**
-     * Button text.
-     */
-    label: string;
-    /**
-     * Optional click handler for the Button.
-     */
-    onClick?: () => void;
-    /**
-     * Optional property to provide component Ref
-     */
-    ref?: Ref;
-    /**
-     * Optional supporting text for the Button.
-     */
-    supportingText?: string;
-}
-export { ElementUnion, Ref, Button, ButtonIconProps, ButtonProps };

package/dist/_shared/esm/Card-e62c3ff6.d.ts

@@ -1,136 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { FC, HTMLAttributes } from "react";
-/**
- * Detect interaction mode
- */
-declare const useInteractionMode: () => {
-    interactionMode: string;
-};
-/**
- * Use `Card` to contain content and actions about a single subject.
- */
-declare const Card: FC<CardProps> & {
-    Block: typeof CardBlock;
-    Image: typeof CardImage;
-};
-/**
- * Internal `Card.Block` component to section blocks of content within a Card.
- */
-declare const CardBlock: FC<{
-    /**
-     * Contents of the CardBlock.
-     */
-    children: React.ReactNode;
-    /**
-     * How should the content of the block be aligned?
-     */
-    align?: "left" | "center" | "right";
-    /**
-     * Should the block stretch to the width of the Card?
-     */
-    isFullWidth?: boolean;
-    /**
-     * Should the block grow to the fill the available vertical space? Used when the Card appears in a column.
-     */
-    grow?: boolean;
-}>;
-/**
- * Internal `Card.Image` component to show an image within a Card.
- */
-declare const CardImage: FC<{
-    /**
-     * Alternative text for the Card.Image, shown if the image cannot be displayed.
-     */
-    alt?: string;
-    /**
-     * Height of the Card.Image.
-     */
-    height?: number;
-    /**
-     * Loading behaviour of the Card.Image.
-     */
-    loading?: "eager" | "lazy";
-    /**
-     * The HTML [sizes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#Example_4_Using_the_srcset_and_sizes_attributes) attribute. Required if srcSet is defined.
-     */
-    sizes?: string;
-    /**
-     * HTML src for the Card.Image.
-     */
-    src: string;
-    /**
-     * A comma-separated list indicating a set of possible image sources for the user agent to use for different screen sizes. Same format as [srcSet](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#Example_4_Using_the_srcset_and_sizes_attributes), i.e. `my-image-200.png 200w, my-image-200.png 200w`.
-     */
-    srcSet?: string;
-}>;
-type TitleSize = "xs" | "s" | "m" | "l" | "xl";
-interface CardProps extends HTMLAttributes<HTMLElement> {
-    /**
-     * The HTML ID passed to the Card Button for aria- attributes.
-     */
-    actionId?: string;
-    /**
-     * Label for the Card's Button. You should specify this if defining an href.
-     */
-    actionLabel?: string;
-    /**
-     * A `Card.Image` to use for the cover image.
-     */
-    coverImage?: React.ReactNode;
-    /**
-     * Card fill.
-     */
-    fill?: "solid" | "outlined" | "neutral";
-    /**
-     * A URL to link to when the Card is clicked or touched.
-     */
-    href: string;
-    /**
-     * Alternative text for the Card cover image, shown if the image cannot be displayed.
-     */
-    imageAlt?: string;
-    /**
-     * Height of the Card cover image.
-     */
-    imageHeight?: number;
-    /**
-     * Loading behaviour of the Card cover image.
-     */
-    imageLoading?: "eager" | "lazy";
-    /**
-     * HTML src for the Card cover image.
-     */
-    imageSrc?: string;
-    /**
-     * A comma-separated list indicating a set of possible image sources for the user agent to use for different screen sizes in the Card cover image. Same format as [srcSet](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#Example_4_Using_the_srcset_and_sizes_attributes), i.e. `my-image-200.png 200w, my-image-200.png 200w`.
-     */
-    imageSrcSet?: string;
-    /**
-     * Object of `data-` attributes to render on internal anchor element, e.g.
-     * `{ data-analytics-link: "My link"}` => `<a data-analytics-link="My link">`.
-     */
-    linkData?: {};
-    /**
-     * The minimum height of the card. Cards in a series of columns will match the
-     * height of the tallest Card.
-     */
-    minHeight?: number;
-    /**
-     * Link target attribute for the Card link.
-     */
-    target?: "_blank" | "_parent" | "_self" | "_top";
-    /**
-     * The title for the Card, describing the content. This is required to provide good accessibility to screen readers.
-     */
-    title: string;
-    /**
-     * The size for the Card title.
-     */
-    titleSize?: TitleSize;
-    /**
-     * On click handler.
-     */
-    onClick?: () => void;
-}
-export { useInteractionMode, Card, TitleSize, CardProps };

package/dist/_shared/esm/Checkbox-d8891198.d.ts

@@ -1,64 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-type EventType = React.ChangeEvent<HTMLInputElement>;
-/**
- *  Use `Checkbox` to allow users to select individual options.
- */
-declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
-interface CheckboxProps {
-    /**
-     * Error message for the Checkbox.
-     */
-    errorMessage?: string;
-    /**
-     * Helper text for the Checkbox, shown below the label.
-     */
-    helper?: React.ReactNode;
-    /**
-     * Determine the alignment the Checkbox.
-     *
-     */
-    checkboxAlignment?: "top" | "center";
-    /**
-     * ID for the Checkbox.
-     */
-    id: string;
-    /**
-     * Is the input checked?
-     */
-    checked?: boolean;
-    /**
-     * `isDisabled` is a legacy property and not recommended from a UX usability best practice perspective.
-     */
-    isDisabled?: boolean;
-    /**
-     * Is the Checkbox required?
-     */
-    isRequired?: boolean;
-    /**
-     * Label for the Checkbox.
-     */
-    label: React.ReactNode;
-    /**
-     * Name for the Checkbox.
-     */
-    name?: string;
-    /**
-     * Function to call when the Checkbox loses focus.
-     */
-    onBlur?: (e: EventType) => void;
-    /**
-     * Callback function to update the Checkbox's controlled `checked` prop, for
-     * example `e => setChecked(e.target.checked)`.
-     */
-    onChange?: (event: EventType) => void;
-    /**
-     * Size of the Checkbox.
-     */
-    size?: "s" | "l";
-    /**
-     * Value for the Checkbox.
-     */
-    value?: string;
-}
-export { Checkbox, CheckboxProps };

package/dist/_shared/esm/Columns-8704515b.d.ts

@@ -1,76 +0,0 @@
-import { FC, ReactNode } from "react";
-/**
- * Use `Columns` to compose layouts on a 12-column grid.
- */
-declare const Columns: FC<ColumnsProps> & {
-    Col: typeof Col;
-};
-declare const Col: FC<ColProps>;
-type Span = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
-type Offset = "0" | "24" | "48" | "72" | "96" | "120" | "144" | "168" | "192" | "216" | "240" | "264" | "288" | "312" | "336" | "360" | "384";
-interface ColProps {
-    /**
-     * Vertically align the Column.
-     */
-    align?: "top" | "center" | "bottom";
-    /**
-     * Content to display in the Column.
-     */
-    children?: ReactNode;
-    /**
-     * Should the Column be visible for debugging and documentation
-     * purposes?
-     */
-    isDebugVisible?: boolean;
-    /**
-     * Overlay the column over the previous content on the default breakpoint and above. Multiples of 24 up to 384. Use with caution, and ensure to check responsive behaviour.
-     */
-    offset?: Offset;
-    /**
-     * Overlay the column over the previous content on the S breakpoint and above. Multiples of 24 up to 384. Use with caution, and ensure to check responsive behaviour.
-     */
-    offsetS?: Offset;
-    /**
-     * Overlay the column over the previous content on the M breakpoint and above. Multiples of 24 up to 384. Use with caution, and ensure to check responsive behaviour.
-     */
-    offsetM?: Offset;
-    /**
-     * Overlay the column over the previous content on the L breakpoint and above. Multiples of 24 up to 384. Use with caution, and ensure to check responsive behaviour.
-     */
-    offsetL?: Offset;
-    /**
-     * Overlay the column over the previous content on the XL breakpoint and above. Multiples of 24 up to 384. Use with caution, and ensure to check responsive behaviour.
-     */
-    offsetXL?: Offset;
-    /**
-     * The number of columns to span on the default breakpoint and above, from 1 to 12.
-     */
-    span?: Span;
-    /**
-     * The number of columns to span on the S breakpoint and above, from 1 to 12.
-     */
-    spanS?: Span;
-    /**
-     * The number of columns to span on the M breakpoint and above, from 1 to 12.
-     */
-    spanM?: Span;
-    /**
-     * The number of columns to span on the L breakpoint and above, from 1 to 12.
-     */
-    spanL?: Span;
-    /**
-     * The number of columns to span on the XL breakpoint and above, from 1 to 12.
-     */
-    spanXL?: Span;
-}
-interface ColumnsProps {
-    /**
-     * Contents of the Columns. Should only contain `Columns.Col`.
-     */
-    children: ReactNode;
-    /**
-     * Should the Columns be gutterless?
-     */
-    isGutterless?: boolean;
-}
-export { Columns, Col, Span, ColProps, ColumnsProps };

package/dist/_shared/esm/Curve-bbc5589c.d.ts

@@ -1,35 +0,0 @@
-import { FC } from "react";
-import { backgroundsBT } from "../../Surface/Surface.esm";
-/**
-#### Deprecation Notice
-
-The `Curve` component is an outdated brand feature and is being deprecated from Arc as a standalone component or sub-component within other components. Do not use Curve for any new work, and prepare to update any design that features it to remove it.
-
-`Curve` will be removed from Arc in a subsequent release
- */
-declare const Curve: FC<CurveProps>;
-declare const sizes: readonly ["s", "m", "l"];
-declare const positions: readonly ["bottom", "bottomLeft", "bottomRight", "top", "topLeft", "topRight"];
-interface CurveProps {
-    /**
-     * Bottom color of the Curve. Shares values with Surface.
-     */
-    bottomColor?: typeof backgroundsBT[number];
-    /**
-     * Positional variants of the Curve.
-     */
-    from?: typeof positions[number];
-    /**
-     * Should the Curve colors be flipped? Normally used at the top of Poster.
-     */
-    isInverted?: boolean;
-    /**
-     * Size of the Curve.
-     */
-    size?: typeof sizes[number];
-    /**
-     * Top color of the Curve. Shares values with Surface.
-     */
-    topColor?: typeof backgroundsBT[number];
-}
-export { Curve, sizes, positions, CurveProps };

package/dist/_shared/esm/DisclosureMini-9b819941.d.ts

@@ -1,37 +0,0 @@
-import { FC, ReactNode } from "react";
-/**
- * Use `DisclosureMini` to display content that is only visible when toggled into
- * an "open" state.
- */
-declare const DisclosureMini: FC<DisclosureMiniProps>;
-interface DisclosureMiniProps {
-    /**
-     * Content to display in the DisclosureMini.
-     */
-    children: ReactNode;
-    /**
-     * DisclosureMini ID.
-     */
-    id?: string;
-    /**
-     * The DisclosureMini summary text.
-     */
-    summary: string;
-    /**
-     * Should the Disclosure content be open by default?
-     */
-    isOpen?: boolean;
-    /**
-     * Position of the DisclosureMini icon?
-     */
-    iconPosition?: "left" | "right";
-    /**
-     * On Click handler for DisclosureMini summary disclosure.
-     */
-    onClick?: () => void;
-    /**
-     * Disclosure size.
-     */
-    size?: "s" | "l";
-}
-export { DisclosureMini, DisclosureMiniProps };

package/dist/_shared/esm/Filter-a01aed11.d.ts

@@ -1,83 +0,0 @@
-import { FC, ReactNode } from "react";
-declare const FilterItems: FC<FilterItemsProps>;
-interface FilterItemsProps {
-    /**
-     * Render children of `<Filter.Items />`. This should only use `<Filter.Item />`
-     */
-    children: ReactNode;
-    /**
-     * Determine the display style of `<Filter.Item />`
-     */
-    displayType?: "grid" | "list";
-}
-declare const FilterItem: FC<FilterItemProps>;
-interface FilterItemProps {
-    /**
-     * Content to display within `Filter.Item`
-     */
-    children: ReactNode;
-    /**
-     * Attach Tags to content provided within `Filter.Item`
-     */
-    tags: string[];
-}
-declare const FilterControls: FC<FilterControlsProps>;
-interface FilterControlsProps {
-    /**
-     * Contents of the `<FilterControls />` Should contain `<FilterControl />`
-     */
-    children: ReactNode;
-    /**
-     * Detmine how to align <FilterControl /> with in <FilterControls />. Default `center`
-     */
-    controlsAlignment?: "left" | "right" | "center";
-}
-declare const FilterControl: FC<FilterControlProps>;
-interface FilterControlProps {
-    /**
-     * Name of the `<FilterControl />`
-     */
-    children: ReactNode;
-    /**
-     * Determine if the `<FilterControl />` is selected
-     */
-    isSelected?: boolean;
-    /**
-     * onClick handler
-     */
-    onClick?: () => void;
-}
-/** use `Filter` for interactive elements that filter and categorise page content. */
-declare const Filter: FC<FilterProps> & {
-    Item: typeof FilterItem;
-    Items: typeof FilterItems;
-    Control: typeof FilterControl;
-    Controls: typeof FilterControls;
-};
-interface FilterProps {
-    /**
-     * Contents of the `<Filter />` Should contain `<Filter.Item />`
-     */
-    children?: ReactNode;
-    /**
-     * onChange handler called everytime `<FilterControl />` is pressed
-     */
-    onChange?: (selectedControls: string[]) => void;
-    /**
-     * Detmine how to display the content within `<Filter.Items />`. Default is `grid`
-     */
-    displayType?: FilterItemsProps["displayType"];
-    /**
-     * Detmine how to align <Filter.Controls />. Default `center`
-     */
-    controlsAlignment?: FilterControlsProps["controlsAlignment"];
-    /**
-     * Detmine if the `<Filter.Control />` have to partially match or match all
-     */
-    logicType?: "AND" | "OR";
-    /**
-     * Detmine what is display when no items match the filtering criteria
-     */
-    error?: ReactNode;
-}
-export { FilterItems, FilterItemsProps, FilterItem, FilterItemProps, FilterControls, FilterControlsProps, FilterControl, FilterControlProps, Filter, FilterProps };