@arc-ui/components 11.8.0 → 11.10.0

package/dist/Modal/Modal.cjs.js

@@ -2,26 +2,26 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
+var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
 var React = require('react');
-var index$4 = require('../_shared/cjs/index-45bfb67b.js');
-var BtIconCrossAlt2Px = require('../_shared/cjs/BtIconCrossAlt2Px-30dc2688.js');
-var _extends = require('../_shared/cjs/extends-bb8ffacd.js');
-var index = require('../_shared/cjs/index-952918c9.js');
-var index$1 = require('../_shared/cjs/index-fb4b8fda.js');
-var index$2 = require('../_shared/cjs/index-96c4d581.js');
-var index$3 = require('../_shared/cjs/index-ec260f5e.js');
-var Icon = require('../_shared/cjs/Icon-e1dd45eb.js');
-var Base = require('../_shared/cjs/Base-569e4334.js');
-var Heading = require('../_shared/cjs/Heading-e3332dcf.js');
-var Button = require('../_shared/cjs/Button-5aaa6776.js');
-var Text = require('../_shared/cjs/Text-fa447e2d.js');
-var VerticalSpace = require('../_shared/cjs/VerticalSpace-86f697e7.js');
+var index$4 = require('../_shared/cjs/index-9947ac13.js');
+var BtIconCrossAlt2Px_esm = require('../_shared/cjs/BtIconCrossAlt2Px.esm-c002bf55.js');
+var _extends = require('../_shared/cjs/extends-8c5e4b48.js');
+var index = require('../_shared/cjs/index-c575a255.js');
+var index$1 = require('../_shared/cjs/index-adbb63da.js');
+var index$2 = require('../_shared/cjs/index-6b2a9ac3.js');
+var index$3 = require('../_shared/cjs/index-43458549.js');
+var Icon = require('../_shared/cjs/Icon-cf30e736.js');
+var Base = require('../_shared/cjs/Base-f5a86eed.js');
+var Heading = require('../_shared/cjs/Heading-ba2f74ad.js');
+var Button = require('../_shared/cjs/Button-c22c9787.js');
+var Text = require('../_shared/cjs/Text-76b7fea1.js');
+var VerticalSpace = require('../_shared/cjs/VerticalSpace-dc53bb70.js');
 require('react-dom');
-require('../_shared/cjs/suffix-modifier-1ee2da04.js');
-require('../_shared/cjs/Surface-b7c51b2b.js');
-require('../_shared/cjs/BtIconChevronLeftMid-df952a3e.js');
-require('../_shared/cjs/BtIconChevronRightMid-5a38d855.js');
+require('../_shared/cjs/suffix-modifier-64dcd338.js');
+require('../_shared/cjs/Surface-80c0909a.js');
+require('../_shared/cjs/BtIconChevronLeftMid.esm-7c2fc822.js');
+require('../_shared/cjs/BtIconChevronRightMid.esm-cce080c8.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -325,82 +325,6 @@ function $3db38b7d1fb3fe6a$var$createFocusGuard() {
     return element;
 }
 
-/* -------------------------------------------------------------------------------------------------
- * 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: forwardedRef ? index.$6ed0406888f73fc4$export$43e446d32b3d21af(forwardedRef, children.ref) : 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
-    };
-}
-
 /* -------------------------------------------------------------------------------------------------
  * Dialog
  * -----------------------------------------------------------------------------------------------*/ const $5d3850c4d0b4e6c7$var$DIALOG_NAME = 'Dialog';
