@eslamdevui/ui 3.2.0-beta.2 → 3.2.1

package/dist/runtime/types/index.js

@@ -1,17 +1,24 @@
 export * from "../components/Accordion.vue";
 export * from "../components/Alert.vue";
 export * from "../components/App.vue";
+export * from "../components/AuthForm.vue";
 export * from "../components/Avatar.vue";
 export * from "../components/AvatarGroup.vue";
 export * from "../components/Badge.vue";
+export * from "../components/Banner.vue";
+export * from "../components/BlogPost.vue";
+export * from "../components/BlogPosts.vue";
 export * from "../components/Breadcrumb.vue";
 export * from "../components/Button.vue";
 export * from "../components/ButtonGroup.vue";
 export * from "../components/Calendar.vue";
 export * from "../components/Card.vue";
 export * from "../components/Carousel.vue";
+export * from "../components/ChangelogVersion.vue";
+export * from "../components/ChangelogVersions.vue";
 export * from "../components/ChatMessage.vue";
 export * from "../components/ChatMessages.vue";
+export * from "../components/ChatPalette.vue";
 export * from "../components/ChatPrompt.vue";
 export * from "../components/ChatPromptSubmit.vue";
 export * from "../components/Checkbox.vue";
@@ -39,8 +46,11 @@ export * from "../components/DashboardSidebarToggle.vue";
 export * from "../components/Drawer.vue";
 export * from "../components/DropdownMenu.vue";
 export * from "../components/Error.vue";
+export * from "../components/Footer.vue";
+export * from "../components/FooterColumns.vue";
 export * from "../components/Form.vue";
 export * from "../components/FormField.vue";
+export * from "../components/Header.vue";
 export * from "../components/Icon.vue";
 export * from "../components/Input.vue";
 export * from "../components/InputMenu.vue";
@@ -49,11 +59,33 @@ export * from "../components/InputTags.vue";
 export * from "../components/Kbd.vue";
 export * from "../components/Link.vue";
 export * from "../components/locale/LocaleSelect.vue";
+export * from "../components/Main.vue";
 export * from "../components/Modal.vue";
 export * from "../components/NavigationMenu.vue";
+export * from "../components/Page.vue";
+export * from "../components/PageAccordion.vue";
+export * from "../components/PageAnchors.vue";
+export * from "../components/PageAside.vue";
+export * from "../components/PageBody.vue";
+export * from "../components/PageCard.vue";
+export * from "../components/PageColumns.vue";
+export * from "../components/PageCTA.vue";
+export * from "../components/PageFeature.vue";
+export * from "../components/PageGrid.vue";
+export * from "../components/PageHeader.vue";
+export * from "../components/PageHero.vue";
+export * from "../components/PageLinks.vue";
+export * from "../components/PageList.vue";
+export * from "../components/PageLogos.vue";
+export * from "../components/PageMarquee.vue";
+export * from "../components/PageSection.vue";
+export * from "../components/Pagination.vue";
 export * from "../components/Pagination.vue";
 export * from "../components/PinInput.vue";
 export * from "../components/Popover.vue";
+export * from "../components/PricingPlan.vue";
+export * from "../components/PricingPlans.vue";
+export * from "../components/PricingTable.vue";
 export * from "../components/Progress.vue";
 export * from "../components/RadioGroup.vue";
 export * from "../components/Select.vue";
@@ -72,6 +104,7 @@ export * from "../components/Toast.vue";
 export * from "../components/Toaster.vue";
 export * from "../components/Tooltip.vue";
 export * from "../components/Tree.vue";
+export * from "../components/User.vue";
 export * from "./form.js";
 export * from "./locale.js";
 export * from "./utils.js";

package/dist/runtime/vue/components/Icon.vue

