@breadstone/mosaik-elements-react 0.0.205 → 0.0.209

package/Cdk/Overlays/MessageBox/useMessageBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMessageBox.d.ts","sourceRoot":"","sources":["../../../../src/Cdk/Overlays/MessageBox/useMessageBox.ts"],"names":[],"mappings":"AAGA,OAAO,EAAqB,KAAK,kBAAkB,EAAE,KAAK,gBAAgB,EAAO,MAAM,wCAAwC,CAAC;AAIhI;;;;GAIG;AACH,MAAM,WAAW,oBAAoB;IAEjC;;;;;OAKG;IACH,IAAI,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,GAAG,OAAO,CAAC,gBAAgB,CAAC,CAAC;IAEvE;;;;;OAKG;IACH,KAAK,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CAE9C;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,wBAAgB,aAAa,IAAI,oBAAoB,CAqBpD"}

package/Cdk/Overlays/MessageBox/useMessageBox.js

@@ -0,0 +1,57 @@
+// #region Imports
+import { useCallback, useMemo } from 'react';
+import { MessageBoxService, EID } from '@breadstone/mosaik-elements-foundation';
+/**
+ * React hook for managing message boxes using the foundation MessageBoxService singleton.
+ *
+ * @remarks
+ * This hook provides a React-idiomatic interface to the foundation MessageBoxService.
+ * The service should be configured at application startup using `MessageBoxService.configure()`.
+ *
+ * @example
+ * ```tsx
+ * // In your app setup
+ * MessageBoxService.configure({
+ *     closeOnNavigation: true,
+ *     behaviors: []
+ * });
+ *
+ * // In your component
+ * function MyComponent() {
+ *     const messageBox = useMessageBox();
+ *
+ *     const handleConfirm = async () => {
+ *         const result = await messageBox.open({
+ *             header: 'Confirm Delete',
+ *             content: 'Are you sure you want to delete this item?',
+ *             buttons: MessageBoxButtons.YesNo
+ *         });
+ *
+ *         if (result === MessageBoxResult.Yes) {
+ *             // User confirmed
+ *         }
+ *     };
+ *
+ *     return <button onClick={handleConfirm}>Delete Item</button>;
+ * }
+ * ```
+ *
+ * @public
+ * @returns An object containing message box management functions.
+ */
+export function useMessageBox() {
+    // #region Methods
+    const open = useCallback((options) => {
+        const messageBoxId = EID.next('MessageBox');
+        return MessageBoxService.instance.open(messageBoxId, options);
+    }, []);
+    const close = useCallback((messageBoxId) => MessageBoxService.instance.close(messageBoxId), []);
+    // #endregion
+    // #region Properties
+    return useMemo(() => ({
+        open,
+        close
+    }), [open, close]);
+    // #endregion
+}
+//# sourceMappingURL=useMessageBox.js.map

package/Cdk/Overlays/MessageBox/useMessageBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMessageBox.js","sourceRoot":"","sources":["../../../../src/Cdk/Overlays/MessageBox/useMessageBox.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAkD,GAAG,EAAE,MAAM,wCAAwC,CAAC;AA6BhI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,MAAM,UAAU,aAAa;IACzB,kBAAkB;IAElB,MAAM,IAAI,GAAG,WAAW,CAAC,CAAC,OAAqC,EAA6B,EAAE;QAC1F,MAAM,YAAY,GAAG,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAE5C,OAAO,iBAAiB,CAAC,QAAQ,CAAC,IAAI,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;IAClE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,KAAK,GAAG,WAAW,CAAC,CAAC,YAAoB,EAAiB,EAAE,CAAC,iBAAiB,CAAC,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE,EAAE,CAAC,CAAC;IAEvH,aAAa;IAEb,qBAAqB;IAErB,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;QAClB,IAAI;QACJ,KAAK;KACR,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;IAEnB,aAAa;AACjB,CAAC"}

package/Cdk/Overlays/Sheet/Index.d.ts

@@ -0,0 +1,3 @@
+export { useSheet, type IUseSheetReturn } from './useSheet';
+export { SheetProvider, useSheetContext, type ISheetProviderProps } from './SheetContext';
+//# sourceMappingURL=Index.d.ts.map

