@lumeweb/portal-framework-ui 0.0.1 → 0.1.0

package/dist/cjs/components/dialog/Dialog.types.d.cts

@@ -0,0 +1,275 @@
+import { ActionItemConfig, ActionListLayout } from "../actions/types.cjs";
+import { ComponentSize } from "../sizing/index.cjs";
+import { EnvironmentSyncCallback, ForceRerenderCallback } from "../shared/types/form.cjs";
+import { FormConfig, StepFormConfig, WizardFormConfig } from "../form/types.cjs";
+import "../index.cjs";
+import React, { ReactNode } from "react";
+import { BaseRecord } from "@refinedev/core";
+
+//#region src/components/dialog/Dialog.types.d.ts
+
+/**
+ * Dialog Configuration API
+ *
+ * The dialog system provides a type-safe way to display various dialog types through the useDialog hook.
+ *
+ * Basic usage:
+ *
+ * const { openDialog } = useDialog();
+ *
+ * // Simple alert
+ * openDialog({
+ *   type: DialogTypes.ALERT,
+ *   title: 'Notification',
+ *   description: 'Update successful',
+ *   variant: 'success'
+ * });
+ *
+ * // Confirmation dialog
+ * openDialog({
+ *   type: DialogTypes.CONFIRM,
+ *   title: 'Confirm Action',
+ *   cancelText: 'Cancel',
+ *   confirmText: 'Proceed',
+ *   onConfirm: handleDelete
+ * });
+ *
+ * // Form dialog
+ * openDialog({
+ *   type: DialogTypes.FORM,
+ *   title: 'Create Item',
+ *   formSchema: z.object({ name: z.string() }),
+ *   onSubmit: handleSubmit
+ * });
+ *
+ * // Wizard form dialog
+ * openDialog({
+ *   type: DialogTypes.WIZARD_FORM,
+ *   title: 'Multi-step Form',
+ *   formConfig: wizardConfig,
+ *   onSubmit: handleSubmit
+ * });
+ *
+ * // Custom dialog
+ * openDialog({
+ *   type: DialogTypes.CUSTOM,
+ *   title: 'Custom Content',
+ *   content: <MyComponent />,
+ *   footer: <CustomFooter />
+ * });
+ */
+declare const DialogTypes: {
+  readonly ALERT: "alert";
+  readonly CONFIRM: "confirm";
+  readonly CUSTOM: "custom";
+  readonly FORM: "form";
+  readonly WIZARD_FORM: "wizard_form";
+};
+type DialogType = (typeof DialogTypes)[keyof typeof DialogTypes];
+declare const DialogIconLayout: {
+  readonly CENTER: "center";
+  readonly LEFT: "left";
+  readonly RIGHT: "right";
+};
+type DialogIconLayout = (typeof DialogIconLayout)[keyof typeof DialogIconLayout];
+declare const DialogPosition: {
+  readonly BOTTOM: "bottom";
+  readonly BOTTOM_LEFT: "bottom-left";
+  readonly BOTTOM_RIGHT: "bottom-right";
+  readonly CENTER: "center";
+  readonly LEFT: "left";
+  readonly RIGHT: "right";
+  readonly TOP: "top";
+  readonly TOP_LEFT: "top-left";
+  readonly TOP_RIGHT: "top-right";
+};
+type DialogPosition = (typeof DialogPosition)[keyof typeof DialogPosition];
+declare const DialogStatus: {
+  readonly ERROR: "error";
+  readonly NONE: null;
+  readonly SUCCESS: "success";
+};
+type DialogStatus = (typeof DialogStatus)[keyof typeof DialogStatus];
+declare const DialogVariant: {
+  readonly DEFAULT: "default";
+  readonly DESTRUCTIVE: "destructive";
+  readonly INFO: "info";
+  readonly SUCCESS: "success";
+  readonly WARNING: "warning";
+};
+declare enum FormDialogType {
+  SCHEMA = "schema",
+  STEP = "step",
+  WIZARD = "wizard",
+}
+type DialogVariant = (typeof DialogVariant)[keyof typeof DialogVariant];
+declare const DIALOG_SIZE_CLASSES: {
+  readonly "2xl": "max-w-2xl";
+  readonly "3xl": "max-w-3xl";
+  readonly "4xl": "max-w-4xl";
+  readonly "5xl": "max-w-5xl";
+  readonly "6xl": "max-w-6xl";
+  readonly "7xl": "max-w-7xl";
+  readonly auto: "max-w-[calc(100vw-2rem)] sm:max-w-md";
+  readonly full: "max-w-full";
+  readonly lg: "max-w-lg";
+  readonly md: "max-w-md";
+  readonly sm: "max-w-sm";
+  readonly xl: "max-w-xl";
+  readonly xs: "max-w-xs";
+};
+type DialogSize = ComponentSize;
+declare const DIALOG_POSITION_CLASSES: {
+  readonly bottom: "bottom-4 inset-x-0 mx-auto";
+  readonly "bottom-left": "bottom-4 left-4";
+  readonly "bottom-right": "bottom-4 right-4";
+  readonly center: "";
+  readonly left: "left-4 top-1/2 -translate-y-1/2";
+  readonly right: "right-4 top-1/2 -translate-y-1/2";
+  readonly top: "top-4 inset-x-0 mx-auto";
+  readonly "top-left": "top-4 left-4";
+  readonly "top-right": "top-4 right-4";
+};
+declare function isAlertDialog(config: DialogConfig): config is AlertDialogConfig;
+declare function isConfirmDialog(config: DialogConfig): config is ConfirmDialogConfig;
+declare function isCustomDialog(config: DialogConfig): config is CustomDialogConfig;
+declare function isFormDialog<T extends BaseRecord = any, R extends BaseRecord = any>(config: DialogConfig<T, R>): config is FormDialogConfig<T, R>;
+declare function isWizardDialogConfig<TRequest extends BaseRecord = any, TResponse extends BaseRecord = any>(config: DialogConfig<TRequest, TResponse>): config is WizardDialogConfig<TRequest, TResponse>;
+declare function getDialogType(config: DialogConfig): DialogType;
+declare function getFormTypeFromDialog(config: DialogConfig): FormDialogType;
+/**
+ * Type guard to check if footer is a function
+ */
+declare function isDialogFooterFunction(footer: ((environment: any) => ReactNode) | false | ReactNode | undefined): footer is (environment: any) => ReactNode;
+/**
+ * Type guard to check if header is a function
+ */
+declare function isDialogHeaderFunction(header: ((environment: any) => ReactNode) | false | ReactNode | undefined): header is (environment: any) => ReactNode;
+declare function isWizardFormConfig<TRequest extends BaseRecord = any, TResponse extends BaseRecord = any>(formConfig: FormConfig<TRequest, TResponse> | StepFormConfig<TRequest, TResponse>): formConfig is WizardFormConfig<TRequest, TResponse>;
+declare const contextProviders: Record<string, React.FC<{
+  children: React.ReactNode;
+  dialog: DialogConfig;
+  formMethods: any;
+}>>;
+interface AlertDialogConfig extends DialogBaseConfig {
+  cancelText?: string;
+  confirmText?: string;
+  description?: React.FC | React.ReactNode | string;
+  onCancel?: (source: "programmatic" | "user") => void;
+  onConfirm?: () => Promise<void> | void;
+  type: typeof DialogTypes.ALERT;
+}
+interface ConfirmDialogConfig extends DialogBaseConfig {
+  cancelText: string;
+  confirmText: string;
+  onCancel?: (source: "programmatic" | "user") => void;
+  onConfirm: () => Promise<void> | void;
+  type: typeof DialogTypes.CONFIRM;
+}
+interface CustomDialogConfig extends DialogBaseConfig {
+  onCancel?: (source: "programmatic" | "user") => void;
+  type: typeof DialogTypes.CUSTOM;
+}
+interface DialogActionsConfig {
+  /** Dropdown menu content */
+  content: ReactNode;
+  /** Trigger button label */
+  triggerLabel: string;
+}
+interface DialogBaseConfig<T extends BaseRecord = any> {
+  /** Action buttons configuration */
+  actionButtons?: ActionItemConfig[];
+  /** Layout for action buttons */
+  actionButtonsLayout?: ActionListLayout;
+  /** Actions dropdown configuration */
+  actions?: DialogActionsConfig;
+  /** CSS class names for dialog parts */
+  classNames?: DialogClassNames;
+  /** Custom dialog content */
+  content?: ReactNode;
+  /** Description text */
+  description?: string;
+  /** Whether dialog can be dismissed */
+  dismissable?: boolean;
+  /** Custom footer content - ReactNode, function, or false to hide */
+  footer?: ((environment: any) => ReactNode) | false | ReactNode;
+  /** Custom header content - ReactNode, function, or false to hide */
+  header?: ((environment: any) => ReactNode) | false | ReactNode;
+  /** Icon to display */
+  icon?: ReactNode;
+  /** Icon layout relative to title */
+  iconLayout?: DialogIconLayout;
+  /** Unique identifier */
+  id?: string;
+  /** Dialog position on screen */
+  position?: DialogPosition;
+  /** Prevent closing when clicking outside */
+  preventCloseOnOutsideClick?: "dirty" | boolean;
+  /** Show loading spinner */
+  showSpinner?: boolean;
+  /** Dialog size */
+  size?: DialogSize;
+  /** Status indicator */
+  status?: DialogStatus;
+  /** Dialog title */
+  title: string;
+  /** Visual variant */
+  variant?: DialogVariant;
+  /**
+   * Optional callback for receiving a force rerender method.
+   * The framework will call this callback with a method that can be stored
+   * locally and used to force a component rerender when something outside
+   * the render loop needs to trigger a rerender.
+   */
+  forceRerender?: ForceRerenderCallback;
+  /**
+   * Optional callback for receiving an environment sync method.
+   * The framework will call this callback with a method that can be stored
+   * locally and used to sync environment changes when something outside
+   * the normal flow updates the environment.
+   */
+  environmentSync?: EnvironmentSyncCallback;
+}
+interface DialogClassNames {
+  /** Close button class */
+  close?: string;
+  /** Content container class */
+  content?: string;
+  /** Description text class */
+  description?: string;
+  /** Header container class */
+  header?: string;
+  /** Title text class */
+  title?: string;
+}
+interface FormDialogConfig<TRequest extends BaseRecord = any, TResponse extends BaseRecord = any> extends DialogBaseConfig<TRequest> {
+  /**
+   * Whether to automatically close the dialog on successful form submission
+   * @default true
+   */
+  closeOnSubmit?: boolean;
+  formConfig: FormConfig<TRequest, TResponse> | StepFormConfig<TRequest, TResponse>;
+  onCancel?: (source: "programmatic" | "user") => void;
+  onSubmit: (values: TRequest) => Promise<TResponse>;
+  /** Callback when form submission succeeds - required for form dialogs */
+  onSuccess: (response: TResponse, values: TRequest) => void;
+  type: typeof DialogTypes.FORM;
+}
+interface WizardDialogConfig<TRequest extends BaseRecord = any, TResponse extends BaseRecord = any> extends DialogBaseConfig<TRequest> {
+  /**
+   * Whether to automatically close the dialog on successful form submission
+   * @default true
+   */
+  closeOnSubmit?: boolean;
+  formConfig: WizardFormConfig<TRequest, TResponse>;
+  onCancel?: (source: "programmatic" | "user") => void;
+  onSubmit?: (values: TRequest) => Promise<TResponse>;
+  /** Callback when form submission succeeds */
+  onSuccess?: (response: TResponse, values: TRequest) => void;
+  type: typeof DialogTypes.WIZARD_FORM;
+}
+declare const dialogContextRequirements: Record<DialogType, string[]>;
+type DialogConfig<TRequest extends BaseRecord = any, TResponse extends BaseRecord = any> = AlertDialogConfig | ConfirmDialogConfig | CustomDialogConfig | FormDialogConfig<TRequest, TResponse> | WizardDialogConfig<TRequest, TResponse>;
+//#endregion
+export { AlertDialogConfig, ConfirmDialogConfig, CustomDialogConfig, DIALOG_POSITION_CLASSES, DIALOG_SIZE_CLASSES, DialogActionsConfig, DialogBaseConfig, DialogClassNames, DialogConfig, DialogIconLayout, DialogPosition, DialogSize, DialogStatus, DialogType, DialogTypes, DialogVariant, FormDialogConfig, FormDialogType, WizardDialogConfig, contextProviders, dialogContextRequirements, getDialogType, getFormTypeFromDialog, isAlertDialog, isConfirmDialog, isCustomDialog, isDialogFooterFunction, isDialogHeaderFunction, isFormDialog, isWizardDialogConfig, isWizardFormConfig };
+//# sourceMappingURL=Dialog.types.d.cts.map

