@almach/ui 0.1.8 → 0.1.10

package/dist/components/family-modal.d.ts

@@ -0,0 +1,79 @@
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import * as React from "react";
+type ViewComponent = React.ComponentType<Record<string, unknown>>;
+interface ViewsRegistry {
+    [viewName: string]: ViewComponent;
+}
+interface FamilyModalCtxValue {
+    view: string;
+    setView: (view: string) => void;
+    views: ViewsRegistry | undefined;
+    contentHeight: number;
+    setContentHeight: (h: number) => void;
+}
+declare function useFamilyModal(): FamilyModalCtxValue;
+interface FamilyModalRootProps {
+    children: React.ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    defaultView?: string;
+    onViewChange?: (view: string) => void;
+    views?: ViewsRegistry;
+}
+declare function FamilyModalRoot({ children, open: controlledOpen, defaultOpen, onOpenChange, defaultView, onViewChange, views: customViews, }: FamilyModalRootProps): import("react/jsx-runtime").JSX.Element;
+interface FamilyModalContentProps {
+    children?: React.ReactNode;
+    className?: string;
+}
+interface FamilyModalAnimatedWrapperProps {
+    children: React.ReactNode;
+    className?: string;
+}
+declare function FamilyModalAnimatedWrapper({ children, className }: FamilyModalAnimatedWrapperProps): import("react/jsx-runtime").JSX.Element;
+interface FamilyModalAnimatedContentProps {
+    children: React.ReactNode;
+}
+declare function FamilyModalAnimatedContent({ children }: FamilyModalAnimatedContentProps): import("react/jsx-runtime").JSX.Element;
+interface FamilyModalViewContentProps {
+    views?: ViewsRegistry;
+}
+declare function FamilyModalViewContent({ views: propViews }?: FamilyModalViewContentProps): import("react/jsx-runtime").JSX.Element | null;
+interface FamilyModalCloseProps {
+    children?: React.ReactNode;
+    className?: string;
+}
+declare function FamilyModalClose({ children, className }: FamilyModalCloseProps): import("react/jsx-runtime").JSX.Element;
+interface FamilyModalHeaderProps {
+    icon?: React.ReactNode;
+    title: string;
+    description?: string;
+    className?: string;
+}
+declare function FamilyModalHeader({ icon, title, description, className }: FamilyModalHeaderProps): import("react/jsx-runtime").JSX.Element;
+interface FamilyModalButtonProps {
+    children: React.ReactNode;
+    onClick?: () => void;
+    className?: string;
+}
+declare function FamilyModalButton({ children, onClick, className }: FamilyModalButtonProps): import("react/jsx-runtime").JSX.Element;
+interface FamilyModalSecondaryButtonProps {
+    children: React.ReactNode;
+    onClick?: () => void;
+    className: string;
+}
+declare function FamilyModalSecondaryButton({ children, onClick, className, }: FamilyModalSecondaryButtonProps): import("react/jsx-runtime").JSX.Element;
+declare const FamilyModal: typeof FamilyModalRoot & {
+    Trigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+    Content: React.ForwardRefExoticComponent<FamilyModalContentProps & React.RefAttributes<HTMLDivElement>>;
+    AnimatedWrapper: typeof FamilyModalAnimatedWrapper;
+    AnimatedContent: typeof FamilyModalAnimatedContent;
+    ViewContent: typeof FamilyModalViewContent;
+    Close: typeof FamilyModalClose;
+    Header: typeof FamilyModalHeader;
+    Button: typeof FamilyModalButton;
+    SecondaryButton: typeof FamilyModalSecondaryButton;
+};
+export { FamilyModal, useFamilyModal };
+export type { ViewsRegistry, ViewComponent };
+//# sourceMappingURL=family-modal.d.ts.map

package/dist/components/family-modal.d.ts.map

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

package/dist/components/family-modal.js

