@arc-ui/components 11.9.0 → 11.10.0

package/dist/_shared/cjs/filter-data-attrs-a30dcf5f.js

@@ -1,215 +0,0 @@
-'use strict';
-
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-exports.__assign = function() {
-    exports.__assign = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-        }
-        return t;
-    };
-    return exports.__assign.apply(this, arguments);
-};
-
-function __rest(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
-function __awaiter(thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-}
-
-function __generator(thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-}
-
-function __spreadArray(to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-}
-
-var camelcase = {exports: {}};
-
-const UPPERCASE = /[\p{Lu}]/u;
-const LOWERCASE = /[\p{Ll}]/u;
-const LEADING_CAPITAL = /^[\p{Lu}](?![\p{Lu}])/gu;
-const IDENTIFIER = /([\p{Alpha}\p{N}_]|$)/u;
-const SEPARATORS = /[_.\- ]+/;
-
-const LEADING_SEPARATORS = new RegExp('^' + SEPARATORS.source);
-const SEPARATORS_AND_IDENTIFIER = new RegExp(SEPARATORS.source + IDENTIFIER.source, 'gu');
-const NUMBERS_AND_IDENTIFIER = new RegExp('\\d+' + IDENTIFIER.source, 'gu');
-
-const preserveCamelCase = (string, locale) => {
-	let isLastCharLower = false;
-	let isLastCharUpper = false;
-	let isLastLastCharUpper = false;
-
-	for (let i = 0; i < string.length; i++) {
-		const character = string[i];
-
-		if (isLastCharLower && UPPERCASE.test(character)) {
-			string = string.slice(0, i) + '-' + string.slice(i);
-			isLastCharLower = false;
-			isLastLastCharUpper = isLastCharUpper;
-			isLastCharUpper = true;
-			i++;
-		} else if (isLastCharUpper && isLastLastCharUpper && LOWERCASE.test(character)) {
-			string = string.slice(0, i - 1) + '-' + string.slice(i - 1);
-			isLastLastCharUpper = isLastCharUpper;
-			isLastCharUpper = false;
-			isLastCharLower = true;
-		} else {
-			isLastCharLower = character.toLocaleLowerCase(locale) === character && character.toLocaleUpperCase(locale) !== character;
-			isLastLastCharUpper = isLastCharUpper;
-			isLastCharUpper = character.toLocaleUpperCase(locale) === character && character.toLocaleLowerCase(locale) !== character;
-		}
-	}
-
-	return string;
-};
-
-const preserveConsecutiveUppercase = input => {
-	LEADING_CAPITAL.lastIndex = 0;
-
-	return input.replace(LEADING_CAPITAL, m1 => m1.toLowerCase());
-};
-
-const postProcess = (input, options) => {
-	SEPARATORS_AND_IDENTIFIER.lastIndex = 0;
-	NUMBERS_AND_IDENTIFIER.lastIndex = 0;
-
-	return input.replace(SEPARATORS_AND_IDENTIFIER, (_, identifier) => identifier.toLocaleUpperCase(options.locale))
-		.replace(NUMBERS_AND_IDENTIFIER, m => m.toLocaleUpperCase(options.locale));
-};
-
-const camelCase = (input, options) => {
-	if (!(typeof input === 'string' || Array.isArray(input))) {
-		throw new TypeError('Expected the input to be `string | string[]`');
-	}
-
-	options = {
-		pascalCase: false,
-		preserveConsecutiveUppercase: false,
-		...options
-	};
-
-	if (Array.isArray(input)) {
-		input = input.map(x => x.trim())
-			.filter(x => x.length)
-			.join('-');
-	} else {
-		input = input.trim();
-	}
-
-	if (input.length === 0) {
-		return '';
-	}
-
-	if (input.length === 1) {
-		return options.pascalCase ? input.toLocaleUpperCase(options.locale) : input.toLocaleLowerCase(options.locale);
-	}
-
-	const hasUpperCase = input !== input.toLocaleLowerCase(options.locale);
-
-	if (hasUpperCase) {
-		input = preserveCamelCase(input, options.locale);
-	}
-
-	input = input.replace(LEADING_SEPARATORS, '');
-
-	if (options.preserveConsecutiveUppercase) {
-		input = preserveConsecutiveUppercase(input);
-	} else {
-		input = input.toLocaleLowerCase();
-	}
-
-	if (options.pascalCase) {
-		input = input.charAt(0).toLocaleUpperCase(options.locale) + input.slice(1);
-	}
-
-	return postProcess(input, options);
-};
-
-camelcase.exports = camelCase;
-// TODO: Remove this for the next major release
-camelcase.exports.default = camelCase;
-
-var camelCase$1 = camelcase.exports;
-
-var dataAttrRe = /^(data-.*)$/;
-var filterDataAttrs = function (props) {
-    var filteredProps = {};
-    for (var prop in props) {
-        if (Object.prototype.hasOwnProperty.call(props, prop) &&
-            dataAttrRe.test(prop)) {
-            filteredProps[prop] = props[prop];
-        }
-    }
-    return filteredProps;
-};
-
-exports.__awaiter = __awaiter;
-exports.__generator = __generator;
-exports.__rest = __rest;
-exports.__spreadArray = __spreadArray;
-exports.camelCase = camelCase$1;
-exports.filterDataAttrs = filterDataAttrs;

package/dist/_shared/cjs/handle-link-click-17a44cf4.d.ts

@@ -1,7 +0,0 @@
-import { MouseEvent } from "react";
-interface IHandleLinkClick {
-    handler?: () => void;
-    preventDefault?: boolean;
-}
-declare const handleLinkClick: ({ handler, preventDefault }: IHandleLinkClick) => (e: MouseEvent<HTMLAnchorElement>) => void;
-export { handleLinkClick };

package/dist/_shared/cjs/index-699086a7.d.ts

@@ -1,2 +0,0 @@
-export { Item } from "./SiteHeader.rehydrator-acc9d8c4";
-export {};

package/dist/_shared/cjs/index-74488a9f.d.ts

@@ -1,2 +0,0 @@
-export { SubNavItem } from "./SubNavItem-a84d1bf4";
-export { default as SubNavItemRehydrator } from "./SiteHeader.rehydrator-acc9d8c4";

package/dist/_shared/cjs/index-9483ad5f.d.ts

@@ -1,14 +0,0 @@
-declare const anchorPoints: readonly [
-    "N",
-    "NE",
-    "E",
-    "SE",
-    "S",
-    "SW",
-    "W",
-    "NW",
-    "C"
-];
-export { anchorPoints };
-export * from "./filter-data-attrs-a30dcf5f";
-export * from "./suffix-modifier-1ee2da04";

package/dist/_shared/cjs/index-c81c9401.d.ts

@@ -1,4 +0,0 @@
-export * from "./FormControl-1e1bf2bf";
-export * from "./Card-fd189ba8";
-export * from "./index.es-77def0c9";
-export * from "./TextInput-f4549637";

package/dist/_shared/cjs/index-e340924e.d.ts

@@ -1,2 +0,0 @@
-export { ItemGroup } from "./ItemGroup-5af4d600";
-export { default as ItemGroupRehydrator } from "./SiteHeader.rehydrator-acc9d8c4";

package/dist/_shared/cjs/index-e6d20018.d.ts

@@ -1,3 +0,0 @@
-export { NavItem } from "./NavItem-df20237c";
-export { default as NavItemRehydrator, default as NavItemWithSubNavRehydrator } from "./SiteHeader.rehydrator-acc9d8c4";
-export { NavItemWithSubNav } from "./NavItemWithSubNav-65f21828";

package/dist/_shared/cjs/index-eb06f640.d.ts

@@ -1,2 +0,0 @@
-export { Panel } from "./SiteHeader.rehydrator-acc9d8c4";
-export {};

package/dist/_shared/cjs/index-f419cf04.d.ts

@@ -1,2 +0,0 @@
-export { Column } from "./SiteHeader.rehydrator-acc9d8c4";
-export {};

package/dist/_shared/cjs/index.es-77def0c9.d.ts

@@ -1,19 +0,0 @@
-/**
- * @typedef MediaQueryOutputs
- * @param {boolean} matches - does the document match the media query?
- */
-/**
- * Handle with care!
- *
- * If you need to change something in the browser based on @media query, you
- * probably don’t need this hook. Use CSS media queries instead.
- *
- * Sometimes UI requirements are not achievable with CSS media queries alone. In
- * these rare cases, use this hook to make media query matches available
- * to React JavaScript code.
- *
- * @param {string} mediaQuery - the media query to parse
- * @returns {MediaQueryOutputs}
- */
-declare const useMediaQuery: (mediaQuery: string) => boolean;
-export { useMediaQuery as default };

package/dist/_shared/cjs/index.module-bbcc4e18.js

@@ -1,126 +0,0 @@
-'use strict';
-
-var _extends = require('./extends-bb8ffacd.js');
-var React = require('react');
-
-/**
- * Set a given ref to a given value
- * This utility takes care of different types of refs: callback refs and RefObject(s)
- */ function $6ed0406888f73fc4$var$setRef(ref, value) {
-    if (typeof ref === 'function') ref(value);
-    else if (ref !== null && ref !== undefined) ref.current = value;
-}
-/**
- * A utility to compose multiple refs together
- * Accepts callback refs and RefObject(s)
- */ function $6ed0406888f73fc4$export$43e446d32b3d21af(...refs) {
-    return (node)=>refs.forEach((ref)=>$6ed0406888f73fc4$var$setRef(ref, node)
-        )
-    ;
-}
-
-/* -------------------------------------------------------------------------------------------------
- * Slot
- * -----------------------------------------------------------------------------------------------*/ const $5e63c961fc1ce211$export$8c6ed5c666ac1360 = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
-    const { children: children , ...slotProps } = props;
-    const childrenArray = React.Children.toArray(children);
-    const slottable = childrenArray.find($5e63c961fc1ce211$var$isSlottable);
-    if (slottable) {
-        // the new element to render is the one passed as a child of `Slottable`
-        const newElement = slottable.props.children;
-        const newChildren = childrenArray.map((child)=>{
-            if (child === slottable) {
-                // because the new element will be the one rendered, we are only interested
-                // in grabbing its children (`newElement.props.children`)
-                if (React.Children.count(newElement) > 1) return React.Children.only(null);
-                return /*#__PURE__*/ React.isValidElement(newElement) ? newElement.props.children : null;
-            } else return child;
-        });
-        return /*#__PURE__*/ React.createElement($5e63c961fc1ce211$var$SlotClone, _extends._extends({}, slotProps, {
-            ref: forwardedRef
-        }), /*#__PURE__*/ React.isValidElement(newElement) ? /*#__PURE__*/ React.cloneElement(newElement, undefined, newChildren) : null);
-    }
-    return /*#__PURE__*/ React.createElement($5e63c961fc1ce211$var$SlotClone, _extends._extends({}, slotProps, {
-        ref: forwardedRef
-    }), children);
-});
-$5e63c961fc1ce211$export$8c6ed5c666ac1360.displayName = 'Slot';
-/* -------------------------------------------------------------------------------------------------
- * SlotClone
- * -----------------------------------------------------------------------------------------------*/ const $5e63c961fc1ce211$var$SlotClone = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
-    const { children: children , ...slotProps } = props;
-    if (/*#__PURE__*/ React.isValidElement(children)) return /*#__PURE__*/ React.cloneElement(children, {
-        ...$5e63c961fc1ce211$var$mergeProps(slotProps, children.props),
-        ref: $6ed0406888f73fc4$export$43e446d32b3d21af(forwardedRef, children.ref)
-    });
-    return React.Children.count(children) > 1 ? React.Children.only(null) : null;
-});
-$5e63c961fc1ce211$var$SlotClone.displayName = 'SlotClone';
-/* -------------------------------------------------------------------------------------------------
- * Slottable
- * -----------------------------------------------------------------------------------------------*/ const $5e63c961fc1ce211$export$d9f1ccf0bdb05d45 = ({ children: children  })=>{
-    return /*#__PURE__*/ React.createElement(React.Fragment, null, children);
-};
-/* ---------------------------------------------------------------------------------------------- */ function $5e63c961fc1ce211$var$isSlottable(child) {
-    return /*#__PURE__*/ React.isValidElement(child) && child.type === $5e63c961fc1ce211$export$d9f1ccf0bdb05d45;
-}
-function $5e63c961fc1ce211$var$mergeProps(slotProps, childProps) {
-    // all child props should override
-    const overrideProps = {
-        ...childProps
-    };
-    for(const propName in childProps){
-        const slotPropValue = slotProps[propName];
-        const childPropValue = childProps[propName];
-        const isHandler = /^on[A-Z]/.test(propName);
-        if (isHandler) {
-            // if the handler exists on both, we compose them
-            if (slotPropValue && childPropValue) overrideProps[propName] = (...args)=>{
-                childPropValue(...args);
-                slotPropValue(...args);
-            };
-            else if (slotPropValue) overrideProps[propName] = slotPropValue;
-        } else if (propName === 'style') overrideProps[propName] = {
-            ...slotPropValue,
-            ...childPropValue
-        };
-        else if (propName === 'className') overrideProps[propName] = [
-            slotPropValue,
-            childPropValue
-        ].filter(Boolean).join(' ');
-    }
-    return {
-        ...slotProps,
-        ...overrideProps
-    };
-}
-
-/**
- * On the server, React emits a warning when calling `useLayoutEffect`.
- * This is because neither `useLayoutEffect` nor `useEffect` run on the server.
- * We use this safe version which suppresses the warning by replacing it with a noop on the server.
- *
- * See: https://reactjs.org/docs/hooks-reference.html#uselayouteffect
- */ const $9f79659886946c16$export$e5c5a5f917a5871c = Boolean(globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) ? React.useLayoutEffect : ()=>{};
-
-function $010c2913dbd2fe3d$export$5cae361ad82dce8b(value) {
-    const ref = React.useRef({
-        value: value,
-        previous: value
-    }); // We compare values before making an update to ensure that
-    // a change has been made. This ensures the previous value is
-    // persisted correctly between renders.
-    return React.useMemo(()=>{
-        if (ref.current.value !== value) {
-            ref.current.previous = ref.current.value;
-            ref.current.value = value;
-        }
-        return ref.current.previous;
-    }, [
-        value
-    ]);
-}
-
-exports.$010c2913dbd2fe3d$export$5cae361ad82dce8b = $010c2913dbd2fe3d$export$5cae361ad82dce8b;
-exports.$5e63c961fc1ce211$export$8c6ed5c666ac1360 = $5e63c961fc1ce211$export$8c6ed5c666ac1360;
-exports.$9f79659886946c16$export$e5c5a5f917a5871c = $9f79659886946c16$export$e5c5a5f917a5871c;

