@hopper-ui/components 1.5.9 → 1.5.11

package/dist/chunk-Y5C7PR26.js

@@ -0,0 +1,142 @@
+import { _ButtonGroup } from './chunk-RE6VSXSN.js';
+import { _BaseModal } from './chunk-Y2QNCLJJ.js';
+import { _CloseButton } from './chunk-DZNKA3W5.js';
+import { _Button } from './chunk-E6GUTV2A.js';
+import { ContentContext } from './chunk-IXB2WK56.js';
+import { HeadingContext } from './chunk-TXZ6BMFR.js';
+import { AlertContext } from './chunk-BCUPLQ4B.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import { chain } from 'react-aria';
+import { useContextProps, composeRenderProps, Dialog, Provider } from 'react-aria-components';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+// css-module:./Alert.module.css#css-module
+var Alert_module_default = { "hop-Alert": "Alert-module__hop-Alert___8SLYb", "hop-Alert__button-group": "Alert-module__hop-Alert__button-group___4dR0v", "hop-Alert__heading": "Alert-module__hop-Alert__heading___7aSBP", "hop-Alert__close": "Alert-module__hop-Alert__close___Vd3-2", "hop-Alert__content": "Alert-module__hop-Alert__content___IjXEp" };
+var GlobalAlertCssSelector = "hop-Alert";
+function Alert(props, ref) {
+  var _a;
+  [props, ref] = useContextProps(props, ref, AlertContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    children: childrenProp,
+    style,
+    slot,
+    size: sizeProp,
+    autoFocusButton,
+    cancelButtonLabel,
+    isDismissable = true,
+    onCancelButtonClick,
+    onClose,
+    onPrimaryButtonClick,
+    onSecondaryButtonClick,
+    primaryButtonDisabled,
+    primaryButtonLabel,
+    secondaryButtonDisabled,
+    secondaryButtonLabel,
+    variant = "confirmation",
+    overlayProps,
+    ...otherProps
+  } = ownProps;
+  const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "md";
+  const classNames = clsx(
+    GlobalAlertCssSelector,
+    cssModule(
+      Alert_module_default,
+      GlobalAlertCssSelector,
+      variant
+    ),
+    stylingProps.className,
+    className
+  );
+  const mergedStyles = {
+    ...style,
+    ...stylingProps.style
+  };
+  const children = composeRenderProps(childrenProp, (prev) => {
+    return prev;
+  });
+  const onOpenChange = (isOpen) => {
+    if (!isOpen) {
+      onClose == null ? void 0 : onClose();
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    _BaseModal,
+    {
+      size,
+      isDismissable,
+      onOpenChange,
+      isKeyboardDismissDisabled: isDismissable,
+      ...overlayProps,
+      children: /* @__PURE__ */ jsx(
+        Dialog,
+        {
+          role: "alertdialog",
+          ref,
+          slot,
+          style: mergedStyles,
+          className: classNames,
+          ...otherProps,
+          children: (renderProps) => /* @__PURE__ */ jsxs(Fragment, { children: [
+            isDismissable && /* @__PURE__ */ jsx(_CloseButton, { className: Alert_module_default["hop-Alert__close"] }),
+            /* @__PURE__ */ jsx(
+              Provider,
+              {
+                values: [
+                  [HeadingContext, {
+                    className: Alert_module_default["hop-Alert__heading"],
+                    size: "lg",
+                    slot: "title"
+                  }],
+                  [ContentContext, {
+                    className: Alert_module_default["hop-Alert__content"]
+                  }]
+                ],
+                children: children(renderProps)
+              }
+            ),
+            /* @__PURE__ */ jsxs(_ButtonGroup, { align: "end", className: Alert_module_default["hop-Alert__button-group"], children: [
+              cancelButtonLabel && /* @__PURE__ */ jsx(
+                _Button,
+                {
+                  onPress: () => chain(renderProps.close(), onCancelButtonClick == null ? void 0 : onCancelButtonClick()),
+                  variant: "secondary",
+                  autoFocus: autoFocusButton === "cancel",
+                  children: cancelButtonLabel
+                }
+              ),
+              secondaryButtonLabel && /* @__PURE__ */ jsx(
+                _Button,
+                {
+                  onPress: () => chain(renderProps.close(), onSecondaryButtonClick == null ? void 0 : onSecondaryButtonClick()),
+                  variant: "secondary",
+                  isDisabled: secondaryButtonDisabled,
+                  autoFocus: autoFocusButton === "secondary",
+                  children: secondaryButtonLabel
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                _Button,
+                {
+                  variant: variant === "confirmation" ? "primary" : "danger",
+                  isDisabled: primaryButtonDisabled,
+                  autoFocus: autoFocusButton === "primary",
+                  onPress: () => chain(renderProps.close(), onPrimaryButtonClick == null ? void 0 : onPrimaryButtonClick()),
+                  children: primaryButtonLabel
+                }
+              )
+            ] })
+          ] })
+        }
+      )
+    }
+  );
+}
+var _Alert = forwardRef(Alert);
+_Alert.displayName = "Alert";
+
+export { GlobalAlertCssSelector, _Alert };

package/dist/{chunk-GSFB5VXT.js → chunk-ZE25V2DY.js}

@@ -7,7 +7,7 @@ import { useContextProps, TabPanel as TabPanel$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./TabPanel.module.css#css-module
-var TabPanel_module_default = { "hop-TabPanel": "TabPanel-module__hop-TabPanel___mtMTN" };
+var TabPanel_module_default = { "hop-TabPanel": "TabPanel-module__hop-TabPanel___schTF" };
 var GlobalTabPanelCssSelector = "hop-TabPanel";
 function TabPanel(props, ref) {
   [props, ref] = useContextProps(props, ref, TabPanelContext);

package/dist/{chunk-XZQK6AJG.js → chunk-ZF2DDT3R.js}

@@ -1,9 +1,9 @@
-import { _OverlineText } from './chunk-M2ZVSUH5.js';
+import { BadgeContext } from './chunk-CQDLZ42T.js';
+import { _OverlineText } from './chunk-OSMU4XR4.js';
+import { ClearContainerSlots } from './chunk-ZMIX3DJQ.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
-import { ClearContainerSlots } from './chunk-ZMIX3DJQ.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
-import { BadgeContext } from './chunk-CQDLZ42T.js';
 import { slot, useStyledSystem } from '@hopper-ui/styled-system';
 import { filterDOMProps } from '@react-aria/utils';
 import { forwardRef } from 'react';
@@ -23,7 +23,7 @@ function mapOrbiterToHopperVariants(variant) {
 }
 
 // css-module:./Badge.module.css#css-module
-var Badge_module_default = { "hop-Badge": "Badge-module__hop-Badge___K64bK", "hop-Badge--primary": "Badge-module__hop-Badge--primary___gbxM0", "hop-Badge--secondary": "Badge-module__hop-Badge--secondary___hOAbW", "hop-Badge--subdued": "Badge-module__hop-Badge--subdued___u5mvH" };
+var Badge_module_default = { "hop-Badge": "Badge-module__hop-Badge___i-ycE", "hop-Badge--primary": "Badge-module__hop-Badge--primary___8-bAz", "hop-Badge--secondary": "Badge-module__hop-Badge--secondary___ISlyW", "hop-Badge--subdued": "Badge-module__hop-Badge--subdued___YbGYU" };
 var GlobalBadgeCssSelector = "hop-Badge";
 function Badge(props, ref) {
   [props, ref] = useContextProps(props, ref, BadgeContext);

package/dist/{chunk-JMD76LSZ.js → chunk-ZZISMN4N.js}

@@ -1,5 +1,5 @@
 import { SpinnerContext } from './chunk-4ZYV2XLW.js';
-import { _Text } from './chunk-26NE2DJ6.js';
+import { _Text } from './chunk-WXLTW6WM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -9,7 +9,7 @@ import { useContextProps, ProgressBar } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./Spinner.module.css#css-module
-var Spinner_module_default = { "hop-Spinner": "Spinner-module__hop-Spinner___JHR2L", "spin": "Spinner-module__spin___oG0x6", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___zfl4t", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___frQy3", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___zvg32", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___3YLh-", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___CxirE", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___6EBo3" };
+var Spinner_module_default = { "hop-Spinner": "Spinner-module__hop-Spinner___uO0yq", "spin": "Spinner-module__spin___gw8dB", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___kAqzb", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___mWUH4", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___TbNut", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___QMwfJ", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___5jkZu", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___cI1iA" };
 var GlobalSpinnerCssSelector = "hop-Spinner";
 var SpinnerToTextSizeAdapter = {
   sm: "xs",