@@ -471,7 +395,7 @@ const $5d3850c4d0b4e6c7$var$DialogOverlayImpl = /*#__PURE__*/ React.forwardRef((
     return(/*#__PURE__*/ // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
     // ie. when `Overlay` and `Content` are siblings
     React.createElement(index$3.$01b9c$RemoveScroll, {
-        as: $5e63c961fc1ce211$export$8c6ed5c666ac1360,
+        as: index.$5e63c961fc1ce211$export$8c6ed5c666ac1360,
         allowPinchZoom: true,
         shards: [
             context.contentRef
@@ -651,7 +575,7 @@ var Modal = function (_a) {
         }
     };
     return (React__default["default"].createElement($5d3850c4d0b4e6c7$export$be92b6f5f03c0fe9, { open: isOpen },
-        React__default["default"].createElement($5d3850c4d0b4e6c7$export$602eac185826482c, { container: arcRootElement },
+        React__default["default"].createElement($5d3850c4d0b4e6c7$export$602eac185826482c, { container: arcRootElement || undefined },
             React__default["default"].createElement($5d3850c4d0b4e6c7$export$c6fdb837b070b4ff, { className: "arc-Modal-overlay" },
                 React__default["default"].createElement($5d3850c4d0b4e6c7$export$7c6e2c02157bb7d2, filterDataAttrs.__assign({}, ariaProps, { role: role, onOpenAutoFocus: setTriggerElement, onCloseAutoFocus: focusTriggerElement, onEscapeKeyDown: closeModal, onInteractOutside: closeModal, className: index$4.classNames("arc-Modal-dialog", "arc-Modal-dialog--".concat(size), {
                         "arc-Modal-dialog--maxHeightWindow": isContentScrollable
@@ -671,7 +595,7 @@ var Modal = function (_a) {
                             React__default["default"].createElement(Button.Button, filterDataAttrs.__assign({ isFullWidth: true }, props)))); })))),
                     canShowClose && (React__default["default"].createElement("div", { className: "arc-Modal-iconContainer" },
                         React__default["default"].createElement("button", { "aria-label": "close", onClick: closeModal, className: "arc-Modal-closeButton" },
-                            React__default["default"].createElement(Icon.Icon, { size: 32, icon: BtIconCrossAlt2Px.BtIconCrossAlt2Px_2 })))))))));
+                            React__default["default"].createElement(Icon.Icon, { size: 32, icon: BtIconCrossAlt2Px_esm.BtIconCrossAlt2Px })))))))));
 };
 
 exports.Modal = Modal;

package/dist/Modal/Modal.esm.js

@@ -1,23 +1,23 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-afdb7d32.js';
-import React__default, { forwardRef, useState, useRef, useEffect, useCallback, createElement, Children, isValidElement, cloneElement, Fragment, useContext } from 'react';
-import { c as classNames } from '../_shared/esm/index-2ae58626.js';
-import { B as BtIconCrossAlt2Px_2 } from '../_shared/esm/BtIconCrossAlt2Px-a6a9f431.js';
-import { _ as _extends } from '../_shared/esm/extends-4575346e.js';
-import { $ as $b1b2314f5f9a1d84$export$25bec8c6f54ee79a, a as $6ed0406888f73fc4$export$c7b2cbe3552a0d05, b as $8927f6f2acc4f386$export$250ffa63cdc0d034, c as $6ed0406888f73fc4$export$43e446d32b3d21af, d as $c512c27ab02ef895$export$50c7b4e9d9f19c1, e as $71cd76cc60e0454e$export$6f32135080cb4c3, f as $921a889cee6df7e8$export$99c2b779aa4e8b8b, g as $e42e1063c40fb3ef$export$b9ecd428b558ff10 } from '../_shared/esm/index-22aad354.js';
-import { $ as $1746a345f3d73bb7$export$f680877a34711e37 } from '../_shared/esm/index-bed18a88.js';
-import { $ as $f1701beae083dbae$export$602eac185826482c, a as $5cb92bef7577960e$export$177fb62ff3ec1f22 } from '../_shared/esm/index-94ecc5f8.js';
-import { $ as $01b9c$RemoveScroll, h as hideOthers } from '../_shared/esm/index-369dce7f.js';
-import { I as Icon } from '../_shared/esm/Icon-c1af47bc.js';
-import { A as ArcRootElementContext } from '../_shared/esm/Base-6c01e0ec.js';
-import { H as Heading } from '../_shared/esm/Heading-0f629151.js';
-import { B as Button } from '../_shared/esm/Button-d1dbcf79.js';
-import { T as Text } from '../_shared/esm/Text-40457811.js';
-import { V as VerticalSpace } from '../_shared/esm/VerticalSpace-93980c9c.js';
+import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
+import React__default, { forwardRef, useState, useRef, useEffect, useCallback, createElement, Children, Fragment, useContext } from 'react';
+import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
+import { B as BtIconCrossAlt2Px } from '../_shared/esm/BtIconCrossAlt2Px.esm-425a6beb.js';
+import { _ as _extends } from '../_shared/esm/extends-8cc61aad.js';
+import { $ as $b1b2314f5f9a1d84$export$25bec8c6f54ee79a, a as $6ed0406888f73fc4$export$c7b2cbe3552a0d05, b as $8927f6f2acc4f386$export$250ffa63cdc0d034, c as $c512c27ab02ef895$export$50c7b4e9d9f19c1, d as $71cd76cc60e0454e$export$6f32135080cb4c3, e as $921a889cee6df7e8$export$99c2b779aa4e8b8b, f as $5e63c961fc1ce211$export$8c6ed5c666ac1360, g as $e42e1063c40fb3ef$export$b9ecd428b558ff10 } from '../_shared/esm/index-13d575cc.js';
+import { $ as $1746a345f3d73bb7$export$f680877a34711e37 } from '../_shared/esm/index-efd9ef1c.js';
+import { $ as $f1701beae083dbae$export$602eac185826482c, a as $5cb92bef7577960e$export$177fb62ff3ec1f22 } from '../_shared/esm/index-3797d77e.js';
+import { $ as $01b9c$RemoveScroll, h as hideOthers } from '../_shared/esm/index-41d7af2b.js';
+import { I as Icon } from '../_shared/esm/Icon-3bfabb14.js';
+import { A as ArcRootElementContext } from '../_shared/esm/Base-f200653c.js';
+import { H as Heading } from '../_shared/esm/Heading-8bb7b7c0.js';
+import { B as Button } from '../_shared/esm/Button-67f68b14.js';
+import { T as Text } from '../_shared/esm/Text-a3720712.js';
+import { V as VerticalSpace } from '../_shared/esm/VerticalSpace-43cd9138.js';
 import 'react-dom';
