@arc-ui/components 12.0.0-beta.13 → 12.0.0-beta.14.1

package/dist/Switch/Switch.esm.js

@@ -1,160 +0,0 @@
-import { _ as __rest, a as __assign, f as filterAttrs } from '../_shared/esm/index-DMMRfg3O.js';
-import React__default, { forwardRef, useState, useRef, createElement, useEffect, useContext } from 'react';
-import { c as classNames } from '../_shared/esm/index-5C0-U8cc.js';
-import { b as $c512c27ab02ef895$export$50c7b4e9d9f19c1, $ as $6ed0406888f73fc4$export$c7b2cbe3552a0d05, f as $71cd76cc60e0454e$export$6f32135080cb4c3, d as $8927f6f2acc4f386$export$250ffa63cdc0d034, _ as _extends, e as $e42e1063c40fb3ef$export$b9ecd428b558ff10 } from '../_shared/esm/index-g5oDHuf6.js';
-import { $ as $010c2913dbd2fe3d$export$5cae361ad82dce8b, a as $db6c3485150b8e66$export$1ab7ae714698c4b8 } from '../_shared/esm/index-CxovAi9d.js';
-import { C as Context } from '../_shared/esm/Surface-DnIdJOp5.js';
-import { F as FormControl } from '../_shared/esm/FormControl-Dx4vj08j.js';
-import { V as VerticalSpace } from '../_shared/esm/VerticalSpace-CYle3p59.js';
-import { T as Text } from '../_shared/esm/Text-pH7Fi5ml.js';
-import { T as ThemeIcon } from '../_shared/esm/ThemeIcon-a0WvZRNE.js';
-import 'react-dom';
-import '../_shared/esm/DisclosureMini-C21SM9kp.js';
-import '../_shared/esm/VisuallyHidden-DhtgCXQL.js';
-
-/* -------------------------------------------------------------------------------------------------
- * Switch
- * -----------------------------------------------------------------------------------------------*/ const $6be4966fd9bbc698$var$SWITCH_NAME = 'Switch';
-const [$6be4966fd9bbc698$var$createSwitchContext, $6be4966fd9bbc698$export$cf7f5f17f69cbd43] = $c512c27ab02ef895$export$50c7b4e9d9f19c1($6be4966fd9bbc698$var$SWITCH_NAME);
-const [$6be4966fd9bbc698$var$SwitchProvider, $6be4966fd9bbc698$var$useSwitchContext] = $6be4966fd9bbc698$var$createSwitchContext($6be4966fd9bbc698$var$SWITCH_NAME);
-const $6be4966fd9bbc698$export$b5d5cf8927ab7262 = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
-    const { __scopeSwitch: __scopeSwitch , name: name , checked: checkedProp , defaultChecked: defaultChecked , required: required , disabled: disabled , value: value = 'on' , onCheckedChange: onCheckedChange , ...switchProps } = props;
-    const [button, setButton] = useState(null);
-    const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, (node)=>setButton(node)
-    );
-    const hasConsumerStoppedPropagationRef = useRef(false); // We set this to true by default so that events bubble to forms without JS (SSR)
-    const isFormControl = button ? Boolean(button.closest('form')) : true;
-    const [checked = false, setChecked] = $71cd76cc60e0454e$export$6f32135080cb4c3({
-        prop: checkedProp,
-        defaultProp: defaultChecked,
-        onChange: onCheckedChange
-    });
-    return /*#__PURE__*/ createElement($6be4966fd9bbc698$var$SwitchProvider, {
-        scope: __scopeSwitch,
-        checked: checked,
-        disabled: disabled
-    }, /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.button, _extends({
-        type: "button",
-        role: "switch",
-        "aria-checked": checked,
-        "aria-required": required,
-        "data-state": $6be4966fd9bbc698$var$getState(checked),
-        "data-disabled": disabled ? '' : undefined,
-        disabled: disabled,
-        value: value
-    }, switchProps, {
-        ref: composedRefs,
-        onClick: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onClick, (event)=>{
-            setChecked((prevChecked)=>!prevChecked
-            );
-            if (isFormControl) {
-                hasConsumerStoppedPropagationRef.current = event.isPropagationStopped(); // if switch is in a form, stop propagation from the button so that we only propagate
-                // one click event (from the input). We propagate changes from an input so that native
-                // form validation works and form events reflect switch updates.
-                if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();
-            }
-        })
-    })), isFormControl && /*#__PURE__*/ createElement($6be4966fd9bbc698$var$BubbleInput, {
-        control: button,
-        bubbles: !hasConsumerStoppedPropagationRef.current,
-        name: name,
-        value: value,
-        checked: checked,
-        required: required,
-        disabled: disabled // We transform because the input is absolutely positioned but we have
-        ,
-        style: {
-            transform: 'translateX(-100%)'
-        }
-    }));
-});
-/* -------------------------------------------------------------------------------------------------
- * SwitchThumb
- * -----------------------------------------------------------------------------------------------*/ const $6be4966fd9bbc698$var$THUMB_NAME = 'SwitchThumb';
-const $6be4966fd9bbc698$export$4d07bf653ea69106 = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
-    const { __scopeSwitch: __scopeSwitch , ...thumbProps } = props;
-    const context = $6be4966fd9bbc698$var$useSwitchContext($6be4966fd9bbc698$var$THUMB_NAME, __scopeSwitch);
-    return /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends({
-        "data-state": $6be4966fd9bbc698$var$getState(context.checked),
-        "data-disabled": context.disabled ? '' : undefined
-    }, thumbProps, {
-        ref: forwardedRef
-    }));
-});
-/* ---------------------------------------------------------------------------------------------- */ const $6be4966fd9bbc698$var$BubbleInput = (props)=>{
-    const { control: control , checked: checked , bubbles: bubbles = true , ...inputProps } = props;
-    const ref = useRef(null);
-    const prevChecked = $010c2913dbd2fe3d$export$5cae361ad82dce8b(checked);
-    const controlSize = $db6c3485150b8e66$export$1ab7ae714698c4b8(control); // Bubble checked change to parents (e.g form change event)
-    useEffect(()=>{
-        const input = ref.current;
-        const inputProto = window.HTMLInputElement.prototype;
-        const descriptor = Object.getOwnPropertyDescriptor(inputProto, 'checked');
-        const setChecked = descriptor.set;
-        if (prevChecked !== checked && setChecked) {
-            const event = new Event('click', {
-                bubbles: bubbles
-            });
-            setChecked.call(input, checked);
-            input.dispatchEvent(event);
-        }
-    }, [
-        prevChecked,
-        checked,
-        bubbles
-    ]);
-    return /*#__PURE__*/ createElement("input", _extends({
-        type: "checkbox",
-        "aria-hidden": true,
-        defaultChecked: checked
-    }, inputProps, {
-        tabIndex: -1,
-        ref: ref,
-        style: {
-            ...props.style,
-            ...controlSize,
-            position: 'absolute',
-            pointerEvents: 'none',
-            opacity: 0,
-            margin: 0
-        }
-    }));
-};
-function $6be4966fd9bbc698$var$getState(checked) {
-    return checked ? 'checked' : 'unchecked';
-}
-const $6be4966fd9bbc698$export$be92b6f5f03c0fe9 = $6be4966fd9bbc698$export$b5d5cf8927ab7262;
-const $6be4966fd9bbc698$export$6521433ed15a34db = $6be4966fd9bbc698$export$4d07bf653ea69106;
-
-/** Use `Switch` to allow users to immediately toggle between two states. */
-var Switch = function (_a) {
-    var defaultChecked = _a.defaultChecked, label = _a.label, _b = _a.labelPosition, labelPosition = _b === void 0 ? "top" : _b, name = _a.name, onBlur = _a.onBlur, value = _a.value, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, errorMessage = _a.errorMessage, id = _a.id, _d = _a.labelSize, labelSize = _d === void 0 ? "s" : _d, onStatusText = _a.onStatusText, offStatusText = _a.offStatusText, _e = _a.hideLabel, hideLabel = _e === void 0 ? false : _e, ariaLabel = _a.ariaLabel, props = __rest(_a, ["defaultChecked", "label", "labelPosition", "name", "onBlur", "value", "isDisabled", "errorMessage", "id", "labelSize", "onStatusText", "offStatusText", "hideLabel", "ariaLabel"]);
-    var _f = useState(defaultChecked), switchState = _f[0], setSwitchState = _f[1];
-    var surface = useContext(Context).surface;
-    if (!onStatusText) {
-        onStatusText = offStatusText;
-    }
-    if (!offStatusText) {
-        offStatusText = onStatusText;
-    }
-    return (React__default.createElement(FormControl, { errorMessage: errorMessage, htmlFor: id, isDisabled: isDisabled, label: label, hideLabel: hideLabel, labelSize: labelSize, labelPosition: labelPosition, requirementStatus: "not-applicable" },
-        !hideLabel && React__default.createElement(VerticalSpace, { size: "8" }),
-        React__default.createElement("div", { className: "arc-Switch-container" },
-            React__default.createElement($6be4966fd9bbc698$export$be92b6f5f03c0fe9, __assign({ id: id, defaultChecked: defaultChecked, name: name, value: value, onBlur: onBlur, onCheckedChange: function () { return setSwitchState(function (previous) { return !previous; }); }, checked: switchState, disabled: isDisabled, className: classNames("arc-Switch", {
-                    "arc-Switch--large": labelSize === "l",
-                    "arc-Switch--isDisabled": isDisabled,
-                    "arc-Switch--onDarkSurface": surface === "dark"
-                }), "aria-label": ariaLabel }, filterAttrs(props)),
-                React__default.createElement("div", { className: "arc-Switch-wrapper" },
-                    React__default.createElement($6be4966fd9bbc698$export$6521433ed15a34db, { className: "arc-Switch-thumb" },
-                        React__default.createElement("div", { className: "arc-Switch-thumbIcon" },
-                            React__default.createElement("div", { className: "arc-Switch-icon", "data-testid": "arc-switch-thumb-icon" },
-                                React__default.createElement(ThemeIcon, { icon: "switchToggle", color: "brand", size: labelSize === "l" ? 24 : 16 }))))),
-                React__default.createElement("div", { className: classNames("arc-Switch-statusText", {
-                        "arc-Switch-statusText--isDisabled": isDisabled,
-                        "arc-Switch-statusText--onDarkSurface": surface === "dark"
-                    }) },
-                    React__default.createElement(Text, { size: labelSize, "aria-hidden": true }, switchState ? onStatusText : offStatusText))))));
-};
-
-export { Switch };