package/dist/cjs/components/dialog/DialogActions.context.cjs

@@ -0,0 +1,24 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+let react = require("react");
+
+//#region src/components/dialog/DialogActions.context.tsx
+var DialogActionsContext;
+var init_DialogActions_context = require_rolldown_runtime.__esmMin((() => {
+	DialogActionsContext = (0, react.createContext)({
+		closeDialog: () => {},
+		openDialog: () => {},
+		replaceDialog: () => {},
+		setFormMethods: () => {}
+	});
+}));
+
+//#endregion
+init_DialogActions_context();
+exports.DialogActionsContext = DialogActionsContext;
+Object.defineProperty(exports, 'init_DialogActions_context', {
+  enumerable: true,
+  get: function () {
+    return init_DialogActions_context;
+  }
+});
+//# sourceMappingURL=DialogActions.context.cjs.map

package/dist/cjs/components/dialog/DialogActions.context.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogActions.context.cjs","names":[],"sources":["../../../../src/components/dialog/DialogActions.context.tsx"],"sourcesContent":["import { createContext } from \"react\";\n\nimport type { DialogConfig } from \"./Dialog.types\";\n\nexport interface DialogActionsContextValue {\n  closeDialog: (source?: \"programmatic\" | \"user\") => void;\n  openDialog: (config: DialogConfig) => void;\n  replaceDialog: (newDialog: DialogConfig) => void;\n  setFormMethods: (methods: any) => void;\n}\n\nexport const DialogActionsContext = createContext<DialogActionsContextValue>({\n  closeDialog: () => {},\n  openDialog: () => {},\n  replaceDialog: () => {},\n  setFormMethods: () => {},\n});\n"],"mappings":";;;;;;CAWa,gDAAgE;EAC3E,mBAAmB;EACnB,kBAAkB;EAClB,qBAAqB;EACrB,sBAAsB;EACvB,CAAC"}

