@xaui/native 0.9.1-alpha.42 → 0.9.1-alpha.44

package/dist/components/dialog/index.d.cts

@@ -0,0 +1,202 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import * as react_native from 'react-native';
+import { StyleProp, ViewStyle, TextStyle, ViewProps, TextProps, PressableProps, View, Text } from 'react-native';
+import { V as ViewStyleProps, T as TextStyleProps } from '../../style-props.type-CfnoGEP7.cjs';
+import { R as RadiusKey } from '../../theme.type-C2gNHpEx.cjs';
+import { C as CloseButtonProps } from '../../close-button.type-CHsgZ3wO.cjs';
+import { R as Recipe, a as StyleFn } from '../../create-recipe-dC7wMfnj.cjs';
+import '../../pressable-feedback.type-BA2C9sSz.cjs';
+import 'react-native-reanimated';
+
+type DialogSlot = 'overlay' | 'panel' | 'content' | 'title' | 'description' | 'close' | 'closeGlyph';
+type DialogOwnProps = {
+    children?: ReactNode;
+    radius?: RadiusKey;
+    isOpen?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (isOpen: boolean) => void;
+    isDisabled?: boolean;
+};
+/** The root renders **no node** — `ref` and `style` live on the parts that draw. */
+type DialogProps = DialogOwnProps;
+type DialogTriggerOwnProps = {
+    children?: ReactNode;
+    asChild?: boolean;
+};
+type DialogTriggerProps = DialogTriggerOwnProps & Omit<PressableProps, keyof DialogTriggerOwnProps> & Omit<ViewStyleProps, keyof DialogTriggerOwnProps | keyof PressableProps>;
+type DialogOverlayOwnProps = {
+    children?: ReactNode;
+    /** Pressing the backdrop closes the dialog. Off for one that must be answered. */
+    isDismissable?: boolean;
+};
+type DialogOverlayProps = DialogOverlayOwnProps & Omit<ViewProps, keyof DialogOverlayOwnProps> & Omit<ViewStyleProps, keyof DialogOverlayOwnProps | keyof ViewProps>;
+type DialogContentOwnProps = {
+    children?: ReactNode;
+};
+type DialogContentProps = DialogContentOwnProps & Omit<ViewProps, keyof DialogContentOwnProps> & Omit<ViewStyleProps, keyof DialogContentOwnProps | keyof ViewProps>;
+type DialogTextOwnProps = {
+    children?: ReactNode;
+};
+type DialogTitleProps = DialogTextOwnProps & Omit<TextProps, keyof DialogTextOwnProps> & Omit<TextStyleProps, keyof DialogTextOwnProps | keyof TextProps>;
+type DialogDescriptionProps = DialogTitleProps;
+/**
+ * Everything the shared `CloseButton` accepts, minus the three the dialog supplies itself:
+ * the warning's name and the two styles its recipe already resolved (R5).
+ *
+ * Which means `children` is optional and the cross is drawn without it, and that a caller
+ * who passes `asChild` gets their own element instead — the two dismissals a dialog has.
+ */
+type DialogCloseProps = Omit<CloseButtonProps, 'name' | 'baseStyle' | 'glyphStyle'>;
+/** R5 — resolved style ids and the state the slots read. */
+type DialogContextValue = {
+    overlayStyle: StyleProp<ViewStyle>;
+    panelStyle: StyleProp<ViewStyle>;
+    contentStyle: StyleProp<ViewStyle>;
+    titleStyle: StyleProp<TextStyle>;
+    descriptionStyle: StyleProp<TextStyle>;
+    closeStyle: StyleProp<ViewStyle>;
+    closeGlyphStyle: StyleProp<ViewStyle>;
+    isOpen: boolean;
+    isDisabled: boolean;
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+};
+
+/**
+ * A question the page has to be answered before it goes on.
+ *
+ * ```tsx
+ * <Dialog>
+ *   <Dialog.Trigger asChild>
+ *     <Button variant="danger">Supprimer</Button>
+ *   </Dialog.Trigger>
+ *   <Dialog.Overlay />
+ *   <Dialog.Content>
+ *     <Dialog.Title>Supprimer ce document ?</Dialog.Title>
+ *     <Dialog.Description>Définitif, sans corbeille.</Dialog.Description>
+ *   </Dialog.Content>
+ * </Dialog>
+ * ```
+ *
+ * **The root renders no node.** It holds one piece of state and the styles the slots read.
+ *
+ * It is the `Popover` without an anchor: the same portal, the same context re-provision,
+ * the same keyframes — and none of the measuring pass, the host origin or the collision
+ * flip, because a centred box has nothing to be measured against.
+ */
+declare function Dialog$1({ children, radius, isOpen: controlledOpen, defaultOpen, onOpenChange, isDisabled, }: DialogProps): react.JSX.Element;
+declare namespace Dialog$1 {
+    var displayName: string;
+}
+
+/**
+ * The way out of the dialog, in either of the two shapes one takes.
+ *
+ * ```tsx
+ * <Dialog.Content>
+ *   <Dialog.Close alignSelf="flex-end" accessibilityLabel="Fermer" />
+ *   <Dialog.Title>Supprimer ce document ?</Dialog.Title>
+ *   <Dialog.Close asChild>
+ *     <Button variant="danger">Supprimer</Button>
+ *   </Dialog.Close>
+ * </Dialog.Content>
+ * ```
+ *
+ * **Empty, it draws a cross** — the shared `CloseButton`'s, from two bars, so the corner
+ * affordance exists in a project that has installed no icon set. Given children, or
+ * `asChild`, it is whatever the dismissal actually says. Both close the dialog, which is
+ * the only thing this file adds to the shared button.
+ *
+ * It places itself nowhere. `alignSelf`, or `position: 'absolute'` with a `top` and an
+ * `end`, are the caller's call, because a title with room beside it and one without want
+ * different answers (R4).
+ */
+declare const DialogClose: react.ForwardRefExoticComponent<DialogCloseProps & react.RefAttributes<View>>;
+
+/**
+ * The panel, centred on the screen and inset from its edges.
+ *
+ * Two layers, and the outer one is not decoration: a centred box cannot also be the thing
+ * that centres it. The panel fills the portal and does the centring; the content is the
+ * box. The outer layer takes no touches, so a press that misses the panel reaches the
+ * overlay under it and closes the dialog.
+ */
+declare const DialogContent: react.ForwardRefExoticComponent<{
+    children?: react.ReactNode;
+} & Omit<react_native.ViewProps, "children"> & Omit<ViewStyleProps, keyof react_native.ViewProps> & react.RefAttributes<View>>;
+
+/** What the question costs. It wraps — that is what it exists to carry. */
+declare const DialogDescription: react.ForwardRefExoticComponent<{
+    children?: react.ReactNode;
+} & Omit<react_native.TextProps, "children"> & Omit<TextStyleProps, keyof react_native.TextProps> & react.RefAttributes<Text>>;
+
+/**
+ * The backdrop, and what closes the dialog on a press outside it.
+ *
+ * **It dims**, where the `Popover`'s paints nothing. A popover is an aside you read the
+ * page around; a dialog is a question, and the page behind it is not available until it is
+ * answered — the dimming is what says so.
+ *
+ * `isDismissable={false}` for one that must be answered rather than escaped.
+ */
+declare const DialogOverlay: react.ForwardRefExoticComponent<{
+    children?: react.ReactNode;
+    isDismissable?: boolean;
+} & Omit<react_native.ViewProps, keyof {
+    children?: react.ReactNode;
+    isDismissable?: boolean;
+}> & Omit<ViewStyleProps, "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "isDismissable"> & react.RefAttributes<View>>;
+
+/** The question. A `header` for a screen reader, so the dialog announces as one. */
+declare const DialogTitle: react.ForwardRefExoticComponent<{
+    children?: react.ReactNode;
+} & Omit<react_native.TextProps, "children"> & Omit<TextStyleProps, keyof react_native.TextProps> & react.RefAttributes<Text>>;
+
+/**
+ * What asks the question. It paints nothing of its own — a dialog's trigger is a `Button`
+ * far more often than not, and giving it a surface would put a second box around one.
+ */
+declare const DialogTrigger: react.ForwardRefExoticComponent<{
+    children?: react.ReactNode;
+    asChild?: boolean;
+} & Omit<react_native.PressableProps, keyof {
+    children?: react.ReactNode;
+    asChild?: boolean;
+}> & Omit<ViewStyleProps, "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "disabled" | "onPress" | "onPressIn" | "onPressOut" | "onLongPress" | "delayLongPress" | "asChild" | "onHoverIn" | "onHoverOut" | "cancelable" | "delayHoverIn" | "delayHoverOut" | "pressRetentionOffset" | "android_disableSound" | "android_ripple" | "testOnly_pressed" | "unstable_pressDelay"> & react.RefAttributes<View>>;
+
+declare const useDialog: () => DialogContextValue;
+
+declare const dialogRecipe: Recipe<"title" | "overlay" | "content" | "description" | "close" | "closeGlyph" | "panel", "default", {
+    readonly radius: Record<RadiusKey, StyleFn<"content">>;
+}>;
+
+declare const Dialog: typeof Dialog$1 & {
+    Trigger: react.ForwardRefExoticComponent<{
+        children?: react.ReactNode;
+        asChild?: boolean;
+    } & Omit<react_native.PressableProps, keyof {
+        children?: react.ReactNode;
+        asChild?: boolean;
+    }> & Omit<ViewStyleProps, "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "disabled" | "onPress" | "onPressIn" | "onPressOut" | "onLongPress" | "delayLongPress" | "asChild" | "onHoverIn" | "onHoverOut" | "cancelable" | "delayHoverIn" | "delayHoverOut" | "pressRetentionOffset" | "android_disableSound" | "android_ripple" | "testOnly_pressed" | "unstable_pressDelay"> & react.RefAttributes<react_native.View>>;
+    Overlay: react.ForwardRefExoticComponent<{
+        children?: react.ReactNode;
+        isDismissable?: boolean;
+    } & Omit<react_native.ViewProps, keyof {
+        children?: react.ReactNode;
+        isDismissable?: boolean;
+    }> & Omit<ViewStyleProps, "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "isDismissable"> & react.RefAttributes<react_native.View>>;
+    Content: react.ForwardRefExoticComponent<{
+        children?: react.ReactNode;
+    } & Omit<react_native.ViewProps, "children"> & Omit<ViewStyleProps, keyof react_native.ViewProps> & react.RefAttributes<react_native.View>>;
+    Title: react.ForwardRefExoticComponent<{
+        children?: react.ReactNode;
+    } & Omit<react_native.TextProps, "children"> & Omit<TextStyleProps, keyof react_native.TextProps> & react.RefAttributes<react_native.Text>>;
+    Description: react.ForwardRefExoticComponent<{
+        children?: react.ReactNode;
+    } & Omit<react_native.TextProps, "children"> & Omit<TextStyleProps, keyof react_native.TextProps> & react.RefAttributes<react_native.Text>>;
+    Close: react.ForwardRefExoticComponent<DialogCloseProps & react.RefAttributes<react_native.View>>;
+};
+
+export { Dialog, DialogClose, type DialogCloseProps, DialogContent, type DialogContentProps, type DialogContextValue, DialogDescription, type DialogDescriptionProps, DialogOverlay, type DialogOverlayProps, type DialogProps, Dialog$1 as DialogRoot, type DialogSlot, DialogTitle, type DialogTitleProps, DialogTrigger, type DialogTriggerProps, dialogRecipe, useDialog };

