@arc-ui/components 11.9.0 → 11.10.0

package/dist/Switch/Switch.esm.js

@@ -1,204 +1,19 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-afdb7d32.js';
-import React__default, { useCallback, createContext, useMemo, createElement, useContext, useRef, useEffect, useState, forwardRef } from 'react';
-import { c as classNames } from '../_shared/esm/index-2ae58626.js';
-import { _ as _extends } from '../_shared/esm/extends-4575346e.js';
-import { a as $9f79659886946c16$export$e5c5a5f917a5871c, $ as $5e63c961fc1ce211$export$8c6ed5c666ac1360, b as $010c2913dbd2fe3d$export$5cae361ad82dce8b } from '../_shared/esm/index.module-5ed90b21.js';
+import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
+import React__default, { useState, forwardRef, useRef, createElement, useEffect, useContext } from 'react';
+import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
+import { _ as _extends } from '../_shared/esm/extends-8cc61aad.js';
+import { g as $9f79659886946c16$export$e5c5a5f917a5871c, $ as $c512c27ab02ef895$export$50c7b4e9d9f19c1, a as $6ed0406888f73fc4$export$c7b2cbe3552a0d05, h as $71cd76cc60e0454e$export$6f32135080cb4c3, d as $8927f6f2acc4f386$export$250ffa63cdc0d034, e as $e42e1063c40fb3ef$export$b9ecd428b558ff10, i as $010c2913dbd2fe3d$export$5cae361ad82dce8b } from '../_shared/esm/index.module-44714d3f.js';
+import { I as Icon } from '../_shared/esm/Icon-3bfabb14.js';
+import { B as BtIconTickAlt2Px } from '../_shared/esm/BtIconTickAlt2Px.esm-ce22224b.js';
+import { C as Context } from '../_shared/esm/Surface-c6e817cd.js';
+import { F as FormControl } from '../_shared/esm/FormControl-aad4288c.js';
+import { V as VerticalSpace } from '../_shared/esm/VerticalSpace-43cd9138.js';
+import { T as Text } from '../_shared/esm/Text-a3720712.js';
 import 'react-dom';