package/Cdk/Overlays/Sheet/Index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Index.d.ts","sourceRoot":"","sources":["../../../../src/Cdk/Overlays/Sheet/Index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,KAAK,mBAAmB,EAAE,MAAM,gBAAgB,CAAC"}

package/Cdk/Overlays/Sheet/Index.js

@@ -0,0 +1,5 @@
+// #region Exports
+export { useSheet } from './useSheet';
+export { SheetProvider, useSheetContext } from './SheetContext';
+// #endregion
+//# sourceMappingURL=Index.js.map

package/Cdk/Overlays/Sheet/Index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Index.js","sourceRoot":"","sources":["../../../../src/Cdk/Overlays/Sheet/Index.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,QAAQ,EAAwB,MAAM,YAAY,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,eAAe,EAA4B,MAAM,gBAAgB,CAAC;AAE1F,aAAa"}

package/Cdk/Overlays/Sheet/SheetContext.d.ts

@@ -0,0 +1,63 @@
+import { type ReactNode } from 'react';
+import { type IUseSheetReturn } from './useSheet';
+/**
+ * Props for the SheetProvider component.
+ *
+ * @public
+ */
+export interface ISheetProviderProps {
+    /**
+     * Child components that will have access to the sheet context.
+     */
+    children: ReactNode;
+}
+/**
+ * Provider component that makes sheet functionality available to all child components.
+ *
+ * @remarks
+ * Place this provider at the root of your application or at a level where all
+ * components that need sheet access are descendants.
+ *
+ * @example
+ * ```tsx
+ * // In your app root
+ * function App() {
+ *     return (
+ *         <SheetProvider>
+ *             <YourAppContent />
+ *         </SheetProvider>
+ *     );
+ * }
+ * ```
+ *
+ * @public
+ * @param props - The provider props.
+ * @returns The provider component wrapping children.
+ */
+export declare function SheetProvider({ children }: ISheetProviderProps): ReactNode;
+/**
+ * Hook to access the sheet context.
+ *
+ * @remarks
+ * This hook must be used within a SheetProvider. If you don't need the provider pattern,
+ * use `useSheet` directly instead.
+ *
+ * @example
+ * ```tsx
+ * function MyComponent() {
+ *     const sheet = useSheetContext();
+ *
+ *     return (
+ *         <button onClick={() => sheet.open('mySheet', MyWrapper)}>
+ *             Open
+ *         </button>
+ *     );
+ * }
+ * ```
+ *
+ * @public
+ * @returns The sheet context value.
+ * @throws Error if used outside of a SheetProvider.
+ */
+export declare function useSheetContext(): IUseSheetReturn;
+//# sourceMappingURL=SheetContext.d.ts.map

package/Cdk/Overlays/Sheet/SheetContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SheetContext.d.ts","sourceRoot":"","sources":["../../../../src/Cdk/Overlays/Sheet/SheetContext.tsx"],"names":[],"mappings":"AAEA,OAAc,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACzE,OAAO,EAAE,KAAK,eAAe,EAAY,MAAM,YAAY,CAAC;AAW5D;;;;GAIG;AACH,MAAM,WAAW,mBAAmB;IAEhC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CAEvB;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,mBAAmB,GAAG,SAAS,CAQ1E;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,eAAe,IAAI,eAAe,CAQjD"}

package/Cdk/Overlays/Sheet/SheetContext.js

