@arc-ui/components 11.6.0 → 11.8.0

package/dist/Checkbox/Checkbox.cjs.js

@@ -2,17 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Checkbox = require('../_shared/cjs/Checkbox-21d3c4f6.js');
+var Checkbox = require('../_shared/cjs/Checkbox-02c546ca.js');
 require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
 require('react');
 require('../_shared/cjs/BtIconTickAlt2Px-bdf06f8c.js');
 require('../_shared/cjs/BtIconAlert-637db790.js');
 require('../_shared/cjs/index-45bfb67b.js');
-require('../_shared/cjs/FormControl-9aaddd54.js');
-require('../_shared/cjs/Surface-6da0a78e.js');
-require('../_shared/cjs/DisclosureMini-067e0319.js');
+require('../_shared/cjs/FormControl-1e1bf2bf.js');
+require('../_shared/cjs/Surface-b7c51b2b.js');
+require('../_shared/cjs/DisclosureMini-52706ee6.js');
 require('../_shared/cjs/BtIconChevronDown2Px-8fb4e2eb.js');
-require('../_shared/cjs/Text-6f2827e6.js');
+require('../_shared/cjs/Text-fa447e2d.js');
 require('../_shared/cjs/suffix-modifier-1ee2da04.js');
 
 

package/dist/Checkbox/Checkbox.esm.d.ts

@@ -1 +1 @@
-export { Checkbox } from "../_shared/esm/Checkbox-94300d8c";
+export { Checkbox } from "../_shared/esm/Checkbox-d8891198";

package/dist/Checkbox/Checkbox.esm.js

@@ -1,12 +1,12 @@
-export { C as Checkbox } from '../_shared/esm/Checkbox-94300d8c.js';
+export { C as Checkbox } from '../_shared/esm/Checkbox-d8891198.js';
 import '../_shared/esm/filter-data-attrs-afdb7d32.js';
 import 'react';
 import '../_shared/esm/BtIconTickAlt2Px-da97e9ae.js';
 import '../_shared/esm/BtIconAlert-55a6ed5c.js';
 import '../_shared/esm/index-2ae58626.js';
-import '../_shared/esm/FormControl-5e3fdca3.js';
-import '../_shared/esm/Surface-bb100ef8.js';
-import '../_shared/esm/DisclosureMini-022beae3.js';
+import '../_shared/esm/FormControl-f18e2f59.js';
+import '../_shared/esm/Surface-dde51789.js';
+import '../_shared/esm/DisclosureMini-9b819941.js';
 import '../_shared/esm/BtIconChevronDown2Px-782876e2.js';
-import '../_shared/esm/Text-00e9743b.js';
+import '../_shared/esm/Text-40457811.js';
 import '../_shared/esm/suffix-modifier-7e640670.js';

package/dist/Columns/Columns.cjs.d.ts

@@ -1 +1 @@
-export { Columns } from "../_shared/cjs/Columns-e90798f8";
+export { Columns, Span } from "../_shared/cjs/Columns-e90798f8";

package/dist/Columns/Columns.esm.d.ts

@@ -1 +1 @@
-export { Columns } from "../_shared/esm/Columns-8704515b";
+export { Columns, Span } from "../_shared/esm/Columns-8704515b";

package/dist/Curve/Curve.cjs.d.ts

@@ -1 +1 @@
-export { Curve } from "../_shared/cjs/Curve-b05589d8";
+export { Curve } from "../_shared/cjs/Curve-781ef633";

package/dist/Curve/Curve.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Curve = require('../_shared/cjs/Curve-b05589d8.js');
+var Curve = require('../_shared/cjs/Curve-781ef633.js');
 require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
 require('../_shared/cjs/index-45bfb67b.js');
 require('react');

package/dist/Curve/Curve.esm.d.ts

@@ -1 +1 @@
-export { Curve } from "../_shared/esm/Curve-3e87b1bc";
+export { Curve } from "../_shared/esm/Curve-bbc5589c";

package/dist/Curve/Curve.esm.js

@@ -1,4 +1,4 @@
-export { C as Curve } from '../_shared/esm/Curve-3e87b1bc.js';
+export { C as Curve } from '../_shared/esm/Curve-bbc5589c.js';
 import '../_shared/esm/filter-data-attrs-afdb7d32.js';
 import '../_shared/esm/index-2ae58626.js';
 import 'react';

package/dist/Disclosure/Disclosure.cjs.d.ts

@@ -1,5 +1,5 @@
 import { FC, ReactNode } from "react";