package/dist/Switch/package.json

@@ -1,7 +0,0 @@
-{
-  "name": "@arc-ui/switch",
-  "types": "../types/components/Switch/index.d.ts",
-  "main": "./Switch.cjs.js",
-  "module": "./Switch.esm.js",
-  "private": true
-}

package/dist/Switch/styles.css

@@ -1 +0,0 @@
-.arc-v12-0-0-beta-13 .arc .arc-Switch,.arc-v12-0-0-beta-13 .arc .arc-Switch-thumb{--arc-switch-height:var(--switch-size-s);--arc-switch-width:48px;--arc-switch-thumb-size:24px}@media (prefers-reduced-motion:no-preference){.arc-v12-0-0-beta-13 .arc .arc-Switch-thumb{transition:0.1s cubic-bezier(0.44,0,0.55,0.94) transform}.arc-v12-0-0-beta-13 .arc .arc-Switch-thumbIcon{transition:opacity 0.13s cubic-bezier(0.47,0.04,1,1)}}.arc-v12-0-0-beta-13 .arc .arc-Switch{align-items:center;background:transparent;border:none;display:flex;gap:12px;padding:0}.arc-v12-0-0-beta-13 .arc .arc-Switch:focus-visible{border-radius:var(--switch-border-radius-s);outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.arc-v12-0-0-beta-13 .arc .arc-Switch--onDarkSurface:focus-visible{border-radius:var(--switch-border-radius-s);outline:var(--focus-border-weight-s) solid var(--focus-colors-dark-border-subtle);outline-offset:2px}.arc-v12-0-0-beta-13 .arc .arc-Switch-wrapper{background:var(--switch-colors-light-bg-subtle);border-radius:var(--switch-border-radius-s);box-sizing:content-box;cursor:pointer;display:block;margin-top:-0.5px;min-height:var(--arc-switch-height);min-width:var(--arc-switch-width);padding:0;position:relative}.arc-v12-0-0-beta-13 .arc .arc-Switch-thumb{background:transparent;display:block;height:var(--arc-switch-thumb-size);right:0.5px;width:var(--arc-switch-thumb-size);z-index:100}.arc-v12-0-0-beta-13 .arc .arc-Switch--large,.arc-v12-0-0-beta-13 .arc .arc-Switch--large .arc-Switch-thumb{--arc-switch-height:var(--switch-size-m);--arc-switch-width:64px;--arc-switch-thumb-size:32px}.arc-v12-0-0-beta-13 .arc .arc-Switch[data-state="checked"] .arc-Switch-thumb{transform:translateX(calc(var(--arc-switch-width) - var(--arc-switch-thumb-size)))}.arc-v12-0-0-beta-13 .arc .arc-Switch-icon{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.arc-v12-0-0-beta-13 .arc .arc-Switch-wrapper::after{border:var(--switch-border-weight-s) solid var(--switch-colors-light-border-strong);border-radius:var(--switch-border-radius-s);bottom:0;box-sizing:border-box;content:"";left:0;position:absolute;right:0;top:0}.arc-v12-0-0-beta-13 .arc .arc-Switch--onDarkSurface .arc-Switch-wrapper{background:var(--switch-colors-dark-bg-subtle)}.arc-v12-0-0-beta-13 .arc .arc-Switch--onDarkSurface .arc-Switch-wrapper::after{border-color:var(--switch-colors-dark-border-strong)}.arc-v12-0-0-beta-13 .arc .arc-Switch-thumb::after{background:var(--switch-colors-light-bg-strong);border:var(--switch-border-weight-s) solid var(--switch-colors-light-border-strong);border-radius:50%;box-sizing:border-box;content:"";display:block;height:100%;width:100%}.arc-v12-0-0-beta-13 .arc .arc-Switch--onDarkSurface .arc-Switch-thumb::after{background:var(--switch-colors-dark-bg-subtle);border-color:var(--switch-colors-dark-border-strong)}.arc-v12-0-0-beta-13 .arc .arc-Switch[data-state="checked"] .arc-Switch-thumb::after{border:none;position:relative;transform:scale(0.83)}.arc-v12-0-0-beta-13 .arc .arc-Switch[data-state="checked"] .arc-Switch-wrapper{background:var(--switch-colors-light-bg-default)}.arc-v12-0-0-beta-13 .arc .arc-Switch[data-state="checked"] .arc-Switch-wrapper::after{border:none}.arc-v12-0-0-beta-13 .arc .arc-Switch--onDarkSurface[data-state="checked"] .arc-Switch-wrapper{background:var(--switch-colors-dark-bg-default)}.arc-v12-0-0-beta-13 .arc .arc-Switch-thumbIcon{height:100%;opacity:1;position:absolute;width:100%;z-index:1}.arc-v12-0-0-beta-13 .arc .arc-Switch-thumb[data-state="unchecked"] .arc-Switch-thumbIcon{opacity:0}.arc-v12-0-0-beta-13 .arc .arc-Switch--isDisabled .arc-Switch-wrapper .arc-ThemeIcon{background:var(--switch-colors-light-fg-disabled)}.arc-v12-0-0-beta-13 .arc .arc-Switch--onDarkSurface.arc-Switch[data-state="checked"].arc-Switch--isDisabled .arc-Switch-wrapper .arc-ThemeIcon{background:var(--switch-colors-dark-fg-disabled)}.arc-v12-0-0-beta-13 .arc .arc-Switch-statusText--isDisabled .arc-Text{color:var(--switch-colors-light-text-disabled)}.arc-v12-0-0-beta-13 .arc .arc-Switch-statusText--onDarkSurface .arc-Text{color:var(--switch-colors-dark-text-default)}.arc-v12-0-0-beta-13 .arc .arc-Switch-statusText--onDarkSurface.arc-Switch-statusText--isDisabled .arc-Text{color:var(--switch-colors-dark-text-disabled)}.arc-v12-0-0-beta-13 .arc .arc-Switch--isDisabled[disabled] .arc-Switch-wrapper{background:var(--switch-colors-light-bg-disabled);cursor:not-allowed}.arc-v12-0-0-beta-13 .arc .arc-Switch--isDisabled[disabled] .arc-Switch-wrapper::after{border:var(--switch-border-weight-s) solid var(--switch-colors-light-border-disabled)}.arc-v12-0-0-beta-13 .arc .arc-Switch--isDisabled[disabled] .arc-Switch-wrapper .arc-Switch-thumb::after{background:var(--switch-colors-light-bg-disabled);border:var(--switch-border-weight-s) solid var(--switch-colors-light-border-disabled);transform:scale(1)}.arc-v12-0-0-beta-13 .arc .arc-Switch--onDarkSurface.arc-Switch--isDisabled[disabled] .arc-Switch-wrapper .arc-Switch-thumb::after{background:var(--switch-colors-dark-bg-disabled);border-color:var(--switch-colors-dark-border-disabled)}.arc-v12-0-0-beta-13 .arc .arc-Switch--onDarkSurface.arc-Switch--isDisabled .arc-Switch-wrapper{background:var(--switch-colors-dark-bg-disabled)}.arc-v12-0-0-beta-13 .arc .arc-Switch--onDarkSurface.arc-Switch--isDisabled .arc-Switch-wrapper::after{border-color:var(--switch-colors-dark-border-disabled)}

package/dist/TabbedBanner/TabbedBanner.cjs.js

@@ -1,66 +0,0 @@
-'use strict';
-
-var index = require('../_shared/cjs/index-D6hGsItk.js');
-var React = require('react');
-var TemplateBanner = require('../_shared/cjs/TemplateBanner-BTbeT-Yz.js');
-var ContentSwitcher = require('../_shared/cjs/ContentSwitcher-ro4BnJjR.js');
-var ContentSwitcherDropdown = require('../_shared/cjs/ContentSwitcherDropdown-COdUSVHm.js');
-var index_es = require('../_shared/cjs/index.es-y9hyGBEL.js');
-require('../_shared/cjs/index-CTlXMLug.js');
-require('../_shared/cjs/use-media-query-BsUfHjPZ.js');
-require('../_shared/cjs/Heading-lzfM5f17.js');
-require('../_shared/cjs/Surface-BCplA5V_.js');
-require('../_shared/cjs/Image-55IzIW6l.js');
-require('../_shared/cjs/Grid-Bfnjhc5b.js');
-require('../_shared/cjs/VerticalSpace-B-ZFqw2Y.js');
-require('../_shared/cjs/Text-DIA-MbS2.js');
-require('../_shared/cjs/Box-DHEgsHNm.js');
-require('../_shared/cjs/index-Bsexyvjp.js');
-require('../_shared/cjs/index-BqJfkZWj.js');
-require('react-dom');
-require('../_shared/cjs/index-B349W-g3.js');
-require('../_shared/cjs/index-Dvj8rZCZ.js');
-require('../_shared/cjs/index-Ds3p1an5.js');
-require('../_shared/cjs/index-io8xALL_.js');
-require('../_shared/cjs/index-DiFGFQH4.js');
-require('../_shared/cjs/floating-ui.react-dom-CJlNwMgv.js');
-require('../_shared/cjs/index-Dx8AlCbY.js');
-require('../_shared/cjs/component-DpycPOA_.js');
-require('../_shared/cjs/component-BGCX8GK6.js');
-require('../_shared/cjs/ThemeIcon-CHgtRxWu.js');
-require('../_shared/cjs/index-DYP3_Qh-.js');
-
-var TabbedBanner = function (_a) {
-    var _b;
-    var tabs = _a.tabs, defaultValue = _a.defaultValue, minHeight = _a.minHeight, minHeightM = _a.minHeightM;
-    var initialTab = defaultValue !== null && defaultValue !== void 0 ? defaultValue : (_b = tabs[0]) === null || _b === void 0 ? void 0 : _b.value;
-    var _c = React.useState(initialTab), selectedTab = _c[0], setSelectedTab = _c[1];
-    var _d = React.useState(window.innerWidth < index_es.SemSizeBreakpointsM.replace("px", "")), isBelowSemSizeBreakpointsM = _d[0], SetIsBelowSemSizeBreakpointsM = _d[1];
-    React.useEffect(function () {
-        var handleResize = function () {
-            SetIsBelowSemSizeBreakpointsM(window.innerWidth < index_es.SemSizeBreakpointsM.replace("px", ""));
-        };
-        handleResize();
-        window.addEventListener("resize", handleResize);
-        return function () { return window.removeEventListener("resize", handleResize); };
-    }, [window.innerWidth]);
-    return (React.createElement("div", { className: "arc-TabbedBanner" }, !isBelowSemSizeBreakpointsM ? (React.createElement("div", null,
-        React.createElement(ContentSwitcher.ContentSwitcher, { value: selectedTab, onValueChange: function (value) { return setSelectedTab(value); } },
-            React.createElement(ContentSwitcher.ContentSwitcher.List, { isInset: true }, tabs.map(function (_a, index) {
-                var label = _a.label, value = _a.value;
-                return (React.createElement(ContentSwitcher.ContentSwitcher.Tab, { label: label, value: value, key: "".concat(index, "-").concat(value) }));
-            })),
-            tabs.map(function (_a, index$1) {
-                var value = _a.value, content = _a.content;
-                return (React.createElement(ContentSwitcher.ContentSwitcher.Content, { value: value, key: index$1 },
-                    React.createElement(TemplateBanner.TemplateBanner, index.__assign({ alignment: "start", headingSize: "m", additionalTopMargin: true, minHeight: minHeight }, content))));
-            })))) : (React.createElement("div", null,
-        React.createElement(ContentSwitcherDropdown.ContentSwitcherDropdown, { value: selectedTab, tabs: tabs, isInset: true, isFluid: true, onValueChange: function (value) { return setSelectedTab(value); } }, tabs.map(function (_a, index$1) {
-            var value = _a.value, content = _a.content;
-            return (React.createElement(ContentSwitcherDropdown.ContentSwitcherDropdown.Content, { value: value, key: "".concat(index$1, "-").concat(value) },
-                React.createElement(TemplateBanner.TemplateBanner, index.__assign({ alignment: "start", headingSize: "m", additionalTopMargin: !(window.innerHeight < index_es.SemSizeBreakpointsM &&
-                        content.type === "contained"), minHeight: minHeightM }, content))));
-        }))))));
-};
-
-exports.TabbedBanner = TabbedBanner;

package/dist/TabbedBanner/TabbedBanner.esm.js

@@ -1,64 +0,0 @@
-import { a as __assign } from '../_shared/esm/index-DMMRfg3O.js';
-import React__default, { useState, useEffect } from 'react';
-import { T as TemplateBanner } from '../_shared/esm/TemplateBanner-C0WAd6x-.js';
-import { C as ContentSwitcher } from '../_shared/esm/ContentSwitcher-CsFy2wkg.js';
-import { C as ContentSwitcherDropdown } from '../_shared/esm/ContentSwitcherDropdown-Dsl0lVob.js';
-import { S as SemSizeBreakpointsM } from '../_shared/esm/index.es-DZ7a2pSw.js';
-import '../_shared/esm/index-5C0-U8cc.js';
-import '../_shared/esm/use-media-query-DmKuIDEM.js';
-import '../_shared/esm/Heading-B4CveN1U.js';
-import '../_shared/esm/Surface-DnIdJOp5.js';
-import '../_shared/esm/Image-ByvKaYWN.js';
-import '../_shared/esm/Grid-3ulOWrk_.js';
-import '../_shared/esm/VerticalSpace-CYle3p59.js';
-import '../_shared/esm/Text-pH7Fi5ml.js';
-import '../_shared/esm/Box-DTTKhpiV.js';
-import '../_shared/esm/index-Bnj2U8kS.js';
-import '../_shared/esm/index-g5oDHuf6.js';
-import 'react-dom';
-import '../_shared/esm/index-D_GX6ppB.js';
-import '../_shared/esm/index-2c7jWqIG.js';
-import '../_shared/esm/index-Cf_Ki--9.js';
-import '../_shared/esm/index-CXzJEJNs.js';
-import '../_shared/esm/index-CXSorLUc.js';
-import '../_shared/esm/floating-ui.react-dom-RgnG-641.js';
-import '../_shared/esm/index-CxovAi9d.js';
-import '../_shared/esm/component-SwsHiZS0.js';
-import '../_shared/esm/component-CyFG7PdP.js';
-import '../_shared/esm/ThemeIcon-a0WvZRNE.js';
-import '../_shared/esm/index-_nBH8-GT.js';
-
-var TabbedBanner = function (_a) {
-    var _b;
-    var tabs = _a.tabs, defaultValue = _a.defaultValue, minHeight = _a.minHeight, minHeightM = _a.minHeightM;
-    var initialTab = defaultValue !== null && defaultValue !== void 0 ? defaultValue : (_b = tabs[0]) === null || _b === void 0 ? void 0 : _b.value;
-    var _c = useState(initialTab), selectedTab = _c[0], setSelectedTab = _c[1];
-    var _d = useState(window.innerWidth < SemSizeBreakpointsM.replace("px", "")), isBelowSemSizeBreakpointsM = _d[0], SetIsBelowSemSizeBreakpointsM = _d[1];
-    useEffect(function () {
-        var handleResize = function () {
-            SetIsBelowSemSizeBreakpointsM(window.innerWidth < SemSizeBreakpointsM.replace("px", ""));
-        };
-        handleResize();
-        window.addEventListener("resize", handleResize);
-        return function () { return window.removeEventListener("resize", handleResize); };
-    }, [window.innerWidth]);
-    return (React__default.createElement("div", { className: "arc-TabbedBanner" }, !isBelowSemSizeBreakpointsM ? (React__default.createElement("div", null,
-        React__default.createElement(ContentSwitcher, { value: selectedTab, onValueChange: function (value) { return setSelectedTab(value); } },
-            React__default.createElement(ContentSwitcher.List, { isInset: true }, tabs.map(function (_a, index) {
-                var label = _a.label, value = _a.value;
-                return (React__default.createElement(ContentSwitcher.Tab, { label: label, value: value, key: "".concat(index, "-").concat(value) }));
-            })),
-            tabs.map(function (_a, index) {
-                var value = _a.value, content = _a.content;
-                return (React__default.createElement(ContentSwitcher.Content, { value: value, key: index },
-                    React__default.createElement(TemplateBanner, __assign({ alignment: "start", headingSize: "m", additionalTopMargin: true, minHeight: minHeight }, content))));
-            })))) : (React__default.createElement("div", null,
-        React__default.createElement(ContentSwitcherDropdown, { value: selectedTab, tabs: tabs, isInset: true, isFluid: true, onValueChange: function (value) { return setSelectedTab(value); } }, tabs.map(function (_a, index) {
-            var value = _a.value, content = _a.content;
-            return (React__default.createElement(ContentSwitcherDropdown.Content, { value: value, key: "".concat(index, "-").concat(value) },
-                React__default.createElement(TemplateBanner, __assign({ alignment: "start", headingSize: "m", additionalTopMargin: !(window.innerHeight < SemSizeBreakpointsM &&
-                        content.type === "contained"), minHeight: minHeightM }, content))));
-        }))))));
-};
-
-export { TabbedBanner };

package/dist/TabbedBanner/package.json

@@ -1,7 +0,0 @@
-{
-  "name": "@arc-ui/tabbedbanner",
-  "types": "../types/components/TabbedBanner/index.d.ts",
-  "main": "./TabbedBanner.cjs.js",
-  "module": "./TabbedBanner.esm.js",
-  "private": true
-}

package/dist/TabbedBanner/styles.css

@@ -1 +0,0 @@
-@media not all and (min-width:768px){.arc-v12-0-0-beta-13 .arc-TemplateBanner-background--contained .arc-Grid-order--xs2 .arc-TemplateBanner-content.arc-TemplateBanner-content--additionalTopMargin{margin-top:0}}.arc-v12-0-0-beta-13 .arc-ContentSwitcherDropdown-selectTriggerWrapper~.arc-ContentSwitcherDropdown-content>.arc-TemplateBanner::after{background-color:rgba(0,0,0,0);border-radius:32px;content:"";height:100%;left:0;opacity:1;position:absolute;top:0;transition:background-color 200ms ease-in,opacity 200ms ease-in;width:100%}.arc-v12-0-0-beta-13 .arc-ContentSwitcherDropdown-selectTriggerWrapper[\:has\(\%0A\%20\%20\%20\%20.arc-ContentSwitcherDropdown-selectTrigger\[aria-expanded\%3D\%22true\%22\]\%0A\%20\%20\)]~.arc-ContentSwitcherDropdown-content[data-state="active"]>.arc-TemplateBanner::after{background-color:rgba(0,0,0,0.25);opacity:1}.arc-v12-0-0-beta-13 .arc-ContentSwitcherDropdown-selectTriggerWrapper[\:has\(.arc-ContentSwitcherDropdown-selectTrigger\[aria-expanded\%3D\%22true\%22\]\)]~.arc-ContentSwitcherDropdown-content[data-state="active"]>.arc-TemplateBanner::after{background-color:rgba(0,0,0,0.25);opacity:1}.arc-v12-0-0-beta-13 .arc-ContentSwitcherDropdown-selectTriggerWrapper[\:has\(.arc-ContentSwitcherDropdown-selectTrigger\[aria-expanded\%3D\%22true\%22\]\)]~.arc-ContentSwitcherDropdown-content[data-state="active"]>.arc-TemplateBanner::after{background-color:rgba(0,0,0,0.25);opacity:1}.arc-v12-0-0-beta-13 .arc-ContentSwitcherDropdown-selectTriggerWrapper:has(.arc-ContentSwitcherDropdown-selectTrigger[aria-expanded="true"])~.arc-ContentSwitcherDropdown-content[data-state="active"]>.arc-TemplateBanner::after{background-color:rgba(0,0,0,0.25);opacity:1}

package/dist/Tabs/Tabs.cjs.js

@@ -1,18 +0,0 @@
-'use strict';
-
-var Tabs = require('../_shared/cjs/Tabs-BMWK-vMy.js');
-require('../_shared/cjs/index-D6hGsItk.js');
-require('react');
-require('../_shared/cjs/index-Bsexyvjp.js');
-require('../_shared/cjs/index-BqJfkZWj.js');
-require('react-dom');
-require('../_shared/cjs/index-B349W-g3.js');
-require('../_shared/cjs/index-Dvj8rZCZ.js');
-require('../_shared/cjs/index-Ds3p1an5.js');
-require('../_shared/cjs/Icon-C5peYhWn.js');
-require('../_shared/cjs/index-CTlXMLug.js');
-require('../_shared/cjs/Surface-BCplA5V_.js');
-
-
-
-exports.Tabs = Tabs.Tabs;

package/dist/Tabs/Tabs.esm.js

@@ -1,12 +0,0 @@
-export { T as Tabs } from '../_shared/esm/Tabs-CthwgnE8.js';
-import '../_shared/esm/index-DMMRfg3O.js';
-import 'react';
-import '../_shared/esm/index-Bnj2U8kS.js';
-import '../_shared/esm/index-g5oDHuf6.js';
-import 'react-dom';
-import '../_shared/esm/index-D_GX6ppB.js';
-import '../_shared/esm/index-2c7jWqIG.js';
-import '../_shared/esm/index-Cf_Ki--9.js';
-import '../_shared/esm/Icon-PQa1SRbJ.js';
-import '../_shared/esm/index-5C0-U8cc.js';
-import '../_shared/esm/Surface-DnIdJOp5.js';

package/dist/Tabs/package.json

@@ -1,7 +0,0 @@
-{
-  "name": "@arc-ui/tabs",
-  "types": "../types/components/Tabs/index.d.ts",
-  "main": "./Tabs.cjs.js",
-  "module": "./Tabs.esm.js",
-  "private": true
-}

package/dist/Tabs/styles.css

@@ -1 +0,0 @@
-.arc-v12-0-0-beta-13 .arc .arc-Tab-trigger{align-items:center;background:transparent;border:none;border-bottom:var(--tabs-border-weight-m) solid var(--tabs-colors-light-border-subtle);color:var(--tabs-colors-light-text-default);display:flex;font:var(--sem-type-body-reg-s);justify-content:center;min-height:var(--tabs-size-s);padding:0 var(--tabs-padding-l) 0 var(--tabs-padding-m);white-space:nowrap}.arc-v12-0-0-beta-13 .arc .arc-Tab-triggerIcon{padding-right:var(--tabs-gap-m)}.arc-v12-0-0-beta-13 .arc .arc-Tab-trigger[data-state="active"] .arc-Tab-triggerIcon,.arc-v12-0-0-beta-13 .arc .arc-Tab-triggerIcon--active{display:none}.arc-v12-0-0-beta-13 .arc .arc-Tab-trigger[data-state="active"]{border-bottom:var(--tabs-border-weight-l) solid var(--tabs-colors-light-border-selected);color:var(--tabs-colors-light-text-selected);font:var(--sem-type-body-bold-s)}.arc-v12-0-0-beta-13 .arc .arc-Tab-trigger:hover{color:var(--tabs-colors-light-text-hover);cursor:pointer;text-decoration:underline}.arc-v12-0-0-beta-13 .arc .arc-Tab-trigger:focus-visible .arc-Tab-triggerIcon,.arc-v12-0-0-beta-13 .arc .arc-Tab-trigger:hover .arc-Tab-triggerIcon{display:none}.arc-v12-0-0-beta-13 .arc .arc-Tab-trigger:hover .arc-Tab-triggerIcon--active,.arc-v12-0-0-beta-13 .arc .arc-Tab-trigger:focus-visible .arc-Tab-triggerIcon--active{display:block}.arc-v12-0-0-beta-13 .arc .arc-Tab-trigger[data-state="active"]:hover{text-decoration:none}.arc-v12-0-0-beta-13 .arc .arc-Tab-trigger:focus-visible{outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:-2px;text-decoration:underline}.arc-v12-0-0-beta-13 .arc .arc-Tab-trigger[data-state="active"]:focus-visible{text-decoration:none}.arc-v12-0-0-beta-13 .arc .arc-Tab-trigger[data-state="active"] .arc-Tab-triggerIcon--active{display:block}.arc-v12-0-0-beta-13 .arc .arc-Tabs--isJustified .arc-Tab-trigger{flex:1}.arc-v12-0-0-beta-13 .arc .arc-Tabs--contained .arc-Tab-trigger{background:var(--tabs-colors-light-bg-subtle);border:var(--tabs-border-weight-m) solid var(--tabs-colors-light-border-subtle);border-left:0;font:var(--sem-type-body-reg-m);min-height:var(--tabs-size-m)}.arc-v12-0-0-beta-13 .arc .arc-Tabs--contained .arc-Tab-trigger:first-child{border-left:var(--tabs-border-weight-m) solid var(--tabs-colors-light-border-subtle);border-top-left-radius:var(--tabs-border-radius-s)}.arc-v12-0-0-beta-13 .arc .arc-Tabs--contained .arc-Tab-trigger:last-child{border-top-right-radius:var(--tabs-border-radius-s)}.arc-v12-0-0-beta-13 .arc .arc-Tabs--contained .arc-Tab-trigger[data-state="active"]{background:var(--tabs-colors-light-bg-default);border-bottom:none}.arc-v12-0-0-beta-13 .arc .arc-Tabs--onDarkSurface.arc-Tabs--contained .arc-Tab-trigger{background:var(--tabs-colors-dark-bg-default);border-color:var(--tabs-colors-dark-border-subtle)}.arc-v12-0-0-beta-13 .arc .arc-Tabs--onDarkSurface.arc-Tabs--contained .arc-Tab-trigger[data-state="active"]{background:var(--tabs-colors-dark-bg-subtle)}.arc-v12-0-0-beta-13 .arc .arc-Tab-triggerIcon .arc-Icon{height:20px;width:20px}.arc-v12-0-0-beta-13 .arc .arc-Tabs--contained .arc-Tab-triggerIcon .arc-Icon{height:24px;width:24px}.arc-v12-0-0-beta-13 .arc .arc-Tab-trigger--onDarkSurface{border-color:var(--tabs-colors-dark-border-subtle);color:var(--tabs-colors-dark-text-default)}.arc-v12-0-0-beta-13 .arc .arc-Tab-trigger--onDarkSurface:hover{color:var(--tabs-colors-dark-text-hover)}.arc-v12-0-0-beta-13 .arc .arc-Tab-trigger--onDarkSurface[data-state="active"]{border-color:var(--tabs-colors-dark-border-selected);color:var(--tabs-colors-dark-text-selected)}.arc-v12-0-0-beta-13 .arc .arc-Tab-trigger--onDarkSurface.arc-Tab-trigger:focus-visible{outline-color:var(--focus-colors-dark-border-subtle)}.arc-v12-0-0-beta-13 .arc .arc-Tabs--contained .arc-Tab-trigger:first-child:focus-visible{border-top-left-radius:var(--tabs-border-radius-s)}.arc-v12-0-0-beta-13 .arc .arc-Tabs--contained .arc-Tab-trigger:last-child:focus-visible{border-top-right-radius:var(--tabs-border-radius-s)}.arc-v12-0-0-beta-13 .arc .arc-TabsList--overflowLeft{-webkit-mask:linear-gradient(to left,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 85%,rgba(0,0,0,0) 98%,rgba(0,0,0,0) 0%);mask:linear-gradient(to left,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 85%,rgba(0,0,0,0) 98%,rgba(0,0,0,0) 0%)}.arc-v12-0-0-beta-13 .arc .arc-TabsList--overflowRight{-webkit-mask:linear-gradient(to right,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 85%,rgba(0,0,0,0) 98%,rgba(0,0,0,0) 0%);mask:linear-gradient(to right,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 85%,rgba(0,0,0,0) 98%,rgba(0,0,0,0) 0%)}.arc-v12-0-0-beta-13 .arc .arc-TabsList--overflowBoth{-webkit-mask:radial-gradient(circle at 50% 50%,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 85%,rgba(0,0,0,0) 98%,rgba(0,0,0,0) 0%);mask:radial-gradient(circle at 50% 50%,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 85%,rgba(0,0,0,0) 98%,rgba(0,0,0,0) 0%)}.arc-v12-0-0-beta-13 .arc .arc-Tabs{display:flex;overflow-x:scroll}.arc-v12-0-0-beta-13 .arc .arc-Tabs::-webkit-scrollbar{display:none}.arc-v12-0-0-beta-13 .arc .arc-Tabs--isJustified.arc-Tabs--contained::after{display:none}.arc-v12-0-0-beta-13 .arc .arc-Tabs-root{position:relative}.arc-v12-0-0-beta-13 .arc .arc-Tabs-overflowIcon{background:transparent;border:none;border-radius:100%;padding:0;position:absolute;right:0;top:0;width:-moz-fit-content;width:fit-content;z-index:1}.arc-v12-0-0-beta-13 .arc .arc-Tabs-overflowIcon:hover .arc-Icon{color:var(--tabs-colors-light-fg-hover)}.arc-v12-0-0-beta-13 .arc .arc-Tabs-overflowIcon:active .arc-Icon{color:var(--tabs-colors-light-fg-selected)}.arc-v12-0-0-beta-13 .arc .arc-Tabs-overflowIcon:focus-visible{outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:-1px}.arc-v12-0-0-beta-13 .arc .arc-Tabs-overflowIcon--onDarkSurface:hover .arc-Icon{color:var(--tabs-colors-dark-fg-hover)}.arc-v12-0-0-beta-13 .arc .arc-Tabs-overflowIcon--onDarkSurface:active .arc-Icon{color:var(--tabs-colors-dark-fg-selected)}.arc-v12-0-0-beta-13 .arc .arc-Tabs-overflowIcon--onDarkSurface:focus-visible{outline-color:var(--focus-colors-dark-border-subtle)}.arc-v12-0-0-beta-13 .arc .arc-Tabs-overflowIcon::after{background:var(--tabs-colors-light-bg-default);bottom:25%;content:"";height:20px;left:25%;position:absolute;width:20px;z-index:-1}.arc-v12-0-0-beta-13 .arc .arc-Tabs-overflowIcon--onDarkSurface::after{background:var(--tabs-colors-dark-bg-default)}.arc-v12-0-0-beta-13 .arc .arc-Tabs-overflowIcon--left{left:0}.arc-v12-0-0-beta-13 .arc .arc-Tabs-overflowIcon--hidden{display:none}.arc-v12-0-0-beta-13 .arc .arc-Tabs-overflowIcon:hover{cursor:pointer}.arc-v12-0-0-beta-13 .arc .arc-Tabs--contained~.arc-Tab-content[data-state="active"]{background:var(--tabs-colors-light-bg-default);border:var(--tabs-border-weight-m) solid var(--tabs-colors-light-border-subtle);border-radius:0 var(--tabs-border-radius-s) var(--tabs-border-radius-s) var(--tabs-border-radius-s);margin-top:calc(var(--tabs-border-weight-m) * -1);padding:var(--tabs-padding-xl)}.arc-v12-0-0-beta-13 .arc .arc-Tabs--onDarkSurface.arc-Tabs--contained~.arc-Tab-content[data-state="active"]{background:var(--tabs-colors-dark-bg-subtle);border-color:var(--tabs-colors-dark-border-subtle)}@media (min-width:636px){.arc-v12-0-0-beta-13 .arc .arc-Tabs--contained~.arc-Tab-content[data-state="active"]{padding:var(--tabs-padding-l)}}

package/dist/Tag/Tag.cjs.js

@@ -1,78 +0,0 @@
-'use strict';
-
-var index = require('../_shared/cjs/index-D6hGsItk.js');
-var React = require('react');
-var index$1 = require('../_shared/cjs/index-CTlXMLug.js');
-var Icon = require('../_shared/cjs/Icon-C5peYhWn.js');
-require('../_shared/cjs/Surface-BCplA5V_.js');
-
-const BtIconCross = (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: "M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,27A13,13,0,1,1,29,16,13.01474,13.01474,0,0,1,16,29Z",
-      fill: "currentColor",
-    }),
-    /*#__PURE__*/ React.createElement("path", {
-      d: "M20.85352,11.14648a.49983.49983,0,0,0-.707,0L16,15.293l-4.14648-4.14649a.5.5,0,0,0-.707.707L15.293,16l-4.14649,4.14648a.5.5,0,1,0,.707.707L16,16.707l4.14648,4.14649a.5.5,0,0,0,.707-.707L16.707,16l4.14649-4.14648A.49983.49983,0,0,0,20.85352,11.14648Z",
-      fill: "currentColor",
-    }),
-  );
-
-const BtIconCrossFill = (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: "M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm4.85352,18.14648a.5.5,0,1,1-.707.707L16,16.707l-4.14648,4.14649a.5.5,0,0,1-.707-.707L15.293,16l-4.14649-4.14648a.5.5,0,0,1,.707-.707L16,15.293l4.14648-4.14649a.5.5,0,0,1,.707.707L16.707,16Z",
-      fill: "currentColor",
-    }),
-  );
-
-/**
- * Use `Tag` to promote features and manage filtering.
- */
-var Tag = function (_a) {
-    var children = _a.children, isRemovable = _a.isRemovable, link = _a.link, icon = _a.icon, onClick = _a.onClick, onRemove = _a.onRemove, title = _a.title, props = index.__rest(_a, ["children", "isRemovable", "link", "icon", "onClick", "onRemove", "title"]);
-    var _b = React.useState(false), isRemoved = _b[0], setIsRemoved = _b[1];
-    var onRemoveHandler = function () {
-        setIsRemoved(function (p) { return !p; });
-        onRemove && onRemove();
-    };
-    return (React.createElement("div", index.__assign({ className: index$1.classNames("arc-Tag", {
-            "arc-Tag--isRemovable": isRemovable,
-            "arc-Tag--hasIcon": icon,
-            "arc-Tag--hasLink": link || onClick,
-            "arc-Tag--removed": isRemoved
-        }) }, (isRemoved && { "aria-hidden": true }), index.filterAttrs(props)),
-        link ? (React.createElement("a", { className: "arc-Tag-content", href: link, tabIndex: 0 },
-            icon && (React.createElement("span", { className: "arc-Tag-icon" },
-                React.createElement(Icon.Icon, { "data-testid": "arc-Tag-icon", icon: icon, size: 16 }))),
-            React.createElement("div", { className: "arc-Tag-label", title: title }, children))) : (React.createElement(React.Fragment, null, onClick ? (React.createElement("button", { className: "arc-Tag-content", onClick: onClick, "data-testid": "arc-Tag-content" },
-            icon && (React.createElement("span", { className: "arc-Tag-icon" },
-                React.createElement(Icon.Icon, { "data-testid": "arc-Tag-icon", icon: icon, size: 16 }))),
-            React.createElement("div", { className: "arc-Tag-label", title: title }, children))) : (React.createElement("div", { className: "arc-Tag-content", "data-testid": "arc-Tag-content" },
-            icon && (React.createElement("span", { className: "arc-Tag-icon" },
-                React.createElement(Icon.Icon, { "data-testid": "arc-Tag-icon", icon: icon, size: 16 }))),
-            React.createElement("div", { className: "arc-Tag-label", title: title }, children))))),
-        isRemovable && (React.createElement("button", { className: "arc-Tag-icon arc-Tag-icon--removable", onClick: onRemoveHandler, "data-testid": "arc-Tag-icon-removable", "aria-live": "polite", "aria-roledescription": "remove tag", "aria-label": "Remove tag" },
-            React.createElement(Icon.Icon, { icon: BtIconCross }),
-            React.createElement(Icon.Icon, { icon: BtIconCrossFill })))));
-};
-
-exports.Tag = Tag;

