@arc-ui/components 11.4.2 → 11.6.0

package/dist/DisclosureMini/DisclosureMini.cjs.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var DisclosureMini = require('../_shared/cjs/DisclosureMini-067e0319.js');
+require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
+require('../_shared/cjs/index-45bfb67b.js');
+require('react');
+require('../_shared/cjs/BtIconChevronDown2Px-8fb4e2eb.js');
+require('../_shared/cjs/Text-6f2827e6.js');
+require('../_shared/cjs/suffix-modifier-1ee2da04.js');
+require('../_shared/cjs/Surface-6da0a78e.js');
+
+
+
+exports.DisclosureMini = DisclosureMini.DisclosureMini;

package/dist/DisclosureMini/DisclosureMini.esm.d.ts

@@ -0,0 +1 @@
+export { DisclosureMini } from "../_shared/esm/DisclosureMini-022beae3";

package/dist/DisclosureMini/DisclosureMini.esm.js

@@ -0,0 +1,8 @@
+export { D as DisclosureMini } from '../_shared/esm/DisclosureMini-022beae3.js';
+import '../_shared/esm/filter-data-attrs-afdb7d32.js';
+import '../_shared/esm/index-2ae58626.js';
+import 'react';
+import '../_shared/esm/BtIconChevronDown2Px-782876e2.js';
+import '../_shared/esm/Text-00e9743b.js';
+import '../_shared/esm/suffix-modifier-7e640670.js';
+import '../_shared/esm/Surface-bb100ef8.js';

package/dist/DisclosureMini/package.json

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

package/dist/Elevation/Elevation.cjs.d.ts

