alouette 20.2.0 → 20.3.0

package/dist/definitions/index.d.ts

@@ -40,6 +40,10 @@ export { PresenceList, PresenceOne } from "./ui/containers/Presence";
 export { animationDurationsMs } from "./animationDurationsMs";
 export type { SurfaceProps } from "./ui/containers/Surface";
 export { Surface } from "./ui/containers/Surface";
+export type { ModalProps } from "./ui/containers/Modal";
+export { Modal } from "./ui/containers/Modal";
+export type { AlertDialogProps, AlertDialogUsageProps, } from "./ui/containers/AlertDialog";
+export { AlertDialog, InfoAlertDialog, QuestionAlertDialog, SuccessAlertDialog, WarningAlertDialog, } from "./ui/containers/AlertDialog";
 export type { IconProps, SVGIconElement } from "./ui/primitives/Icon";
 export { Icon } from "./ui/primitives/Icon";
 export type { PressableBoxProps } from "./ui/data/PressableBox";

package/dist/definitions/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}

package/dist/definitions/ui/containers/AlertDialog.d.ts

@@ -0,0 +1,78 @@
+import { type ReactNode } from "react";
+import type { Accent } from "../../core/AlouetteConfig";
+import type { SVGIconElement } from "../primitives/Icon";
+import { type ModalProps } from "./Modal";
+interface AlertDialogBaseProps extends Pick<ModalProps, "size" | "testID"> {
+    /** Whether the dialog is shown. */
+    visible: boolean;
+    /** Heading; also labels the dialog for assistive tech. */
+    title: string;
+    /** Body copy describing the situation or the consequence of confirming. */
+    children?: ReactNode;
+    /** Themes the icon and the primary button. Defaults to "danger". */
+    accent?: Accent;
+    /**
+     * Icon shown in the header, signalling the nature of the dialog. Prefer a
+     * usage component ({@link QuestionAlertDialog}, {@link WarningAlertDialog},
+     * {@link InfoAlertDialog}, {@link SuccessAlertDialog}) which supplies it.
+     */
+    icon: SVGIconElement;
+}
+interface ConfirmAlertDialogProps extends AlertDialogBaseProps {
+    /**
+     * "confirm" (default) offers a cancel and a confirm action — for decisions,
+     * typically destructive ones.
+     */
+    variant?: "confirm";
+    /** Called when the user confirms the action. */
+    onConfirm: () => void;
+    /**
+     * Called when the user rejects the action — cancel button, backdrop, Escape,
+     * or the Android back button.
+     */
+    onCancel: () => void;
+    /** Confirm button label. Defaults to "Confirm". */
+    confirmText?: ReactNode;
+    /** Cancel button label. Defaults to "Cancel". */
+    cancelText?: ReactNode;
+    /** Disables the confirm button (e.g. while an async action is pending). */
+    confirmDisabled?: boolean;
+}
+interface AcknowledgeAlertDialogProps extends AlertDialogBaseProps {
+    /**
+     * "alert" offers a single acknowledge action — for interruptions that only
+     * need to be read and dismissed.
+     */
+    variant: "alert";
+    /**
+     * Called when the user dismisses the dialog — acknowledge button, backdrop,
+     * Escape, or the Android back button.
+     */
+    onClose: () => void;
+    /** Acknowledge button label. Defaults to "OK". */
+    closeText?: ReactNode;
+}
+interface RequiredAlertDialogProps extends AlertDialogBaseProps {
+    /**
+     * "required" offers a single action and cannot be dismissed by the backdrop,
+     * Escape, or the Android back button — the user must respond (e.g. accept
+     * updated terms, a forced sign-out).
+     */
+    variant: "required";
+    /** Called when the user takes the required action. */
+    onConfirm: () => void;
+    /** Action button label. Defaults to "OK". */
+    confirmText?: ReactNode;
+    /** Disables the action button (e.g. while an async action is pending). */
+    confirmDisabled?: boolean;
+}
+export type AlertDialogProps = AcknowledgeAlertDialogProps | ConfirmAlertDialogProps | RequiredAlertDialogProps;
+export declare function AlertDialog(props: AlertDialogProps): ReactNode;
+type DistributiveOmit<T, K extends PropertyKey> = T extends unknown ? Omit<T, K> : never;
+export type AlertDialogUsageProps = DistributiveOmit<AlertDialogProps, "icon">;
+export declare function QuestionAlertDialog(props: AlertDialogUsageProps): ReactNode;
+export declare function WarningAlertDialog(props: AlertDialogUsageProps): ReactNode;
+export declare function InfoAlertDialog(props: AlertDialogUsageProps): ReactNode;
+export declare function SuccessAlertDialog(props: AlertDialogUsageProps): ReactNode;
+export {};
+//# sourceMappingURL=AlertDialog.d.ts.map