-import '../_shared/esm/suffix-modifier-7e640670.js';
-import '../_shared/esm/Surface-dde51789.js';
-import '../_shared/esm/BtIconChevronLeftMid-9f4f3a3d.js';
-import '../_shared/esm/BtIconChevronRightMid-d9b11761.js';
+import '../_shared/esm/suffix-modifier-3d548e45.js';
+import '../_shared/esm/Surface-c6e817cd.js';
+import '../_shared/esm/BtIconChevronLeftMid.esm-e69276cb.js';
+import '../_shared/esm/BtIconChevronRightMid.esm-24809a93.js';
 
 const $d3863c46a17e8a28$var$AUTOFOCUS_ON_MOUNT = 'focusScope.autoFocusOnMount';
 const $d3863c46a17e8a28$var$AUTOFOCUS_ON_UNMOUNT = 'focusScope.autoFocusOnUnmount';
@@ -317,82 +317,6 @@ function $3db38b7d1fb3fe6a$var$createFocusGuard() {
     return element;
 }
 
-/* -------------------------------------------------------------------------------------------------
- * Slot
- * -----------------------------------------------------------------------------------------------*/ const $5e63c961fc1ce211$export$8c6ed5c666ac1360 = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
-    const { children: children , ...slotProps } = props;
-    const childrenArray = 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 (Children.count(newElement) > 1) return Children.only(null);
-                return /*#__PURE__*/ isValidElement(newElement) ? newElement.props.children : null;
-            } else return child;
-        });
-        return /*#__PURE__*/ createElement($5e63c961fc1ce211$var$SlotClone, _extends({}, slotProps, {
-            ref: forwardedRef
-        }), /*#__PURE__*/ isValidElement(newElement) ? /*#__PURE__*/ cloneElement(newElement, undefined, newChildren) : null);
-    }
-    return /*#__PURE__*/ createElement($5e63c961fc1ce211$var$SlotClone, _extends({}, slotProps, {
-        ref: forwardedRef
-    }), children);
-});
-$5e63c961fc1ce211$export$8c6ed5c666ac1360.displayName = 'Slot';
-/* -------------------------------------------------------------------------------------------------
- * SlotClone
- * -----------------------------------------------------------------------------------------------*/ const $5e63c961fc1ce211$var$SlotClone = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
-    const { children: children , ...slotProps } = props;
-    if (/*#__PURE__*/ isValidElement(children)) return /*#__PURE__*/ cloneElement(children, {
-        ...$5e63c961fc1ce211$var$mergeProps(slotProps, children.props),
-        ref: forwardedRef ? $6ed0406888f73fc4$export$43e446d32b3d21af(forwardedRef, children.ref) : children.ref
-    });
-    return Children.count(children) > 1 ? Children.only(null) : null;
-});
-$5e63c961fc1ce211$var$SlotClone.displayName = 'SlotClone';
-/* -------------------------------------------------------------------------------------------------
- * Slottable
- * -----------------------------------------------------------------------------------------------*/ const $5e63c961fc1ce211$export$d9f1ccf0bdb05d45 = ({ children: children  })=>{
-    return /*#__PURE__*/ createElement(Fragment, null, children);
-};
-/* ---------------------------------------------------------------------------------------------- */ function $5e63c961fc1ce211$var$isSlottable(child) {
-    return /*#__PURE__*/ 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
-    };
-}
-
 /* -------------------------------------------------------------------------------------------------
  * Dialog
  * -----------------------------------------------------------------------------------------------*/ const $5d3850c4d0b4e6c7$var$DIALOG_NAME = 'Dialog';
