@judo/feedback 0.1.0

package/dist/dialogs/service/dialog-service.d.ts

@@ -0,0 +1,71 @@
+import { ComponentType } from 'react';
+/**
+ * Options for confirmation dialogs.
+ */
+export interface ConfirmDialogOptions {
+    title?: string;
+    message: string;
+    confirmText?: string;
+    cancelText?: string;
+    confirmColor?: "primary" | "secondary" | "error" | "warning";
+    /** Show dangerous action styling */
+    destructive?: boolean;
+}
+/**
+ * Options for alert dialogs.
+ */
+export interface AlertDialogOptions {
+    title?: string;
+    message: string;
+    variant?: "info" | "warning" | "error";
+    okText?: string;
+}
+/**
+ * Props passed to custom dialog components.
+ */
+export interface CustomDialogProps<T = unknown> {
+    onClose: (result?: T) => void;
+}
+/**
+ * Custom dialog configuration.
+ */
+export interface CustomDialog<T = unknown, P extends CustomDialogProps<T> = CustomDialogProps<T>> {
+    component: ComponentType<P>;
+    props?: Omit<P, "onClose">;
+    size?: "xs" | "sm" | "md" | "lg" | "xl";
+    fullWidth?: boolean;
+    disableBackdropClick?: boolean;
+}
+/**
+ * Internal dialog state for tracking open dialogs.
+ */
+export interface DialogState {
+    id: string;
+    type: "confirm" | "alert" | "custom";
+    options?: ConfirmDialogOptions | AlertDialogOptions;
+    dialog?: CustomDialog<unknown>;
+}
+/**
+ * DialogService interface for managing dialogs.
+ */
+export interface DialogService {
+    /** Show confirmation dialog, returns true if confirmed */
+    confirm(options: ConfirmDialogOptions): Promise<boolean>;
+    /** Show alert dialog */
+    alert(options: AlertDialogOptions): Promise<void>;
+    /** Show custom dialog */
+    open<T, P extends CustomDialogProps<T> = CustomDialogProps<T>>(dialog: CustomDialog<T, P>): Promise<T | undefined>;
+    /** Close dialog by ID */
+    close(id: string, result?: unknown): void;
+    /** Close all dialogs */
+    closeAll(): void;
+    /** Subscribe to dialog state changes */
+    subscribe(callback: () => void): () => void;
+    /** Get current dialog states */
+    getSnapshot(): DialogState[];
+}
+/**
+ * Generate a unique ID for dialogs.
+ */
+export declare function generateDialogId(): string;
+//# sourceMappingURL=dialog-service.d.ts.map

package/dist/dialogs/service/dialog-service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-service.d.ts","sourceRoot":"","sources":["../../../src/dialogs/service/dialog-service.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,SAAS,CAAC;IAC7D,oCAAoC;IACpC,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;IACvC,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB,CAAC,CAAC,GAAG,OAAO;IAC7C,OAAO,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC;CAC9B;AAED;;GAEG;AACH,MAAM,WAAW,YAAY,CAAC,CAAC,GAAG,OAAO,EAAE,CAAC,SAAS,iBAAiB,CAAC,CAAC,CAAC,GAAG,iBAAiB,CAAC,CAAC,CAAC;IAC/F,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IAC5B,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;IAC3B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED;;GAEG;AACH,MAAM,WAAW,WAAW;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;IACrC,OAAO,CAAC,EAAE,oBAAoB,GAAG,kBAAkB,CAAC;IACpD,MAAM,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;CAC/B;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC7B,0DAA0D;IAC1D,OAAO,CAAC,OAAO,EAAE,oBAAoB,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IAEzD,wBAAwB;IACxB,KAAK,CAAC,OAAO,EAAE,kBAAkB,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAElD,yBAAyB;IACzB,IAAI,CAAC,CAAC,EAAE,CAAC,SAAS,iBAAiB,CAAC,CAAC,CAAC,GAAG,iBAAiB,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC;IAEnH,yBAAyB;IACzB,KAAK,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAE1C,wBAAwB;IACxB,QAAQ,IAAI,IAAI,CAAC;IAEjB,wCAAwC;IACxC,SAAS,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC;IAE5C,gCAAgC;IAChC,WAAW,IAAI,WAAW,EAAE,CAAC;CAC7B;AAED;;GAEG;AACH,wBAAgB,gBAAgB,IAAI,MAAM,CAEzC"}