package/dist/definitions/ui/containers/AlertDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialog.d.ts","sourceRoot":"","sources":["../../../../src/ui/containers/AlertDialog.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAS,MAAM,OAAO,CAAC;AAC9C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAExD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEzD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AAEjD,UAAU,oBAAqB,SAAQ,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,QAAQ,CAAC;IACxE,mCAAmC;IACnC,OAAO,EAAE,OAAO,CAAC;IACjB,0DAA0D;IAC1D,KAAK,EAAE,MAAM,CAAC;IACd,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,oEAAoE;IACpE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;OAIG;IACH,IAAI,EAAE,cAAc,CAAC;CACtB;AAED,UAAU,uBAAwB,SAAQ,oBAAoB;IAC5D;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,gDAAgD;IAChD,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB;;;OAGG;IACH,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,mDAAmD;IACnD,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,iDAAiD;IACjD,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,2EAA2E;IAC3E,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,UAAU,2BAA4B,SAAQ,oBAAoB;IAChE;;;OAGG;IACH,OAAO,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,kDAAkD;IAClD,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,UAAU,wBAAyB,SAAQ,oBAAoB;IAC7D;;;;OAIG;IACH,OAAO,EAAE,UAAU,CAAC;IACpB,sDAAsD;IACtD,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,0EAA0E;IAC1E,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,MAAM,gBAAgB,GACxB,2BAA2B,GAC3B,uBAAuB,GACvB,wBAAwB,CAAC;AAsE7B,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,SAAS,CAkC9D;AAGD,KAAK,gBAAgB,CAAC,CAAC,EAAE,CAAC,SAAS,WAAW,IAAI,CAAC,SAAS,OAAO,GAC/D,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACV,KAAK,CAAC;AAGV,MAAM,MAAM,qBAAqB,GAAG,gBAAgB,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC;AAE/E,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,qBAAqB,GAAG,SAAS,CAE3E;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,qBAAqB,GAAG,SAAS,CAE1E;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,qBAAqB,GAAG,SAAS,CAEvE;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,qBAAqB,GAAG,SAAS,CAE1E"}

package/dist/definitions/ui/containers/AlertDialog.stories.d.ts

@@ -0,0 +1,33 @@
+import type { StoryObj } from "@storybook/react-vite";
+import type { Accent } from "../../core/AlouetteConfig";
+import { AlertDialog } from "./AlertDialog";
+type ThisStory = StoryObj<typeof AlertDialog>;
+declare const _default: {
+    title: string;
+    component: typeof AlertDialog;
+    parameters: {
+        componentSubtitle: string;
+    };
+    argTypes: {
+        title: {
+            control: "text";
+        };
+        variant: {
+            control: "inline-radio";
+            options: string[];
+        };
+        size: {
+            control: "select";
+            options: string[];
+        };
+        accent: {
+            control: "select";
+            options: Accent[];
+        };
+    };
+};
+export default _default;
+export declare const PreviewAlertDialogStory: ThisStory;
+export declare const Variants: ThisStory;
+export declare const Tests: StoryObj<typeof AlertDialog>;
+//# sourceMappingURL=AlertDialog.stories.d.ts.map

package/dist/definitions/ui/containers/AlertDialog.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialog.stories.d.ts","sourceRoot":"","sources":["../../../../src/ui/containers/AlertDialog.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAI5D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAIxD,OAAO,EACL,WAAW,EAOZ,MAAM,eAAe,CAAC;AAEvB,KAAK,SAAS,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;AAoH9C,wBAgBqC;AAErC,eAAO,MAAM,uBAAuB,EAAE,SAiBrC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,SAmKtB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,QAAQ,CAAC,OAAO,WAAW,CAuF9C,CAAC"}

package/dist/definitions/ui/containers/Modal.d.ts