package/dist/cjs/components/dialog/DialogActions.context.d.cts

@@ -0,0 +1,13 @@
+import { DialogConfig } from "./Dialog.types.cjs";
+
+//#region src/components/dialog/DialogActions.context.d.ts
+interface DialogActionsContextValue {
+  closeDialog: (source?: "programmatic" | "user") => void;
+  openDialog: (config: DialogConfig) => void;
+  replaceDialog: (newDialog: DialogConfig) => void;
+  setFormMethods: (methods: any) => void;
+}
+declare const DialogActionsContext: any;
+//#endregion
+export { DialogActionsContext, DialogActionsContextValue };
+//# sourceMappingURL=DialogActions.context.d.cts.map

package/dist/cjs/components/dialog/DialogContainer.cjs

@@ -0,0 +1,50 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_components_dialog_Dialog_context = require('./Dialog.context.cjs');
+const require_components_dialog_utils_dialogClasses = require('./utils/dialogClasses.cjs');
+let _lumeweb_portal_framework_ui_core = require("@lumeweb/portal-framework-ui-core");
+let _refinedev_core = require("@refinedev/core");
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/dialog/DialogContainer.tsx
+function DialogContainer({ children, currentDialog }) {
+	const { closeDialog } = require_components_dialog_Dialog_context.useDialogActions();
+	const { open: openNotification } = (0, _refinedev_core.useNotification)();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.Dialog, {
+		"aria-describedby": currentDialog.description ? "dialog-description" : void 0,
+		"aria-labelledby": "dialog-title",
+		onOpenChange: (open) => !open && closeDialog("user"),
+		open: !!currentDialog,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.DialogContent, {
+			className: require_components_dialog_utils_dialogClasses.getDialogContentClasses(currentDialog),
+			onInteractOutside: (e) => {
+				if (currentDialog.preventCloseOnOutsideClick === true) e.preventDefault();
+				else if (currentDialog.preventCloseOnOutsideClick === "dirty") {
+					e.preventDefault();
+					openNotification?.({
+						description: "You have unsaved changes. Are you sure you want to leave?",
+						message: "Unsaved Changes",
+						type: "error"
+					});
+				}
+			},
+			children
+		})
+	});
+}
+var init_DialogContainer = require_rolldown_runtime.__esmMin((() => {
+	require_components_dialog_Dialog_context.init_Dialog_context();
+	require_components_dialog_utils_dialogClasses.init_dialogClasses();
+}));
+
+//#endregion
+init_DialogContainer();
+exports.DialogContainer = DialogContainer;
+Object.defineProperty(exports, 'init_DialogContainer', {
+  enumerable: true,
+  get: function () {
+    return init_DialogContainer;
+  }
+});
+//# sourceMappingURL=DialogContainer.cjs.map