@@ -0,0 +1,69 @@
+// #region Imports
+import React, { createContext, useContext } from 'react';
+import { useSheet } from './useSheet';
+// #endregion
+/**
+ * Context for providing sheet functionality throughout the React component tree.
+ *
+ * @internal
+ */
+const SheetContext = createContext(null);
+/**
+ * Provider component that makes sheet functionality available to all child components.
+ *
+ * @remarks
+ * Place this provider at the root of your application or at a level where all
+ * components that need sheet access are descendants.
+ *
+ * @example
+ * ```tsx
+ * // In your app root
+ * function App() {
+ *     return (
+ *         <SheetProvider>
+ *             <YourAppContent />
+ *         </SheetProvider>
+ *     );
+ * }
+ * ```
+ *
+ * @public
+ * @param props - The provider props.
+ * @returns The provider component wrapping children.
+ */
+export function SheetProvider({ children }) {
+    const sheet = useSheet();
+    return (React.createElement(SheetContext.Provider, { value: sheet }, children));
+}
+/**
+ * Hook to access the sheet context.
+ *
+ * @remarks
+ * This hook must be used within a SheetProvider. If you don't need the provider pattern,
+ * use `useSheet` directly instead.
+ *
+ * @example
+ * ```tsx
+ * function MyComponent() {
+ *     const sheet = useSheetContext();
+ *
+ *     return (
+ *         <button onClick={() => sheet.open('mySheet', MyWrapper)}>
+ *             Open
+ *         </button>
+ *     );
+ * }
+ * ```
+ *
+ * @public
+ * @returns The sheet context value.
+ * @throws Error if used outside of a SheetProvider.
+ */
+export function useSheetContext() {
+    const context = useContext(SheetContext);
+    if (!context) {
+        throw new Error('useSheetContext must be used within a SheetProvider');
+    }
+    return context;
+}
+//# sourceMappingURL=SheetContext.js.map

package/Cdk/Overlays/Sheet/SheetContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SheetContext.js","sourceRoot":"","sources":["../../../../src/Cdk/Overlays/Sheet/SheetContext.tsx"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAkB,MAAM,OAAO,CAAC;AACzE,OAAO,EAAwB,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE5D,aAAa;AAEb;;;;GAIG;AACH,MAAM,YAAY,GAAG,aAAa,CAAyB,IAAI,CAAC,CAAC;AAgBjE;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,UAAU,aAAa,CAAC,EAAE,QAAQ,EAAuB;IAC3D,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,OAAO,CACH,oBAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,IAC9B,QAAQ,CACW,CAC3B,CAAC;AACN,CAAC;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,UAAU,eAAe;IAC3B,MAAM,OAAO,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAEzC,IAAI,CAAC,OAAO,EAAE,CAAC;QACX,MAAM,IAAI,KAAK,CAAC,qDAAqD,CAAC,CAAC;IAC3E,CAAC;IAED,OAAO,OAAO,CAAC;AACnB,CAAC"}

package/Cdk/Overlays/Sheet/useSheet.d.ts

@@ -0,0 +1,65 @@
+import { type ISheetOptions } from '@breadstone/mosaik-elements-foundation';
+/**
+ * Represents the return type of the `useSheet` hook.
+ *
+ * @public
+ */
+export interface IUseSheetReturn {
+    /**
+     * Opens a sheet with the specified wrapper component.
+     *
+     * @template T - Type of the wrapper component extending HTMLElement.
+     * @template TData - Type of data provided to the wrapper component.
+     * @template TResult - Expected return type of the resolved sheet result.
+     * @param sheetId - Unique identifier for the sheet.
+     * @param wrapperClass - Constructor for the wrapper component.
+     * @param options - Optional sheet configuration.
+     * @param data - Optional data to pass to the wrapper.
+     * @returns Promise resolving to the sheet result.
+     */
+    open<T extends HTMLElement, TData, TResult>(sheetId: string, wrapperClass: new (args?: TData) => T, options?: ISheetOptions, data?: TData): Promise<TResult>;
+    /**
+     * Closes a sheet by its identifier.
+     *
+     * @template TResult - Type of the result to return.
+     * @param sheetId - The identifier of the sheet to close.
+     * @param result - Optional result to pass to the sheet opener.
+     * @returns Promise that resolves when the sheet is closed.
+     */
+    close<TResult>(sheetId: string, result?: TResult): Promise<void>;
+}
+/**
+ * React hook for managing sheets using the foundation SheetService singleton.
+ *
+ * @remarks
+ * This hook provides a React-idiomatic interface to the foundation SheetService.
+ * The service should be configured at application startup using `SheetService.configure()`.
+ *
+ * @example
+ * ```tsx
+ * // In your app setup
+ * SheetService.configure({
+ *     closeOnNavigation: true,
+ *     behaviors: []
+ * });
+ *
+ * // In your component
+ * function MyComponent() {
+ *     const sheet = useSheet();
+ *
+ *     const handleOpen = async () => {
+ *         const result = await sheet.open('mySheet', MySheetWrapper, {
+ *             header: 'Select Option'
+ *         });
+ *         console.log('Sheet result:', result);
+ *     };
+ *
+ *     return <button onClick={handleOpen}>Open Sheet</button>;
+ * }
+ * ```
+ *
+ * @public
+ * @returns An object containing sheet management functions.
+ */
+export declare function useSheet(): IUseSheetReturn;
+//# sourceMappingURL=useSheet.d.ts.map

