@breadstone/mosaik-elements-vue 0.0.206 → 0.0.210

package/CHANGELOG.md

@@ -1,3 +1,200 @@
+## 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
+
+- **split): add min and max properties for size constraints in SplitElement feat(stepper): introduce isActive property in StepperItemElement refactor(split): update SplitElement to use CssLength for position, min, and max fix(split): adjust CSS properties and templates to reflect new min/max constraints style(split:** remove deprecated CSS variables for min and max in themes ([0478bec83f](https://github.com/RueDeRennes/mosaik/commit/0478bec83f))
+- **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-vue 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-vue 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-vue to align it with other projects, there were no code changes.
+
+## 0.0.202 (2025-12-06)
+
+### 🚀 Features
+
+- **error, hint:** add textOverflow property to Error and Hint components ([131d8bec1e](https://github.com/RueDeRennes/mosaik/commit/131d8bec1e))
+
+## 0.0.201 (2025-12-05)
+
+This was a version bump only for mosaik-elements-vue 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-vue 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-vue 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-vue 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-vue 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-vue 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-vue 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-vue 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-vue 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-vue 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-vue 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-vue 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-vue 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-vue 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/Index.d.ts

@@ -0,0 +1,2 @@
+export { useBottomSheet, type IUseBottomSheetReturn } from './useBottomSheet';
+//# 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"}

package/Cdk/Overlays/BottomSheet/Index.js

@@ -0,0 +1,4 @@
+// #region Exports
+export { useBottomSheet } from './useBottomSheet';
+// #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;AAE9E,aAAa"}

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

@@ -0,0 +1,48 @@
+import { type IBottomSheetOptions } from '@breadstone/mosaik-elements-foundation';
+/**
+ * Represents the return type of the `useBottomSheet` composable.
+ *
+ * @public
+ */
+export interface IUseBottomSheetReturn {
+    /**
+     * Opens a bottom sheet with the specified wrapper component.
+     */
+    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.
+     */
+    close: <TResult>(bottomSheetId: string, result?: TResult) => Promise<void>;
+}
+/**
+ * Vue composable for managing bottom sheets using the foundation BottomSheetService singleton.
+ *
+ * @remarks
+ * This composable provides a Vue-idiomatic interface to the foundation BottomSheetService.
+ * The service should be configured at application startup using `BottomSheetService.configure()`.
+ *
+ * @example
+ * ```vue
+ * <script setup lang="ts">
+ * import { useBottomSheet } from '@breadstone/mosaik-elements-vue';
+ *
+ * const bottomSheet = useBottomSheet();
+ *
+ * async function handleOpen() {
+ *     const result = await bottomSheet.open('mySheet', MySheetWrapper, {
+ *         header: 'Select Option'
+ *     });
+ *     console.log('Bottom sheet result:', result);
+ * }
+ * </script>
+ *
+ * <template>
+ *     <button @click="handleOpen">Open Bottom Sheet</button>
+ * </template>
+ * ```
+ *
+ * @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":"AAEA,OAAO,EAAsB,KAAK,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAItG;;;;GAIG;AACH,MAAM,WAAW,qBAAqB;IAElC;;OAEG;IACH,IAAI,EAAE,CAAC,CAAC,SAAS,WAAW,EAAE,KAAK,EAAE,OAAO,EACxC,aAAa,EAAE,MAAM,EACrB,YAAY,EAAE,KAAK,IAAI,CAAC,EAAE,KAAK,KAAK,CAAC,EACrC,OAAO,CAAC,EAAE,mBAAmB,EAC7B,IAAI,CAAC,EAAE,KAAK,KACX,OAAO,CAAC,OAAO,CAAC,CAAC;IAEtB;;OAEG;IACH,KAAK,EAAE,CAAC,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAE9E;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,wBAAgB,cAAc,IAAI,qBAAqB,CAkBtD"}

package/Cdk/Overlays/BottomSheet/useBottomSheet.js

@@ -0,0 +1,43 @@
+// #region Imports
+import { BottomSheetService } from '@breadstone/mosaik-elements-foundation';
+/**
+ * Vue composable for managing bottom sheets using the foundation BottomSheetService singleton.
+ *
+ * @remarks
+ * This composable provides a Vue-idiomatic interface to the foundation BottomSheetService.
+ * The service should be configured at application startup using `BottomSheetService.configure()`.
+ *
+ * @example
+ * ```vue
+ * <script setup lang="ts">
+ * import { useBottomSheet } from '@breadstone/mosaik-elements-vue';
+ *
+ * const bottomSheet = useBottomSheet();
+ *
+ * async function handleOpen() {
+ *     const result = await bottomSheet.open('mySheet', MySheetWrapper, {
+ *         header: 'Select Option'
+ *     });
+ *     console.log('Bottom sheet result:', result);
+ * }
+ * </script>
+ *
+ * <template>
+ *     <button @click="handleOpen">Open Bottom Sheet</button>
+ * </template>
+ * ```
+ *
+ * @public
+ * @returns An object containing bottom sheet management functions.
+ */
+export function useBottomSheet() {
+    // #region Methods
+    const open = (bottomSheetId, wrapperClass, options, data) => BottomSheetService.instance.open(bottomSheetId, wrapperClass, options, data);
+    const close = (bottomSheetId, result) => BottomSheetService.instance.close(bottomSheetId, result);
+    // #endregion
+    return {
+        open,
+        close
+    };
+}
+//# 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,kBAAkB,EAA4B,MAAM,wCAAwC,CAAC;AA4BtG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,MAAM,UAAU,cAAc;IAC1B,kBAAkB;IAElB,MAAM,IAAI,GAAG,CACT,aAAqB,EACrB,YAAqC,EACrC,OAA6B,EAC7B,IAAY,EACI,EAAE,CAAC,kBAAkB,CAAC,QAAQ,CAAC,IAAI,CAAoB,aAAa,EAAE,YAAY,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;IAEvH,MAAM,KAAK,GAAG,CAAU,aAAqB,EAAE,MAAgB,EAAiB,EAAE,CAAC,kBAAkB,CAAC,QAAQ,CAAC,KAAK,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;IAE5I,aAAa;IAEb,OAAO;QACH,IAAI;QACJ,KAAK;KACR,CAAC;AACN,CAAC"}

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

@@ -0,0 +1,2 @@
+export { useDialog, type IUseDialogReturn } from './useDialog';
+//# 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"}

package/Cdk/Overlays/Dialog/Index.js

@@ -0,0 +1,4 @@
+// #region Exports
+export { useDialog } from './useDialog';
+// #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;AAE/D,aAAa"}

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

@@ -0,0 +1,49 @@
+import { type IDialogOptions } from '@breadstone/mosaik-elements-foundation';
+/**
+ * Represents the return type of the `useDialog` composable.
+ *
+ * @public
+ */
+export interface IUseDialogReturn {
+    /**
+     * Opens a dialog with the specified wrapper component.
+     */
+    open: <T extends HTMLElement, TData, TResult>(dialogId: string, wrapperClass: new (args?: TData) => T, data?: TData, options?: IDialogOptions) => Promise<TResult>;
+    /**
+     * Closes a dialog by its identifier.
+     */
+    close: <TResult>(dialogId: string, result?: TResult) => Promise<void>;
+}
+/**
+ * Vue composable for managing dialogs using the foundation DialogService singleton.
+ *
+ * @remarks
+ * This composable provides a Vue-idiomatic interface to the foundation DialogService.
+ * The service should be configured at application startup using `DialogService.configure()`.
+ *
+ * @example
+ * ```vue
+ * <script setup lang="ts">
+ * import { useDialog } from '@breadstone/mosaik-elements-vue';
+ *
+ * const dialog = useDialog();
+ *
+ * async function handleOpen() {
+ *     const result = await dialog.open('myDialog', MyDialogWrapper, {
+ *         header: 'Confirm Action',
+ *         closeable: true
+ *     });
+ *     console.log('Dialog result:', result);
+ * }
+ * </script>
+ *
+ * <template>
+ *     <button @click="handleOpen">Open Dialog</button>
+ * </template>
+ * ```
+ *
+ * @public
+ * @returns An object containing dialog management functions.
+ */
+export declare function useDialog(): IUseDialogReturn;
+//# sourceMappingURL=useDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDialog.d.ts","sourceRoot":"","sources":["../../../../src/Cdk/Overlays/Dialog/useDialog.ts"],"names":[],"mappings":"AAEA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,wCAAwC,CAAC;AAI5F;;;;GAIG;AACH,MAAM,WAAW,gBAAgB;IAE7B;;OAEG;IACH,IAAI,EAAE,CAAC,CAAC,SAAS,WAAW,EAAE,KAAK,EAAE,OAAO,EACxC,QAAQ,EAAE,MAAM,EAChB,YAAY,EAAE,KAAK,IAAI,CAAC,EAAE,KAAK,KAAK,CAAC,EACrC,IAAI,CAAC,EAAE,KAAK,EACZ,OAAO,CAAC,EAAE,cAAc,KACvB,OAAO,CAAC,OAAO,CAAC,CAAC;IAEtB;;OAEG;IACH,KAAK,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAEzE;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,wBAAgB,SAAS,IAAI,gBAAgB,CAwB5C"}

package/Cdk/Overlays/Dialog/useDialog.js

@@ -0,0 +1,49 @@
+// #region Imports
+import { DialogService } from '@breadstone/mosaik-elements-foundation';
+/**
+ * Vue composable for managing dialogs using the foundation DialogService singleton.
+ *
+ * @remarks
+ * This composable provides a Vue-idiomatic interface to the foundation DialogService.
+ * The service should be configured at application startup using `DialogService.configure()`.
+ *
+ * @example
+ * ```vue
+ * <script setup lang="ts">
+ * import { useDialog } from '@breadstone/mosaik-elements-vue';
+ *
+ * const dialog = useDialog();
+ *
+ * async function handleOpen() {
+ *     const result = await dialog.open('myDialog', MyDialogWrapper, {
+ *         header: 'Confirm Action',
+ *         closeable: true
+ *     });
+ *     console.log('Dialog result:', result);
+ * }
+ * </script>
+ *
+ * <template>
+ *     <button @click="handleOpen">Open Dialog</button>
+ * </template>
+ * ```
+ *
+ * @public
+ * @returns An object containing dialog management functions.
+ */
+export function useDialog() {
+    // #region Methods
+    const open = (dialogId, wrapperClass, data, options) => {
+        if (data !== undefined) {
+            return DialogService.instance.open(dialogId, wrapperClass, data, options);
+        }
+        return DialogService.instance.open(dialogId, wrapperClass, options);
+    };
+    const close = (dialogId, result) => DialogService.instance.close(dialogId, result);
+    // #endregion
+    return {
+        open,
+        close
+    };
+}
+//# sourceMappingURL=useDialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDialog.js","sourceRoot":"","sources":["../../../../src/Cdk/Overlays/Dialog/useDialog.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,aAAa,EAAuB,MAAM,wCAAwC,CAAC;AA4B5F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,UAAU,SAAS;IACrB,kBAAkB;IAElB,MAAM,IAAI,GAAG,CACT,QAAgB,EAChB,YAAqC,EACrC,IAAY,EACZ,OAAwB,EACR,EAAE;QAClB,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;YACrB,OAAO,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAoB,QAAQ,EAAE,YAAsC,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC;QAC3H,CAAC;QAED,OAAO,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAa,QAAQ,EAAE,YAA2B,EAAE,OAAO,CAAC,CAAC;IACnG,CAAC,CAAC;IAEF,MAAM,KAAK,GAAG,CAAU,QAAgB,EAAE,MAAgB,EAAiB,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IAE7H,aAAa;IAEb,OAAO;QACH,IAAI;QACJ,KAAK;KACR,CAAC;AACN,CAAC"}

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

@@ -0,0 +1,2 @@
+export { useDrawer, type IUseDrawerReturn } from './useDrawer';
+//# sourceMappingURL=Index.d.ts.map

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

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

package/Cdk/Overlays/Drawer/Index.js

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

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

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

package/Cdk/Overlays/Drawer/useDrawer.d.ts

@@ -0,0 +1,49 @@
+import { type IDrawerOptions } from '@breadstone/mosaik-elements-foundation';
+/**
+ * Represents the return type of the `useDrawer` composable.
+ *
+ * @public
+ */
+export interface IUseDrawerReturn {
+    /**
+     * Opens a drawer with the specified wrapper component.
+     */
+    open: <T extends HTMLElement, TData, TResult>(drawerId: string, wrapperClass: new (args?: TData) => T, options?: IDrawerOptions, data?: TData) => Promise<TResult>;
+    /**
+     * Closes a drawer by its identifier.
+     */
+    close: <TResult>(drawerId: string, result?: TResult) => Promise<void>;
+}
+/**
+ * Vue composable for managing drawers using the foundation DrawerService singleton.
+ *
+ * @remarks
+ * This composable provides a Vue-idiomatic interface to the foundation DrawerService.
+ * The service should be configured at application startup using `DrawerService.configure()`.
+ *
+ * @example
+ * ```vue
+ * <script setup lang="ts">
+ * import { useDrawer } from '@breadstone/mosaik-elements-vue';
+ *
+ * const drawer = useDrawer();
+ *
+ * async function handleOpen() {
+ *     const result = await drawer.open('myDrawer', MyDrawerWrapper, {
+ *         position: 'right',
+ *         width: '400px'
+ *     });
+ *     console.log('Drawer result:', result);
+ * }
+ * </script>
+ *
+ * <template>
+ *     <button @click="handleOpen">Open Drawer</button>
+ * </template>
+ * ```
+ *
+ * @public
+ * @returns An object containing drawer management functions.
+ */
+export declare function useDrawer(): IUseDrawerReturn;
+//# sourceMappingURL=useDrawer.d.ts.map

package/Cdk/Overlays/Drawer/useDrawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDrawer.d.ts","sourceRoot":"","sources":["../../../../src/Cdk/Overlays/Drawer/useDrawer.ts"],"names":[],"mappings":"AAEA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,wCAAwC,CAAC;AAI5F;;;;GAIG;AACH,MAAM,WAAW,gBAAgB;IAE7B;;OAEG;IACH,IAAI,EAAE,CAAC,CAAC,SAAS,WAAW,EAAE,KAAK,EAAE,OAAO,EACxC,QAAQ,EAAE,MAAM,EAChB,YAAY,EAAE,KAAK,IAAI,CAAC,EAAE,KAAK,KAAK,CAAC,EACrC,OAAO,CAAC,EAAE,cAAc,EACxB,IAAI,CAAC,EAAE,KAAK,KACX,OAAO,CAAC,OAAO,CAAC,CAAC;IAEtB;;OAEG;IACH,KAAK,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAEzE;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,wBAAgB,SAAS,IAAI,gBAAgB,CAkB5C"}

package/Cdk/Overlays/Drawer/useDrawer.js

@@ -0,0 +1,44 @@
+// #region Imports
+import { DrawerService } from '@breadstone/mosaik-elements-foundation';
+/**
+ * Vue composable for managing drawers using the foundation DrawerService singleton.
+ *
+ * @remarks
+ * This composable provides a Vue-idiomatic interface to the foundation DrawerService.
+ * The service should be configured at application startup using `DrawerService.configure()`.
+ *
+ * @example
+ * ```vue
+ * <script setup lang="ts">
+ * import { useDrawer } from '@breadstone/mosaik-elements-vue';
+ *
+ * const drawer = useDrawer();
+ *
+ * async function handleOpen() {
+ *     const result = await drawer.open('myDrawer', MyDrawerWrapper, {
+ *         position: 'right',
+ *         width: '400px'
+ *     });
+ *     console.log('Drawer result:', result);
+ * }
+ * </script>
+ *
+ * <template>
+ *     <button @click="handleOpen">Open Drawer</button>
+ * </template>
+ * ```
+ *
+ * @public
+ * @returns An object containing drawer management functions.
+ */
+export function useDrawer() {
+    // #region Methods
+    const open = (drawerId, wrapperClass, options, data) => DrawerService.instance.open(drawerId, wrapperClass, options, data);
+    const close = (drawerId, result) => DrawerService.instance.close(drawerId, result);
+    // #endregion
+    return {
+        open,
+        close
+    };
+}
+//# sourceMappingURL=useDrawer.js.map

package/Cdk/Overlays/Drawer/useDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDrawer.js","sourceRoot":"","sources":["../../../../src/Cdk/Overlays/Drawer/useDrawer.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,aAAa,EAAuB,MAAM,wCAAwC,CAAC;AA4B5F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,UAAU,SAAS;IACrB,kBAAkB;IAElB,MAAM,IAAI,GAAG,CACT,QAAgB,EAChB,YAAqC,EACrC,OAAwB,EACxB,IAAY,EACI,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAoB,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;IAE7G,MAAM,KAAK,GAAG,CAAU,QAAgB,EAAE,MAAgB,EAAiB,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IAE7H,aAAa;IAEb,OAAO;QACH,IAAI;QACJ,KAAK;KACR,CAAC;AACN,CAAC"}

package/Cdk/Overlays/Index.d.ts

@@ -0,0 +1,6 @@
+export * from './Sheet/Index';
+export * from './Dialog/Index';
+export * from './Drawer/Index';
+export * from './MessageBox/Index';
+export * from './Toast/Index';
+//# sourceMappingURL=Index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Index.d.ts","sourceRoot":"","sources":["../../../src/Cdk/Overlays/Index.ts"],"names":[],"mappings":"AAEA,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC"}

package/Cdk/Overlays/Index.js

@@ -0,0 +1,8 @@
+// #region Exports
+export * from './Sheet/Index';
+export * from './Dialog/Index';
+export * from './Drawer/Index';
+export * from './MessageBox/Index';
+export * from './Toast/Index';
+// #endregion
+//# sourceMappingURL=Index.js.map

package/Cdk/Overlays/Index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Index.js","sourceRoot":"","sources":["../../../src/Cdk/Overlays/Index.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAE9B,aAAa"}

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

@@ -0,0 +1,2 @@
+export { useMessageBox, type IUseMessageBoxReturn } from './useMessageBox';
+//# sourceMappingURL=Index.d.ts.map

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

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

package/Cdk/Overlays/MessageBox/Index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Index.js","sourceRoot":"","sources":["../../../../src/Cdk/Overlays/MessageBox/Index.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,aAAa,EAA6B,MAAM,iBAAiB,CAAC;AAE3E,aAAa"}