@react-spectrum/s2 1.4.0 → 1.5.1

package/dist/private/DragPreview.mjs

@@ -24,196 +24,196 @@ import {Provider as $e0U29$Provider, DEFAULT_SLOT as $e0U29$DEFAULT_SLOT} from "
 
 let $ba354da66aaa1d20$export$1237798dc640739a = function anonymous(props) {
     let rules = " ";
-    rules += ' zv6x9r131';
-    rules += ' yv6x9r131';
-    rules += ' Bv6x9r131';
-    rules += ' Av6x9r131';
-    rules += ' _dc131';
+    rules += ' zv6x9r151';
+    rules += ' yv6x9r151';
+    rules += ' Bv6x9r151';
+    rules += ' Av6x9r151';
+    rules += ' _dc151';
     if (props.size === "XL") {
-        rules += ' uk131';
-        rules += ' ucJ9TBTb131';
-        rules += ' ud3Euai131';
-        rules += ' uea131';
-        rules += ' ugb131';
-        rules += ' uhd131';
-        rules += ' uje131';
-        rules += ' u2NhKxcl131';
-        rules += ' uic131';
+        rules += ' uk151';
+        rules += ' ucJ9TBTb151';
+        rules += ' ud3Euai151';
+        rules += ' uea151';
+        rules += ' ugb151';
+        rules += ' uhd151';
+        rules += ' uje151';
+        rules += ' u2NhKxcl151';
+        rules += ' uic151';
     } else if (props.size === "L") {
-        rules += ' uk131';
-        rules += ' ucJ9TBTb131';
-        rules += ' ud3Euai131';
-        rules += ' uea131';
-        rules += ' ugb131';
-        rules += ' uhd131';
-        rules += ' uje131';
-        rules += ' u2NhKxcl131';
-        rules += ' uic131';
+        rules += ' uk151';
+        rules += ' ucJ9TBTb151';
+        rules += ' ud3Euai151';
+        rules += ' uea151';
+        rules += ' ugb151';
+        rules += ' uhd151';
+        rules += ' uje151';
+        rules += ' u2NhKxcl151';
+        rules += ' uic151';
     } else if (props.size === "S") {
-        rules += ' uk131';
-        rules += ' ucJ9TBTb131';
-        rules += ' ud3Euai131';
-        rules += ' uea131';
-        rules += ' ugb131';
-        rules += ' uhd131';
-        rules += ' uje131';
-        rules += ' u2NhKxcl131';
-        rules += ' uic131';
+        rules += ' uk151';
+        rules += ' ucJ9TBTb151';
+        rules += ' ud3Euai151';
+        rules += ' uea151';
+        rules += ' ugb151';
+        rules += ' uhd151';
+        rules += ' uje151';
+        rules += ' u2NhKxcl151';
+        rules += ' uic151';
     } else if (props.size === "XS") {
-        rules += ' uk131';
-        rules += ' ucJ9TBTb131';
-        rules += ' ud3Euai131';
-        rules += ' uea131';
-        rules += ' ugb131';
-        rules += ' uhd131';
-        rules += ' uje131';
-        rules += ' u2NhKxcl131';
-        rules += ' uic131';
+        rules += ' uk151';
+        rules += ' ucJ9TBTb151';
+        rules += ' ud3Euai151';
+        rules += ' uea151';
+        rules += ' ugb151';
+        rules += ' uhd151';
+        rules += ' uje151';
+        rules += ' u2NhKxcl151';
+        rules += ' uic151';
     } else {
-        rules += ' uk131';
-        rules += ' ucJ9TBTb131';
-        rules += ' ud3Euai131';
-        rules += ' uea131';
-        rules += ' ugb131';
-        rules += ' uhd131';
-        rules += ' uje131';
-        rules += ' u2NhKxcl131';
-        rules += ' uic131';
+        rules += ' uk151';
+        rules += ' ucJ9TBTb151';
+        rules += ' ud3Euai151';
+        rules += ' uea151';
+        rules += ' ugb151';
+        rules += ' uhd151';
+        rules += ' uje151';
+        rules += ' u2NhKxcl151';
+        rules += ' uic151';
     }
     if (props.size === "XL") {
-        rules += ' -_6BNtrc-e131';
-        rules += ' vx131';
+        rules += ' -_6BNtrc-e151';
+        rules += ' vx151';
     } else if (props.size === "L") {
-        rules += ' -_6BNtrc-d131';
-        rules += ' vx131';
+        rules += ' -_6BNtrc-d151';
+        rules += ' vx151';
     } else if (props.size === "S") {
-        rules += ' -_6BNtrc-b131';
-        rules += ' vx131';
+        rules += ' -_6BNtrc-b151';
+        rules += ' vx151';
     } else if (props.size === "XS") {
-        rules += ' -_6BNtrc-a131';
-        rules += ' vx131';
+        rules += ' -_6BNtrc-a151';
+        rules += ' vx151';
     } else {
-        rules += ' -_6BNtrc-c131';
-        rules += ' vx131';
+        rules += ' -_6BNtrc-c151';
+        rules += ' vx151';
     }
     if (props.size === "XL") {
-        rules += ' xb131';
-        rules += ' _xa131';
+        rules += ' xb151';
+        rules += ' _xa151';
     } else if (props.size === "L") {
-        rules += ' xb131';
-        rules += ' _xa131';
+        rules += ' xb151';
+        rules += ' _xa151';
     } else if (props.size === "S") {
-        rules += ' xb131';
-        rules += ' _xa131';
+        rules += ' xb151';
+        rules += ' _xa151';
     } else if (props.size === "XS") {
-        rules += ' xb131';
-        rules += ' _xa131';
+        rules += ' xb151';
+        rules += ' _xa151';
     } else {
-        rules += ' xb131';
-        rules += ' _xa131';
+        rules += ' xb151';
+        rules += ' _xa151';
     }
     if (props.size === "XL") {
-        rules += ' _Fd131';
-        rules += ' _FnuYUweb131';
+        rules += ' _Fd151';
+        rules += ' _FnuYUweb151';
     } else if (props.size === "L") {
-        rules += ' _Fd131';
-        rules += ' _FnuYUweb131';
+        rules += ' _Fd151';
+        rules += ' _FnuYUweb151';
     } else if (props.size === "S") {
-        rules += ' _Fd131';
-        rules += ' _FnuYUweb131';
+        rules += ' _Fd151';
+        rules += ' _FnuYUweb151';
     } else if (props.size === "XS") {
-        rules += ' _Fd131';
-        rules += ' _FnuYUweb131';
+        rules += ' _Fd151';
+        rules += ' _FnuYUweb151';
     } else {
-        rules += ' _Fd131';
-        rules += ' _FnuYUweb131';
+        rules += ' _Fd151';
+        rules += ' _FnuYUweb151';
     }
-    rules += ' p40ub4c131';
-    rules += ' _Nc131';
-    rules += ' Pc131';
-    rules += ' _Yb131';
-    if (props.overflowMode === "wrap") rules += ' _7b131';
-    else rules += ' _7c131';
+    rules += ' p40ub4c151';
+    rules += ' _Nc151';
+    rules += ' Pc151';
+    rules += ' _Yb151';
+    if (props.overflowMode === "wrap") rules += ' _7b151';
+    else rules += ' _7c151';
     return rules;
 };
 let $ba354da66aaa1d20$export$6d59db4903f20f7d = function anonymous(props) {
     let rules = " ";
-    rules += ' z9u7zPc131';
-    rules += ' y9u7zPc131';
-    rules += ' B9u7zPc131';
-    rules += ' A9u7zPc131';
-    rules += ' _dc131';
-    rules += ' _Nc131';
-    rules += ' Pc131';
-    rules += ' _Yb131';
-    if (props.overflowMode === "wrap") rules += ' _7b131';
-    else rules += ' _7c131';
-    rules += ' uk131';
-    rules += ' ucJ9TBTb131';
-    rules += ' ud3Euai131';
-    rules += ' uea131';
-    rules += ' ugb131';
-    rules += ' uhd131';
-    rules += ' uje131';
-    rules += ' u2NhKxcl131';
-    rules += ' uic131';
-    rules += ' -_6BNtrc-b131';
-    rules += ' vx131';
-    rules += ' xb131';
-    rules += ' _xa131';
-    rules += ' _Fd131';
-    rules += ' _FnuYUweb131';
-    if (props.isDisabled) rules += ' pp131';
+    rules += ' z9u7zPc151';
+    rules += ' y9u7zPc151';
+    rules += ' B9u7zPc151';
+    rules += ' A9u7zPc151';
+    rules += ' _dc151';
+    rules += ' _Nc151';
+    rules += ' Pc151';
+    rules += ' _Yb151';
+    if (props.overflowMode === "wrap") rules += ' _7b151';
+    else rules += ' _7c151';
+    rules += ' uk151';
+    rules += ' ucJ9TBTb151';
+    rules += ' ud3Euai151';
+    rules += ' uea151';
+    rules += ' ugb151';
+    rules += ' uhd151';
+    rules += ' uje151';
+    rules += ' u2NhKxcl151';
+    rules += ' uic151';
+    rules += ' -_6BNtrc-b151';
+    rules += ' vx151';
+    rules += ' xb151';
+    rules += ' _xa151';
+    rules += ' _Fd151';
+    rules += ' _FnuYUweb151';
+    if (props.isDisabled) rules += ' pp151';
     else {
-        if (props.isPressed) rules += ' pt131';
-        else if (props.isFocusVisible) rules += ' pt131';
-        else if (props.isHovered) rules += ' pt131';
-        else rules += ' pv131';
+        if (props.isPressed) rules += ' pt151';
+        else if (props.isFocusVisible) rules += ' pt151';
+        else if (props.isHovered) rules += ' pt151';
+        else rules += ' pv151';
     }
-    rules += ' pl40ub4c131';
-    rules += ' Yd131';
-    rules += ' Xb131';
-    rules += ' _2b131';
+    rules += ' pl40ub4c151';
+    rules += ' Yd151';
+    rules += ' Xb151';
+    rules += ' _2b151';
     return rules;
 };
