@arc-ui/components 12.0.0-beta.23 → 12.0.0-beta.24

package/lib/DatePicker/DatePicker.mjs

@@ -1,32 +1,33 @@
 'use client';
 import { r as requiredArgs, t as toDate, a as isValid, f as format } from '../_shared/esm/index-Cr6KeQLU.mjs';
-import { b as __spreadArray, _ as __rest, a as __assign, f as filterAttrs } from '../_shared/esm/filter-attrs-B6CM-NUr.mjs';
+import { b as __spreadArray, _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-w7hdJ3oZ.mjs';
 import React__default, { forwardRef, useState, useRef, useEffect } from 'react';
 import { c as classNames } from '../_shared/esm/index-5C0-U8cc.mjs';
-import { R as Root2, A as Anchor2, P as Portal, C as Content2 } from '../_shared/esm/index-CxrL7jIX.mjs';
-import { i as isBefore, a as isAfter, c as compareAsc, C as Calendar } from '../_shared/esm/Calendar-Drh_NJ9I.mjs';
+import { R as Root2, A as Anchor2, P as Portal, C as Content2 } from '../_shared/esm/index-Do2wfP-X.mjs';
+import { i as isBefore, a as isAfter, c as compareAsc, C as Calendar } from '../_shared/esm/Calendar-CFdUlPXh.mjs';
+import { f as filterAttrs } from '../_shared/esm/filter-attrs-v_SweZXP.mjs';
 import { e as useThemeElement } from '../_shared/esm/index-Bz2JQq34.mjs';
-import { a as TextInputWithPlaceHolder } from '../_shared/esm/TextInput-Dk7qNGoh.mjs';
-import '../_shared/esm/Combination-BpO6XTeS.mjs';
+import { a as TextInputWithPlaceHolder } from '../_shared/esm/TextInput-CjDG2cIX.mjs';
+import '../_shared/esm/Combination-BQ4XBtF-.mjs';
 import 'react/jsx-runtime';
 import 'react-dom';
-import '../_shared/esm/index-DLovItWo.mjs';
+import '../_shared/esm/index-BFKdmv_g.mjs';
 import '../_shared/esm/index-CWHcEz3_.mjs';
-import '../_shared/esm/index-DXTwueLZ.mjs';
-import '../_shared/esm/index.es-CtRkzfKP.mjs';
-import '../_shared/esm/use-media-query-DmKuIDEM.mjs';
-import '../_shared/esm/Text-CBlnm5CT.mjs';
+import '../_shared/esm/index-GCEHSsY8.mjs';
+import '../_shared/esm/index.es-tyrXzvpp.mjs';
+import '../_shared/esm/use-media-query-BmsMeo2M.mjs';
+import '../_shared/esm/Text-BAzOkkzN.mjs';
 import '../_shared/esm/suffix-modifier-B_pO0UkF.mjs';
 import '../_shared/esm/index-Spae4j7j.mjs';
-import '../_shared/esm/Surface-Colbp3Zx.mjs';
-import '../_shared/esm/VisuallyHidden-DqAgoqJo.mjs';
-import '../_shared/esm/Heading-CxHWefi7.mjs';
-import '../_shared/esm/BtIconChevronRightMid-DE4lmVaG.mjs';
-import '../_shared/esm/Icon-CcPOJcQm.mjs';
-import '../_shared/esm/FormControl-CWyrVi1u.mjs';
-import '../_shared/esm/DisclosureMini-B9LzsQC2.mjs';
-import '../_shared/esm/ThemeIcon-CN_Ed5b1.mjs';
-import '../_shared/esm/Spinner-Cd7LiPTy.mjs';
+import '../_shared/esm/Surface-C69KVzkY.mjs';
+import '../_shared/esm/VisuallyHidden-aSQ4RA1o.mjs';
+import '../_shared/esm/Heading-B9cbwfoz.mjs';
+import '../_shared/esm/SemanticHeading-1tLcSJYD.mjs';
+import '../_shared/esm/ThemeIcon-B0SruPZC.mjs';
+import '../_shared/esm/Icon-CCUbr_AO.mjs';
+import '../_shared/esm/FormControl-Pc1aHUNM.mjs';
+import '../_shared/esm/DisclosureMini-ClSe9sSt.mjs';
+import '../_shared/esm/Spinner-DvngCIwx.mjs';
 
 /**
  * @name startOfDay

package/lib/DatePicker/styles.css

@@ -1 +1 @@
-.arc-v12-0-0-beta-23 .arc .arc-DatePicker--constrained{max-width:384px}.arc-v12-0-0-beta-23 .arc .arc-DatePicker-modal{z-index:101}
+.arc-v12-0-0-beta-24 .arc .arc-DatePicker--constrained{max-width:384px}.arc-v12-0-0-beta-24 .arc .arc-DatePicker-modal{z-index:101}

package/lib/Disclosure/Disclosure.cjs

@@ -1,26 +1,28 @@
 'use client';
 'use strict';
 
-var filterAttrs = require('../_shared/cjs/filter-attrs-eK6E_34o.cjs');
+var tslib_es6 = require('../_shared/cjs/tslib.es6-CCZ3TN_7.cjs');
 var React = require('react');
 var index = require('../_shared/cjs/index-CTlXMLug.cjs');
-var Heading = require('../_shared/cjs/Heading-BEMSkLYR.cjs');
-var Surface = require('../_shared/cjs/Surface-BFx1yNsq.cjs');
-var ThemeIcon = require('../_shared/cjs/ThemeIcon-BoxbjTaQ.cjs');
+var filterAttrs = require('../_shared/cjs/filter-attrs-D19P2s1V.cjs');
+var Heading = require('../_shared/cjs/Heading-CoiZ2EmD.cjs');
+var Surface = require('../_shared/cjs/Surface-DIU5ciDT.cjs');
+var ThemeIcon = require('../_shared/cjs/ThemeIcon-Def4RZfK.cjs');
 require('../_shared/cjs/index-DR8Rkav9.cjs');
 require('../_shared/cjs/suffix-modifier-DLUGR-yG.cjs');
+require('../_shared/cjs/SemanticHeading-BPXN_z49.cjs');
 
 /**
  * Use `Disclosure` to show and hide sections of content.
  */
 var Disclosure = function (_a) {
-    var children = _a.children, headingLevel = _a.headingLevel, _b = _a.indentDetails, indentDetails = _b === void 0 ? false : _b, _c = _a.isOpen, isOpen = _c === void 0 ? false : _c, summary = _a.summary, props = filterAttrs.__rest(_a, ["children", "headingLevel", "indentDetails", "isOpen", "summary"]);
+    var children = _a.children, headingLevel = _a.headingLevel, _b = _a.indentDetails, indentDetails = _b === void 0 ? false : _b, _c = _a.isOpen, isOpen = _c === void 0 ? false : _c, summary = _a.summary, props = tslib_es6.__rest(_a, ["children", "headingLevel", "indentDetails", "isOpen", "summary"]);
     var surface = React.useContext(Surface.Context).surface;
     var _d = React.useState(false), disclousreState = _d[0], setDisclosureState = _d[1];
     var handleOnClick = function () {
         setDisclosureState(function (prevState) { return !prevState; });
     };
-    return (React.createElement("details", filterAttrs.__assign({ className: index.classNames({
+    return (React.createElement("details", tslib_es6.__assign({ className: index.classNames({
             "arc-Disclosure": true,
             "arc-Disclosure--indentDetails": indentDetails,
             "arc-Disclosure--onDarkSurface": surface === "dark",

package/lib/Disclosure/Disclosure.mjs

@@ -1,12 +1,14 @@
 'use client';
-import { _ as __rest, a as __assign, f as filterAttrs } from '../_shared/esm/filter-attrs-B6CM-NUr.mjs';
+import { _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-w7hdJ3oZ.mjs';
 import React__default, { useContext, useState } from 'react';
 import { c as classNames } from '../_shared/esm/index-5C0-U8cc.mjs';
-import { H as Heading } from '../_shared/esm/Heading-CxHWefi7.mjs';
-import { C as Context } from '../_shared/esm/Surface-Colbp3Zx.mjs';
-import { T as ThemeIcon } from '../_shared/esm/ThemeIcon-CN_Ed5b1.mjs';
+import { f as filterAttrs } from '../_shared/esm/filter-attrs-v_SweZXP.mjs';
+import { H as Heading } from '../_shared/esm/Heading-B9cbwfoz.mjs';
+import { C as Context } from '../_shared/esm/Surface-C69KVzkY.mjs';
+import { T as ThemeIcon } from '../_shared/esm/ThemeIcon-B0SruPZC.mjs';
 import '../_shared/esm/index-Spae4j7j.mjs';
 import '../_shared/esm/suffix-modifier-B_pO0UkF.mjs';
+import '../_shared/esm/SemanticHeading-1tLcSJYD.mjs';
 
 /**
  * Use `Disclosure` to show and hide sections of content.

package/lib/Disclosure/styles.css

@@ -1 +1 @@
-.arc-v12-0-0-beta-23 .arc .arc-Disclosure-summary{border-bottom:var(--disclosure-border-weight-s) solid var(--disclosure-colors-light-border-subtle);border-top:var(--disclosure-border-weight-s) solid var(--disclosure-colors-light-border-subtle);color:var(--disclosure-colors-light-text-default);cursor:pointer;display:block;font:var(--disclosure-type-label-l);list-style:none;padding:var(--disclosure-padding-s);position:relative}.arc-v12-0-0-beta-23 .arc .arc-Disclosure-summary:focus{outline:var(--focus-border-weight-s) solid transparent}.arc-v12-0-0-beta-23 .arc .arc-Disclosure-summary>*{padding-left:var(--disclosure-padding-l)}.arc-v12-0-0-beta-23 .arc .arc-Disclosure .arc-Disclosure-summary>*{display:inline-block}.arc-v12-0-0-beta-23 .arc .arc-Disclosure--onDarkSurface .arc-Disclosure-summary{border-bottom:var(--disclosure-border-weight-s) solid var(--disclosure-colors-dark-border-subtle);border-top:var(--disclosure-border-weight-s) solid var(--disclosure-colors-dark-border-subtle);color:var(--disclosure-colors-dark-text-default)}.arc-v12-0-0-beta-23 .arc .arc-Disclosure-summary:hover{background:var(--disclosure-colors-light-bg-hover);color:var(--disclosure-colors-light-text-hover)}.arc-v12-0-0-beta-23 .arc .arc-Disclosure+.arc-Disclosure .arc-Disclosure-summary{border-top:0;line-height:29px}.arc-v12-0-0-beta-23 .arc .arc-Disclosure-summary::-webkit-details-marker{display:none}.arc-v12-0-0-beta-23 .arc .arc-Disclosure--onDarkSurface .arc-Disclosure-summary:hover{background:var(--disclosure-colors-dark-bg-hover);color:var(--disclosure-colors-dark-text-hover)}.arc-v12-0-0-beta-23 .arc .arc-Disclosure-summary:focus::before{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.arc-v12-0-0-beta-23 .arc .arc-Disclosure-summary:focus-visible::before{outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle)}.arc-v12-0-0-beta-23 .arc .arc-Disclosure--onDarkSurface .arc-Disclosure-summary:focus-visible::before{outline:var(--focus-border-weight-s) solid var(--focus-colors-dark-border-subtle)}.arc-v12-0-0-beta-23 .arc .arc-Disclosure-summary>.arc-Disclosure-summary-icon{color:inherit;height:var(--disclosure-size-icon-s);padding-left:0;position:absolute;top:50%;transform:translateY(-50%);width:var(--disclosure-size-icon-s)}.arc-v12-0-0-beta-23 .arc .arc-Disclosure[open] .arc-Disclosure-summary>.arc-Disclosure-summary-icon{transform:rotate(180deg) translateY(50%)}.arc-v12-0-0-beta-23 .arc .arc-Disclosure-details{border-bottom:var(--disclosure-border-weight-s) solid var(--disclosure-colors-light-border-subtle);padding:var(--disclosure-padding-s)}.arc-v12-0-0-beta-23 .arc .arc-Disclosure--indentDetails .arc-Disclosure-details{padding-left:var(--disclosure-padding-xl)}.arc-v12-0-0-beta-23 .arc .arc-Disclosure--onDarkSurface .arc-Disclosure-details{border-bottom:var(--disclosure-border-weight-s) solid var(--disclosure-colors-dark-border-subtle)}
+.arc-v12-0-0-beta-24 .arc .arc-Disclosure-summary{border-bottom:var(--disclosure-border-weight-s) solid var(--disclosure-colors-light-border-subtle);border-top:var(--disclosure-border-weight-s) solid var(--disclosure-colors-light-border-subtle);color:var(--disclosure-colors-light-text-default);cursor:pointer;display:block;font:var(--disclosure-type-label-l);list-style:none;padding:var(--disclosure-padding-s);position:relative}.arc-v12-0-0-beta-24 .arc .arc-Disclosure-summary:focus{outline:var(--focus-border-weight-s) solid transparent}.arc-v12-0-0-beta-24 .arc .arc-Disclosure-summary>*{padding-left:var(--disclosure-padding-l)}.arc-v12-0-0-beta-24 .arc .arc-Disclosure .arc-Disclosure-summary>*{display:inline-block}.arc-v12-0-0-beta-24 .arc .arc-Disclosure--onDarkSurface .arc-Disclosure-summary{border-bottom:var(--disclosure-border-weight-s) solid var(--disclosure-colors-dark-border-subtle);border-top:var(--disclosure-border-weight-s) solid var(--disclosure-colors-dark-border-subtle);color:var(--disclosure-colors-dark-text-default)}.arc-v12-0-0-beta-24 .arc .arc-Disclosure-summary:hover{background:var(--disclosure-colors-light-bg-hover);color:var(--disclosure-colors-light-text-hover)}.arc-v12-0-0-beta-24 .arc .arc-Disclosure+.arc-Disclosure .arc-Disclosure-summary{border-top:0;line-height:29px}.arc-v12-0-0-beta-24 .arc .arc-Disclosure-summary::-webkit-details-marker{display:none}.arc-v12-0-0-beta-24 .arc .arc-Disclosure--onDarkSurface .arc-Disclosure-summary:hover{background:var(--disclosure-colors-dark-bg-hover);color:var(--disclosure-colors-dark-text-hover)}.arc-v12-0-0-beta-24 .arc .arc-Disclosure-summary:focus::before{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.arc-v12-0-0-beta-24 .arc .arc-Disclosure-summary:focus-visible::before{outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle)}.arc-v12-0-0-beta-24 .arc .arc-Disclosure--onDarkSurface .arc-Disclosure-summary:focus-visible::before{outline:var(--focus-border-weight-s) solid var(--focus-colors-dark-border-subtle)}.arc-v12-0-0-beta-24 .arc .arc-Disclosure-summary>.arc-Disclosure-summary-icon{color:inherit;height:var(--disclosure-size-icon-s);padding-left:0;position:absolute;top:50%;transform:translateY(-50%);width:var(--disclosure-size-icon-s)}.arc-v12-0-0-beta-24 .arc .arc-Disclosure[open] .arc-Disclosure-summary>.arc-Disclosure-summary-icon{transform:rotate(180deg) translateY(50%)}.arc-v12-0-0-beta-24 .arc .arc-Disclosure-details{border-bottom:var(--disclosure-border-weight-s) solid var(--disclosure-colors-light-border-subtle);padding:var(--disclosure-padding-s)}.arc-v12-0-0-beta-24 .arc .arc-Disclosure--indentDetails .arc-Disclosure-details{padding-left:var(--disclosure-padding-xl)}.arc-v12-0-0-beta-24 .arc .arc-Disclosure--onDarkSurface .arc-Disclosure-details{border-bottom:var(--disclosure-border-weight-s) solid var(--disclosure-colors-dark-border-subtle)}

package/lib/DisclosureMini/DisclosureMini.cjs

@@ -1,15 +1,16 @@
 'use client';
 'use strict';
 
-var DisclosureMini = require('../_shared/cjs/DisclosureMini-CtvDxVaG.cjs');
-require('../_shared/cjs/filter-attrs-eK6E_34o.cjs');
+var DisclosureMini = require('../_shared/cjs/DisclosureMini-KEuIc8tE.cjs');
+require('../_shared/cjs/tslib.es6-CCZ3TN_7.cjs');
 require('react');
 require('../_shared/cjs/index-CTlXMLug.cjs');
-require('../_shared/cjs/Text-Cr5nmYmx.cjs');
+require('../_shared/cjs/filter-attrs-D19P2s1V.cjs');
+require('../_shared/cjs/Text-jwsn80lQ.cjs');
 require('../_shared/cjs/suffix-modifier-DLUGR-yG.cjs');
 require('../_shared/cjs/index-DR8Rkav9.cjs');
-require('../_shared/cjs/Surface-BFx1yNsq.cjs');
-require('../_shared/cjs/ThemeIcon-BoxbjTaQ.cjs');
+require('../_shared/cjs/Surface-DIU5ciDT.cjs');
+require('../_shared/cjs/ThemeIcon-Def4RZfK.cjs');
 
 
 

package/lib/DisclosureMini/DisclosureMini.mjs

@@ -1,10 +1,11 @@
 'use client';
-export { D as DisclosureMini } from '../_shared/esm/DisclosureMini-B9LzsQC2.mjs';
-import '../_shared/esm/filter-attrs-B6CM-NUr.mjs';
+export { D as DisclosureMini } from '../_shared/esm/DisclosureMini-ClSe9sSt.mjs';
+import '../_shared/esm/tslib.es6-w7hdJ3oZ.mjs';
 import 'react';
 import '../_shared/esm/index-5C0-U8cc.mjs';
-import '../_shared/esm/Text-CBlnm5CT.mjs';
+import '../_shared/esm/filter-attrs-v_SweZXP.mjs';
+import '../_shared/esm/Text-BAzOkkzN.mjs';
 import '../_shared/esm/suffix-modifier-B_pO0UkF.mjs';
 import '../_shared/esm/index-Spae4j7j.mjs';
-import '../_shared/esm/Surface-Colbp3Zx.mjs';
-import '../_shared/esm/ThemeIcon-CN_Ed5b1.mjs';
+import '../_shared/esm/Surface-C69KVzkY.mjs';
+import '../_shared/esm/ThemeIcon-B0SruPZC.mjs';

package/lib/DisclosureMini/styles.css

@@ -1 +1 @@
-.arc-v12-0-0-beta-23 .arc .arc-DisclosureMini-summary{align-items:center;color:var(--disclosure-mini-colors-light-text-default);cursor:pointer;display:flex;font:var(--sem-type-body-reg-m);list-style:none;position:relative}.arc-v12-0-0-beta-23 .arc .arc-DisclosureMini-summary--small{font:var(--sem-type-body-reg-s)}.arc-v12-0-0-beta-23 .arc .arc-DisclosureMini-summary:focus{outline:var(--focus-border-weight-s) solid transparent;outline-offset:2px}.arc-v12-0-0-beta-23 .arc .arc-DisclosureMini .arc-DisclosureMini-summary>*{display:inline-block}.arc-v12-0-0-beta-23 .arc .arc-DisclosureMini--onDarkSurface .arc-DisclosureMini-summary{color:var(--disclosure-mini-colors-dark-text-default)}.arc-v12-0-0-beta-23 .arc .arc-DisclosureMini-summary::-webkit-details-marker{display:none}.arc-v12-0-0-beta-23 .arc .arc-DisclosureMini-summary:focus::before{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.arc-v12-0-0-beta-23 .arc .arc-DisclosureMini-summary:focus-visible::before{outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.arc-v12-0-0-beta-23 .arc .arc-DisclosureMini--onDarkSurface .arc-DisclosureMini-summary:focus-visible::before{outline:var(--focus-border-weight-s) solid var(--focus-colors-dark-border-subtle);outline-offset:2px}.arc-v12-0-0-beta-23 .arc .arc-DisclosureMini-summary>.arc-Text{text-decoration:underline}.arc-v12-0-0-beta-23 .arc .arc-DisclosureMini-summary--icon-left>.arc-Text{margin-left:var(--disclosure-mini-gap-m)}.arc-v12-0-0-beta-23 .arc .arc-DisclosureMini-summary--icon-right>.arc-Text{margin-right:var(--disclosure-mini-gap-m)}.arc-v12-0-0-beta-23 .arc .arc-DisclosureMini-summary--icon-right>.arc-DisclosureMini-summary-icon{order:2}.arc-v12-0-0-beta-23 .arc .arc-DisclosureMini-summary>.arc-DisclosureMini-summary-icon{align-items:center;color:inherit;display:flex;flex:0 0 16px;height:var(--disclosure-mini-size-icon-s);justify-content:center;transition:all 0.23s ease-out;width:var(--disclosure-mini-size-icon-s)}.arc-v12-0-0-beta-23 .arc .arc-DisclosureMini-summary>.arc-DisclosureMini-summary-icon>svg{height:100%;width:100%}.arc-v12-0-0-beta-23 .arc .arc-DisclosureMini[open] .arc-DisclosureMini-summary>.arc-DisclosureMini-summary-icon{transform:rotate(180deg)}.arc-v12-0-0-beta-23 .arc .arc-DisclosureMini[open] .arc-DisclosureMini-summary{align-items:center}.arc-v12-0-0-beta-23 .arc .arc-DisclosureMini-details{margin-top:var(--disclosure-mini-gap-s)}.arc-v12-0-0-beta-23 .arc .arc-DisclosureMini-summary--icon-left~.arc-DisclosureMini-details{margin-left:calc(var(--disclosure-mini-gap-m) + 16px)}
+.arc-v12-0-0-beta-24 .arc .arc-DisclosureMini-summary{align-items:center;color:var(--disclosure-mini-colors-light-text-default);cursor:pointer;display:flex;font:var(--sem-type-body-reg-m);list-style:none;position:relative}.arc-v12-0-0-beta-24 .arc .arc-DisclosureMini-summary--small{font:var(--sem-type-body-reg-s)}.arc-v12-0-0-beta-24 .arc .arc-DisclosureMini-summary:focus{outline:var(--focus-border-weight-s) solid transparent;outline-offset:2px}.arc-v12-0-0-beta-24 .arc .arc-DisclosureMini .arc-DisclosureMini-summary>*{display:inline-block}.arc-v12-0-0-beta-24 .arc .arc-DisclosureMini--onDarkSurface .arc-DisclosureMini-summary{color:var(--disclosure-mini-colors-dark-text-default)}.arc-v12-0-0-beta-24 .arc .arc-DisclosureMini-summary::-webkit-details-marker{display:none}.arc-v12-0-0-beta-24 .arc .arc-DisclosureMini-summary:focus::before{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.arc-v12-0-0-beta-24 .arc .arc-DisclosureMini-summary:focus-visible::before{outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.arc-v12-0-0-beta-24 .arc .arc-DisclosureMini--onDarkSurface .arc-DisclosureMini-summary:focus-visible::before{outline:var(--focus-border-weight-s) solid var(--focus-colors-dark-border-subtle);outline-offset:2px}.arc-v12-0-0-beta-24 .arc .arc-DisclosureMini-summary>.arc-Text{text-decoration:underline}.arc-v12-0-0-beta-24 .arc .arc-DisclosureMini-summary--icon-left>.arc-Text{margin-left:var(--disclosure-mini-gap-m)}.arc-v12-0-0-beta-24 .arc .arc-DisclosureMini-summary--icon-right>.arc-Text{margin-right:var(--disclosure-mini-gap-m)}.arc-v12-0-0-beta-24 .arc .arc-DisclosureMini-summary--icon-right>.arc-DisclosureMini-summary-icon{order:2}.arc-v12-0-0-beta-24 .arc .arc-DisclosureMini-summary>.arc-DisclosureMini-summary-icon{align-items:center;color:inherit;display:flex;flex:0 0 16px;height:var(--disclosure-mini-size-icon-s);justify-content:center;transition:all 0.23s ease-out;width:var(--disclosure-mini-size-icon-s)}.arc-v12-0-0-beta-24 .arc .arc-DisclosureMini-summary>.arc-DisclosureMini-summary-icon>svg{height:100%;width:100%}.arc-v12-0-0-beta-24 .arc .arc-DisclosureMini[open] .arc-DisclosureMini-summary>.arc-DisclosureMini-summary-icon{transform:rotate(180deg)}.arc-v12-0-0-beta-24 .arc .arc-DisclosureMini[open] .arc-DisclosureMini-summary{align-items:center}.arc-v12-0-0-beta-24 .arc .arc-DisclosureMini-details{margin-top:var(--disclosure-mini-gap-s)}.arc-v12-0-0-beta-24 .arc .arc-DisclosureMini-summary--icon-left~.arc-DisclosureMini-details{margin-left:calc(var(--disclosure-mini-gap-m) + 16px)}

package/lib/Download/Download.cjs

@@ -1,16 +1,17 @@
 'use client';
 'use strict';
 
-var Download = require('../_shared/cjs/Download-CrIytI74.cjs');
-require('../_shared/cjs/filter-attrs-eK6E_34o.cjs');
+var Download = require('../_shared/cjs/Download-NY3tbv9Q.cjs');
+require('../_shared/cjs/tslib.es6-CCZ3TN_7.cjs');
 require('react');
 require('../_shared/cjs/index-CTlXMLug.cjs');
-require('../_shared/cjs/Text-Cr5nmYmx.cjs');
+require('../_shared/cjs/Text-jwsn80lQ.cjs');
 require('../_shared/cjs/suffix-modifier-DLUGR-yG.cjs');
 require('../_shared/cjs/index-DR8Rkav9.cjs');
-require('../_shared/cjs/Surface-BFx1yNsq.cjs');
-require('../_shared/cjs/ThemeIcon-BoxbjTaQ.cjs');
-require('../_shared/cjs/VerticalSpace-BJvST6WP.cjs');
+require('../_shared/cjs/filter-attrs-D19P2s1V.cjs');
+require('../_shared/cjs/Surface-DIU5ciDT.cjs');
+require('../_shared/cjs/ThemeIcon-Def4RZfK.cjs');
+require('../_shared/cjs/VerticalSpace-DLQUYsvc.cjs');
 
 
 

package/lib/Download/Download.mjs

@@ -1,11 +1,12 @@
 'use client';
-export { D as Download } from '../_shared/esm/Download-DFz_1HCG.mjs';
-import '../_shared/esm/filter-attrs-B6CM-NUr.mjs';
+export { D as Download } from '../_shared/esm/Download-BD8Bigeq.mjs';
+import '../_shared/esm/tslib.es6-w7hdJ3oZ.mjs';
 import 'react';
 import '../_shared/esm/index-5C0-U8cc.mjs';
-import '../_shared/esm/Text-CBlnm5CT.mjs';
+import '../_shared/esm/Text-BAzOkkzN.mjs';
 import '../_shared/esm/suffix-modifier-B_pO0UkF.mjs';
 import '../_shared/esm/index-Spae4j7j.mjs';
-import '../_shared/esm/Surface-Colbp3Zx.mjs';
-import '../_shared/esm/ThemeIcon-CN_Ed5b1.mjs';
-import '../_shared/esm/VerticalSpace-Duhm0zXP.mjs';
+import '../_shared/esm/filter-attrs-v_SweZXP.mjs';
+import '../_shared/esm/Surface-C69KVzkY.mjs';
+import '../_shared/esm/ThemeIcon-B0SruPZC.mjs';
+import '../_shared/esm/VerticalSpace-BLWB02I7.mjs';

package/lib/Download/styles.css

@@ -1 +1 @@
-.arc-v12-0-0-beta-23 .arc .arc-Download{align-items:center;background:var(--sem-color-bg-secondary-light-default);border-radius:var(--sem-border-radius-xs);color:var(--sem-color-fg-secondary-light-default);cursor:pointer;display:flex;max-width:100%;outline:var(--sem-border-width-xs) solid var(--sem-color-border-secondary-light-subtle);padding:var(--sem-space-padding-70) var(--sem-space-padding-130) var(--sem-space-padding-70) var(--sem-space-padding-70);text-decoration:none}.arc-v12-0-0-beta-23 .arc .arc-Download--compact{padding:var(--sem-space-padding-60) var(--sem-space-padding-110) var(--sem-space-padding-60) var(--sem-space-padding-60)}.arc-v12-0-0-beta-23 .arc .arc-Download--maxContent{width:-moz-max-content;width:max-content}.arc-v12-0-0-beta-23 .arc .arc-Download-name{color:var(--sem-color-fg-primary-light-default);display:block;font:var(--sem-type-body-reg-l);font-weight:var(--sem-font-weight-bold);text-decoration:underline}.arc-v12-0-0-beta-23 .arc .arc-Download--compact .arc-Download-name{font:var(--sem-type-body-reg-m);font-weight:var(--sem-font-weight-bold)}.arc-v12-0-0-beta-23 .arc .arc-Download:focus-visible{border-radius:var(--sem-border-radius-xs);outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle)}.arc-v12-0-0-beta-23 .arc .arc-Download:focus:not(:focus-visible){border-radius:var(--sem-border-radius-xs);outline:var(--sem-border-width-xs) solid var(--sem-color-border-secondary-light-subtle);outline-offset:0}.arc-v12-0-0-beta-23 .arc .arc-Download:hover,.arc-v12-0-0-beta-23 .arc .arc-Download:hover:focus:not(:focus-visible){color:var(--sem-color-fg-secondary-light-default);outline:var(--sem-border-width-s) solid var(--sem-color-border-primary-light-strong)}.arc-v12-0-0-beta-23 .arc .arc-Download:hover .arc-Download-name{color:var(--sem-color-fg-primary-light-strong)}.arc-v12-0-0-beta-23 .arc .arc-Download-title{color:var(--sem-color-fg-primary-light-default)}.arc-v12-0-0-beta-23 .arc .arc-Download-iconContainer{flex:0 1 auto}.arc-v12-0-0-beta-23 .arc .arc-Download-contentContainer{flex:1 1 0;padding-left:var(--sem-space-padding-50)}.arc-v12-0-0-beta-23 .arc .arc-Download--compact .arc-Download-contentContainer{padding-left:var(--sem-space-padding-30)}
+.arc-v12-0-0-beta-24 .arc .arc-Download{align-items:center;background:var(--sem-color-bg-secondary-light-default);border-radius:var(--sem-border-radius-xs);color:var(--sem-color-fg-secondary-light-default);cursor:pointer;display:flex;max-width:100%;outline:var(--sem-border-width-xs) solid var(--sem-color-border-secondary-light-subtle);padding:var(--sem-space-padding-70) var(--sem-space-padding-130) var(--sem-space-padding-70) var(--sem-space-padding-70);text-decoration:none}.arc-v12-0-0-beta-24 .arc .arc-Download--compact{padding:var(--sem-space-padding-60) var(--sem-space-padding-110) var(--sem-space-padding-60) var(--sem-space-padding-60)}.arc-v12-0-0-beta-24 .arc .arc-Download--maxContent{width:-moz-max-content;width:max-content}.arc-v12-0-0-beta-24 .arc .arc-Download-name{color:var(--sem-color-fg-primary-light-default);display:block;font:var(--sem-type-body-reg-l);font-weight:var(--sem-font-weight-bold);text-decoration:underline}.arc-v12-0-0-beta-24 .arc .arc-Download--compact .arc-Download-name{font:var(--sem-type-body-reg-m);font-weight:var(--sem-font-weight-bold)}.arc-v12-0-0-beta-24 .arc .arc-Download:focus-visible{border-radius:var(--sem-border-radius-xs);outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle)}.arc-v12-0-0-beta-24 .arc .arc-Download--onDarkSurface:focus-visible{border-radius:var(--sem-border-radius-xs);outline:var(--focus-border-weight-s) solid var(--focus-colors-dark-border-subtle)}.arc-v12-0-0-beta-24 .arc .arc-Download:focus:not(:focus-visible){border-radius:var(--sem-border-radius-xs);outline:var(--sem-border-width-xs) solid var(--sem-color-border-secondary-light-subtle);outline-offset:0}.arc-v12-0-0-beta-24 .arc .arc-Download:hover,.arc-v12-0-0-beta-24 .arc .arc-Download:hover:focus:not(:focus-visible){color:var(--sem-color-fg-secondary-light-default);outline:var(--sem-border-width-s) solid var(--sem-color-border-primary-light-strong)}.arc-v12-0-0-beta-24 .arc .arc-Download:hover .arc-Download-name{color:var(--sem-color-fg-primary-light-strong)}.arc-v12-0-0-beta-24 .arc .arc-Download-title{color:var(--sem-color-fg-primary-light-default)}.arc-v12-0-0-beta-24 .arc .arc-Download-iconContainer{flex:0 1 auto}.arc-v12-0-0-beta-24 .arc .arc-Download-contentContainer{flex:1 1 0;padding-left:var(--sem-space-padding-50)}.arc-v12-0-0-beta-24 .arc .arc-Download--compact .arc-Download-contentContainer{padding-left:var(--sem-space-padding-30)}

package/lib/Drawer/Drawer.cjs

@@ -1,25 +1,32 @@
 'use client';
 'use strict';
 
-var filterAttrs = require('../_shared/cjs/filter-attrs-eK6E_34o.cjs');
+var tslib_es6 = require('../_shared/cjs/tslib.es6-CCZ3TN_7.cjs');
 var React = require('react');
 var index$2 = require('../_shared/cjs/index-CTlXMLug.cjs');
-var index$1 = require('../_shared/cjs/index-DAr_oO4-.cjs');
+var index$1 = require('../_shared/cjs/index-D9onmVh5.cjs');
+var filterAttrs = require('../_shared/cjs/filter-attrs-D19P2s1V.cjs');
 var index = require('../_shared/cjs/index-DXNM3D1d.cjs');
-var ThemeIcon = require('../_shared/cjs/ThemeIcon-BoxbjTaQ.cjs');
-var Rule = require('../_shared/cjs/Rule-DMQsi2L6.cjs');
-require('../_shared/cjs/Combination-B-rSVLfT.cjs');
+var ThemeIcon = require('../_shared/cjs/ThemeIcon-Def4RZfK.cjs');
+var VisuallyHidden = require('../_shared/cjs/VisuallyHidden-CQg3cOVK.cjs');
+var Surface = require('../_shared/cjs/Surface-DIU5ciDT.cjs');
+var Heading = require('../_shared/cjs/Heading-CoiZ2EmD.cjs');
+var Rule = require('../_shared/cjs/Rule-jmvOpci7.cjs');
+require('../_shared/cjs/Combination-6m6aOXZq.cjs');
 require('react/jsx-runtime');
 require('react-dom');
-require('../_shared/cjs/index-Dv1xvB_E.cjs');
+require('../_shared/cjs/index-BGGFOAAx.cjs');
 require('../_shared/cjs/suffix-modifier-DLUGR-yG.cjs');
 require('../_shared/cjs/index-DR8Rkav9.cjs');
-require('../_shared/cjs/Surface-BFx1yNsq.cjs');
+require('../_shared/cjs/SemanticHeading-BPXN_z49.cjs');
 
 var Drawer = function (_a) {
-    var isOpen = _a.isOpen, children = _a.children, onRequestClose = _a.onRequestClose, _b = _a.noOverlay, noOverlay = _b === void 0 ? false : _b, _c = _a.shouldReturnFocus, shouldReturnFocus = _c === void 0 ? true : _c, _d = _a.size, size = _d === void 0 ? "m" : _d, height = _a.height, width = _a.width, _e = _a.position, position = _e === void 0 ? "right" : _e, props = filterAttrs.__rest(_a, ["isOpen", "children", "onRequestClose", "noOverlay", "shouldReturnFocus", "size", "height", "width", "position"]);
-    var _f = index.useThemeElement(), themeElement = _f[0], setThemeElement = _f[1];
+    var isOpen = _a.isOpen, children = _a.children, onRequestClose = _a.onRequestClose, _b = _a.noOverlay, noOverlay = _b === void 0 ? false : _b, _c = _a.shouldReturnFocus, shouldReturnFocus = _c === void 0 ? true : _c, _d = _a.size, size = _d === void 0 ? "m" : _d, height = _a.height, width = _a.width, _e = _a.position, position = _e === void 0 ? "right" : _e, _f = _a.draggable, draggable = _f === void 0 ? false : _f, _g = _a.snapPoints, snapPoints = _g === void 0 ? ["30%", "60%", "90%"] : _g, _h = _a.snapBehaviour, snapBehaviour = _h === void 0 ? "nearest" : _h, dragDownToDismiss = _a.dragDownToDismiss, onDragHandleClick = _a.onDragHandleClick, ariaDescription = _a.ariaDescription, props = tslib_es6.__rest(_a, ["isOpen", "children", "onRequestClose", "noOverlay", "shouldReturnFocus", "size", "height", "width", "position", "draggable", "snapPoints", "snapBehaviour", "dragDownToDismiss", "onDragHandleClick", "ariaDescription"]);
+    var _j = index.useThemeElement(), themeElement = _j[0], setThemeElement = _j[1];
     var triggerRef = React.useRef(null);
+    var contentRef = React.useRef(null);
+    var _k = React.useState(0), drawerHeight = _k[0], setDrawerHeight = _k[1];
+    var normalisedSnapPoints = snapPoints && snapPoints.length > 0 ? snapPoints : ["30%", "60%", "90%"];
     var setTriggerElement = function () {
         return shouldReturnFocus &&
             (triggerRef.current = document.activeElement);
@@ -29,30 +36,159 @@ var Drawer = function (_a) {
             triggerRef.current.focus();
         }
     };
-    var sizingProperties = filterAttrs.__assign(filterAttrs.__assign({}, (position !== "bottom" && { width: width })), (position === "bottom" && { height: height }));
+    var dragRef = React.useRef({
+        active: false,
+        startY: 0,
+        deltaY: 0,
+        startH: 0,
+    });
+    var sizingProperties = tslib_es6.__assign(tslib_es6.__assign({}, (position !== "bottom" && { width: width })), (position === "bottom" && { height: drawerHeight || height }));
+    var onHandleUp = function (e) {
+        onHandleUpCore(e.nativeEvent);
+    };
+    var onHandleClick = function (e) {
+        onHandleUpCore(e.nativeEvent);
+        onDragHandleClick === null || onDragHandleClick === void 0 ? void 0 : onDragHandleClick(e);
+    };
+    var onHandleMove = function (e) {
+        if (!dragRef.current.active)
+            return;
+        dragRef.current.deltaY = e.clientY - dragRef.current.startY;
+        var newHeight = dragRef.current.startH - dragRef.current.deltaY;
+        setDrawerHeight(Math.round(newHeight));
+    };
+    var resolveToPx = function (input) {
+        // if already a number, assume px
+        if (typeof input === "number")
+            return input;
+        var str = input.trim().toLowerCase();
+        if (str.endsWith("%")) {
+            var percentValue = parseFloat(str);
+            return (window.innerHeight * percentValue) / 100;
+        }
+        if (str.endsWith("px")) {
+            var pixelValue = parseFloat(str);
+            return pixelValue;
+        }
+        var numericValue = Number(str);
+        return Number.isFinite(numericValue) ? numericValue : undefined;
+    };
+    var onHandleUpCore = function (e) {
+        if (!dragRef.current.active || !contentRef.current)
+            return;
+        if (dragDownToDismiss && contentRef.current.clientHeight < 100) {
+            dragRef.current.active = false;
+            dragRef.current.deltaY = 0;
+            e.currentTarget.releasePointerCapture(e.pointerId);
+            setDrawerHeight(undefined);
+            onRequestClose();
+            return;
+        }
+        dragRef.current.active = false;
+        e.currentTarget.releasePointerCapture(e.pointerId);
+        var currentHeight = contentRef.current.clientHeight;
+        // turn all snapPoints into px values. Order the values.
+        var snapsPx = (normalisedSnapPoints !== null && normalisedSnapPoints !== void 0 ? normalisedSnapPoints : [])
+            .map(resolveToPx)
+            .filter(function (value) { return value !== undefined; }) // remove undefined values
+            .sort(function (a, b) { return a - b; });
+        var targetSnap = undefined;
+        if (snapBehaviour === "next") {
+            var deltaY = Math.sign(dragRef.current.deltaY);
+            if (deltaY === -1) {
+                // User scrolled up
+                for (var i = 0; i < snapsPx.length; i++) {
+                    if (snapsPx[i] > currentHeight) {
+                        targetSnap = snapsPx[i];
+                        break;
+                    }
+                    else if (currentHeight > snapsPx[snapsPx.length - 1]) {
+                        targetSnap = snapsPx[snapsPx.length - 1];
+                    }
+                }
+            }
+            else if (deltaY === 1) {
+                // User scrolled down
+                for (var i = 0; i < snapsPx.length; i++) {
+                    if (snapsPx[i] < currentHeight) {
+                        targetSnap = snapsPx[i];
+                    }
+                    else if (currentHeight < snapsPx[0]) {
+                        targetSnap = snapsPx[0];
+                    }
+                }
+            }
+            else if (deltaY === 0) {
+                // User clicked without moving go to next snap point
+                for (var i = 0; i < snapsPx.length; i++) {
+                    if (snapsPx[i] > currentHeight) {
+                        targetSnap = snapsPx[i];
+                        break;
+                    }
+                }
+                // If no bigger snap was found → loop back to the first
+                if (!targetSnap) {
+                    targetSnap = snapsPx[0];
+                }
+            }
+        }
+        if (snapBehaviour === "nearest") {
+            targetSnap = Math.round(snapsPx[0]);
+            var bestDiff = Math.abs(currentHeight - snapsPx[0]);
+            for (var i = 0; i < snapsPx.length; i++) {
+                var diff = Math.abs(currentHeight - snapsPx[i]);
+                if (diff < bestDiff) {
+                    targetSnap = Math.round(snapsPx[i]);
+                    bestDiff = diff;
+                }
+            }
+        }
+        if (snapBehaviour === "none") {
+            targetSnap = currentHeight;
+        }
+        setDrawerHeight(targetSnap);
+    };
+    var onHandleDown = function (e) {
+        if (!contentRef.current)
+            return;
+        dragRef.current.active = true;
+        // record where the pointer was when dragging started
+        dragRef.current.startY = e.clientY;
+        // record inital height of drawer
+        dragRef.current.startH = contentRef.current.clientHeight;
+        // keep moving drawer even if cursor has left pill
+        e.target.setPointerCapture(e.pointerId);
+    };
     return (React.createElement("div", { ref: setThemeElement },
         React.createElement(index$1.Root, { open: isOpen },
             React.createElement(index$1.Portal, { container: themeElement },
                 React.createElement(index$1.Overlay, { className: index$2.classNames("arc-Drawer-overlay", {
                         "arc-Drawer-overlay--visible": !noOverlay,
                     }) },
-                    React.createElement(index$1.Content, filterAttrs.__assign({ className: index$2.classNames("arc-Drawer-slider", "arc-Drawer-slider--".concat(size), "arc-Drawer-slider--".concat(position)), style: filterAttrs.__assign({}, sizingProperties), onOpenAutoFocus: setTriggerElement, onCloseAutoFocus: focusTriggerElement, onEscapeKeyDown: onRequestClose, onInteractOutside: onRequestClose, "aria-modal": "true" }, filterAttrs.filterAttrs(props)),
-                        children,
-                        React.createElement("div", { className: "arc-Drawer-closeButtonContainer" },
-                            React.createElement("button", { "aria-label": "close", onClick: onRequestClose, className: "arc-Drawer-closeButton" },
-                                React.createElement(ThemeIcon.ThemeIcon, { size: 32, icon: "drawerClose" })))))))));
+                    React.createElement(VisuallyHidden.VisuallyHidden, null,
+                        React.createElement(index$1.Description, null, ariaDescription)),
+                    React.createElement(Surface.Surface, { background: "light-brand-01", isTransparent: true },
+                        React.createElement(index$1.Content, tslib_es6.__assign({ className: index$2.classNames("arc-Drawer-slider", "arc-Drawer-slider--".concat(size), "arc-Drawer-slider--".concat(position), { "arc-Drawer-slider--draggable": draggable }, {
+                                "arc-Drawer-slider--transition": !dragRef.current.active,
+                            }), style: tslib_es6.__assign({}, sizingProperties), onOpenAutoFocus: setTriggerElement, onCloseAutoFocus: focusTriggerElement, onEscapeKeyDown: onRequestClose, onInteractOutside: onRequestClose, "aria-modal": "true", ref: contentRef }, filterAttrs.filterAttrs(props)),
+                            React.createElement("div", { className: "arc-Drawer-closeButtonContainer" },
+                                React.createElement("button", { "aria-label": "close", onClick: onRequestClose, className: "arc-Drawer-closeButton" },
+                                    React.createElement(ThemeIcon.ThemeIcon, { size: 32, icon: "drawerClose" })),
+                                draggable && position === "bottom" && (React.createElement("div", { className: "arc-Drawer-dragHandle", onPointerDown: onHandleDown, onPointerUp: onHandleUp, onPointerMove: onHandleMove, onClick: onHandleClick, role: "separator", "aria-label": "Drag to resize the drawer" },
+                                    React.createElement("div", { className: "arc-Drawer-dragHandlePill", "data-testid": "arc-Drawer-dragHandlePill" })))),
+                            children)))))));
 };
 
 var DrawerHeader = function (_a) {
-    var title = _a.title, _b = _a.isFixed, isFixed = _b === void 0 ? false : _b, props = filterAttrs.__rest(_a, ["title", "isFixed"]);
+    var title = _a.title, _b = _a.isFixed, isFixed = _b === void 0 ? false : _b, isResponsive = _a.isResponsive, props = tslib_es6.__rest(_a, ["title", "isFixed", "isResponsive"]);
     return (React.createElement(React.Fragment, null,
-        React.createElement("div", filterAttrs.__assign({ className: index$2.classNames("arc-DrawerHeader", {
+        React.createElement("div", tslib_es6.__assign({ className: index$2.classNames("arc-DrawerHeader", {
                 "arc-DrawerHeader--isFixed": isFixed,
             }) }, filterAttrs.filterAttrs(props)),
             React.createElement("div", { className: "arc-DrawerHeader-content" },
                 React.createElement("div", { className: "arc-DrawerHeader-titleContainer" },
                     React.createElement(index$1.Title, { asChild: true },
-                        React.createElement("h1", { className: "arc-DrawerHeader-title" }, title)))),
+                        React.createElement(Heading.Heading, { isResponsive: isResponsive, size: "m" }, title)))),
             isFixed && (React.createElement("div", { className: "arc-DrawerHeader-divider" },
                 React.createElement(Rule.Rule, null))))));
 };