@@ -643,7 +567,7 @@ var Modal = function (_a) {
         }
     };
     return (React__default.createElement($5d3850c4d0b4e6c7$export$be92b6f5f03c0fe9, { open: isOpen },
-        React__default.createElement($5d3850c4d0b4e6c7$export$602eac185826482c, { container: arcRootElement },
+        React__default.createElement($5d3850c4d0b4e6c7$export$602eac185826482c, { container: arcRootElement || undefined },
             React__default.createElement($5d3850c4d0b4e6c7$export$c6fdb837b070b4ff, { className: "arc-Modal-overlay" },
                 React__default.createElement($5d3850c4d0b4e6c7$export$7c6e2c02157bb7d2, __assign({}, ariaProps, { role: role, onOpenAutoFocus: setTriggerElement, onCloseAutoFocus: focusTriggerElement, onEscapeKeyDown: closeModal, onInteractOutside: closeModal, className: classNames("arc-Modal-dialog", "arc-Modal-dialog--".concat(size), {
                         "arc-Modal-dialog--maxHeightWindow": isContentScrollable
@@ -663,7 +587,7 @@ var Modal = function (_a) {
                             React__default.createElement(Button, __assign({ isFullWidth: true }, props)))); })))),
                     canShowClose && (React__default.createElement("div", { className: "arc-Modal-iconContainer" },
                         React__default.createElement("button", { "aria-label": "close", onClick: closeModal, className: "arc-Modal-closeButton" },
-                            React__default.createElement(Icon, { size: 32, icon: BtIconCrossAlt2Px_2 })))))))));
+                            React__default.createElement(Icon, { size: 32, icon: BtIconCrossAlt2Px })))))))));
 };
 
 export { Modal };

package/dist/Modal/package.json

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

package/dist/Pagination/Pagination.cjs.js

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
-var index = require('../_shared/cjs/index-45bfb67b.js');
+var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
+var index = require('../_shared/cjs/index-9947ac13.js');
 var React = require('react');