-import { I as Icon } from '../_shared/esm/Icon-c1af47bc.js';
-import { B as BtIconTickAlt2Px_2 } from '../_shared/esm/BtIconTickAlt2Px-da97e9ae.js';
-import { C as Context } from '../_shared/esm/Surface-dde51789.js';
-import { F as FormControl } from '../_shared/esm/FormControl-f18e2f59.js';
-import { V as VerticalSpace } from '../_shared/esm/VerticalSpace-93980c9c.js';
-import { T as Text } from '../_shared/esm/Text-40457811.js';
-import '../_shared/esm/suffix-modifier-7e640670.js';
-import '../_shared/esm/BtIconAlert-55a6ed5c.js';
-import '../_shared/esm/DisclosureMini-9b819941.js';
-import '../_shared/esm/BtIconChevronDown2Px-782876e2.js';
-
-function $e42e1063c40fb3ef$export$b9ecd428b558ff10(originalEventHandler, ourEventHandler, { checkForDefaultPrevented: checkForDefaultPrevented = true  } = {}) {
-    return function handleEvent(event) {
-        originalEventHandler === null || originalEventHandler === void 0 || originalEventHandler(event);
-        if (checkForDefaultPrevented === false || !event.defaultPrevented) return ourEventHandler === null || ourEventHandler === void 0 ? void 0 : ourEventHandler(event);
-    };
-}
-
-/**
- * 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)
-        )
-    ;
-}
-/**
- * A custom hook that composes multiple refs
- * Accepts callback refs and RefObject(s)
- */ function $6ed0406888f73fc4$export$c7b2cbe3552a0d05(...refs) {
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    return useCallback($6ed0406888f73fc4$export$43e446d32b3d21af(...refs), refs);
-}
-
-/* -------------------------------------------------------------------------------------------------
- * createContextScope
- * -----------------------------------------------------------------------------------------------*/ function $c512c27ab02ef895$export$50c7b4e9d9f19c1(scopeName, createContextScopeDeps = []) {
-    let defaultContexts = [];
-    /* -----------------------------------------------------------------------------------------------
-   * createContext
-   * ---------------------------------------------------------------------------------------------*/ function $c512c27ab02ef895$export$fd42f52fd3ae1109(rootComponentName, defaultContext) {
-        const BaseContext = /*#__PURE__*/ createContext(defaultContext);
-        const index = defaultContexts.length;
-        defaultContexts = [
-            ...defaultContexts,
-            defaultContext
-        ];
-        function Provider(props) {
-            const { scope: scope , children: children , ...context } = props;
-            const Context = (scope === null || scope === void 0 ? void 0 : scope[scopeName][index]) || BaseContext; // Only re-memoize when prop values change
-            // eslint-disable-next-line react-hooks/exhaustive-deps
-            const value = useMemo(()=>context
-            , Object.values(context));
-            return /*#__PURE__*/ createElement(Context.Provider, {
-                value: value
-            }, children);
-        }
-        function useContext$1(consumerName, scope) {
-            const Context = (scope === null || scope === void 0 ? void 0 : scope[scopeName][index]) || BaseContext;
-            const context = useContext(Context);
-            if (context) return context;
-            if (defaultContext !== undefined) return defaultContext; // if a defaultContext wasn't specified, it's a required context.
-            throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
-        }
-        Provider.displayName = rootComponentName + 'Provider';
-        return [
-            Provider,
-            useContext$1
-        ];
-    }
-    /* -----------------------------------------------------------------------------------------------
-   * createScope
-   * ---------------------------------------------------------------------------------------------*/ const createScope = ()=>{
-        const scopeContexts = defaultContexts.map((defaultContext)=>{
-            return /*#__PURE__*/ createContext(defaultContext);
-        });
-        return function useScope(scope) {
-            const contexts = (scope === null || scope === void 0 ? void 0 : scope[scopeName]) || scopeContexts;
-            return useMemo(()=>({
-                    [`__scope${scopeName}`]: {
-                        ...scope,
-                        [scopeName]: contexts
-                    }
-                })
-            , [
-                scope,
-                contexts
-            ]);
-        };
-    };
-    createScope.scopeName = scopeName;
-    return [
-        $c512c27ab02ef895$export$fd42f52fd3ae1109,
-        $c512c27ab02ef895$var$composeContextScopes(createScope, ...createContextScopeDeps)
-    ];
-}
-/* -------------------------------------------------------------------------------------------------
- * composeContextScopes
- * -----------------------------------------------------------------------------------------------*/ function $c512c27ab02ef895$var$composeContextScopes(...scopes) {
-    const baseScope = scopes[0];
-    if (scopes.length === 1) return baseScope;
-    const createScope1 = ()=>{
-        const scopeHooks = scopes.map((createScope)=>({
-                useScope: createScope(),
-                scopeName: createScope.scopeName
-            })
-        );
-        return function useComposedScopes(overrideScopes) {
-            const nextScopes1 = scopeHooks.reduce((nextScopes, { useScope: useScope , scopeName: scopeName  })=>{
-                // We are calling a hook inside a callback which React warns against to avoid inconsistent
-                // renders, however, scoping doesn't have render side effects so we ignore the rule.
-                // eslint-disable-next-line react-hooks/rules-of-hooks
-                const scopeProps = useScope(overrideScopes);
-                const currentScope = scopeProps[`__scope${scopeName}`];
-                return {
-                    ...nextScopes,
-                    ...currentScope
-                };
-            }, {});
-            return useMemo(()=>({
-                    [`__scope${baseScope.scopeName}`]: nextScopes1
-                })
-            , [
-                nextScopes1
-            ]);
-        };
-    };
-    createScope1.scopeName = baseScope.scopeName;
-    return createScope1;
-}
-
-/**
- * A custom hook that converts a callback to a ref to avoid triggering re-renders when passed as a
- * prop or avoid re-executing effects when passed as a dependency
- */ function $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(callback) {
-    const callbackRef = useRef(callback);
-    useEffect(()=>{
-        callbackRef.current = callback;
-    }); // https://github.com/facebook/react/issues/19240
-    return useMemo(()=>(...args)=>{
-            var _callbackRef$current;
-            return (_callbackRef$current = callbackRef.current) === null || _callbackRef$current === void 0 ? void 0 : _callbackRef$current.call(callbackRef, ...args);
-        }
-    , []);
-}
-
-function $71cd76cc60e0454e$export$6f32135080cb4c3({ prop: prop , defaultProp: defaultProp , onChange: onChange = ()=>{}  }) {
-    const [uncontrolledProp, setUncontrolledProp] = $71cd76cc60e0454e$var$useUncontrolledState({
-        defaultProp: defaultProp,
-        onChange: onChange
-    });
-    const isControlled = prop !== undefined;
-    const value1 = isControlled ? prop : uncontrolledProp;
-    const handleChange = $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onChange);
-    const setValue = useCallback((nextValue)=>{
-        if (isControlled) {
-            const setter = nextValue;
-            const value = typeof nextValue === 'function' ? setter(prop) : nextValue;
-            if (value !== prop) handleChange(value);
-        } else setUncontrolledProp(nextValue);
-    }, [
-        isControlled,
-        prop,
-        setUncontrolledProp,
-        handleChange
-    ]);
-    return [
-        value1,
-        setValue
-    ];
-}
-function $71cd76cc60e0454e$var$useUncontrolledState({ defaultProp: defaultProp , onChange: onChange  }) {
-    const uncontrolledState = useState(defaultProp);
-    const [value] = uncontrolledState;
-    const prevValueRef = useRef(value);
-    const handleChange = $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onChange);
-    useEffect(()=>{
-        if (prevValueRef.current !== value) {
-            handleChange(value);
-            prevValueRef.current = value;
-        }
-    }, [
-        value,
-        prevValueRef,
-        handleChange
-    ]);
-    return uncontrolledState;
-}
+import '../_shared/esm/suffix-modifier-3d548e45.js';
+import '../_shared/esm/BtIconAlert.esm-09346130.js';
+import '../_shared/esm/DisclosureMini-376c013c.js';
+import '../_shared/esm/BtIconChevronDown2Px.esm-345d78fe.js';
 
 function $db6c3485150b8e66$export$1ab7ae714698c4b8(element) {
     const [size, setSize] = useState(undefined);
@@ -247,44 +62,6 @@ function $db6c3485150b8e66$export$1ab7ae714698c4b8(element) {
     return size;
 }
 
-const $8927f6f2acc4f386$var$NODES = [
-    'a',
-    'button',
-    'div',
-    'h2',
-    'h3',
-    'img',
-    'label',
-    'li',
-    'nav',
-    'ol',
-    'p',
-    'span',
-    'svg',
-    'ul'
-]; // Temporary while we await merge of this fix:
-// https://github.com/DefinitelyTyped/DefinitelyTyped/pull/55396
-// prettier-ignore
-/* -------------------------------------------------------------------------------------------------
- * Primitive
- * -----------------------------------------------------------------------------------------------*/ const $8927f6f2acc4f386$export$250ffa63cdc0d034 = $8927f6f2acc4f386$var$NODES.reduce((primitive, node)=>{
-    const Node = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
-        const { asChild: asChild , ...primitiveProps } = props;
-        const Comp = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360 : node;
-        useEffect(()=>{
-            window[Symbol.for('radix-ui')] = true;
-        }, []);
-        return /*#__PURE__*/ createElement(Comp, _extends({}, primitiveProps, {
-            ref: forwardedRef
-        }));
-    });
-    Node.displayName = `Primitive.${node}`;
-    return {
-        ...primitive,
-        [node]: Node
-    };
-}, {});
-
 /* -------------------------------------------------------------------------------------------------
  * Switch
  * -----------------------------------------------------------------------------------------------*/ const $6be4966fd9bbc698$var$SWITCH_NAME = 'Switch';