package/dist/cjs/components/dialog/DialogContainer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogContainer.cjs","names":["useDialogActions","Dialog","DialogContent","getDialogContentClasses"],"sources":["../../../../src/components/dialog/DialogContainer.tsx"],"sourcesContent":["import { Dialog, DialogContent } from \"@lumeweb/portal-framework-ui-core\";\nimport { useNotification } from \"@refinedev/core\";\nimport React from \"react\";\n\nimport { useDialogActions } from \"./Dialog.context\";\nimport { DialogConfig } from \"./Dialog.types\";\nimport { getDialogContentClasses } from \"./utils/dialogClasses\";\n\ninterface DialogContainerProps<T = any> {\n  children: React.ReactNode;\n  currentDialog: DialogConfig<T>;\n}\n\nexport function DialogContainer<T = any>({\n  children,\n  currentDialog,\n}: DialogContainerProps<T>) {\n  const { closeDialog } = useDialogActions();\n  const { open: openNotification } = useNotification();\n\n  return (\n    <Dialog\n      aria-describedby={\n        currentDialog.description ? \"dialog-description\" : undefined\n      }\n      aria-labelledby=\"dialog-title\"\n      onOpenChange={(open) => !open && closeDialog(\"user\")} // Close with 'user' source on outside/escape close\n      open={!!currentDialog}>\n      <DialogContent\n        className={getDialogContentClasses(currentDialog)}\n        onInteractOutside={(e) => {\n          if (currentDialog.preventCloseOnOutsideClick === true) {\n            e.preventDefault();\n          } else if (currentDialog.preventCloseOnOutsideClick === \"dirty\") {\n            e.preventDefault();\n            openNotification?.({\n              description:\n                \"You have unsaved changes. Are you sure you want to leave?\",\n              message: \"Unsaved Changes\",\n              type: \"error\",\n            });\n          }\n        }}>\n        {children}\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":";;;;;;;;;;AAaA,SAAgB,gBAAyB,EACvC,UACA,iBAC0B;CAC1B,MAAM,EAAE,gBAAgBA,2DAAkB;CAC1C,MAAM,EAAE,MAAM,2DAAsC;AAEpD,QACE,2CAACC;EACC,oBACE,cAAc,cAAc,uBAAuB;EAErD,mBAAgB;EAChB,eAAe,SAAS,CAAC,QAAQ,YAAY,OAAO;EACpD,MAAM,CAAC,CAAC;YACR,2CAACC;GACC,WAAWC,sEAAwB,cAAc;GACjD,oBAAoB,MAAM;AACxB,QAAI,cAAc,+BAA+B,KAC/C,GAAE,gBAAgB;aACT,cAAc,+BAA+B,SAAS;AAC/D,OAAE,gBAAgB;AAClB,wBAAmB;MACjB,aACE;MACF,SAAS;MACT,MAAM;MACP,CAAC;;;GAGL;IACa;GACT;;;+DAzCuC;mEAEY"}

