una-nuxt-module 2.1.30 → 2.1.32

package/.nuxt/templates/AppBreadcumbs.vue/AppBreadcumbs.vue

@@ -0,0 +1,34 @@
+<script setup lang="ts">
+import {
+  Breadcrumb,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbList,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+} from "../ui/breadcrumb";
+import { useBreadcumbs } from "../../composables/useBreadcumbs";
+
+const { breadcrumbs } = useBreadcumbs();
+</script>
+
+<template>
+  <Breadcrumb>
+    <BreadcrumbList>
+      <template v-for="(breadcumb, index) in breadcrumbs" :key="index">
+        <BreadcrumbItem>
+          <BreadcrumbLink v-if="breadcumb.type === 'link'" as-child>
+            <NuxtLink :to="breadcumb.to"> {{ breadcumb.text }} </NuxtLink>
+          </BreadcrumbLink>
+          <BreadcrumbPage v-if="breadcumb.type === 'page'">
+            {{ breadcumb.text }}
+          </BreadcrumbPage>
+        </BreadcrumbItem>
+        <BreadcrumbSeparator
+          v-if="index < breadcrumbs.length - 1"
+          class="hidden md:block"
+        />
+      </template>
+    </BreadcrumbList>
+  </Breadcrumb>
+</template>

package/.nuxt/templates/ColorModeSelect.vue/ColorModeSelect.vue

@@ -0,0 +1,62 @@
+<script setup lang="ts">
+import { useColorMode } from "#imports";
+import { Button } from "../ui/button";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+} from "../ui/dropdown-menu";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from "../ui/tooltip";
+import { Check } from "lucide-vue-next";
+
+const colorMode = useColorMode();
+</script>
+
+<template>
+  <TooltipProvider>
+    <Tooltip>
+      <TooltipTrigger>
+        <DropdownMenu>
+          <DropdownMenuTrigger as-child>
+            <Button variant="outline" size="icon">
+              <Icon
+                name="radix-icons:moon"
+                class="h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0"
+              />
+              <Icon
+                name="radix-icons:sun"
+                class="absolute h-[1.2rem] w-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100"
+              />
+              <span class="sr-only">Toggle theme</span>
+            </Button>
+          </DropdownMenuTrigger>
+          <DropdownMenuContent align="end">
+            <DropdownMenuItem @click="colorMode.preference = 'light'">
+              <Icon name="radix-icons:moon" />
+              Light
+              <Check v-if="colorMode.preference === 'light'" class="ml-auto" />
+            </DropdownMenuItem>
+            <DropdownMenuItem @click="colorMode.preference = 'dark'">
+              <Icon name="radix-icons:sun" />
+              Dark
+              <Check v-if="colorMode.preference === 'dark'" class="ml-auto" />
+            </DropdownMenuItem>
+            <DropdownMenuSeparator />
+            <DropdownMenuItem @click="colorMode.preference = 'system'">
+              <Icon name="radix-icons:desktop" />
+              System
+              <Check v-if="colorMode.preference === 'system'" class="ml-auto" />
+            </DropdownMenuItem>
+          </DropdownMenuContent>
+        </DropdownMenu>
+      </TooltipTrigger>
+      <TooltipContent>Theme</TooltipContent>
+    </Tooltip>
+  </TooltipProvider>
+</template>

package/.nuxt/templates/Loading.vue/Loading.vue

@@ -0,0 +1,5 @@
+<template>
+  <div
+    class="h-10 w-10 border-4 border-accent border-t-primary rounded-full animate-spin"
+  />
+</template>

package/.nuxt/templates/LoadingScreen.vue/LoadingScreen.vue

@@ -0,0 +1,12 @@
+<template>
+  <div class="h-screen w-full flex justify-center items-center">
+    <div role="status" class="flex justify-center">
+      <Loading />
+      <span class="sr-only">Cargando...</span>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import Loading from "./Loading.vue";
+</script>

package/.nuxt/templates/LoadingSessionScreen.vue/LoadingSessionScreen.vue

