@react-spectrum/s2 1.3.1 → 1.4.0

package/dist/private/Divider.mjs

@@ -43,37 +43,37 @@ const $bdf52657dac0f070$export$e8c9778bf415dd08 = function anonymous(props, over
         if (p[1] === "Z") width = true;
         rules += p[0];
     }
-    if (props.staticColor === "white") rules += ' -Ovbhqd-gcwrnr13';
-    else if (props.staticColor === "black") rules += ' -Ovbhqd-g4hn3s13';
-    if (!alignSelf) rules += ' _df13';
+    if (props.staticColor === "white") rules += ' -Ovbhqd-gcwrnr131';
+    else if (props.staticColor === "black") rules += ' -Ovbhqd-g4hn3s131';
+    if (!alignSelf) rules += ' _df131';
     if (props.isStaticColor) {
-        if (props.size === "L") rules += ' gi13';
-        else rules += ' gg13';
-    } else if (props.size === "L") rules += ' g013';
-    else rules += ' gF13';
-    rules += ' gl_a13';
-    rules += ' _je13';
-    rules += ' og13';
-    rules += ' ng13';
-    rules += ' kg13';
-    rules += ' jg13';
-    if (!marginTop) rules += ' Jy13';
-    if (!marginBottom) rules += ' Gy13';
-    if (!marginInlineStart) rules += ' Iy13';
-    if (!marginInlineEnd) rules += ' Hy13';
-    if (!flexGrow) rules += ' _ua13';
-    if (!flexShrink) rules += ' _va13';
+        if (props.size === "L") rules += ' gi131';
+        else rules += ' gg131';
+    } else if (props.size === "L") rules += ' g0131';
+    else rules += ' gF131';
+    rules += ' gl_a131';
+    rules += ' _je131';
+    rules += ' og131';
+    rules += ' ng131';
+    rules += ' kg131';
+    rules += ' jg131';
+    if (!marginTop) rules += ' Jy131';
+    if (!marginBottom) rules += ' Gy131';
+    if (!marginInlineStart) rules += ' Iy131';
+    if (!marginInlineEnd) rules += ' Hy131';
+    if (!flexGrow) rules += ' _ua131';
+    if (!flexShrink) rules += ' _va131';
     if (props.orientation === "horizontal") {
-        if (props.size === "L") rules += ' FT4Nfn13';
-        else if (props.size === "S") rules += ' FceNfn13';
-        else rules += ' FLvNfn13';
+        if (props.size === "L") rules += ' FT4Nfn131';
+        else if (props.size === "S") rules += ' FceNfn131';
+        else rules += ' FLvNfn131';
     }
     if (props.orientation === "vertical") {
         if (props.size === "L") {
-            if (!width) rules += ' ZT4Nfn13';
+            if (!width) rules += ' ZT4Nfn131';
         } else if (props.size === "S") {
-            if (!width) rules += ' ZceNfn13';
-        } else if (!width) rules += ' ZLvNfn13';
+            if (!width) rules += ' ZceNfn131';
+        } else if (!width) rules += ' ZLvNfn131';
     }
     return rules;
 };

