@react-spectrum/s2 0.2.1-nightly.4979

package/dist/Dialog.mjs.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;AA4BD,MAAM;AAMN,MAAM;AAMN,MAAM;AAIN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBN,MAAM;AAKN,MAAM;AAwBC,MAAM,0DAAgB,CAAA,GAAA,oBAAY,EAAsB;IAC7D,MAAM;IACN,eAAe;IACf,WAAW;IACX,YAAY;IACZ,2BAA2B;AAC7B;AAEA,SAAS,6BAAO,KAAkB,EAAE,GAAW;IAC7C,IAAI,MAAM,CAAA,GAAA,iBAAS,EAAE;IACrB,IAAI,gBAAgB,IAAI,aAAa,IAAI,MAAM,aAAa;IAC5D,IAAI,4BAA4B,IAAI,yBAAyB;IAC7D,IAAI,SAAS,CAAA,GAAA,gBAAQ,EAAE;IAEvB,OAAQ,IAAI,IAAI;QACd,KAAK;QACL,KAAK;QACL,KAAK;YAAsB;gBACzB,IAAI,OAAO,IAAI,IAAI,KAAK,UAAU,MAAM,IAAI,GAAG,IAAI,IAAI;gBACvD,qBACE,gBAAC,CAAA,GAAA,yCAAI;oBAAE,MAAM;oBAAM,eAAe;oBAAe,2BAA2B;8BAC1E,cAAA,gBAAC;wBAAa,GAAG,KAAK;wBAAG,GAAG,GAAG;wBAAE,WAAW;wBAAQ,eAAe;;;YAGzE;QACA,KAAK;YACH,qCAAqC;YACrC,qBACE,gBAAC,CAAA,GAAA,yCAAM;gBAAE,MAAM,MAAM,IAAI,IAAI;gBAAK,WAAW,IAAI,SAAS;gBAAE,WAAW,IAAI,SAAS;gBAAE,YAAY,IAAI,UAAU;gBAAE,kBAAkB,IAAI,gBAAgB;gBAAE,QAAQ,IAAI,MAAM;gBAAE,aAAa,IAAI,WAAW;0BACxM,cAAA,gBAAC;oBAAa,GAAG,KAAK;oBAAG,GAAG,GAAG;oBAAE,WAAW;oBAAQ,eAAe;;;IAS3E;AACF;AAEA;;;CAGC,GACD,IAAI,0DAAU,CAAA,GAAA,iBAAS,EAAE;AAGlB,MAAM;AAYb,SAAS,kCAAY,MAAoF;IACvG,sEAAsE;IACtE,wEAAwE;IACxE,wEAAwE;IACxE,oFAAoF;IACpF,mFAAmF;IACnF,oDAAoD;IACpD,IAAI,UAAU,CAAA,GAAA,oBAAY,EAAE;IAC5B,IAAI,uBAAuB;IAC3B,IAAI,OAAM,IAAI,KAAK,gBAAgB,OAAM,IAAI,KAAK,sBAChD,uBAAuB,UAAU,WAAW;IAG9C,IAAI,OAAM,aAAa,EACrB,uBAAuB;IAGzB,kGAAkG;IAElG,qBACE,gBAAC,CAAA,GAAA,aAAQ;QACN,GAAG,MAAK;QACT,KAAK,OAAM,SAAS;QACpB,OAAO,OAAM,YAAY;QACzB,WAAW,AAAC,CAAA,OAAM,gBAAgB,IAAI,EAAC,IAAK;kBAC3C,CAAA,GAAA,yBAAiB,EAAE,OAAM,QAAQ,EAAE,CAAC,UAAU,SAAC,KAAK,EAAC,iBAGjD;;kCAEC,gBAAC,CAAA,GAAA,eAAO;wBACN,QAAQ;4BACR;gCAAC,CAAA,GAAA,yCAAW;gCAAG;oCAAC,WAAW;gCAAK;6BAAE;4BAClC;gCAAC,CAAA,GAAA,yCAAa;gCAAG;oCAAC,QAAQ;gCAAI;6BAAE;4BAChC;gCAAC,CAAA,GAAA,yCAAY;gCAAG;oCAAC,QAAQ;gCAAI;6BAAE;4BAC/B;gCAAC,CAAA,GAAA,yCAAa;gCAAG;oCAAC,QAAQ;gCAAI;6BAAE;4BAChC;gCAAC,CAAA,GAAA,yCAAY;gCAAG;oCAAC,QAAQ;gCAAI;6BAAE;4BAC/B;gCAAC,CAAA,GAAA,yCAAiB;gCAAG;oCAAC,QAAQ;gCAAI;6BAAE;yBACnC;kCACA;;kCAGH,iBAAC;wBACC,WAAW;;;;;;;;;;0BAeR;4BAAC,eAAe,OAAM,aAAa;4BAAE,MAAM,OAAM,IAAI;wBAAA;;0CACxD,gBAAC;gCACC,SAAS;0CAwBT,cAAA,gBAAC,CAAA,GAAA,eAAO;oCACN,QAAQ;wCACR;4CAAC,CAAA,GAAA,yCAAW;4CAAG;gDAAC,QAAQ;4CAAI;yCAAE;wCAC9B;4CAAC,CAAA,GAAA,yCAAa;4CAAG;gDAAC,WAAW;4CAAO;yCAAE;wCACtC;4CAAC,CAAA,GAAA,yCAAY;4CAAG;gDAAC,WAAW;4CAAM;yCAAE;wCACpC;4CAAC,CAAA,GAAA,yCAAa;4CAAG;gDAAC,QAAQ;4CAAI;yCAAE;wCAChC;4CAAC,CAAA,GAAA,yCAAY;4CAAG;gDAAC,QAAQ;4CAAI;yCAAE;wCAC/B;4CAAC,CAAA,GAAA,yCAAiB;4CAAG;gDAAC,QAAQ,yBAAyB;4CAAK;yCAAE;qCAC7D;8CACA;;;4BAGJ,OAAM,aAAa,kBACpB,gBAAC,CAAA,GAAA,yCAAU;gCAAE,SAAS;gCAAO,MAAM;;;;kCAIrC,gBAAC,CAAA,GAAA,eAAO;wBACN,QAAQ;4BACR;gCAAC,CAAA,GAAA,yCAAW;gCAAG;oCAAC,QAAQ;gCAAI;6BAAE;4BAC9B;gCAAC,CAAA,GAAA,yCAAa;gCAAG;oCAAC,QAAQ;gCAAI;6BAAE;4BAChC;gCAAC,CAAA,GAAA,yCAAY;gCAAG;oCAAC,QAAQ;gCAAI;6BAAE;4BAC/B;gCAAC,CAAA,GAAA,yCAAa;gCAAG;oCAAC,WAAW,8BAAQ;wCAAC,MAAM,OAAM,IAAI;oCAAA;gCAAE;6BAAE;4BAC1D;gCAAC,CAAA,GAAA,yCAAY;gCAAG;oCAAC,QAAQ;gCAAI;6BAAE;4BAC/B;gCAAC,CAAA,GAAA,yCAAiB;gCAAG;oCAAC,QAAQ;gCAAI;6BAAE;yBACnC;kCACA;;kCAGH,gBAAC;wBACC,SAAS;kCAgBT,cAAA,gBAAC,CAAA,GAAA,eAAO;4BACN,QAAQ;gCACR;oCAAC,CAAA,GAAA,yCAAW;oCAAG;wCAAC,QAAQ;oCAAI;iCAAE;gCAC9B;oCAAC,CAAA,GAAA,yCAAa;oCAAG;wCAAC,QAAQ;oCAAI;iCAAE;gCAChC;oCAAC,CAAA,GAAA,yCAAY;oCAAG;wCAAC,QAAQ;oCAAI;iCAAE;gCAC/B;oCAAC,CAAA,GAAA,yCAAa;oCAAG;wCAAC,QAAQ;oCAAI;iCAAE;gCAChC;oCAAC,CAAA,GAAA,yCAAY;oCAAG;wCAAC,WAAW;oCAAM;iCAAE;gCACpC;oCAAC,CAAA,GAAA,yCAAiB;oCAAG;wCAAC,QAAQ,yBAAyB;wCAAU,QAAQ;wCAAa,OAAO;oCAAK;iCAAE;6BACnG;sCACA;;;;;;AAOjB","sources":["packages/@react-spectrum/s2/src/Dialog.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 {PopoverProps as AriaPopoverProps, composeRenderProps, Provider, Dialog as RACDialog, DialogProps as RACDialogProps} from 'react-aria-components';\nimport {ButtonGroupContext} from './ButtonGroup';\nimport {CloseButton} from './CloseButton';\nimport {ContentContext, FooterContext, HeaderContext, HeadingContext, ImageContext} from './Content';\nimport {createContext, forwardRef, RefObject, useContext} from 'react';\nimport {DOMRef} from '@react-types/shared';\nimport {Modal} from './Modal';\nimport {Popover} from './Popover';\nimport {style} from '../style/spectrum-theme' with {type: 'macro'};\nimport {StyleProps} from './style-utils';\nimport {useDOMRef, useMediaQuery} from '@react-spectrum/utils';\n\n// TODO: what style overrides should be allowed?\nexport interface DialogProps extends Omit<RACDialogProps, 'className' | 'style'>, StyleProps {\n  /**\n   * Whether the Dialog is dismissable.\n   */\n  isDismissable?: boolean,\n  /**\n   * The size of the Dialog.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L'\n}\n\nconst image = style({\n  width: 'full',\n  height: '[140px]',\n  objectFit: 'cover'\n});\n\nconst heading = style({\n  flexGrow: 1,\n  marginY: 0,\n  font: 'heading'\n});\n\nconst header = style({\n  font: 'body-lg'\n});\n\nconst content =  style({\n  flexGrow: 1,\n  overflowY: {\n    default: 'auto',\n    // Make the whole dialog scroll rather than only the content when the height it small.\n    '@media (height < 400)': 'visible',\n    type: {\n      popover: 'visible'\n    }\n  },\n  font: 'body',\n  // TODO: adjust margin on mobile?\n  marginX: {\n    default: 32\n  }\n});\n\nconst footer = style({\n  flexGrow: 1,\n  font: 'body'\n});\n\nconst buttonGroup = style({\n  marginStart: 'auto',\n  maxWidth: 'full'\n});\n\ninterface DialogContextValue extends Pick<AriaPopoverProps, 'placement' | 'shouldFlip' | 'containerPadding' | 'offset' | 'crossOffset'> {\n  /**\n   * The type of Dialog that should be rendered.\n   */\n  type?: 'modal' | 'popover' | 'fullscreen' | 'fullscreenTakeover', // TODO: add tray back in\n  /**\n   * Whether a modal type Dialog should be dismissable.\n   */\n  isDismissable?: boolean,\n  /**\n   * Whether a popover type Dialog's arrow should be hidden.\n   */\n  hideArrow?: boolean,\n  /**\n   * Whether pressing the escape key to close the dialog should be disabled.\n   */\n  isKeyboardDismissDisabled?: boolean\n}\n\nexport const DialogContext = createContext<DialogContextValue>({\n  type: 'modal',\n  isDismissable: false,\n  hideArrow: false,\n  shouldFlip: true,\n  isKeyboardDismissDisabled: false\n});\n\nfunction Dialog(props: DialogProps, ref: DOMRef) {\n  let ctx = useContext(DialogContext);\n  let isDismissable = ctx.isDismissable || props.isDismissable;\n  let isKeyboardDismissDisabled = ctx.isKeyboardDismissDisabled;\n  let domRef = useDOMRef(ref);\n\n  switch (ctx.type) {\n    case 'modal':\n    case 'fullscreen':\n    case 'fullscreenTakeover': {\n      let size = ctx.type === 'modal' ? props.size : ctx.type;\n      return (\n        <Modal size={size} isDismissable={isDismissable} isKeyboardDismissDisabled={isKeyboardDismissDisabled}>\n          <DialogInner {...props} {...ctx} dialogRef={domRef} isDismissable={isDismissable} />\n        </Modal>\n      );\n    }\n    case 'popover':\n      // get hideArrow from dialog instead?\n      return (\n        <Popover size={props.size || 'M'} hideArrow={ctx.hideArrow} placement={ctx.placement} shouldFlip={ctx.shouldFlip} containerPadding={ctx.containerPadding} offset={ctx.offset} crossOffset={ctx.crossOffset}>\n          <DialogInner {...props} {...ctx} dialogRef={domRef} isDismissable={isDismissable} />\n        </Popover>\n      );\n\n    // TODO: popover/tray\n    // how do we want to do popover, v3 dialogtrigger rendered it, not the dialog\n    // in addition, how do we want to handle the margins that dialog currently imposes, just change them to 0 for popover?\n    // in order for the dialog to contain scrolling behavior, we'd need to follow what i did for menu otherwise the internal padding\n    // of the popover will squish the scrollable content area and the scroll bar will appear to be inside instead of part of the popover\n  }\n}\n\n/**\n * Dialogs are windows containing contextual information, tasks, or workflows that appear over the user interface.\n * Depending on the kind of Dialog, further interactions may be blocked until the Dialog is acknowledged.\n */\nlet _Dialog = forwardRef(Dialog);\nexport {_Dialog as Dialog};\n\nexport const dialogInner = style({\n  display: 'flex',\n  flexDirection: 'column',\n  flexGrow: 1,\n  maxHeight: '[inherit]',\n  boxSizing: 'border-box',\n  outlineStyle: 'none',\n  fontFamily: 'sans',\n  borderRadius: '[inherit]',\n  overflow: 'auto'\n});\n\nfunction DialogInner(props: DialogProps & DialogContextValue & {dialogRef: RefObject<HTMLElement | null>}) {\n  // The button group in fullscreen dialogs usually goes at the top, but\n  // when the window is small, it moves to the bottom. We could do this in\n  // pure CSS with display: none, but then the ref would go to two places.\n  // With JS we can actually unmount on of them to ensure there is only one at a time.\n  // Hopefully apps don't SSR render a dialog that's already open, because this means\n  // we don't evaluate the media query until JS loads.\n  let isSmall = useMediaQuery('(max-width: 640px)');\n  let buttonGroupPlacement = 'bottom';\n  if (props.type === 'fullscreen' || props.type === 'fullscreenTakeover') {\n    buttonGroupPlacement = isSmall ? 'bottom' : 'top';\n  }\n\n  if (props.isDismissable) {\n    buttonGroupPlacement = 'none';\n  }\n\n  // TODO: manage focus when the button group placement changes and focus was on one of the buttons?\n\n  return (\n    <RACDialog\n      {...props}\n      ref={props.dialogRef}\n      style={props.UNSAFE_style}\n      className={(props.UNSAFE_className || '') + dialogInner}>\n      {composeRenderProps(props.children, (children, {close}) =>\n          // Render the children multiple times inside the wrappers we need to implement the layout.\n          // Each instance hides certain children so that they are all rendered in the correct locations.\n          (<>\n            {/* Hero image */}\n            <Provider\n              values={[\n              [ImageContext, {className: image}],\n              [HeadingContext, {hidden: true}],\n              [HeaderContext, {hidden: true}],\n              [ContentContext, {hidden: true}],\n              [FooterContext, {hidden: true}],\n              [ButtonGroupContext, {hidden: true}]\n              ]}>\n              {children}\n            </Provider>\n            {/* Top header: heading, header, dismiss button, and button group (in fullscreen dialogs). */}\n            <div\n              className={style({\n                // Wrapper that creates the margin for the dismiss button.\n                display: 'flex',\n                alignItems: 'start',\n                columnGap: 12,\n                marginStart: {\n                  default: 32\n                },\n                marginEnd: {\n                  default: 32,\n                  isDismissable: 12\n                },\n                marginTop: {\n                  default: 12 // margin to dismiss button\n                }\n              })({isDismissable: props.isDismissable, type: props.type})}>\n              <div\n                className={style({\n                  // Wrapper for heading, header, and button group.\n                  // This swaps orientation from horizontal to vertical at small screen sizes.\n                  display: 'flex',\n                  flexGrow: 1,\n                  marginTop: {\n                    default: 20, // 32 - 12 (handled above)\n                    ':empty': 0\n                  },\n                  marginBottom: {\n                    default: 16,\n                    ':empty': 0\n                  },\n                  columnGap: 24,\n                  rowGap: 8,\n                  flexDirection: {\n                    default: 'column',\n                    sm: 'row'\n                  },\n                  alignItems: {\n                    default: 'start',\n                    sm: 'center'\n                  }\n                })}>\n                <Provider\n                  values={[\n                  [ImageContext, {hidden: true}],\n                  [HeadingContext, {className: heading}],\n                  [HeaderContext, {className: header}],\n                  [ContentContext, {hidden: true}],\n                  [FooterContext, {hidden: true}],\n                  [ButtonGroupContext, {hidden: buttonGroupPlacement !== 'top'}]\n                  ]}>\n                  {children}\n                </Provider>\n              </div>\n              {props.isDismissable &&\n              <CloseButton onPress={close} styles={style({marginBottom: 12})} />\n            }\n            </div>\n            {/* Main content */}\n            <Provider\n              values={[\n              [ImageContext, {hidden: true}],\n              [HeadingContext, {hidden: true}],\n              [HeaderContext, {hidden: true}],\n              [ContentContext, {className: content({type: props.type})}],\n              [FooterContext, {hidden: true}],\n              [ButtonGroupContext, {hidden: true}]\n              ]}>\n              {children}\n            </Provider>\n            {/* Footer and button group */}\n            <div\n              className={style({\n                display: 'flex',\n                paddingX: {\n                  default: 32\n                },\n                paddingBottom: {\n                  default: 32\n                },\n                paddingTop: {\n                  default: 32,\n                  ':empty': 0\n                },\n                gap: 24,\n                alignItems: 'center',\n                flexWrap: 'wrap'\n              })}>\n              <Provider\n                values={[\n                [ImageContext, {hidden: true}],\n                [HeadingContext, {hidden: true}],\n                [HeaderContext, {hidden: true}],\n                [ContentContext, {hidden: true}],\n                [FooterContext, {className: footer}],\n                [ButtonGroupContext, {hidden: buttonGroupPlacement !== 'bottom', styles: buttonGroup, align: 'end'}]\n                ]}>\n                {children}\n              </Provider>\n            </div>\n          </>)\n        )}\n    </RACDialog>\n  );\n}\n"],"names":[],"version":3,"file":"Dialog.mjs.map"}