package/dist/Tag/Tag.esm.js

@@ -1,76 +0,0 @@
-import { _ as __rest, a as __assign, f as filterAttrs } from '../_shared/esm/index-DMMRfg3O.js';
-import React__default, { useState } from 'react';
-import { c as classNames } from '../_shared/esm/index-5C0-U8cc.js';
-import { I as Icon } from '../_shared/esm/Icon-PQa1SRbJ.js';
-import '../_shared/esm/Surface-DnIdJOp5.js';
-
-const BtIconCross = (props) =>
-  /*#__PURE__*/ React__default.createElement(
-    "svg",
-    Object.assign(
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 32 32",
-      },
-      props,
-    ),
-    /*#__PURE__*/ React__default.createElement("defs", null),
-    /*#__PURE__*/ React__default.createElement("path", {
-      d: "M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,27A13,13,0,1,1,29,16,13.01474,13.01474,0,0,1,16,29Z",
-      fill: "currentColor",
-    }),
-    /*#__PURE__*/ React__default.createElement("path", {
-      d: "M20.85352,11.14648a.49983.49983,0,0,0-.707,0L16,15.293l-4.14648-4.14649a.5.5,0,0,0-.707.707L15.293,16l-4.14649,4.14648a.5.5,0,1,0,.707.707L16,16.707l4.14648,4.14649a.5.5,0,0,0,.707-.707L16.707,16l4.14649-4.14648A.49983.49983,0,0,0,20.85352,11.14648Z",
-      fill: "currentColor",
-    }),
-  );
-
-const BtIconCrossFill = (props) =>
-  /*#__PURE__*/ React__default.createElement(
-    "svg",
-    Object.assign(
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 32 32",
-      },
-      props,
-    ),
-    /*#__PURE__*/ React__default.createElement("defs", null),
-    /*#__PURE__*/ React__default.createElement("path", {
-      d: "M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm4.85352,18.14648a.5.5,0,1,1-.707.707L16,16.707l-4.14648,4.14649a.5.5,0,0,1-.707-.707L15.293,16l-4.14649-4.14648a.5.5,0,0,1,.707-.707L16,15.293l4.14648-4.14649a.5.5,0,0,1,.707.707L16.707,16Z",
-      fill: "currentColor",
-    }),
-  );
-
-/**
- * Use `Tag` to promote features and manage filtering.
- */
-var Tag = function (_a) {
-    var children = _a.children, isRemovable = _a.isRemovable, link = _a.link, icon = _a.icon, onClick = _a.onClick, onRemove = _a.onRemove, title = _a.title, props = __rest(_a, ["children", "isRemovable", "link", "icon", "onClick", "onRemove", "title"]);
-    var _b = useState(false), isRemoved = _b[0], setIsRemoved = _b[1];
-    var onRemoveHandler = function () {
-        setIsRemoved(function (p) { return !p; });
-        onRemove && onRemove();
-    };
-    return (React__default.createElement("div", __assign({ className: classNames("arc-Tag", {
-            "arc-Tag--isRemovable": isRemovable,
-            "arc-Tag--hasIcon": icon,
-            "arc-Tag--hasLink": link || onClick,
-            "arc-Tag--removed": isRemoved
-        }) }, (isRemoved && { "aria-hidden": true }), filterAttrs(props)),
-        link ? (React__default.createElement("a", { className: "arc-Tag-content", href: link, tabIndex: 0 },
-            icon && (React__default.createElement("span", { className: "arc-Tag-icon" },
-                React__default.createElement(Icon, { "data-testid": "arc-Tag-icon", icon: icon, size: 16 }))),
-            React__default.createElement("div", { className: "arc-Tag-label", title: title }, children))) : (React__default.createElement(React__default.Fragment, null, onClick ? (React__default.createElement("button", { className: "arc-Tag-content", onClick: onClick, "data-testid": "arc-Tag-content" },
-            icon && (React__default.createElement("span", { className: "arc-Tag-icon" },
-                React__default.createElement(Icon, { "data-testid": "arc-Tag-icon", icon: icon, size: 16 }))),
-            React__default.createElement("div", { className: "arc-Tag-label", title: title }, children))) : (React__default.createElement("div", { className: "arc-Tag-content", "data-testid": "arc-Tag-content" },
-            icon && (React__default.createElement("span", { className: "arc-Tag-icon" },
-                React__default.createElement(Icon, { "data-testid": "arc-Tag-icon", icon: icon, size: 16 }))),
-            React__default.createElement("div", { className: "arc-Tag-label", title: title }, children))))),
-        isRemovable && (React__default.createElement("button", { className: "arc-Tag-icon arc-Tag-icon--removable", onClick: onRemoveHandler, "data-testid": "arc-Tag-icon-removable", "aria-live": "polite", "aria-roledescription": "remove tag", "aria-label": "Remove tag" },
-            React__default.createElement(Icon, { icon: BtIconCross }),
-            React__default.createElement(Icon, { icon: BtIconCrossFill })))));
-};
-
-export { Tag };

