@sytechui/modal 2.2.29

package/dist/modal-context.d.ts

@@ -0,0 +1,310 @@
+import * as _sytechui_theme from '@sytechui/theme';
+import * as framer_motion from 'framer-motion';
+import * as react from 'react';
+import * as tailwind_variants from 'tailwind-variants';
+import * as _sytechui_system from '@sytechui/system';
+
+declare const ModalProvider: react.Provider<{
+    Component: _sytechui_system.As<any>;
+    slots: {
+        wrapper: (slotProps?: ({
+            size?: "md" | "lg" | "sm" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "full" | undefined;
+            backdrop?: "opaque" | "blur" | "transparent" | undefined;
+            radius?: "md" | "lg" | "sm" | "none" | undefined;
+            shadow?: "md" | "lg" | "sm" | "none" | undefined;
+            placement?: "center" | "auto" | "top" | "top-center" | "bottom" | "bottom-center" | undefined;
+            scrollBehavior?: "normal" | "inside" | "outside" | undefined;
+            disableAnimation?: boolean | undefined;
+        } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
+        base: (slotProps?: ({
+            size?: "md" | "lg" | "sm" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "full" | undefined;
+            backdrop?: "opaque" | "blur" | "transparent" | undefined;
+            radius?: "md" | "lg" | "sm" | "none" | undefined;
+            shadow?: "md" | "lg" | "sm" | "none" | undefined;
+            placement?: "center" | "auto" | "top" | "top-center" | "bottom" | "bottom-center" | undefined;
+            scrollBehavior?: "normal" | "inside" | "outside" | undefined;
+            disableAnimation?: boolean | undefined;
+        } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
+        backdrop: (slotProps?: ({
+            size?: "md" | "lg" | "sm" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "full" | undefined;
+            backdrop?: "opaque" | "blur" | "transparent" | undefined;
+            radius?: "md" | "lg" | "sm" | "none" | undefined;
+            shadow?: "md" | "lg" | "sm" | "none" | undefined;
+            placement?: "center" | "auto" | "top" | "top-center" | "bottom" | "bottom-center" | undefined;
+            scrollBehavior?: "normal" | "inside" | "outside" | undefined;
+            disableAnimation?: boolean | undefined;
+        } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
+        header: (slotProps?: ({
+            size?: "md" | "lg" | "sm" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "full" | undefined;
+            backdrop?: "opaque" | "blur" | "transparent" | undefined;
+            radius?: "md" | "lg" | "sm" | "none" | undefined;
+            shadow?: "md" | "lg" | "sm" | "none" | undefined;
+            placement?: "center" | "auto" | "top" | "top-center" | "bottom" | "bottom-center" | undefined;
+            scrollBehavior?: "normal" | "inside" | "outside" | undefined;
+            disableAnimation?: boolean | undefined;
+        } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
+        body: (slotProps?: ({
+            size?: "md" | "lg" | "sm" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "full" | undefined;
+            backdrop?: "opaque" | "blur" | "transparent" | undefined;
+            radius?: "md" | "lg" | "sm" | "none" | undefined;
+            shadow?: "md" | "lg" | "sm" | "none" | undefined;
+            placement?: "center" | "auto" | "top" | "top-center" | "bottom" | "bottom-center" | undefined;
+            scrollBehavior?: "normal" | "inside" | "outside" | undefined;
+            disableAnimation?: boolean | undefined;
+        } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
+        footer: (slotProps?: ({
+            size?: "md" | "lg" | "sm" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "full" | undefined;
+            backdrop?: "opaque" | "blur" | "transparent" | undefined;
+            radius?: "md" | "lg" | "sm" | "none" | undefined;
+            shadow?: "md" | "lg" | "sm" | "none" | undefined;
+            placement?: "center" | "auto" | "top" | "top-center" | "bottom" | "bottom-center" | undefined;
+            scrollBehavior?: "normal" | "inside" | "outside" | undefined;
+            disableAnimation?: boolean | undefined;
+        } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
+        closeButton: (slotProps?: ({
+            size?: "md" | "lg" | "sm" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "full" | undefined;
+            backdrop?: "opaque" | "blur" | "transparent" | undefined;
+            radius?: "md" | "lg" | "sm" | "none" | undefined;
+            shadow?: "md" | "lg" | "sm" | "none" | undefined;
+            placement?: "center" | "auto" | "top" | "top-center" | "bottom" | "bottom-center" | undefined;
+            scrollBehavior?: "normal" | "inside" | "outside" | undefined;
+            disableAnimation?: boolean | undefined;
+        } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
+    } & {
+        wrapper: (slotProps?: ({
+            size?: "md" | "lg" | "sm" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "full" | undefined;
+            backdrop?: "opaque" | "blur" | "transparent" | undefined;
+            radius?: "md" | "lg" | "sm" | "none" | undefined;
+            shadow?: "md" | "lg" | "sm" | "none" | undefined;
+            placement?: "center" | "auto" | "top" | "top-center" | "bottom" | "bottom-center" | undefined;
+            scrollBehavior?: "normal" | "inside" | "outside" | undefined;
+            disableAnimation?: boolean | undefined;
+        } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
+        base: (slotProps?: ({
+            size?: "md" | "lg" | "sm" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "full" | undefined;
+            backdrop?: "opaque" | "blur" | "transparent" | undefined;
+            radius?: "md" | "lg" | "sm" | "none" | undefined;
+            shadow?: "md" | "lg" | "sm" | "none" | undefined;
+            placement?: "center" | "auto" | "top" | "top-center" | "bottom" | "bottom-center" | undefined;
+            scrollBehavior?: "normal" | "inside" | "outside" | undefined;
+            disableAnimation?: boolean | undefined;
+        } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
+        backdrop: (slotProps?: ({
+            size?: "md" | "lg" | "sm" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "full" | undefined;
+            backdrop?: "opaque" | "blur" | "transparent" | undefined;
+            radius?: "md" | "lg" | "sm" | "none" | undefined;
+            shadow?: "md" | "lg" | "sm" | "none" | undefined;
+            placement?: "center" | "auto" | "top" | "top-center" | "bottom" | "bottom-center" | undefined;
+            scrollBehavior?: "normal" | "inside" | "outside" | undefined;
+            disableAnimation?: boolean | undefined;
+        } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
+        header: (slotProps?: ({
+            size?: "md" | "lg" | "sm" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "full" | undefined;
+            backdrop?: "opaque" | "blur" | "transparent" | undefined;
+            radius?: "md" | "lg" | "sm" | "none" | undefined;
+            shadow?: "md" | "lg" | "sm" | "none" | undefined;
+            placement?: "center" | "auto" | "top" | "top-center" | "bottom" | "bottom-center" | undefined;
+            scrollBehavior?: "normal" | "inside" | "outside" | undefined;
+            disableAnimation?: boolean | undefined;
+        } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
+        body: (slotProps?: ({
+            size?: "md" | "lg" | "sm" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "full" | undefined;
+            backdrop?: "opaque" | "blur" | "transparent" | undefined;
+            radius?: "md" | "lg" | "sm" | "none" | undefined;
+            shadow?: "md" | "lg" | "sm" | "none" | undefined;
+            placement?: "center" | "auto" | "top" | "top-center" | "bottom" | "bottom-center" | undefined;
+            scrollBehavior?: "normal" | "inside" | "outside" | undefined;
+            disableAnimation?: boolean | undefined;
+        } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
+        footer: (slotProps?: ({
+            size?: "md" | "lg" | "sm" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "full" | undefined;
+            backdrop?: "opaque" | "blur" | "transparent" | undefined;
+            radius?: "md" | "lg" | "sm" | "none" | undefined;
+            shadow?: "md" | "lg" | "sm" | "none" | undefined;
+            placement?: "center" | "auto" | "top" | "top-center" | "bottom" | "bottom-center" | undefined;
+            scrollBehavior?: "normal" | "inside" | "outside" | undefined;
+            disableAnimation?: boolean | undefined;
+        } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
+        closeButton: (slotProps?: ({
+            size?: "md" | "lg" | "sm" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "full" | undefined;
+            backdrop?: "opaque" | "blur" | "transparent" | undefined;
+            radius?: "md" | "lg" | "sm" | "none" | undefined;
+            shadow?: "md" | "lg" | "sm" | "none" | undefined;
+            placement?: "center" | "auto" | "top" | "top-center" | "bottom" | "bottom-center" | undefined;
+            scrollBehavior?: "normal" | "inside" | "outside" | undefined;
+            disableAnimation?: boolean | undefined;
+        } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
+    } & {};
+    domRef: react.RefObject<HTMLElement>;
+    headerId: string;
+    bodyId: string;
+    motionProps: Omit<framer_motion.HTMLMotionProps<"section">, "ref"> | undefined;
+    classNames: _sytechui_theme.SlotsToClasses<"base" | "body" | "footer" | "header" | "backdrop" | "wrapper" | "closeButton"> | undefined;
+    isDismissable: boolean;
+    closeButton: react.ReactNode;
+    hideCloseButton: boolean;
+    portalContainer: Element | undefined;
+    shouldBlockScroll: boolean;
+    backdrop: "opaque" | "blur" | "transparent";
+    isOpen: boolean;
+    onClose: () => void;
+    disableAnimation: boolean;
+    setBodyMounted: react.Dispatch<react.SetStateAction<boolean>>;
+    setHeaderMounted: react.Dispatch<react.SetStateAction<boolean>>;
+    getDialogProps: _sytechui_system.PropGetter;
+    getBackdropProps: _sytechui_system.PropGetter;
+    getCloseButtonProps: _sytechui_system.PropGetter;
+}>;
+declare const useModalContext: () => {
+    Component: _sytechui_system.As<any>;
+    slots: {
+        wrapper: (slotProps?: ({
+            size?: "md" | "lg" | "sm" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "full" | undefined;
+            backdrop?: "opaque" | "blur" | "transparent" | undefined;
+            radius?: "md" | "lg" | "sm" | "none" | undefined;
+            shadow?: "md" | "lg" | "sm" | "none" | undefined;
+            placement?: "center" | "auto" | "top" | "top-center" | "bottom" | "bottom-center" | undefined;
+            scrollBehavior?: "normal" | "inside" | "outside" | undefined;
+            disableAnimation?: boolean | undefined;
+        } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
+        base: (slotProps?: ({
+            size?: "md" | "lg" | "sm" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "full" | undefined;
+            backdrop?: "opaque" | "blur" | "transparent" | undefined;
+            radius?: "md" | "lg" | "sm" | "none" | undefined;
+            shadow?: "md" | "lg" | "sm" | "none" | undefined;
+            placement?: "center" | "auto" | "top" | "top-center" | "bottom" | "bottom-center" | undefined;
+            scrollBehavior?: "normal" | "inside" | "outside" | undefined;
+            disableAnimation?: boolean | undefined;
+        } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
+        backdrop: (slotProps?: ({
+            size?: "md" | "lg" | "sm" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "full" | undefined;
+            backdrop?: "opaque" | "blur" | "transparent" | undefined;
+            radius?: "md" | "lg" | "sm" | "none" | undefined;
+            shadow?: "md" | "lg" | "sm" | "none" | undefined;
+            placement?: "center" | "auto" | "top" | "top-center" | "bottom" | "bottom-center" | undefined;
+            scrollBehavior?: "normal" | "inside" | "outside" | undefined;
+            disableAnimation?: boolean | undefined;
+        } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
+        header: (slotProps?: ({
+            size?: "md" | "lg" | "sm" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "full" | undefined;
+            backdrop?: "opaque" | "blur" | "transparent" | undefined;
+            radius?: "md" | "lg" | "sm" | "none" | undefined;
+            shadow?: "md" | "lg" | "sm" | "none" | undefined;
+            placement?: "center" | "auto" | "top" | "top-center" | "bottom" | "bottom-center" | undefined;
+            scrollBehavior?: "normal" | "inside" | "outside" | undefined;
+            disableAnimation?: boolean | undefined;
+        } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
+        body: (slotProps?: ({
+            size?: "md" | "lg" | "sm" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "full" | undefined;
+            backdrop?: "opaque" | "blur" | "transparent" | undefined;
+            radius?: "md" | "lg" | "sm" | "none" | undefined;
+            shadow?: "md" | "lg" | "sm" | "none" | undefined;
+            placement?: "center" | "auto" | "top" | "top-center" | "bottom" | "bottom-center" | undefined;
+            scrollBehavior?: "normal" | "inside" | "outside" | undefined;
+            disableAnimation?: boolean | undefined;
+        } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
+        footer: (slotProps?: ({
+            size?: "md" | "lg" | "sm" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "full" | undefined;
+            backdrop?: "opaque" | "blur" | "transparent" | undefined;
+            radius?: "md" | "lg" | "sm" | "none" | undefined;
+            shadow?: "md" | "lg" | "sm" | "none" | undefined;
+            placement?: "center" | "auto" | "top" | "top-center" | "bottom" | "bottom-center" | undefined;
+            scrollBehavior?: "normal" | "inside" | "outside" | undefined;
+            disableAnimation?: boolean | undefined;
+        } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
+        closeButton: (slotProps?: ({
+            size?: "md" | "lg" | "sm" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "full" | undefined;
+            backdrop?: "opaque" | "blur" | "transparent" | undefined;
+            radius?: "md" | "lg" | "sm" | "none" | undefined;
+            shadow?: "md" | "lg" | "sm" | "none" | undefined;
+            placement?: "center" | "auto" | "top" | "top-center" | "bottom" | "bottom-center" | undefined;
+            scrollBehavior?: "normal" | "inside" | "outside" | undefined;
+            disableAnimation?: boolean | undefined;
+        } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
+    } & {
+        wrapper: (slotProps?: ({
+            size?: "md" | "lg" | "sm" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "full" | undefined;
+            backdrop?: "opaque" | "blur" | "transparent" | undefined;
+            radius?: "md" | "lg" | "sm" | "none" | undefined;
+            shadow?: "md" | "lg" | "sm" | "none" | undefined;
+            placement?: "center" | "auto" | "top" | "top-center" | "bottom" | "bottom-center" | undefined;
+            scrollBehavior?: "normal" | "inside" | "outside" | undefined;
+            disableAnimation?: boolean | undefined;
+        } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
+        base: (slotProps?: ({
+            size?: "md" | "lg" | "sm" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "full" | undefined;
+            backdrop?: "opaque" | "blur" | "transparent" | undefined;
+            radius?: "md" | "lg" | "sm" | "none" | undefined;
+            shadow?: "md" | "lg" | "sm" | "none" | undefined;
+            placement?: "center" | "auto" | "top" | "top-center" | "bottom" | "bottom-center" | undefined;
+            scrollBehavior?: "normal" | "inside" | "outside" | undefined;
+            disableAnimation?: boolean | undefined;
+        } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
+        backdrop: (slotProps?: ({
+            size?: "md" | "lg" | "sm" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "full" | undefined;
+            backdrop?: "opaque" | "blur" | "transparent" | undefined;
+            radius?: "md" | "lg" | "sm" | "none" | undefined;
+            shadow?: "md" | "lg" | "sm" | "none" | undefined;
+            placement?: "center" | "auto" | "top" | "top-center" | "bottom" | "bottom-center" | undefined;
+            scrollBehavior?: "normal" | "inside" | "outside" | undefined;
+            disableAnimation?: boolean | undefined;
+        } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
+        header: (slotProps?: ({
+            size?: "md" | "lg" | "sm" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "full" | undefined;
+            backdrop?: "opaque" | "blur" | "transparent" | undefined;
+            radius?: "md" | "lg" | "sm" | "none" | undefined;
+            shadow?: "md" | "lg" | "sm" | "none" | undefined;
+            placement?: "center" | "auto" | "top" | "top-center" | "bottom" | "bottom-center" | undefined;
+            scrollBehavior?: "normal" | "inside" | "outside" | undefined;
+            disableAnimation?: boolean | undefined;
+        } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
+        body: (slotProps?: ({
+            size?: "md" | "lg" | "sm" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "full" | undefined;
+            backdrop?: "opaque" | "blur" | "transparent" | undefined;
+            radius?: "md" | "lg" | "sm" | "none" | undefined;
+            shadow?: "md" | "lg" | "sm" | "none" | undefined;
+            placement?: "center" | "auto" | "top" | "top-center" | "bottom" | "bottom-center" | undefined;
+            scrollBehavior?: "normal" | "inside" | "outside" | undefined;
+            disableAnimation?: boolean | undefined;
+        } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
+        footer: (slotProps?: ({
+            size?: "md" | "lg" | "sm" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "full" | undefined;
+            backdrop?: "opaque" | "blur" | "transparent" | undefined;
+            radius?: "md" | "lg" | "sm" | "none" | undefined;
+            shadow?: "md" | "lg" | "sm" | "none" | undefined;
+            placement?: "center" | "auto" | "top" | "top-center" | "bottom" | "bottom-center" | undefined;
+            scrollBehavior?: "normal" | "inside" | "outside" | undefined;
+            disableAnimation?: boolean | undefined;
+        } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
+        closeButton: (slotProps?: ({
+            size?: "md" | "lg" | "sm" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "full" | undefined;
+            backdrop?: "opaque" | "blur" | "transparent" | undefined;
+            radius?: "md" | "lg" | "sm" | "none" | undefined;
+            shadow?: "md" | "lg" | "sm" | "none" | undefined;
+            placement?: "center" | "auto" | "top" | "top-center" | "bottom" | "bottom-center" | undefined;
+            scrollBehavior?: "normal" | "inside" | "outside" | undefined;
+            disableAnimation?: boolean | undefined;
+        } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
+    } & {};
+    domRef: react.RefObject<HTMLElement>;
+    headerId: string;
+    bodyId: string;
+    motionProps: Omit<framer_motion.HTMLMotionProps<"section">, "ref"> | undefined;
+    classNames: _sytechui_theme.SlotsToClasses<"base" | "body" | "footer" | "header" | "backdrop" | "wrapper" | "closeButton"> | undefined;
+    isDismissable: boolean;
+    closeButton: react.ReactNode;
+    hideCloseButton: boolean;
+    portalContainer: Element | undefined;
+    shouldBlockScroll: boolean;
+    backdrop: "opaque" | "blur" | "transparent";
+    isOpen: boolean;
+    onClose: () => void;
+    disableAnimation: boolean;
+    setBodyMounted: react.Dispatch<react.SetStateAction<boolean>>;
+    setHeaderMounted: react.Dispatch<react.SetStateAction<boolean>>;
+    getDialogProps: _sytechui_system.PropGetter;
+    getBackdropProps: _sytechui_system.PropGetter;
+    getCloseButtonProps: _sytechui_system.PropGetter;
+};
+
+export { ModalProvider, useModalContext };

package/dist/modal-context.js

@@ -0,0 +1,37 @@
+"use client";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/modal-context.ts
+var modal_context_exports = {};
+__export(modal_context_exports, {
+  ModalProvider: () => ModalProvider,
+  useModalContext: () => useModalContext
+});
+module.exports = __toCommonJS(modal_context_exports);
+var import_react_utils = require("@sytechui/react-utils");
+var [ModalProvider, useModalContext] = (0, import_react_utils.createContext)({
+  name: "ModalContext",
+  errorMessage: "useModalContext: `context` is undefined. Seems you forgot to wrap all popover components within `<Modal />`"
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ModalProvider,
+  useModalContext
+});

package/dist/modal-context.mjs

@@ -0,0 +1,9 @@
+"use client";
+import {
+  ModalProvider,
+  useModalContext
+} from "./chunk-ULX4JIBE.mjs";
+export {
+  ModalProvider,
+  useModalContext
+};

package/dist/modal-footer.d.mts

@@ -0,0 +1,8 @@
+import * as _sytechui_system from '@sytechui/system';
+import { HTMLHeroUIProps } from '@sytechui/system';
+
+interface ModalFooterProps extends HTMLHeroUIProps<"footer"> {
+}
+declare const ModalFooter: _sytechui_system.InternalForwardRefRenderFunction<"footer", ModalFooterProps, never>;
+
+export { type ModalFooterProps, ModalFooter as default };

package/dist/modal-footer.d.ts

@@ -0,0 +1,8 @@
+import * as _sytechui_system from '@sytechui/system';
+import { HTMLHeroUIProps } from '@sytechui/system';
+
+interface ModalFooterProps extends HTMLHeroUIProps<"footer"> {
+}
+declare const ModalFooter: _sytechui_system.InternalForwardRefRenderFunction<"footer", ModalFooterProps, never>;
+
+export { type ModalFooterProps, ModalFooter as default };

package/dist/modal-footer.js

@@ -0,0 +1,56 @@
+"use client";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/modal-footer.tsx
+var modal_footer_exports = {};
+__export(modal_footer_exports, {
+  default: () => modal_footer_default
+});
+module.exports = __toCommonJS(modal_footer_exports);
+var import_system = require("@sytechui/system");
+var import_react_utils2 = require("@sytechui/react-utils");
+var import_theme = require("@sytechui/theme");
+
+// src/modal-context.ts
+var import_react_utils = require("@sytechui/react-utils");
+var [ModalProvider, useModalContext] = (0, import_react_utils.createContext)({
+  name: "ModalContext",
+  errorMessage: "useModalContext: `context` is undefined. Seems you forgot to wrap all popover components within `<Modal />`"
+});
+
+// src/modal-footer.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var ModalFooter = (0, import_system.forwardRef)((props, ref) => {
+  const { as, children, className, ...otherProps } = props;
+  const { slots, classNames } = useModalContext();
+  const domRef = (0, import_react_utils2.useDOMRef)(ref);
+  const Component = as || "footer";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    Component,
+    {
+      ref: domRef,
+      className: slots.footer({ class: (0, import_theme.cn)(classNames == null ? void 0 : classNames.footer, className) }),
+      ...otherProps,
+      children
+    }
+  );
+});
+ModalFooter.displayName = "HeroUI.ModalFooter";
+var modal_footer_default = ModalFooter;

package/dist/modal-footer.mjs

@@ -0,0 +1,8 @@
+"use client";
+import {
+  modal_footer_default
+} from "./chunk-NQ34YL6U.mjs";
+import "./chunk-ULX4JIBE.mjs";
+export {
+  modal_footer_default as default
+};

package/dist/modal-header.d.mts

@@ -0,0 +1,13 @@
+import * as _sytechui_system from '@sytechui/system';
+import { HTMLHeroUIProps } from '@sytechui/system';
+import { ReactRef } from '@sytechui/react-utils';
+
+interface ModalHeaderProps extends HTMLHeroUIProps<"header"> {
+    /**
+     * Ref to the DOM node.
+     */
+    ref?: ReactRef<HTMLElement | null>;
+}
+declare const ModalHeader: _sytechui_system.InternalForwardRefRenderFunction<"header", ModalHeaderProps, never>;
+
+export { type ModalHeaderProps, ModalHeader as default };

package/dist/modal-header.d.ts

@@ -0,0 +1,13 @@
+import * as _sytechui_system from '@sytechui/system';
+import { HTMLHeroUIProps } from '@sytechui/system';
+import { ReactRef } from '@sytechui/react-utils';
+
+interface ModalHeaderProps extends HTMLHeroUIProps<"header"> {
+    /**
+     * Ref to the DOM node.
+     */
+    ref?: ReactRef<HTMLElement | null>;
+}
+declare const ModalHeader: _sytechui_system.InternalForwardRefRenderFunction<"header", ModalHeaderProps, never>;
+
+export { type ModalHeaderProps, ModalHeader as default };

package/dist/modal-header.js

@@ -0,0 +1,62 @@
+"use client";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/modal-header.tsx
+var modal_header_exports = {};
+__export(modal_header_exports, {
+  default: () => modal_header_default
+});
+module.exports = __toCommonJS(modal_header_exports);
+var import_react = require("react");
+var import_system = require("@sytechui/system");
+var import_react_utils2 = require("@sytechui/react-utils");
+var import_theme = require("@sytechui/theme");
+
+// src/modal-context.ts
+var import_react_utils = require("@sytechui/react-utils");
+var [ModalProvider, useModalContext] = (0, import_react_utils.createContext)({
+  name: "ModalContext",
+  errorMessage: "useModalContext: `context` is undefined. Seems you forgot to wrap all popover components within `<Modal />`"
+});
+
+// src/modal-header.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var ModalHeader = (0, import_system.forwardRef)((props, ref) => {
+  const { as, children, className, ...otherProps } = props;
+  const { slots, classNames, headerId, setHeaderMounted } = useModalContext();
+  const domRef = (0, import_react_utils2.useDOMRef)(ref);
+  const Component = as || "header";
+  (0, import_react.useEffect)(() => {
+    setHeaderMounted(true);
+    return () => setHeaderMounted(false);
+  }, [setHeaderMounted]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    Component,
+    {
+      ref: domRef,
+      className: slots.header({ class: (0, import_theme.cn)(classNames == null ? void 0 : classNames.header, className) }),
+      id: headerId,
+      ...otherProps,
+      children
+    }
+  );
+});
+ModalHeader.displayName = "HeroUI.ModalHeader";
+var modal_header_default = ModalHeader;

package/dist/modal-header.mjs

@@ -0,0 +1,8 @@
+"use client";
+import {
+  modal_header_default
+} from "./chunk-MZ2TEFDD.mjs";
+import "./chunk-ULX4JIBE.mjs";
+export {
+  modal_header_default as default
+};

package/dist/modal-transition.d.mts

@@ -0,0 +1,35 @@
+declare const scaleInOut: {
+    enter: {
+        scale: string;
+        y: string;
+        opacity: number;
+        willChange: string;
+        transition: {
+            scale: {
+                duration: number;
+                ease: readonly [0.36, 0.66, 0.4, 1];
+            };
+            opacity: {
+                duration: number;
+                ease: readonly [0.36, 0.66, 0.4, 1];
+            };
+            y: {
+                type: string;
+                bounce: number;
+                duration: number;
+            };
+        };
+    };
+    exit: {
+        scale: string;
+        y: string;
+        opacity: number;
+        willChange: string;
+        transition: {
+            duration: number;
+            ease: readonly [0.36, 0.66, 0.4, 1];
+        };
+    };
+};
+
+export { scaleInOut };

package/dist/modal-transition.d.ts

@@ -0,0 +1,35 @@
+declare const scaleInOut: {
+    enter: {
+        scale: string;
+        y: string;
+        opacity: number;
+        willChange: string;
+        transition: {
+            scale: {
+                duration: number;
+                ease: readonly [0.36, 0.66, 0.4, 1];
+            };
+            opacity: {
+                duration: number;
+                ease: readonly [0.36, 0.66, 0.4, 1];
+            };
+            y: {
+                type: string;
+                bounce: number;
+                duration: number;
+            };
+        };
+    };
+    exit: {
+        scale: string;
+        y: string;
+        opacity: number;
+        willChange: string;
+        transition: {
+            duration: number;
+            ease: readonly [0.36, 0.66, 0.4, 1];
+        };
+    };
+};
+
+export { scaleInOut };