package/dist/DialogContainer.cjs

@@ -0,0 +1,74 @@
+var $0f4636c7093b9233$exports = require("./Dialog.cjs");
+var $33gII$reactjsxruntime = require("react/jsx-runtime");
+var $33gII$reactariacomponents = require("react-aria-components");
+var $33gII$react = require("react");
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "DialogContainer", () => $fc196655d58ce18c$export$547754aada6e339f);
+$parcel$export(module.exports, "useDialogContainer", () => $fc196655d58ce18c$export$a2f2d8fa6720dab1);
+/*
+ * 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.
+ */ 
+
+
+
+function $fc196655d58ce18c$export$547754aada6e339f(props) {
+    let { children: children, type: type = 'modal', onDismiss: onDismiss, isDismissable: isDismissable = false, isKeyboardDismissDisabled: isKeyboardDismissDisabled } = props;
+    let childArray = (0, ($parcel$interopDefault($33gII$react))).Children.toArray(children);
+    if (childArray.length > 1) throw new Error('Only a single child can be passed to DialogContainer.');
+    let [lastChild, setLastChild] = (0, $33gII$react.useState)(null);
+    // React.Children.toArray mutates the children, and we need them to be stable
+    // between renders so that the lastChild comparison works.
+    let child = undefined;
+    if (Array.isArray(children)) child = children.find((0, ($parcel$interopDefault($33gII$react))).isValidElement);
+    else if (/*#__PURE__*/ (0, ($parcel$interopDefault($33gII$react))).isValidElement(children)) child = children;
+    if (child && child !== lastChild) setLastChild(child);
+    let onOpenChange = (isOpen)=>{
+        if (!isOpen) onDismiss();
+    };
+    return /*#__PURE__*/ (0, $33gII$reactjsxruntime.jsx)((0, $0f4636c7093b9233$exports.DialogContext).Provider, {
+        value: {
+            type: type,
+            isDismissable: isDismissable
+        },
+        children: /*#__PURE__*/ (0, $33gII$reactjsxruntime.jsx)((0, $33gII$reactariacomponents.ModalContext).Provider, {
+            value: {
+                isOpen: !!child,
+                onOpenChange: onOpenChange,
+                isDismissable: isDismissable,
+                isKeyboardDismissDisabled: isKeyboardDismissDisabled
+            },
+            children: lastChild
+        })
+    });
+}
+function $fc196655d58ce18c$export$a2f2d8fa6720dab1() {
+    let context = (0, $33gII$reactariacomponents.useSlottedContext)((0, $33gII$reactariacomponents.ModalContext));
+    let dialogContext = (0, $33gII$react.useContext)((0, $0f4636c7093b9233$exports.DialogContext));
+    if (!context) throw new Error('Cannot call useDialogContext outside a <DialogTrigger> or <DialogContainer>.');
+    return {
+        type: dialogContext.type || 'modal',
+        dismiss () {
+            context?.onOpenChange?.(false);
+        }
+    };
+}
+
+
+//# sourceMappingURL=DialogContainer.cjs.map