package/dist/Tag/package.json

@@ -1,7 +0,0 @@
-{
-  "name": "@arc-ui/tag",
-  "types": "../types/components/Tag/index.d.ts",
-  "main": "./Tag.cjs.js",
-  "module": "./Tag.esm.js",
-  "private": true
-}

package/dist/Tag/styles.css

@@ -1 +0,0 @@
-.arc-v12-0-0-beta-13 .arc .arc-Tag{align-items:center;background-color:var(--tag-colors-light-bg-default-alt);border:var(--tag-border-weight-s) solid var(--tag-colors-light-border-default-alt);border-radius:var(--tag-border-radius-s);display:flex;height:var(--tag-size-s);white-space:nowrap;width:-moz-fit-content;width:fit-content}.arc-v12-0-0-beta-13 .arc .arc-Tag-icon{align-items:center;display:flex;height:var(--tag-size-icon-s);width:auto}.arc-v12-0-0-beta-13 .arc .arc-Tag-icon--removable{align-items:center;background-color:transparent;border:0;display:flex;height:var(--tag-size-icon-m,20px);margin-right:var(--tag-padding-xs);padding:0;position:relative;width:var(--tag-size-icon-m,20px)}.arc-v12-0-0-beta-13 .arc .arc-Tag-icon--removable .arc-Icon{position:absolute}.arc-v12-0-0-beta-13 .arc .arc-Tag-icon--removable .arc-Icon:nth-of-type(2){color:var(--sem-color-fg-primary-light-default);display:none}.arc-v12-0-0-beta-13 .arc .arc-Tag-icon--removable:hover .arc-Icon:nth-of-type(1){display:none}.arc-v12-0-0-beta-13 .arc .arc-Tag-icon--removable:hover .arc-Icon:nth-of-type(2){display:block}.arc-v12-0-0-beta-13 .arc .arc-Tag-label{font:var(--sem-type-interface-semi-xs);padding:0 var(--tag-padding-xs)}.arc-v12-0-0-beta-13 .arc .arc-Tag-content{align-items:center;background-color:transparent;border:none;border-radius:var(--tag-border-radius-s);display:flex;padding:0 calc(var(--tag-padding-s) - var(--tag-border-weight-s))}.arc-v12-0-0-beta-13 .arc .arc-Tag--hasIcon .arc-Tag-content{padding-left:calc(var(--tag-padding-s) - var(--tag-border-weight-s))}.arc-v12-0-0-beta-13 .arc .arc-Tag--isRemovable .arc-Tag-content{border-radius:var(--tag-border-radius-s) 0 0 var(--tag-border-radius-s);padding-right:var(--tag-padding-xs)}.arc-v12-0-0-beta-13 .arc .arc-Tag .arc-Tag-content{color:var(--tag-colors-light-text-default);text-decoration:none}.arc-v12-0-0-beta-13 .arc .arc-Tag-content:focus-visible{border-radius:var(--tag-border-radius-s);height:calc(var(--tag-size-s) - 2px);outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px;text-decoration:underline}.arc-v12-0-0-beta-13 .arc .arc-Tag-icon--removable:focus-visible{outline:none}.arc-v12-0-0-beta-13 .arc .arc-Tag-icon--removable:focus-visible .arc-Icon:nth-of-type(1){display:none}.arc-v12-0-0-beta-13 .arc .arc-Tag-icon--removable:focus-visible .arc-Icon:nth-of-type(2){display:block}.arc-v12-0-0-beta-13 .arc .arc-Tag-icon--removable:focus-visible::after{border-radius:100%;content:"";height:20px;outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px;position:absolute;width:20px}.arc-v12-0-0-beta-13 .arc .arc-Tag-icon--removable:hover{cursor:pointer}.arc-v12-0-0-beta-13 .arc .arc-Tag--hasLink{background:var(--tag-colors-light-bg-default);border-color:var(--tag-colors-light-border-default)}.arc-v12-0-0-beta-13 .arc .arc-Tag--haslink:hover{background:var(--tag-colors-light-border-hover);cursor:pointer}.arc-v12-0-0-beta-13 .arc .arc-Tag--hasLink .arc-Tag-content:hover{color:var(--tag-colors-light-text-hover);cursor:pointer;text-decoration:underline}.arc-v12-0-0-beta-13 .arc .arc-Tag--removed{display:none}

