@breadstone/mosaik-elements-react 0.0.206 → 0.0.210

package/CHANGELOG.md

@@ -1,3 +1,197 @@
+## 0.0.208 (2025-12-13)
+
+### 🚀 Features
+
+- update component properties and descriptions for better clarity and functionality ([5d4069bff7](https://github.com/RueDeRennes/mosaik/commit/5d4069bff7))
+
+## 0.0.207 (2025-12-13)
+
+### 🚀 Features
+
+- **stepper): add Cosmopolitan, Joy, and Memphis themes for Stepper and StepperItem components feat(stepper): implement React and Svelte components for Stepper and StepperItem feat(stepper): create Vue components for Stepper and StepperItem fix(wizard): update event detail interfaces for active step changes style(stepper:** define token styles for various themes in SCSS ([f3922024d6](https://github.com/RueDeRennes/mosaik/commit/f3922024d6))
+- **tailwind:** implement Tailwind v4 config generation and update package scripts ([db31430aaf](https://github.com/RueDeRennes/mosaik/commit/db31430aaf))
+
+### 🩹 Fixes
+
+- **stepper:** update properties and styles for Stepper themes and components ([5f66855a75](https://github.com/RueDeRennes/mosaik/commit/5f66855a75))
+
+## 0.0.206 (2025-12-09)
+
+This was a version bump only for mosaik-elements-react to align it with other projects, there were no code changes.
+
+## 0.0.205 (2025-12-07)
+
+### 🩹 Fixes
+
+- **buttons): update stack-gap variable usage in FloatingActionButton, RepeatButton, SplitButton, ToggleButton themes fix(card): update stack-gap variable usage in CardActions theme fix(expander): update stack-gap variable usage in Expander theme fix(comment): update stack-gap variable usage in Comment theme fix(dialog): update stack-gap variable usage in DialogActions theme fix(segment): update stack-gap variable usage in SegmentItem theme fix(tab-strip): update stack-gap variable usage in TabStripItem theme fix(states): update stack-gap variable usage in Busy, Empty, Error, and Success state themes chore(package:** bump version to 0.0.204 in package.json ([878a490c1e](https://github.com/RueDeRennes/mosaik/commit/878a490c1e))
+
+## 0.0.204 (2025-12-07)
+
+This was a version bump only for mosaik-elements-react to align it with other projects, there were no code changes.
+
+## 0.0.203 (2025-12-06)
+
+This was a version bump only for mosaik-elements-react to align it with other projects, there were no code changes.
+
+## 0.0.202 (2025-12-06)
+
+This was a version bump only for mosaik-elements-react to align it with other projects, there were no code changes.
+
+## 0.0.201 (2025-12-05)
+
+This was a version bump only for mosaik-elements-react to align it with other projects, there were no code changes.
+
+## 0.0.200 (2025-12-05)
+
+This was a version bump only for mosaik-elements-react to align it with other projects, there were no code changes.
+
+## 0.0.199 (2025-12-05)
+
+### 🩹 Fixes
+
+- **package:** add missing newline at end of file ([e7bbe4e7c1](https://github.com/RueDeRennes/mosaik/commit/e7bbe4e7c1))
+
+## 0.0.198 (2025-12-05)
+
+This was a version bump only for mosaik-elements-react to align it with other projects, there were no code changes.
+
+## 0.0.197 (2025-12-05)
+
+This was a version bump only for mosaik-elements-react to align it with other projects, there were no code changes.
+
+## 0.0.196 (2025-12-05)
+
+### 🚀 Features
+
+- **event-hub:** add Event Hub pattern implementation for Angular 2025 ([88dc4f7404](https://github.com/RueDeRennes/mosaik/commit/88dc4f7404))
+
+### 🩹 Fixes
+
+- **keywords:** add Event Bus and Message Bus to event hub documentation ([69cafcf76f](https://github.com/RueDeRennes/mosaik/commit/69cafcf76f))
+
+## 0.0.195 (2025-12-03)
+
+### 🩹 Fixes
+
+- **package:** add missing newline at end of file in package.json ([a9bf15349b](https://github.com/RueDeRennes/mosaik/commit/a9bf15349b))
+
+## 0.0.194 (2025-12-03)
+
+### 🩹 Fixes
+
+- **Cdk:** export FormFieldStatusDirective alongside FORM_STATUS_HOST from FormStatusDirective ([c8521cd4ff](https://github.com/RueDeRennes/mosaik/commit/c8521cd4ff))
+
+## 0.0.193 (2025-12-03)
+
+This was a version bump only for mosaik-elements-react to align it with other projects, there were no code changes.
+
+## 0.0.192 (2025-12-03)
+
+This was a version bump only for mosaik-elements-react to align it with other projects, there were no code changes.
+
+## 0.0.191 (2025-12-03)
+
+This was a version bump only for mosaik-elements-react to align it with other projects, there were no code changes.
+
+## 0.0.190 (2025-12-02)
+
+### 🩹 Fixes
+
+- **choice-group:** add flex property to root part for improved layout consistency ([8bd80ed40b](https://github.com/RueDeRennes/mosaik/commit/8bd80ed40b))
+
+## 0.0.189 (2025-12-02)
+
+This was a version bump only for mosaik-elements-react to align it with other projects, there were no code changes.
+
+## 0.0.188 (2025-12-02)
+
+### 🚀 Features
+
+- **directives:** update FormFieldDirective to improve error handling and usage documentation ([7c07bb43fd](https://github.com/RueDeRennes/mosaik/commit/7c07bb43fd))
+
+## 0.0.187 (2025-12-02)
+
+This was a version bump only for mosaik-elements-react to align it with other projects, there were no code changes.
+
+## 0.0.186 (2025-12-02)
+
+This was a version bump only for mosaik-elements-react to align it with other projects, there were no code changes.
+
+## 0.0.185 (2025-12-02)
+
+This was a version bump only for mosaik-elements-react to align it with other projects, there were no code changes.
+
+## 0.0.184 (2025-12-02)
+
+### 🚀 Features
+
+- **eslint:** enhance ESLint configuration and add .eslintignore file ([4b3deb5566](https://github.com/RueDeRennes/mosaik/commit/4b3deb5566))
+
+## 0.0.183 (2025-11-30)
+
+This was a version bump only for mosaik-elements-react to align it with other projects, there were no code changes.
+
+## 0.0.182 (2025-11-30)
+
+### 🚀 Features
+
+- **themes:** refactor theme generator strategies and update build process ([55859a854f](https://github.com/RueDeRennes/mosaik/commit/55859a854f))
+
+## 0.0.181 (2025-11-30)
+
+This was a version bump only for mosaik-elements-react to align it with other projects, there were no code changes.
+
+## 0.0.180 (2025-11-30)
+
+This was a version bump only for mosaik-elements-react to align it with other projects, there were no code changes.
+
+## 0.0.179 (2025-11-29)
+
+### 🚀 Features
+
+- **tailwind): add Material and Memphis presets for Tailwind CSS themes fix(tokens): correct typo in headline2 key in joy and memphis theme JSON files chore(tsconfig:** update TypeScript configuration to include Tailwind files ([0ae3d28053](https://github.com/RueDeRennes/mosaik/commit/0ae3d28053))
+
+## 0.0.178 (2025-11-29)
+
+### 🩹 Fixes
+
+- **package:** add missing newline at end of file ([0fc5a107d6](https://github.com/RueDeRennes/mosaik/commit/0fc5a107d6))
+
+## 0.0.177 (2025-11-29)
+
+### 🩹 Fixes
+
+- **release:** update release script version to 0.0.177 ([1895016b0a](https://github.com/RueDeRennes/mosaik/commit/1895016b0a))
+
+## 0.0.176 (2025-11-29)
+
+### 🚀 Features
+
+- add oklch color transform and update dependencies in style-dictionary plugins ([40063afe0a](https://github.com/RueDeRennes/mosaik/commit/40063afe0a))
+
+### 🩹 Fixes
+
+- add missing newline at end of JSON files ([60b2109dd0](https://github.com/RueDeRennes/mosaik/commit/60b2109dd0))
+
+## 0.0.175 (2025-11-28)
+
+### 🩹 Fixes
+
+- add missing newline at end of package.json ([b00046e27b](https://github.com/RueDeRennes/mosaik/commit/b00046e27b))
+
+## 0.0.174 (2025-11-28)
+
+### 🚀 Features
+
+- **tailwind:** add Joy Tailwind plugin with configuration options and token exposure ([72bbf954a8](https://github.com/RueDeRennes/mosaik/commit/72bbf954a8))
+- **svg:** add SVG to path conversion utility ([f2f74da782](https://github.com/RueDeRennes/mosaik/commit/f2f74da782))
+
+### 🩹 Fixes
+
+- remove unused elevation2 light token and update release version in package.json ([9a63ade438](https://github.com/RueDeRennes/mosaik/commit/9a63ade438))
+- remove unused dependency 'element-to-path' from yarn.lock ([df86dc94de](https://github.com/RueDeRennes/mosaik/commit/df86dc94de))
+- add newline at end of package.json ([73db364d3c](https://github.com/RueDeRennes/mosaik/commit/73db364d3c))
+
 ## 0.0.173 (2025-11-26)
 
 ### 🚀 Features

package/Cdk/Index.d.ts

@@ -0,0 +1,2 @@
+export * from './Overlays/Index';
+//# sourceMappingURL=Index.d.ts.map

package/Cdk/Index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Index.d.ts","sourceRoot":"","sources":["../../src/Cdk/Index.ts"],"names":[],"mappings":"AAEA,cAAc,kBAAkB,CAAC"}

package/Cdk/Index.js

@@ -0,0 +1,4 @@
+// #region Exports
+export * from './Overlays/Index';
+// #endregion
+//# sourceMappingURL=Index.js.map

package/Cdk/Index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Index.js","sourceRoot":"","sources":["../../src/Cdk/Index.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,cAAc,kBAAkB,CAAC;AAEjC,aAAa"}

package/Cdk/Overlays/BottomSheet/BottomSheetContext.d.ts

@@ -0,0 +1,63 @@
+import { type ReactNode } from 'react';
+import { type IUseBottomSheetReturn } from './useBottomSheet';
+/**
+ * Props for the BottomSheetProvider component.
+ *
+ * @public
+ */
+export interface IBottomSheetProviderProps {
+    /**
+     * Child components that will have access to the bottom sheet context.
+     */
+    children: ReactNode;
+}
+/**
+ * Provider component that makes bottom 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 bottom sheet access are descendants.
+ *
+ * @example
+ * ```tsx
+ * // In your app root
+ * function App() {
+ *     return (
+ *         <BottomSheetProvider>
+ *             <YourAppContent />
+ *         </BottomSheetProvider>
+ *     );
+ * }
+ * ```
+ *
+ * @public
+ * @param props - The provider props.
+ * @returns The provider component wrapping children.
+ */
+export declare function BottomSheetProvider({ children }: IBottomSheetProviderProps): ReactNode;
+/**
+ * Hook to access the bottom sheet context.
+ *
+ * @remarks
+ * This hook must be used within a BottomSheetProvider. If you don't need the provider pattern,
+ * use `useBottomSheet` directly instead.
+ *
+ * @example
+ * ```tsx
+ * function MyComponent() {
+ *     const bottomSheet = useBottomSheetContext();
+ *
+ *     return (
+ *         <button onClick={() => bottomSheet.open('mySheet', MyWrapper)}>
+ *             Open
+ *         </button>
+ *     );
+ * }
+ * ```
+ *
+ * @public
+ * @returns The bottom sheet context value.
+ * @throws Error if used outside of a BottomSheetProvider.
+ */
+export declare function useBottomSheetContext(): IUseBottomSheetReturn;
+//# sourceMappingURL=BottomSheetContext.d.ts.map

package/Cdk/Overlays/BottomSheet/BottomSheetContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetContext.d.ts","sourceRoot":"","sources":["../../../../src/Cdk/Overlays/BottomSheet/BottomSheetContext.tsx"],"names":[],"mappings":"AAEA,OAAc,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACzE,OAAO,EAAE,KAAK,qBAAqB,EAAkB,MAAM,kBAAkB,CAAC;AAW9E;;;;GAIG;AACH,MAAM,WAAW,yBAAyB;IAEtC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CAEvB;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,QAAQ,EAAE,EAAE,yBAAyB,GAAG,SAAS,CAQtF;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,qBAAqB,IAAI,qBAAqB,CAQ7D"}

package/Cdk/Overlays/BottomSheet/BottomSheetContext.js

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

package/Cdk/Overlays/BottomSheet/BottomSheetContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetContext.js","sourceRoot":"","sources":["../../../../src/Cdk/Overlays/BottomSheet/BottomSheetContext.tsx"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAkB,MAAM,OAAO,CAAC;AACzE,OAAO,EAA8B,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAE9E,aAAa;AAEb;;;;GAIG;AACH,MAAM,kBAAkB,GAAG,aAAa,CAA+B,IAAI,CAAC,CAAC;AAgB7E;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,UAAU,mBAAmB,CAAC,EAAE,QAAQ,EAA6B;IACvE,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAErC,OAAO,CACH,oBAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,WAAW,IAC1C,QAAQ,CACiB,CACjC,CAAC;AACN,CAAC;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,UAAU,qBAAqB;IACjC,MAAM,OAAO,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAE/C,IAAI,CAAC,OAAO,EAAE,CAAC;QACX,MAAM,IAAI,KAAK,CAAC,iEAAiE,CAAC,CAAC;IACvF,CAAC;IAED,OAAO,OAAO,CAAC;AACnB,CAAC"}

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

@@ -0,0 +1,3 @@
+export { useBottomSheet, type IUseBottomSheetReturn } from './useBottomSheet';
+export { BottomSheetProvider, useBottomSheetContext, type IBottomSheetProviderProps } from './BottomSheetContext';
+//# sourceMappingURL=Index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Index.d.ts","sourceRoot":"","sources":["../../../../src/Cdk/Overlays/BottomSheet/Index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,KAAK,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAC9E,OAAO,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,KAAK,yBAAyB,EAAE,MAAM,sBAAsB,CAAC"}

package/Cdk/Overlays/BottomSheet/Index.js

@@ -0,0 +1,5 @@
+// #region Exports
+export { useBottomSheet } from './useBottomSheet';
+export { BottomSheetProvider, useBottomSheetContext } from './BottomSheetContext';
+// #endregion
+//# sourceMappingURL=Index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Index.js","sourceRoot":"","sources":["../../../../src/Cdk/Overlays/BottomSheet/Index.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,cAAc,EAA8B,MAAM,kBAAkB,CAAC;AAC9E,OAAO,EAAE,mBAAmB,EAAE,qBAAqB,EAAkC,MAAM,sBAAsB,CAAC;AAElH,aAAa"}

package/Cdk/Overlays/BottomSheet/useBottomSheet.d.ts

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

package/Cdk/Overlays/BottomSheet/useBottomSheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBottomSheet.d.ts","sourceRoot":"","sources":["../../../../src/Cdk/Overlays/BottomSheet/useBottomSheet.ts"],"names":[],"mappings":"AAGA,OAAO,EAAsB,KAAK,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAItG;;;;GAIG;AACH,MAAM,WAAW,qBAAqB;IAElC;;;;;;;;;;;OAWG;IACH,IAAI,CAAC,CAAC,SAAS,WAAW,EAAE,KAAK,EAAE,OAAO,EACtC,aAAa,EAAE,MAAM,EACrB,YAAY,EAAE,KAAK,IAAI,CAAC,EAAE,KAAK,KAAK,CAAC,EACrC,OAAO,CAAC,EAAE,mBAAmB,EAC7B,IAAI,CAAC,EAAE,KAAK,GACb,OAAO,CAAC,OAAO,CAAC,CAAC;IAEpB;;;;;;;OAOG;IACH,KAAK,CAAC,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CAE1E;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,wBAAgB,cAAc,IAAI,qBAAqB,CAsBtD"}

package/Cdk/Overlays/BottomSheet/useBottomSheet.js

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

package/Cdk/Overlays/BottomSheet/useBottomSheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBottomSheet.js","sourceRoot":"","sources":["../../../../src/Cdk/Overlays/BottomSheet/useBottomSheet.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,kBAAkB,EAA4B,MAAM,wCAAwC,CAAC;AA0CtG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,MAAM,UAAU,cAAc;IAC1B,kBAAkB;IAElB,MAAM,IAAI,GAAG,WAAW,CAAC,CACrB,aAAqB,EACrB,YAAqC,EACrC,OAA6B,EAC7B,IAAY,EACI,EAAE,CAAC,kBAAkB,CAAC,QAAQ,CAAC,IAAI,CAAoB,aAAa,EAAE,YAAY,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;IAE5H,MAAM,KAAK,GAAG,WAAW,CAAC,CAAU,aAAqB,EAAE,MAAgB,EAAiB,EAAE,CAAC,kBAAkB,CAAC,QAAQ,CAAC,KAAK,CAAC,aAAa,EAAE,MAAM,CAAC,EAAE,EAAE,CAAC,CAAC;IAE7J,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/Dialog/DialogContext.d.ts

@@ -0,0 +1,63 @@
+import { type ReactNode } from 'react';
+import { type IUseDialogReturn } from './useDialog';
+/**
+ * Props for the DialogProvider component.
+ *
+ * @public
+ */
+export interface IDialogProviderProps {
+    /**
+     * Child components that will have access to the dialog context.
+     */
+    children: ReactNode;
+}
+/**
+ * Provider component that makes dialog 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 dialog access are descendants.
+ *
+ * @example
+ * ```tsx
+ * // In your app root
+ * function App() {
+ *     return (
+ *         <DialogProvider>
+ *             <YourAppContent />
+ *         </DialogProvider>
+ *     );
+ * }
+ * ```
+ *
+ * @public
+ * @param props - The provider props.
+ * @returns The provider component wrapping children.
+ */
+export declare function DialogProvider({ children }: IDialogProviderProps): ReactNode;
+/**
+ * Hook to access the dialog context.
+ *
+ * @remarks
+ * This hook must be used within a DialogProvider. If you don't need the provider pattern,
+ * use `useDialog` directly instead.
+ *
+ * @example
+ * ```tsx
+ * function MyComponent() {
+ *     const dialog = useDialogContext();
+ *
+ *     return (
+ *         <button onClick={() => dialog.open('myDialog', MyWrapper)}>
+ *             Open
+ *         </button>
+ *     );
+ * }
+ * ```
+ *
+ * @public
+ * @returns The dialog context value.
+ * @throws Error if used outside of a DialogProvider.
+ */
+export declare function useDialogContext(): IUseDialogReturn;
+//# sourceMappingURL=DialogContext.d.ts.map

package/Cdk/Overlays/Dialog/DialogContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogContext.d.ts","sourceRoot":"","sources":["../../../../src/Cdk/Overlays/Dialog/DialogContext.tsx"],"names":[],"mappings":"AAEA,OAAc,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACzE,OAAO,EAAE,KAAK,gBAAgB,EAAa,MAAM,aAAa,CAAC;AAW/D;;;;GAIG;AACH,MAAM,WAAW,oBAAoB;IAEjC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CAEvB;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,EAAE,oBAAoB,GAAG,SAAS,CAQ5E;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,gBAAgB,IAAI,gBAAgB,CAQnD"}

package/Cdk/Overlays/Dialog/DialogContext.js

@@ -0,0 +1,69 @@
+// #region Imports
+import React, { createContext, useContext } from 'react';
+import { useDialog } from './useDialog';
+// #endregion
+/**
+ * Context for providing dialog functionality throughout the React component tree.
+ *
+ * @internal
+ */
+const DialogContext = createContext(null);
+/**
+ * Provider component that makes dialog 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 dialog access are descendants.
+ *
+ * @example
+ * ```tsx
+ * // In your app root
+ * function App() {
+ *     return (
+ *         <DialogProvider>
+ *             <YourAppContent />
+ *         </DialogProvider>
+ *     );
+ * }
+ * ```
+ *
+ * @public
+ * @param props - The provider props.
+ * @returns The provider component wrapping children.
+ */
+export function DialogProvider({ children }) {
+    const dialog = useDialog();
+    return (React.createElement(DialogContext.Provider, { value: dialog }, children));
+}
+/**
+ * Hook to access the dialog context.
+ *
+ * @remarks
+ * This hook must be used within a DialogProvider. If you don't need the provider pattern,
+ * use `useDialog` directly instead.
+ *
+ * @example
+ * ```tsx
+ * function MyComponent() {
+ *     const dialog = useDialogContext();
+ *
+ *     return (
+ *         <button onClick={() => dialog.open('myDialog', MyWrapper)}>
+ *             Open
+ *         </button>
+ *     );
+ * }
+ * ```
+ *
+ * @public
+ * @returns The dialog context value.
+ * @throws Error if used outside of a DialogProvider.
+ */
+export function useDialogContext() {
+    const context = useContext(DialogContext);
+    if (!context) {
+        throw new Error('useDialogContext must be used within a DialogProvider');
+    }
+    return context;
+}
+//# sourceMappingURL=DialogContext.js.map

package/Cdk/Overlays/Dialog/DialogContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogContext.js","sourceRoot":"","sources":["../../../../src/Cdk/Overlays/Dialog/DialogContext.tsx"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAkB,MAAM,OAAO,CAAC;AACzE,OAAO,EAAyB,SAAS,EAAE,MAAM,aAAa,CAAC;AAE/D,aAAa;AAEb;;;;GAIG;AACH,MAAM,aAAa,GAAG,aAAa,CAA0B,IAAI,CAAC,CAAC;AAgBnE;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,UAAU,cAAc,CAAC,EAAE,QAAQ,EAAwB;IAC7D,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,OAAO,CACH,oBAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,IAChC,QAAQ,CACY,CAC5B,CAAC;AACN,CAAC;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,UAAU,gBAAgB;IAC5B,MAAM,OAAO,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAE1C,IAAI,CAAC,OAAO,EAAE,CAAC;QACX,MAAM,IAAI,KAAK,CAAC,uDAAuD,CAAC,CAAC;IAC7E,CAAC;IAED,OAAO,OAAO,CAAC;AACnB,CAAC"}

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

@@ -0,0 +1,3 @@
+export { useDialog, type IUseDialogReturn } from './useDialog';
+export { DialogProvider, useDialogContext, type IDialogProviderProps } from './DialogContext';
+//# sourceMappingURL=Index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Index.d.ts","sourceRoot":"","sources":["../../../../src/Cdk/Overlays/Dialog/Index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,KAAK,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,KAAK,oBAAoB,EAAE,MAAM,iBAAiB,CAAC"}

package/Cdk/Overlays/Dialog/Index.js

@@ -0,0 +1,5 @@
+// #region Exports
+export { useDialog } from './useDialog';
+export { DialogProvider, useDialogContext } from './DialogContext';
+// #endregion
+//# sourceMappingURL=Index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Index.js","sourceRoot":"","sources":["../../../../src/Cdk/Overlays/Dialog/Index.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,SAAS,EAAyB,MAAM,aAAa,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAA6B,MAAM,iBAAiB,CAAC;AAE9F,aAAa"}