package/dist/private/Divider.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAkCM,MAAM,0DAAiB,CAAA,GAAA,oBAAY,EAAoD;AAEvF,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkDN,MAAM,4CAAU,WAAW,GAAG,CAAA,GAAA,iBAAS,EAAE,SAAS,QAAQ,KAAmB,EAAE,GAAW;IAC/F,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IAEvB,qBACE,gBAAC,CAAA,GAAA,gBAAW;QACT,GAAG,KAAK;QACT,KAAK;QACL,OAAO,MAAM,YAAY;QACzB,WAAW,AAAC,CAAA,MAAM,gBAAgB,IAAI,EAAC,IAAK,0CAAQ;YAClD,MAAM,MAAM,IAAI,IAAI;YACpB,aAAa,MAAM,WAAW,IAAI;YAClC,aAAa,MAAM,WAAW;YAC9B,eAAe,CAAC,CAAC,MAAM,WAAW;QACpC,GAAG,MAAM,MAAM;;AAErB","sources":["packages/@react-spectrum/s2/src/Divider.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} from 'react';\nimport {DOMRef, DOMRefValue, GlobalDOMAttributes} from '@react-types/shared';\nimport {getAllowedOverrides, staticColor, StyleProps} from './style-utils' with {type: 'macro'};\nimport {Separator as RACSeparator, SeparatorProps as RACSeparatorProps} from 'react-aria-components/Separator';\nimport {style} from '../style' with {type: 'macro'};\nimport {useDOMRef} from './useDOMRef';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\n/*\n * Adding as it's own type to deal with size being a part of the theme so we\n * can type style() and it's parameters.\n */\ninterface DividerSpectrumProps {\n  /**\n   * How thick the Divider should be.\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L',\n  /**\n   * The orientation of the Divider.\n   * @default 'horizontal'\n   */\n  orientation?: 'horizontal' | 'vertical',\n  /** The static color style to apply. Useful when the Divider appears over a color background. */\n  staticColor?: 'white' | 'black' | 'auto'\n}\n\n// TODO: allow overriding height (only when orientation is vertical)??\nexport interface DividerProps extends DividerSpectrumProps, Omit<RACSeparatorProps, 'className' | 'style' | 'render' | 'elementType' | keyof GlobalDOMAttributes>, StyleProps {}\n\nexport const DividerContext = createContext<ContextValue<Partial<DividerProps>, DOMRefValue>>(null);\n\nexport const divider = style<DividerSpectrumProps & {isStaticColor: boolean}>({\n  ...staticColor(),\n  alignSelf: 'stretch',\n  backgroundColor: {\n    default: 'gray-200',\n    size: {\n      L: 'gray-800'\n    },\n    isStaticColor: {\n      default: 'transparent-overlay-200',\n      size: {\n        L: 'transparent-overlay-800'\n      }\n    },\n    forcedColors: 'ButtonBorder'\n  },\n  borderStyle: 'none',\n  borderRadius: 'full',\n  margin: 0,\n  flexGrow: 0,\n  flexShrink: 0,\n  height: {\n    orientation: {\n      horizontal: {\n        // These should be px not rems, because we're emulating a border.\n        default: '[2px]',\n        size: {\n          S: '[1px]',\n          L: '[4px]'\n        }\n      }\n    }\n  },\n  width: {\n    orientation: {\n      vertical: {\n        default: '[2px]',\n        size: {\n          S: '[1px]',\n          L: '[4px]'\n        }\n      }\n    }\n  }\n}, getAllowedOverrides());\n\n/**\n * Dividers bring clarity to a layout by grouping and dividing content in close proximity.\n * They can also be used to establish rhythm and hierarchy.\n */\nexport const Divider = /*#__PURE__*/ forwardRef(function Divider(props: DividerProps, ref: DOMRef) {\n  [props, ref] = useSpectrumContextProps(props, ref, DividerContext);\n  let domRef = useDOMRef(ref);\n\n  return (\n    <RACSeparator\n      {...props}\n      ref={domRef}\n      style={props.UNSAFE_style}\n      className={(props.UNSAFE_className || '') + divider({\n        size: props.size || 'M',\n        orientation: props.orientation || 'horizontal',\n        staticColor: props.staticColor,\n        isStaticColor: !!props.staticColor\n      }, props.styles)} />\n  );\n});\n"],"names":[],"version":3,"file":"Divider.mjs.map"}
+{"mappings":";;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AA8CM,MAAM,0DAAiB,CAAA,GAAA,oBAAY,EAAoD;AAEvF,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqDN,MAAM,4CAAU,WAAW,GAAG,CAAA,GAAA,iBAAS,EAAE,SAAS,QAAQ,KAAmB,EAAE,GAAW;IAC/F,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IAEvB,qBACE,gBAAC,CAAA,GAAA,gBAAW;QACT,GAAG,KAAK;QACT,KAAK;QACL,OAAO,MAAM,YAAY;QACzB,WACE,AAAC,CAAA,MAAM,gBAAgB,IAAI,EAAC,IAC5B,0CACE;YACE,MAAM,MAAM,IAAI,IAAI;YACpB,aAAa,MAAM,WAAW,IAAI;YAClC,aAAa,MAAM,WAAW;YAC9B,eAAe,CAAC,CAAC,MAAM,WAAW;QACpC,GACA,MAAM,MAAM;;AAKtB","sources":["packages/@react-spectrum/s2/src/Divider.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} from 'react';\nimport {DOMRef, DOMRefValue, GlobalDOMAttributes} from '@react-types/shared';\nimport {getAllowedOverrides, staticColor, StyleProps} from './style-utils' with {type: 'macro'};\nimport {\n  Separator as RACSeparator,\n  SeparatorProps as RACSeparatorProps\n} from 'react-aria-components/Separator';\nimport {style} from '../style' with {type: 'macro'};\nimport {useDOMRef} from './useDOMRef';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\n/*\n * Adding as it's own type to deal with size being a part of the theme so we\n * can type style() and it's parameters.\n */\ninterface DividerSpectrumProps {\n  /**\n   * How thick the Divider should be.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L';\n  /**\n   * The orientation of the Divider.\n   *\n   * @default 'horizontal'\n   */\n  orientation?: 'horizontal' | 'vertical';\n  /** The static color style to apply. Useful when the Divider appears over a color background. */\n  staticColor?: 'white' | 'black' | 'auto';\n}\n\n// TODO: allow overriding height (only when orientation is vertical)??\nexport interface DividerProps\n  extends\n    DividerSpectrumProps,\n    Omit<\n      RACSeparatorProps,\n      'className' | 'style' | 'render' | 'elementType' | keyof GlobalDOMAttributes\n    >,\n    StyleProps {}\n\nexport const DividerContext = createContext<ContextValue<Partial<DividerProps>, DOMRefValue>>(null);\n\nexport const divider = style<DividerSpectrumProps & {isStaticColor: boolean}>(\n  {\n    ...staticColor(),\n    alignSelf: 'stretch',\n    backgroundColor: {\n      default: 'gray-200',\n      size: {\n        L: 'gray-800'\n      },\n      isStaticColor: {\n        default: 'transparent-overlay-200',\n        size: {\n          L: 'transparent-overlay-800'\n        }\n      },\n      forcedColors: 'ButtonBorder'\n    },\n    borderStyle: 'none',\n    borderRadius: 'full',\n    margin: 0,\n    flexGrow: 0,\n    flexShrink: 0,\n    height: {\n      orientation: {\n        horizontal: {\n          // These should be px not rems, because we're emulating a border.\n          default: '[2px]',\n          size: {\n            S: '[1px]',\n            L: '[4px]'\n          }\n        }\n      }\n    },\n    width: {\n      orientation: {\n        vertical: {\n          default: '[2px]',\n          size: {\n            S: '[1px]',\n            L: '[4px]'\n          }\n        }\n      }\n    }\n  },\n  getAllowedOverrides()\n);\n\n/**\n * Dividers bring clarity to a layout by grouping and dividing content in close proximity.\n * They can also be used to establish rhythm and hierarchy.\n */\nexport const Divider = /*#__PURE__*/ forwardRef(function Divider(props: DividerProps, ref: DOMRef) {\n  [props, ref] = useSpectrumContextProps(props, ref, DividerContext);\n  let domRef = useDOMRef(ref);\n\n  return (\n    <RACSeparator\n      {...props}\n      ref={domRef}\n      style={props.UNSAFE_style}\n      className={\n        (props.UNSAFE_className || '') +\n        divider(\n          {\n            size: props.size || 'M',\n            orientation: props.orientation || 'horizontal',\n            staticColor: props.staticColor,\n            isStaticColor: !!props.staticColor\n          },\n          props.styles\n        )\n      }\n    />\n  );\n});\n"],"names":[],"version":3,"file":"Divider.mjs.map"}

