@react-spectrum/s2 0.3.2-nightly.5038 → 0.4.0

package/dist/Meter.mjs

@@ -1,6 +1,8 @@
 import "./Meter.css";
 import {FieldLabel as $9afd80978c252040$export$1acdcf5a973a8414} from "./Field.mjs";
-import {useSpectrumContextProps as $5ce63c423902f47d$export$764f6146fadd77f7} from "./useSpectrumContextProps.mjs";
+import {SkeletonWrapper as $5ad421ec19460c48$export$6069cbe61f690103} from "../icons/Skeleton.mjs";
+import {Text as $8e847109a6ab556d$export$5f1af8db9871e1d6} from "./Content.mjs";
+import {useSpectrumContextProps as $5ce63c423902f47d$export$764f6146fadd77f7} from "../icons/useSpectrumContextProps.mjs";
 import {jsx as $blcZa$jsx, jsxs as $blcZa$jsxs, Fragment as $blcZa$Fragment} from "react/jsx-runtime";
 import {Meter as $blcZa$Meter} from "react-aria-components";
 import {createContext as $blcZa$createContext, forwardRef as $blcZa$forwardRef} from "react";
@@ -22,6 +24,8 @@ import {useDOMRef as $blcZa$useDOMRef} from "@react-spectrum/utils";
 
 
 