@@ -0,0 +1,30 @@
+<template>
+  <div class="h-screen w-full flex justify-center items-center">
+    <div role="status" class="flex justify-center">
+      <Empty>
+        <EmptyHeader>
+          <EmptyTitle class="text-xl font-semibold text-foreground/90">
+            Iniciando sesión
+          </EmptyTitle>
+          <EmptyDescription class="text-muted-foreground">
+            Por favor, espere un momento...
+          </EmptyDescription>
+        </EmptyHeader>
+        <EmptyContent>
+          <Loading />
+        </EmptyContent>
+      </Empty>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import {
+  Empty,
+  EmptyContent,
+  EmptyHeader,
+  EmptyTitle,
+  EmptyDescription,
+} from "../ui/empty";
+import Loading from "./Loading.vue";
+</script>

package/.nuxt/templates/accordion/AccordionContent.vue

@@ -1,13 +1,15 @@
 <script setup lang="ts">
-import type { AccordionContentProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import { AccordionContent } from "reka-ui"
-import { cn } from '~/src/runtime/lib/utils'
+import type { AccordionContentProps } from "reka-ui";
+import type { HTMLAttributes } from "vue";
+import { reactiveOmit } from "@vueuse/core";
+import { AccordionContent } from "reka-ui";
+import cn from "../../../utils/cn";
 
-const props = defineProps<AccordionContentProps & { class?: HTMLAttributes["class"] }>()
+const props = defineProps<
+  AccordionContentProps & { class?: HTMLAttributes["class"] }
+>();
 
-const delegatedProps = reactiveOmit(props, "class")
+const delegatedProps = reactiveOmit(props, "class");
 </script>
 
 <template>

package/.nuxt/templates/accordion/AccordionItem.vue

@@ -1,15 +1,17 @@
 <script setup lang="ts">
-import type { AccordionItemProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import { AccordionItem, useForwardProps } from "reka-ui"
-import { cn } from '~/src/runtime/lib/utils'
+import type { AccordionItemProps } from "reka-ui";
+import type { HTMLAttributes } from "vue";
+import { reactiveOmit } from "@vueuse/core";
+import { AccordionItem, useForwardProps } from "reka-ui";
+import cn from "../../../utils/cn";
 
-const props = defineProps<AccordionItemProps & { class?: HTMLAttributes["class"] }>()
+const props = defineProps<
+  AccordionItemProps & { class?: HTMLAttributes["class"] }
+>();
 
-const delegatedProps = reactiveOmit(props, "class")
+const delegatedProps = reactiveOmit(props, "class");
 
-const forwardedProps = useForwardProps(delegatedProps)
+const forwardedProps = useForwardProps(delegatedProps);
 </script>
 
 <template>

package/.nuxt/templates/accordion/AccordionTrigger.vue

@@ -1,18 +1,16 @@
 <script setup lang="ts">
-import type { AccordionTriggerProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import { ChevronDown } from "lucide-vue-next"
-import {
-  AccordionHeader,
-  AccordionTrigger,
+import type { AccordionTriggerProps } from "reka-ui";
+import type { HTMLAttributes } from "vue";
+import { reactiveOmit } from "@vueuse/core";
+import { ChevronDown } from "lucide-vue-next";
+import { AccordionHeader, AccordionTrigger } from "reka-ui";
+import cn from "../../../utils/cn";
 
-} from "reka-ui"
-import { cn } from '~/src/runtime/lib/utils'
+const props = defineProps<
+  AccordionTriggerProps & { class?: HTMLAttributes["class"] }
+>();
 
-const props = defineProps<AccordionTriggerProps & { class?: HTMLAttributes["class"] }>()
-
-const delegatedProps = reactiveOmit(props, "class")
+const delegatedProps = reactiveOmit(props, "class");
 </script>
 
 <template>
@@ -23,7 +21,7 @@ const delegatedProps = reactiveOmit(props, "class")
       :class="
         cn(
           'focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180',
-          props.class,
+          props.class
         )
       "
     >

package/.nuxt/templates/alert/Alert.vue

@@ -1,13 +1,13 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from "vue"
-import type { AlertVariants } from "."
-import { cn } from '~/src/runtime/lib/utils'
-import { alertVariants } from "."
+import type { HTMLAttributes } from "vue";
+import type { AlertVariants } from ".";
+import cn from "../../../utils/cn";
+import { alertVariants } from ".";
 
 const props = defineProps<{
-  class?: HTMLAttributes["class"]
-  variant?: AlertVariants["variant"]
-}>()
+  class?: HTMLAttributes["class"];
+  variant?: AlertVariants["variant"];
+}>();
 </script>
 
 <template>

package/.nuxt/templates/alert/AlertDescription.vue

@@ -1,16 +1,21 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from "vue"
-import { cn } from '~/src/runtime/lib/utils'
+import type { HTMLAttributes } from "vue";
+import cn from "../../../utils/cn";
 
 const props = defineProps<{
-  class?: HTMLAttributes["class"]
-}>()
+  class?: HTMLAttributes["class"];
+}>();
 </script>
 
 <template>
   <div
     data-slot="alert-description"
-    :class="cn('text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed', props.class)"
+    :class="
+      cn(
+        'text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed',
+        props.class
+      )
+    "
   >
     <slot />
   </div>

package/.nuxt/templates/alert/AlertTitle.vue

@@ -1,16 +1,21 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from "vue"
-import { cn } from '~/src/runtime/lib/utils'
+import type { HTMLAttributes } from "vue";
+import cn from "../../../utils/cn";
 
 const props = defineProps<{
-  class?: HTMLAttributes["class"]
-}>()
+  class?: HTMLAttributes["class"];
+}>();
 </script>
 
 <template>
   <div
     data-slot="alert-title"