package/dist/_shared/cjs/suffix-modifier-1ee2da04.d.ts

@@ -1,10 +0,0 @@
-/**
- * Suffixes a modifier value onto the end of a className, converting it to
- * pascal case. i.e. turns suffixModifier("MyComponent--display", display)
- * returns MyComponent--displayBlock.
- *
- * @param rootClassName The root className to append the suffix onto
- * @param suffix The suffix to convert into pascal case.
- */
-declare const suffixModifier: (rootClassName: string, suffix: string) => string;
-export { suffixModifier };

package/dist/_shared/esm/Base-6c01e0ec.d.ts

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { FC } from "react";
-declare const ArcRootElementContext: React.Context<HTMLElement | null>;
-/**
- * Use `Base` as the root component of the arc system.
- */
-declare const Base: FC<BaseProps>;
-interface BaseProps {
-    /**
-     * Brand theme to apply to Base.
-     */
-    brand?: "bt" | null;
-    /**
-     * Content to display inside Base.
-     */
-    children: any;
-}
-export { ArcRootElementContext, Base, BaseProps };

package/dist/_shared/esm/BrandLogo-9ec620e8.d.ts

@@ -1,26 +0,0 @@
-import { FC } from "react";
-/**
- * Use `BrandLogo` to display the brand logo.
- */
-declare const BrandLogo: FC<BrandLogoProps>;
-declare const colors: readonly ["auto", "brand"];
-declare const subBrands: readonly ["redcare", "wholesale"];
-interface BrandLogoProps {
-    /**
-     * Color of the BrandLogo. The `brand` color only shows on light surfaces.
-     */
-    color?: typeof colors[number];
-    /**
-     * Accessible text for the BrandLogo.
-     */
-    label?: string;
-    /**
-     * Size of the BrandLogo, in pixels.
-     */
-    size?: number;
-    /**
-     * Optional sub-brand variant. Only applies to BT.
-     */
-    subBrand?: typeof subBrands[number];
-}
-export { BrandLogo, colors, subBrands, BrandLogoProps };

