orio-ui 1.11.8 → 1.11.10

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": "^3.0.0 || ^4.0.0"
   },
-  "version": "1.11.8",
+  "version": "1.11.10",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/Button.vue

@@ -62,6 +62,7 @@ button {
   line-height: 1.5;
   cursor: pointer;
   display: inline-flex;
+  justify-content: center;
   align-items: center;
   gap: 0.5rem;
   user-select: none;

package/dist/runtime/components/Modal.vue

@@ -8,7 +8,7 @@ const props = defineProps({
   origin: { type: [Object, null], required: true }
 });
 const show = defineModel("show", { type: Boolean });
-const isLocked = useScrollLock(document.body);
+const isLocked = import.meta.client ? useScrollLock(document.body) : ref(false);
 const wrapper = ref(null);
 const { width: windowWidth, height: windowHeight } = useWindowSize();
 function animateToCenter(el) {

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

@@ -7,9 +7,10 @@ export interface ValidationRule {
 }
 export declare function isFilled(model: MaybeRef<string | []>): boolean;
 export declare function isEmail(model: MaybeRef<string>): boolean;
-export declare function useValidation(rules: ValidationRule[]): {
+export declare function useValidation(rules?: ValidationRule[]): {
     checkValidity: () => boolean;
     errors: Record<string, string | null>;
     clearError: (id: string) => void;
     clearAllErrors: () => void;
+    changeRules: (rules: ValidationRule[]) => void;
 };

package/dist/runtime/composables/useValidation.js

@@ -1,4 +1,4 @@
-import { reactive, isRef } from "vue";
+import { reactive, isRef, ref } from "vue";
 export function isFilled(model) {
   return isRef(model) ? !!model.value.length : !!model.length;
 }
@@ -9,6 +9,7 @@ export function isEmail(model) {
   return emailRegex.test(value);
 }
 export function useValidation(rules) {
+  const validationRules = ref(rules ?? []);
   const errors = reactive({});
   function validate({
     model,
@@ -30,7 +31,10 @@ export function useValidation(rules) {
   }
   function checkValidity() {
     clearAllErrors();
-    return rules.reduceRight((valid, rule) => validate(rule) && valid, true);
+    return validationRules.value.reduceRight(
+      (valid, rule) => validate(rule) && valid,
+      true
+    );
   }
   function clearError(id) {
     errors[id] = null;
@@ -38,5 +42,8 @@ export function useValidation(rules) {
   function clearAllErrors() {
     Object.keys(errors).forEach((key) => errors[key] = null);
   }
-  return { checkValidity, errors, clearError, clearAllErrors };
+  function changeRules(rules2) {
+    validationRules.value = rules2;
+  }
+  return { checkValidity, errors, clearError, clearAllErrors, changeRules };
 }

package/dist/runtime/index.d.ts

@@ -28,7 +28,7 @@ export { default as ViewDates } from "./components/view/Dates.vue.js";
 export { default as ViewSeparator } from "./components/view/Separator.vue.js";
 export { useApi, type ApiOptions, type RequestBody, type RequestMethod, } from "./composables/useApi.js";
 export { useFuzzySearch } from "./composables/useFuzzySearch.js";
-export { useModal, type ModalProps, type OriginRect } from "./composables/useModal.js";
+export { useModal, type ModalProps, type OriginRect, } from "./composables/useModal.js";
 export { useTheme } from "./composables/useTheme.js";
 export { useDecimalFormatter } from "./composables/useDecimalFormatter.js";
 export { usePressAndHold } from "./composables/usePressAndHold.js";

package/dist/runtime/index.js

@@ -30,7 +30,9 @@ export {
   useApi
 } from "./composables/useApi.js";
 export { useFuzzySearch } from "./composables/useFuzzySearch.js";
-export { useModal } from "./composables/useModal.js";
+export {
+  useModal
+} from "./composables/useModal.js";
 export { useTheme } from "./composables/useTheme.js";
 export { useDecimalFormatter } from "./composables/useDecimalFormatter.js";
 export { usePressAndHold } from "./composables/usePressAndHold.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "orio-ui",
-  "version": "1.11.8",
+  "version": "1.11.10",
   "description": "Modern Nuxt component library with theme support",
   "type": "module",
   "main": "./dist/module.mjs",
@@ -9,6 +9,10 @@
       "types": "./dist/types.d.mts",
       "import": "./dist/module.mjs"
     },
+    "./runtime": {
+      "types": "./dist/runtime/index.d.ts",
+      "import": "./dist/runtime/index.mjs"
+    },
     "./styles": "./dist/runtime/assets/css/main.css",
     "./theme": "./dist/runtime/assets/css/colors.css"
   },