-var BtIconChevronRightMid = require('../_shared/cjs/BtIconChevronRightMid-5a38d855.js');
-var BtIconChevronLeftMid = require('../_shared/cjs/BtIconChevronLeftMid-df952a3e.js');
-var Icon = require('../_shared/cjs/Icon-e1dd45eb.js');
-var Surface = require('../_shared/cjs/Surface-b7c51b2b.js');
-require('../_shared/cjs/suffix-modifier-1ee2da04.js');
+var BtIconChevronRightMid_esm = require('../_shared/cjs/BtIconChevronRightMid.esm-cce080c8.js');
+var BtIconChevronLeftMid_esm = require('../_shared/cjs/BtIconChevronLeftMid.esm-7c2fc822.js');
+var Icon = require('../_shared/cjs/Icon-cf30e736.js');
+var Surface = require('../_shared/cjs/Surface-80c0909a.js');
+require('../_shared/cjs/suffix-modifier-64dcd338.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -71,7 +71,7 @@ var Pagination = function (_a) {
                 "arc-Pagination-navigationButton--hidden": selectedPage === 1
             }), onClick: handlePagechange(selectedPage - 1) },
             React__default["default"].createElement("div", { className: "arc-Pagination-navigationButtonIcon arc-Pagination-navigationButtonIcon--left" },
-                React__default["default"].createElement(Icon.Icon, { color: "brand", size: 32, icon: BtIconChevronLeftMid.BtIconChevronLeftMid_2 }))),
+                React__default["default"].createElement(Icon.Icon, { color: "brand", size: 32, icon: BtIconChevronLeftMid_esm.BtIconChevronLeftMid }))),
         React__default["default"].createElement("div", { className: "arc-Pagination-pageNumberContainer" }, pageRange.map(function (rangeValue, i) {
             return isPageNumber(rangeValue) ? (React__default["default"].createElement("button", { "aria-current": parseInt(rangeValue) === selectedPage, key: "pagination-range-value-".concat(rangeValue), "aria-label": "Go to page ".concat(rangeValue), className: index.classNames("arc-Pagination-value arc-Pagination-value--number", {
                     "arc-Pagination-value--selected": parseInt(rangeValue) === selectedPage
@@ -81,7 +81,7 @@ var Pagination = function (_a) {
                 "arc-Pagination-navigationButton--hidden": selectedPage === pageCount
             }), onClick: handlePagechange(selectedPage + 1) },
             React__default["default"].createElement("div", { className: "arc-Pagination-navigationButtonIcon arc-Pagination-navigationButtonIcon--right" },
-                React__default["default"].createElement(Icon.Icon, { color: "brand", size: 32, icon: BtIconChevronRightMid.BtIconChevronRightMid_2 })))));
+                React__default["default"].createElement(Icon.Icon, { color: "brand", size: 32, icon: BtIconChevronRightMid_esm.BtIconChevronRightMid })))));
 };
 
 exports.Pagination = Pagination;

package/dist/Pagination/Pagination.esm.js

@@ -1,11 +1,11 @@
-import { b as __spreadArray, _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-afdb7d32.js';
-import { c as classNames } from '../_shared/esm/index-2ae58626.js';
+import { b as __spreadArray, _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
+import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
 import React__default, { useMemo, useContext, useState } from 'react';
-import { B as BtIconChevronRightMid_2 } from '../_shared/esm/BtIconChevronRightMid-d9b11761.js';
-import { B as BtIconChevronLeftMid_2 } from '../_shared/esm/BtIconChevronLeftMid-9f4f3a3d.js';
-import { I as Icon } from '../_shared/esm/Icon-c1af47bc.js';
-import { C as Context } from '../_shared/esm/Surface-dde51789.js';
-import '../_shared/esm/suffix-modifier-7e640670.js';
+import { B as BtIconChevronRightMid } from '../_shared/esm/BtIconChevronRightMid.esm-24809a93.js';
+import { B as BtIconChevronLeftMid } from '../_shared/esm/BtIconChevronLeftMid.esm-e69276cb.js';
+import { I as Icon } from '../_shared/esm/Icon-3bfabb14.js';
+import { C as Context } from '../_shared/esm/Surface-c6e817cd.js';
+import '../_shared/esm/suffix-modifier-3d548e45.js';
 
 var usePagination = function (pageCount, selectedPage) {
     var formatValues = function (range) {
@@ -63,7 +63,7 @@ var Pagination = function (_a) {
                 "arc-Pagination-navigationButton--hidden": selectedPage === 1
             }), onClick: handlePagechange(selectedPage - 1) },
             React__default.createElement("div", { className: "arc-Pagination-navigationButtonIcon arc-Pagination-navigationButtonIcon--left" },
-                React__default.createElement(Icon, { color: "brand", size: 32, icon: BtIconChevronLeftMid_2 }))),
+                React__default.createElement(Icon, { color: "brand", size: 32, icon: BtIconChevronLeftMid }))),
         React__default.createElement("div", { className: "arc-Pagination-pageNumberContainer" }, pageRange.map(function (rangeValue, i) {
             return isPageNumber(rangeValue) ? (React__default.createElement("button", { "aria-current": parseInt(rangeValue) === selectedPage, key: "pagination-range-value-".concat(rangeValue), "aria-label": "Go to page ".concat(rangeValue), className: classNames("arc-Pagination-value arc-Pagination-value--number", {
                     "arc-Pagination-value--selected": parseInt(rangeValue) === selectedPage
@@ -73,7 +73,7 @@ var Pagination = function (_a) {
                 "arc-Pagination-navigationButton--hidden": selectedPage === pageCount
             }), onClick: handlePagechange(selectedPage + 1) },
             React__default.createElement("div", { className: "arc-Pagination-navigationButtonIcon arc-Pagination-navigationButtonIcon--right" },
-                React__default.createElement(Icon, { color: "brand", size: 32, icon: BtIconChevronRightMid_2 })))));
+                React__default.createElement(Icon, { color: "brand", size: 32, icon: BtIconChevronRightMid })))));
 };
 
 export { Pagination };