-    :class="cn('col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight', props.class)"
+    :class="
+      cn(
+        'col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight',
+        props.class
+      )
+    "
   >
     <slot />
   </div>

package/.nuxt/templates/alert-dialog/AlertDialogAction.vue

@@ -1,18 +1,23 @@
 <script setup lang="ts">
-import type { AlertDialogActionProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import { AlertDialogAction } from "reka-ui"
-import { cn } from '~/src/runtime/lib/utils'
-import { buttonVariants } from '~/src/runtime/components/ui/button'
+import type { AlertDialogActionProps } from "reka-ui";
+import type { HTMLAttributes } from "vue";
+import { reactiveOmit } from "@vueuse/core";
+import { AlertDialogAction } from "reka-ui";
+import cn from "../../../utils/cn";
+import { buttonVariants } from "../button";
 
-const props = defineProps<AlertDialogActionProps & { class?: HTMLAttributes["class"] }>()
+const props = defineProps<
+  AlertDialogActionProps & { class?: HTMLAttributes["class"] }
+>();
 
-const delegatedProps = reactiveOmit(props, "class")
+const delegatedProps = reactiveOmit(props, "class");
 </script>
 
 <template>
-  <AlertDialogAction v-bind="delegatedProps" :class="cn(buttonVariants(), props.class)">
+  <AlertDialogAction
+    v-bind="delegatedProps"
+    :class="cn(buttonVariants(), props.class)"
+  >
     <slot />
   </AlertDialogAction>
 </template>

package/.nuxt/templates/alert-dialog/AlertDialogCancel.vue

@@ -1,24 +1,24 @@
 <script setup lang="ts">
-import type { AlertDialogCancelProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import { AlertDialogCancel } from "reka-ui"
-import { cn } from '~/src/runtime/lib/utils'
-import { buttonVariants } from '~/src/runtime/components/ui/button'
+import type { AlertDialogCancelProps } from "reka-ui";
+import type { HTMLAttributes } from "vue";
+import { reactiveOmit } from "@vueuse/core";
+import { AlertDialogCancel } from "reka-ui";
+import cn from "../../../utils/cn";
+import { buttonVariants } from "../button";
 
-const props = defineProps<AlertDialogCancelProps & { class?: HTMLAttributes["class"] }>()
+const props = defineProps<
+  AlertDialogCancelProps & { class?: HTMLAttributes["class"] }
+>();
 
-const delegatedProps = reactiveOmit(props, "class")
+const delegatedProps = reactiveOmit(props, "class");
 </script>
 
 <template>
   <AlertDialogCancel
     v-bind="delegatedProps"
-    :class="cn(
-      buttonVariants({ variant: 'outline' }),
-      'mt-2 sm:mt-0',
-      props.class,
-    )"
+    :class="
+      cn(buttonVariants({ variant: 'outline' }), 'mt-2 sm:mt-0', props.class)
+    "
   >
     <slot />
   </AlertDialogCancel>

package/.nuxt/templates/alert-dialog/AlertDialogContent.vue

@@ -1,22 +1,23 @@
 <script setup lang="ts">
-import type { AlertDialogContentEmits, AlertDialogContentProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
+import type { AlertDialogContentEmits, AlertDialogContentProps } from "reka-ui";
+import type { HTMLAttributes } from "vue";
+import { reactiveOmit } from "@vueuse/core";
 import {
   AlertDialogContent,
-
   AlertDialogOverlay,
   AlertDialogPortal,
   useForwardPropsEmits,
-} from "reka-ui"
-import { cn } from '~/src/runtime/lib/utils'
+} from "reka-ui";
+import cn from "../../../utils/cn";
 
-const props = defineProps<AlertDialogContentProps & { class?: HTMLAttributes["class"] }>()
-const emits = defineEmits<AlertDialogContentEmits>()
+const props = defineProps<
+  AlertDialogContentProps & { class?: HTMLAttributes["class"] }
+>();
+const emits = defineEmits<AlertDialogContentEmits>();
 
-const delegatedProps = reactiveOmit(props, "class")
+const delegatedProps = reactiveOmit(props, "class");
 
-const forwarded = useForwardPropsEmits(delegatedProps, emits)
+const forwarded = useForwardPropsEmits(delegatedProps, emits);
 </script>
 
 <template>
@@ -31,7 +32,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits)
       :class="
         cn(
           'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg',
-          props.class,
+          props.class
         )
       "
     >