-import { HeadingLevel } from "../_shared/cjs/Heading-d45f6a7f";
+import { HeadingLevel } from "../_shared/cjs/Heading-e3332dcf";
 /**
  * Use `Disclosure` to display content that is only visible when toggled into
  * an "open" state.

package/dist/Disclosure/Disclosure.cjs.js

@@ -5,9 +5,9 @@ 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 = require('react');
-var Heading = require('../_shared/cjs/Heading-d45f6a7f.js');
+var Heading = require('../_shared/cjs/Heading-e3332dcf.js');
 var BtIconChevronDown2Px = require('../_shared/cjs/BtIconChevronDown2Px-8fb4e2eb.js');
-var Surface = require('../_shared/cjs/Surface-6da0a78e.js');
+var Surface = require('../_shared/cjs/Surface-b7c51b2b.js');
 require('../_shared/cjs/suffix-modifier-1ee2da04.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/dist/Disclosure/Disclosure.esm.d.ts

@@ -1,5 +1,5 @@
 import { FC, ReactNode } from "react";
-import { HeadingLevel } from "../_shared/esm/Heading-b61432fb";
+import { HeadingLevel } from "../_shared/esm/Heading-0f629151";
 /**
  * Use `Disclosure` to display content that is only visible when toggled into
  * an "open" state.

package/dist/Disclosure/Disclosure.esm.js

@@ -1,9 +1,9 @@
 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 { H as Heading } from '../_shared/esm/Heading-b61432fb.js';
+import { H as Heading } from '../_shared/esm/Heading-0f629151.js';
 import { B as BtIconChevronDown2Px_2 } from '../_shared/esm/BtIconChevronDown2Px-782876e2.js';
-import { C as Context } from '../_shared/esm/Surface-bb100ef8.js';
+import { C as Context } from '../_shared/esm/Surface-dde51789.js';
 import '../_shared/esm/suffix-modifier-7e640670.js';
 
 /**

package/dist/DisclosureMini/DisclosureMini.cjs.d.ts

@@ -1 +1 @@
-export { DisclosureMini } from "../_shared/cjs/DisclosureMini-067e0319";
+export { DisclosureMini } from "../_shared/cjs/DisclosureMini-52706ee6";

package/dist/DisclosureMini/DisclosureMini.cjs.js

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var DisclosureMini = require('../_shared/cjs/DisclosureMini-067e0319.js');
+var DisclosureMini = require('../_shared/cjs/DisclosureMini-52706ee6.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/Text-fa447e2d.js');
 require('../_shared/cjs/suffix-modifier-1ee2da04.js');
-require('../_shared/cjs/Surface-6da0a78e.js');
+require('../_shared/cjs/Surface-b7c51b2b.js');
 
 
 

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

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

package/dist/DisclosureMini/DisclosureMini.esm.js

@@ -1,8 +1,8 @@
-export { D as DisclosureMini } from '../_shared/esm/DisclosureMini-022beae3.js';
+export { D as DisclosureMini } from '../_shared/esm/DisclosureMini-9b819941.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/Text-40457811.js';
 import '../_shared/esm/suffix-modifier-7e640670.js';
-import '../_shared/esm/Surface-bb100ef8.js';
+import '../_shared/esm/Surface-dde51789.js';

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

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

package/dist/Filter/Filter.cjs.js

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

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

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

package/dist/Filter/Filter.esm.js

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

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

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

package/dist/FormControl/FormControl.cjs.js

@@ -2,15 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var FormControl = require('../_shared/cjs/FormControl-9aaddd54.js');
+var FormControl = require('../_shared/cjs/FormControl-1e1bf2bf.js');
 require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
 require('../_shared/cjs/index-45bfb67b.js');
 require('react');
 require('../_shared/cjs/BtIconAlert-637db790.js');
-require('../_shared/cjs/Surface-6da0a78e.js');
-require('../_shared/cjs/DisclosureMini-067e0319.js');
+require('../_shared/cjs/Surface-b7c51b2b.js');
+require('../_shared/cjs/DisclosureMini-52706ee6.js');
 require('../_shared/cjs/BtIconChevronDown2Px-8fb4e2eb.js');
-require('../_shared/cjs/Text-6f2827e6.js');
+require('../_shared/cjs/Text-fa447e2d.js');
 require('../_shared/cjs/suffix-modifier-1ee2da04.js');
 
 

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

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

package/dist/FormControl/FormControl.esm.js

@@ -1,10 +1,10 @@
-export { F as FormControl, C as FormControlContext } from '../_shared/esm/FormControl-5e3fdca3.js';
+export { F as FormControl, C as FormControlContext } from '../_shared/esm/FormControl-f18e2f59.js';
 import '../_shared/esm/filter-data-attrs-afdb7d32.js';
 import '../_shared/esm/index-2ae58626.js';
 import 'react';
 import '../_shared/esm/BtIconAlert-55a6ed5c.js';
-import '../_shared/esm/Surface-bb100ef8.js';
-import '../_shared/esm/DisclosureMini-022beae3.js';
+import '../_shared/esm/Surface-dde51789.js';
+import '../_shared/esm/DisclosureMini-9b819941.js';
 import '../_shared/esm/BtIconChevronDown2Px-782876e2.js';
-import '../_shared/esm/Text-00e9743b.js';
+import '../_shared/esm/Text-40457811.js';
 import '../_shared/esm/suffix-modifier-7e640670.js';

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

@@ -1 +1 @@
-export { Group } from "../_shared/cjs/Group-d83f8c2e";
+export { Group } from "../_shared/cjs/Group-f85dd4c0";

package/dist/Group/Group.cjs.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Group = require('../_shared/cjs/Group-d83f8c2e.js');
+var Group = require('../_shared/cjs/Group-f85dd4c0.js');
 require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
 require('../_shared/cjs/index-45bfb67b.js');
 require('react');
-require('../_shared/cjs/Surface-6da0a78e.js');
+require('../_shared/cjs/Surface-b7c51b2b.js');
 
 
 

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

@@ -1 +1 @@
-export { Group } from "../_shared/esm/Group-d62c3f56";
+export { Group } from "../_shared/esm/Group-fb26fd32";

package/dist/Group/Group.esm.js

@@ -1,5 +1,5 @@
-export { G as Group } from '../_shared/esm/Group-d62c3f56.js';
+export { G as Group } from '../_shared/esm/Group-fb26fd32.js';
 import '../_shared/esm/filter-data-attrs-afdb7d32.js';
 import '../_shared/esm/index-2ae58626.js';
 import 'react';
-import '../_shared/esm/Surface-bb100ef8.js';
+import '../_shared/esm/Surface-dde51789.js';

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

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

package/dist/Heading/Heading.cjs.js

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

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

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

package/dist/Heading/Heading.esm.js

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

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

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

package/dist/Icon/Icon.cjs.js

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

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

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

package/dist/Icon/Icon.esm.js

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

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

@@ -1 +1 @@
-export { Image } from "../_shared/cjs/Image-3bf4b4f3";
+export { Image, loadingOptions } from "../_shared/cjs/Image-0e393cbf";

package/dist/Image/Image.cjs.js

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

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

@@ -1 +1 @@
-export { Image } from "../_shared/esm/Image-3596ce55";
+export { Image, loadingOptions } from "../_shared/esm/Image-3ed3863c";

package/dist/Image/Image.esm.js

@@ -1,4 +1,4 @@
-export { I as Image } from '../_shared/esm/Image-3596ce55.js';
+export { I as Image, l as loadingOptions } from '../_shared/esm/Image-3ed3863c.js';
 import '../_shared/esm/filter-data-attrs-afdb7d32.js';
 import '../_shared/esm/index-2ae58626.js';
 import 'react';

package/dist/Markup/Markup.cjs.js

@@ -5,7 +5,7 @@ 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 = require('react');
-var Surface = require('../_shared/cjs/Surface-6da0a78e.js');
+var Surface = require('../_shared/cjs/Surface-b7c51b2b.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/Markup/Markup.esm.js

@@ -1,7 +1,7 @@
 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-bb100ef8.js';
+import { C as Context } from '../_shared/esm/Surface-dde51789.js';
 
 /**
  * Use `Markup` to display HTML-formatted text.

package/dist/Modal/Modal.cjs.d.ts

@@ -0,0 +1,53 @@
+/// <reference types="react" />
+import React from "react";
+import { FC } from "react";
+import { ButtonProps } from "../_shared/cjs/Button-5aaa6776";
+/** Use `Modal` to focus a user's attention to an urgent or required prompt for interaction or input. */
+declare const Modal: FC<ModalProps>;
+interface ModalProps {
+    /**
+     * Title for the modal. This will be announced by screen readers when the modal opens.
+     */
+    title: string;
+    /**
+     * Role for the modal. use alertdialog if explicit user input is required e.g deleting an account. role alertdialog will remove the ability to close the modal by either the esc key being pressed, clicking the cross icon or clicking outside.
+     */
+    role?: "dialog" | "alertdialog";
+    /**
+     * Whether to return focus to the element that was focused before the modal opened. True by default.
+     */
+    shouldReturnFocus?: boolean;
+    /**
+     * Description for the modal. This will be announced by screen readers when the modal opens.
+     */
+    description?: string;
+    /**
+     * ID for the element description to be announced by screenreaders in addition to the title.
+     */
+    ariaDescribedBy?: string;
+    /**
+     * Configurable actions for the modal.
+     */
+    actions?: Pick<ButtonProps, "form" | "type" | "fill" | "icon" | "iconPosition" | "href" | "id" | "label" | "onClick" | "isDisabled" | "ariaLabel" | "rel">[];
+    /**
+     * Function to be called when the modal has been requested to close by either the esc key being pressed, outside the dialog being clicked or the close button being clicked. The callback must set the open state of the modal to false. This function is ignored if the `role` prop is set to `alertdialog`. You can prevent this behavior with the `dialog` role by ommitting this prop.
+     */
+    onRequestClose?: () => void;
+    /**
+     * Size of the modal dialog.
+     */
+    size?: "s" | "m" | "l";
+    /**
+     * Set modal open or closed.
+     */
+    isOpen?: boolean;
+    /**
+     * Enables the dialog content to be scrolled internally.
+     */
+    isContentScrollable?: boolean;
+    /**
+     * Custom content for `Modal`.
+     */
+    children?: React.ReactNode;
+}
+export { Modal };