package/dist/dialogs/service/index.d.ts

@@ -0,0 +1,3 @@
+export { type DialogService, type DialogState, type ConfirmDialogOptions, type AlertDialogOptions, type CustomDialog, type CustomDialogProps, generateDialogId, } from './dialog-service';
+export { DialogServiceImpl } from './dialog-service-impl';
+//# sourceMappingURL=index.d.ts.map

package/dist/dialogs/service/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/dialogs/service/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,KAAK,aAAa,EAClB,KAAK,WAAW,EAChB,KAAK,oBAAoB,EACzB,KAAK,kBAAkB,EACvB,KAAK,YAAY,EACjB,KAAK,iBAAiB,EACtB,gBAAgB,GAChB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @judo/feedback
+ *
+ * User feedback system for JUDO UI Runtime.
+ * Provides dialogs, notifications, and loading states for better UX.
+ */
+export { type DialogService, type DialogState, type ConfirmDialogOptions, type AlertDialogOptions, type CustomDialog, type CustomDialogProps, generateDialogId, DialogServiceImpl, ConfirmDialog, type ConfirmDialogProps, AlertDialog, type AlertDialogProps, DialogHost, type DialogHostProps, DialogProvider, useDialog, useDialogOptional, type DialogProviderProps, useConfirmation, } from './dialogs';
+export { type NotificationService, type Notification, type NotificationOptions, type NotificationAction, type NotificationVariant, type NotificationPosition, mapPositionToAnchorOrigin, NotificationServiceImpl, NotificationProvider, type NotificationProviderProps, useNotifications, } from './notifications';
+export { type LoadingService, type LoadingSnapshot, type LoadingOptions, LoadingServiceImpl, TextInputSkeleton, type TextInputSkeletonProps, TableSkeleton, type TableSkeletonProps, FormSkeleton, type FormSkeletonProps, CardSkeleton, LinkSkeleton, ContainerLoading, type ContainerLoadingProps, GlobalLoadingOverlay, type GlobalLoadingOverlayProps, LoadingProvider, useLoading, useLoadingOptional, type LoadingProviderProps, useLoadingState, useComponentLoading, } from './loading';
+export { FeedbackProvider, type FeedbackProviderProps, useFeedback } from './provider';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH,OAAO,EAEN,KAAK,aAAa,EAClB,KAAK,WAAW,EAChB,KAAK,oBAAoB,EACzB,KAAK,kBAAkB,EACvB,KAAK,YAAY,EACjB,KAAK,iBAAiB,EACtB,gBAAgB,EAChB,iBAAiB,EAEjB,aAAa,EACb,KAAK,kBAAkB,EACvB,WAAW,EACX,KAAK,gBAAgB,EACrB,UAAU,EACV,KAAK,eAAe,EAEpB,cAAc,EACd,SAAS,EACT,iBAAiB,EACjB,KAAK,mBAAmB,EAExB,eAAe,GACf,MAAM,WAAW,CAAC;AAKnB,OAAO,EAEN,KAAK,mBAAmB,EACxB,KAAK,YAAY,EACjB,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,EACvB,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,EACzB,yBAAyB,EACzB,uBAAuB,EAEvB,oBAAoB,EACpB,KAAK,yBAAyB,EAE9B,gBAAgB,GAChB,MAAM,iBAAiB,CAAC;AAKzB,OAAO,EAEN,KAAK,cAAc,EACnB,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,kBAAkB,EAElB,iBAAiB,EACjB,KAAK,sBAAsB,EAC3B,aAAa,EACb,KAAK,kBAAkB,EACvB,YAAY,EACZ,KAAK,iBAAiB,EACtB,YAAY,EACZ,YAAY,EACZ,gBAAgB,EAChB,KAAK,qBAAqB,EAC1B,oBAAoB,EACpB,KAAK,yBAAyB,EAE9B,eAAe,EACf,UAAU,EACV,kBAAkB,EAClB,KAAK,oBAAoB,EAEzB,eAAe,EACf,mBAAmB,GACnB,MAAM,WAAW,CAAC;AAKnB,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC"}

package/dist/index.js