package/dist/Pagination/package.json

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

package/dist/PaginationSimple/PaginationSimple.cjs.js

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
-var index = require('../_shared/cjs/index-45bfb67b.js');
+var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
+var index = require('../_shared/cjs/index-9947ac13.js');
 var React = require('react');
-var BtIconChevronRightMid = require('../_shared/cjs/BtIconChevronRightMid-5a38d855.js');
-var BtIconChevronLeftMid = require('../_shared/cjs/BtIconChevronLeftMid-df952a3e.js');
-var Icon = require('../_shared/cjs/Icon-e1dd45eb.js');
-var Surface = require('../_shared/cjs/Surface-b7c51b2b.js');
-require('../_shared/cjs/suffix-modifier-1ee2da04.js');
+var BtIconChevronRightMid_esm = require('../_shared/cjs/BtIconChevronRightMid.esm-cce080c8.js');
+var BtIconChevronLeftMid_esm = require('../_shared/cjs/BtIconChevronLeftMid.esm-7c2fc822.js');
+var Icon = require('../_shared/cjs/Icon-cf30e736.js');
+var Surface = require('../_shared/cjs/Surface-80c0909a.js');
+require('../_shared/cjs/suffix-modifier-64dcd338.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -32,7 +32,7 @@ var PaginationSimple = function (_a) {
                 onPrevPage();
             } },
             React__default["default"].createElement("div", { className: "arc-PaginationSimple-iconContainer arc-PaginationSimple-iconContainer--left" },
-                React__default["default"].createElement(Icon.Icon, { color: "brand", size: 32, icon: BtIconChevronLeftMid.BtIconChevronLeftMid_2 })),
+                React__default["default"].createElement(Icon.Icon, { color: "brand", size: 32, icon: BtIconChevronLeftMid_esm.BtIconChevronLeftMid })),
             React__default["default"].createElement("span", { className: "arc-PaginationSimple-prevText" }, "Prev")),
         React__default["default"].createElement("button", { className: index.classNames("arc-PaginationSimple-navigationButton", {
                 "arc-PaginationSimple-navigationButton--hidden": hideNext
@@ -41,7 +41,7 @@ var PaginationSimple = function (_a) {
             } },
             React__default["default"].createElement("span", { className: "arc-PaginationSimple-nextText" }, "Next"),
             React__default["default"].createElement("div", { className: "arc-PaginationSimple-iconContainer arc-PaginationSimple-iconContainer--right" },
-                React__default["default"].createElement(Icon.Icon, { color: "brand", size: 32, icon: BtIconChevronRightMid.BtIconChevronRightMid_2 })))));
+                React__default["default"].createElement(Icon.Icon, { color: "brand", size: 32, icon: BtIconChevronRightMid_esm.BtIconChevronRightMid })))));
 };
 
 exports.PaginationSimple = PaginationSimple;

package/dist/PaginationSimple/PaginationSimple.esm.js

@@ -1,11 +1,11 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-afdb7d32.js';
-import { c as classNames } from '../_shared/esm/index-2ae58626.js';
+import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
+import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
 import React__default, { useContext } from 'react';