package/Cdk/Overlays/Sheet/useSheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSheet.d.ts","sourceRoot":"","sources":["../../../../src/Cdk/Overlays/Sheet/useSheet.ts"],"names":[],"mappings":"AAGA,OAAO,EAAgB,KAAK,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAI1F;;;;GAIG;AACH,MAAM,WAAW,eAAe;IAE5B;;;;;;;;;;;OAWG;IACH,IAAI,CAAC,CAAC,SAAS,WAAW,EAAE,KAAK,EAAE,OAAO,EACtC,OAAO,EAAE,MAAM,EACf,YAAY,EAAE,KAAK,IAAI,CAAC,EAAE,KAAK,KAAK,CAAC,EACrC,OAAO,CAAC,EAAE,aAAa,EACvB,IAAI,CAAC,EAAE,KAAK,GACb,OAAO,CAAC,OAAO,CAAC,CAAC;IAEpB;;;;;;;OAOG;IACH,KAAK,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CAEpE;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,wBAAgB,QAAQ,IAAI,eAAe,CAsB1C"}

package/Cdk/Overlays/Sheet/useSheet.js

@@ -0,0 +1,49 @@
+// #region Imports
+import { useCallback, useMemo } from 'react';
+import { SheetService } from '@breadstone/mosaik-elements-foundation';
+/**
+ * React hook for managing sheets using the foundation SheetService singleton.
+ *
+ * @remarks
+ * This hook provides a React-idiomatic interface to the foundation SheetService.
+ * The service should be configured at application startup using `SheetService.configure()`.
+ *
+ * @example
+ * ```tsx
+ * // In your app setup
+ * SheetService.configure({
+ *     closeOnNavigation: true,
+ *     behaviors: []
+ * });
+ *
+ * // In your component
+ * function MyComponent() {
+ *     const sheet = useSheet();
+ *
+ *     const handleOpen = async () => {
+ *         const result = await sheet.open('mySheet', MySheetWrapper, {
+ *             header: 'Select Option'
+ *         });
+ *         console.log('Sheet result:', result);
+ *     };
+ *
+ *     return <button onClick={handleOpen}>Open Sheet</button>;
+ * }
+ * ```
+ *
+ * @public
+ * @returns An object containing sheet management functions.
+ */
+export function useSheet() {
+    // #region Methods
+    const open = useCallback((sheetId, wrapperClass, options, data) => SheetService.instance.open(sheetId, wrapperClass, options, data), []);
+    const close = useCallback((sheetId, result) => SheetService.instance.close(sheetId, result), []);
+    // #endregion
+    // #region Properties
+    return useMemo(() => ({
+        open,
+        close
+    }), [open, close]);
+    // #endregion
+}
+//# sourceMappingURL=useSheet.js.map

package/Cdk/Overlays/Sheet/useSheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSheet.js","sourceRoot":"","sources":["../../../../src/Cdk/Overlays/Sheet/useSheet.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAsB,MAAM,wCAAwC,CAAC;AA0C1F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,MAAM,UAAU,QAAQ;IACpB,kBAAkB;IAElB,MAAM,IAAI,GAAG,WAAW,CAAC,CACrB,OAAe,EACf,YAAqC,EACrC,OAAuB,EACvB,IAAY,EACI,EAAE,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAoB,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;IAEhH,MAAM,KAAK,GAAG,WAAW,CAAC,CAAU,OAAe,EAAE,MAAgB,EAAiB,EAAE,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,EAAE,CAAC,CAAC;IAE3I,aAAa;IAEb,qBAAqB;IAErB,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;QAClB,IAAI;QACJ,KAAK;KACR,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;IAEnB,aAAa;AACjB,CAAC"}

package/Cdk/Overlays/Toast/Index.d.ts

