@quvel-kit/core 1.1.0 → 1.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quvel-kit/core",
-  "version": "1.1.0",
+  "version": "1.3.0",
   "description": "Core utilities for Quvel UI",
   "type": "module",
   "main": "./dist/index.js",
@@ -39,14 +39,6 @@
       "import": "./dist/composables/index.js",
       "types": "./dist/composables/index.d.ts"
     },
-    "./components": {
-      "import": "./dist/components/index.js",
-      "types": "./dist/components/index.d.ts"
-    },
-    "./pages": {
-      "import": "./dist/pages/index.js",
-      "types": "./dist/pages/index.d.ts"
-    },
     "./global": {
       "types": "./global.d.ts"
     }
@@ -57,8 +49,7 @@
     "README.md"
   ],
   "scripts": {
-    "build": "tsc && npm run copy-vue && npm run copy-ambient-types",
-    "copy-vue": "rsync -a --include='*/' --include='*.vue' --exclude='*' src/ dist/",
+    "build": "tsc && npm run copy-ambient-types",
     "copy-ambient-types": "rsync -a --include='*/' --include='vue.d.ts' --include='global.d.ts' --include='ssr.d.ts' --include='vue-shim.d.ts' --include='pinia.d.ts' --exclude='*' src/ dist/",
     "dev": "tsc --watch",
     "clean": "rm -rf dist",

package/dist/components/Common/TaskErrors.vue

@@ -1,47 +0,0 @@
-<script lang="ts" setup>
-/**
- * TaskErrors.vue
- *
- * A component to display errors from a task.
- *
- * Props:
- * - `taskErrors`: The errors from a task, including the main error and additional errors.
- */
-import { computed } from 'vue';
-import FadeInOut from '../Transitions/FadeInOut.vue';
-import type { ErrorBag } from '../../types/laravel.types.js';
-
-/**
- * Props for the component.
- */
-const props = defineProps({
-  taskErrors: {
-    type: Object as () => ErrorBag,
-    default: () => ({ message: '', errors: {} }),
-  },
-});
-
-/**
- * Extracts the most relevant error message.
- * - If `message` is already inside `errors`, we ignore `message` to prevent duplication.
- * - If `errors` exist, extract the first error.
- * - Otherwise, fallback to `message`.
- */
-const errorMessage = computed(() => {
-  const { taskErrors } = props;
-
-  // Get the first available error from `taskErrors`
-  const firstError = Array.from(taskErrors.values())[0];
-
-  // If firstError exists, use it. Otherwise, fallback to message.
-  return firstError || taskErrors.get('message') || '';
-});
-</script>
-
-<template>
-  <FadeInOut>
-    <q-banner v-if="errorMessage" class="bg-negative text-white" dense rounded>
-      {{ errorMessage }}
-    </q-banner>
-  </FadeInOut>
-</template>

package/dist/components/Inputs/BaseInput.vue

@@ -1,88 +0,0 @@
-<script lang="ts" setup>
-import { computed } from 'vue';
-import type { ZodSchema } from 'zod/v4';
-import { useQuvel } from '@quvel-kit/core/composables';
-
-/**
- * Props - Only custom props, everything else forwarded via $attrs
- */
-const props = defineProps({
-  modelValue: {
-    type: String,
-    required: true,
-  },
-  schema: {
-    type: Object as () => ZodSchema<string> | undefined,
-    default: undefined,
-  },
-  rules: {
-    type: Array as () => ((val: string) => true | string)[],
-    default: () => [],
-  },
-});
-
-/**
- * Emits
- */
-const emits = defineEmits(['update:modelValue']);
-
-/**
- * Services
- */
-const { validation } = useQuvel();
-
-/**
- * Computed Property for Model Binding
- */
-const inputValue = computed({
-  get: () => props.modelValue,
-  set: (value) => emits('update:modelValue', value),
-});
-
-/**
- * Computed Property for Validation Rules
- * - If `schema` is provided, use Zod v4 validation with built-in locales
- * - Otherwise, use the provided `rules` array
- */
-const computedRules = computed(() => {
-  return props.schema
-      ? [validation.createInputRule(props.schema)]
-      : props.rules;
-});
-</script>
-
-<template>
-  <q-input
-    v-model="inputValue"
-    v-bind="$attrs"
-    lazy-rules
-    outlined
-    :rules="computedRules"
-  >
-    <!-- Forward all QInput slots -->
-    <template v-if="$slots.prepend" #prepend>
-      <slot name="prepend" />
-    </template>
-    <template v-if="$slots.append" #append>
-      <slot name="append" />
-    </template>
-    <template v-if="$slots.before" #before>
-      <slot name="before" />
-    </template>
-    <template v-if="$slots.after" #after>
-      <slot name="after" />
-    </template>
-    <template v-if="$slots.error" #error>
-      <slot name="error" />
-    </template>
-    <template v-if="$slots.hint" #hint>
-      <slot name="hint" />
-    </template>
-    <template v-if="$slots.counter" #counter>
-      <slot name="counter" />
-    </template>
-    <template v-if="$slots.loading" #loading>
-      <slot name="loading" />
-    </template>
-  </q-input>
-</template>

package/dist/components/Misc/ClientOnly.vue

@@ -1,22 +0,0 @@
-<script lang="ts" setup>
-import { useClient } from '@quvel-kit/core/composables';
-
-/**
- * ClientOnly component
- *
- * Renders its slot content only on the client-side after hydration.
- * Prevents hydration mismatches for components that rely on browser-only APIs.
- */
-
-const { isClient } = useClient();
-</script>
-
-<template>
-  <template v-if="isClient">
-    <slot />
-  </template>
-
-  <template v-else>
-    <slot name="fallback" />
-  </template>
-</template>

package/dist/components/Transitions/FadeInOut.vue

@@ -1,9 +0,0 @@
-<template>
-  <transition
-    appear
-    enter-active-class="animated fadeInUp"
-    leave-active-class="animated fadeOutDown"
-  >
-    <slot></slot>
-  </transition>
-</template>

package/dist/components/Transitions/SlowExpand.vue

@@ -1,13 +0,0 @@
-<template>
-  <!--
-    This transition gives a "growing" effect to the parent container.
-    A great use case is dynamic form fields on a vertical form. The form doesn't
-    just flash into its new size, offering a more aesthetically pleasing effect.
-  -->
-  <transition
-    name="slow-expand"
-    appear
-  >
-    <slot />
-  </transition>
-</template>

package/dist/components/WebSocketChannelManager.vue

@@ -1,634 +0,0 @@
-<script lang="ts">
-import { defineComponent, ref, computed, onBeforeUnmount, nextTick, onMounted } from 'vue';
-import { useWebSockets } from '../composables/useWebSockets';
-import { WebSocketChannelType, SubscribeOptions } from '../types/websocket.types';
-import { PublicChannelType, PrivateChannelType, PresenceChannelType, EncryptedChannelType } from '../types/websocket.types';
-import { QScrollArea } from 'quasar';
-
-
-type AnyChannel = PublicChannelType | PrivateChannelType | PresenceChannelType | EncryptedChannelType;
-
-interface ChannelConfig {
-  name: string;
-  type: WebSocketChannelType;
-  event?: string | undefined;
-  channel: AnyChannel;
-}
-
-interface MessageLog {
-  channelName: string;
-  channelType: WebSocketChannelType;
-  event: string;
-  data: unknown;
-  timestamp: Date;
-}
-
-export default defineComponent({
-  name: 'WebSocketChannelManager',
-
-  setup() {
-    // WebSocket connection management
-    const { subscribe, unsubscribe } = useWebSockets();
-
-    // Dialog visibility control
-    const isDialogOpen = ref(false);
-    const isVisible = computed(() => isDialogOpen.value);
-
-    // Selected channel for filtering messages
-    const selectedChannelIndex = ref<number | null>(null);
-
-    // Register global methods to show/hide the component
-    onMounted(() => {
-      (window as unknown as { showWebSocketManager: () => void }).showWebSocketManager = () => {
-        isDialogOpen.value = true;
-
-        console.log('WebSocket Inspector is now open');
-      };
-
-      (window as unknown as { hideWebSocketManager: () => void }).hideWebSocketManager = () => {
-        hideManager();
-      };
-
-      // Log instructions to console
-      console.info(
-        '%cWebSocket Inspector available!',
-        'color: #4CAF50; font-weight: bold; font-size: 14px;'
-      );
-      console.info(
-        '%cUse window.showWebSocketManager() to show the inspector',
-        'color: #2196F3; font-size: 12px;'
-      );
-    });
-
-    // Hide the manager and clean up
-    const hideManager = () => {
-      isDialogOpen.value = false;
-      console.log('WebSocket Inspector is now closed');
-    };
-
-    // Select a channel to filter messages
-    const selectChannel = (index: number) => {
-      selectedChannelIndex.value = selectedChannelIndex.value === index ? null : index;
-    };
-
-    // Active channels
-    const activeChannels = ref<ChannelConfig[]>([]);
-
-    // Connection status
-    const connectionStatus = computed(() => {
-      const isConnected = activeChannels.value.length > 0;
-      return {
-        label: isConnected ? 'Connected' : 'Disconnected',
-        color: isConnected ? 'positive' : 'negative'
-      };
-    });
-
-    // Channel form
-    // Channel form with partial type to allow initialization without a channel
-    const newChannel = ref<Omit<ChannelConfig, 'channel'> & { channel?: AnyChannel }>({
-      name: '',
-      type: 'public',
-      event: ''
-    });
-
-    const isAddingChannel = ref(false);
-
-    // Available channel types
-    const channelTypes = [
-      { label: 'Public', value: 'public' },
-      { label: 'Private', value: 'private' },
-      { label: 'Presence', value: 'presence' },
-      { label: 'Encrypted', value: 'encrypted' },
-      { label: 'Public Notification', value: 'publicNotification' },
-      { label: 'Private Notification', value: 'privateNotification' }
-    ];
-
-    // Message log
-    const messages = ref<MessageLog[]>([]);
-    const messageLogRef = ref<QScrollArea | null>(null);
-
-    // Filtered messages based on selected channel
-    const filteredMessages = computed(() => {
-      if (selectedChannelIndex.value === null) {
-        return messages.value;
-      }
-
-      const selectedChannel = activeChannels.value[selectedChannelIndex.value];
-      return messages.value.filter(msg =>
-        msg.channelName === selectedChannel?.name &&
-        msg.channelType === selectedChannel?.type
-      );
-    });
-
-    // Add a new channel
-    const addChannel = async () => {
-      try {
-        isAddingChannel.value = true;
-
-        // Create channel options
-        const options: SubscribeOptions<unknown> = {
-          channelName: newChannel.value.name,
-          type: newChannel.value.type,
-          // Only include event if it's defined
-          ...(newChannel.value.event ? { event: newChannel.value.event } : {}),
-          callback: (data: unknown) => {
-            // Log the message
-            messages.value.push({
-              channelName: newChannel.value.name,
-              channelType: newChannel.value.type,
-              event: newChannel.value.event || 'notification',
-              data,
-              timestamp: new Date(),
-            });
-
-            // Scroll to bottom of message log
-            void nextTick(() => {
-              if (messageLogRef.value) {
-                messageLogRef.value.setScrollPosition('vertical', 999999);
-              }
-            });
-          },
-          presenceHandlers: {
-            onListening: {
-              event: 'listening',
-              callback: () => {
-                messages.value.push({
-                  channelName: newChannel.value.name,
-                  channelType: newChannel.value.type,
-                  event: newChannel.value.event || 'notification',
-                  data: 'Listening',
-                  timestamp: new Date(),
-                });
-              },
-            },
-            onHere: (members: Record<string, unknown>) => {
-              messages.value.push({
-                channelName: newChannel.value.name,
-                channelType: newChannel.value.type,
-                event: newChannel.value.event || 'notification',
-                data: members,
-                timestamp: new Date(),
-              });
-            },
-            onJoining: (member: Record<string, unknown>) => {
-              messages.value.push({
-                channelName: newChannel.value.name,
-                channelType: newChannel.value.type,
-                event: newChannel.value.event || 'notification',
-                data: member,
-                timestamp: new Date(),
-              });
-            },
-            onLeaving: (member: Record<string, unknown>) => {
-              messages.value.push({
-                channelName: newChannel.value.name,
-                channelType: newChannel.value.type,
-                event: newChannel.value.event || 'notification',
-                data: member,
-                timestamp: new Date(),
-              });
-            },
-          },
-        };
-
-        // Subscribe to the channel
-        const channel = await subscribe(options);
-
-        // Add to active channels
-        activeChannels.value.push({
-          name: newChannel.value.name,
-          type: newChannel.value.type,
-          event: newChannel.value.event || undefined,
-          channel
-        });
-
-        // Reset form
-        newChannel.value = {
-          name: '',
-          type: 'public',
-          event: ''
-        };
-      } catch (error) {
-        console.error('Failed to add channel:', error);
-      } finally {
-        isAddingChannel.value = false;
-      }
-    };
-
-    // Remove a channel
-    const removeChannel = (index: number) => {
-      const channel = activeChannels.value[index];
-      if (channel?.channel) {
-        unsubscribe(channel.channel as AnyChannel);
-      }
-
-      activeChannels.value.splice(index, 1);
-    };
-
-    // Clear message log
-    const clearMessages = () => {
-      messages.value = [];
-    };
-
-    // Download logs as JSON
-    const downloadLogs = () => {
-      const data = JSON.stringify(messages.value, null, 2);
-      const blob = new Blob([data], { type: 'application/json' });
-      const url = URL.createObjectURL(blob);
-      const a = document.createElement('a');
-      a.href = url;
-      a.download = `websocket-logs-${new Date().toISOString()}.json`;
-      document.body.appendChild(a);
-      a.click();
-      document.body.removeChild(a);
-      URL.revokeObjectURL(url);
-    };
-
-    // Format timestamp
-    const formatTimestamp = (date: Date) => {
-      return date.toLocaleTimeString();
-    };
-
-    // Format message data for display
-    const formatMessageData = (data: unknown) => {
-      try {
-        return JSON.stringify(data, null, 2);
-      } catch {
-        return String(data);
-      }
-    };
-
-    // Get color for channel type
-    const getChannelTypeColor = (type: WebSocketChannelType) => {
-      switch (type) {
-        case 'public':
-        case 'publicNotification':
-          return 'teal';
-        case 'private':
-        case 'privateNotification':
-          return 'blue';
-        case 'presence':
-          return 'purple';
-        case 'encrypted':
-          return 'deep-orange';
-        default:
-          return 'grey';
-      }
-    };
-
-    // Clean up all channels when component unmounts
-    onBeforeUnmount(() => {
-      activeChannels.value.forEach(channelConfig => {
-        unsubscribe(channelConfig.channel as AnyChannel);
-      });
-
-      activeChannels.value = [];
-    });
-
-    return {
-      // Visibility control
-      isVisible,
-      isDialogOpen,
-      hideManager,
-
-      // Connection
-      connectionStatus,
-
-      // Channel form
-      newChannel,
-      channelTypes,
-      isAddingChannel,
-      addChannel,
-
-      // Active channels
-      activeChannels,
-      removeChannel,
-      getChannelTypeColor,
-      selectedChannelIndex,
-      selectChannel,
-
-      // Message log
-      messages,
-      filteredMessages,
-      messageLogRef,
-      clearMessages,
-      downloadLogs,
-      formatTimestamp,
-      formatMessageData
-    };
-  }
-});
-</script>
-
-<template>
-  <q-dialog
-    v-model="isDialogOpen"
-    persistent
-    maximized
-    transition-show="slide-up"
-    transition-hide="slide-down"
-  >
-    <q-card class="websocket-channel-manager">
-      <q-card-section class="bg-dark text-white q-py-sm">
-        <div class="flex items-center justify-between">
-          <div class="flex items-center">
-            <q-icon
-              name="eva-wifi-outline"
-              size="md"
-              class="q-mr-sm"
-            />
-            <h5 class="text-h6 q-my-none">WebSocket Inspector</h5>
-          </div>
-          <q-chip
-            :color="connectionStatus.color"
-            text-color="white"
-            size="sm"
-            outline
-          >
-            {{ connectionStatus.label }}
-          </q-chip>
-
-          <q-btn
-            flat
-            round
-            color="grey-5"
-            icon="eva-close-outline"
-            @click="hideManager"
-          />
-        </div>
-      </q-card-section>
-
-      <q-card-section class="q-pa-md bg-dark-subtle">
-        <q-form
-          @submit="addChannel"
-          class="row q-col-gutter-sm items-end"
-        >
-          <div class="col-12 col-sm-4">
-            <q-input
-              v-model="newChannel.name"
-              label="Channel Name"
-              dense
-              filled
-              dark
-              class="bg-dark-page"
-              :rules="[val => !!val || 'Required']"
-            >
-              <template v-slot:prepend>
-                <q-icon name="eva-hash-outline" />
-              </template>
-            </q-input>
-          </div>
-          <div class="col-12 col-sm-3">
-            <q-select
-              v-model="newChannel.type"
-              :options="channelTypes"
-              :emit-value="true"
-              label="Channel Type"
-              dense
-              filled
-              dark
-              class="bg-dark-page"
-              :rules="[val => !!val || 'Required']"
-            >
-              <template v-slot:prepend>
-                <q-icon name="eva-eye-outline" />
-              </template>
-            </q-select>
-          </div>
-          <div class="col-12 col-sm-3">
-            <q-input
-              v-model="newChannel.event"
-              label="Event Name"
-              dense
-              filled
-              dark
-              class="bg-dark-page"
-              :rules="[val => newChannel.type !== 'presence' ? !!val || 'Required' : true]"
-              :disable="newChannel.type === 'presence'"
-            >
-              <template v-slot:prepend>
-                <q-icon name="eva-bell-outline" />
-              </template>
-            </q-input>
-          </div>
-          <div class="col-12 col-sm-2">
-            <q-btn
-              type="submit"
-              color="primary"
-              icon="eva-plus-outline"
-              label="Subscribe"
-              no-caps
-              unelevated
-              class="full-width"
-              :loading="isAddingChannel"
-            />
-          </div>
-        </q-form>
-      </q-card-section>
-
-      <q-separator dark />
-
-      <q-card-section class="q-pa-none">
-        <div class="row">
-          <div class="col-12 col-md-3 bg-dark-subtle">
-            <q-card-section class="q-py-sm">
-              <div class="text-subtitle1 text-weight-medium flex items-center">
-                <q-icon
-                  name="eva-hash-outline"
-                  class="q-mr-xs"
-                />
-                Active Channels
-                <q-badge
-                  color="primary"
-                  class="q-ml-sm"
-                >{{ activeChannels.length }}</q-badge>
-              </div>
-            </q-card-section>
-
-            <q-separator dark />
-
-            <q-list
-              dark
-              dense
-              class="channel-list"
-            >
-              <q-item
-                v-if="activeChannels.length === 0"
-                class="text-grey-6"
-              >
-                <q-item-section>
-                  <q-item-label>No active channels</q-item-label>
-                  <q-item-label caption>Add a channel to start listening</q-item-label>
-                </q-item-section>
-              </q-item>
-
-              <q-item
-                v-for="(channel, index) in activeChannels"
-                :key="index"
-                clickable
-                active-class="bg-primary text-white"
-                :active="selectedChannelIndex === index"
-                @click="selectChannel(index)"
-              >
-                <q-item-section avatar>
-                  <q-icon
-                    :color="getChannelTypeColor(channel.type)"
-                    name="eva-radio-outline"
-                  />
-                </q-item-section>
-
-                <q-item-section>
-                  <q-item-label lines="1">{{ channel.name }}</q-item-label>
-                  <q-item-label caption>
-                    <q-badge
-                      :color="getChannelTypeColor(channel.type)"
-                      text-color="white"
-                      size="xs"
-                    >
-                      {{ channel.type }}
-                    </q-badge>
-                    <span
-                      v-if="channel.event"
-                      class="q-ml-xs"
-                    >{{ channel.event }}</span>
-                  </q-item-label>
-                </q-item-section>
-
-                <q-item-section side>
-                  <q-btn
-                    flat
-                    round
-                    dense
-                    color="negative"
-                    icon="eva-close-outline"
-                    @click.stop="removeChannel(index)"
-                  />
-                </q-item-section>
-              </q-item>
-            </q-list>
-          </div>
-
-          <div class="col-12 col-md-9">
-            <q-card-section class="q-py-sm bg-dark-subtle">
-              <div class="row items-center justify-between">
-                <div class="text-subtitle1 text-weight-medium flex items-center">
-                  <q-icon
-                    name="eva-message-square-outline"
-                    class="q-mr-xs"
-                  />
-                  Message Log
-                  <q-badge
-                    color="secondary"
-                    class="q-ml-sm"
-                  >{{ filteredMessages.length }}</q-badge>
-                </div>
-
-                <div>
-                  <q-btn
-                    flat
-                    round
-                    dense
-                    color="grey"
-                    icon="eva-refresh-outline"
-                    @click="clearMessages"
-                    class="q-mr-xs"
-                  >
-                    <q-tooltip>Clear Messages</q-tooltip>
-                  </q-btn>
-                  <q-btn
-                    flat
-                    round
-                    dense
-                    color="grey"
-                    icon="eva-download-outline"
-                    @click="downloadLogs"
-                  >
-                    <q-tooltip>Download Logs</q-tooltip>
-                  </q-btn>
-                </div>
-              </div>
-            </q-card-section>
-
-            <q-separator dark />
-
-            <q-scroll-area
-              style="height: calc(100vh - 280px);"
-              ref="messageLogRef"
-              class="bg-dark-page"
-            >
-              <div
-                v-if="filteredMessages.length === 0"
-                class="text-center q-pa-md text-grey-7"
-              >
-                <q-icon
-                  name="eva-message-square-outline"
-                  size="2rem"
-                />
-                <div class="q-mt-sm">No messages received yet.</div>
-              </div>
-
-              <div
-                v-for="(message, index) in filteredMessages"
-                :key="index"
-                class="message-item q-pa-md q-my-sm"
-              >
-                <div class="flex items-center justify-between">
-                  <div class="flex items-center">
-                    <q-badge
-                      :color="getChannelTypeColor(message.channelType)"
-                      class="q-mr-sm"
-                    >{{ message.channelType
-                    }}</q-badge>
-                    <div class="text-weight-medium">{{ message.channelName }}</div>
-                  </div>
-                  <div class="text-grey-7 text-caption">{{ formatTimestamp(message.timestamp) }}</div>
-                </div>
-
-                <div class="q-mt-xs">
-                  <q-chip
-                    size="sm"
-                    outline
-                    color="secondary"
-                    class="q-mr-sm"
-                  >{{ message.event }}</q-chip>
-                </div>
-
-                <q-card
-                  flat
-                  bordered
-                  class="q-mt-sm bg-dark-subtle"
-                >
-                  <q-card-section class="q-pa-sm">
-                    <pre class="message-content text-grey-4">{{ formatMessageData(message.data) }}</pre>
-                  </q-card-section>
-                </q-card>
-              </div>
-            </q-scroll-area>
-          </div>
-        </div>
-      </q-card-section>
-    </q-card>
-  </q-dialog>
-</template>
-
-<style lang="scss">
-.websocket-channel-manager {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  background-color: #1e1e1e;
-  color: #e0e0e0;
-
-  .channel-list {
-    max-height: 300px;
-    overflow-y: auto;
-  }
-
-  .message-content {
-    overflow-x: auto;
-    white-space: pre-wrap;
-    word-break: break-word;
-  }
-}
-</style>

package/dist/components/index.d.ts

@@ -1,12 +0,0 @@
-/**
- * Core Components
- *
- * Reusable Vue components for the Quvel UI framework
- */
-export { default as BaseInput } from './Inputs/BaseInput.vue';
-export { default as TaskErrors } from './Common/TaskErrors.vue';
-export { default as ClientOnly } from './Misc/ClientOnly.vue';
-export { default as FadeInOut } from './Transitions/FadeInOut.vue';
-export { default as SlowExpand } from './Transitions/SlowExpand.vue';
-export { default as WebSocketChannelManager } from './WebSocketChannelManager.vue';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAG9D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAGhE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAG9D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAGrE,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,+BAA+B,CAAC"}

package/dist/components/index.js

@@ -1,16 +0,0 @@
-/**
- * Core Components
- *
- * Reusable Vue components for the Quvel UI framework
- */
-// Inputs Components
-export { default as BaseInput } from './Inputs/BaseInput.vue';
-// Common Components
-export { default as TaskErrors } from './Common/TaskErrors.vue';
-// Misc Components
-export { default as ClientOnly } from './Misc/ClientOnly.vue';
-// Transitions
-export { default as FadeInOut } from './Transitions/FadeInOut.vue';
-export { default as SlowExpand } from './Transitions/SlowExpand.vue';
-// WebSocket
-export { default as WebSocketChannelManager } from './WebSocketChannelManager.vue';

package/dist/pages/ErrorNotFound.vue

@@ -1,300 +0,0 @@
-<template>
-  <div class="ErrorNotFound">
-    <div class="ErrorNotFound-Container">
-      <div class="ErrorNotFound-Content">
-        <!-- Gradient Background Effect -->
-        <div class="ErrorNotFound-Glow"></div>
-
-        <!-- 404 Icon with Glow Effect -->
-        <div class="ErrorNotFound-IconContainer SmallGlow">
-          <q-icon
-            name="search"
-            size="80px"
-            class="ErrorNotFound-Icon"
-          />
-        </div>
-
-        <!-- Error Code -->
-        <div class="ErrorNotFound-Code">
-          404
-        </div>
-
-        <!-- Message -->
-        <div class="ErrorNotFound-Title">
-          {{ $t('common.errors.notFound.title') }}
-        </div>
-
-        <div class="ErrorNotFound-Description">
-          {{ $t('common.errors.notFound.description') }}
-        </div>
-
-        <!-- Actions -->
-        <div class="ErrorNotFound-Actions">
-          <q-btn
-            unelevated
-            size="md"
-            :to="homeRoute"
-            class="PrimaryButton GenericBorder ErrorNotFound-HomeButton"
-            no-caps
-          >
-            <q-icon
-              name="home"
-              size="18px"
-              class="q-mr-xs"
-            />
-            {{ $t('common.errors.notFound.actions.home') }}
-          </q-btn>
-
-          <q-btn
-            outline
-            size="md"
-            @click="goBack"
-            class="Button GenericBorder ErrorNotFound-BackButton"
-            no-caps
-          >
-            <q-icon
-              name="arrow_back"
-              size="18px"
-              class="q-mr-xs"
-            />
-            {{ $t('common.errors.notFound.actions.back') }}
-          </q-btn>
-        </div>
-
-        <!-- Help Text -->
-        <div class="ErrorNotFound-Help">
-          <p class="ErrorNotFound-HelpText">
-            {{ $t('common.errors.notFound.help') }}
-          </p>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue';
-import { useRouter } from 'vue-router';
-import { useQuvel } from '../composables/useQuvel.js';
-
-const router = useRouter();
-const container = useQuvel();
-
-// Get home route from config with default fallback
-const homeRoute = computed(() => {
-  return container.config.routes?.home || '/' as const;
-});
-
-const goBack = () => {
-  if (window.history.length > 1) {
-    router.go(-1);
-  } else {
-    void router.push(homeRoute.value);
-  }
-};
-</script>
-
-<style lang="scss" scoped>
-.ErrorNotFound {
-  min-height: 100vh;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  position: relative;
-  background: linear-gradient(170deg, #f9fafb, #e6e7eb);
-
-  .dark & {
-    background: linear-gradient(150deg, #202b3b, #12171e);
-  }
-
-  &-Container {
-    max-width: 32rem;
-    margin-left: auto;
-    margin-right: auto;
-    padding-left: 2rem;
-    padding-right: 2rem;
-    position: relative;
-    z-index: 10;
-  }
-
-  &-Content {
-    text-align: center;
-    position: relative;
-  }
-
-  &-Glow {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    width: 300px;
-    height: 300px;
-    transform: translate(-50%, -60%);
-    border-radius: 50%;
-    background: radial-gradient(circle,
-        rgba(59, 130, 246, 0.15) 0%,
-        rgba(243, 85, 44, 0.05) 40%,
-        rgba(255, 255, 255, 0) 70%);
-    opacity: 0.8;
-    z-index: -1;
-
-    .dark & {
-      background: radial-gradient(circle,
-          rgba(99, 102, 241, 0.2) 0%,
-          rgba(253, 106, 42, 0.1) 40%,
-          rgba(30, 30, 46, 0) 70%);
-    }
-  }
-
-  &-IconContainer {
-    margin-bottom: 2rem;
-    display: inline-block;
-  }
-
-  &-Icon {
-    color: #9ca3af;
-
-    .dark & {
-      color: #6b7280;
-    }
-  }
-
-  &-Code {
-    font-size: 6rem;
-    line-height: 1;
-    font-weight: 700;
-    margin-bottom: 1.5rem;
-    font-family: system-ui, -apple-system, sans-serif;
-    background: linear-gradient(135deg,
-        rgba(59, 130, 246, 0.8) 0%,
-        rgba(243, 85, 44, 0.8) 50%,
-        rgba(234, 83, 1, 0.8) 100%);
-    background-clip: text;
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
-    text-shadow: 0 4px 20px rgba(59, 130, 246, 0.3);
-
-    .dark & {
-      background: linear-gradient(135deg,
-          rgba(139, 92, 246, 0.9) 0%,
-          rgba(99, 102, 241, 0.9) 50%,
-          rgba(59, 130, 246, 0.9) 100%);
-      background-clip: text;
-      -webkit-background-clip: text;
-      -webkit-text-fill-color: transparent;
-      text-shadow: 0 4px 20px rgba(139, 92, 246, 0.4);
-    }
-  }
-
-  &-Title {
-    font-size: 1.5rem;
-    line-height: 2rem;
-    font-weight: 600;
-    color: #111827;
-    margin-bottom: 0.75rem;
-
-    .dark & {
-      color: #f3f4f6;
-    }
-  }
-
-  &-Description {
-    color: #4b5563;
-    margin-bottom: 2.5rem;
-    line-height: 1.625;
-    max-width: 28rem;
-    margin-left: auto;
-    margin-right: auto;
-
-    .dark & {
-      color: #d1d5db;
-    }
-  }
-
-  &-Actions {
-    display: flex;
-    flex-direction: column;
-    gap: 1rem;
-    justify-content: center;
-    margin-bottom: 2.5rem;
-
-    @media (min-width: 640px) {
-      flex-direction: row;
-    }
-  }
-
-  &-HomeButton,
-  &-BackButton {
-    padding-left: 1.5rem;
-    padding-right: 1.5rem;
-    padding-top: 0.75rem;
-    padding-bottom: 0.75rem;
-    font-weight: 500;
-    transition-property: all;
-    transition-duration: 300ms;
-    min-width: 140px;
-
-    &:hover {
-      transform: translateY(-2px);
-      box-shadow: 0 8px 25px rgba(59, 130, 246, 0.25);
-    }
-
-    &:active {
-      transform: translateY(0);
-    }
-  }
-
-  &-BackButton {
-    &:hover {
-      box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
-
-      .dark & {
-        box-shadow: 0 8px 25px rgba(255, 255, 255, 0.1);
-      }
-    }
-  }
-
-  &-Help {
-    font-size: 0.875rem;
-    line-height: 1.25rem;
-  }
-
-  &-HelpText {
-    color: #6b7280;
-    line-height: 1.625;
-
-    .dark & {
-      color: #9ca3af;
-    }
-  }
-}
-
-@media (max-width: 640px) {
-  .ErrorNotFound {
-    &-Container {
-      padding-left: 1.5rem;
-      padding-right: 1.5rem;
-    }
-
-    &-Code {
-      font-size: 3.75rem;
-      line-height: 1;
-    }
-
-    &-Title {
-      font-size: 1.25rem;
-      line-height: 1.75rem;
-    }
-
-    &-Actions {
-      .q-btn {
-        width: 100%;
-      }
-    }
-
-    &-Glow {
-      width: 200px;
-      height: 200px;
-    }
-  }
-}
-</style>

package/dist/pages/index.d.ts

@@ -1,7 +0,0 @@
-/**
- * Core Pages
- *
- * Reusable page components for the Quvel UI framework
- */
-export { default as ErrorNotFound } from './ErrorNotFound.vue';
-//# sourceMappingURL=index.d.ts.map

package/dist/pages/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/pages/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/pages/index.js

@@ -1,6 +0,0 @@
-/**
- * Core Pages
- *
- * Reusable page components for the Quvel UI framework
- */
-export { default as ErrorNotFound } from './ErrorNotFound.vue';