package/dist/DialogContainer.cjs.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;AAcM,SAAS,0CAAgB,KAA2B;IACzD,IAAI,YACF,QAAQ,QACR,OAAO,oBACP,SAAS,iBACT,gBAAgB,kCAChB,yBAAyB,EAC1B,GAAG;IAEJ,IAAI,aAAa,CAAA,GAAA,sCAAI,EAAE,QAAQ,CAAC,OAAO,CAAC;IACxC,IAAI,WAAW,MAAM,GAAG,GACtB,MAAM,IAAI,MAAM;IAGlB,IAAI,CAAC,WAAW,aAAa,GAAG,CAAA,GAAA,qBAAO,EAAuB;IAE9D,6EAA6E;IAC7E,0DAA0D;IAC1D,IAAI,QAAkC;IACtC,IAAI,MAAM,OAAO,CAAC,WAChB,QAAQ,SAAS,IAAI,CAAC,CAAA,GAAA,sCAAI,EAAE,cAAc;SACrC,kBAAI,CAAA,GAAA,sCAAI,EAAE,cAAc,CAAC,WAC9B,QAAQ;IAGV,IAAI,SAAS,UAAU,WACrB,aAAa;IAGf,IAAI,eAAe,CAAC;QAClB,IAAI,CAAC,QACH;IAEJ;IAEA,qBACE,gCAAC,CAAA,GAAA,uCAAY,EAAE,QAAQ;QAAC,OAAO;kBAAC;2BAAM;QAAa;kBACjD,cAAA,gCAAC,CAAA,GAAA,uCAAW,EAAE,QAAQ;YAAC,OAAO;gBAAC,QAAQ,CAAC,CAAC;8BAAO;+BAAc;2CAAe;YAAyB;sBACnG;;;AAIT;AAaO,SAAS;IACd,IAAI,UAAU,CAAA,GAAA,4CAAgB,EAAE,CAAA,GAAA,uCAAW;IAC3C,IAAI,gBAAgB,CAAA,GAAA,uBAAS,EAAE,CAAA,GAAA,uCAAY;IAC3C,IAAI,CAAC,SACH,MAAM,IAAI,MAAM;IAGlB,OAAO;QACL,MAAM,cAAc,IAAI,IAAI;QAC5B;YACE,SAAS,eAAe;QAC1B;IACF;AACF","sources":["packages/@react-spectrum/s2/src/DialogContainer.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 {DialogContext} from './Dialog';\nimport {ModalContext, useSlottedContext} from 'react-aria-components';\nimport React, {ReactElement, useContext, useState} from 'react';\nimport {SpectrumDialogContainerProps} from '@react-types/dialog';\n\nexport interface DialogContainerProps extends SpectrumDialogContainerProps {}\n\n/**\n * A DialogContainer accepts a single Dialog as a child, and manages showing and hiding\n * it in a modal. Useful in cases where there is no trigger element\n * or when the trigger unmounts while the dialog is open.\n */\nexport function DialogContainer(props: DialogContainerProps) {\n  let {\n    children,\n    type = 'modal',\n    onDismiss,\n    isDismissable = false,\n    isKeyboardDismissDisabled\n  } = props;\n\n  let childArray = React.Children.toArray(children);\n  if (childArray.length > 1) {\n    throw new Error('Only a single child can be passed to DialogContainer.');\n  }\n\n  let [lastChild, setLastChild] = useState<ReactElement | null>(null);\n\n  // React.Children.toArray mutates the children, and we need them to be stable\n  // between renders so that the lastChild comparison works.\n  let child: ReactElement | undefined = undefined;\n  if (Array.isArray(children)) {\n    child = children.find(React.isValidElement);\n  } else if (React.isValidElement(children)) {\n    child = children;\n  }\n\n  if (child && child !== lastChild) {\n    setLastChild(child);\n  }\n\n  let onOpenChange = (isOpen: boolean) => {\n    if (!isOpen) {\n      onDismiss();\n    }\n  };\n\n  return (\n    <DialogContext.Provider value={{type, isDismissable}}>\n      <ModalContext.Provider value={{isOpen: !!child, onOpenChange, isDismissable, isKeyboardDismissDisabled}}>\n        {lastChild}\n      </ModalContext.Provider>\n    </DialogContext.Provider>\n  );\n}\n\nexport interface DialogContainerValue {\n  /**\n   * The type of container the dialog is rendered in.\n   */\n  type: 'modal' | 'popover' | 'fullscreen' | 'fullscreenTakeover', // TODO: add tray back in\n  /**\n   * A handler to programmatically dismiss the dialog.\n   */\n  dismiss(): void\n}\n\nexport function useDialogContainer(): DialogContainerValue {\n  let context = useSlottedContext(ModalContext);\n  let dialogContext = useContext(DialogContext);\n  if (!context) {\n    throw new Error('Cannot call useDialogContext outside a <DialogTrigger> or <DialogContainer>.');\n  }\n\n  return {\n    type: dialogContext.type || 'modal',\n    dismiss() {\n      context?.onOpenChange?.(false);\n    }\n  };\n}\n"],"names":[],"version":3,"file":"DialogContainer.cjs.map"}

package/dist/DialogContainer.mjs

@@ -0,0 +1,64 @@
+import {DialogContext as $9bbc115952dac5a6$export$8b93a07348a7730c} from "./Dialog.mjs";
+import {jsx as $7vgZZ$jsx} from "react/jsx-runtime";
+import {ModalContext as $7vgZZ$ModalContext, useSlottedContext as $7vgZZ$useSlottedContext} from "react-aria-components";
+import $7vgZZ$react, {useState as $7vgZZ$useState, useContext as $7vgZZ$useContext} from "react";
+
+/*
+ * 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.
+ */ 
+
+
+
+function $dd7e1b1b86bf720d$export$547754aada6e339f(props) {
+    let { children: children, type: type = 'modal', onDismiss: onDismiss, isDismissable: isDismissable = false, isKeyboardDismissDisabled: isKeyboardDismissDisabled } = props;
+    let childArray = (0, $7vgZZ$react).Children.toArray(children);
+    if (childArray.length > 1) throw new Error('Only a single child can be passed to DialogContainer.');
+    let [lastChild, setLastChild] = (0, $7vgZZ$useState)(null);
+    // React.Children.toArray mutates the children, and we need them to be stable
+    // between renders so that the lastChild comparison works.
+    let child = undefined;
+    if (Array.isArray(children)) child = children.find((0, $7vgZZ$react).isValidElement);
+    else if (/*#__PURE__*/ (0, $7vgZZ$react).isValidElement(children)) child = children;
+    if (child && child !== lastChild) setLastChild(child);
+    let onOpenChange = (isOpen)=>{
+        if (!isOpen) onDismiss();
+    };
+    return /*#__PURE__*/ (0, $7vgZZ$jsx)((0, $9bbc115952dac5a6$export$8b93a07348a7730c).Provider, {
+        value: {
+            type: type,
+            isDismissable: isDismissable
+        },
+        children: /*#__PURE__*/ (0, $7vgZZ$jsx)((0, $7vgZZ$ModalContext).Provider, {
+            value: {
+                isOpen: !!child,
+                onOpenChange: onOpenChange,
+                isDismissable: isDismissable,
+                isKeyboardDismissDisabled: isKeyboardDismissDisabled
+            },
+            children: lastChild
+        })
+    });
+}
+function $dd7e1b1b86bf720d$export$a2f2d8fa6720dab1() {
+    let context = (0, $7vgZZ$useSlottedContext)((0, $7vgZZ$ModalContext));
+    let dialogContext = (0, $7vgZZ$useContext)((0, $9bbc115952dac5a6$export$8b93a07348a7730c));
+    if (!context) throw new Error('Cannot call useDialogContext outside a <DialogTrigger> or <DialogContainer>.');
+    return {
+        type: dialogContext.type || 'modal',
+        dismiss () {
+            context?.onOpenChange?.(false);
+        }
+    };
+}
+
+
+export {$dd7e1b1b86bf720d$export$547754aada6e339f as DialogContainer, $dd7e1b1b86bf720d$export$a2f2d8fa6720dab1 as useDialogContainer};
+//# sourceMappingURL=DialogContainer.mjs.map

package/dist/DialogContainer.mjs.map

@@ -0,0 +1 @@
+{"mappings":";;;;;AAAA;;;;;;;;;;CAUC;;;;AAcM,SAAS,0CAAgB,KAA2B;IACzD,IAAI,YACF,QAAQ,QACR,OAAO,oBACP,SAAS,iBACT,gBAAgB,kCAChB,yBAAyB,EAC1B,GAAG;IAEJ,IAAI,aAAa,CAAA,GAAA,YAAI,EAAE,QAAQ,CAAC,OAAO,CAAC;IACxC,IAAI,WAAW,MAAM,GAAG,GACtB,MAAM,IAAI,MAAM;IAGlB,IAAI,CAAC,WAAW,aAAa,GAAG,CAAA,GAAA,eAAO,EAAuB;IAE9D,6EAA6E;IAC7E,0DAA0D;IAC1D,IAAI,QAAkC;IACtC,IAAI,MAAM,OAAO,CAAC,WAChB,QAAQ,SAAS,IAAI,CAAC,CAAA,GAAA,YAAI,EAAE,cAAc;SACrC,kBAAI,CAAA,GAAA,YAAI,EAAE,cAAc,CAAC,WAC9B,QAAQ;IAGV,IAAI,SAAS,UAAU,WACrB,aAAa;IAGf,IAAI,eAAe,CAAC;QAClB,IAAI,CAAC,QACH;IAEJ;IAEA,qBACE,gBAAC,CAAA,GAAA,yCAAY,EAAE,QAAQ;QAAC,OAAO;kBAAC;2BAAM;QAAa;kBACjD,cAAA,gBAAC,CAAA,GAAA,mBAAW,EAAE,QAAQ;YAAC,OAAO;gBAAC,QAAQ,CAAC,CAAC;8BAAO;+BAAc;2CAAe;YAAyB;sBACnG;;;AAIT;AAaO,SAAS;IACd,IAAI,UAAU,CAAA,GAAA,wBAAgB,EAAE,CAAA,GAAA,mBAAW;IAC3C,IAAI,gBAAgB,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,yCAAY;IAC3C,IAAI,CAAC,SACH,MAAM,IAAI,MAAM;IAGlB,OAAO;QACL,MAAM,cAAc,IAAI,IAAI;QAC5B;YACE,SAAS,eAAe;QAC1B;IACF;AACF","sources":["packages/@react-spectrum/s2/src/DialogContainer.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 {DialogContext} from './Dialog';\nimport {ModalContext, useSlottedContext} from 'react-aria-components';\nimport React, {ReactElement, useContext, useState} from 'react';\nimport {SpectrumDialogContainerProps} from '@react-types/dialog';\n\nexport interface DialogContainerProps extends SpectrumDialogContainerProps {}\n\n/**\n * A DialogContainer accepts a single Dialog as a child, and manages showing and hiding\n * it in a modal. Useful in cases where there is no trigger element\n * or when the trigger unmounts while the dialog is open.\n */\nexport function DialogContainer(props: DialogContainerProps) {\n  let {\n    children,\n    type = 'modal',\n    onDismiss,\n    isDismissable = false,\n    isKeyboardDismissDisabled\n  } = props;\n\n  let childArray = React.Children.toArray(children);\n  if (childArray.length > 1) {\n    throw new Error('Only a single child can be passed to DialogContainer.');\n  }\n\n  let [lastChild, setLastChild] = useState<ReactElement | null>(null);\n\n  // React.Children.toArray mutates the children, and we need them to be stable\n  // between renders so that the lastChild comparison works.\n  let child: ReactElement | undefined = undefined;\n  if (Array.isArray(children)) {\n    child = children.find(React.isValidElement);\n  } else if (React.isValidElement(children)) {\n    child = children;\n  }\n\n  if (child && child !== lastChild) {\n    setLastChild(child);\n  }\n\n  let onOpenChange = (isOpen: boolean) => {\n    if (!isOpen) {\n      onDismiss();\n    }\n  };\n\n  return (\n    <DialogContext.Provider value={{type, isDismissable}}>\n      <ModalContext.Provider value={{isOpen: !!child, onOpenChange, isDismissable, isKeyboardDismissDisabled}}>\n        {lastChild}\n      </ModalContext.Provider>\n    </DialogContext.Provider>\n  );\n}\n\nexport interface DialogContainerValue {\n  /**\n   * The type of container the dialog is rendered in.\n   */\n  type: 'modal' | 'popover' | 'fullscreen' | 'fullscreenTakeover', // TODO: add tray back in\n  /**\n   * A handler to programmatically dismiss the dialog.\n   */\n  dismiss(): void\n}\n\nexport function useDialogContainer(): DialogContainerValue {\n  let context = useSlottedContext(ModalContext);\n  let dialogContext = useContext(DialogContext);\n  if (!context) {\n    throw new Error('Cannot call useDialogContext outside a <DialogTrigger> or <DialogContainer>.');\n  }\n\n  return {\n    type: dialogContext.type || 'modal',\n    dismiss() {\n      context?.onOpenChange?.(false);\n    }\n  };\n}\n"],"names":[],"version":3,"file":"DialogContainer.mjs.map"}

package/dist/DialogTrigger.cjs

@@ -0,0 +1,50 @@
+var $0f4636c7093b9233$exports = require("./Dialog.cjs");
+var $alB2A$reactjsxruntime = require("react/jsx-runtime");
+var $alB2A$reactariacomponents = require("react-aria-components");
+var $alB2A$reactariainteractions = require("@react-aria/interactions");
+
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "DialogTrigger", () => $1ed1734de3fc1075$export$2e1e1122cf0cba88);
+/*
+ * 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.
+ */ 
+
+
+
+function $1ed1734de3fc1075$export$2e1e1122cf0cba88(props) {
+    return /*#__PURE__*/ (0, $alB2A$reactjsxruntime.jsx)((0, $alB2A$reactariacomponents.DialogTrigger), {
+        ...props,
+        children: /*#__PURE__*/ (0, $alB2A$reactjsxruntime.jsx)((0, $0f4636c7093b9233$exports.DialogContext).Provider, {
+            value: {
+                type: props.type || 'modal',
+                hideArrow: props.hideArrow,
+                placement: props.placement,
+                shouldFlip: props.shouldFlip,
+                isDismissable: props.isDismissable,
+                isKeyboardDismissDisabled: props.isKeyboardDismissDisabled,
+                containerPadding: props.containerPadding,
+                offset: props.offset,
+                crossOffset: props.crossOffset
+            },
+            children: /*#__PURE__*/ (0, $alB2A$reactjsxruntime.jsx)((0, $alB2A$reactariainteractions.PressResponder), {
+                isPressed: false,
+                children: props.children
+            })
+        })
+    });
+}
+
+
+//# sourceMappingURL=DialogTrigger.cjs.map