@@ -8,6 +8,10 @@ interface ElevationProps {
      * Contents to Elevate.
      */
     children: ReactNode;
+    /**
+     * Shadow Elevation level.
+     */
+    elevationLevel?: "1" | "2";
     /**
      * Should the Elevation be full width?
      */

package/dist/Elevation/Elevation.cjs.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('../_shared/cjs/index-78b35bc1.js');
-var index$1 = require('../_shared/cjs/index-45bfb67b.js');
+var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
+var index = require('../_shared/cjs/index-45bfb67b.js');
 var React = require('react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -15,11 +15,13 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  */
 var Elevation = function (_a) {
     var _b;
-    var children = _a.children, _c = _a.isFullWidth, isFullWidth = _c === void 0 ? false : _c, props = index.__rest(_a, ["children", "isFullWidth"]);
-    return (React__default["default"].createElement("div", index.__assign({ className: index$1.classNames((_b = {},
+    var children = _a.children, _c = _a.elevationLevel, elevationLevel = _c === void 0 ? "2" : _c, _d = _a.isFullWidth, isFullWidth = _d === void 0 ? false : _d, props = filterDataAttrs.__rest(_a, ["children", "elevationLevel", "isFullWidth"]);
+    return (React__default["default"].createElement("div", filterDataAttrs.__assign({ className: index.classNames((_b = {},
             _b["arc-Elevation"] = true,
+            _b["arc-Elevation--levelOne"] = elevationLevel === "1",
+            _b["arc-Elevation--levelTwo"] = elevationLevel === "2",
             _b["arc-Elevation--fullWidth"] = isFullWidth,
-            _b)) }, index.filterDataAttrs(props)), children));
+            _b)) }, filterDataAttrs.filterDataAttrs(props)), children));
 };
 
 exports.Elevation = Elevation;

package/dist/Elevation/Elevation.esm.d.ts

@@ -8,6 +8,10 @@ interface ElevationProps {
      * Contents to Elevate.
      */
     children: ReactNode;
+    /**
+     * Shadow Elevation level.
+     */
+    elevationLevel?: "1" | "2";
     /**
      * Should the Elevation be full width?
      */

package/dist/Elevation/Elevation.esm.js

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/index-229fc864.js';
+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 React__default from 'react';
 
@@ -7,9 +7,11 @@ import React__default from 'react';
  */
 var Elevation = function (_a) {
     var _b;
-    var children = _a.children, _c = _a.isFullWidth, isFullWidth = _c === void 0 ? false : _c, props = __rest(_a, ["children", "isFullWidth"]);
+    var children = _a.children, _c = _a.elevationLevel, elevationLevel = _c === void 0 ? "2" : _c, _d = _a.isFullWidth, isFullWidth = _d === void 0 ? false : _d, props = __rest(_a, ["children", "elevationLevel", "isFullWidth"]);
     return (React__default.createElement("div", __assign({ className: classNames((_b = {},
             _b["arc-Elevation"] = true,
+            _b["arc-Elevation--levelOne"] = elevationLevel === "1",
+            _b["arc-Elevation--levelTwo"] = elevationLevel === "2",
             _b["arc-Elevation--fullWidth"] = isFullWidth,
             _b)) }, filterDataAttrs(props)), children));
 };

package/dist/Filter/Filter.cjs.d.ts

@@ -0,0 +1 @@
+export { Filter } from "../_shared/cjs/Filter-f7d2fbda";

package/dist/Filter/Filter.cjs.js

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Filter = require('../_shared/cjs/Filter-f7d2fbda.js');
+require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
+require('react');
+require('../_shared/cjs/Surface-6da0a78e.js');
+require('../_shared/cjs/index-45bfb67b.js');
+
+
+
+exports.Filter = Filter.Filter;

package/dist/Filter/Filter.esm.d.ts

@@ -0,0 +1 @@
+export { Filter } from "../_shared/esm/Filter-41b391e3";

package/dist/Filter/Filter.esm.js

@@ -0,0 +1,5 @@
+export { F as Filter } from '../_shared/esm/Filter-41b391e3.js';
+import '../_shared/esm/filter-data-attrs-afdb7d32.js';
+import 'react';
+import '../_shared/esm/Surface-bb100ef8.js';
+import '../_shared/esm/index-2ae58626.js';

package/dist/Filter/package.json

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

package/dist/FormControl/FormControl.cjs.d.ts

@@ -1 +1 @@
-export { FormControl, FormControlContext } from "../_shared/cjs/FormControl-d4d9c665";
+export { FormControl, FormControlContext } from "../_shared/cjs/FormControl-9aaddd54";

package/dist/FormControl/FormControl.cjs.js

@@ -2,14 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var FormControl = require('../_shared/cjs/FormControl-d4d9c665.js');
-require('../_shared/cjs/index-78b35bc1.js');
+var FormControl = require('../_shared/cjs/FormControl-9aaddd54.js');
+require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
 require('../_shared/cjs/index-45bfb67b.js');
 require('react');
-require('../_shared/cjs/Surface-d6b8010e.js');
-require('../_shared/cjs/Text-1d3844be.js');
-require('../_shared/cjs/suffix-modifier-edf7851e.js');
-require('../_shared/cjs/BtIconChevronRightMid-5a38d855.js');
+require('../_shared/cjs/BtIconAlert-637db790.js');
+require('../_shared/cjs/Surface-6da0a78e.js');
+require('../_shared/cjs/DisclosureMini-067e0319.js');
+require('../_shared/cjs/BtIconChevronDown2Px-8fb4e2eb.js');
+require('../_shared/cjs/Text-6f2827e6.js');
+require('../_shared/cjs/suffix-modifier-1ee2da04.js');
 
 
 

package/dist/FormControl/FormControl.esm.d.ts

@@ -1 +1 @@
-export { FormControl, FormControlContext } from "../_shared/esm/FormControl-2cb96de7";
+export { FormControl, FormControlContext } from "../_shared/esm/FormControl-5e3fdca3";

package/dist/FormControl/FormControl.esm.js

@@ -1,8 +1,10 @@
-export { F as FormControl, C as FormControlContext } from '../_shared/esm/FormControl-2cb96de7.js';
-import '../_shared/esm/index-229fc864.js';
+export { F as FormControl, C as FormControlContext } from '../_shared/esm/FormControl-5e3fdca3.js';
+import '../_shared/esm/filter-data-attrs-afdb7d32.js';
 import '../_shared/esm/index-2ae58626.js';
 import 'react';
-import '../_shared/esm/Surface-bf201530.js';
-import '../_shared/esm/Text-6b958ad8.js';
-import '../_shared/esm/suffix-modifier-f5e28822.js';
-import '../_shared/esm/BtIconChevronRightMid-d9b11761.js';
+import '../_shared/esm/BtIconAlert-55a6ed5c.js';
+import '../_shared/esm/Surface-bb100ef8.js';
+import '../_shared/esm/DisclosureMini-022beae3.js';
+import '../_shared/esm/BtIconChevronDown2Px-782876e2.js';
+import '../_shared/esm/Text-00e9743b.js';
+import '../_shared/esm/suffix-modifier-7e640670.js';

package/dist/Group/Group.cjs.d.ts

@@ -1,46 +1 @@
-import { FC, ReactNode } from "react";
-/**
- * Use `Group` to arrange flexible items in a row.
- */
-declare const Group: FC<GroupProps> & {
-    Item: typeof GroupItem;
-};
-declare const GroupItem: FC<ItemProps>;
-interface ItemProps {
-    /**
-     * Content to display in the Group.Item.
-     */
-    children?: ReactNode;
-    /**
-     * Should the Group.Item be visible for debugging and documentation
-     * purposes?
-     */
-    isDebugVisible?: boolean;
-    /**
-     * Should the Group.Item stretch to fill the available space?
-     */
-    grow?: boolean;
-}
-interface GroupProps {
-    /**
-     * Contents of the Group. Should only contain `Group.Item`.
-     */
-    children: ReactNode;
-    /**
-     * Should all Group.Items in the Group stretch to fill the available space?
-     */
-    grow?: boolean;
-    /**
-     * Should all Group.Items in the Group stretch to fill the available space with equal widths?
-     */
-    growEqual?: boolean;
-    /**
-     * Should a border be shown between Group.Items? **Warning: Sets CSS property `overflow:hidden`.**
-     */
-    gutterBorder?: boolean;
-    /**
-     * Should wrapping of Group.Items in the Group be disabled?
-     */
-    noWrap?: boolean;
-}
-export { Group };
+export { Group } from "../_shared/cjs/Group-d83f8c2e";

package/dist/Group/Group.cjs.js

@@ -2,49 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('../_shared/cjs/index-78b35bc1.js');
-var index$1 = require('../_shared/cjs/index-45bfb67b.js');
-var React = require('react');
-var Surface = require('../_shared/cjs/Surface-d6b8010e.js');
+var Group = require('../_shared/cjs/Group-d83f8c2e.js');
+require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
+require('../_shared/cjs/index-45bfb67b.js');
+require('react');
+require('../_shared/cjs/Surface-6da0a78e.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-/**
- * Use `Group` to arrange flexible items in a row.
- */
-var Group = function (_a) {
-    var _b;
-    var children = _a.children, _c = _a.grow, grow = _c === void 0 ? false : _c, _d = _a.growEqual, growEqual = _d === void 0 ? false : _d, _e = _a.gutterBorder, gutterBorder = _e === void 0 ? false : _e, _f = _a.noWrap, noWrap = _f === void 0 ? false : _f, props = index.__rest(_a, ["children", "grow", "growEqual", "gutterBorder", "noWrap"]);
-    var surface = React.useContext(Surface.Context).surface;
-    React.useEffect(function () {
-        React__default["default"].Children.map(children, function (item) {
-            if (item && item.type !== GroupItem) {
-                throw new Error("Illegal child passed to <Group />. Ensure to only use <Group.Item />.");
-            }
-        });
-    }, [children]);
-    return (React__default["default"].createElement("div", index.__assign({ className: index$1.classNames((_b = {},
-            _b["arc-Group"] = true,
-            _b["arc-Group--grow"] = grow,
-            _b["arc-Group--growEqual"] = growEqual,
-            _b["arc-Group--gutterBorder"] = gutterBorder,
-            _b["arc-Group--noWrap"] = noWrap,
-            _b["arc-Group--onDarkSurface"] = surface === "dark",
-            _b)) }, index.filterDataAttrs(props)),
-        React__default["default"].createElement("div", { className: "arc-Group-inner" }, children)));
-};
-var GroupItem = function (_a) {
-    var _b;
-    var children = _a.children, _c = _a.grow, grow = _c === void 0 ? false : _c, _d = _a.isDebugVisible, isDebugVisible = _d === void 0 ? false : _d, props = index.__rest(_a, ["children", "grow", "isDebugVisible"]);
-    return (React__default["default"].createElement("div", index.__assign({ className: index$1.classNames((_b = {},
-            _b["arc-Group-item"] = true,
-            _b["arc-Group-item--grow"] = grow,
-            _b["arc-Group-item--debugVisible"] = isDebugVisible,
-            _b)) }, index.filterDataAttrs(props)), children));
-};
-GroupItem.displayName = "Group.Item";
-Group.Item = GroupItem;
-
-exports.Group = Group;
+exports.Group = Group.Group;

package/dist/Group/Group.esm.d.ts

@@ -1,46 +1 @@
-import { FC, ReactNode } from "react";
-/**
- * Use `Group` to arrange flexible items in a row.
- */
-declare const Group: FC<GroupProps> & {
-    Item: typeof GroupItem;
-};
-declare const GroupItem: FC<ItemProps>;
-interface ItemProps {
-    /**
-     * Content to display in the Group.Item.
-     */
-    children?: ReactNode;
-    /**
-     * Should the Group.Item be visible for debugging and documentation
-     * purposes?
-     */
-    isDebugVisible?: boolean;
-    /**
-     * Should the Group.Item stretch to fill the available space?
-     */
-    grow?: boolean;
-}
-interface GroupProps {
-    /**
-     * Contents of the Group. Should only contain `Group.Item`.
-     */
-    children: ReactNode;
-    /**
-     * Should all Group.Items in the Group stretch to fill the available space?
-     */
-    grow?: boolean;
-    /**
-     * Should all Group.Items in the Group stretch to fill the available space with equal widths?
-     */
-    growEqual?: boolean;
-    /**
-     * Should a border be shown between Group.Items? **Warning: Sets CSS property `overflow:hidden`.**
-     */
-    gutterBorder?: boolean;
-    /**
-     * Should wrapping of Group.Items in the Group be disabled?
-     */
-    noWrap?: boolean;
-}
-export { Group };
+export { Group } from "../_shared/esm/Group-d62c3f56";

package/dist/Group/Group.esm.js

@@ -1,42 +1,5 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/index-229fc864.js';
-import { c as classNames } from '../_shared/esm/index-2ae58626.js';
-import React__default, { useContext, useEffect } from 'react';
-import { C as Context } from '../_shared/esm/Surface-bf201530.js';
-
-/**
- * Use `Group` to arrange flexible items in a row.
- */
-var Group = function (_a) {
-    var _b;
-    var children = _a.children, _c = _a.grow, grow = _c === void 0 ? false : _c, _d = _a.growEqual, growEqual = _d === void 0 ? false : _d, _e = _a.gutterBorder, gutterBorder = _e === void 0 ? false : _e, _f = _a.noWrap, noWrap = _f === void 0 ? false : _f, props = __rest(_a, ["children", "grow", "growEqual", "gutterBorder", "noWrap"]);
-    var surface = useContext(Context).surface;
-    useEffect(function () {
-        React__default.Children.map(children, function (item) {
-            if (item && item.type !== GroupItem) {
-                throw new Error("Illegal child passed to <Group />. Ensure to only use <Group.Item />.");
-            }
-        });
-    }, [children]);
-    return (React__default.createElement("div", __assign({ className: classNames((_b = {},
-            _b["arc-Group"] = true,
-            _b["arc-Group--grow"] = grow,
-            _b["arc-Group--growEqual"] = growEqual,
-            _b["arc-Group--gutterBorder"] = gutterBorder,
-            _b["arc-Group--noWrap"] = noWrap,
-            _b["arc-Group--onDarkSurface"] = surface === "dark",
-            _b)) }, filterDataAttrs(props)),
-        React__default.createElement("div", { className: "arc-Group-inner" }, children)));
-};
-var GroupItem = function (_a) {
-    var _b;
-    var children = _a.children, _c = _a.grow, grow = _c === void 0 ? false : _c, _d = _a.isDebugVisible, isDebugVisible = _d === void 0 ? false : _d, props = __rest(_a, ["children", "grow", "isDebugVisible"]);
-    return (React__default.createElement("div", __assign({ className: classNames((_b = {},
-            _b["arc-Group-item"] = true,
-            _b["arc-Group-item--grow"] = grow,
-            _b["arc-Group-item--debugVisible"] = isDebugVisible,
-            _b)) }, filterDataAttrs(props)), children));
-};
-GroupItem.displayName = "Group.Item";
-Group.Item = GroupItem;
-
-export { Group };
+export { G as Group } from '../_shared/esm/Group-d62c3f56.js';
+import '../_shared/esm/filter-data-attrs-afdb7d32.js';
+import '../_shared/esm/index-2ae58626.js';
+import 'react';
+import '../_shared/esm/Surface-bb100ef8.js';

package/dist/Heading/Heading.cjs.d.ts

@@ -1 +1 @@
-export { Heading } from "../_shared/cjs/Heading-cc38c3ec";
+export { Heading } from "../_shared/cjs/Heading-d45f6a7f";

package/dist/Heading/Heading.cjs.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Heading = require('../_shared/cjs/Heading-cc38c3ec.js');
-require('../_shared/cjs/index-78b35bc1.js');
+var Heading = require('../_shared/cjs/Heading-d45f6a7f.js');
+require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
 require('../_shared/cjs/index-45bfb67b.js');
 require('react');
-require('../_shared/cjs/suffix-modifier-edf7851e.js');
-require('../_shared/cjs/Surface-d6b8010e.js');
+require('../_shared/cjs/suffix-modifier-1ee2da04.js');
+require('../_shared/cjs/Surface-6da0a78e.js');
 
 
 

package/dist/Heading/Heading.esm.d.ts

@@ -1 +1 @@
-export { Heading } from "../_shared/esm/Heading-eb1e42db";
+export { Heading } from "../_shared/esm/Heading-b61432fb";

package/dist/Heading/Heading.esm.js

@@ -1,6 +1,6 @@
-export { H as Heading } from '../_shared/esm/Heading-eb1e42db.js';
-import '../_shared/esm/index-229fc864.js';
+export { H as Heading } from '../_shared/esm/Heading-b61432fb.js';
+import '../_shared/esm/filter-data-attrs-afdb7d32.js';
 import '../_shared/esm/index-2ae58626.js';
 import 'react';
-import '../_shared/esm/suffix-modifier-f5e28822.js';
-import '../_shared/esm/Surface-bf201530.js';
+import '../_shared/esm/suffix-modifier-7e640670.js';
+import '../_shared/esm/Surface-bb100ef8.js';

package/dist/Icon/Icon.cjs.d.ts

@@ -1 +1 @@
-export { Icon } from "../_shared/cjs/Icon-719d13d4";
+export { Icon } from "../_shared/cjs/Icon-9ae8dbe1";

package/dist/Icon/Icon.cjs.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Icon = require('../_shared/cjs/Icon-719d13d4.js');
-require('../_shared/cjs/index-78b35bc1.js');
+var Icon = require('../_shared/cjs/Icon-9ae8dbe1.js');
+require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
 require('react');
 require('../_shared/cjs/index-45bfb67b.js');
-require('../_shared/cjs/suffix-modifier-edf7851e.js');
-require('../_shared/cjs/Surface-d6b8010e.js');
+require('../_shared/cjs/suffix-modifier-1ee2da04.js');
+require('../_shared/cjs/Surface-6da0a78e.js');
 
 
 

package/dist/Icon/Icon.esm.d.ts

@@ -1 +1 @@
-export { Icon } from "../_shared/esm/Icon-61f7237a";
+export { Icon } from "../_shared/esm/Icon-fd247973";

package/dist/Icon/Icon.esm.js

@@ -1,6 +1,6 @@
-export { I as Icon } from '../_shared/esm/Icon-61f7237a.js';
-import '../_shared/esm/index-229fc864.js';
+export { I as Icon } from '../_shared/esm/Icon-fd247973.js';
+import '../_shared/esm/filter-data-attrs-afdb7d32.js';
 import 'react';
 import '../_shared/esm/index-2ae58626.js';
-import '../_shared/esm/suffix-modifier-f5e28822.js';
-import '../_shared/esm/Surface-bf201530.js';
+import '../_shared/esm/suffix-modifier-7e640670.js';
+import '../_shared/esm/Surface-bb100ef8.js';

package/dist/Image/Image.cjs.d.ts

@@ -1 +1 @@
-export { Image } from "../_shared/cjs/Image-fe760a06";
+export { Image } from "../_shared/cjs/Image-3bf4b4f3";

package/dist/Image/Image.cjs.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Image = require('../_shared/cjs/Image-fe760a06.js');
-require('../_shared/cjs/index-78b35bc1.js');
+var Image = require('../_shared/cjs/Image-3bf4b4f3.js');
+require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
 require('../_shared/cjs/index-45bfb67b.js');
 require('react');
-require('../_shared/cjs/suffix-modifier-edf7851e.js');
+require('../_shared/cjs/suffix-modifier-1ee2da04.js');
 
 
 

package/dist/Image/Image.esm.d.ts

@@ -1 +1 @@
-export { Image } from "../_shared/esm/Image-c0f3d42f";
+export { Image } from "../_shared/esm/Image-3596ce55";

package/dist/Image/Image.esm.js

@@ -1,5 +1,5 @@
-export { I as Image } from '../_shared/esm/Image-c0f3d42f.js';
-import '../_shared/esm/index-229fc864.js';
+export { I as Image } from '../_shared/esm/Image-3596ce55.js';
+import '../_shared/esm/filter-data-attrs-afdb7d32.js';
 import '../_shared/esm/index-2ae58626.js';
 import 'react';
-import '../_shared/esm/suffix-modifier-f5e28822.js';
+import '../_shared/esm/suffix-modifier-7e640670.js';

package/dist/Markup/Markup.cjs.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('../_shared/cjs/index-78b35bc1.js');
-var index$1 = require('../_shared/cjs/index-45bfb67b.js');
+var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
+var index = require('../_shared/cjs/index-45bfb67b.js');
 var React = require('react');
-var Surface = require('../_shared/cjs/Surface-d6b8010e.js');
+var Surface = require('../_shared/cjs/Surface-6da0a78e.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -15,13 +15,13 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  * Use `Markup` to display HTML-formatted text.
  */
 var Markup = function (_a) {
-    var children = _a.children, _b = _a.isMeasured, isMeasured = _b === void 0 ? false : _b, props = index.__rest(_a, ["children", "isMeasured"]);
+    var children = _a.children, _b = _a.isMeasured, isMeasured = _b === void 0 ? false : _b, props = filterDataAttrs.__rest(_a, ["children", "isMeasured"]);
     var surface = React.useContext(Surface.Context).surface;
-    return (React__default["default"].createElement("div", index.__assign({ className: index$1.classNames({
+    return (React__default["default"].createElement("div", filterDataAttrs.__assign({ className: index.classNames({
             "arc-Markup": true,
             "arc-Markup--measured": isMeasured,
             "arc-Markup--onDarkSurface": surface === "dark"
-        }) }, index.filterDataAttrs(props)), children));
+        }) }, filterDataAttrs.filterDataAttrs(props)), children));
 };
 
 exports.Markup = Markup;

package/dist/Markup/Markup.esm.js

@@ -1,7 +1,7 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/index-229fc864.js';
+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 React__default, { useContext } from 'react';
-import { C as Context } from '../_shared/esm/Surface-bf201530.js';
+import { C as Context } from '../_shared/esm/Surface-bb100ef8.js';
 
 /**
  * Use `Markup` to display HTML-formatted text.

package/dist/Pagination/Pagination.cjs.d.ts

@@ -0,0 +1,20 @@
+import { FC } from "react";
+/**
+ * Use `Pagination` to navigate multiple pages.
+ */
+declare const Pagination: FC<PaginationProps>;
+interface PaginationProps {
+    /**
+     * Number of pages for the pagination
+     */
+    pageCount: number;
+    /**
+     * Default page to be selected on render. If not provided defaults to 1.
+     */
+    defaultSelectedPage?: number;
+    /**
+     * Function to call when the page changes
+     */
+    onPageChange: (selectedPage: number) => void;
+}
+export { Pagination };