+
+
 const $bb56943300b294c6$export$8b645da15a96b44f = /*#__PURE__*/ (0, $blcZa$createContext)(null);
 const $bb56943300b294c6$var$wrapper = function anonymous(props, overrides) {
     let rules = " .";
@@ -30,12 +34,10 @@ const $bb56943300b294c6$var$wrapper = function anonymous(props, overrides) {
     let $U = false;
     let $q = false;
     let $r = false;
-    let $l = false;
     for (let p of matches){
         if (/^\s*U/.test(p)) $U = true;
         if (/^\s*q/.test(p)) $q = true;
         if (/^\s*r/.test(p)) $r = true;
-        if (/^\s*l/.test(p)) $l = true;
     }
     if (!$U) rules += ' Uc';
     rules += ' _Zf';
@@ -46,45 +48,30 @@ const $bb56943300b294c6$var$wrapper = function anonymous(props, overrides) {
     rules += ' _1d';
     rules += ' __Fa';
     if (!$q) {
-        rules += ' qbw';
-        rules += ' qv';
+        rules += ' qby';
+        rules += ' qx';
     }
     if (!$r) rules += ' r-3bwcc2';
     if (props.size === "XL") {
-        rules += ' -aqrvqh_k-bw';
-        rules += ' -aqrvqh_k-v';
+        rules += ' -aqrvqh_k-by';
+        rules += ' -aqrvqh_k-x';
     } else if (props.size === "L") {
-        rules += ' -aqrvqh_k-bs';
-        rules += ' -aqrvqh_k-p';
+        rules += ' -aqrvqh_k-bu';
+        rules += ' -aqrvqh_k-r';
     } else if (props.size === "S") {
+        rules += ' -aqrvqh_k-bn';
+        rules += ' -aqrvqh_k-m';
+    } else if (props.size === "XS") {
         rules += ' -aqrvqh_k-bl';
         rules += ' -aqrvqh_k-k';
-    } else if (props.size === "XS") {
-        rules += ' -aqrvqh_k-bj';
-        rules += ' -aqrvqh_k-i';
     } else {
-        rules += ' -aqrvqh_k-bp';
-        rules += ' -aqrvqh_k-o';
+        rules += ' -aqrvqh_k-br';
+        rules += ' -aqrvqh_k-q';
     }
-    rules += ' -_1urhtf5_k-bc';
-    rules += ' -_1urhtf5_k-b';
+    rules += ' -_1urhtf5_k-be';
+    rules += ' -_1urhtf5_k-d';
     rules += ' -_1inj1bc_i--q18lfg';
-    rules += ' jd';
-    if (!$l) {
-        if (props.size === "XL") {
-            rules += ' lbT';
-            rules += ' lO';
-        } else if (props.size === "L") {
-            rules += ' lbS';
-            rules += ' lR';
-        } else if (props.size === "S") {
-            rules += ' lbO';
-            rules += ' lN';
-        } else {
-            rules += ' lbQ';
-            rules += ' lP';
-        }
-    }
+    rules += ' je';
     return rules;
 };
 const $bb56943300b294c6$var$valueStyles = function anonymous(props) {
@@ -139,6 +126,38 @@ const $bb56943300b294c6$var$trackStyles = function anonymous(props) {
     rules += ' __b-3773ju';
     rules += ' __c-3773ju';
     rules += ' __d-3773ju';
+    if (props.size === "XL") {
+        rules += ' qby';
+        rules += ' qx';
+    } else if (props.size === "L") {
+        rules += ' qbu';
+        rules += ' qr';
+    } else if (props.size === "S") {
+        rules += ' qbn';
+        rules += ' qm';
+    } else if (props.size === "XS") {
+        rules += ' qbl';
+        rules += ' qk';
+    } else {
+        rules += ' qbr';
+        rules += ' qq';
+    }
+    if (props.isQuiet) rules += ' __ma';
+    else rules += ' __m-1s8glxue';
+    if (props.size === "XL") {
+        rules += ' -usygro_l-bV';
+        rules += ' -usygro_l-Q';
+    } else if (props.size === "L") {
+        rules += ' -usygro_l-bU';
+        rules += ' -usygro_l-T';
+    } else if (props.size === "S") {
+        rules += ' -usygro_l-bQ';
+        rules += ' -usygro_l-P';
+    } else {
+        rules += ' -usygro_l-bS';
+        rules += ' -usygro_l-R';
+    }
+    rules += ' m-rwozxi';
     rules += ' __vb';
     rules += ' __wb';
     rules += ' _vf';
@@ -160,14 +179,14 @@ const $bb56943300b294c6$var$trackStyles = function anonymous(props) {
         rules += ' kb-1vxtxny';
         rules += ' k-8hx8xw';
     } else if (props.size === "L") {
-        rules += ' kbe';
-        rules += ' kd';
+        rules += ' kbg';
+        rules += ' kf';
     } else if (props.size === "M") {
         rules += ' kb-1aa9md1';
         rules += ' k-6njx2e';
     } else if (props.size === "S") {
-        rules += ' kbc';
-        rules += ' kb';
+        rules += ' kbe';
+        rules += ' kd';
     } else {
         rules += ' kb-1aa9md1';
         rules += ' k-6njx2e';
@@ -176,7 +195,7 @@ const $bb56943300b294c6$var$trackStyles = function anonymous(props) {
 };
 const $bb56943300b294c6$var$fillStyles = function anonymous(props) {
     let rules = " .";
-    rules += ' k2';
+    rules += ' k4';
     rules += ' wf';
     rules += ' _vf';
     rules += ' _wf';
@@ -227,27 +246,29 @@ function $bb56943300b294c6$var$Meter(props, ref) {
                         staticColor: staticColor,
                         children: label
                     }),
-                    label && /*#__PURE__*/ (0, $blcZa$jsx)("span", {
-                        className: $bb56943300b294c6$var$valueStyles({
+                    label && /*#__PURE__*/ (0, $blcZa$jsx)((0, $8e847109a6ab556d$export$5f1af8db9871e1d6), {
+                        styles: $bb56943300b294c6$var$valueStyles({
                             size: size,
                             labelAlign: 'end',
                             staticColor: staticColor
                         }),
                         children: valueText
                     }),
-                    /*#__PURE__*/ (0, $blcZa$jsx)("div", {
-                        className: $bb56943300b294c6$var$trackStyles({
-                            staticColor: staticColor,
-                            size: size
-                        }),
+                    /*#__PURE__*/ (0, $blcZa$jsx)((0, $5ad421ec19460c48$export$6069cbe61f690103), {
                         children: /*#__PURE__*/ (0, $blcZa$jsx)("div", {
-                            className: $bb56943300b294c6$var$fillStyles({
+                            className: $bb56943300b294c6$var$trackStyles({
                                 staticColor: staticColor,
-                                variant: variant
+                                size: size
                             }),
-                            style: {
-                                width: percentage + '%'
-                            }
+                            children: /*#__PURE__*/ (0, $blcZa$jsx)("div", {
+                                className: $bb56943300b294c6$var$fillStyles({
+                                    staticColor: staticColor,
+                                    variant: variant
+                                }),
+                                style: {
+                                    width: percentage + '%'
+                                }
+                            })
                         })
                     })
                 ]

package/dist/Meter.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AAoCM,MAAM,0DAAe,CAAA,GAAA,oBAAY,EAAyD;AAEjG,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBN,SAAS,4BAAM,KAAiB,EAAE,GAA2B;IAC3D,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,SAAS,CAAA,GAAA,gBAAQ,EAAE;IAEvB,IAAI,SACF,KAAK,QACL,OAAO,kBACP,WAAW,UACX,MAAM,oBACN,mBAAmB,kBACnB,YAAY,WACZ,UAAU,eACV,GAAG,YACJ,GAAG;IAEJ,qBACE,gBAAC,CAAA,GAAA,YAAQ;QACN,GAAG,UAAU;QACd,KAAK;QACL,OAAO;QACP,WAAW,mBAAmB,8BAAQ;kBACpC;qBACA;yBACA;YACA,eAAe;QACjB,GAAG;kBACF,CAAC,cAAC,UAAU,aAAE,SAAS,EAAC,iBACvB;;oBACG,uBAAS,gBAAC,CAAA,GAAA,yCAAS;wBAAE,MAAM;wBAAM,YAAW;wBAAQ,eAAc;wBAAM,aAAa;kCAAc;;oBACnG,uBAAS,gBAAC;wBAAK,WAAW,kCAAY;kCAAC;4BAAM,YAAY;yCAAO;wBAAW;kCAAK;;kCACjF,gBAAC;wBAAI,WAAW,kCAAY;yCAAC;kCAAa;wBAAI;kCAC5C,cAAA,gBAAC;4BAAI,WAAW,iCAAW;6CAAC;yCAAa;4BAAO;4BAAI,OAAO;gCAAC,OAAO,aAAa;4BAAG;;;;;;AAM/F;AAEA;;;CAGC,GACD,IAAI,0DAAS,CAAA,GAAA,iBAAS,EAAE","sources":["packages/@react-spectrum/s2/src/Meter.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n  Meter as AriaMeter,\n  MeterProps as AriaMeterProps,\n  ContextValue\n} from 'react-aria-components';\nimport {bar, track} from './bar-utils'  with {type: 'macro'};\nimport {createContext, forwardRef, ReactNode} from 'react';\nimport {DOMRef, DOMRefValue} from '@react-types/shared';\nimport {FieldLabel} from './Field';\nimport {fieldLabel, getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {size, style} from '../style/spectrum-theme' with {type: 'macro'};\nimport {useDOMRef} from '@react-spectrum/utils';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\ninterface MeterStyleProps {\n  /** The [visual style](https://spectrum.adobe.com/page/meter/#-Options) of the Meter.\n   * @default 'informative'\n   */\n  variant?: 'informative' | 'positive' | 'notice' | 'negative',\n  /**\n   * The size of the Meter.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL',\n  /** The static color style to apply. Useful when the button appears over a color background. */\n  staticColor?: 'white' | 'black'\n}\n\nexport interface MeterProps extends Omit<AriaMeterProps, 'children' | 'className' | 'style'>, MeterStyleProps, StyleProps {\n  /** The content to display as the label. */\n  label?: ReactNode\n}\n\nexport const MeterContext = createContext<ContextValue<MeterProps, DOMRefValue<HTMLDivElement>>>(null);\n\nconst wrapper = style({\n  ...bar(),\n  width: {\n    default: 208,\n    size: {\n      S: 192,\n      L: 224,\n      XL: 240\n    }\n  }\n}, getAllowedOverrides());\n\nconst valueStyles = style({\n  ...fieldLabel(),\n  gridArea: 'value'\n});\n\nconst trackStyles = style({\n  ...track(),\n  height: {\n    default: size(6),\n    size: {\n      S: 4, // progress-bar-thickness-small\n      M: size(6), // progress-bar-thickness-medium\n      L: 8, // progress-bar-thickness-large\n      XL: size(10) // progress-bar-thickness-extra-large\n    }\n  }\n});\n\nconst fillStyles = style<MeterStyleProps>({\n  height: 'full',\n  borderStyle: 'none',\n  borderRadius: 'full',\n  backgroundColor: {\n    default: 'informative',\n    variant: {\n      positive: 'positive',\n      notice: 'notice',\n      negative: 'negative'\n    },\n    staticColor: {\n      white: {\n        default: 'transparent-white-900'\n      },\n      // TODO: Is there a black static color in S2?\n      black: {\n        default: 'transparent-black-900'\n      }\n    },\n    forcedColors: 'ButtonText'\n  }\n});\n\nfunction Meter(props: MeterProps, ref: DOMRef<HTMLDivElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, MeterContext);\n  let domRef = useDOMRef(ref);\n\n  let {\n    label,\n    size = 'M',\n    staticColor,\n    styles,\n    UNSAFE_className = '',\n    UNSAFE_style,\n    variant = 'informative',\n    ...groupProps\n  } = props;\n\n  return (\n    <AriaMeter\n      {...groupProps}\n      ref={domRef}\n      style={UNSAFE_style}\n      className={UNSAFE_className + wrapper({\n        size,\n        variant,\n        staticColor,\n        labelPosition: 'top'\n      }, styles)}>\n      {({percentage, valueText}) => (\n        <>\n          {label && <FieldLabel size={size} labelAlign=\"start\" labelPosition=\"top\" staticColor={staticColor}>{label}</FieldLabel>}\n          {label && <span className={valueStyles({size, labelAlign: 'end', staticColor})}>{valueText}</span>}\n          <div className={trackStyles({staticColor, size})}>\n            <div className={fillStyles({staticColor, variant})} style={{width: percentage + '%'}} />\n          </div>\n        </>\n      )}\n    </AriaMeter>\n  );\n}\n\n/**\n * Meters are visual representations of a quantity or an achievement.\n * Their progress is determined by user actions, rather than system actions.\n */\nlet _Meter = forwardRef(Meter);\nexport {_Meter as Meter};\n"],"names":[],"version":3,"file":"Meter.mjs.map"}
+{"mappings":";;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAsCM,MAAM,0DAAe,CAAA,GAAA,oBAAY,EAAyD;AAEjG,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBN,SAAS,4BAAM,KAAiB,EAAE,GAA2B;IAC3D,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,SAAS,CAAA,GAAA,gBAAQ,EAAE;IAEvB,IAAI,SACF,KAAK,QACL,OAAO,kBACP,WAAW,UACX,MAAM,oBACN,mBAAmB,kBACnB,YAAY,WACZ,UAAU,eACV,GAAG,YACJ,GAAG;IAEJ,qBACE,gBAAC,CAAA,GAAA,YAAQ;QACN,GAAG,UAAU;QACd,KAAK;QACL,OAAO;QACP,WAAW,mBAAmB,8BAAQ;kBACpC;qBACA;yBACA;YACA,eAAe;QACjB,GAAG;kBACF,CAAC,cAAC,UAAU,aAAE,SAAS,EAAC,iBACvB;;oBACG,uBAAS,gBAAC,CAAA,GAAA,yCAAS;wBAAE,MAAM;wBAAM,YAAW;wBAAQ,eAAc;wBAAM,aAAa;kCAAc;;oBACnG,uBAAS,gBAAC,CAAA,GAAA,yCAAG;wBAAE,QAAQ,kCAAY;kCAAC;4BAAM,YAAY;yCAAO;wBAAW;kCAAK;;kCAC9E,gBAAC,CAAA,GAAA,yCAAc;kCACb,cAAA,gBAAC;4BAAI,WAAW,kCAAY;6CAAC;sCAAa;4BAAI;sCAC5C,cAAA,gBAAC;gCAAI,WAAW,iCAAW;iDAAC;6CAAa;gCAAO;gCAAI,OAAO;oCAAC,OAAO,aAAa;gCAAG;;;;;;;AAOjG;AAEA;;;CAGC,GACD,IAAI,0DAAS,CAAA,GAAA,iBAAS,EAAE","sources":["packages/@react-spectrum/s2/src/Meter.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n  Meter as AriaMeter,\n  MeterProps as AriaMeterProps,\n  ContextValue\n} from 'react-aria-components';\nimport {bar, track} from './bar-utils'  with {type: 'macro'};\nimport {createContext, forwardRef, ReactNode} from 'react';\nimport {DOMRef, DOMRefValue} from '@react-types/shared';\nimport {FieldLabel} from './Field';\nimport {fieldLabel, getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {size, style} from '../style' with {type: 'macro'};\nimport {SkeletonWrapper} from './Skeleton';\nimport {Text} from './Content';\nimport {useDOMRef} from '@react-spectrum/utils';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\ninterface MeterStyleProps {\n  /** The [visual style](https://spectrum.adobe.com/page/meter/#-Options) of the Meter.\n   * @default 'informative'\n   */\n  variant?: 'informative' | 'positive' | 'notice' | 'negative',\n  /**\n   * The size of the Meter.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL',\n  /** The static color style to apply. Useful when the button appears over a color background. */\n  staticColor?: 'white' | 'black'\n}\n\nexport interface MeterProps extends Omit<AriaMeterProps, 'children' | 'className' | 'style'>, MeterStyleProps, StyleProps {\n  /** The content to display as the label. */\n  label?: ReactNode\n}\n\nexport const MeterContext = createContext<ContextValue<MeterProps, DOMRefValue<HTMLDivElement>>>(null);\n\nconst wrapper = style({\n  ...bar()\n}, getAllowedOverrides());\n\nconst valueStyles = style({\n  ...fieldLabel(),\n  gridArea: 'value'\n});\n\nconst trackStyles = style({\n  ...track(),\n  height: {\n    default: size(6),\n    size: {\n      S: 4, // progress-bar-thickness-small\n      M: size(6), // progress-bar-thickness-medium\n      L: 8, // progress-bar-thickness-large\n      XL: size(10) // progress-bar-thickness-extra-large\n    }\n  }\n});\n\nconst fillStyles = style<MeterStyleProps>({\n  height: 'full',\n  borderStyle: 'none',\n  borderRadius: 'full',\n  backgroundColor: {\n    default: 'informative',\n    variant: {\n      positive: 'positive',\n      notice: 'notice',\n      negative: 'negative'\n    },\n    staticColor: {\n      white: {\n        default: 'transparent-white-900'\n      },\n      // TODO: Is there a black static color in S2?\n      black: {\n        default: 'transparent-black-900'\n      }\n    },\n    forcedColors: 'ButtonText'\n  }\n});\n\nfunction Meter(props: MeterProps, ref: DOMRef<HTMLDivElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, MeterContext);\n  let domRef = useDOMRef(ref);\n\n  let {\n    label,\n    size = 'M',\n    staticColor,\n    styles,\n    UNSAFE_className = '',\n    UNSAFE_style,\n    variant = 'informative',\n    ...groupProps\n  } = props;\n\n  return (\n    <AriaMeter\n      {...groupProps}\n      ref={domRef}\n      style={UNSAFE_style}\n      className={UNSAFE_className + wrapper({\n        size,\n        variant,\n        staticColor,\n        labelPosition: 'top'\n      }, styles)}>\n      {({percentage, valueText}) => (\n        <>\n          {label && <FieldLabel size={size} labelAlign=\"start\" labelPosition=\"top\" staticColor={staticColor}>{label}</FieldLabel>}\n          {label && <Text styles={valueStyles({size, labelAlign: 'end', staticColor})}>{valueText}</Text>}\n          <SkeletonWrapper>\n            <div className={trackStyles({staticColor, size})}>\n              <div className={fillStyles({staticColor, variant})} style={{width: percentage + '%'}} />\n            </div>\n          </SkeletonWrapper>\n        </>\n      )}\n    </AriaMeter>\n  );\n}\n\n/**\n * Meters are visual representations of a quantity or an achievement.\n * Their progress is determined by user actions, rather than system actions.\n */\nlet _Meter = forwardRef(Meter);\nexport {_Meter as Meter};\n"],"names":[],"version":3,"file":"Meter.mjs.map"}

package/dist/Modal.cjs

@@ -91,12 +91,12 @@ function $8e678305a8c10028$var$Modal(props1, ref) {
                     else rules += ' _xe';
                     if (props.size === "fullscreenTakeover") rules += ' _ya';
                     else rules += ' _ye';
-                    if (props.size === "fullscreenTakeover") rules += ' l2';
+                    if (props.size === "fullscreenTakeover") rules += ' l4';
                     else if (props.size === "fullscreen") rules += ' l-tp2nko';
                     else if (props.size === "L") rules += ' l-3940j6';
                     else if (props.size === "M") rules += ' l-38elgx';
                     else if (props.size === "S") rules += ' l-38aqto';
-                    if (props.size === "fullscreenTakeover") rules += ' k2';
+                    if (props.size === "fullscreenTakeover") rules += ' k4';
                     else if (props.size === "fullscreen") rules += ' k-tp2nko';
                     if (props.size === "L") rules += ' r-yjhhbv';
                     else if (props.size === "M") rules += ' r-yjhhbv';

package/dist/Modal.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAoBD,MAAM;AAUN,MAAM;AAYN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBN,SAAS,4BAAM,MAAiB,EAAE,GAA2B;IAC3D,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IACvB,IAAI,cAAc,CAAA,GAAA,uBAAS,EAAE,CAAA,GAAA,4CAAiB;IAC9C,IAAI,UAAC,MAAM,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,oCAAQ;IAElC,0DAA0D;IAC1D,IAAI,WAAW,CAAA,GAAA,wBAAU,EAAE,CAAC;QACzB,OAA4C,OAAO,GAAG;QACvD,IAAI,IAAI;YACN,GAAG,IAAI,GAAG;YACV,GAAG,GAAG,GAAG;QACX;IACF,GAAG;QAAC;QAAQ;QAAW;KAAO;IAE9B,qBACE,gCAAC,CAAA,GAAA,uCAAW;QACT,GAAG,MAAK;QACT,WAAW,CAAA,cAAe,yCAAmB;gBAAC,GAAG,WAAW;6BAAE;YAAW;kBACzE,cAAA,gCAAC,CAAA,GAAA,gCAAO;YACL,GAAG,MAAK;YACT,KAAK;YACL,WAAW,CAAA,cAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAiEvB;oBAAC,GAAG,WAAW;oBAAE,MAAM,OAAM,IAAI,IAAI;gBAAG;;;AAGnD;AAEA;;CAEC,GACD,IAAI,0DAAS,CAAA,GAAA,uBAAS,EAAE","sources":["packages/@react-spectrum/s2/src/Modal.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {colorScheme} from './style-utils' with {type: 'macro'};\nimport {ColorSchemeContext} from './Provider';\nimport {DOMRef} from '@react-types/shared';\nimport {forwardRef, MutableRefObject, useCallback, useContext} from 'react';\nimport {keyframes} from '../style/style-macro' with {type: 'macro'};\nimport {ModalOverlay, ModalOverlayProps, Modal as RACModal, useLocale} from 'react-aria-components';\nimport {style} from '../style/spectrum-theme' with {type: 'macro'};\nimport {useDOMRef} from '@react-spectrum/utils';\n\ninterface ModalProps extends ModalOverlayProps {\n  /**\n   * The size of the Modal.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'fullscreen' | 'fullscreenTakeover'\n}\n\nconst fade = keyframes(`\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n`);\n\nconst fadeAndSlide = keyframes(`\n  from {\n    opacity: 0;\n    transform: translateY(20px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n`);\n\nconst modalOverlayStyles = style({\n  ...colorScheme(),\n  position: 'fixed',\n  inset: 0,\n  isolation: 'isolate',\n  backgroundColor: 'transparent-black-500',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  animation: {\n    isEntering: fade,\n    isExiting: fade\n  },\n  animationDuration: {\n    isEntering: 250,\n    isExiting: 130\n  },\n  animationDirection: {\n    isEntering: 'normal',\n    isExiting: 'reverse'\n  }\n});\n\nfunction Modal(props: ModalProps, ref: DOMRef<HTMLDivElement>) {\n  let domRef = useDOMRef(ref);\n  let colorScheme = useContext(ColorSchemeContext);\n  let {locale, direction} = useLocale();\n\n  // TODO: should we pass through lang and dir props in RAC?\n  let modalRef = useCallback((el: HTMLDivElement) => {\n    (domRef as MutableRefObject<HTMLDivElement>).current = el;\n    if (el) {\n      el.lang = locale;\n      el.dir = direction;\n    }\n  }, [locale, direction, domRef]);\n\n  return (\n    <ModalOverlay\n      {...props}\n      className={renderProps => modalOverlayStyles({...renderProps, colorScheme})}>\n      <RACModal\n        {...props}\n        ref={modalRef}\n        className={renderProps => style({\n          display: 'flex',\n          flexDirection: 'column',\n          borderRadius: {\n            default: 'xl',\n            size: {\n              fullscreenTakeover: 'none'\n            }\n          },\n          width: {\n            size: {\n              // Copied from designs, not sure if correct.\n              S: '[21rem]',\n              M: '[26rem]',\n              L: '[36rem]',\n              fullscreen: '[calc(100% - 40px)]',\n              fullscreenTakeover: 'full'\n            }\n          },\n          height: {\n            size: {\n              fullscreen: '[calc(100% - 40px)]',\n              fullscreenTakeover: 'full'\n            }\n          },\n          maxWidth: {\n            size: {\n              S: '[90vw]',\n              M: '[90vw]',\n              L: '[90vw]'\n            }\n          },\n          maxHeight: {\n            size: {\n              S: '[90vh]',\n              M: '[90vh]',\n              L: '[90vh]'\n            }\n          },\n          '--s2-container-bg': {\n            type: 'backgroundColor',\n            value: 'layer-2'\n          },\n          backgroundColor: '--s2-container-bg',\n          animation: {\n            isEntering: fadeAndSlide,\n            isExiting: fade\n          },\n          animationDuration: {\n            isEntering: 250,\n            isExiting: 130\n          },\n          animationDelay: {\n            isEntering: 160,\n            isExiting: 0\n          },\n          animationDirection: {\n            isEntering: 'normal',\n            isExiting: 'reverse'\n          },\n          animationFillMode: 'both',\n          // Transparent outline for WHCM.\n          outlineStyle: 'solid',\n          outlineWidth: 1,\n          outlineColor: 'transparent'\n        })({...renderProps, size: props.size || 'M'})} />\n    </ModalOverlay>\n  );\n}\n\n/**\n * A modal is an overlay element which blocks interaction with elements outside it.\n */\nlet _Modal = forwardRef(Modal);\nexport {_Modal as Modal};\n"],"names":[],"version":3,"file":"Modal.cjs.map"}
+{"mappings":";;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAoBD,MAAM;AAUN,MAAM;AAYN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBN,SAAS,4BAAM,MAAiB,EAAE,GAA2B;IAC3D,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IACvB,IAAI,cAAc,CAAA,GAAA,uBAAS,EAAE,CAAA,GAAA,4CAAiB;IAC9C,IAAI,UAAC,MAAM,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,oCAAQ;IAElC,0DAA0D;IAC1D,IAAI,WAAW,CAAA,GAAA,wBAAU,EAAE,CAAC;QACzB,OAA4C,OAAO,GAAG;QACvD,IAAI,IAAI;YACN,GAAG,IAAI,GAAG;YACV,GAAG,GAAG,GAAG;QACX;IACF,GAAG;QAAC;QAAQ;QAAW;KAAO;IAE9B,qBACE,gCAAC,CAAA,GAAA,uCAAW;QACT,GAAG,MAAK;QACT,WAAW,CAAA,cAAe,yCAAmB;gBAAC,GAAG,WAAW;6BAAE;YAAW;kBACzE,cAAA,gCAAC,CAAA,GAAA,gCAAO;YACL,GAAG,MAAK;YACT,KAAK;YACL,WAAW,CAAA,cAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAiEvB;oBAAC,GAAG,WAAW;oBAAE,MAAM,OAAM,IAAI,IAAI;gBAAG;;;AAGnD;AAEA;;CAEC,GACD,IAAI,0DAAS,CAAA,GAAA,uBAAS,EAAE","sources":["packages/@react-spectrum/s2/src/Modal.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {colorScheme} from './style-utils' with {type: 'macro'};\nimport {ColorSchemeContext} from './Provider';\nimport {DOMRef} from '@react-types/shared';\nimport {forwardRef, MutableRefObject, useCallback, useContext} from 'react';\nimport {keyframes} from '../style/style-macro' with {type: 'macro'};\nimport {ModalOverlay, ModalOverlayProps, Modal as RACModal, useLocale} from 'react-aria-components';\nimport {style} from '../style' with {type: 'macro'};\nimport {useDOMRef} from '@react-spectrum/utils';\n\ninterface ModalProps extends ModalOverlayProps {\n  /**\n   * The size of the Modal.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'fullscreen' | 'fullscreenTakeover'\n}\n\nconst fade = keyframes(`\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n`);\n\nconst fadeAndSlide = keyframes(`\n  from {\n    opacity: 0;\n    transform: translateY(20px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n`);\n\nconst modalOverlayStyles = style({\n  ...colorScheme(),\n  position: 'fixed',\n  inset: 0,\n  isolation: 'isolate',\n  backgroundColor: 'transparent-black-500',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  animation: {\n    isEntering: fade,\n    isExiting: fade\n  },\n  animationDuration: {\n    isEntering: 250,\n    isExiting: 130\n  },\n  animationDirection: {\n    isEntering: 'normal',\n    isExiting: 'reverse'\n  }\n});\n\nfunction Modal(props: ModalProps, ref: DOMRef<HTMLDivElement>) {\n  let domRef = useDOMRef(ref);\n  let colorScheme = useContext(ColorSchemeContext);\n  let {locale, direction} = useLocale();\n\n  // TODO: should we pass through lang and dir props in RAC?\n  let modalRef = useCallback((el: HTMLDivElement) => {\n    (domRef as MutableRefObject<HTMLDivElement>).current = el;\n    if (el) {\n      el.lang = locale;\n      el.dir = direction;\n    }\n  }, [locale, direction, domRef]);\n\n  return (\n    <ModalOverlay\n      {...props}\n      className={renderProps => modalOverlayStyles({...renderProps, colorScheme})}>\n      <RACModal\n        {...props}\n        ref={modalRef}\n        className={renderProps => style({\n          display: 'flex',\n          flexDirection: 'column',\n          borderRadius: {\n            default: 'xl',\n            size: {\n              fullscreenTakeover: 'none'\n            }\n          },\n          width: {\n            size: {\n              // Copied from designs, not sure if correct.\n              S: '[21rem]',\n              M: '[26rem]',\n              L: '[36rem]',\n              fullscreen: '[calc(100% - 40px)]',\n              fullscreenTakeover: 'full'\n            }\n          },\n          height: {\n            size: {\n              fullscreen: '[calc(100% - 40px)]',\n              fullscreenTakeover: 'full'\n            }\n          },\n          maxWidth: {\n            size: {\n              S: '[90vw]',\n              M: '[90vw]',\n              L: '[90vw]'\n            }\n          },\n          maxHeight: {\n            size: {\n              S: '[90vh]',\n              M: '[90vh]',\n              L: '[90vh]'\n            }\n          },\n          '--s2-container-bg': {\n            type: 'backgroundColor',\n            value: 'layer-2'\n          },\n          backgroundColor: '--s2-container-bg',\n          animation: {\n            isEntering: fadeAndSlide,\n            isExiting: fade\n          },\n          animationDuration: {\n            isEntering: 250,\n            isExiting: 130\n          },\n          animationDelay: {\n            isEntering: 160,\n            isExiting: 0\n          },\n          animationDirection: {\n            isEntering: 'normal',\n            isExiting: 'reverse'\n          },\n          animationFillMode: 'both',\n          // Transparent outline for WHCM.\n          outlineStyle: 'solid',\n          outlineWidth: 1,\n          outlineColor: 'transparent'\n        })({...renderProps, size: props.size || 'M'})} />\n    </ModalOverlay>\n  );\n}\n\n/**\n * A modal is an overlay element which blocks interaction with elements outside it.\n */\nlet _Modal = forwardRef(Modal);\nexport {_Modal as Modal};\n"],"names":[],"version":3,"file":"Modal.cjs.map"}

package/dist/Modal.css

@@ -142,7 +142,7 @@
     width: calc(100% - 40px);
   }
 
-  .l2 {
+  .l4 {
     width: 100%;
   }
 
@@ -150,7 +150,7 @@
     height: calc(100% - 40px);
   }
 
-  .k2 {
+  .k4 {
     height: 100%;
   }
 

package/dist/Modal.css.map

@@ -1 +1 @@
-{"mappings":"AC8Ba;;;;;;;;;;AAUQ;;;;;;;;;;;;AAYM;EAAA;;;;EAAA;;;;;;EAAA;IAAA;;;;;;EAAA;;;;;;EAAA;;;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EA4CO;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;;AA5CP;;AA4CO","sources":["be2ce4448c91abb5","packages/@react-spectrum/s2/src/Modal.tsx"],"sourcesContent":["@import \"003d01b6d2f33501\";\n@import \"15edcb25b251bc58\";\n@import \"1ef8b667afb08263\";\n@import \"3b2472fc4486ca92\";\n","/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {colorScheme} from './style-utils' with {type: 'macro'};\nimport {ColorSchemeContext} from './Provider';\nimport {DOMRef} from '@react-types/shared';\nimport {forwardRef, MutableRefObject, useCallback, useContext} from 'react';\nimport {keyframes} from '../style/style-macro' with {type: 'macro'};\nimport {ModalOverlay, ModalOverlayProps, Modal as RACModal, useLocale} from 'react-aria-components';\nimport {style} from '../style/spectrum-theme' with {type: 'macro'};\nimport {useDOMRef} from '@react-spectrum/utils';\n\ninterface ModalProps extends ModalOverlayProps {\n  /**\n   * The size of the Modal.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'fullscreen' | 'fullscreenTakeover'\n}\n\nconst fade = keyframes(`\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n`);\n\nconst fadeAndSlide = keyframes(`\n  from {\n    opacity: 0;\n    transform: translateY(20px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n`);\n\nconst modalOverlayStyles = style({\n  ...colorScheme(),\n  position: 'fixed',\n  inset: 0,\n  isolation: 'isolate',\n  backgroundColor: 'transparent-black-500',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  animation: {\n    isEntering: fade,\n    isExiting: fade\n  },\n  animationDuration: {\n    isEntering: 250,\n    isExiting: 130\n  },\n  animationDirection: {\n    isEntering: 'normal',\n    isExiting: 'reverse'\n  }\n});\n\nfunction Modal(props: ModalProps, ref: DOMRef<HTMLDivElement>) {\n  let domRef = useDOMRef(ref);\n  let colorScheme = useContext(ColorSchemeContext);\n  let {locale, direction} = useLocale();\n\n  // TODO: should we pass through lang and dir props in RAC?\n  let modalRef = useCallback((el: HTMLDivElement) => {\n    (domRef as MutableRefObject<HTMLDivElement>).current = el;\n    if (el) {\n      el.lang = locale;\n      el.dir = direction;\n    }\n  }, [locale, direction, domRef]);\n\n  return (\n    <ModalOverlay\n      {...props}\n      className={renderProps => modalOverlayStyles({...renderProps, colorScheme})}>\n      <RACModal\n        {...props}\n        ref={modalRef}\n        className={renderProps => style({\n          display: 'flex',\n          flexDirection: 'column',\n          borderRadius: {\n            default: 'xl',\n            size: {\n              fullscreenTakeover: 'none'\n            }\n          },\n          width: {\n            size: {\n              // Copied from designs, not sure if correct.\n              S: '[21rem]',\n              M: '[26rem]',\n              L: '[36rem]',\n              fullscreen: '[calc(100% - 40px)]',\n              fullscreenTakeover: 'full'\n            }\n          },\n          height: {\n            size: {\n              fullscreen: '[calc(100% - 40px)]',\n              fullscreenTakeover: 'full'\n            }\n          },\n          maxWidth: {\n            size: {\n              S: '[90vw]',\n              M: '[90vw]',\n              L: '[90vw]'\n            }\n          },\n          maxHeight: {\n            size: {\n              S: '[90vh]',\n              M: '[90vh]',\n              L: '[90vh]'\n            }\n          },\n          '--s2-container-bg': {\n            type: 'backgroundColor',\n            value: 'layer-2'\n          },\n          backgroundColor: '--s2-container-bg',\n          animation: {\n            isEntering: fadeAndSlide,\n            isExiting: fade\n          },\n          animationDuration: {\n            isEntering: 250,\n            isExiting: 130\n          },\n          animationDelay: {\n            isEntering: 160,\n            isExiting: 0\n          },\n          animationDirection: {\n            isEntering: 'normal',\n            isExiting: 'reverse'\n          },\n          animationFillMode: 'both',\n          // Transparent outline for WHCM.\n          outlineStyle: 'solid',\n          outlineWidth: 1,\n          outlineColor: 'transparent'\n        })({...renderProps, size: props.size || 'M'})} />\n    </ModalOverlay>\n  );\n}\n\n/**\n * A modal is an overlay element which blocks interaction with elements outside it.\n */\nlet _Modal = forwardRef(Modal);\nexport {_Modal as Modal};\n"],"names":[],"version":3,"file":"Modal.css.map"}
+{"mappings":"AC8Ba;;;;;;;;;;AAUQ;;;;;;;;;;;;AAYM;EAAA;;;;EAAA;;;;;;EAAA;IAAA;;;;;;EAAA;;;;;;EAAA;;;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EA4CO;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;;AA5CP;;AA4CO","sources":["be2ce4448c91abb5","packages/@react-spectrum/s2/src/Modal.tsx"],"sourcesContent":["@import \"003d01b6d2f33501\";\n@import \"15edcb25b251bc58\";\n@import \"1ef8b667afb08263\";\n@import \"3b2472fc4486ca92\";\n","/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {colorScheme} from './style-utils' with {type: 'macro'};\nimport {ColorSchemeContext} from './Provider';\nimport {DOMRef} from '@react-types/shared';\nimport {forwardRef, MutableRefObject, useCallback, useContext} from 'react';\nimport {keyframes} from '../style/style-macro' with {type: 'macro'};\nimport {ModalOverlay, ModalOverlayProps, Modal as RACModal, useLocale} from 'react-aria-components';\nimport {style} from '../style' with {type: 'macro'};\nimport {useDOMRef} from '@react-spectrum/utils';\n\ninterface ModalProps extends ModalOverlayProps {\n  /**\n   * The size of the Modal.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'fullscreen' | 'fullscreenTakeover'\n}\n\nconst fade = keyframes(`\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n`);\n\nconst fadeAndSlide = keyframes(`\n  from {\n    opacity: 0;\n    transform: translateY(20px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n`);\n\nconst modalOverlayStyles = style({\n  ...colorScheme(),\n  position: 'fixed',\n  inset: 0,\n  isolation: 'isolate',\n  backgroundColor: 'transparent-black-500',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  animation: {\n    isEntering: fade,\n    isExiting: fade\n  },\n  animationDuration: {\n    isEntering: 250,\n    isExiting: 130\n  },\n  animationDirection: {\n    isEntering: 'normal',\n    isExiting: 'reverse'\n  }\n});\n\nfunction Modal(props: ModalProps, ref: DOMRef<HTMLDivElement>) {\n  let domRef = useDOMRef(ref);\n  let colorScheme = useContext(ColorSchemeContext);\n  let {locale, direction} = useLocale();\n\n  // TODO: should we pass through lang and dir props in RAC?\n  let modalRef = useCallback((el: HTMLDivElement) => {\n    (domRef as MutableRefObject<HTMLDivElement>).current = el;\n    if (el) {\n      el.lang = locale;\n      el.dir = direction;\n    }\n  }, [locale, direction, domRef]);\n\n  return (\n    <ModalOverlay\n      {...props}\n      className={renderProps => modalOverlayStyles({...renderProps, colorScheme})}>\n      <RACModal\n        {...props}\n        ref={modalRef}\n        className={renderProps => style({\n          display: 'flex',\n          flexDirection: 'column',\n          borderRadius: {\n            default: 'xl',\n            size: {\n              fullscreenTakeover: 'none'\n            }\n          },\n          width: {\n            size: {\n              // Copied from designs, not sure if correct.\n              S: '[21rem]',\n              M: '[26rem]',\n              L: '[36rem]',\n              fullscreen: '[calc(100% - 40px)]',\n              fullscreenTakeover: 'full'\n            }\n          },\n          height: {\n            size: {\n              fullscreen: '[calc(100% - 40px)]',\n              fullscreenTakeover: 'full'\n            }\n          },\n          maxWidth: {\n            size: {\n              S: '[90vw]',\n              M: '[90vw]',\n              L: '[90vw]'\n            }\n          },\n          maxHeight: {\n            size: {\n              S: '[90vh]',\n              M: '[90vh]',\n              L: '[90vh]'\n            }\n          },\n          '--s2-container-bg': {\n            type: 'backgroundColor',\n            value: 'layer-2'\n          },\n          backgroundColor: '--s2-container-bg',\n          animation: {\n            isEntering: fadeAndSlide,\n            isExiting: fade\n          },\n          animationDuration: {\n            isEntering: 250,\n            isExiting: 130\n          },\n          animationDelay: {\n            isEntering: 160,\n            isExiting: 0\n          },\n          animationDirection: {\n            isEntering: 'normal',\n            isExiting: 'reverse'\n          },\n          animationFillMode: 'both',\n          // Transparent outline for WHCM.\n          outlineStyle: 'solid',\n          outlineWidth: 1,\n          outlineColor: 'transparent'\n        })({...renderProps, size: props.size || 'M'})} />\n    </ModalOverlay>\n  );\n}\n\n/**\n * A modal is an overlay element which blocks interaction with elements outside it.\n */\nlet _Modal = forwardRef(Modal);\nexport {_Modal as Modal};\n"],"names":[],"version":3,"file":"Modal.css.map"}

package/dist/Modal.mjs

@@ -85,12 +85,12 @@ function $c46d159bd615e407$var$Modal(props1, ref) {
                     else rules += ' _xe';
                     if (props.size === "fullscreenTakeover") rules += ' _ya';
                     else rules += ' _ye';
-                    if (props.size === "fullscreenTakeover") rules += ' l2';
+                    if (props.size === "fullscreenTakeover") rules += ' l4';
                     else if (props.size === "fullscreen") rules += ' l-tp2nko';
                     else if (props.size === "L") rules += ' l-3940j6';
                     else if (props.size === "M") rules += ' l-38elgx';
                     else if (props.size === "S") rules += ' l-38aqto';
-                    if (props.size === "fullscreenTakeover") rules += ' k2';
+                    if (props.size === "fullscreenTakeover") rules += ' k4';
                     else if (props.size === "fullscreen") rules += ' k-tp2nko';
                     if (props.size === "L") rules += ' r-yjhhbv';
                     else if (props.size === "M") rules += ' r-yjhhbv';

package/dist/Modal.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAoBD,MAAM;AAUN,MAAM;AAYN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBN,SAAS,4BAAM,MAAiB,EAAE,GAA2B;IAC3D,IAAI,SAAS,CAAA,GAAA,gBAAQ,EAAE;IACvB,IAAI,cAAc,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,yCAAiB;IAC9C,IAAI,UAAC,MAAM,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,gBAAQ;IAElC,0DAA0D;IAC1D,IAAI,WAAW,CAAA,GAAA,kBAAU,EAAE,CAAC;QACzB,OAA4C,OAAO,GAAG;QACvD,IAAI,IAAI;YACN,GAAG,IAAI,GAAG;YACV,GAAG,GAAG,GAAG;QACX;IACF,GAAG;QAAC;QAAQ;QAAW;KAAO;IAE9B,qBACE,gBAAC,CAAA,GAAA,mBAAW;QACT,GAAG,MAAK;QACT,WAAW,CAAA,cAAe,yCAAmB;gBAAC,GAAG,WAAW;6BAAE;YAAW;kBACzE,cAAA,gBAAC,CAAA,GAAA,YAAO;YACL,GAAG,MAAK;YACT,KAAK;YACL,WAAW,CAAA,cAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAiEvB;oBAAC,GAAG,WAAW;oBAAE,MAAM,OAAM,IAAI,IAAI;gBAAG;;;AAGnD;AAEA;;CAEC,GACD,IAAI,0DAAS,CAAA,GAAA,iBAAS,EAAE","sources":["packages/@react-spectrum/s2/src/Modal.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {colorScheme} from './style-utils' with {type: 'macro'};\nimport {ColorSchemeContext} from './Provider';\nimport {DOMRef} from '@react-types/shared';\nimport {forwardRef, MutableRefObject, useCallback, useContext} from 'react';\nimport {keyframes} from '../style/style-macro' with {type: 'macro'};\nimport {ModalOverlay, ModalOverlayProps, Modal as RACModal, useLocale} from 'react-aria-components';\nimport {style} from '../style/spectrum-theme' with {type: 'macro'};\nimport {useDOMRef} from '@react-spectrum/utils';\n\ninterface ModalProps extends ModalOverlayProps {\n  /**\n   * The size of the Modal.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'fullscreen' | 'fullscreenTakeover'\n}\n\nconst fade = keyframes(`\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n`);\n\nconst fadeAndSlide = keyframes(`\n  from {\n    opacity: 0;\n    transform: translateY(20px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n`);\n\nconst modalOverlayStyles = style({\n  ...colorScheme(),\n  position: 'fixed',\n  inset: 0,\n  isolation: 'isolate',\n  backgroundColor: 'transparent-black-500',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  animation: {\n    isEntering: fade,\n    isExiting: fade\n  },\n  animationDuration: {\n    isEntering: 250,\n    isExiting: 130\n  },\n  animationDirection: {\n    isEntering: 'normal',\n    isExiting: 'reverse'\n  }\n});\n\nfunction Modal(props: ModalProps, ref: DOMRef<HTMLDivElement>) {\n  let domRef = useDOMRef(ref);\n  let colorScheme = useContext(ColorSchemeContext);\n  let {locale, direction} = useLocale();\n\n  // TODO: should we pass through lang and dir props in RAC?\n  let modalRef = useCallback((el: HTMLDivElement) => {\n    (domRef as MutableRefObject<HTMLDivElement>).current = el;\n    if (el) {\n      el.lang = locale;\n      el.dir = direction;\n    }\n  }, [locale, direction, domRef]);\n\n  return (\n    <ModalOverlay\n      {...props}\n      className={renderProps => modalOverlayStyles({...renderProps, colorScheme})}>\n      <RACModal\n        {...props}\n        ref={modalRef}\n        className={renderProps => style({\n          display: 'flex',\n          flexDirection: 'column',\n          borderRadius: {\n            default: 'xl',\n            size: {\n              fullscreenTakeover: 'none'\n            }\n          },\n          width: {\n            size: {\n              // Copied from designs, not sure if correct.\n              S: '[21rem]',\n              M: '[26rem]',\n              L: '[36rem]',\n              fullscreen: '[calc(100% - 40px)]',\n              fullscreenTakeover: 'full'\n            }\n          },\n          height: {\n            size: {\n              fullscreen: '[calc(100% - 40px)]',\n              fullscreenTakeover: 'full'\n            }\n          },\n          maxWidth: {\n            size: {\n              S: '[90vw]',\n              M: '[90vw]',\n              L: '[90vw]'\n            }\n          },\n          maxHeight: {\n            size: {\n              S: '[90vh]',\n              M: '[90vh]',\n              L: '[90vh]'\n            }\n          },\n          '--s2-container-bg': {\n            type: 'backgroundColor',\n            value: 'layer-2'\n          },\n          backgroundColor: '--s2-container-bg',\n          animation: {\n            isEntering: fadeAndSlide,\n            isExiting: fade\n          },\n          animationDuration: {\n            isEntering: 250,\n            isExiting: 130\n          },\n          animationDelay: {\n            isEntering: 160,\n            isExiting: 0\n          },\n          animationDirection: {\n            isEntering: 'normal',\n            isExiting: 'reverse'\n          },\n          animationFillMode: 'both',\n          // Transparent outline for WHCM.\n          outlineStyle: 'solid',\n          outlineWidth: 1,\n          outlineColor: 'transparent'\n        })({...renderProps, size: props.size || 'M'})} />\n    </ModalOverlay>\n  );\n}\n\n/**\n * A modal is an overlay element which blocks interaction with elements outside it.\n */\nlet _Modal = forwardRef(Modal);\nexport {_Modal as Modal};\n"],"names":[],"version":3,"file":"Modal.mjs.map"}
+{"mappings":";;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAoBD,MAAM;AAUN,MAAM;AAYN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBN,SAAS,4BAAM,MAAiB,EAAE,GAA2B;IAC3D,IAAI,SAAS,CAAA,GAAA,gBAAQ,EAAE;IACvB,IAAI,cAAc,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,yCAAiB;IAC9C,IAAI,UAAC,MAAM,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,gBAAQ;IAElC,0DAA0D;IAC1D,IAAI,WAAW,CAAA,GAAA,kBAAU,EAAE,CAAC;QACzB,OAA4C,OAAO,GAAG;QACvD,IAAI,IAAI;YACN,GAAG,IAAI,GAAG;YACV,GAAG,GAAG,GAAG;QACX;IACF,GAAG;QAAC;QAAQ;QAAW;KAAO;IAE9B,qBACE,gBAAC,CAAA,GAAA,mBAAW;QACT,GAAG,MAAK;QACT,WAAW,CAAA,cAAe,yCAAmB;gBAAC,GAAG,WAAW;6BAAE;YAAW;kBACzE,cAAA,gBAAC,CAAA,GAAA,YAAO;YACL,GAAG,MAAK;YACT,KAAK;YACL,WAAW,CAAA,cAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAiEvB;oBAAC,GAAG,WAAW;oBAAE,MAAM,OAAM,IAAI,IAAI;gBAAG;;;AAGnD;AAEA;;CAEC,GACD,IAAI,0DAAS,CAAA,GAAA,iBAAS,EAAE","sources":["packages/@react-spectrum/s2/src/Modal.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {colorScheme} from './style-utils' with {type: 'macro'};\nimport {ColorSchemeContext} from './Provider';\nimport {DOMRef} from '@react-types/shared';\nimport {forwardRef, MutableRefObject, useCallback, useContext} from 'react';\nimport {keyframes} from '../style/style-macro' with {type: 'macro'};\nimport {ModalOverlay, ModalOverlayProps, Modal as RACModal, useLocale} from 'react-aria-components';\nimport {style} from '../style' with {type: 'macro'};\nimport {useDOMRef} from '@react-spectrum/utils';\n\ninterface ModalProps extends ModalOverlayProps {\n  /**\n   * The size of the Modal.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'fullscreen' | 'fullscreenTakeover'\n}\n\nconst fade = keyframes(`\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n`);\n\nconst fadeAndSlide = keyframes(`\n  from {\n    opacity: 0;\n    transform: translateY(20px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n`);\n\nconst modalOverlayStyles = style({\n  ...colorScheme(),\n  position: 'fixed',\n  inset: 0,\n  isolation: 'isolate',\n  backgroundColor: 'transparent-black-500',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  animation: {\n    isEntering: fade,\n    isExiting: fade\n  },\n  animationDuration: {\n    isEntering: 250,\n    isExiting: 130\n  },\n  animationDirection: {\n    isEntering: 'normal',\n    isExiting: 'reverse'\n  }\n});\n\nfunction Modal(props: ModalProps, ref: DOMRef<HTMLDivElement>) {\n  let domRef = useDOMRef(ref);\n  let colorScheme = useContext(ColorSchemeContext);\n  let {locale, direction} = useLocale();\n\n  // TODO: should we pass through lang and dir props in RAC?\n  let modalRef = useCallback((el: HTMLDivElement) => {\n    (domRef as MutableRefObject<HTMLDivElement>).current = el;\n    if (el) {\n      el.lang = locale;\n      el.dir = direction;\n    }\n  }, [locale, direction, domRef]);\n\n  return (\n    <ModalOverlay\n      {...props}\n      className={renderProps => modalOverlayStyles({...renderProps, colorScheme})}>\n      <RACModal\n        {...props}\n        ref={modalRef}\n        className={renderProps => style({\n          display: 'flex',\n          flexDirection: 'column',\n          borderRadius: {\n            default: 'xl',\n            size: {\n              fullscreenTakeover: 'none'\n            }\n          },\n          width: {\n            size: {\n              // Copied from designs, not sure if correct.\n              S: '[21rem]',\n              M: '[26rem]',\n              L: '[36rem]',\n              fullscreen: '[calc(100% - 40px)]',\n              fullscreenTakeover: 'full'\n            }\n          },\n          height: {\n            size: {\n              fullscreen: '[calc(100% - 40px)]',\n              fullscreenTakeover: 'full'\n            }\n          },\n          maxWidth: {\n            size: {\n              S: '[90vw]',\n              M: '[90vw]',\n              L: '[90vw]'\n            }\n          },\n          maxHeight: {\n            size: {\n              S: '[90vh]',\n              M: '[90vh]',\n              L: '[90vh]'\n            }\n          },\n          '--s2-container-bg': {\n            type: 'backgroundColor',\n            value: 'layer-2'\n          },\n          backgroundColor: '--s2-container-bg',\n          animation: {\n            isEntering: fadeAndSlide,\n            isExiting: fade\n          },\n          animationDuration: {\n            isEntering: 250,\n            isExiting: 130\n          },\n          animationDelay: {\n            isEntering: 160,\n            isExiting: 0\n          },\n          animationDirection: {\n            isEntering: 'normal',\n            isExiting: 'reverse'\n          },\n          animationFillMode: 'both',\n          // Transparent outline for WHCM.\n          outlineStyle: 'solid',\n          outlineWidth: 1,\n          outlineColor: 'transparent'\n        })({...renderProps, size: props.size || 'M'})} />\n    </ModalOverlay>\n  );\n}\n\n/**\n * A modal is an overlay element which blocks interaction with elements outside it.\n */\nlet _Modal = forwardRef(Modal);\nexport {_Modal as Modal};\n"],"names":[],"version":3,"file":"Modal.mjs.map"}

package/dist/MoveHorizontalCircleTableWidget.cjs

@@ -0,0 +1,33 @@
+var $fqWZK$reactjsxruntime = require("react/jsx-runtime");
+require("react");
+
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "default", () => $d256e21c80839377$export$2e2bcd8739ae039);
+
+
+const $d256e21c80839377$var$SvgS2IconMoveHorizontalCircleTableWidget16N = (props)=>/*#__PURE__*/ (0, $fqWZK$reactjsxruntime.jsxs)("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 16,
+        height: 16,
+        viewBox: "0 0 16 16",
+        ...props,
+        children: [
+            /*#__PURE__*/ (0, $fqWZK$reactjsxruntime.jsx)("circle", {
+                cx: 8,
+                cy: 8,
+                r: 8
+            }),
+            /*#__PURE__*/ (0, $fqWZK$reactjsxruntime.jsx)("path", {
+                d: "M10 11.75a.75.75 0 0 1-.53-1.28L11.94 8 9.47 5.53a.75.75 0 1 1 1.06-1.06l3 3a.75.75 0 0 1 0 1.06l-3 3a.747.747 0 0 1-.53.22ZM6 11.75a.747.747 0 0 1-.53-.22l-3-3a.75.75 0 0 1 0-1.06l3-3a.75.75 0 1 1 1.06 1.06L4.06 8l2.47 2.47A.75.75 0 0 1 6 11.75Z",
+                fill: "var(--iconPrimary, #fff)"
+            })
+        ]
+    });
+var $d256e21c80839377$export$2e2bcd8739ae039 = $d256e21c80839377$var$SvgS2IconMoveHorizontalCircleTableWidget16N;
+
+
+//# sourceMappingURL=MoveHorizontalCircleTableWidget.cjs.map

package/dist/MoveHorizontalCircleTableWidget.cjs.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;AACA,MAAM,oEAA8C,CAAA,sBAAS,iCAAC;QAAI,OAAM;QAA6B,OAAO;QAAI,QAAQ;QAAI,SAAQ;QAAa,GAAG,KAAK;;0BAAE,gCAAC;gBAAO,IAAI;gBAAG,IAAI;gBAAG,GAAG;;0BAAK,gCAAC;gBAAK,GAAE;gBAAyP,MAAK;;;;IAC/b,2CAAe","sources":["packages/@react-spectrum/s2/ui-icons/S2_Icon_MoveHorizontalCircleTableWidget_16_N.svg"],"sourcesContent":["<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">\n  <circle cx=\"8\" cy=\"8\" r=\"8\"/>\n  <path d=\"M10,11.75c-.19238,0-.38379-.07324-.53027-.21973-.29297-.29297-.29297-.76758,0-1.06055l2.46973-2.46973-2.46973-2.46973c-.29297-.29297-.29297-.76758,0-1.06055s.76758-.29297,1.06055,0l3,3c.29297.29297.29297.76758,0,1.06055l-3,3c-.14648.14648-.33789.21973-.53027.21973Z\" fill=\"var(--iconPrimary, #fff)\" />\n  <path d=\"M6,11.75c-.19238,0-.38379-.07324-.53027-.21973l-3-3c-.29297-.29297-.29297-.76758,0-1.06055l3-3c.29297-.29297.76758-.29297,1.06055,0s.29297.76758,0,1.06055l-2.46973,2.46973,2.46973,2.46973c.29297.29297.29297.76758,0,1.06055-.14648.14648-.33789.21973-.53027.21973Z\" fill=\"var(--iconPrimary, #fff)\" />\n</svg>\n"],"names":[],"version":3,"file":"MoveHorizontalCircleTableWidget.cjs.map"}

package/dist/MoveHorizontalCircleTableWidget.mjs

@@ -0,0 +1,28 @@
+import {jsxs as $7nlN9$jsxs, jsx as $7nlN9$jsx} from "react/jsx-runtime";
+import "react";
+
+
+
+const $59ff3896bbb9d00c$var$SvgS2IconMoveHorizontalCircleTableWidget16N = (props)=>/*#__PURE__*/ (0, $7nlN9$jsxs)("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 16,
+        height: 16,
+        viewBox: "0 0 16 16",
+        ...props,
+        children: [
+            /*#__PURE__*/ (0, $7nlN9$jsx)("circle", {
+                cx: 8,
+                cy: 8,
+                r: 8
+            }),
+            /*#__PURE__*/ (0, $7nlN9$jsx)("path", {
+                d: "M10 11.75a.75.75 0 0 1-.53-1.28L11.94 8 9.47 5.53a.75.75 0 1 1 1.06-1.06l3 3a.75.75 0 0 1 0 1.06l-3 3a.747.747 0 0 1-.53.22ZM6 11.75a.747.747 0 0 1-.53-.22l-3-3a.75.75 0 0 1 0-1.06l3-3a.75.75 0 1 1 1.06 1.06L4.06 8l2.47 2.47A.75.75 0 0 1 6 11.75Z",
+                fill: "var(--iconPrimary, #fff)"
+            })
+        ]
+    });
+var $59ff3896bbb9d00c$export$2e2bcd8739ae039 = $59ff3896bbb9d00c$var$SvgS2IconMoveHorizontalCircleTableWidget16N;
+
+
+export {$59ff3896bbb9d00c$export$2e2bcd8739ae039 as default};
+//# sourceMappingURL=MoveHorizontalCircleTableWidget.mjs.map

package/dist/MoveHorizontalCircleTableWidget.mjs.map

@@ -0,0 +1 @@
+{"mappings":";;;;;AACA,MAAM,oEAA8C,CAAA,sBAAS,iBAAC;QAAI,OAAM;QAA6B,OAAO;QAAI,QAAQ;QAAI,SAAQ;QAAa,GAAG,KAAK;;0BAAE,gBAAC;gBAAO,IAAI;gBAAG,IAAI;gBAAG,GAAG;;0BAAK,gBAAC;gBAAK,GAAE;gBAAyP,MAAK;;;;IAC/b,2CAAe","sources":["packages/@react-spectrum/s2/ui-icons/S2_Icon_MoveHorizontalCircleTableWidget_16_N.svg"],"sourcesContent":["<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">\n  <circle cx=\"8\" cy=\"8\" r=\"8\"/>\n  <path d=\"M10,11.75c-.19238,0-.38379-.07324-.53027-.21973-.29297-.29297-.29297-.76758,0-1.06055l2.46973-2.46973-2.46973-2.46973c-.29297-.29297-.29297-.76758,0-1.06055s.76758-.29297,1.06055,0l3,3c.29297.29297.29297.76758,0,1.06055l-3,3c-.14648.14648-.33789.21973-.53027.21973Z\" fill=\"var(--iconPrimary, #fff)\" />\n  <path d=\"M6,11.75c-.19238,0-.38379-.07324-.53027-.21973l-3-3c-.29297-.29297-.29297-.76758,0-1.06055l3-3c.29297-.29297.76758-.29297,1.06055,0s.29297.76758,0,1.06055l-2.46973,2.46973,2.46973,2.46973c.29297.29297.29297.76758,0,1.06055-.14648.14648-.33789.21973-.53027.21973Z\" fill=\"var(--iconPrimary, #fff)\" />\n</svg>\n"],"names":[],"version":3,"file":"MoveHorizontalCircleTableWidget.mjs.map"}

package/dist/NumberField.cjs

@@ -4,7 +4,7 @@ var $84c37b7bd5c1374e$exports = require("./Dash.cjs");
 var $a0b996a550bb0891$exports = require("./Field.cjs");
 var $bfa4962d90c8af48$exports = require("./Form.cjs");
 var $2061c83559b50a66$exports = require("./pressScale.cjs");
-var $ac757a4c2bd72aee$exports = require("./useSpectrumContextProps.cjs");
+var $ac757a4c2bd72aee$exports = require("../icons/useSpectrumContextProps.cjs");
 var $fwzUK$reactjsxruntime = require("react/jsx-runtime");
 var $fwzUK$reactariacomponents = require("react-aria-components");
 var $fwzUK$react = require("react");
@@ -79,21 +79,21 @@ const $a366ef8f467b1cb5$var$inputButton = function anonymous(props) {
     rules += ' _1c';
     rules += ' _2d';
     if (props.size === "XL") {
-        rules += ' lbp';
-        rules += ' lo';
+        rules += ' lbr';
+        rules += ' lq';
     } else if (props.size === "L") {
+        rules += ' lbn';
+        rules += ' lm';
+    } else if (props.size === "M") {
         rules += ' lbl';
         rules += ' lk';
-    } else if (props.size === "M") {
-        rules += ' lbj';
-        rules += ' li';
     } else if (props.size === "S") {
-        rules += ' lbi';
-        rules += ' lh';
+        rules += ' lbk';
+        rules += ' lj';
     }
-    rules += ' k1';
+    rules += ' k3';
     if (props.type === "increment") rules += ' ya';
-    else rules += ' yE';
+    else rules += ' yF';
     rules += ' _bb';
     rules += ' _8-3t1x';
     rules += ' oba';
@@ -138,21 +138,21 @@ const $a366ef8f467b1cb5$var$stepperContainerStyles = function anonymous(props) {
     let rules = " .";
     rules += ' _Zd';
     rules += ' _6a';
-    if (props.size === "XL") rules += ' ic';
-    else if (props.size === "L") rules += ' ic';
-    else if (props.size === "M") rules += ' ib';
-    else if (props.size === "S") rules += ' ic';
-    if (props.size === "XL") rules += ' jc';
-    else if (props.size === "L") rules += ' jc';
-    else if (props.size === "M") rules += ' jb';
-    else if (props.size === "S") rules += ' jc';
+    if (props.size === "XL") rules += ' id';
+    else if (props.size === "L") rules += ' id';
+    else if (props.size === "M") rules += ' ic';
+    else if (props.size === "S") rules += ' id';
+    if (props.size === "XL") rules += ' jd';
+    else if (props.size === "L") rules += ' jd';
+    else if (props.size === "M") rules += ' jc';
+    else if (props.size === "S") rules += ' jd';
     if (props.size === "XL") {
         rules += ' Db-1aa9md1';
         rules += ' D-6njx2e';
     } else if (props.size === "L") {
         rules += ' Db-1aa9md1';
         rules += ' D-6njx2e';
-    } else if (props.size === "M") rules += ' Db';
+    } else if (props.size === "M") rules += ' Dc';
     else if (props.size === "S") {
         rules += ' Db-13yuhxm';
         rules += ' D-59f7mn';
@@ -229,23 +229,23 @@ function $a366ef8f467b1cb5$var$NumberField(props1, ref) {
             rules += ' _f-1x99dlob';
             rules += ' _fa';
             if (props.size === "XL") {
-                rules += ' -aqrvqh_k-bw';
-                rules += ' -aqrvqh_k-v';
+                rules += ' -aqrvqh_k-by';
+                rules += ' -aqrvqh_k-x';
             } else if (props.size === "L") {
-                rules += ' -aqrvqh_k-bs';
-                rules += ' -aqrvqh_k-p';
+                rules += ' -aqrvqh_k-bu';
+                rules += ' -aqrvqh_k-r';
             } else if (props.size === "S") {
+                rules += ' -aqrvqh_k-bn';
+                rules += ' -aqrvqh_k-m';
+            } else if (props.size === "XS") {
                 rules += ' -aqrvqh_k-bl';
                 rules += ' -aqrvqh_k-k';
-            } else if (props.size === "XS") {
-                rules += ' -aqrvqh_k-bj';
-                rules += ' -aqrvqh_k-i';
             } else {
-                rules += ' -aqrvqh_k-bp';
-                rules += ' -aqrvqh_k-o';
+                rules += ' -aqrvqh_k-br';
+                rules += ' -aqrvqh_k-q';
             }
             rules += ' -_1inj1bc_i--prjw07';
-            rules += ' jd';
+            rules += ' je';
             rules += ' __R-yksgrp';
             return rules;
         }({
@@ -278,41 +278,41 @@ function $a366ef8f467b1cb5$var$NumberField(props1, ref) {
                             rules += ' __c-4cfph1';
                             rules += ' __d-4cfph1';
                             if (props.size === "XL") {
-                                rules += ' qbw';
-                                rules += ' qv';
+                                rules += ' qby';
+                                rules += ' qx';
                             } else if (props.size === "L") {
-                                rules += ' qbs';
-                                rules += ' qp';
+                                rules += ' qbu';
+                                rules += ' qr';
                             } else if (props.size === "S") {
+                                rules += ' qbn';
+                                rules += ' qm';
+                            } else if (props.size === "XS") {
                                 rules += ' qbl';
                                 rules += ' qk';
-                            } else if (props.size === "XS") {
-                                rules += ' qbj';
-                                rules += ' qi';
                             } else {
-                                rules += ' qbp';
-                                rules += ' qo';
+                                rules += ' qbr';
+                                rules += ' qq';
                             }
                             if (props.isQuiet) rules += ' __ma';
                             else rules += ' __m-1s8glxue';
                             if (props.size === "XL") {
-                                rules += ' -usygro_l-bT';
-                                rules += ' -usygro_l-O';
+                                rules += ' -usygro_l-bV';
+                                rules += ' -usygro_l-Q';
                             } else if (props.size === "L") {
-                                rules += ' -usygro_l-bS';
-                                rules += ' -usygro_l-R';
+                                rules += ' -usygro_l-bU';
+                                rules += ' -usygro_l-T';
                             } else if (props.size === "S") {
-                                rules += ' -usygro_l-bO';
-                                rules += ' -usygro_l-N';
-                            } else {
                                 rules += ' -usygro_l-bQ';
                                 rules += ' -usygro_l-P';
+                            } else {
+                                rules += ' -usygro_l-bS';
+                                rules += ' -usygro_l-R';
                             }
                             rules += ' m-rwozxi';
                             rules += ' C-375tnm';
                             rules += ' D-375tnn';
-                            rules += ' -_375tnm_C-H';
-                            if (props.isStepperHidden) rules += ' -_375tnn_D-H';
+                            rules += ' -_375tnm_C-I';
+                            if (props.isStepperHidden) rules += ' -_375tnn_D-I';
                             else rules += ' -_375tnn_D-a';
                             return rules;
                         }({