package/dist/cjs/components/dialog/DialogContainer.d.cts

@@ -0,0 +1,15 @@
+import { DialogConfig } from "./Dialog.types.cjs";
+import React from "react";
+
+//#region src/components/dialog/DialogContainer.d.ts
+interface DialogContainerProps<T = any> {
+  children: React.ReactNode;
+  currentDialog: DialogConfig<T>;
+}
+declare function DialogContainer<T = any>({
+  children,
+  currentDialog
+}: DialogContainerProps<T>): any;
+//#endregion
+export { DialogContainer };
+//# sourceMappingURL=DialogContainer.d.cts.map

package/dist/cjs/components/dialog/DialogContent.cjs

@@ -0,0 +1,31 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_components_dialog_Dialog_context = require('./Dialog.context.cjs');
+const require_components_dialog_Dialog_registry = require('./Dialog.registry.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/dialog/DialogContent.tsx
+function DialogContent({ currentDialog, dialogWithFormType }) {
+	const { closeDialog } = require_components_dialog_Dialog_context.useDialogActions();
+	const DialogComponent = currentDialog ? require_components_dialog_Dialog_registry.getDialogComponent(currentDialog.type) : null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: require_components_dialog_Dialog_registry.isRegisteredDialogType(dialogWithFormType) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DialogComponent, {
+		...dialogWithFormType,
+		onClose: () => closeDialog("user")
+	}) : console.warn(`No component registered for dialog type: ${currentDialog.type}`) });
+}
+var init_DialogContent = require_rolldown_runtime.__esmMin((() => {
+	require_components_dialog_Dialog_context.init_Dialog_context();
+	require_components_dialog_Dialog_registry.init_Dialog_registry();
+}));
+
+//#endregion
+init_DialogContent();
+exports.DialogContent = DialogContent;
+Object.defineProperty(exports, 'init_DialogContent', {
+  enumerable: true,
+  get: function () {
+    return init_DialogContent;
+  }
+});
+//# sourceMappingURL=DialogContent.cjs.map