-import { B as BtIconChevronRightMid_2 } from '../_shared/esm/BtIconChevronRightMid-d9b11761.js';
-import { B as BtIconChevronLeftMid_2 } from '../_shared/esm/BtIconChevronLeftMid-9f4f3a3d.js';
-import { I as Icon } from '../_shared/esm/Icon-c1af47bc.js';
-import { C as Context } from '../_shared/esm/Surface-dde51789.js';
-import '../_shared/esm/suffix-modifier-7e640670.js';
+import { B as BtIconChevronRightMid } from '../_shared/esm/BtIconChevronRightMid.esm-24809a93.js';
+import { B as BtIconChevronLeftMid } from '../_shared/esm/BtIconChevronLeftMid.esm-e69276cb.js';
+import { I as Icon } from '../_shared/esm/Icon-3bfabb14.js';
+import { C as Context } from '../_shared/esm/Surface-c6e817cd.js';
+import '../_shared/esm/suffix-modifier-3d548e45.js';
 
 /**
  * Use `PaginationSimple` to navigate multiple pages.
@@ -24,7 +24,7 @@ var PaginationSimple = function (_a) {
                 onPrevPage();
             } },
             React__default.createElement("div", { className: "arc-PaginationSimple-iconContainer arc-PaginationSimple-iconContainer--left" },
-                React__default.createElement(Icon, { color: "brand", size: 32, icon: BtIconChevronLeftMid_2 })),
+                React__default.createElement(Icon, { color: "brand", size: 32, icon: BtIconChevronLeftMid })),
             React__default.createElement("span", { className: "arc-PaginationSimple-prevText" }, "Prev")),
         React__default.createElement("button", { className: classNames("arc-PaginationSimple-navigationButton", {
                 "arc-PaginationSimple-navigationButton--hidden": hideNext
@@ -33,7 +33,7 @@ var PaginationSimple = function (_a) {
             } },
             React__default.createElement("span", { className: "arc-PaginationSimple-nextText" }, "Next"),
             React__default.createElement("div", { className: "arc-PaginationSimple-iconContainer arc-PaginationSimple-iconContainer--right" },
-                React__default.createElement(Icon, { color: "brand", size: 32, icon: BtIconChevronRightMid_2 })))));
+                React__default.createElement(Icon, { color: "brand", size: 32, icon: BtIconChevronRightMid })))));
 };
 
 export { PaginationSimple };

package/dist/PaginationSimple/package.json

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

package/dist/Poster/Poster.cjs.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Poster = require('../_shared/cjs/Poster-faea1ad3.js');
-require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
-require('../_shared/cjs/index-45bfb67b.js');
+var Poster = require('../_shared/cjs/Poster-62e2ba67.js');
+require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
+require('../_shared/cjs/index-9947ac13.js');
 require('react');
-require('../_shared/cjs/Surface-b7c51b2b.js');
-require('../_shared/cjs/Image-0e393cbf.js');
-require('../_shared/cjs/suffix-modifier-1ee2da04.js');
+require('../_shared/cjs/Surface-80c0909a.js');
+require('../_shared/cjs/Image-e873b8fc.js');
+require('../_shared/cjs/suffix-modifier-64dcd338.js');
 
 
 

package/dist/Poster/Poster.esm.js

@@ -1,7 +1,7 @@
-export { P as Poster } from '../_shared/esm/Poster-a83ae770.js';
-import '../_shared/esm/filter-data-attrs-afdb7d32.js';
-import '../_shared/esm/index-2ae58626.js';
+export { P as Poster } from '../_shared/esm/Poster-046b0f77.js';
+import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
+import '../_shared/esm/index-2e73c2e9.js';
 import 'react';
-import '../_shared/esm/Surface-dde51789.js';
-import '../_shared/esm/Image-3ed3863c.js';
-import '../_shared/esm/suffix-modifier-7e640670.js';
+import '../_shared/esm/Surface-c6e817cd.js';
+import '../_shared/esm/Image-12fbd327.js';
+import '../_shared/esm/suffix-modifier-3d548e45.js';

package/dist/Poster/package.json

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

package/dist/ProgressBar/ProgressBar.cjs.js

@@ -2,25 +2,24 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
-var index = require('../_shared/cjs/index-45bfb67b.js');
-var React$1 = require('react');
-var Text = require('../_shared/cjs/Text-fa447e2d.js');
-var Heading = require('../_shared/cjs/Heading-e3332dcf.js');
-var VerticalSpace = require('../_shared/cjs/VerticalSpace-86f697e7.js');
-var Icon = require('../_shared/cjs/Icon-e1dd45eb.js');
-var Surface = require('../_shared/cjs/Surface-b7c51b2b.js');
-var BtIconTickAlt2Px = require('../_shared/cjs/BtIconTickAlt2Px-bdf06f8c.js');
-var BtIconCrossAlt2Px = require('../_shared/cjs/BtIconCrossAlt2Px-30dc2688.js');
-require('../_shared/cjs/suffix-modifier-1ee2da04.js');
+var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
+var index = require('../_shared/cjs/index-9947ac13.js');
+var React = require('react');
+var Text = require('../_shared/cjs/Text-76b7fea1.js');
+var Heading = require('../_shared/cjs/Heading-ba2f74ad.js');
+var VerticalSpace = require('../_shared/cjs/VerticalSpace-dc53bb70.js');
+var Icon = require('../_shared/cjs/Icon-cf30e736.js');
+var Surface = require('../_shared/cjs/Surface-80c0909a.js');
+var BtIconTickAlt2Px_esm = require('../_shared/cjs/BtIconTickAlt2Px.esm-4862184c.js');
+var BtIconCrossAlt2Px_esm = require('../_shared/cjs/BtIconCrossAlt2Px.esm-c002bf55.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$1);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const React = React__default["default"];
 const BtIconRefresh = props =>
-  /*#__PURE__*/ React.createElement(
+  /*#__PURE__*/ React__default["default"].createElement(
     "svg",
     Object.assign(
       {
@@ -29,24 +28,23 @@ const BtIconRefresh = 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:
         "M13.41077,21.99951a.5005.5005,0,0,0-.35743.8501l2.04609,2.08716A8.98732,8.98732,0,0,1,13.15332,7.46631a.50028.50028,0,1,0-.31641-.94922A9.98437,9.98437,0,0,0,15.127,25.93823l.00159.02881c.0011.01.02008.00128.03015.002L13.026,28.16846a.50036.50036,0,0,0,.71875.69629l3.28418-3.38819-3.26074-3.32715A.50106.50106,0,0,0,13.41077,21.99951Z",
       fill: "currentColor"
     }),
-    /*#__PURE__*/ React.createElement("path", {
+    /*#__PURE__*/ React__default["default"].createElement("path", {
       d:
         "M16.79028,6.04633,16.79,6.04077c-.0011-.01-.02008-.00128-.03015-.00195l2.13275-2.19946a.50036.50036,0,0,0-.71875-.69629L14.88965,6.53125,18.15039,9.8584a.50106.50106,0,0,0,.35742.1499.5005.5005,0,0,0,.35742-.8501L16.7951,7.04657a8.98484,8.98484,0,0,1,2.05646,17.47589.49982.49982,0,1,0,.31641.94824A9.98244,9.98244,0,0,0,16.79028,6.04633Z",
       fill: "currentColor"
     })
   );
-var BtIconRefresh_2 = BtIconRefresh;
 
 var PROGRESS_BAR_ICON_MAP = {
-    refresh: BtIconRefresh_2,
-    tick: BtIconTickAlt2Px.BtIconTickAlt2Px_2,
-    cross: BtIconCrossAlt2Px.BtIconCrossAlt2Px_2
+    refresh: BtIconRefresh,
+    tick: BtIconTickAlt2Px_esm.BtIconTickAlt2Px,
+    cross: BtIconCrossAlt2Px_esm.BtIconCrossAlt2Px
 };
 
 var getProgressBarProps = function (isIndeterminate, progressValue, ariaLabel) {
@@ -65,7 +63,7 @@ var getProgressBarProps = function (isIndeterminate, progressValue, ariaLabel) {
 
 var ProgressBar = function (_a) {
     var _b = _a.state, state = _b === void 0 ? "loading" : _b, _c = _a.value, value = _c === void 0 ? 0 : _c, _d = _a.isIndeterminate, isIndeterminate = _d === void 0 ? false : _d, headline = _a.headline, ariaLabel = _a.ariaLabel, action = _a.action, title = _a.title, description = _a.description, displayValue = _a.displayValue, props = filterDataAttrs.__rest(_a, ["state", "value", "isIndeterminate", "headline", "ariaLabel", "action", "title", "description", "displayValue"]);
-    var surface = React$1.useContext(Surface.Context).surface;
+    var surface = React.useContext(Surface.Context).surface;
     var progressValue = Math.min(100, Math.max(0, value));
     return (React__default["default"].createElement("div", filterDataAttrs.__assign({ "data-testid": "progress", className: index.classNames("arc-ProgressBar", "arc-ProgressBar--".concat(state), {
             "arc-ProgressBar--onDarkSurface": surface === "dark"