@@ -0,0 +1,3 @@
+export { useToast, type IUseToastReturn } from './useToast';
+export { ToastProvider, useToastContext, type IToastProviderProps } from './ToastContext';
+//# sourceMappingURL=Index.d.ts.map

package/Cdk/Overlays/Toast/Index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Index.d.ts","sourceRoot":"","sources":["../../../../src/Cdk/Overlays/Toast/Index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,KAAK,mBAAmB,EAAE,MAAM,gBAAgB,CAAC"}

package/Cdk/Overlays/Toast/Index.js

@@ -0,0 +1,5 @@
+// #region Exports
+export { useToast } from './useToast';
+export { ToastProvider, useToastContext } from './ToastContext';
+// #endregion
+//# sourceMappingURL=Index.js.map

package/Cdk/Overlays/Toast/Index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Index.js","sourceRoot":"","sources":["../../../../src/Cdk/Overlays/Toast/Index.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,QAAQ,EAAwB,MAAM,YAAY,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,eAAe,EAA4B,MAAM,gBAAgB,CAAC;AAE1F,aAAa"}

package/Cdk/Overlays/Toast/ToastContext.d.ts

@@ -0,0 +1,63 @@
+import { type ReactNode } from 'react';
+import { type IUseToastReturn } from './useToast';
+/**
+ * Props for the ToastProvider component.
+ *
+ * @public
+ */
+export interface IToastProviderProps {
+    /**
+     * Child components that will have access to the toast context.
+     */
+    children: ReactNode;
+}
+/**
+ * Provider component that makes toast functionality available to all child components.
+ *
+ * @remarks
+ * Place this provider at the root of your application or at a level where all
+ * components that need toast access are descendants.
+ *
+ * @example
+ * ```tsx
+ * // In your app root
+ * function App() {
+ *     return (
+ *         <ToastProvider>
+ *             <YourAppContent />
+ *         </ToastProvider>
+ *     );
+ * }
+ * ```
+ *
+ * @public
+ * @param props - The provider props.
+ * @returns The provider component wrapping children.
+ */
+export declare function ToastProvider({ children }: IToastProviderProps): ReactNode;
+/**
+ * Hook to access the toast context.
+ *
+ * @remarks
+ * This hook must be used within a ToastProvider. If you don't need the provider pattern,
+ * use `useToast` directly instead.
+ *
+ * @example
+ * ```tsx
+ * function MyComponent() {
+ *     const toast = useToastContext();
+ *
+ *     return (
+ *         <button onClick={() => toast.open({ header: 'Hello!' })}>
+ *             Show Toast
+ *         </button>
+ *     );
+ * }
+ * ```
+ *
+ * @public
+ * @returns The toast context value.
+ * @throws Error if used outside of a ToastProvider.
+ */
+export declare function useToastContext(): IUseToastReturn;
+//# sourceMappingURL=ToastContext.d.ts.map

package/Cdk/Overlays/Toast/ToastContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastContext.d.ts","sourceRoot":"","sources":["../../../../src/Cdk/Overlays/Toast/ToastContext.tsx"],"names":[],"mappings":"AAEA,OAAc,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACzE,OAAO,EAAE,KAAK,eAAe,EAAY,MAAM,YAAY,CAAC;AAW5D;;;;GAIG;AACH,MAAM,WAAW,mBAAmB;IAEhC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CAEvB;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,mBAAmB,GAAG,SAAS,CAQ1E;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,eAAe,IAAI,eAAe,CAQjD"}

package/Cdk/Overlays/Toast/ToastContext.js