package/dist/private/DragHandle.cjs

@@ -0,0 +1,76 @@
+require("./DragHandle.css");
+var $e1bc3d78f238ba3b$exports = require("./S2_DragHandleSize200.cjs");
+var $88d6d23073bc9ab9$exports = require("./S2_DragHandleSize100.cjs");
+var $68edbeacb9887ed7$exports = require("./S2_DragHandleSize75.cjs");
+var $b0491803a28e72c2$exports = require("./S2_DragHandleSize300.cjs");
+var $Q1vFp$reactjsxruntime = require("react/jsx-runtime");
+
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "default", () => $ae5b71e1d2f5c8ba$export$2e2bcd8739ae039);
+/*
+ * Copyright 2024 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+let $ae5b71e1d2f5c8ba$var$styles = function anonymous(props) {
+    let rules = " ";
+    if (props.size === "S") rules += ' Zi131';
+    else if (props.size === "XL") rules += ' Zk131';
+    else if (props.size === "L") rules += ' Zj131';
+    else if (props.size === "M") rules += ' Zi131';
+    if (props.size === "S") rules += ' Fj131';
+    else if (props.size === "XL") rules += ' Fl131';
+    else if (props.size === "L") rules += ' Fk131';
+    else if (props.size === "M") rules += ' Fj131';
+    return rules;
+};
+function $ae5b71e1d2f5c8ba$export$2e2bcd8739ae039(props) {
+    let { size: size = 'M', ...otherProps } = props;
+    switch(size){
+        case 'M':
+            return /*#__PURE__*/ (0, $Q1vFp$reactjsxruntime.jsx)((0, $88d6d23073bc9ab9$exports.default), {
+                ...otherProps,
+                className: (otherProps.className || '') + $ae5b71e1d2f5c8ba$var$styles({
+                    size: size
+                })
+            });
+        case 'L':
+            return /*#__PURE__*/ (0, $Q1vFp$reactjsxruntime.jsx)((0, $e1bc3d78f238ba3b$exports.default), {
+                ...otherProps,
+                className: (otherProps.className || '') + $ae5b71e1d2f5c8ba$var$styles({
+                    size: size
+                })
+            });
+        case 'XL':
+            return /*#__PURE__*/ (0, $Q1vFp$reactjsxruntime.jsx)((0, $b0491803a28e72c2$exports.default), {
+                ...otherProps,
+                className: (otherProps.className || '') + $ae5b71e1d2f5c8ba$var$styles({
+                    size: size
+                })
+            });
+        case 'S':
+            return /*#__PURE__*/ (0, $Q1vFp$reactjsxruntime.jsx)((0, $68edbeacb9887ed7$exports.default), {
+                ...otherProps,
+                className: (otherProps.className || '') + $ae5b71e1d2f5c8ba$var$styles({
+                    size: size
+                })
+            });
+    }
+}
+
+
+//# sourceMappingURL=DragHandle.cjs.map

package/dist/private/DragHandle.cjs.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AASD,IAAI;;;;;;;;;;;;AAmBW,kDACb,KAAgE;IAEhE,IAAI,QAAC,OAAO,KAAK,GAAG,YAAW,GAAG;IAClC,OAAQ;QACN,KAAK;YACH,qBACE,gCAAC,CAAA,GAAA,iCAAW;gBAAG,GAAG,UAAU;gBAAE,WAAW,AAAC,CAAA,WAAW,SAAS,IAAI,EAAC,IAAK,6BAAO;0BAAC;gBAAI;;QAExF,KAAK;YACH,qBACE,gCAAC,CAAA,GAAA,iCAAW;gBAAG,GAAG,UAAU;gBAAE,WAAW,AAAC,CAAA,WAAW,SAAS,IAAI,EAAC,IAAK,6BAAO;0BAAC;gBAAI;;QAExF,KAAK;YACH,qBACE,gCAAC,CAAA,GAAA,iCAAY;gBAAG,GAAG,UAAU;gBAAE,WAAW,AAAC,CAAA,WAAW,SAAS,IAAI,EAAC,IAAK,6BAAO;0BAAC;gBAAI;;QAEzF,KAAK;YACH,qBACE,gCAAC,CAAA,GAAA,iCAAW;gBAAG,GAAG,UAAU;gBAAE,WAAW,AAAC,CAAA,WAAW,SAAS,IAAI,EAAC,IAAK,6BAAO;0BAAC;gBAAI;;IAE1F;AACF","sources":["packages/@react-spectrum/s2/ui-icons/DragHandle.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 DragHandle_L from './S2_DragHandleSize200.svg';\nimport DragHandle_M from './S2_DragHandleSize100.svg';\nimport DragHandle_S from './S2_DragHandleSize75.svg';\nimport DragHandle_XL from './S2_DragHandleSize300.svg';\nimport {ReactNode, SVGProps} from 'react';\nimport {style} from '../style' with {type: 'macro'};\n\nlet styles = style({\n  width: {\n    size: {\n      M: 10,\n      L: 12,\n      XL: 14,\n      S: 10\n    }\n  },\n  height: {\n    size: {\n      M: 10,\n      L: 12,\n      XL: 14,\n      S: 10\n    }\n  }\n});\n\nexport default function DragHandle(\n  props: SVGProps<SVGSVGElement> & {size?: 'M' | 'L' | 'XL' | 'S'}\n): ReactNode {\n  let {size = 'M', ...otherProps} = props;\n  switch (size) {\n    case 'M':\n      return (\n        <DragHandle_M {...otherProps} className={(otherProps.className || '') + styles({size})} />\n      );\n    case 'L':\n      return (\n        <DragHandle_L {...otherProps} className={(otherProps.className || '') + styles({size})} />\n      );\n    case 'XL':\n      return (\n        <DragHandle_XL {...otherProps} className={(otherProps.className || '') + styles({size})} />\n      );\n    case 'S':\n      return (\n        <DragHandle_S {...otherProps} className={(otherProps.className || '') + styles({size})} />\n      );\n  }\n}\n"],"names":[],"version":3,"file":"DragHandle.cjs.map"}