package/dist/cjs/components/dialog/DialogContent.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogContent.cjs","names":["useDialogActions","getDialogComponent","isRegisteredDialogType"],"sources":["../../../../src/components/dialog/DialogContent.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { useDialogActions } from \"./Dialog.context\";\nimport { getDialogComponent, isRegisteredDialogType } from \"./Dialog.registry\";\nimport { DialogConfig } from \"./Dialog.types\";\n\ninterface DialogContentProps<T = any> {\n  currentDialog: DialogConfig<T>;\n  dialogWithFormType: DialogConfig<T>;\n}\n\nexport function DialogContent<T = any>({\n  currentDialog,\n  dialogWithFormType,\n}: DialogContentProps<T>) {\n  const { closeDialog } = useDialogActions();\n  const DialogComponent = currentDialog\n    ? getDialogComponent(currentDialog.type)\n    : null;\n\n  return (\n    <>\n      {isRegisteredDialogType(dialogWithFormType) ? (\n        <DialogComponent\n          {...dialogWithFormType}\n          onClose={() => closeDialog(\"user\")}\n        />\n      ) : (\n        console.warn(\n          `No component registered for dialog type: ${currentDialog.type}`,\n        )\n      )}\n    </>\n  );\n}\n"],"mappings":";;;;;;;;AAWA,SAAgB,cAAuB,EACrC,eACA,sBACwB;CACxB,MAAM,EAAE,gBAAgBA,2DAAkB;CAC1C,MAAM,kBAAkB,gBACpBC,6DAAmB,cAAc,KAAK,GACtC;AAEJ,QACE,mFACGC,iEAAuB,mBAAmB,GACzC,2CAAC;EACC,GAAI;EACJ,eAAe,YAAY,OAAO;GAClC,GAEF,QAAQ,KACN,4CAA4C,cAAc,OAC3D,GAEF;;;+DA9B6C;iEAC2B"}

package/dist/cjs/components/dialog/DialogContent.d.cts

@@ -0,0 +1,14 @@
+import { DialogConfig } from "./Dialog.types.cjs";
+
+//#region src/components/dialog/DialogContent.d.ts
+interface DialogContentProps<T = any> {
+  currentDialog: DialogConfig<T>;
+  dialogWithFormType: DialogConfig<T>;
+}
+declare function DialogContent<T = any>({
+  currentDialog,
+  dialogWithFormType
+}: DialogContentProps<T>): any;
+//#endregion
+export { DialogContent };
+//# sourceMappingURL=DialogContent.d.cts.map

package/dist/cjs/components/dialog/DialogFooterContent.cjs

@@ -0,0 +1,32 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_components_shared_utils_renderFooter = require('../shared/utils/renderFooter.cjs');
+const require_components_index = require('../index.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/dialog/DialogFooterContent.tsx
+function DialogFooterContent({ currentDialog, onCancel }) {
+	if (currentDialog.formConfig) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: require_components_shared_utils_renderFooter.renderFooter({
+		className: currentDialog.classNames?.footer,
+		dialogConfig: currentDialog,
+		footer: currentDialog.footer,
+		isDialog: true,
+		onCancel
+	}) });
+}
+var init_DialogFooterContent = require_rolldown_runtime.__esmMin((() => {
+	require_components_index.init_components();
+}));
+
+//#endregion
+init_DialogFooterContent();
+exports.DialogFooterContent = DialogFooterContent;
+Object.defineProperty(exports, 'init_DialogFooterContent', {
+  enumerable: true,
+  get: function () {
+    return init_DialogFooterContent;
+  }
+});
+//# sourceMappingURL=DialogFooterContent.cjs.map