@@ -0,0 +1,66 @@
+import { type ReactNode } from "react";
+import { type VariantProps } from "tailwind-variants";
+import type { Accent } from "../../core/AlouetteConfig";
+import { type SVGIconElement } from "../primitives/Icon";
+declare const panelVariants: import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, "w-full", {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, "w-full", unknown, unknown, undefined>>;
+type PanelVariantProps = VariantProps<typeof panelVariants>;
+interface ModalBaseProps {
+    /** Whether the modal is shown. */
+    visible: boolean;
+    /**
+     * Called when the user dismisses the modal — backdrop press, close button, the
+     * Android back button, or the Escape key (web).
+     */
+    onClose: () => void;
+    children: ReactNode;
+    /** Accent-tinted icon rendered before the title in the header. */
+    icon?: SVGIconElement;
+    /** Actions row rendered below the body (e.g. Cancel/Confirm buttons). */
+    footer?: ReactNode;
+    accent?: Accent;
+    size?: PanelVariantProps["size"];
+    /** Hide the header close button (the modal stays dismissible otherwise). */
+    hideCloseButton?: boolean;
+    /** Accessible label for the close button. */
+    closeButtonAriaLabel?: string;
+    /**
+     * `alertdialog` for interruptions that require an explicit response
+     * (destructive confirmation, errors). Defaults to `dialog`.
+     */
+    role?: "alertdialog" | "dialog";
+    /** ID of the element describing the dialog (announced by assistive tech). */
+    "aria-describedby"?: string;
+    testID?: string;
+}
+interface ModalWithTitleProps extends ModalBaseProps {
+    /** Heading rendered in the header; also labels the dialog for assistive tech. */
+    title: string;
+    "aria-label"?: string;
+}
+interface ModalWithoutTitleProps extends ModalBaseProps {
+    title?: undefined;
+    /** Required when there is no `title`, so the dialog is still labelled. */
+    "aria-label": string;
+}
+export type ModalProps = ModalWithoutTitleProps | ModalWithTitleProps;
+export declare function Modal({ visible, onClose, children, icon, footer, accent, size, title, hideCloseButton, closeButtonAriaLabel, role, "aria-describedby": ariaDescribedby, testID, "aria-label": ariaLabel, }: ModalProps): ReactNode;
+export {};
+//# sourceMappingURL=Modal.d.ts.map

package/dist/definitions/ui/containers/Modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/ui/containers/Modal.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAS,MAAM,OAAO,CAAC;AAE9C,OAAO,EAAE,KAAK,YAAY,EAAM,MAAM,mBAAmB,CAAC;AAC1D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAExD,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAQ/D,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;qDAelB,CAAC;AAEF,KAAK,iBAAiB,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC;AAqB5D,UAAU,cAAc;IACtB,kCAAkC;IAClC,OAAO,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,kEAAkE;IAClE,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,yEAAyE;IACzE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;IACjC,4EAA4E;IAC5E,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,6CAA6C;IAC7C,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;;OAGG;IACH,IAAI,CAAC,EAAE,aAAa,GAAG,QAAQ,CAAC;IAChC,6EAA6E;IAC7E,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,mBAAoB,SAAQ,cAAc;IAClD,iFAAiF;IACjF,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,UAAU,sBAAuB,SAAQ,cAAc;IACrD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,0EAA0E;IAC1E,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,MAAM,UAAU,GAAG,sBAAsB,GAAG,mBAAmB,CAAC;AAEtE,wBAAgB,KAAK,CAAC,EACpB,OAAO,EACP,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,MAAM,EACN,IAAW,EACX,KAAK,EACL,eAAuB,EACvB,oBAA8B,EAC9B,IAAe,EACf,kBAAkB,EAAE,eAAe,EACnC,MAAM,EACN,YAAY,EAAE,SAAS,GACxB,EAAE,UAAU,GAAG,SAAS,CAsFxB"}

package/dist/definitions/ui/containers/Modal.stories.d.ts

@@ -0,0 +1,31 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { Modal } from "./Modal";
+type ThisStory = StoryObj<typeof Modal>;
+declare const _default: {
+    title: string;
+    component: typeof Modal;
+    parameters: {
+        componentSubtitle: string;
+    };
+    argTypes: {
+        title: {
+            control: "text";
+        };
+        size: {
+            control: "select";
+            options: string[];
+        };
+        accent: {
+            control: "select";
+            options: import("../..").Accent[];
+        };
+        hideCloseButton: {
+            control: "boolean";
+        };
+    };
+};
+export default _default;
+export declare const PreviewModalStory: ThisStory;
+export declare const Variants: ThisStory;
+export declare const Tests: StoryObj<typeof Modal>;
+//# sourceMappingURL=Modal.stories.d.ts.map

package/dist/definitions/ui/containers/Modal.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.stories.d.ts","sourceRoot":"","sources":["../../../../src/ui/containers/Modal.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAM5D,OAAO,EAAE,KAAK,EAAmB,MAAM,SAAS,CAAC;AAEjD,KAAK,SAAS,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;AAsCxC,wBAa+B;AAE/B,eAAO,MAAM,iBAAiB,EAAE,SAqB/B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,SAwGtB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,QAAQ,CAAC,OAAO,KAAK,CAuCxC,CAAC"}

package/dist/index-browser.es.js

@@ -1,14 +1,15 @@
 import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
 import { VariableContextProvider, styled as styled$1 } from 'nativewind';
-import { createContext, useContext, forwardRef, Children, cloneElement, Fragment, useRef, useState, useEffect, isValidElement, useCallback } from 'react';
-import { useColorScheme, View as View$1, Text as Text$1, ScrollView as ScrollView$1, FlatList as FlatList$1, SectionList as SectionList$1, Pressable, Platform, TextInput, useWindowDimensions } from 'react-native-web';
+import { createContext, useContext, forwardRef, Children, cloneElement, Fragment, useRef, useState, useEffect, isValidElement, useId, useCallback } from 'react';
+import { useColorScheme, View as View$1, Text as Text$1, ScrollView as ScrollView$1, FlatList as FlatList$1, SectionList as SectionList$1, Pressable, Platform, useWindowDimensions, Modal as Modal$1, TextInput } from 'react-native-web';
 import { extendTailwindMerge, twMerge as twMerge$1 } from 'tailwind-merge';
 import { tv } from 'tailwind-variants';
-import { CaretDownRegularIcon } from 'alouette-icons/phosphor-icons/CaretDownRegularIcon';
+import { XRegularIcon } from 'alouette-icons/phosphor-icons/XRegularIcon';
 import { CheckRegularIcon } from 'alouette-icons/phosphor-icons/CheckRegularIcon';
 import { InfoRegularIcon } from 'alouette-icons/phosphor-icons/InfoRegularIcon';
+import { QuestionRegularIcon } from 'alouette-icons/phosphor-icons/QuestionRegularIcon';
 import { WarningRegularIcon } from 'alouette-icons/phosphor-icons/WarningRegularIcon';
-import { XRegularIcon } from 'alouette-icons/phosphor-icons/XRegularIcon';
+import { CaretDownRegularIcon } from 'alouette-icons/phosphor-icons/CaretDownRegularIcon';
 import { CaretRightRegularIcon } from 'alouette-icons/phosphor-icons/CaretRightRegularIcon';
 
 const ThemeContext = createContext("light");
@@ -1253,18 +1254,6 @@ const animationDurationsMs = {
   "collapse": 800
 };
 
-function Icon({
-  icon,
-  size = 20,
-  className = "text-sharp"
-}) {
-  return cloneElement(icon, {
-    className,
-    width: size,
-    height: size
-  });
-}
-
 const pressableBoxVariants = tv(
   {
     extend: interactiveBoxVariants,
@@ -1396,6 +1385,18 @@ const PressableBox = forwardRef(
   }
 );
 
+function Icon({
+  icon,
+  size = 20,
+  className = "text-sharp"
+}) {
+  return cloneElement(icon, {
+    className,
+    width: size,
+    height: size
+  });
+}
+
 const buttonHeight = {
   sm: 38,
   md: 44
@@ -1607,6 +1608,225 @@ function IconButton({
   );
 }
 
+const panelVariants = tv(
+  {
+    // w-full so the panel shrinks on small screens (the backdrop padding keeps a
+    // margin); max-w caps it on wide viewports.
+    base: "w-full",
+    variants: {
+      size: {
+        sm: "max-w-[360px]",
+        md: "max-w-[520px]",
+        lg: "max-w-[720px]"
+      }
+    },
+    defaultVariants: { size: "md" }
+  },
+  { twMerge: false }
+);
+const titleReserveVariants = tv(
+  {
+    variants: {
+      size: {
+        sm: "pr-xxl",
+        md: "pr-xl",
+        lg: "pr-xl"
+      }
+    },
+    defaultVariants: { size: "md" }
+  },
+  { twMerge: false }
+);
+function Modal({
+  visible,
+  onClose,
+  children,
+  icon,
+  footer,
+  accent,
+  size = "md",
+  title,
+  hideCloseButton = false,
+  closeButtonAriaLabel = "Close",
+  role = "dialog",
+  "aria-describedby": ariaDescribedby,
+  testID,
+  "aria-label": ariaLabel
+}) {
+  const { height: windowHeight } = useWindowDimensions();
+  const titleId = useId();
+  return /* @__PURE__ */ jsx(AccentScope, { accent, children: /* @__PURE__ */ jsx(
+    Modal$1,
+    {
+      transparent: true,
+      visible,
+      animationType: "fade",
+      onRequestClose: onClose,
+      children: /* @__PURE__ */ jsxs(View, { className: "flex-1 flex-center p-l", children: [
+        /* @__PURE__ */ jsx(
+          Pressable,
+          {
+            "aria-hidden": true,
+            focusable: false,
+            className: "absolute inset-0 bg-translucent",
+            onPress: onClose
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          View,
+          {
+            "aria-modal": true,
+            role,
+            "aria-label": title === void 0 ? ariaLabel : void 0,
+            "aria-labelledby": title === void 0 ? void 0 : titleId,
+            "aria-describedby": ariaDescribedby,
+            testID,
+            className: `relative ${panelVariants({ size })}`,
+            children: /* @__PURE__ */ jsxs(
+              Surface,
+              {
+                variant: "highlight",
+                size,
+                shadow: "l",
+                className: "relative gap-m",
+                children: [
+                  title === void 0 && icon === void 0 ? null : /* @__PURE__ */ jsxs(
+                    HStack,
+                    {
+                      className: `items-center gap-xs ${hideCloseButton ? "" : titleReserveVariants({ size })}`,
+                      children: [
+                        icon === void 0 ? null : /* @__PURE__ */ jsx(Icon, { icon, size: 24, className: "text-accent" }),
+                        title === void 0 ? null : /* @__PURE__ */ jsx(
+                          Text,
+                          {
+                            nativeID: titleId,
+                            className: "shrink font-heading-bold text-xl leading-tight text-sharp",
+                            children: title
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  hideCloseButton ? null : /* @__PURE__ */ jsx(
+                    IconButton,
+                    {
+                      icon: /* @__PURE__ */ jsx(XRegularIcon, {}),
+                      variant: "ghost",
+                      size: size === "lg" ? "md" : size,
+                      "aria-label": closeButtonAriaLabel,
+                      className: "absolute right-sm top-sm",
+                      onPress: onClose
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(ScrollView, { style: { maxHeight: windowHeight * 0.7 }, children: /* @__PURE__ */ jsx(VStack, { className: "gap-m", children }) }),
+                  footer === void 0 ? null : /* @__PURE__ */ jsx(HStack, { className: "items-center justify-end gap-m", children: footer })
+                ]
+              }
+            )
+          }
+        )
+      ] })
+    }
+  ) });
+}
+
+function resolveVariant(props, accent) {
+  switch (props.variant) {
+    case "alert": {
+      const { onClose, closeText } = props;
+      return {
+        onDismiss: onClose,
+        footer: /* @__PURE__ */ jsx(Button, { accent, text: closeText ?? "OK", onPress: onClose })
+      };
+    }
+    case "required": {
+      const { onConfirm, confirmText, confirmDisabled } = props;
+      return {
+        // Non-dismissible: only the explicit action closes it.
+        onDismiss: () => void 0,
+        footer: /* @__PURE__ */ jsx(
+          Button,
+          {
+            accent,
+            text: confirmText ?? "OK",
+            disabled: confirmDisabled,
+            onPress: onConfirm
+          }
+        )
+      };
+    }
+    case "confirm":
+    case void 0:
+    default: {
+      const { onConfirm, onCancel, confirmText, cancelText, confirmDisabled } = props;
+      return {
+        onDismiss: onCancel,
+        footer: /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "outlined",
+              text: cancelText ?? "Cancel",
+              onPress: onCancel
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              accent,
+              text: confirmText ?? "Confirm",
+              disabled: confirmDisabled,
+              onPress: onConfirm
+            }
+          )
+        ] })
+      };
+    }
+  }
+}
+function AlertDialog(props) {
+  const {
+    visible,
+    title,
+    children,
+    accent = "danger",
+    icon,
+    size = "md",
+    testID
+  } = props;
+  const descriptionId = useId();
+  const { footer, onDismiss } = resolveVariant(props, accent);
+  return /* @__PURE__ */ jsx(
+    Modal,
+    {
+      hideCloseButton: true,
+      visible,
+      role: "alertdialog",
+      accent,
+      size,
+      title,
+      icon,
+      "aria-describedby": children === void 0 ? void 0 : descriptionId,
+      testID,
+      footer,
+      onClose: onDismiss,
+      children: children === void 0 ? null : /* @__PURE__ */ jsx(Text, { nativeID: descriptionId, className: "text-base text-muted", children })
+    }
+  );
+}
+function QuestionAlertDialog(props) {
+  return /* @__PURE__ */ jsx(AlertDialog, { ...props, icon: /* @__PURE__ */ jsx(QuestionRegularIcon, {}) });
+}
+function WarningAlertDialog(props) {
+  return /* @__PURE__ */ jsx(AlertDialog, { ...props, icon: /* @__PURE__ */ jsx(WarningRegularIcon, {}) });
+}
+function InfoAlertDialog(props) {
+  return /* @__PURE__ */ jsx(AlertDialog, { ...props, icon: /* @__PURE__ */ jsx(InfoRegularIcon, {}) });
+}
+function SuccessAlertDialog(props) {
+  return /* @__PURE__ */ jsx(AlertDialog, { ...props, icon: /* @__PURE__ */ jsx(CheckRegularIcon, {}) });
+}
+
 const inputVariants = tv(
   {
     base: [
@@ -2311,5 +2531,5 @@ function ExternalLink({
   );
 }
 
-export { AccentScope, AlouetteDecorator, AlouetteProvider, Badge, Box, BreakpointNameEnum, Breakpoints, Button, ConfirmationMessage, ConnectionState, ExternalLink, ExternalLinkButton, FlatList, GradientBackground, GradientScrollView, HStack, Icon, IconButton, InfoMessage, InputText, InteractiveBox, InternalLinkButton, Message, Paragraph, PresenceList, PresenceOne, PressableBox, PressableListItem, SafeAreaBox, SafeAreaProvider, ScopedTheme, ScrollView, SectionList, Select, Separator, Stack, Story, StoryContainer, StoryDecorator, StoryGrid, StoryTitle, Surface, Switch, SwitchBreakpointsUsingDisplayNone, SwitchBreakpointsUsingNull, Text, TextArea, VStack, View, WarningMessage, animationDurationsMs, styled, themeVariables, useCurrentBreakpointName, useCurrentBreakpointNameFiltered, useCurrentMode, useCurrentTheme, useSafeAreaInsets, useThemeToken };
+export { AccentScope, AlertDialog, AlouetteDecorator, AlouetteProvider, Badge, Box, BreakpointNameEnum, Breakpoints, Button, ConfirmationMessage, ConnectionState, ExternalLink, ExternalLinkButton, FlatList, GradientBackground, GradientScrollView, HStack, Icon, IconButton, InfoAlertDialog, InfoMessage, InputText, InteractiveBox, InternalLinkButton, Message, Modal, Paragraph, PresenceList, PresenceOne, PressableBox, PressableListItem, QuestionAlertDialog, SafeAreaBox, SafeAreaProvider, ScopedTheme, ScrollView, SectionList, Select, Separator, Stack, Story, StoryContainer, StoryDecorator, StoryGrid, StoryTitle, SuccessAlertDialog, Surface, Switch, SwitchBreakpointsUsingDisplayNone, SwitchBreakpointsUsingNull, Text, TextArea, VStack, View, WarningAlertDialog, WarningMessage, animationDurationsMs, styled, themeVariables, useCurrentBreakpointName, useCurrentBreakpointNameFiltered, useCurrentMode, useCurrentTheme, useSafeAreaInsets, useThemeToken };
 //# sourceMappingURL=index-browser.es.js.map