@frollo/frollo-web-ui 9.0.3 → 9.0.4

package/cjs/index.js

@@ -12935,7 +12935,7 @@ __default__$7.__scopeId = "data-v-7ca80b5e";var script$6 = vue.defineComponent({
     var uuid = (_globalThis$crypto$ra = (_globalThis$crypto = globalThis.crypto) === null || _globalThis$crypto === void 0 || (_globalThis$crypto$ra2 = _globalThis$crypto.randomUUID) === null || _globalThis$crypto$ra2 === void 0 ? void 0 : _globalThis$crypto$ra2.call(_globalThis$crypto)) !== null && _globalThis$crypto$ra !== void 0 ? _globalThis$crypto$ra : "toast-".concat(Math.random().toString(36).slice(2));
     var isOpen = vue.computed({
       get: function get() {
-        return !!props.modelValue;
+        return vue.ref(props.modelValue);
       },
       set: function set(state) {
         return ctx.emit('update:modelValue', state);
@@ -12965,13 +12965,11 @@ __default__$7.__scopeId = "data-v-7ca80b5e";var script$6 = vue.defineComponent({
       ensureContainer();
       isMounted.value = true;
     });
-    vue.watch(function () {
-      return props.modelValue;
-    }, function (open) {
+    vue.watch(isOpen.value, function (open) {
       if (dismissTimer) window.clearTimeout(dismissTimer);
-      if (open) {
+      if (open === true) {
         dismissTimer = window.setTimeout(function () {
-          isOpen.value = false;
+          isOpen.value.value = false;
           ctx.emit('dismissed');
         }, props.timeout);
       }
@@ -13006,7 +13004,7 @@ function render$9(_ctx, _cache, $props, $setup, $data, $options) {
     appear: ""
   }, {
     "default": vue.withCtx(function () {
-      return [_ctx.isOpen ? (vue.openBlock(), vue.createElementBlock("output", {
+      return [_ctx.isOpen.value ? (vue.openBlock(), vue.createElementBlock("output", {
         id: "fw-toast-".concat(_ctx.uuid),
         key: _ctx.uuid,
         role: "status",
@@ -22454,7 +22452,7 @@ styleInject(css_248z$3);__default__.render = render$4;var getVueComponentHtml =
   var componentHtmlString = tempElement.innerHTML; // Get the HTML string
   return componentHtmlString;
 };var script$3 = vue.defineComponent({
-  name: 'MediaPicker',
+  name: 'FwMediaPicker',
   components: {
     FwModal: __default__$a,
     FwButton: script$h,

package/esm/fw-media-picker.js

@@ -1,4 +1,4 @@
-export { s as FwMediaPicker } from './index-eP2GMSdQ.js';
+export { s as FwMediaPicker } from './index-BU92JA8Z.js';
 import './_rollupPluginBabelHelpers-BKlDnZ7n.js';
 import 'vue';
 import './index-DHyRsKsZ.js';

package/esm/fw-toast.js

@@ -77,7 +77,7 @@ var script = defineComponent({
     var uuid = (_globalThis$crypto$ra = (_globalThis$crypto = globalThis.crypto) === null || _globalThis$crypto === void 0 || (_globalThis$crypto$ra2 = _globalThis$crypto.randomUUID) === null || _globalThis$crypto$ra2 === void 0 ? void 0 : _globalThis$crypto$ra2.call(_globalThis$crypto)) !== null && _globalThis$crypto$ra !== void 0 ? _globalThis$crypto$ra : "toast-".concat(Math.random().toString(36).slice(2));
     var isOpen = computed({
       get: function get() {
-        return !!props.modelValue;
+        return ref(props.modelValue);
       },
       set: function set(state) {
         return ctx.emit('update:modelValue', state);
@@ -107,13 +107,11 @@ var script = defineComponent({
       ensureContainer();
       isMounted.value = true;
     });
-    watch(function () {
-      return props.modelValue;
-    }, function (open) {
+    watch(isOpen.value, function (open) {
       if (dismissTimer) window.clearTimeout(dismissTimer);
-      if (open) {
+      if (open === true) {
         dismissTimer = window.setTimeout(function () {
-          isOpen.value = false;
+          isOpen.value.value = false;
           ctx.emit('dismissed');
         }, props.timeout);
       }
@@ -150,7 +148,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     appear: ""
   }, {
     "default": withCtx(function () {
-      return [_ctx.isOpen ? (openBlock(), createElementBlock("output", {
+      return [_ctx.isOpen.value ? (openBlock(), createElementBlock("output", {
         id: "fw-toast-".concat(_ctx.uuid),
         key: _ctx.uuid,
         role: "status",

package/esm/{index-eP2GMSdQ.js → index-BU92JA8Z.js}

@@ -16,7 +16,7 @@ var getVueComponentHtml = function getVueComponentHtml(component, props) {
 };
 
 var script = defineComponent({
-  name: 'MediaPicker',
+  name: 'FwMediaPicker',
   components: {
     FwModal: __default__,
     FwButton: script$1,

package/esm/index.js

@@ -23,8 +23,8 @@ import { FwDrawer as __default__$4 } from './fw-drawer.js';
 import { FwProviderList as __default__$a } from './fw-provider-list.js';
 import { FwDatePicker as __default__$3 } from './fw-date-picker.js';
 import './fw-popover.js';
-import { s as script$7 } from './index-eP2GMSdQ.js';
-export { g as getVueComponentHtml } from './index-eP2GMSdQ.js';
+import { s as script$7 } from './index-BU92JA8Z.js';
+export { g as getVueComponentHtml } from './index-BU92JA8Z.js';
 import { FwSlider as script$b } from './fw-slider.js';
 import { FwBarChart as script$1 } from './fw-bar-chart.js';
 import { FwSuccessAnimation as script$c } from './fw-icons.js';

package/frollo-web-ui.esm.js

@@ -13380,7 +13380,7 @@ var script$6 = defineComponent({
     var uuid = (_globalThis$crypto$ra = (_globalThis$crypto = globalThis.crypto) === null || _globalThis$crypto === void 0 || (_globalThis$crypto$ra2 = _globalThis$crypto.randomUUID) === null || _globalThis$crypto$ra2 === void 0 ? void 0 : _globalThis$crypto$ra2.call(_globalThis$crypto)) !== null && _globalThis$crypto$ra !== void 0 ? _globalThis$crypto$ra : "toast-".concat(Math.random().toString(36).slice(2));
     var isOpen = computed({
       get: function get() {
-        return !!props.modelValue;
+        return ref(props.modelValue);
       },
       set: function set(state) {
         return ctx.emit('update:modelValue', state);
@@ -13410,13 +13410,11 @@ var script$6 = defineComponent({
       ensureContainer();
       isMounted.value = true;
     });
-    watch(function () {
-      return props.modelValue;
-    }, function (open) {
+    watch(isOpen.value, function (open) {
       if (dismissTimer) window.clearTimeout(dismissTimer);
-      if (open) {
+      if (open === true) {
         dismissTimer = window.setTimeout(function () {
-          isOpen.value = false;
+          isOpen.value.value = false;
           ctx.emit('dismissed');
         }, props.timeout);
       }
@@ -13453,7 +13451,7 @@ function render$9(_ctx, _cache, $props, $setup, $data, $options) {
     appear: ""
   }, {
     "default": withCtx(function () {
-      return [_ctx.isOpen ? (openBlock(), createElementBlock("output", {
+      return [_ctx.isOpen.value ? (openBlock(), createElementBlock("output", {
         id: "fw-toast-".concat(_ctx.uuid),
         key: _ctx.uuid,
         role: "status",
@@ -22951,7 +22949,7 @@ var getVueComponentHtml = function getVueComponentHtml(component, props) {
 };
 
 var script$3 = defineComponent({
-  name: 'MediaPicker',
+  name: 'FwMediaPicker',
   components: {
     FwModal: __default__$a,
     FwButton: script$h,

package/index.d.ts

@@ -3465,7 +3465,7 @@ declare const _default$6: vue.DefineComponent<vue.ExtractPropTypes<{
     };
 }>, {
     isMounted: vue.Ref<boolean, boolean>;
-    isOpen: vue.WritableComputedRef<boolean, boolean>;
+    isOpen: vue.WritableComputedRef<vue.Ref<boolean, boolean>, vue.Ref<boolean, boolean>>;
     uuid: `${string}-${string}-${string}-${string}-${string}`;
     containerEl: vue.ComputedRef<string>;
     baseClass: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@frollo/frollo-web-ui",
-  "version": "9.0.3",
+  "version": "9.0.4",
   "description": "Frollo's UI library for components, utilities and configs",
   "exports": {
     "./icons": "./icons/index.ts",
@@ -19,13 +19,15 @@
     "build:docs": "bin/build-docs.sh",
     "build:lib": "bin/build-lib.sh",
     "deploy": "bin/publish.sh",
+    "deploy-docs": "bin/build-gh-docs.sh",
     "release": "bin/release.sh",
     "test:unit": "vitest run --coverage",
     "test:single": "vitest watch",
     "lint": "eslint --cache ./src",
     "lint:fix": "eslint --cache ./src --fix",
     "tw-config-export": "mkdir -p ./dist && tailwind-config-viewer export ./dist/twconfig-viewer && rimraf ./dist/twconfig-viewer/favicon.ico",
-    "build-storybook": "storybook build"
+    "build-storybook": "storybook build",
+    "storybook-docs": "storybook dev --docs"
   },
   "dependencies": {
     "vue": "^3.5.25"

package/types/components/fw-toast/fw-toast.vue.d.ts

@@ -47,7 +47,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }>, {
     isMounted: import("vue").Ref<boolean, boolean>;
-    isOpen: import("vue").WritableComputedRef<boolean, boolean>;
+    isOpen: import("vue").WritableComputedRef<import("vue").Ref<boolean, boolean>, import("vue").Ref<boolean, boolean>>;
     uuid: `${string}-${string}-${string}-${string}-${string}`;
     containerEl: import("vue").ComputedRef<string>;
     baseClass: string;

package/web-components/index.js

@@ -26353,7 +26353,7 @@ Expected function or array of functions, received type ${typeof value}.`
       var uuid = (_globalThis$crypto$ra = (_globalThis$crypto = globalThis.crypto) === null || _globalThis$crypto === void 0 || (_globalThis$crypto$ra2 = _globalThis$crypto.randomUUID) === null || _globalThis$crypto$ra2 === void 0 ? void 0 : _globalThis$crypto$ra2.call(_globalThis$crypto)) !== null && _globalThis$crypto$ra !== void 0 ? _globalThis$crypto$ra : "toast-".concat(Math.random().toString(36).slice(2));
       var isOpen = computed({
         get: function get() {
-          return !!props.modelValue;
+          return ref(props.modelValue);
         },
         set: function set(state) {
           return ctx.emit('update:modelValue', state);
@@ -26383,13 +26383,11 @@ Expected function or array of functions, received type ${typeof value}.`
         ensureContainer();
         isMounted.value = true;
       });
-      watch(function () {
-        return props.modelValue;
-      }, function (open) {
+      watch(isOpen.value, function (open) {
         if (dismissTimer) window.clearTimeout(dismissTimer);
-        if (open) {
+        if (open === true) {
           dismissTimer = window.setTimeout(function () {
-            isOpen.value = false;
+            isOpen.value.value = false;
             ctx.emit('dismissed');
           }, props.timeout);
         }
@@ -26426,7 +26424,7 @@ Expected function or array of functions, received type ${typeof value}.`
       appear: ""
     }, {
       "default": withCtx(function () {
-        return [_ctx.isOpen ? (openBlock(), createElementBlock("output", {
+        return [_ctx.isOpen.value ? (openBlock(), createElementBlock("output", {
           id: "fw-toast-".concat(_ctx.uuid),
           key: _ctx.uuid,
           role: "status",
@@ -35924,7 +35922,7 @@ Expected function or array of functions, received type ${typeof value}.`
   };
 
   var script$3 = defineComponent({
-    name: 'MediaPicker',
+    name: 'FwMediaPicker',
     components: {
       FwModal: __default__$a,
       FwButton: script$h,