nuxt-ui-elements-pro 0.1.7 → 0.1.8

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "nuxt-ui-elements-pro",
   "configKey": "uiElementsPro",
-  "version": "0.1.7",
+  "version": "0.1.8",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/module.mjs

@@ -79,12 +79,9 @@ const eventCalendar = (options) => ({
     dragSnapSlot: "",
     // Selection
     selectionOverlay: "",
-    // Loading & empty states
+    // Loading state
     loadingOverlay: "absolute inset-0 z-30 flex items-center justify-center bg-default/60",
-    loadingIcon: "size-8 text-muted animate-spin",
-    emptyState: "flex flex-col items-center justify-center gap-2 py-14 text-center",
-    emptyStateIcon: "size-10 text-muted/50",
-    emptyStateText: "text-sm text-muted"
+    loadingIcon: "size-8 text-muted animate-spin"
   },
   variants: {
     color: {

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

@@ -132,8 +132,6 @@ export interface EventCalendarSlots {
     }) => any;
     /** Customize loading overlay */
     loading?: () => any;
-    /** Customize empty state */
-    empty?: () => any;
 }
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/EventCalendar.vue

@@ -235,9 +235,6 @@ defineExpose({
         <template v-if="slots.loading" #loading>
           <slot name="loading" />
         </template>
-        <template v-if="slots.empty" #empty>
-          <slot name="empty" />
-        </template>
       </EventCalendarMonthView>
 
       <!-- Week/Day time grid view -->
@@ -254,9 +251,6 @@ defineExpose({
         <template v-if="slots.loading" #loading>
           <slot name="loading" />
         </template>
-        <template v-if="slots.empty" #empty>
-          <slot name="empty" />
-        </template>
       </EventCalendarTimeGrid>
 
       <!-- List view -->

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

@@ -132,8 +132,6 @@ export interface EventCalendarSlots {
     }) => any;
     /** Customize loading overlay */
     loading?: () => any;
-    /** Customize empty state */
-    empty?: () => any;
 }
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/event-calendar/EventCalendarMonthView.d.vue.ts

@@ -22,7 +22,6 @@ export interface EventCalendarMonthViewSlots {
         day: CalendarDay;
     }) => any;
     loading: () => any;
-    empty: () => any;
 }
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/event-calendar/EventCalendarMonthView.vue

@@ -1,6 +1,6 @@
 <script>
 import { Primitive } from "reka-ui";
-import { computed, ref } from "vue";
+import { ref } from "vue";
 import { useEventListener, onKeyStroke } from "@vueuse/core";
 import { useEventCalendarContext } from "../../composables/useEventCalendarContext";
 </script>
@@ -11,11 +11,6 @@ const props = defineProps({
 });
 defineSlots();
 const ctx = useEventCalendarContext();
-const isEmpty = computed(
-  () => !ctx.loading.value && ctx.monthWeekLayouts.value.every(
-    (layout) => layout.spanning.length === 0 && layout.singleDay.length === 0
-  )
-);
 const expandedDay = ref(null);
 function openExpandDay(dateKey, e) {
   e.stopPropagation();
@@ -314,23 +309,6 @@ onKeyStroke("Escape", () => {
         <span class="sr-only">Loading events</span>
       </slot>
     </div>
-
-    <!-- Empty state -->
-    <div
-      v-else-if="isEmpty"
-      data-slot="emptyState"
-      :class="ctx.ui.value.emptyState({ class: ctx.propUi.value?.emptyState })">
-      <slot name="empty">
-        <UIcon
-          name="i-lucide-calendar-x2"
-          data-slot="emptyStateIcon"
-          :class="ctx.ui.value.emptyStateIcon({ class: ctx.propUi.value?.emptyStateIcon })"
-          aria-hidden="true" />
-        <p data-slot="emptyStateText" :class="ctx.ui.value.emptyStateText({ class: ctx.propUi.value?.emptyStateText })">
-          No events
-        </p>
-      </slot>
-    </div>
     </div>
   </Primitive>
 </template>

package/dist/runtime/components/event-calendar/EventCalendarMonthView.vue.d.ts

@@ -22,7 +22,6 @@ export interface EventCalendarMonthViewSlots {
         day: CalendarDay;
     }) => any;
     loading: () => any;
-    empty: () => any;
 }
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/event-calendar/EventCalendarTimeGrid.d.vue.ts

@@ -19,7 +19,6 @@ export interface EventCalendarTimeGridSlots {
         date: CalendarDate;
     }) => any;
     loading: () => any;
-    empty: () => any;
 }
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/event-calendar/EventCalendarTimeGrid.vue

@@ -1,6 +1,6 @@
 <script>
 import { Primitive } from "reka-ui";
-import { computed } from "vue";
+import {} from "vue";
 import { useEventCalendarContext } from "../../composables/useEventCalendarContext";
 import { format } from "#std/date";
 </script>
@@ -11,11 +11,6 @@ const props = defineProps({
 });
 defineSlots();
 const ctx = useEventCalendarContext();
-const isEmpty = computed(
-  () => !ctx.loading.value && ctx.timeGridDays.value.every(
-    (day) => day.allDayEvents.length === 0 && day.timedEvents.length === 0
-  )
-);
 </script>
 
 <template>
@@ -284,23 +279,6 @@ const isEmpty = computed(
         <span class="sr-only">Loading events</span>
       </slot>
     </div>
-
-    <!-- Empty state -->
-    <div
-      v-else-if="isEmpty"
-      data-slot="emptyState"
-      :class="ctx.ui.value.emptyState({ class: ctx.propUi.value?.emptyState })">
-      <slot name="empty">
-        <UIcon
-          name="i-lucide-calendar-x2"
-          data-slot="emptyStateIcon"
-          :class="ctx.ui.value.emptyStateIcon({ class: ctx.propUi.value?.emptyStateIcon })"
-          aria-hidden="true" />
-        <p data-slot="emptyStateText" :class="ctx.ui.value.emptyStateText({ class: ctx.propUi.value?.emptyStateText })">
-          No events
-        </p>
-      </slot>
-    </div>
     </div>
   </Primitive>
 </template>

package/dist/runtime/components/event-calendar/EventCalendarTimeGrid.vue.d.ts

@@ -19,7 +19,6 @@ export interface EventCalendarTimeGridSlots {
         date: CalendarDate;
     }) => any;
     loading: () => any;
-    empty: () => any;
 }
 declare const _default: typeof __VLS_export;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuxt-ui-elements-pro",
-  "version": "0.1.7",
+  "version": "0.1.8",
   "description": "Pro components for nuxt-ui-elements",
   "license": "UNLICENSED",
   "files": [