package/dist/components/dialog/index.d.ts

@@ -0,0 +1,202 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import * as react_native from 'react-native';
+import { StyleProp, ViewStyle, TextStyle, ViewProps, TextProps, PressableProps, View, Text } from 'react-native';
+import { V as ViewStyleProps, T as TextStyleProps } from '../../style-props.type-CfnoGEP7.js';
+import { R as RadiusKey } from '../../theme.type-C2gNHpEx.js';
+import { C as CloseButtonProps } from '../../close-button.type-BUYuoSt2.js';
+import { R as Recipe, a as StyleFn } from '../../create-recipe-BdVd2ffi.js';
+import '../../pressable-feedback.type-Bs4dQlGj.js';
+import 'react-native-reanimated';
+
+type DialogSlot = 'overlay' | 'panel' | 'content' | 'title' | 'description' | 'close' | 'closeGlyph';
+type DialogOwnProps = {
+    children?: ReactNode;
+    radius?: RadiusKey;
+    isOpen?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (isOpen: boolean) => void;
+    isDisabled?: boolean;
+};
+/** The root renders **no node** — `ref` and `style` live on the parts that draw. */
+type DialogProps = DialogOwnProps;
+type DialogTriggerOwnProps = {
+    children?: ReactNode;
+    asChild?: boolean;
+};
+type DialogTriggerProps = DialogTriggerOwnProps & Omit<PressableProps, keyof DialogTriggerOwnProps> & Omit<ViewStyleProps, keyof DialogTriggerOwnProps | keyof PressableProps>;
+type DialogOverlayOwnProps = {
+    children?: ReactNode;
+    /** Pressing the backdrop closes the dialog. Off for one that must be answered. */
+    isDismissable?: boolean;
+};
+type DialogOverlayProps = DialogOverlayOwnProps & Omit<ViewProps, keyof DialogOverlayOwnProps> & Omit<ViewStyleProps, keyof DialogOverlayOwnProps | keyof ViewProps>;
+type DialogContentOwnProps = {
+    children?: ReactNode;
+};
+type DialogContentProps = DialogContentOwnProps & Omit<ViewProps, keyof DialogContentOwnProps> & Omit<ViewStyleProps, keyof DialogContentOwnProps | keyof ViewProps>;
+type DialogTextOwnProps = {
+    children?: ReactNode;
+};
+type DialogTitleProps = DialogTextOwnProps & Omit<TextProps, keyof DialogTextOwnProps> & Omit<TextStyleProps, keyof DialogTextOwnProps | keyof TextProps>;
+type DialogDescriptionProps = DialogTitleProps;
+/**
+ * Everything the shared `CloseButton` accepts, minus the three the dialog supplies itself:
+ * the warning's name and the two styles its recipe already resolved (R5).
+ *
+ * Which means `children` is optional and the cross is drawn without it, and that a caller
+ * who passes `asChild` gets their own element instead — the two dismissals a dialog has.
+ */
+type DialogCloseProps = Omit<CloseButtonProps, 'name' | 'baseStyle' | 'glyphStyle'>;
+/** R5 — resolved style ids and the state the slots read. */
+type DialogContextValue = {
+    overlayStyle: StyleProp<ViewStyle>;
+    panelStyle: StyleProp<ViewStyle>;
+    contentStyle: StyleProp<ViewStyle>;
+    titleStyle: StyleProp<TextStyle>;
+    descriptionStyle: StyleProp<TextStyle>;
+    closeStyle: StyleProp<ViewStyle>;
+    closeGlyphStyle: StyleProp<ViewStyle>;
+    isOpen: boolean;
+    isDisabled: boolean;
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+};
+
+/**
+ * A question the page has to be answered before it goes on.
+ *
+ * ```tsx
+ * <Dialog>
+ *   <Dialog.Trigger asChild>
+ *     <Button variant="danger">Supprimer</Button>
+ *   </Dialog.Trigger>
+ *   <Dialog.Overlay />
+ *   <Dialog.Content>
+ *     <Dialog.Title>Supprimer ce document ?</Dialog.Title>
+ *     <Dialog.Description>Définitif, sans corbeille.</Dialog.Description>
+ *   </Dialog.Content>
+ * </Dialog>
+ * ```
+ *
+ * **The root renders no node.** It holds one piece of state and the styles the slots read.
+ *
+ * It is the `Popover` without an anchor: the same portal, the same context re-provision,
+ * the same keyframes — and none of the measuring pass, the host origin or the collision
+ * flip, because a centred box has nothing to be measured against.
+ */
+declare function Dialog$1({ children, radius, isOpen: controlledOpen, defaultOpen, onOpenChange, isDisabled, }: DialogProps): react.JSX.Element;
+declare namespace Dialog$1 {
+    var displayName: string;
+}
+
+/**
+ * The way out of the dialog, in either of the two shapes one takes.
+ *
+ * ```tsx
+ * <Dialog.Content>
+ *   <Dialog.Close alignSelf="flex-end" accessibilityLabel="Fermer" />
+ *   <Dialog.Title>Supprimer ce document ?</Dialog.Title>
+ *   <Dialog.Close asChild>
+ *     <Button variant="danger">Supprimer</Button>
+ *   </Dialog.Close>
+ * </Dialog.Content>
+ * ```
+ *
+ * **Empty, it draws a cross** — the shared `CloseButton`'s, from two bars, so the corner
+ * affordance exists in a project that has installed no icon set. Given children, or
+ * `asChild`, it is whatever the dismissal actually says. Both close the dialog, which is
+ * the only thing this file adds to the shared button.
+ *
+ * It places itself nowhere. `alignSelf`, or `position: 'absolute'` with a `top` and an
+ * `end`, are the caller's call, because a title with room beside it and one without want
+ * different answers (R4).
+ */
+declare const DialogClose: react.ForwardRefExoticComponent<DialogCloseProps & react.RefAttributes<View>>;
+
+/**
+ * The panel, centred on the screen and inset from its edges.
+ *
+ * Two layers, and the outer one is not decoration: a centred box cannot also be the thing
+ * that centres it. The panel fills the portal and does the centring; the content is the
+ * box. The outer layer takes no touches, so a press that misses the panel reaches the
+ * overlay under it and closes the dialog.
+ */
+declare const DialogContent: react.ForwardRefExoticComponent<{
+    children?: react.ReactNode;
+} & Omit<react_native.ViewProps, "children"> & Omit<ViewStyleProps, keyof react_native.ViewProps> & react.RefAttributes<View>>;
+
+/** What the question costs. It wraps — that is what it exists to carry. */
+declare const DialogDescription: react.ForwardRefExoticComponent<{
+    children?: react.ReactNode;
+} & Omit<react_native.TextProps, "children"> & Omit<TextStyleProps, keyof react_native.TextProps> & react.RefAttributes<Text>>;
+
+/**
+ * The backdrop, and what closes the dialog on a press outside it.
+ *
+ * **It dims**, where the `Popover`'s paints nothing. A popover is an aside you read the
+ * page around; a dialog is a question, and the page behind it is not available until it is
+ * answered — the dimming is what says so.
+ *
+ * `isDismissable={false}` for one that must be answered rather than escaped.
+ */
+declare const DialogOverlay: react.ForwardRefExoticComponent<{
+    children?: react.ReactNode;
+    isDismissable?: boolean;
+} & Omit<react_native.ViewProps, keyof {
+    children?: react.ReactNode;
+    isDismissable?: boolean;
+}> & Omit<ViewStyleProps, "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "isDismissable"> & react.RefAttributes<View>>;
+
+/** The question. A `header` for a screen reader, so the dialog announces as one. */
+declare const DialogTitle: react.ForwardRefExoticComponent<{
+    children?: react.ReactNode;
+} & Omit<react_native.TextProps, "children"> & Omit<TextStyleProps, keyof react_native.TextProps> & react.RefAttributes<Text>>;
+
+/**
+ * What asks the question. It paints nothing of its own — a dialog's trigger is a `Button`
+ * far more often than not, and giving it a surface would put a second box around one.
+ */
+declare const DialogTrigger: react.ForwardRefExoticComponent<{
+    children?: react.ReactNode;
+    asChild?: boolean;
+} & Omit<react_native.PressableProps, keyof {
+    children?: react.ReactNode;
+    asChild?: boolean;
+}> & Omit<ViewStyleProps, "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "disabled" | "onPress" | "onPressIn" | "onPressOut" | "onLongPress" | "delayLongPress" | "asChild" | "onHoverIn" | "onHoverOut" | "cancelable" | "delayHoverIn" | "delayHoverOut" | "pressRetentionOffset" | "android_disableSound" | "android_ripple" | "testOnly_pressed" | "unstable_pressDelay"> & react.RefAttributes<View>>;
+
+declare const useDialog: () => DialogContextValue;
+
+declare const dialogRecipe: Recipe<"title" | "overlay" | "content" | "description" | "close" | "closeGlyph" | "panel", "default", {
+    readonly radius: Record<RadiusKey, StyleFn<"content">>;
+}>;
+
+declare const Dialog: typeof Dialog$1 & {
+    Trigger: react.ForwardRefExoticComponent<{
+        children?: react.ReactNode;
+        asChild?: boolean;
+    } & Omit<react_native.PressableProps, keyof {
+        children?: react.ReactNode;
+        asChild?: boolean;
+    }> & Omit<ViewStyleProps, "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "disabled" | "onPress" | "onPressIn" | "onPressOut" | "onLongPress" | "delayLongPress" | "asChild" | "onHoverIn" | "onHoverOut" | "cancelable" | "delayHoverIn" | "delayHoverOut" | "pressRetentionOffset" | "android_disableSound" | "android_ripple" | "testOnly_pressed" | "unstable_pressDelay"> & react.RefAttributes<react_native.View>>;
+    Overlay: react.ForwardRefExoticComponent<{
+        children?: react.ReactNode;
+        isDismissable?: boolean;
+    } & Omit<react_native.ViewProps, keyof {
+        children?: react.ReactNode;
+        isDismissable?: boolean;
+    }> & Omit<ViewStyleProps, "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "isDismissable"> & react.RefAttributes<react_native.View>>;
+    Content: react.ForwardRefExoticComponent<{
+        children?: react.ReactNode;
+    } & Omit<react_native.ViewProps, "children"> & Omit<ViewStyleProps, keyof react_native.ViewProps> & react.RefAttributes<react_native.View>>;
+    Title: react.ForwardRefExoticComponent<{
+        children?: react.ReactNode;
+    } & Omit<react_native.TextProps, "children"> & Omit<TextStyleProps, keyof react_native.TextProps> & react.RefAttributes<react_native.Text>>;
+    Description: react.ForwardRefExoticComponent<{
+        children?: react.ReactNode;
+    } & Omit<react_native.TextProps, "children"> & Omit<TextStyleProps, keyof react_native.TextProps> & react.RefAttributes<react_native.Text>>;
+    Close: react.ForwardRefExoticComponent<DialogCloseProps & react.RefAttributes<react_native.View>>;
+};
+
+export { Dialog, DialogClose, type DialogCloseProps, DialogContent, type DialogContentProps, type DialogContextValue, DialogDescription, type DialogDescriptionProps, DialogOverlay, type DialogOverlayProps, type DialogProps, Dialog$1 as DialogRoot, type DialogSlot, DialogTitle, type DialogTitleProps, DialogTrigger, type DialogTriggerProps, dialogRecipe, useDialog };