-let $ba354da66aaa1d20$export$31d1842a0fd736e6 = " sd131 z2U5Crc131 y2U5Crc131 B2U5Crc131 AvoofG131 _dc131 eb131";
-let $ba354da66aaa1d20$export$1ca1ec8b29a4ce27 = " sb131 ZuUmpre131 FuUmpre131 Ht131 Hsu131 -_8sjo0b-t5ZbAob131";
-let $ba354da66aaa1d20$export$6b6fc962de371ec4 = " _Pc131";
-let $ba354da66aaa1d20$export$12d0dcd183478a04 = " _Pa131 _9a131 WE131 _EE131 Zd4Eyud131 Fb131 ob131 nb131 kb131 jb131 _kb131 hb131 mb131 lb131 _jf131 iw131 gX131";
+let $ba354da66aaa1d20$export$31d1842a0fd736e6 = " sd151 z2U5Crc151 y2U5Crc151 B2U5Crc151 AvoofG151 _dc151 eb151";
+let $ba354da66aaa1d20$export$1ca1ec8b29a4ce27 = " sb151 ZuUmpre151 FuUmpre151 Ht151 Hsu151 -_8sjo0b-t5ZbAob151";
+let $ba354da66aaa1d20$export$6b6fc962de371ec4 = " _Pc151";
+let $ba354da66aaa1d20$export$12d0dcd183478a04 = " _Pa151 _9a151 WE151 _EE151 Zd4Eyud151 Fb151 ob151 nb151 kb151 jb151 _kb151 hb151 mb151 lb151 _jf151 iw151 gX151";
 let $ba354da66aaa1d20$export$4a61298387975868 = function anonymous(props) {
     let rules = " ";
-    rules += ' _oa131';
-    rules += ' Sd131';
-    rules += ' Rd131';
-    rules += ' Tt131';
-    rules += ' Qt131';
-    rules += ' gX131';
-    if (props.isPressed) rules += ' po131';
-    else if (props.isFocusVisible) rules += ' po131';
-    else if (props.isHovered) rules += ' po131';
-    else rules += ' pt131';
-    rules += ' _Pc131';
-    rules += ' se131';
-    rules += ' CQyEEqe131';
-    rules += ' DBqynpb131';
-    rules += ' Exumf9b131';
-    rules += ' ea131';
-    if (props.scale === "large") rules += ' MODqQub131';
-    else rules += ' Mh131';
-    rules += ' Zd4Eyud131';
-    rules += ' ob131';
-    rules += ' nb131';
-    rules += ' kb131';
-    rules += ' jb131';
-    rules += ' _kb131';
-    rules += ' hb131';
-    rules += ' mb131';
-    rules += ' lb131';
-    rules += ' _jf131';
-    rules += ' iw131';
+    rules += ' _oa151';
+    rules += ' Sd151';
+    rules += ' Rd151';
+    rules += ' Tt151';
+    rules += ' Qt151';
+    rules += ' gX151';
+    if (props.isPressed) rules += ' po151';
+    else if (props.isFocusVisible) rules += ' po151';
+    else if (props.isHovered) rules += ' po151';
+    else rules += ' pt151';
+    rules += ' _Pc151';
+    rules += ' se151';
+    rules += ' CQyEEqe151';
+    rules += ' DBqynpb151';
+    rules += ' Exumf9b151';
+    rules += ' ea151';
+    if (props.scale === "large") rules += ' MODqQub151';
+    else rules += ' Mh151';
+    rules += ' Zd4Eyud151';
+    rules += ' ob151';
+    rules += ' nb151';
+    rules += ' kb151';
+    rules += ' jb151';
+    rules += ' _kb151';
+    rules += ' hb151';
+    rules += ' mb151';
+    rules += ' lb151';
+    rules += ' _jf151';
+    rules += ' iw151';
     return rules;
 };