package/dist/cjs/components/dialog/DialogFooterContent.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogFooterContent.cjs","names":["renderFooter"],"sources":["../../../../src/components/dialog/DialogFooterContent.tsx"],"sourcesContent":["import React from \"react\";\nimport { renderFooter } from \"@/components\";\nimport { DialogConfig } from \"./Dialog.types\";\n\ninterface DialogFooterContentProps<T = any> {\n  currentDialog: DialogConfig<T>;\n  onCancel?: () => void;\n}\n\nexport function DialogFooterContent<T = any>({\n  currentDialog,\n  onCancel,\n}: DialogFooterContentProps<T>) {\n  // If this is a form dialog, don't render actions here - let the form handle them\n  if (currentDialog.formConfig) {\n    return null;\n  }\n\n  return (\n    <>\n      {renderFooter({\n        className: currentDialog.classNames?.footer,\n        dialogConfig: currentDialog,\n        footer: currentDialog.footer,\n        isDialog: true,\n        onCancel,\n      })}\n    </>\n  );\n}\n"],"mappings":";;;;;;;;AASA,SAAgB,oBAA6B,EAC3C,eACA,YAC8B;AAE9B,KAAI,cAAc,WAChB,QAAO;AAGT,QACE,mFACGA,0DAAa;EACZ,WAAW,cAAc,YAAY;EACrC,cAAc;EACd,QAAQ,cAAc;EACtB,UAAU;EACV;EACD,CAAC,GACD;;;2CA1BqC"}

package/dist/cjs/components/dialog/DialogFooterContent.d.cts

@@ -0,0 +1,14 @@
+import { DialogConfig } from "./Dialog.types.cjs";
+
+//#region src/components/dialog/DialogFooterContent.d.ts
+interface DialogFooterContentProps<T = any> {
+  currentDialog: DialogConfig<T>;
+  onCancel?: () => void;
+}
+declare function DialogFooterContent<T = any>({
+  currentDialog,
+  onCancel
+}: DialogFooterContentProps<T>): any;
+//#endregion
+export { DialogFooterContent };
+//# sourceMappingURL=DialogFooterContent.d.cts.map

package/dist/cjs/components/dialog/DialogHeaderContent.cjs

@@ -0,0 +1,36 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_components_dialog_Dialog_types = require('./Dialog.types.cjs');
+const require_components_shared_utils_renderHeader = require('../shared/utils/renderHeader.cjs');
+const require_components_index = require('../index.cjs');
+
+//#region src/components/dialog/DialogHeaderContent.tsx
+function DialogHeaderContent({ currentDialog }) {
+	const hasFormConfig = require_components_dialog_Dialog_types.isFormDialog(currentDialog) || require_components_dialog_Dialog_types.isWizardDialogConfig(currentDialog);
+	hasFormConfig && currentDialog.formConfig;
+	if (hasFormConfig) return null;
+	return require_components_shared_utils_renderHeader.renderHeader({
+		actions: currentDialog.actions,
+		className: currentDialog.classNames?.header,
+		description: currentDialog.description,
+		dialogConfig: currentDialog,
+		header: currentDialog.header,
+		isDialog: true,
+		title: currentDialog.title,
+		unifiedHeaderConfig: currentDialog
+	});
+}
+var init_DialogHeaderContent = require_rolldown_runtime.__esmMin((() => {
+	require_components_index.init_components();
+	require_components_dialog_Dialog_types.init_Dialog_types();
+}));
+
+//#endregion
+init_DialogHeaderContent();
+exports.DialogHeaderContent = DialogHeaderContent;
+Object.defineProperty(exports, 'init_DialogHeaderContent', {
+  enumerable: true,
+  get: function () {
+    return init_DialogHeaderContent;
+  }
+});
+//# sourceMappingURL=DialogHeaderContent.cjs.map