@@ -0,0 +1,112 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import * as React from "react";
+import { cn } from "@almach/utils";
+const FamilyModalCtx = React.createContext(undefined);
+const DisplayedViewCtx = React.createContext("default");
+function useFamilyModal() {
+    const ctx = React.useContext(FamilyModalCtx);
+    if (!ctx)
+        throw new Error("FamilyModal components must be used within FamilyModal");
+    return ctx;
+}
+function FamilyModalRoot({ children, open: controlledOpen, defaultOpen = false, onOpenChange, defaultView = "default", onViewChange, views: customViews, }) {
+    const [internalOpen, setInternalOpen] = React.useState(defaultOpen);
+    const [view, setView] = React.useState(defaultView);
+    const [contentHeight, setContentHeight] = React.useState(0);
+    const isOpen = controlledOpen !== undefined ? controlledOpen : internalOpen;
+    const setIsOpen = onOpenChange ?? setInternalOpen;
+    const handleViewChange = (newView) => {
+        setView(newView);
+        onViewChange?.(newView);
+    };
+    const views = customViews && Object.keys(customViews).length > 0 ? customViews : undefined;
+    return (_jsx(FamilyModalCtx.Provider, { value: { view, setView: handleViewChange, views, contentHeight, setContentHeight }, children: _jsx(DialogPrimitive.Root, { open: isOpen, onOpenChange: setIsOpen, children: children }) }));
+}
+const FamilyModalContent = React.forwardRef(({ children, className }, ref) => {
+    const { contentHeight } = useFamilyModal();
+    return (_jsxs(DialogPrimitive.Portal, { children: [_jsx(DialogPrimitive.Overlay, { className: cn("fixed inset-0 z-50 bg-black/30", "data-[state=open]:animate-in data-[state=closed]:animate-out", "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0") }), _jsx(DialogPrimitive.Content, { ref: ref, className: cn("fixed left-1/2 top-1/2 z-50 -translate-x-1/2 -translate-y-1/2", "w-[calc(100%-2rem)] max-w-[361px]", "overflow-hidden rounded-[36px] bg-background shadow-xl outline-none", "data-[state=open]:animate-in data-[state=closed]:animate-out", "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95", className), style: {
+                    height: contentHeight > 0 ? contentHeight : undefined,
+                    transition: "height 0.27s cubic-bezier(0.25, 1, 0.5, 1)",
+                }, children: children ?? (_jsxs(_Fragment, { children: [_jsx(FamilyModalClose, {}), _jsx(FamilyModalAnimatedWrapper, { children: _jsx(FamilyModalAnimatedContent, { children: _jsx(FamilyModalViewContent, {}) }) })] })) })] }));
+});
+FamilyModalContent.displayName = "FamilyModal.Content";
+function FamilyModalAnimatedWrapper({ children, className }) {
+    const { setContentHeight } = useFamilyModal();
+    const ref = React.useRef(null);
+    React.useEffect(() => {
+        const el = ref.current;
+        if (!el)
+            return;
+        const observer = new ResizeObserver(() => {
+            setContentHeight(el.offsetHeight);
+        });
+        observer.observe(el);
+        setContentHeight(el.offsetHeight);
+        return () => observer.disconnect();
+    }, [setContentHeight]);
+    return (_jsx("div", { ref: ref, className: cn("px-6 pb-6 pt-2.5 antialiased", className), children: children }));
+}
+function FamilyModalAnimatedContent({ children }) {
+    const { view } = useFamilyModal();
+    const [displayedView, setDisplayedView] = React.useState(view);
+    const [visible, setVisible] = React.useState(true);
+    const pendingRef = React.useRef(view);
+    React.useEffect(() => {
+        if (view === displayedView)
+            return;
+        pendingRef.current = view;
+        setVisible(false);
+        const t = setTimeout(() => {
+            setDisplayedView(pendingRef.current);
+            setVisible(true);
+        }, 120);
+        return () => clearTimeout(t);
+    }, [view, displayedView]);
+    return (_jsx(DisplayedViewCtx.Provider, { value: displayedView, children: _jsx("div", { style: {
+                opacity: visible ? 1 : 0,
+                transform: visible ? "scale(1)" : "scale(0.96)",
+                transition: "opacity 0.12s ease, transform 0.12s ease",
+            }, children: children }) }));
+}
+function FamilyModalViewContent({ views: propViews } = {}) {
+    const { views: contextViews } = useFamilyModal();
+    const displayedView = React.useContext(DisplayedViewCtx);
+    const views = propViews ?? contextViews;
+    if (!views) {
+        throw new Error("FamilyModalViewContent requires views via props or FamilyModal root");
+    }
+    const ViewComponent = views[displayedView] ?? views.default;
+    return ViewComponent ? _jsx(ViewComponent, {}) : null;
+}
+function FamilyModalClose({ children, className }) {
+    return (_jsx(DialogPrimitive.Close, { className: cn("absolute right-8 top-7 z-10 flex h-8 w-8 items-center justify-center", "rounded-full bg-muted text-muted-foreground", "transition-transform focus:scale-95 active:scale-75 cursor-pointer", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", className), children: children ?? _jsx(FamilyModalCloseIcon, {}) }));
+}
+function FamilyModalHeader({ icon, title, description, className }) {
+    return (_jsxs("header", { className: cn("mt-[21px]", className), children: [icon, _jsx(DialogPrimitive.Title, { className: "mt-2.5 text-[22px] font-semibold text-foreground md:font-medium", children: title }), description && (_jsx(DialogPrimitive.Description, { className: "mt-3 text-[17px] font-medium leading-[24px] text-muted-foreground md:font-normal", children: description }))] }));
+}
+function FamilyModalButton({ children, onClick, className }) {
+    return (_jsx("button", { type: "button", className: cn("flex h-12 w-full items-center gap-[15px] rounded-[16px] bg-muted px-4", "text-[17px] font-semibold text-foreground md:font-medium", "transition-transform focus:scale-95 active:scale-95 cursor-pointer", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", className), onClick: onClick, children: children }));
+}
+function FamilyModalSecondaryButton({ children, onClick, className, }) {
+    return (_jsx("button", { type: "button", className: cn("flex h-12 w-full items-center justify-center gap-[15px] rounded-full", "text-center text-[19px] font-semibold md:font-medium", "transition-transform focus:scale-95 active:scale-95 cursor-pointer", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", className), onClick: onClick, children: children }));
+}
+/* ── Close Icon ───────────────────────────────────────────────────────────── */
+function FamilyModalCloseIcon() {
+    return (_jsxs("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("title", { children: "Close" }), _jsx("path", { d: "M10.4854 1.99998L2.00007 10.4853", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M10.4854 10.4844L2.00007 1.99908", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" })] }));
+}
+/* ── Compound export ──────────────────────────────────────────────────────── */
+const FamilyModal = Object.assign(FamilyModalRoot, {
+    Trigger: DialogPrimitive.Trigger,
+    Content: FamilyModalContent,
+    AnimatedWrapper: FamilyModalAnimatedWrapper,
+    AnimatedContent: FamilyModalAnimatedContent,
+    ViewContent: FamilyModalViewContent,
+    Close: FamilyModalClose,
+    Header: FamilyModalHeader,
+    Button: FamilyModalButton,
+    SecondaryButton: FamilyModalSecondaryButton,
+});
+export { FamilyModal, useFamilyModal };
+//# sourceMappingURL=family-modal.js.map

package/dist/components/family-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"family-modal.js","sourceRoot":"","sources":["../../src/components/family-modal.tsx"],"names":[],"mappings":"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"}

package/dist/components/modal.d.ts

@@ -1,20 +1,41 @@
 import * as React from "react";
+type ViewComponent = React.ComponentType<Record<string, unknown>>;
+interface ViewsRegistry {
+    [viewName: string]: ViewComponent;
+}
+/** Use inside any view component to read/change the current view. */
+declare function useModal(): {
+    view: string;
+    setView: (v: string) => void;
+};
 interface ModalRootProps {
+    children?: React.ReactNode;
     open?: boolean;
+    defaultOpen?: boolean;
     onOpenChange?: (open: boolean) => void;
-    children: React.ReactNode;
+    /** Shorthand: wraps element in Modal.Trigger */
+    trigger?: React.ReactNode;
+    /** Shorthand: renders Modal.Header + Modal.Title (regular mode only) */
+    title?: string;
+    /** Shorthand: renders Modal.Description below the title */
+    description?: string;
+    /** Enable family multi-view mode — map of view name → component */
+    views?: ViewsRegistry;
+    /** Starting view for family mode (default: "default") */
+    defaultView?: string;
+    /** Called whenever the active view changes */
+    onViewChange?: (view: string) => void;
 }
-declare function ModalRoot({ open, onOpenChange, children }: ModalRootProps): import("react/jsx-runtime").JSX.Element;
+declare function ModalRoot({ children, open, defaultOpen, onOpenChange, trigger, title, description, views: customViews, defaultView, onViewChange, }: ModalRootProps): import("react/jsx-runtime").JSX.Element;
 interface ModalTriggerProps {
     asChild?: boolean;
     children: React.ReactNode;
 }
 declare function ModalTrigger({ asChild, children }: ModalTriggerProps): import("react/jsx-runtime").JSX.Element;
 interface ModalContentProps {
+    children?: React.ReactNode;
     className?: string;
-    children: React.ReactNode;
 }
-declare function ModalContent({ className, children }: ModalContentProps): import("react/jsx-runtime").JSX.Element;
 declare function ModalHeader({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
 declare function ModalFooter({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
 interface ModalCloseProps {
@@ -23,14 +44,48 @@ interface ModalCloseProps {
     className?: string;
 }
 declare function ModalClose({ asChild, children, className }: ModalCloseProps): import("react/jsx-runtime").JSX.Element;
+declare function ModalAnimatedWrapper({ children, className, }: {
+    children: React.ReactNode;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+declare function ModalAnimatedContent({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+declare function ModalViewContent({ views: propViews }?: {
+    views?: ViewsRegistry;
+}): import("react/jsx-runtime").JSX.Element | null;
+interface ModalViewHeaderProps {
+    icon?: React.ReactNode;
+    title: string;
+    description?: string;
+    className?: string;
+}
+declare function ModalViewHeader({ icon, title, description, className }: ModalViewHeaderProps): import("react/jsx-runtime").JSX.Element;
+declare function ModalNavButton({ children, onClick, className, }: {
+    children: React.ReactNode;
+    onClick?: () => void;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+declare function ModalActionButton({ children, onClick, className, }: {
+    children: React.ReactNode;
+    onClick?: () => void;
+    className: string;
+}): import("react/jsx-runtime").JSX.Element;
 declare const Modal: typeof ModalRoot & {
     Trigger: typeof ModalTrigger;
-    Content: typeof ModalContent;
+    Content: React.ForwardRefExoticComponent<ModalContentProps & React.RefAttributes<HTMLDivElement>>;
     Header: typeof ModalHeader;
     Footer: typeof ModalFooter;
     Title: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
     Description: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
     Close: typeof ModalClose;
+    ViewHeader: typeof ModalViewHeader;
+    ViewContent: typeof ModalViewContent;
+    AnimatedWrapper: typeof ModalAnimatedWrapper;
+    AnimatedContent: typeof ModalAnimatedContent;
+    NavButton: typeof ModalNavButton;
+    ActionButton: typeof ModalActionButton;
 };
-export { Modal };
+export { Modal, useModal };
+export type { ViewsRegistry, ViewComponent };
 //# sourceMappingURL=modal.d.ts.map

package/dist/components/modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../src/components/modal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,UAAU,cAAc;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,iBAAS,SAAS,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,cAAc,2CAalE;AAGD,UAAU,iBAAiB;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,iBAAS,YAAY,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAI7D;AAGD,UAAU,iBAAiB;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAK/D;AAGD,iBAAS,WAAW,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,2CAItC;AAGD,iBAAS,WAAW,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,2CAItC;AA2BD,UAAU,eAAe;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,iBAAS,UAAU,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,eAAe,2CAWpE;AAGD,QAAA,MAAM,KAAK;;;;;;;;CAQT,CAAC;AAEH,OAAO,EAAE,KAAK,EAAE,CAAC"}
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../src/components/modal.tsx"],"names":[],"mappings":"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"}

package/dist/components/modal.js

@@ -1,45 +1,90 @@
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
 import * as React from "react";
+import { cn } from "@almach/utils";
 import { useIsMobile } from "../hooks/use-media-query";
 import { Dialog } from "./dialog";
 import { Drawer } from "./drawer";
-/* ── Context ─────────────────────────────────────────────────────────────── */
-const ModalCtx = React.createContext(false);
-const useModal = () => React.useContext(ModalCtx);
-function ModalRoot({ open, onOpenChange, children }) {
+const ModalCtx = React.createContext({
+    isMobile: false,
+    views: undefined,
+    view: "default",
+    setView: () => { },
+    contentHeight: 0,
+    setContentHeight: () => { },
+});
+/* Internal: tracks which view is currently rendered (lags during transition) */
+const DisplayedViewCtx = React.createContext("default");
+function useModalCtx() {
+    return React.useContext(ModalCtx);
+}
+/** Use inside any view component to read/change the current view. */
+function useModal() {
+    const { view, setView } = useModalCtx();
+    return { view, setView };
+}
+function ModalRoot({ children, open, defaultOpen, onOpenChange, trigger, title, description, views: customViews, defaultView = "default", onViewChange, }) {
     const isMobile = useIsMobile();
     const Root = isMobile ? Drawer : Dialog;
-    return (_jsx(ModalCtx.Provider, { value: isMobile, children: _jsx(Root, { ...(open !== undefined && { open }), ...(onOpenChange !== undefined && { onOpenChange }), children: children }) }));
+    const [view, setView] = React.useState(defaultView);
+    const [contentHeight, setContentHeight] = React.useState(0);
+    const views = customViews && Object.keys(customViews).length > 0 ? customViews : undefined;
+    const handleViewChange = (v) => {
+        setView(v);
+        onViewChange?.(v);
+    };
+    const rootProps = {
+        ...(open !== undefined && { open }),
+        ...(defaultOpen !== undefined && { defaultOpen }),
+        ...(onOpenChange !== undefined && { onOpenChange }),
+    };
+    const isFamilyMode = !!views;
+    const hasShorthand = trigger !== undefined || title !== undefined;
+    const inner = hasShorthand ? (_jsxs(_Fragment, { children: [trigger !== undefined && (_jsx(ModalTrigger, { asChild: true, children: trigger })), isFamilyMode ? (_jsx(ModalContent, {})) : (_jsxs(ModalContent, { children: [title !== undefined && (_jsxs(ModalHeader, { children: [_jsx(ModalTitle, { children: title }), description && _jsx(ModalDescription, { children: description })] })), children] }))] })) : (children);
+    return (_jsx(ModalCtx.Provider, { value: { isMobile, views, view, setView: handleViewChange, contentHeight, setContentHeight }, children: _jsx(Root, { ...rootProps, children: inner }) }));
 }
 function ModalTrigger({ asChild, children }) {
-    const isMobile = useModal();
+    const { isMobile } = useModalCtx();
     const Trigger = isMobile ? Drawer.Trigger : Dialog.Trigger;
     return _jsx(Trigger, { ...(asChild !== undefined && { asChild }), children: children });
 }
-function ModalContent({ className, children }) {
-    const isMobile = useModal();
-    if (isMobile)
-        return _jsx(Drawer.Content, { className: className, children: children });
-    return _jsx(Dialog.Content, { className: className, children: children });
-}
+const ModalContent = React.forwardRef(({ children, className }, ref) => {
+    const { isMobile, views, contentHeight } = useModalCtx();
+    const isFamilyMode = !!views;
+    const familyContent = children ?? (_jsxs(_Fragment, { children: [_jsx(ModalFamilyClose, {}), _jsx(ModalAnimatedWrapper, { children: _jsx(ModalAnimatedContent, { children: _jsx(ModalViewContent, {}) }) })] }));
+    /* Mobile — Vaul bottom sheet */
+    if (isMobile) {
+        return (_jsx(Drawer.Content, { className: className, children: isFamilyMode ? familyContent : children }));
+    }
+    /* Desktop, family mode — bare DialogPrimitive with height animation */
+    if (isFamilyMode) {
+        return (_jsxs(DialogPrimitive.Portal, { children: [_jsx(DialogPrimitive.Overlay, { className: cn("fixed inset-0 z-50 bg-black/30", "data-[state=open]:animate-in data-[state=closed]:animate-out", "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0") }), _jsx(DialogPrimitive.Content, { ref: ref, className: cn("fixed left-1/2 top-1/2 z-50 -translate-x-1/2 -translate-y-1/2", "w-[calc(100%-2rem)] max-w-[361px] overflow-hidden rounded-[36px]", "bg-background shadow-xl outline-none", "data-[state=open]:animate-in data-[state=closed]:animate-out", "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95", className), style: {
+                        height: contentHeight > 0 ? contentHeight : undefined,
+                        transition: "height 0.27s cubic-bezier(0.25, 1, 0.5, 1)",
+                    }, children: familyContent })] }));
+    }
+    /* Desktop, regular mode — standard Dialog */
+    return (_jsx(Dialog.Content, { ref: ref, className: className, children: children }));
+});
+ModalContent.displayName = "Modal.Content";
 /* ── Header ──────────────────────────────────────────────────────────────── */
 function ModalHeader({ className, ...props }) {
-    const isMobile = useModal();
+    const { isMobile } = useModalCtx();
     if (isMobile)
         return _jsx(Drawer.Header, { className: className, ...props });
     return _jsx(Dialog.Header, { className: className, ...props });
 }
 /* ── Footer ──────────────────────────────────────────────────────────────── */
 function ModalFooter({ className, ...props }) {
-    const isMobile = useModal();
+    const { isMobile } = useModalCtx();
     if (isMobile)
         return _jsx(Drawer.Footer, { className: className, ...props });
     return _jsx(Dialog.Footer, { className: className, ...props });
 }
 /* ── Title ───────────────────────────────────────────────────────────────── */
 const ModalTitle = React.forwardRef(({ className, ...props }, ref) => {
-    const isMobile = useModal();
+    const { isMobile } = useModalCtx();
     if (isMobile)
         return _jsx(Drawer.Title, { ref: ref, className: className, ...props });
     return _jsx(Dialog.Title, { ref: ref, className: className, ...props });
@@ -47,17 +92,86 @@ const ModalTitle = React.forwardRef(({ className, ...props }, ref) => {
 ModalTitle.displayName = "Modal.Title";
 /* ── Description ─────────────────────────────────────────────────────────── */
 const ModalDescription = React.forwardRef(({ className, ...props }, ref) => {
-    const isMobile = useModal();
+    const { isMobile } = useModalCtx();
     if (isMobile)
         return _jsx(Drawer.Description, { ref: ref, className: className, ...props });
     return _jsx(Dialog.Description, { ref: ref, className: className, ...props });
 });
 ModalDescription.displayName = "Modal.Description";
 function ModalClose({ asChild, children, className }) {
-    const isMobile = useModal();
+    const { isMobile } = useModalCtx();
     const Close = isMobile ? Drawer.Close : Dialog.Close;
     return (_jsx(Close, { ...(asChild !== undefined && { asChild }), ...(className !== undefined && { className }), children: children }));
 }
+/* ── Family: animated wrapper (measures height) ───────────────────────────── */
+function ModalAnimatedWrapper({ children, className, }) {
+    const { setContentHeight } = useModalCtx();
+    const ref = React.useRef(null);
+    React.useEffect(() => {
+        const el = ref.current;
+        if (!el)
+            return;
+        const observer = new ResizeObserver(() => setContentHeight(el.offsetHeight));
+        observer.observe(el);
+        setContentHeight(el.offsetHeight);
+        return () => observer.disconnect();
+    }, [setContentHeight]);
+    return (_jsx("div", { ref: ref, className: cn("px-6 pb-6 pt-2.5 antialiased", className), children: children }));
+}
+/* ── Family: animated content (view transitions) ─────────────────────────── */
+function ModalAnimatedContent({ children }) {
+    const { view } = useModalCtx();
+    const [displayedView, setDisplayedView] = React.useState(view);
+    const [visible, setVisible] = React.useState(true);
+    const pendingRef = React.useRef(view);
+    React.useEffect(() => {
+        if (view === displayedView)
+            return;
+        pendingRef.current = view;
+        setVisible(false);
+        const t = setTimeout(() => {
+            setDisplayedView(pendingRef.current);
+            setVisible(true);
+        }, 120);
+        return () => clearTimeout(t);
+    }, [view, displayedView]);
+    return (_jsx(DisplayedViewCtx.Provider, { value: displayedView, children: _jsx("div", { style: {
+                opacity: visible ? 1 : 0,
+                transform: visible ? "scale(1)" : "scale(0.96)",
+                transition: "opacity 0.12s ease, transform 0.12s ease",
+            }, children: children }) }));
+}
+/* ── Family: view content renderer ───────────────────────────────────────── */
+function ModalViewContent({ views: propViews } = {}) {
+    const { views: contextViews } = useModalCtx();
+    const displayedView = React.useContext(DisplayedViewCtx);
+    const views = propViews ?? contextViews;
+    if (!views)
+        throw new Error("Modal.ViewContent requires views on the Modal root");
+    const ViewComponent = views[displayedView] ?? views.default;
+    return ViewComponent ? _jsx(ViewComponent, {}) : null;
+}
+/* ── Family: floating close button ───────────────────────────────────────── */
+function ModalFamilyClose({ children, className, }) {
+    const { isMobile } = useModalCtx();
+    const Close = isMobile ? Drawer.Close : DialogPrimitive.Close;
+    return (_jsx(Close, { className: cn("absolute right-8 top-7 z-10 flex h-8 w-8 items-center justify-center", "rounded-full bg-muted text-muted-foreground cursor-pointer", "transition-transform focus:scale-95 active:scale-75", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", className), children: children ?? _jsx(ModalCloseIcon, {}) }));
+}
+function ModalViewHeader({ icon, title, description, className }) {
+    return (_jsxs("header", { className: cn("mt-[21px]", className), children: [icon, _jsx(DialogPrimitive.Title, { className: "mt-2.5 text-[22px] font-semibold text-foreground md:font-medium", children: title }), description && (_jsx(DialogPrimitive.Description, { className: "mt-3 text-[17px] font-medium leading-[24px] text-muted-foreground md:font-normal", children: description }))] }));
+}
+/* ── Family: navigation button ────────────────────────────────────────────── */
+function ModalNavButton({ children, onClick, className, }) {
+    return (_jsx("button", { type: "button", onClick: onClick, className: cn("flex h-12 w-full items-center gap-[15px] rounded-[16px] bg-muted px-4", "text-[17px] font-semibold text-foreground md:font-medium cursor-pointer", "transition-transform focus:scale-95 active:scale-95", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", className), children: children }));
+}
+/* ── Family: action button (pill) ─────────────────────────────────────────── */
+function ModalActionButton({ children, onClick, className, }) {
+    return (_jsx("button", { type: "button", onClick: onClick, className: cn("flex h-12 w-full items-center justify-center gap-[15px] rounded-full", "text-center text-[19px] font-semibold md:font-medium cursor-pointer", "transition-transform focus:scale-95 active:scale-95", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", className), children: children }));
+}
+/* ── Close icon ───────────────────────────────────────────────────────────── */
+function ModalCloseIcon() {
+    return (_jsxs("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("title", { children: "Close" }), _jsx("path", { d: "M10.4854 1.99998L2.00007 10.4853", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M10.4854 10.4844L2.00007 1.99908", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" })] }));
+}
 /* ── Compound export ─────────────────────────────────────────────────────── */
 const Modal = Object.assign(ModalRoot, {
     Trigger: ModalTrigger,
@@ -67,6 +181,13 @@ const Modal = Object.assign(ModalRoot, {
     Title: ModalTitle,
     Description: ModalDescription,
     Close: ModalClose,
+    /* Family mode */
+    ViewHeader: ModalViewHeader,
+    ViewContent: ModalViewContent,
+    AnimatedWrapper: ModalAnimatedWrapper,
+    AnimatedContent: ModalAnimatedContent,
+    NavButton: ModalNavButton,
+    ActionButton: ModalActionButton,
 });
-export { Modal };
+export { Modal, useModal };
 //# sourceMappingURL=modal.js.map

package/dist/components/modal.js.map

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

package/dist/components/toaster.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toaster.d.ts","sourceRoot":"","sources":["../../src/components/toaster.tsx"],"names":[],"mappings":"AAIA,wBAAgB,OAAO,4CAwBtB"}
+{"version":3,"file":"toaster.d.ts","sourceRoot":"","sources":["../../src/components/toaster.tsx"],"names":[],"mappings":"AAIA,wBAAgB,OAAO,4CA8BtB"}

package/dist/components/toaster.js

@@ -2,7 +2,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Toaster as SonnerToaster } from "sonner";
 export function Toaster() {
-    return (_jsx(SonnerToaster, { position: "bottom-right", toastOptions: {
+    return (_jsx(SonnerToaster, { position: "bottom-right", theme: "system", toastOptions: {
+            style: {
+                background: "hsl(var(--background))",
+                border: "1px solid hsl(var(--border))",
+                color: "hsl(var(--foreground))",
+            },
             classNames: {
                 toast: "!bg-background !border !border-border !text-foreground !rounded-2xl !shadow-lg font-sans",
                 title: "!text-sm !font-semibold",

package/dist/components/toaster.js.map

@@ -1 +1 @@
-{"version":3,"file":"toaster.js","sourceRoot":"","sources":["../../src/components/toaster.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,QAAQ,CAAC;AAElD,MAAM,UAAU,OAAO;IACtB,OAAO,CACN,KAAC,aAAa,IACb,QAAQ,EAAC,cAAc,EACvB,YAAY,EAAE;YACb,UAAU,EAAE;gBACX,KAAK,EACJ,0FAA0F;gBAC3F,KAAK,EAAE,yBAAyB;gBAChC,WAAW,EAAE,iCAAiC;gBAC9C,YAAY,EACX,4DAA4D;gBAC7D,YAAY,EACX,wDAAwD;gBACzD,WAAW,EACV,6EAA6E;gBAC9E,KAAK,EAAE,+CAA+C;gBACtD,OAAO,EAAE,uCAAuC;gBAChD,OAAO,EAAE,uCAAuC;gBAChD,IAAI,EAAE,gBAAgB;aACtB;SACD,GACA,CACF,CAAC;AACH,CAAC"}
+{"version":3,"file":"toaster.js","sourceRoot":"","sources":["../../src/components/toaster.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,QAAQ,CAAC;AAElD,MAAM,UAAU,OAAO;IACtB,OAAO,CACN,KAAC,aAAa,IACb,QAAQ,EAAC,cAAc,EACvB,KAAK,EAAC,QAAQ,EACd,YAAY,EAAE;YACb,KAAK,EAAE;gBACN,UAAU,EAAE,wBAAwB;gBACpC,MAAM,EAAE,8BAA8B;gBACtC,KAAK,EAAE,wBAAwB;aAC/B;YACD,UAAU,EAAE;gBACX,KAAK,EACJ,0FAA0F;gBAC3F,KAAK,EAAE,yBAAyB;gBAChC,WAAW,EAAE,iCAAiC;gBAC9C,YAAY,EACX,4DAA4D;gBAC7D,YAAY,EACX,wDAAwD;gBACzD,WAAW,EACV,6EAA6E;gBAC9E,KAAK,EAAE,+CAA+C;gBACtD,OAAO,EAAE,uCAAuC;gBAChD,OAAO,EAAE,uCAAuC;gBAChD,IAAI,EAAE,gBAAgB;aACtB;SACD,GACA,CACF,CAAC;AACH,CAAC"}

package/dist/index.d.ts

@@ -22,7 +22,9 @@ export type { InputProps, InputDateProps, DateInputProps } from "./components/in
 export { InputCurrency, CURRENCIES, CurrencyFlagBadge } from "./components/currency-input";
 export type { CurrencyDef, CurrencyValue, InputCurrencyProps, CurrencySelectorMode } from "./components/currency-input";
 export { Label } from "./components/label";
-export { Modal } from "./components/modal";
+export { FamilyModal, useFamilyModal } from "./components/family-modal";
+export { Modal, useModal } from "./components/modal";
+export type { ViewsRegistry, ViewComponent } from "./components/modal";
 export { Popover } from "./components/popover";
 export { Progress } from "./components/progress";
 export { Radio } from "./components/radio";