-let $ba354da66aaa1d20$export$f28dddd30893324d = " z0yNlr131 y0yNlr131 B0yNlr131 A0yNlr131 _dc131 St131 Rt131 Tj131 Qj131 oa131 na131 ka131 ja131 g3131 gle131 uk131 ucJ9TBTb131 ud3Euai131 uea131 ugb131 uhd131 uje131 u2NhKxcl131 uic131 -_6BNtrc-b131 vx131 xd131 _xa131 xX0cczbc131 _xX0cczba131 _Fd131 _FnuYUweb131 px131 ple131 _yb131";
+let $ba354da66aaa1d20$export$f28dddd30893324d = " z0yNlr151 y0yNlr151 B0yNlr151 A0yNlr151 _dc151 St151 Rt151 Tj151 Qj151 oa151 na151 ka151 ja151 g3151 gle151 uk151 ucJ9TBTb151 ud3Euai151 uea151 ugb151 uhd151 uje151 u2NhKxcl151 uic151 -_6BNtrc-b151 vx151 xd151 _xa151 xX0cczbc151 _xX0cczba151 _Fd151 _FnuYUweb151 px151 ple151 _yb151";
 function $ba354da66aaa1d20$export$905ab40ac2179daa(props) {
     let { items: items, overflowMode: overflowMode } = props;
     let isDraggingMultiple = items.length > 1;

package/dist/private/DropZone.cjs

@@ -46,71 +46,71 @@ const $797cda10ca96fc86$var$dropzone = function anonymous(props, overrides) {
         if (p[1] === "_P") position = true;
         rules += p[0];
     }
-    rules += ' sd131';
-    rules += ' _Ca131';
-    rules += ' eb131';
-    if (!position) rules += ' _Pc131';
-    rules += ' uk131';
-    rules += ' ucJ9TBTb131';
-    rules += ' ud3Euai131';
-    rules += ' uea131';
-    rules += ' ugb131';
-    rules += ' uhd131';
-    rules += ' uje131';
-    rules += ' u2NhKxcl131';
-    rules += ' uic131';
-    rules += ' po131';
-    if (props.isDropTarget) rules += ' _jf131';
-    else rules += ' _ja131';
-    if (props.isDropTarget) rules += ' g_e131';
-    rules += ' _kc131';
-    rules += ' hc131';
-    rules += ' mc131';
-    rules += ' lc131';
-    if (props.isFocusVisible) rules += ' ix131';
-    else if (props.isDropTarget) rules += ' ix131';
-    else rules += ' iq131';
-    rules += ' oc131';
-    rules += ' nc131';
-    rules += ' kc131';
-    rules += ' jc131';
-    rules += ' Th131';
-    rules += ' Qh131';
-    rules += ' Sh131';
-    rules += ' Rh131';
-    rules += ' _oa131';
+    rules += ' sd151';
+    rules += ' _Ca151';
+    rules += ' eb151';
+    if (!position) rules += ' _Pc151';
+    rules += ' uk151';
+    rules += ' ucJ9TBTb151';
+    rules += ' ud3Euai151';
+    rules += ' uea151';
+    rules += ' ugb151';
+    rules += ' uhd151';
+    rules += ' uje151';
+    rules += ' u2NhKxcl151';
+    rules += ' uic151';
+    rules += ' po151';
+    if (props.isDropTarget) rules += ' _jf151';
+    else rules += ' _ja151';
+    if (props.isDropTarget) rules += ' g_e151';
+    rules += ' _kc151';
+    rules += ' hc151';
+    rules += ' mc151';
+    rules += ' lc151';
+    if (props.isFocusVisible) rules += ' ix151';
+    else if (props.isDropTarget) rules += ' ix151';
+    else rules += ' iq151';
+    rules += ' oc151';
+    rules += ' nc151';
+    rules += ' kc151';
+    rules += ' jc151';
+    rules += ' Th151';
+    rules += ' Qh151';
+    rules += ' Sh151';
+    rules += ' Rh151';
+    rules += ' _oa151';
     return rules;
 };
 const $797cda10ca96fc86$var$banner = function anonymous(props) {
     let rules = " ";
-    rules += ' _Pa131';
-    rules += ' _Er131';
-    rules += ' _Rr131';
-    rules += ' IM131';
-    rules += ' HM131';
-    rules += ' sd131';
-    rules += ' eb131';
-    rules += ' _Ca131';
-    rules += ' MAyFGYc131';
-    rules += ' ZJ131';
-    if (props.size === "L") rules += ' Lg131';
-    else if (props.size === "S") rules += ' Le131';
-    else rules += ' Lf131';
-    rules += ' g2131';
-    rules += ' ob131';
-    rules += ' nb131';
-    rules += ' kb131';
-    rules += ' jb131';
-    rules += ' px131';
-    rules += ' xd131';
-    rules += ' _xa131';
-    rules += ' xX0cczbc131';
-    rules += ' _xX0cczba131';
-    rules += ' T85xBjb131';
-    rules += ' Q85xBjb131';
-    rules += ' S85xBjb131';
-    rules += ' R85xBjb131';
-    rules += ' -M_-Mf131';
+    rules += ' _Pa151';
+    rules += ' _Er151';
+    rules += ' _Rr151';
+    rules += ' IM151';
+    rules += ' HM151';
+    rules += ' sd151';
+    rules += ' eb151';
+    rules += ' _Ca151';
+    rules += ' MAyFGYc151';
+    rules += ' ZJ151';
+    if (props.size === "L") rules += ' Lg151';
+    else if (props.size === "S") rules += ' Le151';
+    else rules += ' Lf151';
+    rules += ' g2151';
+    rules += ' ob151';
+    rules += ' nb151';
+    rules += ' kb151';
+    rules += ' jb151';
+    rules += ' px151';
+    rules += ' xd151';
+    rules += ' _xa151';
+    rules += ' xX0cczbc151';
+    rules += ' _xX0cczba151';
+    rules += ' T85xBjb151';
+    rules += ' Q85xBjb151';
+    rules += ' S85xBjb151';
+    rules += ' R85xBjb151';
+    rules += ' -M_-Mf151';
     return rules;
 };
 const $797cda10ca96fc86$export$3c6489d84dc98b6 = /*#__PURE__*/ (0, $faaBC$react.forwardRef)(function DropZone(props, ref) {

package/dist/private/DropZone.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AA8DM,MAAM,0DACX,CAAA,GAAA,0BAAY,EAAqE;AAEnF,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BC,MAAM,2CAAW,WAAW,GAAG,CAAA,GAAA,uBAAS,EAAE,SAAS,SACxD,KAAoB,EACpB,GAA2B;IAE3B,IAAI,kBAAkB,CAAA,GAAA,uEAA0B,EAAE,CAAA,GAAA,mDAAW,GAAG;IAChE,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,iDAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,QAAC,OAAO,KAAI,GAAG;IACnB,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IAEvB,qBACE,gCAAC,CAAA,GAAA,2CAAU;QACR,GAAG,KAAK;QACT,KAAK;QACL,OAAO,MAAM,YAAY;QACzB,WAAW,CAAA,cACT,AAAC,CAAA,MAAM,gBAAgB,IAAI,EAAC,IAAK,+BAAS,aAAa,MAAM,MAAM;kBAEpE,CAAA,4BACC;;kCACE,gCAAC,CAAA,GAAA,mDAAwB,EAAE,QAAQ;wBACjC,OAAO;4BAAC,cAAc;4BAAM,cAAc,YAAY,YAAY;kCAAE;wBAAI;kCACvE,MAAM,QAAQ;;oBAEhB,YAAY,YAAY,IAAI,MAAM,QAAQ,kBACzC,gCAAC;wBAAI,WAAW,6BAAO;kCAAC;wBAAI;kCAC1B,cAAA,gCAAC;sCACE,MAAM,cAAc,GACjB,MAAM,cAAc,GACpB,gBAAgB,MAAM,CAAC;;;;;;AAQ3C","sources":["packages/@react-spectrum/s2/src/DropZone.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 {ContextValue} from 'react-aria-components/slots';\n\nimport {createContext, forwardRef, ReactNode} from 'react';\n\nimport {DOMProps, DOMRef, DOMRefValue, GlobalDOMAttributes} from '@react-types/shared';\nimport {\n  DropZoneRenderProps,\n  DropZone as RACDropZone,\n  DropZoneProps as RACDropZoneProps\n} from 'react-aria-components/DropZone';\nimport {\n  getAllowedOverrides,\n  StylesPropWithHeight,\n  UnsafeStyles\n} from './style-utils' with {type: 'macro'};\nimport {IllustratedMessageContext} from './IllustratedMessage';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {style} from '../style' with {type: 'macro'};\nimport {useDOMRef} from './useDOMRef';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface DropZoneProps\n  extends\n    Omit<\n      RACDropZoneProps,\n      | 'className'\n      | 'style'\n      | 'render'\n      | 'children'\n      | 'isDisabled'\n      | 'onHover'\n      | 'onHoverStart'\n      | 'onHoverEnd'\n      | 'onHoverChange'\n      | keyof GlobalDOMAttributes\n    >,\n    UnsafeStyles,\n    DOMProps {\n  /** Spectrum-defined styles, returned by the `style()` macro. */\n  styles?: StylesPropWithHeight;\n  /** The content to display in the drop zone. */\n  children: ReactNode;\n  /** Whether the drop zone has been filled. */\n  isFilled?: boolean;\n  /**\n   * The message to replace the default banner message that is shown when the drop zone is filled.\n   *\n   * @default 'Drop file to replace'\n   */\n  replaceMessage?: string;\n  /**\n   * The size of the DropZone.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L';\n}\n\nexport const DropZoneContext =\n  createContext<ContextValue<Partial<DropZoneProps>, DOMRefValue<HTMLDivElement>>>(null);\n\nconst dropzone = style<DropZoneRenderProps>(\n  {\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    position: 'relative',\n    fontFamily: 'sans',\n    color: 'gray-900',\n    borderStyle: {\n      default: 'dashed',\n      isDropTarget: 'solid'\n    },\n    backgroundColor: {\n      isDropTarget: 'blue-200'\n    },\n    borderWidth: 2,\n    borderColor: {\n      default: 'gray-300',\n      isDropTarget: 'blue-800',\n      isFocusVisible: 'blue-800'\n    },\n    borderRadius: 'lg',\n    padding: 24,\n    boxSizing: 'border-box'\n  },\n  getAllowedOverrides({height: true})\n);\n\nconst banner = style({\n  position: 'absolute',\n  left: 0,\n  right: 0,\n  marginX: 'auto',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  minHeight: 20,\n  width: 'fit',\n  maxWidth: {\n    default: 192,\n    size: {\n      S: 160,\n      L: 208\n    }\n  },\n  backgroundColor: 'accent',\n  borderRadius: 'default',\n  color: 'white',\n  fontWeight: 'bold',\n  padding: 'calc((self(minHeight))/1.5)'\n});\n\n/**\n * A drop zone is an area into which one or multiple objects can be dragged and dropped.\n */\nexport const DropZone = /*#__PURE__*/ forwardRef(function DropZone(\n  props: DropZoneProps,\n  ref: DOMRef<HTMLDivElement>\n) {\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');\n  [props, ref] = useSpectrumContextProps(props, ref, DropZoneContext);\n  let {size = 'M'} = props;\n  let domRef = useDOMRef(ref);\n\n  return (\n    <RACDropZone\n      {...props}\n      ref={domRef}\n      style={props.UNSAFE_style}\n      className={renderProps =>\n        (props.UNSAFE_className || '') + dropzone(renderProps, props.styles)\n      }>\n      {renderProps => (\n        <>\n          <IllustratedMessageContext.Provider\n            value={{isInDropZone: true, isDropTarget: renderProps.isDropTarget, size}}>\n            {props.children}\n          </IllustratedMessageContext.Provider>\n          {renderProps.isDropTarget && props.isFilled && (\n            <div className={banner({size})}>\n              <span>\n                {props.replaceMessage\n                  ? props.replaceMessage\n                  : stringFormatter.format('dropzone.replaceMessage')}\n              </span>\n            </div>\n          )}\n        </>\n      )}\n    </RACDropZone>\n  );\n});\n"],"names":[],"version":3,"file":"DropZone.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AA6DM,MAAM,0DACX,CAAA,GAAA,0BAAY,EAAqE;AAEnF,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BC,MAAM,2CAAW,WAAW,GAAG,CAAA,GAAA,uBAAS,EAAE,SAAS,SACxD,KAAoB,EACpB,GAA2B;IAE3B,IAAI,kBAAkB,CAAA,GAAA,uEAA0B,EAAE,CAAA,GAAA,mDAAW,GAAG;IAChE,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,iDAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,QAAC,OAAO,KAAI,GAAG;IACnB,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IAEvB,qBACE,gCAAC,CAAA,GAAA,2CAAU;QACR,GAAG,KAAK;QACT,KAAK;QACL,OAAO,MAAM,YAAY;QACzB,WAAW,CAAA,cACT,AAAC,CAAA,MAAM,gBAAgB,IAAI,EAAC,IAAK,+BAAS,aAAa,MAAM,MAAM;kBAEpE,CAAA,4BACC;;kCACE,gCAAC,CAAA,GAAA,mDAAwB,EAAE,QAAQ;wBACjC,OAAO;4BAAC,cAAc;4BAAM,cAAc,YAAY,YAAY;kCAAE;wBAAI;kCACvE,MAAM,QAAQ;;oBAEhB,YAAY,YAAY,IAAI,MAAM,QAAQ,kBACzC,gCAAC;wBAAI,WAAW,6BAAO;kCAAC;wBAAI;kCAC1B,cAAA,gCAAC;sCACE,MAAM,cAAc,GACjB,MAAM,cAAc,GACpB,gBAAgB,MAAM,CAAC;;;;;;AAQ3C","sources":["packages/@react-spectrum/s2/src/DropZone.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 {ContextValue} from 'react-aria-components/slots';\n\nimport {createContext, forwardRef, ReactNode} from 'react';\n\nimport {DOMProps, DOMRef, DOMRefValue, GlobalDOMAttributes} from '@react-types/shared';\nimport {\n  DropZoneRenderProps,\n  DropZone as RACDropZone,\n  DropZoneProps as RACDropZoneProps\n} from 'react-aria-components/DropZone';\nimport {\n  getAllowedOverrides,\n  StylesPropWithHeight,\n  UnsafeStyles\n} from './style-utils' with {type: 'macro'};\nimport {IllustratedMessageContext} from './IllustratedMessage';\nimport intlMessages from '../intl/*.json';\nimport {style} from '../style' with {type: 'macro'};\nimport {useDOMRef} from './useDOMRef';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface DropZoneProps\n  extends\n    Omit<\n      RACDropZoneProps,\n      | 'className'\n      | 'style'\n      | 'render'\n      | 'children'\n      | 'isDisabled'\n      | 'onHover'\n      | 'onHoverStart'\n      | 'onHoverEnd'\n      | 'onHoverChange'\n      | keyof GlobalDOMAttributes\n    >,\n    UnsafeStyles,\n    DOMProps {\n  /** Spectrum-defined styles, returned by the `style()` macro. */\n  styles?: StylesPropWithHeight;\n  /** The content to display in the drop zone. */\n  children: ReactNode;\n  /** Whether the drop zone has been filled. */\n  isFilled?: boolean;\n  /**\n   * The message to replace the default banner message that is shown when the drop zone is filled.\n   *\n   * @default 'Drop file to replace'\n   */\n  replaceMessage?: string;\n  /**\n   * The size of the DropZone.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L';\n}\n\nexport const DropZoneContext =\n  createContext<ContextValue<Partial<DropZoneProps>, DOMRefValue<HTMLDivElement>>>(null);\n\nconst dropzone = style<DropZoneRenderProps>(\n  {\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    position: 'relative',\n    fontFamily: 'sans',\n    color: 'gray-900',\n    borderStyle: {\n      default: 'dashed',\n      isDropTarget: 'solid'\n    },\n    backgroundColor: {\n      isDropTarget: 'blue-200'\n    },\n    borderWidth: 2,\n    borderColor: {\n      default: 'gray-300',\n      isDropTarget: 'blue-800',\n      isFocusVisible: 'blue-800'\n    },\n    borderRadius: 'lg',\n    padding: 24,\n    boxSizing: 'border-box'\n  },\n  getAllowedOverrides({height: true})\n);\n\nconst banner = style({\n  position: 'absolute',\n  left: 0,\n  right: 0,\n  marginX: 'auto',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  minHeight: 20,\n  width: 'fit',\n  maxWidth: {\n    default: 192,\n    size: {\n      S: 160,\n      L: 208\n    }\n  },\n  backgroundColor: 'accent',\n  borderRadius: 'default',\n  color: 'white',\n  fontWeight: 'bold',\n  padding: 'calc((self(minHeight))/1.5)'\n});\n\n/**\n * A drop zone is an area into which one or multiple objects can be dragged and dropped.\n */\nexport const DropZone = /*#__PURE__*/ forwardRef(function DropZone(\n  props: DropZoneProps,\n  ref: DOMRef<HTMLDivElement>\n) {\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');\n  [props, ref] = useSpectrumContextProps(props, ref, DropZoneContext);\n  let {size = 'M'} = props;\n  let domRef = useDOMRef(ref);\n\n  return (\n    <RACDropZone\n      {...props}\n      ref={domRef}\n      style={props.UNSAFE_style}\n      className={renderProps =>\n        (props.UNSAFE_className || '') + dropzone(renderProps, props.styles)\n      }>\n      {renderProps => (\n        <>\n          <IllustratedMessageContext.Provider\n            value={{isInDropZone: true, isDropTarget: renderProps.isDropTarget, size}}>\n            {props.children}\n          </IllustratedMessageContext.Provider>\n          {renderProps.isDropTarget && props.isFilled && (\n            <div className={banner({size})}>\n              <span>\n                {props.replaceMessage\n                  ? props.replaceMessage\n                  : stringFormatter.format('dropzone.replaceMessage')}\n              </span>\n            </div>\n          )}\n        </>\n      )}\n    </RACDropZone>\n  );\n});\n"],"names":[],"version":3,"file":"DropZone.cjs.map"}