@@ -0,0 +1,497 @@
+import { Alert, Backdrop, Box, Button, Card, CardContent, CircularProgress, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, Skeleton, Typography } from "@mui/material";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
+import { SnackbarProvider, closeSnackbar, enqueueSnackbar, useSnackbar } from "notistack";
+function generateDialogId() {
+	return `dialog-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`;
+}
+var DialogServiceImpl = class {
+	dialogs = [];
+	resolvers = /* @__PURE__ */ new Map();
+	subscribers = /* @__PURE__ */ new Set();
+	confirm(v) {
+		return new Promise((q) => {
+			let J = generateDialogId();
+			this.resolvers.set(J, q), this.dialogs = [...this.dialogs, {
+				id: J,
+				type: "confirm",
+				options: v
+			}], this.notify();
+		});
+	}
+	alert(v) {
+		return new Promise((q) => {
+			let J = generateDialogId();
+			this.resolvers.set(J, q), this.dialogs = [...this.dialogs, {
+				id: J,
+				type: "alert",
+				options: v
+			}], this.notify();
+		});
+	}
+	open(v) {
+		return new Promise((q) => {
+			let J = generateDialogId();
+			this.resolvers.set(J, q), this.dialogs = [...this.dialogs, {
+				id: J,
+				type: "custom",
+				dialog: v
+			}], this.notify();
+		});
+	}
+	close(v, q) {
+		let J = this.resolvers.get(v);
+		J && (J(q), this.resolvers.delete(v)), this.dialogs = this.dialogs.filter((q) => q.id !== v), this.notify();
+	}
+	closeAll() {
+		for (let [v, q] of this.resolvers) q(void 0);
+		this.resolvers.clear(), this.dialogs = [], this.notify();
+	}
+	subscribe(v) {
+		return this.subscribers.add(v), () => {
+			this.subscribers.delete(v);
+		};
+	}
+	getSnapshot() {
+		return this.dialogs;
+	}
+	notify() {
+		for (let v of this.subscribers) v();
+	}
+};
+function ConfirmDialog({ open: v, options: q, onConfirm: J, onCancel: X }) {
+	return /* @__PURE__ */ jsxs(Dialog, {
+		open: v,
+		onClose: X,
+		"aria-labelledby": "confirm-dialog-title",
+		children: [
+			/* @__PURE__ */ jsx(DialogTitle, {
+				id: "confirm-dialog-title",
+				children: q.title ?? "Confirm"
+			}),
+			/* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsx(DialogContentText, { children: q.message }) }),
+			/* @__PURE__ */ jsxs(DialogActions, { children: [/* @__PURE__ */ jsx(Button, {
+				onClick: X,
+				children: q.cancelText ?? "Cancel"
+			}), /* @__PURE__ */ jsx(Button, {
+				onClick: J,
+				variant: "contained",
+				color: q.destructive ? "error" : q.confirmColor ?? "primary",
+				children: q.confirmText ?? "Confirm"
+			})] })
+		]
+	});
+}
+function AlertDialog({ open: q, options: J, onClose: X }) {
+	return /* @__PURE__ */ jsxs(Dialog, {
+		open: q,
+		onClose: X,
+		"aria-labelledby": "alert-dialog-title",
+		children: [
+			/* @__PURE__ */ jsx(DialogTitle, {
+				id: "alert-dialog-title",
+				children: J.title ?? "Alert"
+			}),
+			/* @__PURE__ */ jsx(DialogContent, { children: J.variant ? /* @__PURE__ */ jsx(Alert, {
+				severity: J.variant,
+				sx: { mb: 1 },
+				children: J.message
+			}) : /* @__PURE__ */ jsx(DialogContentText, { children: J.message }) }),
+			/* @__PURE__ */ jsx(DialogActions, { children: /* @__PURE__ */ jsx(Button, {
+				onClick: X,
+				variant: "contained",
+				children: J.okText ?? "OK"
+			}) })
+		]
+	});
+}
+function DialogHost({ service: v }) {
+	return /* @__PURE__ */ jsx(Fragment, { children: useSyncExternalStore(v.subscribe.bind(v), v.getSnapshot.bind(v)).map((q) => /* @__PURE__ */ jsx(DialogRenderer, {
+		dialog: q,
+		service: v
+	}, q.id)) });
+}
+function DialogRenderer({ dialog: v, service: q }) {
+	if (v.type === "confirm") return /* @__PURE__ */ jsx(ConfirmDialog, {
+		open: !0,
+		options: v.options,
+		onConfirm: () => q.close(v.id, !0),
+		onCancel: () => q.close(v.id, !1)
+	});
+	if (v.type === "alert") return /* @__PURE__ */ jsx(AlertDialog, {
+		open: !0,
+		options: v.options,
+		onClose: () => q.close(v.id)
+	});
+	if (v.type === "custom" && v.dialog) {
+		let J = v.dialog.component;
+		return /* @__PURE__ */ jsx(Dialog, {
+			open: !0,
+			onClose: v.dialog.disableBackdropClick ? void 0 : () => q.close(v.id),
+			maxWidth: v.dialog.size ?? "sm",
+			fullWidth: v.dialog.fullWidth ?? !0,
+			children: /* @__PURE__ */ jsx(J, {
+				onClose: (J) => q.close(v.id, J),
+				...v.dialog.props
+			})
+		});
+	}
+	return null;
+}
+var DialogContext = createContext(null);
+function DialogProvider({ children: v, service: q }) {
+	let J = useMemo(() => q ?? new DialogServiceImpl(), [q]);
+	return /* @__PURE__ */ jsxs(DialogContext.Provider, {
+		value: J,
+		children: [v, /* @__PURE__ */ jsx(DialogHost, { service: J })]
+	});
+}
+function useDialog() {
+	let v = useContext(DialogContext);
+	if (!v) throw Error("useDialog must be used within a DialogProvider");
+	return v;
+}
+function useDialogOptional() {
+	return useContext(DialogContext);
+}
+function useConfirmation() {
+	let v = useDialog();
+	return { confirm: useCallback((q) => v.confirm(q), [v]) };
+}
+function mapPositionToAnchorOrigin(v) {
+	return {
+		"top-right": {
+			vertical: "top",
+			horizontal: "right"
+		},
+		"top-center": {
+			vertical: "top",
+			horizontal: "center"
+		},
+		"top-left": {
+			vertical: "top",
+			horizontal: "left"
+		},
+		"bottom-right": {
+			vertical: "bottom",
+			horizontal: "right"
+		},
+		"bottom-center": {
+			vertical: "bottom",
+			horizontal: "center"
+		},
+		"bottom-left": {
+			vertical: "bottom",
+			horizontal: "left"
+		}
+	}[v ?? "bottom-right"];
+}
+var NotificationServiceImpl = class {
+	success(v, q) {
+		return this.show({
+			message: v,
+			variant: "success",
+			...q
+		});
+	}
+	error(v, q) {
+		return this.show({
+			message: v,
+			variant: "error",
+			duration: 0,
+			...q
+		});
+	}
+	warning(v, q) {
+		return this.show({
+			message: v,
+			variant: "warning",
+			...q
+		});
+	}
+	info(v, q) {
+		return this.show({
+			message: v,
+			variant: "info",
+			...q
+		});
+	}
+	show(v) {
+		let q = enqueueSnackbar(v.message, {
+			variant: v.variant,
+			autoHideDuration: v.duration === 0 ? null : v.duration ?? 5e3,
+			anchorOrigin: mapPositionToAnchorOrigin(v.position),
+			preventDuplicate: v.key !== void 0,
+			key: v.key
+		});
+		return String(q);
+	}
+	dismiss(v) {
+		closeSnackbar(v);
+	}
+	dismissAll() {
+		closeSnackbar();
+	}
+};
+function NotificationProvider({ children: v, maxSnack: q = 5 }) {
+	return /* @__PURE__ */ jsx(SnackbarProvider, {
+		maxSnack: q,
+		anchorOrigin: {
+			vertical: "bottom",
+			horizontal: "right"
+		},
+		children: v
+	});
+}
+function useNotifications() {
+	let { enqueueSnackbar: v, closeSnackbar: q } = useSnackbar();
+	return useMemo(() => ({
+		success(v, q) {
+			return this.show({
+				message: v,
+				variant: "success",
+				...q
+			});
+		},
+		error(v, q) {
+			return this.show({
+				message: v,
+				variant: "error",
+				duration: 0,
+				...q
+			});
+		},
+		warning(v, q) {
+			return this.show({
+				message: v,
+				variant: "warning",
+				...q
+			});
+		},
+		info(v, q) {
+			return this.show({
+				message: v,
+				variant: "info",
+				...q
+			});
+		},
+		show(q) {
+			let J = v(q.message, {
+				variant: q.variant,
+				autoHideDuration: q.duration === 0 ? null : q.duration ?? 5e3,
+				anchorOrigin: mapPositionToAnchorOrigin(q.position),
+				preventDuplicate: q.key !== void 0,
+				key: q.key
+			});
+			return String(J);
+		},
+		dismiss(v) {
+			q(v);
+		},
+		dismissAll() {
+			q();
+		}
+	}), [v, q]);
+}
+var LoadingServiceImpl = class {
+	loadingStates = /* @__PURE__ */ new Map();
+	subscribers = /* @__PURE__ */ new Set();
+	cachedSnapshot = null;
+	start(v, q = {}) {
+		this.loadingStates.set(v, q), this.invalidateSnapshot(), this.notify();
+	}
+	end(v) {
+		this.loadingStates.delete(v), this.invalidateSnapshot(), this.notify();
+	}
+	isLoading() {
+		return this.loadingStates.size > 0;
+	}
+	isLoadingKey(v) {
+		return this.loadingStates.has(v);
+	}
+	getActiveKeys() {
+		return Array.from(this.loadingStates.keys());
+	}
+	subscribe(v) {
+		return this.subscribers.add(v), () => {
+			this.subscribers.delete(v);
+		};
+	}
+	getSnapshot() {
+		if (this.cachedSnapshot) return this.cachedSnapshot;
+		let v = Array.from(this.loadingStates.entries()).find(([, v]) => v.global);
+		return this.cachedSnapshot = {
+			isLoading: this.loadingStates.size > 0,
+			activeKeys: this.getActiveKeys(),
+			globalLoading: !!v,
+			message: v?.[1].message,
+			progress: v?.[1].progress
+		}, this.cachedSnapshot;
+	}
+	invalidateSnapshot() {
+		this.cachedSnapshot = null;
+	}
+	notify() {
+		for (let v of this.subscribers) v();
+	}
+};
+function TextInputSkeleton({ width: v = "100%" }) {
+	return /* @__PURE__ */ jsxs(Box, {
+		sx: { width: v },
+		children: [/* @__PURE__ */ jsx(Skeleton, {
+			variant: "text",
+			width: 80,
+			height: 20,
+			sx: { mb: .5 }
+		}), /* @__PURE__ */ jsx(Skeleton, {
+			variant: "rectangular",
+			height: 56
+		})]
+	});
+}
+function TableSkeleton({ rows: v = 5, columns: q = 4 }) {
+	let Y = Array.from({ length: q }, (v, q) => /* @__PURE__ */ jsx(Skeleton, {
+		variant: "text",
+		sx: { flex: 1 },
+		height: 40
+	}, q)), X = Array.from({ length: v }, (v, Y) => /* @__PURE__ */ jsx(Box, {
+		display: "flex",
+		gap: 2,
+		mb: 1,
+		children: Array.from({ length: q }, (v, q) => /* @__PURE__ */ jsx(Skeleton, {
+			variant: "text",
+			sx: { flex: 1 },
+			height: 32
+		}, q))
+	}, Y));
+	return /* @__PURE__ */ jsxs(Box, { children: [/* @__PURE__ */ jsx(Box, {
+		display: "flex",
+		gap: 2,
+		mb: 1,
+		children: Y
+	}), X] });
+}
+function FormSkeleton({ fields: v = 4 }) {
+	return /* @__PURE__ */ jsx(Box, {
+		display: "flex",
+		flexDirection: "column",
+		gap: 2,
+		children: Array.from({ length: v }, (v, q) => /* @__PURE__ */ jsx(TextInputSkeleton, {}, q))
+	});
+}
+function CardSkeleton() {
+	return /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardContent, { children: [
+		/* @__PURE__ */ jsx(Skeleton, {
+			variant: "text",
+			width: "60%",
+			height: 32
+		}),
+		/* @__PURE__ */ jsx(Skeleton, {
+			variant: "text",
+			width: "80%"
+		}),
+		/* @__PURE__ */ jsx(Skeleton, {
+			variant: "text",
+			width: "40%"
+		})
+	] }) });
+}
+function LinkSkeleton() {
+	return /* @__PURE__ */ jsxs(Box, { children: [/* @__PURE__ */ jsx(Skeleton, {
+		variant: "text",
+		width: 80,
+		height: 20,
+		sx: { mb: .5 }
+	}), /* @__PURE__ */ jsx(Skeleton, {
+		variant: "rectangular",
+		height: 56
+	})] });
+}
+function ContainerLoading({ loading: v, skeleton: q, children: Y, minLoadingTime: X = 200 }) {
+	let [Z, Q] = useState(v), $ = useRef(null);
+	return useEffect(() => {
+		if (v) $.current = Date.now(), Q(!0);
+		else if ($.current) {
+			let v = Date.now() - $.current, q = Math.max(0, X - v);
+			if (q > 0) {
+				let v = setTimeout(() => Q(!1), q);
+				return () => clearTimeout(v);
+			}
+			Q(!1), $.current = null;
+		} else Q(!1);
+	}, [v, X]), Z && q ? /* @__PURE__ */ jsx(Fragment, { children: q }) : Z ? /* @__PURE__ */ jsx(Box, {
+		display: "flex",
+		justifyContent: "center",
+		alignItems: "center",
+		p: 4,
+		children: /* @__PURE__ */ jsx(CircularProgress, {})
+	}) : /* @__PURE__ */ jsx(Fragment, { children: Y });
+}
+function GlobalLoadingOverlay({ service: v }) {
+	let J = useSyncExternalStore(v.subscribe.bind(v), v.getSnapshot.bind(v));
+	return J.globalLoading ? /* @__PURE__ */ jsxs(Backdrop, {
+		open: J.globalLoading,
+		sx: {
+			zIndex: (v) => v.zIndex.modal + 1,
+			flexDirection: "column",
+			gap: 2,
+			color: "#fff"
+		},
+		children: [J.progress === void 0 ? /* @__PURE__ */ jsx(CircularProgress, {
+			size: 60,
+			color: "inherit"
+		}) : /* @__PURE__ */ jsx(CircularProgress, {
+			variant: "determinate",
+			value: J.progress,
+			size: 60,
+			color: "inherit"
+		}), J.message && /* @__PURE__ */ jsx(Typography, {
+			color: "inherit",
+			variant: "h6",
+			children: J.message
+		})]
+	}) : null;
+}
+var LoadingContext = createContext(null);
+function LoadingProvider({ children: v, service: q, showGlobalOverlay: J = !0 }) {
+	let Y = useMemo(() => q ?? new LoadingServiceImpl(), [q]);
+	return /* @__PURE__ */ jsxs(LoadingContext.Provider, {
+		value: Y,
+		children: [v, J && /* @__PURE__ */ jsx(GlobalLoadingOverlay, { service: Y })]
+	});
+}
+function useLoading() {
+	let v = useContext(LoadingContext);
+	if (!v) throw Error("useLoading must be used within a LoadingProvider");
+	return v;
+}
+function useLoadingOptional() {
+	return useContext(LoadingContext);
+}
+function useLoadingState() {
+	let v = useLoading();
+	return useSyncExternalStore(v.subscribe.bind(v), v.getSnapshot.bind(v));
+}
+function useComponentLoading(v) {
+	let q = useLoading();
+	return {
+		isLoading: useSyncExternalStore(q.subscribe.bind(q), () => q.isLoadingKey(v)),
+		startLoading: useCallback((J) => {
+			q.start(v, J);
+		}, [q, v]),
+		endLoading: useCallback(() => {
+			q.end(v);
+		}, [q, v])
+	};
+}
+function FeedbackProvider({ children: v }) {
+	return /* @__PURE__ */ jsx(DialogProvider, { children: /* @__PURE__ */ jsx(NotificationProvider, { children: /* @__PURE__ */ jsx(LoadingProvider, { children: v }) }) });
+}
+function useFeedback() {
+	return {
+		dialogs: useDialog(),
+		notifications: useNotifications(),
+		loading: useLoading()
+	};
+}
+export { AlertDialog, CardSkeleton, ConfirmDialog, ContainerLoading, DialogHost, DialogProvider, DialogServiceImpl, FeedbackProvider, FormSkeleton, GlobalLoadingOverlay, LinkSkeleton, LoadingProvider, LoadingServiceImpl, NotificationProvider, NotificationServiceImpl, TableSkeleton, TextInputSkeleton, generateDialogId, mapPositionToAnchorOrigin, useComponentLoading, useConfirmation, useDialog, useDialogOptional, useFeedback, useLoading, useLoadingOptional, useLoadingState, useNotifications };