package/dist/DialogTrigger.cjs.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;AA4BM,SAAS,0CAAc,KAAyB;IACrD,qBACE,gCAAC,CAAA,GAAA,wCAAgB;QAAG,GAAG,KAAK;kBAC1B,cAAA,gCAAC,CAAA,GAAA,uCAAY,EAAE,QAAQ;YACrB,OAAO;gBACL,MAAM,MAAM,IAAI,IAAI;gBACpB,WAAW,MAAM,SAAS;gBAC1B,WAAW,MAAM,SAAS;gBAC1B,YAAY,MAAM,UAAU;gBAC5B,eAAe,MAAM,aAAa;gBAClC,2BAA2B,MAAM,yBAAyB;gBAC1D,kBAAkB,MAAM,gBAAgB;gBACxC,QAAQ,MAAM,MAAM;gBACpB,aAAa,MAAM,WAAW;YAChC;sBAGA,cAAA,gCAAC,CAAA,GAAA,2CAAa;gBAAE,WAAW;0BACxB,MAAM,QAAQ;;;;AAKzB","sources":["packages/@react-spectrum/s2/src/DialogTrigger.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 {DialogTrigger as AriaDialogTrigger, DialogTriggerProps as AriaDialogTriggerProps, PopoverProps as AriaPopoverProps} from 'react-aria-components';\nimport {DialogContext} from './Dialog';\nimport {PressResponder} from '@react-aria/interactions';\n\nexport interface DialogTriggerProps extends AriaDialogTriggerProps, Pick<AriaPopoverProps, 'placement' | 'shouldFlip' | 'isKeyboardDismissDisabled' | 'containerPadding' | 'offset' | 'crossOffset' > {\n  /**\n   * The type of Dialog that should be rendered. \n   * \n   * @default 'modal'\n   */\n  type?: 'modal' | 'popover' | 'fullscreen' | 'fullscreenTakeover', // TODO: add tray back in\n  /**\n   * Whether a popover type Dialog's arrow should be hidden.\n   */\n  hideArrow?: boolean,\n  /**\n   * Whether the Dialog is dismissable.\n   */\n  isDismissable?: boolean\n}\n\n/**\n * DialogTrigger serves as a wrapper around a Dialog and its associated trigger, linking the Dialog's\n * open state with the trigger's press state. Additionally, it allows you to customize the type and\n * positioning of the Dialog.\n */\nexport function DialogTrigger(props: DialogTriggerProps) {\n  return (\n    <AriaDialogTrigger {...props}>\n      <DialogContext.Provider\n        value={{\n          type: props.type || 'modal',\n          hideArrow: props.hideArrow,\n          placement: props.placement,\n          shouldFlip: props.shouldFlip,\n          isDismissable: props.isDismissable,\n          isKeyboardDismissDisabled: props.isKeyboardDismissDisabled,\n          containerPadding: props.containerPadding,\n          offset: props.offset,\n          crossOffset: props.crossOffset\n        }}>\n        {/* RAC sets isPressed via PressResponder when the dialog is open.\n            We don't want press scaling to appear to get \"stuck\", so override this. */}\n        <PressResponder isPressed={false}>\n          {props.children}\n        </PressResponder>\n      </DialogContext.Provider>\n    </AriaDialogTrigger>\n  );\n}\n"],"names":[],"version":3,"file":"DialogTrigger.cjs.map"}

package/dist/DialogTrigger.mjs

@@ -0,0 +1,45 @@
+import {DialogContext as $9bbc115952dac5a6$export$8b93a07348a7730c} from "./Dialog.mjs";
+import {jsx as $7BMAP$jsx} from "react/jsx-runtime";
+import {DialogTrigger as $7BMAP$DialogTrigger} from "react-aria-components";
+import {PressResponder as $7BMAP$PressResponder} from "@react-aria/interactions";
+
+/*
+ * 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.
+ */ 
+
+
+
+function $66262086fa190fcb$export$2e1e1122cf0cba88(props) {
+    return /*#__PURE__*/ (0, $7BMAP$jsx)((0, $7BMAP$DialogTrigger), {
+        ...props,
+        children: /*#__PURE__*/ (0, $7BMAP$jsx)((0, $9bbc115952dac5a6$export$8b93a07348a7730c).Provider, {
+            value: {
+                type: props.type || 'modal',
+                hideArrow: props.hideArrow,
+                placement: props.placement,
+                shouldFlip: props.shouldFlip,
+                isDismissable: props.isDismissable,
+                isKeyboardDismissDisabled: props.isKeyboardDismissDisabled,
+                containerPadding: props.containerPadding,
+                offset: props.offset,
+                crossOffset: props.crossOffset
+            },
+            children: /*#__PURE__*/ (0, $7BMAP$jsx)((0, $7BMAP$PressResponder), {
+                isPressed: false,
+                children: props.children
+            })
+        })
+    });
+}
+
+
+export {$66262086fa190fcb$export$2e1e1122cf0cba88 as DialogTrigger};
+//# sourceMappingURL=DialogTrigger.mjs.map

package/dist/DialogTrigger.mjs.map

@@ -0,0 +1 @@
+{"mappings":";;;;;AAAA;;;;;;;;;;CAUC;;;;AA4BM,SAAS,0CAAc,KAAyB;IACrD,qBACE,gBAAC,CAAA,GAAA,oBAAgB;QAAG,GAAG,KAAK;kBAC1B,cAAA,gBAAC,CAAA,GAAA,yCAAY,EAAE,QAAQ;YACrB,OAAO;gBACL,MAAM,MAAM,IAAI,IAAI;gBACpB,WAAW,MAAM,SAAS;gBAC1B,WAAW,MAAM,SAAS;gBAC1B,YAAY,MAAM,UAAU;gBAC5B,eAAe,MAAM,aAAa;gBAClC,2BAA2B,MAAM,yBAAyB;gBAC1D,kBAAkB,MAAM,gBAAgB;gBACxC,QAAQ,MAAM,MAAM;gBACpB,aAAa,MAAM,WAAW;YAChC;sBAGA,cAAA,gBAAC,CAAA,GAAA,qBAAa;gBAAE,WAAW;0BACxB,MAAM,QAAQ;;;;AAKzB","sources":["packages/@react-spectrum/s2/src/DialogTrigger.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 {DialogTrigger as AriaDialogTrigger, DialogTriggerProps as AriaDialogTriggerProps, PopoverProps as AriaPopoverProps} from 'react-aria-components';\nimport {DialogContext} from './Dialog';\nimport {PressResponder} from '@react-aria/interactions';\n\nexport interface DialogTriggerProps extends AriaDialogTriggerProps, Pick<AriaPopoverProps, 'placement' | 'shouldFlip' | 'isKeyboardDismissDisabled' | 'containerPadding' | 'offset' | 'crossOffset' > {\n  /**\n   * The type of Dialog that should be rendered. \n   * \n   * @default 'modal'\n   */\n  type?: 'modal' | 'popover' | 'fullscreen' | 'fullscreenTakeover', // TODO: add tray back in\n  /**\n   * Whether a popover type Dialog's arrow should be hidden.\n   */\n  hideArrow?: boolean,\n  /**\n   * Whether the Dialog is dismissable.\n   */\n  isDismissable?: boolean\n}\n\n/**\n * DialogTrigger serves as a wrapper around a Dialog and its associated trigger, linking the Dialog's\n * open state with the trigger's press state. Additionally, it allows you to customize the type and\n * positioning of the Dialog.\n */\nexport function DialogTrigger(props: DialogTriggerProps) {\n  return (\n    <AriaDialogTrigger {...props}>\n      <DialogContext.Provider\n        value={{\n          type: props.type || 'modal',\n          hideArrow: props.hideArrow,\n          placement: props.placement,\n          shouldFlip: props.shouldFlip,\n          isDismissable: props.isDismissable,\n          isKeyboardDismissDisabled: props.isKeyboardDismissDisabled,\n          containerPadding: props.containerPadding,\n          offset: props.offset,\n          crossOffset: props.crossOffset\n        }}>\n        {/* RAC sets isPressed via PressResponder when the dialog is open.\n            We don't want press scaling to appear to get \"stuck\", so override this. */}\n        <PressResponder isPressed={false}>\n          {props.children}\n        </PressResponder>\n      </DialogContext.Provider>\n    </AriaDialogTrigger>\n  );\n}\n"],"names":[],"version":3,"file":"DialogTrigger.mjs.map"}

package/dist/Divider.cjs

@@ -0,0 +1,98 @@
+require("./Divider.css");
+var $98jss$reactjsxruntime = require("react/jsx-runtime");
+var $98jss$react = require("react");
+var $98jss$reactariacomponents = require("react-aria-components");
+var $98jss$reactspectrumutils = require("@react-spectrum/utils");
+
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "divider", () => $2d04acb918636de0$export$e8c9778bf415dd08);
+$parcel$export(module.exports, "Divider", () => $2d04acb918636de0$export$2e0a83ec2e27ecbb);
+/*
+ * 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.
+ */ 
+
+
+
+const $2d04acb918636de0$export$e8c9778bf415dd08 = function anonymous(props, overrides) {
+    let rules = " .";
+    let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|l|q|r|_9|_8|h|_5|_4|__A|__c|__d|__a|__b|U|__Q|X|Z|V|W)[^\s]+/g) || [];
+    rules += matches.join('');
+    let $_4 = false;
+    let $A = false;
+    let $B = false;
+    let $y = false;
+    let $z = false;
+    let $l = false;
+    for (let p of matches){
+        if (/^\s*_4/.test(p)) $_4 = true;
+        if (/^\s*A/.test(p)) $A = true;
+        if (/^\s*B/.test(p)) $B = true;
+        if (/^\s*y/.test(p)) $y = true;
+        if (/^\s*z/.test(p)) $z = true;
+        if (/^\s*l/.test(p)) $l = true;
+    }
+    if (!$_4) rules += ' _4e';
+    rules += ' ba_____v';
+    if (props.staticColor === "black") {
+        if (props.size === "L") rules += ' b_____r';
+        else rules += ' b_____l';
+    } else if (props.staticColor === "white") {
+        if (props.size === "L") rules += ' b_____e';
+        else rules += ' b____8';
+    } else if (props.size === "L") rules += ' bn';
+    else rules += ' bh';
+    rules += ' wf';
+    rules += ' _vf';
+    rules += ' _wf';
+    rules += ' _xf';
+    rules += ' _yf';
+    if (!$A) rules += ' Aa';
+    if (!$B) rules += ' Ba';
+    if (!$y) rules += ' ya';
+    if (!$z) rules += ' za';
+    if (props.orientation === "horizontal") {
+        if (props.size === "L") rules += ' k-3761a9';
+        else if (props.size === "S") rules += ' k-375yri';
+        else rules += ' k-375zlr';
+    }
+    if (!$l) {
+        if (props.orientation === "vertical") {
+            if (props.size === "L") rules += ' l-3761a9';
+            else if (props.size === "S") rules += ' l-375yri';
+            else rules += ' l-375zlr';
+        }
+    }
+    return rules;
+};
+function $2d04acb918636de0$var$Divider(props, ref) {
+    let domRef = (0, $98jss$reactspectrumutils.useDOMRef)(ref);
+    return /*#__PURE__*/ (0, $98jss$reactjsxruntime.jsx)((0, $98jss$reactariacomponents.Separator), {
+        ...props,
+        ref: domRef,
+        style: props.UNSAFE_style,
+        className: (props.UNSAFE_className || '') + $2d04acb918636de0$export$e8c9778bf415dd08({
+            size: props.size || 'M',
+            orientation: props.orientation || 'horizontal',
+            staticColor: props.staticColor
+        }, props.styles)
+    });
+}
+/**
+ * Dividers bring clarity to a layout by grouping and dividing content in close proximity.
+ * They can also be used to establish rhythm and hierarchy.
+ */ let $2d04acb918636de0$export$2e0a83ec2e27ecbb = /*#__PURE__*/ (0, $98jss$react.forwardRef)($2d04acb918636de0$var$Divider);
+
+
+//# sourceMappingURL=Divider.cjs.map