package/dist/TemplateBanner/TemplateBanner.cjs.js

@@ -1,19 +0,0 @@
-'use strict';
-
-var TemplateBanner = require('../_shared/cjs/TemplateBanner-BTbeT-Yz.js');
-require('../_shared/cjs/index-D6hGsItk.js');
-require('react');
-require('../_shared/cjs/index-CTlXMLug.js');
-require('../_shared/cjs/index.es-y9hyGBEL.js');
-require('../_shared/cjs/use-media-query-BsUfHjPZ.js');
-require('../_shared/cjs/Heading-lzfM5f17.js');
-require('../_shared/cjs/Surface-BCplA5V_.js');
-require('../_shared/cjs/Image-55IzIW6l.js');
-require('../_shared/cjs/Grid-Bfnjhc5b.js');
-require('../_shared/cjs/VerticalSpace-B-ZFqw2Y.js');
-require('../_shared/cjs/Text-DIA-MbS2.js');
-require('../_shared/cjs/Box-DHEgsHNm.js');
-
-
-
-exports.TemplateBanner = TemplateBanner.TemplateBanner;

package/dist/TemplateBanner/TemplateBanner.esm.js

@@ -1,13 +0,0 @@
-export { T as TemplateBanner } from '../_shared/esm/TemplateBanner-C0WAd6x-.js';
-import '../_shared/esm/index-DMMRfg3O.js';
-import 'react';
-import '../_shared/esm/index-5C0-U8cc.js';
-import '../_shared/esm/index.es-DZ7a2pSw.js';
-import '../_shared/esm/use-media-query-DmKuIDEM.js';
-import '../_shared/esm/Heading-B4CveN1U.js';
-import '../_shared/esm/Surface-DnIdJOp5.js';
-import '../_shared/esm/Image-ByvKaYWN.js';
-import '../_shared/esm/Grid-3ulOWrk_.js';
-import '../_shared/esm/VerticalSpace-CYle3p59.js';
-import '../_shared/esm/Text-pH7Fi5ml.js';
-import '../_shared/esm/Box-DTTKhpiV.js';

