@shwfed/nuxt 0.11.54 → 0.11.55

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@shwfed/nuxt",
   "configKey": "shwfed",
-  "version": "0.11.54",
+  "version": "0.11.55",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/module.mjs

@@ -101,7 +101,8 @@ const module$1 = defineNuxtModule({
       addComponentsDir({
         path: resolver.resolve(`runtime/components/ui/${dir}`),
         prefix: "Ui",
-        pathPrefix: false
+        pathPrefix: false,
+        extensions: ["vue"]
       });
     }
     addComponent({

package/dist/runtime/components/modal.d.vue.ts

@@ -4,6 +4,7 @@ type __VLS_Props = {
     breakpoint?: string;
     showCloseButton?: boolean;
     dismissible?: boolean;
+    width?: string;
 };
 declare function close(): void;
 declare var __VLS_14: {

package/dist/runtime/components/modal.vue

@@ -29,7 +29,8 @@ const props = defineProps({
   defaultOpen: { type: Boolean, required: false, default: false },
   breakpoint: { type: String, required: false, default: "(min-width: 640px)" },
   showCloseButton: { type: Boolean, required: false, default: true },
-  dismissible: { type: Boolean, required: false, default: true }
+  dismissible: { type: Boolean, required: false, default: true },
+  width: { type: String, required: false }
 });
 const emit = defineEmits(["update:open", "after-close"]);
 const attrs = useAttrs();
@@ -98,6 +99,7 @@ function close() {
     <component
       :is="modalComponents.Content"
       v-bind="attrs"
+      :style="isDesktop && props.width ? { maxWidth: props.width } : void 0"
       :show-close-button="props.showCloseButton"
       @after-close="emit('after-close')"
     >

package/dist/runtime/components/modal.vue.d.ts

@@ -4,6 +4,7 @@ type __VLS_Props = {
     breakpoint?: string;
     showCloseButton?: boolean;
     dismissible?: boolean;
+    width?: string;
 };
 declare function close(): void;
 declare var __VLS_14: {

package/dist/runtime/components/ui/app/OverlayHost.vue

@@ -53,7 +53,8 @@ const renderedSessions = computed(() => {
         description: session.shell.description,
         showCloseButton: session.shell.showCloseButton,
         breakpoint: session.shell.breakpoint,
-        dismissible: session.shell.dismissible
+        dismissible: session.shell.dismissible,
+        width: session.shell.width
       },
       descriptionSrOnly: session.shell.descriptionSrOnly,
       props: session.props,
@@ -75,6 +76,7 @@ const renderedSessions = computed(() => {
       :breakpoint="session.shell.breakpoint"
       :show-close-button="session.shell.showCloseButton"
       :dismissible="session.shell.dismissible"
+      :width="session.shell.width"
       @update:open="handleOpenUpdate(session.sessionId, $event)"
       @after-close="handleAfterClose(session.sessionId)"
     >

package/dist/runtime/composables/useOverlay.d.ts

@@ -7,6 +7,7 @@ export type OverlayShellProps = Readonly<{
     showCloseButton?: boolean;
     breakpoint?: string;
     dismissible?: boolean;
+    width?: string;
 }>;
 export type OverlayBodyProps = Readonly<Record<string, unknown>>;
 export type OverlaySessionInput = Readonly<{

package/dist/runtime/composables/useOverlay.js

@@ -176,7 +176,8 @@ function createOverlayRuntime() {
             descriptionSrOnly,
             showCloseButton: options?.shell?.showCloseButton ?? definitionShell?.showCloseButton,
             breakpoint: options?.shell?.breakpoint ?? definitionShell?.breakpoint,
-            dismissible: options?.shell?.dismissible ?? definitionShell?.dismissible
+            dismissible: options?.shell?.dismissible ?? definitionShell?.dismissible,
+            width: options?.shell?.width ?? definitionShell?.width
           },
           props: {
             ...options?.props

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shwfed/nuxt",
-  "version": "0.11.54",
+  "version": "0.11.55",
   "description": "",
   "license": "MIT",
   "type": "module",