@@ -415,7 +192,7 @@ var Switch = function (_a) {
                     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(Icon, { icon: BtIconTickAlt2Px_2, color: surface === "dark" ? "brand" : "brand", size: labelSize === "l" ? 24 : 16 })))))),
+                                React__default.createElement(Icon, { icon: BtIconTickAlt2Px, color: surface === "dark" ? "brand" : "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"

package/dist/Switch/package.json

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

package/dist/Tabs/Tabs.cjs.js

@@ -2,18 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Tabs = require('../_shared/cjs/Tabs-fda49692.js');
-require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
+var Tabs = require('../_shared/cjs/Tabs-65e7af8a.js');
+require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
 require('react');
-require('../_shared/cjs/extends-bb8ffacd.js');
-require('../_shared/cjs/index-952918c9.js');
+require('../_shared/cjs/extends-8c5e4b48.js');
+require('../_shared/cjs/index-c575a255.js');
 require('react-dom');
-require('../_shared/cjs/index-27b53d49.js');
-require('../_shared/cjs/index-fb4b8fda.js');
-require('../_shared/cjs/Icon-e1dd45eb.js');
-require('../_shared/cjs/index-45bfb67b.js');
-require('../_shared/cjs/suffix-modifier-1ee2da04.js');
-require('../_shared/cjs/Surface-b7c51b2b.js');
+require('../_shared/cjs/index-b2fd6338.js');
+require('../_shared/cjs/index-adbb63da.js');
+require('../_shared/cjs/Icon-cf30e736.js');
+require('../_shared/cjs/index-9947ac13.js');
+require('../_shared/cjs/suffix-modifier-64dcd338.js');
+require('../_shared/cjs/Surface-80c0909a.js');
 
 
 

package/dist/Tabs/Tabs.esm.js

@@ -1,12 +1,12 @@
-export { T as Tabs } from '../_shared/esm/Tabs-5af0b940.js';
-import '../_shared/esm/filter-data-attrs-afdb7d32.js';
+export { T as Tabs } from '../_shared/esm/Tabs-ec960828.js';
+import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
 import 'react';
-import '../_shared/esm/extends-4575346e.js';
-import '../_shared/esm/index-22aad354.js';
+import '../_shared/esm/extends-8cc61aad.js';
+import '../_shared/esm/index-13d575cc.js';
 import 'react-dom';
-import '../_shared/esm/index-8000d9e3.js';
-import '../_shared/esm/index-bed18a88.js';
-import '../_shared/esm/Icon-c1af47bc.js';
-import '../_shared/esm/index-2ae58626.js';
-import '../_shared/esm/suffix-modifier-7e640670.js';
-import '../_shared/esm/Surface-dde51789.js';
+import '../_shared/esm/index-a1d2d9b3.js';
+import '../_shared/esm/index-efd9ef1c.js';
+import '../_shared/esm/Icon-3bfabb14.js';
+import '../_shared/esm/index-2e73c2e9.js';
+import '../_shared/esm/suffix-modifier-3d548e45.js';
+import '../_shared/esm/Surface-c6e817cd.js';

package/dist/Tabs/package.json

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

package/dist/Tag/Tag.cjs.js

@@ -2,20 +2,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
-var React$2 = require('react');
-var index = require('../_shared/cjs/index-45bfb67b.js');
-var Surface = require('../_shared/cjs/Surface-b7c51b2b.js');
-var Icon = require('../_shared/cjs/Icon-e1dd45eb.js');
-require('../_shared/cjs/suffix-modifier-1ee2da04.js');
+var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
+var React = require('react');
+var index = require('../_shared/cjs/index-9947ac13.js');
+var Surface = require('../_shared/cjs/Surface-80c0909a.js');
+var Icon = require('../_shared/cjs/Icon-cf30e736.js');
+require('../_shared/cjs/suffix-modifier-64dcd338.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React$2);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const React$1 = React__default["default"];
 const BtIconCross = props =>
-  /*#__PURE__*/ React$1.createElement(
+  /*#__PURE__*/ React__default["default"].createElement(
     "svg",
     Object.assign(
       {
@@ -24,23 +23,21 @@ const BtIconCross = props =>
       },
       props
     ),
-    /*#__PURE__*/ React$1.createElement("defs", null),
-    /*#__PURE__*/ React$1.createElement("path", {
+    /*#__PURE__*/ React__default["default"].createElement("defs", null),
+    /*#__PURE__*/ React__default["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$1.createElement("path", {
+    /*#__PURE__*/ React__default["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"
     })
   );
-var BtIconCross_2 = BtIconCross;
 
-const React = React__default["default"];
 const BtIconCrossFill = props =>
-  /*#__PURE__*/ React.createElement(
+  /*#__PURE__*/ React__default["default"].createElement(
     "svg",
     Object.assign(
       {
@@ -49,22 +46,21 @@ const BtIconCrossFill = props =>
       },
       props
     ),
-    /*#__PURE__*/ React.createElement("defs", null),
-    /*#__PURE__*/ React.createElement("path", {
+    /*#__PURE__*/ React__default["default"].createElement("defs", null),
+    /*#__PURE__*/ React__default["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"
     })
   );
-var BtIconCrossFill_2 = BtIconCrossFill;
 
 /**
  * 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, props = filterDataAttrs.__rest(_a, ["children", "isRemovable", "link", "icon", "onClick", "onRemove"]);
-    var surface = React$2.useContext(Surface.Context).surface;
-    var _b = React$2.useState(false), isRemoved = _b[0], setIsRemoved = _b[1];
+    var surface = React.useContext(Surface.Context).surface;
+    var _b = React.useState(false), isRemoved = _b[0], setIsRemoved = _b[1];
     var onRemoveHandler = function () {
         setIsRemoved(function (p) { return !p; });
         onRemove && onRemove();
@@ -87,8 +83,8 @@ var Tag = function (_a) {
                 React__default["default"].createElement(Icon.Icon, { "data-testid": "arc-Tag-icon", icon: icon, size: 16 }))),
             React__default["default"].createElement("div", { className: "arc-Tag-label" }, children))))),
         isRemovable && (React__default["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" },
-            React__default["default"].createElement(Icon.Icon, { icon: BtIconCross_2, color: "brand", size: 20 }),
-            React__default["default"].createElement(Icon.Icon, { icon: BtIconCrossFill_2, color: "brand", size: 20 })))));
+            React__default["default"].createElement(Icon.Icon, { icon: BtIconCross, color: "brand", size: 20 }),
+            React__default["default"].createElement(Icon.Icon, { icon: BtIconCrossFill, color: "brand", size: 20 })))));
 };
 
 exports.Tag = Tag;

package/dist/Tag/Tag.esm.js

@@ -1,13 +1,12 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-afdb7d32.js';
+import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
 import React__default, { useContext, useState } from 'react';
-import { c as classNames } from '../_shared/esm/index-2ae58626.js';
-import { C as Context } from '../_shared/esm/Surface-dde51789.js';
-import { I as Icon } from '../_shared/esm/Icon-c1af47bc.js';
-import '../_shared/esm/suffix-modifier-7e640670.js';
+import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
+import { C as Context } from '../_shared/esm/Surface-c6e817cd.js';
+import { I as Icon } from '../_shared/esm/Icon-3bfabb14.js';
+import '../_shared/esm/suffix-modifier-3d548e45.js';
 
-const React$1 = React__default;
 const BtIconCross = props =>
-  /*#__PURE__*/ React$1.createElement(
+  /*#__PURE__*/ React__default.createElement(
     "svg",
     Object.assign(
       {
@@ -16,23 +15,21 @@ const BtIconCross = props =>
       },
       props
     ),
-    /*#__PURE__*/ React$1.createElement("defs", null),
-    /*#__PURE__*/ React$1.createElement("path", {
+    /*#__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$1.createElement("path", {
+    /*#__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"
     })
   );
-var BtIconCross_2 = BtIconCross;
 
-const React = React__default;
 const BtIconCrossFill = props =>
-  /*#__PURE__*/ React.createElement(
+  /*#__PURE__*/ React__default.createElement(
     "svg",
     Object.assign(
       {
@@ -41,14 +38,13 @@ const BtIconCrossFill = props =>
       },
       props
     ),
-    /*#__PURE__*/ React.createElement("defs", null),
-    /*#__PURE__*/ React.createElement("path", {
+    /*#__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"
     })
   );
-var BtIconCrossFill_2 = BtIconCrossFill;
 
 /**
  * use `Tag` to promote features and manage filtering.
@@ -79,8 +75,8 @@ var Tag = function (_a) {
                 React__default.createElement(Icon, { "data-testid": "arc-Tag-icon", icon: icon, size: 16 }))),
             React__default.createElement("div", { className: "arc-Tag-label" }, 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" },
-            React__default.createElement(Icon, { icon: BtIconCross_2, color: "brand", size: 20 }),
-            React__default.createElement(Icon, { icon: BtIconCrossFill_2, color: "brand", size: 20 })))));
+            React__default.createElement(Icon, { icon: BtIconCross, color: "brand", size: 20 }),
+            React__default.createElement(Icon, { icon: BtIconCrossFill, color: "brand", size: 20 })))));
 };
 
 export { Tag };

package/dist/Tag/package.json

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

package/dist/Text/Text.cjs.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Text = require('../_shared/cjs/Text-fa447e2d.js');
-require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
-require('../_shared/cjs/index-45bfb67b.js');
+var Text = require('../_shared/cjs/Text-76b7fea1.js');
+require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
+require('../_shared/cjs/index-9947ac13.js');
 require('react');
-require('../_shared/cjs/suffix-modifier-1ee2da04.js');
-require('../_shared/cjs/Surface-b7c51b2b.js');
+require('../_shared/cjs/suffix-modifier-64dcd338.js');
+require('../_shared/cjs/Surface-80c0909a.js');
 
 
 

package/dist/Text/Text.esm.js

@@ -1,6 +1,6 @@
-export { T as Text } from '../_shared/esm/Text-40457811.js';
-import '../_shared/esm/filter-data-attrs-afdb7d32.js';
-import '../_shared/esm/index-2ae58626.js';
+export { T as Text } from '../_shared/esm/Text-a3720712.js';
+import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
+import '../_shared/esm/index-2e73c2e9.js';
 import 'react';
-import '../_shared/esm/suffix-modifier-7e640670.js';
-import '../_shared/esm/Surface-dde51789.js';
+import '../_shared/esm/suffix-modifier-3d548e45.js';
+import '../_shared/esm/Surface-c6e817cd.js';

package/dist/Text/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arc-ui/text",
-  "types": "./Text.esm.d.ts",
+  "types": "../types/components/Text/index.d.ts",
   "main": "./Text.cjs.js",
   "module": "./Text.esm.js",
   "private": true