package/dist/Divider.cjs.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;AA+BM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmDb,SAAS,8BAAQ,KAAmB,EAAE,GAAW;IAC/C,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IAEvB,qBACE,gCAAC,CAAA,GAAA,oCAAW;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;QAChC,GAAG,MAAM,MAAM;;AAErB;AAEA;;;CAGC,GACD,IAAI,4CAAW,WAAW,GAAG,CAAA,GAAA,uBAAS,EAAE","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 {DOMRef} from '@react-types/shared';\nimport {forwardRef} from 'react';\nimport {getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {Separator as RACSeparator, SeparatorProps as RACSeparatorProps} from 'react-aria-components';\nimport {style} from '../style/spectrum-theme' with {type: 'macro'};\nimport {useDOMRef} from '@react-spectrum/utils';\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   * How thick the Divider should be.\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'\n}\n\n// TODO: allow overriding height (only when orientation is vertical)??\nexport interface DividerProps extends DividerSpectrumProps, Omit<RACSeparatorProps, 'className' | 'style' | 'elementType'>, StyleProps {}\n\nexport const divider = style<DividerSpectrumProps>({\n  alignSelf: 'stretch',\n  backgroundColor: {\n    default: 'gray-200',\n    size: {\n      L: 'gray-800'\n    },\n    staticColor: {\n      white: {\n        default: 'transparent-white-200',\n        size: {\n          L: 'transparent-white-800'\n        }\n      },\n      black: {\n        default: 'transparent-black-200',\n        size: {\n          L: 'transparent-black-800'\n        }\n      }\n    },\n    forcedColors: 'ButtonBorder'\n  },\n  borderStyle: 'none',\n  borderRadius: 'full',\n  margin: 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\nfunction Divider(props: DividerProps, ref: DOMRef) {\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      }, props.styles)} />\n  );\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 */\nlet _Divider = /*#__PURE__*/ forwardRef(Divider);\nexport {_Divider as Divider};\n"],"names":[],"version":3,"file":"Divider.cjs.map"}

package/dist/Divider.css

@@ -0,0 +1,104 @@
+.\.:not(#a#b) {
+  all: revert-layer;
+}
+
+@layer _.a {
+  ._4e {
+    align-self: stretch;
+  }
+
+  .bh {
+    background-color: var(--lightningcss-light, #e1e1e1) var(--lightningcss-dark, #323232);
+  }
+
+  .bn {
+    background-color: var(--lightningcss-light, #292929) var(--lightningcss-dark, #dbdbdb);
+  }
+
+  .b____8 {
+    background-color: #ffffff24;
+  }
+
+  .b_____e {
+    background-color: #ffffffd9;
+  }
+
+  .b_____l {
+    background-color: #0000001f;
+  }
+
+  .b_____r {
+    background-color: #000000d6;
+  }
+
+  .wf {
+    border-style: none;
+  }
+
+  ._vf {
+    border-start-start-radius: 9999px;
+  }
+
+  ._wf {
+    border-start-end-radius: 9999px;
+  }
+
+  ._xf {
+    border-end-start-radius: 9999px;
+  }
+
+  ._yf {
+    border-end-end-radius: 9999px;
+  }
+
+  .Aa {
+    margin-top: 0;
+  }
+
+  .Ba {
+    margin-bottom: 0;
+  }
+
+  .ya {
+    margin-inline-start: 0;
+  }
+
+  .za {
+    margin-inline-end: 0;
+  }
+
+  .k-375zlr {
+    height: 2px;
+  }
+
+  .k-375yri {
+    height: 1px;
+  }
+
+  .k-3761a9 {
+    height: 4px;
+  }
+
+  .l-375zlr {
+    width: 2px;
+  }
+
+  .l-375yri {
+    width: 1px;
+  }
+
+  .l-3761a9 {
+    width: 4px;
+  }
+}
+
+@layer _.b, UNSAFE_overrides;
+
+@layer _.b.a {
+  @media (forced-colors: active) {
+    .ba_____v {
+      background-color: buttonborder;
+    }
+  }
+}
+/*# sourceMappingURL=Divider.css.map */

package/dist/Divider.css.map

@@ -0,0 +1 @@
+{"mappings":"AAyCuB;;;;AAAA;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;;AAAA;;AAAA;EAAA;IAAA","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 {DOMRef} from '@react-types/shared';\nimport {forwardRef} from 'react';\nimport {getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {Separator as RACSeparator, SeparatorProps as RACSeparatorProps} from 'react-aria-components';\nimport {style} from '../style/spectrum-theme' with {type: 'macro'};\nimport {useDOMRef} from '@react-spectrum/utils';\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   * How thick the Divider should be.\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'\n}\n\n// TODO: allow overriding height (only when orientation is vertical)??\nexport interface DividerProps extends DividerSpectrumProps, Omit<RACSeparatorProps, 'className' | 'style' | 'elementType'>, StyleProps {}\n\nexport const divider = style<DividerSpectrumProps>({\n  alignSelf: 'stretch',\n  backgroundColor: {\n    default: 'gray-200',\n    size: {\n      L: 'gray-800'\n    },\n    staticColor: {\n      white: {\n        default: 'transparent-white-200',\n        size: {\n          L: 'transparent-white-800'\n        }\n      },\n      black: {\n        default: 'transparent-black-200',\n        size: {\n          L: 'transparent-black-800'\n        }\n      }\n    },\n    forcedColors: 'ButtonBorder'\n  },\n  borderStyle: 'none',\n  borderRadius: 'full',\n  margin: 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\nfunction Divider(props: DividerProps, ref: DOMRef) {\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      }, props.styles)} />\n  );\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 */\nlet _Divider = /*#__PURE__*/ forwardRef(Divider);\nexport {_Divider as Divider};\n"],"names":[],"version":3,"file":"Divider.css.map"}

package/dist/Divider.mjs

@@ -0,0 +1,92 @@
+import "./Divider.css";
+import {jsx as $5nGzy$jsx} from "react/jsx-runtime";
+import {forwardRef as $5nGzy$forwardRef} from "react";
+import {Separator as $5nGzy$Separator} from "react-aria-components";
+import {useDOMRef as $5nGzy$useDOMRef} from "@react-spectrum/utils";
+
+/*
+ * 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.
+ */ 
+
+
+
+const $bdf52657dac0f070$export$e8c9778bf415dd08 = function anonymous(props, overrides) {
+    let rules = " .";
+    let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|l|q|r|_9|_8|h|_5|_4|__A|__c|__d|__a|__b|U|__Q|X|Z|V|W)[^\s]+/g) || [];
+    rules += matches.join('');
+    let $_4 = false;
+    let $A = false;
+    let $B = false;
+    let $y = false;
+    let $z = false;
+    let $l = false;
+    for (let p of matches){
+        if (/^\s*_4/.test(p)) $_4 = true;
+        if (/^\s*A/.test(p)) $A = true;
+        if (/^\s*B/.test(p)) $B = true;
+        if (/^\s*y/.test(p)) $y = true;
+        if (/^\s*z/.test(p)) $z = true;
+        if (/^\s*l/.test(p)) $l = true;
+    }
+    if (!$_4) rules += ' _4e';
+    rules += ' ba_____v';
+    if (props.staticColor === "black") {
+        if (props.size === "L") rules += ' b_____r';
+        else rules += ' b_____l';
+    } else if (props.staticColor === "white") {
+        if (props.size === "L") rules += ' b_____e';
+        else rules += ' b____8';
+    } else if (props.size === "L") rules += ' bn';
+    else rules += ' bh';
+    rules += ' wf';
+    rules += ' _vf';
+    rules += ' _wf';
+    rules += ' _xf';
+    rules += ' _yf';
+    if (!$A) rules += ' Aa';
+    if (!$B) rules += ' Ba';
+    if (!$y) rules += ' ya';
+    if (!$z) rules += ' za';
+    if (props.orientation === "horizontal") {
+        if (props.size === "L") rules += ' k-3761a9';
+        else if (props.size === "S") rules += ' k-375yri';
+        else rules += ' k-375zlr';
+    }
+    if (!$l) {
+        if (props.orientation === "vertical") {
+            if (props.size === "L") rules += ' l-3761a9';
+            else if (props.size === "S") rules += ' l-375yri';
+            else rules += ' l-375zlr';
+        }
+    }
+    return rules;
+};
+function $bdf52657dac0f070$var$Divider(props, ref) {
+    let domRef = (0, $5nGzy$useDOMRef)(ref);
+    return /*#__PURE__*/ (0, $5nGzy$jsx)((0, $5nGzy$Separator), {
+        ...props,
+        ref: domRef,
+        style: props.UNSAFE_style,
+        className: (props.UNSAFE_className || '') + $bdf52657dac0f070$export$e8c9778bf415dd08({
+            size: props.size || 'M',
+            orientation: props.orientation || 'horizontal',
+            staticColor: props.staticColor
+        }, props.styles)
+    });
+}
+/**
+ * Dividers bring clarity to a layout by grouping and dividing content in close proximity.
+ * They can also be used to establish rhythm and hierarchy.
+ */ let $bdf52657dac0f070$export$2e0a83ec2e27ecbb = /*#__PURE__*/ (0, $5nGzy$forwardRef)($bdf52657dac0f070$var$Divider);
+
+
+export {$bdf52657dac0f070$export$e8c9778bf415dd08 as divider, $bdf52657dac0f070$export$2e0a83ec2e27ecbb as Divider};
+//# sourceMappingURL=Divider.mjs.map