package/dist/private/DragHandle.css

@@ -0,0 +1,26 @@
+@layer _.a {
+  .Zj131 {
+    width: calc(.75rem * var(--s2-scale));
+  }
+
+  .Zk131 {
+    width: calc(.875rem * var(--s2-scale));
+  }
+
+  .Zi131 {
+    width: calc(.625rem * var(--s2-scale));
+  }
+
+  .Fk131 {
+    height: calc(.75rem * var(--s2-scale));
+  }
+
+  .Fl131 {
+    height: calc(.875rem * var(--s2-scale));
+  }
+
+  .Fj131 {
+    height: calc(.625rem * var(--s2-scale));
+  }
+}
+/*# sourceMappingURL=DragHandle.css.map */

package/dist/private/DragHandle.css.map

@@ -0,0 +1 @@
+{"mappings":"AAmBa;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA","sources":["packages/@react-spectrum/s2/ui-icons/DragHandle.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 DragHandle_L from './S2_DragHandleSize200.svg';\nimport DragHandle_M from './S2_DragHandleSize100.svg';\nimport DragHandle_S from './S2_DragHandleSize75.svg';\nimport DragHandle_XL from './S2_DragHandleSize300.svg';\nimport {ReactNode, SVGProps} from 'react';\nimport {style} from '../style' with {type: 'macro'};\n\nlet styles = style({\n  width: {\n    size: {\n      M: 10,\n      L: 12,\n      XL: 14,\n      S: 10\n    }\n  },\n  height: {\n    size: {\n      M: 10,\n      L: 12,\n      XL: 14,\n      S: 10\n    }\n  }\n});\n\nexport default function DragHandle(\n  props: SVGProps<SVGSVGElement> & {size?: 'M' | 'L' | 'XL' | 'S'}\n): ReactNode {\n  let {size = 'M', ...otherProps} = props;\n  switch (size) {\n    case 'M':\n      return (\n        <DragHandle_M {...otherProps} className={(otherProps.className || '') + styles({size})} />\n      );\n    case 'L':\n      return (\n        <DragHandle_L {...otherProps} className={(otherProps.className || '') + styles({size})} />\n      );\n    case 'XL':\n      return (\n        <DragHandle_XL {...otherProps} className={(otherProps.className || '') + styles({size})} />\n      );\n    case 'S':\n      return (\n        <DragHandle_S {...otherProps} className={(otherProps.className || '') + styles({size})} />\n      );\n  }\n}\n"],"names":[],"version":3,"file":"DragHandle.css.map"}

package/dist/private/DragHandle.mjs

@@ -0,0 +1,71 @@
+import "./DragHandle.css";
+import $1792142a9047937d$export$2e2bcd8739ae039 from "./S2_DragHandleSize200.mjs";
+import $0adf62121b55c8dc$export$2e2bcd8739ae039 from "./S2_DragHandleSize100.mjs";
+import $c6fba7d3aa542a55$export$2e2bcd8739ae039 from "./S2_DragHandleSize75.mjs";
+import $2328c0ed6835818a$export$2e2bcd8739ae039 from "./S2_DragHandleSize300.mjs";
+import {jsx as $cM5mG$jsx} from "react/jsx-runtime";
+
+/*
+ * Copyright 2024 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+let $8b63ac1a4fa1df22$var$styles = function anonymous(props) {
+    let rules = " ";
+    if (props.size === "S") rules += ' Zi131';
+    else if (props.size === "XL") rules += ' Zk131';
+    else if (props.size === "L") rules += ' Zj131';
+    else if (props.size === "M") rules += ' Zi131';
+    if (props.size === "S") rules += ' Fj131';
+    else if (props.size === "XL") rules += ' Fl131';
+    else if (props.size === "L") rules += ' Fk131';
+    else if (props.size === "M") rules += ' Fj131';
+    return rules;
+};
+function $8b63ac1a4fa1df22$export$2e2bcd8739ae039(props) {
+    let { size: size = 'M', ...otherProps } = props;
+    switch(size){
+        case 'M':
+            return /*#__PURE__*/ (0, $cM5mG$jsx)((0, $0adf62121b55c8dc$export$2e2bcd8739ae039), {
+                ...otherProps,
+                className: (otherProps.className || '') + $8b63ac1a4fa1df22$var$styles({
+                    size: size
+                })
+            });
+        case 'L':
+            return /*#__PURE__*/ (0, $cM5mG$jsx)((0, $1792142a9047937d$export$2e2bcd8739ae039), {
+                ...otherProps,
+                className: (otherProps.className || '') + $8b63ac1a4fa1df22$var$styles({
+                    size: size
+                })
+            });
+        case 'XL':
+            return /*#__PURE__*/ (0, $cM5mG$jsx)((0, $2328c0ed6835818a$export$2e2bcd8739ae039), {
+                ...otherProps,
+                className: (otherProps.className || '') + $8b63ac1a4fa1df22$var$styles({
+                    size: size
+                })
+            });
+        case 'S':
+            return /*#__PURE__*/ (0, $cM5mG$jsx)((0, $c6fba7d3aa542a55$export$2e2bcd8739ae039), {
+                ...otherProps,
+                className: (otherProps.className || '') + $8b63ac1a4fa1df22$var$styles({
+                    size: size
+                })
+            });
+    }
+}
+
+
+export {$8b63ac1a4fa1df22$export$2e2bcd8739ae039 as default};
+//# sourceMappingURL=DragHandle.mjs.map

