sprintify-ui 0.0.156 → 0.0.158

package/dist/sprintify-ui.es.js

@@ -3950,10 +3950,7 @@ const Kf = /* @__PURE__ */ be({
 }), Yf = { key: 0 }, Gf = { key: 1 }, Qf = /* @__PURE__ */ be({
   __name: "BaseBoolean",
   props: {
-    modelValue: {
-      required: !0,
-      type: [Boolean, String, Number]
-    }
+    modelValue: { type: [Boolean, String, Number, null] }
   },
   setup(t) {
     const o = t, e = G(() => o.modelValue ? "text-white bg-green-500" : "text-white bg-red-500");
@@ -7061,6 +7058,10 @@ const Kh = {
     closeOnOutsideClick: {
       default: !0,
       type: Boolean
+    },
+    clipped: {
+      default: !1,
+      type: Boolean
     }
   },
   emits: ["update:modelValue"],
@@ -7115,7 +7116,10 @@ const Kh = {
                           style: ct({
                             maxWidth: N(i)
                           }),
-                          class: de(["pb-safe py-safe relative z-[1] ml-auto mr-0 flex h-full w-full flex-col rounded-t-lg bg-white text-left shadow-xl sm:rounded-t-none", [N(a).animationClasses.value]])
+                          class: de(["pb-safe py-safe relative z-[1] ml-auto mr-0 flex h-full w-full flex-col rounded-t-lg bg-white text-left shadow-xl sm:rounded-t-none", [
+                            N(a).animationClasses.value,
+                            t.clipped ? "overflow-hidden" : ""
+                          ]])
                         }, [
                           q("button", {
                             class: "absolute -top-[4.5rem] right-2 flex h-16 w-16 items-center justify-center rounded-full hover:bg-black hover:bg-opacity-20 sm:-left-[4.5rem] sm:top-2",
@@ -14729,6 +14733,10 @@ const Zv = { class: "absolute inset-0 flex h-full w-full items-center justify-ce
     showCloseButton: {
       default: !0,
       type: Boolean
+    },
+    clipped: {
+      default: !1,
+      type: Boolean
     }
   },
   emits: ["update:modelValue"],
@@ -14788,7 +14796,10 @@ const Zv = { class: "absolute inset-0 flex h-full w-full items-center justify-ce
                       default: ge(() => [
                         t.modelValue ? (R(), X("div", {
                           key: 0,
-                          class: de(["pb-safe relative z-[1] mx-auto block w-full rounded-t-xl bg-white sm:rounded-xl sm:shadow-xl", [N(r).animationClasses.value]]),
+                          class: de(["pb-safe relative z-[1] mx-auto block w-full rounded-t-xl bg-white sm:rounded-xl sm:shadow-xl", [
+                            N(r).animationClasses.value,
+                            t.clipped ? "overflow-hidden" : ""
+                          ]]),
                           style: ct({
                             maxWidth: t.maxWidth
                           })

package/dist/types/src/components/BaseBoolean.vue.d.ts

@@ -1,12 +1,15 @@
-declare const _default: import("vue").DefineComponent<{
-    modelValue: {
-        required: true;
-        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    modelValue: {
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    modelValue?: boolean | string | number | null | undefined;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    modelValue?: boolean | string | number | null | undefined;
+}>>>, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
         required: true;
-        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
     };
-}>>, {}>;
-export default _default;
+};

package/dist/types/src/components/BaseModalCenter.vue.d.ts

@@ -23,6 +23,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
         type: BooleanConstructor;
     };
+    clipped: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         default: boolean;
@@ -48,10 +52,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
         type: BooleanConstructor;
     };
+    clipped: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: boolean;
+    clipped: boolean;
     maxWidth: string;
     backdropClass: string;
     closeOnOutsideClick: boolean;

package/dist/types/src/components/BaseModalSide.vue.d.ts

@@ -15,6 +15,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
         type: BooleanConstructor;
     };
+    clipped: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         default: boolean;
@@ -32,10 +36,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
         type: BooleanConstructor;
     };
+    clipped: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: boolean;
+    clipped: boolean;
     maxWidth: string;
     backdropClass: string;
     closeOnOutsideClick: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.0.156",
+  "version": "0.0.158",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",
     "build-fast": "rimraf dist && vite build",

package/src/components/BaseBoolean.vue

@@ -13,12 +13,9 @@
 </template>
 
 <script lang="ts" setup>
-const props = defineProps({
-  modelValue: {
-    required: true,
-    type: [Boolean, String, Number],
-  },
-});
+const props = defineProps<{
+  modelValue?: boolean | string | number | null | undefined;
+}>();
 
 const classes = computed(() => {
   if (props.modelValue) {

package/src/components/BaseModalCenter.vue

@@ -57,7 +57,10 @@
                   :style="{
                     maxWidth: maxWidth,
                   }"
-                  :class="[modal.animationClasses.value]"
+                  :class="[
+                    modal.animationClasses.value,
+                    clipped ? 'overflow-hidden' : '',
+                  ]"
                 >
                   <slot :close="modal.close" />
                 </div>
@@ -107,6 +110,10 @@ const props = defineProps({
     default: true,
     type: Boolean,
   },
+  clipped: {
+    default: false,
+    type: Boolean,
+  },
 });
 
 const emit = defineEmits(['update:modelValue']);

package/src/components/BaseModalSide.vue

@@ -48,7 +48,10 @@
                     maxWidth: realMaxWidth,
                   }"
                   class="pb-safe py-safe relative z-[1] ml-auto mr-0 flex h-full w-full flex-col rounded-t-lg bg-white text-left shadow-xl sm:rounded-t-none"
-                  :class="[modal.animationClasses.value]"
+                  :class="[
+                    modal.animationClasses.value,
+                    clipped ? 'overflow-hidden' : '',
+                  ]"
                 >
                   <button
                     class="absolute -top-[4.5rem] right-2 flex h-16 w-16 items-center justify-center rounded-full hover:bg-black hover:bg-opacity-20 sm:-left-[4.5rem] sm:top-2"
@@ -92,6 +95,10 @@ const props = defineProps({
     default: true,
     type: Boolean,
   },
+  clipped: {
+    default: false,
+    type: Boolean,
+  },
 });
 
 const emit = defineEmits(['update:modelValue']);