package/dist/TemplateBanner/package.json

@@ -1,7 +0,0 @@
-{
-  "name": "@arc-ui/templatebanner",
-  "types": "../types/components/TemplateBanner/index.d.ts",
-  "main": "./TemplateBanner.cjs.js",
-  "module": "./TemplateBanner.esm.js",
-  "private": true
-}

package/dist/TemplateBanner/styles.css

@@ -1 +0,0 @@
-.arc-v12-0-0-beta-13 .arc .arc-TemplateBanner{border-radius:var(--herobanner-radius-l);position:relative;width:100%}.arc-v12-0-0-beta-13 .arc .arc-TemplateBanner-background--light{background-color:var(--herobanner-color-light-bg-default);background-image:var(--herobanner-color-light-bg-gradient)}.arc-v12-0-0-beta-13 .arc .arc-TemplateBanner-background--dark{background-color:var(--herobanner-color-dark-bg-default);background-image:var(--herobanner-color-dark-bg-gradient)}.arc-v12-0-0-beta-13 .arc .arc-TemplateBanner--isContained{background:var(--herobanner-color-light-bg-contained)}.arc-v12-0-0-beta-13 .arc .arc-TemplateBanner-text{margin:0}.arc-v12-0-0-beta-13 .arc .arc-TemplateBanner .arc-Image-img{margin:0 auto}.arc-v12-0-0-beta-13 .arc .arc-TemplateBanner .arc-Box,.arc-v12-0-0-beta-13 .arc .arc-TemplateBanner .arc-Surface,.arc-v12-0-0-beta-13 .arc .arc-TemplateBanner .arc-Grid,.arc-v12-0-0-beta-13 .arc .arc-TemplateBanner .arc-Grid-inner,.arc-v12-0-0-beta-13 .arc .arc-TemplateBanner .arc-Grid-row{min-height:inherit}.arc-v12-0-0-beta-13 .arc .arc-TemplateBanner-content{padding:var(--herobanner-padding-s)}.arc-v12-0-0-beta-13 .arc .arc-TemplateBanner--elevation{box-shadow:var(--herobanner-box-shadow-01)}@media (min-width:636px){.arc-v12-0-0-beta-13 .arc .arc-TemplateBanner-content{padding:var(--herobanner-padding-m)}}@media (min-width:1024px){.arc-v12-0-0-beta-13 .arc .arc-TemplateBanner-content{padding:var(--herobanner-padding-l)}}.arc-v12-0-0-beta-13 .arc .arc-TemplateBanner-content--additionalTopMargin{margin-top:calc(var(--arc-content-switcher-height-plus-padding) / 2)}@media (min-width:636px){.arc-v12-0-0-beta-13 .arc .arc-TemplateBanner-content--additionalTopMargin{margin-top:calc((var(--arc-content-switcher-height-plus-padding)/2) * 0.59)}}@media (min-width:768px){.arc-v12-0-0-beta-13 .arc .arc-TemplateBanner-content--additionalTopMargin{margin-top:calc((var(--arc-content-switcher-height-plus-padding)/2) * 0.71)}}@media (min-width:1024px){.arc-v12-0-0-beta-13 .arc .arc-TemplateBanner-content--additionalTopMargin{margin-top:0}}