package/dist/_shared/esm/Breadcrumbs-dafa8dde.d.ts

@@ -1,61 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { FC, ReactNode } from "react";
-declare const BreadcrumbsLink: FC<LinkProps>;
-interface LinkProps {
-    /**
-     * Render children of `breadcrumbs.link`
-     */
-    children?: ReactNode;
-    /**
-     * Where breadcrumb linkshould lead too
-     */
-    href?: string;
-    /**
-     * Pass a function to the breadcrumb item
-     */
-    onClick?: () => void;
-    /**
-     * Highlights item in breadcrumb (This also removes the a tag and any links)
-     */
-    isActive?: boolean;
-    /**
-     * Ref to `<a>` tag
-     */
-    ref?: React.Ref<HTMLAnchorElement>;
-    /**
-     * React router property
-     */
-    navigate?: () => void;
-}
-declare const BreadcrumbsItem: FC<ItemProps>;
-interface ItemProps {
-    /**
-     * Render child elements within `Breadcrumbs.Item`
-     */
-    children?: ReactNode;
-    /**
-     * Use icon as a spacer that will be positioned after `Breadcrumbs.Item`.
-     */
-    spacerIconAfter?: boolean;
-    /**
-     * Use icon as a spacer that will be positioned before `Breadcrumbs.Item`.
-     */
-    spacerIconBefore?: boolean;
-}
-/** Use `Breadcrumbs` to add a secondary navigation scheme that reveals the user’s location. Each item should be wrapped with `Breadcrumbs.Item` */
-declare const Breadcrumbs: FC<BreadcrumbsProps> & {
-    Item: typeof BreadcrumbsItem;
-    Link: typeof BreadcrumbsLink;
-};
-interface BreadcrumbsProps {
-    /**
-     * Contents of the Breadcrumbs. Should only contain `Breadcrumb.Item`.
-     */
-    children: ReactNode;
-    /**
-     * Select if you want the Nav items to be Light
-     */
-    isLight?: boolean;
-}
-export { BreadcrumbsLink as default, LinkProps, ItemProps, Breadcrumbs, BreadcrumbsProps };

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 };