package/.nuxt/templates/alert-dialog/AlertDialogDescription.vue

@@ -1,16 +1,15 @@
 <script setup lang="ts">
-import type { AlertDialogDescriptionProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import {
-  AlertDialogDescription,
+import type { AlertDialogDescriptionProps } from "reka-ui";
+import type { HTMLAttributes } from "vue";
+import { reactiveOmit } from "@vueuse/core";
+import { AlertDialogDescription } from "reka-ui";
+import cn from "../../../utils/cn";
 
-} from "reka-ui"
-import { cn } from '~/src/runtime/lib/utils'
+const props = defineProps<
+  AlertDialogDescriptionProps & { class?: HTMLAttributes["class"] }
+>();
 
-const props = defineProps<AlertDialogDescriptionProps & { class?: HTMLAttributes["class"] }>()
-
-const delegatedProps = reactiveOmit(props, "class")
+const delegatedProps = reactiveOmit(props, "class");
 </script>
 
 <template>

package/.nuxt/templates/alert-dialog/AlertDialogFooter.vue

@@ -1,20 +1,17 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from "vue"
-import { cn } from '~/src/runtime/lib/utils'
+import type { HTMLAttributes } from "vue";
+import cn from "../../../utils/cn";
 
 const props = defineProps<{
-  class?: HTMLAttributes["class"]
-}>()
+  class?: HTMLAttributes["class"];
+}>();
 </script>
 
 <template>
   <div
     data-slot="alert-dialog-footer"
     :class="
-      cn(
-        'flex flex-col-reverse gap-2 sm:flex-row sm:justify-end',
-        props.class,
-      )
+      cn('flex flex-col-reverse gap-2 sm:flex-row sm:justify-end', props.class)
     "
   >
     <slot />

package/.nuxt/templates/alert-dialog/AlertDialogHeader.vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from "vue"
-import { cn } from '~/src/runtime/lib/utils'
+import type { HTMLAttributes } from "vue";
+import cn from "../../../utils/cn";
 
 const props = defineProps<{
-  class?: HTMLAttributes["class"]
-}>()
+  class?: HTMLAttributes["class"];
+}>();
 </script>
 
 <template>

package/.nuxt/templates/alert-dialog/AlertDialogTitle.vue

@@ -1,13 +1,15 @@
 <script setup lang="ts">
-import type { AlertDialogTitleProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import { AlertDialogTitle } from "reka-ui"
-import { cn } from '~/src/runtime/lib/utils'
+import type { AlertDialogTitleProps } from "reka-ui";
+import type { HTMLAttributes } from "vue";
+import { reactiveOmit } from "@vueuse/core";
+import { AlertDialogTitle } from "reka-ui";
+import cn from "../../../utils/cn";
 
-const props = defineProps<AlertDialogTitleProps & { class?: HTMLAttributes["class"] }>()
+const props = defineProps<
+  AlertDialogTitleProps & { class?: HTMLAttributes["class"] }
+>();
 
-const delegatedProps = reactiveOmit(props, "class")
+const delegatedProps = reactiveOmit(props, "class");
 </script>
 
 <template>