@@ -0,0 +1,69 @@
+// #region Imports
+import React, { createContext, useContext } from 'react';
+import { useToast } from './useToast';
+// #endregion
+/**
+ * Context for providing toast functionality throughout the React component tree.
+ *
+ * @internal
+ */
+const ToastContext = createContext(null);
+/**
+ * Provider component that makes toast functionality available to all child components.
+ *
+ * @remarks
+ * Place this provider at the root of your application or at a level where all
+ * components that need toast access are descendants.
+ *
+ * @example
+ * ```tsx
+ * // In your app root
+ * function App() {
+ *     return (
+ *         <ToastProvider>
+ *             <YourAppContent />
+ *         </ToastProvider>
+ *     );
+ * }
+ * ```
+ *
+ * @public
+ * @param props - The provider props.
+ * @returns The provider component wrapping children.
+ */
+export function ToastProvider({ children }) {
+    const toast = useToast();
+    return (React.createElement(ToastContext.Provider, { value: toast }, children));
+}
+/**
+ * Hook to access the toast context.
+ *
+ * @remarks
+ * This hook must be used within a ToastProvider. If you don't need the provider pattern,
+ * use `useToast` directly instead.
+ *
+ * @example
+ * ```tsx
+ * function MyComponent() {
+ *     const toast = useToastContext();
+ *
+ *     return (
+ *         <button onClick={() => toast.open({ header: 'Hello!' })}>
+ *             Show Toast
+ *         </button>
+ *     );
+ * }
+ * ```
+ *
+ * @public
+ * @returns The toast context value.
+ * @throws Error if used outside of a ToastProvider.
+ */
+export function useToastContext() {
+    const context = useContext(ToastContext);
+    if (!context) {
+        throw new Error('useToastContext must be used within a ToastProvider');
+    }
+    return context;
+}
+//# sourceMappingURL=ToastContext.js.map

package/Cdk/Overlays/Toast/ToastContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastContext.js","sourceRoot":"","sources":["../../../../src/Cdk/Overlays/Toast/ToastContext.tsx"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAkB,MAAM,OAAO,CAAC;AACzE,OAAO,EAAwB,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE5D,aAAa;AAEb;;;;GAIG;AACH,MAAM,YAAY,GAAG,aAAa,CAAyB,IAAI,CAAC,CAAC;AAgBjE;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,UAAU,aAAa,CAAC,EAAE,QAAQ,EAAuB;IAC3D,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,OAAO,CACH,oBAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,IAC9B,QAAQ,CACW,CAC3B,CAAC;AACN,CAAC;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,UAAU,eAAe;IAC3B,MAAM,OAAO,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAEzC,IAAI,CAAC,OAAO,EAAE,CAAC;QACX,MAAM,IAAI,KAAK,CAAC,qDAAqD,CAAC,CAAC;IAC3E,CAAC;IAED,OAAO,OAAO,CAAC;AACnB,CAAC"}

package/Cdk/Overlays/Toast/useToast.d.ts

@@ -0,0 +1,62 @@
+import { type IToastOptions } from '@breadstone/mosaik-elements-foundation';
+/**
+ * Represents the return type of the `useToast` hook.
+ *
+ * @public
+ */
+export interface IUseToastReturn {
+    /**
+     * Opens a toast with the specified options.
+     *
+     * @template TResult - Expected return type of the resolved toast result.
+     * @param options - Toast configuration options.
+     * @returns Promise resolving to the toast result.
+     */
+    open<TResult>(options?: IToastOptions): Promise<TResult>;
+    /**
+     * Closes a toast by its identifier.
+     *
+     * @template TResult - Type of the result to return.
+     * @param toastId - The identifier of the toast to close.
+     * @param result - Optional result to pass to the toast opener.
+     * @returns Promise that resolves when the toast is closed.
+     */
+    close<TResult>(toastId: string, result?: TResult): Promise<void>;
+}
+/**
+ * React hook for managing toasts using the foundation ToastService singleton.
+ *
+ * @remarks
+ * This hook provides a React-idiomatic interface to the foundation ToastService.
+ * The service should be configured at application startup using `ToastService.configure()`.
+ *
+ * @example
+ * ```tsx
+ * // In your app setup
+ * ToastService.configure({
+ *     closeOnNavigation: true,
+ *     behaviors: []
+ * });
+ *
+ * // In your component
+ * function MyComponent() {
+ *     const toast = useToast();
+ *
+ *     const handleSuccess = async () => {
+ *         await toast.open({
+ *             header: 'Success',
+ *             content: 'Operation completed successfully',
+ *             variant: 'success',
+ *             timeout: Toast.Timeout.SHORT
+ *         });
+ *     };
+ *
+ *     return <button onClick={handleSuccess}>Show Toast</button>;
+ * }
+ * ```
+ *
+ * @public
+ * @returns An object containing toast management functions.
+ */
+export declare function useToast(): IUseToastReturn;
+//# sourceMappingURL=useToast.d.ts.map