package/dist/components/dialog/index.js

@@ -0,0 +1,36 @@
+import {
+  Dialog,
+  Dialog2,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogOverlay,
+  DialogTitle,
+  DialogTrigger,
+  dialogRecipe,
+  useDialog
+} from "../../chunk-MA66HZKP.js";
+import "../../chunk-VIJTAIGH.js";
+import "../../chunk-2PMXMKS5.js";
+import "../../chunk-64MXEVT3.js";
+import "../../chunk-F6W3JQ7K.js";
+import "../../chunk-LIUO6D3D.js";
+import "../../chunk-423RQBOX.js";
+import "../../chunk-EGLLDKN6.js";
+import "../../chunk-K72UDPVN.js";
+import "../../chunk-36PRYGAM.js";
+import "../../chunk-4GTAZM2C.js";
+import "../../chunk-A3EGFI6T.js";
+import "../../chunk-M63GFNKV.js";
+export {
+  Dialog2 as Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogOverlay,
+  Dialog as DialogRoot,
+  DialogTitle,
+  DialogTrigger,
+  dialogRecipe,
+  useDialog
+};

package/dist/components/slider/index.d.cts

@@ -281,4 +281,4 @@ declare const Slider: react.ForwardRefExoticComponent<{
     Thumb: typeof SliderThumb;
 };
 