package/dist/cjs/components/dialog/DialogHeaderContent.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogHeaderContent.cjs","names":["isFormDialog","isWizardDialogConfig","renderHeader"],"sources":["../../../../src/components/dialog/DialogHeaderContent.tsx"],"sourcesContent":["import { renderHeader } from \"@/components\";\nimport { DialogConfig, isFormDialog, isWizardDialogConfig } from \"./Dialog.types\";\n\ninterface DialogHeaderContentProps<T = any> {\n  currentDialog: DialogConfig<T>;\n}\n\nexport function DialogHeaderContent<T = any>({\n  currentDialog,\n}: DialogHeaderContentProps<T>) {\n  // Type guard to safely access formConfig\n  const hasFormConfig = isFormDialog(currentDialog) || isWizardDialogConfig(currentDialog);\n  const formConfig = hasFormConfig ? currentDialog.formConfig : undefined;\n\n  // Skip rendering for form dialogs and wizard dialogs since they handle their own headers\n  if (hasFormConfig) {\n    return null;\n  }\n  \n  return renderHeader({\n    actions: currentDialog.actions,\n    className: currentDialog.classNames?.header,\n    description: currentDialog.description,\n    dialogConfig: currentDialog,\n    header: currentDialog.header,\n    isDialog: true,\n    title: currentDialog.title,\n    unifiedHeaderConfig: currentDialog,\n  });\n}\n"],"mappings":";;;;;;AAOA,SAAgB,oBAA6B,EAC3C,iBAC8B;CAE9B,MAAM,gBAAgBA,oDAAa,cAAc,IAAIC,4DAAqB,cAAc;AACrE,kBAAgB,cAAc;AAGjD,KAAI,cACF,QAAO;AAGT,QAAOC,0DAAa;EAClB,SAAS,cAAc;EACvB,WAAW,cAAc,YAAY;EACrC,aAAa,cAAc;EAC3B,cAAc;EACd,QAAQ,cAAc;EACtB,UAAU;EACV,OAAO,cAAc;EACrB,qBAAqB;EACtB,CAAC;;;2CA5BwC;2DACsC"}

package/dist/cjs/components/dialog/DialogHeaderContent.d.cts

@@ -0,0 +1,12 @@
+import { DialogConfig } from "./Dialog.types.cjs";
+
+//#region src/components/dialog/DialogHeaderContent.d.ts
+interface DialogHeaderContentProps<T = any> {
+  currentDialog: DialogConfig<T>;
+}
+declare function DialogHeaderContent<T = any>({
+  currentDialog
+}: DialogHeaderContentProps<T>): any;
+//#endregion
+export { DialogHeaderContent };
+//# sourceMappingURL=DialogHeaderContent.d.cts.map

package/dist/cjs/components/dialog/DialogState.context.cjs

@@ -0,0 +1,22 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+let react = require("react");
+
+//#region src/components/dialog/DialogState.context.tsx
+var DialogStateContext;
+var init_DialogState_context = require_rolldown_runtime.__esmMin((() => {
+	DialogStateContext = (0, react.createContext)({
+		currentDialog: void 0,
+		formMethods: void 0
+	});
+}));
+
+//#endregion
+init_DialogState_context();
+exports.DialogStateContext = DialogStateContext;
+Object.defineProperty(exports, 'init_DialogState_context', {
+  enumerable: true,
+  get: function () {
+    return init_DialogState_context;
+  }
+});
+//# sourceMappingURL=DialogState.context.cjs.map

package/dist/cjs/components/dialog/DialogState.context.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogState.context.cjs","names":[],"sources":["../../../../src/components/dialog/DialogState.context.tsx"],"sourcesContent":["import { createContext } from \"react\";\n\nimport type { DialogConfig } from \"./Dialog.types\";\n\nexport interface DialogStateContextValue {\n  currentDialog?: DialogConfig;\n  formMethods?: any;\n}\n\nexport const DialogStateContext = createContext<DialogStateContextValue>({\n  currentDialog: undefined,\n  formMethods: undefined,\n});\n"],"mappings":";;;;;;CASa,8CAA4D;EACvE,eAAe;EACf,aAAa;EACd,CAAC"}

package/dist/cjs/components/dialog/DialogState.context.d.cts

@@ -0,0 +1,11 @@
+import { DialogConfig } from "./Dialog.types.cjs";
+
+//#region src/components/dialog/DialogState.context.d.ts
+interface DialogStateContextValue {
+  currentDialog?: DialogConfig;
+  formMethods?: any;
+}
+declare const DialogStateContext: any;
+//#endregion
+export { DialogStateContext, DialogStateContextValue };
+//# sourceMappingURL=DialogState.context.d.cts.map