package/dist/private/DragHandle.mjs.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AASD,IAAI;;;;;;;;;;;;AAmBW,kDACb,KAAgE;IAEhE,IAAI,QAAC,OAAO,KAAK,GAAG,YAAW,GAAG;IAClC,OAAQ;QACN,KAAK;YACH,qBACE,gBAAC,CAAA,GAAA,wCAAW;gBAAG,GAAG,UAAU;gBAAE,WAAW,AAAC,CAAA,WAAW,SAAS,IAAI,EAAC,IAAK,6BAAO;0BAAC;gBAAI;;QAExF,KAAK;YACH,qBACE,gBAAC,CAAA,GAAA,wCAAW;gBAAG,GAAG,UAAU;gBAAE,WAAW,AAAC,CAAA,WAAW,SAAS,IAAI,EAAC,IAAK,6BAAO;0BAAC;gBAAI;;QAExF,KAAK;YACH,qBACE,gBAAC,CAAA,GAAA,wCAAY;gBAAG,GAAG,UAAU;gBAAE,WAAW,AAAC,CAAA,WAAW,SAAS,IAAI,EAAC,IAAK,6BAAO;0BAAC;gBAAI;;QAEzF,KAAK;YACH,qBACE,gBAAC,CAAA,GAAA,wCAAW;gBAAG,GAAG,UAAU;gBAAE,WAAW,AAAC,CAAA,WAAW,SAAS,IAAI,EAAC,IAAK,6BAAO;0BAAC;gBAAI;;IAE1F;AACF","sources":["packages/@react-spectrum/s2/ui-icons/DragHandle.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 DragHandle_L from './S2_DragHandleSize200.svg';\nimport DragHandle_M from './S2_DragHandleSize100.svg';\nimport DragHandle_S from './S2_DragHandleSize75.svg';\nimport DragHandle_XL from './S2_DragHandleSize300.svg';\nimport {ReactNode, SVGProps} from 'react';\nimport {style} from '../style' with {type: 'macro'};\n\nlet styles = style({\n  width: {\n    size: {\n      M: 10,\n      L: 12,\n      XL: 14,\n      S: 10\n    }\n  },\n  height: {\n    size: {\n      M: 10,\n      L: 12,\n      XL: 14,\n      S: 10\n    }\n  }\n});\n\nexport default function DragHandle(\n  props: SVGProps<SVGSVGElement> & {size?: 'M' | 'L' | 'XL' | 'S'}\n): ReactNode {\n  let {size = 'M', ...otherProps} = props;\n  switch (size) {\n    case 'M':\n      return (\n        <DragHandle_M {...otherProps} className={(otherProps.className || '') + styles({size})} />\n      );\n    case 'L':\n      return (\n        <DragHandle_L {...otherProps} className={(otherProps.className || '') + styles({size})} />\n      );\n    case 'XL':\n      return (\n        <DragHandle_XL {...otherProps} className={(otherProps.className || '') + styles({size})} />\n      );\n    case 'S':\n      return (\n        <DragHandle_S {...otherProps} className={(otherProps.className || '') + styles({size})} />\n      );\n  }\n}\n"],"names":[],"version":3,"file":"DragHandle.mjs.map"}

package/dist/private/DragPreview.cjs