package/dist/Divider.mjs.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;AAAA;;;;;;;;;;CAUC;;;;AA+BM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmDb,SAAS,8BAAQ,KAAmB,EAAE,GAAW;IAC/C,IAAI,SAAS,CAAA,GAAA,gBAAQ,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;QAChC,GAAG,MAAM,MAAM;;AAErB;AAEA;;;CAGC,GACD,IAAI,4CAAW,WAAW,GAAG,CAAA,GAAA,iBAAS,EAAE","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 {DOMRef} from '@react-types/shared';\nimport {forwardRef} from 'react';\nimport {getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {Separator as RACSeparator, SeparatorProps as RACSeparatorProps} from 'react-aria-components';\nimport {style} from '../style/spectrum-theme' with {type: 'macro'};\nimport {useDOMRef} from '@react-spectrum/utils';\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   * How thick the Divider should be.\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'\n}\n\n// TODO: allow overriding height (only when orientation is vertical)??\nexport interface DividerProps extends DividerSpectrumProps, Omit<RACSeparatorProps, 'className' | 'style' | 'elementType'>, StyleProps {}\n\nexport const divider = style<DividerSpectrumProps>({\n  alignSelf: 'stretch',\n  backgroundColor: {\n    default: 'gray-200',\n    size: {\n      L: 'gray-800'\n    },\n    staticColor: {\n      white: {\n        default: 'transparent-white-200',\n        size: {\n          L: 'transparent-white-800'\n        }\n      },\n      black: {\n        default: 'transparent-black-200',\n        size: {\n          L: 'transparent-black-800'\n        }\n      }\n    },\n    forcedColors: 'ButtonBorder'\n  },\n  borderStyle: 'none',\n  borderRadius: 'full',\n  margin: 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\nfunction Divider(props: DividerProps, ref: DOMRef) {\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      }, props.styles)} />\n  );\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 */\nlet _Divider = /*#__PURE__*/ forwardRef(Divider);\nexport {_Divider as Divider};\n"],"names":[],"version":3,"file":"Divider.mjs.map"}