-export { Slider, type SliderContextValue, SliderFill, type SliderFillProps, SliderOutput, type SliderOutputProps, type SliderProps, SliderRoot, type SliderSize, type SliderSlot, SliderThumb, type SliderThumbProps, SliderTrack, type SliderTrackProps, fromFraction, sliderRecipe, snap, toFraction, useSlider };
+export { Slider, type SliderContextValue, SliderFill, type SliderFillProps, SliderOutput, type SliderOutputProps, type SliderProps, SliderRoot, type SliderSize, type SliderSlot, SliderThumb, type SliderThumbProps, SliderTrack, type SliderTrackProps, type SliderValue, fromFraction, sliderRecipe, snap, toFraction, useSlider };

package/dist/components/slider/index.d.ts

@@ -281,4 +281,4 @@ declare const Slider: react.ForwardRefExoticComponent<{
     Thumb: typeof SliderThumb;
 };
 
-export { Slider, type SliderContextValue, SliderFill, type SliderFillProps, SliderOutput, type SliderOutputProps, type SliderProps, SliderRoot, type SliderSize, type SliderSlot, SliderThumb, type SliderThumbProps, SliderTrack, type SliderTrackProps, fromFraction, sliderRecipe, snap, toFraction, useSlider };
+export { Slider, type SliderContextValue, SliderFill, type SliderFillProps, SliderOutput, type SliderOutputProps, type SliderProps, SliderRoot, type SliderSize, type SliderSlot, SliderThumb, type SliderThumbProps, SliderTrack, type SliderTrackProps, type SliderValue, fromFraction, sliderRecipe, snap, toFraction, useSlider };