@@ -0,0 +1,297 @@
+require("./DragPreview.css");
+var $e991cbcdf82ced71$exports = require("./CenterBaseline.cjs");
+var $bde97c91243ed164$exports = require("../../icons/Icon.cjs");
+var $6367bc87eb7d24ad$exports = require("./Content.cjs");
+var $ee7b4c497f520c08$exports = require("./utils.cjs");
+var $j7gUG$reactjsxruntime = require("react/jsx-runtime");
+var $j7gUG$reactariacomponentsslots = require("react-aria-components/slots");
+
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "label", () => $35d2da6f10cb8588$export$1237798dc640739a);
+$parcel$export(module.exports, "description", () => $35d2da6f10cb8588$export$6d59db4903f20f7d);
+$parcel$export(module.exports, "iconCenterWrapper", () => $35d2da6f10cb8588$export$31d1842a0fd736e6);
+$parcel$export(module.exports, "icon", () => $35d2da6f10cb8588$export$1ca1ec8b29a4ce27);
+$parcel$export(module.exports, "DragPreview", () => $35d2da6f10cb8588$export$905ab40ac2179daa);
+/*
+ * Copyright 2026 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+
+let $35d2da6f10cb8588$export$1237798dc640739a = function anonymous(props) {
+    let rules = " ";
+    rules += ' zv6x9r131';
+    rules += ' yv6x9r131';
+    rules += ' Bv6x9r131';
+    rules += ' Av6x9r131';
+    rules += ' _dc131';
+    if (props.size === "XL") {
+        rules += ' uk131';
+        rules += ' ucJ9TBTb131';
+        rules += ' ud3Euai131';
+        rules += ' uea131';
+        rules += ' ugb131';
+        rules += ' uhd131';
+        rules += ' uje131';
+        rules += ' u2NhKxcl131';
+        rules += ' uic131';
+    } else if (props.size === "L") {
+        rules += ' uk131';
+        rules += ' ucJ9TBTb131';
+        rules += ' ud3Euai131';
+        rules += ' uea131';
+        rules += ' ugb131';
+        rules += ' uhd131';
+        rules += ' uje131';
+        rules += ' u2NhKxcl131';
+        rules += ' uic131';
+    } else if (props.size === "S") {
+        rules += ' uk131';
+        rules += ' ucJ9TBTb131';
+        rules += ' ud3Euai131';
+        rules += ' uea131';
+        rules += ' ugb131';
+        rules += ' uhd131';
+        rules += ' uje131';
+        rules += ' u2NhKxcl131';
+        rules += ' uic131';
+    } else if (props.size === "XS") {
+        rules += ' uk131';
+        rules += ' ucJ9TBTb131';
+        rules += ' ud3Euai131';
+        rules += ' uea131';
+        rules += ' ugb131';
+        rules += ' uhd131';
+        rules += ' uje131';
+        rules += ' u2NhKxcl131';
+        rules += ' uic131';
+    } else {
+        rules += ' uk131';
+        rules += ' ucJ9TBTb131';
+        rules += ' ud3Euai131';
+        rules += ' uea131';
+        rules += ' ugb131';
+        rules += ' uhd131';
+        rules += ' uje131';
+        rules += ' u2NhKxcl131';
+        rules += ' uic131';
+    }
+    if (props.size === "XL") {
+        rules += ' -_6BNtrc-e131';
+        rules += ' vx131';
+    } else if (props.size === "L") {
+        rules += ' -_6BNtrc-d131';
+        rules += ' vx131';
+    } else if (props.size === "S") {
+        rules += ' -_6BNtrc-b131';
+        rules += ' vx131';
+    } else if (props.size === "XS") {
+        rules += ' -_6BNtrc-a131';
+        rules += ' vx131';
+    } else {
+        rules += ' -_6BNtrc-c131';
+        rules += ' vx131';
+    }
+    if (props.size === "XL") {
+        rules += ' xb131';
+        rules += ' _xa131';
+    } else if (props.size === "L") {
+        rules += ' xb131';
+        rules += ' _xa131';
+    } else if (props.size === "S") {
+        rules += ' xb131';
+        rules += ' _xa131';
+    } else if (props.size === "XS") {
+        rules += ' xb131';
+        rules += ' _xa131';
+    } else {
+        rules += ' xb131';
+        rules += ' _xa131';
+    }
+    if (props.size === "XL") {
+        rules += ' _Fd131';
+        rules += ' _FnuYUweb131';
+    } else if (props.size === "L") {
+        rules += ' _Fd131';
+        rules += ' _FnuYUweb131';
+    } else if (props.size === "S") {
+        rules += ' _Fd131';
+        rules += ' _FnuYUweb131';
+    } else if (props.size === "XS") {
+        rules += ' _Fd131';
+        rules += ' _FnuYUweb131';
+    } else {
+        rules += ' _Fd131';
+        rules += ' _FnuYUweb131';
+    }
+    rules += ' p40ub4c131';
+    rules += ' _Nc131';
+    rules += ' Pc131';
+    rules += ' _Yb131';
+    if (props.overflowMode === "wrap") rules += ' _7b131';
+    else rules += ' _7c131';
+    return rules;
+};
+let $35d2da6f10cb8588$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';
+    else {
+        if (props.isPressed) rules += ' pt131';
+        else if (props.isFocusVisible) rules += ' pt131';
+        else if (props.isHovered) rules += ' pt131';
+        else rules += ' pv131';
+    }
+    rules += ' pl40ub4c131';
+    rules += ' Yd131';
+    rules += ' Xb131';
+    rules += ' _2b131';
+    return rules;
+};
+let $35d2da6f10cb8588$export$31d1842a0fd736e6 = " sd131 z2U5Crc131 y2U5Crc131 B2U5Crc131 AvoofG131 _dc131 eb131";
+let $35d2da6f10cb8588$export$1ca1ec8b29a4ce27 = " sb131 ZuUmpre131 FuUmpre131 Ht131 Hsu131 -_8sjo0b-t5ZbAob131";
+let $35d2da6f10cb8588$export$6b6fc962de371ec4 = " _Pc131";
+let $35d2da6f10cb8588$export$12d0dcd183478a04 = " _Pa131 _9a131 WE131 _EE131 Zd4Eyud131 Fb131 ob131 nb131 kb131 jb131 _kb131 hb131 mb131 lb131 _jf131 iw131 gX131";
+let $35d2da6f10cb8588$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';
+    return rules;
+};
+let $35d2da6f10cb8588$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";
+function $35d2da6f10cb8588$export$905ab40ac2179daa(props) {
+    let { items: items, overflowMode: overflowMode } = props;
+    let isDraggingMultiple = items.length > 1;
+    let itemLabel = items[0]?.['text/plain'] ?? '';
+    let scale = (0, $ee7b4c497f520c08$exports.useScale)();
+    return /*#__PURE__*/ (0, $j7gUG$reactjsxruntime.jsxs)("div", {
+        className: $35d2da6f10cb8588$export$6b6fc962de371ec4,
+        children: [
+            isDraggingMultiple && /*#__PURE__*/ (0, $j7gUG$reactjsxruntime.jsx)("div", {
+                className: $35d2da6f10cb8588$export$12d0dcd183478a04
+            }),
+            /*#__PURE__*/ (0, $j7gUG$reactjsxruntime.jsx)("div", {
+                className: $35d2da6f10cb8588$export$4a61298387975868({
+                    scale: scale
+                }),
+                children: /*#__PURE__*/ (0, $j7gUG$reactjsxruntime.jsxs)((0, $j7gUG$reactariacomponentsslots.Provider), {
+                    values: [
+                        [
+                            (0, $6367bc87eb7d24ad$exports.TextContext),
+                            {
+                                slots: {
+                                    [(0, $j7gUG$reactariacomponentsslots.DEFAULT_SLOT)]: {
+                                        styles: $35d2da6f10cb8588$export$1237798dc640739a({
+                                            overflowMode: overflowMode
+                                        })
+                                    },
+                                    label: {
+                                        styles: $35d2da6f10cb8588$export$1237798dc640739a({
+                                            overflowMode: overflowMode
+                                        })
+                                    },
+                                    description: {
+                                        styles: $35d2da6f10cb8588$export$6d59db4903f20f7d({
+                                            overflowMode: overflowMode
+                                        })
+                                    }
+                                }
+                            }
+                        ],
+                        [
+                            (0, $bde97c91243ed164$exports.IconContext),
+                            {
+                                slots: {
+                                    icon: {
+                                        render: (0, $e991cbcdf82ced71$exports.centerBaseline)({
+                                            slot: 'icon',
+                                            styles: $35d2da6f10cb8588$export$31d1842a0fd736e6
+                                        }),
+                                        styles: $35d2da6f10cb8588$export$1ca1ec8b29a4ce27
+                                    }
+                                }
+                            }
+                        ]
+                    ],
+                    children: [
+                        props.children ?? /*#__PURE__*/ (0, $j7gUG$reactjsxruntime.jsx)((0, $6367bc87eb7d24ad$exports.Text), {
+                            children: itemLabel
+                        }),
+                        isDraggingMultiple && /*#__PURE__*/ (0, $j7gUG$reactjsxruntime.jsx)("div", {
+                            className: $35d2da6f10cb8588$export$f28dddd30893324d,
+                            children: items.length
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+}
+
+
+//# sourceMappingURL=DragPreview.cjs.map

package/dist/private/DragPreview.cjs.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AAYM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcJ,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBJ,IAAI;AAQJ,IAAI;AAUJ,IAAI;AAIJ,IAAI;AAcJ,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBJ,IAAI;AAoCJ,SAAS,0CAAY,KAAuB;IACjD,IAAI,SAAC,KAAK,gBAAE,YAAY,EAAC,GAAG;IAC5B,IAAI,qBAAqB,MAAM,MAAM,GAAG;IACxC,IAAI,YAAY,KAAK,CAAC,EAAE,EAAE,CAAC,aAAa,IAAI;IAC5C,IAAI,QAAQ,CAAA,GAAA,kCAAO;IAEnB,qBACE,iCAAC;QAAI,WAAW;;YACb,oCAAsB,gCAAC;gBAAI,WAAW;;0BACvC,gCAAC;gBAAI,WAAW,0CAAgB;2BAAC;gBAAK;0BACpC,cAAA,iCAAC,CAAA,GAAA,wCAAO;oBACN,QAAQ;wBACN;4BACE,CAAA,GAAA,qCAAU;4BACV;gCACE,OAAO;oCACL,CAAC,CAAA,GAAA,4CAAW,EAAE,EAAE;wCAAC,QAAQ,0CAAM;0DAAC;wCAAY;oCAAE;oCAC9C,OAAO;wCAAC,QAAQ,0CAAM;0DAAC;wCAAY;oCAAE;oCACrC,aAAa;wCAAC,QAAQ,0CAAY;0DAAC;wCAAY;oCAAE;gCACnD;4BACF;yBACD;wBACD;4BACE,CAAA,GAAA,qCAAU;4BACV;gCACE,OAAO;oCACL,MAAM;wCACJ,QAAQ,CAAA,GAAA,wCAAa,EAAE;4CAAC,MAAM;4CAAQ,QAAQ;wCAAiB;wCAC/D,QAAQ;oCACV;gCACF;4BACF;yBACD;qBACF;;wBACA,MAAM,QAAQ,kBAAI,gCAAC,CAAA,GAAA,8BAAG;sCAAG;;wBACzB,oCAAsB,gCAAC;4BAAI,WAAW;sCAAmB,MAAM,MAAM;;;;;;;AAKhF","sources":["packages/@react-spectrum/s2/src/DragPreview.tsx"],"sourcesContent":["/*\n * Copyright 2026 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 {baseColor, fontRelative, style} from '../style' with {type: 'macro'};\nimport {centerBaseline} from './CenterBaseline';\nimport {controlFont} from './style-utils' with {type: 'macro'};\nimport {DEFAULT_SLOT, Provider} from 'react-aria-components/slots';\nimport {DragItem} from '@react-types/shared';\nimport {IconContext} from './Icon';\nimport {ReactNode} from 'react';\nimport {Text, TextContext} from './Content';\nimport {useScale} from './utils';\n\nexport let label = style({\n  gridArea: 'label',\n  alignSelf: 'center',\n  font: controlFont(),\n  color: 'inherit',\n  truncate: true,\n  whiteSpace: {\n    default: 'nowrap',\n    overflowMode: {\n      wrap: 'normal'\n    }\n  }\n});\n\nexport let description = style({\n  gridArea: 'description',\n  alignSelf: 'center',\n  truncate: true,\n  whiteSpace: {\n    default: 'nowrap',\n    overflowMode: {\n      wrap: 'normal'\n    }\n  },\n  font: 'ui-sm',\n  color: {\n    default: baseColor('neutral-subdued'),\n    isDisabled: 'disabled',\n    forcedColors: 'inherit'\n  },\n  transition: 'default'\n});\n\nexport let iconCenterWrapper = style({\n  display: 'flex',\n  gridArea: 'icon',\n  gridRowEnd: 'span 2',\n  alignSelf: 'center',\n  alignItems: 'center'\n});\n\nexport let icon = style({\n  display: 'block',\n  size: fontRelative(20),\n  marginEnd: 'text-to-visual',\n  '--iconPrimary': {\n    type: 'fill',\n    value: 'currentColor'\n  }\n});\n\nexport let dragPreviewWrapper = style({\n  position: 'relative'\n});\n\nexport let dragPreviewCardBack = style({\n  position: 'absolute',\n  zIndex: -1,\n  top: 4,\n  left: 4,\n  width: 200,\n  height: 'full',\n  borderRadius: 'default',\n  borderWidth: 1,\n  borderStyle: 'solid',\n  borderColor: 'blue-900',\n  backgroundColor: 'gray-25'\n});\n\nexport let dragPreviewCard = style<{scale?: 'medium' | 'large'}>({\n  boxSizing: 'border-box',\n  paddingX: 0,\n  paddingY: 8,\n  backgroundColor: 'gray-25',\n  color: baseColor('neutral'),\n  position: 'relative',\n  display: 'grid',\n  gridTemplateAreas: ['. icon label       . badge .', '. .    description . badge .'],\n  gridTemplateColumns: [12, 'auto', 'minmax(0, 1fr)', 4, 'auto', 6],\n  gridTemplateRows: '1fr auto',\n  alignItems: 'baseline',\n  minHeight: {\n    default: 40,\n    scale: {\n      large: 50\n    }\n  },\n  width: 200,\n  borderRadius: 'default',\n  borderWidth: 1,\n  borderStyle: 'solid',\n  borderColor: 'blue-900'\n});\n\nexport let dragPreviewBadge = style({\n  gridArea: 'badge',\n  alignSelf: 'center',\n  paddingX: 8,\n  paddingY: 2,\n  borderRadius: 'sm',\n  backgroundColor: {\n    default: 'blue-900',\n    forcedColors: 'Highlight'\n  },\n  font: 'ui-sm',\n  fontWeight: 'bold',\n  color: {\n    default: 'white',\n    forcedColors: 'HighlightText'\n  },\n  forcedColorAdjust: 'none'\n});\n\nexport interface DragPreviewProps {\n  /** The currently dragged items, sourced from renderDragPreview. */\n  items: DragItem[];\n  /** The overflow mode to be applied on the drag preview. */\n  overflowMode?: 'wrap' | 'truncate';\n  /**\n   * The contents of the drag preview. Supports the `label`, `description`, and `icon` slots.\n   * If no children are provided, defaults to the first drag item's plain text content.\n   */\n  children?: ReactNode;\n}\n\n/**\n * The default drag preview rendered by the collection element during drag and drop. Pass this to\n * your drag hooks' `renderDragPreview` to match the default visual. To customize the drag preview's\n * contents, use Text with the \"label\" and \"description\" slots and/or a Icon for the leading icon.\n */\nexport function DragPreview(props: DragPreviewProps) {\n  let {items, overflowMode} = props;\n  let isDraggingMultiple = items.length > 1;\n  let itemLabel = items[0]?.['text/plain'] ?? '';\n  let scale = useScale();\n\n  return (\n    <div className={dragPreviewWrapper}>\n      {isDraggingMultiple && <div className={dragPreviewCardBack} />}\n      <div className={dragPreviewCard({scale})}>\n        <Provider\n          values={[\n            [\n              TextContext,\n              {\n                slots: {\n                  [DEFAULT_SLOT]: {styles: label({overflowMode})},\n                  label: {styles: label({overflowMode})},\n                  description: {styles: description({overflowMode})}\n                }\n              }\n            ],\n            [\n              IconContext,\n              {\n                slots: {\n                  icon: {\n                    render: centerBaseline({slot: 'icon', styles: iconCenterWrapper}),\n                    styles: icon\n                  }\n                }\n              }\n            ]\n          ]}>\n          {props.children ?? <Text>{itemLabel}</Text>}\n          {isDraggingMultiple && <div className={dragPreviewBadge}>{items.length}</div>}\n        </Provider>\n      </div>\n    </div>\n  );\n}\n"],"names":[],"version":3,"file":"DragPreview.cjs.map"}