@citruslime/ui 3.0.4-beta.0 → 3.1.0-beta.1

package/README.md

@@ -9,7 +9,7 @@ A Vue 3 library, written in TypeScript, which provides custom UI components.
 - 📖 [Documentation & API](https://uilibrary.citruslime.com)
 - 📌 [Citrus-Lime Ltd](https://www.citruslime.com)
 
-## Install
+# Install
 
 `pnpm add @citruslime/ui`
 

package/dist/citrus-lime-ui.es.js

@@ -453,17 +453,21 @@ const Co = {
 }, To = { class: "cl-overflow-y-auto cl-overscroll-y-none cl-p-2 cl-w-full" }, et = /* @__PURE__ */ j({
   inheritAttrs: !1,
   __name: "cl-ui-modal",
-  props: {
+  props: /* @__PURE__ */ de({
     headerColour: { default: "white" },
     preventClose: { type: Boolean, default: !1 },
     size: { default: "medium" },
     trapFocus: { type: Boolean, default: !1 }
-  },
+  }, {
+    visible: { type: Boolean, required: !1, default: !1 },
+    visibleModifiers: {}
+  }),
+  emits: ["update:visible"],
   setup(o) {
-    const t = o, { trapFocus: l } = Kl(t), e = R(!1), s = R(), n = ko(s);
+    const t = o, l = he(o, "visible"), { trapFocus: e } = Kl(t), s = R(), n = ko(s);
     ee([
-      l,
-      e
+      e,
+      l
     ], ([
       r,
       a
@@ -473,10 +477,10 @@ const Co = {
       });
     });
     function c() {
-      e.value = !0, document.addEventListener("keydown", p);
+      l.value = !0, document.addEventListener("keydown", p);
     }
     function d() {
-      t.preventClose || (e.value = !1, document.removeEventListener("keydown", p));
+      t.preventClose || (l.value = !1, document.removeEventListener("keydown", p));
     }
     function p(r) {
       r.key === "Escape" && d();
@@ -529,7 +533,7 @@ const Co = {
                 A(r.$slots, "footer", pe(me({ close: d })))
               ], 16)
             ], 512), [
-              [ue, e.value]
+              [ue, l.value]
             ])
           ]),
           _: 3