@@ -10,5 +10,5 @@ defineProps({
 </script>
 
 <template>
-  <IconifyIcon :icon="name.replace(/^i-/, '')" />
+  <IconifyIcon :icon="name.replace(/^i-/, '')" />
 </template>

package/dist/runtime/vue/components/Link.vue

@@ -101,10 +101,10 @@ function resolveLinkClass({ route: route2, isActive, isExactActive } = {}) {
 </script>
 
 <template>
-  <template v-if="!isExternal && !!to">
-    <RouterLink v-slot="{ href, navigate, route: linkRoute, isActive, isExactActive }" v-bind="routerLinkProps" :to="to" custom>
-      <template v-if="custom">
-        <slot
+  <template v-if="!isExternal && !!to">
+    <RouterLink v-slot="{ href, navigate, route: linkRoute, isActive, isExactActive }" v-bind="routerLinkProps" :to="to" custom>
+      <template v-if="custom">
+        <slot
           v-bind="{
   ...$attrs,
   ...exact && isExactActive ? { 'aria-current': props.ariaCurrentValue } : {},
@@ -114,11 +114,11 @@ function resolveLinkClass({ route: route2, isActive, isExactActive } = {}) {
   href,
   navigate,
   active: isLinkActive({ route: linkRoute, isActive, isExactActive })
-}"
-        />
-      </template>
-      <ULinkBase
-        v-else
+}"
+        />
+      </template>
+      <ULinkBase
+        v-else
         v-bind="{
   ...$attrs,
   ...exact && isExactActive ? { 'aria-current': props.ariaCurrentValue } : {},
@@ -127,17 +127,17 @@ function resolveLinkClass({ route: route2, isActive, isExactActive } = {}) {
   disabled,
   href,
   navigate
-}"
-        :class="resolveLinkClass({ route: linkRoute, isActive, isExactActive })"
-      >
-        <slot :active="isLinkActive({ route: linkRoute, isActive, isExactActive })" />
-      </ULinkBase>
-    </RouterLink>
-  </template>
-
-  <template v-else>
-    <template v-if="custom">
-      <slot
+}"
+        :class="resolveLinkClass({ route: linkRoute, isActive, isExactActive })"
+      >
+        <slot :active="isLinkActive({ route: linkRoute, isActive, isExactActive })" />
+      </ULinkBase>
+    </RouterLink>
+  </template>
+
+  <template v-else>
+    <template v-if="custom">
+      <slot
         v-bind="{
   ...$attrs,
   as,
@@ -147,11 +147,11 @@ function resolveLinkClass({ route: route2, isActive, isExactActive } = {}) {
   target: isExternal ? '_blank' : void 0,
   active,
   isExternal
-}"
-      />
-    </template>
-    <ULinkBase
-      v-else
+}"
+      />
+    </template>
+    <ULinkBase
+      v-else
       v-bind="{
   ...$attrs,
   as,
@@ -160,10 +160,10 @@ function resolveLinkClass({ route: route2, isActive, isExactActive } = {}) {
   href: to,
   target: isExternal ? '_blank' : void 0,
   isExternal
-}"
-      :class="resolveLinkClass()"
-    >
-      <slot :active="active" />
-    </ULinkBase>
-  </template>
+}"
+      :class="resolveLinkClass()"
+    >
+      <slot :active="active" />
+    </ULinkBase>
+  </template>
 </template>

package/dist/runtime/vue/components/color-mode/ColorModeButton.vue

@@ -24,11 +24,11 @@ const isDark = computed({
 </script>
 
 <template>
-  <UButton
-    :icon="isDark ? appConfig.ui.icons.dark : appConfig.ui.icons.light"
-    :color="color"
-    :variant="variant"
-    :aria-label="isDark ? t('colorMode.switchToLight') : t('colorMode.switchToDark')"
-    @click="isDark = !isDark"
-  />
+  <UButton
+    :icon="isDark ? appConfig.ui.icons.dark : appConfig.ui.icons.light"
+    :color="color"
+    :variant="variant"
+    :aria-label="isDark ? t('colorMode.switchToLight') : t('colorMode.switchToDark')"
+    @click="isDark = !isDark"
+  />
 </template>

package/dist/runtime/vue/components/color-mode/ColorModeSelect.vue

@@ -27,11 +27,11 @@ const preference = computed({
 </script>
 
 <template>
-  <USelectMenu
-    v-model="preference"
-    :icon="preference?.icon"
-    :search-input="false"
-    v-bind="$attrs"
-    :items="items"
-  />
+  <USelectMenu
+    v-model="preference"
+    :icon="preference?.icon"
+    :search-input="false"
+    v-bind="$attrs"
+    :items="items"
+  />
 </template>

package/dist/runtime/vue/components/color-mode/ColorModeSwitch.vue

@@ -22,11 +22,11 @@ const isDark = computed({
 </script>
 
 <template>
-  <USwitch
-    v-model="isDark"
-    :checked-icon="appConfig.ui.icons.dark"
-    :unchecked-icon="appConfig.ui.icons.light"
-    :aria-label="isDark ? t('colorMode.switchToLight') : t('colorMode.switchToDark')"
-    v-bind="$attrs"
-  />
+  <USwitch
+    v-model="isDark"
+    :checked-icon="appConfig.ui.icons.dark"
+    :unchecked-icon="appConfig.ui.icons.light"
+    :aria-label="isDark ? t('colorMode.switchToLight') : t('colorMode.switchToDark')"
+    v-bind="$attrs"
+  />
 </template>