package/Cdk/Overlays/Toast/useToast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToast.d.ts","sourceRoot":"","sources":["../../../../src/Cdk/Overlays/Toast/useToast.ts"],"names":[],"mappings":"AAGA,OAAO,EAAgB,KAAK,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAI1F;;;;GAIG;AACH,MAAM,WAAW,eAAe;IAE5B;;;;;;OAMG;IACH,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,EAAE,aAAa,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IAEzD;;;;;;;OAOG;IACH,KAAK,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CAEpE;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,wBAAgB,QAAQ,IAAI,eAAe,CAiB1C"}

package/Cdk/Overlays/Toast/useToast.js

@@ -0,0 +1,51 @@
+// #region Imports
+import { useCallback, useMemo } from 'react';
+import { ToastService } from '@breadstone/mosaik-elements-foundation';
+/**
+ * React hook for managing toasts using the foundation ToastService singleton.
+ *
+ * @remarks
+ * This hook provides a React-idiomatic interface to the foundation ToastService.
+ * The service should be configured at application startup using `ToastService.configure()`.
+ *
+ * @example
+ * ```tsx
+ * // In your app setup
+ * ToastService.configure({
+ *     closeOnNavigation: true,
+ *     behaviors: []
+ * });
+ *
+ * // In your component
+ * function MyComponent() {
+ *     const toast = useToast();
+ *
+ *     const handleSuccess = async () => {
+ *         await toast.open({
+ *             header: 'Success',
+ *             content: 'Operation completed successfully',
+ *             variant: 'success',
+ *             timeout: Toast.Timeout.SHORT
+ *         });
+ *     };
+ *
+ *     return <button onClick={handleSuccess}>Show Toast</button>;
+ * }
+ * ```
+ *
+ * @public
+ * @returns An object containing toast management functions.
+ */
+export function useToast() {
+    // #region Methods
+    const open = useCallback((options) => ToastService.instance.open(options), []);
+    const close = useCallback((toastId, result) => ToastService.instance.close(toastId, result), []);
+    // #endregion
+    // #region Properties
+    return useMemo(() => ({
+        open,
+        close
+    }), [open, close]);
+    // #endregion
+}
+//# sourceMappingURL=useToast.js.map

package/Cdk/Overlays/Toast/useToast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToast.js","sourceRoot":"","sources":["../../../../src/Cdk/Overlays/Toast/useToast.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAsB,MAAM,wCAAwC,CAAC;AAgC1F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,MAAM,UAAU,QAAQ;IACpB,kBAAkB;IAElB,MAAM,IAAI,GAAG,WAAW,CAAC,CAAU,OAAuB,EAAoB,EAAE,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAU,OAAO,CAAC,EAAE,EAAE,CAAC,CAAC;IAEnI,MAAM,KAAK,GAAG,WAAW,CAAC,CAAU,OAAe,EAAE,MAAgB,EAAiB,EAAE,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,EAAE,CAAC,CAAC;IAE3I,aAAa;IAEb,qBAAqB;IAErB,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;QAClB,IAAI;QACJ,KAAK;KACR,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;IAEnB,aAAa;AACjB,CAAC"}

package/Controls/Components/Grouping/Region/RegionComponent.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { RegionElement } from '@breadstone/mosaik-elements-foundation';
+/**
+ * @public
+ */
+export declare const Region: import("../../../../Utils/Proxy").ReactWebComponent<RegionElement, {
+    onActiveChanged: string;
+    onConnected: string;
+    onDisconnected: string;
+    onChanged: string;
+}>;
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'mosaik-region': React.DetailedHTMLProps<React.HTMLAttributes<RegionElement>, RegionElement> | Partial<RegionElement>;
+        }
+    }
+}
+//# sourceMappingURL=RegionComponent.d.ts.map

package/Controls/Components/Grouping/Region/RegionComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RegionComponent.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Grouping/Region/RegionComponent.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAIvE;;GAEG;AACH,eAAO,MAAM,MAAM;;;;;EAWjB,CAAC;AAEH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,GAAG,CAAC;QACV,UAAU,iBAAiB;YACvB,eAAe,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,EAAE,aAAa,CAAC,GAAG,OAAO,CAAC,aAAa,CAAC,CAAC;SACzH;KACJ;CACJ"}